/*
Theme Name: CHAI33
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('reset.css');
@import url('fonts.css');

/* ---------------------------------- 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 !important;}
.mobs {display:none !important;}
.tabs {display:none !important;}

.body {
	margin:0 !important;
	color:#12100b;}
	
.page {
	margin-top: 15px !important;
    position: absolute !important;
    margin: auto;
    width: 100%;
    clear: both;}
	
.content{
	width:100%;
	max-width:1000px;
    text-align: center;
	margin:auto ;
	color:#12100b;
	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%;}
		.colg img{
		width: 100%;
		}
		
.cold2t {
	float:left;
	width: 66%;
	margin-left:0;}
	
	
.colg2t {
	float:left;
	width: 66%;
	margin-right:3%;}
		.colg img{
		width: 100%;
		}
		
.cold1t {
	float:left;
	width: 30%;
	margin-left:0;}
	
		
.col1t {
	float:left;
	width: 31%;
	margin:0 1%;}
	
	
h1 {
font-family:'AdobeCaslonProItalic' !important;
font-weight:400 !important;
font-size:34px !important;
line-height:38px !important;
-webkit-margin-before: 0em ;
-webkit-margin-after: 0em;
margin-top:0em;
margin-bottom:0em;
}

.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;
		
		}


@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 !important;}
.nomobs {display:none !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;
}

.page {
	margin-top: 5px !important;}

}






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


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

#menum {display:none !important;}
#topbar {
	max-width:1000px;
	margin:0 auto;
	height: 77px;
    margin-bottom: 15px;}	
#blocmenug {
	float:left;
	width:28%;
	margin:0 0 0 2%;
	padding-top:10px;}
	.topmenu{
		padding: 8px 0;
		height:16px;}		
	.sociaux {
	float:left;
	width:30%;
	height: auto;
	margin-right:2%;	 }
	.rs {
	float:left;
	width:15px;
	height: 15px;
	margin-top: 3px;
	margin-right:11px;
	background-size: 100% 100% !important; }
	
	.fb {background:url(../png/fb.png) 50%;}
	.twitter {background:url(../png/twitter.png) 50%;}
	.insta {background:url(../png/insta.png) 50%;}
	.phone {background:url(../png/phone.png) 50%;}
	
	.sociale {
	float:left;
	width:34%;
	height: auto;
	margin-right:2%;
	font-size:15px;
	font-family:'SourceSansProLight' !important;
	font-style: italic;}
	 
	 .langues {
	float:right;
	width:20%;
	height: auto;
	    margin-top: 3px;
	text-align:right !important;
	font-size:15px;
	font-family:'Tungsten Medium' !important;}
	 .langues a{
		 text-decoration:none !important;
		color:#12100b !important; }
		
		.drapeaux {
			width: 15px !important;
			padding-left:4px;
			}
	 
#menug, #menud {
	clear:both;
	width:100%;
	padding: 8px 0;
	border-top: 1px dotted #12100b;
	border-bottom: 1px solid #12100b;
	margin-top:4px;
	height:21.5px !important;}	 

#menug {
    display: block;
    list-style-type: disc;
    -webkit-margin-before: 0em!important;
    -webkit-margin-after: 0em!important;
	-webkit-padding-start:  0 !important;
	height:21.5px !important;
	text-align:justify !important;	}


#menud ul {
    display: block;
    list-style-type: disc;
    -webkit-margin-before: 0em!important;
    -webkit-margin-after: 0em!important;
	margin-top:0em !important;
	margin-bottom:0em  !important;
	-webkit-padding-start:  0 !important;
	padding-left: 0 !important;
	padd
	height:21.5px !important;
	text-align:justify !important;	}

#menug ul:after, #menud ul:after{
      content:"";
      padding-right: 100%;
       display:inline-block;
       vertical-align:top;		}
#menug li, #menud li {list-style:none !important;}
#menug li, #menud li {display : inline !important;} 
#menu-menu-g .menu-item, #menud .menu-item {
	font-family:'Tungsten Medium' !important;
	font-weight:500 !important;
	text-transform: uppercase !important;
	font-size:18.5px !important;}
	
	
	#menug .menu-item a, #menud .menu-item a{
		text-decoration:none !important;
		color:#12100b !important;}	
		
		
/* MENU G SPE*/

.menuitem {
font-family:'Tungsten Medium' !important;
	font-weight:500 !important;
	text-transform: uppercase !important;
	font-size:18.5px !important;
	
}
.menuitem a{
	text-decoration:none;
	color:#12100b !important;
}

.menuitem1 {
	text-align:left;
	width:30%;}
.menuitem2 { 
	text-align:center;
	width:40%;}
.menuitem3 { 
	text-align:right;
	width:30%;}

.deroule ul {
  display:none;
  height:0;
      margin-top: 8px;
    border-top: dotted 1px #000;
    padding-top: 5px;
  overflow:hidden;
-moz-transition: .8s all .3s;
-webkit-transition: .8s all .3s;
transition: .8s all .3s;
-webkit-padding-start:  0 !important;
padding-left::  0 !important;
    text-align: left;
	position: relative !important;
	    z-index: 10 !important;
}

.deroule li {
	overflow: hidden;
	transition: all .5s;
	border-radius:0;
	background: #fff;
	box-shadow: none;
	border:none;
	-moz-transition: .8s all .3s;
	-webkit-transition: .8s all .3s;
	transition: .8s all .3s;
	height:0;
	line-height:26px !important;
	padding: 0 20%!important;
}


.deroule:hover ul {
  display:block;
  height:135px;
  background: #fff;
}

.deroule:hover li {
height:25px;
line-height:25px;
}
		
		
		
		
		
		
		
#bloclogo {
	padding-top:2px;
	float:left;
	width:40%;
	margin:0;
	text-align:center;}
	#logo {width:68px; }
	#logopages {width:120px; }

#blocmenud {
	padding-top:5px;
	float:left;
	width:28%;
	margin:0 2% 0 0;}	
	.blocphone {
	float:left;
	width:40%;
	height: auto;
	margin-right:2%;
	font-size:15px;
	font-family:'SourceSansProLight' !important;
	font-style: italic; }	 
	 .reserver {
		 float:right;
		 margin-top: 1px;}
	 .reserver a {
		 background-color:#eb2631;
		 padding:3px 11px !important;
		 color:#fff;
		 text-decoration:none !important;
		 border-radius:5px;
		 font-size: 15px;
		 font-family:'SourceSansProSemibold'; }
		

/* ---------------------------------- MENU MOBILE ----------------------------------  */		 

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

.mean-container .mean-nav{float:left;width:100%;background:#FFF;
margin-top: 0px !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;
	font-family:'Tungsten Medium' !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; text-align:center;}
.mean-container .mean-nav ul li:before{content: normal!important;
	content: ""!important; /* pour Safari */}
.mean-container .mean-nav ul li:first-child:before {
	content: normal;
	content: ""; /* pour Safari */
	}
	
	.current_page_item a{
	color:#D12227 !important;
	}
.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) {

#topbar {
    max-width: 100%;
	padding-top:5px;
    height: 80px;
}		 

#blocmenug, #blocmenud {
    width: 35%;
}

#bloclogo {
    width: 26% ;
}
			 
			 
}
		 
		 
		 @media only screen and (max-width: 767px) {
			 
			 
		#topbar {
	z-index:1;
	max-width:100%;
	width:100%;
	margin:0 auto;
	height: 60px;
    padding:10px 0;
	}
	

#bloclogo {
	z-index:100;
	    float: left;
    width: 14%;
    margin: 1% 0 1% 2%;
    text-align: center;
	}	
	
	
#bloclogopages {
	z-index:100;
	    float: left;
    width: 24%;
    margin: 1% 0 1% 2%;
    text-align: center;
	}
	
	#logopages {width:100%; }
	#logo {width:100%; }
	
		
	.sociaux {
		z-index:1000 !important;
    float: right;
    width: 200px;
    height: auto;
    margin: 23px 55px 0 0;
	 }
	
	.rs {
	float:left;
	width: 25px;
	height: 25px;
	margin: 0 8px;
	background-size: 100% 100% !important; }
	
	.fb {background:url(../png/fb.png) 50%;}
	.twitter {background:url(../png/twitter.png) 50%;}
	.insta {background:url(../png/insta.png) 50%;}
	.phone {background:url(../png/phone.png) 50%;}

	 .reserver {
		 z-index:100;
		 float:right;
		  width:150px !important;
		 margin: 1% 110px 0 0 !important;
		  padding:5px 15px !important;
		  background-color:#eb2631;
		   border-radius:5px;
		   text-align:center !important;
		   text-transform: uppercase;}
	 .reserver a {
		 color:#fff;
		 text-decoration:none !important;
		 font-family:'SourceSansProSemibold';}
	

/* ---------------------------------- BOTTOM BAR MOBILE ----------------------------------  */			 

#bottombarmobs {
	bottom:0;
	position:fixed;
	z-index:1;
	max-width:100%;
	width:100%;
	margin:0 auto;
	height: 60px;
    padding:10px 0;
	background-color:#fff;
	border-top: 1px solid #12100b;
	}

	#bottombarmobs h3 {
    margin-top: 0px;
    margin-bottom: 5px;
	padding:0;
    font-family: 'Tungsten Medium' !important;
    font-size: 24px !important;
	text-transform:uppercase;
	text-align:center !important;
	
}
	#rowlogosmobs {
	z-index:1000 !important;
    width: 90%;
    height: auto;
    margin: auto 5%;
	text-align:center !important;
	 }
	
	.logosmobs {
	float:left;
	width:10vw;
	height: 15vw;
	margin: 0 2.5vw;
	background-size: 100% 100% !important; }
	

		 
}




	 
/* ---------------------------------- HOME ----------------------------------  */

/*
#imghome {
	text-align:center !important;
		width:100% !important;
	height:510px !important;
	}
*/	

	
	#rowlogos {
	z-index:1000 !important;
	margin-top:-40px !important;
    width: 588px;
    height: auto;
    margin: auto;
	text-align:center !important;
	position:relative !important;
	 }
	
	.logos {
	float:left;
	width: 70px;
	height: 105px;
	margin: 0 14px;
	background-size: 100% 100% !important; }
	
	.restaurant{background:url(../png/restaurant.png) 50%;}
	.caveavins {background:url(../png/cave-a-vins-2.png) 50%;}
	.bar {background:url(../png/bar-perche-a-paris.png) 50%;}
	.bistrot {background:url(../png/bistrot-a-vin-parisien.png) 50%;}
	.boutique {background:url(../png/boutique-vin-paris.png) 50%;}
	.evenements {background:url(../png/events-autour-du-vin.png) 50%;}
	
	.fleche {
		    margin: 30px auto 60px !important;}
	
		
		#presentation .cold h1 {
			margin-top:85px;
			}
			
		#presentation .cold p {
			font-size:18px !important;
			font-family:'SourceSansProLight';
			margin-top:20px;
			}
			
			#presentation .cold img{
		width: 100%;
		}
			
			
			#presentation .cold .reserver {
		 float:none;
		 margin-top: 60px;
		 margin-bottom: 145px;}
		 
	 #presentation .cold  .reserver a {
		 background-color:#eb2631;
		 font-size:18px !important;
		 padding:5px 20px !important;
		 }
		 
	#prescarte {
	width:680px !important;
	padding-top:445px;
	padding-bottom:60px;
	margin:60px auto;
	}
	
		#prescarte a{
	font-size:18px !important;
	line-height:24px !important;
	font-family:'AdobeCaslonProItalic';
	font-weight:400 !important;
	}
	

	
	
	.colginsta {
		float:left;
		width: 33%;
		margin-top:60px;
		margin-right:2%;}
		
		
		.sociauxinst {
	float:left;
	width:80px;
	height: auto;
	 }
		
		.socinsta {
	float:left;
	width:110px;
	height: auto;
	font-size:15px;
	font-family:'SourceSansProLight' !important;
	font-style: italic;
	 }
		.filinsta {
    float: right;
    width: 110px;
    height: auto;
    text-align: right;
	font-size:15px;
	margin-bottom:10px;
	font-family:'SourceSansProLight' !important;
	 }
	 
	 	.blocinsta {
 margin-top:10px !important;
	 }
		
		#sb_instagram #sbi_load .sbi_follow_btn {
    margin-left: 0!important;
    margin-top: 10px;
    width: 100% !important;
}
		#sb_instagram .sbi_follow_btn a {
    background: #517fa4;
    color: #fff;
    width: 100%;
	border-radius: 0 !important;
	padding: 10px 14px !important;
	text-transform: uppercase !important;
	font-family:'SourceSansPro' !important;
}
		
	.coldmea {
		float:right;
		width: 58%;
		margin-top:80px;
		margin-left:2%;
		padding-top:8px;
		margin-bottom:80px}
		
		
		#meahome {
			padding:53px 0 ;}
			
		.imgmea {
		width: 80px;
		margin-bottom: 25px;
		}
		#meahome p{
			margin-top:10px;
			font-size:17px !important;
			line-height:21px !important;
			font-family:'AdobeCaslonProItalic';
			}
		
		#meahome h2{
			margin-top:15px;
			    margin-bottom: 10px;
			font-family:'Tungsten Medium' !important;
	font-size:24px !important;
	}


#horaires {
	background-image:url(../png/actualites-restaurant-sympa-paris-bercy.png);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:100% 100%;
	padding-top:35px;
	width:330px;
	height:280px;
	margin-left:60px;
	font-family:'SourceSansProLight' !important;
	font-style: italic;
}
	#horairesen {
	background-image:url(../png/highlight.png);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:100% 100%;
	padding-top:35px;
	width:330px;
	height:280px;
	margin-left:60px;
	font-family:'SourceSansProLight' !important;
	font-style: italic;
}

.ligne1 { 
	padding-top:20px !important;}
	
	
	#horaires .jour {
    font-size: 18px !important;
	font-family:'SourceSansPro'; !important;
	font-style:normal;
}

#horaires p {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
    -webkit-margin-before: 0 !important;
    -webkit-margin-after: 0 !important;
}
#texthoraires {
	margin-right:60px !important;}
	
#texthoraires h2 {
			font-size:34px !important;
			line-height:38px !important;
			font-family:'AdobeCaslonProItalic';
			margin-top:60px;
			margin-bottom:20px;
			font-weight:400 !important;
			}
			
		#texthoraires  p {
			font-size:18px !important;
			font-family:'SourceSansProLight';
			margin-top:20px;
			}
			
#rowcontact {
	padding-top:100px !important;
	}
	
	#contact {
		padding:40px 20px 70px 20px !important;}
		
		#contact h3{
			font-family:'Tungsten Medium' !important;
			font-size:26px;
			text-transform:uppercase !important;
			margin-bottom:30px !important;
			}
			
			#contact h4{
			font-family:'Tungsten Medium' !important;
			font-size:18px !important;
			text-transform:uppercase !important;
			margin: 20px 0 10px 0 !important;
			}
			
		#contact p{
			font-family:'SourceSansProLight';
			font-style:italic !important;
			font-size:15px !important;
			margin-bottom:0px !important;
			}
			
			#contact a{
			font-family:'SourceSansPro';
			font-size:15px !important;
			margin-bottom:0px !important;
			margin-top:10px;
			color:rgba(0,0,0,1) !important;
			}
			
			#contact h5{
			font-family:'Tungsten Medium' !important;
			font-size:18px !important;
			text-transform:uppercase !important;
			margin-bottom:10px !important;
			text-decoration:underline !important;
			}

#formcontact input, #formcontact textarea {
	width:96% !important;
	margin-bottom:8px !important;
	border: solid #828282 1px !important;
	height:30px !important;
	font-family:'SourceSansPro';
	font-size:16px !important;
	text-transform:uppercase !important;
	padding:5px 0 5px 4% !important;
	}
	
	#formcontact textarea {
	height: 255px !important;
    width: 96% !important;
    padding: 5px 0 5px 2% !important;
    float: left;
	}
	
.formall{
	width:100%;
	}
.formg{
	float:left;
	width:48%;
	margin-right:1%;
	}
.formd{
	float:left;
	width:48%;
	margin-left:1%;
	}
#formcontact span.wpcf7-list-item {
    display: inline-block;
    margin: 0 !important;
}	
#formcontact input[type="checkbox"] {
    margin: 3px 10px;
    padding: 0px !important;
}
	
	
	#formcontact input[type="submit"] {
        width: 25% !important;
    margin-right: 2%;
    padding: 0 !important;
    float: right !important;
    background-color: transparent !important;
	font-family:'SourceSansPro' !important;
	font-style:italic !important;
	text-transform:none !important;
	}
	
	#formcontact div.wpcf7-mail-sent-ok {
    border: 3px solid #398f14 !important;
    font-size: 22px !important;
	font-family:'SourceSansPro' !important;
}
	
	
#rowgmap {
	padding-top:100px;}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
	
.content {
    width: 96%;
    margin: auto 2%;
}	
	
#imghomemobs{
	z-index:1 !important;
	}
/*
#imghomemobs img{
	text-align:center !important;
	width:1800px !important;
	max-width:100% !important;
	height:auto !important;
	}
*/

.fleche {
    margin: 60px auto 45px auto  !important;
}

#presentation .cold h1 {
			margin-top:30px !important;
			margin-bottom:15px !important;
			}


#presentation .cold .reserver {
    float: none;
    margin-top: 30px;
    margin-bottom: 80px;
}

#presentation .colg  img {
    margin-bottom: 80px;
}

.sociauxinst {
    width: 60px;
}
.rs {
    float: left;
    width: 15px;
    height: 15px;
    margin-top: 3px;
    margin-right: 5px;
}
.socinsta {
    width: 90px;
    font-size: 13px;}
.filinsta {
    width: 90px;
    font-size: 13px;}

#meahome {
    padding: 25px 0;
}

.imgmea {
    width: 70px;
    margin-bottom: 15px;
}
#meahome h2 {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 22px !important;
}


#horaires {
    padding-top: 16px;
    width: 258px;
    height: 230px;
    margin-left: 47px;
	font-size: 14px !important;
}

.ligne1 { 
	padding-top:10px !important;}

#horaires .jour {
    font-size: 14px !important;
}
#texthoraires h2 {
    font-size: 22px !important;
    line-height: 26px !important;
    margin-top: 40px;
}

#rowcontact {
    padding-top: 100px !important;
}

#contact {
    padding: 15px 10px !important;
}

#contact h3 {
    margin-bottom: 10px !important;
	    margin-top: 10px !important;
}

#formcontact input, #formcontact textarea {
    border-radius:0 !important;
    height: 22px !important;
}
#formcontact textarea {
    height: 254px !important;
}
#formcontact input[type="submit"] {
    height: 30px !important;

}

#rowgmap {
    padding-top: 100px;
}

}


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

/*
#imghomemobs img{
	text-align:center !important;
	width:1800px !important;
	max-width:100% !important;
	height:auto !important;
	}
*/
	
.content {
    width: 92%;
    margin: auto 4%;
}	
	.fleche {
    margin: 30px auto !important;
}

#home #presentation .colg {display:none !important;}

#home #presentation .cold {
    float: none;
    width: 100%;
	margin-left: 0;
}

#presentation .cold h1 {
			margin-top:15px !important;
			}

#presentation .cold  .reserver {
		    float: none;
    width: 150px !important;
    margin: 40px auto !important;
    padding: 10px 20px !important;
		 }
		 
		 
	#prescarte {
    width: 100% !important;
    padding-top: 480px;
    padding-bottom: 50px;
    margin: 60px auto;
}	 
		 
	#prescarte .cold, #prescarte .colg {
    float: none;
    width: 100%;
	margin-left: 0;
	margin-right: 0;
}	 

#prescarte a {
    font-size: 14px !important;
    line-height: 20px !important;
}

.colginsta {
    float: none;
    width: 100%;
    margin-top: 60px;
    margin-right: 0;
}


.sociauxinst {
    float: left;
    width: 100px;
    height: auto;
}

.sociauxinst .rs {
    float: left;
    width: 15px;
    height: 15px;
    margin: 0 5px;
    background-size: 100% 100% !important;
}

.coldmea {
    float: none;
    width: 100%;
    margin-top: 40px;
    margin-left: AUTO;
    padding-top: 8px;
    margin-bottom: 60px;
}

#blochoraires .cold, #blochoraires .colg {
    float: none;
    width: 100%;
	margin-left: 0;
	margin-right: 0;
	text-align:center !important;
}	

#horaires {
    padding-top: 20px;
    width: 330px !important;
    height: 295px;
        margin: auto !important;
}

#texthoraires {
    margin: auto !important;
}

#texthoraires h2 {
    font-size: 24px !important;
    line-height: 28px !important;
    margin-top: 60px;
}


#rowcontact {
    padding-top: 80px !important;
}

#contact {
    padding: 30px 10px !important;
}

#formcontact {
	margin-top:40px;}
	
#formcontact textarea {
    height: 250px !important;
    width: 96% !important;
    padding: 5px 0 5px 2% !important;
    float: left;
}

#rowgmap {
    padding-top: 60px;
}


	
}
@media only screen and (max-width: 640px) {
#prescarte {
    width: 100% !important;
    padding-top: 210px;
    padding-bottom: 10px;
    margin: 60px auto;
}
#prescarte a {
    font-size: 12px !important;
    line-height: 15px !important;
}
}

/* ---------------------------------- RESTAURANT ----------------------------------  */
/* ----------------------------------------------------------------------------  */	


#restaurant #presentation {
	padding-top: 100px !important;}
#restaurant #presentation .cold {
	margin-bottom: 100px !important;}
	
#restaurant #textpres	{
	padding:0 30px;
}
#restaurant #textpres	p{
font-size: 18px !important;
    font-family: 'SourceSansProLight';
    margin-top: 20px;
}

	#restaurant h1	{
		margin-bottom: 15px;
}
	
#restaurant .reserver {
    float: none;
    margin-top: 40px;
	margin-bottom: 51px;
}

#restaurant #prescarte {}



		#restaurant .mea {
			width: 50%;
    margin: 100px 22%;
    padding: 30px 3%;}
		
		.blocpuce {
			    clear: both;
			width:10% !important;
			float:left;
			}	
			.blocpuce img{
			width:100% !important;
			}	
	
		#restaurant .mea p{
			    float: left;
    width: 80% !important;
    margin: 0 0 30px 5% !important;
    font-size: 15px !important;
    line-height: 18px !important;
    text-align: left;
    font-family: 'SourceSansProLight';
			}
		
		.mea h2{
			margin-top:15px;
			    margin-bottom: 40px;
			font-family:'Tungsten Medium' !important;
	font-size:24px !important;
	}
	
	.mea h3{
			margin-top:15px;
			font-family:'SourceSansProSemibold' !important;
	font-size:18px !important;
	}
	
	.mea h4{
		clear:both !important;
			margin-top:15px !important;
			font-size:15px !important;
			line-height:18px !important;
			 font-family: 'SourceSansProLight' !important;
			 font-weight:300 !important;
			   text-align: left !important;
	}
	
	
	@media only screen and (min-width: 768px) and (max-width: 1023px) {
		
	
#restaurant #presentation {
	padding-top: 80px !important;}
#restaurant #presentation .cold {
	margin-bottom: 80px !important;}
	
#restaurant #textpres	{
	padding:0 10px;
}
	
	#restaurant h1	{
		margin-bottom: 15px;
}
	
#restaurant .reserver {
    float: none;
    margin-top: 25px;
	margin-bottom: 25px;
}


		
	
		#restaurant .mea {
			width: 70%;
    margin: 100px 12%;
    padding: 30px 3%;}
		
		.blocpuce {
			    clear: both;
			width:10% !important;
			float:left;
			}	
			.blocpuce img{
			width:100% !important;
			}	
	
		#restaurant .mea p{
			    float: left;
    width: 74% !important;
    margin: 0 0 30px 5% !important;
    font-size: 15px !important;
    line-height: 18px !important;
    text-align: left;
    font-family: 'SourceSansProLight';
			}
		
		.mea h2{
			margin-top:15px;
			    margin-bottom: 40px;
			font-family:'Tungsten Medium' !important;
	font-size:24px !important;
	}
	
	.mea h4{
		clear:both !important;
			margin-top:15px !important;
			font-size:15px !important;
			line-height:18px !important;
			 font-family: 'SourceSansProLight' !important;
			 font-weight:300 !important;
			   text-align: left !important;
	}
	
		
	}
	
	@media only screen and (max-width: 767px) {
		
	#restaurant #presentation .cold {display:none !important;}	
	#restaurant #presentation {
    padding-top: 50px !important;
}
	#restaurant #presentation .colg {
    float: none;
    width: 100%;
	margin-left: 0;
}

#restaurant .reserver {
    float: none;
    margin: 40px auto !important;
}


#restaurant #textpres	{
	padding:0 2%;
}
		#restaurant .mea {
			width: 80%;
    margin: 50px 6%;
    padding: 40px 4%;}
			
	
		.mea p{
			margin-top:10px;
			font-size:15px !important;
			line-height:18px !important;
			}
		
		.mea h2{
			margin-top:15px;
			    margin-bottom: 40px;
	font-size:24px !important;
	}
		
		}



/* ---------------------------------- CAVES A VIN ----------------------------------  */
/* ----------------------------------------------------------------------------  */	

#caves #presentation .cold {
	margin-bottom: 100px !important;}
	
#caves #textpres	{
	padding:0 30px;
	margin-bottom:100px;
}

#bloccave1 {
	border: solid 1px #12100b;
    padding: 5px;
    margin-top: 100px;
    margin-bottom: 150px;
    height: 460px;}
	
#bloccave2 {
    border: dotted 1px #12100b;
    height: 388px;
    padding: 35px 80px;
}
	
	
	#bloccave2 h2{
			margin-bottom: 30px !important;
			margin-top: 0px !important;
			font-family:'Tungsten Medium' !important;
			font-size:32px !important;
			text-decoration:underline !important;
			text-transform:uppercase !important;
	}
	#bloccave2 h3{
			margin-bottom: 0 !important;
			font-family:'Tungsten Medium' !important;
			font-size:24px !important;
			text-transform:uppercase !important;
	}
	#bloccave2 h4{
			margin-bottom: 15px;
			font-family: 'SourceSansProLight';
			font-size:15px !important;
			margin-top: 0 !important;
	}
	
	#bloccave2 p{
			margin-bottom: 15px;
			font-family: 'SourceSansProLight';
			font-size:15px !important;
			margin-top: 0 !important;
	}
	
	
		#caves .mea {
			margin-top:100px;
	margin-bottom:100px;
	height:390px;
			width: 90%;
    padding: 40px 5%;}
			
	
		#caves  .mea p{
			margin-top:10px !important;
			margin-bottom:20px !important;
			padding:0 20px !important;
			font-size:15px !important;
			line-height:18px !important;
			 font-family: 'SourceSansProLight';
			}
		
		#caves .mea h2{
			margin-top:15px;
			    margin-bottom: 30px;
			font-family:'Tungsten Medium' !important;
	font-size:24px !important;
	}
	
	 .visite {
		 margin-top:50px !important;}
	 .visite a {
		 border:solid 1px #12100b;
		 padding:3px 11px !important;
		 color:#12100b;
		 text-decoration:none !important;
		 border-radius:0;
		 font-size: 15px;
		 font-family:'SourceSansProSemibold'; }

	
	@media only screen and (min-width: 768px) and (max-width: 1023px) {
	#caves .content {padding-top: 0px !important;}
	#caves #presentation .cold {
	margin-bottom: 100px !important;}
	
#caves #textpres	{
	padding:0 30px;
	margin-bottom:50px;
}	

#bloccave1 {
	width:88%;
	margin:80px 5%;
	border: solid 1px #12100b;
    padding: 1%;
    height: 460px;}
	
#bloccave2 {
    border: dotted 1px #12100b;
    height: 388px;
    padding: 35px 80px;
}
	
		#caves .mea {
		margin:80px 20%;
	height:390px;
			width: 50%;
    padding: 40px 5%;}	
	
		.mea p{
			margin-top:10px !important;
			margin-bottom:20px !important;
			padding:0 20px !important;
			font-size:15px !important;
			line-height:18px !important;
			 font-family: 'SourceSansProLight';
			}
		
		.mea h2{
			margin-top:15px;
			    margin-bottom: 30px;
			font-family:'Tungsten Medium' !important;
	font-size:24px !important;
	}
	
	 .visite {
		 margin-top:50px !important;}
	 .visite a {
		 border:solid 1px #12100b;
		 padding:3px 11px !important;
		 color:#12100b;
		 text-decoration:none !important;
		 border-radius:0;
		 font-size: 15px;
		 font-family:'SourceSansProSemibold'; }

	}
	
	@media only screen and (max-width: 767px) {
		
		
	#caves #presentation .colg {display:none !important;}
		
		
#caves h1 {
       margin-top: 35px !important;
}		
		
		#caves #presentation .cold {
	margin-bottom: 50px !important;}
	#caves #textpres	{
	padding:0 10px;
	margin-bottom:50px;
}	

#bloccave1 {
	margin:30px 5%;
	height: auto;}	
#bloccave2 {
        height: auto;
    padding: 15px 10px;
}


		#caves .mea {
	height:360px;}	
	
	



		}



/* ---------------------------------- BAR PERCHE ----------------------------------  */
/* ----------------------------------------------------------------------------  */	

	

		#bar .colg img {
			height:330px;
			width:auto;}
	
		#bar .mea {
    padding: 30px 30px;
	height:267px;
	margin-bottom:30px !important;}
	
			#bar .imgmea {
		width: 80px;
		margin-bottom: 5px;
		}
	
		#bar .mea p{
			margin-top:15px !important;
			margin-bottom:5px !important;
			font-size:15px;
			line-height:18px;
			font-family:'SourceSansPro' !important;
	font-style: italic !important;
			}
			
			#bar h3{
				
			margin-top:15px !important;
				border:solid 1px #12100b;
				text-transform:uppercase !important;
				font-size:20px !important;
				font-weight:600 !important;
				width:70%;
				margin:auto;
				font-family:'Tungsten Medium' !important;}
	
	#bar #textpres	{
	width:50%;
	margin:80px 25% 80px 25%;
}
#bar	#textpres	p{
font-size: 18px !important;
    font-family: 'SourceSansProLight';
    margin-top: 20px;
}
		
	@media only screen and (min-width: 768px) and (max-width: 1023px) {
			#bar .colg img {
			height:251px;
			width:auto;}
	
		#bar .mea {
    padding: 15px 15px;
	height:211px;
	margin-bottom:23px !important;}
	
			#bar .imgmea {
		width: 60px;
		margin-bottom: 0px;
		}
	
		#bar .mea p{
			margin-top:10px !important;
			margin-bottom:5px !important;
			font-size:13px !important;
			line-height:15px !important;
			}
#bar h3{
				
			margin-top:10px !important;
				font-size:19px !important;
				width:90%;
				margin:auto;
	}
	}
	
	@media only screen and (max-width: 767px) {
		#bar .colg img {
			height:auto !important;
			width:100% !important;}
			
			
	#bar .mea {
    padding: 15px 15px;
	height:auto;
	margin-top:30px !important;
	margin-bottom:23px !important;}
	
			#bar .imgmea {
		width: 60px;
		margin-bottom: 0px;
		}
	
		#bar .mea p{
			margin-top:10px !important;
			margin-bottom:5px !important;
			}
#bar h3{
				
			margin-top:10px !important;
				font-size:19px !important;
				width:90%;
				margin:auto;
	}
	
	#bar #textpres	{
	width:90%;
	margin:50px 5% 80px 5%;
}
		
		}



/* ---------------------------------- BISTROT ----------------------------------  */
/* ----------------------------------------------------------------------------  */	

#bistrot .content {padding-top: 20px !important;}

#bistrot #textpres	{
width:50%;
margin:80px 25% 80px 25%;}


#bistrot #textpres	p{
font-size: 18px !important;
    font-family: 'SourceSansProLight';
    margin-top: 20px;
}

#bistrot .mea {
width: 80%;
margin-bottom: 40px;
padding: 20px 10%;}	


		#bistrot .mea h2{
			margin-top:15px;
			    margin-bottom: 20px;
			font-family:'Tungsten Medium' !important;
	font-size:24px !important;
	}
	
		#bistrot .mea p{
    width: 80% !important;
    margin: 0 0 20px 15% !important;
	padding-top:3px !important;
    font-size: 15px !important;
    line-height: 18px !important;
    text-align: left;
    font-family: 'SourceSansProLight';
			}
	
#bistrot .colg1t h3{
font-family:'Tungsten Medium' !important;
font-size:22px;
color:#12100b !important;
text-transform:uppercase !important;
margin-bottom:10px !important;
text-align:center;}

.blocsobis {
width:190px;
margin:auto;}
.sociauxbis {
float:left;
width:80px;
height: auto;}

.socibis {
float:left;
width:110px;
height: auto;
font-size:15px;
font-family:'SourceSansProLight' !important;
font-style: italic;}

#bistrot .cold2t img {
margin-bottom:150px;
width:100%;}

#prescartebis {
width:610px !important;
margin:80px auto;}

#prescartebis img{
width: 100% !important;
height:auto;}	 

@media only screen and (min-width: 768px) and (max-width: 1023px) {
	
	#bistrot .mea {
    width: 94%;
    margin-bottom: 20px !important;
    padding: 20px 3%  !important;
}
	
		#bistrot .mea h2{
			    margin-bottom: 22px;
	}
	
		#bistrot .mea p{
    margin: 0 0 14px 15% !important;
			}
	#bistrot .cold2t img {
margin-bottom:60px;}
}
	@media only screen and (max-width: 767px) {
		
		
		#bistrot #textpres	{
	width:90%;
	margin:50px 5% 70px 5%;
}

	#prescartebis {
    width: 100% !important;
	height:auto;
}	 

#bistrot .mea {
    margin-bottom: 60px !important;
}

	#bistrot .cold2t img {
margin-bottom:60px;}
.blocsobis {
    width: 138px;
    text-align: center !important;
    margin: auto;
	margin-bottom:50px !important;
}

#bistrot .imgfull {
    margin-bottom: 0px !important;
}
.sociauxbis {
    float: none;
    width: 138px;
    margin: 0 auto;
}
.socibis {
	margin-top:5px !important;
    float: none;
    clear: both;
    width: 138px;
}

	}
	
	


/* ---------------------------------- BOUTIQUE ----------------------------------  */
/* ----------------------------------------------------------------------------  */	

#boutique .content {padding-top: 20px !important;}

#boutique colg img {
	width: 100%;}


#boutique #textpres	{
width:90%;
margin:80px 5% 80px 5%;}


#boutique #textpres	p{
font-size: 18px !important;
    font-family: 'SourceSansProLight';
    margin-top: 20px;
}

#boutique .blocboutique {
	padding-top:30px !important;
}

#boutique .blocboutique h3	{
	font-family:'SourceSansProSemibold' !important;
	font-size:16px !important;
	margin-bottom:0px !important;
	margin-top:-60px !important;
}

#boutique .blocboutique p{
	font-family:'Tungsten Medium' !important;
	font-size:20px !important;
	margin-bottom:60px !important;
}

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

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


	@media only screen and (max-width: 767px) {
		
		
		#boutique #textpres	{
	width:90%;
	margin:50px 5% 70px 5%;
}

	

	}




/* ---------------------------------- BOUTIQUE ----------------------------------  */
/* ----------------------------------------------------------------------------  */	

#events .content {padding-top: 20px !important;}


#events #textpres {padding: 80px 10% 0;}

#events .cold {margin-bottom:100px;}


#blocevents {
    background-image: url(../png/fond-evenements-entreprise-a-paris.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 100% 100%;
    padding: 40px 100px;
    width: 470px;
    height: 420px;
    margin: 80px auto;
	text-align:center !important;
}
#bloceventsen {
    background-image: url(../png/groups.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 100% 100%;
    padding: 40px 100px;
    width: 470px;
    height: 420px;
    margin: 80px auto;
	text-align:center !important;
}
	
	
	#blocevents h2{
			margin-top:45px;
			    margin-bottom: 35px;
			font-family:'Tungsten Medium' !important;
	font-size:24px !important;
	}
	
	#bloceventsen h2{
			margin-top:15px;
			    margin-bottom: 30px;
			font-family:'Tungsten Medium' !important;
	font-size:24px !important;
	}
	

#blocevents p {
	font-family:'SourceSansProLight' !important;
	font-size:16px !important;
	margin-top:0px  !important;
	margin-bottom:0px  !important;
    -webkit-margin-before: 0 !important;
    -webkit-margin-after: 0 !important;
}

#bloceventsen p {
	font-family:'SourceSansProLight' !important;
	font-size:16px !important;
	margin-top:0px  !important;
	margin-bottom:0px  !important;
    -webkit-margin-before: 0 !important;
    -webkit-margin-after: 0 !important;
}



#events #rowcontact {
	padding-top:50px !important;}
	
	#events  #contact {
    padding: 60px 20px !important;
}
	
#events #rowcontact .cold2t {	
	margin-bottom:100px !important;
	}
	
#events #rowcontact	#formcontact textarea {
    height: 100px !important;
}


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

#blocevents {
    background-image: url(../png/fond-evenements-entreprise-a-paris.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 100% 100%;
    padding: 40px 100px;
    width: 470px;
    height: 420px;
    margin: 80px auto;
	text-align:center !important;
}

#blocevents h2 {
    font-size: 22px !important;
    line-height: 26px !important;
    margin-top: 40px;
}
}


	@media only screen and (max-width: 767px) {
		
		
		#events #textpres	{
	width:90%;
	padding:50px 5% 70px 5%;
}


#blocevents {
	background-image:none !important;
      padding: 50px 5%;
    width: 90% !important;
    height: auto !important;
    margin: 80px 0;
}
#blocevents h2 {
}

	}
/* ---------------------------------- FOOTER ----------------------------------  */
/* ----------------------------------------------------------------------------  */	

#blocfooter {
	background-color:#12100b;
	height:170px !important;
	padding:60px 100px 50px;
	color:#fff !important;
	text-align:center !important;
	}
	
	#blocfooter .col1t {text-align:center !important;}
.blocsofoot {
	width:190px;
	margin:auto;}
.sociauxfoot {
	float:left;
	width:80px;
	height: auto;
	 }
		
		.socifoot {
	float:left;
	width:110px;
	height: auto;
	font-size:15px;
	font-family:'SourceSansProLight' !important;
	font-style: italic;
	 }
	
	#blocfooter h3{
			font-family:'Tungsten Medium' !important;
			font-size:22px;
			color:#fff !important;
			text-transform:uppercase !important;
			margin-bottom:10px !important;
			text-align:center !important;
			}
	#blocfooter p{
			font-family:'SourceSansProLight';
			font-style:italic !important;
			font-size:15px !important;
			margin-bottom:0px !important;
			}
	#blocfooter h4{
			font-family:'Tungsten Medium' !important;
			font-size:20px !important;
			text-transform:uppercase !important;
			margin-top:4px !important;
			}
		
	#blocfooter a{
			font-family:'SourceSansPro';
			font-size:18px !important;
			margin-bottom:0px !important;
			margin-top:5px;
			color:#fff !important;
			}
			
	.copyright a{
	font-family:'SourceSansPro';
	font-size:14px !important;
	color:#fff !important;
	font-weight:300 !important;
	}	
			
@media only screen and (min-width: 768px) and (max-width: 1023px) {
	
	#blocfooter {
	height:140px !important;
	padding:40px 20px 30px;
	}
	
}
			
@media only screen and (max-width: 767px) {
#blocfooter {
    height: auto !important;
    padding: 40px 0px;
}

.blocsofoot {
    width: 138px;
    text-align: center !important;
    margin: auto;
}

.sociauxfoot {
    float: none;
    width: 138px;
    margin: 0 auto;
}
.socifoot {
	margin-top:5px !important;
    float: none;
    clear: both;
    width: 138px;
}



}