/* CSS Document */

body{
	margin:0pt auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
div, h1, h2, h3, h4, p, form, label, input, textarea, img, span, ul, li{
	margin:0; 
	padding:0;
	border:0px;
}

h1{
	font-family:"Garamond";
	font-size:15px;
	color:#eeeae7;
	text-transform:uppercase;
	font-weight:bold;
	margin:12px 0 0 6px;
}

h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#FFF;
	margin:12px 0 0;
}
h3{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#FFF;
	font-style:italic;
	margin:12px 0 0;
}
p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFF;
	line-height:16px;
}

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


/* #####################
		TEMPLATE
   #####################*/
#Container{
	margin:0pt auto;
	width:942px;
	position:relative;
}
#Top{	
	float:left;
	width:942px;
	height:126px;
}

#Logo{
	float:left;
	width:222px;
	height:126px;
	background:url(images/logo-labrulerie.gif) no-repeat;
}

#Button_logo{
	float:left;
	cursor:pointer;
	width:222px;
	height:126px;
}
#Logo_ov, #Logo_en_ov{
	float:left;
	height:12px;
	width:48px;
	margin:71px 0 0 144px;
	display:none;
}
#Logo_ov{ background:url(images/logo_accueil.gif) no-repeat;}
#Logo_en_ov{ background:url(images/logo_accueil_en.gif) no-repeat;}

#Main_Menu{ 
	float:left;
	width:720px;
	height:107px;
}
	#Main_Menu ul{float:left;}
	#Main_Menu ul li{ float:left; display:inline;}
	#Langue{	
		float:right;
		height:51px;
		width:50px;
		padding:2px 0 0;
		margin:0;
		background:url(images/menu-bg-right.png) no-repeat;
		font-family:"garamond";
		font-size:8px;
		font-weight:bold;
		text-transform:uppercase;
	 	color:#7e7369;
	}
	#Langue a{ color:#7e7369; text-decoration:none; padding:0 4px 4px 0;}


#Content{
	float:left;
	width:897px;
	min-height:420px;
	height:auto!important;
	height:420px;
}
#Left{
	float:left;
	width:222px;
}	

	#Historique, #Detaillant{ float:left; width:222px; height:86px; margin:10px 0 0;}
	#PauseCafe{ float:left; width:222px; height:116px; margin:10px 0 0;}
	#Coordonnee{ 
		float:left; 
		width:222px;
		height:112px;
		margin:10px 0 0;
		border:2px solid #2a1b12;
	}
		#Coordonnee #SubCoordonneeLeft{ float:left; width:50%; height:100%; background-color:#100c0a;}
		#Coordonnee #SubCoordonneeRight{ float:left; width:50%; height:100%; background-color:#060504; }
		#Coordonnee #SubCoordonneeLeft p, #Coordonnee #SubCoordonneeRight p{color:#FFF; font-size:10px; line-height:13px; margin:10px 0 0 10px;}

#MainContent{ float:left; width:652px; margin:0 0 20px 23px; min-height:359px; height:auto!important; background-color:#FFF;}
#RealMainContent{ float:left; width:640px; min-height:347px; margin:6px; height:auto!important; background-color:#2b1b14;}
#MainContent p{
	margin:13px 20px 0 15px;
	line-height:15px;
}
#MainContent h2{ margin-left:15px;}
#EvenementTeaser{
	float:left;
	clear:left;
	width:251px;
	height:290px;
	background:url(images/evenement-bg-teaser.gif) no-repeat;
	margin:60px 0 0;
}
#SpecialAcc{
	float:right;
	width:510px;
	margin:55px 70px 105px 0;
}
#SpecialAcc p{ margin-top:12px; color:#000;}
#SpecialAcc a{ color:#836a42;}
#FooterAccueil{
	float:right;
	width:645px;
}
#FooterAccueil p, #Footer p{ line-height:13px;}
#FooterAccueil p.p12 a, #Footer p.p12 a{ font-size:12px;}
#FooterAccueil p.p11{ margin:12px 0;}
#Footer p.p11{ margin:0 0 12px 0;}
#FooterAccueil p.p11 a, #Footer p.p11 a{ font-size:11px;}


#Footer{
	padding-top:50px;
	clear:left;
	width:897px;
	background:url(images/bg_footer.gif) no-repeat;
	bottom:0;
}

/* bottom navigation links */
a.bottom:active {  font-family:Arial, Verdana, sans-serif; font-size: 12px; color: #000;font-weight:400; text-decoration:underline;}
a.bottom:link {  font-family:Arial, Verdana, sans-serif; font-size: 12px; color: #000;font-weight:400;  text-decoration:underline;}
a.bottom:visited {  font-family:Arial, Verdana, sans-serif; font-size: 12px; color: #000;font-weight:400; text-decoration:underline;}
a.bottom:hover {  font-family:Arial, Verdana, sans-serif; font-size: 12px; color: #000;font-weight:400;  text-decoration:underline;}
.Footer{font-family:Arial, Verdana, sans-serif; font-size: 12px; color: #000;font-weight:400;margin:0pt 0 10px 50px; text-align:center; margin-top:20px; }
.AddMargin{ margin-top:60px;}

a#fb_link{color:#000000;}
a#fb_link:link{text-decoration:none; color:#000000; margin-bottom:3px;}
a#fb_link img{border:0; margin-right:4px; margin-bottom:-3px;}
a#fb_link:hover{text-decoration:underline; color:#000000;}
/* 
##########################
##########################
		PRODUITS
########################*/
#Produits_liste{ margin:12px 0 20px 23px;}
#Commandez{ float:left; width:364px; height:440px; margin:10px 0 10px 15px; background:#000; border:2px solid #9e7f5d;}
/* #####################
		EVENEMENTS
   #####################*/
#navigation{color:#FFFFFF;float:right; margin:20px 25px 0 0;}   
.navigation_produitsBas{ font-weight:bold;}
#EvenementsListe{ float:left; width:630px;}   
.EvenementsDetail{ float:left; margin:10px 0 0 40px; width:580px; background:#1a100b;}   
.EvenementsDetail img{ float:left; margin:0 12px 0 -30px; border:solid 1px #f9f9f9;}
.EvenementsDetail h2, .EvenementsDetail p, .EvenementsListe p{ margin:12px 0 0; font-weight:bold; color:#eeeae7;}
.EvenementsDetail p{ font-weight:400; padding-bottom:15px;} 
.EvenementsListe{ float:left; margin:15px 0 0 45px; width:265px; height:90px; background:#1a100b;}
.EvenementsListe img{ float:left; margin:0 12px 0 -15px; border:solid 1px #bcb8b6;}

#EvenementsListe a{ color:#FFF; text-decoration:none;}

#EvenementsTeaser{ float:left; margin:65px 0 0 18px; width:207px; height:220px; overflow:hidden;}
#EvenementsTeaser img{ margin:0; border:solid 1px #8d8372; width:205px;}
#EvenementsTeaser h3{ font-size:12px; font-weight:bold; text-transform:uppercase; margin:4px 0 0; color:#d6cbba;}
#EvenementsTeaser p{ font-size:11px; margin:20px 0 0; color:#d6cbba;}
#EvenementsTeaser a{ color:#FFF; text-decoration:none;}



/* #####################
		POINT DE VENTE
   #####################*/
#AlphabeticOrder{ 
	background-color:#473127;
	margin:7px 0 0 15px;
	padding:3px 5px 4px;
	width:570px;
}
#AlphabeticOrder a{ color:#FFF; margin:5.5px; text-decoration:underline; font-size:16px;}
#AlphabeticOrder a.selected{color: #c3342f; font-weight:bold;}

.CarteAffaires{ width:590px; margin:20px 20px 0; float:left;}
#MainContent .CarteAffaires h2{ font-size:20px; text-transform:uppercase; font-weight:bold; float:left; margin:0;}
.CarteAffaires .Sort{ float:right;}
#MainContent .CarteAffaires .Sort p{ font-size:11px; color:#d5d0c6; font-weight:bold; display:inline; margin:0 8px 0 0;}
.CarteAffaires .Sort Select{ width:180px; height:19px; margin:0;}
.CarteAffaires hr{ background:none; border:1px solid#886454; margin:0; padding:0; clear:left;}
.CarteAffaires .CarteAffaire{ 
	background:url("images/vente_bg_carte_affaire.jpg") no-repeat scroll 0 0 transparent;
	float:left;
	height:107px;
	margin-top:15px;
	padding:8px 15px 0;
	width:156px;
}
.CarteAffaires .CarteAffaire h3{ font-size:14px; font-weight:bold; color:#000; line-height:14px; text-transform:uppercase; margin:0;}
.CarteAffaires .CarteAffaire h4{ font-size:12px; color:#000; font-style:italic; line-height:13px; margin:0; font-weight:400;}
#MainContent .CarteAffaires .CarteAffaire p{font-size:12px; color:#000; line-height:13px; margin:0;}




/*#####################
	  LA Brulerie Cafe Form
   #####################*/
   
.form{ float:left; color:#c1b299; font-size:11px; text-transform:uppercase; padding:15px 15px 0;}   
.form input, .form select{ margin-bottom:0px;}   
/*#####################
		FORMULAIRE
   #####################*/
#Contact{float:left; width:540px; margin:25px 35px 0 0px;}


#ContactCoordonnee {
	float:left;
	height:210px;
	margin:8px 0 15px 22px;
	width:600px;
}
#Map{ float:left; height:210px; width:281px; margin:0;}
#Map .Bouton{height:27px; margin:-205px 0 0 160px; width:103px;}

#adresse, #ouverture{ float:left; width:125px; margin-top:10px;}
#adresse{ height:154px; background-color:#473127; border-right:1px solid #645752; padding:18px 15px;}
#ouverture{ height:160px; background-color:#4f3930; padding:30px 15px 0;}
#adresse p, #ouverture p{ font-size:11px; margin:12px 0 0;} 
.Telephone{ font-size:19px; font-weight:bold;}

#Formcontact{
	width:620px; 
	margin:0; 
	margin-bottom:10px;
}
	


#Formcontact table{color:#FFF;  padding:15px 15px 0 15px; float:left;}
table td{ vertical-align:top; font-size:11px; font-weight:bold;}
table td p{ font-size:11px; font-weight:bold;}
#Formcontact table table{ padding:15px 0 0;}
#Formcontact .Question{ text-transform:uppercase;}

Input,textarea,select{
	border:1px solid #acacac;
	margin-bottom:15px;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 9pt; 
	padding:2px 2px 0 5px;
}
Input{ width:240px; height:18px; clear:left;}
input[type=radio], input[type=checkbox] { width:12px; height:12px; background-color:transparent; border:none;}

textarea{width:530px; height:80px;}
select{ width:255px;height:20px;}

label {	margin:0 0 0 15px;}

.error{
	color:#ff0000;
	float:right;
	margin-right:15px!important;
	margin-right:0px;
	padding:0!important;
	padding:10px;
}
.Chk{ width:12px; height:12px; margin:2px; padding:0; background:inherit; border:none;}

.Message{color:#d63838;}
#Contact strong{float:left;}

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

.Reponse{ font-size:11px; color:#aaaaaa;}
/* #####################
		RECAPTCHA
   #####################*/
#recaptcha_table{ background-color:#FFF; padding:20px;}
#recaptcha_logo, #recaptcha_tagline{ display:none;}
#recaptcha_widget_div{ width:400px;}
#recaptcha_area {
padding:8px 0 5px 0px;
width:380px;
margin-top:10px;
}
.recaptchatable #recaptcha_response_field { height:14px; font-size:10px;}



/* #####################
		UNIVERSEL
   #####################*/
.UPPER{ text-transform:uppercase;}
.Black{ font-family:"Arial Black", Gadget, sans-serif;}
.Bold{ font-weight:bold;}
.Italic{ font-style:italic}
.clearFloat{ clear:both; margin:0; padding:0}
.FloatLeft{ float:left;}
.FloatRight-20{ float:right; margin:0px 20px 0 0;}
.FloatRight{ float:right; clear:right;}