html,body{min-height:100%;height:auto;}
body{display:block;background-color:#FFF;margin:0;padding:0;height:100%;font-family:"Arial",Verdana,Verdana;font-size:11px;color:#4F4F4F;font-weight:normal;}
h1,h2,h3,h4,h5,p,form,p.spip,ul,li,fieldset{margin:0;padding:0}
a img{border:0;}
li{list-style:none;}
h1{text-align:left;font-size:13px;color:#2C88A3;text-transform:uppercase;padding:6px 0px 0px 20px;background:url(images/puce_titre.gif) no-repeat left;height:20px;line-height:normal;margin:0;}
h2{font-size:20px;color:#757575;padding:3px 0 3px 5px;margin:0 0 30px 0;border-bottom:1px solid #757575;}
h3{font-size:12px;}

#fond{background-image:url(images/yopps_fond.gif);background-position:top;background-repeat:repeat-x;padding:0;}
#conteneur{display:block;width:800px;margin:auto;}

.hr{height:10px;margin:5px 0 5px 0;border-bottom:1px dashed #ccc;}

li.spip{margin-top:5px;}
a{color:#265D71;text-decoration:none;}
a:hover{color:#265D71;text-decoration:underline;}

#haut{display:block;overflow:hidden;height:176px;background-image:url(images/yopps_haut.gif);background-repeat:no-repeat;padding-left:6px;}

#logo{display:block;float:left;height:134px;background-image:url(images/logo.jpg);background-repeat:no-repeat;padding:0;margin:0;background-position:top left;}

#haut_pub{float:left;margin:18px 149px 0 10px;text-align:center;}

#page{width:800px;overflow:hidden;;margin-left:3px;}

#centre{display:block;float:left;width:549px;text-align:left;padding:0;margin:0;}
#centre .gauche {border-right:1px dotted #949DAA;float:left;padding-bottom:20px;padding-right:10px;width:264px;}
#centre .droite {float:left;padding-left:10px;width:264px;}
#centre img {float:left;margin-right:10px;}

#droite{float:left;display:block;width:251px;padding:0;margin:0;}
#droite .h1{margin:0;height:20px;padding-left:20px;}
#droite ul{list-style:none;text-align:left;padding:0;margin:10px 0px 0px ;}
#droite li{border-bottom:1px dotted #aaa;display:block;padding-left:13px;margin:0px 40px 0px 0px;background:url(images/puce.png) no-repeat left;}
#droite li#none{border:none;}
#droite a{text-decoration:none;color:#000;}
#droite a:hover {color:#d43518}

#menu_principal{background-image:url(images/fond_menu.gif);height:40px;margin:96px 0px 0 0px;}
#menu_principal ul{margin:0;padding:0;}
#menu_principal li{list-style:none;float:left;background-repeat:no-repeat;padding:12px 5px 0px 5px;}
#menu_principal li a{padding:2px 4px 5px 4px;display:block;text-decoration:none;font-size:11px;color:#FFF;font-weight:bold;line-height:10px;text-align:center;border-right:1px solid #fff;}

#marge{display:block;height:3px;clear:both;}

#chapo{ background-color:#E7E7E7;border:1px solid #949DAA;float:left;padding:5px 10px;width:512px;}
#chapo p{margin-bottom:5px; line-height:18px; text-align:justify; font-size:110%}
#chapo p#blue{color:#1854a4;}
#chapo img{float:left;margin-right:10px;}


#texte{padding:10px 15px 10px 20px;margin:10px 0 10px 0;background-color:#fff;}

.fond_menu_droite{border-left:1px solid #2C88A3;border-right:1px solid #B3C0CB;padding:40px 0 0 10px;overflow:visible;text-align:left;}


.clear{clear:both;height:10px;width:100%;}

#pied{border-top:1px solid #2C88A3;margin:0 0 0 3px;padding:8px 0 0 0;text-align:center;clear:both;display:block;}
#pied a{color:#2C88A3;}