html{height:100%;cursor:default;}
body{min-height:100%;-webkit-font-smoothing:antialiased;}
.clearfix:after{display:block;content:" ";height:0;clear:both;}
.clear{clear:both;height:0;margin:0 !important;}
.hidden{display:none;}
.browseralert{font-family:Arial,Helvetica,sans-serif;font-size:11px;background:#f2f2f2;padding:10px;text-align:center;color:#000;}
.browseralert a{color:#000;}

/* Fonts */
@font-face {
    font-family: 'Museo';
    src: url('fonts/museo-300.woff2') format('woff2'),
		 url('fonts/museo-300.woff') format('woff'),
         url('fonts/museo-300.ttf') format('truetype');
	font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Museo';
    src: url('fonts/museo-700.woff2') format('woff2'),
		 url('fonts/museo-700.woff') format('woff'),
         url('fonts/museo-700.ttf') format('truetype');
	font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'BeautifulBloom';
    src: url('fonts/beautiful-bloom.woff2') format('woff2'),
         url('fonts/beautiful-bloom.woff') format('woff'),
		 url('fonts/beautiful-bloom.ttf') format('truetype');
    font-weight:normal;
    font-style:normal;
}




/* Animations */
.animation-on.animation-slide-left-child {
	animation:slideLeftChild 1200ms ease-out;
	-webkit-animation:slideLeftChild 1200ms ease-out;
	-moz-animation:slideLeftChild 1200ms ease-out;
	-ms-animation:slideLeftChild 1200ms ease-out;
}
@keyframes slideLeftChild {
	0% { transform:translate(-200px); }	
	100% { transform:translate(0); }	
}
@-moz-keyframes slideLeftChild {
	0% { -moz-transform:translate(-200px); }	
	100% { -moz-transform:translate(0); }	
}
@-webkit-keyframes slideLeftChild {
	0% { -webkit-transform:translate(-200px); }	
	100% { -webkit-transform:translate(0); }	
}
@-ms-keyframes slideLeftChild {
	0% { -ms-transform:translate(-200px); }	
	100% { -ms-transform:translate(0); }	
}
.animation-on.animation-slide-right-child {
	animation:slideRightChild 1200ms ease-out;
	-webkit-animation:slideRightChild 1200ms ease-out;
	-moz-animation:slideRightChild 1200ms ease-out;
	-ms-animation:slideRightChild 1200ms ease-out;
}
@keyframes slideRightChild {
	0% { transform:translate(200px); }	
	100% { transform:translate(0); }	
}
@-moz-keyframes slideRightChild {
	0% { -moz-transform:translate(200px); }	
	100% { -moz-transform:translate(0); }	
}
@-webkit-keyframes slideRightChild {
	0% { -webkit-transform:translate(200px); }	
	100% { -webkit-transform:translate(0); }	
}
@-ms-keyframes slideRightChild {
	0% { -ms-transform:translate(200px); }	
	100% { -ms-transform:translate(0); }	
}
.animation-on.animation-slide-left-parent {
	animation:slideLeftParent 1200ms ease-out;
	-moz-animation:slideLeftParent 1200ms ease-out;
	-webkit-animation:slideLeftParent 1200ms ease-out;
	-ms-animation:slideLeftParent 1200ms ease-out;
}
@keyframes slideLeftParent {
	0% { transform:translate(-100px); opacity:0; }	
	100% { transform:translate(0); opacity:1; }	
}
@-moz-keyframes slideLeftParent {
	0% { -moz-transform:translate(-100px); opacity:0; }	
	100% { -moz-transform:translate(0); opacity:1; }	
}
@-webkit-keyframes slideLeftParent {
	0% { -webkit-transform:translate(-100px); opacity:0; }	
	100% { -webkit-transform:translate(0); opacity:1; }	
}
@-ms-keyframes slideLeftParent {
	0% { -ms-transform:translate(-100px); opacity:0; }	
	100% { -ms-transform:translate(0); opacity:1; }	
}
.animation-on.animation-slide-right-parent {
	animation:slideRightParent 1200ms ease-out;
	-moz-animation:slideRightParent 1200ms ease-out;
	-webkit-animation:slideRightParent 1200ms ease-out;
	-ms-animation:slideRightParent 1200ms ease-out;
}
@keyframes slideRightParent {
	0% { transform:translate(100px); opacity:0; }	
	100% { transform:translate(0); opacity:1; }	
}
@-moz-keyframes slideRightParent {
	0% { -moz-transform:translate(100px); opacity:0; }	
	100% { -moz-transform:translate(0); opacity:1; }	
}
@-webkit-keyframes slideRightParent {
	0% { -webkit-transform:translate(100px); opacity:0; }	
	100% { -webkit-transform:translate(0); opacity:1; }	
}
@-ms-keyframes slideRightParent {
	0% { -ms-transform:translate(100px); opacity:0; }	
	100% { -ms-transform:translate(0); opacity:1; }	
}

/* Structure */
body {
	background:#ddd;
	font-family:'Museo', sans-serif;
	font-size:16px;
}
::-moz-selection {
    background:#333;
	color:#fff;
	text-shadow:none;
}
::selection {
    background:#333;
  	color:#fff;
	text-shadow:none;
}

.container {
	position:relative;
	margin:0 auto;
	width:1260px;
}
.container:after {
	display:block;
	content:' ';
	height:0;
	clear:both;
}
h1,
h2,
h3 {
	font-family:'BeautifulBloom', sans-serif;
	font-weight:normal;
	color:#c04b4b;
}
.color {
	color:#c04b4b;
}
header {
	position:relative;
	width:100%;
	height:580px;
	background:#000;
}
body.chapeau header {
	height:720px;	
}
header .logo {
	position:absolute;
	z-index:100;
	width:400px;
	top:160px;
	left:50%;
	margin:0 0 0 -200px;
}
header .important {
	display:block;
	margin:0;
	position:absolute;
	z-index:100;
	bottom:310px;
	left:0;
	right:0;
	color:#fff;
	text-align:center;
	text-transform:uppercase;
	font-size:1.3em;
}
header .important span {
	padding:5px 10px;
	background:rgba(0,0,0,0.3);
	border:1px solid #fff;
	box-shadow:0px 0px 20px #000;
}
header nav {
	position:absolute;
	z-index:100;
	bottom:10px;
	left:0;
	right:0;
	text-transform:uppercase;
}
body.chapeau header nav {
	bottom:150px;
}
header nav #btn-nav {
	display:none;
}
header nav ul {
	margin:0;
	padding:0;
	list-style:none;
	text-align:center;
}
header nav ul li {
	position:relative;
	display:inline-block;
	margin:0 20px;
	font-size:1.5em;
	font-weight: bold;
	text-align:center;
}
header nav ul li a {
	position:relative;
	display:block;
	padding:7px 10px;
	color:#fff;
	text-decoration:none;
	border-radius: 5px;
}
header nav ul li a:before {
	position:absolute;
	z-index:-1;
	content:' ';
	top:0;
	bottom:0;
	right:100%;
	left:0;
	background:#080808;
	transition:all ease-out 500ms;
	-webkit-transition:all ease-out 500ms;
	-moz-transition:all ease-out 500ms;
	border-radius: 5px;
}
header nav ul li:hover a:before {
	right:0;
}
header nav ul li.on a {
	background:#080808;
}
header nav ul li.reservation a {
	background: #fff;
	color: #080808;
}
header .bg {
	position:absolute;
	z-index:1;
	top:0;
	left:0;
	right:0;
	bottom:0;
}
header .bg > .bg-controls {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:100;
	overflow:hidden;
}
header .bg > .bg-controls .bg-btn-nav {
	position:absolute;
	top:50%;
	width:48px;
	height:48px;
	padding:24px;
	margin:-48px 0 0 0;
	cursor:pointer;
	transition:all ease 300ms;
	-webkit-transition:all ease 300ms;
	-moz-transition:all ease 300ms;
}
header .bg > .bg-controls .bg-btn-nav span {
	display:block;
	width:48px;
	height:48px;
	background:url(../img/tpl/icon_arrows.png) no-repeat;
	background-size:48px 96px;
}
header .bg > .bg-controls .bg-btn-nav-prev {
	left:-90px;
}
header .bg > .bg-controls .bg-btn-nav-prev span {
	background-position:center top;
}
header:hover .bg > .bg-controls .bg-btn-nav-prev {
	left:0;
}
header .bg > .bg-controls .bg-btn-nav-next {
	right:-90px;
}
header .bg > .bg-controls .bg-btn-nav-next span {
	background-position:center bottom;
}
header:hover .bg > .bg-controls .bg-btn-nav-next {
	right:0;
}
header .bg > .bg-filter {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:50;
	opacity:0.4;
	background:#000;
}
header .bg > .bg-items > div {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:1;
	opacity:0;
	background:no-repeat center center;
	background-size:cover;
	transition:all ease 3s;
	-webkit-transition:all ease 3s;
	-moz-transition:all ease 3s;
}
header .bg > .bg-items > div.on {
	opacity:1;
}
header .bg > .bg-items div[data-item='1'] { background-image:url(../img/tpl/headers/bg-1.jpg); }
header .bg > .bg-items div[data-item='2'] { background-image:url(../img/tpl/headers/bg-2.jpg); }
header .bg > .bg-items div[data-item='3'] { background-image:url(../img/tpl/headers/bg-3.jpg); }
body#bar header .bg > .bg-items div[data-item='1'] { background-image:url(../img/tpl/headers/bg-4.jpg); }
body#bar header .bg > .bg-items div[data-item='2'] { background-image:url(../img/tpl/headers/bg-5.jpg); }
body#bar header .bg > .bg-items div[data-item='3'] { background-image:url(../img/tpl/headers/bg-6.jpg); }
body#restaurant header .bg > .bg-items div[data-item='1'] { background-image:url(../img/tpl/headers/bg-7.jpg); }
body#restaurant header .bg > .bg-items div[data-item='2'] { background-image:url(../img/tpl/headers/bg-8.jpg); }
body#restaurant header .bg > .bg-items div[data-item='3'] { background-image:url(../img/tpl/headers/bg-9.jpg); }
body#carte header .bg > .bg-items div[data-item='1'] { background-image:url(../img/tpl/headers/bg-10.jpg); }
body#carte header .bg > .bg-items div[data-item='2'] { background-image:url(../img/tpl/headers/bg-11.jpg); }
body#carte header .bg > .bg-items div[data-item='3'] { background-image:url(../img/tpl/headers/bg-12.jpg); }
body#groupes header .bg > .bg-items div[data-item='1'] { background-image:url(../img/tpl/headers/bg-13.jpg); }
body#groupes header .bg > .bg-items div[data-item='2'] { background-image:url(../img/tpl/headers/bg-14.jpg); }
body#groupes header .bg > .bg-items div[data-item='3'] { background-image:url(../img/tpl/headers/bg-15.jpg); }
body#contact header .bg > .bg-items div[data-item='1'] { background-image:url(../img/tpl/headers/bg-16.jpg); }
body#contact header .bg > .bg-items div[data-item='2'] { background-image:url(../img/tpl/headers/bg-17.jpg); }
body#contact header .bg > .bg-items div[data-item='3'] { background-image:url(../img/tpl/headers/bg-18.jpg); }
footer {
	padding:60px 0 80px 0;
	text-align:center;
	background:#ddd;
	color:#333;
	padding-bottom: 100px !important;
}
footer h3 {
	margin:0 0 10px 0;
	font-size:3em;
	line-height:1em;
}
footer p:last-child {
	margin-bottom:0;
}
footer a {
	color:#222;
	text-decoration:none;
}
footer a:hover {
	color:#c04b4b;
}
footer .footer-phone {
	font-size:2em;
}
footer .footer-social img {
	display: inline-block;
	margin: 0 2px;
	width: 32px;
	transition: all ease 300ms;
}
footer .footer-social img:hover {
	transform: scale(1.2);
}
footer .mentions {
	font-size:0.7em;
	color:#888;
}
footer .mentions a {
	color:#666;
}
body > .important {
	position: fixed;
	z-index: 1000;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0;
	padding:20px 10px;
	text-transform:uppercase;
	font-weight:bold;
	font-size:1.5em;
	text-align:center;
	background:rgba(0,0,0,0.8);
	color:#c04b4b;
}
body > .important a {
	color: #c04b4b;
}
body > .important strong {
	color: #fff;
}
section {
	position:relative;
	z-index:100;
	width:100%;
	margin:0 auto;
	padding:40px 0 80px 0;
	background:#fff;
	color:#444;
	text-align:justify;
}
body.chapeau section {
	margin-top:-1px;
	padding-top:1px;
}
section a {
	color:#222;	
}
section a:hover {
	color:#c04b4b;
}
section a.btn {
	display:inline-block;
	padding:6px 10px;
	text-decoration:none;
}
section h1,
section h2,
section h3 {
	line-height:1em;
	text-align:left;
}
section h1 {
	margin: 0 0 20px 0;
	font-size:4em;
	line-height: 0.9em;
	text-align:center;
}
section h2,
section h3 {
	margin:40px 0 40px 0;
	font-size:3.5em;
	line-height:1em;
	text-align:left;
	transform: rotate(-5deg);
}
section h2:first-child {
	margin-top:0;
}
section h3 {
	margin: 20px 0 0 0;	
	font-size:2.5em;
}
section .row.row-title {
	border-radius: 20px;
	position:relative;
	height:390px;
	margin-top:-120px;
	background:#080808;
}
section .row + * {
	margin-top:60px;
}
section .row:after {
	display:block;
	content:' ';
	height:0;
	clear:both;	
}
section .row.row-title {
	display: flex;
}
section .row.row-title .row-content {
	padding:20px 30px;
	line-height:1.4em;
	text-align:center;
	color:#fff;
    display: grid;
    justify-content: center;
    align-items: center;
}
section .row.row-title .row-content h1,
section .row.row-title .row-content p {
	margin: 0;
}
section .row.row-title .row-content a,
section .row.row-title .row-content strong {
	color:#fff;
	text-decoration:none;
}
section .row.row-title .row-content a:hover {
	color:#c04b4b;
}
section .row.row-title .row-content a.btn {
	background:#c04b4b;
	color:#080808;
}
section .row.row-title .row-content a.btn:hover {
	background:#fff;
	color:#080808;
	box-shadow:0 0 10px rgba(255,255,255,0.3);
}
section .row.row-title .row-img {
	min-width: 780px;
	max-width: 780px;
	display: flex;
	align-items: center;
}
section .row.row-title .row-img > img {
	display: block;
	width: 100%;
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
}
section .col2,
section .col3 {
	display:block;
	float:left;
	min-height:1px;
}
section .col2 {
	width:610px;
}
section .col2-2 {
	margin-left:40px;
}
section .col2.col2-2:after {
	position:relative;
	display:block;
	content:' ';
	width:100%;
	clear:both;
}
section .col3 {
	width:393px;
	margin-bottom:0 !important;
}
section .col3-2 {
	margin-left:40px;
	margin-right:40px;
}

section article.quote {
	position:relative;
	margin:0 0 40px 0;
	padding:10px 20px;
	color:#333;
	border-radius:10px;
	background:#f2f2f2 url(../img/tpl/bg_quote.png) 20px 20px no-repeat;
	background-size:80px 57px;
}
section * > article.quote:last-child {
	margin-bottom:0;
}
section article.quote p.date {
	font-size:0.8em;
	color:#666;
}
section article.quote:after {
	display:block;
	content:' ';
	position:absolute;
	bottom:-8px;
	left:20px;
	height:0;
	width:0;
	border-style:solid;
	border-width:8px 8px 0 8px;
	border-color:#f2f2f2 transparent transparent transparent;
}
section .bloc-bg {
	margin:80px 0 0 0;
	background:top center no-repeat;
}
section .bloc-bg:first-child {
	margin-top:0;
}
section .bloc-bg h2 {
	text-align:center;
}
section .bloc-bg img.img-carte {
	display:none;	
}
section .menu {
	margin-bottom:60px;
	text-align:center;
}
section .menu div.menu-content {
	background: #080808;
	border-radius: 20px;
	padding: 50px 25px;
	color: #fff;
}
section .menu:last-child {
	margin-bottom:0;
}
section .menu.col2-2 {
	float:left;
}
section .menu h2,
section .menu h3 {
	text-align:center;
}
section .menu h3 {
	margin-top:40px;
	margin-bottom: 20px;
}
section .menu h3 + p {
	margin-top:5px;
}
section .menu .menu-item strong {
	font-weight: bold;
	text-transform: uppercase;
}
section .menu .menu-item span.menu-detail {
	font-size: 0.8em;
}
section .menu .menu-item span.menu-ou {
	font-size: 0.9em;
	color:#c04b4b;
}
section .menu .menu-information {
	font-weight: bold;
}
section .menu > *:last-child {
	margin-bottom:0;
}
section .menu-options {
	margin-top:40px;
	font-size:0.9em;
	text-align:center;
}
section .menu-options .menu-options-item {
	width:200px;
	display:inline-block;
	vertical-align:top;
}
section article.carte .carte-item {
	min-height:60px;
	margin:0 10px 25px 10px;
	text-align:left;
}
section article.carte .carte-item:after {
	display:block;
	content:' ';
	clear:both;
}
section article.carte .carte-item:last-child {
	margin-bottom:0;
}
section article.carte .carte-item h4 {
	font-size:1em;
	margin:0;
	padding:2px 0;
	text-transform:uppercase;
}
section article.carte .carte-item p {
	margin:0;
	color:#666;
	font-size: 0.9em;
}
section article.carte .carte-item span.carte-item-prix {
	margin:0 0 0 15px;
	float:right;
	font-weight: bold;
	color:#c04b4b;
}
section .important {
	text-align:center;
	padding:10px 10px;
	text-transform:uppercase;
	font-weight:bold;
	font-size:1.1em;
	background:#c04b4b;
	color:#fff;
}
.plats-a-emporter {
	background: #c04b4b;
	color: #FFFFFF;
	text-align: center;
	padding: 5px 20px;
	font-size: 1.2em;
	font-weight: bold;
}

/* Carte */
body#carte section div.bloc-bg {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
}
body#carte section div.bloc-bg.bloc-bg-tapas {
	background-image:url(../img/tpl/bg_section-carte-tapas.jpg);
}
body#carte section div.bloc-bg.bloc-bg-entrees {
	background-image:url(../img/tpl/bg_section-carte-entrees.jpg);
}
body#carte section div.bloc-bg.bloc-bg-plats {
	background-image:url(../img/tpl/bg_section-carte-plats.jpg);
}
body#carte section div.bloc-bg.bloc-bg-desserts {
	background-image:url(../img/tpl/bg_section-carte-desserts.jpg);
}
body#carte section div.bloc-bg.bloc-bg-menus {
	background-image:url(../img/tpl/bg_section-carte-menus.jpg);
}


/* Contact */
body#contact .row .contact-phone {
	font-size:2.4em;
}
body#contact #map-google {
	width:100%;
	height:100%;	
}
body#contact .contact-form {
	width:680px;
	margin:40px auto 0 auto;
	text-align:center;
}
body#contact .contact-form h2 {
	text-align:center;
}
body#contact .contact-form .formMail p.formOK {
	color:#fff;
	background-color:#c04b4b;
	padding:5px;
	font-weight:bold;
}
body#contact .contact-form .formMail p.formEchec {
	color:#fff;
	background-color:#f00;
	padding:5px;
	font-weight:bold;
}
body#contact .contact-form .formMail p.detail {
	color:#888;
	font-size:0.8em;
	line-height:1.2em;
}
body#contact .contact-form .formMail input,
body#contact .contact-form .formMail textarea,
body#contact .contact-form .formMail select {
	font-family:'Museo', sans-serif;
	font-size:14px;
	width:480px;
	border:2px solid #f2f2f2;
	padding:6px 4px;
	outline:none;
	color:#333;
	-webkit-appearance:none;
}
body#contact .contact-form .formMail input:focus,
body#contact .contact-form .formMail textarea:focus,
body#contact .contact-form .formMail select:focus {
	border:2px solid #333;
}
body#contact .contact-form .formMail tr.formChampEchec input,
body#contact .contact-form .formMail tr.formChampEchec textarea {
	border:2px solid #f00;
}
body#contact .contact-form .formMail textarea {
	height:80px;
}
body#contact .contact-form .formMail td {
	padding:2px 0;
}
body#contact .contact-form .formMail td.formLabel {
	width:160px;
	padding-top:8px;
	padding-right:10px;
	text-align:left;
	vertical-align:top;
}
body#contact .contact-form .formMail td.formChamp {
	width:500px;
}
body#contact .contact-form .formMail input.formBtn {
	font-family:'Museo', sans-serif;
	background-color:#080808;
	color:#fff;
	text-transform:uppercase;
	font-weight:bold;
	border:0;
	width:120px;
	margin:20px auto 20px auto;
	cursor:pointer;
	display:block;
	padding:5px 10px 5px 10px;
	transition:all ease 250ms;
	-webkit-transition:all ease 250ms;
	-moz-transition:all ease 250ms;
	-ms-transition:all ease 250ms;
}
body#contact .contact-form .formMail input.formBtn:hover {
	background:#c04b4b;
	color:#fff;
}
body#contact .contact-form .formMail img.captcha {
	vertical-align:middle;
	margin:0 5px 0 0;
	width:80px;
}
body#contact .contact-form .formMail tr.formMail_tr-captcha td.formChamp span {
	font-size:0.8em;
	margin:0 5px 0 0;
}
body#contact .contact-form .formMail tr.formMail_tr-captcha td.formChamp input {
	width:30px;
}

@media screen and (max-width: 1280px) {
	.container {
		width:980px;
	}
	header {
		height:640px;
	}
	header nav ul li {
		margin: 0 10px;
		font-size:1.2em;
	}
	section .col2 {
		width:470px;
	}
	section .col3 {
		width:300px;
	}
	section .row.row-title .row-img {
		min-width: 500px;
		max-width: 500px;
	}
	section .row.row-title .row-img > img {
		border-top-right-radius: 0;
		border-bottom-right-radius: 0;
	}
}
@media screen and (max-width: 1040px) {
	.animation {
		animation:none !important;
		-webkit-animation:none !important;
		-moz-animation:none !important;
		-ms-animation:none !important;
	}
	.parallaxe {
		top:0 !important;	
	}
}
@media screen and (max-width: 1020px) {
	.container {
		width:100%;
		padding-left:20px !important;
		padding-right:20px !important;
		box-sizing:border-box;
	}
	header {
		height:520px;
	}
	body.chapeau header {
		height:640px;
	}
	header .logo {
		top:100px;
	}
	header nav ul li {
		margin:0 3px;
		font-size:1em;
	}
	header .bg > .bg-controls .bg-btn-nav {
		display:none;
	}
	section .row.row-title {
		height: auto;
	}
	section .row.row-title .row-content > * {
		margin: 10px 0 !important;
	}
	section .row.row-title .row-content {
		width: auto;
		padding: 30px;
	}
	section .row.row-title .row-img {
		min-width: 420px;
		max-width: 420px;
	}
	section .col2,
	section .col3 {
		width:100%;
		float:none !important;
		margin-left:0 !important;
		margin-right:0 !important;
	}
	section article.quote {
		margin:25px 0;
		background-image:none;
	}
	section .bloc-bg {
		margin:60px 0 0 0;
		background:none !important;
	}
	section .bloc-bg img.img-carte {
		display:block;
		margin:30px auto 0 auto;
		width:100%;
		max-width:240px;
	}
	section article.carte .carte-item {
		margin:20px 0;
		min-height:inherit;
	}
	section .menu {
		margin-bottom:40px !important;
		width:100% !important;
	}
	section .menu:last-child {
		margin-bottom:0 !important;	
	}
	section .menu + .menu,
	section .carte,
	section .bloc-bg + .bloc-bg .menu:first-child {
		padding-top:60px;
		border-top:1px dashed #ddd;
	}
	section .carte > .menu {
		padding-top: 0 !important;
		border: 0 !important;
	}
}
@media screen and (max-width: 720px) {
	.container {
		padding-left:15px !important;
		padding-right:15px !important;
	}
	header {
		height:inherit !important;
		padding:40px 0 20px 0;
	}
	header .important {
		display:none;
	}
	body.chapeau header {
		padding-bottom:60px;
	}
	header .logo {
		position:relative;
		display:block;
		top:inherit;
		left:inherit;
		margin:0 auto;
		padding:0 20px;
		width:100%;
		max-width:400px;
		box-sizing:border-box;
	}
	header .bg > .bg-items div[data-item='1'] { background-image:url(../img/tpl/headers/bg-1_mobile.jpg); }
	header .bg > .bg-items div[data-item='2'] { background-image:url(../img/tpl/headers/bg-2_mobile.jpg); }
	header .bg > .bg-items div[data-item='3'] { background-image:url(../img/tpl/headers/bg-3_mobile.jpg); }
	body#bar header .bg > .bg-items div[data-item='1'] { background-image:url(../img/tpl/headers/bg-4_mobile.jpg); }
	body#bar header .bg > .bg-items div[data-item='2'] { background-image:url(../img/tpl/headers/bg-5_mobile.jpg); }
	body#bar header .bg > .bg-items div[data-item='3'] { background-image:url(../img/tpl/headers/bg-6_mobile.jpg); }
	body#restaurant header .bg > .bg-items div[data-item='1'] { background-image:url(../img/tpl/headers/bg-7_mobile.jpg); }
	body#restaurant header .bg > .bg-items div[data-item='2'] { background-image:url(../img/tpl/headers/bg-8_mobile.jpg); }
	body#restaurant header .bg > .bg-items div[data-item='3'] { background-image:url(../img/tpl/headers/bg-9_mobile.jpg); }
	body#carte header .bg > .bg-items div[data-item='1'] { background-image:url(../img/tpl/headers/bg-10_mobile.jpg); }
	body#carte header .bg > .bg-items div[data-item='2'] { background-image:url(../img/tpl/headers/bg-11_mobile.jpg); }
	body#carte header .bg > .bg-items div[data-item='3'] { background-image:url(../img/tpl/headers/bg-12_mobile.jpg); }
	body#groupes header .bg > .bg-items div[data-item='1'] { background-image:url(../img/tpl/headers/bg-13_mobile.jpg); }
	body#groupes header .bg > .bg-items div[data-item='2'] { background-image:url(../img/tpl/headers/bg-14_mobile.jpg); }
	body#groupes header .bg > .bg-items div[data-item='3'] { background-image:url(../img/tpl/headers/bg-15_mobile.jpg); }
	body#contact header .bg > .bg-items div[data-item='1'] { background-image:url(../img/tpl/headers/bg-16_mobile.jpg); }
	body#contact header .bg > .bg-items div[data-item='2'] { background-image:url(../img/tpl/headers/bg-17_mobile.jpg); }
	body#contact header .bg > .bg-items div[data-item='3'] { background-image:url(../img/tpl/headers/bg-18_mobile.jpg); }
	header nav {
		position:absolute !important;
		top: 180px;
		left: 0;
		right: 0;
		z-index: 1000;
		margin:30px 10px 0 10px;
		bottom:inherit !important;
	}
	header nav #btn-nav {
		display:block;
		margin:0 0 0 auto;
		width:70px;
		padding:6px 10px;
		font-size:1.3em;
		font-weight: bold;
		background:#080808;
		color:#fff;
		text-align:center;
		cursor:pointer;
	}
	header nav.on #btn-nav {
		background:#c04b4b;
	}
	header nav ul {
		display:none;
		border-radius: 20px;
		border-top-right-radius: 0;
		padding: 15px;
		background:#c04b4b;
	}
	header nav.on ul {
		display:block;
	}
	header nav ul li {
		display:block;
		margin:0;
		width:100%;
		font-size:1.2em;
	}
	header nav ul li a {
		display:block;
		padding:10px 0;
		background:#c04b4b;
		border-radius:0;
	}
	header nav ul li.on a {
		background-color:#080808;
	}
	body > .important {
		font-size:0.9em;
	}
	section {
		padding:30px 0 50px 0;
	}
	section .row.row-title {
		margin-top:60px;
		height:inherit;
		display: block;
	}
	section .row.row-title .row-content {
		width:100%;
		box-sizing:border-box;
		padding:40px 20px;
	}
	section .row.row-title .row-content a {
		display:inline-block;
		margin:5px 0;
		padding:5px 10px;
		line-height:1em;
		background:#fff;
		color:#333;
	}
	section .row.row-title .row-img {
		min-width: 100%;
		max-width: 100%;
	}
	section .row.row-title .row-img > img {
		border-bottom-left-radius: 20px;
		border-bottom-right-radius: 20px;
	}
	section article.quote {
		padding:5px 12px;
	}
	section .menu {
		margin:0 0 30px 0;
	}

	/* Contact */
	body#contact section .row .row-img {
		height:300px;
	}
	body#contact .contact-form {
		display:none;
	}
}