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

}

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

#container{

position:relative;

min-height:100%;

width:940px;

margin:0 auto;

background:url(../images/charte/bg-container.jpg) center top repeat-y;

}

#container2{

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

width:940px;

min-height:100%;

}

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

#header{

width:940px;

height:195px;

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

}

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

#menuLeft{

float:left;

width:140px;

padding:10px 0 0 20px;

}

#menuLeft ul{

list-style:none;

padding:10px 0 10px 0;

border:dotted #ccc;

border-width:0 0 1px 0;

}

#menuLeft a{

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

text-decoration:none;

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

color:#666;

display:block;

height:25px;

overflow:hidden;

text-align:right;

padding:0 10px 0 0;

}

#menuLeft a:hover,

#menuTop a.trigered{

color:#FF6600;

background:url(../images/charte/bt-left.gif) center bottom no-repeat;

}

#menuLeft a span.actu{

font-weight:bold;

color:#FF6600;

} 

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

#container #menuLeft li a{

background:none;

border:none;

text-decoration:none;

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

color:#666;

display:block;

height:20px;

overflow:hidden;

padding:0 20px 0 10px;

}

#container #menuLeft li a:hover{

color:#FF6600;

}

/***************** ACTU *****************/

#actu{

float:right;

position:relative;

width:165px;

margin:0 0 0 30px;

padding:50px 0 0 10px;

border-left:#ccc dotted 1px;

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

_background:url();

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

}

.uneactu{

padding:0 15px 0 5px;

margin:0 0 20px;

}

#actu .uneactu p{

font-size:10px;

}

#actu .uneactu p.date{

width:60px;

height:12px;

color:#fff;

background:#FF9900;

padding:1px 0 2px 4px;

margin:0 0 7px;

}

#contenu #actu .uneactu a{

position:relative;

top:5px;

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

color:#FF6600;

text-decoration:underline;

width:auto;

/*margin-left:70px;*/

}

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

#contenu{

float:left;

width:730px;

padding:10px 0 0 30px;

}

#diapo{

width:230px;

height:195px;

float:left;

margin: 0 15px 10px 0;

}

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

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

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

.clearer{

clear:both;

}

#clearFooter{

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

}

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

#footer{

position:relative;

clear:both;

width:940px;

height:80px;

margin:-80px auto 0;

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

}

#idep{

position:absolute;

left:10px;

top:50px;

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

margin:4px 0 0;

}

#footer #idep a.idep.optea{

margin:0;

}

#footer #idep a:hover.idep{

text-decoration:none;

color:#fff;

}