body {
  -webkit-user-select: none;
  overflow: hidden;
  font-family: 'mixa_customregular'; font-size: 14px;
  background-color: white !important;
  background: #171615;
}

body.loaded { 
	
	overflow: auto;
}

body.loaded #superLoader {
	display:none;
}
body .vertical-centered-box {
  position: absolute;
  width: 100%;
  height: 100%;
  text-align: center;
  z-index: 9999;
  background:#fff;
}
body .vertical-centered-box:after {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em;
}
body .vertical-centered-box .content {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-animation: fadein 1s 1.5s linear forwards;
  -moz-animation: fadein 1s 1.5s linear forwards;
  -o-animation: fadein 1s 1.5s linear forwards;
  animation: fadein 1s 1.5s linear forwards;
  display: inline-block;
  vertical-align: middle;
  text-align: left;
  font-size: 0;
  opacity: 0;
}
body {
  background: white;
}
.loader-line-mask {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 100px;
  height: 200px;
  margin-left: -100px;
  margin-top: -50px;
  overflow: hidden;
  -webkit-transform-origin: 100px 100px;
  -moz-transform-origin: 100px 100px;
  -ms-transform-origin: 100px 100px;
  -o-transform-origin: 100px 100px;
  transform-origin: 100px 100px;
  -webkit-mask-image: -webkit-linear-gradient(top, #000000, rgba(0, 0, 0, 0));
  mix-blend-mode: hard-light;
  opacity: 0.8;
}
.loader-line-mask .loader-line {
  width: 200px;
  height: 200px;
  border-radius: 50%;
}
.loader-line-mask.one {
  -webkit-animation: rotate 2s infinite linear;
  -moz-animation: rotate 2s infinite linear;
  -o-animation: rotate 2s infinite linear;
  animation: rotate 2s infinite linear;
}
/* Premier couleur */
.loader-line-mask.one .loader-line {
  box-shadow: inset 0 0 0 8px #d70069;
}
.loader-line-mask.two {
  -webkit-animation: rotate 1.8s 0.5s infinite linear;
  -moz-animation: rotate 1.8s 0.5s infinite linear;
  -o-animation: rotate 1.8s 0.5s infinite linear;
  animation: rotate 1.8s 0.5s infinite linear;
}

/* deuxieme couleur */
.loader-line-mask.two .loader-line {
  box-shadow: inset 0 0 0 8px #d70069;
}
.loader-line-mask.three {
  -webkit-animation: rotate 2s 1s infinite linear;
  -moz-animation: rotate 2s 1s infinite linear;
  -o-animation: rotate 2s 1s infinite linear;
  animation: rotate 2s 1s infinite linear;
}

/*Troisème couleur */
.loader-line-mask.three .loader-line {
  box-shadow: inset 0 0 0 8px #d70069;
}
.loader-line-mask.four {
  -webkit-animation: rotate 1.8s 1.4s infinite linear;
  -moz-animation: rotate 1.8s 1.4s infinite linear;
  -o-animation: rotate 1.8s 1.4s infinite linear;
  animation: rotate 1.8s 1.4s infinite linear;
}

/* Quatrieme couleur */
.loader-line-mask.four .loader-line {
  box-shadow: inset 0 0 0 8px #d70069;
}
 
@-webkit-keyframes rotate{ 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); }}
@-moz-keyframes rotate{ 0% { -moz-transform: rotate(0deg); } 100% { -moz-transform: rotate(360deg); }}
@-o-keyframes rotate{ 0% { -o-transform: rotate(0deg); } 100% { -o-transform: rotate(360deg); }}
@keyframes rotate{ 0% {-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg); } 100% {-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-ms-transform: rotate(360deg);transform: rotate(360deg); }}


@-webkit-keyframes fadein{ 0% { opacity: 0; } 100% { opacity: 1; }}
@-moz-keyframes fadein{ 0% { opacity: 0; } 100% { opacity: 1; }}
@-o-keyframes fadein{ 0% { opacity: 0; } 100% { opacity: 1; }}
@keyframes fadein{ 0% { opacity: 0; } 100% { opacity: 1; }}



.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-15 {
    width: 20%;
    float: left;
}
@media (min-width: 768px) {
.col-sm-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
}

#videoBg { }



/** Top
 **************************************************************** **/

#logo { position: absolute; top:-50px; left: 50%; margin-left: -150px; width: 300px; margin-top: 100px; max-width: 70%; height: 300px; z-index: 100; opacity: 0;}
#logo img { width: 100%; height: 100%; min-width: none; max-height: 300px; }



/** Sections
 **************************************************************** **/

section { border: none; } 


h2 {  font-family: 'spinweradbold';  text-transform: none; color: #d70069; }

#header { background:#CF116E; color: white; }
#header a { color: white; }
#header ul.nav li a  { font-family: 'mixa_customregular'; color: #000; text-shadow: 0px 1px 31px black;	}
#header ul.nav li a:hover, #header ul.nav li.active a, #header ul.nav ul li.active a, #header ul.nav ul li.active a:hover { color: white; }

.nom { font-family: 'mixa_customregular'; display: block; padding: 1.4em; }



/** About
 **************************************************************** **/


#about { 
	
		background: rgba(215, 0, 105, 1);
		color: white;
		
		 }

.descriptif { font-size:16px; text-align: justify; }

.milestone { margin: 0 0 20px 0; font-size: 12px;  }

#about p {  text-align: justify; }



/** Citation **************************************************************** **/

cite { line-height: 20px; }
q { font-size: 1.7em; color: #d70069;  padding-bottom: 1.1em; 	  }
.quote p { margin: 0px;  padding-top: 1.6em; font-size: 1.6em;}
.quote {  }

/** selection
 **************************************************************** **/
	
 h3 { font-family: 'spinweradbold';  text-transform: none; font-size: 1.3em;}
#resto img { max-width: 100%; margin: auto; display: block; margin-bottom: 30px; margin-left: 0; width: 100%;  }




#team h4 { text-align: center; margin: 1em 0;}
#team p {  font-size: 0.75em; text-align: justify; margin-top: 1em;  }
#team a {  font-size: 0.75em;  }

#actu img { max-width: 80%; }
#actu { padding-bottom: 4em;  }


#brands { background: #ac3b3b; }


#portfolioContainer .rouge img { border-bottom: 10px solid #b73232; }
#portfolioContainer .rose img { border-bottom: 10px solid #fdaf62; }
#portfolioContainer .blanc img { border-bottom: 10px solid #e3dfa6; }
#portfolioContainer .biere img { border-bottom: 10px solid #d0ba6b; }
#portfolioContainer .champagne img { border-bottom: 10px solid #fed351; }
#portfolioContainer .spiritueux img { border-bottom: 10px solid #e38b5d; }


#portfolioContainer .portfolio .item a:hover {  background: black;  }
.imgextras h3 { font-size: 1em;  }



#facebook { background: #fff url("../images/fond-platane.jpg") bottom center no-repeat; background-size: 100% auto; }

/** carte **************************************************************** **/

 #carte { 
	 
	 /*background: #171615 url("../images/ardoise.jpg") repeat-y; background-size: 100% auto;*/
	 background: #fff url("../images/fond-platane.jpg") bottom center repeat-x; background-size: 40% auto;
	 text-align: left;
	 
	  } 
#carte img { max-width: 60%; margin: auto; display: block; }	  
	  
 #carte h2 {  text-align: center;  }
 #carte h3 {  text-align: center; color:black; border-bottom: 1px solid rgba(255, 255, 255, 0.60); font-size: 2.1em; margin-bottom: 1em; padding-bottom: 0.6em; background: url('/theme/ylmedia/assets/images/deco/vague.png') no-repeat top right; background-size: 35% auto; }
 #carte p { font-size: 1.3em; border-bottom: 1px solid rgba(255, 255, 255, 0.20); line-height: 1.3em; margin-top: 0px; padding-bottom: 0.3em;  }
 #carte p strong { text-align: right; float: right; font-size: 0.8em; line-height: 1.7em; }
 #carte em { font-size: 0.8em; line-height: 1em; max-width: 80%; display: block;  }
 #carte .infos { color:#d70069; font-size: 0.8em; line-height: 1em;  }
 #carte .infos p { border: none; }
 #carte .small { font-size: 72%; }


#carte .lesardoises { width: 98%; margin: auto; }
#carte .aperos { background: #F0DDE1; border: 4px solid white; padding: 2em; border-radius: 20px; }
#carte .aperos h3 { font-size: 1.3em; background: transparent; }
#carte .aperos p  { font-size: 1.6em; }
#carte .aperos p em { font-size: 0.7em; }


#carte .moment { width: 90%;  }
#carte .moment {  }
#carte .moment h3 { background: transparent; }
#carte .moment .infos  { font-size: 1em; }
#carte .moment p em { font-size: 0.7em; display: inline; color: gray; }
#carte .moment p  { font-size: 1.2em; }



#carte .VersCarte h3 {  font-size: 1.3em;  font-family: 'spinweradbold'; }
#carte .VersCarte h4 { color: white; font-size: 1.2em;  font-family: 'spinweradbold'; margin-top: 0.5em; }
#carte .VersCarte { font-size: 1.4em; text-align: center;   }
#carte .VersCarte a {  text-decoration: none; color: white; }
#carte .VersCarte p {  text-decoration: none; color: #d70069; margin-top: 1em; border: 1px solid #d70069; }

#carte .vinsaperos {  }
#carte .vinsaperos h3 { background: transparent; }
#carte .vinsaperos p {  font-size: 1.2em; }
#carte .vinsaperos .infos p {  font-size: 1.2em; }

#carte .lesMenus {  max-width: 95%; text-align: center;  }
#carte hr { margin: 3em;  }
#carte .lesMenus p { font-family: 'mixa_customregular'; }

#carte .menu29 { background: #fff; border: 4px solid white; padding: 2em; border-radius: 10px;  color: #d70069; }
#carte .menu29 .titre { font-size: 2em; margin-top: 0em; background: #202020; width: 100%; text-align: left; height: 60px; padding-top: 0.6em; padding-left: 1em; }
#carte .menu29 .prix { font-size: 2.5em; width: 70px; height: 70px; border-radius: 70px; background: #d70069; color: white; line-height: 1.5em; float: right; line-height: 2em; font-family: 'mixa_customregular';  margin-top: -1.8em; margin-right: 1em; }
#carte .menu29 h3 { color: white; text-transform: uppercase; text-align: left; font-size: 1.5em;  }
#carte .menu29 h4 { font-family: 'spinweradbold'; font-size:1.8em; border-bottom: 7px dotted gray; margin-top: 1em; margin-bottom: 0.5em; padding-bottom: 0.5em;}
#carte .menu29 p {  font-size: 1.3em; text-decoration: none; border-bottom: 1px solid gray; margin: 0.2em; }
#carte .menu29 em {  font-size: 0.7em; text-decoration: none; max-width: none; line-height: normal; display: inline;  }
#carte .menu29 .infos p {  font-size: 1.2em; }

#carte .menuEnfant { width: 90%; height: auto; border-radius:20px; background: #DEDDDC; margin: auto; line-height: 1em; max-width: 100%; }
#carte .menuEnfant h3 {color: #d70069;  text-align: left; font-size: 1em; border-bottom: none; border-bottom: none; background: transparent; }
#carte .menuEnfant .titre { font-size: 2em; /*background: #202020;*/ width: 100%;  text-align: left; height: 60px; padding-top: 0.6em; padding-left:0.3em; float: left; margin-top: 1.6em; }
#carte .menuEnfant .prix { font-size: 2.5em; width: 70px; height: 70px; border-radius: 70px; background: gray; color: white; line-height: 1.5em; float: right; line-height: 2em; font-family: 'mixa_customregular';  margin-top: -2.4em; margin-right: 0.5em;  }
#carte .menuEnfant h4 { font-family: 'spinweradbold'; font-size:1.8em; border-bottom: 7px dotted gray; margin-top: 1em; margin-bottom: 0.5em; padding-bottom: 0.5em; }
#carte .menuEnfant p {  font-size: 1.4em; font-family: 'mixa_customregular'; border-bottom: none; margin-bottom: 5px; line-height: 1.1em; max-width: 95%; margin: auto; }
#carte .menuEnfant em { margin: auto; }
#carte .menuEnfant .platsMenu {  font-size: 1.2em;  }
#carte .menuEnfant .dessertsMenu {  font-size: 1.2em;  }
#carte .menuEnfant .boissonsMenu {  font-size: 1.2em; width: 65%; margin: auto;  }
#carte .menuEnfant .infos {  font-size: 1em; float: left; width: 100%; background: #9b9b9b; height: 23px; line-height: 1.3em; color: white; margin-bottom: 1em; }

#carte .lacarte {  }
#carte .lacarte h3 { /*border-bottom: 7px dotted #d70069;*/ margin-bottom: 0.3em; text-align: left; padding-bottom: 0.5em; font-size: 2.6em; }
#carte .lacarte h4 {  }
#carte .lacarte p { font-family: 'mixa_customregular'; }
#carte .lacarte .infos p {  font-size: 1.2em; margin-bottom: 1em; }
#carte .lacarte .noborder { border: none; }
#carte .lacarte p em { display: inline; font-size: 0.7em; line-height: 1em;  }

#carte .entrees {  }
#carte .entrees h3 {  }
#carte .entrees h4 {  }
#carte .entrees p {  }
#carte .entrees .infos p {  }
#carte .entrees .noborder { }
#carte .entrees p em {  }

#carte .plateaux {  }
#carte .plateaux h3 { }
#carte .plateaux h4 {  }
#carte .plateaux p {  }
#carte .plateaux .infos p {   }
#carte .plateaux .noborder { }
#carte .plateaux p em { width: 85%; display: block; font-size: 0.8em; line-height: 1.2em; font-family: 'mixa_customregular'; }

#carte .desserts { margin-top:11em; }
#carte .desserts h3 {  }
#carte .desserts h4 {  }
#carte .desserts p {  }
#carte .desserts .infos p {  }
#carte .desserts .noborder { }
#carte .desserts p em {  }

#carte .glaces { margin-top:3em; }
#carte .glaces h3 {  }
#carte .glaces h4 {  }
#carte .glaces p {  }
#carte .glaces .infos2 p { color:#d70069; font-size: 1.4em; line-height: 1.4em;	 }
#carte .glaces .noborder { }
#carte .glaces p em {  }

#carte .boissons { margin-bottom: 3em; }
#carte .boissons h3 { /*border-bottom: 7px dotted #d70069;*/ margin-bottom: 0.3em; text-align: left; padding-bottom: 0.5em; font-size: 2.6em; }
#carte .boissons h4 {  }
#carte .boissons p { font-family: 'mixa_customregular'; }
#carte .boissons .infos p {  font-size: 1.2em; margin-bottom: 1em; }
#carte .boissons .noborder { border: none; }
#carte .boissons p em { display: inline; font-size: 0.7em; line-height: 1em;  }

#carte .vins {  }
#carte .vins h3 {  }
#carte .vins h4 {  }
#carte .vins p { }
#carte .vins .infos p {  font-size: 1.2em; margin-bottom: 1em; }
#carte .vins .noborder { border: none; }
#carte .vins p em {  color: gray; font-size: 0.8em; margin-left: 1em;  }

#carte .foot { font-size: 0.9em; color: gray; width: 100%; text-align: center; }


/** Contact **************************************************************** **/

.honigtopf { display: none; }

#contact .infos { font-size: 1.3em; border-left: 1px solid #666; padding-left: 1em;  }
#contact .rounded-icon { font-size: 20px; width: 50px; height: 50px; line-height: 50px; color: #666; float: left; margin-top: -0.5em; }
#contact .infos p { float: left;  }
#contact .info  { width: 100%;  clear: both; float: left; padding-top: 1em; }

#gmap {
		
		min-height:420px;
		height:100%;
		display:block;
		z-index: 1;

}


.barre {
    background: #EEEDEB url("../images/barre-de-bois.jpg") repeat-x;
        background-size: auto auto;
    width: 100%;
    height: 40px;
    background-size: 100% 100%;
    box-shadow: 1px 2px 5px -1px #422820;
    margin-top: -60px;
    }

	

.gm-style .gm-style-iw {
    color: black;
}


textarea.form-control { min-height: 160px; }
.form-control { margin-bottom: 1em; }

#contact strong { color: #d70069 }

/** Contact **************************************************************** **/

#footerContent { /*background: url("/theme/ylmedia/assets/images/preview/video/ink.jpg") bottom center; background-size: 100% auto;*/ 
	min-height:30px;
	padding: 10px 0px;
	background-color: gray !important;
	border-top: 1px solid white;
	font-size: 0.8em;  }