/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

html {
    font-size: 1em;
    line-height: 1.4;
    letter-spacing: 0px;
    background-color: rgb(254, 209, 65);

	min-width: 1024px;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images, videos, audio and canvas and the bottom of
 * their containers: h5bp.com/i/440
 */

a.disabled {opacity:0.4; cursor:default;}

audio,
canvas,
img,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

.clear{clear:both;}

/* ==========================================================================
   Browse Happy prompt
   ========================================================================== */

.browsehappy {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */



@import url("//fast.fonts.net/t/1.css?apiType=css&projectid=ce6c4040-4a0b-4d23-a418-7e07dd62a00b");
@font-face{
font-family:"AvenirNext";
src:url("/fonts/17c55b27-e9ab-43cd-b948-d49f97480d68.eot?#iefix");
src:url("/fonts/17c55b27-e9ab-43cd-b948-d49f97480d68.eot?#iefix") format("eot"),url("/fonts/fa19948e-5e38-4909-b31e-41acd170d6f2.woff") format("woff"),url("/fonts/6de0ce4d-9278-467b-b96f-c1f5f0a4c375.ttf") format("truetype"),url("/fonts/9fd4ea0c-b19a-4b21-9fdf-37045707dd78.svg#9fd4ea0c-b19a-4b21-9fdf-37045707dd78") format("svg");
font-weight: lighter;
font-style: normal;
}
@font-face{
font-family:"AvenirNext";
src:url("/fonts/0ecef829-586e-426d-a633-4c8a8c926769.eot?#iefix");
src:url("/fonts/0ecef829-586e-426d-a633-4c8a8c926769.eot?#iefix") format("eot"),url("/fonts/f401df6f-54eb-406c-b46a-90b9451c598d.woff") format("woff"),url("/fonts/276fe25e-e430-4376-b33c-705dd77b3dba.ttf") format("truetype"),url("/fonts/869dc33b-3685-4d74-a51c-82b435579093.svg#869dc33b-3685-4d74-a51c-82b435579093") format("svg");
font-weight: light;
font-style: normal;
}
@font-face{
font-family:"AvenirNext";
src:url("/fonts/440b64c9-a97b-4a0c-a6af-a6bb6d49c252.eot?#iefix");
src:url("/fonts/440b64c9-a97b-4a0c-a6af-a6bb6d49c252.eot?#iefix") format("eot"),url("/fonts/5b8c6fdc-0ba4-4b65-87e4-d5ae51245ea5.woff") format("woff"),url("/fonts/c677d79d-442e-4c76-8db1-c29ac7788039.ttf") format("truetype"),url("/fonts/216291a0-f927-4f75-9de7-6e36c7fd7ebf.svg#216291a0-f927-4f75-9de7-6e36c7fd7ebf") format("svg");
font-weight: light;
font-style: italic;
}
@font-face{
font-family:"AvenirNext";
src:url("/fonts/e9167238-3b3f-4813-a04a-a384394eed42.eot?#iefix");
src:url("/fonts/e9167238-3b3f-4813-a04a-a384394eed42.eot?#iefix") format("eot"),url("/fonts/1e9892c0-6927-4412-9874-1b82801ba47a.woff") format("woff"),url("/fonts/46cf1067-688d-4aab-b0f7-bd942af6efd8.ttf") format("truetype"),url("/fonts/52a192b1-bea5-4b48-879f-107f009b666f.svg#52a192b1-bea5-4b48-879f-107f009b666f") format("svg");
font-weight: normal;
font-style: normal;
}
@font-face{
font-family:"AvenirNext";
src:url("/fonts/d1fddef1-d940-4904-8f6c-17e809462301.eot?#iefix");
src:url("/fonts/d1fddef1-d940-4904-8f6c-17e809462301.eot?#iefix") format("eot"),url("/fonts/92b66dbd-4201-4ac2-a605-4d4ffc8705cc.woff") format("woff"),url("/fonts/18839597-afa8-4f0b-9abb-4a30262d0da8.ttf") format("truetype"),url("/fonts/1de7e6f4-9d4d-47e7-ab23-7d5cf10ab585.svg#1de7e6f4-9d4d-47e7-ab23-7d5cf10ab585") format("svg");
font-weight: normal;
font-style: italic;
}
@font-face{
font-family:"AvenirNext";
src:url("/fonts/12d643f2-3899-49d5-a85b-ff430f5fad15.eot?#iefix");
src:url("/fonts/12d643f2-3899-49d5-a85b-ff430f5fad15.eot?#iefix") format("eot"),url("/fonts/91b50bbb-9aa1-4d54-9159-ec6f19d14a7c.woff") format("woff"),url("/fonts/a0f4c2f9-8a42-4786-ad00-fce42b57b148.ttf") format("truetype"),url("/fonts/99affa9a-a5e9-4559-bd07-20cf0071852d.svg#99affa9a-a5e9-4559-bd07-20cf0071852d") format("svg");
font-weight: bold;
font-style: normal;
}
@font-face{
font-family:"AvenirNext";
src:url("/fonts/770d9a7e-8842-4376-9319-8f2c8b8e880d.eot?#iefix");
src:url("/fonts/770d9a7e-8842-4376-9319-8f2c8b8e880d.eot?#iefix") format("eot"),url("/fonts/bc350df4-3100-4ce1-84ce-4a5363dbccfa.woff") format("woff"),url("/fonts/bc13ae80-cd05-42b4-b2a9-c123259cb166.ttf") format("truetype"),url("/fonts/4862b373-2643-46b1-b0b5-88537c52d15c.svg#4862b373-2643-46b1-b0b5-88537c52d15c") format("svg");
font-weight:bold;
font-style: italic;
}



body {font-family: "AvenirNext", Arial !important; font-weight: light; font-size: 12px; color: rgb(117,120,123); min-width: 300px;}


.order-btn {
    display: block;
    background-color: #ff5122;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    padding: 10px;
    margin: 0 20px;
    text-align: center;
    font-size: 14px;
    border: 3px solid #fff;
}
.order-btn:hover {
    background-color: #ff822a;
    color:#fff;
}

.pleine_largeur .order-desktop {display:none;}


/*** Classes de couleur pour body (cochables dans admin) ***/
.peche, .peche #panel{background-color:rgb(250,215,170);}
.lime, .lime #panel{background-color:rgb(242,245,104);}
.citron, .citron #panel{background-color:rgb(255,246,91);}
.miel, .miel #panel{background-color:rgb(249,231,101);}
.beige-clair, .beige-clair #panel{background-color:rgb(255,240,150);}
.creme, .creme  #panel{background-color:rgb(255,244,183);}
.ivoire, .ivoire  #panel{background-color:rgb(255,244,205);}
.vert, .vert  #panel{background-color:rgb(227,233,53);}

/*** Classes de couleur pour le reste (pas modifiables par l'admin) ***/
.acc-vert{background-color:rgb(227,233,53) !important;}
.acc-beige-clair{background-color:rgb(255,240,150) !important;}
.sable-dore{background-color:rgb(249,225,123) !important;}
.citrouille{background-color:rgb(255,191,63) !important;}

.clickable {cursor: pointer;}

img.gauche{float: left; margin-right: 10px;}
img.droite{float:right; margin-left:10px;}

strong {font-weight:bold;}

.highlight {font-weight:bold;}
.parallax {position:absolute;}
.container {overflow:hidden; }

h1 {font-weight:normal; font-size: 1.9em; line-height:1em; /* letter-spacing: -1px; */}
h2 {font-size: 1.4em; font-weight: normal;}

p a{text-decoration:underline;}

a {color: rgb(117,120,123); text-decoration:none;}
a:hover {color: rgb(83,86,90);}

input {border: none; background-color: #fff; text-transform: uppercase; color: rgb(117,120,123); padding: 4px; margin: 0 5px;}
/* .container .content {margin: 300px 0 0 0; position:relative;} */

header {text-transform:uppercase; }
header #top {background-color: rgb(254,209,65); /*#fed140;*/ position:relative; z-index: 301; height:102px;}
header #top #logo {margin: 15px 0 0px -7px;}
header #top #logo img {}

.accueil div#main{padding-bottom:0;}

nav#main .logo-mini {}
nav#main .logo-mini a {width: 50px; height: 60px; position: absolute; top: -36px; left: -2px;}

.fr nav#main .logo-mini a{background: url(/img/layout/logo-mini-chez-cora-dejeuners-diners.png) no-repeat;}
.en nav#main .logo-mini a{background: url(/img/layout/logo-mini-cora-breakfast-lunch.png) no-repeat;}

nav#main .location a, nav#main .location div.ico {background: url(/img/layout/ico-location-2.png) no-repeat; width: 31px; height: 36px; position: absolute; top: -23px; /*right: -79px;*/ right:-60px; margin: 0 !important;}
nav#main .location a:hover {background-image: url(/img/layout/ico-location.png); }
nav#main .nav-sticky a {background: url(/img/layout/ico-nav-mobile-2.png) no-repeat; width: 38px; height: 28px; position: absolute; top: -21px; right: -84px; margin: 0 !important;}
nav#main .nav-sticky a:hover {background-image: url(/img/layout/ico-nav-mobile.png);}
nav#main .nav-sticky, nav#main .location{float: right; width: 30px;}

nav#main ul li.location {background: none;}
nav#main ul li.location .subnav {top: 23px; right: -64px; background-color: #eff0f0; width: 160px; left:auto; font-size: 11.6px;}
nav#main ul li.location:hover .subnav {display:block;}
nav#main ul li.location .subnav a {background: url(/img/layout/bt-go.png) no-repeat center center; top: 20px; right: 4px; position: absolute; height: 14px; width: 11px; background-size: 85%}
nav#main ul li.location .subnav input {padding: 3px 5px; margin: 0; width: 124%; margin-left: -12%; font-size: 0.9em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	display:inline-block;
    transform:scale(0.8,1); /* W3C */
    -webkit-transform:scale(0.8,1); /* Safari and Chrome */
    -moz-transform:scale(0.8,1); /* Firefox */
    -ms-transform:scale(0.8,1); /* IE 9 */
    -o-transform:scale(0.8,1); /* Opera */
}
nav#main ul li.location .subnav .label {padding: 7px 4px 3px;}

header #top #location .label { line-height: 1.1em; font-size: 1.21em; float:left; font-weight:100;font-family: 'AvenirNext'; margin-right:3px; text-align:center;padding-top: 0px;}
.en header #top #location .label{text-align:left;}

header #top #location { position:relative; background: url(/img/layout/ico_trouver.png) no-repeat left 0px; padding-left: 34px; padding-top: 10px; padding-bottom: 5px; margin-top: 14px; margin-left: 137px; height: 35px; margin-right: -2px;}
header #top #location .highlight {font-size: 0.951em;}
header #location input {width: 216px; /*position:relative; top:2px;*/ position:absolute; top:12px; font-size: 13px; height: 15px; padding: 7px 11px 6px 5px; margin-right:0; font-weight:light; font-family: 'AvenirNext'; /*text-align:center;*/ float:right; margin-left:3px;}
header #location .submit {text-decoration: none; color: #53565a; font-weight: bold; top: 17px; right: 4px; position: absolute;}

.plan-col {float: left; }

nav {font-size: 0.92em;}
nav ul {list-style:none; padding:0; margin:0;}
nav ul li {position:relative; margin:0; line-height: 13px;}
nav ul li a {text-decoration:none; text-transform:uppercase;}
nav ul li a:hover {}

nav.sidebnav {margin-top: 130px; margin-left:0px;}
nav.sidebnav ul {margin-bottom: 15px;}
nav.sidebnav ul.fixed {position:fixed; top:100px;}
nav.sidebnav ul li a.actif {font-weight:bold;}
nav.sidebnav li {padding: 3px 0; /*font-size: 1.04em;*/ font-size:1.1em;}
nav.sidebnav li a {}
nav.sidebnav li a:hover {}

.fb_iframe_widget {margin-left:-5px;}


/* nav#meta {margin-top: 16px; font-size: 0.91em; margin-right: -2px; position: absolute; right:0;} */
nav#meta {padding-top: 16px; font-size: 0.91em; margin-right: -2px; position: relative; display: flex; justify-content: flex-end;max-width: 75%;}
nav#meta ul {text-align:right;}
nav#meta ul li {float:left; margin-left:33px;}
nav#meta ul li a {}
nav#meta ul li a:hover {}

nav#language {margin: 2px 0px 0px 0; font-size: 1em; font-style: italic; font-weight: bold;}
nav#language ul {text-align:right;}
nav#language ul li {float:right;}

nav#language ul li a {color: #fff;}
nav#language ul li a:hover {color: #53565a;}

nav#main #langueProvince li {float:right;}
nav#main.fixed #langueProvince li {display:none;}
nav#main #langueProvince li#lienLangue {margin-top:4px; margin-right:5px;}
nav#main #langueProvince li#lienLangue a {font-size: 0.75em;  font-weight: normal; padding: 4px 0; margin: 0;}

#langueProvince .styled-select-province{
	font-size:10px;
	padding-left:5px;

	margin-top:-1px;
	width: 36px;
	height: 21px;
	overflow: hidden;
	background: url(/img/layout/drop-province.png) no-repeat #fff;
	background-position: 25px center;
}

#langueProvince select{
	font-size:10px;

	margin-top: 0;
	width: 36px;
	background: transparent;
	border: 0;
	border-radius: 0;
	height: 21px;
	-webkit-appearance: none;
	text-transform: uppercase;
	/*padding-left: 5px;*/
	margin-left:1px;
	color:#999;
	position:relative;
	-moz-appearance: none;
	text-indent: 0.01px;
	text-overflow: '';
}


.resto-seul .tabPlatform img {border: none; padding: 0; margin: 15px 0 0 0; width: 100px;}



nav#main {z-index: 600; font-weight:bold; font-size: 1.29em; position:absolute; width: 100%; /* background: url(/img/layout/bg-nav.png) no-repeat bottom center; */
background-color: #fff8cd; /* padding-bottom: 30px; */}
nav#main.fixed {position: fixed; top: 0px; width: 100%; border-top: 40px solid rgb(254,209,65);}

nav#main.fixed ul li a, nav#main.fixed ul li.before-last a {margin-right: 17px;}
nav#main.fixed ul li a {font-size:15px;}
nav#main.fixed ul {margin-right: 85px; margin-left: 82px; position:relative;}
nav#main ul li.last a {margin:0 0px 0 0;}
nav#main ul li.before-last a {margin-right: 0;}
nav#main .sticky {display:none; position:relative;}
nav#main.fixed .sticky {display:block; }

nav#main ul, nav#main ul li a {-webkit-transition: 0.1s linear; -moz-transition: 0.1s linear; -ms-transition: 0.1s linear;}
nav#main ul {margin:0 0 0 0px; padding: 0;}
nav#main ul li {float:left; margin-top: 5px;}
nav#main ul li a {text-decoration: none; margin-right: 22px; text-transform: uppercase; padding: 5px 0; display: block; font-size: 16px;}
@media (max-width: 1499px) {
	nav#main ul li a {font-size: 14px;}
}
nav#main ul li:hover > a, nav#main ul li a:hover {}
nav#main ul li:last-of-type, nav#main ul li.last {float:right; margin-right: 0px;}
nav#main ul li .subnav li:last-of-type {float:inherit; margin-right:inherit;}
nav#main.fixed ul li.last {float:left;}
nav#main ul li:last-of-type a {margin-right:20px;}
nav#main ul li a .highlight {font-weight:normal;}
nav#main ul li a:hover {}
nav#main ul li .subnav {display:none; position:absolute; background-color: #fff; z-index:10; font-weight:normal; margin:0;  left: -10px; padding-top:0!important;}
nav#main ul li .subnav li {clear:both; display:block; width: 100%; margin-top:0;}
nav#main ul li .subnav li a {margin:0; padding: 4px 10px; display:block; font-size: 0.8em; max-width: 120px;}
nav#main ul li .subnav li a:hover {background-color: #eee;}
/*nav#main ul li:hover .subnav {display:block; padding-top:6px;}*/
nav#main ul li.open .subnav {display:block; padding-top:6px;}


nav#main ul li a {}
nav#main ul li a:hover {}

nav#oeufs {position: absolute; width: 100%; bottom:49px; z-index:500; height: 135px; font-size: 1.1em; line-height: 1em;}
nav#oeufs.fixed {position:fixed; top:80px;}
nav#oeufs .container {width: 910px; padding-right: 20px;}
nav#oeufs ul{margin-left:20px;}
nav#oeufs ul li{  padding: 7px 0px 0 0;}
nav#oeufs ul li a { width: 100%; display: block; text-align: center; color: #fff; background-size:110%; background-repeat:no-repeat; background-position:center center;   padding-top: 27px; padding-bottom: 12px; font-size: 1.2em; line-height: 1.2em;}
nav#oeufs.fixed ul li a.opacity {opacity: 0.4;}
nav#oeufs ul li a.opacity:hover {opacity:1;}
nav#oeufs ul li a .inner {display: table-cell; width: 260px; height: 130px; vertical-align: middle;}
nav#oeufs ul li a.jaune {background-image:url(/img/layout/nav_oeuf_jaune.png);}
nav#oeufs ul li a.vert {background-image:url(/img/layout/nav_oeuf_vert.png); background-color:transparent;}
nav#oeufs ul li a.rouge {background-image:url(/img/layout/nav_oeuf_rouge.png);}
nav#oeufs ul li a.orange {background-image:url(/img/layout/nav_oeuf_orange.png);}
nav#oeufs ul li a:hover {}


div#main {color: rgb(117,120,123); /*background-color: #fde899;*/ padding: 25px 0 20px; /*padding:25px 0 0 0;*/ /* min-height:933px!important; */}
div#main .text {font-size: 1.6em; font-weight: lighter; line-height: 1.2em; }
div#main .text h1 {margin:0 0 2px 0;}
div#main .text h2 {margin: 0 0 10px 0;}
div#main .text p {margin: 0 0 10px 0;}

#main a.plus {color: rgb(117,120,123); text-decoration:none; text-transform:uppercase; font-weight:bold; font-size: 0.65em; background: url(/img/layout/bt-next.png) no-repeat center right; padding-right: 15px;height: 16px; display: inline-block;vertical-align: middle; padding-bottom: 6px; }
#main a.plus:hover {color: rgb(83, 86, 90); background-image: url(/img/layout/bt-next-over.png);}

.box-ariane{position:relative; top:28px; width:990px; margin:0 auto; z-index:500;}
.ariane{margin-top: -4px; text-transform: uppercase; font-size: 0.65em; letter-spacing: 0.095em; margin-left: 20.29%; padding-top: 22px; position:absolute;}

#panel {height: 650px;/* background: url(/img/layout/bg-panel.jpg) no-repeat center center #fff; /*border-bottom: 4px solid #fff;*/ /* position:relative;*/ /* padding-bottom: 200px; */ position:relative; z-index:10;}
#panel.fullscreen {max-height:510px;}
#panel #carousel {left:0; list-style:none; margin:70px 0 0 0; padding:0; height: 640px; width:100%; top: -70px; position:relative;}
#panel #carousel li {width:100%; height:98%; /* max-width: 1024px; */ text-align:center; background-repeat: no-repeat; background-size: contain; background-position: center top;}
#panel #carousel li .titre {width: 100%; text-align:center;}
#panel #carousel li .image {width:100%; text-align:center;}
#panel .cycle-pager-wrap {position: relative; width: 985px; margin: 0 auto; font-size: 25px; text-align: right; color: #fff; z-index: 1000;}
#panel .cycle-pager {margin-right: 95px; margin-top: 0px; }
#panel .cycle-pager span {margin-left:5px; cursor:pointer;}
#panel .cycle-pager span:hover {color: #ccc;}
#panel .cycle-pager span.cycle-pager-active {color: #666;}

#panel.little {height: 555px; padding-bottom: 200px; padding-top: 35px;}
#panel.little #carousel {height: 100%; margin-top: 0px; top:0;}
#panel.little #carousel li {text-align:center; background-repeat: no-repeat; background-size: contain; background-position: center top; /* width: 990px; */ width:100%; margin-left:0!important;}
#panel.little #carousel li.clickable > a {position: absolute; top: 0; left: 0; bottom: 0; right: 0;}
#panel.little #carousel .image {}
#panel.little #carousel .image img {max-width: auto; height: 360px;}
#panel.little #carousel .titre img {max-width: auto; height: 80px;}
#panel.little #carousel img {height: 100%; max-width: none; max-height: 600px;}
#panel.little .cycle-slideshow .cycle-pager {bottom: -13px;}

.goto-top {z-index: 1; width: 60px; float:right; position: relative; right: -60px;}
.goto-top.front {z-index: 400;}
.goto-top a {background: url(/img/layout/goto-top.png) no-repeat; width: 50px; height: 50px; position:fixed; bottom: 40px; z-index:9; margin-left: 10px;/* right: 100px; */}

.goto-next {z-index: 400;}
.goto-next a {background: url(/img/layout/goto-next.png) no-repeat; width: 50px; height: 50px; position:absolute; /* bottom: 40px; */ left: 50%; margin-left: -25px; margin-top:-85px;}



#mmecora {width: 140px; height: 100%; position: fixed; top: 0; right: 0; z-index: 300;}
.pad #mmecora img {display:none;}
#mmecora img {margin-top:750px;}

#infolettre {/*background-color: #fde899;*/ padding: 100px 0 0px 0; }
#infolettre .text {margin-top: 43px;}
#infolettre .visuel {position:relative; /*overflow:hidden;*/ height:290px;}
#infolettre .visuel img {margin-top: 0px; width: 100%; top:0;     max-width: 435px;}
#infolettre #notes {padding-top: 30px; /* padding-bottom: 30px; */  /* margin-bottom: 30px; */ margin-top: 20px; /* padding-right: 70px; */ /* font-size: 0.75em; */ font-size: 1em; line-height: 1.2em; /* margin: 0 92px; */}
#infolettre #notes p {/*margin-bottom:0;*/ padding-bottom:20px;}

#anniversaire{background:url(/img/layout/cora_anniversaire.png) no-repeat; background-size: 92px 94px; background-position:0 5px; height:78px; float:right; padding: 4px 0;}
#anniversaire p{margin-left:100px; width:100%; max-width:55%;}

#slideshow-1.gros-produit {margin-left: -26px; min-height:400px;/* margin-top:28px; */}
.max #slideshow-1.gros-produit {margin-top:32px; margin-left:0; margin-right: 30px; text-align:center; height:400px; position:relative;}
.max #slideshow-1.gros-produit > div {  position: absolute;   bottom: 0;   left: 0; width: 100%;}
.max #slideshow-1.gros-produit img {width: auto; /* position: absolute; bottom: 0; left: 0; */}
#slideshow-1.gros-produit .cycle-slide {width: 96%;}
#slideshow-2.petits-produits {margin: 0px 50px 0 50px; position:relative;}
.max #slideshow-2.petits-produits #cycle-2 {height: 115px!important;}
.max #slideshow-2.petits-produits #cycle-2 .cycle-carousel-wrap {height: 115px;}

.max #slideshow-2.petits-produits #cycle-2 img {  position: absolute;
  bottom: 0;}

.desactive{cursor: default; opacity: 0.4;}


#slideshow-2 a.cycle-prev, #slideshow-2 a.cycle-next {position: absolute; top: 31px;}
.max #slideshow-2 a.cycle-prev, .max #slideshow-2 a.cycle-next {top: 77px;}
#slideshow-2 a.cycle-prev {left: -35px;}
#slideshow-2 a.cycle-next {right: -25px;}

.produit-desc {margin-top: 130px; /* margin-left:-10px; */ font-size: 1.22em; line-height: 1.2em; text-align: left;}
.produit-desc h1 {font-size: 1.4em; font-weight: bold; margin-bottom:5px;}
.produit-desc p{margin-top:0;}

.platsSeuls .bx-wrapper .bx-viewport {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	border:  none;
	background: none;
}
.platsSeuls .bx-wrapper .bx-controls-direction a.bx-prev,
.platsSeuls .bx-wrapper .bx-controls-direction a.bx-next {
	top: 97px;
}

.platsSeuls .bx-wrapper .bx-controls-direction a.bx-prev{
	left:-40px
}

.platsSeuls .bx-wrapper .bx-controls-direction a.bx-next{
	right:-54px
}

.platsSeuls .bx-wrapper {
	margin-top:-4px !important;
	margin-bottom:11px !important;
}

.platsSeuls .bx-wrapper a.lienSlide {height: 120px; display: table-cell; vertical-align: bottom; }

/*.add-ç{padding-left:3px;}*/
.addthis_toolbox{float:left !important; width:/*101%;*/ /* 192px; */ 250px; overflow:hidden;}
.addthis_toolbox iframe {max-width: 100px;}
.tweet_iframe_widget {width:auto !important;}

.addthis_button_facebook_share {
	overflow:hidden;
	padding-left:5px !important;
}

.loader {position: absolute; top: 50%; left: 45%; margin-left: -50px; margin-top: -50px;}

.container-gros{margin-top:50px;}
.container-gros .cycle-slideshow{margin-bottom:35px;}
.container-gros h1{/*width: 260px;*/ margin: 35px 0 5px 0; font-size: 2.15em; line-height: 1.02em; letter-spacing: 0.002em;}
.container-gros h2{font-weight:bold; margin-bottom:0}
.container-gros h2, .gm-style-iw h3{margin: 0px; font-size: 1.97em; letter-spacing: 0.04em;}
.gm-style-iw h3{font-weight:normal;}

.container-gros h3{margin: 3px 0 0 0; font-size: 1.5em;}
/*.container-gros p{font-size: 1.34em; line-height: 1.2em; margin-top: 1px 0 0 0;}*/
.container-gros p{margin: 0; padding: 0; margin-top: -3px; font-size: 1.24em; letter-spacing: 0.005em; margin-bottom: 10px; line-height: 1.2em;}
.container-gros p~p{margin-bottom:10px;}

.avis-legal div#main{/*margin-top:51px;*/ padding-left:2px;}
.avis-legal div#main h1{font-size: 2.14em; font-weight: bold; margin-top: 13px; margin-bottom:5px;}
.avis-legal div#main h2{/*margin-top: 6px; font-size: 1.77em;*/  margin-top:2px; font-size:16px; margin-bottom:0; font-weight:bold;}
.avis-legal div#main h3{margin-top: 0; font-size: 1.495em; margin-top:-1px; margin-bottom:0px;}
.avis-legal div#main p{margin: 0; padding: 0; margin-top: -3px; font-size: 1.24em; letter-spacing: 0.005em; margin-bottom:10px; line-height:1.2em;}
.avis-legal div#main a{letter-spacing: 0.0055em;}
.avis-legal div#main .cycle-slideshow{margin-top:50px;}

footer {background-color: rgb(254, 209, 65); /*padding: 20px 0 10px 0;*/ padding: 20px 0 30px 0; text-transform:uppercase; position:relative; z-index: 1000; /*border-top: 4px solid #fff;*/}

footer .show-plan {cursor: pointer;}

footer a {/* color: #53565a; */ color: rgb(117,120,123); text-decoration:none;}
footer a:hover{color:rgb(83,86,90);}
footer h2, footer h3.style-h2 {margin: 0 0 10px 0; font-size: 1.38em; font-weight: lighter;}


footer #plan {margin-bottom: 30px; display:none;}
footer #plan nav {}
footer #plan nav ul {margin-bottom: 10px; }
footer #plan nav ul li {width:100%;float:none;}
footer #plan nav ul li a {letter-spacing:0;}
footer #plan nav ul li a:hover {}
footer #plan h3, footer #plan h4.style-h3 {margin: 0 0 5px 0; line-height:1em;  font-size: 1.1em;    /* font-size: 1.17em; */ padding:0; width: auto;}
footer #plan h3 a {text-decoration: none;}

footer #plan .col-1-4 {}
#main .col-fix-992 {width:800px; margin:0 auto; float:none;}
.carte_cadeau_2 .ariane {margin-left: 11.9%;}
.carte_cadeau_2 #main h1 {margin-left: 22px;}

.containerSolde{
	height: 560px;
	overflow: hidden;
	margin-top: 25px;
}
.containerSolde iframe{
	height: 700px;
}
.solde{
	top: -54px;
	position: relative;
}
@media only screen and (min-width: 768px) {
	.containerSolde{
		height: 650px;
	}
	.containerSolde iframe{
		height: 800px;
	}
	.solde{
		top: -120px;
	}
}

#social {margin-bottom: 10px;}
#social nav {margin-bottom:8px; margin-left:-2px;}
#social nav ul {}
#social nav ul li {float:left; margin-right: 37px;}
#social nav ul li a {color: #fff;  text-align:center; width: 62px; height: 62px; display:block}

#social nav ul li a.mail {background-image: url(/img/layout/ico-mail-2.png);}
#social nav ul li a.mail:hover {background-image: url(/img/layout/ico-mail.png);}
#social nav ul li a.facebook {background-image: url(/img/layout/ico-facebook-2.png);}
#social nav ul li a.facebook:hover {background-image: url(/img/layout/ico-facebook.png);}
#social nav ul li a.twitter {background-image: url(/img/layout/ico-twitter-2.png);}
#social nav ul li a.twitter:hover {background-image: url(/img/layout/ico-twitter.png);}
#social nav ul li a.instagram {background-image: url(/img/layout/ico-instagram-2.png);}
#social nav ul li a.instagram:hover {background-image: url(/img/layout/ico-instagram.png);}
#social nav ul li a.pinterest {background-image: url(/img/layout/ico-pinterest-2.png);}
#social nav ul li a.pinterest:hover {background-image: url(/img/layout/ico-pinterest.png);}
#social nav ul li a.youtube {background-image: url(/img/layout/ico-youtube-2.png);}
#social nav ul li a.youtube:hover {background-image: url(/img/layout/ico-youtube.png);}
#social nav ul li a.googleplus {background-image: url(/img/layout/ico-google-plus-2.png);}
#social nav ul li a.googleplus:hover {background-image: url(/img/layout/ico-google-plus.png);}

#social nav ul li a:hover {}

#social a.blog {float: right; margin-right: 0px; /*margin-top: 27px;*/ margin-top:11px; font-weight: normal; font-size: 2.65em;}
.en #social a.blog {font-size: 2.38em;}

#bottom {margin-bottom: 8px;}
#bottom nav {margin-top: 7px; margin-left:-2px;}
#bottom nav ul {}
#bottom nav ul li {float: left; margin-right: 24px; font-size: 1em;}
#bottom nav ul li a {font-size:1.19em;}
#bottom nav ul li a:hover {}


#main ul.liste {list-style:none; margin:8px 0 0 0; padding:0;}
#main ul.liste li {/* background: url(/img/layout/liste-guide.png) no-repeat; */ /* width: 340px; */ /* height: 240px; */  text-align:center;  position:relative; margin-bottom: 20px;}
#main .max ul.liste li {margin-bottom:50px;}
#main .max ul.liste li .inner {padding: 0 10px;}
#main ul.liste li img {max-width: 98%;}
#main ul.liste li a {}
#main ul.liste li h1 {/*margin: 0 0 -9px; 0;*/ margin:0; text-align:left;}
#main ul.liste li p {margin:0; font-size:1.22em; line-height: 1.2em; text-align:left; /* width: 415px; */}
#main ul.liste li:first-of-type .inner {/* height: 220px; */ padding-top: 40px; /* padding-left: 15px; */ /* width: 325px; */}
#main ul.liste li:nth-child(2) {margin-top:60px;}
#main .max ul.liste li:nth-child(2) {/*margin-top:130px;*/ margin-top:60px;}
#main ul.liste li:nth-child(odd) {float:right; /* margin-right:40px; */ clear:right;}
#main ul.liste li:nth-child(even) {float:left; clear:left;}
#main ul.liste li.vedette {background: url(/img/layout/bg-vedette.png) no-repeat center center; background-size: 100% 100%;}
#main ul.liste li .nom {/* position: absolute; bottom: 3px; left: 0px;  */font-size: 1.1em; /* margin: 5px 0 0 15px; */margin: 8px 0 0 0; text-align:center; line-height: 1.25em;}
#main ul.liste li img.movable {/* position:absolute; top:0; left:0!important; */}

#my_map img { max-width: none !important; }
/*#restaurants .recherche-resto{}
#restaurants .recherche-resto p, #restaurants .recherche-resto form {float:left;}
#restaurants .recherche-resto p{width: 86px; text-transform: uppercase; margin-top: 16px; margin-left:2px; letter-spacing: 0.064em;}
#restaurants .recherche-resto p span.bold{font-weight:bold; letter-spacing: 0.051em;}
#restaurants .recherche-resto form{position:relative;}
#restaurants .recherche-resto form input[type="text"]{margin-top: 19px; height: 17px; width: 186px;}
#restaurants .recherche-resto form input[type="submit"]{position:absolute; top: 21px; right: 6px; background:url(/img/layout/bt-next.png) no-repeat center #fff;}
#restaurants .recherche-resto p.petit{margin-top: 25px; font-size: 0.65em; margin-left: 0px; width:15px;}
#restaurants .recherche-resto form select{margin-top: 0; width: 194px; background: transparent; border: 0; border-radius: 0; height: 24px; -webkit-appearance: none; text-transform: uppercase; padding-top: -6px; padding-left: 6px; margin-left:1px; color:#999;}
.styled-select {margin-top: 20px; width: 194px; height: 23px; overflow: hidden; background: url(/img/layout/bt-down.png) no-repeat #fff; background-position:175px center; }*/
.recherche-resto .col-1-1{padding-right:0;}
.recherche-resto{width:100%; background-color: rgb(254,209,65); margin-top:0; padding-top:3px;}
.recherche-resto p, #restaurants .recherche-resto form {float:left;}
.recherche-resto p{width:255px; text-transform: uppercase; /*margin-top: 16px;*/ margin-top:10px; margin-left:2px; letter-spacing: 0.064em; font-size:14px;}
.recherche-resto form{position:relative; float:left;}
.recherche-resto form input[type="text"]{/*margin-top: 13px;*/ margin-top:7px; height: 17px; width: 270px; position:relative; font-size: 11.5px; padding-left:5px;}
.recherche-resto form input[type="submit"]{position:absolute; /*top:8px;*/ top: 7px; height: 24px; left: 265px; background:url(/img/layout/bt-next.png) no-repeat center #fff;}
.recherche-resto p.petit{/*margin-top: 20px;*/ margin-top:12px; font-size: 1em; margin-left: 70px; width: 95px; float: left;}

.recherche-resto .styled-select{ margin-top:8px; width: 275px; height: 24px; overflow: hidden; background: url(/img/layout/bt-down.png) no-repeat #fff; background-position:256px center;}
.recherche-resto form select{ margin-top: 0; width: 275px; background: transparent; border: 0; border-radius: 0; height: 24px; -webkit-appearance: none; -moz-appearance:none; text-transform: uppercase; padding-top: -6px; padding-left: 6px;	margin-left:1px; color:#999;	position:relative; -moz-appearance: none; text-indent: 0.01px; text-overflow: '';}

.restaurants-liste .box-ariane, .restaurant-seul .box-ariane{top: 451px;}

#restaurants h1{font-weight: bold; margin-top: 57px; margin-left: 2px; margin-bottom:0px; font-size: 2.13em; width:100%;}
#restaurants .resto-contact-seul h1{margin-top:0; margin-bottom: 15px;}

#restaurants .col-1-2{width: 46.5%;}
#restaurants .resto-contact div.btn-plus a{color: white;}
#restaurants .resto-contact div.btn-plus:hover{background-color: rgb(83,86,90);}
#restaurants .resto-contact{background-color:#fff; margin-top:29px; margin-bottom:10px; padding:12px 17px;}
#restaurants .resto-contact:nth-of-type(odd){margin-right:55px;}
#restaurants .resto-contact p, .gm-style-iw p {padding: 0; margin-top: 8px; margin-left: 2px; margin-bottom:0; font-weight: bold; letter-spacing: 0.007em;}
#restaurants .resto-contact p.telephone, .gm-style-iw p.telephone {letter-spacing:0.04em; margin-top:4px;}

/*Si mise en page pas en tableau*/
#restaurants .resto-contact .tabHoraire, .gm-style-iw .tabHoraire {padding-top:13px;}
#restaurants .resto-contact .tabHoraire p, .gm-style-iw .tabHoraire p {font-weight: normal; border-top: 1px solid rgb(117,120,123); margin:0;/* margin-top: 13px;*/ width: 100%; color: #949799; padding-top: 3px; padding-left: 1px; padding-bottom: 3px;}
#restaurants .resto-contact .tabHoraire p:last-of-type, .gm-style-iw .tabHoraire p:last-of-type {border-bottom: 1px solid rgb(117,120,123);}

#restaurants .resto-contact .tabPlatform {float: left;margin-top: 9px;}

/*Si mise en page en tableau*/
#restaurants .resto-contact table{border-top:1px solid rgb(117,120,123); border-bottom:1px solid rgb(117,120,123); border-collapse: collapse; margin-top: 12px; width: 100%; color:#949799;}
#restaurants .resto-contact table td{border-bottom:1px solid rgb(117,120,123); font-size: 1.34em; padding:3px 2px; line-height:1em;}
#restaurants .resto-contact table td:last-of-type{text-align:right;}


#restaurants .resto-contact h3{margin-top: 6px; margin-left: 4px; font-size: 1.39em; color:#000;}
#restaurants .resto-contact h3 img, .gm-style-iw h3 img {margin-left: 8px;}
#restaurants .resto-contact .btns, .gm-style-iw .btns {float: right; /* width: 179px; */ height: 26px; margin:11px -18px -10px 0;}
#restaurants .resto-contact .btns .btn-itineraire, .gm-style-iw .btns .btn-inineraire {background: url(/img/layout/ico-location-2.png) no-repeat 6px center; background-size: auto 19px; width: 100px; background-color: white; float: left; height: 26px; text-align: center; line-height: 26px; text-transform: uppercase; padding-left: 14px; letter-spacing: 0.05em;}
#restaurants .resto-contact .btns .btn-plus, .gm-style-iw .btns .btn-plus {background: url(/img/layout/bt-next-blanc.png) no-repeat #75787b right 6px center; color: #fff; text-transform: uppercase; margin-top: 2px; float: right; /* width: 56px;  */padding-left: 9px; line-height: 26px; padding-right: 20px;}
#restaurants .resto-contact .btns .btn-plus:hover, .gm-style-iw .btns .btn-plus:hover {background-color: rgb(83,86,90);}

#restaurants .resto-contact a.btnActif img{
	/* Safari */
	-webkit-transform: rotate(-180deg);

	/* Firefox */
	-moz-transform: rotate(-180deg);

	/* IE */
	-ms-transform: rotate(-180deg);

	/* Opera */
	-o-transform: rotate(-180deg);

}

.streetview{border-radius:7px !important; border:4px solid white;}
.resto-seul{margin-top:52px;}
.resto-contact-seul{padding-left:10px;}

.resto-contact-seul .sous-contenu{}

.resto-contact-seul h2{margin-top: 0px; margin-bottom:0; font-size: 1.74em; font-weight: bold; line-height: 1em;}
.resto-contact-seul .sous-contenu p{font-size: 1.3em; margin-top: 13px; /*font-weight: bold;*/ letter-spacing: 0.001em; line-height: 1.3em; margin-bottom:0;}
.resto-contact-seul .sous-contenu .telephone{margin:0; padding:0;}
.resto-contact-seul .sous-contenu h3{font-size: 1.3em; margin-top: 31px; line-height: 0.2em; font-weight: bold; letter-spacing:0.041em;}
.resto-contact-seul .tabHoraire{border-top: 1px solid grey; margin-top: 25px; padding: 0; width: 78%;}
.resto-contact-seul .tabHoraire table{width:100%; border-collapse: collapse;}
.resto-contact-seul .tabHoraire table tr{width:100%;}
.resto-contact-seul .tabHoraire table tr td{border-bottom: 1px solid grey; padding: 0; font-size: 1.3em; font-weight: bold;}
.resto-contact-seul .tabHoraire table tr td:last-of-type{text-align:right; padding-right: 5px;}
h3.commodites{font-size: 1.385em; font-weight: 0.04em; font-weight: bold; margin-top: 30px; margin-left: -2px; line-height: 0.1em; margin-bottom: 0; padding-bottom: 0;}
.resto-contact-seul .tabHoraire p{margin-top: 3px; border-bottom:1px solid grey;}

.resto-contact-seul .btns{width: 255px; height: 26px; margin: 11px -18px -10px 0; margin-left: -2px;  margin-top: 22px;}
.resto-contact-seul .btns .btn-itineraire{background: url(/img/layout/ico-location-2.png) no-repeat 4px center; /*background-size: auto 19px;*/ background-size: auto 22px; width: 85px; background-color: white; float: left; height: 26px; text-align: center; line-height: 26px; text-transform: uppercase; padding-left: 19px; letter-spacing: 0.062em;}
.resto-contact-seul .btns .btn-retour{background: url(/img/layout/bt-prev-blanc.png) no-repeat #75787b 4px center; color: #fff; text-transform: uppercase; margin-top: 0px; width: 124px; padding-left: 23px; line-height: 26px; float:left; letter-spacing: 0.036em;}
.resto-contact-seul .btns .btn-retour:hover{background-color: rgb(83,86,90);}
.resto-contact-seul .btns .btn-retour a{color:#fff;}
.resto-seul img{border:4px solid white; border-radius: 7px; margin:0 10px;}
.resto-seul h3{font-size: 1.5em; margin-top: 14px; line-height: 1em;}
.resto-seul p{padding: 0; margin-top: 1px; font-size: 1.1em; letter-spacing: 0.056em;}



/*.infolettre{vertical-align: baseline}
.infolettre div#main .control-group{width:50%; float:left; position:relative; padding: 20px 0;}
.infolettre div#main .control-group .erreur{padding:0;}
.infolettre .control-label{position:absolute; text-transform:uppercase; font-size:8px; margin-top:26px;}
.infolettre .controls span, .error{display: block; margin-top: 11px; font-size: 10px;}
.infolettre .controls label.error{color:red; position:absolute;}
.infolettre .erreurApresChamp .error{position:relative; top:60px;}
.infolettre .chosen-container-multi .chosen-choices li.search-choice span{margin-top:0;}
.infolettre .InfolettreFrequenceannuel-error {position:relative; top:11px;}*/

/**** PAGE à emporter ****/
h1.emporter{font-weight:bold; width:250px;}
#menu_postal{margin-top:49px; font-size: 1.12em; position: relative; padding-left:30px;}
#menu_postal label{text-transform:uppercase; /*line-height:1.75em;*/ }
#menu_postal label strong{}
#menu_postal input{width: 145px; position: relative; top: -13px; height: 15px; padding: 7px 11px 6px 2px; margin-right: 0; font-weight: light; float: right;}
#menu_postal a{position:absolute; right: 4px; top: 8px;}
#menu_postal .error{/*font-weight: bold;*/ position: absolute; top: 39px; left: 30px; max-width: 265px; color:red;}


/*** DIV informations dans MAP ***/
.gm-style-iw .tabHoraire p{width:98%!important;}
.gm-style-iw .btns{margin:10px 0 0 0 !important; padding: 0 2px 0 0 !important; width:auto !important; float:right!important;}
.gm-style-iw .btn-itineraire{float:left!important; margin-top:0px !important; padding: 6px 10px 4px 20px; background: url(/img/layout/ico-location-2.png) no-repeat 4px center; background-size:12px; text-transform: uppercase; font-size:12px;}
.gm-style-iw .btn-plus{float:left!important; margin-top:0px!important; font-size:12px;}
.gm-style-iw .btn-plus a{color:#fff;}



.no-cycle div {float: left; margin-right: 20px; margin-top: 45px;}


.page-infolettre .repositionnementLabel {position:relative !important; top:25px;}
.page-infolettre .repositionnementDiv {/*position:relative; top:-40px; margin-bottom:-10px;*/}
.page-infolettre .repositionnementDiv #InfolettreEnfant_chosen{margin-top:-27px;}
.page-infolettre .repositionnementDiv #InfolettreInterets_chosen{margin-top:-27px;}

.page-infolettre{vertical-align:baseline;/* margin-top:50px;*/}
.page-infolettre .control-group{width:100%; float:left; position:relative; padding: 20px 0; max-height:30px;}
.page-infolettre .control-label{position:absolute; text-transform:uppercase; font-size:8px; margin-top:26px;}
.page-infolettre .controls span{display: block; margin-top: 11px; font-size: 10px;}
.page-infolettre .error{display:block; font-size:10px;}
.page-infolettre .repositionnementDiv .help-block{color:red; margin-top:6px;}

.page-infolettre .controls label.error, .page-infolettre .controls span.error{color:red; position:absolute; top:5px;}
.page-infolettre .erreurApresChamp .error{position:relative; top:60px;}
.page-infolettre .controls span.error{left:34px; top:-3px;}

.page-infolettre select, .page-infolettre .chosen-container{height: 24px; margin:0; background-color:#fff; /* color: #fed141; */ font-size: 10px; font-weight: bold; letter-spacing: 0.035em; line-height: 1em; text-transform: uppercase; border: 0; border-radius: 0; -webkit-appearance: none; width:308px;}

.page-infolettre .chosen-container{background: url(/img/layout/bt-down.png) no-repeat #fff; background-position: 290px center;}

.page-infolettre .chosen-container .chosen-drop {width: 308px !important; border:none !important;}
.page-infolettre .chosen-container-multi .chosen-choices{width:308px !important; border:none !important;background: url(/img/layout/bt-down.png) no-repeat #fff; background-position: 290px center;}
.page-infolettre .chosen-container-multi .chosen-choices li span{margin-top:0;}
.page-infolettre input.default{/* color:#fed141 !important;  */ color: #999!important; font-weight:bold !important;padding:4px 5px 3px 5px !important;}

.page-infolettre select{padding:0 5px; width:308px;}

.page-infolettre input, .page-infolettre .controls{width:300px; margin:0;}
.page-infolettre input.error{/*padding:0;*/}
.page-infolettre input{height:16px;}
.page-infolettre .controls{height:auto;}

.page-infolettre button[type='submit']{height: 26px; margin-left: 0; margin-top: 20px; border: none; height: 26px; padding: 4px 8px;  text-transform: uppercase; font-size: 12px; background-color: #75787b; color: #fff;}

/** DROPDOWN infolettre **/
.page-infolettre select{
	font-size:10px;

	margin-top: 0;
	width: 308px;
	background: transparent;
	border: 0;
	border-radius: 0;
	height: 24px;
	-webkit-appearance: none;
	text-transform: uppercase;
	margin-left:1px;
	color:#999;
	position:relative;
	-moz-appearance: none;
	text-indent: 0.01px;
	text-overflow: '';
}

.page-infolettre .styled-select-infolettre{
	font-size:10px;
	padding-left:5px;

	/*margin-top:-1px;*/
	width: 308px;
	height: 24px;
	overflow: hidden;
	background: url(/img/layout/bt-down.png) no-repeat #fff;
	background-position: 290px center;
}

/** Select date de naissance **/
.page-infolettre select[id="InfolettreDateNaissanceMonth"]{width:130px; margin-right:5px;}
.page-infolettre select[id="InfolettreDateNaissanceMonth"].styled-select-infolettre{background-position:112px center;}

.page-infolettre select[id="InfolettreDateNaissanceDay"]{width:72px; margin:0 4px; background-color:#fff;}
.page-infolettre select[id="InfolettreDateNaissanceDay"].styled-select-infolettre{background-position:55px center;}

/*.page-infolettre select[id="InfolettreDateNaissanceYear"]{width:72px; margin-left:5px;}*/
.page-infolettre label[for="InfolettreFrequenceannuel"]{width:75%;}

.page-infolettre input[id="InfolettreEmail"]{text-transform:none;}

.page-infolettre input[type='radio'],
.page-infolettre input[type='checkbox']{
	opacity: 0;
    float: left;
    width: 25px;
    height: 25px;
}

.page-infolettre input[type='radio'] + label,
.page-infolettre input[type='checkbox'] + label {
    margin: 0;
    clear: none;
    padding: 5px 0 4px 24px;
    cursor: pointer;
    background: url(/img/layout/off.png) left center no-repeat;
}

.page-infolettre input[type='radio']:checked + label {
    background-image: url(/img/layout/check.png);
}
.page-infolettre input[type='checkbox']:checked + label {
    background-image: url(/img/layout/check.png);
}

.page-infolettre .control-group.checkAbonne {width:100%;}
.page-infolettre .control-group.checkAbonne .controls {width: 100%;}
.page-infolettre .control-group.checkAbonne .controls input[type="checkbox"] {position:absolute;}
.page-infolettre .control-group.checkAbonne .controls label {padding-left: 34px; width: 100%;}
.page-infolettre .margin-date-naissance{margin-top:40px;}

#flashMessage { background: rgb(254, 209, 65); padding: 10px; font-size: 15px; text-align: center; margin-top: 75px; }


/**** Pages emplois et Nous joindre ****/
h4{width: 360px; padding-top: 16px; font-size: 1.97em; margin-left: 0px; line-height: 1.15em; margin-bottom: 5px;}
.devenir-franchise h4 {width:auto;}
.container-gros ul, .container-gros ol{padding-left: 17px; /* font-size:1.24em;  */ font-size:15px; margin-top:0;}
.container-gros ul li, .container-gros ol li{padding: 4px 0;}

footer .infolettre {margin-top: 4px; display: inline-block; float: right; margin-right: 0px; background: url(/img/layout/bt-next.png) no-repeat right center; padding-right:15px; letter-spacing: -0.01em; font-size: 1.14em;}
footer .infolettre:hover{background: url(/img/layout/bt-next-over.png) no-repeat right center;}


footer #credits {font-size: 0.68em; margin-top: 5px; text-transform: none;}

.flex-container {display:flex; justify-content: space-between; }
.flex-container .flex-col {min-width: 16.6%}
.flex-container [class*='col-'] {
	float: none;
	padding-right: 0px; /* column-space */
}


/**** Template emplois form ****/

.emplois {}
.emplois .download-file, .emplois .download-pj, .download-input {text-align: center; padding: 50px; border: 1px solid #fff; background-color: rgba(255,255,255,0.1); display:block; font-size: 24px; transition: 500ms all ease; cursor: pointer;}
.emplois .download-file.fileIn, .emplois .download-pj.fileIn, .download-input.fileIn {background-image: url(/img/success.png); background-repeat:no-repeat; background-position: right 40px center;}
.emplois .download-file:hover, .emplois .download-pj:hover, .download-input:hover {background-color: rgba(255,255,255,0.2);}
.emplois .download-file .dz-preview, .download-input .dz-preview {display:flex; align-items: center; justify-content: center; text-align: left; font-size: 13px; margin-top:30px;}
.emplois .download-file .dz-preview > div, .download-input .dz-preview > div {padding-right: 20px;}
.emplois .download-file .dz-preview > .dz-success-mark {display:none;}
.emplois .download-file .dz-preview > .dz-error-mark {display:none;}

.download-input + input[type="file"] {display:none;}

.emplois #jobs-form {}
.emplois #jobs-form nav.jobs-nav {}
.emplois #jobs-form nav.jobs-nav ul, .emplois .jobs-form nav.jobs-nav ul {list-style:none; margin:0; padding:0; display:flex; align-items: stretch;}
.emplois #jobs-form nav.jobs-nav ul li, .emplois .jobs-form nav.jobs-nav ul li {width: 20%;}
.emplois #jobs-form nav.jobs-nav ul li a, .emplois .jobs-form nav.jobs-nav ul li a {display:block; height:100%; padding: 20px; text-align: left; background-color: rgb(254,209,65); border:1px solid #fff; box-sizing: border-box; display: flex; align-items: center; transition: all ease 500ms;}
.emplois #jobs-form nav.jobs-nav ul li a span, .emplois .jobs-form nav.jobs-nav ul li a span {font-size: 40px; font-weight:bold; margin-right: 15px;}
.emplois #jobs-form nav.jobs-nav ul li.active a, .emplois .jobs-form nav.jobs-nav ul li.active a {background-color: #fff;}
.emplois #jobs-form nav.jobs-nav ul li.active a:hover, .emplois .jobs-form nav.jobs-nav ul li.active a:hover {background-color: #fff;}
.emplois #jobs-form nav.jobs-nav ul li a:hover, .emplois .jobs-form nav.jobs-nav ul li a:hover {background-color: rgba(254,209,65, 0.75);}
.emplois #jobs-form nav.jobs-nav ul li.disabled a, .emplois #jobs-form nav.jobs-nav ul li.disabled a {opacity:0.4; cursor: default;}

.emplois #jobs-form .flex-row, .emplois .jobs-form .flex-row {display:flex; flex-wrap:wrap;}
.emplois #jobs-form .flex-row [class*='col-'], .emplois .jobs-form .flex-row [class*='col-'] {float:none;}
.emplois #jobs-form .jobs-step {border:1px solid #fff; padding: 20px 20px 10px 20px; box-sizing: border-box; display: none;}
.emplois .jobs-form {display: none;}
.emplois .jobs-form.active {display:block;}
.emplois .jobs-form .jobs-step {border:1px solid #fff; padding: 20px 20px 10px 20px; box-sizing: border-box;}
.emplois #jobs-form .jobs-step.active, .emplois .jobs-form .jobs-step.active {display:inherit;}
.emplois #jobs-form .jobs-step .field-bloc, .emplois .jobs-form .jobs-step .field-bloc {margin-bottom: 10px;}
.emplois #jobs-form .jobs-step input[type="text"], .emplois #jobs-form .jobs-step input[type="email"], .emplois #jobs-form .jobs-step input[type="number"],
.emplois .jobs-form .jobs-step input[type="text"], .emplois .jobs-form .jobs-step input[type="email"], .emplois .jobs-form .jobs-step input[type="number"]
{width: 100%; box-sizing: border-box; margin:0; text-transform: none;}

#job-validation {background-color: #fff;}

#job-validation input[disabled] {
    opacity: 0.4;
    cursor: default !important;
}
#job-validation .message {margin-top:2px;}

html.iframe, html.iframe body {min-width: 0; overflow:hidden;}
html.iframe .iframe-grid {width: 100%;}

html.iframe .recherche-resto p.petit {margin-left:0px; width: 45px;}
html.iframe .recherche-resto p {padding-left:20px;}

@media handheld, only screen and (max-width: 767px) {
	.emplois #jobs-form .flex-row [class*='col-'] {width: 100%;}
}


.field-bloc .check-group input[type='radio'] + label,
.field-bloc .check-group input[type='checkbox'] + label {
    margin: 0;
    clear: none;
    padding: 7px 15px 7px 30px;
    display: inline-block;
    width: auto;
    cursor: pointer;
    background: url(/img/layout/off.png) left center no-repeat;
}

.field-bloc .check-group input[type='radio']:checked + label {
    background-image: url(/img/layout/check.png);
}
.field-bloc .check-group input[type='checkbox']:checked + label {
    background-image: url(/img/layout/check.png);
}
#job-validation .field-bloc .check-group input[type='radio'] + label,
#job-validation .field-bloc .check-group input[type='checkbox'] + label {background: url(/img/layout/off-validation.png) left center no-repeat; cursor: default;}
#job-validation .field-bloc .check-group input[type='radio']:checked + label,
#job-validation .field-bloc .check-group input[type='checkbox']:checked + label {background: url(/img/layout/check-validation.png) left center no-repeat; cursor: default;}

.field-bloc input[type='file'] {background-color: transparent;}

.field-bloc .check-group input[type='radio'], .field-bloc .check-group input[type='checkbox'] {opacity:0; position:absolute;}
.field-bloc .check-group {display:inline;}
.field-bloc .check-group input[type="checkbox"] {position:absolute;}
.field-bloc .check-group label {padding-left: 34px; width: 100%;}
.field-bloc label {  margin-right: 5px;}
.field-bloc label small {font-size: 8px;}

.emplois #jobs-form hr {background-color: #fff; height: 1px; margin-bottom: 20px; margin-top: 20px; width: calc(100% - 20px); border:none; margin-right: 20px;}

.emplois .tools {text-align: right; display:block; padding-right: 20px; width: 100%; box-sizing: border-box; margin: 10px 0;}
.emplois .tools .bouton {
	background-color: rgb(254,209,65);
    padding: 10px 20px;
    text-transform: uppercase;
    display:inline-block;
}

.emplois #jobs-form input[readonly] {background-color: transparent; border-bottom:1px solid #fed141; padding-left:0; padding-bottom:2px;}
/* #job-validation .field-bloc label {opacity:0.5;} */


.grid.emplois  label.error{color:red;    display: block;clear: both;width: 100%;}

.youtube-embed-wrapper{margin-bottom:25px;}

/**** Fin : Template emplois form ****/

/**** Template emplois siege social ****/

#head-jobs {margin-top: 50px;}
#head-jobs .tools {text-align: right; display:block; padding-right: 20px; width: 100%; box-sizing: border-box; margin: 10px 0;}
#head-jobs .tools .bouton {
	background-color: rgb(254,209,65);
    padding: 10px 20px;
    text-transform: uppercase;
    display:inline-block;
}

#head-jobs .job {margin-bottom: 25px; border-bottom: 1px solid rgb(254,209,65); padding-bottom: 25px;}
#head-jobs .infos {display:flex;/*  border-bottom: 1px solid #fff; border-top: 1px solid #fff; */ padding: 5px 0;}
#head-jobs .infos .lieu {padding-right: 40px;}
#head-jobs .infos .status {}

/**** Fin : Template emplois siege social ****/

.messageImportant{background-color:rgb(254,209,65);box-sizing: border-box;padding:5px 20px 15px 20px;margin-top:20px;}


/**********************************/
/****** CORRECTIONS FIREFOX *******/
/**********************************/

@-moz-document url-prefix() {
    .recherche-resto form select {
    	padding-left:0;
    }

    #langueProvince .styled-select-province{
	    padding-left:0;
    }

    #langueProvince select{
	    padding-left:0;
    }
}


/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */


/* IE 10 et + */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	#langueProvince .styled-select-province {width: 45px;}
	#bottom nav ul li {margin-right: 24px;}

	body img {border:none;}

}



@media only screen and (min-width: 768px) {
    .mobile {display:none;}
}


@media only screen and (max-width: 1260px) {
   #notes p {width: 90%;}
   #main .col-fix-992 {width: auto;}
   .carte_cadeau_2 #main h1 {margin-left:2px;}
}


@media only screen and (max-width: 1024px) {
	#mmecora {
  right: auto;
  left: 884px;
  }
}

@media only screen
  and (max-height: 770px) {
  	#panel.little{height:445px!important;}
	#panel.fullscreen{max-height:445px;}
}

@media only screen
  and (min-device-width: 768px)
  and (max-device-width: 1024px)
  and (orientation: landscape)
  and (-webkit-min-device-pixel-ratio: 1) {
  	#panel.little{height:465px!important;}
	#panel.fullscreen{max-height:465px;}

}




@media screen and (min-height: 670px) and (max-height: 671px){
	/** ==== ACCUEIL ARRANGER LES COCOS (À TESTER SUR IPAD) ==== **/
	/*#panel.little{height:465px!important;}
	#panel.fullscreen{max-height:465px;}*/

	/*#slideshow-1.gros-produit div img{max-height:300px;}
	.max #slideshow-1.gros-produit{margin-top:0;}
	.max #slideshow-1.gros-produit > div{height:350px;}*/
}

@media screen and (min-height: 672px) and (max-height: 700px){
	/** ==== ACCUEIL ARRANGER LES COCOS (À TESTER SUR IPAD) ==== **/
	/*#panel.little{height:490px!important;}
	#panel.fullscreen{max-height:490px;}*/



	/*#slideshow-1.gros-produit div img{max-height:300px;}
	.max #slideshow-1.gros-produit{margin-top:0;}
	.max #slideshow-1.gros-produit > div{height:350px;}*/
}

@media only screen
  and (min-device-width: 768px)
  and (max-device-width: 1024px)
  and (-webkit-min-device-pixel-ratio: 1) {
  	.fixed{display:none;}
}

/*iphone 6 landscape*/
@media only screen
and (min-device-width : 414px)
and (max-device-width : 736px)
and (orientation : landscape) {

	#infolettre .visuel img { max-width: 285px;}
}







/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}


/* .emplois-2019 p img:not([style*="float"]){width:100% !important;height:auto !important;float:none;margin:20px 0px 20px 0px} */
.emplois-2019 p img[style*="float:left"]{width:33% !important;height:auto !important;float:left;margin:10px 40px 10px 0px}
.emplois-2019 p img[style*="float:right"]{width:33% !important;height:auto !important;float:right;margin:10px 0px 10px 40px}
.emplois-2019 p img[style*="float: left"]{width:33% !important;height:auto !important;float:left;margin:10px 40px 10px 0px}
.emplois-2019 p img[style*="float: right"]{width:33% !important;height:auto !important;float:right;margin:10px 0px 10px 40px}
.emplois-2019 h3 img[style*="float:left"]{width:33% !important;height:auto !important;float:left;margin:10px 40px 10px 0px}
.emplois-2019 h3 img[style*="float:right"]{width:33% !important;height:auto !important;float:right;margin:10px 0px 10px 40px}
.emplois-2019 h3 img[style*="float: left"]{width:33% !important;height:auto !important;float:left;margin:10px 40px 10px 0px}
.emplois-2019 h3 img[style*="float: right"]{width:33% !important;height:auto !important;float:right;margin:10px 0px 10px 40px}
.emplois-2019 td img[style*="float:left"]{width:33% !important;height:auto !important;float:left;margin:10px 40px 10px 0px}
.emplois-2019 td img[style*="float:right"]{width:33% !important;height:auto !important;float:right;margin:10px 0px 10px 40px}
.emplois-2019 td img[style*="float: left"]{width:33% !important;height:auto !important;float:left;margin:10px 40px 10px 0px}
.emplois-2019 td img[style*="float: right"]{width:33% !important;height:auto !important;float:right;margin:10px 0px 10px 40px}



@media only screen and (max-width: 767px) {
.emplois-2019 p img[style*="float:left"]{width:100% !important;height:auto !important;float:none;margin:20px 0px 20px 0px;order:1;}
.emplois-2019 p img[style*="float:right"]{width:100% !important;height:auto !important;float:none;margin:20px 0px 20px 0px;order:1;}
.emplois-2019 p img[style*="float: left"]{width:100% !important;height:auto !important;float:none;margin:20px 0px 20px 0px;order:1;}
.emplois-2019 p img[style*="float: right"]{width:100% !important;height:auto !important;float:none;margin:20px 0px 20px 0px;order:1;}
.emplois-2019 h3 img[style*="float:left"]{width:100% !important;height:auto !important;float:none;margin:20px 0px 20px 0px;order:1;}
.emplois-2019 h3 img[style*="float:right"]{width:100% !important;height:auto !important;float:none;margin:20px 0px 20px 0px;order:1;}
.emplois-2019 h3 img[style*="float: left"]{width:100% !important;height:auto !important;float:none;margin:20px 0px 20px 0px;order:1;}
.emplois-2019 h3 img[style*="float: right"]{width:100% !important;height:auto !important;float:none;margin:20px 0px 20px 0px;order:1;}
.emplois-2019 td img[style*="float:left"]{width:100% !important;height:auto !important;float:none;margin:20px 0px 20px 0px;order:1;}
.emplois-2019 td img[style*="float:right"]{width:100% !important;height:auto !important;float:none;margin:20px 0px 20px 0px;order:1;}
.emplois-2019 td img[style*="float: left"]{width:100% !important;height:auto !important;float:none;margin:20px 0px 20px 0px;order:1;}
.emplois-2019 td img[style*="float: right"]{width:100% !important;height:auto !important;float:none;margin:20px 0px 20px 0px;order:1;}

.emplois-2019 table td {display:flex;flex-direction:column;}
.emplois-2019 table p, .emplois-2019 table h3  {order:2;}
}


.buttons-takeout-single {
	display: flex;
	flex-direction: row;
	margin-top: 20px;
	margin-bottom: 40px;
	
	justify-content: space-between;
	
	width: 90%;
}

.skipdishes-container, 
.takeout-container {
	width: 48%;
}

.container-button {
	margin-top: 12px;
}

.gloria-button {
	padding: 5px;
	font-size: 12px;
	background-color: rgb(254,209,65);
	
	margin-right: 5px;
	
	float: left;
	
	display: inline-block;
    margin: 2px 10px 2px 2px;
    
    box-sizing: border-box;
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
    color: black !important;
    text-decoration: none !important;
    font-family: "AvenirNext", sans-serif;
    font-weight: bold;
    border-radius: 3px;
    
    transition: 0.2s all ease-in-out;
}

.gloria-button:hover,
.gloria-button:active,
.gloria-button:focus {
	background-color: rgb(252, 189, 2);
}

.gloria-button-single {
	display: inline-block;
    padding: 10px 25px;
    margin: 2px;
    background-color: rgb(254,209,65);
    box-sizing: border-box;
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
    color: black;
    text-decoration: none !important;
    font-family: "AvenirNext", sans-serif;
    font-size: 16px;
    font-weight: bold;
    border-radius: 3px;
    
    transition: 0.2s all ease-in-out;
}

@media only screen and (max-width: 767px) {
	.buttons-takeout-single {
		width: 75%;
	}
	
	.gloria-button-single {
		padding: 10px 15px;
    	font-size: 14px;
	}
}

.gloria-button-single:hover,
.gloria-button-single:active,
.gloria-button-single:focus {
	background-color: rgb(252, 189, 2);
}

.skip-dishes-button-single:hover img,
.skip-dishes-button-single:active img,
.skip-dishes-button-single:focus img{
	opacity: 0.8;
}

.skip-dishes-button-single img {
	min-width: 100px!important;
	height:27px;
	display:block;
	
	opacity: 1;
	
	transition: 0.2s opacity ease-in-out;
}

.skip-dishes-button {
	float: left;
	margin-top: 5px;
}

.skip-dishes-button img {
	opacity: 1;
	width:auto;
	height:18px;
	display:block;
	transition: 0.2s opacity ease-in-out;
	
}

.skip-dishes-button:hover img,
.skip-dishes-button:active img,
.skip-dishes-button:focus img{
	opacity: 0.8;
}