body {background-color:#E7E7E7;margin:0 auto;padding:0;font-family:verdana, Helvetica, sans-serif;font-size:11px;color:#555555;}
img {border:0;}
a:link {text-decoration:none;color:#2970A6;}
a:hover{text-decoration:none;color:#2970A6;}
a:visited{text-decoration:none;color:#2970A6;}
.clear {clear:both;}
form {margin:0;padding:0;}
#main       {position:relative;margin-left: auto;margin-right:auto;width:938px;height:3590px;top:0px;background-color:#fff;}
#main #head {position:absolute;top:0px;height:152px;width:938px;background:url(./images/charte/head.png) top center;margin:0;padding:0;border-bottom:1px solid #A6A6A6;}
#main #head_h1 {position:absolute;top:0px;height:17px;width:938px;background:url(./images/charte/header-top.jpg) top center;margin:0;padding:0;}
#main #head_vide {position:absolute;top:17px;height:135px;width:938px;margin:0;padding:0;}
#main #menu {position:absolute;top:152px;height:31px;width:938px;margin:0;padding:0;border:1px solid #A6A6A6;}
#main #liste {position:absolute;top:185px;height:3280px;width:648px;margin:0;padding:0;border-left:1px solid #A6A6A6;border-right:1px solid #A6A6A6;}
#main #bloc_droit {position:absolute;top:185px;left:650px;height:3280px;width:289px;margin:0;padding:0;border-right:1px solid #A6A6A6;}
#main #bloc_droit #tag_cloud {height:300px;width:250px;margin:0;padding:0;text-align:justify;}
#main #bloc_droit #tag_cloud a {text-decoration:underline;font-weight:bold;}
#main #bloc_droit #tag_cloud a:hover {text-decoration:none;}
#main #bloc_droit #tag_cloud a.color1 {color:#4a9ef7;}
#main #bloc_droit #tag_cloud a.color2 {color:#d60863;}
#main #bloc_droit #tag_cloud a.color3 {color:#f77100;}
#main #bloc_droit #tag_cloud a.color4 {color:#313031;}
#main #bloc_droit #tag_cloud a.color5 {color:#94ba00;}
#main #footer {position:absolute;top:3463px;left:0px;height:127px;width:938px;margin:0;padding:0;background:url(./images/charte/footer.png) top center;border-top:1px solid #A6A6A6;border-left:1px solid #A6A6A6;border-right:1px solid #A6A6A6;}
#main #footer #encart_autre {position:absolute;top:5px;left:15px;height:102px;width:300px;}
#main #footer #encart_autre li a {line-height:10px;}
#main #footer #encart_ville {position:absolute;top:5px;left:350px;height:102px;width:220px;}
#main #footer #encart_ville li a {line-height:10px;} 
#main #footer #encart_partenaire {position:absolute;top:5px;left:630px;height:102px;width:300px;}
#main #footer #encart_partenaire li a {line-height:10px;}
#main #footer #trait {position:absolute;top:10px;left:600px;height:102px;width:1px;}
#main #footer #encart_copyright {position:absolute;top:114px;left:400px;height:13px;width:230px;margin:0;padding:0;font-size:9px;color:#489CF3;}
#main #liste #article {padding:15px;}
#main #liste #article #date {float:left;width:39px;height:39px;border:1px solid #489CF3;margin-right:5px;}
#main #liste #article #date div.jour{width:37px;height:15px;border:1px solid #fff;background-color:#489CF3;text-align:center;color:#fff;font-weight:bold;font-size:10px;vertical-align:middle;padding-top:1px;}
#main #liste #article #date div.mois{width:37px;height:19px;border:1px solid #fff;background-color:#fff;text-align:center;color:#000;font-weight:bold;font-size:14px;}
#main #liste #article #image_small{float:right;width:39px;height:39px;border:4px solid #cccccc;}
#main #liste #article h2{margin:0;padding:0;padding-left:10px;padding-bottom:4px;font-weight:bold;font-size:17px;color:#489CF3;text-decoration:none;}
#main #liste #article h2 a {font-weight:bold;font-size:17px;color:#489CF3;text-decoration:none;}
#main #liste #article h2 a:hover {text-decoration:underline;}
#main #liste #article hr {display:block;height: 1px;margin: 0;_margin: -7px 0;padding: 0;color: #cccccc;background-color: #cccccc;border: 0;width:515px;}
#main #liste #article span.poster_par{margin:0;padding:0;color:#333333;font-size:9px;padding-top:2px;}
#main #liste #article p {margin:0;padding:0;padding-top:20px;line-height:18px;text-align:justify;}
#main #liste #article a.categorie {color:#2970A6;font-size:10px;text-decoration:none;}
#main #liste #article a.categorie:hover {text-decoration:underline;}
#main #liste #article a.link_interne {color:#2970a6;font-size:11px;text-decoration:underline;}
#main #liste #article a.link_interne:hover {text-decoration:none;}
#main #liste #comment {position:relative;width:615px;}
#main #liste #comment #comment_add {position:absolute;top:0px;left:0px;height:280px;width:648px;margin:0;padding:0;}
#main #liste #comment #comment_liste {position:absolute;top:280px;left:0px;width:648px;margin:0;padding:0;}
#main #liste #comment #comment_add td {background-color:#EDEFF0;padding-left:15px;}
#main #liste #comment #comment_liste #comment_item {display:block;width:583px;padding:15px;margin:15px;background-color:#EDEFF0;margin-bottom:0px;}
#main #bloc_droit #communaute {height:25px;width:271px;padding:9px;}
#main #bloc_droit #communaute img {vertical-align: middle;display:inline-block;}
#main #bloc_droit #communaute a {vertical-align:middle;display:inline-block;padding-left:5px;padding-right:20px;color:#2970A6;font-size:10px;text-decoration:none;}
#main #bloc_droit #communaute a:hover {text-decoration:underline;}
#main #bloc_droit #section_titre {background:url(./images/charte/section_titre.png);width:271px;height:25px;border:8px solid #fff;text-align:left;vertical-align:middle;}
#main #bloc_droit #section_titre strong {margin:0;padding:0;font-size:11px;color:#fff;font-weight:bold;padding-left:8px;line-height:25px;}
#main #bloc_droit hr {display:block;height: 1px;margin: 0;_margin: -7px 0;padding: 0;color: #A6A6A6;background-color: #A6A6A6;border: 0;width:289px;}
#main #bloc_droit ul {list-style:none;margin:0;padding:0;padding-left:15px;}
#main #bloc_droit li {background:url(./images/charte/fleche_verte.png) no-repeat 0px 9px;padding-bottom:5px;}
#main #bloc_droit li a {padding-left:15px;line-height:20px;vertical-align:bottom;}
#main #bloc_droit li a:hover {text-decoration:underline;}
#main #footer strong {margin:0;padding:0;font-size:11px;color:#489CF3;font-weight:bold;}
#main #footer ul {list-style:none;margin:0;padding:0;padding-left:0px;padding-top:10px;}
#main #footer li {padding-bottom:2px;}
#main #footer li a {text-decoration:none;color:#fff;font-size:10px;}
#main #footer li a:hover {text-decoration:underline;}
#main #footer #encart_copyright a {text-decoration:none;color:#489CF3;font-size:9px;}
#main #footer #encart_copyright a:hover {text-decoration:underline;}
#main #menu ul {list-style:none;margin:0;padding:0;overflow:hidden;}
#main #menu ul li {float:left;width:170px;margin-right:1px;background:#fff;height:31px;}        				
#main #menu ul li a {display: block ;background: #fff ;color:#000;line-height:31px;padding:0;text-align:center;text-decoration:none;background:url(./images/charte/menu_fleche.gif) no-repeat top right;}				
#main #menu ul li a:hover {text-decoration:underline;font-weight:bold;}
.pageBloc {margin: 0px;text-align:center;height:24px;}
.page{border: 1px solid #489CF3;background-color: #489CF3;color: white;margin-left: 2px;margin-right: 2px;padding: 3px;}
.pagePoint{border: 1px solid #489CF3;background-color: #489CF3;color: white;margin-left: 2px;margin-right: 2px;padding: 3px;}
.pageSelected{color: #489CF3;font-weight: bold;border: 1px solid #489CF3;margin-left: 2px;margin-right: 2px;padding: 3px;}
td.milieuSectionTitre {background-color:#EDEFF0;font-size:12px;font-weight:bold;color:#3E3E3E;padding-top:5px;padding-bottom:5px;}
div.milieuSectionTitre {background-color:#fff;font-size:16px;font-weight:bold;color:#3E3E3E;padding-top:5px;padding-bottom:5px;padding-left:15px;}
h1 {font-size: 10px; color: #fff;margin:0;padding:0;font-weight:normal;text-align:center;padding-top:1px;}
#main #liste #contact_form {position:absolute;top:0px;left:0px;height:280px;width:648px;margin:0;padding:0;}
#main #liste #contact_form td {background-color:#EDEFF0;padding-left:15px;}

#main #liste hr {display:block;height: 1px;margin: 0;_margin: -7px 0;padding: 0;color: #A6A6A6;background-color: #A6A6A6;border: 0;width:648px;}
#main #liste input {width:200px;font-family:verdana, Helvetica, sans-serif;font-size:11px;color:#000;}
#main #liste input.formButton {background-color:#489CF3;border: 1px solid #000;color:#fff;font-weight:bold;width:100px;height:25px;}
#main #liste input.formButton:hover {background-color:#5BABFD;color:#000}
#main #liste textarea {width:390px;font-family:verdana, Helvetica, sans-serif;font-size:11px;color:#000;}
				
#main #liste div#div_rechercher {position:relative;top:10px;left:10px;width:605px;height:70px;padding:8px;border:1px solid #A6A6A6;background-color:#f7f6f6;font-size:10px;}
#main #liste div#div_rechercher #q {margin:0;padding:0;width:450px;height:23px;font-family:arial,verdana, Helvetica, sans-serif;font-size:14px;color:#7b7d7b;font-weight:bold;border:1px solid black;line-height:23px;padding-left:3px;padding-top:2px;}
#main #liste div#div_rechercher input.bouton {margin:0;padding:0;width:140px;height:27px;font-family:Arial,verdana, Helvetica, sans-serif;font-size:16px;color:#000000;font-weight:bold;border:1px solid black;background-color:#50a3f9;cursor: pointer;cursor: hand;}					
#main #liste div#div_rechercher a {font-family:Arial,verdana, Helvetica, sans-serif;font-size:10px;color:#525552;font-weight:bold;text-decoration:none;}
#main #liste div#div_rechercher a:hover {text-decoration:underline;}
				
div#disclaimer{ text-align:left; }
div#disclaimer-fond{ position:absolute; z-index:1000; width:100%; height:2100px; background:white; filter:alpha(opacity=90); -moz-opacity:0.9; opacity: 0.9; text-align:center; line-height:normal; clear:both; }
div#disclaimer-conteneur{ position:absolute; z-index:1001; width:100%; text-align:center; clear:both; }
div#disclaimer-cadre{ width:550px; margin-left:auto; margin-right:auto; text-align:center; margin-top:200px; padding:15px; font-size:12px; border:#ddd 1px solid; background:#f5f5f5; color:#555; }
div#disclaimer-cadre b{ font-size:14px; color:black; }
div#disclaimer-cadre a{ text-decoration:none; font-size:22px; font-weight:bold; color:#489CF3; }
div#disclaimer-cadre a:hover{ color:#D60863; }
				
				
#main #liste ul {list-style:none;margin:0;padding:0;padding-left:15px;}
#main #liste li {background:url(./images/charte/fleche_verte.png) no-repeat 0px 7px;padding-bottom:5px;line-height:20px;}
#main #liste li a {padding-left:15px;line-height:20px;vertical-align:bottom;}
#main #liste li a:hover {text-decoration:underline;}
				
				
[if lt IE 7]
#main #menu ul {overflow:visible;height:1%;}
#main #menu ul li a {_line-height:1em;_padding:9px 0;}   
[endif]