/***************** 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/bg-body.jpg) center center repeat-x;
}

#intro {
width:990px;
height:550px;
float:left;
background:#000;
}
#introtexte {
width:990px;
color:#626262;
float:left;
font:normal 11px Arial, Helvetica, sans-serif;
}
#introtexte a:link, #contenu a:visited{
font-weight:bold;
text-decoration:none;
color:#626262;
}
#introtexte a:hover, #contenu a:active{
color:#FFF;
font-weight:bold;
text-decoration:none;
}
#introtexte h3 a{
font:bold 12px Arial, Helvetica, sans-serif;
color:#FFF;
text-decoration:none;
}
/***************** CONTAINER *****************/
#container{
position:absolute;
width:990px;
height:480px;
left:50%;
top:50%;
margin-left:-495px;
margin-top:-240px;
}
/***************** HEADER *****************/
#header{
width:270px;
height:80px;
float:left;
}

/***************** MENU TOP *****************/
#menuTop{
position:relative;
z-index:10;
width:720px;
height:53px;
float:left;
margin-top:27px;
list-style:none;
}
#menuTop li{
position:relative;
float:left;
}
#menuTop li span{
display:none;
}
#menuTop a{
text-decoration:none;
font:bold 12px/53px Arial, Helvetica, sans-serif;
color:#fff;
text-align:center;
text-transform:uppercase;
display:block;
height:53px;
overflow:hidden;
background:#00FF00;
}
#container #menuTop a:hover,
#container #menuTop a.trigered{
text-decoration:none;
background-position:bottom;
}
#menuTop li.bt01 a {
background:url(../images/charte/bt01.jpg);
background-position:top;
width:170px;
}
#menuTop li.bt02 a {
background:url(../images/charte/bt02.jpg);
background-position:top;
width:170px;
}
#menuTop li.bt03 a {
background:url(../images/charte/bt03.jpg);
background-position:top;
width:170px;
}
#menuTop li.bt04 a {
background:url(../images/charte/bt04.jpg);
background-position:top;
width:170px;
}
/***************** MENU LEFT *****************/
#menuLeft{
float:left;
width:270px;
height:370px;
padding-top:20px;
}
#menuLeft ul{
list-style:none;
margin-bottom:10px;
background:url(../images/charte/bg-ssmenu.gif) repeat-y;
}
#menuLeft a{
text-decoration:none;
font:bold 12px/24px Arial, Helvetica, sans-serif;
color:#7d8a2e;
display:block;
height:24px;
overflow:hidden;
padding:0 0 0 10px;
}
#menuLeft a span{
display:none;
}

#menuLeft a:hover,
#menuTop a.trigered{
color:#fff;
background-position:top right;
}

#menuLeft a.bt1 {background:url(../images/charte/bt1.jpg) top left no-repeat;}
#menuLeft a.bt1:hover {background:url(../images/charte/bt1.jpg) top right no-repeat;}
#menuLeft a.bt2 {background:url(../images/charte/bt2.jpg) top left no-repeat;}
#menuLeft a.bt2:hover {background:url(../images/charte/bt2.jpg) top right no-repeat;}
#menuLeft a.bt3 {background:url(../images/charte/bt3.jpg) top left no-repeat;}
#menuLeft a.bt3:hover {background:url(../images/charte/bt3.jpg) top right no-repeat;}
#menuLeft a.bt4 {background:url(../images/charte/bt4.jpg) top left no-repeat;}
#menuLeft a.bt4:hover {background:url(../images/charte/bt4.jpg) top right no-repeat;}
#menuLeft a.bt5 {background:url(../images/charte/bt5.jpg) top left no-repeat;}
#menuLeft a.bt5:hover {background:url(../images/charte/bt5.jpg) top right no-repeat;}
#menuLeft a.bt6 {background:url(../images/charte/bt6.jpg) top left no-repeat;}
#menuLeft a.bt6:hover {background:url(../images/charte/bt6.jpg) top right no-repeat;}
#menuLeft a.bt7 {background:url(../images/charte/bt7.jpg) top left no-repeat;}
#menuLeft a.bt7:hover {background:url(../images/charte/bt7.jpg) top right no-repeat;}


/***************** SOUS MENU */
#container #menuLeft li a{
background:none;
border:none;
text-decoration:none;
font:bold 11px/15px Arial, Helvetica, sans-serif;
color:#666;
display:block;
height:15px;
overflow:hidden;
padding:0 0 0 35px;
}
#container #menuLeft li a:hover{
text-decoration:none;
color:#cccccc;
}
/***************** CONTENU *****************/
#contenu{
float:left;
width:680px;
height:370px;
padding:0;
margin:0;
overflow:hidden;
}
/***************** CONTENU GCHE *****************/
#contenuGche{
float:left;
width:250px;
height:360px;
padding:0 10px 10px 10px;
}




/***************** FOOTER *****************/
#footer{
float:left;
position:relative;
width:990px;
height:30px;
}
#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/10px Arial, Helvetica, sans-serif;
color:#666;
margin:10px 0 0;
}
#footer #idep a.idep.optea{
margin:0;
}
#footer #idep a:hover.idep{
text-decoration:none;
color:#999999;
}