/***************** BODY *****************/ *{ /*---on passe toutes les marges à 0---*/ margin:0; padding:0; } body,html{ height:100%; /*---permet de changer la couleur de la barre de scroll dans IE (déconseillé) scrollbar-base-color:#7d8a2e; ---*/ } /**/ body{ background:#CACAC2 url(../images/charte/bg-body2.jpg) center top repeat-x; } /***************** CONTAINER *****************/ #container{ position:relative; min-height:100%; width:960px; margin:0 auto; background:#eef8dc; } /***************** HEADER *****************/ #header{ width:960px; height:153px; } /***************** MENU TOP *****************/ #menuTop{ position:relative; z-index:10; width:960px; height:27px; list-style:none; } #menuTop li{ position:relative; float:left; } #menuTop li span{ display:none; } #menuTop li.bt1 a { background:url(../images/charte/bt1.jpg); width:136px; } #menuTop li.bt2 a { background:url(../images/charte/bt2.jpg); width:203px; } #menuTop li.bt3 a { background:url(../images/charte/bt3.jpg); width:155px; } #menuTop li.bt4 a { background:url(../images/charte/bt4.jpg); width:179px; } #menuTop li.bt5 a { background:url(../images/charte/bt5.jpg); width:153px; } #menuTop li.bt6 a { background:url(../images/charte/bt6.jpg); width:134px; } #menuTop a{ text-decoration:none; font:bold 12px/30px Arial, Helvetica, sans-serif; color:#fff; text-align:center; display:block; height:27px; overflow:hidden; } #container #menuTop a:hover, #container #menuTop a.trigered{ text-decoration:none; background-position:bottom; } /***************** SOUS MENU *****************/ #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 *****************/ #contenu{ width:860px; padding:0 0 0 30px; } /*---obligatoire pour le footer---*/ /*---mettre

--*/ /*---apres la div contenu---*/ .clearer{ clear:both; } #clearFooter{ height:39px;/*--- = à la hauteur du footer ---*/ } /***************** FOOTER *****************/ #footer{ position:relative; clear:both; width:100%; height:39px; margin:-39px auto 0; background:#00CC00 url(../images/charte/bg-footer1.jpg) center top no-repeat; } #foot { position:relative; clear:both; width:960px; height:39px; margin:0px auto; } #idep{ position:absolute; left:0; top:0; width:195px; height:30px; } #idep img{ float:left; } #footer #idep a.idep{ text-decoration:none; display:block; font:9px/8px Arial, Helvetica, sans-serif; color:#8b8b89; margin:14px 0 0; } #footer #idep a.idep.optea{ margin:0; } #footer #idep a:hover.idep{ text-decoration:none; color:#63a420; }