/**
 * @properties : display, positioning, dimension, margin, padding, text, border, background.
 * @page : section defining properties of a page.
 * @bloc : section defining properties of a block to a specific page.
 */


 
/**************************************************************************************************/
/*			- DEFINITION DES ATTRIBUTS PAR DEFAUT -							 			  		  */
/**************************************************************************************************/

/* ------------------------------------------------------ */
/*			- corps du document -  			    	      */
/* ------------------------------------------------------ */
html, body { height: 100%; margin: 0 }
html body { font: normal 13px Arial; color:#000; cursor: default }

/* ------------------------------------------------------ */
/*			- suppression des marges par défaut -  	      */
/* ------------------------------------------------------ */
div, span, object, iframe, 
h1, h2, h3, h4, h5, h6,
p, a, em, img, fieldset, strong, ol, ul, li, dl, dt, dd,
form, label, table, tr, th, td { margin:0; padding:0; font-weight:normal }
strong { font-weight:bold }
/* ------------------------------------------------------ */
/*			- redéfinition des liens par défaut -  	      */
/* ------------------------------------------------------ */
a img { border: 0 }
a:hover { cursor: pointer }
a:hover span { text-decoration: none }
a:focus { outline: none }

/* ------------------------------------------------------ */
/*			- redéfinition des listes/tableaux -  	      */
/* ------------------------------------------------------ */
ol, ul { padding: 0 }
ul { list-style: none }
ol { list-style-position: inside }
table { font-size: inherit; border-collapse:collapse; border-spacing:0 }

/***************** BODY *****************/
* {
	/*---on passe toutes les marges à 0---*/
margin:0;
	padding:0;
}
body, html {
	height:100%;/*---permet de changer la couleur de la barre de scroll dans IE (déconseillé)
scrollbar-base-color:#7d8a2e;
---*/
}
body {	background: #fff url(../images/bodyBg.jpg) center top no-repeat }
/***************** CONTAINER *****************/
#container {
	position:relative;
	min-height:100%;
	width:990px;
	margin:0 auto;
	padding:0 0 30px 0;
	background: url(../images/contentBg.jpg) center top repeat-y;
}
/***************** HEADER *****************/
#header {
	float:left;
	position:relative;
	display:inline;
	width:990px;
	height:210px;
	background: url(../images/headerBg.jpg) left top no-repeat;
}
#headerFlash {
	position:absolute;
	top:0;
	left:15px;
	display:inline;
	width:975px;
	height:210px;
	/*obligatoire si il y a un flash (firefox)*/
	display:block;
	outline:0;
}
#headerContact {
	position:absolute;
	display:inline;
	left:765px;
	top:40px;
	width:210px;
	text-align:center;
	color:#022858;
	font-size:13px;
}
#headerContact a { text-decoration: underline; color:#235ba1 }
#headerContact a:hover { text-decoration: none }

#headerMenu {
	position:absolute;
	display:inline;
	bottom:0;
	left:36px;
	outline:0;
}
/***************** MENU TOP *****************/
#menuTop {
	display:inline;
	list-style:none;
}
#menuTop li {
	position:relative;
	float:left;
}
#menuTop li a {
	display:block;
	height: 40px;
	background: url(../images/menuBg.jpg) top left no-repeat;
}
#menuTop a.bt1 { width:158px; background-position: 0 0 }
#menuTop a.bt2 { width:170px; background-position: -158px 0 }
#menuTop a.bt3 { width:186px; background-position: -328px 0 }
#menuTop a.bt4 { width:230px; background-position: -514px 0 }
#menuTop a.bt5 { width:176px; background-position: -744px 0 }
#menuTop a.bt1:hover { background-position: 0 -40px }
#menuTop a.bt2:hover { background-position: -158px -40px }
#menuTop a.bt3:hover { background-position: -328px -40px }
#menuTop a.bt4:hover { background-position: -514px -40px }
#menuTop a.bt5:hover { background-position: -744px -40px }
#menuTop a span { display: none }

/***************** SOUS MENU *****************/
#menuTop li ul {
	list-style:none;
	position:absolute;
	width:160px;
	top:-6000px;
	left:0;
	background:#ffc0a9;
}
#menuTop li li {
	float:none;
}
#container #menuTop li li a {
	background:none;
	width:auto;
	position:relative;
	height:20px;
	font:11px/20px Arial, Helvetica, sans-serif;
	text-transform:none;
	color:#fff;
	text-decoration:none;
}
#container #menuTop li li a:hover {
	background:#ff8598;
}
/***************** MENU LEFT *****************/
#menuLeft {
	float:left;
	position:relative;
	display:inline;
	width:205px;
	list-style:none;
	margin:35px 30px 0 55px;
}
#menuLeft a.bt1 {
	float:left;
	width:205px;
	height:81px;
	background: url(../images/bt1.jpg) top left no-repeat;
	display:block;
}
#menuLeft a.bt1:hover {
	background-position: bottom left;
}
#menuLeft a.bt2 {
	float:left;
	width:205px;
	height:65px;
	background: url(../images/bt2.jpg) top left no-repeat;
	display:block;
}
#menuLeft a.bt2:hover {
	background-position: bottom left;
}
#menuLeft a.bt3 {
	float:left;
	width:205px;
	height:69px;
	background: url(../images/bt3.jpg) top left no-repeat;
	display:block;
}
#menuLeft a.bt3:hover {
	background-position: bottom left;
}
#menuLeft a.bt4 {
	float:left;
	width:205px;
	height:70px;
	background: url(../images/bt4.jpg) top left no-repeat;
	display:block;
}
#menuLeft a.bt4:hover {
	background-position: bottom left;
}
#menuLeft a span {
	display:none;
}
/***************** SOUS MENU */
#menuLeft li ul {
	list-style:none;
	background:#E4EBC3;
}
#menuLeft li ul li a {
	background:none;
	border:none;
	text-decoration:none;
	font:bold 11px/14px Arial, Helvetica, sans-serif;
	color:#7d8a2e;
	display:block;
	padding:2px 5px 2px 13px;
}
#menuLeft li ul li a:hover, #menuLeft li ul li a.rubrique_active {
	text-decoration:underline;
	color:#7d8a2e;
	background:none;
}
/***************** CONTENU *****************/
#contenu {
	float:left;
	position:relative;
	display:inline;
	width:990px;
	background: transparent url(../images/contentTopBg.jpg) center top no-repeat;
}

/*---obligatoire pour le footer---*/
/*---mettre <div class="clearer" id="clearFooter"></div>--*/
/*---apres la div contenu---*/
.clearer {
	clear:both;
}
#clearFooter {
	height:30px;/*--- = à la hauteur du footer ---*/
}
/***************** FOOTER *****************/
#footer {
	position:relative;
	clear:both;
	width:100%;
	height:153px;
	margin:-30px auto 0;
	background: url(../images/footerBg.jpg) center top no-repeat;
}
#footer .content{	
	width:920px;
	height:140px;
	padding:13px 35px 0 35px;
	margin:0 auto;
	background: url(../images/footerContentBg.jpg) center top no-repeat;
	 }
#footer p{
	font:12px Arial, Helvetica, sans-serif;
	text-align:center;
	color:#0067b8;
}
#footer p.links {
	font-size:10px;
	color:#000f2b;
	float:right;
	display:inline;
	margin:20px 0 0 0;
}
#footer p.address{
	height:30px;
	padding:13px;
	font:14px Arial, Helvetica, sans-serif;
	color:#fff;
	text-align:center;
}
#footer p.address span{
	font-size:13px;
	color:#9dc9ea;
}
#footer a:link, #footer a:visited{
	text-decoration:none;
	color:#000f2b;
}
#footer a:hover, #footer a:active{
	text-decoration:underline;
	color:#000f2b;
}
/***************** STYLE GLOBAUX *****************/
a img{
border:none;
}
a:active, a:focus{
outline:none;
}
/***************** STYLE CONTENU *****************/
#contenu h1{
font:bold 17px Arial, Helvetica, sans-serif;
color:#003c8f;
letter-spacing:1px;
margin:0 0 12px;
}
#contenu h2{
font:bold 15px Arial, Helvetica, sans-serif;
color:#003c8f;
letter-spacing:1px;
margin:0 0 7px;
}
#contenu p{
text-align:justify;
margin: 0 0 5px 0;
}
#contenu p em{
font-weight:bold;
font-size:12px;
line-height:1.3em;
}
#contenu p.couleur, span.couleur{
font-weight:bold;
color:#7d8a2e;
}
#contenu a:link, #contenu a:visited{
text-decoration:underline;
color:#003c8f;
}
#contenu a:hover, #contenu a:active{
color:#000;
}
#contenu .mainTitle{ 
	width:430px; 
	height:43px; 
	font-size:17px;
	line-height:13px;
	padding:3px 0 0 10px;
	margin: 0 0 20px 0;
	color:#022858;
	background: transparent url(../images/titleBg.jpg) left top no-repeat;
	}
#contenu .mainTitle h1 { 
	font-weight:normal;
	margin:0;
	}
#contenu .mainTitle em { 
	font-size:13px;
	}
#contenu .topContenu{ 
	width:990px;
	height:260px;
	padding:35px 0 0 0;
	background: transparent url(../images/contentTopBg.jpg) center top no-repeat;
	}
#diapoFlash{ 
	width:430px; 
	height:260px; 
	float:left;
	display:inline;
	}
#contenu .colLeft{ 
	width:430px; 
	margin:0 20px 0 55px; 
	float:left; 
	display:inline;
	text-align:justify 
	}
#contenu .colRight{ 
	width:430px; 
	float:left; 
	display:inline;
	text-align:justify 
	}
#contenu #insideMenu{ 
	clear:both; 
	width:920px; 
	height:260px; 
	margin:0 auto; 
	background: url(../images/insideMenuBg.jpg) center top no-repeat 
	}
#contenu #insideMenu a{ 
	display:block; 
	float:left; 
	display:inline;
	width:205px; 
	height:210px; 
	margin:25px 0 0 18px 
	}
#contenu #insideMenu a span { 
	display:none 
	}
#contenu .equipe{
	 float:left; 
	 display:inline;
	 margin:0 20px 0 55px 
	 }
#contenu .moreInfo p{
	text-align:center;
	color:#022858;
	margin-top:10px;
}	 
#contenu .moreInfo p.phone {
	line-height:22px;
	margin:0;
}	 
#contenu .moreInfo p.phone strong {
	color:#ff4800;
}	 
#contenuPage {
	float:left;
	position:relative;
	display:inline;
	width:645px;
	margin:35px 0 0 0;
}

#contenuPage h1 { color:#003c8f }
#contenuPage h2 { font-size:13px; color:#003c8f }
#contenuPage a { color:#003c8f; text-decoration:underline }
#contenuPage a:hover { text-decoration:none }
#contenuPage p { margin:0 0 10px 0; }