/* CSS Document */
body { margin:0; padding:0; font: 14px/1.4 Helvetica, Arial, sans-serif;}

a img{ border:0; }

#header-wrap {background:#000; width:100%; height:93px; position:fixed; z-index:200; left:0; top:0;}
#header {width: 960px;  height:93px; margin: 0 auto; position:relative; left:0; top:0;}	

.menu{font-family:"Arial Narrow", Arial, Helvetica; list-style:none; text-align:center; font-size:18px;}
.menu a {text-decoration:none; color:#FFF; line-height:38px; text-transform:uppercase;}
.menu a:hover {color:#eddb87;}

#header #nav {font-family:"Arial Narrow", Arial, Helvetica; list-style:none; text-align:center; font-size:18px;}
#header #nav li {display:inline;}
#header #nav li a {text-decoration:none; color:#FFF; line-height:38px; text-transform:uppercase;}
#header #nav li a:hover {color:#eddb87;}

#nav #apropos-link {margin-right:40px;}
#nav #produits-link {margin-right:450px;}
#nav #contact-link {margin-right:50px;}		
#nav #recettes-link {margin-right:10px;}

#logo {width:261px; height:130px; position:absolute; left:350px; background: url(images/logo2.png) no-repeat;}

.intro-wrap{ width:960px;}
.intro{ width:960px; height:108px;background-image:url(images/title-intro.png); background-repeat:no-repeat;}

.section-intro {padding:155px 0 70px 0; background-image:url(images/bg-jaune.jpg); background-repeat:repeat;}
.section-grise {padding:155px 0 70px 0; background-image:url(images/bg-gris.jpg); background-repeat:repeat;}	
.section-jaune {padding:155px 0 70px 0; background-image:url(images/bg-jaune.jpg); background-repeat:repeat;}	

.apropos-wrap{ width:960px; padding:0px 0 0 0;}
.apropos-left{ width:372px; float:left;}
.apropos-right{ width:588px; float:left;}

.about_bullets{width:100%; height:115px; background:url(images/dotted-line.png) 0 0 repeat-x; float:left;}
.about_title{width:481px; height:115px; background:url(images/title-apropos.jpg) no-repeat; margin:0 auto 0 auto;}

.produits_bullets{width:100%; height:115px; background:url(images/dotted-line-jaune.png) 0 0 repeat-x; float:left;}
.produits_title{width:410px; height:115px; background:url(images/title-produits.jpg) no-repeat; margin:0 auto 0 auto;}
.presentoirs_title{width:471px; height:115px; background:url(images/title-presentoirs.jpg) no-repeat; margin:0 auto 0 auto;}
.produits-wrap{ width:960px; padding:20px 0 100px 0;}
.presentoirs-wrap{ width:960px; padding:20px 0 0 0;}
.txt-presentoirs{ text-align:center; color:#27252a; font-family:"Arial Narrow", Arial, Helvetica; font-weight:700; font-size:20px; }
.imgproduit {width:289px; height:230px; padding:9px 0 0 10px; margin:0 10px; background:url(images/produits/bg-img-produit.png) no-repeat;}
.imgproduit300 {width:240px; height:250px; padding:9px 0 0 10px; margin:0; background:url(images/produits/bg-img-produit-240x250.png) no-repeat;}
.titleimg{font-family:"Arial Narrow", Arial, Helvetica, sans-serif; font-size:16px; font-weight:normal; color:#2E2E2E; text-align:center; margin:0; padding:15px 0 3px 0;}

.contact-wrap{ width:960px; padding:0;}
.contact_bullets{width:100%; height:115px; background:url(images/dotted-line.png) 0 0 repeat-x; float:left;}
.contact_title{width:427px; height:115px; background:url(images/title-contact.jpg) no-repeat; margin:0 auto 0 auto;}

.section-recettes {padding:180px 0 70px 0; background-image:url(images/bg-jaune.jpg); background-repeat:repeat;}
.recettes-wrap{ width:960px; padding:0px 0 15px 0;}
.box-recettes{ width:638px; float:left;}
.img-recettes{ width:638px; /*height:302px;*/ background-color:#666; margin:0 0 18px 0;}

/* subMenu */
.box-nav{width:217px; min-height:500px; float:left; text-align:left; margin:0; padding:0 70px 15px 35px; text-decoration:none;}
ul#left-nav{list-style-type:none; margin:5px 0 10px 0; padding:0; font-family:"Arial Narrow", Arial, Helvetica, sans-serif; font-size:16px; font-weight:normal; color:#2D2D2D; text-align:left; text-transform:uppercase;}
ul#left-nav li{display:block; padding:0 0 8px 0;}
ul#left-nav li a{display:block; text-decoration:none; margin:2px 0px 2px 0; padding:3px 0px 3px 10px; color:#545454 !important;}
ul#left-nav li a:hover{background-color:#2D2D2D !important;color:#EEDC88 !important;}

.clearer {clear: both;}

/* ----------- Slideshow -------------*/
#next2{background:transparent url(images/slideshow/right-arrow.png) left top; display:block; height:52px; width:25px; position:absolute; margin-left:780px; top:640px; text-indent:-13000em; z-index:10;}
#prev2{background:transparent url(images/slideshow/left-arrow.png) left top; display:block; height:52px; width:25px; position:absolute ;margin-left:155px; top:640px; text-indent:-13000em; z-index:10;}

.slider {margin-left: auto; margin-right: auto; text-align:center; outline: none;}
div#slider{width:960px; height:367px; position:relative; margin:0; overflow:hidden; background:url(images/slideshow/bg-slideshow.png) top center; background-repeat:no-repeat;}
div#slider img{display:none; width:571px; margin:33px 0 0 195px;}

.logotop{ background:transparent url(images/logo-top.png) right top; display:block; height:252px; position:absolute; margin-left:615px; top:0px; text-indent:-13000em; 
width:320px; z-index:20;}


/* footer */
.footer {width:100%; height:54px; margin:0; padding:16px 0 0 0; color:#2E2E2E; font-family:Arial, Helvetica, sans-serif; font-size:12px; background-image:url(images/bg-footer.jpg); background-repeat:repeat-x;}

/* styles */
p{color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:14px; text-align:left; margin:0; padding:0 0 18px 0;}
p a{color:#ff6600; font-weight:700; text-decoration:none;}
p a:hover{color:#ff6600; font-weight:700; text-decoration:underline;}

p.recette{color:#2D2D2D; font-family:Arial, Helvetica, sans-serif; font-size:14px; text-align:left; margin:0; padding:0 0 18px 0;}
p.title{color:#2D2D2D; font-family:Arial, Helvetica, sans-serif; font-size:14px; text-transform:uppercase; font-weight:700; text-align:left; margin:0; padding:0 0 5px 0;}

h1{ font-family:"Arial Narrow", Arial, Helvetica; font-weight:700; font-size:28px; color:#eddb87; padding:0 0 5px 0; margin:0; text-align:left;}
h2{ font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size:20px; line-height:1.2em; color:#eddb87; padding:12px 0 12px 0; margin:0; text-align:left;}
h3{ font-family:"Arial Narrow", Arial, Helvetica; font-weight:700; font-size:22px; line-height:1.2em; color:#2D2D2D; padding:0 0 5px 10px; margin:0; text-align:left;}
h4{ font-family:"Arial Narrow", Arial, Helvetica; font-weight:700; font-size:18px; line-height:1.2em; color:#2D2D2D; padding:0 0 5px 0; margin:0; text-align:left; text-transform:uppercase;}

p.adresse{color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:18px; text-align:left; margin:0; padding:0 0 8px 0;}
p.phone{color:#eddb87; font-family:"Arial Narrow", Arial, Helvetica; font-weight:700; font-size:30px; text-align:left; margin:0; padding:0 0 8px 0;}
p.nom{color:#eddb87; font-family:Arial, Helvetica, sans-serif; font-size:16px; text-align:left; margin:0; padding:0;}
p.fax{color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:normal; padding:0; margin:0;}
p.email{ color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; padding:0 0 5px 0; margin:0;}
p.email a{ color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; text-decoration:none;}
p.email a:hover{ color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; text-decoration:underline;}
p.membre{color:#eddb87; font-family:"Arial Narrow", Arial, Helvetica; font-weight:700; font-size:20px; text-align:center; margin:0; padding:10px 0 4px 0;}
div.membre{ margin-top:20px; margin-bottom:40px; display:flex; justify-content:center;}
div.membre img { margin:0 24px; height:100px; width:auto;}

#facebook{ display:block; width:144px; height:40px; position:fixed; bottom:100px; right:-104px; 
	-webkit-transition:right 0.3s ease;
	-moz-transition:right 0.3s ease;
	transition:right 0.3s ease; }
#facebook:hover{ right:0; }