/**
 * @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; height:100%; }
html body { font: normal 13px Arial, Helvetica, sans serif; color: #fff; 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 repeat-y }
#mainContainer { width: 100% ; background: url(../images/mainPageBg.jpg) no-repeat top center;
	min-height:100%;}

/* ------------------------------------------------------ */
/*			- @bloc : header -   			 	 			           */
/* ------------------------------------------------------ */
#mainHeader { height: 179px; width: 100%; background: #000 url(../images/headerBg.jpg) repeat-x 0 0 }
#mainHeader .content { width: 990px; margin: 0 auto }
#mainLogo { float: left; position:relative; width: 335px; height: 179px; background: #000 url(../images/mainLogo.jpg) no-repeat 0 0 }
#mainLogo h1 { display: none }

#logoFlash { 
width: 335px;
height:179px;
position:absolute;
z-index:70;
top:0;
left:0;}

#mainHeader ul { float: left; margin: 30px 0 0 0 }
#mainHeader ul li { float: left }
#mainHeader li a { display: block; height: 149px; background: transparent url(../images/mainMenuBg.png) 0 0 }
#mainHeader li a span { display: none  }
#mainHeader li a.accueil { width: 100px; background-position: 0 0 }
#mainHeader li a.accueil:hover { width: 100px; background-position: 0 150px }
#mainHeader li a.presentation { width: 132px; background-position: 556px 0 }
#mainHeader li a.presentation:hover { width: 132px; background-position: 556px 150px }
#mainHeader li a.concept { width: 100px; background-position: 424px 0 }
#mainHeader li a.concept:hover { width: 100px; background-position: 424px 150px }
#mainHeader li a.portfolio { width: 95px; background-position: 319px 0 }
#mainHeader li a.portfolio:hover { width: 95px; background-position: 319px 150px }
#mainHeader li a.avendre { width: 99px; background-position: 218px 0 }
#mainHeader li a.avendre:hover { width: 99px; background-position: 218px 150px }
#mainHeader li a.deviscontact { width: 129px; background-position: 123px 0 }
#mainHeader li a.deviscontact:hover { width: 129px; background-position: 123px 150px }

/* ------------------------------------------------------ */
/*			- @bloc : flashContainer -   			 	 			           */
/* ------------------------------------------------------ */
#homeFlash { position:relative; height: 351px; width: 990px; margin:0 auto; padding:0;}

/* ------------------------------------------------------ */
/*			- @bloc : footer -   			 	 			           */
/* ------------------------------------------------------ */

.clearer {
	clear:both;
}
#clearFooter {
	height:168px;/*--- = à la hauteur du footer ---*/
}

#mainFooter { margin:-168px auto 0; clear:both; height: 98px; width: 100%; padding: 70px 0 0 0; text-align: center; background: #000 url(../images/footerBg.jpg) no-repeat top center; }
#mainFooter .content { margin: 0 auto; width: 990px }
#mainFooter .content .axologo{ float: left; width: 90px; height: 30px; background: #000 url(../images/axoLogo.gif) no-repeat top center }
#mainFooter .content .links{ float: right; padding: 10px 0 0 0 }

/* ------------------------------------------------------ */
/*			- colLeft -   			           */
/* ------------------------------------------------------ */

#colLeft {
	position:relative;
	float:left;
	display:inline;
	width:210px;
	margin:0 30px 0 15px;
}
#menuLeft {
	position:relative;
	float:left;
	display:inline;
	width:210px;
	margin:96px 0 0 0;
}
#menuLeft li{
position:relative;
float:left;
width:210px;
}
#menuLeft a{
	text-decoration:none;
	display:block;
	overflow:hidden;
	background:right top no-repeat;
}
#menuLeft a:hover,
#menuLeft a.trigered,
#menuLeft a.rubrique_active{
	background-position:right bottom;
}
#menuLeft a span{
	display:none;
}
#menuLeft li.bt1{height:46px;}
#menuLeft li.bt2{height:50px;}
#menuLeft li.bt3{height:45px;}
#menuLeft li.bt4{height:51px;}
#menuLeft li.bt5 {
	height:51px;
}
#menuLeft a.bt1{background-image:url(../images/bt1.gif); height:46px;}
#menuLeft a.bt2{background-image:url(../images/bt2.gif); height:50px;}
#menuLeft a.bt3{background-image:url(../images/bt3.gif); height:45px;}
#menuLeft a.bt4{background-image:url(../images/bt4.gif); height:51px;}
#menuLeft a.bt5 {
	background-image:url(../images/bt5.png);
	height:46px;
}

/* ------------------------------------------------------ */
/*			- @bloc : mainContent -   			           */
/* ------------------------------------------------------ */
#mainContent { width: 960px; padding: 0; margin: 0 auto; z-index:20;}
#mainContentPage { width: 990px; padding: 0; margin: 0 auto; z-index:20; background: url(../images/bg-page.jpg) no-repeat top center;}
#mainContent a.forSale { display: block; width: 303px; height: 40px; margin: 15px auto; padding: 25px 0 0  35px; background: transparent url(../images/forSaleBg.gif) no-repeat 0 0; font-size: 15px }
#mainContent div.brandTitle {
	width: 400px;
	height: 70px;
	background: transparent url(../images/brandTitleBg.gif) no-repeat 0 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 15px;
	margin-left: -20px;
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 15px;
}
#mainContent div.brandTitle h1 { font-size: 18px }
#mainContent div.brandTitle p { font-size: 14px }
#mainContent .col1 { float: left; position:relative; width: 530px; padding: 0 20px 0 35px; background: transparent url(../images/mainContentBg.png) no-repeat 0 0 }
#mainContent .col1 p { text-align: justify }
#mainContent .col2 { float: left; position:relative; width: 360px; background: transparent url(../images/mainContentBg.png) no-repeat 0 0 }
#diapoFlash { 
width: 320px;
height:320px;
position:absolute;
z-index:70;
top:23px;
left:39px;}
#content {
	position:relative;
	float:left;
	display:inline;
	width:695px;
	margin:66px 0 0 0;
}

/* ------------------------------------------------------ */
/*			- couleurs polices et liens -   		    */
/* ------------------------------------------------------ */
.fontColor1 { color: #fff } /* blanc #fff */
.fontColor2 { color: #626262 } /* gris fonce #626262 */
.fontColor3 { color: #006aae } /* bleu #006aae */
.fontColor4 { color: #2a2a2a } 
.fontSize12 { font-size: 12px }
.fontSize13 { font-size: 13px }
.fontSize14 { font-size: 14px }
a.linkColor1a, a.linkColor1a:hover { color: #006aae; text-decoration: none } /* bleu #006aae */
a.linkColor1b { color: #006aae; text-decoration: underline }
a.linkColor1b:hover { color: #006aae; text-decoration: none } /* bleu #006aae */
a.linkColor2a, a.linkColor2a:hover { color: #2a2a2a; text-decoration: none } /* bleu #006aae */

/***************** STYLE CONTENU *****************/
#content h1{
font:bold 18px Arial, Helvetica, sans-serif;
color:#0084e1;
letter-spacing:1px;
margin:0 0 25px;
}
#content h2{
font:bold 16px Arial, Helvetica, sans-serif;
color:#939393;
letter-spacing:1px;
margin:0 0 20px;
}
#content p{
	text-align:justify;
	color:#fff;
	margin-bottom:1.2em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 1.3em;
}
#content p em{
font-weight:bold;
font-size:12px;
line-height:1.3em;
}
#content p.couleur, span.couleur{
font-weight:bold;
color:#939393;
}
#content a:link, #content a:visited{
font-weight:bold;
text-decoration:underline;
color:#0084e1;
}
#content a:hover, #content a:active{
color:#fff;
}
/* ------------------------------------------------------ */
/*			- blocs utils -   			 	 				  */
/* ------------------------------------------------------ */
.clearer { clear:both }
.displayNone { display:none }
.hidden { visibility:hidden }
.spacer10 { height:10px }
.spacer50 { height:50px }