@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} @media screen{: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);overflow-x:hidden}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}} @media screen and (max-width: 1023px) and (orientation: landscape){#headerBarre.ouvert{height:calc(var(--tailleBase) * 7)}#headerLogo{flex-direction:row;gap:1em;margin:0 1rem}#headerSlogan{position:static;align-items:center}#headerSlogan .logoSlogan{padding-left:1em;padding-top:0;border-left:var(--bordure);border-top:0}#headerBarre.ouvert #headerItems{top:calc(var(--tailleBase) * 1);height:calc(var(--tailleBase) * 7)}} @media screen and (min-width: 1024px){#headerBarre{display:flex;flex-direction:row;justify-content:space-between}#headerLogo{flex-direction:row;gap:1em}#headerSlogan{align-items:center;top:0}#headerSlogan .logoSlogan{padding-left:1em;padding-top:0;border-left:var(--bordure);border-top:none}#headerMenu{position:static;width:fit-content}#headerItems{display:flex;position:static;margin:0 1rem; width:fit-content;gap:2em}.headerItem{position:static;width:fit-content}#headerHamburger{display:none}.titreTitre{font-size:3em}} @media screen{.pageTitre{position:relative;height:100dvh;width:100%;margin:0;padding:0;box-sizing:border-box}#titreVideo{position:absolute;top:var(--tailleBase); right:0; bottom:0; left:0;overflow:hidden;z-index:0;background-color:var(--couleurPrincipale);mix-blend-mode:luminosity;filter:brightness(0.625)}#titreVideo video{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%); min-width:100%;min-height:100%;width:auto;height:auto;object-fit:cover;z-index:-1}#titreVideo::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:url('data:image/svg+xml;utf8,');pointer-events:none;mix-blend-mode:multiply}#titreSuperposition{position:absolute;top:var(--tailleBase); right:0; bottom:0; left:0;display:flex;flex-direction:column;align-items:center;justify-content:space-between}#titreJustification{height:calc(var(--tailleBase) / 2);width:100%}#titreTexte{display:flex;align-items:center;justify-content:center}#titreLogo{--tailleLogo:calc(var(--tailleBase) * 1.5);--couleurLogo:white;font-size:var(--tailleLogo);display:flex;align-items:center;justify-content:center;text-shadow:0 0 0.25rem black}#titreTitre{margin-bottom:-0.38em}#titreSlogan{margin-left:calc(var(--gap));padding-left:calc(var(--gap));border-left:var(--bordure);width:fit-content}@media screen and (max-width:767px) and (orientation:portrait){#titreLogo{flex-direction:column;align-items:flex-start}#titreTitre{margin-top:0.38em;margin-bottom:-0.19em}#titreSlogan{margin-left:unset;padding-left:unset;border-left:none;padding-top:0.5em;border-top:var(--bordure)}}@media screen and (min-width:1024px){#titreLogo{--tailleLogo:calc(var(--tailleBase) * 1.75)}}@media screen and (min-width:1280px){#titreLogo{--tailleLogo:calc(var(--tailleBase) * 2)}}#titreLegende{width:100%;padding:1em;display:flex;flex-direction:row;align-items:center;justify-content:flex-end;gap:1em}#videoLegende{margin:0 0.5em;text-align:right}#videoLegende a{color:white}#titreBoutons{padding-right:1em;display:flex;gap:1em}.videoBoutons{font-size:1.25em;font-family:'Noto Emoji',sans-serif;font-weight:700;color:white;transition:color var(--transitionCourte)}.videoBoutons:hover,#videoLegende a:hover{color:var(--couleurAccent)}button.videoBoutons{font-size:1.5em}#atelierBanniere{display:flex;flex-direction:column;width:100%;aspect-ratio:4 / 5;background-color:var(--couleurPrincipale)}@media screen and (orientation:landscape){#atelierBanniere{flex-direction:row;aspect-ratio:12 / 3}}.banniereImage{position:relative;height:calc(100% / 3);width:100%;font-size:0.9em;transition:height var(--transitionMoyenne),width var(--transitionMoyenne)}#atelierBanniere:hover .banniereImage{height:20%}#atelierBanniere:hover .banniereImage:hover{height:60%} @media screen and (orientation:landscape){.banniereImage{height:100%;width:calc(100% / 3)}#atelierBanniere:hover .banniereImage{height:100%;width:30%}#atelierBanniere:hover .banniereImage:hover{height:100%;width:40%}}.banniereImage::before{content:'';display:block;position:absolute;top:0; right:0; bottom:0; left:0;background-color:var(--couleurPrincipale);opacity:0.25;transition:opacity var(--transitionMoyenne)}#atelierBanniere:hover .banniereImage::before{opacity:0.75}#atelierBanniere:hover .banniereImage:hover::before{opacity:0}.banniereLegende{position:absolute;bottom:1em;width:100%;font-style:italic;text-align:center;color:transparent;transition:color var(--transitionMoyenne)}.banniereImage:hover .banniereLegende{color:white}.banniereImage picture,.banniereImage img{display:block;height:100%;width:100%;border:none;object-fit:cover}} @media screen{#publicationsConteneur{--gap:calc(var(--tailleBase) * 0.75);padding-top:calc(var(--tailleBase) * 0.5)}.publicationsArticles{--gap:0;position:relative;flex-direction:row;height:calc(var(--tailleBase) * 3.75);border-radius:calc(var(--tailleBase) * 0.25);background-color:white;overflow:hidden;box-shadow:var(--ombreFineClaire)}@media screen and (max-width:767px) and (orientation:portrait){ .publicationsArticles{flex-direction:column;height:unset;width:100%;aspect-ratio:2 / 3}}.articleImage img{width:calc(var(--tailleBase) * 5);aspect-ratio:4 / 3;object-fit:cover;border-radius:calc(var(--tailleBase) * 0.25)}@media screen and (max-width:767px) and (orientation:portrait){ .articleImage img{width:100%;aspect-ratio:3 / 2}}.articleTexte{position:relative;padding:calc(var(--tailleBase) * 0.25) calc(var(--tailleBase) * 1/3);overflow:hidden}.articleTexte::after{content:'';display:block;position:absolute;height:calc(var(--tailleBase) * 1);right:0;bottom:0;left:0;background-image:linear-gradient(transparent,white 75%)}.publicationsArticles h3{margin:unset;padding:unset;font-size:1.25em}.acticleTitre p{margin:unset;padding:unset;font-size:0.75em;text-transform:uppercase;color:var(--couleurTexteClair);letter-spacing:0.05em}.articleLiens{--gap:calc(var(--tailleBase) * 0.5);position:absolute;right:0;bottom:0}.articleLiens ul{--marges:calc(var(--tailleBase) * 0.25);--gap:var(--marges);flex-direction:row;padding:0 var(--marges) var(--marges) 0;background-color:white;box-shadow:calc(var(--marges) * -0.5) calc(var(--marges) * -0.5) calc(var(--marges) * 1) calc(var(--marges) * 1.5) white}.articleLiens li{list-style-type:none}a.facebook{--maskUrl:url(/images/actualites/facebook.svg);--maskSize:auto 92.5%}a.instagram{--maskUrl:url(/images/actualites/instagram.svg);--maskSize:auto 85%}a.youtube{--maskUrl:url(/images/actualites/youtube.svg);--maskSize:100% auto}a.googleMaps{--maskUrl:url(/images/actualites/googlemaps.svg);--maskSize:auto 100%}a.pagesJaunes{--maskUrl:url(/images/actualites/pagesjaunes.svg);--maskSize:auto 100%}.articleLiens a{display:block;height:calc(var(--tailleBase) * 0.5);width:calc(var(--tailleBase) * 0.5);color:transparent;background-color:var(--couleurPrincipale);-webkit-mask:var(--maskUrl) no-repeat center / var(--maskSize);mask:var(--maskUrl) no-repeat center / var(--maskSize);transition:background-color var(--transitionCourte)}.articleLiens a:hover{background-color:black}} @media screen{.categorieConteneur{--gap:0;flex-direction:row;flex-wrap:wrap}.instrumentsCategorie::first-letter{text-transform:uppercase}.instrumentConteneur{--gap:2em;box-sizing:border-box;padding:1em;flex-direction:row;width:50%;font-weight:normal;color:var(--couleurTexte);border:0.125rem solid transparent;border-radius:1.25em;transition:color var(--transitionCourte),background-color var(--transitionCourte),border-color var(--transitionCourte)}.instrumentConteneur:hover{color:var(--couleurAccent);border-color:var(--couleurAccent);background-color:var(--couleurAccentClair);cursor:pointer}.instrumentVignette{display:flex;align-items:center;justify-content:center;flex-shrink:0;height:128px;width:128px;background-color:white;border-radius:1em;box-shadow:inset var(--ombreFineClaire);overflow:hidden}.instrumentVignette img{box-sizing:border-box;height:96px;width:96px;filter:drop-shadow(0 0 0.5em #bbb3ac)}.instrumentTexte{--gap:0.25em;justify-content:center;height:fit-content;min-height:128px}.instrumentNom{font-family:var(--policeSerif)}.instrumentDetails{--gap:0; flex-direction:row;flex-wrap:wrap}.instrumentFacteur{font-weight:bold}.instrumentDate{font-style:italic}.instrumentFacteur::after,.instrumentLieu::after{content:',';font-weight:normal;margin-right:0.25em}@media screen and (max-width:1023px){.instrumentVignette{height:96px;width:96px}.instrumentVignette img{height:72px;width:72px}.instrumentTexte{min-height:96px}}@media screen and (max-width:767px){.categorieConteneur{flex-direction:column}.instrumentConteneur{--gap:1em;flex-direction:row;width:100%;padding:1em}}} @media screen{#cookies{position:fixed;box-sizing:border-box;width:100%;bottom:0;left:0;padding:calc(var(--tailleBase) * 0.5);background-color:white;box-shadow:var(--ombreLarge);transform:translateY(100%);transition:var(--transitionCourte);visibility:hidden}#cookies.visible{transform:translateY(0);visibility:visible;z-index:3}#cookies h4{margin-top:0}.cookiesBoutons{flex-wrap:wrap;margin-bottom:0}} /* Design, intégration et optimisation : Julien Bret | https://julienbret.com/ */