/* Feuille de style pour la charte graphique du site
 * Cette feuille de style est appelée depuis style.css.
 */

/***************** STRUCTURE *****************/
*{
/*---toutes les marges sont à 0---*/
margin:0;
padding:0;
}
dl, dt, dd, ul, li {
list-style-type: none;
}
body,html{
height:100%;/*---obligatoire pour le footer---*/
scrollbar-base-color: #999;
}
body{
font-size:62.5%;
background:#cecece url(../images/charte/bg-body.jpg) repeat-y scroll left top;
}
#container{
position: relative;/*---obligatoire pour le footer---*/
min-height:100%; /*---obligatoire pour le footer:Firefox---*/
height:auto !important;/*---obligatoire pour le footer:Firefox---*/
height:100%;/*---obligatoire pour le footer:IE---*/
width:100%;
background:url(../images/charte/bg-container.gif) repeat-x scroll left 160px;
}
/*******************/
#header{
width:100%;
height:160px;
}
/***************** MENU TOP ********************/
#menuTop{
float:left;
width:451px;
height:32px;
}
#menuTop dl {
float:left;
width:150px;
}
#menuTop dl.bt1 {
width:151px;
}
#menuTop dt {
cursor: pointer;
line-height:32px;
height:32px;
}
#menuTop dt a {
text-decoration: none;
display:block;
height:32px;
font:bold 1.2em/30px Arial, Helvetica, sans-serif;
text-align:center;

background:url(../images/charte/bt-top.gif) no-repeat scroll left top;
}
#menuTop dt a.bt1 {
background:url(../images/charte/bt-top1.gif) no-repeat scroll left top;
}
#menuTop dt a:hover, #menuTop dt a.bt1:hover {
text-decoration:none;

background-position:bottom;
}
/******************/
#colLeft{
float:left;
width:185px;
padding-top:42px;
background:url(../images/charte/bg-colLeft.jpg) no-repeat scroll left top;
}
/*--- MENU ---*/
#menu {
width:185px;
}
#menu dt {
cursor: pointer;
height: 30px;
line-height: 30px;
background:url(../images/charte/bt-left.gif) no-repeat scroll 8px 8px;
}
#menu dt a {
text-decoration: none;
display: block;
height: 100%;
font:bold 1.2em/30px "Trebuchet MS", Verdana, Arial, sans-serif;
text-align:left;

padding-left:27px;
}
#menu dt a:hover{
text-decoration:none;

}
#menu ul{
margin-left:10px;
padding-bottom:15px;
}
#menu li {
font:normal 1.1em/20px "Trebuchet MS", Verdana, Arial, sans-serif;
text-align:left;
color:#1673e1;
}
#menu li a {
color:#1673e1;
text-decoration: none;
display: block;
height:100%;
}
#menu li a:hover {
color:#002754;
text-decoration:underline;
}
/**********************/
#contenu{
position:relative;
margin:62px 30px 0 215px;
padding-bottom:55px;
font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:12px;
 line-height:18px;
 text-align:justify;
}
/**********************/
#actu2{
float:left;
width:50%;
margin-left:190px;
margin-top:30px;
background:#cecece url(../images/charte/bg-actu.gif) repeat-y scroll right top;
border:1px solid #1673e1;
}

#actu{
float:right;
width:50%;
margin-left:30px;
margin-bottom:30px;

background:#cecece url(../images/charte/bg-actu.gif) repeat-y scroll right top;
border:1px solid #1673e1;
}
#titreActu{
height:24px;
margin-bottom:10px;
background:url(../images/charte/bg-titreActu.gif) repeat-x scroll left top;
}
#contenu #actu p{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
text-align:justify;
color:#333;
padding:0 10px;
}

#contenu a{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
text-align:justify;
color:#1673E1;
font-weight:bold;
text-decoration:none;
}


#contenu  a:hover{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
text-align:justify;
color:#002754;
font-weight:bold;
text-decoration:none;
}


#contenu #actu a{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
text-align:justify;
color:#1673E1;
font-weight:bold;
text-decoration:none;
}


#contenu #actu a:hover{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
text-align:justify;
color:#002754;
font-weight:bold;
text-decoration:none;

}
#contenu #actu p.titre{
font:bold 1.1em/1.2em Arial, Helvetica, sans-serif;
text-align:left;
color:#004494;
padding:0 10px;
text-transform:uppercase;
}
#contenu #actu p.titre.date{
font:normal 1em/1.2em Arial, Helvetica, sans-serif;
text-transform:none;
}
/*---obligatoire pour le footer---*/
/*---mettre <div class="clearer"></div> apres la div contenu---*/
.clearer
{
	clear: both;
	display: block;
	height: 1px;
	margin-bottom: -1px;
	font-size: 1px;
	line-height: 1px;
}
/***************** FOOTER *****************/
#footer{
position:relative;
clear: both;
width:100%;
height:25px;
margin-top:-25px;
background:#e2e2e2;
text-align:center;
}
#idep{
position:absolute;
left:0;
width:185px;
height:25px;
}

a img{
filter: alpha(opacity=100);
-moz-opacity: 1.00;
opacity:1.00;
border:0px;

}

a:hover img{
filter: alpha(opacity=70);
-moz-opacity: 0.70;
 opacity:0.70;
border:0px;

}