/*! HTML5 Boilerplate v6.0.1 | MIT License | https://html5boilerplate.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 {
    color: #121F3C;
    font-size: 0.8rem;
    line-height: 1.2;
}

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * Vendor-prefixed and regular ::selection selectors cannot be combined:
 * https://stackoverflow.com/a/16982510/7133471
 *
 * Customize the background color to match your design.
 */

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

::selection {
    background: #a0d5ff;
    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 audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */

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

/*
 * Remove default fieldset styles.
 */

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

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

textarea {
    resize: vertical;
}

/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */

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

/* =========================================================================
   Author's custom styles
   ========================================================================= */
body {
  font-family: 'Lato', sans-serif;
  background-color:#fff;
}

* {
  -webkit-tap-highlight-color: transparent;
  white-space: normal;
  word-break: keep-all !important;
  -webkit-hyphens: manual !important;
  -moz-hyphens: manual !important;
  -ms-hyphens: manual !important;
  -o-hyphens: manual !important;
  hyphens: manual !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
textarea {
  white-space: pre-wrap;
}

@media (min-width:1500px) {
  .container {
    max-width:1420px;
  }
}
section {
  display:block;
}
a {
  transition:color 0.2s linear, background 0.2s linear;
  color:#c88947;
}
a:visited,
a:focus,
a:link {
  text-decoration: none;
  color:#c88947;
}
a:hover {
  text-decoration: none;
  color:#fa9a36;
}

.no-outline,
.no-outline:focus,
.no-outline:hover,
.no-outline:active {
  outline:0;
}

img {
  max-width:100%;
  height:auto;
}
.wp-caption {
  max-width:100%;
  font-style: italic;
}
@media (max-width:767px) {
  .wp-caption {
    width:100%!important;
  }
}

.vertical-middle {
  position:absolute;
  left:0;
  top:50%;
  transform: translateY(-50%);
}
/*** medias ***/
.video-responsive {
  width:100%;
  height:0;
  padding-bottom:56.25%;
/*  overflow:hidden;*/
  position:relative;
}
.video-responsive iframe, .video-responsive embed, .video-responsive object {
  width:100%!important;
  height:100%!important;
  position:absolute!important;
  top:0;
  left:0;
}

/*** MAGNIFIC POPUP ***/
.mfp-bg {
  opacity:0.9;
}

/*** COOKIEBANNER **/
.cookiebanner {
  font-family: 'Lato', sans-serif!important;
  margin: 10px;
  padding:10px;
  height:auto!important;
  font-size:16px!important;
  font-weight:700;
  color:#343434;
  height:100%;
  padding: 5% 0% 10% 0%;
  background: -moz-linear-gradient(-45deg, rgba(255,255,255,0.75) 0%, rgba(255,255,255,1) 100%)!important; /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, rgba(255,255,255,0.75) 0%,rgba(255,255,255,1) 100%)!important; /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, rgba(255,255,255,0.75) 0%,rgba(255,255,255,1) 100%)!important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfffffff', endColorstr='#ffffff',GradientType=1 )!important; /* IE6-9 fallback on horizontal gradient */
  transition:all 0.5s ease;
  opacity:0.98!important;
  border:none;
  top:auto!important;
  right:auto!important;
  left:0!important;
  bottom:0;
  box-shadow:1px 1px 10px rgba(0,0,0,0.15);
}
.cookiebanner:hover {
  opacity:1!important;
  background: rgb(255,255,255)!important; /* Old browsers */
  background: -moz-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 100%)!important; /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 100%)!important; /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 100%)!important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 )!important; /* IE6-9 fallback on horizontal gradient */
}
.cookiebanner span {
  display:inline-block;
  margin:10px 10px 80px;
  line-height:1em;
  color:#343434;
  text-align:left;
}
.cookiebanner span a {
  display:inline-block;
  float:none;
  margin: 20px 0px 0px 0px;
  font-size: 14px;
  font-weight:700;
  width:100%;
  color: #69212B !important;
}
.cookiebanner span a:hover {
  color: #69212B !important;
  text-decoration: underline;
}
.cookiebanner span a::after {
  font-family: 'FontAwesome';
  content: "\f105";
  margin-left:5px;
}
.cookiebanner img.emoji {
  opacity:0.75;
}
.cookiebanner-close {
  position:absolute;
  bottom: 25px;
  transform: translateX(-50%);
  left: 50%;
  padding: 10px 20px !important;
  text-align: center;
  width: auto;
  transition: 0.2s ease-in all;
  font: 700 20px 'Lato';
  letter-spacing: 0;
  color:#fff;
  background: #69212B 0% 0% no-repeat padding-box;
  opacity: 1;
  cursor:pointer;
}
.cookiebanner-close:hover {
}
@media (min-width: 992px) {
  .cookiebanner {
    font-size:16px!important;
    width:30%;
  }
}
@media (min-width: 1200px) {
  .cookiebanner {
    width:25%;
  }
}
@media (min-width: 1500px) {
  .cookiebanner {
    width:20%;
  }
}

.back-to-top {
  position: fixed;
  z-index: 100;
  right: 0px;
  bottom: 0px;
  color: #fff;
  width: 40px;
  height: 40px;
  text-align: center;
  opacity: 0;
  transition: opacity 0.6s;  
}
.back-to-top.visible {
  opacity:0.8;
}
.back-to-top a {
  height: 40px;
  position: relative;
  width: 40px;
  display: block;  
  -webkit-animation: bounceUp 2s infinite 2s;
  animation: bounceUp 2s infinite 2s;
  -webkit-transition: all .2s ease-in;
  transition: all .2s ease-in;
  transform: scale(1)
}
.back-to-top a::before {
  position:absolute;
  text-align:center;
  content:"\f077";
  font-family:"FontAwesome";
  color:#E7BC8D;
  font-size:40px;
  line-height:20px;
  left:calc(50% - 20px);
  top:calc(50% - 24px);
}
.back-to-top a:hover::before {
  color:#fff;
}
@media (min-width:992px) {
  .back-to-top {
    width:80px;
    height:80px;
  }
  .back-to-top a {
    height: 80px;
    width: 80px;
  }
  .back-to-top a::before {
    font-size:80px;
    line-height:80px;
    left:calc(50% - 40px);
    top:calc(50% - 50px);
  }
}
a.button {
  position:relative;
  z-index:1;
  display:inline-block;
  background: #E7BC8D 0% 0% no-repeat padding-box;
  text-align:center;
  cursor:pointer;
  font: 700 16px Montserrat;
  letter-spacing: 0;
  color:#69212B!important;
  min-width:260px;
  padding:20px;
  line-height:20px;
  transition: ease-in 0.2s all;
}
a.button.invert-button {
  background-color: #69212B;
  color: #E7BC8D!important;
}
@media (min-width:992px) {
  a.button {
    font-size:16px;
  }
}
a.button img {
  max-height:50px;
  width:auto;
}
.border-button {
  position:relative;
  z-index:2;
  padding:4px;
}
.border-button span {
  align-items: center;
  background: #fff;
  border-radius: 40px;
  display: flex;
  justify-content: center;
  height: 100%;
  transition: all .2s ease;
  width: 100%; 
  padding:0 20px;
  min-width:250px; 
  color:#fff;
}
.border-button:hover span {
  background: transparent!important; 
  color:#FFC049; 
}
.margin-top {
  margin-top: 40px;
}
.no-underline {
  text-decoration: none!important;
}

.page .banner {
  position:relative;
  padding-top:150px;
  background-color:#73522f;
  position:relative;
  width:100%;
  overflow:hidden;
  text-align:center;
}
.page .banner h1 {
  position:absolute;
  text-align:center;
  color:#fff;
  font:700 36px 'Lato';
/*  font-style: italic; */
  top:calc(75px + 50%);
  left:0;
  width:100%;
  transform: translateY(-50%)
}
.page .banner img {
  width: 100%;
}
.page .banner .contremarche {
  position: absolute;
  left: 50%;
  width: 60%;
  top: 50%;
  transform: translate(-50%,-60%);  
}
@media (max-width:767px) {
  .page .banner {
    min-height:auto!important;
    height: auto;
  }
  .page .banner img {
    height:auto!important;
  }
}
@media (min-width:768px) {
  .page .banner {
    min-height:220px;
  }
}
@media (min-width:992px) {
  .page .banner {
    min-height:280px;
  }
}

section .scroll-to-section {
  position: absolute;
  z-index:10;
  bottom: 20px;
  left: 50%;
  margin-left: -20px;
  font-size: 0px;
  text-align: center;
  width: 40px;
  height: 40px; 
  opacity:0.80;
  -webkit-animation: bounce 2s infinite 2s;
  animation: bounce 2s infinite 2s;
  -webkit-transition: all .2s ease-in;
  transition: all .2s ease-in;
  transform: scale(1)
}
@keyframes bounce {
  0%,
  100%,
  20%,
  50%,
  80% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  60% {
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
  }
}

section .scroll-to-section::before {
  position:absolute;
  font-family:"FontAwesome";
  content:"\f04b";
  font-weight:400;
  color:#fff;
  font-size:30px;
  line-height:40px;
  width:40px;
  transform:rotate(90deg);
}
section .scroll-to-section:hover {
  opacity:1;
}


.homepage .texte-intro {
  background: #E7BC8D 0% 0% no-repeat padding-box;
  padding:80px 0;
  text-align:center;
  font: 700 16px 'Lato';
/*  font-style: italic; */
  color: #000000;
}
.homepage .texte-intro a.suite,
.homepage .texte-intro a.fermer {
  display:inline-block;
  color:#000000;
/*  text-decoration: underline; */
  font-weight:700;
}
.homepage .texte-intro .texte2 {
  display:none;
}
.homepage .texte-intro .logo {
  margin-top:20px;
}
.homepage .menu-fetes,
.homepage .carte-cadeau {
  padding:80px 0;
  background-color:#fff;
}
.homepage .menu-fetes .presentation,
.homepage .carte-cadeau .presentation {
  position:relative;
  z-index:1;
  background-color:#69212B;
  color:#E7BC8D;
  padding:20px 40px;
}
.homepage .carte-cadeau .presentation {
  padding:21px 40px 21px 21px;
}
.homepage .menu-fetes .presentation::after,
.homepage .carte-cadeau .presentation::after {
  content: "";
  position: absolute;
  z-index: -1;
  top: 20px;
  left: 20px;
  width: calc(100% - 40px);
  height: calc(100% - 40px);
  border: solid 1px #E7BC8D;
}
.homepage .menu-fetes .presentation .texte,
.homepage .carte-cadeau .presentation .texte {
  padding:20px 0;
  text-align:left;
  font-size:16px;
  font-family: 'Open sans',sans-serif;
}
.homepage .carte-cadeau .presentation .texte {
  padding:60px 20px;
}
.homepage .carte-cadeau .presentation .texte h3 {
  font-family: 'Lato', sans-serif;
  font-weight:600;
  font-size:36px;
  margin-bottom:20px;
}
.homepage .carte-cadeau .presentation .texte .button {
  margin-top:40px;
}
.homepage .carte {
  padding:80px 0;
  background-color:#fff;
}
.homepage .carte h2 {
  font-size: 36px;
  font-weight:700;
/*  font-style:italic; */
  color:#69212B;
  margin-bottom:20px;
}
.homepage .carte .infos {
  font:400 16px 'Open sans';
  color:#69212B;
}
.homepage .carte .liste-formules {
  width:100%;
  padding:40px 20px 0;
  text-align:left;
}
.homepage .carte .une-formule {
  border-bottom:solid 1px #d0d0d0;
}
.homepage .carte .une-formule .accordeon {
  position:relative;
  color:#69212B;
  font:700 25px 'Lato';
/*  font-style:italic; */
  padding:20px;
  display:block;
  width:100%;
}
.homepage .carte .une-formule .accordeon::after {
  content:"\f078";
  position:absolute;
  font-family: "FontAwesome";
  right:0;
  top:calc(50% - 10px);
  font-size:20px;
  font-style:normal;
  transition:all .2s ease-in;
}
.homepage .carte .une-formule .accordeon.active::after {
  transform:rotate(180deg);
}
.homepage .carte .une-formule .formule-description {
  font:300 16px 'Open sans';
  color:#000;
  padding:20px;
}
.homepage .carte .une-formule .formule-description p {
  display:inline-block;
  vertical-align: top;
  width:100%;
}
.homepage .carte .une-formule strong {
  font-weight:700;
}
.homepage .carte .container-actions {
  padding:40px 0;
  width:100%;
  text-align:center;  
}
.homepage .carte .container-actions .infos {
  font-size: 18px;
  padding-bottom: 20px;
  font-weight: 600;
  padding-top: 40px;  
}
.homepage .idees-recettes {
  padding:80px 0;
  background-color:#fff;
}
.homepage .idees-recettes h2 {
  font-size: 36px;
  font-weight:700;
/*  font-style:italic; */
  color:#69212B;
  margin-bottom:20px;
}
.homepage .idees-recettes a {
  font-size:16px;
}
.homepage .idees-recettes .video-container {
  margin:40px auto 0;
  max-width:100%;
}
.homepage .horaires {
  background: #69212B; 
  padding:80px 0;
  text-align:left;
  font: 700 16px 'Lato';
/*  font-style:italic; */
  color: #fff;
}
.homepage .horaires h2 {
  font-size: 36px;
  font-weight:700;
  color:#E7BC8D;
  margin-bottom:20px;
}
.homepage .horaires strong {
  font-weight:700;
  font-size:25px;
  color:#fff;
}
.homepage .horaires em {
  font-size: 16px;
}
.homepage .horaires .bloc1,
.homepage .horaires .bloc2 {
  width:100%;
  border-bottom:solid 1px rgba(255,255,255,.3);
  padding-bottom:40px;
}
.homepage .horaires .bloc2,
.homepage .horaires .bloc3 {
  padding-top:40px;
}
.homepage .horaires .itineraire {
  color:#fff!important;
  text-decoration:none;
}
.container-map {
  position: relative;
}
.map-standard {
  min-height: 500px;
  height:500px;
  background-color: #f7f7f7;
}
.map-info {
  color: #343434;
  font-family: "Lato", sans-serif;
  min-width:180px;
}
.map-info span.titre {
  font-size: 16px;
  font-family: "Lato",sans-serif;
  font-weight: 700;
}
.map-info .texte {
  font-size: 14px;
}
.map-info strong {
  font-weight: 700;
}
.map-info a {
  color: #69212B!important;
}
.map-info .phone::before {
  content: "\f095";
  font-family: "FontAwesome";
  font-size: 12px;
  margin-right: 8px;
  color: #343434;
}
.map-info .mail::before {
  content: "\f0e0";
  font-family: "FontAwesome";
  font-size: 12px;
  margin-right: 8px;
  color: #343434;
}
.homepage .reservations,
.page-vente-emporter .reservations {
  background:#E7BC8D;
  padding:40px 0 40px;
  text-align:center;
  font: 700 36px 'Lato';
/*  font-style:italic; */
  color: #69212B;
}
.homepage .reservations h2 {
  font-size: 36px;
  font-weight:700;
  margin-bottom:20px;
}
.homepage .reservations .appelez-nous {
  font-size: 22px;
  margin-bottom: 40px;
}
.homepage .reservations .bouton-appel {
  margin-bottom: 20px;
}
.homepage .reservations a,
.page-vente-emporter .reservations a {
  color:#69212B;
  font-weight: 900;
/*  text-decoration:underline;*/
/*  font-style:italic; */
}
@media (max-width:767px) {
  .homepage .reservations,
  .page-vente-emporter .reservations {
    font-size:18pt;
  }
}
/*
.venir .map img {
  width:100%;
}
*/
/*
#map {
  height:700px;
  width:100%;
  background-color:#ededed;
}
#map .leaflet-popup {
  width:260px;
}
#map .leaflet-popup-content {
  font-family: 'Source Sans Pro';
}
#map h4 {
  color:#a8473e;
  font-weight:700;
  font-size:14pt;
}
*/
.homepage .suivez-nous {
  background: rgb(229,229,229);
  background: -moz-linear-gradient(-45deg, rgba(229,229,229,1) 0%, rgba(255,255,255,1) 45%, rgba(255,255,255,1) 100%); 
  background: -webkit-linear-gradient(-45deg, rgba(229,229,229,1) 0%,rgba(255,255,255,1) 45%,rgba(255,255,255,1) 100%);
  background: linear-gradient(135deg, rgba(229,229,229,1) 0%,rgba(255,255,255,1) 45%,rgba(255,255,255,1) 100%); 
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#ffffff',GradientType=1 );
  padding:80px 0;
  text-align:center;
  font: 300 22pt 'Source Sans Pro';
  line-height:1.1em;
  color: #343434;
}
.homepage .suivez-nous h2 {
  text-transform: uppercase;
  font-size: 30pt;
  font-weight:700;
  color:#343434;
  margin-bottom:40px;
}
.homepage .suivez-nous .social {
  margin-top:80px;
}
.homepage .suivez-nous .social a {
  font-size:0;
  color:#a8473e;
  width:80px;
  height:80px;
  text-align: center;
  display: inline-block;
  vertical-align: top;
  margin:0 15px;
  transition:all 0.2s ease-in;
}
.homepage .suivez-nous .social a:hover {
  color:#fa9a36;
}
.homepage .suivez-nous .social a.facebook::before,
.homepage .suivez-nous .social a.instagram::before {
  font-family: "FontAwesome";
  font-size:80px;
  line-height:80px;
}
.homepage .suivez-nous .social a.facebook::before {
  content:"\f082";
}
.homepage .suivez-nous .social a.instagram::before {
  content:"\f16d";
}

.homepage .galerie-photos {
  padding:80px 0;
  background-color:#fff;
}
.galerie-photos.row {
  margin:0;
}
.galerie-photos .liste-photos {
  padding:0;
  margin:0;
  list-style:none;
  justify-content:center;
}
.galerie-photos .liste-photos li {
  min-height:360px;
  margin-bottom:40px;
}
.galerie-photos .liste-photos li a {
  float:left;
  height:100%;
  width:100%;
  background-position: center;
  background-size:cover;
  box-shadow:1px 1px 4px rgba(0,0,0,0.45);
  -webkit-transition: all 0.25s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.25s cubic-bezier(0.165, 0.84, 0.44, 1); 
}
.galerie-photos .liste-photos li a:hover {
  transform:scale(1.02,1.02);  
}
.galerie-photos .liste-photos li a img {
  display: none;
}
.page-standard {
  padding:200px 0 80px;
  text-align:left;
}
.page-standard h1 {
  font-size: 40px;
  font-weight: 700;
/*  font-style: italic; */
  color: #69212B;
  margin-bottom: 20px;  
  text-transform:uppercase;
}
.page-standard h2 {
  font-size: 36px;
  font-weight: 700;
/*  font-style: italic; */
  color: #69212B;
  margin-top:20px;
  margin-bottom: 20px;  
}
.page-standard .text {
  font:700 16px 'Lato';
/*  font-style:italic; */
}

.page-content-carte-cadeau {
  padding:120px 0;
}
.page-content-vente-emporter {
  padding:120px 0 40px;
}
.page-content-carte-cadeau .the-content,
.page-content-vente-emporter .the-content {
  text-align:center;
}
.page-content-carte-cadeau .the-content img {
  max-width:50%;
  margin-bottom:80px;
}
.page-content .texte {
  font:300 16px 'Open sans';
}
.formulaire {
  margin:40px auto;
}
.formulaire label {
  font-size:0;
}
.formulaire .ligne-checkbox label {
  font-family:'Montserrat',sans-serif;
  font-size:16px;
  font-weight:700;
  color:#69212B;
  margin-bottom:20px;
  display:inline-block;
  vertical-align: top;
  width:100%;
}
.formulaire .ligne-checkbox .checkbox {
  display:inline-block;
  vertical-align: top;
  position:relative;
  margin-right:20px;
}
.formulaire .ligne-checkbox .checkbox label {
  display:inline-block;
  vertical-align: top;
  width:auto;
  font-family:'Open sans',sans-serif;
  font-size:16px;
  font-weight:400;
  color:#121212;
  margin-bottom:40px;
}
.formulaire input[type=text],
.formulaire textarea {
  border:none;
  border-bottom:solid 1px #D0D0D0;
  text-align:center;
  width:100%;
  padding:0 0 20px;
  font-family:'Montserrat',sans-serif;
  font-size:16px;
  font-weight:700;
  color:#69212B;
  margin-bottom:40px;
}
.formulaire input[type=text]::placeholder,
.formulaire textarea::placeholder {
  opacity:1;
}
.formulaire input[type=checkbox] {
  height:12px;
  width:12px;
  position: absolute;
  left: 0px;
  opacity: 0;
  cursor:pointer;
}
.formulaire input[type="checkbox"] + label::before {
  content: "";
  display: inline-block;
  vertical-align: top;
  width:16px;
  height:16px;
  border:solid 1px #cbcbcb;
  background-color:#cbcbcb;
  border-radius:5px;
  margin-top:4px;
  margin-right: 6px;
  cursor:pointer;
}
.formulaire input[type="checkbox"]:checked + label::before {
  font-family: "FontAwesome";
  content:"\f00c";
  line-height: 12px;
  font-size: 10px;
  text-align: center;
  color:#fff;
  background-color:#69212B;
  border:solid 1px #69212B;
}
.formulaire .checkbox {
  font-size:14px;
  font-weight:300;
}
.formulaire .g-recaptcha {
  text-align:center;
}
.formulaire .g-recaptcha div {
  margin:20px auto 60px;
}
.formulaire .submit {
  position:relative;
  z-index:1;
  display:inline-block;
  background: #E7BC8D 0% 0% no-repeat padding-box;
  text-align:center;
  cursor:pointer;
  font: 700 16px Montserrat;
  letter-spacing: 0;
  color:#69212B!important;
  min-width:260px;
  padding:20px;
  line-height:20px;
  transition: ease-in 0.2s all;
  border:none;
}
.formulaire .submit::after,
a.button::after {
  content:"\f105";
  font-family:"FontAwesome";
  color:#69212B;
  font-size:16px;
  line-height:16px;
  margin-left:10px;
}
a.button.invert-button::after {
  color: #E7BC8D;
}

.dialog {
  display:none;
}
/* Overlays */
.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index:2000;
}
.ui-widget-overlay {
  background-color: rgb(255, 255, 255);
  opacity: .95;
  filter: Alpha(Opacity=95);
}
.ui-widget-shadow {
  margin: -8px 0 0 -8px;
  padding: 8px;
  background-color: #aaaaaa;
  opacity: .3;
  filter: Alpha(Opacity=30);
  .rounded(8px);
}
.ui-dialog {
  position: absolute;
  top: 0;
  left: 0;
  padding: 5px 10px;
  outline: 0;
  z-index:3000;
  width:100%!important;
  height:auto!important;
}
.ui-widget-content {
  background:transparent!important;
  border:none!important;
  color:rgb(33, 37, 41)!important;
  font-family: 'Open sans', sans-serif;
  font-size:16px;
}
.ui-widget-header {
  border: none!important;
  background: transparent!important;
  color: rgb(231, 188, 141)!important;
}
.ui-dialog .ui-dialog-titlebar {
  padding: .4em 0em;
  position: relative;
}
.ui-dialog .ui-dialog-title {
  display: inline-block;
  margin: .1em 0;
  white-space: nowrap;
  width: 90%;
  text-overflow: ellipsis;
  line-height: 1em;
  color:rgb(105, 33, 43);
  font-size:160%;
  padding-left:10px;
  font-family: "Lato";
}
.ui-button .ui-icon {
  background-image:none;
  opacity:0;
}
.ui-dialog .ui-dialog-titlebar-close:before {
  content:"×";
  font-size:40px;
}
.ui-state-hover .ui-icon, 
.ui-state-focus .ui-icon, 
.ui-button:hover .ui-icon, 
.ui-button:focus .ui-icon {
  background-image:none!important;
}
.ui-dialog .ui-dialog-titlebar-close {
  position: absolute;
  right: -6px;
  top: 50%;
  width: 30px;
  margin: -45px 0 0 0;
  height: 40px;
  padding: 0px;
  opacity: 0.85;
  filter: alpha(opacity=85);
  color: rgb(105, 33, 43);
  cursor:pointer;
  text-transform:uppercase;
  border:none;
  background:transparent;
  font-style: normal;
  font-size: 0px;
  font-weight:normal!important;
  font-family: Arial, Baskerville, monospace;
  text-indent: initial!important;
}
.ui-dialog .ui-dialog-titlebar-close:hover {
  opacity: 1;
  filter: alpha(opacity=100); }
}
.no-close .ui-dialog-titlebar-close {
  display:none;
}
.ui-dialog .form-title > span {
  font-size: 18px !important;
}
.ui-dialog .ui-dialog-content {
  position: relative;
  border: 0;
  padding: 1em 1em 1em;
  overflow: auto;
  color: rgb(33, 37, 41);
}
.ui-dialog #dialog-erreurs {
  background-color: #474543;
  border: 1px solid #282726;
  color: #fff;
}
.ui-dialog-content {
  width:auto;
}
.ui-dialog .ui-button-text {
    display: none;
}
.ui-dialog-content {
    font-size: 20px;
}
.ui-dialog-content .content {
  background-color: transparent;
  color: #fff;
  margin-top: 0;
  min-height: auto;
  padding-top: 100px;
}
.ui-dialog-content .message span {
  color:rgb(105, 33, 43)!important;
}
.ui-dialog-content .content .ajax-loading {
  font-size: 40px;
  font-weight: lighter;
}
.ui-dialog-content .titre_principal h1 {
  color: #fff;
  font-size: 30px;
  font-weight: lighter;
  margin: 0 0 10px;
  text-transform: uppercase;
}
.ui-dialog-content label {
  color: #fff;
  cursor: text;
  display: block;
  font-size: 16px;
  font-weight:normal;
  margin: 15px 0 0 10px;
  position: absolute;
}
.ui-dialog-content input[type="text"],
.ui-dialog-content select {
  background-color: #efede9;
  border: 2px solid #98948b;
  border-radius: 3px;
  color: #53504d;
  font-size: 16px;
  height: 36px;
  line-height: 16px;
  margin-bottom: 10px;
  margin-top: 10px;
  padding: 5px 5px;
  width: 90%;
}
.ui-dialog-content .erreur {
  color: #b21212;
  display: none;
  font-size: 14px;
  font-weight: bold;
  height: 16px;
  margin: 13px 0 0 7px;
  position: absolute;
  z-index: 10;
}
.ui-dialog-content .error {
  background-color: #d2d2d2 !important;
  border: 2px solid #b21212 !important;
  opacity: 0.8;
}
.ui-dialog-content input[type="submit"], .ui-dialog-content button {
  background-color: rgb(231, 188, 141);
  border: medium none;
  color: rgb(105, 33, 43);
  font-size: 90%;
  font-weight: bold;
  padding: 10px 20px;
  text-transform: uppercase;
}
.ui-dialog-content iframe,
.ui-dialog-content .video-responsive {
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.9);
  background: #000;
}
.ui-dialog-content .caption {
  text-align: left;
  line-height: 18px;
  color: #EFEDE9;
  word-wrap: break-word;
  padding-right: 36px;  
  margin-top:5px;
}
.ui-dialog-content .caption small {
  color: #C4BCB0;
  display: block;
  font-size: 12px;
  line-height: 14px; 
}
.ui-dialog .ui-dialog-buttonpane {
  text-align: left;
  background-image: none;
  margin-top: .5em;
  padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: right;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button {
  background-color: rgb(231, 188, 141);
  border: medium none;
  color: rgb(105, 33, 43);
  font-size: 90%;
  font-weight: bold;
  border-radius:0!important;
  padding: 10px 20px;
  text-transform: uppercase;
}
.ui-dialog .ui-resizable-se {
  width: 12px;
  height: 12px;
  right: -5px;
  bottom: -5px;
  background-position: 16px 16px;
}
.ui-dialog-content .form-container {
  margin:5px 0px 5px 0px;
}
.ui-dialog-content .form-container .form-buttons-footer {
  margin-bottom:0px;
  height:10px;
}
.ui-dialog .content,
.ui-dialog .dialog-content {
  padding:0;
  overflow:visible;
}
@media (min-width: 768px) {
  .ui-dialog {
    width:80%!important;
    height:auto!important;
  }
}

@media (min-width: 992px) {
  .ui-dialog {
    width:70%!important;
    height:auto!important;
  }
}

@media (min-width: 1200px) {
  .ui-dialog {
    width:60%!important;
    height:auto!important;
  }
}


footer {
  text-align:left;
  background: #69212B 0% 0% repeat-x padding-box;
  padding:80px 0 0px;
  font: 700 16px 'Lato';
/*  font-style:italic; */
  color:#fff;
}
footer h3 {
  color:#E7BC8D;
  font:400 25px 'Lato';
/*  font-style:italic; */
}
footer a {
  color: #fff!important;
/*  text-decoration:underline!important; */
}
footer .col-12 a {
  width:100%;
  display:inline-block;
}
footer a:hover {
  color:#fa9a36!important;
}
footer .mentions {
  margin-top:20px;
  font-size:14pt;
}
footer .credits {
  background-color:#50121B;
  margin-top:50px;
  color:#fff;
  font-size:16px;
  text-align:center;
  padding:15px 0;
}
footer .credits .col-12 a {
  width:auto;
}

@media (max-width:1499px) {
  .homepage .banner,
  .page .banner {
    padding-top:130px;
  }
  .homepage .banner h1,
  .page .banner h1 {
    top:calc(65px + 50%);
  }
  .homepage .carte-cadeau .presentation .texte {
    padding:50px 20px;
  }
}

@media (max-width:1199px) {
  .homepage .banner,
  .page .banner {
    padding-top:100px;
  }
  .homepage .banner h1,
  .page .banner h1 {
    top:calc(50px + 50%);
  }
}

@media (max-width:991px) {
  .homepage .banner,
  .page .banner {
    padding-top:80px;
  }
  .homepage .banner h1,
  .page .banner h1 {
    top:calc(40px + 50%);
  }
  .horaires .container-map {
    margin-top:40px;
  }
  .homepage .carte-cadeau .presentation .texte {
    padding:20px;
  }
  .homepage .carte-cadeau .presentation .texte .button {
    margin-top:10px;
  }
  .page-content-carte-cadeau .the-content img {
    max-width:80%;
  }
  footer {
    padding-top:30px;
  }
  footer .liens .col-12 {
    text-align:center;
    padding:30px 0;
    border-bottom:solid 1px #50121B;
  }
  footer .liens .col-12:last-child {
    border-bottom:none;
  }
}

@media (max-width:767px) {
  .homepage .banner h1,
  .page .banner h1 {
    font-size:26px;
  }
  .homepage .carte h2,
  .homepage .horaires h2,
  .homepage .reservations h2 {
    font-size:30px;
  }
  .homepage .texte-intro,
  .homepage .horaires,
  .homepage .suivez-nous {
    padding:40px 0;
  }
  .homepage .horaires strong {
    font-size:20px;
  }
  .homepage .horaires em {
    font-size:12pt;
  }
  .galerie-photos .liste-photos li {
    min-height:auto;
    height: 0;
    margin-bottom: 40px;
    width: 100%;
    position: relative;
    padding-bottom: 62.5%;
  }
  .galerie-photos .liste-photos li a {
    position: absolute;
    left: 0;
    top: 0;
  }
  .homepage .carte-cadeau .presentation {
    padding:21px 21px 21px 21px;
  }
  .formulaire .ligne-checkbox .checkbox {
    width:100%;
    margin-right:0;
    text-align:left;
  }
  .formulaire .ligne-checkbox .checkbox label {
    margin-bottom:20px;
  }
  .page-content-carte-cadeau .the-content img {
    max-width:100%;
  }
  .ui-dialog-content {
    font-size:14px;
  }
  footer {
    padding:40px 0 0;
  }
}
@media (max-width:400px) {
  a.button {
    min-width:200px;
    padding:10px;
    font-size:14px;
  }
  .homepage .carte-cadeau .presentation .texte {
    text-align:center;
  }
}