/***************** 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:#a0c0d1 url(../images/charte/bg-body.gif) center center repeat-x;

}



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

#container{

position:absolute;

width:994px;

height:550px;

left:50%;

top:50%;

margin-left:-497px;

margin-top:-274px;

background:url(../images/charte/bg-contenu.gif) center center no-repeat;



}



#graph{

position:absolute;

z-index:10;

width:598px;

height:447px;

right:0;

top:71px;

background:url(../images/charte/graph.gif) top right no-repeat;

}



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

#menuLeft{

position:absolute;

z-index:40;

width:120px;

height:316px;

padding-top:150px;

padding-bottom:30px;

}

#menuLeft ul{

list-style:none;

padding-bottom:3px;
display:block;



}

#menuLeft a{

text-decoration:none;

font:bold 11px Arial, Helvetica, sans-serif;

padding-top:5px;

color:#99FF00;

display:block;

height:29px;

overflow:hidden;

border:solid #8eb4c6;

border-width:0 1px 1px 0;

text-transform:uppercase;

text-align:center;

text-decoration:none;



}

#menuLeft a:hover{



color:#fff;

}



#menuLeft a.qse {

font-size:11px;

}

/***************** SOUS MENU */

#container #menuLeft li a{

font:bold 11px/12px Arial, Helvetica, sans-serif;

color:#fff;

display:block;

height:15px;
margin-top:0px;

overflow:hidden;

text-transform:none;

border-width:0 1px 1px 0;

border:solid #80aabf;

background:#8eb4c6;

}

#container #menuLeft li a:hover{



color:#003366;;

}

#container #menuLeft li {list-style:none;}



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

#menu-intro{

position:absolute;

z-index:20;

width:700px;

height:360px;

top:50%;

margin-top:-120px;

}



#contenu{

position:absolute;

top:50%;

padding-right:15px;

margin-top:-138px;

margin-left:140px;

width:420px;

height:335px;

z-index:20;

overflow:auto;

overflow-x:hidden;

}



#contenu .vscrollerbar {

width:15px;

background: #316790; /*barre de scroll*/

}



#contenu .vscrollerbase {

width: 7px;

background:#FFFFFF; /*fond scroll*/

}



#news {

margin-top:245px;

margin-left:592px;

z-index:30;

position:relative;

width:215px;

height:282px;

background:url(../images/charte/encart_news.png) top left no-repeat;



}



#news_txt{

position:absolute;

margin-top:27px;

margin-left:20px;

padding-left:20px;

width:170px;

height:160px;

overflow:auto;

overflow:-x:hidden;

color:#fff;

}



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

#footer{

position:relative;

top:238px;

margin-left:-590px;

width:994px;

height:25px;



}

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

margin:4px 0 0;

}

#footer #idep a.idep.optea{

margin:0;

}

#footer #idep a:hover.idep{

text-decoration:none;

color:#326790;

}