#slideshowWrapper {width:100%;}
#liens-utiles {text-shadow:none;background:#000;padding:0 10px;height:30px;border:0;}

input:focus-visible {
  outline:none;
}
h1, h2, h3, h4, h5, h6, .h1 {color:var(--black);}
h2#accroche {text-align:center;}
#logo, #appeleznous {margin:0 auto 0 40px;display:block;}
#appeleznous {margin:0 0 0 auto;mix-blend-mode:multiply;}

#radios div {width:auto;padding:20px 10px;float:none;display:block;flex: 1 0 auto;}
#slideshowWrapper {background:var(--green);}
#header {position:relative;background:var(--green);display:flex;align-items:center;justify-content:center;width:100%;}

/* ---- Colonne de gauche ------------------------------------------------------------------------------------------- */
#changer-quartier {margin-top:20px;}
#changer-quartier ul {list-style-type:none; padding:0;}
/* ------------------------------------------------------------------------------------------------------------------ */


/* ---- Affichage restaurant ---------------------------------------------------------------------------------------- */
#liste-restos > div {position:relative; margin:10px 0px; padding:20px; border:2px solid #DDDDDD; border-radius:5px;}
#liste-restos > div:hover, #liste-restos > div:hover img.classe_logo { background:#f8f9fa; border:2px solid var(--green); }
#liste-restos .logo-resto{ float:none; padding:0; }
h2 { font-family: 'Montserrat'; font-weight:600; font-size:20px; line-height:1; color:#3d3c3f; text-align:center; }
h2 a { color:#3d3c3f; text-decoration: none; }
h2 a:hover { font-weight:600; color:var(--green); text-decoration: none; }
h3 { font-weight:normal; font-size:14px; color:#3d3c3f; }
#liste-restos ul { list-style-type:none; padding:0; }
#liste-restos ul li { display:inline; margin-left:10px; color:#9d9d9f; font-size:13px; }
#liste-restos ul li.ouvert { font-weight:bold; color:green; }
#liste-restos ul li.ferme { font-weight:bold; color:#CC3300; }
#liste-restos ul li.precommande { font-weight:bold; color:#1f76a0; }
#liste-restos ul li i { margin-right: 5px; }
#liste-restos ul li:first-child { margin-left:0px; }
#liste-restos ul li:last-child { flex:1 0 100%; }
#liste-restos p { color:#9d9d9f; font-size:12px; }

.btn-ajouter, #btn-valider, #liste-restos a.btn-suite, #carte a.btn-visualiser {margin:0 auto;text-align:center;line-height:2;padding:0;}

#liste-restos a.btn-comp {background:var(--green);position:relative;box-shadow:none;margin:0 auto 0 10px;text-shadow:none;border-radius:20px;border:none;color:#fff;text-align:center;line-height:2;padding:0;}
#liste-restos a.btn-comp:hover {background:var(--black);}

.avis_liste {
	width:			90px;
	height: 		15px;
	padding-top: 	15px;
	text-align: 	center;
	border: 		0px solid blue;
}
.rating-0 { background: url(/img/rating-0.png) no-repeat; background-position: 50% 0%; }
.rating-1 { background: url(/img/rating-1.png) no-repeat; background-position: 50% 0%; }
.rating-2 { background: url(/img/rating-2.png) no-repeat; background-position: 50% 0%; }
.rating-3 { background: url(/img/rating-3.png) no-repeat; background-position: 50% 0%; }
.rating-4 { background: url(/img/rating-4.png) no-repeat; background-position: 50% 0%; }
.rating-5 { background: url(/img/rating-5.png) no-repeat; background-position: 50% 0%; }
/* ------------------------------------------------------------------------------------------------------------------ */

a.lien_simple_couleur, span.lien_simple_couleur {color:var(--green);}
a.lien_simple, span.lien_simple {color:var(--green); font-size:16px;}
a.lien_simple_bis, span.lien_simple_bis {color:var(--black); font-size:16px;}
a.lien_simple_couleur:hover, a.lien_simple:hover, a.lien_simple_bis:hover,
span.lien_simple_couleur:hover, span.lien_simple:hover, span.lien_simple_bis:hover{font-weight:600; text-decoration:none;}
.promo {height:30px;line-height:30px;padding:0 10px;}
.promo ul li {line-height:30px;margin:0;}

#liste-restos .resto .row .col-3 {display:flex;flex-direction:column;align-items:center;}
#liste-restos h2 {text-align:left;}
#liste-restos > div .row .col-9 .div_warning + .row {flex-direction:row-reverse;}

#etapes {background:none;padding:0;margin:1em auto;height:auto;width:100%;text-align:center;display:flex;align-items:flex-start;justify-content:center;}
#etapes + .inner {display:flex;flex-direction:row;align-items:center;justify-content:center;flex-wrap:wrap;}
.etape {display:flex;flex-direction:column;align-items:center;justify-content:flex-start;color:var(--black);}
.etape img {flex:none;margin:0 auto .5em auto;}
.etape strong {font-family:'Montserrat';font-weight:600;font-size:1.1em;text-shadow:none;margin-bottom:1em;color:var(--black);letter-spacing:initial;line-height:1.2;}
#selection-restos {flex:1 0 100%;display:flex;margin:10vh auto 5vh auto;padding:2em;text-align:center;align-items:center;justify-content:center;background:var(--green);transform:skewY(-2deg);box-sizing:border-box;}
#selection-restos .panel {width:100%;height:auto;text-align:center;background:none;margin:0;box-shadow:none;}
#selection-restos .panel a {text-decoration:none;}
#selection-restos img {width:auto;height:auto;max-width:100%;max-height:100%;border-radius:0;display:block;margin:0 auto;}
.caption-bottom {position:relative;background:none;left:auto;margin:0 auto;border:0;width:100%;height:auto;padding:0;}
#selection-restos .h3 {font-family:'Montserrat';font-weight:600;font-size:2.5em;text-shadow:none;margin-bottom:1em;color:var(--black);letter-spacing:initial;line-height:1.2;}
#selection-restos h3 {font-family:'Montserrat';font-weight:600;font-size:2.5em;text-shadow:none;margin-bottom:.5em;color:#fff;letter-spacing:initial;line-height:1.2;top:0;}
#visuel-principal {margin-bottom:10vh;}

.wait li {list-style:none;}

#ph-atouts {display:flex;align-items:center;justify-content:center;float:none;margin:0;background:none;display:none;}
#caroussel-atouts .h2 {font-family:'Montserrat';font-weight:500;font-size:1.2em;text-shadow:none;margin-bottom:.5em;color:#fff;letter-spacing:initial;line-height:1.2;transform:none;text-transform:none;}
#caroussel-atouts p {text-align:center;}

.annexes {display:flex;flex-direction:row;align-items:center;justify-content:center;}
.annexes .annexe {width:auto;height:auto;margin:0 auto;padding:0;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1 0 calc(100%/3);border:none!important;}
.annexes .annexe img {width:60px;height:60px;max-width:100%;max-height:100%;border-radius:0;display:block;margin:0 auto 1em auto;float:none;padding:0;object-fit:contain;object-position:center;}
p.btn-action, .btn-ajouter, #btn-valider, #liste-restos a.btn-suite, #carte a.btn-visualiser {background:var(--green);position:relative;box-shadow:none;margin:2em auto;text-shadow:none;border-radius:20px;border:none;color:#fff;}
.annexe p {letter-spacing:0;color:var(--black);font-size:.9em;}
.annexe p.btn-action {color:#fff;font-size:1.1em;width:70%;line-height:2;}
.annexe .h4 {font-family:'Montserrat';font-weight:600;font-size:1.2em;text-shadow:none;margin-bottom:1em;color:var(--black);letter-spacing:initial;line-height:1.2;}
p.btn-action a {color:#fff;box-shadow:none;text-shadow:none;text-decoration:none;}
p.btn-action:hover, .btn-ajouter:hover, #btn-valider:hover, #liste-restos a.btn-suite:hover, #carte a.btn-visualiser:hover {background:var(--black);border:none;box-shadow:none;text-shadow:none;}
p.btn-action:hover a {color:#fff;box-shadow:none;text-shadow:none;}

#big-footer, #footer {background:var(--black);margin:0;}
#big-footer .inner, #footer.inner {display:flex;flex-direction:row;align-items:flex-start;justify-content:center;padding:2em 0;}
#big-footer {margin-top:4em;}
#big-footer ul {list-style-image:none;}
#big-footer li {line-height:1.8;}
#footer {line-height:3em;text-align:center;color:#fff;}
#big-footer a, #footer a, #big-footer p, #footer p {color:#fff;}
#big-footer a:hover {color:var(--green);}
#big-footer #en-france {color:var(--green);font-size:2rem;}
#big-footer p.maxlist-more {font-size:.8em;}
#footer a {font-size:.8em;text-decoration:none;}
#footer a:hover {text-decoration:underline;}

ul#slideshow {transform:skewY(-2deg);bottom:-5vh;}
ul#slideshow, ul#slideshow li, ul#slideshow li img {width:100%!important;aspect-ratio:939/280;}
ul#slideshow li img {object-fit:cover;object-position:center center;}

h2#accroche {background:none;font-family:'Montserrat';font-weight:800;font-size:3em;text-shadow:none;color:var(--black);}
#big-footer h3, #atouts .h3 {font-family:'Montserrat';font-weight:500;font-size:1.4em;text-shadow:none;color:#fff;text-shadow:none;text-transform:none;margin-bottom:1em;}
#big-footer .column {width:auto;float:none;}

#atouts img {display:block;}

/* ---- Page listing ------------------------------------------------------------------------------------------------ */
#content {display:flex;flex-direction:row;flex-wrap:wrap;max-width:100%;}
#col-centrale {float:none;box-sizing:border-box;width:100%;margin:0; max-width:100%;flex:1 0 100%;}
.bloc-discret h3, .bloc-discret2 h3 {font-size:2rem;text-align:left;}
.div_resto_droite, #suggerer, #recommander {width:auto;}
.bloc-discret img, .bloc-discret2 img {padding-right:0;border-radius:50%;}
#contenu-central {box-shadow:none;border:0;}
#col-centrale h1, #col-centrale-iframe h1, .h1 {text-shadow:none;}

#formulaire #ph-atouts {display:none;}
#search-engine {display:flex;flex-direction:row;width:80%;max-width:450px;float:none;margin:0;position:relative;}
#search-engine #field {text-transform:capitalize;box-shadow:none;width:100%;max-width:100%;border-radius:20px;border-bottom-right-radius:0;border-top-right-radius:0;height:auto;line-height:1.2em;padding:10px 20px;margin:0;text-align:left;color:var(--black);font-family:'Montserrat';font-weight:bold;font-size:1.2em;border:0;}
#search-engine #field:hover, #search-engine #field:focus {border:0;box-shadow:none;}
#search-engine #rechercher {background:var(--black);border-color:var(--black);box-shadow:none;border-radius:20px;border-bottom-left-radius:0;border-top-left-radius:0;text-align:center;text-shadow:none;padding:10px;font-size:1.2em;width:auto;height:auto;cursor:pointer;margin:0;color:#fff;}
#search-engine #rechercher:hover, #search-engine #rechercher:focus {border-color:var(--black);}
.col-bloc, .col-bloc div {border:none;}
.infos-header {display:block;width:100%;background:#fff;text-align:center;color:var(--green);padding:10px;font-family:'Montserrat';font-weight:bold;font-size:1.5em;box-sizing:border-box;}
div#radios {display:flex;margin:0 auto;width:100%;}
div#radios input[type="radio"] {display:none;}
div#radios input[type="radio"]:checked + label {background:var(--black);}
div#radios #livraison {text-align:right;}
div#radios #emport {text-align:left;}
div#radios label {background:var(--green);color:#fff;padding:10px 20px;border-radius:20px;transition:all .5s ease-in-out;font-size:1.1em;}
div#radios label:hover {background:var(--black);}
div#radios label a {color:#fff;text-decoration:none;}
.changerquartier {margin-bottom:10px;}
#liste-restos h2 {text-transform:none;}
.logo-resto img { box-shadow:none; border:2px solid #DDD; border-radius:20px; }

.classe_btn, .product-list button {font-family:'Montserrat';font-weight:bold;text-transform:none;}

#top {box-shadow:none;}
#infos {background:#f8f9fa;}
#infos img {border-radius:20px;}

p.titre_colonne_gauche {font-family:'Montserrat';}

#style-plats {flex:1 0 100%;display:flex;align-items:center;justify-content:center;transform:skewY(-1deg);background:#f8f9fa;margin-bottom:20px;flex-wrap:wrap;padding:15px;}
#style-plats div {margin:0 8px 0 0;}
#style-plats a img {border-radius:50%;border:5px solid transparent;object-fit:cover;object-position:center;display:block;aspect-ratio:1/1;box-sizing:border-box;}
#style-plats a:hover img {border-color:var(--green);}
#style-plats a:hover h6 {background:var(--green);}

#liens-utiles .inner {display:flex;flex-direction:row;align-items:flex-start;justify-content:center;}
#liens-utiles .inner > div {display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;flex:1 0 50%;}
#liens-utiles .inner > div .iframe_mon_compte::before {content:'\f059';font-family:"Font Awesome 5 Free";margin-right:5px;}
#liens-utiles p, #liens-utiles ul {padding:0;margin:0;float:none;}
#liens-utiles p, #liens-utiles li, #liens-utiles a {line-height:30px;}
#liens-utiles ul {display:flex;align-items:center;justify-content:center;}
#liens-utiles li {list-style:none;}
#liens-utiles li:after {content:none;}
#liens-utiles a {padding:0 5px;display:block;color:#fff;}
#liens-utiles a:hover {background:#fff;color:var(--black);text-decoration:none;}

#big-footer p.bottom, #big-footer li {font-size:.8em;}
#big-footer li {color:var(--green);}
#big-footer h3, #atouts .h3 {font-size:1.2em;}
#big-footer p.texte-icone {font-size:2.2em;margin:0;padding:0;text-align:right;}

.slider.round {border-radius:34px;display:inline-block;width:10px;height:32px;left:-19px;top:2px;}
.slider {position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:rgba(255,255,255,.3);transition:.4s;}
nav ul li .choixlivraison::before {position:absolute;content:'';height:16px;width:16px;left:-22px;top:2px;background-color:#fff;transition:.4s;border-radius:50%;}

body.carte-resto #liens-utiles + nav {top:30px;}
nav .address + ul {margin-left:auto;margin-right:auto;}
.attente_chargement {
	opacity: 0;
	visibility: hidden;
}
.attente_chargement.visible {
	opacity: 1;
	visibility: visible;
}


/* ---- Version MOBILE ---------------------------------------------------------------------------------------------- */
@media screen and (max-width:991px) {
	#contenu-h1 { transform:skewY(0deg); }
	#liste-restos .resto .row {flex-direction:column;align-items:center;}
	#liste-restos h2 { margin-top:2rem; text-align:center;}
	#liste-restos .resto .row .col-3, #liste-restos .resto .row .col-9 {width:100%;flex:1 0 100%;max-width:100%;}
	#liste-restos ul li:first-child {width:100%;display:block;text-align:center;}
	#liste-restos > div { background-color:#FFF; border:2px solid var(--green); }
	#liste-restos > div img.classe_logo { border:2px solid var(--green); }
}
/* ------------------------------------------------------------------------------------------------------------------ */