@font-face{font-family:'Libre Franklin';src:url(/styles/fonts/libre-franklin-regular.woff2) format('woff2'),url(/styles/fonts/libre-franklin-regular.ttf) format('truetype');font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:'Libre Franklin';src:url(/styles/fonts/libre-franklin-bold.woff2) format('woff2'),url(/styles/fonts/libre-franklin-bold.ttf) format('truetype');font-style:normal;font-weight:700;font-display:swap}@font-face{font-family:'Libre Franklin';src:url(/styles/fonts/libre-franklin-italic.woff2) format('woff2'),url(/styles/fonts/libre-franklin-italic.ttf) format('truetype');font-style:italic;font-weight:400;font-display:swap}@font-face{font-family:'Libre Franklin';src:url(/styles/fonts/libre-franklin-bold-italic.woff2) format('woff2'),url(/styles/fonts/libre-franklin-bold-italic.ttf) format('truetype');font-style:italic;font-weight:700;font-display:swap}@font-face{font-family:'Libre Baskerville';src:url(/styles/fonts/libre-baskerville-regular.woff2) format('woff2'),url(/styles/fonts/libre-baskerville-regular.ttf) format('truetype');font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:'Libre Baskerville';src:url(/styles/fonts/libre-baskerville-italic.woff2) format('woff2'),url(/styles/fonts/libre-baskerville-italic.ttf) format('truetype');font-style:italic;font-weight:400;font-display:swap}@font-face{font-family:'Mr Bedfort';src:url(/styles/fonts/mr-bedfort-regular.woff2) format('woff2'),url(/styles/fonts/mr-bedfort-regular.ttf) format('truetype');font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:'Noto Emoji';src:url(/styles/fonts/noto-emoji-bold.woff2) format('woff2'),url(/styles/fonts/noto-emoji-bold.ttf) format('truetype');font-style:bold;font-weight:700;font-display:swap}:root{font-size:16px;--policeTitre:'Mr Bedfort',Times,'Times New Roman',serif;--policeSerif:'Libre Baskerville',Times,'Times New Roman',serif;--policeSans:'Libre Franklin',Helvetica,Arial,sans-serif;--couleurPrincipale:#355269;--couleurPrincipaleHuitieme:#35526920;--couleurAccent:#7Ea1bE;--couleurAccentDemi:#7Ea1bE40; --couleurAccentClair:#f1f5f8;--couleurTexte:#54595f;--couleurTexteClair:#54595faa;--couleurTransparent:#ffffff00;--couleurNoirDemi:#00000080;--couleurNoirQuart:#00000040;--couleurNoirHuitieme:#00000020;--couleurNoirSeizieme:#00000010;--couleurFond:#f5f5f5;--transitionCourte:0.25s ease;--transitionMoyenne:0.5s ease;--transitionLongue:1s ease;--ombreFineClaire:0.125rem 0.125rem 0.5rem var(--couleurNoirHuitieme);--ombreFine:0 0 0.5rem var(--couleurNoirDemi);--ombreLarge:0 0 1rem var(--couleurNoirQuart);--ombreLargeChaude:0 0 0.5rem #eee5db;--tailleBase:4rem}@media screen and (max-width:880px) and (orientation:landscape){:root{--tailleBase:3rem}}*{margin:unset;padding:unset}html,body{position:absolute;height:100%;width:100%;scroll-behavior:smooth;background-color:var(--couleurFond);font-family:var(--policeSans);line-height:1.5em;color:var(--couleurTexte)}h2,h3,h4,p{margin:1em 0}h2,h3{font-family:var(--policeSerif);font-weight:normal;line-height:1.25em}h2{font-size:2em}h3{font-size:1.5em}h4{font-size:1.125em;font-weight:bold;text-transform:uppercase;letter-spacing:0.05em}sup{line-height:0.7em}q{font-style:italic}q::before{content:open-quote;margin-right:0.2em}q::after{content:close-quote;margin-left:0.2em}a{font-weight:bold;text-decoration:none;color:var(--couleurTexte);transition:color var(--transitionCourte)}a:hover{color:var(--couleurAccent)}button{border:unset;background:unset;font:unset;font-weight:bold;cursor:pointer}.boutons{display:flex;align-items:center;gap:2em;margin:2em 0}.bouton{padding:0.75em 1.5em;letter-spacing:0.05em;color:white;border-radius:0.5em;background-color:var(--couleurPrincipale);cursor:pointer;transition:background-color var(--transitionCourte)}.bouton:hover,button.bouton:hover{color:white;background-color:black}address{font-style:normal}#main{--gap:var(--tailleBase);padding:var(--tailleBase) 0}.flexGap{display:flex;flex-direction:column;gap:var(--gap)}.flexGap > * > :first-child{margin-top:0}.flexGap > * > :last-child{margin-bottom:0}.pageLargeur{margin:0 auto;width:1180px;max-width:85vw}.logoTitre{font-family:var(--policeTitre);font-size:calc(var(--tailleLogo) * 2/3);font-weight:normal;line-height:1em}.logoSlogan{--bordure:0.125rem solid var(--couleurFond);--gap:1em;font-family:var(--policeSerif);font-variant:small-caps;font-size:calc(var(--tailleLogo) * 0.21875);line-height:1.25em}#headerBarre{position:fixed;top:0;z-index:1;height:var(--tailleBase);width:100%;background-color:white;box-shadow:var(--ombreFine);transition:height var(--transitionMoyenne)}#headerBarre.ouvert{height:calc(var(--tailleBase) * 8)}#headerLogo,#headerTitre,#headerSlogan,.headerItem,.headerHamburger{display:flex;align-items:center;height:var(--tailleBase)}#headerLogo{--tailleLogo:var(--tailleBase);--couleurLogo:var(--couleurAccentClair);flex-direction:column;align-items:flex-start;position:relative;z-index:1;width:fit-content;margin:0 1rem;font-weight:normal;cursor:pointer}#headerTitre{align-items:flex-end;min-height:var(--tailleLogo)}#headerSlogan{align-items:flex-start;position:relative;z-index:-1;top:calc(var(--tailleBase) * -2);transition:top var(--transitionMoyenne)}#headerBarre.ouvert #headerSlogan{top:0}#headerSlogan .logoSlogan{padding-top:0.5em;border-top:var(--bordure)}#headerLogo:hover .logoSlogan{--bordure:0.125rem solid var(--couleurLogo)}#headerMenu{position:absolute;top:0;height:100%;width:100%}#headerItems{display:block;position:absolute;top:calc(var(--tailleBase) * -1);height:calc(var(--tailleBase) * 1);width:100%;transition:top var(--transitionMoyenne),height var(--transitionMoyenne)}#headerBarre.ouvert #headerItems{top:calc(var(--tailleBase) * 2);height:calc(var(--tailleBase) * 6)}.headerItem{position:absolute;top:calc(var(--tailleBase) * 0);width:100%;font-weight:bold;transition:top var(--transitionMoyenne)}.headerItem a{width:100%;text-align:center}#headerBarre.ouvert #headerActualites{top:calc(var(--tailleBase) * 0)}#headerBarre.ouvert #headerCollection{top:calc(var(--tailleBase) * 1)}#headerBarre.ouvert #headerAtelier{top:calc(var(--tailleBase) * 2)}#headerBarre.ouvert #headerEditions{top:calc(var(--tailleBase) * 3)}#headerBarre.ouvert #headerApropos{top:calc(var(--tailleBase) * 4)}#headerBarre.ouvert #headerContact{top:calc(var(--tailleBase) * 5)}#headerHamburger{display:flex;align-items:center;justify-content:center;position:absolute;z-index:1;top:0;right:0;height:var(--tailleBase);width:var(--tailleBase);border:none;background:none;cursor:pointer}#headerLignes{height:0.125rem;width:50%;background-color:var(--couleurTexte);transition:transform var(--transitionMoyenne)}#headerHamburger:hover #headerLignes,#headerHamburger:hover #headerLignes::before,#headerHamburger:hover #headerLignes::after{background-color:var(--couleurAccent)}#headerBarre.ouvert #headerLignes{background-color:var(--couleurTransparent)}#headerLignes::before,#headerLignes::after{display:block;position:absolute;content:'';height:inherit;width:inherit;background:var(--couleurTexte);transition:transform var(--transitionMoyenne),margin-top var(--transitionMoyenne)}#headerLignes::before{margin-top:-0.5rem}#headerBarre.ouvert #headerLignes::before{margin-top:0;transform:rotate(135deg)}#headerLignes::after{margin-top:0.5rem}#headerBarre.ouvert #headerLignes::after{margin-top:0;transform:rotate(-135deg)}.pageTitre{margin-top:var(--tailleBase);padding:calc(var(--tailleBase) * 0.75) 0;color:white;background-color:var(--couleurPrincipale);box-shadow:var(--ombreLarge)}.titreTitre{font-size:2.5em;font-weight:normal;text-transform:uppercase;line-height:1em;letter-spacing:0.05em}#footer{background-color:var(--couleurPrincipaleHuitieme);box-shadow:var(--ombreLarge)}#footerInfos{--gap:calc(var(--tailleBase) * 0.75) calc(var(--tailleBase) * 2);flex-direction:row;flex-wrap:wrap;padding:calc(var(--tailleBase) * 0.5) 0}#footerCoordonnees,#footerNavigation{--gap:0}#footerItems{padding-left:2em}#footerBarre{padding:1em 0;font-size:0.85em;line-height:1.5em;color:var(--couleurAccentClair);background-color:var(--couleurPrincipale);box-shadow:var(--ombreFine)}#footerBarre .pageLargeur{--gap:0 2em;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:flex-start}#footerBarre a,#footerBarre button{color:var(--couleurAccentClair);text-decoration:0.125rem underline transparent;transition:text-decoration var(--transitionCourte)}#footerBarre a:hover,#footerBarre button:hover{color:white;text-decoration-color:white}
/* Design, intégration et optimisation : Julien Bret | https://julienbret.com/ */