/***************** 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:#CF7817 url(../images/charte/body.jpg) center top no-repeat;

}

/***************** CONTAINER *****************/

#container{

position:relative;

min-height:100%;

width:980px;

margin:0 auto;

}

/***************** HEADER *****************/

#header{

background:url(../images/charte/header.jpg) center top no-repeat;

width:980px;

height:170px;

}

/***************** log */

#log_charte{

width:325px;

height:30px;

float:right;

}

#log_charte a{

background: url(../images/charte/bt-ok.jpg) center top no-repeat;

width:34px;

height:20px;

display:block;

overflow:hidden;

float:left;

margin:5px 0 0 10px;

}

#log_charte a:hover{

background-position:center bottom;

}

#log_charte input{

background:none;

border:none;

width:120px;

height:16px;

font:10px/16px Arial, Helvetica, sans-serif;

color:#000;

float:left;

margin:9px 0 0 15px;

} 

/***************** MENU LEFT *****************/

#menuLeft{

background:url(../images/charte/menu.jpg) center top no-repeat;

float:left;

width:230px;

height:650px;


}

#menuLeft ul{

list-style:none;

width:130px;

padding:25px 0 0px 50px;

}

#menuLeft ul li a{

text-decoration:none;

font:bold 12px/15px Georgia, "Times New Roman", Times, serif;

color:#383025;

display:block;

overflow:hidden;

padding:5px 0 0 0;

}

#menuLeft ul li a:hover{

color:#AA2200;

}

#menuLeft ul li span{

display:none;

}

#menuLeft ul li ul{

list-style:none;

font:11px/13px Georgia, "Times New Roman", Times, serif;

width:130px;

padding:10px 0 10px 20px;

}

#menuLeft ul li ul li a{

list-style:none;

font:11px/13px Georgia, "Times New Roman", Times, serif;

padding:0;

}
#menuLeft .spe {
	margin-top:-10px;
}

#menuLeft ul li.spe a{

background:url(../images/charte/bt_piedsdumonde.jpg) left top no-repeat;

width:130px;

height:120px;

margin-top:0px;

}

#menuLeft ul li.spe a:hover{

background-position:right top;

}

/***************** TOP *****************/

#top{

float:left;

width:730px;

height:75px;

}

#slogan{

float:left;

height:75px;

width:510px

}

#top #caddie a{

text-decoration:none;

font:bold 11px/20px Georgia, "Times New Roman", Times, serif;

color:#AA2200;

display:block;

height:20px;

width:auto;

text-align:center;

overflow:hidden;

float:right;

margin:15px 20px 0 0;

}

#top #caddie a:hover{

text-decoration:underline;

}

/***************** CONTENU *****************/

#contenu{

float:left;

width:700px;

padding:20px 0 0 30px;

}

#galerie{

width:300px;

height:220px;

float:right;

margin:-50px 0 0 20px;

}

#contenu a.piedsdumonde{

background: url(../images/charte/bt_piedsdumonde.png) center top no-repeat;

_background:url();

_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/charte/bt_piedsdumonde.png', sizingMethod='crop');

width:160px;

height:150px;

float:left;

display:block;

margin:0 20px 20px 0;

cursor: pointer;

}

/*---obligatoire pour le footer---*/

/*---mettre <div class="clearer" id="clearFooter"></div>--*/

/*---apres la div contenu---*/

.clearer{

clear:both;

}

#clearFooter{

height:30px;/*--- = à la hauteur du footer ---*/

}

/***************** FOOTER *****************/

#footer{

position:relative;

clear:both;

width:980px;

height:30px;

margin:-30px auto 0;

background:url(../images/charte/footer.jpg) center top no-repeat;

}

#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:#BA4803;

margin:4px 0 0;

}

#footer #idep a.idep.optea{

margin:0;

}

#footer #idep a:hover.idep{

text-decoration:none;

color:#383025;

}