/* CSS Document */

body{
	margin:0pt auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background:url(images/bg_pattern.gif) repeat-y center top;
}
div, h1, h2, h3, p, form, label, input, textarea, img, span{
	margin:0; 
	padding:0;
	border:0px;
}

h1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#0096d7;
}
h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#FFF;
	font-weight:bold;
	text-transform:uppercase;
}
h3{
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
	color:#FFF;
}
p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	line-height:16px;
}

a:active {color: #FFF; text-decoration:underline;}
a:link {color: #FFF; text-decoration:underline;}
a:visited {color: #FFF; text-decoration:underline;}
a:hover {color: #FFF; text-decoration:underline;}


/* #####################
		TEMPLATE
   #####################*/

#Container{
	margin:0pt auto;
	width:954px;
	min-height:768px;
	height:auto!important;
	height:768px;
	background:url(images/main_bg.jpg) no-repeat #210800 center top;
}

#Top{	
	float:left;
	width:899px;
	height:179px;
	margin-left:38px!important;
	margin-left:20px;
}
#Banner{
	width:899px;
	height:132px;
	float:left;	
	background:url(images/banner.png) no-repeat!important;
	background:url(images/banner.gif) no-repeat;
}
#Button_logo{
	cursor:pointer;
	float:left;
	width:285px;
	height:115px;
	margin:12px 0 0 10px!important;
	margin:12px 0 0 0px;
	text-decoration:none;
}
#Logo_ov{
	float:left;
	width:50px;
	height:20px;
	font-weight:bold;
	font-size:11px;
	display:none;
	margin:65px 0 0 163px!important;
	margin:65px 0 0 88px;
	text-decoration:none;
}


#Main_Menu{ float:left;height:47px;}
#Main_Menu ul{ margin:0; padding:0; list-style-type:none;}
#Main_Menu li{ height:47px; display:inline;}


#Content{
	float:left;
	min-height:350px;
	height:auto!important;
	height:350px;
	margin-left:51px!important;
	margin-left:28px;
}
#Content p{
}


#Left{ 
	float:left; 
	width:227px; 
}
#Coordonnee{ float:left; width:227px; height:197px; background:url(images/bg_coordonnee.gif) no-repeat;}
#Coordonnee_en{float:left; width:227px; height:197px; background:url(images/bg_coordonnee_en.gif) no-repeat;}
#Coordonnee p, #Coordonnee_en p{ font-size:15px; font-weight:bold; color:#FFF; margin:45px 0 0 26px; line-height:18px;}
#Coordonnee .Telephone, #Coordonnee_en .Telephone{font-size:25px; font-weight:bold; color:#FFF; line-height:28px; margin-top:22px;}
#FastLink{ float:left; width:227px;}

#Main{
	float:left;
	width:599px;
	min-height:350px;
	height:auto!important;
	height:350px;
	margin-left:28px;
}


#Main_content{ 
	float:left;
	width:539px; 
	background-color:#301607; 
	padding:20px 30px 30px 30px;
	
    filter: alpha(opacity=90); /*older IE*/
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90); /* IE */
    -moz-opacity: .90; /*older Mozilla*/
    -khtml-opacity: 0.9;   /*older Safari*/
    opacity: 0.9;   /*supported by current Mozilla, Safari, and Opera*/
}
#Main h1{ 
	font-family:Arial Black; 
	font-size:18px; 
	color:#FFF; 
	margin-top:12px; 
	text-align:center;
	text-transform:uppercase;
	padding:6px 6px 0 6px;
	height:50px;
	background-color:#571500;
    filter: alpha(opacity=90); /*older IE*/
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90); /* IE */
    -moz-opacity: .90; /*older Mozilla*/
    -khtml-opacity: 0.90;   /*older Safari*/
    opacity: 0.90;   /*supported by current Mozilla, Safari, and Opera*/
}
#Main .jaune{ float:right; color:#f9b94f; font-size:12px; margin-right:25px;line-height:10px; text-decoration:none;}
#Main_content p{ margin-top:15px; line-height:15px; color:#FFF;}


#Footer{
	margin:0pt auto;
	clear:left;
	width:686px;
	margin:0pt auto;
	text-align:center;
	padding-top:40px;
	margin-bottom:5px;
}
/* bottom navigation links */
a.bottom:active {  font-family:Arial, Verdana, sans-serif; font-size: 11px; color: #FFF;font-weight:400; text-decoration:underline;}
a.bottom:link {  font-family:Arial, Verdana, sans-serif; font-size: 11px; color: #FFF;font-weight:400;  text-decoration:underline;}
a.bottom:visited {  font-family:Arial, Verdana, sans-serif; font-size: 11px; color: #FFF;font-weight:400; text-decoration:underline;}
a.bottom:hover {  font-family:Arial, Verdana, sans-serif; font-size: 11px; color: #FFF;font-weight:400;  text-decoration:underline;}
.Footer{font-family:Arial, Verdana, sans-serif; font-size: 11px; color: #FFF;font-weight:FFF;margin:0pt auto; }


/* #####################
		SERVICES
   #####################*/
#ServicesSciage{float:left; width:257px; height:299px; background:url(images/service_sciage.gif) no-repeat; cursor:pointer;}
#ServicesConstruction{float:left; width:238px; height:299px; background:url(images/service_construction.gif) no-repeat; cursor:pointer;}
#ServicesBillots{float:left; width:257px; height:248px; background:url(images/service_billots.gif) no-repeat; cursor:pointer;}
#ServicesLivraison{float:left; width:238px; height:248px; background:url(images/service_livraison.gif) no-repeat; cursor:pointer;}
#ServicesSciage_en{float:left; width:257px; height:299px; background:url(images/service_sciage_en.gif) no-repeat; cursor:pointer;}
#ServicesConstruction_en{float:left; width:238px; height:299px; background:url(images/service_construction_en.gif) no-repeat; cursor:pointer;}
#ServicesBillots_en{float:left; width:257px; height:248px; background:url(images/service_billots_en.gif) no-repeat; cursor:pointer;}
#ServicesLivraison_en{float:left; width:238px; height:248px; background:url(images/service_livraison_en.gif) no-repeat; cursor:pointer;}

#Main_content .Services p{ width:215px; margin:192px 0 0 8px; text-decoration:none;}

/* #####################
		PRDUITS
   #####################*/
.ProduitsDetail{ float:left; margin-right:25px; width:161px; margin-bottom:10px;}
.ProduitsDetailLast{ float:left; margin-right:0px; width:161px;margin-bottom:10px;}
.ProduitsDetail img, .ProduitsDetailLast img{ float:left; width:161px; }
#Main_content .ProduitsDetail p, #Main_content .ProduitsDetailLast p{ float:left; width:161px; color:#ff8400; font-size:14px; text-align:center; margin-top:6px; margin-bottom:18px; text-decoration:underline;}

/* #####################
		FORMULAIRE
   #####################*/
table{color:#FFF;}

#Map{float:left; width:539px; margin-top:15px; margin-bottom:6px; }
#Map img{ float:left;}

#Map h3{color:#f9b94f;}

#Map .Adresse{ float:left; margin-left:20px; height:90px;}
#Map .Phones{ float:left; margin-left:60px; height:90px;}
#Map .Adresse p, #Map .Phones p{ margin-top:0; margin-bottom:15px; font-size:13px;}
#Map .Google{float:left; margin-left:20px;}





Input,textarea,select{
	border:1px solid #bababa;
	margin-bottom:15px;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 8pt; 
	padding:2px 2px 0 5px;
}
Input{ background:#cfc6bb; width:150px; height:13px; clear:left;}
textarea{ background:#cfc6bb; width:353px; height:58px;}
select{ width:160px;height:18px;background:#cfc6bb;}


label {
	margin:0 0 0 15px;
}

.error{
	color:#ff0000;
	float:right;
	margin-right:15px!important;
	margin-right:0px;
	padding:0!important;
	padding:10px;
}
.Renseignement{ width:355px;}
.Message{
	color:#ff0000;
}
#Contact strong{
	float:left;
}


div .ErrorMessage{ display: none; color: #ff0000; margin-left:15px;}

.FormChoix{ background-color:#4c2915; border:1px solid #643e28; width:360px; margin-top:15px; font-size:11px;}
Body .FormChoix{ padding:0 6px 0 6px;}


/* #####################
		UNIVERSEL
   #####################*/

.clearFloat{ clear:left; margin:0; padding:0}
.FloatLeft{ float:left; margin-right:10px;}
.Float{float:left; color:#f9b94f; text-transform:uppercase; font-size:11px; font-weight:bold;}
/* ############ 
	HACK pour stretch div dans firefox
   ############
*/

/* Fix's #container not clearing inner floats in firefox */
.floatfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

/* Hides from IE-mac \*/
* html .floatfix {
height: 1%;
}
/* End hide from IE-mac */


/* ############ 
	PNG FIX FOR IE6
   ############
*/
* html img,
* html .png{
position:relative;
behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src = "images/trans.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
);
}