@charset "utf-8";
/* CSS Document */
body{
	background:url(../img/fond.gif) repeat-x top left;
	margin:0;
	padding:0;
}
body, html{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:16px;
	color:#006ab1;
}
img{
	border:none;
}
a{
	position: relative;
	z-index: 10; 
}
input{
	position: relative;
	z-index: 10;
}
.rouge{
	color:#FF6600;
	font-size:14px;
	font-weight:bold;
}
h1{
	color:#f29400;
	font-size:14px;
	padding:0 0 10px 13px;
	margin:0;
	background:url(../img/h1.gif) no-repeat;
}
h2{
	color:#006ab1;
	font-size:13px;
	padding:0 0 8px 0;
	margin:0;
}
h3{
	color:#238cd3;
	font-size:12px;
	padding:0 0 5px 0;
	margin:0;
}
.conteneur {
	margin-left: auto;
    margin-right: auto;
	width:902px;
	height:768px;
	margin-top:9px;
}

.entete {
	width:902px;
	height:106px;
	background:url(../img/header.gif) no-repeat top left;
	clear:both;
	float:left;
	padding:0;
	margin:0;
}

#menu {
	width:902px;
	height:67px;
	font-size:12px;
	font-weight:bold;
	padding:0;
	margin:0;
	clear:both;
	float:left;
	line-height:18px;
}
#menu a{
	color:#FFFFFF;
	font-size:14px;
	text-decoration:none;
}
#menu a:hover{
	color:#D2F0FF;
}
#menu .menugauche {
	width:11px;
	height:67px;
	background:url(../img/menugauche.png) no-repeat top left;
	clear:both;
	float:left;
}
#menu ul {
	padding:0;
	margin:0;
	float:left;
}
#menu li {
	padding:0;
	margin:0;
	list-style:none;
	float:left;
	text-align:center;
}
#menu .id1{
	width:221px;
	height:67px;
	background:url(../img/menu1.jpg) no-repeat;
	margin:0;
	padding:0;
}
#menu .id1-on{
	width:221px;
	height:67px;
	background:url(../img/menu1-on.jpg) no-repeat;
	margin:0;
	padding:0;
}
#menu .id1:hover{
	width:221px;
	height:67px;
	background:url(../img/menu1-on.jpg) no-repeat;
	margin:0;
	padding:0;
}
#menu .id2{
	width:219px;
	height:67px;
	background:url(../img/menu2.jpg) no-repeat;
	margin:0;
	padding:0;
}
#menu .id2-on{
	width:219px;
	height:67px;
	background:url(../img/menu2-on.jpg) no-repeat;
	margin:0;
	padding:0;
}
#menu .id2:hover{
	width:219px;
	height:67px;
	background:url(../img/menu2-on.jpg) no-repeat;
	margin:0;
	padding:0;
}
#menu .id3{
	width:219px;
	height:67px;
	background:url(../img/menu3.jpg) no-repeat;
	margin:0;
	padding:0;
}
#menu .id3-on{
	width:219px;
	height:67px;
	background:url(../img/menu3-on.jpg) no-repeat;
	margin:0;
	padding:0;
}
#menu .id3:hover{
	width:219px;
	height:67px;
	background:url(../img/menu3-on.jpg) no-repeat;
	margin:0;
	padding:0;
}
#menu .id4{
	width:220px;
	height:67px;
	background:url(../img/menu4.jpg) no-repeat;
	margin:0;
	padding:0;
}
#menu .id4-on{
	width:220px;
	height:67px;
	background:url(../img/menu4-on.jpg) no-repeat;
	margin:0;
	padding:0;
}
#menu .id4:hover{
	width:220px;
	height:67px;
	background:url(../img/menu4-on.jpg) no-repeat;
	margin:0;
	padding:0;
}

#menu .petit{
	font-size:12px;
}
#menu .menudroit {
	width:12px;
	height:67px;
	background:url(../img/menudroit.png) no-repeat;
	float:left;
}

.contenugauche {
	width:11px;
	height:542px;
	background:url(../img/contenugauche.png) no-repeat top right;
	clear:both;
	float:left;
}
.contenudroit {
	width:12px;
	height:542px;
	background:url(../img/contenudroit.png) no-repeat top left;
	float:left;
}
#contenu {
	width:879px;
	padding:0;
	margin:0;
	float:left;
	background-color:#FFFFFF;
}

#contenu .emploi{
	clear:both;
	float:left;
	margin:15px 2px 0 10px;
	width:154px;
}
#contenu .contenucentre {
	width:700px;
	background-color:#FFFFFF;
	float:left;
	margin:20px 0 0 0;
	padding:0;
	color:#006ab1;
	font-size:11px;
}
#contenu .contenucentre p{
	margin:5px 0 7px 0;
	padding:0 20px 5px 20px;
	font-size:12px;
	text-align:justify;
}
#contenu .bandedroit{	
	width:159px;
	height:542px;
	background-color:#FFFFFF;
	text-align:center;
	float:left;
	padding:0 0 0 80px;
}
#contenu .bandedroit .accesclient{
	clear:both;
	float:left;
}
#contenu .bandedroit .accesstaff{
	clear:both;
	float:left;
}
#contenu .bandedroit .savoirfaire{
	clear:both;
	float:left;
}
#contenu .bandedroit .projets{
	clear:both;
	float:left;
}

#contenu .contenu-haut {
	width:500px;
	height:20px;
	background:url(../img/contenu-haut.gif) no-repeat top left;
	margin-left:20px;
}
#contenu .contenu-bas {
	width:500px;
	height:20px;
	background:url(../img/contenu-bas.gif) no-repeat top left;
	margin-left:20px;
}
#pied{
	clear:both;
	float:left;
	width:879px;
	height:25px;
	background:url(../img/pied.png) no-repeat top left;
	margin:0;
	padding:0;
	margin-left:11px;
	_margin-left:6px;
	text-align:center;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#009ee0;
}