/* CSS Document */

body{
	margin:0pt auto;
	background:url(images/pattern.jpg) repeat-x #886e57;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}
div, h1, h2, p, form, label, input, textarea, img, span{
	margin:0; 
	padding:0;
	border:0px;
}

h1{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#fff0cf;
	font-weight:bold;
}
h2{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:17px;
	color:#004677;
	font-weight:bold;
}
h3{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#fff0cf;
}
p{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#d5c08b;
	line-height:16px;
}

a:active {color: #fff0cf}
a:link {color: #fff0cf}
a:visited {color: #fff0cf}
a:hover {color: #fff0cf}


ul,li{
	margin:0; 
	padding:0; 
	list-style-type:0px;
	font-size:0;
	line-height:0px;
}

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

#container{
	margin:0pt auto;
	width:880px;
	background:url(images/bg_pattern_gauche.jpg) repeat-y left;
}

#Logo{
	width:267px;
	height:108px;
	float:left;
	background:url(images/logo.jpg) no-repeat;
}
#Button_logo{
	width:267px;
	height:108px;
	float:left;
	cursor:pointer;
}
#Logo_ov{
	width:50px;
	height:20px;
	float:right;
	margin:30px 30px 0 0!important;
	margin:30px 15px 0 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	display:none;
}

#Banner{
	width:613px;
	height:263px;
	float:left;
}

#Menu{
	float:left;
	width:267px;
	height:400px;
}
#Menu ul{ margin-top:70px;}

#Content{
	float:left;
	width:613px;
	background:url(images/bg_general_content.png) repeat-y!important;
	background:url(images/bg_general_content.gif) repeat-y;
	min-height:350px;
	height:auto!important;
	height:350px;
}
#Content p{
	margin-top:15px;
}
#Titre{
	width:595px;
	height:45px;
	background:url(images/bg_titre.jpg)
}

#Left{ 
	float:left; 
	width:267px; 
	min-height:676px;
	height:auto!important;
	height:676px;
}

#LeftContent{ 
	float:left; 
	width:267px; 
	background:url(images/bg_gauche.jpg) no-repeat;
	height:676px;
}

#Partenaire{ float:left; text-align:center; width:267px;}

#Right{float:left; width:613px;}

#Coordonnee{ float:left; width:613px; height:37px; }
#Coordonnee p{ margin-top:10px; font:12px; text-align:right; color:#d3be8a; }
#Footer{
	clear:left;
	width:613px;
	margin:0pt auto;
	margin-bottom:10px;
	text-align:center;
	padding-top:10px;
}

/* bottom navigation links */
a.bottom:active {  font-family:Arial, Verdana, sans-serif; font-size: 11px; color: #d3cbb6;font-weight:400;}
a.bottom:link {  font-family:Arial, Verdana, sans-serif; font-size: 11px; color: #d3cbb6;font-weight:400; }
a.bottom:visited {  font-family:Arial, Verdana, sans-serif; font-size: 11px; color: #d3cbb6;font-weight:400;}
a.bottom:hover {  font-family:Arial, Verdana, sans-serif; font-size: 11px; color: #d3cbb6;font-weight:400; }
.Footer{font-family:Arial, Verdana, sans-serif; font-size: 11px; color: #d3cbb6;font-weight:400;margin:0pt auto; }

/* #####################
		ACCUEIL
   #####################*/
#Acc_Top{ width:613px; height:238px;}
#Acc_Btn{ float:left; width:364px; height:238px;}

#Acc_Subscribe{ float:left; width:249px; height:112px; background:url(images/bg_acc_subscribe.jpg) no-repeat;}
#Acc_Subscribe Input, #Subscribe Input{ margin:72px 0 0 15px;}
#Acc_Subscribe .acc_merci{ text-align:center; color:#FFFFFF; font-weight:bold;}
#Subscribe{ float:left; width:245px; height:97px; background:url(images/bg_subscribe.gif) no-repeat;margin:10px 0 10px 10px!important;margin:10px 0 0px 5px;}
#Subscribe Input{ margin:60px 0 0 15px;}

#Acc_Produit{float:left; width:249px; height:126px; background:url(images/bg_acc_produit.jpg) no-repeat;}
#Acc_Produit p{ font-size:10px; line-height:12px; color:#624533; margin-top:20px; margin-bottom:4px; }

#Acc_Bottom{float:left; width:613px; height:219px; background:url(images/bg_acc_services.jpg) no-repeat;}
#Acc_Bottom p{ margin:13px 15px 0 30px; color:#fff0cf;}
#Acc_Bottom .topSpacer{ margin-top:55px;}
#Acc_BottomImg{margin:3pt auto; width:100%}
#Acc_Bottom a:active {color: #d5c08b}
#Acc_Bottom a:link {color: #d5c08b}
#Acc_Bottom a:visited {color: #d5c08b}
#Acc_Bottom a:hover {color: #d5c08b}

/* #####################
		Expert
   #####################*/  
   
#Expert .Montage{
	background:url(images/img_expert_montage.gif) no-repeat right;
	width:185px;
	height:121px;
	float:right;
}
#Expert h1{
	margin-top:15px;
}
#Expert h3{
	font-size:13px;
	color:#d5c08b;
}
#Expert p{
	color:#d5c08b;
}
   
/* #####################
		SERVICES
   #####################*/
#Services ul,#Services li{
	margin:2px 0 0 10px;
	line-height:14px;
	font-size:12px;
	color:#d5c08b;
}
#Services ul{ list-style-image:url(images/puce.gif);}
#Services h3{
	line-height:15px;
	margin:20px 0 0 3px;
}

#Services p{
	color:#fffefb;
}

/* #####################
		PRODUIT
   #####################*/   

#ContentProduits{
	float:left;
	width:613px;
	min-height:350px;
	height:auto!important;
	height:350px;
}
#ContentProduits p{
	margin-top:15px;
}


#MietteDePain{ font-size:16px; color:#ecd9aa; font-weight:bold; margin:40px 0 0 15px;}
#MietteDePain a:active {color: #ecd9aa}
#MietteDePain a:link {color: #ecd9aa}
#MietteDePain a:visited {color: #ecd9aa}
#MietteDePain a:hover {color: #ecd9aa}

#Details{  float:left;width:100%!important;width:98%;border:2px solid #000000;background-color:#968762; margin-top:30px;min-height:300px;height:auto!important;height:300px;}
#DetailImages{border:2px solid #000000; float:left; margin:20px 0px 20px 20px!important; margin:12px 0px 12px 12px; width:260px; height:260px; background-color:#766a4e;text-align:center;}
#DetailImages img{ }
#DetailText{  float:right;background-color:#4b4331; color:#FFFFFF; width:299px!important; width:293px; padding:15px!important;padding:10px;margin-top:20px;}
#DetailText p, #DetailText h1{ color:#FFFFFF}
#DetailBouton{ float:right; width:299px; text-align:center; margin-top:10px;}
		
#TopNav{ float:left; width:580px;margin:30px 20px 0 20px!important;margin:30px 5px 0 5px; color:#FFFFFF;}
#Order{ float:left;}
#Order Select{ margin:0; padding:0; text-align:center;}
#Navigation{ float:right;}
#productList{float:left; width:580px!important;width:580px;margin:0 20px 0 25px!important;margin:0 5px 0 5px;}
.Thumb{ border:1px solid #463123; float:left; width:105px; height:105px; margin:5px 4px 0 4px; }
#Thumbnails{float:left; width:320px; margin-top:10px; margin-left:7px;}
#Thumbnails img{ border:3px solid #000; margin:5px;}

#ZoomContainer{ border:5px solid #000; width:520px; margin:0pt auto; min-height:650px; height:auto!important; height:650px;
}
#ZoomContainer img{ float:left; margin-bottom:15px;}
#ZoomThumb{margin:0pt auto; clear:left;}
#ZoomThumb .Thumb{ border:3px solid #000; width:90px; height:90px;}

#Note{ margin:15px 10px 0 20px;}
/* #####################
		FORMULAIRE
   #####################*/
#Contact .pale{color:#fffefb;}
#Contact p, #Contact td{
	color:#d5c08b;
}
.coordonnee{ font-weight:bold; text-align:center;}
.map{ float:right;  margin-left:30px;}
Input,textarea,select{
	border:1px solid #000;
	margin-bottom:5px;
	margin-top:2px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 8pt; 
	padding:2px 2px 0 5px;
}
Input{ background:url(images/bg_input.gif) repeat-x #FFFFFF; width:180px; height:16px;}
textarea{ background:url(images/bg_area.gif) repeat-x; width:500px; height:58px;}
select{ width:220px;height:18px;background:url(images/bg_input.gif) repeat-x #FFFFFF;}


label {
	margin:0 0 0 15px;
}

.Rouge{
	color:#00fcff;
}

.message{
	color:#00fcff;
	float:right;
}

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

.FormChoix{ background-color:#937d5c; border:1px solid #000000; width:500px; margin-top:15px;}
Body .FormChoix{ padding:0 10px 0 10px;}

#Contact .Montage{
	background:url(images/img_rendezvous_montage.gif) no-repeat right;
	width:187px;
	height:123px;
	float:right;
	margin-left:8px;
}

#Emplois .Montage{
	background:url(images/img_emplois_montage.gif) no-repeat right;
	width:185px;
	height:122px;
	float:right;
	margin-left:8px;
}
#Emplois p, #Emplois td{
	color:#d5c08b;
}

.droiteCarte{
	text-align:right;
}

#pspecial br{
	line-height:1px;
}


/* #####################
		UNIVERSEL
   #####################*/
.pale{color:#fffefb;}
.MargeContent{ width:550px; margin-left:55px;}

.clearFloat{ clear:left; margin:0; padding:0}
.bottomSpacer{margin-bottom:20px;}
.topSpacer{margin-top:20px;}
.leftSpacer{margin-left:20px; float:left;}
.Float{ float:left;}
/* ############ 
	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 */