body,a,input{
	font-family: arial, Helvetica,sans-serif;
	color:#666;font-size:12px;
}
body{
	margin:0px;padding:0px;
	background-color:#d3d3d3;
	background-image:url(../gfx/bg.png);
	background-repeat:repeat-x;
	*text-align:center;
	position:relative;
}
a{
	text-decoration:none;
}
img{
	border:none;
}

/* HEADER =========================== */


#header{
	margin:0px auto;padding:0px;
	height:101px;width:100%;
	position:absolute;top:0px;left:0px;
	z-index:500;
	background-image:url(../gfx/bgHeader.png);
	background-repeat:repeat-x;
}
#headerContent{
	margin:0px auto;padding:0px;
	width:1000px;
	*text-align:left;
}
#nav{
	margin:0px;padding:0px;margin-left:300px;
	width:589px;height:43px;
}
#nav li{
	margin:0px;padding:0px;
	position:relative;
	z-index:510;
	list-style:none;
	width:187px;height:43px;
}
#presentationOssatureBois{
	top:-65px;left:0px;
}
#realisationOssatureBois{
	top:-108px;left:202px;
}
#contactOssatureBois{
	top:-151px;left:403px;
}
#qualibat{
	position:relative;
	top:-166px;left:922px;
	width:77px;height:101px;
}
/* S3 SLIDER ==================================================== */

#s3slider {
   margin:0px auto;padding:0px;
   width: 1000px; /* important to be same as image width */
   height: 302px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
   z-index:400;
}

#s3sliderContent {
   margin:0px;padding:0px;
   width: 1000px; /* important to be same as image width or wider */
   position: relative; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
}

.s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}

.s3sliderImage span {
   position: absolute; /* important */
   left: 0;
   font: 10px/15px Arial, Helvetica, sans-serif;
   padding: 0px; /* === CM ==== A Modifier pour faire apparaitre le texte en surimpression */
   width: 0px; /* === CM ==== A Modifier pour faire apparaitre le texte en surimpression */
   background-color: #000;
   filter: alpha(opacity=70); /* here you can set the opacity of box with text */
   -moz-opacity: 0.7; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
   opacity: 0.7; /* here you can set the opacity of box with text */
   color: #fff;
   display: none; /* important */
   top: 0;

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}

.clear {
   clear: both;
} 
/* CONTENU =========================== */
#contenuContener{
	margin:0px;padding:101px 0px 0px 0px;
	*text-align:center;
}
#contenu{
	margin:0px auto;padding:20px 0px 0px 0px;
	width:1000px;
	*text-align:left;
}
.data{
	padding:40px 40px 40px 40px;
}
/* FOOTER =========================== */
#footer{
	margin:0px;padding:0px;
	text-align:center;
}
#footer a,#footer{
	margin:0px;padding:10px 0px 0px 0px;
	font-size:11px;
	color:#602021;
}

/* CLEAR FIX ========================= */
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
.clearfix {
	display: block;
}
/* End hide from IE-mac *

/* PAGE INTERIEURES ==================== */
#visuel{
	margin:0px;padding:0px;
	height:302px;
}
#visuel img{
	width:1000px;height:302px;
}

/* FICHE ==================== */
#fiche1{
	width:992px;
	background-image:url(../gfx/fiche1.png);
	background-repeat:no-repeat;
	}
#fiche2{
	width:992px;
	background-image:url(../gfx/fiche2.png);
	background-repeat:repeat-y;
}
#fiche3{
	width:992px;
	height:37px;
	background-image:url(../gfx/fiche3.png);
	background-repeat:repeat-y;
}
.article{
	float:left;
	width:650px;
}
.titreArticle{
	margin-bottom:5px;
}
.visuel{
	margin:2px 15px 10px 0px;
	width:300px;
}
.article p{
	margin:0px;padding:0px 0px 10px 0px;
	font-size:13px;
	text-align:justify;
}
.navArticle{
	margin:30px 0px 0px;padding:0px;
	float:right;
	width:170px;
}
.navArticle div a{
	color:#602020;
	font-weight:bold;
}
.navArticleTop{
	border-bottom:solid 1px #BCBCBC;
	padding-bottom:12px;
}
.navArticleBottom{
	padding-top:12px;
}
.plus{
	display:block;
	text-align:right;
	font-size:10px;color:#666;
}
.blocGaucheArticle{
	float:left;
	height:320px;
	margin-bottom:5px;
}