/*
Theme Name: 
Theme URI: 
Description:  Theme
Version: 1.0
Author: MASHVP merci
Author URI: 
*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{
	margin: 0;
	padding: 0;
	outline-color: #222;
}
table{ border-collapse:collapse; border-spacing:0;}
fieldset,img{ border:0;}
address,caption,cite,code,dfn,var{ font-style:normal; font-weight:normal;}
ol,ul{ list-style:none;}
caption,th{ text-align:left;}
h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:normal;}
q:before,q:after{ content:'';}
abbr,acronym{ border:0;}

body,button,input,select,textarea{ color:#333; font-family:Arial,Verdana,sans-serif; font-size:12px; line-height:16px;}

/* Balises block */
.post-content h1{ }
.post-content h2{ }
.post-content h3{ }
.post-content h4{ }
.post-content h5{ }
.post-content h6{ }
.post-content p{ }
.post-content ul{ }
.post-content ol{ }
.post-content blockquote{ }
.post-content pre{ }
.post-content address{ }
.post-content address{ }

/* Balises inline */
.post-content strong{ }
.post-content em{ }
.post-content acronym{ }
.post-content code{ }
.post-content del{ }
.post-content ins{ }

/* Classes des images */
.alignleft{ display:inline; float:left;}
.aligncenter{ clear:both;	display:block; margin-left:auto; margin-right:auto;}
.alignright{ display:inline; float:right;}
.size-auto{ }
.size-medium{ }
.size-large{ }
.size-full{ }
.wp-caption{ }
.wp-caption img{ }
.gallery{ }
.gallery .gallery-item{ }





/* MASHVP CODE */

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }


* { outline-width: 0; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; -o-font-smoothing: antialiased; -ms-font-smoothing: antialiased; font-smoothing: antialiased; }
* img { border: 0; }
::-moz-selection { background: #ccc; color: #333; }
::selection { background: #ccc; color: #333; }
.clear { clear: both; font-size: 1px; line-height: 0; }

html,body {
	width: 100%;
	height: 100%;
}

body {
	position: relative;
	width: 100%;
	height: 100%;
	font-family: 'Ledger', serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 20px;
	background: #000;
	color: #fff;
	/* overflow-x: hidden; */
}
a { color: #fff; }
header {
	position: relative;
	width: 100%;
	background: #000;
	height: 115px;
	top: 0; 
	z-index: 998;
}
.headerfixed { position: fixed; bottom: 0; }

img.logo { position: relative; left: 60px; top: 30px; width: 155px; cursor: pointer; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.2s ease-out; }
img.logo:hover { opacity: 0.3; }

nav {
	position: absolute;
	font-size: 11px;
	top: 48px;
	left: 30%;
	background: #000;
}


nav a { display: inline-block; padding: 0 20px 0 20px; cursor: pointer; text-decoration: none; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; -o-font-smoothing: antialiased; -ms-font-smoothing: antialiased; font-smoothing: antialiased; }
nav a:hover { color: #999; }

@media (min-width: 568px) and (max-width: 800px) {
	nav { left: 40%; }
	nav a { padding: 0 10px 0 10px; }
}
@media (max-width: 670px) {
	header {height:134px;}
	header nav { border-bottom: 1px solid #555; }
	header nav {
		width: 100%;
		left: 0;
		top: -35vh;
	}
	header nav a:first-child {
		padding: 12px 0 20px 0;
	}
	header nav a:last-child {display: none;}
	header nav a {
		display: block;
		padding: 0 0 20px 0;
		text-align: center;
	}
	img.logo {
		top: 5vh;
		left: 50%;
		margin-left: -78px;
	}
}

#intro {
	position: relative;
	width: 100%;
	top: 0;
	/* overflow: hidden; */
	z-index: -1;
}

#intro img { position: absolute; width: 100%; opacity: 0; bottom: 0; }
#intro img:first-child { opacity: 1; }






.mac {
	position: relative;
	width: 100%;
	background-color: #000000;
}

.hiter {
	padding-top: 0px;
	padding-bottom: 0px;
}


.lower {
	padding-top: 550px;
	padding-bottom: 300px;
}

.mac #la-carte {
	position: absolute;
	top: 0;
	background-image: url(../images/menu-image1.jpg);
	padding: 100px;
}
.mac .la-carte-prix {
	position: absolute;
	right: -2px;
	padding-right: 100px;
	text-align: right;
	top: 6px;
	z-index: 888;
	height: 256px;
	width: 364px;
}
.top300 { top: 500px !important; }

.mac .la-carte-prix .description {
	float: right;
	width: 300px;
	color: #FFF;
	text-align: left;
	text-shadow: 2px 2px 1px #000;
}

.mac .la-carte-prix span { display: inline-block; background: #fff; color: #000; padding: 10px; font-size: 30px; }

.col {
	display: inline-block;
	width: 350px;
	vertical-align: top;
	margin-right: 0px;
	padding-right: 15px;
}

#partenaires .marginright40 { margin-right: 40px; }

.mac img {
	display: block;
	width: 100%;
}

h1 { font-size: 60px; margin-bottom: 50px; line-height: 55px; }
.hr { width: 100px; border-top: 1px solid #fff; margin-bottom: 50px; }

@media (max-width: 500px) {
	.mac { padding-top: 1150px; }
	h1 { font-size: 30px; line-height: 32px; }
	.col { display: block; width: 240px; margin-right: 0; }
	.mac #la-carte { padding: 40px; }
	.mac .la-carte-prix { padding-top: 222px; padding-right: 30px; }
	.top300 { top: 800px !important; }
	.mac .la-carte-prix .description { width: 280px; }
	.hr { width: 50px; margin-bottom: 30px; }

	.macc {
	padding-top: 350px;
}
	#partenaires { line-height: 100px; }
	#partenaires a { display: block; }
	#partenaires .marginright40 { margin-right: 0; }
	.prix2 { padding-top: 32px !important;}
	
}



.centre { position: relative; text-align: center; }
.centre img { max-width: 90%; }

h2 { margin: 0; padding-top: 20px; font-size: 40px; line-height: 44px; color: #fff; font-family: 'Montserrat', sans-serif; font-weight: 700; }
h4 { margin: 0; padding-top: 40px; font-size: 14px; color: #fff; font-family: 'Montserrat', sans-serif; }


.col-form { display: inline-block; width: 250px; vertical-align: top; }
.col-form img { width: 200px; }

.hrr { margin: 60px 0 0px 0; border-top: 1px solid #fff; }

.sandwich {
	position: relative;
	float: left;
	width: 50%;
}

#tampon-mac {
	padding: 100px;
	position: absolute;
	top: 0;
}


.map-canvas {
	text-align: center;
	background: #222;
	color: #fff !important; /* padding-top: 50px; */
	padding-bottom: 50px;
	width: 100%;
	margin-top: 0px;
}
.map-canvas h2 {padding-bottom: 20px; padding-top: 50px;}
.map-canvas .separator { height: 20px; width: 100%; }
.map-canvas .midi {
	height: auto;
}
.map-canvas .jour { float: left; text-align: left; width: 13%; margin-right: 2%; padding: 20px 0 20px 0; border-bottom: 1px solid #777; }
.map-canvas .jour4 { height: 430px; }
.map-canvas .lundi { margin-left: 15%; }
.map-canvas .title-small {
  font-family: 'Helvetica', sans-serif;
  margin-bottom: 10px;
  font-weight: 700;
  font-size: 13px;
  margin-top: 15px;
}
.map-canvas .vendredi { margin-right: 10%; }
.map-canvas .jour h1 { font-size: 16px; margin-bottom: 0; }
.map-canvas .jour p { font-size: 12px; }
.map-canvas .jour a {text-decoration: none;}
.map-canvas .jour a:hover {text-decoration: underline;}
.sandwich > div h5 { font-family: 'Montserrat', sans-serif; font-size: 22px; margin-bottom: 10px; }
.sandwich img { width: 100%; }


#mentions { position: absolute; text-align: right; font-size: 9px; width: 98%; top: 120px; line-height: 11px; }


@media (max-width: 500px) {
	.map-canvas .jour { float: none; width: 100%; height: auto; padding: 20px; }
	.sandwich { float: none; width: 100%; }
	#tampon-mac { padding: 30px; }
	.map-canvas .lundi { margin-left: 0%; }
	.map-canvas .vendredi { margin-right: 0%; padding: 20px 0 0 20px; border-bottom: 0; }
	h2 { font-size: 20px; line-height: 24px; }
	h4 { font-size: 12px; margin: 0; margin: 0 0 -20px 0; }
	.col-form { margin-bottom: 30px; }
	.sandwich > div h5 { font-size: 16px; margin-bottom: 0; }
	.sandwich { padding-top: 170px; }
	.itineraire { padding-top: 0; }
	#tampon-mac h1 { padding-top: 20px; }
	.colfin { margin-bottom: 20px; }
	#mentions { width: 98%; top: -70px; text-align: center; }
	#mentions i { display: block; color: #000; }
}

.sandwich > div {
	position: absolute;
	top: 0;
	z-index: 888;
	padding: 20px 0 0 20px;
	font-size: 14px;
}




.sandwich span { margin-top: 10px; display: inline-block; padding: 4px 7px 4px 7px; background: #fff; color: #000; }

.pad { padding: 100px 100px 30px 100px; }






#contact { position: absolute; padding: 100px; top: 0; width: 80%; }

.mactampon { height: 800px; background: url(img/tampon-mac.jpg) 0 50% no-repeat; background-attachment: fixed; background-size: cover; }
.macontact { height: 1000px; background: url(img/sac-footer.png) 0 50% no-repeat; background-attachment: fixed; background-size: cover; }

input[type="text"] { font-family: 'Ledger', sans-serif; font-size: 18px; color: #fff; display: inline-block; border: 0; width: 100%; border-bottom: 1px solid #fff; background: none; }
.l1 { float: left; clear: both; width: 45%; margin-right: 4%; }
.l2 { float: left; width: 45%; }
textarea { background: none; border: 0; border: 1px solid #fff; width: 94%; height: 130px; margin-top: 20px; color: #fff; padding: 15px; font-family: 'Ledger', sans-serif; font-size: 20px; }
input[type="submit"] { cursor: pointer; border: 0; border: 1px solid #fff; margin-top: 20px; padding: 20px 30px 20px 30px; background: #fff; font-size: 20px; font-family: 'Ledger', sans-serif; }
input[type="submit"]:hover { background: none; color: #fff; }


@media (max-width: 500px) {
	#contact { padding: 10px; width: 100%; }
	.l1 { float: none; clear: both; width: 100%; margin-right: 4%; }
	.l2 { float: none; width: 100%; }
	input[type="text"] { font-size: 12px; }
	textarea { width: 94%; height: 130px; margin-top: 20px; padding: 15px; font-size: 13px; }
	input[type="submit"] { margin-top: 20px; padding: 20px 30px 20px 30px; font-size: 13px; }
	
	.mactampon { height: 1200px;  }
	#contact h1 { padding-top: 20px; }
}




#partenaires { padding-top: 40px; width: 100%; }
#partenaires img { opacity: 0.4; }
.marginright40 { margin-right: 40px; }
#partenaires img:hover { opacity: 1; }








header #social-pages { position: absolute; top: 50px; right: 65px; }

#social-pages a {
	display: inline-block;
	height: 18px;
}


.social-pages-f { width: 20px; margin-right: 20px; background: url(img/sprite-social.png) 10px 0 no-repeat; background-size: 52px 35px; }
.social-pages-t { width: 18px; margin-right: 17px; background: url(img/sprite-social.png) -14px 0 no-repeat; background-size: 52px 35px; }
.social-pages-i { width: 25px; background: url(img/sprite-social.png) -34px 0 no-repeat; background-size: 52px 35px; }
.social-pages-f:hover { background: url(img/sprite-social.png) 10px -18px no-repeat; background-size: 52px 35px; }
.social-pages-t:hover { background: url(img/sprite-social.png) -14px -18px no-repeat; background-size: 52px 35px; }
.social-pages-i:hover { background: url(img/sprite-social.png) -34px -18px no-repeat; background-size: 52px 35px; }


@media (max-width: 920px) { header #social-pages { display: none; } }





#chargeur {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: #000 url(img/les-mecs-au-camion-blason-burger-mac.png) 50% 50% no-repeat;
	background-size: 100px;
	z-index: 9999;
}

#chargeur > div {
	position: absolute;
	display: block;
	bottom: 0;
	width: 0;
	height: 10px;
	background: #fff;
}

@media (max-width: 600px) { #chargeur { display: none; } }






#now {
	position: absolute;
	width: 100%;
	line-height: 50px;
	height: 50px;
	background: #222;
	bottom: 115px;
	text-align: center;
}


a#b-planning {
	position: absolute;
	display: block;
	top: 40%;
	right: 50px;
	width: 230px;
	overflow: hidden;
	z-index: 998;
	-webkit-transition-duration: 0.2s;
}

a#b-planning img:first-of-type { width: 230px; }
a#b-planning img:last-of-type { width: 46px; }

a#fermer-planning {
	position: absolute;
	top: 30px;
	right: 30px;
	text-decoration: none;
	font-size: 50px;
	display: none;
	opacity: 0.3;
	transition-duration: 0.4s;
}

#volet-planning {
	position: absolute;
	background: #fff;
	width: 0;
	min-height: 100%;
	right: 0;
	z-index: 999;
	font-size: 13px;
	overflow: hidden;
	color: #000;
}

#volet-planning > div {
	padding: 35px 70px 20px;
}

#volet-planning h3.post-title {
	background: none;
	color: #000 !important;
	display: inline-block;
	padding: 0;
	margin-bottom: 15px;
	text-decoration: none;
	text-transform: uppercase;
}

#volet-planning a { color: #000; }


h3.post-title {
	background: #fff;
	color: #000 !important;
	display: inline-block;
	padding: 4px 10px 4px 10px;
	margin-bottom: 10px;
	text-decoration: none;
}


.post-excerpt {
	font-size: 13px;
}

#volet-planning .post {
	margin-top: 52px;
}

@media (min-width: 1025px) {
	a#b-planning:hover {
		-webkit-transform: scale(1.1);
	}
	a#fermer-planning:hover {
		opacity: 1;
	}
}

@media (max-width: 540px) {
	#intro img { bottom: auto; top: 0; }
	a#b-planning { top: 15% }
}

@media (max-width: 600px) {
	#volet-planning > div { margin-top: 70px; padding: 00px; }
	#volet-planning img { max-width: 280px; }

	.go_vegan{font-size: 31px !important}
	.vegan br{display:none;}
	.oublie{line-height: 38px;}

	.table { padding-right: 8px; }

	.td {padding: 12px 5px !important; font-size: 10px !important; line-height: 16px ;}
	.td:first-child {padding: 2px !important; }

	.td .small { display: none; }
}


h6 {
	display: inline-block;
	color: #777;
}








.table {
    display: table;
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #444;
}

.tr {
    display: table-row;
    border-top: 1px solid #444;
}

.tr.first { font-weight: 700 }

.td {
    display: table-cell;
    padding: 20px;
    vertical-align: middle;
}
.td:first-of-type {
	font-family: helvetica !important;
	font-size: 10px;
	line-height: 12px;
}

.td .small { margin-top: 13px; font-size: 9px !important; line-height: 14px; font-family: helvetica !important }

.td a {
	text-decoration: none;
}

.td p { font-size: 11px !important; line-height: 13px }



/* update 180410 volet planning */
.tr.night {
	background: #1A1A1A;
	border: 1px solid #1A1A1A;
	color: #fff;
}

.tr.night a { color: #fff !important; }

.ib { display: inline-block; padding-left: 11px; }
.tel { font-size: 10px; }
.help {
  text-align: right !important;
  margin-top: 4px;
}



.mobile { display: none; }

@media (max-width: 1318px) {

	#volet-planning > div { padding: 35px 40px 20px; }
	
}

@media (max-width: 1190px) {
	.td { padding: 20px 10px; }
	.td:last-of-type { width: 44%; }
	.ib { display: block; padding-left: 0; padding-top: 7px; }
}

@media (max-width: 1024px) {
	a#fermer-planning { display: inline; }
}

@media (max-width: 767px) {
	.tr { padding: 10px; }
	.td { display: inline-block; vertical-align: bottom; padding: 10px 20px !important; }
	.td:first-child { display: inline-block; width: 45%; vertical-align: bottom; padding: 20px 20px 10px !important; margin-right: 10px; }
	.td:last-child { display: block; padding: 10px 20px 20px !important; }

	#volet-planning > div { margin-top: 0; padding: 35px 30px 20px; }
	.nomobile { display: none !important; }
	.mobile { display: block; }

	#violet-planning img {
		width: 100%;
    height: auto;
	}

	a#b-planning {
		right: 1px;
		width: 50px;
		border: 2px solid #fff;
	}

	.help { font-size: 9px; }

}










/* Updates 08102015 */

.mac #la-carte {
	width: 100%;
	background-size: cover;
	background-image: url(../images/about-imae.jpg);
	background-repeat: no-repeat;
	background-position: center;
} 
.top300 { top: 650px !important; }
.maprivatisation { background: url(img/privatisation.jpg) center no-repeat; background-size: cover; overflow: hidden; min-height: 100vh;padding-top:0;}
#privatisation { padding: 100px; position:relative;z-index:2;}

.slider_back{position:absolute;width:100%;height:100%;background:#000;z-index:1;}
.slider_back > div{position:absolute;width:100%;height:100%;opacity:0.4;}
.slider_back > div.pas_courant{transform:translateX(100%);-webkit-transform:translateX(100%);-ms-transform:translateX(100%);}
.clear{
	position: relative;
	float: none;
	outline-color: #222;
	background-color: #222;
}

@media (max-width: 500px) {
	#privatisation{padding:50px 30px 30px 30px !important;}
	#contact{padding:30px;}
	.macontact{height:730px;padding-top:0;}
	.vegan{padding-top:0;}
	.sandwich2{padding-top:90px;}
	.map-canvas .jour{padding:20px 30px;}
	.map-canvas{padding-bottom: 30px; }
	input, textarea{border-radius:0;appearance: none;-moz-appearance: none;-webkit-appearance:none;}
}


/* Update lien post volet */

.post-excerpt a {
	display: block;
	text-decoration: none;
	cursor: pointer;
}




/* Update dessert */
.cookie { width: 1273px; }


/* Le bandeau cookie */
.cookies .wrapper {text-align: center;}
.cookies {
	position: fixed; top: 0; left: 0; z-index: 888; width: 100vw; background: #222222; padding: 7px; font-size: 10px;
	display: flex; align-items: center; transform: translateY(0%); transition: 0.15s; display: none; line-height: 1.5;
}
.cookies.ok { transform: translateY(-100%); }
.cookies a.readMore { text-decoration: underline; }
.cookies a.cookies__ok { font-size: 10px; margin-left: 1px; }


@media screen and (max-width: 767px) {
	.cookies a.readMore { margin-right: 20px; }
	.cookies a.cookies__ok { position: relative; display: inline-block; left: 0; }
}


/* Recrutement */
.recrutement {padding:100px; }
.recrutement h2{ font-family: 'Ledger', serif; font-size: 22px; font-weight: 400; margin-right: 200px; margin-bottom: 10px; }
.recrutement .recrutement__intro { width: calc(50% - 3px); display: inline-block; vertical-align: middle; font-size: 22px; line-height: 34px; }
.recrutement .recrutement__link { width: calc(50% - 3px); display: inline-block; vertical-align: middle; }
.recrutement .hr { max-width: 507px; width: 50%; margin-top: 10px; }
.recrutement input{ margin-top: 35px; max-width: 100%; }
.job-description p { width: 50%; margin-bottom: 50px; font-size: 12px; max-width: 472px; }

@media (max-width: 500px) {
	.recrutement{padding:30px;}
	.job-description p{width:100%;}
	.recrutement h2{width:100%;}
	.recrutement .hr { max-width: 100%; width: 100%; margin-top: 10px; }
	.recrutement .recrutement__intro, .recrutement .recrutement__link { width: 100%; }
	.recrutement .recrutement__intro { font-size: 20px; line-height: 28px; }
	}

@media (min-width: 568px) and (max-width: 800px) {	
	#intro {height: 440px !important;}
	a#b-planning{top:30% !important;}
	}

/* Legal */
#rgpd{padding: 100px;}
#rgpd h2{margin-bottom: 20px; font-size: 30px;}
#rgpd p{line-height: 2;}
#rgpd a:hover{color:#ccc;}
.rgpd-data{text-decoration: underline;}








/* UPDATES 18 11 27 - MÉLANIE */
.jour.weekend { float: none; display: inline-block; clear: both; margin-top: 30px; }

@media (max-width: 900px) and (min-width: 500px){
	.map-canvas h2 { max-width: 80%; margin: 0 auto; }
	.map-canvas .jour { width: 33%; }
	.map-canvas .jour:nth-of-type(3), .map-canvas .jour:nth-of-type(5) { margin-left: 15%; }
	.jour.weekend { float: left; clear: none;}
}
.mac.macc .la-carte-prix.inviiewww.prix2 .description p {
	text-align: left;
}
.whitefab {
	color: #FFF;
}