/* *** ##################################### *** */

/*couleurs

Bleu			: #0067b5

*/


/* ##################### HTML ################################ */
* 
{
	margin: 0;
	padding: 0;
}

body 
{
	text-align: center;
	font-family: Arial, "Lucida Sans Unicode", Verdana, Helvetica, sans-serif;
	color:#fff;
	font-size: 62.5%;
	background:#000;
	
}

#container
{
	text-align:left;
	width:780px;
	margin-left:auto;
	margin-right:auto;
	font-size:1.1em;

}


/* ###########################################################
		GENERIQUE
########################################################### */

/*titre site */
h1 {font-size:1.8em;}
/*baseline */
h2 {font-size:1.6em;}
/*titre site / baseline / masqué */
h1 span,h2 span{position:absolute;margin-top:-2000px;}

/*premier niveau de titre / affiché */
h3 {font-size:1.3em;}
h4 {font-size:1.2em;}
h5 {font-size:1em;}
h6 {font-size:0.8em;}

/*paragraphe*/
p {font-size:1em;}

/* listes */
ul li{list-style-type:none;list-style-position:outside;margin-left:8px;}

/*liens*/
a{color:#9ad6f8;text-decoration:none;} 
a:hover{color:#0a587e;text-decoration:underline;}

/*images*/
img{border:none;vertical-align:middle;}

/* formulaire */
fieldset{border:none;}
fieldset legend{}
fieldset p{}
fieldset label{ }
fieldset input,fieldset select,fieldset textarea{border:1px solid #DADDDF;width:180px}
fieldset input.image,fieldset input.bouton,fieldset input.checkbox,fieldset input.radio{width:auto;border:none;}

/* autre */
hr{margin:0;border:none;height:1px;clear:both;}
strong{	color:#9ad6f8;}
.important{	color:#FF0000;font-size:11px;}
.clr {clear: both;margin:0;padding:0;font-size: 1px;height: 1px;}

/* ##################### HEADER ################################ */
#header
{	position:relative;
    /*border:1px solid #000;*/
	height:135px;margin:0;
	margin-bottom:40px;
}

/* ##################### FOOTER ################################ */
#footer{text-align: center;margin:0px 0 0 0;}
#footer .ref{color:#6f6f6f;}
#footer span{position:absolute;margin-top:-2000px;}


/* ##################### CONTENU ################################ */
#colCentre
{
width:750px;float:left;margin: 12px 0 0 15px;
}
#colCentre dl
{
float:left;border-left:#1969b0 1px solid;margin: 0 0 0 16px;
width:170px;
}
#colCentre dt
{
display:block;height:16px;background-color:#1969b0;color:#fff;font-weight:bold;margin:0 0 16px 0;padding-left:12px;
}

#colCentre dd
{
color:#fff;font-weight:bold;border:none;margin:4px 0 4px 16px;
}
#colCentre dd.bleu
{
color:#a0e3ff;
}
#colCentre dd.blanc
{
color:#fff;
}


#colGauche{width:350px;float:left;margin: 12px 0 0 15px;}

#colGauche img{float:left; margin:0 0 8px 8px; border:#072a46 dotted 1px; padding:1px;}

#colGauche div{text-align:justify;width:280px;float:left;margin: 12px 0 0 15px;font-family: "Trebuchet MS", Helvetica, sans-serif;	font-size:1.1em;line-height:1.4em;}

#colDroite{
	width:280px;float:left;margin: 12px 0 0 15px;
	text-align:justify;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-size:1.1em;
	line-height:1.4em;

}
/*#colDroite strong{
	color:#9ad6f8;	
}*/
#colDroite h3{color:#9ad6f8;margin:12px 0 12px 0;}
#colDroite hr{
	border-bottom:#9ad6f8 solid 1px;
	margin: 8px 0 8px 0;
}

#colDroite a{
	color:#9ad6f8;
	text-decoration:none;
}
#colDroite a:hover{
	color:#0a587e;
	text-decoration:underline;
}


.pdf{
background:url(images/file_acrobat.gif) no-repeat 0 0;
padding-left:22px;
}

.bleu{color:#a0e3ff;}

/* ###########################################################
		PAGE D'ACCUEIL
########################################################### */
.colAccueil{
	width:220px;
	height:310px;
	float:left;
	display:inline; /*BEUG IE6*/
	background:transparent url(images/separateur-vertical.png) no-repeat top right;
	/*margin:0 14px;*/
	padding-right:14px;
	margin-right:14px;
	/*margin-left:14px;*/
	margin-bottom:60px;
}

.colAccueil h3{
	height:143px;
	width:215px;
}

.colAccueil h3.titre_accueil_1{background:transparent url(images/visuel-accueil-accueil.jpg) no-repeat top left;}
.colAccueil h3.titre_accueil_2{background:transparent url(images/visuel-accueil-technique.jpg) no-repeat top left;}
.colAccueil h3.titre_accueil_3{background:transparent url(images/visuel-accueil-bureau.jpg) no-repeat top left;}

.colAccueil h3 span{
	position:absolute;
	top:-2000px;
}

.colAccueil .cont{
	padding:10px;
}

.colAccueil .cont p{
	margin-bottom:10px;
}

.last{
	background:inherit;
}



/* ###########################################################
		IMAGES BAS DE PAGES
########################################################### */
#imgBottom{
	margin:16px 0 0 0;
	
}

/* ###########################################################
		PAGE PLAN DU SITE
########################################################### */
ul#plan_site
{
	text-align:justify;
	float:left;
	width:280px;
	margin: -20px 0pt 0pt 130px;
	font-family: "Trebuchet MS", Helvetica, sans-serif;	
	font-size:1.1em;
	line-height:1.2em;
}
h3.plan_site
{
	margin: -20px 0pt 0pt 33px;
}

/* ###########################################################
		PAGE CONTACT
########################################################### */
#formulaire_contact fieldset{border:none;}
#formulaire_contact label{float: left;margin:0 5px 0 0;width:75px;text-align:right;color:#0a587e;}
#formulaire_contact span{font-size:1em;}
#formulaire_contact input{border:1px solid #0a587e;width:250px;margin-bottom:6px;}
#formulaire_contact textarea{border:1px solid #0a587e;width:250px;margin-bottom:6px;}
#formulaire_contact input.image{width:auto;border:none;}
#formulaire_contact input.bouton{width:auto;border:none;}