/***************** BODY *****************/
*{
/*---on passe toutes les marges à 0---*/
margin:0;
padding:0;
}
body,html{
height:100%;
scrollbar-base-color:#309dcf;
}
body{
background:#151617 url(../images/charte/bg-body.jpg) no-repeat center center;
}
/***************** CONTAINER *****************/
#container{
position:absolute;
width:940px;
height:602px;
left:50%;
top:50%;
margin-left:-470px;
margin-top:-301px;
}
#containerpaysage{
position:absolute;
width:940px;
height:602px;
left:50%;
top:50%;
margin-left:-470px;
margin-top:-301px;
background:url(../images/charte/bg-paysage.jpg) no-repeat left bottom;
}
/***************** HEADER *****************/
#header{
width:940px;
height:125px;
}
/***************** MENU TOP *****************/
#menuTop{
position:relative;
z-index:10;
width:901px;
padding:0 0 0 39px;
height:30px;
list-style:none;
background:url(../images/charte/bg-menuTop.gif) left top repeat-x;
}
#menuTop li{
position:relative;
float:left;
}

#menuTop li span{
display:none;

}

#menuTop li.bt1 a {
background:url(../images/charte/b-01.gif);
width:109px;
}
#menuTop li.bt2 a {
background:url(../images/charte/b-02.gif);
width:157px;
}
#menuTop li.bt3 a {
background:url(../images/charte/b-03.gif);
width:101px;
}
#menuTop li.bt4 a {
background:url(../images/charte/b-04.gif);
width:105px;
}
#menuTop li.bt5 a {
background:url(../images/charte/b-05.gif);
width:97px;
}
#menuTop li.bt6 a {
background:url(../images/charte/b-06.gif);
width:141px;
}
#menuTop li.bt7 a {
background:url(../images/charte/b-07.gif);
width:117px;
}
#menuTop li.bt8 a {
background:url(../images/charte/b-08.gif);
width:113px;
}
#menuTop li.bt9 a {
background:url(../images/charte/b-09.gif);
width:97px;
}
#menuTop li.bt10 a {
background:url(../images/charte/b-10.gif);
width:157px;
}

#menuTop a{
text-decoration:none;
font:bold 12px/30px Arial, Helvetica, sans-serif;
color:#fff;
text-align:center;
display:block;
height:30px;
overflow:hidden;
border:0;
}
#containerpaysage #menuTop a:hover,
#containerpaysage #menuTop a.trigered,
#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:157px;
top:-6000px;
left:0;
background:#5cb2d9;

}
#menuTop li li{
float:none;
}
#containerpaysage #menuTop li li a,
#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 #fff;
border-width:0 0 1px 0;
}
#containerpaysage #menuTop li li a:hover,
#container #menuTop li li a:hover
{
background:#4b4b4b;
color:#fff;
}
/***************** CONTENU *****************/
#contenupaysage {
width:920px;
height:300px;
padding:0 10px 0 10px;
overflow:auto;
position:absolute;
}
#contenu{
width:920px;
height:434px;
padding:0 10px 0 10px;
overflow:auto;
position:absolute;
}


/***************** FOOTER *****************/
#footer{
position:absolute;
width:940px;
height:14px;
left:0;
bottom:0;
background:url(../images/charte/bg-footer.gif) repeat-x left top;
}
#idep{
position:absolute;
left:0;
top:0;
width:195px;
height:14px;
}
#idep img{
float:left;
}
#footer #idep a.idep{
text-decoration:none;
display:block;
font:9px/8px Arial, Helvetica, sans-serif;
color:#56afd8;
margin:2px 0 0;
}
#footer #idep a.idep.optea{
margin:0;
}
#footer #idep a:hover.idep{
text-decoration:none;
color:#fff;
}

#footer p,
#contenu #footer p
{
font:bold 11px Arial, Helvetica, sans-serif;
color:#56afd8;
text-align:right;
padding:3px 0 0 0;
}

#footer p.orange, span.orange,
#contenu #footer p.orange, span.orange
{
font:normal 11px Arial, Helvetica, sans-serif;
color:#f58c09;
}