/*Correctif de Grid */

body { min-width: 960px; }

.cms-tag { display: none; }
.sousPageLinkIcone { padding-bottom: 66%; }
@font-face {
    font-family: 'PaleBlueEyes';
    src: url('/fonts/PaleBlueEyes.eot');
    src: url('/fonts/PaleBlueEyes.eot?#iefix') format('embedded-opentype'),
        url('/fonts/PaleBlueEyes.woff2') format('woff2'),
        url('/fonts/PaleBlueEyes.woff') format('woff'),
        url('/fonts/PaleBlueEyes.ttf') format('truetype'),
        url('/fonts/PaleBlueEyes.svg#PaleBlueEyes') format('svg');
    font-weight: normal;
    font-style: normal;
  
}

.message-box-wrapper{

	z-index:8000;

}

.message-box{

	padding:10px;

	border-radius:4px;

	background-color:#999;

	color:#fff;

	border:1px solid #fff;

	font-size:1.4em;

}

.image-static{

	padding-bottom:60%;

	position:relative;

}

.editMode .background{

	display:flex;

	justify-content:center;

	align-items:center;

}

.editMode .background>.fa{

	z-index:2000;

}

.background{

	background-size:cover;

	background-repeat:no-repeat;

	position:absolute;

	top:0;

	left:0;

	width:100%;

	height:100%;

}

.blue-overlay { opacity: 0.75; }
.editMode [data-aos^=fade][data-aos^=fade]{ opacity: 1!important;}


.content .widget_1 { background-color: hsla(357,90%,4%,1.00); }


figure { margin: 0px; }
figcaption { outline: none; }

#cover:after { 
	content:"";
	width: 100%;
	height: 20px;;
	bottom: 0px;
	
	position: absolute;
	background-color: #ffffffba;
}

#slogan_cover { text-align: right;}
#slogan_cover .logo { max-width: 20vw;}
#slogan_cover strong { font-size: 1.3em; }
#slogan_cover h1 { line-height: 1.1em;}

.scrolldown { 
	height: 60px;
	width: 60px; 
	position: absolute; 
	bottom:40px;
	background-image: url("/images/ScrollDown White.png"); 
	background-repeat: no-repeat; 
	background-position: center center;
	background-size: cover;
	  animation: scroll_move 2s ease-out infinite;
}

/* Couleur */
.pink { color:#e69d87;}
.pink_back { background-color: #e69d87; }
.pink_stroke { border-color:#e69d87; }


footer {
	color:#929292;
	background: linear-gradient(0deg, rgba(46,46,46,1.00) 60%, rgba(0,0,0,1) 100%);
	font-size: 0.9em;
}
footer a:link, footer a:visited { color:inherit; text-decoration: none;}
footer a:hover { color:#eab5a5; }
footer .grid_6 { font-size: 12px; }

#contact .editable a:link, #contact .editable a:visited {
	padding:4px 12px;
    border-radius: 30px;
    background-color: black;
    color: white;
    text-decoration: none;
} 
/* Typographie */
body {font-family: 'Lato';
	color:#4b403f;
}
h1,h2,h3,h4 { 
	font-family: 'Roboto Slab', serif;  
	font-weight:200; 
	margin: 0 0 0.8em 0;
	line-height: 1.1em;
}
h2 { font-size: 1.8em; }
h1 strong, h2 strong, h3 strong, h4 strong { font-weight: 800; }

.editable p { margin-top:1em; margin-bottom:1em; }

#menu_bouffe .editable p { margin: 0px;}
#menu_bouffe  {
	font-weight: 300;

}
#menu_bouffe p em {
	font-size: 0.8em;
	font-style: italic;
	margin-bottom: 1em;
}
#menu_bouffe p strong {
	font-size: 1.5em;
	color:#e69d87;
	font-weight: 600;
	font-style: italic;
	margin-top:0.75em;
	line-height: 1.1em;
	display: inline-block;
}
#menu_bouffe .prix_plat {
	font-size: 1em;
	font-weight: 600;
	font-style: italic;
}
#menu_bouffe h2, #menu_boire h2, #promotion h2 { 
	font-size: 1.9em;
	line-height: 1.4em;
}

#menu_bouffe h2 strong, 
	#menu_boire h2 strong,
	#promotion h2 strong{ 
	font-size: 1.5em;

}
#menu_bouffe h3 {
	font-family: 'PaleBlueEyes';
	font-size: 2.2em;
	border : 1px solid #e69d87;
	line-height: 1em;
	padding:8px 15PX 0px 15PX;
	display: inline-block;
	margin: 0 0 0 -15px;
}


#menu_bouffe .swiper-pagination { 
	text-align: right; 
	position: relative;  
}

#menu_bouffe .swiper-pagination-bullet {
	width: auto; 
	opacity: 1; 

	display: inline;
	border-radius: 0px; 
	background: none;

/*	line-height: 45px;*/
}
#menu_bouffe .swiper-pagination-bullet-active:after {
	background-color: #e69d87;
	color:black;
}
#menu_bouffe .swiper-pagination-bullet:after {  
	content:"Page";
	font-family: 'Roboto Slab', serif; 
	font-size: 1.2em;
	display: inline-block;
	

	padding: 2px 10px 2px 10px;
	border : 1px solid #e69d87; 	
	margin:5px;	
} 
#menu_bouffe .bullet0:after {  content:"Entrées";} 
/* serait-il possible d'utiliser attr(data-content) d'un autre divl*/
#menu_bouffe .bullet1:after {  content:"Salades";}
#menu_bouffe .bullet2:after {  content:"Poutines";}
#menu_bouffe .bullet3:after {  content:"Pizzas";}
#menu_bouffe .bullet4:after {  content:"Le Pub";}
#menu_bouffe .bullet5:after {  content:"Burgers";}
#menu_bouffe .bullet6:after {  content:"La mer";}
#menu_bouffe .bullet7:after {  content:"Les à côtés et desserts";}






#menu_boire .swiper-pagination { 
	text-align: right; 
	position: relative;  
}

#menu_boire .swiper-pagination-bullet {
	width: auto; 
	opacity: 1; 

	display: inline;
	border-radius: 0px; 
	background: none;

}
#menu_boire .swiper-pagination-bullet-active:after {
	background-color: #de957e;
/*	color:rgba(0,0,0,0.35);*/
}
#menu_boire .swiper-pagination-bullet:after {  
	content:"Page"; 
	display: inline-block; 
	font-family: 'Roboto Slab', serif; 
	font-size: 1.2em;

	padding: 2px 10px 2px 10px;
	border : 1px solid #e69d87; 	
	margin:5px;

} 

#menu_boire h3 {
	font-family: 'PaleBlueEyes';
	font-size: 2em;
/*	border : 1px solid #e69d87;*/
	line-height: 1em;
/*	padding:8px 15PX 0px 15PX;*/
	display: inline-block;
	margin: 0;
}

#menu_boire .bullet0:after {  content:"Bières en fût";} 
/* serait-il possible d'utiliser attr(data-content) d'un autre divl*/
#menu_boire .bullet1:after {  content:"Bières en bouteilles";}
#menu_boire .bullet2:after {  content:"Vin blanc";}
    
#menu_boire .bullet2:before {  content: "\A";
      white-space: pre;
} 
#menu_boire .bullet3:after {  content:"Vin rouge";}
#menu_boire .bullet4:after {  content:"Cocktails";}

#menu_boire .swiper-pagination-bullet:after {  }








/* Espacement et css localisé */

.space-top-50 { padding-top: 50px; }

.space-bottom-50 { padding-bottom: 50px; }

.backgroundFixed { 	background-attachment: fixed;  }

#menu_bouffe {
	background-image: url("/images/smokeback2.jpg");
	background-attachment: fixed;
	background-size:cover;
	color:white;
}
#menu_boire {
	background-image: url("/images/smokebackrose.jpg");
	background-attachment: fixed;
	background-size:cover;
/*	color:white;*/
}



#promotion {
	background-image: url("/images/smokeback2.jpg");
	background-attachment: fixed;
	background-size:cover;
	color:black;
	padding: 50px 0px;
	position: relative;
	
}
#promotion::before {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	background-color: hsla(0,0%,100%,0.72);
	top:0px;
}

#promotion .sousPageLinkIcone { padding-bottom: 66%; position: relative;}

#promotion .BlocSousPage {
	padding: 10px;
    background-color: black;
	color:white;
}

#promotion a:link, #promotion a:visited, #promotion a:active { color: white; text-decoration: none; }
#promotion .sousPageLinkTitre { 
	font-size: 1.9em;
	line-height: 1.4em;
    font-family: 'Roboto Slab', serif;
    font-weight: 200;
    margin: 0 0 0.8em 0;	
}

#menu_top ul {

	
	
	background-color:#000000b3;

    top: 0px;
    position: absolute;
    left: 0px;
    width: 100%;
    display: block;
    display: flex;
    font-size: 0.7em;
	line-height: 0.7em;
    flex-wrap: nowrap;
    justify-content: space-evenly;
	padding: 10px;
	box-sizing: border-box;
}


.mobileonly{
	display: none;
}
.desktoponly {
	display: inline-block;
}	



#menu_top a:link, #menu_top a:visited, #menu_top a:active {
	font-size: 1em;
	color:white;
	text-decoration: none;
font-family: 'Roboto Slab', serif;  
	font-weight:200; 	
	margin: 0px 5px;
}


/* Animation */

@keyframes scroll_move {
	0% {
		
	}
	50% {
		transform: translateY(10px);
	}
}




@media screen and (max-width:640px){
	body{		
		min-width: inherit!important;
		width: 100%;
	}
	
#gabarit { overflow: hidden; }

.mobileonly{
	display: inline-block;
}
.desktoponly {
	display: none;
}	

.hamburger {
    position: fixed;
    top: 10px;
    right: 10px;
    z-index: 600;
    background-color: black;
}
	
.backgroundFixed { 	
	background-attachment: inherit;
/*background-attachment:fixed; */
/*background-repeat: no-repeat;*/
	
}
	
	
	
.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before, .hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner:after, .hamburger.is-active .hamburger-inner:before {
    background-color: #fff;
}
#menu_top ul { 
	top:-100vh;
	width: 100vw;
	height: 100vh;	
	flex-direction: column;
/*	transform: 2s*/
	transition:  top 0.5s ease;
	box-sizing: border-box;
	position: fixed;
	z-index: 500;
	justify-content: center;
}




	
	
#menu_top.active ul {
		top:0px;

	}

	#menu_top.active li {
		display: block;
		line-height: 4em;
		text-align: center;
	}
	
	#menu_top a:link, #menu_top a:visited, #menu_top a:active {
		font-size: 1.8em;
		margin: 0px 20px;
	}
	
#menu_boire, #menu_bouffe {
	
	background-attachment:inherit;
	background-size:100%;
/*	color:white;*/
}
	
#menu_boire .grid_3,	
#menu_boire .grid_4 {
	width: 47%;
}
	
#menu_boire span.backmobile {
  content:"";
  position:sticky;
  z-index:22;
  left:0;
  top:0;
  height:100vh;
  width:100%;
  background:url('https://www.w3schools.com/w3css/img_fjords.jpg') center center no-repeat;
  background-size:cover;
}	
	
#slogan_cover .logo { max-width: 60vw;}
	
	
}