body {}
.right {float:right;}
.clear {clear: both;}

.container {width: 930px; height: auto; margin: 0 auto;}

.top-header {width: 100%; height: 30px; background-color: #a4b938;}

.numtel {float: left; color: black; font-weight: 600;}
.numtel p {padding-top: 6px;}

.links {float: right; height:30px;}
.links ul li {display: inline-block; float:left; padding: 5px 25px;}
.links ul li a {color: black; text-decoration: none; font-weight: 400;}
.links ul li a img {position:relative; top:-1px;}
.links ul li a:hover {font-weight: 600;}

#lang_sel_list {height: 0px; font-family: 'Quicksand', sans-serif;}
#lang_sel_list li {float: none;}
#lang_sel_list a.lang_sel_sel, #lang_sel_list a.lang_sel_other {color: black; text-decoration: none; font-weight: 400;}
#lang_sel_list a.lang_sel_sel:hover, #lang_sel_list a.lang_sel_other:hover {font-weight: 600;}

#lang_sel_list a.lang_sel_sel {display: none;}

#lang_sel_list a, #lang_sel_list a:visited {font-size: inherit; background: none;}

#lang_sel_list ul a, #lang_sel_list_list ul a:visited {background: none;}

.muhsoups {padding: 17px;}

.footer #lang_sel_list {height: 0px; font-family: 'Quicksand', sans-serif;}
.footer #lang_sel_list li {float: none;}
.footer #lang_sel_list a.lang_sel_sel, .footer #lang_sel_list a.lang_sel_other {color: white; text-decoration: none; font-weight: 400;}
.footer #lang_sel_list a.lang_sel_sel:hover, .footer #lang_sel_list a.lang_sel_other:hover {color: #f59331; font-weight: 400;}

.footer #lang_sel_list a.lang_sel_sel {display: none;}

.footer #lang_sel_list a, #lang_sel_list a:visited {font-size: 12px; background: none;}

.footer #lang_sel_list ul a, #lang_sel_list_list ul a:visited {background: none;}

.section-one {height: auto; width: 100%; background-image: url(images/wood.jpg);}

.header {height: 135px;}

.logo {position: absolute; top: 0px; z-index: 2;}
.logo img {margin-left: -40px;}

.returnHome {background:#fff; color:#000; font-size: 24px;   margin-top: 60px; width:110px; text-align:center; font-weight:600; padding:16px 0px; cursor: pointer; transition: all 300ms ease-out;}
.returnHome:hover {color:#fff; background:#000;}

.banner {height: auto; width: 100%; background-color: black; position: relative;}

.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  height: auto;
  padding: 0;
  margin: 0;
  z-index: 1;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  position: relative;
 
  }

.rslides_tabs.rslides1_tabs { z-index: 2; width: 765px; height: 12px; margin: 0 auto; margin-top: 5px;}
ul.rslides_tabs.rslides1_tabs li {display: inline-block; width: 15%;}
ul.rslides_tabs.rslides1_tabs li a {height:20px; display:block; font-size: 12px; color: transparent;}
.rslides1_s1 {width: 100%; background-color: #a5b938; opacity: 0.6; transition: all ease-out 300ms;}
.rslides1_s2 {width: 100%; background-color: white; opacity: 0.6; transition: all ease-out 300ms;}
.rslides1_s3 {width: 100%; background-color: #ff9931; opacity: 0.6; transition: all ease-out 300ms;}
.rslides1_s4 {width: 100%; background-color: #d9422c; opacity: 0.6; transition: all ease-out 300ms;}
.rslides1_s5 {width: 100%; background-color: #a5b938; opacity: 0.6; transition: all ease-out 300ms;}
.rslides1_s6 {width: 100%; background-color: white; opacity: 0.6; transition: all ease-out 300ms;}
.rslides1_s7 {width: 100%; background-color: #ff9931; opacity: 0.6; transition: all ease-out 300ms;}
.rslides1_s8 {width: 100%; background-color: #d9422c; opacity: 0.6; transition: all ease-out 300ms;}

.rslides1_s1.rslides_here {opacity: 1;}
.rslides1_s2.rslides_here {opacity: 1;}
.rslides1_s3.rslides_here {opacity: 1;}
.rslides1_s4.rslides_here {opacity: 1;}
.rslides1_s5.rslides_here {opacity: 1;}
.rslides1_s6.rslides_here {opacity: 1;}
.rslides1_s7.rslides_here {opacity: 1;}
.rslides1_s8.rslides_here {opacity: 1;}

.banner-box {float: right; width: 350px; height: 135px; text-align: center; margin-top: 65px; font-size: 20px; position: relative; z-index: 2; display: none;}
.banner-box h1 {text-transform: uppercase; font-weight: 600; padding-bottom: 10px; border-bottom: solid 2px #b8b6b4;  margin-bottom: 10px;}

.vg {position: absolute; text-align: center; z-index: 1; top: 20px; width: auto; height: 96%;}
.vg img {height: 350px; margin: 30px 0px; height: 60%; display: none;}
.vg h2 {font-size: 48px; display: none;}

.under-banner {text-align: center; height: 135px;}
.under-banner h3 {color: #f59331; text-transform: uppercase; font-weight: 400; font-size: 28px; padding-top: 70px;}

#block-vert, #block-blanc, #block-orange, #block-rouge {width: 25%; height: 12px; float: left; margin-top: 5px; opacity: 0.6; cursor: pointer;}

#block-vert {background-color: #a5b938;}
#block-blanc {background-color: white;}
#block-orange {background-color: #ff9931;}
#block-rouge {background-color: #d9422c;}

#orange {border-bottom: solid 3px #f59331; transition: all ease-out 300ms;}
a#orange:hover {color:#f59331;}

#gris {border-bottom: solid 3px #7b7b83; transition: all ease-out 300ms;}
a#gris:hover {color:#7b7b83;}

#vert {border-bottom: solid 3px #a5b938; transition: all ease-out 300ms;}
a#vert:hover {color:#a5b938;}

#quad {margin: 0 auto; opacity: 0.6;}

#bold {font-weight: 600;}
#bold-uppercase {text-transform: uppercase; font-weight: 600;}

.nav {float: right;}
.nav ul {padding-top: 26px;}
.nav ul li {display: inline-block; padding-top: 60px; height: 25px;}
.nav ul li:nth-child(even) {border-right: solid 2px grey; border-left: solid 2px grey; }
.nav ul li a {color: white; font-weight: 600; text-decoration: none; text-transform: uppercase; font-size: 17px; margin: 0px 13px; padding-bottom: 4px;}
#logoIntegrite {float:right; padding-top:20px; margin-top:20px; margin-left:10px; cursor:pointer; transition:opacity 250ms ease-out; opacity:1;}
#logoIntegrite:hover {opacity:0.7;}
.maskIntegrite {position:fixed; display:none; opacity:0; transition:opacity 500ms ease-out; z-index:1000; background-color:#333; width:100%; height:100%; left:0px; top:0px;}
.popupIntegrite {display:none; opacity:0; transition:opacity 500ms ease-out; position:fixed; top:10%; left:50%; margin-left:-230px; z-index:1100; width:460px; height:550px; background:url(images/bg_integrite.jpg) no-repeat center center; background-size:cover; text-align:center; box-shadow:0px 3px 25px 0px rgba(0,0,0,0.6);}
.popupIntegrite img {margin-top:20px;}
.popupIntegrite p {padding:10px 20px; color:#fff; font-family: 'Quicksand', sans-serif; font-size:16px; font-weight:600; line-height:125%;}
.popupIntegrite p strong {font-weight:700; font-size:18px; text-transform: uppercase; letter-spacing: 1px; line-height:160%;}
.popupIntegrite .close {color:#fff; font-size:20px; font-weight:600; text-align:center; background:#000; width:30px; height:30px; border-radius:30px; border:2px solid #fff; position:absolute; top:-15px; right:-15px; cursor: pointer; line-height:30px; text-indent:1px;}
.maskIntegrite.active {display:block; opacity:0.75;}
.popupIntegrite.active {display:block; opacity:1;}

.section-two {height: 375px; position: relative; overflow: hidden;}
.section-two img {position: absolute; top: 10px; margin-left: -100px;}
.section-two .content {float: right; width: 460px; padding-top: 30px;}
.section-two .content p {font-weight: 400; line-height: 21px;}

.points-vente {  position: relative;  float: left;  width: 50%;  color: #fff; margin-top:60px; padding-left:20px; line-height:125%; text-transform: uppercase; font-size:14px;}
.points-vente strong {font-weight:600;}
.produits-content {margin: 30px 0px; line-height: 21px;}

.categories {width: 100%; height: 410px;}
.categ {float: left; width: 24%; height: 410px; margin: 0px 4px; background-color: black; overflow: hidden; cursor: pointer;}
.categ img {height: 300px; opacity: 0.4;}
.categ .title {height: 135px; color: white; text-transform: uppercase; font-weight: 600;}
.categ-content {height: auto; margin: 50px 0px; display: none;}
.categ-content.visible {display: block;}

.categ.active img {opacity: 1;}

.element {float: left; margin: 20px 23px; width: 185px; height: 175px;}
.element h1 {padding: 5px 0px; font-weight: 600; text-transform: uppercase; font-size: 13px;}
.element a {color: #f59331;}
.product_box {display:block; position:relative;}
.product_box .nouveau {background:#06c1f7; color:#fff; font-size:13px; font-weight:600; text-align:center; padding:5px 10px; top:5px; right:0px;   position: absolute;
  text-transform: uppercase;  box-shadow: -1px 1px 4px rgba(0,0,0,0.4);}

.title.green {background-color: #a5b938;}
.title.orange {background-color: #ce7d2e;}
.title.black {background-color: black;}
.title.red {background-color: #ce412e;}

.title {overflow: hidden;}
.title .texte {text-align: center; font-size: 30px; height: 65px; margin: 20px auto 0px; padding: 15px 0px; width: 85%;}
.title .texte.activeh1 {border-top: solid 2px white; border-bottom: solid 2px white; margin-top: 18px;}

.recettes {height: 815px; background-image: url(images/recettes.png); background-size: 100%; background-repeat: no-repeat;}

.recettes-box {margin: 225px auto 0px auto; width: 475px; height: 190px; color: white; border-top: solid 2px white; border-bottom: solid 2px white;}
.recettes-content {padding-top: 45px;}
.recettes-content p {text-align: center; font-size: 24px; text-transform: uppercase;}

.contact {height: 710px; width: 100%;}
.contact .content {margin-top: 30px; margin-bottom: 50px;}
.contact .content p {padding-bottom: 4px;}
.contact .content p#bold {font-size: 18px;}
.contact p {text-transform: uppercase; font-size: 15px;}

.contact-info {float: left; text-align: right; font-size: 15px; margin-left: 40px;}
.contact-info h1 {text-transform: uppercase; font-weight: 600; padding-bottom: 3px;}
.contact-info p {text-transform: none; padding-bottom: 3px;}
.contact-info a {color: #f69a3f; text-decoration: none;}
.contact-info a:hover {text-decoration: underline;}

iframe {float: right;}

.titre {height: 150px; width: 100%; background-color: black; overflow: hidden;}
.titre h1 {height: auto; width: 190px; border: solid 2px white; color: white; text-transform: uppercase; padding: 16px 30px; font-size: 24px; font-weight: 600; margin-top: 60px; text-align:center; float:left;}

.footer {height: 90px; width: 100%; background-color: #393536;}
.footer-logo {float: left; height: 90px; margin-left: 130px;}
.footer-logo img {padding-top: 6px; height: 80px;}
.footer-nav {margin-left: 55px; height: 90px; float: left; width: 555px;}
.footer-nav p {font-size: 10px; color: #9c9a9b; text-transform: uppercase;}
.footer-nav ul {margin-top: 26px; margin-bottom: 10px;}
.footer-nav ul li {display: inline-block; padding-right: 20px;}
.footer-nav ul li a {color: white; text-transform: uppercase; text-decoration: none; font-size: 12px;}
.footer-nav ul li a:hover {color: #f59331;}
.footer-nav p a {color: white; text-transform: uppercase; text-decoration: none; font-size: 11px;}
.footer-nav p a:hover {color: #f59331;}
.footer-nav p {line-height:14px;}

/* PRODUCT IFRAME */ 

.product_container {width:100%; overflow-x:hidden;}
.product_container .left {float:left;}
.product_container .wrapper {width:100%; margin:0 auto; max-width:710px;}
.product_container .img_produit_hd {width:100%; height:auto;}
.product_container .product_title {text-align:left; background:#a5b938; padding:25px 25px 25px 50px;}
.product_container .product_title h1 {font-size:24px; font-weight:600; color:#fff; text-transform: uppercase;}
.product_container .product_title h1 span {font-weight:400;}
.product_container .product_content {padding:25px 25px 25px 50px; text-align:left; background:#e7ecc9; color:#000; font-size:16px; text-transform: uppercase; font-weight:600; line-height:150%;}
.product_container .product_content {}
.product_container .product_extra {padding:25px 25px 25px 50px; text-transform: uppercase;}
.product_extra .ingredients {font-size:12px; margin-bottom:15px; line-height:150%;font-weight:600;}
.product_container .product_extra strong {font-weight:700;}
.product_extra .allergenes {font-size:12px; font-weight:600; color:#69771f; line-height:150%;}
.product_extra .allergenes span {color:#000;}
.product_value {padding:15px 25px 25px 50px;}
.product_value .value {width:51%;  max-width: 318px;  overflow: hidden;}
.product_value .extra_value {width:44%; padding-left:5%; }
.product_value .quantite {width:45%; margin-right:5%; background:#f89021; float:left; text-align:center; color:#fff; font-weight:400; padding:12px 0px 12px 0px; margin-bottom:12px;}
.product_value .quantite .amount {font-size:32px; font-weight:600; margin-bottom:5px;}
.product_value .quantite .type {font-size:22px;}
.product_value .extra_portion {font-size:21px; margin-bottom:10px;}
.product_value .caracteristique {background:#f5b52f; width:85%; padding:3% 5%; margin-right:5%; color:#fff; line-height:120%;}

#fancybox-close {background:#000 url(images/icon_x.png) no-repeat center center!important; width:30px; height:30px; border:3px solid #fff; border-radius:30px; }

#btn_product {position:fixed; right:-300px; top:50px; background:#000; color:#fff; font-weight:600; font-size:16px; text-transform: uppercase; padding:8px 12px; border:0px; transition:all 350ms ease-out; opacity:0; cursor: pointer; outline:none;}
#btn_product.visible {position:fixed; right:0px; opacity:1;}
#btn_product.recettes {right:200px!important; opacity:0;}

/* REsponsive */
@media screen and (max-width: 1180px){
    #btn_product {font-size:14px; padding:6px 8px;}
}
@media screen and (max-width: 1080px){
    #btn_product {display:none!important; opacity:0; width:0px;}
}
@media screen and (max-width: 990px){
    
    .logo {max-width:360px;}
    .logo img {width:100%;}
}
@media screen and (max-width: 940px){

	.container {width: 100%;}
	.rslides_tabs.rslides1_tabs {width: 100%;}
	.under-banner h3 {padding-top: 35px;}

	.section-two {text-align: center; height: 730px;}
	.section-two img {position: relative; margin: 0; float: none;}
	.section-two .content {float: none; position: relative; margin: 0 auto; text-align: left;}

	.titre h1 {margin-left: 10px;}

	.contact {height: auto;}
	.contact .content {margin-left: 10px; margin-right: 10px;}
	.contact-info {float: none; text-align: center; margin: 0 auto;}
	.contact iframe {float: none; margin: 0 auto; display: block; padding: 20px 0px;}

	.footer {height: auto;}
	.footer-logo {float: none; height: auto; margin-left: 0px; text-align: center;}
	.footer-nav {margin-left: 0px; float: none; width: auto; text-align: center; padding-bottom: 20px; height: auto;}
}

@media screen and (max-width: 857px){

	.title .texte {font-size: 20px; height: 40px;}
	.categ .title {height: 110px;}
        
}

@media screen and (max-width: 835px){

	.recettes {height: 615px; background-size: cover;}
	.recettes-box {margin-top: 140px;}
        .points-vente {width:45%;}
}

@media screen and (max-width: 816px){

	.categ {width: 23%;}
        .points-vente {font-size:13px;}
}

@media screen and (max-width: 750px){
	.logo {width: 50%;}
	.logo img {width: 100%; margin: 0;}
	.vg img {margin: 30px 50px;}
        .titre h1 {width:160px;}
        .points-vente {width:44%; font-size:12px;}
}

@media screen and (max-width: 700px){

	.logo {max-width: 400px; width: 100%; position: relative; margin: 0 auto;}
	.header {height: auto;}
	.nav {float: none;}
	.nav ul {text-align: center; margin-bottom: 10px;}
	.banner {height: auto;}
	.rslides {height: auto;}
	.rslides img {height: 100%; width: 100%;}
	.vg {top: 0;}
	.vg h2 {display: none;}
	.vg img {width: 80%; height: 80%;}
	ul.rslides_tabs.rslides1_tabs li a {padding: 0px 33px;}
	.amine {swag: 110%;}

}

@media screen and (max-width: 602px){

	.title .texte {font-size: 17px; width: 93%;}
        .slider-controls {display:none;}
        .returnHome {margin-top:20px;}
}

@media screen and (max-width: 600px){

	.section-two {height: auto;  padding-bottom: 30px;}
	.section-two img {display: none;}
	.section-two .content {width: 100%;}
	.section-two .content p {padding: 0px 5px;}

	.recettes-box {width: 100%; height: auto;}
	.recettes-content {padding: 25px 0px;}

	.contact iframe {width: 100%;}
        
        .titre h1 {width:130px; font-size:20px; margin-top:20px;}
        .points-vente {width:90%; font-size:12px; margin-top:10px; padding-left:10px;}
}

@media screen and (max-width: 490px){
	
	.banner {height: auto;}
	.banner-box {float: none; margin: 0 auto; padding-top: 35px;}
	.rslides {height: auto;}
	.links ul {width: 100%; float: none;}
	.links ul li {padding: 5px 5px;}
	.vg {display: none;}
	.section-one {height: auto;}
	.under-banner h3 {padding-top: 10px;}
	.under-banner {padding-bottom: 10px;}
        .returnHome {font-size:20px;} 

}

@media screen and (max-width: 423px){
        .top-header {padding:0px 5%; width:90%;}
	.categ {width: 47%; height: auto;  margin-bottom: 10px;}
	.categ img {display: block; height: auto; width: 100%;}
        #logoIntegrite {margin:0 auto; display:block; padding:0; float:none;}
        .links li:nth-child(3) {display:none;}
        .slider-controls {display:none;}
}

@media screen and (max-width: 365px){
        .links {float:none; margin:0 auto; text-align:center;}
	.numtel {display: none;}
        
        .nav ul li a {font-size:14px; margin:0px 2px;}
        .under-banner h3 {font-size:22px;}
        .section-two .content p {text-align:center;}
        .points-vente {font-size:10px;}
        .produits-content p {text-align:center;}
        
        .element {  float: left;  width: 90%; margin:0 auto; margin-bottom:20px; marign-top:20px;  height: 175px;  text-align: center;}
        .returnHome {display:none;}
        #fancybox-content,#fancybox-wrap {margin:0!important; padding:0!important; width:95%!important; left:0px!important;}
        .product_value .value {  width: 95%;  max-width: 95%;  overflow: hidden;} 
        .product_value .extra_value { width: 95%;  max-width: 95%; margin-top:20px; }
        .product_value img {max-width:100%;}
}