/***************** 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:#fff;
}
/***************** CONTAINER *****************/
#container{
position:absolute;
width:960px;
height:560px;
left:50%;
top:50%;
margin-left:-480px;
margin-top:-280px;
}
#container .blanc{
background: url(../images/charte/container-blanc.jpg) center top no-repeat;
width:960px;
height:560px;
}
#container .vert{
background: url(../images/charte/container-vert.jpg) center top no-repeat;
width:960px;
height:560px;
}
#container .jaune{
background: url(../images/charte/container-jaune.jpg) center top no-repeat;
width:960px;
height:560px;
}
#container .bleu{
background: url(../images/charte/container-bleu.jpg) center top no-repeat;
width:960px;
height:560px;
}
#container .rose{
background: url(../images/charte/container-rose.jpg) center top no-repeat;
width:960px;
height:560px;
}
/***************** HEADER *****************/
#header{
width:950px;
height:30px;
}
#header a{
height:30px;
font:11px/30px Arial, Helvetica, sans-serif;
color:#999;
text-decoration:none;
float:right;
}
#header a.liens{
background:url(../images/charte/bt-liens.jpg) center top no-repeat;
width:80px;
}
#header a.contact{
background:url(../images/charte/bt-contact.jpg) center top no-repeat;
width:100px;
}
#header a:hover{
background-position:center bottom;
}
#header a span{
display:none;
}
/***************** RIGHT *****************/
#colRight{
margin-left:10px;


width:165px;
height:450px;
float:right;
padding-top:-12px;

}
/***************** SEARCH */
#search{
margin-left:10px;

width:165px;
height:30px;
float:left;
}
#search input{
background:#fff;
border:#999 solid 1px;
width:120px;
height:14px;
font:10px Arial, Helvetica, sans-serif;
color:#999;
float:left;
padding:0 3px 0 3px;
margin:5px 0 0 5px;
} 
#colRight #search a.ok{
font:8px/14px Arial, Helvetica, sans-serif;
color:#fff;
text-decoration:none;
text-align:center;
text-transform:uppercase;
float:left;
display:block;
width:18px;
height:14px;
background:#3399CC;
border:#999 solid 1px;
margin:5px 0 0 5px;
}
#colRight #search a.ok:hover{
background:#CC0099;
}
/***************** ACTU */
#actu{
float:left;
position:relative;
margin-left:10px;
margin-top:30px;

height:360px;
width:165px;
}
.uneactu{
padding:0 0 0 5px;
margin:0 0 20px;
}
#actu .uneactu p{
font:10px Arial, Helvetica, sans-serif;
}
#actu .uneactu p.date{
width:60px;
height:12px;
color:#fff;
background:#3399CC;
padding:1px 0 2px 4px;
margin:0 0 7px;
}
#container #colRight #actu .uneactu a{
position:relative;
font:10px Arial, Helvetica, sans-serif;
text-decoration:none;
width:auto;
color:#3399CC;
float:right;
margin:5px 10px 0 0;
}
#container #colRight #actu .uneactu a:hover{
text-decoration:underline;
}
/***************** CONTENU *****************/
#contenu{
float:left;
width:930px;
height:455px;
padding-left:10px;
margin-bottom:30px;
}
#contenuLeft{
width:720px;
height:450px;

}
#contenuTexte{
width:900px;
height:400px;
float:left;
margin-left:15px;
}
#container #contenu a.back{
font:bold 12px/20px Arial, Helvetica, sans-serif;
text-decoration:none;
height:20px;
display:block;
float:right;
margin:30px 30px 0 0;
}
#container #contenu a.back:hover{
color:#666;
}
/***************** FOOTER *****************/
#footer{
float:left;
position:relative;
width:960px;
height:50px;

}

#idep{
position:absolute;
left:10px;
top:20px;
width:200px;
height:30px;
}
#idep img{
float:left;
}
#footer #idep a.idep{
text-decoration:none;
display:block;
font:9px/8px Arial, Helvetica, sans-serif;
color:#ccc;
margin-top:3px;
}
#footer #idep a.idep.optea{
margin:0;
}
#footer #idep a:hover.idep{
text-decoration:none;
color:#666;
}