@charset "utf-8";
/*-------------------------------------------------------------------------------------------------100*/
*{
	margin:0;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
/*	font-family:Arial, Helvetica, sans-serif;*/
	}
body{
	background-color:#FFFFFF;
	margin:0 auto;
	padding:0;
	width:100%;
	font-size:13px;
	}
/*-------------------------------------------------------------------------------------------------*/
a{
	text-decoration:none;
	}
a:hover{
	text-decoration:underline;
	}
img{
	border:0;
	}
/*-------------------------------------------------------------------------------------------------*/
#page{
	width:1024px;
	height:768px;
	margin:0 auto;
	background-image:url(/images/charte/bgSite.png);
	background-repeat:repeat-y;
	}
#zoneGauche{
 	display:inline;		 /* IE6 double margin (inline+float) */
	float:left;
	width:580px;
	}
#zoneDroite{
	position:relative;
 	display:inline;		 /* IE6 double margin (inline+float) */
	float:left;
	width:440px;
	}
/*-------------------------------------------------------------------------------------------------*/
#header{
 	display:inline;		 /* IE6 double margin (inline+float) */
	float:left;
	width:580px;
	height:170px;
	margin:0;
	padding:0;
	}
#header #menu ul{
 	display:inline;		 /* IE6 double margin (inline+float) */
	float:left;
	width:415px;
	height:30px;
	margin:50px 0 0 165px;
	padding:0;
	font-size:9px;
	list-style-type:none;
	}	
#header #menu ul li{
	margin-left:15px;
	padding:0;
	float:left;
	text-align:left;
	}	
#header #menu ul li.first{
	margin-left:0;
	}
#header #menu ul li a{
	color:#999;
	font-size:9px;
	font-weight:bold;
	text-decoration:none;
	display:block;
	text-transform:uppercase;
	}	
#header #menu ul li.active a{
	color:#666;
	border-bottom-color:#666;
	border-bottom-style:solid;
	border-bottom-width:2px;
	}		
#header #menu ul li a:hover{
	color:#666;
	border-bottom-color:#666;
	border-bottom-style:solid;
	border-bottom-width:2px;
	}
/*-------------------------------------------------------------------------------------------------*/
#edito{
 	display:inline;		 /* IE6 double margin (inline+float) */
	float:left;
	width:245px;
	height:367px;
	margin:10px 0 0 190px;
	padding:0;
	overflow:auto;
	background-image:url(/images/charte/bgEdito.png);
	color:#FFFFFF;
	}
#edito #content{
	margin:10px 10px 10px 10px;
	}
#edito h1{
	font-size:12px;
	font-weight:bold;
	}
#edito p{
	text-align:left;
	font-size:10px;
	line-height:1.4em;
	}
#edito p.signature{
	text-align:right;
	}
/*-------------------------------------------------------------------------------------------------*/
/*-- Tags clicables -------------------------------------------------------------------------------*/
div.tag a{
	font-size:11px;
	color:#FFFFFF;
	text-transform:uppercase;
	}
#tag1{
	position:absolute;
	top:260px;
	left:20px;
	}	
#tag2{
	position:absolute;
	top:330px;
	left:85px;
	}	
#tag3{
	position:absolute;
	top:400px;
	left:130px;
	}	
#tag4{
	position:absolute;
	top:470px;
	left:185px;
	}	
#tagImg{
	position:absolute;
	top:580px;
	left:210px;
/*	background-color:#FF0000;*/
	}
.tooltip{
	width:220px;
	margin:0;
	padding:5px;
	font-size:11px;
	background:#F8CBB7;
	border:3px solid #686868;
	}
.tooltip p{
	margin:0;
	text-align:justify;
	}
#tooltip3{
	}
/*-------------------------------------------------------------------------------------------------*/
#contenu{
 	display:inline;		 /* IE6 double margin (inline+float) */
	float:left;
	width:400px;
	height:600px;
	margin-top:10px;
	margin-left:165px;
	padding:0;
	overflow:auto;
	}
#contenu h1{
	clear:left;
	margin:0 0 0 0;
	font-size:14px;
	font-weight:bold;
	color:#003082;
	}	
#contenu h2{
	clear:left;
	margin:10px 0 0 0;
	font-size:12px;
	font-weight:bold;
	color:#003082;
	}	
#contenu h3{
	margin:30px 30px 20px 30px;
	font-size:24px;
	font-weight:normal;
	color:#0D7EA3;
	text-align:center;	
	}
#contenu h4{
	margin:10px 0px 10px 0px;
	font-size:12px;
	font-weight:bold;
	color:#868889;
	text-align:center;	
	}
#contenu h6{
	width:570px;
	font-size:10px;
	color:#000066 ;
	margin:10px 0 10px 0;	
	border-bottom: #000066 solid 1px;
	padding-bottom:5px;	
	}	
#contenu p{
	font-size:11px;
	margin:0px 0px 5px 0;
	text-align:justify;
	}
/*-------------------------------------------------------------------------------------------------*/
/*-- Accueil --------------------------------------------------------------------------------------*/
strong.cab{
	font-size:1.3em;
	color:#0D7EA3;
	}
/*-------------------------------------------------------------------------------------------------*/
/*-- Expertise ------------------------------------------------------------------------------------*/
#contenu h1.gris{
	color:#868889;
	}
#contenu h1.orange{
	color:#E85311;
	}
#contenu h1.bleu{
	color:#0D7EA3;
	}
#contenu td h1{
	margin-top:0;
	}
#contenu td p{
	text-align:left;
	}
/*-------------------------------------------------------------------------------------------------*/
/*-- References -----------------------------------------------------------------------------------*/
#contenu #colonneGauche{
 	display:inline;		 /* IE6 double margin (inline+float) */
	float:left;
	width:160px;
	}	
#contenu #colonneGauche p{
	margin:0 0 10px 0;
	font-size:10px;
	font-weight:bold;
	color:#0D7EA3;
	text-align:left;
	}	
#contenu #colonneDroite{
 	display:inline;		 /* IE6 double margin (inline+float) */
	float:left;
	width:240px;
	}
#contenu #colonneDroite p{
	text-align:left;
	}
/*-------------------------------------------------------------------------------------------------*/
div#contact{
	margin-top:10px;
	}
div#contact li{
	list-style-type:none;
	}
div#contact p.nota{
	font-size:11px;
	}
div#contact form{
	}
div#contact form p{
	margin:0 0 5px 0;
	padding:0;
	}
div#contact form label{
    float:left;
	display:block;
    clear:left;
	width:100px;
	float:left;
	}
div#contact form input{
	width:280px;
	font-size:12px;
	}
#contact form input.check{
	width:20px;
	margin-right:1px;
	margin-left:5px;
	}
#contact form textarea{
	width:280px;
	font-size:12px;
	}
div#coordonnees p{
	margin-left:70px;
	}
/*-------------------------------------------------------------------------------------------*/
.alert-danger{
	margin-top:10px;
	padding:5px 8px 5px 8px;
	background-color:#FF0000;
	color:#FFFFFF;
	}
.alert-success{
	margin-top:10px;
	padding:5px 8px 5px 8px;
	background-color:#00FF00;
	}
/*-- Fin ------------------------------------------------------------------------------------------*/