@charset "utf-8";
@import url(gallery.css);
@import url('https://fonts.googleapis.com/css?family=Pacifico|Roboto:300,400,700|Roboto+Condensed:700');
/* Designé par défaut pour un format > 960px */
@media only screen and (max-width: 979px){ /* < 960px */ }

/*===============================*\
#    INITIALISATION DES STYLES    #
\*===============================*/
*{box-sizing:border-box;}
html,body,div,span,object,iframe,
footer,header,hgroup,menu,nav,section,summary,
article,aside,canvas,details,figcaption,figure,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,
del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,
dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,table:not(.defaut) td,
time,mark,audio,video{
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;}
html{
	font-size:62.5%;
	text-size-adjust: 100%;
	-moz-text-size-adjust : 100%;
	-webkit-text-size-adjust : 100%;
	-ms-text-size-adjust : 100%;
}
body{
	background:#f4f1e6;
	color:#111;
	font-family:Roboto,Arial,sans-serif;
	font-size:1.6rem;
	overflow-x:hidden;
	/*-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;*/
	line-height:1.6;}
#page{
	overflow-x:hidden;
	width:100%;
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{
	content:'';
	content:none;}
sup{
	font-size:.8em;
	line-height:1;
	vertical-align:super;}
strong{font-weight:700;}
h1{
	background:url('/images/design/motif.svg') repeat center center #f6aa19;
	background-size:12rem 12rem;
	display:flex;
	font-family:Pacifico,cursive;
	color:#fff;
	font-size:3.8rem;
	line-height:1;
	font-weight:400;
	justify-content:center;
	text-align:center;
	min-height:8rem;
	padding:2rem 0;
	flex-wrap:wrap;
	align-items:center;
	position:relative;
	left:50%;
	width:100vw;
	transform:translateX(-50%);
}
h2{
	margin:4rem 0 1rem 0;
	font-family:'Roboto Condensed',Roboto,sans-serif;
	font-size:3rem;
	font-weight:700;
	color:#5e6c8d;
}
h3{
	margin:3rem 0 1rem 0;
	font-family:'Roboto Condensed',Roboto,sans-serif;
	font-size:2rem;
	font-weight:700;
}
h1 > a, h2 > a, h3 > a,
h4 > a, h5 > a, h6 > a{
	color:inherit;
	text-decoration:none;
	text-align:center;
}
p{margin:1rem 0;}
a{
	margin:0;
	padding:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
	color:#5e6c8d;
}
ul{padding:0 0 0 1.5em;}
abbr[title],dfn[title]{
    border-bottom:1px dotted #ccc;
    cursor:help;}
table{
    border-collapse:collapse;
    border-spacing:0;}
table.structure{
	border-collapse:separate;
	border-spacing:0;
	margin:0;
	width:100%;
	border:none;}
table.structure td{
	vertical-align:top;
	padding:0;
	border:none;}

table.tableau td{
	border:0.1rem solid rgba(0,0,0,0.2);
	padding:1rem 2rem;
}
table.marges td{
	border:none;
	padding:1rem 2rem;
}
@media only screen and (max-width: 979px){
	table.tableau,
	table.marges,
	table.defaut,
	table.tableau tbody,
	table.marges tbody,
	table.defaut tbody
	table.tableau tr,
	table.marges tr,
	table.defaut tr,
	table.tableau td,
	table.marges td,
	table.defaut td{display:block;}
}

.widget.hidden{display:none;}

img{
	border:0;
	vertical-align:bottom;
	max-width:100%;
	height:auto;}
.map img{max-width:inherit;}
.clear{
	clear:both;
	border:none;
	width:0;
	height:0;
	line-height:0;
	margin:0;
	padding:0;
	visibility:hidden;
	overflow:hidden;}
.container{
	position:relative;
	width:300px;
	margin:0 auto;
	max-width:100%;}
#overDiv{left:0;top:0;}
.pager{
	text-align:center;
	margin:2rem auto;
	width:calc(100% - 6rem);
	max-width:40rem;
}
.pager a{
	display:inline-block;
	vertical-align:middle;
	background:#fff;
	text-align:center;
	padding:.5rem;
	min-width:3.5rem;
	text-decoration:none;
	margin:0 0 0.25em 0;
	transition:0.3s ease-out;
	transition-property:color,background-color;
}
.pager a.pager_active_page,
.pager a:hover,
.pager a:active{
	color:#fff;
	background:#5e6c8d;
}
.deux_colonnes{
	display:flex;
	flex-direction:column;
	flex-wrap:wrap;
}
@media only screen and (min-width:601px){
	.deux_colonnes{
		flex-direction:row;
		flex-wrap:nowrap;
		align-items:center;
		justify-content:space-between;
	}
	.deux_colonnes > *{
		flex:1 1 auto;
		min-width:20%;
	}
	.deux_colonnes > *:first-child{margin-right:3rem;}
}

/* Formulaires */
label{
	display:block;
	margin:5px 0;
	color:#5e6c8d;
	font-weight:300;
	font-size:1.5rem;
}
label .obligatory{color:#9d0d1c;}
input, .select, textarea{
	border-radius:0.5rem;
	background:#fff;
	border:none;
	text-align:left;
	width:auto;
	font-family:Roboto,Arial,sans-serif;
	font-size:1em;
}
input[type="text"],
input[type="email"],
input[type="mail"],
input[type="tel"],
input[type="number"],
input[type="url"],
input[type="search"],
input[type="password"],
input[type="date"]{
	height:3rem;
	line-height:3rem;
	padding:0 1rem;
	width:100%;
	-webkit-appearance:none;
	display:inline-block;
	vertical-align:middle;
	margin:0;}
input[type="submit"],
input[type="button"],
input[type="reset"],
a.bouton{
	display:inline-block;
	width:100%;
	background:#77b71c;
	color:#fff;
	font-weight:400;
	border:none;
	font-size:1.8rem;
	line-height:2rem;
	vertical-align:middle;
	padding:1.5rem 2rem;
	text-decoration:none;
	cursor:pointer;
	border-radius:0;
	margin:1rem auto;
	text-transform:uppercase;
	text-align:center;
	-webkit-appearance:none;
}
input[type="submit"]:first-child,
input[type="button"]:first-child,
input[type="reset"]:first-child,
a.bouton:first-child{margin-left:0;}
input[type="submit"]:last-child,
input[type="button"]:last-child,
input[type="reset"]:last-child,
a.bouton:last-child{margin-right:0;}
input[type="submit"]:hover,
input[type="submit"]:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
a.bouton:hover,
a.bouton:focus{}
.select{
    overflow:hidden;
    padding:0;
    width:100%;
	height:3rem;
	position:relative;}
.select select{
	display:block;
	background:none repeat scroll 0 0 transparent;
    border:medium none;
    margin:0;
    min-width: calc(100% + 3rem);
	min-height:3rem;
	line-height:3rem;
    position:relative;
	padding:0 1rem;
	font-family:Roboto,Arial,sans-serif;
	font-size:1em;
	z-index:1;
	-webkit-appearance:none;}
.select:after{
	content:"";
	display:block;
	position:absolute;
	right:0;
	top:0;
	bottom:0;
	width:3rem;
	height:3rem;
	z-index:0;
	background:url('/images/design/icon-fleche.svg') no-repeat center center #454355;
	background-size:2rem 2rem;
}
.select select[multiple=multiple]{
	padding:0;
	background:#fff;
	width:100%;
	min-width:0;}
.select select option{
	padding:0.5rem 1rem;
	border-bottom:1px solid #ddd;
	line-height:3rem;
}
textarea{
	padding:1.2rem 1rem;
	width:100%;
	min-width:100%;
	max-width:100%;
	min-height:4rem;}
.formulaire form{
	max-width:50rem;
	margin:3rem auto;}
.formulaire form .row{margin:1rem 0;}
.formulaire form .row input,
.formulaire form .row .select{width:100%;}
.formulaire form .row textarea{
	width:100%;
	min-width:100%;
	max-width:500px;}
.formulaire form .row input[type="file"]{
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	height:4rem;
	box-sizing:content-box;
	width:calc(100% - .2rem);
	line-height:1;}
form .row .aide{
	border-left:.2rem solid #aaa;
	padding:.5rem 0 0 1rem;
	font-size:.8em;
	color:#222;}
form .row .aide.error{
	border-color:#f00;
	color:#f00;}
form .row .aide:first-child{padding:0 0 .5rem 1rem;}
form .row .aide > :first-child{margin-top:0;}
form .row .aide > :last-child{margin-bottom:0;}
.formulaire form .submit{text-align:center;}
.formulaire form .group_multi_radio .multi_radio{
	display:inline-block;
	vertical-align:top;
	margin:0 .5rem .5rem 0;}
.formulaire form .group_multi_radio .multi_radio label{
	background:#fff;
	padding:0.5rem 1rem;
	line-height:1.2;
	cursor:pointer;
	border:none;
	border-radius:0.5rem;
	display:inline-flex;
	align-items:flex-start;
	justify-content:flex-start;
}
.formulaire form .group_multi_radio .multi_radio label input{
	width:auto;
	margin:0.2em .5rem 0 0;
	padding:0;
	display:inline-block;
	vertical-align:baseline;}
.formulaire form .group_multi_radio .multi_radio label span{
	width:auto;
	margin:0;
	padding:0;
	display:inline-block;
	vertical-align:middle;}
.formulaire legend{
	font-size:2rem;
	font-weight:300;
	border-bottom:1px solid #ccc;
	display:block;
	width:100%;
	margin:3rem 0 0 0;
	padding:0 0 .5rem 0;
	text-align:center;}

/*============*\
#    PANIER    #
\*============*/
table.tabPanier{
	width:100%;
}
table.tabPanier tr.hasDiscount .normalPrice{
	text-decoration:line-through;
	font-size:0.8em;
}

/*============*\
#    HEADER    #
\*============*/
.cc-cookies{
	position:static;
	text-align:center;
	padding:.5rem;
	background:#000;
	color:#ccc;
	font-size:1.4rem;
}
.cc-cookies a{
	color:#ddd;
	transition:color 0.3s ease-out;
}
.cc-cookies a:hover,
.cc-cookies a:focus{color:#fff;}
.cc-cookies a.cc-cookie-accept{
	display:inline-block;
	text-decoration:none;
	padding:.5rem 1rem;
	background:#77b61d;
}
#header,
#homeRecherche #header{
	background:#5e6c8d;
	transition:background-color 0.3s ease-out;
	position:relative;
	z-index:3;
}
#header.active{background:#ebebeb;}
#blocLogoNav{
	display:flex;
	justify-content:space-between;
	align-items:center;
}
#logoHeader{
	width:calc(100% - 6rem);
	max-width:30rem;
	margin:2rem auto 2rem 0;
}
#logoHeader .toggleBLK{
	fill:#fff;
	transition:fill 0.3s ease-out;
}
#header.active #logoHeader .toggleBLK{fill:#111;}
#toggleNav{
	width:3rem;
	height:3rem;
	position:relative;
	cursor:pointer;
}
#toggleNav span{
	position:absolute;
	left:50%;
	top:50%;
	display:block;
	width:100%;
	height:15%;
	margin:-7.5% -50%;
	background:#fff;
	border-radius:.1rem;
	transform-origin:center center;
	transition:0.3s ease-out;
	transition-property:opacity, transform, background-color;
}
#toggleNav span:nth-child(1){transform:translateY(-200%) rotate(0deg) scaleY(1);}
#toggleNav span:nth-child(2){transform:translateY(0%) rotate(0deg) scaleY(1);}
#toggleNav span:nth-child(3){
	transform:translateY(200%);
	opacity:1;
}
#header.active #toggleNav span{background:#111;}
#header.active #toggleNav span:nth-child(1){transform:translateY(0%) rotate(-45deg) scaleY(0.6);}
#header.active #toggleNav span:nth-child(2){transform:translateY(0%) rotate(45deg) scaleY(0.6);}
#header.active #toggleNav span:nth-child(3){
	transform:translateY(200%);
	opacity:0;
}
#navHeader{display:none;}
#header .nested ul.firstLevel{
	list-style:none;
	border-top:1px solid #111;
	margin:0;
	padding:0.4rem 0;
}
#header .nested ul.firstLevel .lifirstLevel{
	margin:0;
	padding:0;
	position:relative;
}
#header .nested ul.firstLevel a{
	display:block;
	padding:0.6rem 0;
	color:#111;
	text-transform:uppercase;
	font-size:1.8rem;
	text-decoration:none;
	font-weight:700;
}
#header .nested ul.firstLevel .lifirstLevel ul.secondLevel{
	padding:0;
	list-style:none;
	text-align:left;
	border-left:0.2rem solid rgba(0,0,0,0.2);
}
#header .nested ul.firstLevel .lifirstLevel ul.secondLevel li{display:block;}
#header .nested ul.firstLevel .lifirstLevel ul.secondLevel li a{
	font-size:1.6rem;
	font-weight:400;
	padding:0.5rem 1.5rem;
}
@media only screen and (min-width: 1001px){
	.container{width:80%;}
	#navHeader{
		display:block;
		margin:0 3rem;
	}
	#header .nested ul.firstLevel{
		border-color:#fff;
		display:flex;
		justify-content:space-between;
		align-items:stretch;
	}
	#header .nested ul.firstLevel .lifirstLevel{
		margin:0 1rem;
		display:flex;
		align-items:center;
		justify-content:center;
		text-align:center;
	}
	#header .nested ul.firstLevel .lifirstLevel:first-child{margin-left:0;}
	#header .nested ul.firstLevel .lifirstLevel:last-child{margin-right:0;}
	#header .nested ul.firstLevel a{
		color:#fff;
		font-size:1.4rem;
	}
	#toggleNav{display:none;}
	#header .nested ul.firstLevel .lifirstLevel ul.secondLevel{
		display:none;
		position:absolute;
		left:-1.5rem;
		top:100%;
		width:calc(100% + 3rem);
		min-width:20rem;
		background:#f14742;
		border:none;
	}
	#header .nested ul.firstLevel .lifirstLevel ul.secondLevel li a{
		padding:0.5rem 1.5rem;
		font-size:1.4rem;
	}
}

/*===============*\
#    PAGE MENU    #
\*===============*/
#nomCantine{
	display:flex;
	align-items:center;
	justify-content:center;
	flex-direction:column;
	background:#77b71c;
	color:#fff;
	font-size:1.3rem;
	font-weight:300;
	line-height:1.2;
	padding:2rem 3rem;
	text-align:center;
}
#nomCantine h2{
	color:#fff;
	font-weight:700;
	font-size:1.8rem;
	text-transform:uppercase;
	margin:0;
}
#contentFormRestaurant .titreMenu{
	overflow:hidden;
	position:relative;
	text-transform:uppercase;
	color:#111;
	font-weight:300;
	margin:0 0 0.2rem 0;
}
#contentFormRestaurant .titreMenu::before{
	content:"";
	position:absolute;
	background:url('/media/radis01s__056727300_1257_04022019.png');
	transform-origin:center center;
	width:20rem;
	height:23.9rem;
	left:-10rem;
	top:-9rem;
	transform:rotate(30deg) scale(0.6);
	z-index:2;
	pointer-events:none;
}
#contentFormRestaurant .titreMenu .titre{
	text-align:center;
	font-weight:300;
	font-size:3rem;
	line-height:1;
	padding:2rem;
}
#contentFormRestaurant .navigationMenu{
	display:flex;
	position:relative;
	z-index:1;
	justify-content:space-between;
	align-items:stretch;
}
#contentFormRestaurant .navigationMenu a{
	background:#cbc8c0;
	margin:0;
	width:6rem;
	height:6rem;
	flex:0 0 auto;
	position:relative;
}
#contentFormRestaurant .navigationMenu a::before{
	content:"";
	position:absolute;
	left:50%;
	top:50%;
	transform-origin:center center;
	width:30%;
	height:30%;
	margin:-15%;
	border-left:0.2rem solid #fff;
	border-top:0.2rem solid #fff;
}
#contentFormRestaurant .navigationMenu a:first-child::before{transform:translate(20%) rotate(-45deg);}
#contentFormRestaurant .navigationMenu a:last-child::before{transform:translate(-20%) rotate(135deg);}
#contentFormRestaurant .navigationMenu .infosMenu{
	background:#fff;
	margin:0 0.2rem;
	display:flex;
	align-items:center;
	justify-content:center;
	flex-direction:column;
	flex:1 0 auto;
	line-height:1.2;
	font-size:1.3rem;
}
#contentFormRestaurant .navigationMenu .infosMenu div:first-child::before{
	content:"";
	background:url('/images/design/icon-semaine.svg') no-repeat center center;
	background-size:contain;
	width:3vh;
	height:3vh;
	min-width:1.8rem;
	min-height:1.8rem;
	display:inline-block;
	vertical-align:middle;
	margin:-0.3em 0.3em 0.3rem 0;
}

#menu{
	position:relative;
	overflow-x:hidden;
	width:100vw;
}
#navJours{display:none;}
#tabMenu{
	width:100%;
	border-collapse:collapse;
	border-spacing:0;
}
#tabMenu tr.tableHeader{
	background:#77b71c;
	border:none;
}
#tabMenu tr.tableHeader th{
	padding:1.5rem;
	text-transform:uppercase;
	font-size:2rem;
	font-weight:700;
}
#tabMenu tr.auvent th{
	position:relative;}
#tabMenu tr.auvent th::after{
	content:"";
	background:url('/images/design/auvent.svg') repeat-x center top;
	background-size:2rem 1.3rem;
	position:absolute;
	top:100%;
	height:1.3rem;
	left:0;
	right:0;
}
#tabMenu tr.bloc_animations_jours th:not(:empty){
	font-family:Pacifico,cursive;
	font-weight:400;
	font-size:2rem;
	line-height:1;
	color:#f14742;
	padding:2rem 0.5rem 0.5rem 0.5rem;
}
#tabMenu tr{border-bottom:1px solid #ddd;}
#tabMenu td{
	background:#fff;
	border:1px solid #bbb;
	padding:1rem;
	width:15%;
	text-align:center;
	font-size:1.4rem;
	font-weight:300;
	vertical-align:middle;
}
#tabMenu td:first-child{
	border-left-width:1px;
}
#tabMenu tr.lignesPlats:first-child td{padding-top:calc(2.3rem);}
#tabMenu .cellule_elem_repas img{display:none;}
#tabMenu .cellule_elem_repas img:first-child{
	display:block;
	margin:0 auto;
	width:6rem;
	height:4.285rem;
	font-size:0;
}
#tabMenu .caseplat > .inner{
	position:relative;
}
#tabMenu .caseplat .calquesPiliers > *{
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	opacity:0;
	z-index:-1;
	transition:opacity 0.3s ease-out, z-index 0s linear 0.3s;
	background:#fff;
}
#tabMenu .caseplat .calquesPiliers > .afficher{
	opacity:0.9;
	z-index:2;
	transition:opacity 0.3s ease-out, z-index 0s linear 0s;
}
#tabMenu .caseplat .gomettes_logos img,
#tabMenu .caseplat .conteneur_picto_groupe img{
	width:2rem;
	height:2rem;
	display:inline-block;
	vertical-align:middle;
	font-size:0;
}
#tabConseils{
	background:#fff;
	margin:0.2rem 0 0 0;
	padding:0 0 1rem 0;
	position:relative;
	line-height:1.2;
}
#tabConseilsIntro{
	color:#f04742;
	font-weight:700;
	font-size:1.6rem;
	text-transform:uppercase;
}
#tabConseilsIntro img{
	position:absolute;
	left:8%;
	width:10rem;
	height:11.5rem;
	top:50%;
	transform-origin:center center;
	transform:translate(-50%, -50%);
}
#tabConseilsIntro .titre{
	padding:1rem 1rem 0 calc(16.67% + 1rem);
}
#tabConseils table{
	width:100%;
	margin:1rem 0 0 0;
	border-collapse:collapse;
	border-spacing:0;
}
#tabConseils td{
	padding:0 1rem;
	width:15%;
	font-weight:300;
	font-size:1.4rem;
	border-left:1px solid #ddd;
}
#tabConseils td.vide{border:none;}
#bloc_pilier{
	display:none;
	/*display:flex;
	position:fixed;
	left:50%;
	bottom:0;
	z-index:3;
	width:100%;
	justify-content:center;
	transform:translate(-50%, 100%);
	transition:transform 0.3s ease-out;*/
}
#bloc_pilier.active{transform:translate(-50%, 0%);}
#bloc_pilier > *{
	/*padding:0 0.5rem;
	background:#fff;*/
}
@media only screen and (min-width:1250px){
	#zoneMenu{
		display:flex;
		align-items:stretch;
		justify-content:space-between;
	}
	#bloc_pilier{
		display:block;
		order:-1;
		flex:0 0 auto;
		margin:0;
		border-right:0.2rem solid #bbb;
	}
}

@media only screen and (max-width: 979px){
	#navJours{
		display:block;
		left:0;
		top:calc(50% - 2.5rem);
		right:0;
		z-index:9;
	}
	#navJours a{
		position:absolute;
		display:block;
		background:url('/images/design/icon-fleche.svg') no-repeat center top 1.1rem #2e460b;
		background-size:3rem 3rem;
		border-radius:50%;
		width:5rem;
		height:5rem;
		top:0.8rem;
		transform-origin:center center;
		opacity:1;
		z-index:5;
		cursor:pointer;
		transition:0.3s ease-out;
		transition-property:transform, opacity;
	}
	#navJours a:first-child{
		transform:translateX(0rem) rotate(90deg);
		left:0.8rem;
	}
	#navJours a:last-child{
		transform:translateX(0rem) rotate(-90deg);
		right:0.8rem;
	}
	#navJours a.off{opacity:0;}
	#navJours a.off:first-child{transform:translateX(-6rem) rotate(90deg);}
	#navJours a.off:last-child{transform:translateX(6rem) rotate(-90deg);}
	#tabMenu tr{
		display:flex;
		justify-content:space-between;
		position:relative;
	}
	#tabMenu tr.auvent{z-index:2;}
	#tabMenu tr.auvent,
	#tabMenu tr.tableHeader{border:none;}
	#tabMenu tr.tableHeader th.jour{
		padding:1.5rem 3rem;
	}
	#tabMenu tr.auvent th{overflow:visible;}
	#tabMenu th,
	#tabMenu td{
		border-width:0;
		border-right-width:1px;
		flex:1 1 100px;
		overflow:hidden;
	}
	#tabMenu{
		width:calc(500% - 30rem);
		transition:0.3s ease-out;
		transition-property:transform, left;
		position:relative;
	}
	/*#menu[data-actif="1"] #tabMenu{transform:translateX(calc( 3rem -   0vw));}
	#menu[data-actif="2"] #tabMenu{transform:translateX(calc( 9rem - 100vw));}
	#menu[data-actif="3"] #tabMenu{transform:translateX(calc(15rem - 200vw));}
	#menu[data-actif="4"] #tabMenu{transform:translateX(calc(21rem - 300vw));}
	#menu[data-actif="5"] #tabMenu{transform:translateX(calc(27rem - 400vw));}*/
	
	#menu{width:100%;}
	/*#menu[data-actif="1"] #tabMenu{transform:translateX(calc(  0% + 3rem));}
	#menu[data-actif="2"] #tabMenu{transform:translateX(calc(-20% + 3rem));}
	#menu[data-actif="3"] #tabMenu{transform:translateX(calc(-40% + 3rem));}
	#menu[data-actif="4"] #tabMenu{transform:translateX(calc(-60% + 3rem));}
	#menu[data-actif="5"] #tabMenu{transform:translateX(calc(-80% + 3rem));}*/
	
	#menu[data-actif="1"] #tabMenu{left:calc(   0% +  3rem);}
	#menu[data-actif="2"] #tabMenu{left:calc(-100% +  9rem);}
	#menu[data-actif="3"] #tabMenu{left:calc(-200% + 15rem);}
	#menu[data-actif="4"] #tabMenu{left:calc(-300% + 21rem);}
	#menu[data-actif="5"] #tabMenu{left:calc(-400% + 27rem);}
	
	#tabMenu th.none{display:none;}
	/* Décalage des cellules d'en-tête' */
	#tabMenu .cellule_elem_repas{
		position:absolute;
		left:-1px;
		top:1px;
		bottom:1px;
		transform:translateX(calc(0vw - 6rem));
		transition:transform 0.3s ease-out;
		width:calc(8% - 2rem);
		display:flex;
		flex-direction:column;
		align-items:center;
		justify-content:center;
		background:#fff;
		z-index:1;
	}
	/*#menu[data-actif="1"] .cellule_elem_repas{transform:translateX(calc(  0vw -  0rem));}
	#menu[data-actif="2"] .cellule_elem_repas{transform:translateX(calc(100vw -  6rem));}
	#menu[data-actif="3"] .cellule_elem_repas{transform:translateX(calc(200vw - 12rem));}
	#menu[data-actif="4"] .cellule_elem_repas{transform:translateX(calc(300vw - 18rem));}
	#menu[data-actif="5"] .cellule_elem_repas{transform:translateX(calc(400vw - 24rem));}*/
	
	#menu[data-actif="1"] .cellule_elem_repas{left:calc( 0% + 6rem - 1px);}
	#menu[data-actif="2"] .cellule_elem_repas{left:calc(20% + 6rem - 1px);}
	#menu[data-actif="3"] .cellule_elem_repas{left:calc(40% + 6rem - 1px);}
	#menu[data-actif="4"] .cellule_elem_repas{left:calc(60% + 6rem - 1px);}
	#menu[data-actif="5"] .cellule_elem_repas{left:calc(80% + 6rem - 1px);}
	/* Décalage des cellules du tableau pour laisser passer les en-têtes */
	#tabMenu .lignesPlats td > .inner{
		padding-left:0%;
		transition:padding-left 0.3s ease-out;
		width:calc(60% + 1rem);
	}
	#menu[data-actif="1"] .lignesPlats td:nth-child(2) > .inner,
	#menu[data-actif="2"] .lignesPlats td:nth-child(3) > .inner,
	#menu[data-actif="3"] .lignesPlats td:nth-child(4) > .inner,
	#menu[data-actif="4"] .lignesPlats td:nth-child(5) > .inner,
	#menu[data-actif="5"] .lignesPlats td:nth-child(6) > .inner{/*padding-left:40%;*/}
	#tabMenu .caseplat{
		background:#f7f6f2;
		transition:background-color 0.3s ease-out;
		display:flex;
		align-items:center;
		/*flex-direction:column;
		justify-content:center;*/
		flex-direction:row;
		justify-content:flex-end;
	}
	#menu[data-actif="1"] .lignesPlats td:nth-child(2),
	#menu[data-actif="2"] .lignesPlats td:nth-child(3),
	#menu[data-actif="3"] .lignesPlats td:nth-child(4),
	#menu[data-actif="4"] .lignesPlats td:nth-child(5),
	#menu[data-actif="5"] .lignesPlats td:nth-child(6){background:#fff;}
	
	#tabMenu .cellule_elem_repas img:first-child{
		width:4rem;
		height:2.86rem;
	}
	#tabMenu .caseplat .gomettes_logos img,
	#tabMenu .caseplat .conteneur_picto_groupe img{
		width:1.5rem;
		height:1.5rem;
	}
	#tabConseils{margin:0.2rem 3rem 0 3rem;}
	#tabConseilsIntro img{
		transform:translate(0%, -50%);
		left:auto;
		right:calc(60% + 4rem);
	}
	#tabConseils table,
	#tabConseils tbody,
	#tabConseils tr{display:block;}
	#tabConseils table td{
		display:none;
		width:auto;
		border:none;
	}
	#tabConseils table td div,
	#tabConseilsIntro .titre{padding-left:calc(40% - 2rem);}
	#menu[data-actif="1"] #tabConseils td:nth-child(2),
	#menu[data-actif="2"] #tabConseils td:nth-child(3),
	#menu[data-actif="3"] #tabConseils td:nth-child(4),
	#menu[data-actif="4"] #tabConseils td:nth-child(5),
	#menu[data-actif="5"] #tabConseils td:nth-child(6){display:block;}
	#bloc_pilier{display:none;}
}

@media only screen and (max-width: 979px){
	#tabMenu{width:100%;}
	
	#menu[data-actif="1"] #tabMenu,
	#menu[data-actif="2"] #tabMenu,
	#menu[data-actif="3"] #tabMenu,
	#menu[data-actif="4"] #tabMenu,
	#menu[data-actif="5"] #tabMenu{left:0;}
	
	#tabMenu .cellule_elem_repas{
		position:relative;
		top:0;
		left:0;
		transform:none;
		width:20%;
	}
	#menu[data-actif="1"] .cellule_elem_repas,
	#menu[data-actif="2"] .cellule_elem_repas,
	#menu[data-actif="3"] .cellule_elem_repas,
	#menu[data-actif="4"] .cellule_elem_repas,
	#menu[data-actif="5"] .cellule_elem_repas{left:0;}
	
	#tabMenu .lignesPlats td > .inner{
		padding:0;
		width:auto;
	}
	
	#tabMenu th[data-ordre],
	#tabMenu td[data-ordre]{
		display:none;
		width:0%;
	}
	
	#tabMenu td[data-ordre="1"]{
		display:flex;
		flex:0 0 30%;
	}
	#menu[data-actif="1"] th[data-ordre="2"],
	#menu[data-actif="1"] td[data-ordre="2"],
	#menu[data-actif="2"] th[data-ordre="3"],
	#menu[data-actif="2"] td[data-ordre="3"],
	#menu[data-actif="3"] th[data-ordre="4"],
	#menu[data-actif="3"] td[data-ordre="4"],
	#menu[data-actif="4"] th[data-ordre="5"],
	#menu[data-actif="4"] td[data-ordre="5"],
	#menu[data-actif="5"] th[data-ordre="6"],
	#menu[data-actif="5"] td[data-ordre="6"]{
		display:flex;
		flex:0 0 70%;
		justify-content:center;
		align-items:center;
	}
	
	#menu[data-actif="1"] tr.tableHeader th.jour[data-ordre="2"],
	#menu[data-actif="2"] tr.tableHeader th.jour[data-ordre="3"],
	#menu[data-actif="3"] tr.tableHeader th.jour[data-ordre="4"],
	#menu[data-actif="4"] tr.tableHeader th.jour[data-ordre="5"],
	#menu[data-actif="5"] tr.tableHeader th.jour[data-ordre="6"]{display:block;}
	#tabMenu tr.tableHeader th.jour{
		flex-direction:column;
		flex:1 1 auto;
		padding:1.5rem 7rem;
	}
}


#menu > .bulle{
	top:50% !important;
	left:50% !important;
	position:fixed !important;
	width:90%;
	max-width:40rem;
	max-height:90vh;
	overflow:auto;
	background:#fff;
	transform:translate(-50%, -50%);
	z-index:99;
	box-shadow:0 0 0 100vmax rgba(0,0,0,0.5);
}
#menu > .bulle .close{
	position:absolute;
	top:0;
	right:0;
	z-index:9;
}
#menu > .bulle .close a{
	display:flex;
	position:absolute;
	top:0;
	right:0;
	justify-content:center;
	align-items:center;
	width:4rem;
	height:4rem;
}
#menu > .bulle h1{
	background-color:#77b71c;
	display:block;
	font-family:Roboto,Arial,sans-serif;
	font-weight:700;
	color:#fff;
	padding:4rem 2rem 2rem 2rem;
	text-align:left;
	font-size:2.4rem;
	margin:0 -3rem;
	transform:none;
	left:0;
	width:auto;
}
#menu > .bulle #text{
	padding:2rem;
	color:#222;
	font-size:1.4rem;
}
#menu > .bulle #text .articleAction,
#menu > .bulle #text ~ *{display:none;}

.widgetContenuAdditif .titre{display:none;}
.widgetContenuAdditif{
	text-align:center;
	font-size:0;
}
.widgetContenuAdditif.video{
	width:calc(100% - 6rem);
	max-width:40rem;
	margin:3rem auto;
	position:relative;
}
.widgetContenuAdditif.video .widgetContainer{
	position:relative;
	padding:56.25% 0 0 0;
	background:#000;
}
.widgetContenuAdditif.video .widgetContainer .hidden{display:none;}
.widgetContenuAdditif.video .videoFormat,
.widgetContenuAdditif.video .videoFormat iframe{
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	width:100%;
	height:100%;
}
.actuForme{
	width:calc(100% - 6rem);
	max-width:40rem;
	margin:3rem;
	display:inline-block;
}
.actuForme .visuel{
	display:block;
	position:relative;
}
.actuForme .visuel::before{
	content:"";
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:-1px;
	background:url('/images/design/actuFormeH.svg') no-repeat center bottom;
	background-size:100% 100%;
	transform-origin:center bottom;
}
.actuForme:nth-child(even) .visuel::before{transform:scaleX(-1);}
.actuForme .visuel img{
	display:block;
	width:100%;
	height:auto;
}
.actuForme .texte{
	background:url('/images/design/actuFormeB.svg') no-repeat center top #fff;
	background-size:100% 100%;
	padding:2rem 5rem 4rem 5rem;
	font-size:1.3rem;
	line-height:1.4;
	text-align:left;
}
.actuForme .texte h3{
	margin:0 0 1rem 0;
	font-weight:700;
	font-size:1.8rem;
	text-transform:uppercase;
}
.actuForme a.widgetLastElementsLink{
	font-size:0;
	color:#111;
	text-decoration:none;
	margin:0.5rem 0 0 auto;
	display:block;
	width:3.5rem;
	height:3rem;
	text-align:center;
	position:relative;
}
.actuForme a.widgetLastElementsLink::before{
	position:absolute;
	content:"";
	background:none;
	border-radius:50%;
	right:-0.7rem;
	top:calc(50% - 0.35rem);
	width:0.7rem;
	height:0.7rem;
	display:inline-block;
	box-shadow:-3.5rem 0 0 0 #111, -2.1rem 0 0 0 #111, -0.7rem 0 0 0 #111;
}

#impression_menu{
	text-align:center;
	font-size:1.2rem;
	line-height:1.4;
	width:28rem;
	margin:0 auto;
}
#impression_menu a{
	background:#fff;
	position:relative;
	text-decoration:none;
	text-transform:uppercase;
	color:#000;
	font-size:1.4rem;
	font-weight:700;
	display:flex;
	margin:0 auto 0.5rem auto;
	padding:1.5rem;
	justify-content:flex-start;
	align-items:center;
	text-align:left;
	line-height:1.2;
}
#impression_menu a::before,
#impression_menu a::after{
	content:"";
	display:block;
}
#impression_menu a::before{
	background:url('/images/design/PDFicon.svg') no-repeat center center;
	width:3.5rem;
	height:4.5rem;
	margin:0 2rem 0 0;
}
#impression_menu a::after{
	position:absolute;
	right:0;
	bottom:0;
	width:0;
	height:0;
	border-style:solid;
	border-width:0 0 2rem 2rem;
	border-color:transparent transparent #cc4b4b transparent;
	transition:border-width 0.3s ease-out;
}
#impression_menu a:hover::after,
#impression_menu a:focus::after{border-width:0 0 2.5rem 2.5rem;}

#blocLegende{
	margin:2rem 5%;
	font-size:1.2rem;
}
#blocLegende h3{
	color:#95251a;
	font-weight:700;
	margin:1rem 0 0.5rem 0;
	line-height:1.2;
}
#blocLegende ul{
	display:block;
	margin:0 0 3rem 0;
}
#blocLegende ul li{
	display:inline-block;
	margin:0 2rem 0 0;
	white-space:nowrap;
}
#blocLegende ul li img{
	width:1.5rem;
	height:1.5rem;
	vertical-align:baseline;
	margin:0 0 -0.2rem 0;
}

/*=====================*\
#    FICHES CANTINES    #
\*=====================*/
/* Titre */
#rechercheRestos h1{
	position:relative;
	color:#111;
	font-size:2rem;
	text-align:left;
}
#rechercheRestos h1::before,
#rechercheRestos h1::after{
	content:"";
	background:url('/images/design/nuages.svg') no-repeat center bottom;
	width:21rem;
	height:2rem;
	position:absolute;
	bottom:0;
}
#rechercheRestos h1::before{
	transform:translateX(-50%);
	left:0;
}
#rechercheRestos h1::after{
	transform:translateX(50%);
	right:0;
}
#rechercheRestos h1 .resultsFor{font-size:0;}
#rechercheRestos h1 .resultsFor strong{
	display:block;
	margin:1rem 0 0 0;
	font-family:Roboto,Arial,sans-serif;
	text-transform:uppercase;
	font-weight:300;
	font-size:2.4rem;
}
#rechercheRestos h1 #lienCarte,
.widgetDirectorySearch #lienCarte{
	background:#f14742;
	color:#fff;
	font-family:Roboto,Arial,sans-serif;
	font-size:1.4rem;
	text-transform:uppercase;
	font-weight:700;
	display:flex;
	height:5.5rem;
	border-radius:5.5rem;
	border:0.3rem solid #fff;
	justify-content:center;
	align-items:center;
	margin:0 0 0 2rem;
	padding:0 1.5rem;
	text-decoration:none;
	cursor:pointer;
}
#rechercheRestos h1 #lienCarte::after,
.widgetDirectorySearch #lienCarte::after{
	content:"";
	background:url('/images/design/icon-spot.svg') no-repeat center center;
	background-size:contain;
	display:inline-block;
	width:3rem;
	height:3rem;
	margin:0 0 0 1rem;
}
.accueil .widgetDirectorySearch #lienCarte{display:none;}

/* Fiches */
#listeFiches.off .ficheResto{display:none;}
.widget.carteRestaurants > .titre{display:none;}
.ficheResto{
	display:flex;
	justify-content:space-between;
	margin:3rem auto;
	width:calc(100% - 6rem);
	max-width:40rem;
}
.ficheResto > *{
	flex:1 1 50%;
	margin:0;
	display:inline-block;
}
.ficheResto .visuel{
	background:no-repeat center center;
	background-size:cover;
}
.ficheResto .visuel *{visibility:hidden;}
.ficheResto .texte{
	background:#fff;
	font-size:1.4rem;
	line-height:1.4;
	font-weight:700;
	color:#111;
	display:flex;
	flex-direction:column;
	justify-content:space-between;
	align-items:stretch;
}
.ficheResto .texte h2{
	color:#ff744f;
	font-size:1.5rem;
	line-height:1.2;
	margin:0 0 0.5rem 0;
	text-transform:uppercase;
	font-family:Roboto,Arial,sans-serif;
	font-weight:700;
	width:100%;
}
.ficheResto .texte .inner{
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:flex-start;
	padding:2rem;
	flex:1 1 auto;
}
.ficheResto .texte .adresse{width:100%;}
.ficheResto .texte .boutons{
	display:flex;
	justify-content:space-between;
	align-items:stretch;
	flex:0 0 auto;
}
.ficheResto .texte .boutons .boutonFiche{
	display:inline-block;
	flex:1 1 auto;
	height:4rem;
	background:#77b71c;
	line-height:4rem;
	text-align:center;
	text-decoration:none;
	color:#fff;
	text-transform:uppercase;
	font-weight:700;
	font-size:1.4rem;
}
.boutonFavori{
	display:inline-block;
	flex:0 0 4rem;
	width:4rem;
	height:4rem;
	background:url('/images/design/icon-etoile.svg') no-repeat center center #007a35;
	background-size:1.5rem 1.5rem;
	cursor:pointer;
}
h1 .boutonFavori{
	margin:0 0 0 2rem;
	background-size:2rem 2rem;
}
/* Bouton pour afficher plus de fiches */
#viewMoreFiches{text-align:center;}
#viewMoreFiches a{
	display:inline-block;
	transition:background-color 0.3s ease-out;
	padding:1rem 2rem;
	font-weight:300;
	font-size:1.5rem;
	color:#111;
	text-transform:uppercase;
	background:rgba(255,255,255,0);
	cursor:pointer;
}
#viewMoreFiches a::before{
	content:"";
	background:url('/images/design/icon-plusOrange.svg') no-repeat center center;
	display:inline-block;
	vertical-align:middle;
	width:1.5rem;
	height:1.5rem;
	margin:-0.3rem 0.5rem 0 0;
}
#viewMoreFiches a:hover,
#viewMoreFiches a:focus{background:rgba(255,255,255,1);}

/* Moteur de recherche des fiches */
#zoneRechercheFiches{
	background:url('/media/paysage01800__008974300_1257_04022019.jpg') no-repeat center bottom #fff;
	background-size:100% auto;
}
.widget.rechercheRestaurants{
	display:none;
	background:rgba(0,0,0,0.7);
	color:#fff;
	text-align:center;
	padding:2rem 3rem;
}
#zoneRechercheFiches .widget.rechercheRestaurants,
#homeRecherche .widget.rechercheRestaurants{display:block;}
.widget.rechercheRestaurants .titre{
	display:inline-block;
	text-align:left;
}
.widget.rechercheRestaurants .titre div:nth-child(1){
	font-family:Pacifico,cursive;
	font-size:3.8rem;
	line-height:1;
}
.widget.rechercheRestaurants .titre div:nth-child(2){
	font-weight:300;
	font-size:3.4rem;
	line-height:1;
}
.widget.rechercheRestaurants .titre div:nth-child(3){
	font-weight:700;
	font-size:1.6rem;
	line-height:1.4;
}
.widget.rechercheRestaurants form{
	margin:4rem auto;
	width:100%;
	max-width:40rem;
}
.widget.rechercheRestaurants form .fauxChamp{position:relative;}
.widget.rechercheRestaurants form .fauxChamp input{
	background:url('/images/design/icon-loupe.svg') no-repeat right 2rem center rgba(255,255,255,0.5);
	background-size:2rem 2rem;
	border:none;
	height:5.5rem;
	border-radius:5.5rem;
	padding:0 5.5rem 0 2rem;
	color:#fff;
	font-size:1.6rem;
	font-weight:400;
}
.widget.rechercheRestaurants form .fauxChamp label{
	position:absolute;
	left:2rem;
	top:25%;
	width:100%;
	height:50%;
	display:flex;
	align-items:center;
	justify-content:flex-start;
	text-align:left;
	line-height:1;
	margin:0;
	padding:0 7rem 0 0;
	color:#fff;
	font-size:1.6rem;
	font-weight:300;
	transform-origin:left top;
	transform:scale(1) translateY(0%);
	transition:transform 0.3s ease-out;
	cursor:text;
}
.widget.rechercheRestaurants form .fauxChamp input:valid + label,
.widget.rechercheRestaurants form .fauxChamp input:focus + label{transform:scale(0.7) translateY(-170%);}
.widget.rechercheRestaurants form .submit input{
	background:#77b71c;
	color:#fff;
	font-family:Roboto,Arial,sans-serif;
	font-size:1.8rem;
	text-transform:uppercase;
	font-weight:700;
	display:inline-block;
	height:5.5rem;
	border-radius:5.5rem;
	border:0.3rem solid #fff;
	justify-content:center;
	align-items:center;
	margin:2rem 0 0 0;
	padding:0 5rem;
}
.widgetDirectorySearch #lienCarte{margin:2rem 0 0 0;}
@media only screen and (min-width: 1001px){
	.widget.rechercheRestaurants .titre{
		text-align:center;
		margin:5rem 0 3rem 0;
	}
	.widget.rechercheRestaurants .titre div:nth-child(1){font-size:6rem;}
	.widget.rechercheRestaurants .titre div:nth-child(2){font-size:5.5rem;}
	.widget.rechercheRestaurants .titre div:nth-child(3){font-size:2.6rem;}
	.widget.rechercheRestaurants form{
		display:flex;
		align-items:center;
		justify-content:center;
		max-width:none;
	}
	.widget.rechercheRestaurants form .fauxChamp{width:32rem;}
	.widget.rechercheRestaurants form .fauxChamp input{
		background-image:none;
		padding:0 2rem;
	}
	.widget.rechercheRestaurants form .submit input{
		background:url('/images/design/icon-loupe.svg') no-repeat left 2rem center #77b71c;
		background-size:2rem 2rem;
		padding:0 4rem 0 6rem;
		margin:0 0 0 2rem;
		width:auto;
	}
	.widgetDirectorySearch #lienCarte{margin:0 0 0 2rem;}
}

/*==================*\
#    PAGE CANTINE    #
\*==================*/
/* Animation du moment */
.widget.animationDuMoment,
.widget.animationDuMoment .titre,
.widget.animationDuMoment .actuForme .visuel::before,
.widget.animationDuMoment .actuForme .visuel img,
.widget.animationDuMoment .actuForme .texte{display:none;}
#cantineAnimation .widget.animationDuMoment{display:block;}
#cantineAnimation.loaded{
	height:22rem;
	background:no-repeat center center;
	background-size:cover;
}
.widget.animationDuMoment .actuForme{
	margin:0;
	width:100%;
	max-width:100%;
}
.widget.animationDuMoment .actuForme .visuel{
	min-height:22rem;
	background:no-repeat center center #111;
	background-size:cover;
}
/* Bouton menu */
#boutonMenu{text-align:center;}
#boutonMenu h2{
	font-family:Pacifico,cursive;
	font-weight:400;
	color:#f14742;
	font-size:2.4rem;
	line-height:1;
	margin:3rem 0 1rem 0;
	text-align:center;
}
#boutonMenu a{
	background:#77b71c;
	display:flex;
	margin:0 auto;
	width:calc(100% - 6rem);
	max-width:40rem;
	color:#fff;
	font-weight:300;
	text-transform:uppercase;
	font-size:2rem;
	text-decoration:none;
	line-height:1.2;
	align-items:center;
	justify-content:space-between;
	padding:1.5rem;
}
#boutonMenu a::before{
	content:"";
	background:url('/images/design/pictoBoutonMenu.svg') no-repeat center center;
	display:inline-block;
	width:5rem;
	height:3.4rem;
	margin:0 1.5rem 0 0;
}
#boutonMenu a > span{flex:1 1 auto;}
#boutonMenu a strong{font-weight:700;}

/* widget Newsletter */
#cantineNewsletter .widget.widgetNewsletter,
#menuNewsletter .widget.widgetNewsletter{display:block;}
.widget.widgetNewsletter{
	display:none;
	background:url('/images/design/hachures.svg') repeat center center #f14742;
	background-size:0.8rem 0.8rem;
	width:calc(100% - 6rem);
	margin:3rem auto;
	max-width:40rem;
	padding:1rem 1rem 3rem 1rem;
	color:#fff;
}
.widget.widgetNewsletter.boutonNewsletter{padding:0;}
.widget.widgetNewsletter.boutonNewsletter > .titre{display:none;}
.widget.widgetNewsletter .widgetNewsletterComment,
.widget.widgetNewsletter.boutonNewsletter a{
	text-align:center;
	font-size:1.5rem;
	font-weight:300;
	text-transform:uppercase;
	line-height:1.2;
	margin:2rem;
	display:block;
	color:#fff;
	text-decoration:none;
	transition:0.3s ease-out;
	transition-property:color,background-color;
}
.widget.widgetNewsletter.boutonNewsletter a{
	margin:0;
	padding:2rem;
}
.widget.widgetNewsletter.boutonNewsletter a:hover,
.widget.widgetNewsletter.boutonNewsletter a:focus{
	background:#fff;
	color:#f14742;
}
.widget.widgetNewsletter .widgetNewsletterComment p{margin:0;}
.widget.widgetNewsletter form{
	display:flex;
	align-items:center;
	justify-content:space-between;
}
.widget.widgetNewsletter form > *{
	flex:0 0 4rem;
	display:inline-block;
	width:4rem;
	height:4rem;
	margin:0 0 0 1px;
	padding:0;
	border:none;
}
.widget.widgetNewsletter form > *:first-child{margin-left:0;}
.widget.widgetNewsletter form a.boutonMedia{
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:space-evenly;
	font-size:1.1rem;
	text-transform:uppercase;
	font-weight:700;
	line-height:1;
	background:#706d8a;
	color:rgba(255,255,255,0.2);
	transition:0.3s ease-out;
	transition-property:color, background-color;
}
.widget.widgetNewsletter form a.boutonMedia::before{
	content:"";
	transition:opacity 0.3s ease-out;
	opacity:0.2;
	display:block;
	width:1.5rem;
	height:1.5rem;
	background:no-repeat center center;
	background-size:contain;
}
.widget.widgetNewsletter form a.boutonMedia.mail::before{background-image:url('/images/design/icon-enveloppeBlanc.svg');}
.widget.widgetNewsletter form a.boutonMedia.sms::before{background-image:url('/images/design/icon-telBlanc.svg');}
.widget.widgetNewsletter form a.boutonMedia.active{
	background:#454355;
	color:rgba(255,255,255,1);
}
.widget.widgetNewsletter form a.boutonMedia.active::before{opacity:1;}
.widget.widgetNewsletter form > #NewsLettersSubscribeMail{
	flex:1 1 auto;
	padding:0 1rem;
	border-radius:0;
	line-height:4rem;
}
.widget.widgetNewsletter form input[type=submit]{
	background:url('/images/design/icon-fleche.svg') no-repeat center center #77b71c;
	background-size:2.4rem;
	transform-origin:center center;
	transform:rotate(-90deg);
}

/* Texte de présentation */
#cantinePresentationRadis{position:relative;}
#cantinePresentationRadis::after{
	content:"";
	display:block;
	background:url('/media/radis01s__056727300_1257_04022019.png') no-repeat center center;
	position:absolute;
	right:0;
	top:0;
	width:20rem;
	height:23.9rem;
	transform-origin:center center;
	background-size:contain;
	transform:translate(50%, -50%) scale(-0.7, 0.7) rotate(30deg);
}
#cantinePresentation{
	width:calc(100% - 6rem);
	max-width:40rem;
	margin:0 auto;
	font-size:1.2rem;
	text-align:justify;
}
#cantinePresentation h2{
	font-family:Roboto,Arial,sans-serif;
	font-weight:300;
	line-height:1;
	font-size:2.5rem;
	text-transform:uppercase;
	margin:0 0 2rem 0;
	text-align:left;
}
#cantinePresentation h2 div{
	font-family:Pacifico,cursive;
	font-size:2.2rem;
	text-transform:none;
}

/* Bouton de contact */
#cantineContact a{
	/*width:calc(100% - 6rem);
	max-width:40rem;
	margin:3rem auto;
	border-style:dotted;
	border-color:#111;
	border-width:0.4rem;
	border-image-source: url('/images/design/dotted-border.svg');
	border-image-slice: 4 4;
	border-image-repeat:round;
	display:flex;
	align-items:center;
	justify-content:center;
	padding:1rem;
	font-size:1.3rem;
	line-height:1.2;*/
	color:#111;
	text-transform:uppercase;
	font-weight:300;
	text-decoration:none;
	font-size:1.4rem;
	padding:1rem 0;
	display:block;
	transition:color 0.3s ease-out;
}/*
#cantineContact a > div > div:last-child{font-weight:700;}
#cantineContact a::before,
#cantineContact a::after{
	content:"";
	background:no-repeat center center;
	order:-1;
	background-size:contain;
	width:3rem;
	height:3rem;
	margin:0 1rem 0 0;
}
#cantineContact a::before{background-image:url('/images/design/icon-check.svg');}
#cantineContact a::after{background-image:url('/images/design/icon-cancel.svg');}*/
#cantineContact .bulleRadis{max-width:40rem;}
#cantineContact a:hover,
#cantineContact a:focus{color:#f14742;}

#cantineDiapo{
	background:#000;
	position:relative;
}
#cantineDiapo ul{
	display:block;
	position:relative;
	margin:0 auto;
	/*max-width:46rem;*/
	width:100%;
	height:56.25vw;
	max-height:40rem;
	list-style:none;
	padding:0;
}
#cantineDiapo ul li{
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	opacity:0;
	transition:opacity 0.5s ease-out;
	background:no-repeat center center;
	background-size:cover;
	list-style:none;
	margin:0;
	padding:0;
}
#cantineDiapo ul li.active{opacity:1;}
#cantineDiapo ul li img,
#cantineDiapo #navDiapo{display:none;}

/* Animations de la cantine */
#cantineAnimations{background:#fff;}
#cantineAnimations .header{
	background:url('/images/design/formes-animations.svg') no-repeat center bottom #dfe9f4;
	background-size:100% 4rem;
	text-align:center;
}
#cantineAnimations .header .pictos{
	height:0;
	transform:translateY(1rem);
}
#cantineAnimations .header .pictos span{
	display:inline-block;
	vertical-align:baseline;
	background:#9f1b18;
	width:1rem;
	height:1rem;
	transform-origin:center bottom;
	border-radius:50%;
	margin:0 0.5rem;
}
#cantineAnimations .header .pictos span:nth-child(2),
#cantineAnimations .header .pictos span:nth-child(6){transform:scale(0.8);}
#cantineAnimations .header .pictos span:nth-child(1),
#cantineAnimations .header .pictos span:nth-child(7){transform:scale(0.6);}
#cantineAnimations .header .pictos img{
	width:1.6rem;
	height:1.6rem;
	vertical-align:baseline;
	margin:0 0.5rem -0.2rem 0.5rem;
}
#cantineAnimations .headerInner{
	width:calc(100% - 6rem);
	max-width:40rem;
	margin:0 auto;
	display:inline-flex;
	justify-content:center;
	align-items:center;
}
#cantineAnimations h2{
	font-family:Roboto,Arial,sans-serif;
	font-weight:300;
	line-height:1;
	font-size:2.5rem;
	text-transform:uppercase;
	margin:0;
	text-align:left;
	transform:translateY(2rem);
}
#cantineAnimations h2 div{
	font-family:Pacifico,cursive;
	font-size:2.2rem;
	text-transform:none;
}
#cantineAnimations .headerInner img{
	width:8rem;
	height:14.7rem;
	margin:1rem 0 0 2rem;
}
.widget.animationsCantine > .titre{display:none;}
#cantineAnimations .widget.animationsCantine{display:block;}
.widget.animationsCantine{
	display:none;
	text-align:center;
	padding:2rem 0 4rem 0;
}
.widget.animationsCantine .actuForme{
	width:calc(100% - 4rem);
	margin:1rem 2rem;
}
.widget.animationsCantine .actuForme .visuel::before{display:none;}
.widget.animationsCantine .actuForme .texte{
	background:#ef4641;
	color:#fff;
	padding:2rem 4rem;
}
.widget.animationsCantine .actuForme a.widgetLastElementsLink{color:#fff;}
.widget.animationsCantine .actuForme a.widgetLastElementsLink::before{box-shadow:-3.5rem 0 0 0 #fff, -2.1rem 0 0 0 #fff, -0.7rem 0 0 0 #fff;}

/* Partenaires de la cantine */
#cantinePartenaires{
	position:relative;
	background:url('/media/paysage02400__036548400_1257_04022019.png') no-repeat center bottom -5rem #f4f1e6;
	background-size:100% auto;
}
#cantinePartenaires::before,
#cantinePartenaires::after{
	content:"";
	position:absolute;
	left:0;
	right:0;
	display:block;
	z-index:0;
}
#cantinePartenaires::before{
	top:0;
	bottom:30rem;
	background:#f4f1e6;
}
#cantinePartenaires::after{
	top:calc(100% - 30rem);
	bottom:20rem;
	background: -moz-linear-gradient(top, rgba(244,241,230,1) 0%, rgba(244,241,230,0) 100%);
	background: -webkit-linear-gradient(top, rgba(244,241,230,1) 0%,rgba(244,241,230,0) 100%);
	background: linear-gradient(to bottom, rgba(244,241,230,1) 0%,rgba(244,241,230,0) 100%);
}
#cantinePartenaires .header::before,
#cantinePartenaires .header::after{
	content:"";
	background:url('/images/design/nuages.svg') no-repeat center bottom;
	width:42rem;
	height:4rem;
	position:absolute;
	bottom:100%;
}
#cantinePartenaires .header::before{
	transform:translateX(-50%);
	left:0;
}
#cantinePartenaires .header:after{
	transform:translateX(50%);
	right:0;
}
#cantinePartenaires .header{
	position:relative;
	display:flex;
	align-items:flex-start;
	justify-content:center;
	padding:2rem 0;
	z-index:1;
}
#cantinePartenaires .header img{
	margin:0 -4rem;
}
#cantinePartenaires .header h2{
	font-family:Roboto,Arial,sans-serif;
	font-weight:300;
	line-height:1;
	font-size:2.5rem;
	text-transform:uppercase;
	margin:0;
	text-align:left;
	transform:translateY(2rem);
}
#cantinePartenaires .header h2 div{
	font-family:Pacifico,cursive;
	font-size:2.2rem;
	text-transform:none;
}
.widget.widgetPartenaires> .titre{display:none;}
#cantinePartenaires .widget.widgetPartenaires,
#homeLocal .texte .content .widget.widgetPartenaires{
	display:block;
	position:relative;
	z-index:1;
}
.widget.widgetPartenaires{
	display:none;
	/*text-align:center;
	padding:0 0 7rem 0;*/
}
.widget.widgetPartenaires .actuForme{
	margin:0rem 3rem 3rem 3rem;
}
.widget.widgetPartenaires .actuForme .texte{
	background-image:url('/images/design/actuFormeBplein.svg');
	background-color:transparent;
}

/*============*\
#    FOOTER    #
\*============*/
#footer{
	background:#9d0d1c;
	color:#fff;
	text-align:center;
	line-height:1.4;
	padding:0 0 4rem 0;
}
#footer .widget > .titre{display:none;}
#footer .widget.adresseFooter{
	background:#4a4a4a;
	font-size:1.2rem;
	font-weight:300;
	padding:2rem 3rem;
}
#footer .widget.adresseFooter strong{
	font-size:1.6rem;
	font-weight:300;
}
#footer .widget.adresseFooter p{margin:2rem 0;}
#footer .widget.adresseFooter img{
	width:1.6rem;
	height:1.6rem;
	vertical-align:middle;
	margin:-0.2rem 0 0 0;
}
#footer .widget.adresseFooter a{
	color:#fff;
	text-decoration:none;
	margin:0 0.5rem;
	white-space:nowrap;
}

#footer .widget.liensFooter{
	background:#222;
	font-size:1.3rem;
	padding:1rem 3rem;
}
#footer .widget.liensFooter ul{padding:0;}
#footer .widget.liensFooter li{display:inline-block;}
#footer .widget.liensFooter li::before{
	content:" | ";
	color:#888;
}
#footer .widget.liensFooter li:first-child::before{display:none;}
#footer .widget.liensFooter a{
	color:#aaa;
	transition:color 0.3s ease-out;
	text-decoration:none;
}
#footer .widget.liensFooter a:hover{color:#fff;}

#footer .widget.blocRestoria{
	font-size:1.4rem;
	font-weight:300;
	color:rgba(255,255,255,0.5);
	width:calc(100% - 12rem);
	margin:0 auto;
}
#footer .widget.blocRestoria img{
	width:7rem;
	height:3.8rem;
}
#signature a{
	font-size:1rem;
	font-weight:300;
	color:rgba(255,255,255,0.5);
	text-decoration:none;
}

/*====================*\
#    PAGE D'ACCUEIL    #
\*====================*/
#homeRecherche{
	background:url('/media/paysage01800__008974300_1257_04022019.jpg') no-repeat center bottom #fff;
	background-size:cover;
	position:relative;
}
#homeRecherche::before{
	content:"";
	display:block;
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	background:rgba(0,0,0,0.7);
	z-index:0;
}
#homeRecherche > *{
	position:relative;
	z-index:1;
}
#homeRecherche #header{background:rgba(235,235,235,0);}
#homeRecherche #header.active{background:rgba(235,235,235,1);}
#homeRecherche .widget.rechercheRestaurants{background:none;}

.accueil #article,
.pageLarg #article{
	width:auto;
	max-width:none;
	padding:0;
}
.accueil #article h1{
	font-family:Roboto,Arial,sans-serif;
	font-size:1.8rem;
	font-weight:700;
	margin:0;
	padding:4rem 3rem;
	position:relative;
	width:100%;
}
.accueil h1::before,
.accueil h1::after{
	content:"";
	background:url('/images/design/nuagesBlanc.svg') no-repeat center bottom;
	background-size:21rem 2rem;
	width:10.5rem;
	height:2rem;
	position:absolute;
	bottom:0;
}
.accueil h1::before{
	background-position:right bottom;
	left:0;
}
.accueil h1::after{
	background-position:left bottom;
	right:0;
}
h2.titreHome{
	font-family:Roboto,Arial,sans-serif;
	font-weight:300;
	line-height:1;
	font-size:2.5rem;
	text-transform:uppercase;
	margin:0 0 1rem 0;
	text-align:left;
	color:inherit;
	/*transform:translateY(2rem);*/
	display:inline-block;
}
h2.titreHome div{
	font-family:Pacifico,cursive;
	font-size:2.2rem;
	text-transform:none;
	text-align:right;
	padding:0 10% 0 0;
}

#homePresentation{
	position:relative;
	padding:0;
	background:#fff;
	overflow:hidden;
}
#homePresentation > .container{position:static;}
#homePresentation .radis img{
	position:absolute;
	left:0;
	top:0;
	width:15rem;
	height:17.9rem;
	transform-origin:center center;
	transform:translate(-45%, 0) rotate(30deg);
}
#homePresentation .titre{
	text-align:right;
	padding:8rem 0 3rem 0;
}
#homePresentation .titre .animaux img{display:none;}
#homePresentation .texte{
	text-align:justify;
	font-size:1.4rem;
	line-height:1.4;
}
.bouton a{
	text-decoration:none;
	display:inline-flex;
	border:0.3rem solid #fff;
	background:#77b71c;
	color:#fff;
	text-transform:uppercase;
	font-size:1.8rem;
	font-weight:700;
	line-height:1.2;
	height:5.5rem;
	border-radius:5.5rem;
	align-items:center;
	justify-content:center;
	padding:0 3rem;
}
#homePresentation .bouton{
	margin:2rem 0 12rem 0;
	text-align:center;
	position:relative;
	z-index:1;
}
#homePresentation .bouton a{background:#9f1b18;}
#homePresentation .bouton .animaux img{
	position:absolute;
	top:50%;
	left:50%;
	z-index:-1;
	width:18rem;
	height:12.6rem;
}
#diapoHome{
	background:#000;
	width:100vw;
	height:auto;
	margin:0 0 0 calc(50% - 50vw);
	position:relative;
}
#diapoHome::before{
	content:"";
	position:absolute;
	border:0.3rem solid #9f1b18;
	left:1.5rem;
	top:1.5rem;
	right:1.5rem;
	bottom:1.5rem;
	z-index:2;
}
#diapoHome ul{
	display:block;
	position:relative;
	margin:0 auto;
	/*max-width:46rem;*/
	width:100%;
	height:56.25vw;
	max-height:40rem;
	list-style:none;
	padding:0;
}
#diapoHome ul li{
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	opacity:0;
	transition:opacity 0.5s ease-out;
	background:no-repeat center center;
	background-size:cover;
	list-style:none;
	margin:0;
	padding:0;
}
#diapoHome ul li.active{opacity:1;}
#diapoHome ul li img,
#diapoHome #navDiapo{display:none;}
#flechesDiapo a{
	position:absolute;
	top:calc(50% - 2rem);
	display:block;
	background:url("data:image/svg+xml,%3Csvg enable-background='new 0 0 30 30' version='1.1' viewBox='0 0 30 30' xml:space='preserve' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m15 23.22c-0.58 0-1.09-0.21-1.52-0.62l-10.9-10.91c-0.41-0.41-0.62-0.92-0.62-1.51s0.21-1.09 0.62-1.51l1.25-1.27c0.44-0.41 0.94-0.62 1.52-0.62 0.59 0 1.09 0.21 1.51 0.62l8.14 8.14 8.12-8.14c0.44-0.41 0.94-0.62 1.52-0.62 0.59 0 1.09 0.21 1.51 0.62l1.26 1.27c0.42 0.4 0.64 0.9 0.64 1.51 0 0.6-0.21 1.1-0.64 1.51l-10.9 10.91c-0.42 0.41-0.92 0.62-1.51 0.62z' fill='%239f1b18'/%3E%3C/svg%3E") no-repeat center center #fff;
	background-size:2rem 2rem;
	width:4rem;
	height:4rem;
	z-index:3;
	border-radius:50%;
	transform-origin:center center;
}
#flechesDiapo a:first-child{
	left:0.5rem;
	transform:rotate(90deg);
}
#flechesDiapo a:last-child{
	right:0.5rem;
	transform:rotate(-90deg);
}
@media only screen and (min-width: 1001px){
	#homePresentation > .container{
		display:flex;
		align-items:stretch;
		justify-content:space-between;
		margin:13rem auto 9rem auto;
	}
	#homePresentation > .container > *{
		flex:1 1 auto;
		margin:0 1.5rem;
	}
	#homePresentation > .container > *:first-child{margin-left:0;}
	#homePresentation > .container > *:last-child{margin-right:0;}
	#homePresentation .radis{
		width:23%;
		text-align:right;
		display:block;
		/*display:flex;
		align-items:flex-end;
		justify-content:flex-end;*/
	}
	#homePresentation .radis img{
		position:static;
		transform:none;
		width:auto;
		height:auto;
	}
	#homePresentation .titre{
		width:18%;
		display:flex;
		align-items:flex-end;
		justify-content:space-between;
		flex-direction:column;
		padding:0;
	}
	#homePresentation .titre .animaux{
		align-self:flex-start;
		width:100%;
	}
	#homePresentation .titre .animaux img{display:block;}
	#homePresentation .texte{width:25%;}
	#homePresentation .bouton{margin-bottom:0;}
	#homePresentation .texte .animaux img{display:none;}
	#diapoHome{
		width:30%;
		background:none;
	}
	#diapoHome > div{
		height:calc(100% - 7.5rem);
		background:#000;
	}
	#diapoHome ul{height:100%;}
	#diapoHome::before{bottom:9rem;}
	
	.accueil #diapoHome > div{
		padding-top:75%;
		position:relative;
		height:0;
	}
	.accueil #diapoHome::before{display:none;}
	.accueil #diapoHome > div::before{
		content:"";
		position:absolute;
		border:0.3rem solid #9f1b18;
		left:1.5rem;
		top:1.5rem;
		right:1.5rem;
		bottom:1.5rem;
		z-index:2;
	}
	.accueil #diapoHome ul{
		position:absolute;
		left:0;
		top:0;
		right:0;
		bottom:0;
	}
}

#homeLocal{
	background:url('/images/design/hachures.svg') repeat center center #e3e3e3;
	background-size:0.8rem 0.8rem;
	padding:4rem 0 60vw 0;
	overflow:hidden;
	position:relative;
}
#homeLocal::before{
	content:"";
	z-index:0;
	position:absolute;
	display:block;
	left:0;
	right:0;
	bottom:0;
	top:0;
	background:url('/media/paysage02800__012438800_1257_04022019.png') no-repeat center bottom;
	background-size:100% auto;
	transform-origin:center center;
	transform:scaleX(-1);
}
#homeLocal .container{
	display:flex;
	align-items:stretch;
	justify-content:space-between;
	position:relative;
	z-index:1;
}
#homeLocal .container .image{
	width:calc(40% - 1rem);
	display:flex;
	align-items:flex-end;
	justify-content:flex-end;
}
#homeLocal .container .image img{
	width:auto;
	max-width:none;
	height:18rem;
}
@media only screen and (max-width:450px){
	#homeLocal .container .image img{height:10rem;}
}
#homeLocal .container .texte{
	width:calc(60% - 1rem);
}
#homeLocal .container .texte{
	font-size:1.4rem;
	font-weight:300;
}
#homeLocal .container .texte h2{
	margin:0 0 3rem 0;
	white-space:nowrap;
}
#homeLocal .container .bouton{
	position:absolute;
	top:calc(100% + 3rem);
	left:0;
	right:0;
	text-align:center;
}
#homeLocal .container .bouton a{
	background-color:#007a35;
	white-space:nowrap;
	/*height:auto;
	border-radius:2.75rem;
	padding:0.5rem 1.5rem;*/
}
@media only screen and (min-width: 1001px){
	#homeLocal{padding:6rem 0;}
	#homeLocal .container{align-items:flex-start;}
	#homeLocal::before{
		top:calc(0% - 19vw);
		transform:scaleX(1) translateY(20rem);
		background-position:center top;
	}
	#homeLocal .container .image{
		width:44%;
		justify-content:center;
	}
	#homeLocal .container .texte{
		display:flex;
		justify-content:space-between;
		align-items:center;
		width:56%;
	}
	#homeLocal .container .texte h2{
		margin:0 2rem 0 0;
		flex:0 0 auto;
	}
	#homeLocal .container .bouton{
		position:relative;
		top:0;
		margin:0 0 0 2rem;
	}
}

#homeRecettes{
	background:url('/images/design/motif-light.svg') repeat center center #007a35;
	background-size:21rem 21rem;
	color:#fff;
}
#homeRecettes .intro{
	display:flex;
	align-items:flex-end;
	justify-content:center;
	padding:0 0 3rem 0;
}
#homeRecettes .intro .texte{
	flex:1 1 auto;
	font-weight:300;
	font-size:1.4rem;
	padding:2rem 0;
}
#homeRecettes .intro .image{
	width:40%;
	display:flex;
	align-items:center;
	justify-content:flex-start;
}
#homeRecettes .intro .image img{
	position:relative;
	max-width:none;
	width:auto;
	height:15rem;
}
#homeRecettes .intro .bouton{display:none;}
.widget.articleRecetteHome > .titre{display:none;}
body.pageRecette .entries{
	width:calc(100% - 6rem);
	max-width:80rem;
	margin:0 auto;
}
.blocRecette{
	background:#000;
	position:relative;
	overflow:hidden;
	cursor:pointer;
	margin:1rem auto;
}
.blocRecette .inner{
	position:relative;
	padding-top:56.25%;
}
.blocRecette .poster{
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	background:no-repeat center center;
	background-size:cover;
	opacity:0.5;
}
.blocRecette .poster img{display:none;}
.blocRecette .elements{
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	color:#fff;
	text-decoration:none;
}
.blocRecette .elements .icon{
	display:flex;
	justify-content:center;
	align-items:center;
	border-radius:50%;
	background:#f6aa19;
	width:5rem;
	height:5rem;
	margin:0.5rem 0;
}
.blocRecette .elements .play::before{
	content:"";
	border-style:solid;
	border-width:1rem 0 1rem 1.73rem;
	border-color:transparent transparent transparent #fff;
	transform:translateX(10%);
}
.blocRecette .elements .article::before{
	content:"";
	background:url('/images/design/icon-recette.svg') no-repeat center center;
	background-size:contain;
	width:2rem;
	height:3rem;
}
.blocRecette .elements .titre{
	text-transform:uppercase;
	padding:0 2rem;
	font-size:1.4rem;
	font-weight:300;
	margin:0.5rem 0;
	text-align:center;
	line-height:1.4;
}
/*.blocRecette.article{background:#fff;}
.blocRecette.article .elements{color:#222;}
.blocRecette .elements .icon.article{background-color:#5e6c8d;}
.blocRecette.article .elements .titre{font-weight:400;}*/
.blocRecette iframe {
	position:absolute;
	height:100%;
	width:100%;
	top:0;
	left:0;
}
#homeRecettes .container > .bouton{
	text-align:center;
	padding:3rem 0;
}

.pageRecette #faqContent{
	width:auto;
	max-width:none;
	margin-bottom:0;
}
.pageRecette #faqContent .reponse{padding:0;}
.pageRecette #faqContent .reponse .bulle{background:#f4f1e6;}
@media only screen and (min-width: 1001px){
	body.pageRecette .entries{
		display:flex;
		flex-wrap:wrap;
		align-items:center;
		justify-content:space-between;
	}
	body.pageRecette .entries > .blocRecette{
		width:calc(50% - 2rem);
		display:inline-block;
	}
	#homeRecettes .container{
		display:flex;
		align-items:center;
		justify-content:space-between;
		padding:3rem 0;
	}
	#homeRecettes .container > .bouton{display:none;}
	#homeRecettes .container > *{
		flex:1 1 67%;
		width:calc(33% - 1.5rem);
		margin:0 1.5rem;
	}
	#homeRecettes .container > *:first-child{margin-left:0;}
	#homeRecettes .container > *:last-child{margin-right:0;}
	#homeRecettes .intro{
		padding-bottom:7.5rem;
		position:relative;
		flex:1 1 33%;
	}
	#homeRecettes .intro .image{width:50%;}
	#homeRecettes .intro .image img{
		width:auto;
		height:auto;
		margin:0 2rem;
		max-width:100%;
	}
	#homeRecettes .intro .bouton{
		position:absolute;
		display:block;
		left:0;
		right:0;
		bottom:0;
		text-align:center;
	}
	#homeRecettes .articleRecetteHome{font-size:0;}
	#homeRecettes .articleRecetteHome > .titre{display:none;}
	#homeRecettes .articleRecetteHome .blocRecette{
		display:inline-block;
		width:calc(50% - 2rem);
		margin:0 auto;
	}
	#homeRecettes .articleRecetteHome .blocRecette{margin-left:2rem;}
	
	#recetteContents{
		display:grid;
		grid-template-columns:1fr 1fr;
	}
	#recetteContents > .bloc{margin:1rem 0;}
	#recetteContents > .bloc:nth-child(odd){padding-right:2rem;}
	#recetteContents > .bloc:nth-child(even){padding-left:2rem;}
	#recetteContents > .bloc:nth-child(3){
		padding:0;
		grid-column:span 2;
	}
	.articleAction.boutons{
		display:flex;
		align-items:center;
		justify-content:space-between;
		margin:4rem 0 0 0;
	}
	.articleAction.boutons > a:not(:first-child){
		margin-left:2rem;
	}
}

#homeActus{
	position:relative;
	background:url('/images/design/fondActus.jpg') no-repeat center center #fff;
	background-size:cover;
	padding:0 0 4rem 0;
}
#homeActus h2.titreHome{cursor:pointer;}
#homeActus .blocs > *{margin:2rem auto;}
#homeActus .dcsns-toolbar{display:none;}
#homeActus .header{
	position:relative;
	display:flex;
	align-items:flex-end;
	justify-content:center;
	flex-direction:column;
	padding:5rem 0;
}
#homeActus .header::before{
	content:"";
	background:url('/media/radis06m__055480500_1537_08022019.png') no-repeat center center;
	background-size:contain;
	display:block;
	position:absolute;
	width:20rem;
	height:28rem;
	transform-origin:center center;
	left:0;
	top:50%;
	transform:translate(-50%, -50%) rotate(30deg);
}
#homeActus .header .pictos a,
#directoryPresentation .pictos a{
	display:inline-block;
	border-radius:50%;
	width:4rem;
	height:4rem;
	background:no-repeat center center;
	background-size:2.4rem 2.4rem;
	transition:opacity 0.3s ease-out;
	font-size:0;
	vertical-align:middle;
}
#homeActus .header .pictos a.nws{
	background-image:url('/images/design/social-actus.svg');
	background-color:#77b71c;
}
#homeActus .header .pictos a.fbk,
#directoryPresentation .pictos a.fbk{
	background-image:url('/images/design/social-facebook.svg');
	background-color:#3b5998;
}
#homeActus .header .pictos a.ytb,
#directoryPresentation .pictos a.ytb{
	background-image:url('/images/design/social-youtube.svg');
	background-color:#d22215;
}
#homeActus .widget.widgetActuHome > .titre{display:none;}
#homeActus ul.stream,
#homeActus ul.stream li{
	display:block;
	list-style:none;
	margin:0;
	padding:0;
	position:relative !important;
	top:auto !important;
	left:auto !important;
}
#homeActus ul.stream{
	width:100% !important;
	height:auto !important;
	display:flex;
	flex-direction:column;
}
#homeActus .blocRecette,
#homeActus .actuForme{
	/*width:auto;*/
	width:100%;
	margin:0;
	max-width:none;
	display:block;
	background:#77b71c;
}
#homeActus .blocRecette .inner{background:#000;}
#homeActus .blocRecette .visuel::before,
#homeActus .actuForme .visuel::before{display:none;}
#homeActus .blocRecette .texte,
#homeActus .actuForme .texte{background:#77b71c;}
#homeActus #containerFB .stream li .section-text{background:#3b5998;}
#homeActus #containerYT .stream li .section-title{background:#d22215;}
#homeActus .blocRecette .texte,
#homeActus .actuForme .texte,
#homeActus #containerFB .stream li .section-text{
	display:block;
	color:#fff;
	padding:2rem 3rem 3rem 3rem;
	font-size:1.3rem;
	line-height:1.4;
}
#homeActus #containerYT .stream li .section-title{
	display:block;
	color:#fff;
	padding:2rem 3rem 3rem 3rem;
	font-family:'Roboto Condensed',Roboto,sans-serif;
	font-size:1.8rem;
	line-height:1.4;
	font-weight:700;
	text-transform:uppercase;
}
#homeActus .stream li .section-text a{color:#fff;}
#homeActus #containerFB .stream li .section-thumb,
#homeActus #containerYT .stream li .section-thumb{
	display:block;
	flex:0 0 auto;
}
#homeActus #containerFB .stream li .section-thumb img,
#homeActus #containerYT .stream li .section-thumb img{
	display:block;
	width:100%;
}
#homeActus #containerYT .stream li .section-user,
#homeActus #containerYT .stream li .section-share,
#homeActus #containerFB .stream li .section-intro,
#homeActus #containerYT .stream li .section-intro{display:none;}

#homeActus .blocs > :not(.dcsns-toolbar) .blocRecette:not(:first-child),
#homeActus .blocs > :not(.dcsns-toolbar) .actuForme:not(:first-child),
#homeActus ul.stream li:not(:first-child){display:none;}

/* Gestion des filtres */
#homeActus .header .pictos.active a{opacity:0.5;}
#homeActus .header .pictos.active a.active{opacity:1;}
#homeActus .blocs{display:block;}
#homeActus .blocs.hasActive > .isBlocInactif:not(.dcsns-toolbar){display:none;}
#homeActus .blocs.hasActive > .isBlocActif:not(.dcsns-toolbar) .blocRecette,
#homeActus .blocs.hasActive > .isBlocActif:not(.dcsns-toolbar) .actuForme,
#homeActus .blocs.hasActive > .isBlocActif:not(.dcsns-toolbar) ul.stream li{
	display:block;
	margin:0 0 2rem 0;
}

@media only screen and (min-width: 1001px){
	#homeActus .blocs{
		display:flex;
		align-items:stretch;
		justify-content:space-between;
	}
	#homeActus .blocs > *{
		flex:1 1 33%;
		width:33%;
		margin:0 1.5rem;
	}
	#homeActus .blocRecette .inner{
		position:absolute;
		left:0;
		right:0;
		top:0;
		bottom:0;
	}
	#homeActus .blocs > *:first-child{margin-left:0;}
	#homeActus .blocs > *:last-child{margin-right:0;}
	#homeActus ul.stream,
	#homeActus ul.stream li{margin:0;}
	#homeActus .blocs > *:not(.dcsns-toolbar),
	#homeActus .blocs > *:not(.dcsns-toolbar) .widgetContainer,
	#homeActus .blocs > *:not(.dcsns-toolbar) .homeContext,
	#homeActus .blocs > *:not(.dcsns-toolbar) .blocRecette,
	#homeActus .blocs > *:not(.dcsns-toolbar) .actuForme,
	#homeActus .blocs > *:not(.dcsns-toolbar) .dcsns-content,
	#homeActus .blocs > *:not(.dcsns-toolbar) .stream{
		display:flex;
		align-items:stretch;
		justify-content:center;
	}
	#homeActus .blocs > *:not(.dcsns-toolbar) > *,
	#homeActus .blocs > *:not(.dcsns-toolbar) .stream{flex:1 1 auto;}
	#homeActus .blocs > *:not(.dcsns-toolbar) .blocRecette,
	#homeActus .blocs > *:not(.dcsns-toolbar) .actuForme{
		flex-direction:column;
	}
	#homeActus .blocs > *:not(.dcsns-toolbar) .blocRecette > .texte,
	#homeActus .blocs > *:not(.dcsns-toolbar) .actuForme > .texte{flex:1 0 auto;}
	#homeActus ul.stream li{
		flex:1 0 auto;
		display:flex;
	}
	#homeActus ul.stream li > *:not(.inner){display:none;}
	#homeActus ul.stream li > .inner{
		display:flex;
		flex-direction:column;
		width:100%;
	}
	#homeActus ul.stream li > .inner .clear{display:none;}
	#homeActus ul.stream li > .inner .section-text,
	#homeActus ul.stream li > .inner .section-title{
		flex:1 0 auto;
	}
	
	/* Gestion des filtres */
	#homeActus .blocs.hasActive > .isBlocActif:not(.dcsns-toolbar) .homeContext,
	#homeActus .blocs.hasActive > .isBlocActif:not(.dcsns-toolbar) .widgetContainer,
	#homeActus .blocs.hasActive > .isBlocActif:not(.dcsns-toolbar) ul.stream{
		display:flex;
		flex-direction:row;
		align-items:stretch;
		justify-content:flex-start;
	}
	#homeActus .blocs.hasActive > .isBlocActif:not(.dcsns-toolbar) .blocRecette,
	#homeActus .blocs.hasActive > .isBlocActif:not(.dcsns-toolbar) .actuForme,
	#homeActus .blocs.hasActive > .isBlocActif:not(.dcsns-toolbar) ul.stream li{
		flex:0 0 calc(33.333% - 2rem);
		margin:0 1.5rem;
		display:flex;
		align-items:stretch;
		justify-content:center;
	}
	#homeActus .blocs.hasActive > .isBlocActif:not(.dcsns-toolbar) .blocRecette:first-child,
	#homeActus .blocs.hasActive > .isBlocActif:not(.dcsns-toolbar) .actuForme:first-child,
	#homeActus .blocs.hasActive > .isBlocActif:not(.dcsns-toolbar) ul.stream li:first-child{margin-left:0;}
	#homeActus .blocs.hasActive > .isBlocActif:not(.dcsns-toolbar) .blocRecette:last-child,
	#homeActus .blocs.hasActive > .isBlocActif:not(.dcsns-toolbar) .actuForme:last-child,
	#homeActus .blocs.hasActive > .isBlocActif:not(.dcsns-toolbar) ul.stream li:last-child{margin-right:0;}
}

/*==================*\
#    Page contact    #
\*==================*/
.contact h1{
	background-color:#76b51c;
	font-family:'Roboto Condensed',Roboto,Arial,sans-serif;
	font-size:3rem;
	text-transform:uppercase;
	font-weight:700;
}
#formContact{
	width:calc(100% - 6rem);
	max-width:40rem;
	margin:0 auto;
	padding:0 0 4rem 0;
}
#formContact form{margin:0;}
#choixContact{
	color:#5e6c8d;
	font-weight:700;
	font-size:1.5rem;
	line-height:2rem;
	padding:2rem 0 0 0;
}
#choixContact .texte{margin:2rem 0;}
#choixContact .boutons{
	display:flex;
	justify-content:space-between;
}
#choixContact .boutons a{
	display:inline-block;
	width:calc(50% - 1rem);
	border-radius:0.5rem;
	background:#fff;
	text-align:center;
	padding:0.5rem 1rem;
	cursor:pointer;
	transition:0.3s ease-out;
	transition-property:background-color, color;
}
#choixContact .boutons a.active{
	background:#76b51c;
	color:#fff;
}
.widgetBlocFAQ,
.widgetBlocFAQ > .titre{display:none;}
#blocFAQ .widgetBlocFAQ{display:block;}
#formContact .row .select{width:10rem;}
#formContact .row.message{margin:3rem 0;}
#formContact .row.message label{font-weight:700;}
.row.captcha .ligneImage{
	display:flex;
	align-items:center;
	justify-content:flex-start;
	margin:0 0 1rem 0;
}
.row.captcha .ligneImage a{
	text-decoration:none;
	color:#5e6c8d;
	font-weight:300;
	font-size:1.5rem;
	margin:0 0 0 1rem;
	line-height:1.2;
}
#formContact .row.consentement .group_multi_radio .multi_radio label{
	background:none;
	border-radius:0%;
	padding:0;
}
.zoneChamp.consentRGPD{
	display:flex;
	line-height:1.2;
	align-items:flex-start;
	justify-content:flex-start;
}
.formulaire form .row input.consentRGPD{
	flex:0 0 auto;
	width:auto;
	margin:0.2em .5rem 0 0;
	padding:0;
	vertical-align:baseline;
}
.formulaire form .row input.consentRGPD + .aide{
	border:none;
	padding:0;
	color:#5e6c8d;
	font-size:1.5rem;
	font-weight:300;
}
#footerContact{
	font-weight:300;
	font-size:1.4rem;
	color:#949084;
}

#blocFAQ{
	background:#76b51c;
	overflow:hidden;
	margin:2rem auto 0 auto;
	color:#fff;
}
#blocFAQ h2{
	font-family:'Roboto Condensed',Roboto,Arial,sans-serif;
	font-size:2rem;
	font-weight:700;
	text-transform:uppercase;
	display:flex;
	background:url('/images/design/motif.svg') repeat center center;
	background-size:12rem 12rem;
	align-items:center;
	justify-content:space-between;
	padding:2rem;
	line-height:1.2;
	margin:0;
	color:#fff;
}
#blocFAQ h2::after{
	content:"";
	background:url('/media/personnages02s__067099200_1259_11022019.png') no-repeat center center;
	display:inline-block;
	width:8rem;
	height:6.4rem;
	background-size:contain;
}
#blocFAQ p{
	margin:1rem 2rem;
	font-size:1.4rem;
}
#blocFAQ a.bouton{
	margin:1rem;
	background:url('/images/design/hachures.svg') repeat center center #518900;
	background-size:0.8rem 0.8rem;
	font-family:'Roboto Condensed',Roboto,Arial,sans-serif;
	width:auto;
	display:block;
}

/*==============*\
#    Page FAQ    #
\*==============*/
#faq h1{
	font-family:'Roboto Condensed',Roboto,Arial,sans-serif;
	font-size:3rem;
	text-transform:uppercase;
	font-weight:700;
}
#faqContent{
	width:calc(100% - 6rem);
	max-width:80rem;
	margin:3rem auto;
}
#faqContent .question{
	color:#5e6c8d;
	font-weight:700;
	font-size:1.8rem;
	line-height:1.4;
	padding:1rem 0;
	display:flex;
	justify-content:space-between;
	align-items:center;
	transition:color 0.3s ease-out;
	cursor:pointer;
	background:#f4f1e6;
	position:relative;
}
#faqContent .question::before{
	content:"";
	display:inline-block;
	width:0.7rem;
	height:0.7rem;
	background:#f14742;
	position:absolute;
	right:calc(100% + 0.4em);
	border-radius:50%;
	top:calc(0.8em + 0.6rem);
}
#faqContent .question::after{
	content:"";
	display:block;
	width:0.7rem;
	height:0.7rem;
	border-right:0.3rem solid #5e6c8d;
	border-bottom:0.3rem solid #5e6c8d;
	transform-origin:center center;
	transform:rotate(-45deg);
	margin:0 0 0 2rem;
	transition:0.3s ease-out;
	transition-property:transform, border-color;
}
#faqContent .question:hover,
#faqContent .question:active{color:#f14742;}
#faqContent .question.active{color:#007a35;}
#faqContent .question:hover::after,
#faqContent .question:active::after{border-color:#f14742;}
#faqContent .question.active::after{
	border-color:#007a35;
	transform:rotate(45deg);
}
#faqContent .reponse,
.bulleRadis{
	position:relative;
	padding:10rem 0 2rem 0;
}
.bulleRadis{
	margin:3rem auto;
	width:calc(100% - 6rem);
	max-width:80rem;
}
#faqContent .reponse .bulle,
.bulleRadis .bulle{
	position:relative;
	background:#fff;
	border-radius:0.5rem;
	padding:1rem 2rem;
	min-height:7rem;
}
#faqContent .reponse .radis,
.bulleRadis .radis{
	position:absolute;
	left:0;
	bottom:100%;
	padding:0;
}
#faqContent .reponse .radis::after,
.bulleRadis .radis::after{
	content:"";
	display:block;
	width:0;
	height:0;
	border-style:solid;
	border-width:1.5rem 0 0 1.5rem;
	border-color:transparent transparent transparent #fff;
	position:absolute;
	left:7rem;
	bottom:0;
}
#faqContent .reponse .radis img,
.bulleRadis .radis img{
	display:block;
	width:8rem;
	height:9.56rem;
	max-width:none;
}
#faqContent .reponse .bulle .texte > :first-child{margin-top:0;}
#faqContent .reponse .bulle .texte > :last-child{margin-bottom:0;}
#resultsHeader #faqContent .reponse .radis{padding-bottom:1rem;}

@media only screen and (min-width: 550px){
	#faqContent .reponse,
	.bulleRadis{padding-top:0;}
	#faqContent .reponse .radis,
	.bulleRadis .radis{
		left:auto;
		bottom:auto;
		right:100%;
		top:0;
		padding:0 1rem 0 0;
	}
	#faqContent .reponse .radis::after,
	.bulleRadis .radis::after{
		border-width:0 1.5rem 1.5rem 0;
		border-color:transparent #fff transparent transparent;
		left:auto;
		right:0;
		bottom:auto;
		top:5rem;
	}
}

#ficheRecette,
#article,
#newsList,
#newsletter,
#forms,
.bodyActus #directory{
	width:calc(100% - 6rem);
	max-width:40rem;
	margin:0 auto;
	padding:0 0 3rem 0;
}
#newsList{
	max-width:none;
	text-align:center;
}
#article,
.bodyActus #directory{max-width:80rem;}
#article h1{margin-bottom:3rem;}
.actuArchiveDate{font-size:0.8em;opacity:0.8;}
.actuArchiveDate:empty{display:none;}
.actuArchiveDate:not(:empty)::before{content:' - ';}
.newsArchivesLink{text-align:center;}
#ficheRecette .directoryEntryDetailDefaultPicture{margin:3rem 0;}
#ficheRecette .boutons a.bouton:first-child{background-color:#f6aa19;}
#divmap_1{
	margin:0 !important;
	position:relative;
	left:50%;
	transform:translateX(-50%);
	width:100vw !important;
	height:80vh !important;
}
#gMapWindowContent{
	width:auto !important;
	height:auto !important;
	max-width:40rem;
}
#gMapWindowContent .ficheResto{
	margin:0;
	width:100%;
	max-width:none;
	display:block;
}
#gMapWindowContent .ficheResto .visuel{display:none;}
#gMapWindowContent .ficheResto .texte{width:100%;}
#gMapWindowContent .ficheResto .texte .inner{padding:0 0 2rem 0;}
#gMapWindowContent .ficheResto .boutons a.boutonFiche,
#gMapWindowContent .ficheResto .boutons a.boutonFavori{
	height:auto;
	line-height:1.2;
	padding:1rem;
}
#modalFavori{
	position:fixed;
	left:50%;
	top:50%;
	width:calc(100% - 6rem);
	max-width:40rem;
	background:#fff;
	box-shadow:0 0 0 100vmax rgba(0,0,0,0.5);
	transform:translate(-50%, -50%);
	z-index:999;
}
#modalFavori .titre{
	color:#fff;
	background:#77b71c;
	text-transform:uppercase;
	display:flex;
	align-items:stretch;
	justify-content:space-between;
	text-align:center;
}
#modalFavori .titre > span{
	flex:1 1 auto;
	display:inline-flex;
	align-items:center;
	justify-content:center;
}
#modalFavori .close{
	width:3rem;
	height:3rem;
	flex:0 0 3rem;
	margin:0.3rem;
	border-radius:0.3rem;
	background:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22%23000000%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M19%206.41L17.59%205%2012%2010.59%206.41%205%205%206.41%2010.59%2012%205%2017.59%206.41%2019%2012%2013.41%2017.59%2019%2019%2017.59%2013.41%2012z%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%0A%3C%2Fsvg%3E%0A') no-repeat center center #fff;
	background-size:2rem 2rem;
	display:inline-block;
}
#modalFavori .content{
	padding:2rem 3rem;
}
#leftbar{display:none;}


p.hidden{display:none;}
.articlesExperts,
.articlesExperts > .titre{display:none;}
#articlesExperts .articlesExperts{
	display:block;
	text-align:center;
}
.widget.articlesExperts .actuForme{
	width:100%;
	margin:1rem auto;
}
.widget.articlesExperts .actuForme .visuel::before{display:none;}
.widget.articlesExperts .actuForme .texte{
	background:#ef4641;
	color:#fff;
	padding:2rem 4rem;
}
.widget.articlesExperts .actuForme a.widgetLastElementsLink{color:#fff;}
.widget.articlesExperts .actuForme a.widgetLastElementsLink::before{box-shadow:-3.5rem 0 0 0 #fff, -2.1rem 0 0 0 #fff, -0.7rem 0 0 0 #fff;}
@media only screen and (min-width:1001px){
	#articlesExperts .articlesExperts .widgetContainer,
	#articlesExperts .boxdirectories.articlesExperts{
		display:flex;
		justify-content:space-between;
	}
	.widget.articlesExperts .actuForme{
		width:calc(34% - 4rem);
		margin:1rem 2rem;
	}
	.widget.articlesExperts .actuForme:first-child,
	.widget.articlesExperts .titre + .actuForme{margin-left:0;}
	.widget.articlesExperts .actuForme:last-child{margin-right:0;}
	.widget.articlesExperts .actuForme .texte{padding:2rem;}
}




#social{
	text-align:center;
	margin:2rem auto;
	border-top:0.1rem solid rgba(0,0,0,0.2);
}
.accueil #social,
.noSocial #social{display:none;}
#social a{
	display:inline-block;
	text-decoration:none;
	color:#000;
	font-weight:bold;
	text-transform:uppercase;
	font-size:0;
	margin:1.5rem;}
#social a.icoFb:hover    {color:#3b5998;}
#social a.icoTwt:hover   {color:#1da1f2;}
#social a.icoGplus:hover {color:#dc4e41;}
#social a.icoLIn:hover   {color:#0077b5;}
#social a .picto{
	width:4rem;
	height:4rem;
	box-sizing:border-box;
	border-radius:50%;
	background:#000;
	text-align:center;
	line-height:0;
	font-size:0;
	transition:0.3s ease-out;
	transition-property:background-color, box-shadow, transform;
	box-shadow:inset 0 0 2rem 0 rgba(0,0,0,0.5);
	transform-origin:center center;
	transform:scale(1);
	display:inline-block;
	vertical-align:middle;
	margin:-0.1rem .5rem .1rem 0;}
#social a.icoFb 	 .picto{background:#3b5998;}
#social a.icoTwt 	 .picto{background:#1da1f2;}
#social a.icoGplus   .picto{background:#dc4e41;}
#social a.icoLIn 	 .picto{background:#0077b5;}
#social a.icoFb:hover    .picto,
#social a.icoTwt:hover   .picto,
#social a.icoGplus:hover .picto,
#social a.icoLIn:hover   .picto,
#social a:hover 		   .picto{
	background:#eee;
	box-shadow:inset 0 0 2rem 0 rgba(0,0,0,0.2);
	transform:scale(1.2);}
#social a .picto svg{
	display:inline-block;
	margin:.9rem 0;}
#social a.icoTwt .picto svg{margin:1.1rem 0;}
#social a .picto svg path{
	fill:#fff;
	transition:fill 0.3s ease-out;
}
#social a.icoFb:hover    .picto svg path{fill:#3b5998;}
#social a.icoTwt:hover   .picto svg path{fill:#1da1f2;}
#social a.icoGplus:hover .picto svg path{fill:#dc4e41;}
#social a.icoLIn:hover   .picto svg path{fill:#0077b5;}

#linksList .pageContent{
	width:calc(100% - 6rem);
	max-width:80rem;
	margin:4rem auto;
}
#linksList .pageContent .lien{margin:2rem auto;}




.bodyActus .entries{
	
}
.bodyActus .entries .blocRecette{
	width:100%;
}
.bodyActus .entries .actuForme{
}
#directoryPresentation{
	text-align:center;
	margin:3rem auto;
	font-size:1.8rem;
}
@media only screen and (min-width:980px){
	.bodyActus .entries{
		overflow:hidden;
		width:calc(100% + 4rem);
		margin:0 -4rem 0 0;
		font-size:0;
	}
	.bodyActus .entries .blocRecette,
	.bodyActus .entries .actuForme{
		width:calc(50% - 4rem);
		margin:0 4rem 4rem 0;
		display:inline-block;
	}
	.bodyActus .entries .actuForme{float:left;}
	.bodyActus .entries .blocRecette + .bodyActus .entries .actuForme{clear:left;}
}





/*=======================*\
#    Gestion du compte    #
\*=======================*/

#accountActions ul{display:none;}
.pageCompte #contents{
	width:calc(100% - 6rem);
	max-width:80rem;
	margin:0 auto 3rem auto;
}
.pageCompte #contents h1{margin-bottom:3rem;}
div.messageConfirm,
div.confirmation_subscription{
	background:rgba(186,218,85,0.5);
	margin:2rem auto;
	padding:1rem 2rem;
}
div.messageError{
	background:rgba(218,85,85,0.3);
	margin:2rem auto;
	padding:1rem 2rem;
}
div.messageConfirm:empty,
div.messageError:empty{display:none;}
.subscribeNewsletter.formulaire form{max-width:80rem;}
#mesrestaurants{
	width:100%;
	max-width:96rem;
	margin:0 auto;
}
#listeRestaurants{
	width:100%;
}
#listeRestaurants td{
	vertical-align:middle;
}
#listeRestaurants td:first-child{padding:0.5rem 1rem;}
#listeRestaurants td:nth-child(2){width:3rem;}
#listeRestaurants tr.ligne td{background:#fff;}
#listeRestaurants td:first-child a{
	text-decoration:none;
	color:#f14742;
}
#listeRestaurants .action.delete a{
	display:block;
	width:3rem;
	height:3rem;
	position:relative;
}
#listeRestaurants .action.delete a::before,
#listeRestaurants .action.delete a::after{
	content:'';
	display:block;
	width:70%;
	height:10%;
	background:#222;
	transform-origin:center center;
	position:absolute;
	left:15%;
	top:45%;
}
#listeRestaurants .action.delete a::before{
	transform:rotate(-45deg);
}
#listeRestaurants .action.delete a::after{
	transform:rotate(45deg);
}

.widget.liensCompte .titre{display:none;}
.widget.liensCompte ul{
	list-style:none;
	display:flex;
	flex-wrap:wrap;
	align-items:stretch;
	justify-content:center;
	margin:2rem auto;
	padding:0;
}
.widget.liensCompte ul li{
	margin:0.5ch;
	padding:0;
	flex:1 1 calc(20% - 2ch);
	text-align:center;
	display:flex;
	align-items:stretch;
	justify-content:center;
}
.widget.liensCompte ul li a{
	flex:1 1 100%;
	display:flex;
	align-items:center;
	justify-content:center;
	padding:0.5rem 2rem;
	background:rgba(0,0,0,0.1);
	text-decoration:none;
	font-size:1.4rem;
	line-height:1.2;
	color:#444;
}
.form-add-rest{
	border:1px solid rgba(0,0,0,0.3);
	padding:1rem 2rem;
}
.form-add-rest #divclasses{display:none !important;}
.form-add-rest .submit{
	display:flex;
	align-items:stretch;
	justify-content:space-between;
}
.form-add-rest .submit input{
	width:calc(50% - 1rem);
}
#mesrestaurants .ajout a{
	background-color:#f14742;
}
#mesrestaurants .ajout a img{display:none;}

#carteProducteurs{
	width:100%;
	height:70vh;
	display:block;
}
@media only screen and (max-width: 979px){
	#carteProducteurs{
		height:100vh;
	}
}


@media only screen and (min-width: 980px){
	.mobile{display:none !important;}
}
@media only screen and (max-width: 979px){
	.nomobile{display:none !important;}
	.container{
		width:calc(100% - 6rem);
		max-width:300px;
	}
}


/* changelog - Mirary - 08/12/21 - EVOL - Simplifier le process d'abonnement et désabonnement Newsletter - Radis la Toque - Mediapilote Angers [2021-3207]  */
.subscription_page form {
    max-width: calc(100% - 3rem);
    width: 80rem;
    margin: 3rem auto;
}
	.subscription_page .notification {
	    max-width: calc(100% - 6rem);
	    width: 80rem;
	    margin: 3rem auto 3rem;
	    background: #9d0d1c;
	    color: #fff;
	    text-align: center;
	    border-radius: .25rem;
	    padding: 2rem;
	    line-height: 1.1;
	}
	.subscription_page .row {
	    display: flex;
	    align-items: center;
	    margin: 1.5rem 0;
	}
		.subscription_page .row input[type="checkbox"] {
		    margin: 0 1rem 0 0;
		}
		.subscription_page .row .uppercase {
			text-transform: uppercase;
			font-weight: bold;
		}

	.subscription_page form legend {
	    color: #5e6c8d;
	    font-weight: 700;
	}

.confirmation_page .content {
    max-width: calc(100% - 3rem);
    width: 80rem;
    margin: 5rem auto;
}
	.listResto {
	    margin: 0 0 3rem;
	}
		.listResto a, 
		.listActu span,
		.listResto span {
		    text-decoration: none;
		    text-transform: uppercase;
		    font-weight: bold;
		    background: white;
		    padding: .25rem 1rem;
		    border-radius: .25rem;
		    color: #5e6c8d;
		    display: inline-block;
		}

.boutonNewsletter {
    width: 40rem;
    margin: 3rem auto;
    max-width: 100%;
}
	.boutonNewsletter a {
	    background: url('/images/design/hachures.svg') repeat center center #f14742;
	    background-size: 0.8rem 0.8rem;
	    width: 100%;
	    margin: 3rem auto;
	    padding: 2rem;
	    color: #fff;
	    display: block;
	    text-align: center;
	    text-transform: uppercase;
	    text-decoration: none;
	    font-weight: 100;
	    font-size: 1.5rem;
	    line-height: 1.1;
	    transition: .5s ease 0s;
	}
	.boutonNewsletter a:hover, 
	.boutonNewsletter a:focus {
	    background: #fff;
	    color: #f14742;
	}