/* Reset CSS */
html, body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend {
margin: 0;padding: 0;border: 0;font-weight: inherit;font-style: inherit;font-size: 100%;line-height: 1.5;font-family: inherit;text-align: left;vertical-align: baseline;}
/* table, caption, tbody, tfoot, thead, tr, th, td */

/* Params */
body { font: 100% Arial, Helvetica, sans-serif; background-color: white; }
hr, .cache { position: absolute;left: -5000px;top: -5000px; font-size: 1px; }

/* Divs */
#contenu {  padding:50px; font-size: .85em; }
.col { width: 200px; float:left; }
.col2 { width: 200px; float:right; }
.id { border:1px solid black; padding: 10px; margin: 10px 0; }
.idform { margin-bottom: 0; position:relative; top: 10px; }
.idcol { margin-left: 210px; }
.idcol2 { margin-right: 220px; }
.centre { text-align:center; }
#formlogin, #forminscription { background-color: rgb(250,250,250); }
#notice { border:1px solid black; padding:10px;background-color: #f5f5f5; font-size: .9em; }
	/* Accueil */
	#menu, #colindex, #page, #pageaccueil { padding-top:10px; }

/* Alert Msgs */
#newmsgs { background-color: rgb(245,245,245); text-align:center; padding:5px; border-bottom:1px solid #aaa; }
#newmsgs p { text-align:center; }
#newmsgs p a { color: red; }
#newmsgs p a:hover, #newmsgs p a:focus { color: green; }

/*Objets */
.col p img { padding-top:10px; }
.imgprofil { padding-bottom:10px; }
iframe { width: 750px; height: 450px; margin: 0; margin-left: -20px; padding-top:20px;}

/* Form */
textarea { font: 1.1em Arial, Helvetica, sans-serif; }
textarea, input.text { margin-bottom: 5px; width: 400px; padding: 5px; border:1px solid #aaa; font-size: 1.1em; color:green; }
input.larg { width: 94%; }
input.submit { margin: 5px 0; padding: 10px 15px; font-size: 1.1em; background-color: #aaa; border:0 none; font-size: 1.1em; color:white; font-weight: bold; }
input.submit:hover, input.submit:focus, p.submit a:hover, p.submit a:focus  { background-color: green; color:white; }
input.red { background-color: red; color:white; }
input.float { float:left; margin-right:15px; }
p.submit input.submit {  font-size: .9em; position:relative; top: 5px; }
checkbox { padding: 3px; border:1px solid #aaa; font-size: 1.1em; color:green; }

/* Typo */
h1 { font-size: 1.7em; }
h2 { font-size: 2.2em;margin-top: 10px;font-weight:bold; }
h3 { font-size: 1.5em; }
h3 span { font-size: .8em; padding-right:20px;}
.id p { color: black;}
.idlog h3 { border-bottom:1px solid black; margin: 10px 0;}
	/* idem form submit */
	p.submit { margin: 10px 0; font-size: 1.15em; }
	p.submit a { padding: 10px 15px; background-color: #aaa; border:0 none; color:white; text-decoration: none; font-weight: bold; }
	p.largi { padding: 0; background-color: #aaa; text-align:center; } /* contient input */
	p.larg { padding: 10px 0; background-color: #aaa; text-align:center; } /* contient lien */
	p.larg a { padding: 10px 0; }
	p.larg:hover, p.larg:focus, p.largi:hover, p.largi:focus { background-color: green; }
	/* type lien mais + accentué */
	p.bouton a { font-size: 1.15em; color: #888; text-decoration: none; font-weight: bold; }
	p.bouton a:hover, p.bouton a:focus { color: green; }
	/* alertes, conseils, datas */
	p.assistform { font-style: italic; }
	p.alertform, .alertform { color:red; }
	p.OKform, .OKform, p span b { color:green; }
	p.red { background-color: red; color:white; }
	/* p positionnés */
	p.decale { margin-left: 210px; }
	p.float { float: left; }
	p.nofloat { position:relative; top: 5px; left:5px; }
	/* autres */
	p.tweet { border-bottom: 1px solid #ccc; padding-bottom: 2px;  margin-bottom: 2px; }

/* Entête */
h1.titrage {  font-size: 2em; }
h2.soustitrage {  border-bottom:3px solid #aaa; padding-bottom: 15px; margin-bottom: 15px; }
h3.connectid {  border:1px solid #aaa; padding: 5px; margin: 5px; background-color: #f2f2f2; }

/* Liens  */
a { color: #888; text-decoration: none; font-weight: bold; }
a.lien {  text-decoration: underline;  }
a:hover, a:focus, a.color { color: green; }
a.color:hover, a.color:focus { text-decoration: underline; }

/* Listes */
ul { list-style-type: none; margin:10px 0; }
li { margin-left:10px; }
.boxliste { border:1px solid #aaa; padding: 5px; margin: 10px; background-color: #f2f2f2; float:left; width: 28%; height: 60px; }
.boxliste span.photomem { display: block; float:left; margin-right: 10px; height: 50px; }  /* 50px = height 60px moins padding 2x5px */
.boxstatut { padding: 2px 5px; font-size: .8em; color:white; }
.box1 { background-color: #aaa; }
.box2 { background-color: green; }
.box3 { background-color: red; }

/* Tables */
table#inscrits { border-collapse: collapse; font-size:.75em; }
table#inscrits td, table#inscrits th { border: 1px solid #aaa; padding: 2px; text-align:center; }
table#inscrits td.oblig { background-color: #eee; }
table#inscrits td.oblig a { color: blue !important; text-decoration:underline !important; }
table#inscrits th { background-color: #aaa; }

#membres table { border: 0 none; }

/* Menu */
#menu ul { border:1px solid black; padding: 5px; margin-right: 20px; }
#menu h2 { font-size: 1.6em; line-height: 1; }
#menu li { margin: 0; }

/* Colindex */
#colindex h2 { font-size: 1.6em; }

/* Page */
#page h2, #pageaccueil h2 { font-size: 1.6em; }

/* Profil */
h2#nomuser { font-size: 2.5em; color: green; }
h3#codeuser a { font-size: .7em; }
h3#codeuser a b { display: none; font-size: 1.5em; }
h3#codeuser a:hover b, h3#codeuser a:focus b { display: inline; }
h3#codeuser a:hover i, h3#codeuser a:focus i { display: none; }

/* Extraits accueil */
#news, #forums, #tweets, #chats, #docs, #events { background-color: rgb(245,245,245); }
p.lienaccueil { margin-top: 6px; }
p.lienaccueil a { color: green; font-size: 1.1em; }
p.lienaccueil a span  { font-weight: normal; color:#999;  font-size: .8em; }
p.lienaccueil a span b { color:black; }
div.extrait {  font-size: .9em; background: green url(../IdDesign/bulle.gif) top left no-repeat; padding: 10px; padding-top: 20px; margin: 0 10px 5px 10px;}
div.extrait p { color:white; }
p.newsaccueil b { color: green; font-size: 1.1em; }
p.newsaccueil span  { font-weight: normal; color:#999;  font-size: .8em; }
#lestweets { background-color: white; }
p.dateeventaccueil  { font-weight: normal; color:#999;  font-size: .9em; }
p.titreeventaccueil a { color: green; font-size: 1.05em; margin-bottom: 5px; position:relative; top:-3px;}


/* News */
.notenews { float:left; width: 80px; height: 100%; background-color:#f5f5f5; color:black;padding:5px; margin-top: 5px; }
.notenews p { text-align:center; }
.notenews p b { color:green;font-size:1.4em  }
.thermo1 { border:1px solid black;background-color:white;  width: 98%; height: 10px; }
.thermo2 { } /* vals Php en ligne */
.news { margin-left:100px; border:1px solid black; padding:10px; margin-top: 5px; }
.news h3 {  }

/* Agenda */
#calendrier { width: 180px; padding: 10px; margin-top: 50px; border:1px solid #ccc; float:left; }
#calendrier table {  border: 0; font: .8em/1.5em Verdana, Arial, Helvetica, sans serif; border-collapse: collapse; width: 175px; text-align: center; }
#calendrier table th { padding: 5px 0; }
#calendrier table th a {  text-decoration: none;margin: 0 15px;letter-spacing: -.2em;color: green; }
#calendrier table th a:hover, table th a:focus {  color: red; }
#calendrier table td {  padding: 0px; width: 25px; height: 1.5em; line-height: 1.5em; background-color: white; text-align: center; }
#calendrier table td div.select {  color: white; background-color: green; font-weight: bold; border-bottom: 1px solid green;  text-align: center; }
#calendrier table td div.select a {  color: white; text-decoration: none; }
#calendrier table td span.dimanche {  color: red; }
#legendcal { text-align:center; font-size:.8em; line-height: .9; padding-top 15px; }

#evenements { margin-left: 220px; }
.event { background-color: #f5f5f5; }
.dateevent { color: #999; }
.titreevent { color:green !important; font-size: 1.3em; }
	.bigtitre { font-size: 2em; letter-spacing:-.05em; }
.texteevent { }
.orgevent {  padding-left: 10px; border-left: 1px solid #ccc; margin: 5px 10px; font-size.9em;  }


/* Forums */
.postavalider  { color:blue; }
.postferme  { color:#999; }
.notice { border:1px solid black; border-top:0 none; padding:10px;background-color: #f5f5f5; }
	/* Liste */
	#messages { background-color: #f5f5f5; padding:10px; border:1px solid black; border-bottom:0 none; } /* contenant */
	.messages { padding: 0; border-bottom:1px solid black; } /* ferme les msgs */
	.autrespages { background-color: white; }
	a.autrepage { background-color: #aaa; padding: 5px 8px; color: white; }
	a.autrepage:hover, a.autrepage:focus { background-color: green; }
	.liste0 { border:1px solid black; border-bottom:0 none; padding:10px; } /* msg admin */
	.liste1 { border:1px solid black; border-bottom:0 none; padding:10px; background-color: #ddd; } /* 1er niveau */
	.liste2 { border:1px solid black; border-bottom:0 none; padding:10px; background-color: white; } /* 2e niveau */
	b.msgaffiche { margin-right: 10px; color:#555; }
	.nouveau { color:green; }
	.dejavu { color: #999; }
	/* Lire */
	#pagelire { border:1px solid black; padding:10px; background-color: #f5f5f5; }
	#datasmsg  { border:1px solid black; border-bottom:0 none; padding:10px; background-color: #ccc; }
		#datasmsg  p.photo { float:left; margin-right: 15px; width: 65px; height: 77px; overflow: hidden; } /* recadre une photo trop haute */
		#datasmsg  div.contenu {margin: 0 75px; }
		#datasmsg  p.nom { font-size: 1.2em; color: green; }
		#datasmsg  p.date {  }
		#datasmsg  p.sujet {  font-size: 1.5em; }
		#datasmsg  div.liens { float:right;  width: 65px; height: 77px; text-align: right; font-size: .7em; } /* font-size pour le alt */
	.msgalire { border:1px solid black; border-bottom:0 none; padding:10px; background-color: white; color: green; }
	.repondre { border:1px solid black; padding:10px; background-color: white; }
	/* Post */
	#postmessages { background-color: #f5f5f5; padding:10px;border:1px solid black; border-bottom:0 none; }
	.donneespost { border:1px solid black; background-color: white; padding:10px;  }
	.msgreponse { border: 0 none; border-bottom:1px solid black; background-color: white; padding:5px 0; margin: 10px 0; width: 100%; height: 100px; max-height: 100px; color:black; font-weight: bold; overflow: auto; }
	
/* Webcast */
iframe#iframeWebcast { width:400px; height:290px;  margin: 50px 150px; border:5px solid black; border-top:8px solid black; border-bottom:10px solid black; margin:0; padding:0; background-color:black; }
object#pictoWebcast { position:relative; top:-271px; left:-104px; z-index:1; }