*{margin:0;padding:0;}
body,html{height:100%;}
body{background:#000000 url(../images/charte/bg-body.jpg) repeat-x;}
#container{position:relative;min-height:100%;width:960px;margin:0 auto;background:#dcd7c4;}
#hun{width:960px;height:31px;background:url(../images/charte/hunTop.jpg);}
#hun h1, #hun h1 a{text-align:center;font:bold 12px/12px Arial, Helvetica, sans-serif;color:#FFF;}
#hun h1 a:hover{color:#FFF;text-decoration:none;}
#logo{width:960px;height:57px;}
#header{width:960px;height:156px;}
#menuTop{position:relative;z-index:10;width:960px;height:45px;background:url(../images/charte/bg-menuTop.jpg);list-style:none;}
#menuTop li{position:relative;float:left;width:137px;}
#menuTop a{text-decoration:none;font:bold 12px/45px Arial, Helvetica, sans-serif;color:#fff;text-align:center;display:block;height:45px;overflow:hidden;border:solid #ff9faf;border-width:0 0px 0 0;}
#container #menuTop a:hover, #container #menuTop a.trigered{background:url(../images/charte/over.jpg) repeat-x;}
#menuTop li ul{list-style:none;position:absolute;width:160px;top:-6000px;left:0;background:#ffc0a9;border:solid #fff;border-width:1px 0 0 0;}
#menuTop li li{float:none;}
#container #menuTop li li a{background:none;width:auto;position:relative;height:20px;font:11px/20px Arial, Helvetica, sans-serif;text-transform:none;color:#fff;text-decoration:none;border:solid #ffcfbd;border-width:0 0 1px 0;}
#container #menuTop li li a:hover{background:#ff8598;}
#contenu{width:940px;padding:20px 0 0 20px;background:url(../images/charte/bg-contenu.jpg) no-repeat;}
.bloc{padding-left:270px;width:650px;height:135px;}
.bloc1{float:left;padding-right:30px;width:280px;height:auto;}
.bloctxt{float:left;padding-right:0px;width:920px;}
.clearer{clear:both;}
#clearFooter{height:95px;}
#footer{position:relative;clear:both;width:960px;height:95px;margin:-95px auto 0;background:#000;}

a img{border:none;}
a:active, a:focus{outline:none;}
#container h1{font:bold 12px Arial, Helvetica, sans-serif;color:#FFF;letter-spacing:0px;margin:0 0 12px;border-bottom:0px dotted #c9d787;}
#contenu h1{font:bold 18px Arial, Helvetica, sans-serif;color:#342f2c;letter-spacing:0px;margin:0 0 12px;border-bottom:0px dotted #c9d787;}
#contenu h2{font:bold 15px Arial, Helvetica, sans-serif;color:#c02651;letter-spacing:0px;margin:0 0 7px;border-bottom:0px dotted #c9d787;}
#contenu h3{font:bold 13px Arial, Helvetica, sans-serif;color:#c02651;letter-spacing:0px;margin:0 0 12px 0;border-bottom:0px dotted #c9d787;}
#contenu p{font:13px/1.2em Arial, Helvetica, sans-serif;text-align:justify;color:#000;margin-bottom:1.2em;}
#contenu p em{font-weight:bold;font-size:12px;line-height:1.3em;}
#contenu p.couleur, span.couleur{font-weight:bold;color:#c02651;}
#contenu a:link, #contenu a:visited{font-weight:bold;text-decoration:underline;color:#b22651;}
#contenu a:hover, #contenu a:active{color:#b22651;text-decoration:none;}
#footer p{font:12px/18px Arial, Helvetica, sans-serif;color:#fff;text-align:center;letter-spacing:1px;padding:10px 0px 0 0;}
#footer a:link, #footer a:visited{text-decoration:none;color:#fff;}
#footer a:hover, #footer a:active{text-decoration:underline;color:#b32651;}

