/*
Theme Name: FAM 2019
Theme URI: http://www.lenit.net
Description: Theme sur mesure de Lenit.NET
Version: 1.1
Author: LENIT.NET
Author URI: http://www.lenit.net

Creation Thème by Lenit.net || http://www.lenit.net
*/

@import url('style/reset.css');
@import url('style/fonts/fonts.css');

 
/* ---------------------------------- SUPPRESSION ELEMENRS SPES RESTOS --------------------------------- */

.restoFAM4 #privatiser, .restoFAM4  #menu-item-576, .restoFAM17 #privatiser, .restoFAM17 #menu-item-576 {display:none !important;}

.restoFAM17 .avisrestos, .restoFAM24 .avisrestos, .restoFAM4 .avisrestos   {display:none !important;}

.restoFAM23 .rslides5_s1 {display:none !important;}

/* ---------------------------------- REFERENTIEL --------------------------------- //
Couleur1 : 
Couleur2 : 
Localisation site : 
*/

.f-l { float:left;}
.f-r { float:right;}
.f-n { float:none;}



/* ---------------------------------- STRUCTURE GLOBALE ----------------------------------  */
/* ---------------------------------------------------------------------------------------  */
.cb {clear:both !important;}
.nomobs {display:block}
.mobs {display:none}
.tabs {display:none}
.hidden  {display:none}



.separateur {padding-top:2vw;}

body {
	background-image:url(images/fond-restaurant-filsamaman.jpg)  !important;
	background-attachment:fixed;
	background-position:top left;
	background-size:100%;
	background-repeat:repeat;
	margin:0 !important;
	color:#12100b;}
	
.page {
	
    margin: auto;
    width: 100%;
    clear: both;
	top:8vw;
	position:relative;
	}
	
.content{
	width:100%;
    text-align: center;
	margin:auto ;
	z-index:1;}
p {
	-webkit-margin-before: 0 !important;
    -webkit-margin-after: 0 !important;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
	margin:0 !important;
}

.colg {
	float:left;
	width: 48%;
	margin-right:2%;}
		
.cold {
	float:left;
	width: 48%;
	margin-left:2%;}
		
		
.colg1t {
	float:left;
	width: 30%;
	margin-right:3%;}
		
.cold2t {
	float:left;
	width: 66%;
	margin-left:0;}
	
	
.colg2t {
	float:left;
	width: 66%;
	margin-right:3%;}
		
.cold1t {
	float:left;
	width: 30%;
	margin-left:0;}
	
		
.col1t {
	float:left;
	width: 31%;
	margin:0 1%;}
	
	
h1 {
font-size:20px ;
}

.bloch1 {
	    position: fixed;
    top: 5vw;
    left: 12vw;}

.imgfull {
	width:100%;}
	
	.amazingslider-nav-container-1, .amazingslider-nav-container-2, .amazingslider-nav-container-3, .amazingslider-nav-container-4, .amazingslider-nav-container-5, .amazingslider-nav-container-6, .amazingslider-nav-container-7, .amazingslider-nav-container-8, .amazingslider-nav-container-9 {
		margin-top:-40px !important;
		
		}
	
	

#blocfooter {
	clear:both;
	z-index:100;
	position:fixed;
	width:100%;
	bottom:0;
	background-color:#b4b5b4;
	font-family:'Love Ya Like A Sister';
	height:0.8vw;
	text-align:left;
	padding-left: 10vw;
	padding-top: 0.8vw;
    padding-bottom: 1vw;
	font-size: 0.7vw;
	color:#fff !important;
	}
	
#blocfooter a {
	font-size: 0.7vw;
	text-decoration:none;
	color:#fff !important;
	}
	

@media only screen and (min-width: 768px) and (max-width: 1023px) {
.tabs {display:block !important;}
.notabs {display:none !important;}

.cold1t, .colg2t {
    float: none;
    width: 100%;
	margin-left: 0;
	margin-right: 0;
	text-align:center !important;
}	

 h1 {
    font-size: 26px !important;
    line-height: 28px !important;
}

p {
    font-size: 16px !important;
    font-family: 'SourceSansProLight';
}

}


@media (max-width: 767px){
	
	
.mobs {display:block;}
.nomobs {display:none;}


body {
	background-image:url(images/fond-restaurant-mobile.jpg)  !important;
	}

.colg1t, .cold2t, .cold1t, .colg2t {
    float: none;
    width: 100%;
	margin-left: 0;
	margin-right: 0;
	text-align:center !important;
}	



.col1t {
	clear: both;
	float:none;
	width: 100%;
	margin:40px 1%;}

.cold, .colg {
    float: none;
    width: 100%;
	margin-left: 0;
}


h1 {
    font-size: 26px !important;
    line-height: 28px !important;
}

#home {
	    clear: both;
    top: 10vw;
	}

#blocfooter {display:none;}
}



@media only screen and (max-width: 480px) {
}

/* ---------------------------------- STRUCTURE CONTENU ----------------------------------  */



#contenud {
	width:88%;
	margin:2% 2% 0 10% ;	
	
	}

@media (max-width: 767px){
	
	#contenud {
	width: 96%;
    margin: 2%;
    margin-top: 23vw !important;
	
	}
	
}	
/* ---------------------------------- COL SOCIAUX ----------------------------------  */

	.sociaux {
	position: fixed;
    width: 4%;
    height: auto;
    margin-top: 6%;
    margin-left: 2.5%;
} 
	
	.sociauxresto {
	position: fixed;
    width: 4%;
    height: auto;
    margin-top: 1.2%;
    margin-left: 2.5%;
} 
.rshome {
	float:left;
	width: 100%;
    height: auto;
    margin-bottom: 110%;
    margin-left: -9%;
	 }
	
	.rs {
	float:left;
	width:80%;
	height: auto;
	margin-top: 30%; }
	
	.rsresa {
	float: left;
    width: 160%;
    height: auto;
    margin-top: 30%;
    margin-left: -48%; }
	

	.rs:hover, .rshome:hover, .rsresa:hover {transform:scale(1.05)}	

/* ---------------------------------- TOP BAR ----------------------------------  */

#menum {display:none !important;}
#topbar {
	margin:0 auto;
	height: auto;
    margin-bottom: 15px;
	position:fixed;
	z-index:100;
	}	
	
	
#blocmenu {
	width: 85vw;
    height: 5vw;
    border: solid 4px #b92535;
    padding: 0.3vw 0;
    border-radius: 15px;
    position: relative;
    box-shadow: inset 0 0 0 4px #fff, inset 0 0 0 5px #b92535;
	color:rgba(255,255,255,1);
	font-family: 'cabinsketch-bold-webfont';
	text-transform: uppercase;
	
    background: #fff;
}
	
	
	
	
#blocmenug {
	float:left;
	width:38%;
	margin:0 0 0 2%;
	padding-top: 1.7vw;}
	
		
#bloclogo {
	float:left;
	padding:0;
	width:20%;
	margin:0;
	text-align:center;}
	#logo {
		width: 75%; }

#blocmenud {
	float:right;
	 padding-top: 1.7vw;
	width:38%;
	margin:0 2% 0 0;}		

	
	 

#menug {
    display: block;
}





.menu li {
display : inline !important;
list-style:none !important} 

.menu {
	color:#221F20;
	
}	

.pagefam .menu a{
	text-decoration:none;
	color:#221F20;
	font-size: 1.8vw;
    margin-left: 3vw;
}

.pagefam #blocmenud .menu a{
	float:right !important;
	text-decoration:none;
	color:#221F20;
	font-size: 1.8vw;
    margin-right: 3vw;
	margin-left: 0;
}


.pagerestos .menu a{
	text-decoration:none;
	color:#221F20;
	font-size: 1.8vw;
    margin-right: 1.8vw;
}




.pagerestos #blocmenud .menu a{
	float:right !important;
	text-decoration:none;
	color:#221F20;
	font-size: 1.8vw;
    margin-right: 0;
	margin-left: 1.8vw;
}
	
	.menu .current_page_item a{
		border-bottom: 3px solid #B92435;
		color:#221F20 !important;
	}	
	
	.menu a:hover {
	border-bottom: 3px solid #B92435;
}

		

/* ---------------------------------- MENU MOBILE ----------------------------------  */		 
/*
a.meanmenu-reveal{display:none}
.mean-container .mean-bar{
	float:left;
	width:100%;
	position:relative;
	background:none;
	padding-bottom: 3vw !important; 
margin-top:0 !important; 
z-index:1  !important;}
.mean-container a.meanmenu-reveal{
	width: 10vw !important;
    height: 10vw !important;
    padding: 5.5vw 2vw !important;
	position:absolute;
	top:-75px !important;
	right:3% !important;cursor:pointer;color:#b92535 !important;text-decoration:none;font-size:16px;text-indent:-9999em;
	line-height:11vw !important;
	font-size: 9vw !important;
	display:block;font-family:Arial,Helvetica,sans-serif;font-weight:500;z-index:2000; }
.mean-container a.meanmenu-reveal span{
	display:block;
	background: #b92535 !important;
	height:3px;
	margin-top:8px !important;}

.mean-container .mean-nav{float:left;width:100%;background:#FFF;
margin-top: 0px !important;
    z-index: 10000 !important;
}
.mean-container .mean-nav ul{padding:0;margin:10px 0 0 0;width:100%;list-style-type:none}
.mean-container .mean-nav ul li{position:relative;float:left;width:100%; text-align:center; }
.mean-container .mean-nav ul li a{
	display:block;
	color: #221F20 !important;
	    font-family: 'cabinsketch-bold-webfont' !important;
	font-size:24px !important;
	float:left;
	width:90%;
	padding:0.3em 5%;
	margin:0;text-align:left;color:#000000;border-top:none;border-top:none);text-decoration:none;
	text-transform: uppercase !important; text-align:center;}
.mean-container .mean-nav ul li:before{content: normal!important;
	content: ""!important; }
.mean-container .mean-nav ul li:first-child:before {
	content: normal;
	content: ""; 
	}
	

.mean-container .mean-nav ul li li a{
width:80%;
padding: 0.2em 10% !important;
color: #E13227 !important;
border-top:1px solid #f1f1f1;
border-top:1px solid rgba(255,255,255,.25);
opacity:.75;
filter:alpha(opacity=75);
text-shadow:none!important;
visibility:visible;}
.mean-container .mean-nav ul li.mean-last a{border-bottom:0;margin-bottom:0}.mean-container .mean-nav ul li li li a{width:70%;padding:1em 15%}.mean-container .mean-nav ul li li li li a{width:60%;padding:1em 20%}.mean-container .mean-nav ul li li li li li a{width:50%;padding:1em 25%}.mean-container .mean-nav ul li a:hover{background:#252525;background:rgba(255,255,255,.1)}
.mean-container .mean-nav ul li a.mean-expand{
	margin-top:1px;
	width:26px;
	height:32px;
	font-size: 32px !important;
    padding: 2px !important;
	color: #D12227 !important;
	text-align:center;
	position:absolute;
	right: 25% !important;
	top:0;
	z-index:2;
	font-weight:700;
	background:rgba(255,255,255,.1);
	border:0!important;
	border-left:1px solid rgba(255,255,255,.4) !important;border-bottom:1px solid rgba(255,255,255,.2)!important}
	.mean-container .mean-nav ul li a.mean-expand:hover{background:#fff !important;}.mean-container .mean-push{float:left;width:100%;padding:0;margin:0;clear:both}.mean-nav .wrapper{width:100%;padding:0;margin:0}.mean-container .mean-bar,.mean-container .mean-bar *{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.mean-remove{display:none!important}

#menumobile { z-index:2 !important;}

*/
		 
/* ---------------------------------- TOP BAR MOBILE ----------------------------------  */			 
		 
 @media only screen and (min-width: 768px) and (max-width: 1023px) {


			 
			 
}
		 
		 
@media only screen and (max-width: 767px) {		 
	
#topbarmobs {
	z-index:1000;
	position: fixed;
	top:0;
	padding:3vw;
	width:94vw;
	background:#fefefe;
	height:23vw;
	}	

#bloclogomobs {
    width: 100%;
    text-align: center;

}	
	
#logo {
    width: 100%;
}
	
 .boutonresamobs{
z-index: 99;
top: 18vw;
    width: 35vw;
    left: 55vw;
    position: absolute;
    padding: 0.6vw 2vw 1vw 2vw;
    text-align: center;
    border-radius: 20px;
    background-color: #dd2c23;
}

.boutonresamobs a  {
      font-family: 'cabinsketch-bold-webfont';
    color: #fff;
    font-size: 6vw;
    font-weight: bolder;
    text-decoration: none;
    /*letter-spacing: 0.6vw;*/
}	
	
/*	 OLD
#topbarmobs #blocmenu {
	width: 98%;
    height: 15vw;
    border: solid 4px #b92535;
    padding: 0.3vw 0;
    border-radius: 15px;
    position: relative;
    box-shadow: inset 0 0 0 4px #f3f3f3, inset 0 0 0 5px #b92535;
    color: rgba(255,255,255,1);
    font-family: 'cabinsketch-bold-webfont';
    text-transform: uppercase;
}
*/	
	
	
#blocmenumobs {
	clear:both;
	top: 29vw;
    width: 80vw;
    height: 61vw;
    margin: 5vw 9vw;
    border: solid 4px #b92535;
    padding: 0.3vw 0;
    border-radius: 15px;
    position: relative;
    box-shadow: inset 0 0 0 4px #fff, inset 0 0 0 5px #b92535;
    background: #fff;
}	
#blocmenumobs first-child{
	margin-top:10vw;
	
	}

.itemmenumobs{
	float:left;
	width:100%;
	text-align:center;
	font-family:'cabinsketch-bold-webfont';
	text-decoration:none;
	color:#221F20;
	font-size: 10vw;
    line-height: 10vw;
    margin-top: 4vw;
	
	}
	
	
.sociauxmobs {
	position: relative;
   top: 27vw;
    width: 80vw;
    height: auto;
    margin: 5vw auto;
} 	
	
			
.sociauxmobs-r {
	    position: relative;
    /* top: 12vw; */
    width: 80vw;
    height: auto;
    margin: 17vw auto;
} 
	
	.rs {
	float: left;
    width: 12vw;
    height: auto;
    margin: 2vw 0 0 12vw; }

}




	 
/* ---------------------------------- HOME ----------------------------------  */
/* ------------------------------------------------------------------------  */
/*
#imghome {
	text-align:center !important;
		width:100% !important;
	height:510px !important;
	}
*/	
#cadrefam {
	padding-top: 10vw;
    position: relative;
	}
.imghome {
	width:85vw;
	}
.cadrehome{
	width:85vw;
	position:absolute;
	top: 10vw;
	z-index:10;
	}
.carouselhome{
    z-index: 1;
    padding: 1.6vw 1.5vw;
	}
	
#wonderpluginslider-1{
	    width: 100% !important;
	}
.carouselhome img{
    width: 100% !important;
	}	
	
#cadrefam .boutoncarte, #cadrefam .boutonresa{
	z-index: 99;
    top: 38vw;
    width: 10vw;
    position: ABSOLUTE;
    padding: 0.4vw 1vw 0.4vw 1vw;
    text-align: center;
    border-radius: 20px;
}

#cadrefam .boutoncarte{
    left: 24vw;
    background-color: #dd2c23;
}

				/* ---------------------------------- SLIDER ----------------------------------  */		
				
				.rslides {
				  position: relative;
				  list-style: none;
				  overflow: hidden;
				  width: 99% !important;
				  height: 39vw !important;
				  padding: 0;
				  margin: 0;
				  
				  }
				
				.rslides li {
				  -webkit-backface-visibility: hidden;
				  position: absolute;
				  display: none;
				  width: 100%;
				  left: 0;
				  top: 0;
				  }
				
				.rslides li:first-child {
				  position: relative;
				  display: block;
				  float: left;
				  }
				
				.rslides img {
				  display: block;
				  height: auto;
				  float: left;
				  width: 100%;
				  border: 0;
				  }
				  



#listresto {
	padding-top:3vw
	}

.blocchoixresto {
	margin-top:5vw;
	text-align:left;
	padding-left: 4vw;
	
	}

.blocchoixresto h2{
	font-family:'Schoolbell';
	font-size: 2.6vw;
    line-height: 4.2vw;
	text-transform:uppercase;
	}
	
#titreresto2 {
	font-family:'CaveatBrush-Regular';
	font-size: 5.4vw;
    line-height: 5.2vw;
	text-transform:uppercase;
	color:#CF2630;
	}


#clicresa{
	z-index: 99;
    top: 34vw;
    left: 6vw;
    width: 34vw;
    position: ABSOLUTE;
}
#clicresa img{
    width: 100%;
}
/* CUSTOM DROPDOWNS*/


#contactrestos {

}


.search_categories{
	width: 21vw;
    margin: 1vw 2.5vw;
    font-size: 0.6vw;
    padding: 1vw;
    border: none;
    overflow: hidden;
    position: relative;
    background: url(images/dropdown.png) no-repeat;
    background-size: contain;
}



.search_categories .select select{
    font-family: 'Love Ya Like A Sister' !important;
    background: transparent;
    line-height: 1;
    border: 0;
    /* padding: 1vw 2vw 1vw 0.8vw; */
    border-radius: 0;
    width: 100%;
    position: relative;
    z-index: 10;
    font-size: 0.9vw;
    -webkit-appearance: none;
}
.search_categories .select select option:after{
	content:"" !important;
	}

.search_categories .select select option {
	font-family:'Love Ya Like A Sister' !important;
    font-weight: normal;
    display: block;
    white-space: pre;
    min-height: 1.2em;
    padding: 0px 2px 1px;
}

.search_categories .select select option:hover {
	transform:scale(1.1);
	}

#contactrestos .blochaut {
	margin-top:4vw;
	margin-left:-4vw;
	width: 50vw;
	text-align:center;
	}

#contactrestos .blochaut .colg, #locaresto .blochaut .colg {
	width : 36%;
	margin-bottom: 1vw;
	    text-align: center;
	}
#contactrestos .blochaut .cold, #locaresto .blochaut .cold{
	width : 60%;
	margin-bottom: 1vw;
	}
	
	
.avisrestos {
	width : 13vw;
	margin:auto;
	}
	.avisrestos:hover {
	transform:scale(1.05)
	}
	
	.logorestos {
	width : 18vw;
	}
	.logorestos:hover {
	transform:scale(1.05)
	}


.pictorestos {
	float:left;
	clear:both;
	width: 1.8vw;
	}
	.pictorestosite {
	clear:both;
	float: left;
    width: 3vw;
	}
#contactrestos .blochaut a, #locaresto .blochaut a{
	font-size:1.5vw;
	font-family:'Schoolbell';
	line-height: 1.7vw;
	}
#contactrestos .blochaut .cold p, #contactrestos .blochaut .colg p, #locaresto .blochaut .cold p {
	float:left;
font-family:'Schoolbell';
    font-size: 1.6vw;
    line-height: 2vw;
    padding: 1.4vw 1vw 0 1vw;
	text-align:left;
	}


#contactrestos .blocbas p, #locaresto .blocbas p {
	font-family:'Schoolbell';
	font-size:1.3vw;
	line-height:1.6vw;
	}

#contactrestos .blocbas	.blochoraires, #locaresto .blocbas	.blochoraires {
	float:left;
	width: 69%;
	padding-top: 3vw;
	
	}
	
		/* SPE MULTI RESTO PAR VILLE */
			.multiville .blochaut .colg, .multiville .blochaut .cold{
			width : 49%;
			margin-bottom: 1vw;
			}
			
			 .multiville  .blochaut p  {  
			font-size: 0.9vw !important;
			line-height: 1.4vw !important;
			padding: 0.5vw 1vw 0 1vw !important;
		}
		 .multiville .pictorestos {
			width: 1.2vw;
			padding-top: 0.6vw;
		}
		
		.multiville .cold .pictorestos {
		padding-left: 6vw;
		}
		/* FIN SPE MULTI RESTO PAR VILLE */

.blocbas .lineh {
	float: left;
    width: 100%;
	padding-bottom: 0.5vw;
	}
	
.blocbas .lineh:hover {
	color:#b92535 !important;
	}
	
#contactrestos .blocbas	.col1, #contactrestos .blocbas	.col2, #contactrestos .blocbas .col3, #locaresto .blocbas .col1, #locaresto .blocbas	.col2, #locaresto .blocbas .col3 {
	float:left;
	width: 33%;
	
	}
	
#contactrestos .blocbas	.blocresa, #locaresto .blocbas .blocresa {
	float:left;
	width: 30%;
	padding-top: 3vw;
	}
	#contactrestos .blocbas	.blocresa img, #locaresto .blocbas	.blocresa img{
	width: 100%;
	}
	
.reservation:hover {
	transform:scale(1.1);
	}

	
/* END CUSTOM DROPDOWNS*/

#cartefrance {
	margin-left:-5vw;
	width:100%;
	margin-bottom:6vw;}
			


@media only screen and (min-width: 768px) and (max-width: 1023px) {
	
.
}


@media only screen and (max-width: 767px) {
.imghome {
	width:95vw;
	    min-height: 66vw;
		padding-top: 5vw;
		position:relative;
	}
.cadrehomemobs{
	width:95vw;
	position:absolute;
	z-index:10;
	}
.carouselhome{
    padding: 1.6vw 1vw 1vw 1.9vw;
	}
	
#wonderpluginslider-1{
	    width: 100% !important;
	}
.carouselhome img {
    width: 100% !important;
    height: 60vw;
    object-fit: cover !important;
}	
.rslides {
    height: 60vw !important;
}



#listresto{
	padding-top:30vw;}

#titreresto2 {
    font-size: 12vw;
    line-height: 15vw;
}

.blocchoixresto {
    margin-top: 5vw;
    padding-left: 4vw;
}

#listresto .cold #cartefrance {display:none;}


.blocchoixresto h2 {
    font-size: 6vw;
    line-height: 5vw;
   float:left;
   width:100%;
}
.search_categories .select select{
  width: 100% !important;
  font-size: 1em;
}

.blocchoixresto .search_categories {
    float: left;
	margin-top: 4vw;
    width: 70vw !important;
}

.search_categories {
    margin: 1vw 2.5vw;
    font-size: 3.5vw;
    padding: 3.2vw;

}

#contactrestos .blochaut {
    padding-top:6vw;
	    width: 100vw;
}
#contactrestos .blochaut a, #locaresto .blochaut a {
    font-size: 2vw;
    line-height: 3vw;
}
#contactrestos .blochaut .colg {
    width: 36%;
    float: left;
	padding-top: 3vw;
}
.logorestos {
    width: 30vw;
}
.pictorestos {
    width: 4vw;
}
#contactrestos .blochaut .cold p {
    font-size: 2.6vw;
    line-height: 3.2vw;
    padding: 2.6vw 1vw 0 1vw;
}

#contactrestos .blochaut .cold {
    width: 60%;
    float: left;
	padding-top: 4vw;
}

.avisrestos {
	width : 30vw;
	margin:auto;
	}
	

#contactrestos .blocbas	.col1 {clear: both;}
#contactrestos .blocbas	.col1, #contactrestos .blocbas	.col2, #contactrestos .blocbas .col3 {
    float: left;
    width: 30%;
    padding-top: 1vw;
}

#contactrestos .blocbas p {
    font-size: 2vw;
    line-height: 4vw;
}
#contactrestos .blocbas	.col4 {
    float: left;
    width: 32%;
    padding-top: 3vw;
}

#contactrestos .blocbas	.col4 img {
    width: 100%;
}

			  #carouselactus .rslides_nav {
    height: 6vw;
    width: 12vw;
    margin-top: -39vw;
					  }

#carouselactus  .next {
	background: url(images/fdroite.png);
	 left: 82vw;
}

#carouselactus  .prev {
	background: url(images/fgauche.png);
	 left: 1.5vw;
}

}

@media only screen and (max-width: 640px) {

}


/* ---------------------------------- EVENT ----------------------------------  */
/* ------------------------------------------------------------------------  */

#fam_bloc_event {
top: 0vw;
    position: relative;
padding-top: 6vw;

}



#fam_bloc_event .colg {
    text-align: left;
	clear:both;
	    width: 42%;
	padding-left:3vw;
	 margin-bottom: 3vw;
}


.fam_img_event {
width: 90%;


}

#fam_bloc_event .cold {
    float: left;
    width: 47%;
    margin-left: 2vw;
    margin-top: 2vw;
	text-align:left;
}

#fam_bloc_event h2 {
	    font-family: 'CaveatBrush-Regular';
    font-size: 4vw;
    line-height: 2.3vw;
    text-align: center;
    margin-bottom: 3vw;
	text-transform: uppercase;
	}
	

#fam_bloc_event p{
font-family:'School Hand';
color:#221F20;
font-size: 1vw;
line-height: 2vw;
margin-bottom: 3vw !important;
}

.bouton_event {
	
    z-index: 99;
    width: 70%;
    position: relative;
    padding: 1vw;
    text-align: center;
    border-radius: 20px;
    margin: 0 auto;
    text-align: center;
    background-color: #dd2c23;
}



.bouton_event a  {
    font-family:'cabinsketch-bold-webfont';
    color: #fff;
    font-size: 2vw;
    font-weight: bolder;
    text-decoration: none;
    letter-spacing: 0.15vw;
}


@media only screen and (max-width: 767px) {

#fam_bloc_event {

padding-top: 16vw;

}

#fam_bloc_event .colg, #fam_bloc_event .cold {
    text-align: left;
    clear: both;
    width: 90vw;
    padding: 3vw;
    margin-bottom: 3vw;
}
.fam_img_event {
width: 100%;
}

#fam_bloc_event h2 {
    font-size: 7vw;
    line-height: 6vw;
    margin-bottom: 4vw;
}
#fam_bloc_event p {
 font-size: 3vw;
    line-height: 4.4vw;
    margin-bottom: 5vw !important;
}

.bouton_event {
    width: 80%;
    padding: 2vw 1vw 2.2vw;
}
.bouton_event a {
    font-size: 5vw;
}



}





/* ---------------------------------- CARTE ----------------------------------  */
/* ------------------------------------------------------------------------  */


	
	
#lacarte {
	top: 0vw;
    position: relative;
    padding-top: 14vw;
}


#lacarte h2 {
	    font-family: 'CaveatBrush-Regular';
    font-size: 4vw;
    line-height: 2.3vw;
    text-align: center;
    margin-bottom: 1vw;
	text-transform: uppercase;
	}
	
.cadrecarte{
	width:85vw;
	position:absolute;
	top: 30vw;
    z-index: 10;
	}

.carouselcarte{
    z-index: 1;
    padding: 1.8vw 1vw 1.4vw 1.6vw;
	}
.carouselcarte img{
    width: 100% !important;
	}	
#polacarte {
	width:90%;
	margin:3vw 5% 0 5%;
	}
	
#polacarte a{
	text-decoration:none;
	color:#12100b;
	}
#polacarte .col1, #polacarte .col2, #polacarte .col3, #polacarte .col4 {
	width:25%;
	    float: left;
	}
	
	
	#polacarte .col1 p, #polacarte .col2 p, #polacarte .col3 p, #polacarte .col4 p{
	font-family: 'Love Ya Like A Sister';
    text-transform: uppercase;
    font-size: 1.8vw;
    line-height: 2.3vw;
	padding-top: 1vw;
	}
	
	

.pola {
    position: absolute;
    z-index: 10;
    width: 18vw;
}
.photopola1 {
    z-index: 1;
    padding: 1.5vw 0.5vw 0vw 0.5vw;
    width: 17vw;
    max-height: 12.4vw;
}

.photopola2 {
    z-index: 1;
    padding: 2.2vw 0.5vw 0 0.5vw;
    width: 17vw;
    max-height: 12.4vw;
}
.photopola3 {
    z-index: 1;
    
    padding: 1.2vw 0.5vw 0 0.5vw;
    width: 17vw;
    max-height: 12.4vw;
}
.photopola4 {
    z-index: 1;
    padding: 2.2vw 0.5vw 0 0.5vw;
    width: 17vw;
    max-height: 12.4vw;
}

#prescarte .colg {
    text-align: left;
	clear:both;
	    width: 37%;
	padding-left:3vw;
	 margin-bottom: 3vw;
}


.polalarge {
    position: absolute;
    z-index: 10;
        width: 34vw;
}
.photopolalarge {
    z-index: 1;
    padding: 1.6vw 0.5vw;
    width: 33vw;
    max-height: 18vw;
}


#prescarte .cold {
    float: left;
    width: 52%;
    margin-left: 2vw;
    margin-top: 2vw;
	text-align:left;
}

#prescarte .cold h2{
font-family: 'Schoolbell';
    text-transform: uppercase;
    font-size: 1.8vw;
    line-height: 2.3vw;
	margin-bottom:1vw;
}

#prescarte .cold h3{
font-family: 'CaveatBrush-Regular';
color:#CF2630;
    font-size: 2.2vw;
    line-height: 2.6vw;
}
#prescarte .cold h3:first-letter {
	text-transform: uppercase;
    float: left;
    font-size: 7.6vw;
    padding-top: 2vw;
    padding-right: 0.5vw;
	padding-bottom: 0.5vw;
	
	}
	
@-moz-document url-prefix() {
#prescarte .cold h3:first-letter {
	text-transform: uppercase;
    float: left;
    font-size: 6.2vw;
    padding-top: 0.4vw !important;
    padding-right: 1vw;
	padding-bottom: 0.3vw !important;
	
	}
} /*NORMAL*/


#prescarte .cold p{
font-family:'School Hand';
color:#221F20;
font-size: 1vw;
line-height: 1.6vw;

}


@media only screen and (max-width: 767px) {
	
	#lacarte  {
	padding-top:0vw;
	}
	#lacarte .imghome {
	width:95vw;
	    max-height: 52vw;
		    position: relative;
		padding-top: 25vw;
		
	}
	#lacarte h2 { display:none !important;}

.cadrecartemobs{
	width:95vw;
	position:absolute;
	z-index:10;
	}

.carouselcarte{
        padding: 1.8vw 1vw 1.4vw 1.9vw;
	}
	
.carouselcarte img{
    width: 100% !important;
	    height: 60vw;
    object-fit: cover !important;
	}	
#polacarte {display:none;}
#prescarte .colg {
    display: none;
}

#prescarte .cold {
    width: 96%;
    margin-top: 15vw;
}
#prescarte .cold h2 {
    font-size: 4vw;
    line-height: 5vw;
    margin-bottom: 1vw;
	margin-top: 1vw;
}
#prescarte .cold h3 {
    color: #CF2630;
    font-size: 6vw;
    line-height: 7vw;
}

#prescarte .cold h3:first-letter {
	text-transform: uppercase;
    float: left;
    font-size: 14vw;
    padding-top: 1.6vw;
    padding-right: 0.5vw;
	padding-bottom: 0.5vw;
	
	}

#prescarte .cold p {
    font-size: 3vw;
    line-height: 4.4vw;
}



}

/* ---------------------------------- FISTONS ----------------------------------  */
/* ------------------------------------------------------------------------  */

#fistons  {
	    top: 0vw;
    padding-top: 12vw;
    position: relative;
	}
	
#fistons h2 {
	    font-family: 'CaveatBrush-Regular';
    font-size: 4vw;
    line-height: 2.3vw;
    text-align: center;
    margin-bottom: 1vw;
	text-transform: uppercase;
	}
	
	#imgfistons {
	width:70vw;
	margin:auto;
	}
	
	#carouselfistons .rslides {
    height: 32vw !important;
	width:100% !important;
}
#cadrefistons{
	width:70vw;
	position:absolute;
	z-index:10;
	}
#carouselfistons{
    z-index: 1;
    padding: 1.6vw 1.5vw;
	
	}
	
#carouselfistons img{
    width: 100% !important;
	}	
#contentfistons {
	width:85%;
	margin:auto;}
	
#textefistons {
	margin-top:1vw;
    /* -webkit-column-count:2; /* Opera, Safari, Google Chrome */
   /* -moz-column-count: 2; /* Firefox */
   /* column-count: 2; /* Internet Explorer */
	text-align:justify;
    column-fill: balance;
	widows: 1;
    orphans: 1;
}	
	
#textefistons h3{
font-family:'School Hand';
   color:#CF2630;
    font-size: 1.1vw;
    line-height: 1.8vw;
	    font-weight: bolder;
		text-align:justify;
	}

#textefistons p{
font-family:'School Hand';
color:#221F20;
font-size: 1vw;
line-height: 1.6vw;

}

@media only screen and (max-width: 767px) {
	
#fistons  {
	padding-top:28vw;
	}
	
#fistons h2, #lacarte h2 {
   font-size: 10vw;
    line-height: 12vw;
	}
	
	#imgfistons {
	width:90vw;
	margin:auto;
	}
	
	#carouselfistons .rslides {
    height: 40.9vw !important;
	width:100% !important;
	margin-bottom:3vw !important;
}
#cadrefistons{
	width:90vw;
	position:absolute;
	z-index:10;
	}
#carouselfistons{
    z-index: 1;
    padding: 1.6vw 1.5vw;
	
	}
	
#contentfistons {
	width:85%;
	margin:auto;}
	
#textefistons {
	margin-top:1vw;
    /* -webkit-column-count:2; /* Opera, Safari, Google Chrome */
   /* -moz-column-count: 2; /* Firefox */
   /* column-count: 2; /* Internet Explorer */
	text-align:justify;
    column-fill: balance;
	widows: 1;
    orphans: 1;
}	
	
#textefistons h3{
font-size: 3vw;
    line-height: 5vw;
	}

#textefistons p{
	margin-top:2vw !important;
  font-size: 3vw;
  line-height: 4.4vw;

}
	
}


#fistons #rouedesgourmands {
	padding-top: 5vw;
	height: 22vw;
	}
#rouedesgourmands {
	padding-top: 10vw;
	}

#rouedesgourmands .colg {
    text-align: right;
    width: 40%;
    margin-right: 2%;
}

#rouedesgourmands img {
    width: 25vw;
	}

#rouedesgourmands .cold {
    padding-top: 3vw;
    text-align: left;
    width: 54%;
    margin-right: 2%;
}


#rouedesgourmands  h3 {
    font-family: 'CaveatBrush-Regular';
    color: #b92535;
    font-size: 3.4vw;
    line-height: 3.8vw;
    margin-bottom: 1vw;
	text-align:left;
}

#rouedesgourmands p {
font-family: 'School Hand';
    color: #3257A4;
    font-size: 1.4vw;
    line-height: 2vw;
    text-align: left;
	}
@media only screen and (max-width: 767px) {
#rouedesgourmands {
	position:relative;
	top:20vw;
	clear:both;
	
	
	}




#rouedesgourmands .colg {
    text-align: center;
    width: 96%;
    margin-right: 2%;
}

#rouedesgourmands img {
    width: 65vw;
}

#rouedesgourmands .cold {
    padding-top: 3vw;
    margin: 0 4%;
    float: left;
    width: 92%;
}

#rouedesgourmands h3 {
    font-size: 5vw;
    line-height: 6vw;
    margin-bottom: 1vw;
}
#rouedesgourmands p {
    font-size: 3vw;
    line-height: 4vw;
}

}


/* ---------------------------------- GOODIES ----------------------------------  */
/* ------------------------------------------------------------------------  */
#goodies {
    padding-top: 5vw;
	}
#goodies h2 {
	font-family: 'CaveatBrush-Regular';
    font-size: 4vw;
    line-height: 2.3vw;
    text-align: center;
    margin-bottom: 1vw;
    margin-top: 3vw;
	text-transform: uppercase;
	}
	
	#goodies img {
	width:90%;
	margin:0 5% 5vw 5%;
	}

@media only screen and (max-width: 767px) {
	#privatiser h2, #goodies h2 {
    font-size: 7vw;
    line-height: 8vw;
}

#privatiser {
	top:55vw;
	position: relative;}
	.pagefam #privatiser {
	top:10vw;}
}
/* ---------------------------------- ACTUALITÉS ----------------------------------  */
/* -----------------------------------------------------------------------------  */

#actus {
	    position: relative;
    top: 0vw;
    padding-top: 14vw;
	}
#actus h2 {
	    font-family: 'CaveatBrush-Regular';
    font-size: 4vw;
    line-height: 2.3vw;
    text-align: center;
    margin-bottom: 2vw;
    margin-top: 0vw;
	text-transform: uppercase;
	}
	
#actus #actusrestos {
    clear: both;
    padding-top: 3vw;
    height: 70vw;
}

#actus #filfb {
	
	margin-top:0vw;}
@media only screen and (max-width: 767px) {
#actus {
    padding-top: 5vw;
	}
	
}	

/* ---------------------------------- goodies & privat----------------------------------  */
/* -----------------------------------------------------------------------------  */
#goodies {
	position:relative;
    padding-top: 13vw;
	padding-bottom: 8vw;
	top:10vw;
	}
	
	#privatiser {
		position:relative;
    padding-top: 12vw;
	padding-bottom: 8vw;
	}
#privatiser h2 {
	font-family: 'CaveatBrush-Regular';
    font-size: 4vw;
    line-height: 2.3vw;
    text-align: center;
    margin-bottom: 1vw;
    margin-top: 3vw;
	text-transform: uppercase;
	}
	
	#privatiser h2, #goodies h2 {
	font-family: 'CaveatBrush-Regular';
    font-size: 4vw;
    line-height: 2.3vw;
    text-align: center;
    margin-bottom: 1vw;
	text-transform: uppercase;
	}

#cadreprivat {
	width: 60%;
	margin:4vw 15%;
    border: solid 4px #b92535;
    padding: 5%;
    border-radius: 15px;
    position: relative;
    box-shadow: inset 0 0 0 4px #fff, inset 0 0 0 5px #b92535;
	color:rgba(255,255,255,1);
    background: #fff;
}



#cadreprivat h2{
font-family: 'CaveatBrush-Regular';
    font-size: 2.4vw;
    line-height: 2.8vw;
	margin-bottom:2vw;
	color:#221F20;
	margin-top: 0vw;
}

#cadreprivat h3{
font-family: 'Love Ya Like A Sister';
color:#221F20;
font-size: 1.6vw;
line-height: 2.1vw;
padding-top:2vw;
}
	

#cadreprivat p{
font-family:'School Hand';
color:#221F20;
font-size: 1.2vw;
line-height: 1.6vw;

}

#persosprivat {
	float: right;
    width: 18vw;
    margin-top: -10vw;
    margin-right: -9vw;
	}
	

#boutonprivat{
	z-index: 99;
    width: 30vw;
    margin: 2vw auto 0vw auto;
    padding: 0.6vw 1vw 0.4vw 1vw;
    text-align: center;
    border-radius: 20px;
    background-color: #dd2c23;
}
#boutonprivat:hover{
transform: scale(1.10);
}


#boutonprivat a {
    font-family: 'cabinsketch-bold-webfont';
    color: #fff;
    font-size: 1.8vw;
    font-weight: bolder;
    text-decoration: none;
	text-transform: uppercase;
}


@media only screen and (max-width: 767px) {
#cadreprivat {
    width: 80%;
    margin: 4vw 5%;
    padding: 5%;
}

#cadreprivat h2 {
    font-size: 5vw;
    line-height: 5vw;
    margin-bottom: 2vw;
}

#cadreprivat p {
    font-size: 2vw;
    line-height: 3vw;
}
#cadreprivat h3 {
    font-size: 3vw;
    line-height: 4vw;
    padding-top: 2vw;
}

}

/* ------------------------------------ PAGE LOCALE RESTOS --------------------------------- */
/* ----------------------------------------------------------------------------  */


#logobcrestos {
	z-index: 99;
    top: 12.5vw;
	left: 27vw;
    position: ABSOLUTE;
}

#logobcrestos img {
    width: 37vw;
}

	@media only screen and (max-width: 767px) {
		
		
#topbarmobsrestos {
	z-index:1000;
	position: fixed;
	top:0;
	padding: 1vw 3vw;
	width:92%;
	background:#fefefe;
	height:19.3vw;
	}	

#topbarmobsrestos #bloclogomobs {
    width: 49vw;

}	

#topbarmobsrestos .boutonresamobs {
    top: 6vw;
    width: 35vw;
    left: 58vw;
    padding: 1.6vw 1vw 2vw 1vw;
}
	
#blocmenumobsrestos	 {
	clear:both;
	top: 10vw;
    width: 80vw;
    height: 75vw;
    margin: 5vw auto;
    border: solid 4px #b92535;
    padding: 0.3vw 0;
    border-radius: 15px;
    position: relative;
    box-shadow: inset 0 0 0 4px #fff, inset 0 0 0 5px #b92535;
    background: #fff;
}	
#blocmenumobsrestos first-child{
	margin-top:10vw;
	
	}
	
	
#infosrestomobs{
	z-index: 99;
    position: relative;
    top: 12vw;
    width: 74vw;
    margin: auto;
    background-color: #dd2c23;
    padding: 2vw 2vw 2vw 2vw;
    text-align: center;
    border-radius: 50px;
    font-family: 'School Hand';
    font-size: 4vw;
    line-height: 8vw;
    color: #fff;
    cursor: pointer;
}

	}



#homeresto .cadrehome {
    width: 85vw;
    position: absolute;
    top: 0vw;
    z-index: 10;
}

#homeresto .boutoncarte, .boutonresa{
	z-index: 99;
    top: 28vw;
    width: auto;
    position: ABSOLUTE;
    padding: 0.4vw 1vw 0.4vw 1vw;
    text-align: center;
    border-radius: 20px;
}
.boutoncarte:hover, .boutonresa:hover{
transform: scale(1.10);
}

#homeresto .boutoncarte {
    left: 29vw;
    background-color: #777776;
}


.boutonresa{
    left: 49vw;
    background-color: #dd2c23;
}

.boutonresa, .boutoncarte a, .boutonresa a  {
    font-family:'cabinsketch-bold-webfont';
    color: #fff;
    font-size: 2.5vw;
    font-weight: bolder;
    text-decoration: none;
    letter-spacing: 0.15vw;
}

.pagefam #bresaresto {display:none;}
#locaresto #bresahome {display:none;}

#infosresto{
	z-index: 99;
    top: 35vw;
    width: 24vw;
    left: 31.5vw;
    position: ABSOLUTE;
	background-color: #231f20;
    padding: 0.4vw 2vw 0.3vw 2vw;
    text-align: center;
    border-radius: 50px;
    font-family:'School Hand';
    font-size: 1.1vw;
    line-height: 1.5;
    color: #fff;
	cursor:pointer;
	border:solid 2px #fff;
}


#prescarterestos  {
	clear:both;
	    padding-top: 12vw;
}


#prescarterestos .colg {
    text-align: left;
    clear: both;
    width: 47%;
    padding-left: 1vw;
    margin-bottom: 3vw;
}

#prescarterestos .rslides {
    height: 22vw !important;
}

#prescarterestos .polalarge {
    position: absolute;
    z-index: 10;
        width: 34vw;
}
#prescarterestos .photopolalarge {
    z-index: 1;
    padding: 1.7vw 0.5vw 1.5vw 0.5vw;
    width: 33vw;
    height: 17.5vw;
	object-fit: cover;
}

#prescarterestos .colg h2{
 font-family:'Schoolbell';
    text-transform: uppercase;
    font-size: 1.8vw;
    line-height: 2.3vw;
	margin-bottom:1vw;
}

#prescarterestos .colg h3{
font-family: 'CaveatBrush-Regular';
color:#CF2630;
font-size: 2.1vw;
line-height: 2.5vw;
}
#prescarterestos .colg h3::first-letter {
	text-transform: uppercase;
    float: left;
    font-size: 7.4vw;
    padding-top: 1.6vw;
    padding-right: 0.5vw;
	padding-bottom:0.5vw;
	
	}
	

@-moz-document url-prefix() {
#prescarterestos .colg h3::first-letter {
	text-transform: uppercase;
    float: left;
    font-size: 6.2vw;
    padding-top: 0.4vw !important;
    padding-right: 1vw;
	padding-bottom: 0.3vw !important;
	
	}
} /*NORMAL*/

#prescarterestos .colg p{
font-family:'School Hand';
color:#221F20;
font-size: 1vw;
line-height: 1.6vw;

}

#prescarterestos .cold {
    float: left;
    width: 42%;
    margin-left: 5%;
    margin-top: 0vw;
	text-align:left;
}

#carterestos  {
display:block;
margin:0px auto 3vw auto;
text-align:center;
width:100%;
height: 50vw;
}

#outerContainer #mainContainer  .toolbar {
  display: none !important; /* hide PDF viewer toolbar */
}
#outerContainer #mainContainer  #viewerContainer {
  top: 0 !important; /* move doc up into empty bar space */
}

@media only screen and (max-width: 767px) {

.boutoncarterestos {
	
    z-index: 99;
    width: 70vw;
    position: relative;
    padding: 2vw 1vw 2.6vw 1vw;
    text-align: center;
    border-radius: 20px;
    margin: 0 auto;
    text-align: center;
    background-color: #dd2c23;
}



.boutoncarterestos a  {
    font-family:'cabinsketch-bold-webfont';
    color: #fff;
    font-size: 6vw;
    font-weight: bolder;
    text-decoration: none;
    letter-spacing: 0.15vw;
}

#ancrecarterestos{
    padding-top: 16vw;
}
#prescarterestos {
    margin-top: 0vw;
}


#prescarterestos .colg {
    text-align: left;
    clear: both;
    width: 90vw;
    padding: 3vw;
    margin-bottom: 3vw;
}

#prescarterestos .polalarge {
    position: absolute;
    z-index: 10;
    width: 90vw;
}
#prescarterestos .rslides {
    height: 55vw !important;
}
#prescarterestos .photopolalarge {
    padding: 5vw 0.5vw 1.5vw 0.5vw;
    width: 88vw;
    max-height: 46vw;
	height: 46vw;
	object-fit: cover;
}


#prescarterestos .cold #carterestos {display:none;}

#prescarterestos .colg h2 {
    font-size: 4vw;
    line-height: 5vw;
    margin-bottom: 2vw;
}
#prescarterestos .colg h3 {
 font-size: 6vw;
    line-height: 7vw;
}

#prescarterestos .cold h3:first-letter {
    font-size: 14vw;
    padding-top: 1.6vw;
    padding-right: 0.5vw;
	padding-bottom: 0.5vw;
	
	}
#prescarterestos .colg p {
    font-size: 3vw;
    line-height: 4.4vw;
}	


}




/*
	.photodirecteur img{
	width:13vw;
	transform: rotate(7deg);
	}
	.photodirecteur p{
	    width: 13vw;
    transform: rotate(7deg);
    color: #fff;
    font-family: 'School Hand';
    font-weight: bold;
    margin-top: -2vw !important;
    margin-left: -0.9vw !important;
    text-align: center;
    padding: 0;
	}

*/


#presrestos  {
	clear:both;
	padding-top: 12vw;
	height:95vw;
}


#presrestos .colg {
    text-align: left;
    float: left;
    width: 50%;
    padding-left: 1vw;
    margin-bottom: 3vw;
}

#presrestos .colg h3{
font-family: 'cabinsketch-bold-webfont';
color:#CF2630;
font-size: 2.1vw;
line-height: 2.6vw;
}


#presrestos .colg p{
font-family:'School Hand';
color:#221F20;
font-size: 1vw;
line-height: 1.6vw;

}

#presrestos #polacarte {
	position: absolute;
    left: -3vw;
    width: 50vw;
    height: 20vw;
    padding: 1vw 4vw 1vw 2vw;
    margin: 0;
	
	
	}



#presrestos .col1, #presrestos .col2{
width: 48%;
float:left;
}
#presrestos .col1{
margin:4vw 1%;
}
#presrestos .col2{
margin:0vw 1%;
}

#presrestos .cold {
    float: left;
    width: 44%;
}

.polapres {
	width:100%;
	}
	
.polapres a{
	text-decoration:none;
	color:#12100b;
	}

	.polapres.col1 p, .polapres .col2 p, .polapres .col3 p, .polapres .col4 p{
	font-family: 'Love Ya Like A Sister';
    text-transform: uppercase;
    font-size: 1.8vw;
    line-height: 2.3vw;
	padding-top: 1vw;
	}
	

.polapres1 {
    position: absolute;
    z-index: 10;
    width: 22vw;
}
.photopolapres1 {
    z-index: 1;
    padding: 1.9vw 0.5vw 0vw 0.8vw;
    width: 20.5vw;
    height: 15vw;
	object-fit: cover;
}

.polapres2 {
    position: absolute;
    z-index: 10;
    width: 23vw;}
	
.photopolapres2 {
    z-index: 1;
    padding: 2.5vw 0.5vw 0vw 0.5vw;
    width: 22vw;
    height: 16vw;
	object-fit: cover;
}


#presrestos .cold .ligne1 {
    text-align: left;
}

.polapres3 {
    position: absolute;
    z-index: 99;
    width: 36vw;
}
.photopolapres3 {
    z-index: 1;
    padding: 2vw 0.5vw 0vw 0.5vw;
    width: 35vw;
    height: 21.8vw;
	object-fit: cover;
}

#presrestos .cold .ligne2 {
	text-align:left;
	padding-left: 3vw;
}
.polapres4 {
position: absolute;
margin-top: -5vw;
z-index: 10;
width: 29vw;
clip: rect(5.01vw, auto, auto, auto);
}
.photopolapres4 {
    padding: 2.2vw 0.5vw 0vw 0.9vw;
    width: 27vw;
    height: 21.5vw;
	object-fit: cover;
    margin-top: -5vw;
    clip: rect(5.01vw, auto, auto, auto);
    position: absolute;
}

/* Deuxieme ligne */

.polapres2e {
	width:100%;
	clear: both;
	}

.polapres2e .colo1, .polapres2e .colo2, .polapres2e .colo3, .polapres2e .colo4{
width: 23%;
float:left;
}

.polapres2e .colo1{
margin:-1vw 1%;
}
.polapres2e .colo2{
margin:-6vw 1%;
}
.polapres2e .colo3{
margin:4vw 1%;
}
.polapres2e .colo4{
margin:-1vw 1%;
}



/* Troisieme ligne */

.polapres3e {
	width:100%;
	clear: both;
	}

.polapres3e .colon1, .polapres3e .colon2, .polapres3e .colon3, .polapres3e .colon4{
width: 31%;
float:left;
}

.polapres3e .colon1{
margin:-7vw 1%;
}
.polapres3e .colon2{
margin:-4vw 1%;
}
.polapres3e .colon3{
margin:-2vw 1%;
}




@media only screen and (max-width: 767px) {
#presrestos {
    clear: both;
    padding-top: 21vw;
    position: relative;
    top: 10vw;
	height: 150vw;
}

#presrestos .colg {
    width: 96%;
	padding:0 2%;
    margin-bottom: 3vw;
}

#presrestos .colg h3 {
 font-size: 6vw;
line-height: 7vw;
}

#presrestos .colg p {
    font-size: 3vw;
    line-height: 4.4vw;
}
.polapres1 {
    width: 42vw;
}

.photopolapres1 {
    padding: 3.8vw 0.5vw 0vw 1.2vw;
    width: 39.6vw;
    max-height: 29vw;
	  height: 29vw;
	object-fit: cover;
}

.polapres2 {
    width: 42vw;
}
.photopolapres2 {
    z-index: 1;
    padding: 4.6vw 0.5vw 0vw 1.5vw;
    width: 39vw;
    max-height: 29vw;
	height: 29vw;
	object-fit: cover;
}

#presrestos .cold {
    width: 100%;
}
#presrestos .cold .ligne1 {
    text-align: center;
}
.polapres3 {
    width: 55vw;
}
.photopolapres3 {
    padding: 3.6vw 0.5vw 0vw 0.5vw;
    width: 54vw;
    max-height: 32.3vw;
	height: 32.3vw;
	object-fit: cover;

}

#presrestos .cold .ligne2 {display:none;}

.polapres2e .colo1, .polapres2e .colo2, .polapres2e .colo3, .polapres2e .colo4{
width: 48%;
}


.polapres2e .colo1{
margin:2vw 1%;
}
.polapres2e .colo2{
margin:4vw 1%;
}
.polapres2e .colo3{
margin:-3vw 1%;
}
.polapres2e .colo4{
margin:-1vw 1%;
}
.polapres3e .colon1, .polapres3e .colon2, .polapres3e .colon3{
width: 48%;
}
.polapres3e .colon1{
margin:-1vw 1%;
}
.polapres3e .colon2{
margin:1vw 1%;
}
.polapres3e .colon3{
margin:3vw 1%;
}

}






#actusrestos  {
	clear:both;
	padding-top: 12vw;
	height:70vw;
}


#actusrestos  h2{
font-family: 'CaveatBrush-Regular';
    text-transform: uppercase;
    font-size: 4vw;
    line-height: 3.3vw;
	margin-bottom:0vw;
}

#actusrestos .colg {
    text-align: left;
    float: left;
    width: 50%;
    padding-left: 1vw;
    margin-bottom: 3vw;
}

#actusrestos .cold {
    text-align: left;
    float: left;
    width: 38%;
    margin-left: 6%;
    padding-left: 1vw;
    margin-bottom: 3vw;
	 margin-top: -5vw;
}

#carouselactus{
    z-index: 1;
    padding: 0;
	}
	
#carouselactus	.rslides {
    position: relative;
    list-style: none;
    overflow: hidden;
    width: 99% !important;
    height: 70vw !important;
    padding: 0;
    margin: 0;
}
	
#carouselactus .line1{
    z-index: 1;
    padding: 0;
	}

.polaactu {
    position: absolute;
    z-index: 99;
    width: 36vw;
}
.photopolaactu {
    z-index: 1;
    padding: 2.9vw 0vw 0vw 1vw;
    width: 41.8vw !important;
    max-height: 25.6vw;
}

		#carouselactus .rslides_nav {
		z-index: 3;
		position: absolute;
		top: 66%;
		text-indent: -9999px;
		overflow: hidden;
		text-decoration: none;
		height: 2vw;
		width: 2.5vw;
		background-size: 100% 100% !important;
		margin-top: 0.6vw;
		  }

#carouselactus  .next {
	background: url(images/fdroite.png);
	 left: 41.5vw;
}

#carouselactus  .prev {
	background: url(images/fgauche.png);
	 left: 38vw;
}


#carouselactus .line2 {
    clear: both;
    padding-top: 4vw !important;
}
#carouselactus .line2 h3 {
    font-family: 'cabinsketch-bold-webfont';
    color: #3257A4;
    font-size: 3vw;
    line-height: 3.8vw;
    margin-bottom: 1vw;
	text-align:left;
}

#carouselactus .line2 p {
font-family: 'School Hand';
    color: #221F20;
    font-size: 1vw;
    line-height: 1.6vw;
	}



	@media only screen and (max-width: 767px) {

#actusrestos {
    clear: both;
    top: 30vw;
    position: relative;
    padding-top: 15vw;
    height: 120vw;
}

#actusrestos h2 {
    font-size: 10vw;
    line-height: 11vw;
    margin-bottom: 5vw;
}

#actusrestos .colg {
float: left;
width: 100%;
padding-left: 1vw;
margin-bottom: 3vw;
}
#carouselactus	.rslides {
    width: 99% !important;
    height: 170vw !important;
}
.photopolaactu {
    z-index: 1;
    padding: 6vw 0vw 0vw 1vw;
    width: 93vw !important;
    max-height: 56.5vw;
}

#carouselactus .line2 h3 {
font-size: 6vw;
line-height:7vw;	
	}
#carouselactus .line2 p {
font-size: 3vw;
line-height:4.3vw;
}

#actusrestos .cold {
   display:none;
}

}

.actufb {
    position: absolute;
    z-index: 1;
    width: 38vw;
}

#filfb {
    background: url(images/actus-facebook-restaurant-4.png);
    background-size: 100% auto;
    background-repeat: no-repeat;
    z-index: 99;
    padding: 118px 34px 30px 43px;
    width: 326px;
    height: 620px;
	}
	
	/* Cet élément block le script injecté dans l'iframe. On le cache */
#fb-root { display: none; }  /* on redéfini la taille du contenu */ .fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] { width: 100% !important; }



#infosrestos{
	padding-top:12vw;}
#locaresto {
	padding-top:3vw;
	height: 45vw;
	text-align: left;
	}
	#locaresto .blochaut {
    margin-top: 1vw;
}

#locaresto .logorestos {
    width: 15vw;
}
	#locaresto h2{
		clear: both;
		font-family: 'CaveatBrush-Regular';
		font-size: 2.2vw;
    line-height: 2.2vw;
		font-weight:bold;
		margin-bottom:1vw;
	}
	#locaresto p {
font-family:'Schoolbell';
    color: #221F20;
    font-size: 1.4vw;
    line-height: 2.8vw;
	}
#locaresto .blocbas .lineh:hover {
	color:#b92535 !important;
	}
#planresto {
	margin-top:-2vw;
	height: 33vw;
	}

.photodirecteur {
	text-align:left;
	    padding-top: 2vw;
		padding-left:10vw;}

@media only screen and (max-width: 767px) {

#locaresto {
    padding-top: 3vw;
    position: relative;
    height: 165vw;
    top: 30vw;
    text-align: left;
}

#locaresto h2 {
	font-family: 'CaveatBrush-Regular';
    font-size: 10vw;
    line-height: 11vw;
    margin-bottom: 0vw;
}

.boutoncarte, .boutonresa{
    display:none;
}

#locaresto .blochaut {
    padding-top: 6vw;
    width: 100vw;
	
    text-align: center;
}

#locaresto .blochaut .colg {
    width: 36%;
    float: left;
    padding-top: 3vw;
}

#locaresto .logorestos {
    width: 30vw;
}
#locaresto .blochaut .cold p {
    font-size: 3vw;
    line-height: 4vw;
    padding: 1.4vw 1vw 0 1vw;
}

#locaresto .blochaut a {
    font-size: 2vw;
    line-height: 3vw;
	font-family: 'Love Ya Like A Sister';
}

#locaresto .blochaut .cold {
    width: 60%;
    float: left;
    padding-top: 4vw;
}
#locaresto .blocbas	.blochoraires, #locaresto .blocbas	.blochoraires {
    float: left;
    width: 69%;
    padding-top: 3vw;
}

#locaresto .blocbas	.col1, #locaresto .blocbas	.col2, #locaresto .blocbas .col3 {
    float: left;
    width: 30%;
    padding-top: 1vw;
}

#locaresto .blocbas p {
    font-size: 2vw;
    line-height: 3.2vw;
}
#planresto {
    margin-top: 2vw;
    height: 60vw;
}


#goodies {
    position: relative;
    padding-top: 35vw;
	top:55vw;
}
.pagefam #goodies {
	top:10vw;
}

#goodies h2 {
    font-size: 10vw;
    line-height: 12vw;
}

#privatiser h2 {
    font-size: 10vw;
    line-height: 12vw;
}

#cadreprivat  h2{
    font-size: 5vw;
    line-height: 7vw;
}
}



/* MODAL CARTE STARTS HERE */


/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 200; /* Sit on top */
  padding-top: 5vw; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}





/* Modal Content */
.modal-content {
  margin: auto;
  width: 60vw;
	height: auto;
}
.popcarte {
	width:100%;}
@media only screen and (max-width: 767px) {
	
}

/* MODAL Resa STARTS HERE */


/* The Modal (background) */
.modalresa {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 200; /* Sit on top */
  padding-top: 5vw; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content-resa {
  margin: auto;
  width: 60vw;
  height: 50vw;
    border: solid 4px #b92535;
    padding: 2vw;
    border-radius: 15px;
    position: relative;
    box-shadow: inset 0 0 0 4px #fff, inset 0 0 0 5px #b92535;
	color:rgba(255,255,255,1);
    background: #fff;
}

@media only screen and (max-width: 767px) {
.modal-content-resa {
  margin: auto;
  width: 10vw;
  height: 10vw;
  padding: 2ww;
   
}	
}

/* The Close Button */
.close {
	margin: -2vw;
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
	
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

/* MODAL FINISH HERE */

/* Custom ADigital */

.sgpb-content h2, .sgpb-content p {
    font-family: sans-serif;
    margin-bottom: 30px;
}

.sgpb-content h2 {
    font-size: 25px;
    color: #032b65;
    line-height: 30px;
    font-weight: 600;
    margin-top: 26px;
margin-bottom: 15px;
}

.sgpb-content p {
    font-size: 21px;
    font-weight: 300;
    color: #022a64;
line-height: 24px;
}

.columnscontent .wp-block-group__inner-container p, .columnscontent .wp-block-group__inner-container figure {
    width: 50%;
}
.columnscontent .wp-block-group__inner-container {
    display: flex;
    width: 100%;
    align-items: center;
    margin-top: 10px;
}

.columnscontent .wp-block-group__inner-container p a {
    color: white;
    background: #db1a26;
    text-decoration: none;
    margin-top: 25px;
    display: inline-block;
    padding: 7px 50px;
    border-radius: 30px;
    font-weight: 500;
}

div#sgpb-popup-dialog-main-div {
    padding: 0 !important;
    border-radius: 0 !important;
    border: none !important;
    box-shadow: rgb(0 0 0 / 46%) 0px 0px 18px 4px !important;
    max-width: 800px !important;
width: 100% !important;
}

figure.wp-block-image.size-full {
    margin-bottom: 0;
}

#sgpb-popup-dialog-main-div-wrapper button#sgpb-close-button {
    top: -36px;
    height: 20px !important;
    right: -6px !important;
    font-size: 30px;
    color: white !important;
    transform: rotate(45deg);
    box-shadow: 0 0 0 !important;
}

.guys img {
    max-width: 350px !important;
    margin-bottom: 20px;
}

 .bg-image img {
    height: 70px;
    object-fit: cover;
    width: 100%;
    max-width:800px;
}

.sgpb-popup-builder-content-1193 .bg-image img {
    height: 70px;
}

.sgpb-popup-builder-content-1202 .bg-image img {
    max-height: 70px;
}

.sgpb-popup-builder-content-1202 h2 {
	min-width: 800px;
}

img.wp-image-1210 {
    margin-top: 30px;
}

.sgpb-popup-builder-content-1202 .columnscontent .wp-block-group__inner-container p a {
    background: transparent;
    color: #e1201d;
    padding: 0;
    margin: 10px;
    font-size: 17px;
}

@media screen and (max-width: 600px) {
.columnscontent .wp-block-group__inner-container {
    flex-direction: column-reverse;
    margin-bottom: 30px;
}

figure.wp-block-image.size-full.guys, figure.wp-block-image.size-full.guys img {
    width: 100%;
text-align:center;
}

.guys img {
    max-width: 280px !important;
}

.sgpb-content h2 {
    font-size: 20px;
    line-height: 25px;
}

.sgpb-content p {
    font-size: 16px;
    line-height: 22px;
}

body .bg-image img {
    height: 30px;
}



#sgpb-popup-dialog-main-div-wrapper button#sgpb-close-button {
    top: -86px;
margin-top:-50px;
    right: 4px !important;
}

div#sgpb-popup-dialog-main-div {
	margin-top: -30px;
}
}