@font-face{font-family:'DM Sans';src:url(/styles/fonts/dmsans-extralight.woff2) format('woff2'),url(/styles/fonts/dmsans-extralight.ttf) format('truetype');font-style:normal;font-weight:200;font-display:swap}@font-face{font-family:'DM Sans';src:url(/styles/fonts/dmsans-light.woff2) format('woff2'),url(/styles/fonts/dmsans-light.ttf) format('truetype');font-style:normal;font-weight:300;font-display:swap}@font-face{font-family:'DM Sans';src:url(/styles/fonts/dmsans-regular.woff2) format('woff2'),url(/styles/fonts/dmsans-regular.ttf) format('truetype');font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:'DM Sans';src:url(/styles/fonts/dmsans-medium.woff2) format('woff2'),url(/styles/fonts/dmsans-medium.ttf) format('truetype');font-style:normal;font-weight:500;font-display:swap}@font-face{font-family:'DM Sans';src:url(/styles/fonts/dmsans-semibold.woff2) format('woff2'),url(/styles/fonts/dmsans-semibold.ttf) format('truetype');font-style:normal;font-weight:600;font-display:swap}@font-face{font-family:'DM Sans';src:url(/styles/fonts/dmsans-bold.woff2) format('woff2'),url(/styles/fonts/dmsans-bold.ttf) format('truetype');font-style:normal;font-weight:700;font-display:swap}@font-face{font-family:'DM Sans';src:url(/styles/fonts/dmsans-extralightitalic.woff2) format('woff2'),url(/styles/fonts/dmsans-extralightitalic.ttf) format('truetype');font-style:italic;font-weight:200;font-display:swap}@font-face{font-family:'DM Sans';src:url(/styles/fonts/dmsans-lightitalic.woff2) format('woff2'),url(/styles/fonts/dmsans-lightitalic.ttf) format('truetype');font-style:italic;font-weight:300;font-display:swap}@font-face{font-family:'DM Sans';src:url(/styles/fonts/dmsans-italic.woff2) format('woff2'),url(/styles/fonts/dmsans-italic.ttf) format('truetype');font-style:italic;font-weight:400;font-display:swap}@font-face{font-family:'DM Sans';src:url(/styles/fonts/dmsans-mediumitalic.woff2) format('woff2'),url(/styles/fonts/dmsans-mediumitalic.ttf) format('truetype');font-style:italic;font-weight:500;font-display:swap}@font-face{font-family:'DM Sans';src:url(/styles/fonts/dmsans-semibolditalic.woff2) format('woff2'),url(/styles/fonts/dmsans-semibolditalic.ttf) format('truetype');font-style:italic;font-weight:600;font-display:swap}@font-face{font-family:'DM Sans';src:url(/styles/fonts/dmsans-bolditalic.woff2) format('woff2'),url(/styles/fonts/dmsans-bolditalic.ttf) format('truetype');font-style:italic;font-weight:700;font-display:swap}@font-face{font-family:'EB Garamond';src:url(/styles/fonts/ebgaramond-regular.woff2) format('woff2'),url(/styles/fonts/ebgaramond-regular.ttf) format('truetype');font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:'EB Garamond';src:url(/styles/fonts/ebgaramond-medium.woff2) format('woff2'),url(/styles/fonts/ebgaramond-medium.ttf) format('truetype');font-style:normal;font-weight:500;font-display:swap}:root{font-size:16px;--accent:hsla(260,60%,25%,1);--accent-fonce:hsla(260,90%,12.5%,1);--accent-demi:hsla(260,60%,25%,0.25);--contraste:hsla(40,100%,60%,1);--contraste-fonce:hsla(40,75%,30%,1);--contraste-demi:hsla(40,100%,60%,0.25);--gris:hsl(256,10%,30%);--gris-fonce:hsla(260,10%,15%,1);--gris-demi:hsla(260,10%,15%,0.25);--gris-quart:hsla(260,10%,15%,0.125);--blanc:hsl(260,15%,95%);--blanc-casse:hsl(40,100%,99%);--sans:'DM Sans',sans-serif;--serif:'EB Garamond',serif;--rapide:0.2s ease-out;--moyen:0.5s ease-out;--lent:1s ease-out}@media screen and (max-width:349px){:root{font-size:15px}}@media screen and (max-width:339px){:root{font-size:14px}}*{height:unset;width:unset;margin:unset;padding:unset;font-style:unset;font-weight:unset}html,body{font-family:var(--sans);font-weight:300;line-height:1.5em;color:var(--gris)}.large{display:none}.conteneur{width:85%;margin:0 auto}small{font-size:0.75em}.smallcaps,div.couverture h1,div.texte h2,footer h3{font-family:var(--serif);font-weight:500 !important;text-transform:uppercase;letter-spacing:0.1em}.smallcaps b,div.couverture h1 b,div.texte h2 b,footer h3 b{font-size:1.25em;font-weight:400 !important}a{text-decoration:none;font-weight:700;color:var(--accent)}a:hover{text-decoration:underline var(--contraste) solid 0.125rem}a.bouton.blanc{--fond:var(--blanc);--fond-survol:var(--contraste);--couleur:var(--accent);--couleur-survol:var(--accent)}a.bouton.violet{--fond:var(--accent);--fond-survol:var(--accent-fonce);--couleur:var(--blanc);--couleur-survol:white}a.icone.telephone::before{--mask-url:url(/images/telephone.svg)}a.icone.mail::before{--mask-url:url(/images/mail.svg)}a.icone.facebook{--mask-url:url(/images/facebook.svg)}a.icone.instagram{--mask-url:url(/images/instagram.svg)}a.icone.googleMaps{--mask-url:url(/images/googlemaps.svg)}a.icone.pagesJaunes{--mask-url:url(/images/pagesjaunes.svg)}a.bouton{display:block;position:relative;width:fit-content;padding:0.75em 1.5em;background-color:var(--fond);color:var(--couleur);font-weight:700;text-decoration:none;border-radius:2em;transition:var(--rapide)}a.bouton:hover{background-color:var(--fond-survol);color:var(--couleur-survol)}a.bouton.icone::before{display:inline-block;content:'';height:1.125em;width:1.125em;margin-right:0.5em;vertical-align:middle;background-color:var(--couleur);-webkit-mask:var(--mask-url) no-repeat center / contain;mask:var(--mask-url) no-repeat center / contain}a.bouton.icone::before{background-color:var(--couleur-survol)}#barreSup{position:fixed;height:4rem;width:100%;background-color:var(--accent-demi);-webkit-backdrop-filter:brightness(0.5) blur(2em);backdrop-filter:brightness(0.5) blur(2em);transition:0.5s ease-out;z-index:1}#barreSup.ouvert{height:21rem}#bsLogo{position:absolute;height:4rem;width:fit-content;top:0;left:0.5rem;display:flex;flex-direction:row;align-items:center;cursor:pointer;z-index:1}#bsLogoImage{height:3rem;width:3rem}#bsLogoImage svg{height:2rem;width:2rem;margin:0.5rem}#bsLogoImage svg path{fill:var(--blanc);transition:var(--rapide)}#bsLogoTexte{font-size:1.25em;color:var(--blanc);transition:0.2s ease}#bsLogo:hover path,#bsLogo:hover #bsLogoTexte{color:var(--contraste);fill:var(--contraste)} #menu{height:0;transition:0.5s ease-out}#menu ul{display:flex;flex-direction:column;margin-top:4rem;padding:0.5rem 0;transition:0.5s ease-out;transform:translateY(-21rem)}#barreSup.ouvert #menu{height:unset}#barreSup.ouvert #menu ul{transform:translateY(0)}#menu li{list-style:none;display:flex;align-items:center;justify-content:center;height:4rem;width:100%}#menu li a{display:block;position:relative;text-decoration:none;color:var(--blanc);font-size:1.25rem;font-weight:500}#menu li a::after{content:'';display:block;position:absolute;bottom:-0.125rem;left:50%;height:0.125rem;width:0;border-radius:0.0625rem;background-color:var(--contraste);transition:var(--rapide)}#menu li a:hover::after{width:100%;left:0}#hamburger{position:absolute;height:4rem;width:4rem;top:0;right:0.5rem;display:flex;align-items:center;justify-content:center;cursor:pointer}#lignes,#lignes::before,#lignes::after{height:0.125rem;width:2rem;background-color:var(--blanc);border-radius:0.0625rem;transition:0.5s ease-out}#lignes::before,#lignes::after{display:block;position:absolute;content:''}#lignes::before{margin-top:-0.5rem}#lignes::after{margin-top:0.5rem}#hamburger:hover #lignes,#hamburger:hover #lignes::before,#hamburger:hover #lignes::after{background-color:var(--contraste)}#barreSup.ouvert #lignes{background-color:transparent}#barreSup.ouvert #lignes::before{margin-top:0;transform:rotate(45deg)}#barreSup.ouvert #lignes::after{margin-top:0;transform:rotate(-45deg)}div.couverture{position:relative;background-color:var(--accent)}div.image{position:absolute;height:100%;width:100%}div.image figure{display:block;height:100%;width:100%}div.image figure img{display:block;height:100%;width:100%;object-fit:cover}div.image::after{content:'';display:block;position:absolute;top:0; right:0; bottom:0; left:0;background-color:var(--gris-demi)}div.couverture div.conteneur{position:relative;padding:9rem 0 5rem;text-align:center}div.titre h1{font-size:2.5em;line-height:1.25em;color:white}div.titre{text-shadow:0.125rem 0.125rem 0.125rem var(--gris-fonce),-0.125rem -0.125rem 0.125rem var(--accent-demi)}div.titre hgroup p{margin-top:0.25em;font-size:1.5em;font-weight:300;line-height:1.5em;color:white}div.titre hgroup p b{font-weight:600}@media screen and (min-width:450px){br.mobile{display:none}}section,div.section{padding:4rem 0}section div.conteneur{display:flex;flex-direction:column}section.fond.jaune{background-color:var(--contraste-demi)}section.fond.violet{background-color:var(--accent-demi)}figure.illustration img{width:20rem;max-width:100%;border-radius:1.5rem;box-shadow:-0.25rem -0.25rem 0.5rem var(--accent-demi),0.25rem 0.25rem 0.5rem var(--contraste-demi)}figure.illustration figcaption{font-size:0.75em;line-height:1.25em;text-align:center;opacity:0.75}section.fond figure.illustration figcaption{opacity:1}div.texte{margin-top:2rem}div.texte p{margin:0.5em 0 0.25em}div.texte p strong{font-weight:600}div.texte h2{margin:0em 0 1em;padding-bottom:0.5em;line-height:1.25em}div.texte h2.suite{margin-top:2em}div.texte h2::after{display:block;position:relative;content:'';bottom:-0.5em;left:0;width:3em;height:0.25rem;background-color:var(--contraste);border-radius:0.125rem}section.fond.violet div.texte h2::after{background-color:var(--accent)}hgroup.h2{font-size:1.5em;margin-bottom:1.5em}hgroup.h2 h2{font-size:1em;margin:0;padding:0}hgroup.h2 h2::after{background-color:transparent}hgroup.h2::after{display:block;position:relative;content:'';bottom:-0.5em;left:0;width:3em;height:0.25rem;background-color:var(--contraste);border-radius:0.125rem}hgroup.h2 p{margin:0;padding:0;font-size:0.75em}div.texte h3{margin:1em 0 0.5em;font-weight:700}div.texte h4{margin:0.75em 0 0.25em;font-weight:700;font-style:italic}div.texte h4 ~ p{margin-left:2em}div.texte p.bouton{margin:2em 0 0.5em}footer{background-color:var(--accent);font-weight:400;color:var(--blanc)}footer div.section{padding:1rem 0}footer h3{margin:1.5em 0 1em;padding-bottom:0.5em;font-size:1.5em;color:white}footer h3::after{display:block;position:relative;content:'';bottom:-0.5em;left:0;width:3em;height:0.25rem;background-color:var(--contraste);border-radius:0.125rem}footer h4{margin:1em 0 0.5em;font-size:1.25em;font-weight:700}footer a{text-decoration:none;color:var(--blanc);font-weight:700}footer a:hover{text-decoration:underline var(--contraste) solid 0.125rem}footer div.nom{margin-bottom:0.5em}footer div.nom p:first-of-type{margin-bottom:0;font-size:1.25em;font-weight:700}li.bouton{margin:1em 0;list-style:none}li.bouton a:hover{text-decoration:none}li.reseaux{display:inline-block;list-style:none;line-height:2rem;margin-right:0.5rem}li.reseaux a{display:inline-block;height:2rem;width:2rem;font-size:0;color:transparent;background-color:var(--blanc);-webkit-mask:var(--mask-url) no-repeat center / auto 1.5rem;mask:var(--mask-url) no-repeat center / auto 1.5rem;transition:var(--rapide)}li.reseaux a:hover{background-color:var(--contraste);transform:scale(1.25)}li.navigation{list-style:none;line-height:2em}li.navigation::before{content:'•';margin:0 0.5em 0 0.25em}#barreInf{margin-top:1rem;-webkit-backdrop-filter:brightness(0.75);backdrop-filter:brightness(0.75)}
/* Design, intégration et optimisation : Julien Bret | https://julienbret.fr/ */