BODY, HTML {
	width: 100%;
	height: 100%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background-color: #F1EEE7;
	font-family: "Gill Sans", Trebuchet MS, Geneva, Arial, Helvetica, sans-serif; color : #333333; font-size : 10pt; 
	text-align: center;
}

/* bloc principal qui gère l'espace pour le contenu */
#main {
	width: 950px;
	margin:0 0 0 0;
	margin-left: auto;
    margin-right: auto;
	text-align: left;
	background:#ffffff url(./themes/citoyen/bg.jpg) repeat-y top center;
	border-width:0 1px 0 1px;
	border-style:solid;
	border-color:#D5BDAD;
}

#entete { border-bottom:4px solid #DDC7B6; text-align:center; }
#entete IMG.imgEntete { float:left; }
#entete FORM { margin:0; padding:0; }
#entete DIV.formLogin { padding:10px 0 0 0; margin:0;display:block; width:199px; height:120px; overflow:hidden; background-color:#F2E9DA; border-left:1px solid #D5BDAD; }
#entete input.text { margin: 1px 0 1px 0; font-size:10pt; font-weight:bold; color:#666666; width: 120px; border:1px solid #cacaca;float:left;  }
#entete input.submit { margin: 5px 0 5px 0; font-size:10pt; font-weight:bold; color:#333333; width: 90px; border:1px solid #9E7452;float:left; background-color:#DCC5B3; }
#entete label { margin: 1px 0 1px 0; font-size:10pt; font-weight:bold; color:#9E7452; width: 70px; display:block; float:left; text-align: center; }
#entete DIV.formLogin A {  text-align:center; color:#990000; text-decoration:none; font-size:9pt; padding:0; margin:0 auto 0 auto; }
#entete DIV.formLogin A:hover { color:#FF0000;  }
#entete DIV.formLogin H3 { font-size: 14pt; font-weight:bold; text-align:center; }

#entete BR { clear:left; }

/* colones */
#c1 { width: 448px; float:left; }
#c2 { width: 300px; float:left; background-color:#F0E6DE; border-left: 1px solid #DCC5B3; }
#c3 { width: 200px; float:left; background-color:#DCC5B3; border-left: 1px solid #D5BDAD; }

/* éléments communs à « c1, c2, c3 » */
.inner { padding: 5px; margin:0;}
H1, H2, H2, H4 { font-style:italic; font-family:"Gill Sans", Trebuchet MS, Geneva, Arial, Helvetica, sans-serif; }

/* éléments propres à la colone « c1 */
#c1 UL#menu { list-style-type:none; padding:0; margin:0; }
#c1 UL#menu LI { float:left; display:block; width: 130px; height: 35px; background:transparent url(./themes/citoyen/c1_menu_li.jpg) repeat-x top left; text-align:center;line-height:35px; }
#c1 UL#menu LI.rss { width: 58px; }
#c1 UL#menu LI A { color:#B39277; height:100%; display:block;font-size: 13pt; font-weight:bold; font-style:italic; font-family:"Gill Sans", Trebuchet MS, Geneva, Arial, Helvetica, sans-serif; text-decoration:none; }
#c1 UL#menu LI A:hover { color:#9E7452; background:transparent url(./themes/citoyen/c1_menu_li_hover.jpg) repeat-x top left; }
#c1 UL#menu LI A.actif { color:#9E7452; background:transparent url(./themes/citoyen/c1_menu_li_hover.jpg) repeat-x top left; }

#c1 H1 { color:#000000; font-family:"Gill Sans", Trebuchet MS, Geneva, Arial, Helvetica, sans-serif; font-size:13pt; padding:0 0 0 0;  margin: 30px 0 10px 0; font-style:normal; }
#c1 H1 A { color:#000000; text-decoration:none; border-bottom:1px solid #B07D7D; width:99%; display:block; padding:0 0 0 1%; }
#c1 H1 A:hover { color:#333333; text-decoration:none;border-bottom:1px dotted #B07D7D;  }

#c1 P { font-size:1em;font-family:"Gill Sans", Trebuchet MS, Geneva, Arial, Helvetica, sans-serif; margin:0; margin:0 5px 10px 5px; text-indent:2em; color:#666666; line-height:1.4em; }
#c1 BLOCKQUOTE { background-color: #F0E6DE; border-style:solid; border-color:#DCC5B3; border-width:1px 0 1px 0; padding:0.4em; }

#c1 DIV.signature { font-family:"Gill Sans", Trebuchet MS, Geneva, Arial, Helvetica, sans-serif; font-size:8pt; color:#666666; border-bottom:1px solid #cfcfcf; background:transparent url(./themes/citoyen/c1_signature.jpg) repeat-x top left; display:block; width:98%; height:35px; padding:0 2% 0 0; text-align:right; height:35px; }
#c1 DIV.signature A, #c1 DIV.signature A:hover {border-width:0px; }

#c1 DIV#pages { text-align:center; width:100%; font-size: 1.2em; margin:1em 0 0 0; }

#c1 DIV.commentaire { margin: 15px 0 15px 0; }


#c1 FORM#comment_form { background-color:#efefef; margin:40px 0 10px 0; padding:5px; border-color:#cacaca; border-style:solid; border-width:1px 0 1px 0; }
#c1 FORM#comment_form label { float:left; width: 100px; margin:2px 0 2px 0; }
#c1 FORM#comment_form input { width: 225px; float:left; margin:2px 0 2px 0; }

#c1 FORM#comment_form input.radio { width: 40px; float:left; }
#c1 FORM#comment_form label.radio { float:left; width: auto; }

#c1 FORM#comment_form input.bouton { width: 150px; }
#c1 FORM#comment_form BR { clear:left;  }





/* éléments propres à la colone « c2 */
/* ------------------------------------------------------------------------------------------------- */
#c2 H2 { color:#9E7452; font-size: 16pt; line-height:35px; text-align:center; width:100%; height:35px; display:block; padding:0; margin:0; background:transparent url(./themes/citoyen/c2_h1.jpg) repeat-x top center; }
#c2 H3 { width:100%; border-bottom:1px dashed #D5BDAD; line-height: 20px; font-size: 12pt; padding:0 0 0 0; margin:0.3em 0 5px 0; }
#c2 H3.play { background:transparent url(./themes/citoyen/micro2.png) no-repeat 5px 3px; padding:0; }
#c2 H3 A { margin:0 0 0 1.6em;  color:#990000; text-decoration:none; position:relative; display:block; }

#c2 H3.dossier { background:transparent url(./themes/citoyen/micro2.png) no-repeat 5px 3px; padding:0; }
#c2 H3 A:hover { color:#CC0000; }
#c2 P { text-indent:1em; font-family:"Times New Roman", Times, serif;  margin:0; padding:0 0.5em 0.5em 0.5em; font-size:0.9em; }

#c2 UL{ list-style-type:none; margin:0 0 22px 0; padding:0; }
#c2 UL LI { font-family:"Gill Sans", Trebuchet MS, Geneva, Arial, Helvetica, sans-serif; display:block; width: 100%; line-height:25px; }
#c2 UL LI A { background:transparent url(./themes/citoyen/c3_li_a.jpg) no-repeat 2px center; padding:0 0 0 25px; color:#990000; height:100%; display:block;font-size: 9pt; font-weight:bold; text-decoration:none; border-bottom:1px dashed #C47E72; }
#c2 UL LI A:hover { background:transparent url(./themes/citoyen/c3_li_a_hover.jpg) no-repeat 2px center; color:#CC0000;  }

#c2 UL#archives LI A { background:transparent url(./themes/citoyen/date.png) no-repeat 2px center; }


#c2 .player { text-align:center; margin:15px 0 25px 0; }


/* éléments propres à la colone « c3 */
#c3 H2 { clear:left; color:#9E7452; font-size: 16pt; line-height:35px; text-align:center; width:100%; height:35px; display:block; padding:0; margin:0; background:transparent url(./themes/citoyen/c3_h1.jpg) repeat-x top center; }

#c3 UL{ list-style-type:none; margin:0 0 22px 0; padding:0; }
#c3 UL LI { font-family:"Gill Sans", Trebuchet MS, Geneva, Arial, Helvetica, sans-serif; display:block; width: 100%; line-height:22px; }
#c3 UL LI A { background:transparent url(./themes/citoyen/c3_li_a.jpg) no-repeat 2px center; padding:0 0 0 20px; color:#990000; height:100%; display:block;font-size: 9pt; font-weight:bold; text-decoration:none; border-bottom:1px dashed #C47E72; }
#c3 UL LI A:hover { background:transparent url(./themes/citoyen/c3_li_a_hover.jpg) no-repeat 2px center; color:#CC0000;  }


#c3 UL#categories LI A { background:transparent url(./themes/citoyen/folder.png) no-repeat 2px center; padding:0 0 0 24px; }
#c3 UL#archives LI A { background:transparent url(./themes/citoyen/date.png) no-repeat 2px center;  padding:0 0 0 24px; }

#c3 UL#feeds LI A { background:transparent url(./themes/citoyen/feed.png) no-repeat 2px center; padding:0 0 0 24px; }
#c3 UL#feeds LI.dossier A { background:transparent url(./themes/citoyen/folder.png) no-repeat 2px center; }
#c3 UL#feeds LI.rss A { background:transparent url(./themes/citoyen/feed.png) no-repeat 26px center; padding:0 0 0 48px;}

#c3 UL.blogroll { list-style-type:none; margin:0 0 22px 0; padding:0; }
#c3 UL.blogroll LI { font-family:"Gill Sans", Trebuchet MS, Geneva, Arial, Helvetica, sans-serif; display:block; width: 100%; line-height:22px; }
#c3 UL.blogroll LI A { background:transparent url(./themes/citoyen/c3_blogroll_a.jpg) no-repeat 2px center; padding:0 0 0 20px; color:#990000; height:100%; display:block;font-size: 9pt; font-weight:bold; text-decoration:none; border-bottom:1px dashed #C47E72; }
#c3 UL.blogroll LI A:hover { background:transparent url(./themes/citoyen/c3_blogroll_a_hover.jpg) no-repeat 2px center; color:#CC0000;  }
#c3 P { font-size:1em;font-family:"Gill Sans", Trebuchet MS, Geneva, Arial, Helvetica, sans-serif; margin:0; margin:15px 5px 10px 5px; line-height:1.1em; }