/**********
 * Global *
 *********/
 
html{
	margin: 0px;
	padding: 0px;
	color: #313131;
	font-size: 12px;
	border: 0px solid transparent;
	font-family: 'Heebo',Arial,sans-serif;
}
body{
	margin: 0px;
	padding: 0px;
	width: 100%;
}
a{ 
	outline: none;
	text-decoration: none;
	cursor: pointer;
	color: inherit;
	color: #313131;	
	text-transform: uppercase;
	font-family: Heebo;
  font-weight: 600;
	font-size: 20px;
	letter-spacing: 1px;
}

img{ 
	border: none;
    width: 100%;
}
p{
	color: #313131;
	font-size: 1.4em;
  line-height: 130%;
  font-weight: 400;
	text-align: justify;
}
.reseaux-resa img{width: 60px;}
.reseaux-resa a:hover img{
	display: inline-block;
	-webkit-animation: flipInY .6s forwards;
	animation: flipInY .6s forwards;
}
.nav-restaurant{padding-top: 10px; line-height: 20px;}
.global-size{max-width: 1366px;}
.item-mar{margin: 0px 110px 0px 20px;}
.content-max-width{max-width: 1366px; margin-left: auto !important; margin-right: auto !important;}
#grid{margin-bottom: 80px;}

:root {
  --bgHeight: calc(100vh - 83px);
}

:focus {outline:none;}
::-moz-focus-inner {border:0;}

::-moz-selection { color: #FFF; background: #94ba71; }
::selection  { color: #FFF; background: #94ba71; }

:-ms-input-placeholder{
  color: #94ba71;
  font-family: 'Heebo';
  font-size: 1.6em;
  letter-spacing: 1px;
  font-weight: 400;
}
::-ms-input-placeholder{
  color: #94ba71;
  font-family: 'Heebo';
  font-size: 1.6em;
  letter-spacing: 1px;
  font-weight: 400;
}
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
  color: #94ba71; 
  opacity: 1; 
  font-family: 'Heebo';
  font-size: 1.6em;
  letter-spacing: 1px;
  font-weight: 400;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
  color: #94ba71; 
  opacity: 1; 
  font-family: 'Heebo';
  font-size: 1.6em;
  font-weight: 400;
  letter-spacing: 1px;
}
::placeholder{
  color: #94ba71; 
  opacity: 1; 
  font-family: 'Heebo';
  font-size: 1.6em;
  letter-spacing: 1px;
  font-weight: 400;
}
:placeholder-shown {
  color: #94ba71; 
  opacity: 1; 
  font-family: 'Heebo';
  font-size: 1.6em;
  letter-spacing: 1px;
  font-weight: 400;
}

.part3 ::-moz-selection { color: #FFF; background: #313131; }
.part3 ::selection  { color: #FFF; background: #313131; }

.flol{ float: left; }
.flor { float: right; }

.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.sb {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.sa {
  -ms-flex-pack: distribute;
  justify-content: space-around;
}
.jcc {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.end {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.ac {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.wrap {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.col {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.cnt{text-align:center;}
.alc{ text-align: center; }
.alr{ text-align: right; }
.prel { position: relative; }
.absolute { position: absolute !important; }
.width33{width: 33.333333%;}
.width50{width:50%;}
.ovhid{ overflow: hidden; }
.fin{
	clear:both;
	line-height:0;
	height:0;
	font-size:1px;
}
#strErreur, 
#strInfo,
#strValide,
#strLink{ display: none; }
.center{text-align: center;}
.justify{text-align: justify;}
.pt80{padding-top: 80px;}
.ptb30{padding: 30px 0;}
.ptb50{padding: 50px 0;}
.pb50{padding: 0 0 50px 0;}
.ptb50-b{padding-bottom:50px;}
.ptb80{padding: 80px 0;}
.is-hidden{display: none;}
.mar0auto{ margin: 0 auto; }
.content_max_width {
  max-width: 1366px;
  margin: 0 auto;
}

/**********/

h1,h2,h3,h4{ margin: 0px; font-weight:normal; padding:0px;}
html, body {height: 100%;}
* {margin:0;padding:0;}


/*******************
**** AJAX LOADER ***
*******************/

#ajax_loader{
	text-align: center;
	min-height: 300px;	
}

.loadTxt{
	padding: 40px 0 0 0;
	text-align: center;
	font-size: 20px;
}

.sbl-circ-ripple {
  height: 48px;
  width: 48px;
  color: #5a5a5a;
  border-radius: 50%;
  position: relative;
  display: inline-block; }
  .sbl-circ-ripple::after, .sbl-circ-ripple::before {
    content: '';
    height: 0;
    width: 0;
    border: inherit;
    border: 5px solid;
    border-radius: inherit;
    position: absolute;
    left: 40%;
    top: 40%;
    animation: circle-ripple  1s linear infinite; }
  .sbl-circ-ripple::before {
    animation-delay: -0.5s; }

@keyframes circle-ripple {
  0% {
    height: 0;
    width: 0;
    left: 20px;
    top: 20px; }
  100% {
    height: 48px;
    width: 48px;
    left: -5px;
    top: -5px;
    opacity: 0; } }

/*************
**** BODY ****
**************/

.reg_content {
	width:100%;
	display:block;
	margin: 0 auto;
}
.container-site{
	width:95%;
	display:block;
	margin: 0 auto;
}
.reg_contentMenu {
	max-width: 1670px;
	width: 95%;
	display: flex;
	align-items: center;
	margin: 0 auto;
}
.reg_topGauche{flex-basis: 20%;}
.reg_topDroite{flex-basis: 80%;}

/* Required */
.hidden{opacity: 0;}
.visible{opacity: 1;}

/*Select CSS*/
.select-css {
	display: block;
	font-size: 16px;
	font-family: sans-serif;
	font-weight: 700;
	color: #444;
	line-height: 1.3;
	padding: .6em 1.4em .5em .8em;
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
	margin: 0;
	border: 1px solid #aaa;
	box-shadow: 0 1px 0 1px rgba(0,0,0,.04);
	border-radius: .5em;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background-color: #fff;
	background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),
	  linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);
	background-repeat: no-repeat, repeat;
	background-position: right .7em top 50%, 0 0;
	background-size: .65em auto, 100%;
}
.select-css::-ms-expand {
	display: none;
}
.select-css:hover {
	border-color: #888;
}
.select-css:focus {
	border-color: #aaa;
	box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7);
	box-shadow: 0 0 0 3px -moz-mac-focusring;
	color: #222;
	outline: none;
}
.select-css option {
	font-weight:normal;
}
/* Support for rtl text, explicit support for Arabic and Hebrew */
*[dir="rtl"] .select-css, :root:lang(ar) .select-css, :root:lang(iw) .select-css {
	background-position: left .7em top 50%, 0 0;
	padding: .6em .8em .5em 1.4em;
}

/* Disabled styles */
.select-css:disabled, .select-css[aria-disabled=true] {
	color: graytext;
	background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22graytext%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),
	  linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);
}
.select-css:disabled:hover, .select-css[aria-disabled=true] {
	border-color: #aaa;
}
/*Select styles*/
.select-style {
    padding: 0;
    overflow: hidden;
    background: #DDD url('/imgs/picto/picto-search.png') no-repeat 10px center;
	border-right: 1px solid #FFF;
	height: 45px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius:2px;	
	width: 100%;	
    margin: 0;
    display: block;
    cursor: pointer;
	font-family: 'AssistantRegular', Arial,sans-serif;
}
.select-style.w25{ width: 25%; height: 56px;  }
.select-style select:focus { 
	background: #FFF;
  -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;	
	outline: none;	
}
.select-style select {
  width: 100%;
  border: none;
  box-shadow: none;
  background-color: transparent;
  background-image: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
	display: block;
	font-size: 15px;
	padding: 15px 0;
	margin: 0;	
	text-indent: 33px;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;		
}
.select-style select option,
.ui-menu .ui-menu-item{
	display: block;
	font-size: 15px;
	line-height: 30px;
	padding:2px 0;
	margin: 0;
	color: #F48024;
	text-indent:5px;	
}


/********
*  TOP  *
*********/

.reg_contentTop{
  -webkit-box-shadow: 0px 2px 6px 0px rgba(90,90,90,0.8);
  -moz-box-shadow: 0px 2px 6px 0px rgba(90,90,90,0.8);
  box-shadow: 0px 2px 6px 0px rgba(90,90,90,0.8);
  background-color: #fff;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  padding: 10px 0;
}
.reg_contentTop.miniBar{
  position: fixed; 
  z-index: 10000; 
  top: 0; 
  width: 100%;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  padding: 0;
}
.reg_topGauche img{
	width: 250px;
}
.reg_contentTop.miniBar,
.la-carte-surplace .reg_contentTop,
.la-carte-emporter .reg_contentTop{
  /*background-color: rgba(49, 49, 49, 0.7);*/
 
}
.menuRow {
  display: -webkit-box; 
  display: -ms-flexbox; 
  display: flex; 
  -webkit-box-pack: end; 
  -ms-flex-pack: end; 
  justify-content: flex-end; 
  -webkit-box-align: center; 
  -ms-flex-align: center; 
  align-items: center;
}
.resp{display: none;}
.menuTab .menuRow .menuCell.resp{ display: none; }
.menuCell.w50,.w50{ width: 50%; }
.menuCell{position: relative;}

.menuCell *{box-sizing: border-box;}
.menuCell a{
	display: block; 
	padding: 20px 0;
	margin: 0px 15px;
	font-family: 'Heebo';
	-webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  letter-spacing: 0.5px;
  position: relative;
  font-weight: 400;
	outline: none;
  letter-spacing: 1px;
	color: #313131; 
	font-size: 1.3em; 
	text-align: center;
	width: auto;
	text-transform: uppercase;
}
.menuCell a:hover {
	color: #94ba71;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.menuCell a:before,
.menuCell a:after {
	position: absolute;
	-webkit-transition: all 0.35s ease;
	transition: all 0.35s ease;
}
.menuCell a:before {
	top: 20%;
	display: block;
	height: 3px;
	width: 0%;
	content: "";
	background-color: #94ba71;
}
.menuCell a:hover:before{
	width: 100%;
}
.menuCell a:hover:after,
.menuCell a.sel:after {
	max-width: 100%;
}
.menuCell a.sel{
	color: #94ba71;
}
.menuCell a.sel:before{
	content: '';
	height: 3px;
	background-color: #94ba71;
	position: absolute;
	top: 20%;
	width: 100%;
	-webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.botTab {
	display: table;   
	margin: 0 auto;
	width:100%;
}
.miniBar .menuCell a.none{
	font-size: 13px;
	-webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.miniBar a.logoTop img{
	width: 60%;
	height: 60%;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;			
}

/*************
*** BOTTOM ***
**************/


/** PART 1 ***/

.part1{padding: 0 0 50px 0; }
.botRow {display: flex;}
.botCell{
  flex: 1 1 33.33333333%;
}

.botCell.adresse span cite{
  letter-spacing: 2px;
}

/** PART 2 ***/

#mapid{ 
	width: 100%; 
	height: 450px;
	margin: 0 auto;
}

.spanMaps{
	display: block;
	color: #F48024;
	font-size: 24px;
	text-align: center;
	font-weight: 600;
}

.part2{
	padding: 40px; 
}
.contentBotLien h4 {
  padding-bottom: 0;
  font-family: 'Playfair Display';
  font-weight: 600;
}
.contentBotLien strong{
  font-size: 20px;
  letter-spacing: 2px;
  padding: 10px 0;
  color:#FFF;
  text-transform: uppercase;
	display: table;
	margin: 0 auto;
	font-weight: normal;
}
/*.contentBotLien strong:after{
	content: '';
	height: 3px;
	margin: 3px 0;
	background-color: #22a1d6;
	display: block;
	width: 60px;
}*/
.contentBotLien span{
	display:block;
  font-size: 12px;
  padding: 10px 0;
  color: #FFF;
}
.bottom-undessens-horaire hr {
  width: 2px;
  height: 2.5em;
  background-color: #fff;
  border: none;
  display: block;
  margin: 0 auto;
}
.bottom-undessens-horaire img {
  max-width: 40px;
  display: table;
  margin: 0 auto 15px auto;
}

.botRow .botCell:nth-child(4) .contentBotLien span{
	padding-left: 140px;
}
.contentBotLien a {
	display:block;
  font-size: 13px;
  padding: 5px 0;
  color:#FFF;
	text-align:center;
}
.contentBotLien a:hover {color:#94ba71;}
.contentBotLien cite {
  font-size: 18px;
	font-style:italic;
	color: #FFF;
	text-align:justify;
	font-style:normal;		
	line-height: 150%;
}
.contentBotLien i {
	display:block;
	font-size: 18px;
	text-align: justify;
}

/** PART 3 ***/

.part3 {
	padding: 10px 20px;
	background:#ffffff;		
}

.part3 a,.part3 span{
	font-size: 1em;	
	color:#aeaead;
  text-transform: none;
}
.part3 .legal {
  padding: 0 15px;
}
.part3 .credits-realisation {
  margin-left: auto;
}
.reg_contentBot{	
	background-color: rgba(0, 0, 0, 0.6);
	background-size: cover;
}

/********************
**** BACK TO TOP ****
********************/

#returnOnTop {
  bottom: 2%;
	right: 1%;
  width: 60px;
  height: 60px;
  cursor: pointer;
  display: none;
  filter: alpha(opacity = 50); /* IE < 8 */
  opacity: 0.5;
  position: fixed;  
  z-index: 1000;
}

#returnOnTop span {
  width: 2px;
  height: 2.5em;
  background-color: #94ba71;
  display: block;
  margin: 10px auto;
  position: relative;
}

#returnOnTop span:after {
  content: 'TOP';
  display: block;
  font-family: 'Playfaire Display';
  font-style: italic;
  letter-spacing: 2px;
  position: absolute;
  bottom: -20px;
  left: 50%;
  transform: translateX(-50%);
}

#returnOnTop:hover {
  filter: alpha(opacity = 100); /* IE < 8 */
  opacity: 1;
}

#loading{
	width: 0%;
	height: 3px;	
	background: none;
	position: fixed;	
}

/**************
*** GENERAL ***
**************/

.reg_contentPad{ width: 95%; margin: 0 auto;}
.reg_contentPad.bgIntro{ padding: 30px 0; }
.contact .reg_contentPad.bgIntro{ padding: 150px 0 30px 0; }
.bgIntro h1{
    font-size: 30px;	  		
    font-weight: normal;
    text-align: center;  
	padding: 10px 0;	
	color:#FFFFFF;	
	font-weight: 600;
	text-transform: uppercase;
}

.bgIntro h2{
    font-style: normal;
    font-size: 23px;
    font-weight: normal;    
    text-align: center;
	color: #FFFFFF;
}
h2.Color-blue{color:#22a1d6; text-align: left!important;}
.bloc-left-propos{max-width: 70%;}
.space-bloc{margin:15px;}
.pad25{padding:25px;}

/**** SEO ***/

.blocSeo h3{
	color: #de0026;
    font-size: 34px;
    font-weight: normal;
    text-transform: uppercase;
	text-align:center;	
	padding:40px 0 5px 0;
}
#slick-main .slick-main-background{background-size: cover !important; height: calc(100vh - 138px);}

.texteSeo{
	padding:30px 0 50px 0; 
	width: 90%; 
	margin: 0 auto;
    font-size: 12px;	
    line-height: 22px;	
}

.texteSeo p  {
    color: #000;
    font-size: 13px;
    font-weight: normal;
	text-align: justify;
    line-height: 24px;
}

.texteSeo p a {
	color:#F48024;
	text-decoration:underline;
}

.item-2-3{flex-basis: 66.66666666%;}
.item-1-3{flex-basis: 33.33333333%;}

/* COMPONENT - FLEX - 2 ITEMS - COL */
.component-flex-col-2-group{display: flex; flex-wrap: wrap;}
.component-flex-col-2-item{flex-basis: 50%;}
.component-flex-col-2-item-pad{padding: 25px;}

/* COMPONENT - FLEX - 3 ITEMS - COL */
.component-flex-col-3-group{display: flex; flex-wrap: wrap;}
.component-flex-col-3-item{flex-basis: 33.3333333%;}
.component-flex-col-3-item-pad{padding: 25px;}

/* COMPONENT - FLEX - 6 ITEMS - COL */
.component-flex-col-6-group{display: flex; flex-wrap: wrap;}
.component-flex-col-6-item{flex-basis: 16.6666666666%;}
.component-flex-col-6-item-pad{padding: 25px;}

/* COMPONENT - MAIN BACKGROUND */
.component-main-background{margin-top: 96px;}
.component-main-background-item{min-height: var(--bgHeight); position: relative;}
.component-main-background-item h1 {
  width: 15em;
  font-size: 3em;
  color: #fff;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: 1px;
}
.component-main-background-item hr {margin: 35px 0 !important;}
.component-main-background img{max-height: 91px; max-width: 91px; display: block; padding-bottom: 25px;}
.component-main-background-item-phone{
  position: absolute;
  right: -182px;
  bottom: 10%;
  z-index: 1000;
  padding: 10px 15px;
  color: #94ba71;
  font-size: 2.1em;
  background-color: #fff;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  letter-spacing: 0;
  margin: 0;
  font-weight: 400;
  vertical-align: middle;
}
.component-main-background-item-phone i {
  padding: 0 15px 0 2px;
  vertical-align: middle;
}

.component-main-background-item-phone:hover {
  right: 0;
  -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}

/* COMPONENT - BOOKING SEPARATOR */
.component-booking-separator{margin-bottom: 80px;}
.component-booking-separator-background{
  background: url('/imgs/contenu/bg.accueil-bottom.png') no-repeat center center / contain;
  height: 176px;
}
.component-booking-separator-content{
  height: 100%;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
}
.component-booking-separator-content img{width: auto;}

.component-double-border{background-color: #FFFFFF; border-top: 2px solid #94ba71; border-bottom: 2px solid #94ba71; height: 3px;}

/* COMPONENT - GLOBAL - TEXT */
.component-global-text p{
  line-height: 170%; 
  letter-spacing: 1px; 
  font-size: 1.5em; 
  font-family: 'Heebo';
  font-weight: 400;
  padding: 15px;
}

/* JARALLAX */
.jarallax:after {
  content: '';
  display: block;
  top: 0;
  position: absolute;
  background: rgb(0,0,0);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.35)), color-stop(70%, rgba(148,186,113,0.25)), color-stop(90%, rgba(148,186,113,0.30)));
  background: -o-linear-gradient(top, rgba(0,0,0,0.35) 0%, rgba(148,186,113,0.25) 70%, rgba(148,186,113,0.30) 90%);
  background: linear-gradient(180deg, rgba(0,0,0,0.35) 0%, rgba(148,186,113,0.25) 70%, rgba(148,186,113,0.30) 90%);
  z-index: -10;
  width: 100%;
  height: 100%;
}

/**** SCROLL DOWN ****/

#section03 a {
  padding-top: 60px;
}
#section03 a span {
  position: absolute;
  left: 50%;
  width: 46px;
  height: 46px;
  margin-left: -23px;
  border-radius: 100%;
  box-sizing: border-box;
  margin-top: 80px;
  background-color: #94ba71;
}
#section03 a span::after {
  position: absolute;
  top: 50%;
  left: 50%;
  content: '';
  width: 16px;
  height: 16px;
  margin: -12px 0 0 -8px;
  border-left: 1px solid #fff;
  border-bottom: 1px solid #fff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  box-sizing: border-box;
  z-index: 60000;
}
#section03 a span::before {
  position: absolute;
  top: 0;
  left: 0;
  content: '';
  width: 44px;
  height: 44px;
  box-shadow: 0 0 0 0 rgba(255,255,255,.1);
  border-radius: 100%;
  opacity: 0;
  -webkit-animation: sdb03 3s infinite;
  animation: sdb03 3s infinite;
  box-sizing: border-box;
  z-index: 60000;
}
.menu-1{
    justify-content: flex-end;
    margin: 25px 15px 0px;
}
.tel-top{
    display: flex; 
    justify-content: right; 
    align-items: center;
}
.icon-tel{
	width: 30px;
  height: 30px;
	padding: 0 10px 0 20px;
}
.dd-options li{
    display: flex;
}
.dd-options li a{
    flex: 1;
}
@-webkit-keyframes sdb03 {
  0% {
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  60% {
    box-shadow: 0 0 0 60px rgba(255,255,255,.1);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes sdb03 {
  0% {
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  60% {
    box-shadow: 0 0 0 60px rgba(255,255,255,.1);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}


/***** Langue ******/

.langues{ padding: 8px 20px; }
.langues a {
    display: inline-flex;
    align-items: center;
    height: 10px;
    font-size: 1em;
}
.langues a.fr.select,.langues a.fr:hover  { 
    background: url('/imgs/picto/picto.langues.png') 0 0 no-repeat; 
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;           
}
.langues a.fr { 
    background: url('/imgs/picto/picto.langues.png') 0 -13px no-repeat;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;           
}
.langues a.en.select,.langues a.en:hover  {
    background: url('/imgs/picto/picto.langues.png') 0 -26px no-repeat;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;       
}
.langues a.en{ 
    background: url('/imgs/picto/picto.langues.png') 0 -39px no-repeat;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;           
} 
#selectLangue .dd-option-image,
#selectLangue2 .dd-option-image,
#selectLangue3 .dd-option-image,
.dd-selected-image{
    width: auto;
}

/**************
*** ACCUEIL ***
***************/

h1{
	color: #000;
	font-size: 38px;
	font-family: 'Playfair Display';
	letter-spacing: 3px;
	text-transform: uppercase;
	text-align: left;
	line-height: 150%;
	font-weight: 300;
}
h2{
  color: #afafaf;
  font-size: 50px;
  font-family: 'Playfair Display';
  font-weight: 400;
}
h3{
	color: #c1a68a;
	font-size: 60px;
	font-family: 'Playfair Display';
  font-weight: 400;
}
h4{
	color: #fff;
	font-family: Heebo;
	font-size: 20px;
	text-transform: uppercase;
	letter-spacing: 2px;
	padding-bottom: 30px;
}
.h1{
	color: #FFFFFF;
	font-size: 38px;
	font-family: 'Playfair Display';
  font-weight: 300;
	letter-spacing: 3px;
	text-transform: uppercase;
	text-align: center;
}
.h2{
	color: #22a1d6;
	font-size: 30px;
	padding-bottom: 25px;
	text-transform: uppercase;
	font-family: 'AssistantBold';
}
.sub-title-h1{
	font-size: 2.5em;
	font-family: 'Playfair Display';
  font-weight: 400;
	text-transform: none;
	color: #94ba71;
}
.mar40{margin: 40px 40px 40px 0px;}
.w70{width:70%;}
.w30{width: 30%;}

/**** BKG ****/

.parallax {
  position: relative;
  width: 100%;
  height: 100%
}
.parallax__item {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0
}

.bkg-a-propos{
	background-size: auto;
	width: 100%;
	height: 500px;
	background-size: contain;
}

.accueil .component-main-background-item .component-main-title{
  padding-left: 50px;
}
.accueil .component-main-background-item h1 {
  color: #000;
  text-align: left;
  text-transform: uppercase;
  line-height: 130%;
  font-size: 3em;
}

/**** MAIN TITLE ***/
.component-main-title.bg:before{
	content: '';
	background: url('') no-repeat left center;
}
.component-main-title{
	width: 100%;
	align-items: center;
}
.item-reservation-image img{width: 100px;}
.component-main-title hr{
	border: none;
	height: 3px;
	background-color: #94ba71;
	width: 120px;
	display: block;
	margin: 15px auto;
}
.component-main-title h1{
  text-shadow: 1px 1px 1px #313131;
  position: relative;
  z-index: 100;
  font-family: "Playfair Display";
  font-weight: 300;
  font-size: 4.6em;
  line-height: 100%;
  text-align: center;
  -ms-flex-item-align: end;
  align-self: flex-end;
  text-transform: none;
  letter-spacing: 1px;
}
.component-main-title span{
  text-shadow: none;
  position: relative;
  z-index: 100;
  font-family: "Heebo";
  font-weight: 100;
  font-size: 0.45em;
  text-transform: none;
  display: block;
  padding-top: 15px;
  line-height: 100%;
}
.component-main-title img {
  width: auto;
  margin-left: 30px;
  -ms-flex-item-align: end;
  align-self: flex-end;
}
.component-main-slider h2{
	color: #FFFFFF; 
	text-align: center; 
	font-family: "Playfair Display"; 
	font-size: 1.8em;
	text-transform: none;
	text-shadow: 1px 1px 2px #313131;
}
.button-reservation{min-width: 206px;}
.component-reservation h1{font-size: 30px;}
.title-propos-restaurant h2{font-weight: 300; color: #cbc9c7; line-height: 0;}

/**** MAIN SUBTITLE ***/
.component-main-sub-title{display: flex; justify-content: center; padding: 25px 0;}
.component-main-sub-title h1{
	padding: 0 25px;
	background: url('/imgs/bg.sub-title.png') no-repeat left center / 80px;
	line-height: 120px;
	text-transform: uppercase;
	font-family: 'Playfair Display';
	letter-spacing: 0.5px;
	font-size: 30px;
	vertical-align: middle;
	margin: 10px auto;
}
.component-main-sub-title h2{
	font-family: 'AssistantSemiBold';
	font-size: 1.8em;
	color: #313131;
	padding: 5px 0;
	letter-spacing: 0;
	text-transform: none;
}

.carte-group-title h2 {
  background-color: #fbe708;
  height: 32px;
  padding: 11px 15px;
  font-size: 1.8em;
  text-transform: uppercase;
  display: table;
  color: #000;
  position: relative;
  font-family: 'Heebo';
  font-weight: 400;
}

.carte-group-title h2:after {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 27px 0 27px 25px;
  border-color: transparent transparent transparent #fbe708;
  line-height: 0px;
  position: absolute;
  right: -25px;
  top: 0;
  _border-color: #000000 #000000 #000000 #fbe708;
  _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
}


.accueil-presentation-text-pad{padding: 0 40px 40px 40px;}
.bloc-left-on{position:relative;max-width: 80%; padding-top:19px;}
.bloc-size{flex-basis: 25%;}
.square-imgs{
	width: 200px;
	height: 200px;
}
.spe{border:5px solid #ffffff;}
.product-1,
.product-2,
.product-3,
.product-4{
	width: 100%;
	height: 200px;
  background-size: cover !important;
}
.menu-specialite p {
  font-size: 1em;
}
.product-1,.product-2,.product-3,.product-4{display: flex; align-items: center; justify-content: center;}
.pad15{padding:15px;}
.txt-square p{
	text-align: center;
	color: #fff;
	text-transform: uppercase;
	font-family: 'Heebo';
    font-weight: 400;
    text-shadow: 1px 1px 1px #313131;
}
.special-bkg{background: #94ba71; width: 50%; float: right;}
.special-bkg p{
	text-align: center;
	font-family: Playfair Display;
	color: #fff;
	font-size: 22px;
	letter-spacing: 1px;
}
img.icon-title{width: 50px; height: 50px;}
img.icon-line{width: 80px; height: 80px;}
.ambiance-cnt p{
	text-align: center;
	letter-spacing: 0.5px;
	padding-top: 10px;
	line-height: 28px;
}
.ambiance-cnt{padding-top: 35px;}
.bloc-size-carte{flex-basis: 33%;}
.bkg-carte{
	background:url('/imgs/carte/bkg-black-carte.jpg') no-repeat;
	width: 366px;
	height: 366px;
}
.bkg-carte-2{
	background:url('/imgs/carte/bkg-creme-carte.jpg') no-repeat;
	width: 366px;
	height: 366px;
}
.bkg-carte-3,
.bkg-carte-4 {
  width: 366px;
  height: 748px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  position: relative;
}

.bkg-a-propos:after,
.bkg-carte-3:after,
.bkg-carte-4:after {
  content: '';
  display: block;
  width: 61px;
  height: 157px;
  position: absolute;
  right: 0;
  bottom: 0;
  background: url('/imgs/peinture-code-bar.png') no-repeat right bottom / 61px 157px;
}

.carte-title{ text-align: center; }
p.bloc-resa{
	text-align: center; 
	color:#fff;
	letter-spacing: 2px;
}
img.horaire{width: 15%;}
.space-icon{padding: 20px 0px;}
.space-icon-contact-accueil{padding:20px 0px 0px 0px;}
h2.white{color:#fff; font-size: 70px;}
hr.restaurant-infos-sep{
	border: none;
	background: transparent;
	width: 4em;
	margin: 5px auto 5px auto;
	border-bottom: 1px solid #fff;
	border-top: 1px solid #fff;
	height: 3px;
	
}
.restaurant-infos-horaires{
	display: flex;
	flex-direction: column;
	color: #FFFFFF;
	letter-spacing: 1px;
	font-weight: normal;
	font-size: 1.5em;
}
.restaurant-infos-horaires span{margin: 5px 0px;}
.infos-reservation-carte h2{text-transform: none; line-height: 100%;}
.carte-link p {
  line-height: 100%;
  font-size: 1em;
}
span.restaurant-carte{
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all .4s ease;
}
.space-bloc{overflow: hidden;}
.space-bloc.square-imgs > div{
    -moz-transition: all .4s ease;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
}
.space-bloc.square-imgs:hover > div{
    transform: scale(1.1);
    -moz-transition: all .4s ease;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
}
.infos-background{
	-moz-transition: all .4s ease;
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
}
.infos-background:hover{
	transform: scale(1.1);
	-moz-transition: all .4s ease;
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
}

.restaurant-carte img{width: 30px; padding: 0px 19px }

.carte_element_infos p {
  padding-right: 15px;
}


.carte-group-list.vins-incontournables {
  max-width: 960px;
  margin: 0 auto;
}

.carte-group-list.vins-incontournables img {
  width: auto;
}

.carte-group-list-item-background {
  height: 500px;
  width: 100%;
}

.carte-group-list-item {
  position: relative;
}

.carte-group-list-item img{
  box-shadow: 1px 1px 4px #505050;
}

.carte-group-list-item .carte-group-list-item-title h3 {
  font-size: 18px;
  color: #000;
  padding: 10px 0 0 50px;
  font-family: 'Heebo';
  font-weight: 400;
}

.carte-group-list-item-title:before {
  content: '';
  display: block;
  position: absolute;
  width: 2px;
  height: 200px;
  background-color: #94ba71;
  margin-left: 30px;
  bottom: 20px;
}

.carte-group-list-item-title:after {
  display: block;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 1.2em;
  content: '\f061';
  color: #94ba71;
  position: absolute;
  bottom: 0;
  right: 25px;
}


/* COMPONENT - ACTUAL EVENT */
.component-actual-event h1 {
  font-family: 'Playfair Display';
  letter-spacing: 5px;
  position: relative;
}
.component-actual-event h2 {
  color: #94ba71;
  font-family: 'Heebo';
  font-weight: 300;
  font-size: 2.3em;
  text-transform: uppercase;
  padding: 0 0 10px 0;
  margin: 0;
}
.component-actual-event p {
  font-size: 1.8em;
}
.component-actual-event-infos {
  margin-left: 30px;
  margin-top: 30px;
  padding-left: 30px;
  border-left: 1px solid #94ba71;
}
.component-actual-event .component-flex-col-2-item:first-child:before {
  content: '';
  display : inline-block;
  position: absolute;
  top: 0;
  right: 0;
  height : 0;
  width : 0;
  border-top : 80px solid #94ba71;
  border-left : 80px solid transparent;
  animation: 3s linear 1s fadeInTopRight;
}
.component-actual-event .component-flex-col-2-item:first-child:after {
  content: '';
  display : inline-block;
  position: absolute;
  bottom: 0;
  left: 0;
  height : 0;
  width : 0;
  border-right : 80px solid transparent;
  border-bottom : 80px solid #94ba71;
  animation: 3s linear 1s fadeInTopRight;
}
.component-actual-event .component-flex-col-2-item:first-child .component-flex-col-2-item-pad {
  height: calc(100% - 50px);
}
.component-actual-event hr {
  width: 12em;
  height: 1px;
  background-color: #94ba71;
  border: none;
  margin: 5px 0 5px auto;
}
.component-actual-event-booking-infos {
  font-size: 1.8em;
  margin-top: auto;
}

/* COMPONENT - A PROPOS */
.component-about p {
  line-height: 150%;
  font-weight: 100;
  font-size: 1.5em;
  margin-left: 30px;
  margin-top: 30px;
  padding-left: 30px;
}
.component-about p span {
  font-weight: 300;
}
.component-about-infos {
  position: relative;
}
.component-about-infos:after {
  content: '';
  position: absolute;
  height: 10em;
  width: 2px;
  left: 25px;
  top: -10px;
  background-color: #94ba71;
  display: inline-block;
}
.component-about img {
  width: auto;
}


.sub-picto-background {
  height: 150px; 
  width: 150px; 
  padding: 15px; 
  border-radius: 50%; 
  position: relative; 
  top: -100px; 
  margin: 0 auto;
}


/**** SPECIALITES ****/
.module-global-carte-item .component-spec-mar{margin: 15px 0px 0px 15px !important;}

.component-spec-mar{margin: 15px;}
.component-f50{flex-basis: 50%;}
.item-element{justify-content: space-between; display: flex;}
.item-image img{width: 120px; height: 120px;}
.module-global-carte-item .item-image{max-width: 120px; max-height: 120px;}
.component-spec-item-infos .item-image{max-width: 120px; max-height: 120px;}
.item-icone-1 img{
	width: 25px;
    height: 25px;
    text-align: center;
    top: 16%;
    position: absolute;
    left: 19%;
}
.item-icone-1{
	position: absolute; 
	top: -10%;
	left: -14%;
	width: 40px;
	height: 40px;
	border-radius: 60px;
	background: #c5a486;
}
.item-icone-2 img{
	width: 25px;
    height: 25px;
    text-align: center;
    top: 16%;
    position: absolute;
    left: 18%;
}
.item-icone-2{
	background: #9ebf89;
	position: absolute; 
	top: -10%;
	left: -14%;
	width: 40px;
	height: 40px;
	border-radius: 60px;
}

.item-icone-3 img{
	width: 25px;
    height: 25px;
    text-align: center;
    top: 16%;
    position: absolute;
    left: 21%;
}
.item-icone-3{
	position: absolute; 
	top: -10%;
	left: -14%;
	width: 40px;
	height: 40px;
	border-radius: 60px;
	background: #89a6bf;
}

.component-spec-group{
	display: flex;
	flex-wrap: wrap;
	padding-top: 50px;
}
.component-spec-group .item-mar{
  margin: 0 0 0 15px;
  width: 100%;
}
.component-spec-item-infos{
	display: flex; 
	justify-content: space-between;
	width: 100%;
	align-items: center;
}
.component-spec-item-infos h3{
	font-family: Heebo;
  font-weight: 300;
	font-size: 20px;
	text-transform: uppercase;
	color:#000;
}
.component-spec-item-infos span{
	font-size: 17px;
}
.component-spec-item-infos{line-height: 30px;}
/* ACCUEIL - NOS VALEURS */
.accueil .nos-valeurs .component-flex-col-2-group{position: relative;}
.accueil .nos-valeurs .component-flex-col-2-item-pad{padding: 25px 50px 50px 50px;}
.accueil .nos-valeurs .component-flex-col-2-item:nth-child(1){
	position: absolute; 
	top: 10%; 
	background: rgba(255,255,255,0.8); 
	z-index: 1000;
	width: 60%;
}
.accueil .nos-valeurs .component-flex-col-2-item:nth-child(2){margin-left: auto;}
.upper{text-transform: uppercase;}



/*******************************
*** LE RESTAURANT (à propos) ***
********************************/
.infos-restaurant {
  margin-top: 15px;
  margin-left: 50px;
  padding-left: 30px;
  position: relative;
}
.infos-restaurant:after {
  content: '';
  display: inline-block;
  height: 10em;
  width: 2px;
  background-color: #94ba71;
  position: absolute;
  top: 0;
  left: 0;
}

.title-propos-restaurant {
  align-items: flex-end;
}
.title-propos-restaurant hr {
  flex: 2 1 auto;
  margin: 0 0 20px 50px;
  border: none;
  height: 3px;
  background-color: #94ba71;
}



/************************
*** SERVICES LA CARTE ***
*************************/
.la-carte .component-spec-item-infos{
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
.surplace{
	padding: 50px 0 25px;
	text-align: center;
}
.surplaceCont{
	padding: 50px 25px;
}
.surplaceCont h2{
	font-size: 70px;
}
.item-prix{margin-left: auto;}
.la-carte-top-title .title-propos-restaurant{height: 120px;}
.title-propos-restaurant i{font-size: 0.5em;}
section.la-carte{margin: 0 50px;}
section.evenement{margin: 0 50px;}
section.mentions-code-bar{margin: 50px;}
.carte-bot-mar{margin-bottom: 50px;}

.module-global-carte-type-1{margin: 50px auto;}
.module-global-carte-type-1 .module-global-carte-background{
  display: flex;
  justify-content: flex-end;
}
.module-global-carte-sub-background{
  background-color: #FFFFFF; 
  background-position: right center;
  margin: 50px 25px;
  height: 590px;
}
.module-global-carte-type-1 .module-global-carte-group{
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.module-global-carte-type-1 .module-global-carte-item{
  flex: 0 0 50%;
}
.service-item-infos-pad{padding: 25px 60px;}
.service-item-infos{flex-basis: 50%; align-items: center;}
.service-item-infos.bg{background-color: #313131;}
.service-item-infos-desc.white p{color: #FFFFFF;}
.service-item-infos ul{color: #FFFFFF; font-size: 23px; padding-left: 45px; padding-top: 15px;}
.service-item-infos ul li{padding-bottom: 15px;}

.service-item-picture{
	flex-basis: 50%;
	height: 100%;
	/*background: rgba(0,0,0,0.45);*/
}
.service-item-picture img{height: 100%;}


/* LA CARTE */
.responsive-carte {display: none;}
.carte .component-main-background-item .component-main-title:before,
.carte .component-main-background-item .component-main-title:after {
  content: '';
  width: 10em;
  height: 1px;
  display: inline-block;
  background-color: #fff;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.carte .component-main-background-item .component-main-title:before {
  left: 2%;
}
.carte .component-main-background-item .component-main-title:after {
  right: 2%;
}
.la-carte-navigation {
  flex: 1 1 30%;
  border-right: 1px solid rgba(0, 0, 0, 0.1);
}
.la-carte-navigation li {
  list-style-type: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  margin-right: 25px;
}
.la-carte-navigation li a {
  font-size: 1.4em;
  padding: 5px 0;
  margin: 15px 0;
  letter-spacing: 1px;
  display: block;
  vertical-align: bottom;
  -webkit-transition: background-color .35s ease;
  -moz-transition: background-color .35s ease;
  -ms-transition: background-color .35s ease;
  -o-transition: background-color .35s ease;
  transition: background-color .35s ease;
}
.la-carte-navigation li a.active {
  background-color: #fbe508;
  -webkit-transition: background-color .35s ease;
  -moz-transition: background-color .35s ease;
  -ms-transition: background-color .35s ease;
  -o-transition: background-color .35s ease;
  transition: background-color .35s ease;
}
.la-carte-navigation li a img {
  width: 45px;
  vertical-align: middle;
  margin-right: 25px;
  margin-left: 15px;
}

.la-carte-container {
  flex: 1 1 70%;
}
.la-carte-container-pad {
  padding: 15px 30px;
}
.la-carte-container h1 {
  font-size: 2em;
}
.la-carte-container header strong {
  font-weight: 600;
  font-size: 1em;
  padding-left: 10px;
  color: #94ba71;
}
.la-carte-container article {
  margin-bottom: 45px;
  flex-wrap: nowrap;
}
.la-carte-container .item-title {
  font-size: 1.3em;
  color: #94ba71;
  padding-bottom: 5px;
  font-family: 'Heebo';
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.la-carte-container h2:not(.item-title) {
  font-size: 1.6em;
  color: #000;
  margin-bottom: 5px;
}
.la-carte-container h2 + hr {
  margin-bottom: 15px;
}
.la-carte-container p {
  font-size: 1.2em;
  color: #000;
  line-height: 130%;
  letter-spacing: 1px;
  padding-right: 150px;
}
.la-carte-container span.item-price {
  font-size: 1.6em;
  color: #000;
  border-bottom: 1px solid #94ba71;
  display: inline-block;
  text-align: right;
}
.la-carte-list header {
  padding-bottom: 50px;
}

/*** MENU BURGER ***/

.burger * {
    box-sizing: border-box;
}

body {
    overflow-x: hidden;
}

.container {
    margin: 0 auto;

    @media (min-width: 768px) {
        width: (720px + 30px);
    }
    @media (min-width: 992px) {
        width: (940px + 30px);
    }
    @media (min-width: 1200px) {
        width: (1140px + 30px);
    }
}

.burger{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    overflow: hidden;
	z-index: 9999;
}
  
.burger__wrapper {
	transition: all 0.5s linear;
	background: rgba(192, 165, 138, 0.9);
	transform: translateY(-200px);
	z-index: 1049;
	padding: 0 0 0 55px;
}
  
.burger__button {
	display: block;
	position: fixed;
	top: 20px;
	left: 20px;
	background: transparent;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	text-align: center;
	vertical-align:middle;
	transition: all 0.5s ease;
	z-index: 1050;
	text-indent: 30px;
	color: #000;
}

.burger__button__icon {
	display: inline-block;
	position: absolute;
	background: #94ba71;
	margin: 0 auto;
	width: 20px;
	height: 2.5px;
	top: 50%;
	left: 0;
	right:0;
	transition: all 0.4s ease 0.1s;
	transform: translateY(-0.5 * 2.5px);
}
.burger__button__icon:before, 
.burger__button__icon:after{
	content: "";
	position: absolute;
	margin: 0 auto;
	background: #94ba71;
	width: 20px;
	height: 2.5px;
	left: 0;
	right:0;
	transition: all 0.4s ease 0.1s;
}
.burger__button__icon:before {
	bottom: 8px;
}
.burger__button__icon:after {
	top: 8px;
}
    
.open .burger__button__icon {
	background: transparent;
}
.open .burger__button__icon:before, 
.open .burger__button__icon:after {
	background: #fff;
	transform-origin: 0 50%;
	width: 30px;
}
.open .burger__button__icon:before {
	transform: rotateZ(0.67474094rad);
}
.open .burger__button__icon:after {
	transform: rotateZ(-0.67474094rad);
}
.burger__menu {
	display: flex;
	flex-flow: row wrap;
	jusitify-content: center;
	align-items: stretch;
	list-style-type: none;
	padding: 0;
	width: 100%;
	margin: 0 auto;
	padding: 0;
	heigth: 0;
	overflow: hidden;
}     
.burger__menu  > li {
	display: flex;
	flex-flow: row wrap;	
	jusitify-content: center;
	align-items: stretch;	
	text-align: center;
	position: relative;
	margin: auto;
	width: 100%;
	//visibility: hidden;
	//transition: all 0.5s ease;
	//transform: translateX(-400px);
}
.burger__menu a {
	display: block;
	width: 50%;
	text-decoration: none;
	color: #fff;
	padding: 15px 5px;
	font-size: 1rem;
	font-family: Arial, "san-serif";
	font-weight: normal;
	transition: all 0.4s ease;
	border: 1px solid transparent;
	padding-left: 0;
	transition: all 0.4s ease;
}
.burger__menu a:hover {
	border: 1px solid #fff;
}	
.burger__button.open + .burger__wrapper {
	transform: translateY(0);
}
.burger__button.open{ color: transparent; }

/* SUR PLACE */
.menu.resp.surplace {
  display: block;
}
.menu.resp.surplace {
  position: fixed;
  top: 0;
  left: 10px;
  right: 0;
  width: 100%;
  overflow: hidden;
  z-index: 9999;
}
.menu.resp.surplace #sidebarMenu{
  box-shadow: 1px 1px 3px #acacac;
}
.menu.resp.surplace span{
  font-size: 2em;
}
.menu.resp.surplace hr {
  margin: 10px 15px;
}
.menu.resp.surplace .sidebarIconToggle {
  width: 35px;
}
.menu.resp.surplace .spinner {
  background-color: #94ba71;
  height: 6px;
}
.menu.resp.surplace .horizontal,
.menu.resp.surplace .diagonal.part-2 {
  margin-top: 5px;
}

.menu.resp.surplace input[type="checkbox"]:checked ~ .sidebarIconToggle > .diagonal.part-1 {
  margin-top: 8px;
}
.menu.resp.surplace input[type="checkbox"]:checked ~ .sidebarIconToggle > .diagonal.part-2 {
  margin-top: -17px;
}
.menu.resp.surplace .sidebarMenuInner li a {
  font-family: 'Heebo';
  font-weight: 300;
}
.sidebarMenuInner li a[data-go] {
  font-size: 1.2em;
  text-transform: none;
  font-family: 'AssistantSemiBold';
}

/* CUSTOM SURPLACE MENU STYLE */
.ui-tabs .ui-tabs-nav .ui-tabs-anchor{
  color: #313131;
  font-size: 14px;
  font-weight: 400 !important;
}
.ui-tabs .ui-tabs-nav {
  display: table;
  margin: 0 auto;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
  margin: .5em 1em;
  padding: 0;
}
.ui-tabs-active.ui-state-active {
  background-color: #313131;
  border-radius: 5px;
}
.ui-tabs-tab.ui-corner-top.ui-state-default.ui-tab.ui-tabs-active.ui-state-active .ui-tabs-anchor {
  color: #ffffff;
}

/***/

.service-bottom-infos{background-color: #ebebeb;}
.service-bottom-infos-pad{padding: 60px 0;}
.service-bottom-infos-item{flex-basis: 50%;}
.service-bottom-infos-item-pad{padding: 0 35px;}
.service-bottom-infos-button{margin: 100px 0 30px 0;}

.module-global-carte-type-2 .module-global-carte-background{
	justify-content: flex-start; 
	display: flex;
}
.module-global-carte-type-2 .module-global-carte-sub-background{
	background-color: #FFFFFF;
	background-position: right center;
	margin: 50px 25px 50px 0px;
	height: 590px;
}
.module-global-carte-type-2 .module-global-carte-item .component-spec-mar{
	margin: 15px 0px 0px 0px !important;
}
.module-global-carte-type-2 .module-global-carte-group{margin: 0 30px 0 0;}

/*****************
*** RESTAURANT ***
******************/
.page-restaurant .component-main-background-item .component-main-title:before,
.page-restaurant .component-main-background-item .component-main-title:after {
  content: '';
  width: 10em;
  height: 1px;
  display: inline-block;
  background-color: #fff;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.page-restaurant .component-main-background-item .component-main-title:before {
  left: 2%;
}
.page-restaurant .component-main-background-item .component-main-title:after {
  right: 2%;
}

.icon-infos-evenement{
	position: absolute;
    top: -1%;
    left: -5px;
}
.infos-event-mar-bloc-left{padding-top: 55px;}
.infos-evenement .mar-description{margin: 0px 15px;}
.description-evenement{flex-basis: 50%;}
.f50{flex-basis: 50%;}
.bkg-infos-evenement{
	background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.45)) no-repeat 0 0, url('/imgs/contenu/bloc-evenement-restaurant.jpg') no-repeat;
	background-size: cover;
	width: 411px;
	height: 411px;
	display: flex;
}
.bkg-infos-private{
	background: linear-gradient(rgba(0, 0, 0, 0.5),
	rgba(0, 0, 0, 0.55)) no-repeat 0 0, url('/imgs/contenu/bloc-evenement-private.jpg') no-repeat;
	width: 411px;
	height: 411px;
	display: flex;
}
.bkg-infos-marg{
	margin: 25px;
	flex-basis: 100%;
	border-bottom: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	position: relative;
}
.bkg-infos-marg:before{
	content: "";
	display:block;
	border-top: 1px solid #ffffff;
	margin-left: auto;
	width: 85%;
}
.bkg-infos-marg:after{
	content: "";
	height: 85%;
	border-left: 1px solid #ffffff;
	position: absolute;
	bottom: 0;
}
.mar-blocs-imgs{margin: 0px 87px;}
.date-evenement{padding: 15px 15px 0 15px;}
.date-evenement h2{color:#ffffff; font-size: 65px; text-transform: none;}
.date-evenement p.theme-evenement{
	text-align: center;
	font-size: 30px;
	text-transform: uppercase;
	color: #fff;
	letter-spacing: 2px;
	font-family: Heebo;
	padding-top:10px;
}
.date-evenement span {color: red;}
.date-evenement p{
	color: #fff;
	font-size: 25px;
	font-family: Heebo;
	text-align: center;
	padding-top: 25px;
}
.f33{flex-basis: 33%;}
.f25{flex-basis: 25%;}
.element-prestation{
	display: inline-flex;
	justify-content: center;
}
.element-prestation:hover img{
    -webkit-animation: flipInY .6s forwards;
            animation: flipInY .6s forwards;
}
h1.event-title{line-height: 0;}
.equipe-du-restaurant{margin: 10px;}
.element-prestation img{width: 60px;}
.margin-bloc-prestation{margin: 0px 33px 0px 17px;}
.margin-bloc-prestation span{
	text-transform: uppercase;
	font-family: Heebo;
	font-size: 18px;
}
.margin-bloc-prestation p{padding-top: 2px; line-height: 27px;}
.blocs-prestation-client{margin: 62px 0px 30px 0px;}
.page-restaurant .component-reservation{margin: 0px;}
/*****/

.liste-domaine h2{
	color: #FFFFFF; 
	font-family: 'AssistantRegular'; 
	letter-spacing: 0.5px; 
}
.liste-domaine .component-flex-col-3-group{width: 70%; margin: 0 auto;}
.liste-domaine .component-flex-col-3-item-pad{margin: 5px; padding: 0;}
.liste-domaine img{width: 75px; height: 75px;}
.liste-domaine a .liste-domaine-background{
	height: 321px;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
	display: flex;
	justify-content: center;
	align-items: center;
}
.liste-domaine a:hover .liste-domaine-background{
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-o-transform: scale(1.2);
	-ms-transform: scale(1.2); /* IE 9 */ 
	transform: scale(1.2);
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}

/*****/

.detail-domaine-infos-pad{padding: 10px;}
.detail-domaine-key-points-pad{padding: 10px 25px 10px 50px;}
.detail-domaine-key-points-list{padding: 10px 0;}
.detail-domaine-key-points-list li{
	font-size: 2em; 
	padding: 10px 0; 
	text-indent: 10px;
}
.detail-domaine-key-points-list li span{text-align: justify; display: block;}
.template-2 .detail-domaine-key-points-list li,
.template-3 .detail-domaine-key-points-list li{text-indent: 0; padding: 20px 0;}
.detail-domaine-recap-pad{padding: 40px 0;}
.template-3 .detail-domaine-recap-pad{padding: 0;}
.detail-domaine-recap-background{background-color: #eaeaea;}
.detail-domaine-recap-background p{padding: 40px; letter-spacing: 0.5px;}
.template-3 .detail-domaine-recap-background p{padding: 80px 40px;}
.detail-domaine-recap .component-flex-col-2-item:nth-child(1) .component-flex-col-2-item-pad{
	padding: 40px 0 40px 40px;
}

#domaine-7 .text-infos-sup{padding: 0 25px;}

.box-infos{
	box-shadow: 2px 2px 6px #313131; 
	position: relative;
	margin-right: 25px;
}
.box-infos:after{
	content: '';
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	font-size: 1.6em;
	color: #FFFFFF;
	text-align: center;
	content: '\f129';
	width: 45px; 
	height: 45px;
	line-height: 40px;
	background-color: #22a1d6;
	position: absolute; 
	top: 0; 
	left: 0;
}
.box-infos h1{line-height: 45px; padding-bottom: 15px;}
.box-infos h3{line-height: 45px;}
.box-infos p{font-family: 'AssistantSemiBold'; padding: 25px 0;}
.box-infos .component-flex-col-2-item-pad{padding: 0 30px 30px 30px;}


/***************
*** EVENEMENT ***
****************/
.event{margin: 15px;}
.bloc-detail-event .flex img{width: 45px; height: 45px; padding-right: 25px;}
.bloc-detail-event .flex{align-items: center;}
.bloc-detail-event span{color:#FF0000;}
.bloc-detail-event h1{font-family: 'Heebo'; font-size: 1.6em;}
.bloc-detail-event strong{
	font-family: 'Heebo';
	font-size:1.8em;
	text-transform: uppercase;
	padding-right: 25px;
	font-weight: 400;
	color: #000;
	letter-spacing: 1px;
}
.bloc-detail-event{margin-bottom: 30px;}
.bloc-detail-event h3{
	font-family: 'Heebo'; 
	font-size: 20px;
	color: #000;
}
.bloc-detail-event h2{
	font-family: 'Heebo'; 
	font-size: 20px;
	color: #fff;
}
.bkg-style-event{
	background-color: #94ba71;
	padding: 5px 20px;
	margin: 10px 10px 10px 0px;
}
.num-event strong{font-weight: 600;}
.event-group{
    display: flex;
    margin: 25px;
    align-items: center;
}
.event-item{
    flex: 0 0 25%;
    margin: 15px;
}
.event-item-background{
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 300px;
    width: 300px;
}
.event-item h3{
    text-shadow: 2px 2px 2px #000000;
    text-align: center;
    color: #FFF;
	font-size: 32px;
	padding: 20px 0;
	font-family: 'Heebo',Arial,sans-serif;
}
.event-item-date{
    display: flex;
    justify-content: center;
}
.event-item-date strong{
    color: #ffffff;
    font-family: 'Playfair Display';
    font-size: 35px;
    background-color: #94ba71;
    padding: 15px 25px;
    text-align: center;
    letter-spacing: 4px;
    display: inline-block;
}

/*****************
*** ACTUALITES ***
******************/
.page-actus .component-main-background-item .component-main-title:before,
.page-actus .component-main-background-item .component-main-title:after {
  content: '';
  width: 10em;
  height: 1px;
  display: inline-block;
  background-color: #fff;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.page-actus .component-main-background-item .component-main-title:before {
  left: 2%;
}
.page-actus .component-main-background-item .component-main-title:after {
  right: 2%;
}
section.actualites{
  margin: 0; 
  background: #FFF; 
  padding: 30px; 
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.actualites article{ 
	max-width: 540px;
	word-break: break-all;
}
.actus-date{
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 10;
}
.actus-date strong{
	color: #94ba71;
	font-family: 'Playfair Display';
	font-size: 1.8em;
	background-color: #fff;
	padding: 8px 10px;
	text-align: center;
	letter-spacing: 2px;
	display: block;
}
.actus-date hr{border: 1px solid #fff;}
.bloc-actus{margin: 40px; }
.bloc-actus-infos {
  padding-left: 30px;
  margin-left: 30px;
  position: relative;
}
.bloc-actus-infos:after {
  content: '';
  display: block;
  width: 1px;
  height: 25em;
  border-left: 1px solid #94ba71;
  position: absolute;
  top: -25px;
  left: 0;
}
.bloc-actus-infos-pad{padding-top: 20px; }
.bloc-actus-img{display:block; width: 100%; height: 300px;}
.actus-date ::-moz-selection { color: #FFF; background: #313131; }
.actus-date ::selection  { color: #FFF; background: #313131; }
.bloc-actus-infos-link {padding-top: 15px; max-width: 200px;}
.bloc-actus-infos-link a {
  display: block; 
  align-self: flex-end; 
  width: 100%;
  font-size: 1.5em;
}
.bloc-actus-infos h1{font-size: 28px; margin-bottom: 20px; line-height: 120%;}
.bloc-actus-infos p{letter-spacing: 0.5px; font-size: 1.2em;}

/*************
*** BOUTON ***
**************/
.original-button{
	background: url('/imgs/bkg-button.png') no-repeat;
	display: flex;
	margin: 20px auto;
	font-weight: normal;
	font-size: 17px;
	text-align: left;
	text-transform: uppercase;
	border: none;
	letter-spacing: 1px;
	color: #ffffff;
	cursor: pointer;
	font-family: Heebo;
  font-weight: 600;
	padding: 15px 40px 15px 25px;
	background-size: 100%;
	align-items: center;
	justify-content: center;
}
.original-button:hover{
  /*-webkit-animation: flipInX 1s forwards;
  animation: flipInX 1s forwards;*/
}
.btnStd{
	display: table;
	margin: 20px 0;
	padding: 12px 25px;
	font-size: 20px;
	text-align: center;
	text-transform: uppercase;
	border: none;
  -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;	
	letter-spacing: 0.5px;
	border: solid 1px #94ba71;	
	color: #FFFFFF;	
	cursor: pointer;
	font-weight: 600;
  background-color: #94ba71;
  font-family: "Heebo";
  font-weight: 400;
  letter-spacing: 1px;
}
.btnStd:hover{
	background: #FFFFFF;
	color: #313131;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
	border: solid 1px #94ba71;	
}
.btnSpe{
	display: table;
	margin: 0 auto;
	padding: 15px 20px 15px 20px;
	letter-spacing: 1px;
	font-family: 'AssistantSemiBold';
	font-size: 22px;
	line-height: 22px;
	text-align: center;
	text-transform: uppercase;	
	background: rgba(34,161,214,1) repeat center;
	border: solid 1px #22a1d6;
	border-radius: 25px;
	color: #FFFFFF;
	cursor:pointer;
	position: relative;
	overflow: hidden;
	-webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}
.btnSpe:hover{
	border-radius: 0px;
	background: transparent;
	color: #313131;
	border:solid 1px #22a1d6;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;	
}
.btnSearch{
	display: table;
	margin: 0 auto;
	padding: 15px 16px;
	font-weight: normal;
	font-size: 12px;
	text-align: center;
	text-transform: uppercase;
	border: none;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;	
	background: #F48024;	
	border:solid 1px #F48024;	
	color:#FFF;
    font-family: 'AssitantBold',Arial,sans-serif;	
	cursor:pointer;
}
.btnSearch.spec{
	display: block;
	width: 20%;
	margin: 0 auto;
	padding: 16px 0;
	font-size: 16px;
}
#formSearch input.spe{ width: 20%; height: 40px; }

.fontgris .btnSpe{margin: 40px auto 0 auto;}
.btnPad {margin: 40px auto 0 auto;}

/**************
*** CONTACT ***
***************/
.contact .component-main-background-item .component-main-title:before,
.contact .component-main-background-item .component-main-title:after {
  content: '';
  width: 10em;
  height: 1px;
  display: inline-block;
  background-color: #fff;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.contact .component-main-background-item .component-main-title:before {
  left: 2%;
}
.contact .component-main-background-item .component-main-title:after {
  right: 2%;
}
.formContent {
	background: #FFFFFF;
	padding: 10px 0; 
	width: 100%;
	margin: 0 auto;
}
.formContent .formPad{
	padding-left: 60px;
}
.formSel{
	background: #FFF;
	padding: 0 0 60px 0; 
	width:40%;
	margin: 0 auto;
	
}
.formSel.spec{ width: 90%; }
.formSel label.spe{
    color: #292929;
    font-family: 'AssitantBold',Arial,sans-serif;
    font-size: 14px;
	display:block;
    font-weight: normal;
	text-transform:uppercase;
    padding: 0 0 10px 0;
}
.formSel i.nbOffre{
    color: #292929;
    font-family: 'AssitantRegular',Arial,sans-serif;
    font-size: 14px;
	display:block;
    font-weight: normal;
    padding: 10px 0;
}
input.std{
	display: block;
	font-size: 14px;
	border: solid 1px #313131;
	height: 25px;
    line-height: 25px;
	width: 100%;
	padding: 0 0 15px 0;
	margin: 10px 0 0 0;
	-webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;	
}
input.std:focus{
	text-indent: 10px;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
	outline: none;
}
input.std.none{ display: none; }
select.std{
	display: block;
	font-size: 12px;
	border: solid 1px #313131;
	height: 35px;
	width: 305px;
	color: #313131;
	margin: 0 10px 0 0;
	text-indent: 2px;	
	font-family: 'AssitantRegular',Arial,sans-serif;	 	
}
textarea{resize: none;}
textarea.std{
	display: block;
	height: 120px;
	font-size: 14px;
	border: solid 1px #313131;
	width: 100%;
	text-indent:10px;
	padding: 10px 0;
	margin: 10px 0 0 0;
	color: #313131;
	font-family: 'AssitantRegular',Arial,sans-serif;	
}
fieldset{
	border:none;
	padding: 15px 0;
	margin: 0;
}
label.std{
	color: #94ba71;
  font-family: 'Heebo';
  font-size: 1.7em;
  font-weight: 400;
  letter-spacing: 1px;
}
fieldset cite.note{
	padding: 0;
	font-size: 12px;
	font-style: italic;
   	display: block;
	color: #000000;
	text-align: right;
}
form a{text-decoration: underline;}
form a:hover{color: #22a1d6;}

/* CUSTOM CHECKBOX */
form input[type=checkbox] { display:none; } /* to hide the checkbox itself */
form input[type=checkbox] + label:before {
	font-family: "Font Awesome 5 Free";
	display: inline-block;
	font-weight: 200;
	font-size: 20px;
	vertical-align: top;
}

form label span{font-size: 15px; line-height: 23px; display: inline-block;}

form input[type=checkbox] + label:before { content: "\f0c8"; color: #94ba71; cursor: pointer;} /* unchecked icon */
form input[type=checkbox] + label:before { letter-spacing: 10px; } /* space between checkbox and label */

form input[type=checkbox]:checked + label:before { content: "\f14a"; color: #94ba71;} /* checked icon */

.mleft{margin: 0 0 0 auto;}
.m0auto{margin: 0 auto;}
.flol .padField {padding: 15px 30px 15px 0;}

.contact-form span.h2{padding-left: 60px;}

.module-contact-box{justify-content: center; padding-bottom: 50px;}
.module-contact-box-item{flex-basis: 50%;}
.module-contact-box-item-background{background-color: #ebebeb; margin: 25px; padding: 30px;}
.module-contact-box-item-background-infos{margin: auto;}
.module-contact-box input.std{
    /*margin: 0;*/
    border: none; 
    border-bottom: 2px solid #94ba71;
}
.module-contact-box label.cgu{display: flex;}
.infos-adress{
    display: flex;
    justify-content: space-between;
}
.contact-infos img{width: auto; margin-bottom: 25px;}
.infos-adress .bloc-resa > span{
    display: block; 
    font-size: 1em; 
    letter-spacing: 1px; 
    font-weight: normal;
    font-family: 'Heebo';
}
.contact-infos .bloc-resa{
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
}
.contact-infos .bloc-resa img{margin: 15px 0 5px 0;}
.module-contact-box{margin: 0 40px;}
.module-contact-box-item.booking-number .booking-number-size{
    height: 100%;
    max-height: 366px;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;

}
.module-contact-box-item.booking-number h2,
.module-contact-box-item.booking-number h1{text-align: center;}
.module-contact-box-item.booking-number a{
    display: block;
    text-align: center;
    font-size: 2.5em;
    font-family: 'Heebo';
    font-weight: 600;
    font-weight: inherit !important;
    line-height: inherit !important;
    text-decoration: none !important;
    letter-spacing: 1px;
    margin-top: auto;
    color: #313131;
}
.module-contact-box-item.booking-number img{width: auto;}
.cgu span,
.cgu span a{
    font-size: 1.05em; 
    color: #313131; 
    font-family: 'Heebo';
    text-transform: none;
    letter-spacing: 0.5px;
}

.module-contact-box textarea{border: 2px solid #94ba71;}

/* CONTACT - LOCALISATION */
.component-contact-box-infos {
  margin-left: 25px;
  padding-left: 25px;
  position: relative;
}
.component-contact-box-infos:after {
  content: '';
  display: inline-block;
  height: 10em;
  width: 1px;
  background-color: #94ba71;
  position: absolute;
  top: 0;
  left: 0;
}
.component-contact-box-infos h1 {
  line-height: 100%;
  padding-bottom: 30px;
}
.component-contact-box-infos p {
  color: #000;
}
.contact-localisation .map {
  border: 2px solid #94ba71;
}
.green {
  color: #94ba71;
}

/* CONTACT - BOOKING */
.component-booking-box:after {
  content: '';
  display: block;
  width: 96px;
  height: 350px;
  opacity: 0.5;
  position: absolute;
  top: 0;
  left: 0;
  background: url('/imgs/contenu/coriandre.png') no-repeat left center / contain;
}
.component-booking-box h1 {
  font-size: 2em;
  font-weight: 700;
  text-transform: none;
  text-align: center;
}
.component-booking-box hr {
  display: block;
  width: 2px;
  height: 2.5em;
  border: none;
  background-color: #94ba71;
  margin: 25px auto;
}
.component-booking-box h2 {
  font-size: 1.5em;
  font-weight: 300;
  text-transform: none;
  text-align: center;
  color: #000;
  font-family: 'Heebo';
}
.component-booking-box-number {
  text-align: center;
  margin: 30px auto;
  padding: 12px 30px;
  position: relative;
  display: table;
}
.component-booking-box-number:before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 5em;
  height: 5em;
  border-top: 1px solid #000;
  border-left: 1px solid #000;
}
.component-booking-box-number:after {
  content: '';
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 5em;
  height: 5em;
  border-bottom: 1px solid #000;
  border-right: 1px solid #000;
}
.component-booking-box-number strong {
  font-weight: 500;
  font-size: 2em;
  display: block;
}


/**** Coordonnees ***/
.adresse3beesRes{
	font-size: 26px;
	text-align: center;
	line-height: 200%;
	letter-spacing: 0.5px;
}
.adresse3beesRes img{width: auto;}
.adresse3beesRes span{text-transform: uppercase;}
.adresse3beesRes .one{
	font-size: 32px;
	font-weight: 600;
}
.triangle{
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 85px 32.5px 0 32.5px;
	border-color: #007bff transparent transparent transparent;
}

.error-message{color: red; font-size: 12px; display: block; padding: 2px 0; width: 100%;}


/***************
*** MENTIONS ***
****************/

.mentionsCont{ display: table; margin: 30px auto 120px auto; }
.mentionsLeg { padding: 3px 0; font-size: 16px; color: #000000; display: flex;}
.mentionsLeg h3{
  display: inline-block;
  font-family: 'Heebo';
  line-height: 20px;
  text-transform: uppercase;
  vertical-align: middle;
	font-size: 30px;
  color: #94ba71;
}
.mentionsLeg h4{
  display: inline-block;
	line-height: 20px;
	padding-left: 15px;
	color: #848586;
	font-size: 23px;
}
.mentionsLeg h4 a{color: #94ba71; font-style: italic; text-transform: none;}
.mentions-legales .component-main-sub-title{padding-top: 150px;}
.mentions-legales .component-main-sub-title h2{width: 60%; margin: 0 auto;}
.email-spec h4{text-transform: none; font-size: 23px;}
.resp {display: none;}


/***********
*** RGPD ***
***********/
.rgpd{
    width: 85%; 
    margin: 50px auto; 
    font-size: 1.2em;
}
.rgpd h1{color: #313131;}
.rgpd b{
    margin-bottom: 25px; 
    display: block;
    font-size: 1.3em;
}
.rgpd ul{
    list-style-type: none;
    margin: 15px 0;
}
.rgpd ul li{
    padding: 0 0 0 30px;
}
.rgpd ul li ul li:before{               
    content: '•';
    margin-right: 8px;
}
.rgpd hr{margin: 25px 0;}

/***********
* 404
*/
.page-404 .component-main-background-item{
  height: 100vh;
}
.page-404 h1 {
  padding-bottom: 25px;
}
.page-404 span {
  font-weight: 500;
}

/***********
* ECRAN 13 POUCES
*/
@media screen and (max-width: 1366px)
{	
	.contact .infos-adress .bloc-resa > span{font-size: 1.2em;}
	.detail-domaine-key-points-list li{font-size: 1.5em;}
	.component-main-sub-title h1{line-height: 80px; background-size: 60px; font-size: 24px;}
	.service-item-infos ul{color: #FFFFFF; font-size: 16px; padding-left: 25px; padding-top: 15px;}
	.contentBotLien cite{font-size: 15px;}
	.liste-domaine .component-flex-col-3-group{width: 100%; margin: auto;}
	.module-contact-box-item-background{padding: 0;}
	.template-3 .detail-domaine-recap-background p{padding: 60px 40px;}
	.accueil-contact-form-pad{padding: 0 100px;}
	.accueil .nos-valeurs .component-flex-col-2-group{height: 650px;}
	
}

@media screen and (max-width: 1280px)
{
	.accueil .nos-valeurs .component-flex-col-2-group{height: 700px;}
	.accueil .nos-valeurs .component-flex-col-2-item:nth-child(2){flex-basis: 70%;}
	.accueil-domaines-list-pad{padding: 0 50px;}
}

/***********
* TABLETTE PAYSAGE
*/
@media screen and (max-width: 1024px)
{	
	.menuCell a.none{ margin: 0 14px;}
	.menuTab .menuRow .menuCell .rs{ margin: 0 5px;}
	.lesOffres span.contentOffre strong{font-size: 16px;}
	.lesOffres span.contentOffre cite{font-size: 14px;}
	.bgParalax.goupeIncompliance, .bgParalax.slideBot{padding: 50px 0;}
	.slideBot h4{font-size:16px; padding: 10px 0 30px;}
	.botCell strong{font-size:15px;}
	.contentBotLien strong{font-size:16px; }
	.lienStd{font-size: 14px;}	
	.bgParalax .widthBlocPara{width: 80%;}
	.blocEntreprise1 .blocContent .blocPosition p{line-height: 18px;  padding: 15px;}
	.blocEntreprise1 .blocContent .blocPosition h5{ padding: 26px 30px 20px;}
	.formContent{width:80%;}
	.botCell strong{padding: 15px 0;}	
	.part1 { padding: 0 0 30px;}	
	.groupe .logo img {  display: block;width:100%;}			
	.lesOffres a.offres{ width: 23.9%; }
	.detailOffre .contactOffre{ width: 90%; }
	.formContent .formPad{padding: 0;}
	.contact-form h2.h2{padding-left: 50px;}
	.accueil-domaines-list-pad{padding: 0 35px;}
	.liste-domaine h2{word-break: normal;}
  section.evenement{margin: 0 15px;}
  .bloc-detail-event h1{font-size: 1.8em;}
  .bloc-detail-event strong{font-size: 1.6em;}
  .component-about img {display: block; margin: 0 auto;}
  /* LA CARTE */
  .la-carte-navigation li a {font-size: 1em;}
  .la-carte-navigation li a img {width: 30px;}
}

/***********
* TABLETTE PAYSAGE
*/
@media screen and (max-width: 960px)
{   
    .bloc-detail-event h1{font-size: 1.6em;}
    .bloc-detail-event strong{font-size: 1.4em;}
    .bloc-detail-event h2,.bloc-detail-event h3{font-size: 1.4em;}
    .bloc-detail-event p{font-size: 1.3em;}
    .component-spec-item-infos h3{font-size: 1.3em;}
    .la-carte .item-mar{margin: 0;}
    .la-carte .item-mar h3,
    .la-carte .item-mar p{margin: 0 15px;}
    .module-global-carte-sub-background{margin: 50px 0;}
    .component-booking-separator h1{font-size: 1.8em;}
}

/***********
* PETITE TABLETTE PAYSAGE
*/
@media screen and (max-width: 880px)
{		
	.contentMenuTop{ padding: 10px 0; }
	.contentMenuTop .menuTab .menuRow .menuCell{display: none;}
	/*.contentMenuTop .menuTab .menuRow .menuCell {float:none; display:block; width:100%; margin: 0; }*/
	.menu.resp{display: block;}	
    .langues a{color: #000000; width: calc(100% - 20px);}
    #selectLangue2{margin: 0 auto;}
	.contentMenuTop .menuTab .menuRow .menuCell a.home{display:table; }
	.contentMenuTop .menuTab .menuRow .menuCell a.none {margin: 0; display:block; padding:2px 0; text-align:right; font-size: 22px; }
	.reg_topDroite.flor{ width: 30%; }
	.reg_topGauche.flol{ width: 70%; }
	.menuTab .menuRow .menuCell .rs{display:none;}
	.menuCell{ margin: 0 0 5px 0; }
	.menuTab .menuRow{ display: block; }
	.menuTab{display: block; height: 31px; overflow:hidden; text-align: center;}:
	.compteClient a{ padding: 4px 6px 4px 6px;}
	.compteClient cite{padding: 4px 6px 4px 6px;}
	.botFooterGauche.flol,
	.botFooterDroite.flor{float:none; display:table; margin: 0 auto;}
	.cl-effect-4 a.none.sel,.cl-effect-4 a.none:hover{border-bottom:0;}
	.cl-effect-4 a.none:hover::after,
	.cl-effect-4 a.none:focus::after {height:0;}	
	.blocContent .blocPosition h5 {font-size: 18px;letter-spacing: 0;}
	.lienStd{font-size: 13px;}
	.bgParalax .widthBlocPara{width: 90%;}
	.contentBotLien a{padding: 3px 0;}
	.part2 { padding: 15px 0; }
	.formContent{width: 90%;}
	.situation .swipe .blocContent.flol{ width: 100%; float: none; }
	a.logoTop{ padding: 0px; }
	.component-flex-col-6-item{flex-basis: 25%;}
	.reg_contentMenu{flex-direction: row-reverse;}
	.composant-services-groupes{flex-wrap: wrap;}
	.composant-services-groupes > div{flex-basis: 33.3333333%;}
	.Mar10{margin: 10px 0 30px 0;}
	.accueil-domaines-list-pad{padding: 10px;}
	.accueil-domaines-list-item .component-flex-col-3-item-pad{padding: 10px;}
	.accueil-domaines-list-item-background{padding: 10px;}
	.accueil-domaines-list-item h2{font-size: 1.3em;}
	.accueil-domaines-list img{height: 60px; width: 60px;}
	.accueil-bottom-parallax-background h1{font-size: 2em;}
	.accueil-contact-form-pad{padding: 0 50px;}
	.module-contact-box-item-background{margin: 0;}
	.contact-form h2.h2{padding: 25px 0 0 0; width: 90%; margin: 0 auto; display: block;}
	.contact-form form label span{font-size: 1.05em;}
	.reg_topGauche img{width: 100%; height: 100%;}
	.reg_topDroite{position: relative;}
	.mentions-legales .component-main-sub-title{padding-top: 120px;}
	.accueil .nos-valeurs .component-flex-col-2-item:nth-child(1){position: static; width: 100%;}
	.accueil .nos-valeurs .component-flex-col-2-group{height: auto; flex-direction: column;}
	.accueil-presentation-text .flol{float: none; width: 100%;}
	.blocContent.flor{float: none; width: 100%;}
	.service-item-infos-pad{padding: 25px;}
	.box-infos:after{display: none;}
  .bloc-detail-event .flex img{width: 30px; height: 30px;}
  .bloc-detail-event h1{font-size: 1.4em;}
  .bloc-detail-event strong{font-size: 1.2em;}
  .bloc-detail-event h2,.bloc-detail-event h3{font-size: 1.1em;}
  .bloc-detail-event p{font-size: 1.2em;}
  .bloc-detail-event .flex img{padding-right: 10px;}
  #openSidebarMenu:checked + label > .spinner{background-color: #94ba71;}
  .carte-group-list.vins-incontournables img {width: 100%;}
  .component-about-background {background-image: url('/imgs/contenu/tablette_un-des-sens-serris.jpg') !important; height: 400px !important; background-position: center center !important; width: 100% !important;}
  .component-about .component-flex-col-2-item {flex-basis: 100%;}
  .component-actual-event h2 {font-size: 1.8em;}
  .component-actual-event p {font-size: 1.3em;}
  h1 {font-size: 2.5em;}
  .component-actual-event-background {height: 400px !important;}
  .component-main-title h1 {font-size: 3.5em;}
  .carte-group-title h2 {font-size: 1.5em;}
  /*A PROPOS*/
  .le-restaurant .component-about .component-flex-col-2-item:first-child {display: none;}
  .le-restaurant .component-about .component-flex-col-2-item:last-child {flex-direction: row;}
  #selectLangue {display: none;}
  /*LA CARTE*/
  .la-carte > .flex {flex-direction: column;}
  .la-carte .la-carte-navigation {flex: 1 1 100%;}
  .la-carte .la-carte-navigation nav {width: 100%; display: flex; flex-wrap: wrap;}
  .la-carte .la-carte-navigation nav li {flex-basis: calc(100% / 3 - 10px); margin: 5px;}
  .la-carte .la-carte-navigation nav li a {margin: 5px 0;}
  .la-carte .la-carte-container {flex: 1 1 100%;}
  .contentBotLien {padding: 15px;}
  .component-main-background-item {--bgHeight: 500px;}
  .carte-group-title h2 {height: auto;}
  .carte-group-title h2::after {border-width: 24px 0 25px 25px;}
}


/***********
* TABLETTE PORTRAIT
*/
@media screen and (max-width: 768px)
{	
	input.std,textarea.std{font-size:13px;}
	.bgParalax.bgIntro { padding: 70px 0;}
	.blocContent .blocPosition .blocPadPosition {padding: 50px 40px;}
	.lesOffres a.offres{ width: 100%; float: none; }
	.btnSearch.spec{ font-size: 14px; }
	.blocPositionPad{padding: 10px 20px;}
	.ptb50{padding: 30px 0;}
	.accueil-domaines-list.ptb80{padding: 50px 0;}
	.accueil-gages-qualite-list .ptb80{padding: 50px 0;}
	.reg_topGauche{flex-basis: auto;}
	.reg_topGauche img{margin-left: auto; display: block;}
	.contact-form .module-contact-box.flex{flex-direction: column-reverse;}
	.component-main-slider{margin-top: 80px;}
	#slick-main .slick-main-background{height: 80vh;}
	.component-main-title .h1{text-align: center;}
	.liste-domaine .component-flex-col-3-item{flex-basis: 50%;}
	.domaine-infos .component-flex-col-2-item{flex-basis: 100%;}
	.domaine-infos-pad{padding: 15px;}
	.domaine-infos .component-flex-col-2-item-pad{padding: 25px 0 15px 0;}
	.liste-domaine a .liste-domaine-background{height: 280px;}
	.contentMenuTop{padding: 0;}
	.component-main-sub-title h2{font-size: 1.6em;}
	.service-group:nth-child(2) .service-item{flex-direction: column-reverse;}
	.service-item-infos{flex-basis: 100%;}
	.service-item-picture img{height: auto; margin: 0 auto; display: block;}
	.service-item-picture{height: auto; flex-basis: 100%;}
	.flex{flex-wrap: wrap;}
	.detail-domaine-infos .component-flex-col-2-item,
	.detail-domaine-recap .component-flex-col-2-item{flex-basis: 100%;}
	.box-infos{margin: 0 auto;}
	.detail-domaine-recap .component-flex-col-2-item:nth-child(1) .component-flex-col-2-item-pad{padding: 25px;}
	/*.service-group .service-item:nth-child(1){flex-direction: column-reverse;}*/
	.service-bottom-infos-item-pad{padding: 0 10px;}
	.service-bottom-infos-pad{padding: 50px 20px;}
	.box-infos:after{display: block;}
	.detail-domaine-recap .component-flex-col-2-item:nth-child(2){margin: 15px;}

	.bloc-left-propos .flex{flex-direction: column-reverse; padding: 15px;background: rgba(255,255,255,0.6);}
	.bloc-left-propos{max-width: none;}
	.bloc-left-propos .flex .w50{width: 100%;}
	.bloc-left-propos .space-bloc{ margin: 15px 0px;}
	.bkg-a-propos{background-size: cover; height: auto; width: auto;}
	.bloc-left-on{max-width: none; justify-content: center;}
	.title-propos-restaurant h1{font-size:21px; text-align: left;}
	.ambiance-cnt .bloc-size{flex-basis: 50%;}
	.bloc-size-carte .space-bloc{margin: 0px;}
	h2{font-size: 43px;}
	.accueil-bottom-background{background: url('/imgs/contenu/bg.accueil-bottom.png') no-repeat center center / cover; height: 280px;}
	.component-reservation h1{font-size: 21px;}
	.item-reservation-image img{padding-top: 12px;}
	.component-f50{flex-basis: 100%;}
	.component-f50 .item-mar{margin: 0px; flex-wrap: wrap; justify-content: center;}
	.infos-reservation-carte .flex{justify-content: center;}
	.blocTitreAccueil h1{font-size:32px;}
	.component-spec-item-infos h3{font-size: 23px;}
	.bkg-a-propos{background:none;}
	.tel-top{margin:0px;}
	.bloc-size-carte{flex-basis: 50%; display: flex;}
  .evenement.near .first-event-content{flex-wrap: wrap;}
  .evenement.near .event.f50{flex-basis: 100%;}
  .bloc-detail-event h1{font-size: 1.8em;}
  .bloc-detail-event strong{font-size: 1.6em;}
  .bloc-detail-event h2,.bloc-detail-event h3{font-size: 1.4em;}
  .bloc-detail-event p{font-size: 1.6em;}
  .rgpd{width: 95%; font-size: 1.1em;}
  .rgpd b{font-size: 1.2em;}
  .component-booking-separator h1{font-size: 1.4em;}
  .component-booking-separator-content img{max-width: 80px;}
  .component-spec-group{padding-top: 30px;}
  .module-global-carte-background{background-image: none !important;}
  .component-spec-mar{margin: 15px 0;}
  .la-carte .carte-title{font-size: 2.5em;}
  .component-spec-item-infos h3{font-size: 1.4em;}
  .menu-specialite{flex-basis: calc(50% - 20px); border: none; margin: 10px;}
  .carte .la-carte-top-title .title-propos-restaurant{height: auto;}
  .carte-group-list-item {flex-basis: 50%;}
  .component-actual-event-booking-infos {font-size: 1.5em;}
  /* ACTUS */
  .bloc-actus {margin: 15px;}
  .bloc-actus-infos {padding-left: 20px; margin-left: 20px;}
  .bloc-actus-infos-link a, .bloc-actus-infos-link i{font-size: 1.1em; width: auto; align-self: flex-start;}
  /*CONTACT*/
  .component-contact-box-infos {margin-left: 15px; padding-left: 15px;}
  .component-contact-box .component-contact-box-infos {padding: 15px;}
}


/***********
* PETITE TABLETTE PORTRAIT
*/
@media screen and (max-width: 640px)
{
	.bgParalax.bgIntro { padding: 60px 0;}
	.blocContent .blocPosition .blocPadPosition {padding: 58px 10px;}
	.blocContent .blocPosition h5 {font-size: 14px;}
	.bgParalax p{font-size: 11px; line-height: 19px;}
	.lesOffres span.contentOffre strong {font-size: 13px;}
	.lesOffres span.contentOffre cite { font-size: 13px;}
	input.std,textarea.std{font-size:12px;}
	.blocCoord.flol,.blocMap.flor{float:none;}
	.blocCoord { width: 38%; padding: 0 0 30px 0; margin: 0 auto;}
	.contactInfo { padding: 0;}
	.blocMap { width: 100%;}
	.blocContent .blocPosition{width:97%;}
	.bgParalax .widthBlocPara {  width: 98%;}
	.select-style select{ font-size: 12px; }
	.btnSearch.spec,.select-style.w25{ float: none; width: 100%; }
	.blocContent .blocPosition.flol{ float: none; }
	.blocPositionPad{ padding: 40px 25px; }
	.component-flex-col-2-item,.component-flex-col-3-item{flex-basis: 100%;}
  .carte-group-list-item {flex-basis: 50%;}
	.component-flex-col-6-item{flex-basis: 50%;}
	.botRow{flex-wrap: wrap;}
	.botRow .botCell{width: auto; flex-basis: 100%; padding: 15px 0;}
	.blocContent.flol, .blocContent.flor{float: none; width: 100%;}
	.h1{font-size: 28px; text-align: center;}
	.composant-services-groupes > div{flex-basis: 50%;}
	.part2{padding: 25px 0;}
	.service-item-infos-pad{padding: 30px;}
	.component-flex-col-6-item-pad{padding: 0 25px;}
	.component-main-background-item{--bgHeight: 350px;}
	.detail-domaine-key-points-list li{text-indent: 0;}
	.detail-domaine-recap .component-flex-col-2-group{flex-direction: column;}
	.detail-domaine-infos .component-flex-col-2-item-pad{padding: 10px 25px;}
	#loading{display: none;}
	.component-main-slider{margin-top: 54px;}
	#slick-main .slick-main-background{height: 50vh;}
	.component-main-background{margin-top: 52px;}
	.accueil-domaines-list-item-background:hover{transform: none;}
	.detail-domaine-key-points-pad{padding: 15px 50px;}
	.service-bottom-infos-item{padding: 10px 0; flex-basis: 100%;}
	.service-bottom-infos-pad{padding: 30px;}
	.service-bottom-infos-item-pad{padding: 0;}
	.service-bottom-infos-button{margin: 50px auto 30px auto;}

	.bloc-left-propos .flex{flex-direction: column-reverse; padding: 15px;background: rgba(255,255,255,0.6);}
	.bloc-left-propos{max-width: none;}
	.bloc-left-propos .flex .w50{width: 100%;}
	.bloc-left-propos .space-bloc{ margin: 15px 0px;}
	.bkg-a-propos{background-size: cover; height: auto; width: auto;}
	.bloc-left-on{max-width: none; justify-content: center;}
	.title-propos-restaurant h1{font-size:21px; text-align: left;}
	.ambiance-cnt .bloc-size{flex-basis: 100%;}
	.bloc-size-carte .space-bloc{margin: 0px;}
	.accueil-bottom-background{background: url('/imgs/contenu/bg.accueil-bottom.png') no-repeat center center / cover; height: 280px;}
  .component-about-background {background-image: url('/imgs/contenu/mobile_un-des-sens-serris.jpg') !important; height: 300 !important;}
	.component-reservation h1{font-size: 21px;}
	.item-reservation-image img{padding-top: 12px;}
	.component-f50{flex-basis: 100%;}
	.component-f50 .item-mar{margin: 0px; display: flex; flex-wrap: wrap; justify-content: center;}
	.infos-reservation-carte .flex{justify-content: center;}
	.blocTitreAccueil h1{font-size: 22px;}
	.component-spec-item-infos h3{font-size: 23px;}
	.bkg-a-propos{background:none;}
	.tel-top{margin:0px;}
  .evenement.near .flex{flex-wrap: wrap;}
  .evenement.near .event.f50{flex-basis: 100%;}
  .evenement.near img{max-width: 30em;}
  #section03 a span{top: 45%;}
  .component-main-title .h1 .sub-title-h1{padding: 0 60px; text-align: center; display: block;}
  .contentBotLien {padding: 0 15px; text-align: center;}
  #section03 a span {margin-top: 130px;}
  .reseaux-resa {-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}
  .accueil .component-main-background-item .btnStd:not(.resp){display: none;}
  .btnStd.resp{display: block;}
  .btnStd.resp span {font-size: 1em; font-weight: 400;}
	
	/* icon téléphone */
	.icon-tel{display: none;}
	.reg_contentMenu .reg_topDroite{display:block; margin: 0 auto;}
	/** accueil **/
	.bloc-size-carte{ flex-basis: auto; flex-direction: column; align-items: center;}
	.accueil .component-booking-separator-background{background-size: cover;}
	.component-booking-separator h1{font-size: 21px;}
	.title-propos-restaurant h2{font-size: 50px;}
	.title-propos-restaurant h1{font-size: 35px;}
  .accueil .component-main-background-item h1 {font-size: 2em;}
  .vins-incontournables .carte-group-list-item-title h3 {word-break: break-all;}
  .btnStd {font-size: 15px;}
  /*A PROPOS*/
  .infos-restaurant {margin-left: 20px;}
  .le-restaurant .component-about .component-flex-col-2-item {flex-basis: 50%; flex-wrap: nowrap;}
  .le-restaurant .component-about .component-flex-col-2-item-pad {padding: 10px;}
	/** carte **/
	.carte span.sub-title-h1{font-size: 1.8em;}
	section.la-carte{margin: 0px 10px;}
	.carte img.icon-title{display: none;}
	.carte .title-propos-restaurant h2{font-size: 39px; line-height: 28px;}
	.carte .la-carte-top-title .title-propos-restaurant{margin-top: 33px;}
	.carte .item-mar{margin: 0 10px;}
	.carte .component-spec-item-infos h3{text-align:left; font-size: 15px; line-height: 20px;}
	.carte .component-spec-item-infos p{line-height: 20px;  font-size: 13px;}
  .la-carte .item-mar h3, .la-carte .item-mar p{margin: 0;}
  .la-carte .la-carte-navigation nav li {flex-basis: calc(50% - 10px);}
	
	/** mentions légales **/
	 .mentions-legales .mentions-code-bar{margin: 50px 15px !important;}
	 .mentions-legales .mentionsLeg h3{font-size: 16px;}
	 .mentions-legales .mentionsLeg h4{font-size: 15px;}
	 .mentions-legales .mentionsLeg h4 a{font-size: 15px;}
	/** restaurant **/
	.page-restaurant span.sub-title-h1{font-size: 1.8em;}
	.page-restaurant .title-propos-restaurant h2{font-size: 39px; line-height: 28px;}
	.page-restaurant .f50{flex-basis: 100%;}
	.page-restaurant .f50 .mar-blocs-imgs{margin: 0px;}
	.page-restaurant .bkg-infos-evenement{margin: 0 auto;}
	.page-restaurant .blocs-prestation-client .f33{flex-basis: 100%; margin: 0px 0px 24px 0px;}
	.page-restaurant .element-prestation img{width: 45px;}
	.page-restaurant .blocs-prestation-client{margin: 20px 0px 0px 0px;}
	.page-restaurant .component-booking-separator-background{background-size: cover;}
	.page-restaurant .equipe-infos .f25{flex-basis: 50%;}
	.page-restaurant .equipe-infos p{font-size: 16px; text-align: justify;}
  .page-restaurant .component-main-background-item .component-main-title::before, 
  .page-restaurant .component-main-background-item .component-main-title::after {display: none !important;}
  .le-restaurant .component-about .component-flex-col-2-item img {max-width: 200px;}
	/**contact**/
	.contact span.sub-title-h1{font-size: 1.8em;}
	.contact .module-contact-box{margin: 0 10px;}
	.contact .infos-adress{display: block;}
	.contact .contact-form .module-contact-box.flex{flex-direction: row;}
	.contact .space-bloc .bkg-carte{margin-top: 60px;}
	.contact .module-contact-box-item{flex-basis: 100%;}
	.contact .infos-adress .bloc-resa > span{font-size: 1.2em;}
	.contact .contact-infos{justify-content:center; display: flex;}
	/**événement**/
	.page-événement span.sub-title-h1{font-size: 1.8em;}
	.page-événement section.evenement{margin: 0px 10px;}
	.page-événement .la-carte-top-title .title-propos-restaurant{height: auto; margin-top: 33px;}
	.page-événement .f50{flex-basis: 100%;}
	.page-événement .bloc-detail-event .flex img{display: none;}
    .first-event-content .f50 img{max-width: none;}
    .bloc-detail-event h1{font-size: 1.5em;}
	/**actualités**/
	.page-actus span.sub-title-h1{font-size: 1.8em;}
	.page-actus section.actualites{margin: 50px 0px 50px 0px; padding: 0 15px;}
  .bloc-actus-img img{max-width: 250px; margin: 0 auto; display: table;}
	.page-actus .f50{flex-basis: 100%;}
	.page-actus .bloc-actus-infos-pad{padding: 20px 0px 0px 0px;}
	.page-actus .bloc-actus-infos h1{font-size: 22px; margin-bottom: 20px; text-align: left;}
  .page-actus .component-main-background-item .component-main-title::before, 
  .page-actus .component-main-background-item .component-main-title::after {display: none !important;}
  .module-global-carte-type-1 .module-global-carte-item{flex-basis: 100%;}
	.event-group{ margin: 0px; }
	.carte .item-mar{ margin: 0px; }
	.bkg-infos-private{ width: 100%; }
	.infos-evenement .mar-description{ margin: 0px; }
	h1.event-title{ line-height: normal; }
	.pad25{ padding: 5px 0; }
  .square-imgs{height: auto; width: auto;}
  .component-spec-item-infos h3{font-size: 1.5em; width: 100%;}
  .component-spec-item-infos p{display: block; font-size: 1.3em; width: 100%;}
  .component-spec-item-infos .item-mar{padding: 0 15px; width: calc(100% - 30px);}
  .component-main-title br{display: none;}
  .component-main-title {width: auto;}
  .sub-picto-background {background-position: center 110px !important; background-size: 45px !important; width: 130px; height: 130px;}
  .page-404 .component-main-background-item {background-size: cover !important;}
}

/***********
* MOBILE PAYSAGE
*/
@media screen and (max-width: 480px)
{		
	.blocPositionPad,
	.blocPosition .back,
	.padding,
	.blocContent .blocPosition ul{ padding: 10px; }
	.bgIntro h1 {font-size: 26px;}
	.bgIntro h2{ font-size: 22px;}
	.imgBloc{ width: 100%; }
	.bgParalax h3 {  font-size: 13px;}
	.bgParalax .widthBlocPara { width: 90%;}
	.formContent { width: 90%;}
	.entreprise .blocContent.flol{float:none;}
	.proxomite {border-right: none;}
	.specialites {border-left: none;}
	.detailOffre .contentOffre strong.poste{ font-size: 12px;padding: 13px 10px 13px 25px;}
	.logo.flol,.texte.flol{float:none;}	
	.groupe .logo,.groupe .texte{width:80%; margin:0 auto;}
	.blocGroupe { padding: 35px 0;}
	.groupe .logo img{ margin: 0 auto;display:block;}
	.groupe .texte p{padding: 10px 0 40px 0; font-size:11px;line-height: 19px;text-align:center;}
	.groupe .texte h5{padding: 10px 0; text-align:center;}
	.groupe .btnSpe.flor{float:none;}
	.blocCoord{width:50%;}
	.lesOffres span.padOffre{ padding: 10px; }	
	.reg_topDroite.flor{ width: 100%; float: none; }
	.reg_topGauche.flol{ width: 100%; float: none; }
	.contentMenuTop .menuTab .menuRow .menuCell a.none { text-align: center; padding: 7px 0; }
	.w50.flol{ width: 100%; float: none; }
	.formContent .formPad{ padding: 0px; }
	.accueil-domaines-list-item h2{font-size: 1.30em;}
	.accueil-bottom-parallax-background{height: 350px;}
	.accueil-bottom-parallax-background h1{padding: 0 15px;}
	.accueil-contact-form-pad{padding: 0 15px;}
  .btnStd {font-size: 13px;}
  p {font-size: 1.2em;}

	.bloc-left-propos .flex{flex-direction: column-reverse; padding: 15px;background: rgba(255,255,255,0.6);}
	.bloc-left-propos{max-width: none;}
	.bloc-left-propos .flex .w50{width: 100%;}
	.bloc-left-propos .space-bloc{ margin: 15px 0px;}
	.bkg-a-propos{background-size: cover; height: auto; width: auto;}
	.bloc-left-on{max-width: none; justify-content: center;}
	.title-propos-restaurant h1{font-size:21px; text-align: left;}
	 h1{font-size:21px; text-align: center;}
	.ambiance-cnt .bloc-size{flex-basis: 100%;}
	.bloc-size-carte .space-bloc{margin: 0px;}
	h2{font-size: 43px;}
	.accueil-bottom-background{background: url('/imgs/contenu/bg.accueil-bottom.png') no-repeat center center / cover; height: 280px;}
	.component-reservation h1{font-size: 21px;}
	.item-reservation-image img{padding-top: 12px;}
	.component-spec-item-infos{justify-content: space-between;}
	.component-f50{flex-basis: 100%;}
	.component-f50 .item-mar{margin: 0px; display: flex; flex-wrap: wrap; justify-content: center;}
	.infos-reservation-carte .flex{justify-content: center;}
	.blocTitreAccueil h1{font-size: 19px;}
	.component-spec-item-infos h3{font-size: 1.3em;}
  .component-spec-item-infos p{display: block; font-size: 1.1em;}
  .component-spec-item-infos .item-mar{padding: 0 10px; width: calc(100% - 20px);}
	.bkg-a-propos{background:none;}
	.tel-top{margin:0px;}

	/* icon téléphone */
	.icon-tel{display: none;}
	.reg_contentMenu .reg_topDroite{display:block; margin: 0 auto;}
	/** accueil **/
  .carte-group-list-item .carte-group-list-item-title h3 {font-size: 13px; padding-left: 30px;}
  .carte-group-list-item-title::after {font-size: 0.8em;}
  .carte-group-list-item-title::before {height: 120px; margin-left: 20px;}
  .component-about p { font-size: 1.4em; margin-left: 15px; margin-top: 15px; padding-left: 15px; }
  .component-about-infos::after {left: 10px;}
  .accueil .component-main-background-item .component-main-title {padding: 15px;}
	/** carte **/
  .la-carte-navigation,
  .la-carte-list {display: none;}
  .responsive-carte {display: block;}
  .la-carte-container h1 {padding-bottom: 25px; padding-top: 15px;}
  .la-carte-container h2 {font-size: 1.2em; padding-right: 15px;}
  .la-carte-container p {padding-right: 20px; font-size: 1.05em;}
  .la-carte-container article {margin-bottom: 25px; flex-wrap: nowrap;}
  .la-carte-container .item-title {font-size: 1.2em;}
  .la-carte-container span.item-price {font-size: 1.4em;}
	
	/** mentions légales **/
	 .mentions-legales .mentions-code-bar{margin: 50px 15px !important;}
	 .mentions-legales .mentionsLeg h3{font-size: 16px;}
	 .mentions-legales .mentionsLeg h4{font-size: 15px;}
	 .mentions-legales .mentionsLeg h4 a{font-size: 15px;}
     /** rgpd **/
     .rgpd ul li{padding-left: 20px;}
	/** restaurant **/
	.page-restaurant span.sub-title-h1{font-size: 1.8em;}
	.page-restaurant .title-propos-restaurant h2{font-size: 39px; line-height: 28px;}
	.page-restaurant .f50{flex-basis: 100%;}
	.page-restaurant .f50 .mar-blocs-imgs{margin: 0px;}
	.page-restaurant .bkg-infos-evenement{margin: 0 auto;}
	.page-restaurant .blocs-prestation-client .f33{flex-basis: 100%; margin: 0px 0px 24px 0px;}
	.page-restaurant .element-prestation img{width: 45px;}
	.page-restaurant .blocs-prestation-client{margin: 20px 0px 0px 0px;}
	.page-restaurant .component-booking-separator-background{background-size: cover;}
	.page-restaurant .equipe-infos .f25{flex-basis: 50%;}
	.page-restaurant .equipe-infos p{font-size: 16px; text-align: justify;}
  .le-restaurant .component-about .component-flex-col-2-item img {max-width: 180px;}
	/**contact**/
	.contact span.sub-title-h1{font-size: 1.6em;}
  .h1{font-size: 26px;}
	.contact .module-contact-box{margin: 0 10px;}
	.contact .infos-adress{display: block;}
	.contact .contact-form .module-contact-box.flex{flex-direction: row;}
	.contact .space-bloc .bkg-carte{margin-top: 60px;}
	.contact .module-contact-box-item{flex-basis: 100%;}
	.contact .infos-adress .bloc-resa > span{font-size: 1.2em;}
	.contact .contact-infos{justify-content:center; display: flex;}
  .component-contact-box .component-contact-box-infos {padding: 0 15px;}
	/**événement**/
	.page-événement span.sub-title-h1{font-size: 1.8em;}
	.page-événement section.evenement{margin: 0px 10px;}
	.page-événement .f50{flex-basis: 100%;}
	.page-événement .bloc-detail-event .flex img{display: none;}
	/**actualités**/
	.page-actus span.sub-title-h1{font-size: 1.8em;}
	.page-actus section.actualites{margin: 50px 0px 50px 0px;}
	.page-actus .f50{flex-basis: 100%;}
	.page-actus .bloc-actus-infos-pad{padding: 20px 0px 0px 0px;}
	.page-actus .bloc-actus-infos h1{font-size: 22px; margin-bottom: 20px; text-align: left;}
  .component-spec-item-infos .item-image{max-width: 80px; max-height: 80px;}
  .component-spec-item-infos .item-image img{max-width: 80px; max-height: 80px;}
  .component-spec-item-infos span{font-size: 15px;}
  .module-global-carte-sub-background, .module-global-carte-background{height: auto !important;}
  .bloc-actus-infos p {line-height: 100%;}
  .component-about-background {height: 250px !important;}
  /*.product-1, .product-2, .product-3, .product-4{width: 200px; height: 200px;}*/

}

/***********
* MOBILE PORTRAIT
*/
@media screen and (max-width: 320px)
{
	.reg_topDroite.flor{float:none;}
	.reg_topDroite{display:table; margin:0 auto;}
	.contentMenuTop .menuTab .menuRow .menuCell a.none{text-align:center;}
	.blocCoord { width: 95%;}
	.contentBotLien a,.contentBotLien cite{font-size:14px;}
	.contentBotLien cite{line-height: 11px; padding: 3px 0;}
	.contentBotLien cite.loc,.contentBotLien cite.phone,.contentBotLien cite.mail{background:none;}
	.accueil-domaines-list-item h2{font-size: 1.10em;}
  .btnStd.resp {width: 68%; margin: 0 auto;}
  .accueil .component-main-background-item h1 {font-size: 1.7em;}
  .carte-group-list-item-pad {padding: 12px;}
  .carte-group-list-item img {max-width: 120px;}
  .carte-group-list-item .carte-group-list-item-title h3 {font-size: 11px;}
  .carte-group-list-item-title::after {display: none;}
  .component-about-background {height: 200px !important;}
  .component-flex-col-2-item-pad {padding: 15px;}

	.bloc-left-propos .flex{flex-direction: column-reverse; padding: 15px;background: rgba(255,255,255,0.6);}
	.bloc-left-propos{max-width: none;}
	.bloc-left-propos .flex .w50{width: 100%;}
	.bloc-left-propos .space-bloc{ margin: 15px 0px;}
	.bloc-left-propos .w70{width: 100%;}
	.bkg-a-propos{background-size: cover; height: auto; width: auto;}
	.bloc-left-on{max-width: none; justify-content: center;}
	.title-propos-restaurant h1{font-size:21px; text-align: left;}
	 h1{font-size:21px; text-align: center;}
	.ambiance-cnt .bloc-size{flex-basis: 100%;}
	.bloc-size-carte .space-bloc{margin: 0px;}
	h2{font-size: 43px;}
	.accueil-bottom-background{background: url('/imgs/contenu/bg.accueil-bottom.png') no-repeat center center / cover; height: 280px;}
	.component-reservation h1{font-size: 21px;}
	.item-reservation-image img{padding-top: 12px;}
	.component-spec-item-infos{justify-content: center;}
	.component-f50{flex-basis: 100%;}
	.component-f50 .item-mar{margin: 0px; display: flex; flex-wrap: wrap; justify-content: center;}
	.infos-reservation-carte .flex{justify-content: center;}
	.blocTitreAccueil h1{font-size: 21px;}
	/* icon téléphone */
	.icon-tel{display: none;}
	.reg_contentMenu .reg_topDroite{display:block; margin: 0 auto;}
	/** accueil **/
	.bloc-size{flex-basis: 100%; justify-content: center; display: flex;}
	.bloc-size-carte{ flex-basis: 100%; flex-direction: column;}
	.accueil .component-booking-separator-background{background-size: cover;}
	.component-booking-separator h1{font-size: 21px;}
	/** carte **/
  .la-carte .la-carte-navigation nav li {flex-basis: 100%;}
  .la-carte-container-pad {padding: 15px;}
	
	/** mentions légales **/
	 .mentions-legales .mentions-code-bar{margin: 50px 15px !important;}
	 .mentions-legales .mentionsLeg h3{font-size: 16px;}
	 .mentions-legales .mentionsLeg h4{font-size: 15px;}
	 .mentions-legales .mentionsLeg h4 a{font-size: 15px;}
	/** restaurant **/
	.page-restaurant span.sub-title-h1{font-size: 1.8em;}
	.page-restaurant .title-propos-restaurant h2{font-size: 39px; line-height: 28px;}
	.page-restaurant .f50{flex-basis: 100%;}
	.page-restaurant .f50 .mar-blocs-imgs{margin: 0px;}
	.page-restaurant .bkg-infos-evenement{width: 100%;}
	.page-restaurant .blocs-prestation-client .f33{flex-basis: 100%; margin: 0px 0px 24px 0px;}
	.page-restaurant .element-prestation img{width: 45px;}
	.page-restaurant .blocs-prestation-client{margin: 20px 0px 0px 0px;}
	.page-restaurant .component-booking-separator-background{background-size: cover;}
	.page-restaurant .equipe-infos .f25{flex-basis: 50%;}
	.page-restaurant .equipe-infos p{font-size: 16px; text-align: justify;}
  .page-restaurant .infos-restaurant {margin-left: 0; padding-left: 15px;}
  .page-restaurant .component-about .component-flex-col-2-item:last-child {flex-direction: column;}
	/**contact**/
	.contact span.sub-title-h1{font-size: 1.8em;}
	.contact .module-contact-box{margin: 0 10px;}
	.contact .infos-adress{display: block;}
	.contact .contact-form .module-contact-box.flex{flex-direction: row;}
	.contact .space-bloc .bkg-carte{margin-top: 60px;}
	.contact .module-contact-box-item{flex-basis: 100%;}
	.contact .infos-adress .bloc-resa > span{font-size: 1.2em;}
	/**événement**/
	.page-événement span.sub-title-h1{font-size: 1.8em;}
	.page-événement section.evenement{margin: 0px 10px;}
	.page-événement .la-carte-top-title .title-propos-restaurant{height: 50px; margin-top: 33px;}
	.page-événement .f50{flex-basis: 100%;}
	.page-événement .bloc-detail-event .flex img{display: none;}
	/**actualités**/
	.page-actus span.sub-title-h1{font-size: 1.8em;}
	.page-actus section.actualites{margin: 50px 0px 50px 0px;}
	.page-actus .f50{flex-basis: 100%;}
	.page-actus .bloc-actus-infos-pad{padding: 20px 0px 0px 0px;}
	.page-actus .bloc-actus-infos h1{font-size: 22px; margin-bottom: 20px; text-align: left;}

}