@charset "UTF-8";

/* header */
header.main main,
header.main.scroll {padding:0.25em 5% 0.25em 5%;}

header.main button.burger,
header.main.scroll button.burger  {display:block;font-size:24px;background:none;border:none;cursor:pointer;}


/* header > main > .logo */
header.main main a.logo, 
header.main.scroll main a.logo {font-size:1.5em;font-family:'montserrat-bold';letter-spacing:-3px;text-transform:uppercase;color:#000;display:flex;justify-content:center;align-items:center;}
header.main main a.logo:before,
header.main.scroll main a.logo:before {width:40px;height:40px;}


header.main main a.logo.image img, 
header.main.scroll main a.logo.image img {max-width:300px;}


/* header > main > nav */
header.main nav.main_nav,
header.main.scroll nav.main_nav {display:none;padding:1em;max-width:100%;flex-wrap:nowrap;overflow-x:scroll;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;scroll-behavior:smooth;}
header.main nav.main_nav ul {justify-content:initial;}


/* header > burger ouvert */
header.main.pleine_hauteur {height:100%;}
header.main.pleine_hauteur nav.main_nav{display:block;height:100%;overflow-x:auto;}
header.main.pleine_hauteur nav.main_nav ul {flex-direction:column;}
header.main.pleine_hauteur nav.main_nav ul li {border-bottom:1px solid #efefef;border-right:none;padding:0.5em 0;text-align:left;}
header.main.pleine_hauteur nav.main_nav ul li:last-child {border:none;}
header.main.pleine_hauteur nav.main_nav ul li a:hover {background:none;color:var(--rouge);}


/*Ordre du Header */
header.main main .burger {order:1;}
header.main main .logo {order:2}
header.main main .loupe {order:3}

/* C'est quoi ? */
/* header.main .rechercher {order:3}  */

header.main main .cta {display:none;}
header.main main nav {order:4;}


/* Ouvrir la carte */
.cta.carte {position:fixed;bottom:5%;left:50%;transform:translate(-50%);padding:1em 2em;background-color:#000;color:#fff;border-radius:11px;display:block;z-index: 10;visibility:visible;cursor:pointer;}
.cta.carte:hover {background-color:var(--rouge);}

/* Remonter le fil d'Ariane */
article.main main.contenu {padding:3em 5%;}
article.main main.contenu .ariane {top:1em;}

/* Page lieu */
body.lieu article {flex-wrap:wrap;}
body.lieu article main {width:100%;}
body.lieu article aside {width:100%;padding:0 5%;}
body.lieu nav.mobile {display:block;position:fixed;bottom:0;z-index:3;background-color:var(--rouge);width:100%;padding:0.5em 1em;}
body.lieu nav.mobile ul {display:flex;justify-content:space-between;align-items:center;list-style-type:none;}
body.lieu nav.mobile ul li {margin:0;}
body.lieu nav.mobile ul li:before {content:none;}
body.lieu nav.mobile ul li a {color:#fff;}

/* Page article */
body.article article {flex-wrap:wrap;}
body.article article main {width:100%;}
body.article article main.contenu {width:100%;padding:6em 5% 0 5%}
body.article article aside {width:100%;padding:0 5%;}


/* Footer */
footer main {padding:2em 5%;}
footer main section.reassurance {flex-wrap:wrap;border:none;}
footer main section.reassurance .assurance {width:100%;flex:auto;padding:2em 1em 2em 0;}
footer main section.reassurance .assurance:nth-child(2) {border:none;border-top:1px solid #ccc;border-bottom:1px solid #ccc;}

footer main section.footer {flex-wrap:wrap;}
footer main section.footer .colonne {width:100%;flex:auto;padding:2em 0;}
footer main section.footer .colonne:nth-child(2) {padding:2em 0;border-top:1px solid #ccc;border-bottom:1px solid #ccc;}


/* Page d'accueil */
body.sommaire section main .cards {max-width:90%;margin-top:3em;flex-wrap:nowrap;overflow-x:scroll;}
body.sommaire section main .cards article {margin:0 1em 0 0;}
body.sommaire section main .cards article a {flex-direction:column;align-items:flex-start;}
body.sommaire section main .cards article a img {width:150px;height:150px;}
body.sommaire section main .cards article a h1 {margin:1em 0;}



/* ??? */
body.rubrique article.main {flex-wrap:wrap;}
body.lieu article.main {flex-wrap:wrap;}
main.contenu {width:100%}
aside.carte {position:fixed;bottom:0;visibility:hidden;z-index:-1;overflow-y:hidden;}
aside.carte.mobile {position:fixed;visibility:visible;bottom:0;width:100%;z-index:101;}
aside.carte header	{padding:1em;}
aside.carte header .fermer {display:block;}



main.contenu article.card {flex-wrap:wrap;}
main.contenu article.card img {width:100%;border-radius:20px 20px 0 0;}
main.contenu article.card main {padding:2em;}

.gestionnaire figure .bouton {display:block;opacity:0.6;}