/* Feuille de style pour la charte graphique du site
 * Cette feuille de style est appele depuis styles.css.
 */

/***************** STRUCTURE *****************/
*{
/*---toutes les marges sont  0---*/
margin:0;
padding:0;
}
a{
color:#1c6290;
text-decoration:none;
}
a:hover{
color:#666666;
text-decoration:none;
}
form{
display:inline;
}
body,html{
height:100%;/*---obligatoire pour le footer---*/
overflow:hidden;
}
body{
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
color:#333333;
background-color:#8db0c7;
scrollbar-face-color: #FFCC00;
}

#container{
position:absolute;
width:950px;
height:560px;
left:50%;
top:50%;
margin-left:-475px;
margin-top:-280px;
z-index:2;
background-color:#FFFFFF;
}
#bandeHaute{
position:absolute;
width:100%;
height:560px;
top:50%;
margin-top:-280px;
background-image:url(../images/charte/bg-body-top.gif);
background-repeat:repeat-x;
background-position:left top;
}
#menuHaut{
position:absolute;
width:950px;
height:170px;
left:50%;
top:50%;
margin-left:-475px;
margin-top:-280px;
z-index:100;
}
#menuHaut #menuHautFlash{
  float: left;
  }
#menuGauche{
position:absolute;
width:170px;
height:360px;
left:50%;
top:50%;
margin-left:-475px;
margin-top:-110px;
z-index:2;
}
#plaquette{
	position:absolute;
	width:170px;
	height:18px;
	left:50%;
	top:88%;
	margin-left:-475px;
	margin-top:-50px;
	z-index:2;
	background-color: #164E73;
	font-family:Arial, Helvetica, sans-serif;
}
#plaquette a{
	color:#E7B306;
	
}

#plaquette2{
	position:absolute;
	width:170px;
	height:18px;
	left:50%;
	top:82%;
	margin-left:-475px;
	margin-top:-50px;
	z-index:2;
	background-color: #164E73;
	font-family:Arial, Helvetica, sans-serif;
}
#plaquette2 a{
	color:#E7B306;
	
}
#photoCharte{
position:absolute;
width:260px;
height:360px;
right:0;
top:0;
}
#footer{
position:absolute;
width:950px;
height:30px;
left:50%;
top:50%;
margin-left:-475px;
margin-top:250px;
background-image:url(../images/charte/bg-footer.gif);
background-repeat:repeat-x;
background-position:left top;
z-index:2;
}
#idep{
position:absolute;
width:170px;
height:30px;
line-height:30px;
height:30px;
color:#f2b800;
font-size:8px;
text-align:center;
font-weight:bold;
}
#idep a{
color:#8db0c7;
}
#idep a:hover{
color:#f2b800;
}
#siteMap{
position:absolute;
width:320px;
top:50%;
left:50%;
height:30px;
margin-left:160px;
margin-top:-270px;
color:#ccc;
font-size:10px;
text-align:center;
z-index:100;
}
#intranet{
position:absolute;
width:260px;
height:30px;
padding-top:8px;
right:0px;
color:#f2b800;

text-align:center;

}
.stretch{
  cursor: pointer;
  }
.stretcher{
  height: 0;
  overflow: hidden;
  }
#contenu{
position:absolute;
width:780px;
height:360px;
top:50%;
left:50%;
margin-top:-110px;
margin-left:-305px;
display:block;
z-index:6;
}
#blocAccueil{
position:absolute;
left:0;top:0;
width:500px;
height:150px;
padding:10px;
}
#blocContenu{
position:absolute;
left:0;top:0;
width:500px;
height:338px;
padding:10px;
overflow-y:auto;
}
#blocActu{
	position:absolute;
	left:0px;
	bottom:0;
	width:260px;
	height:189px;
	background-color:#D6E4EE;
	top: 172px;
}
#titreActu{
display:block;
width:240px;
padding-left:10px;
padding-right:10px;
line-height:40px;
height:40px;
font-size:22px;
letter-spacing:3px;
color:#555;
float:left;
border-bottom:1px solid #888;
}
#flashActu{
display:block;
float:left;
}
#blocZoom{
	position:absolute;
	margin-left:260px;
	bottom:0;
	width:260px;
	height:193px;
	background-color:#1c6290;
	top: 172px;
}
#titreZoom{
display:block;
width:240px;
padding-left:10px;
padding-right:10px;
line-height:40px;
height:40px;
font-size:22px;
letter-spacing:3px;
color:#f2b800;
float:left;
border-bottom:1px solid #fff;
}
#contenuZoom{
float:left;
padding:10px 10px 0px 10px;
color:#fff;
}