@charset "UTF-8";

/* Parameters */
html {
	--max-width:1440px;
	--vert:#B1C800;
	--vert_clair:#B1C80059;
	--beige:#EFEAE2;

}

/* CTA flottant */
.cta.flottant {display:none;}


/* Header */
header.main main {flex-wrap:nowrap;justify-content:center;}
header.main .cta {display:none;}
header.main .engagement {display:none;}

/* Nav */
header.main nav {0.5em 3% 1em 3%}
header.main nav ul {gap:1.5em;justify-content:flex-start;}
header.main nav ul li {padding-right:1.5em;line-height:auto;margin-bottom:0;}
header.main nav ul li a {width:max-content;}


/* Style général des sections */
section.liste {margin:2em 0;}


/* Section cover_texte */
body.sommaire section.cover_texte {background:none !important;background-color:var(--beige) !important;height:auto;padding:2em 5%;}
body.sommaire section.cover_texte .texte {flex:100%;max-width:100%;}

section.cover_texte {background:none !important;height:auto;}
section.cover_texte .texte {max-width:100%;padding:1em 5%;text-align:center;align-items:center;}

img.alternative_mobile {display:block;}



section.cards {margin-top:2em;padding:0 10%;width:100%;}
section.cards main {justify-content:center;}
section.cards main article.card_h {margin-bottom:1.5em;min-width:100%;}




/* Section liste_carre */
section.liste_carre main .rubriques {order:2;margin-top:2em;flex-direction:row;}
section.liste_carre main .rubriques article.card picture {width:100%;}
section.liste_carre main .rubriques article.card:last-child {margin-bottom:auto;}
section.liste_carre main figure {display:flex;flex-direction:column;}
section.liste_carre main figcaption {position:relative;width:100%;left:auto;}



/* Section catalogue_realisations */
section.catalogue_realisations main article.card picture {width:100%;}



/* Section rubrique_une */
section.rubrique_une main {flex-direction:column;gap:1em}
section.rubrique_une main .image {order:1;}
section.rubrique_une main .texte {order:2;}
section.rubrique_une main .texte h1 {margin-top:1em;}
section.rubrique_une + section.rubrique_une {margin-top:auto;}


/* Section notre_equipe */
section.notre_equipe main {gap:4em;flex-direction:column;}
section.notre_equipe main article.auteur {width:100%;margin:auto;}


/* Section materiaux */
section.materiaux {margin-top:6em;}
section.materiaux .colonnes {flex-direction:column;}


/* Section materiaux */
section.texte_image {flex-direction:column;margin-top:6em;}
section.texte_image .image {order:1;}
section.texte_image .texte {order:2;}


/* Section texte_rubrique */
section.texte_rubrique header {display:flex;flex-direction:column;}
section.texte_rubrique header h1 {position:inherit;top:auto;left:auto;transform:none;}
section.texte_rubrique article {margin:2em auto 2em auto;padding:0 10% 0 10%;}

/* Section rubriques_associees */
section.rubriques_associees article.card_h a {flex-direction:column;}
section.rubriques_associees article.card_h a img {order:1;}
section.rubriques_associees article.card_h a .informations {order:2;}



/* Footer CTA (beige) */
footer.cta_beige {flex-wrap:wrap;}
footer.cta_beige .titre {align-items:center;}
footer.cta_beige .contact {margin-top:2em;}
footer.cta_beige .contact .tel ~ button {margin-top:0;}

footer.cta_beige h1 {text-align:center;}
footer.cta_beige button {margin-top:2em;}


/* Footer */
footer section.action {flex-wrap:wrap;}
footer section.action main {flex-basis:100%;}
footer section.action .image {flex-basis:100%;}
footer section.action main .boutons {display:flex;flex-direction:column;width:100%;gap:1em;}
footer section.action main .boutons .cta.contacter {margin:0;}

footer section.reassurance .arguments {flex-direction:column;gap:1em;}

footer section.footer {flex-direction:column;gap:1em;}
footer section.footer .logo img {margin-bottom:0;}
footer section.footer .contact .cta {width:100%;margin-top:1em;}
footer section.footer .contact {flex-direction:column;}
footer section.footer .partenaires {margin-top:1em;justify-content:space-evenly;}

footer section.mentions_obligatoires main .signature {flex-direction:column;}


/* 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;}
