@charset "UTF-8";
/* CSS Document */
body{font-family:"Times New Roman", Times, serif;}
#generale{
	margin: 20px auto 50px auto;
	width:811px;
	height:650px;
}

#header {
	width:811px;
	background-image: url(../media/images/bordure.png);
}
#tophead{
	background-image:url(../media/images/tophead.png);
	background-repeat:no-repeat;
	width:811px;
	padding: 30px 0 5px;
	margin-bottom:0;
}
#tophead a,
#tophead img{display: block; margin:0 auto;}
#tophead span{position:absolute; left:-2000px;}



/* /////////
// MENU
*/
#menu{font-family: Helvetica, Arial, sans-serif; text-transform: uppercase; font-size: 10.5px;}
#menu a{text-decoration:none; color:#000;}
#menu a:hover{text-decoration:none; color:#e2001a;}

#menu_left{padding: 25px 0 3px 31px;width: 610px; float: left;}
#menu_left li {
	background-repeat:no-repeat;
	background-position:center;
	float:left;
	position: relative;
}
#menu_left li#m5{
  display: none;
}

#menu_left li a {
	display:block;
	padding:0px;
	border:solid 1px #C1C5C4 ;
	color: #000000;
	text-decoration:none;
	background-color:#D7DCDB;
  width:64px;
  line-height:14px;
  margin-right:15px;
  text-align: center;
  font-weight: normal;
}
#menu_left li.large a {width:170px;}
#menu_left li.first a {}
#menu li.selected a{text-decoration:none; color:#e2001a;}
#menu li.selected a:hover{text-decoration:none; color:#000;}

#menu_left li ul.smc {
  position:absolute;
  background:#FFF url(../cuizines/pict/smenu_top.gif) no-repeat;
  padding : 9px 0 0;
  z-index:200;
}



#menu_left li ul.smc .smcontain{
  border:solid 1px #C1C5C4;
  border-top:0;
  background:#FFF;
  padding:7px 10px 5px 0px;
  width:300px;
}

#menu_left li ul.smc li {
  float:none;
  position:relative;
  
}

#menu_left li ul.smc li a{
  display:inline;
  border:0;
  background-color:#FFF;
  text-align:left;
  padding-left:10px;
  width:auto;
}

#menu_recrute{
	float:right; text-align: right;
	padding:30px 32px 0 0;
	width:130px;
}
#menu_recrute ul{float:right}
#menu_recrute li {display: inline;font-size: 11px;}
#recrut #menu_recrute li a {color: #e2001a;}
#recrut #menu_recrute li a:hover{color: #000;}



/* ////////////////////////
// GENERAL OK
*/
#content{
	padding:5px 31px 0px 30px;
	width:750px;
	height:400px;
	background-image: url(../media/images/bordure.png);
	position:relative;
	z-index:100;
}
#content_print{
	padding:5px 31px 50px 30px;
	width:750px;
	background-image: url(../media/images/bordure.png);
	position:relative;
	z-index:100;
}
#content #I1, #content #I2, #content #I3, #content #I4, #content #I5, #content #I6{
  position:absolute;
  text-decoration: none;
}
#content a:hover{
  /*opacity:0.9;
  filter:alpha(opacity=90);*/
}
#content #I2{
  left:193px;
}
#content #I3{
  left:193px;
  top:301px;
}  
#content #I4{
  left:340px;
  top:301px;
} 
#content #I5{
  left:488px;
}
#content #I6{
  background:#d7dcdb;
  height: 171px;
  left: 620px;
  width: 127px;
  padding: 12px 10px 5px 10px;
  border-left:solid 15px #fff;
  border-bottom:solid 15px #fff;
  overflow: hidden;
}

#content #I3 {
  float:left;
}
#content #I2 img{
  position: absolute;
  
}
#content #I2 p{
  position: absolute;
  top:230px;
  left:52px;
  width:220px;
  color: #4F4F4F;
  text-decoration: none;  
}
#content #I5 img{
  position: absolute;
  
}

#content #I5 h3{
	position: absolute;
  color: #e2001a;  text-transform: uppercase;
	font-size: 12px; font-family: Helvetica, Arial, sans-serif; font-weight:bold;
	top:312px;
  left:17px;
  width: 260px;
}

#content #I5 p{
  position: absolute;
  font-size:13px;
  top:334px;
  left:17px;
  width:232px;
  color: #4F4F4F;
  text-decoration: none;  
}

#content #I6 h3{
	color: #e2001a;  text-transform: uppercase;
	font-size: 12px; font-family: Helvetica, Arial, sans-serif; font-weight:bold;
	margin-bottom:9px;
  height: 15px;
  overflow:hidden;	
  font-style:italic;
}
#content #I6 p{
	color: #4F4F4F;
	font-size: 13px;
  height: 142px;
  overflow:hidden;	
}

#linkDoc{
  color: #FF0000;
  font-family: arial;
  font-size: 12px;
  left: 648px;
  position: absolute;
  top: 378px;
  z-index: 200;
}
#linkDoc a{
  text-decoration:none;
  color: #FF0000;
}
#linkDoc a:hover{
  text-decoration:underline;
}

.actuLayer {
  position: absolute;
  width : 127px;
  left:150px;
}

#actuSheet1{
  left:12px;
}
.actuNext{
  position: absolute;
  top:170px;
  right:10px;
}

#pix{float:left; height:390px;}

#info{
	border-top:2px #ccc solid;
	padding-top:0px;
	float:right;
	width:445px; height:388px;
	position:relative;
	border-bottom:2px #ccc solid;
	overflow: auto;
}
#info.shortContain{
  height: 365px;
  margin-bottom: 8px;
}

#entete{font-size:19px;}
#entete p{padding-bottom:1.2em;}
#entete a{color:#e2001a; }
#entete a:hover{color:#000;}
.red{color:#e2001a;}
.big{font-size:130%;}

#box.enbas{
	position:absolute; bottom:0px; left:0; padding:8px; width:427px;
	font-size:12px; border: 1px solid #000;
}



/* /////////////////////////////
// FOOTER dont LIEN CONTACT
*/
#footer{
	background: transparent url(../media/images/footer.png) no-repeat top left;
	height:27px; width:751px; padding: 35px 30px 0px 30px;
	font-size: 8px; font-family: Helvetica, Arial, sans-serif;
	position:relative;
}
#footer_contact{float:left; padding: 5px 10px 0 0;width:200px;}
#footer_contact li{border-left: 1px solid #000; padding:0 10px; display: inline;}
#footer_contact li.first{border: 0; padding-left:0;}
#footer_contact a{text-decoration: none; text-transform: uppercase; color:#000; }
#footer_contact a:hover{color:#e2001a;}

#footer_form{float: right; width:500px; text-align:right;}
#footer_form form{float:right;}
/*#footer .laissez{float:left; padding: 3px 10px 0 40px; width:372px;}*/
/*#footer .r{float:right; text-align: right; width:270px;}*/
/*#footer .left2000{position:absolute; left:-2000px;}*/

#footer fieldset{padding-bottom:6px; float: left; padding-left: 5px;}
#footer fieldset label{padding-top: 5px;text-transform:uppercase;color: #e2001a;float:left; font-size: 9px; padding-right: 10px;}
#footer fieldset input{float:left;}
#footer .it{font-size: 9px; width:180px; border: 1px solid #e2001a;}
#footer .is{vertical-align: bottom;border: 1px solid #e2001a; width: 55px;}

#form_inscribe{
	position:absolute; bottom:365px; left:42px; width:250px; padding:8px; border: 1px solid #000;
	background-color: #fff; /*outline: 10px solid #fff; */font-size: 11px;
	z-index: 1000;
}
.form_inscribe_close{margin-top:1.2em;}
.form_inscribe_close a{color:#e2001a; font-style: italic; text-decoration:none;}
.form_inscribe_close a:hover{color:#000;}
#p_messerrok_news_ok{display:none;}

#rss {
	display:none;
	padding: 0px 0 0 302px;
	position:absolute; top:-4px; left:32px; z-index: 7;
	font-family:"Times New Roman", Times, serif; font-size: 13px;
}
#rss p{
	font-size:13px; font-style: italic;height: 15px; 
}
#rss a{
	padding-left:20px; color:#000; text-decoration: none;
	background: transparent url('../media/picto/rss_icon.png') no-repeat center left;}
#rss a:hover{color: #e2001a;}



/* /////////
// HOME
*/
#homecuiz #entete{margin-top:15px;}
#homecuiz #info{border-bottom:0; overflow: visible;}



/* /////////////
// PRODUITS
*/
#livraisons #entete{margin-top:15px;margin-right: 22px;}
#livraisons #info{border-bottom:0; overflow: auto;}
#nosproduits #box h3{color:#e2001a; font-weight: bold;}
#nosproduits #box p{padding-bottom:1.2em;}



/* ///////////////
// LIVRAISONS
*/
#livraison_info{height:388px; padding-right:10px; overflow:auto;}
.encad{
	text-transform: uppercase; font: 14px Arial, sans-serif; font-weight: bold; line-height:14px;
	padding:7px; border: 1px solid #000; float:left; margin:20px 0;
}
.liv_section{padding-bottom:20px;}
.liv_section.step3,
  .liv_section.step4{font-size: 14px;}
.liv_section.step4{padding-top:20px;}
.liv_section h2, .liv_section h1{
	font: 12px Arial, sans-serif; font-weight: bold; text-transform: uppercase; 
	line-height:12px; color:#e2001a; margin-bottom:1.2em; 
}
.liv_section h1{margin-top: 10px;line-height:17px}
.liv_section h2 a, .liv_section h1 a{color:#e2001a}
.liv_section h2 a:hover,.liv_section h1 a:hover{color:#000;}
.liv_section h2.liv_pdf a, .liv_section h1.liv_pdf a{
	width:420px; height:28px; padding-top:20px; cursor:pointer; text-decoration: none; display: block;
	background: #fff url('../media/images/formulaire_pdf.gif') no-repeat bottom right;
}
.liv_section h2.liv_pdf a:hover, .liv_section h1.liv_pdf a:hover{background-position: top right;}
.liv_section h2 img, .liv_section h1 img{margin-right:7px;}

.liv_section h2 span.red, .liv_section h1 span.red{background-color:#e2001a;color:#fff;font-weight: normal;margin-right: 3px;padding: 0 3px;}

.liv_section h3{font-size: 18px; border-bottom: 1px solid #000; margin-bottom:10px;}
.liv_section p.dontforget{color:#808080; font-size:12px; padding-left:100px; margin-top:-12px; margin-bottom:5px;}

.liv_section a{font-weight:bold;color:#E2838E;}
.liv_section a:hover{color:#e2001a}


.liv_section #info ul {list-style: disc inside none;}
.liv_section #info li {display: list-item;}

.blocmoit{/* width:260px; padding:0 100px 20px 0; float:left; */ width:270px; padding:0 90px 20px 0; float:left;}
.blocmoit h4{font-size: 14px; font-weight: bold;}
.blocmoit h4 span{font-weight: normal; color:#e2001a;}
.blocmoit ul{padding-left:35px; font-style: italic; font-size: 14px;}
.blocmoit li:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.blocmoit li{display: inline-block;}
.blocmoit li{display: block;}
.blocmoit li{background: #fff url('../media/images/livraison_tiret.gif') no-repeat 0 8px; padding-left:10px;}
.blocmoit li span{margin-right:20px; float:left;}
.blocmoit li a{
	float:right; width:14px; height:14px; display: block;
	background: #fff url('../media/images/livraison_tooltip.gif') no-repeat top left;
}
.blocmoit li a:hover{background-position:bottom left;}
.notabene{color:#666; margin-bottom:35px;}

.menudujour{
	width:230px; padding:90px 30px 10px 30px; border: 1px solid #000; font-size: 14px;
	background: #fff url('../media/images/livraison_dujour_v2.gif') no-repeat 6px 10px;
}
.menudujour li{background: #fff url('../media/images/livraison_tiret.gif') no-repeat 0 8px; padding-left:10px; }

.menudujour .tip-text li.gras{font-weight:bold;}

.menudujour .tip-text li.rouge{color:#E2001A;}



/* /////////////
// ADRESSES
*/
#adresses #entete{margin-top:15px;}
.boxadress{width:427px; padding:8px; border: 1px solid #000; font-size:12px; margin-top:5px;}



/* //////////
// CARTE
*/
#info_carte{
	border-top:2px #ccc solid;
	padding-top:0px;
	float:right;
	width:445px; height:390px;
	position:relative;
	overflow: hidden;
}
#info_carte h1.notre_carte{float: left; font-size: 17px; padding: 8px 0px 2px 5px;}
#info_carte ul				{float: left;clear:right;}
#info_carte ul li			{float: left;display: inline;height:30px;line-height:30px;}
#info_carte ul li a			{text-decoration: none;float: left;display: inline;font-size: 14px;font-style:italic;padding: 12px 0px 2px 6px; color:#000000;}
#info_carte ul li a:hover	{color:#e2001a;}
#info_carte ul li.selected a{color:#e2001a;}
#info_carte ul li.selected a:hover{color:#000;}

#info_carte h1.nouveautes	{height:25px;line-height:25px;color: #e2001a;float: left;display: inline;font-size: 17px; padding: 8px 0px 0px 5px;}

#info_carte_print h1.notre_carte{ font-size: 19px; padding: 58px 0px 2px 5px;}
#info_carte_print h2{ font-size: 16px; padding: 28px 0px 2px 5px;border-bottom:solid 1px #999}

#carte{
	clear:left;
	border-top:1px #ccc solid;
	padding-top:0;
/*	float:right;*/
	width:445px; height: 334px; /*356px;*/
	position:relative;
	border-bottom:1px #ccc solid;
	overflow: auto;
}
/*#carte div{margin-right:3px; border-bottom: 1px solid #999; background-color: red;}*/
div.info_plat {float:left; display: block; width: 320px; clear:left;}
div.info_plat h3{color: #000000;font-size: 14px; font-family: "Times New Roman", Times, serif; font-weight:normal; text-transform: none; padding: 10px 0px 0px 10px;}
div.selectedR h3{color: #E2001A}
div.info_plat p{color: #000000;font-size: 12px; font-family: "Times New Roman", Times, serif; font-weight:normal; text-transform: none; padding: 0px 0px 0px 10px;}

a.printable {text-align: right;padding:4px;text-decoration: none;color:#888}
a.printable:hover {color:#e2001a;}
.file_link {display:block;text-align: right;padding:4px}
.file_link em{display:block;font-size:11px;color: #E2001A;float:left;}
.file_link em.hidden{display:none;}
div.prix_plat {float:right; display: block; width: 90px; padding: 10px 10px 0px 0px; clear:right;}
div.prix_plat h3{color: #e2001a;font-size: 13px; font-family: "Times New Roman", Times, serif; font-weight:normal; text-transform: none; text-align:right;}
 
#nouveautes {
	border-top:1px #e2001a solid;
	padding-top:0px;
	float:right;
	width:445px; height:165px;
	position:relative;
	border-bottom:1px #e2001a solid;
	overflow: auto;
}

#car_cet_sem #rss {display:block;}



/* /////////////
// FORMULES
*/
#nosformules #info h1{
	font-size: 12px; font-family: Helvetica, Arial, sans-serif; font-weight:bold;
	text-transform: uppercase; margin-bottom:0.5em; margin-top:5px;
}
.info_formule {float:left; width: 345px;}
.info_formule h3{
	color: #e2001a;  text-transform: uppercase;
	font-size: 12px; font-family: Helvetica, Arial, sans-serif; font-weight:bold;
}
.info_formule_descri{color: #000000;font-size: 14px; padding-bottom: 20px;}

.prix_formule {float:right; width: 70px;padding-right:10px;}
.prix_formule h3{
	font-size: 12px; font-family: Helvetica, Arial, sans-serif; font-weight:bold;
	color: #e2001a; text-align:right;
}

#info_boisson {display: block; width: 320px;}
#info_boisson p{font-size: 13px; font-style: italic;padding-top: 20px;}



/* /////////////
// RECETTES
*/
/*.recette{color: #000000;font-size: 12px;}*/
#nosrecettes #box{padding-bottom:20px;}
.recette{padding-right:20px;}
.recette h3{color: #e2001a; font-size: 14px; padding-top: 20px; font-weight: bold;}



/* ////////////////
// RECRUTEMENT
*/
#recrutement #menu_recrute a,
#recrutement #box a{color:#e2001a;}
#recrutement #menu_recrute a:hover,
#recrutement #box a:hover{color:#000;}
#recrutement #info{border:0; overflow: visible;}
#recrutement #entete{padding: 15px 0;}
#recrutement #box{padding-bottom:20px; border: 1px solid #000; padding:8px;width:429px;height:320px;overflow:auto;}
#recrutement #box{}
#recrutement #box p{padding-bottom:1.2em;}
#recrutement #box h3{color: #e2001a; font-size: 12px;  font-weight: bold;}



/* /////////////////
// PAGE CONTACT
*/
#pagecontact #info{border:0; overflow: visible;}
#pagecontact #entete{padding: 15px 0;}
#pagecontact #box{padding-bottom:20px; border: 1px solid #000; padding:8px;width:429px;height:320px;overflow:auto;}

#pagecontact #box fieldset{padding-bottom:6px;}
#pagecontact #box fieldset label{display: block;/* background-color: red*/; width:70px; padding-top:5px; float:left;}

#pagecontact #box legend{display:none;}
#pagecontact #box .frad{float:left; padding-right:15px;}
#pagecontact #box .frad label{display: inline; width:auto; float:none;}
#pagecontact #box .frad input{display: inline; width:auto; float:none;}
#pagecontact #box .ftext input{float:left; width:200px;}
#pagecontact #box .farea textarea{float:left; width:350px; height:74px;}
#pagecontact #box .fsubpic {padding-left:70px;}
#pagecontact #messerrok{color:#fff; background-color: #e2001a; width:340px; padding:5px; margin:5px 0 0 70px; display:none;}



/* /////////////////
// PAGE CONFIRM
*/
#confirm #entete{padding: 15px 0;}

