body{
	background-color: #dddddd;
}

body,
h1, h2, h3, h4, h5, h6 {
	font-family: 'Open Sans', sans-serif;
}

.off-canvas-wrap,
.inner-wrap{
	height: 100%;
}

.disabled-onepage-scroll .onepage-wrapper {
	overflow: auto;
}
.onepage-wrapper .section,
.disabled-onepage-scroll .onepage-wrapper .section {
	min-height: 100%;
	height: auto !important;
}

.tab-bar,	
.stickyMenu{
	position: fixed;
	left: 0;
	right: 0;
	z-index: 99;
	
	background-color: rgba(255,255,255,0.75);
}

	.tab-bar .menu-icon span:after {
		box-shadow: 0 0 0 1px #333, 0 7px 0 1px #333, 0 14px 0 1px #333;
	}
	.left-small {
/*		border-right: 1px solid #333;
		border-bottom: 1px solid #333;*/
		border: 0;
		box-shadow: 0 0 2px 2px rgba(0,0,0,0.25);
	}
	.right-small {
/*		border-left: 1px solid #333;
		border-bottom: 1px solid #333;*/
		border: 0;
		box-shadow: 0 0 2px 2px rgba(0,0,0,0.25);
		
		/*width: 5.625rem;*/
	}
	
	.bt_mute{
		display: none;
		width: 2.8125rem;
		height: 2.8125rem;
		outline: none;
		
		background-image: url('../images/sound.png');
		background-repeat: no-repeat;
		text-indent: -9999px;
		float: right;
	}
	
		.bt_mute.onair{
			background-position: 0 -44px;
		}
	
	.left-off-canvas-menu {
		background-color: #f1f1f1;
	}
		ul.off-canvas-list li label {
			padding: 0.66667rem;	
			background-color: #DDD;
			color: #e30e24;
			text-align: center;
			font-size: 1em;
			border-bottom: 1px solid #BBB;
		}
		ul.off-canvas-list li a {
			border-bottom: 1px solid #FFF;
			color: rgba(0, 0, 0, 0.7);
		}
		ul.off-canvas-list li a:hover{
			background-color: #FFF;
			color: rgba(0, 0, 0, 1);
		}
		
	
	.tab-bar .bt_accueil{
		display: block;
		margin: 0 auto;
		width: 65%;
		max-width: 231px;
		height: 45px;
		text-indent: -9999px;
		background-image: url('../images/table-du-marche.png');
		background-position: center center;
		background-repeat: no-repeat;
		
		-moz-background-size: 100% auto;
		-o-background-size: 100% auto;
		-webkit-background-size: 100% auto;
		background-size: 100% auto;
	}
	
	.tab-bar .map-icon {
		color: #ffffff;
		display: block;
		height: 2.8125rem;
		width: 2.8125rem;
		padding: 0;
		position: relative;
		
		background-image: url('../images/mapIcon.png');
		background-position: center center;
		background-repeat: no-repeat;
	}
	
	@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	only screen and (min--moz-device-pixel-ratio: 1.5),
	only screen and (min-resolution: 240dpi){


		.tab-bar .map-icon {
			background-image: url('../images/mapIcon_hd.png');

			-moz-background-size: 24px 24px;
			-o-background-size: 24px 24px;
			-webkit-background-size: 24px 24px;
			background-size: 24px 24px;
		}

	}


.stickyMenu{
	height: 70px;
	border-bottom: 2px solid #000; 
}

	.stickyMenu .bt_mute{
		width: 24px;
		height: 24px;
		position: absolute;
		right: 2px;
		top : 2px;
		
		background-position: -10px -10px;
	}
	.stickyMenu .bt_mute.onair{
		background-position: -10px -54px;
	}

	.stickyMenu .bt_accueil{
		float: left;
		display: block;
		width: 462px;
		height: 43px;
		text-indent: -9999px;
		background-image: url('../images/table-du-marche.png');
		background-position: 0 0;
		background-repeat: no-repeat;
		margin-top: 31px;
	}
	
	.mainMenu{
		list-style: none;
		margin: 0;
		padding: 0;
		float: right;
		padding-top: 36px;
	}

		.mainMenu li{
			display: block;
			float: left;
		}
			.mainMenu li a{
				display: block;
				text-align: center;
				text-transform: uppercase;
				font-size: 0.9em;
				font-weight: 600;
				padding: 4px 7px 0px 7px;
				color: #000;
				
				border-bottom: solid 2px transparent;
				
				-webkit-transition: border-color 0.5s;
				-moz-transition: border-color 0.5s;
				-o-transition: border-color 0.5s;
				transition: border-color 0.5s;
			}
			
			.mainMenu li a:hover,
			.mainMenu li.active a{
				border-color: #e30e24;
			}
	
	@media only screen and (min-width: 49.063em) and (max-width: 60em) {
		.stickyMenu{
			height: 50px
		}
		.mainMenu{
			list-style: none;
			margin: 0;
			padding: 0;
			float: right;
			padding-top: 21px;
		}
		
			.mainMenu li a{
				font-weight: normal;
			}
		.stickyMenu .bt_accueil{
			width: 308px;
			height: 29px;
			margin-top: 23px;
			margin-left: 16px;
			
			-moz-background-size: 308px auto;
			-o-background-size: 308px auto;
			-webkit-background-size: 308px auto;
			background-size: 308px auto;
		}
	}

/*section.page[id]:before {
    content: "[" attr(id) "]";
	font-size: 3em;
}*/


	
.page{
	background-color: #FFF;
	background-image: url('../images/page_sep.png');
	background-repeat: repeat-x;
	background-position: 0 bottom;
}

	.page a{ color: #000; text-decoration: underline; }
	.page a:hover{ color: #666; }
	
	.page .content{
		padding: 5.625rem 0;
	}
	
	.page .title h1{
		background-color: #e30e24;
		width: 150px;
		font-size: 1.2em;
		color:#FFF;
		text-align: center;
		font-variant: small-caps;
		font-weight: 600;
		margin: 0;
		padding: 8px;
	}
	@media only screen and (min-width: 49.063em) {
		.page .title h1{
			padding: 16px 8px;
			height: 150px;
			font-size: 1.5em;
		}
	}
	
	.page .detail{
		padding-right: 30px;
		padding-left: 30px;
	}
	@media only screen and (min-width: 60.063em) {
		.page .detail{
			padding-right: 16px;
			padding-left: 16px;
		}
	}
	
		.page .detail h2{
			font-size: 1.5rem;
			font-weight: 600;
			margin-bottom: 1.25rem;
		}
		
		.page .detail h3{
			font-size: 1.3rem;
			font-weight: normal;
			color: #666;
		}
		
		.page .detail h6{
			font-size: 1em;
			margin-top: 2em;
			margin-bottom: 1em;
			font-weight: bold;
			text-align: right;
			
			text-align: center;
			margin-left: 50%;
		}
					
		.page .detail ul,
		.page .detail ol,
		.page .detail dl,
		.page .detail p{
			font-size: 0.85rem;
			margin-bottom: 1.25rem;
		}
		
		.page .detail ul,
		.page .detail ol,
		.page .detail dl {
			font-size: 1em;
			line-height: 1.6em;
			list-style-position: outside;
			margin-bottom: 1.25em;
		}
		.page .detail ul {
			margin-left: 1.1em;
		}
		
		.page .detail ul li,
		.page .detail ul ul>li,
		.page .detail ul ul ul>li{
			list-style: none;
		}
		
		.page .detail ul>li:before,
		.page .detail ul ul>li:before,
		.page .detail ul ul ul>li:before{
			content : '';
			display: block;
			position: absolute;
			width: 8px;
			height: 8px;
			background-color: #e30e24;
			
			margin: 10px 0 0 -16px;
			
			-moz-border-radius: 2px;
			border-radius: 2px;
		}
		
		.page .detail ul ul>li:before{
			background-color: #fff;
			border:solid 1px #666;
		}
		
		.page .detail ul ul ul>li:before{
			background-color: #fff;
			border:solid 1px #e30e24;
		}
		
		.page .detail .imgRight{
			float:right;
			margin:0 0 10px 20px;
		}

		.page .detail .imgLeft{
			float:left;
			margin:0 20px 10px 0;
		}
		
		.page .detail .imgLeft img,
		.page .detail .imgRight img{
			display: block;
			margin-bottom: 16px;
		}
		
		a.bouton,
		.page .detail a.bouton,
		.page .detail input[type=button],
		.formu input[type=button],
		.page .detail input[type=submit],
		.formu input[type=submit],
		.page .detail button,
		.formu button{
			background-color: #e30e24;
		}
		
		a.bouton:hover,
		.page .detail a.bouton:hover,
		.page .detail input[type=button]:hover,
		.formu input[type=button]:hover,
		.page .detail input[type=submit]:hover,
		.formu input[type=submit]:hover,
		.page .detail button:hover,
		.formu button:hover{
			background-color: #CC0000;
		}	

		a.bouton.disabled,
		.page .detail a.bouton.disabled,
		.page .detail input[type=button][disabled=disabled],
		.formu input[type=button][disabled=disabled],
		.page .detail input[type=submit][disabled=disabled],
		.formu input[type=submit][disabled=disabled],
		.page .detail button[disabled=disabled],
		.formu button[disabled=disabled],
		a.bouton.disabled:hover,
		.page .detail a.bouton.disabled:hover,
		.page .detail input[type=button][disabled=disabled]:hover,
		.formu input[type=button][disabled=disabled]:hover,
		.page .detail input[type=submit][disabled=disabled]:hover,
		.formu input[type=submit][disabled=disabled]:hover,
		.page .detail button[disabled=disabled]:hover,
		.formu button[disabled=disabled]:hover{
			border-color: #999;
			background-color: #EEE;
			color: #999;
		}
		
		.page .detail .btVideo,
		.page .detail .btCarte{
			display: block;
			margin: 0 auto 16px auto;
			width: 150px;
			height: 150px;
			padding: 16px 8px;
			
			font-size: 1.5em;
			text-align: center;
			text-decoration: none;
			font-variant: small-caps;
			line-height: 1.3em;
			font-weight: 600;
			
			background-color: #FFF;
			background-position: center 80px;
			background-repeat: no-repeat;
			-webkit-box-shadow: 0px 0px 8px 4px rgba(0,0,0,0.25);
			-moz-box-shadow: 0px 0px 8px 4px rgba(0,0,0,0.25);
			box-shadow: 0px 0px 8px 4px rgba(0,0,0,0.25);
			
			-webkit-transition: background-position 0.5s, padding-top 0.5s;
			-moz-transition: background-position 0.5s, padding-top 0.5s;
			-o-transition: background-position 0.5s, padding-top 0.5s;
			transition: background-position 0.5s, padding-top 0.5s;
		}
		
		.page .detail .btCarte:hover{
			background-position: center 76px;
			padding-top: 20px;
		}
		.page .detail .btCarte.stVal {
			background-color: #b20a87;
			color: #fff;
		}
		#accueil .detail .btCarte{
			margin-top: 14px;
		}
		
		.page .detail .btCarte{
			background-image: url('../images/btCarte.png');
		}
		.page .detail .btCarte.feteMere{
			background-image: url('../images/coeur.png');
			font-size: 1.2em;
		}
		.page .detail .btCarte.noel{
			background-image: url('../images/boule.png');
			background-color: #7dc074;
			color: #fff;
//			font-size: 1.2em;
		}
		.page .detail .btVideo{
			background-image: url('../images/btVideo.png');
		}
		
		.page .detail .btCarte#bt_resa{
			background-image: url('../images/resa.png');
		}
			
		@media only screen and (min-width: 49.063em) {
			.page .detail .btVideo{
				padding: 16px;
				margin-top: 12px;
				float: left;
			}
			.page .detail .btVideo:hover{
				background-position: center 76px;
				padding-top: 20px;
			}
			
			.page .detail .btCarte{
				float: right;
				margin: 0 0 16px 32px;
			}
			
			#accueil .detail .btCarte{
				float: left;
				margin: 14px 32px 16px 0;
			}
		}
		
		@media only screen and (max-width: 49em) {
			
/*			.page .detail .btVideo{
				background-position: 10px center;
				padding: 8px;
				height: auto;
				width: auto;
				font-size:1.1em;

				-moz-background-size: 24px 24px;
				-o-background-size: 24px 24px;
				-webkit-background-size: 24px 24px;
				background-size: 24px 24px;
			}*/
			
			.page .detail .imgRight,
			.page .detail .imgLeft{
				max-width: 20%;
				height: auto;
			}
			
			.page .detail .imgLeft img,
			.page .detail .imgRight img{
				max-width: 100%;
				height: auto;
			}
		
		}
		
		.page .detail blockquote{
			margin:0 0 0 25px;
		}	
	
	@media only screen and (min-width: 49.063em) {
		.page .content{
			padding-top: 86px;
		}
	}
	
	@media only screen and (min-width: 60.063em) {
		.page .content{
			padding-top: 120px;
		}
	}
	
	.footer{
		min-height: 300px !important;
		height: auto;
		background-color: #333;
	}
	
		.footer a{ color: #FFF; text-decoration: underline; }
		.footer a:hover{ color: #666; }
	
		.footer .coordo{
			padding: 32px 0;
			color: #FFF;
			text-transform: uppercase;
			text-align: center;
		}
		
			.footer .coordo .name{
				display: block;
				font-size: 1.3em;
				margin-bottom: 8px;
			}
			.footer .coordo .adress{
				display: block;
				font-size: 0.85em;
				line-height: 1.5em;
				margin-bottom: 32px;
			}
				.footer .coordo .adress span{
					display: block;
				}
			
			.footer .coordo .ouverture{
				display: block;
			}
	
		.footer .links ul{
			display: block;
			list-style: none;
			padding: 16px 0;
			margin: 0 auto;
			
			width: 270px;
		}
		
		.footer .links ul:after{
			content: '';
			display: block;
			clear: both;
		}
		
			.footer .links ul li{
				display: block;
				width: 52px;
				height: 52px;
				margin: 1px;
				float: left;
			}
				.footer .links ul li a{
					display: block;
					width: 100%;
					height: 100%;
					border: solid 1px #FFF;
					text-indent: -9999px;
					
					background-image: url('../images/socialIcon.png');
					background-repeat: no-repeat;
					
					-webkit-transition: background-color 0.5s;
					-moz-transition: background-color 0.5s;
					-o-transition: background-color 0.5s;
					transition: background-color 0.5s;
				}
				.footer .links ul li a:hover{
					background-color: #FFF;
				}
				
				.footer .links ul li.btFacebook a{			background-position: -2px center ; }
				.footer .links ul li.btMichelin a{			background-position: -625px center ; }
				.footer .links ul li.btFourchette a{		background-position: -677px center ; }
				.footer .links ul li.btFooding a{			background-position: -729px center ; }
				.footer .links ul li.btPetitFute a{			background-position: -781px center ; }
				
				.footer .links ul li.btFacebook a:hover{	background-position: -2px -105px ; }
				.footer .links ul li.btMichelin a:hover{	background-position: -625px -105px ; }
				.footer .links ul li.btFourchette a:hover{	background-position: -677px -105px ; }
				.footer .links ul li.btFooding a:hover{		background-position: -729px -105px ; }
				.footer .links ul li.btPetitFute a:hover{	background-position: -781px -105px ; }
				
				.footer .pointsys{
					clear: both;
					float: right;
					display: block;
					width: 62px;
					height: 30px;
					background-image: url('../images/pointsys.png');
					background-position: center center;
					background-repeat: no-repeat;
					text-indent: -9999px;
					text-align: left;
					margin-bottom: 16px;
				}
				
				@media only screen and (min-width: 49.063em) {
					.footer .coordo{
						padding: 64px 0;
						text-align: left;
					}
					
						.footer .coordo .ouverture,
						.footer .coordo .tel{
							display: inline;
						}
						.footer .coordo .tel:before{
							content : '- ';
						}
					
					.footer .links ul{
						float: right;
						padding: 64px 0 48px 0;
					}
				}
				
				@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
					only screen and (min--moz-device-pixel-ratio: 1.5),
					only screen and (min-resolution: 240dpi){

						
					.footer .links ul li a{
						background-image: url('../images/socialIcon_hd.png');

						-moz-background-size: 832px 156px;
						-o-background-size: 832px 156px;
						-webkit-background-size: 832px 156px;
						background-size: 832px 156px;
					}
					
					.footer .pointsys{
						background-image: url('../images/pointsys_hd.png');

						-moz-background-size: 59px 20px;
						-o-background-size: 59px 20px;
						-webkit-background-size: 59px 20px;
						background-size: 59px 20px;
					}

				}
				
		
	#accueil .pano,
	#les-vins .pano,
	#le-chef .pano{
		background-color: #999;
		margin-bottom: 1.25rem;
		background-position: center center;
		background-repeat: no-repeat;
	}
	#accueil .pano{	background-image: url('../images/bergerac.jpg');	}
	#les-vins .pano{	background-image: url('../images/les-vins.jpg');	}
	#le-chef .pano{	background-image: url('../images/le-chef.jpg');	}
	
	#accueil .pano .row,
	#les-vins .pano .row,
	#le-chef .pano .row{
		padding: 0;
	}
	
		#accueil .pano .columns,
		#les-vins .pano .columns,
		#le-chef .pano .columns{
			position: relative;
			height: 0;
			overflow: hidden;
		}
	
		#accueil .pano .columns{
			padding-bottom: 39%;
		}
		#les-vins .pano .columns,
		#le-chef .pano .columns{
			padding-bottom: 30%;
		}
		
		#les-vins .title,
		#le-chef .title{
			position: absolute;
			right: 30px;
			bottom: 16px;			
		}
		@media only screen and (min-width: 60.063em) {
			#les-vins .title,
			#le-chef .title{
				right: 16px;
			}
		}
	
	@media only screen and (max-width: 49em) {
		#accueil .pano .columns{
			padding-bottom: 218px;
		}
	}
		
	#accueil .title{
		text-align: center;
		text-transform: uppercase;
		background-color: rgba(255,255,255,0.90);
		width: 300px;
		/*height: 150px;*/
		padding: 8px 0 16px 0;
		margin: 42px auto;
		font-size: 0.75em;
		
		-webkit-box-shadow: 0px 0px 8px 4px rgba(0,0,0,0.25);
		-moz-box-shadow: 0px 0px 8px 4px rgba(0,0,0,0.25);
		box-shadow: 0px 0px 8px 4px rgba(0,0,0,0.25);
	}
	
		@media only screen and (min-width: 49.063em) {
			#accueil .title{
				background-color: #FFF;
				margin: 0;
				width: 380px;
				font-size: 0.9em;
				position: absolute;
				right: 48px;
				bottom: 32px;	
				padding: 8px 0 32px 0;
			}
		}
	
		@media only screen and (min-width: 60.063em) {
			#accueil .title{
				right: 32px;
			}
		}
	
	
		#accueil .title h1{
			width: auto;
			height: auto;
			background: none;
			color: inherit;
			font-size: 1.4em;
			font-weight: normal;
			margin-bottom: 4px;
			margin-top: 0;
		}
		
		#accueil .title .adresse{
			font-size: 0.9em;
			margin: 0 0 8px 0;
		}
			#accueil .title .adresse span{
				display: block;
			}
		#accueil .title .reservation{
			font-size: 1.1em;
			margin-bottom: 0;
		}
		
		#accueil .detail p{
			text-align: center;
			margin: 12px auto;
			max-width: 100%;
			/*min-width: 300px;*/
		}
		#accueil .detail p img{
			/*margin: 2px;*/
			margin: 0.4%;
		}
		
			#accueil .detail p img:nth-child(1){ width: 44.961%; }
			#accueil .detail p img:nth-child(2){ width: 25.064%; }
			#accueil .detail p img:nth-child(3){ width: 25.839%; }
		
		@media only screen and (min-width: 49.063em) {
			#accueil .detail p{
				float: right;
				margin: 12px 16px;
				width: 387px;
			}
				#accueil .detail p img{
					margin: 0.516%;
				}
		}
		
		
	#le-lieu .content,
	#la-carte .content,
	#photos .content,
	#contact .content{
		max-width: 1000px;
		margin: 0 auto;
	}
	
		#photos .pano{
			float: left;
		}
		
		#photos .detail {
			padding-left: 16px;
			padding-right: 16px;
		}
	
			#le-lieu .title,
			#la-carte .title{
				width: 43.103%;
				height: 0;
				padding-bottom: 43.103%;
				position: relative;
			}
			#photos .title{
				width: 150px;
				height: 150px;
				position: relative;
			}

			#le-lieu .title h1,
			#la-carte .title h1,
			#photos .title h1{
				font-size: 1.5em;
				position: absolute;
				width: 100%;
				height: 100%;
			}
			#contact .title h1{
				font-size: 1.5em;
				margin: 8px auto;
				width: 100%;
			}

		
				#le-lieu .pano .columns,
				#la-carte .pano .columns {
					width: 100%;	
					max-width: 348px;
					margin: 0 auto;
					float: none;
				}

				@media only screen and (min-width: 49.063em) {
					#le-lieu .pano,
					#la-carte .pano,
					#contact .pano{
						float: left;
					}
						#le-lieu .pano .columns,
						#la-carte .pano .columns {
							width: 348px;
						}
						#photos .pano .columns,
						#contact .pano .columns {
							width : 159px;
						}
						
					#contact .title{
						width: 150px;
						height: 150px;
						position: relative;
					}
						
					#contact .title h1{
						position: absolute;
						width: 100%;
						height: 100%;
					}
				}

					#le-lieu .title,
					#le-lieu .picture,
					#la-carte .title,
					#la-carte .picture{
						float: left;
						/*margin: 0 16px 16px 0;*/
						/*margin: 0 4.597% 4.597% 0;*/
						margin: 2.298%;
					}

					#le-lieu .picture,
					#la-carte .picture{
						background-color: #999;
						background-position: center center;
						background-repeat: no-repeat;
					}
						#le-lieu .picture.picture1,
						#la-carte .picture.picture1{
							/*width: 150px;*/
							/*height: 150px;*/
							width: 43.103%;
							height: 0;
							padding-bottom: 43.103%;
						}

						#le-lieu .picture.picture2,
						#la-carte .picture.picture2{
							/*width: 316px;*/
							/*height: 316px;*/
							width: 90.804%;
							height: 0;
							padding-bottom: 90.804%;
						}
						
						#le-lieu .picture.picture1{ background-image: url('../images/le-lieu-1.jpg'); }
						#le-lieu .picture.picture2{ background-image: url('../images/le-lieu-2.jpg'); }
						#la-carte .picture.picture1{ background-image: url('../images/la-cuisine-1.jpg'); }
						#la-carte .picture.picture2{ background-image: url('../images/la-cuisine-2.jpg'); }
			
	#photos .btVideo{
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
		
		border:solid 1px #999;
		margin: 0 15px 16px -1px;
		
		padding: 16px;
		float: left;
	}
	@media only screen and (min-width: 49.063em) {
		#photos .btVideo{
			margin: 0 9px 8px -1px;
		}
	}
	
	#contact{
		background-image: url('../images/reserver.jpg');
		background-position: center center;
		background-repeat: no-repeat;
	}	

	
/*// JE SUIS CHARLIE //*/
.charlie{
	position: relative;
}

.charlie>div{
	background-image: url('../images/je-suis-charlie.jpg');
	background-position: center center;
	background-repeat: no-repeat;
	background-color: #000;
	
	text-indent: -9999px;
	height: 0;
	width:100%;
	padding-top: 50%;
	
	-moz-background-size: 100% auto;
	-o-background-size: 100% auto;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
}

	@media only screen and (min-width: 49.063em) {
		.charlie>div{
			position : absolute;
			width: 150px;
			height: 150px;
			padding: 0;
			
			left: 32px;
			top: 152px;
			
			z-index: 9999;
			
			-moz-border-radius: 50%;
			border-radius: 50%;
			border: solid 6px #999;
			
			-moz-background-size: 130% auto;
			-o-background-size: 130% auto;
			-webkit-background-size: 130% auto;
			background-size: 130% auto;
		}		
	}