/**
 * @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 { margin: 0 }
html body { font: normal 12px Arial, Helvetica, sans serif; color: #636262; line-height:17px; 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 { background: #000 url(../images/bodyBg.jpg) center top no-repeat fixed }
#mainContainer { position: relative; width: 972px; margin: 65px auto 0 }


/* ------------------------------------------------------ */
/*			- @bloc : header -   			 	 			           */
/* ------------------------------------------------------ */
#mainHeader { height: 90px; width: 100%;  background: transparent url(../images/headerBg.png) no-repeat 0 0 }
#mainHeader ul { float: right; width: 710px; margin: 30px 0 0 0; font-size: 15px; color: #fff }
#mainHeader ul li { float: left; padding: 4px 28px 0 28px; text-align: center }
#mainHeader ul .last { padding: 4px 0 0 50px }
#mainHeader ul .separator { padding: 0; width: 2px; height: 25px; background: #5a5a5a }


/* ------------------------------------------------------ */
/*			- @bloc : footer -   			 	 			           */
/* ------------------------------------------------------ */
#mainFooter { height: 84px; width: 100%;  background: transparent url(../images/footerBg.png) no-repeat 0 0 }
#mainFooter .seo { float: right; width: 680px; padding: 0 10px; margin: 27px 0 0 0; font-size: 11px }
#mainFooter .links { float: right; margin: 20px 0 0 0; padding: 0 0 20px 0; width: 100%; text-align: center }
#mainFooter p.links { color:#2d2d2d; }


/* ------------------------------------------------------ */
/*			- @bloc : mainContent -   			           */
/* ------------------------------------------------------ */
#mainContent { width: 100%; background: transparent url(../images/mainContentBg.png) no-repeat 0 0 }


/* ------------------------------------------------------ */
/*			- @bloc : sidebar -   			 	 			           */
/* ------------------------------------------------------ */
#sidebar { position: relative; float: left; width: 250px; padding: 0 10px }
#mainLogo { position: absolute; top: -90px; width: 249px; height: 195px; }
#sideMenu { position: absolute; top: 110px; left: 16px }
#sideMenu li a { display: block; width: 229px; height: 30px; background: transparent url(../images/sidebarMenu.gif) 0 0  }
#sideMenu li a span { display: none  }
#sideMenu li a.famille { background-position: 0 0 }
#sideMenu li a.commercial { background-position: 0 -30px }
#sideMenu li a.construction { background-position: 0 -60px }
#sideMenu li a.voisinage { background-position: 0 -90px }
#sideMenu li a.travail { background-position: 0 -120px }
#sideMenu li a.dommage { height: 48px; background-position: 0 -150px }
#sideMenu li a.honoraires { background-position: 0 -200px }
#sideMenu li a.actualites { height: 44px; background-position: 0 -228px }
#sideMenu li a.famille:hover { background-position: 0 -272px }
#sideMenu li a.commercial:hover { background-position: 0 -302px }
#sideMenu li a.construction:hover { background-position: 0 -332px }
#sideMenu li a.voisinage:hover { background-position: 0 -362px }
#sideMenu li a.travail:hover { background-position: 0 -392px }
#sideMenu li a.dommage:hover { background-position: 0 -422px }
#sideMenu li a.honoraires:hover { background-position: 0 -472px }
#sideMenu li a.actualites:hover { background-position: 0 -500px }
#contact { position: relative; left: 16px; top: 460px; width: 199px; padding: 10px 5px; border: 1px solid #fff; background: #d3d3d3; text-align: center  }


/* ------------------------------------------------------ */
/*			- @bloc : content -   			 	 			           */
/* ------------------------------------------------------ */
#content { float: left; min-height: 555px; padding: 0 30px 0 10px; width: 660px; color: #000 }
#content h1 { padding: 0 0 10px 0; margin: 20px 0 5px 0; border-bottom: 1px solid #babebb; color: #97012e; font-size: 16px }
#content .subtitle { color: #616161; font-size: 14px }
#content h2 { padding: 0 0 10px 0; margin: 20px 0 5px 0; border-bottom: 1px solid #babebb; color: #97012e; font-size: 13px }
#content .intro { margin: 0 10px 20px 0 }
#content .activites { height: 300px; float: left; margin: 0 0 0 10px; padding: 15px; width: 160px; background: #dfdfdf }
#content .activites ul { margin: 10px 0 0 0 }
#content .activites ul li { margin: 5px 0 }
#zoneDiapoFlash { float: left; width: 460px; height: 330px; background: #fff }


/* ------------------------------------------------------ */
/*			- couleurs polices et liens -   		    */
/* ------------------------------------------------------ */
.fontColor1 { color: #000000 } /* noir #000 */
.fontColor2 { color: #616161 } /* gris #616161 */
.fontColor3 { color: #000000; font-size:14px; } /* noir #000 */
.fontColor4 { color: #8e938f }
.fontColor5 { color: #373737 }
a { color: #888; text-decoration: underline; }
a:hover { color: #000; }
a.linkColor1a, a.linkColor1a:hover { color: #000000; text-decoration: none } /* noir #000 */
a.linkColor2a { color: #2d2d2d; text-decoration: none } /* gris #616161 */
a.linkColor2a:hover { color: #616161; text-decoration: underline } /* gris #616161 */
a.linkColor3a { color: #fff; text-decoration: none } /* blanc #fff */
a.linkColor3a:hover { color: #aaa; text-decoration: underline } /* gris #aaa */
a.linkColor4a { color: #97012e; text-decoration: underline } /* rouge #97012e */
a.linkColor4a:hover { color: #97012e; text-decoration: none } /* rouge #97012e */

/* ------------------------------------------------------ */
/*			- blocs utils -   			 	 				  */
/* ------------------------------------------------------ */
.clearer { clear:both }
.displayNone { display:none }
.hidden { visibility:hidden }
.spacer10 { height:10px }
.spacer50 { height:50px }