/***************** 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:#000 url(../images/charte/body.jpg) center center no-repeat;
}
/***************** INTRO *****************/
#containerIntro{
position:absolute;
width:920px;
height:560px;
left:50%;
top:50%;
margin-left:-430px;
margin-top:-280px;
background: none;
}
#intro{
width:850px;
height:450px;
}
#footerIntro{
position:absolute;
width:920px;
height:30px;
left:0;
bottom:0;
background:none;
}
#idep{
position:absolute;
left:15px;
top:0px;
width:195px;
height:30px;
}
#idep img{
float:left;
}
#footerIntro #idep a.idep{
text-decoration:none;
display:block;
font:9px/8px Arial, Helvetica, sans-serif;
color:#3B2F15;
margin:8px 0 0;
}
#footerIntro #idep a.idep.optea{
margin:0;
}
#footerIntro #idep a:hover.idep{
text-decoration:none;
color:#90763D;
}
#footerIntro p{
font:10px/30px Arial, Helvetica, sans-serif;
color:#3B2F15;
text-align:right;
padding:0 20px 0 0;
}
#footerIntro a:link, #footer a:visited{
text-decoration:none;
color:#3B2F15;
}
#footerIntro a:hover, #footer a:active{
color:#90763D;
}
/***************** CONTAINER *****************/
#container{
position:absolute;
width:920px;
height:560px;
left:50%;
top:50%;
margin-left:-450px;
margin-top:-280px;
background: url(../images/charte/container-fr.jpg) center top no-repeat;
}
/***************** HEADER *****************/
#header{
position:absolute;
width:280px;
height:100px;
left:50%;
top:10px;
margin-left:-140px;
z-index:1;
}
/***************** MENUTOP *****************/
#menuTop{
width:920px;
height:100px;
}
#menuTop ul{
list-style:none;
padding:57px 0 0 20px;
}
#menuTop li{
float:left;
width:100px;
text-align:center;
}
#menuTop li.vide{
width:280px;
}
#menuTop li a{
font:11px Arial, Helvetica, sans-serif;
color:#EAC67B;
height:30px;
line-height:30px;
text-decoration:none;
}
#menuTop li a:hover{
color:#fff;
}
/***************** MENUBOTTOM *****************/
#menuBottom{
width:900px;
height:30px;
padding:22px 0 0 10px;
}
#menuBottom ul{
list-style:none;
margin-left:300px;
}
#menuBottom li{
float:left;
text-align:center;
width:100px;
}
#menuBottom li a{
font:11px Arial, Helvetica, sans-serif;
color:#EAC67B;
height:30px;
line-height:30px;
text-decoration:none;
}
#menuBottom li a:hover{
color:#fff;
}
/***************** CONTENU *****************/
#contenu{
width:850px;
height:350px;
margin:10px 0 0 30px;
overflow:auto;
padding-right:20px;
outline:none;
}
#accueil{
width:850px;
height:350px;
margin:10px 0 0 30px;
}
#photo{
background:url(../images/charte/img01.png) center top no-repeat;
width:170px;
height:210px;
float:left;
display:block;
margin:0 10px 5px 0;
_background:url();
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/charte/img01.png', sizingMethod='crop');
}
/***************** FOOTER *****************/
#footer{
position:absolute;
width:920px;
height:30px;
left:0;
bottom:0;
background:none;
}
#idep{
position:absolute;
left:15px;
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:#3B2F15;
margin:8px 0 0;
}
#footer #idep a.idep.optea{
margin:0;
}
#footer #idep a:hover.idep{
text-decoration:none;
color:#90763D;
}