.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}}
/* Design, intégration et optimisation : Julien Bret | https://julienbret.com/ */