@charset "utf-8";
/* CSS Document */

body{

	background-color:#005f8a;

    margin:0;

	padding:0;

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:16px;

}

div#trame{

	background:url(img/trame_body.jpg) repeat;
	
	height:269px;
	
	width:100%;
}

div#position{

	position:absolute;

	top:0;

	width:100%;

}


div#global{

	width:800px;

	margin:18px auto 0 auto;

	text-align:center;

}

/************************************************** Style Header ******************************************************/

div#header{

	width:100%;
	
	height:170px;
	
	background-color:#FFFFFF;
	
	margin:0;

	padding:3px 0 0 0;

}

div#slogan{

	width:794px;
	
	height:29px;
	
	background-color:#005f8a;
	
	font-size:0.8em;
	
	font-style:italic;
	
	margin:0 3px 0 3px;
	
	padding:0;
	
	color:#FFFFFF;
	
}

p#texte_bandeau{
	padding:0;
	
	margin: 0 0 0 5px;

	text-align:left;
	
	float:left;

	font-weight:bold;
}

p#texte_bandeau_a{
	padding:0;
	
	margin: 0 5px 0 0;

	text-align:right;
	
	float:right;

	font-weight:bold;
}

div#slogan p{

	padding-top:6px;
}

div#logo{

	float:left;
	
	width:188px;
	
	height:141px;
	
	background:url(img/logo.jpg) no-repeat;
	
	margin:0;
}

div#onde{

	float:left;
	
	width:418px;
	
	height:141px;
	
	background:url(img/onde.jpg) no-repeat;
	
	margin:0;

	padding:0;
}

html>body div#onde{
	width:424px;
}

div#diapo{

	float:right;
	
	height:141px;
	
	margin:0;
	
	padding:0;
}
/************************************************** Style Menu ******************************************************/

#menu{
	height:29px;	
	width:100%;
	background-color:#ffe080;	
	text-align:center;
	margin:0;
	padding:0;	
}

#menu ul{
	float:left;
	height:29px;
	color:#000000;
	margin:6px 0 0 3px;
	padding:0;
	list-style-type:none;
}

html>body #menu ul{
	margin:4px 0 0 6px;
}

#menu li{
	position:relative;
	display:block;
	float:left;
	/*padding-top:4px;*/
	text-align:center;
}

#menu li span{
	text-decoration:none;
	color:#005f8a;
	font-weight:bold;
	font-size:0.8em;
	margin:0 8px 0 8px;
}

#menu li a{
	text-decoration:none;
	color:black;
	font-weight:bold;
	font-size:0.8em;
	margin:2px 8px 0 0;
	height:23px;
	display:block;
	float:left;
}

html>body #menu li a{
	margin:2px 8px 0 8px;
}

#menu li a:hover{
	text-decoration:none;
	color:#005f8a;
}

div#menu ul li ul{
	width:241px;
	display:block;
	position:absolute;
	top:25px;
	left:-9999px;
	height:auto;
	padding:0;
	margin:0;
	z-index:10;
	border-left:1px solid #005f8a;
	border-right:1px solid #005f8a;
	border-bottom:1px solid #005f8a;
}

div#menu ul li:hover ul,
div#menu ul li.over ul{
	left:0;
}

div#menu ul li ul li{
	margin:0;
	padding:0;
	display:block;
	border:0;
	width:241px;
	background:#ffe080;
	clear:both;
}

div#menu ul li ul li.premier,
div#menu ul li ul li.dernier{
	border:0;
}

div#menu ul li ul li.sous_menu_haut{
	display:none;
}

div#menu ul li ul li a,
div#menu ul li.active ul li a,
div#menu ul li ul li.active a,
div#menu ul li ul li a:visited{
	display:block;
	text-align:left;
	font-weight:normal;
	color:black; 
	min-height:15px;
	height:15px; 
	border:0;
	padding:5px 0 5px 8px;
	width:233px;
	margin:0;
	text-decoration:none;
}

html>body div#menu ul li ul li a,
html>body div#menu ul li.active ul li a,
html>body div#menu ul li ul li.active a,
html>body div#menu ul li ul li a:visited{
	height:auto;
}


div#menu ul li ul li a, div#menu ul li ul li a:visited{
	font-size:0.7em;
}

div#menu ul li ul li a span{
	margin:0;
	font-weight:normal;
}

div#menu ul li ul li img{
	display:none;
}

div#menu ul li ul li a:hover{
	background:#005f8a;
	color:white; 
}


/************************************************** Style Contenu ******************************************************/

div#contenu{
	background-color:#FFFFFF;
    width:100%;	
	height:460px;	
	min-height:460px;
	margin:0;
	padding:0 0 10px 0;
}

html>body div#contenu{
	height:auto;
	margin:-15px 0 0 0;
}

div#contenu a{
	color:#005f8a;
}

div#contenu a:hover{
	color:black;
	text-decoration:none;
}

div#contenu p{
	text-align:justify;
	font-size:0.8em;
	font-weight:normal;
	margin:0 15px 0 15px;
	padding:5px 0 5px 0;
	width:95%;
}

div#contenu table{
	float:left;
	margin:0;
	padding:0;
}

div#contenu table td{
	font-size:0.8em;
}

div#contenu ul{
	font-size:0.8em;
	text-align:left;
	margin-top:5px;
	margin-bottom:5px;
	list-style-position:inside;
}

div#contenu ul li{
	margin:5px 0 5px 15px;
}

div#contactGauche{
	width:55%;
	float:left;
	margin-top:10px;
}

div#contactDroite{
	width:45%;
	float:left;
	margin-top:10px;
}

div#map{
	width: 400px;
	height: 400px;
	margin:5px auto 0 auto;
	border:1px solid #005f8a;
}

td.error{
	font-size:0.6em;
	color:#005f8a;
}

input, textarea{
	border:1px solid black;
}


table tr td {
	font-size:0.8em;
	text-align:left;
	vertical-align:top;
}

.required{
	border:1px solid #005f8a;
}

h1{
	font-size:0.9em;
	color:#005f8a;
	text-align:left;
	margin:15px 0 10px 10px;
	padding-top:10px;
	width:96%;
	border-bottom:1px solid #005f8a;
}


h2{
	font-size:0.8em;
	color:#005f8a;
	text-align:left;
	margin:0 0 0 7px;
	padding-top:10px;
	text-decoration:none;
	clear:both;
	border-bottom:1px dashed #005f8a;
	width:96%;
}

html>body h2{
	margin:0 0 0 10px;
}

h2 a{
	text-decoration:none;
}

h3{
	font-size:0.8em;
	color:black;
	text-align:left;
	margin:25px 0 0 10px;
	padding-top:10px;
	text-decoration:none;
	clear:both;
}

div.realisation{
	float:left;
	width:120px;
	height:170px;
	text-align:center;
	margin:10px;
	color:#005f8a;
	font-size:0.7em;
}

a.thickbox{
	margin:5px;
	float:left;
}

.bot{
	clear:both;
}

img.annonce{
	float:left;
	border:1px solid #005f8a;
	margin:5px 0 0 5px;
}

/************************************************** Style Contenu Gauche ******************************************************/

div#contenuGauche{
	width:300px;
	margin:0;
	padding:0;
	float:left;
}

div.diap{
	background:url(img/fond_diapo.jpg) no-repeat;
	margin:10px 0 0 5px;
	width:285px;
	height:215px;
	text-align:center;
	padding:1px 0 0 3px;
}

div.diap_av{
	margin:2px 0 0 8px;
}

html>body div.diap_av{
	margin:0;
}

html>body div.diap{
	margin:10px 5px 0 5px;
}

div#exterieur{
	padding:10px;
	width:265px;
	background:url(img/fond_diapo_ext.jpg) no-repeat;
	overflow:hidden;
	margin:10px 0 0 -3px;
}

html>body div#exterieur{
	margin:10px 0 0 3px;
}

/************************************************** Style Contenu Droite ******************************************************/

div#contenuDroite{
	width:495px;
	margin:0;
	padding:0;
	float:right;
	background-color:white;
}

div.cadre{
	margin:10px 10px 0 0;
	padding:0;
	width:479px;	
}

div.cadre_av{
	margin:10px 10px 0 12px;
	padding:0;
	width:479px;	
}

html>body div.cadre_av{
	margin:10px 10px 0 7px;
}

div.cadre_haut{
	margin:0;
	padding:0;
	width:100%;
	height:8px;
	background:url(img/cadre_haut.jpg) no-repeat;
}

div.cadre_milieu{
	margin-top:-10px;
	padding:0;
	width:100%;
	background:url(img/cadre_milieu.jpg) repeat-y;	
}

div.cadre_milieu h2{
	width:94%;
	margin-left:15px;
}

div.avantages{
	min-height:199px;
	height:199px;
	font-size:1.2em;
}

html>body div.avantages{
	height:auto;
}

html>body div.cadre_milieu{
	margin:0;
}

div#contenu td{
	font-size:1em;
	padding:0;
	margin:0;
}

div.cadre_milieu h1{
	text-align:left;
	font-size:0.8em;
	font-weight:bold;
	color:#005f8a;
	padding:5px 15px 5px 15px;
	margin:0;
}

div.cadre_milieu p{
	text-align:left;
	font-size:0.8em;	
	color:#000000;	
	padding:0 15px 5px 15px;
	margin:0;	
}

div#contenu p.savoir{
	font-size:0.6em;
	text-align:right;
	padding: 0 10px 10px 0;
	margin:0;
}

div.cadre_milieu ul{
	display:block;	
	float:left;
	list-style-type:disc;
	width:90%;
	margin:3px 0 0 20px;
	padding:0;
}


div.cadre_milieu ul li{
	text-align:left;	
	color:#000000;
	margin:0 5px 0px 15px;	
}

div.cadre_bas{

	margin:0;
	padding:0;
	width:100%;
	height:8px;
	background:url(img/cadre_bas.jpg) no-repeat;
	
}

div#footer{

	width:814px;

	height:51px;

	background:url(img/fond_footer.jpg) no-repeat;

	color:#FFF;

	text-align:right;

	font-size:0.6em;

	margin:0 auto 0 auto;

	padding:0;

}



div#footer p{

	width:98%;

	color:white;

	padding:10px 20px 0 0;

	margin:0;

}



div#footer a{

	color:#FFF;

}



div#footer a:hover{

	color:#ffe080;

}

a.hidden{
	display:none;
}