/**
 * @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 { 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 }

/**************************************************************************************************/
/*			- FIN RESET -							 			  		  */
/**************************************************************************************************/

body {	font-size: 13px; font-family: georgia,times,times new roman,serif; background: #C5C3C4 url(../images/bodyBg.jpg) center top no-repeat }

/* ------------------------------------------------------ */
/*			- container -  	      */
/* ------------------------------------------------------ */
#container { position:relative; min-height:100%; width:990px; margin:0 auto; padding:0 0 -110px 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; display:inline; width:990px; height:170px; /*obligatoire si il y a un flash (firefox)*/ display:block; outline:0; } 
#headerMenu { position:absolute; display:inline; left: 268px; bottom:0; outline:0; }

/* ------------------------------------------------------ */
/*			- menu top -  	      */
/* ------------------------------------------------------ */
#menuTop { display:inline; list-style:none; } 
#menuTop li { position:relative; float:left; } 
#menuTop li a { display:block; height: 41px; background: url(../images/menuBg.gif) top left no-repeat }
#menuTop a.bt1 { width:86px; background-position: -205px 0 }
#menuTop a.bt2 { width:123px; background-position: -287px 0 }
#menuTop a.bt3 { width:90px; background-position: -410px 0 }
#menuTop a.bt4 { width:96px; background-position: -500px 0 }
#menuTop a.bt5 { width:120px; background-position: -593px 0 }
#menuTop a.bt6 { width:121px; background-position: -715px 0 }
#menuTop a.bt7 { width:86px; background-position: -834px 0 }
#menuTop a.bt1:hover { background-position: -205px -46px }
#menuTop a.bt2:hover { background-position: -287px -46px }
#menuTop a.bt3:hover { background-position: -410px -46px }
#menuTop a.bt4:hover { background-position: -500px -46px }
#menuTop a.bt5:hover { background-position: -593px -46px }
#menuTop a.bt6:hover { background-position: -715px -46px }
#menuTop a.bt7:hover { background-position: -834px -46px }
#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; text-transform:none; color:#fff; text-decoration:none; } 
#container #menuTop li li a:hover { background:#ff8598; }

/* ------------------------------------------------------ */
/*			- footer -  	      */
/* ------------------------------------------------------ */
#footer { position:relative; clear:both; margin: -140px 0 0 0; width:100%; height:140px; background: url(../images/footerBg.jpg) center bottom no-repeat; } 
#footer .content{	width:920px; height: 140px; margin:0 auto; } 
#footer p.links { font-size:10px; color:#2b2b2b; float:right; display:inline; margin:5px 0 0 0; } 
#footer p.address{ height:30px; padding:50px 0 0 0; font-size:14px; color:#fff; text-align:center; } 
#footer p.address span{ font-size:13px; color:#464646; } 
#footer a:link, 
#footer a:visited{ text-decoration:none; color:#2f2f2f; } 
#footer a:hover, 
#footer a:active{ text-decoration:underline; color:#2f2f2f; }

/* ------------------------------------------------------ */
/*			- styles globaux -  	      */
/* ------------------------------------------------------ */
a img{ border:none; } 
a:active, 
a:focus{ outline:none; }
/*---obligatoire pour le footer---*/
/*---mettre <div class="clearer" id="clearFooter"></div>--*/
/*---apres la div contenu---*/
.clearer { clear:both }
#clearFooter { height:140px;/*--- = à la hauteur du footer ---*/ }

/* ------------------------------------------------------ */
/*			- contenu -  	      */
/* ------------------------------------------------------ */
#contenu { float:left; position:relative; display:inline; width:990px; }
#contenu h1 { font-size: 17px; font-weight: bold; color:#de0000; letter-spacing:1px; margin:0 0 15px 0; } 
#contenu h2 { font-size: 15px; margin: 0 0 15px 0 } 
#contenu h2 em { color:#d90000; font-style: normal } 
#contenu p{ text-align:justify; margin: 0 0 15px 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:#727272; } 

#contenu a:hover, 
#contenu a:active{ text-decoration: none; color:#727272; } 

#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; } 

.welcome { width:464px; height:53px; padding: 10px 0 0 15px; margin: 0 0 20px 0; background: transparent url(../images/welcomeBg.jpg) left top no-repeat; }
.welcome h1#title { color: #ff0000; font-size: 15px; font-weight: normal; margin:0; }
.welcome h1#title em { color: #fff; font-style: normal }
.welcome em { font-size: 14px; color: #656565 }


#contenu .topContenu{ width:990px; padding:35px 0 0 0; background: transparent url(../images/contentTopBg.jpg) center top no-repeat; } 
#contenu .topContenu .txtContent{ padding: 0 40px } 

#contenu .diaporama{ width:426px; height:323px; float:left; display:inline; } 

.topContenu #col1{ height: 340px; width:460px; margin:0 20px 0 35px; float:left; display:inline; text-align:justify } 
.topContenu #col1 h2 { margin: 0 0 15px 20px } 
.topContenu #col1 p { margin: 0 0 15px 20px } 
.topContenu #col2{ height: 340px; width:435px; float:left; display:inline; text-align:justify } 

#structures { position:relative; clear:both; color: #626262; width:920px; height:90px; padding: 183px 0 0 0; margin:25px 0 0 33px; background: url(../images/structuresBg.jpg) center top no-repeat } 
#structures #beton { float: left; display: inline; width:268px; margin: 0 28px 0 5px; padding: 10px 8px 0 8px } 
#structures #acier { float: left; display: inline; width:268px; padding: 10px 8px 0 8px } 
#structures #bois { float: left; display: inline; width:268px; margin: 0 5px 0 30px; padding: 10px 8px 0 8px } 
#homeFlash { 
	position:absolute;
	top:0;
	left:0;
	width:920px;
	height:184px;
	z-index:50;
}

#preFooter { font-size: 11px; padding: 0 20px; color: #a29a9a }
#preFooter p { text-align: center }