/* Les polices de la marque */
@font-face{font-family:"Ivory Display";src:url("fonts/IvoryDisplayLL-Regular.otf") format("opentype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Ivory Display";src:url("fonts/IvoryDisplayLL-Italic.otf") format("opentype");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:"Ivory Display";src:url("fonts/IvoryDisplayLL-Bold.otf") format("opentype");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"ABC Diatype";src:url("fonts/ABCDiatype-Regular.otf") format("opentype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"ABC Diatype";src:url("fonts/ABCDiatype-RegularItalic.otf") format("opentype");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:"ABC Diatype";src:url("fonts/ABCDiatype-Bold.otf") format("opentype");font-weight:700;font-style:normal;font-display:swap}

/* L'Art Month 2027 · l'espace en ligne
   Direction : le langage du portfolio de Margaux appliqué à l'écran.
   Grands italiques serif, points de conduite, un point bleu, beaucoup d'air. */

:root{
  --bleu:#284F9E; --nuit:#1B356B; --encre:#14161C; --gris:#6C7280;
  --filet:#DCDFE6; --pointille:#B9C4DE; --fond:#FAFAF8; --carte:#FFFFFF; --pale:#F2F5FB; --jaune:#E8B547;
  --serif:"Ivory Display","Ivory",Georgia,"Times New Roman",serif;
  --sans:"ABC Diatype","Helvetica Neue",Helvetica,Arial,sans-serif;
  --large:64rem;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--fond);color:var(--encre);font-family:var(--sans);
  font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased}
::selection{background:var(--bleu);color:#fff}
a{color:inherit}
:focus-visible{outline:2px solid var(--bleu);outline-offset:3px;border-radius:1px}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}

/* ---------- L'en-tête et la navigation ---------- */
.entete{position:sticky;top:0;z-index:50;background:rgba(250,250,248,.92);
  backdrop-filter:blur(10px);border-bottom:1px solid var(--filet)}
.entete__inner{max-width:var(--large);margin:0 auto;padding:.85rem 2rem;
  display:flex;align-items:baseline;justify-content:space-between;gap:1.5rem}
.marque{display:flex;align-items:center;gap:.6rem;font-family:var(--serif);
  font-style:italic;font-size:1.15rem;color:var(--bleu);letter-spacing:.01em}
.marque__badge{height:21px;width:21px;transform:translateY(2px)}
.entete__meta{font-size:.64rem;letter-spacing:.18em;text-transform:uppercase;color:var(--gris)}
.navsec{border-bottom:1px solid var(--filet);background:var(--fond)}
.navsec__inner{max-width:var(--large);margin:0 auto;padding:0 2rem;display:flex;gap:1.6rem;
  overflow-x:auto;scrollbar-width:none}
.navsec__inner::-webkit-scrollbar{display:none}
.navsec a{font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;color:var(--gris);
  text-decoration:none;padding:.7rem 0;border-bottom:2px solid transparent;white-space:nowrap;
  transition:color .15s}
.navsec a:hover{color:var(--encre)}
.navsec a[aria-current="page"]{color:var(--bleu);border-bottom-color:var(--bleu)}

/* ---------- La page ---------- */
.enveloppe{max-width:var(--large);margin:0 auto;padding:2.6rem 2rem 5rem}
.retour{display:inline-block;font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;
  color:var(--gris);text-decoration:none;margin-bottom:1.6rem;transition:color .15s}
.retour:hover{color:var(--bleu)}
.retour::before{content:"\2190\00a0\00a0"}

.titre{position:relative;margin-bottom:3rem;max-width:44rem}
.oeil{font-size:.66rem;letter-spacing:.2em;text-transform:uppercase;color:var(--bleu);margin:0 0 1rem}
h1{font-family:var(--serif);font-style:italic;font-weight:400;
  font-size:clamp(2.5rem,6vw,3.9rem);line-height:1.02;letter-spacing:-.01em;margin:0 0 1.2rem}
.chapeau{color:var(--gris);font-size:1rem;line-height:1.65;margin:0;max-width:38rem}
.chapeau strong{color:var(--encre);font-weight:500}
.h2s,
h2{font-family:var(--serif);font-weight:400;font-size:1.55rem;margin:3.4rem 0 .4rem}
.phase__note{color:var(--gris);font-size:.9rem;max-width:38rem;margin:.2rem 0 1rem}

/* ---------- Les séances et leurs documents ---------- */
.phase{display:grid;grid-template-columns:9rem 1fr;gap:1.6rem;padding:2.2rem 0;
  border-top:1px solid var(--filet)}
.phase:first-child{border-top:0}
.phase h2{margin:0 0 .3rem;font-size:1.45rem}
.phase__repere{font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gris);
  padding-top:.5rem}
.phase__numero{display:block;font-family:var(--serif);font-style:italic;font-size:2.6rem;
  line-height:1;color:var(--filet);margin-bottom:.4rem}
.phase--fermee .phase__numero{color:var(--filet)}
.phase--ouverte .phase__numero{color:var(--bleu)}

.docs{list-style:none;margin:.8rem 0 0;padding:0}
.doc{border-bottom:1px solid var(--filet)}
.doc a,.doc__inerte{display:flex;align-items:baseline;gap:.6rem;padding:.85rem .4rem;
  text-decoration:none;transition:background .15s,padding .15s}
.doc a::before,.doc__inerte::before{content:"";order:2;flex:1;
  border-bottom:1px dotted var(--pointille);transform:translateY(-4px);min-width:2rem}
.doc__nom{order:1;font-size:.95rem;line-height:1.4}
.doc__type{order:3;font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gris);
  white-space:nowrap}
.doc a:hover{background:var(--carte);padding-left:.9rem}
.doc a:hover .doc__nom{color:var(--bleu)}
.doc a:hover .doc__type{color:var(--bleu)}
.doc--ferme{opacity:.5}
.doc--ferme .doc__inerte{cursor:default}

/* ---------- L'accueil : les sessions ---------- */
.sessions{list-style:none;margin:1rem 0 0;padding:0;display:grid;
  grid-template-columns:repeat(2,1fr);gap:1rem}
.session a{display:block;background:var(--carte);border:1px solid var(--filet);border-radius:2px;
  padding:1.6rem 1.5rem 1.4rem;text-decoration:none;transition:background .18s,border-color .18s}
.session__num{display:block;font-family:var(--serif);font-style:italic;font-size:2.4rem;
  line-height:1;color:var(--bleu);margin-bottom:.9rem;transition:color .18s}
.session__nom{display:block;font-size:.95rem;letter-spacing:.02em}
.session a:hover{background:var(--bleu);border-color:var(--bleu)}
.session a:hover .session__num,.session a:hover .session__nom{color:#fff}

/* ---------- Le jour J, le compte à rebours, le défi ---------- */
.bandeau-jour{background:var(--bleu);color:#fff;border-radius:2px;padding:1.1rem 1.4rem;
  margin:0 0 2rem;display:flex;gap:1rem;align-items:center;justify-content:space-between;flex-wrap:wrap}
.bandeau-jour strong{font-weight:500}
.bandeau-jour a{display:inline-block;background:#fff;color:var(--bleu);padding:.55rem 1.1rem;
  border-radius:2px;text-decoration:none;font-size:.8rem;letter-spacing:.06em;transition:transform .15s}
.bandeau-jour a:hover{transform:translateY(-1px)}
.compte{font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--bleu);margin:0 0 1.6rem}
.defi__cartes{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:.4rem}
.defi__carte{flex:1;min-width:7.5rem;background:var(--carte);border:1px solid var(--filet);
  border-radius:2px;padding:1rem .8rem;text-align:center}
.defi__score{font-family:var(--serif);font-style:italic;font-size:2.1rem;line-height:1;color:var(--bleu)}
.defi__session{font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gris);margin-top:.45rem}

/* ---------- Le mur des titres ---------- */
.mur{display:flex;flex-wrap:wrap;gap:.7rem 2rem;max-width:52rem}
.mur span{font-family:var(--serif);font-style:italic;font-size:1.3rem;line-height:1.35}
.mur span:nth-child(3n)::after{content:"";display:inline-block;width:7px;height:7px;
  border-radius:50%;background:var(--bleu);margin-left:1.9rem;transform:translateY(-4px)}

/* ---------- Les cahiers d'exercices ---------- */
.barre__fond{height:2px;background:var(--filet);border-radius:2px;overflow:hidden;margin:1.2rem 0 .4rem}
.barre__jauge{height:100%;background:var(--bleu);width:0;transition:width .4s}
.sauv{font-size:.72rem;color:var(--gris)}
.sauv--ko{color:#A02020}
.ex{border-top:1px solid var(--filet);padding:2.8rem 0}
.ex:first-of-type{border-top:0}
.ex__tete{display:flex;align-items:center;gap:.9rem;margin-bottom:.7rem}
.ex__num{font-size:.64rem;letter-spacing:.16em;text-transform:uppercase;color:#fff;
  background:var(--bleu);padding:.3rem .7rem;border-radius:2px}
.ex__duree{font-size:.74rem;color:var(--gris)}
.ex h2{margin:0 0 .5rem;font-size:1.7rem}
.consigne{color:var(--gris);max-width:38rem;margin:0 0 1.8rem;font-size:.95rem;line-height:1.6}
.consigne a{color:var(--bleu)}
.champ{margin-bottom:1.5rem;max-width:44rem}
.champ label{display:block;font-size:.66rem;letter-spacing:.15em;text-transform:uppercase;
  color:var(--encre);margin-bottom:.4rem}
.aide{font-size:.85rem;color:var(--gris);margin:0 0 .55rem;max-width:36rem}
.champ input,.champ textarea,.champ select{width:100%;padding:.65rem .75rem;
  border:1px solid var(--filet);border-radius:2px;font-family:var(--sans);font-size:.95rem;
  background:var(--carte);color:var(--encre);transition:border-color .15s}
.champ input:hover,.champ textarea:hover,.champ select:hover{border-color:var(--pointille)}
.champ textarea{resize:vertical;line-height:1.55}
.champ input:focus,.champ textarea:focus,.champ select:focus{outline:2px solid var(--bleu);outline-offset:-2px}
.tab{overflow-x:auto;border:1px solid var(--filet);border-radius:2px;background:var(--carte)}
.tab table{border-collapse:collapse;width:100%;min-width:34rem}
.tab th{font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;color:var(--gris);
  font-weight:400;text-align:left;padding:.55rem .45rem;border-bottom:1px solid var(--filet);white-space:nowrap}
.tab td{padding:0;border-bottom:1px solid var(--filet)}
.tab tr:last-child td{border-bottom:0}
.tab td.num,.tab th.num{width:2.1rem;text-align:center;color:var(--pointille);
  font-family:var(--serif);font-style:italic;font-size:.85rem;padding:.4rem}
.tab input,.tab select{width:100%;border:0;padding:.55rem .45rem;font-family:var(--sans);
  font-size:.88rem;background:transparent;color:var(--encre)}
.tab input:focus,.tab select:focus{outline:2px solid var(--bleu);outline-offset:-2px;background:var(--pale)}

/* ---------- Boutons, liens, pied ---------- */
button{padding:.68rem 1.3rem;border:1px solid var(--bleu);background:var(--bleu);color:#fff;
  font-family:var(--sans);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;
  cursor:pointer;border-radius:2px;transition:background .15s,transform .15s}
button:hover{background:var(--nuit);transform:translateY(-1px)}
.secondaire{background:transparent;color:var(--bleu)}
.secondaire:hover{background:var(--pale);transform:none}
.outils{display:flex;gap:.7rem;flex-wrap:wrap;align-items:center;margin-top:3rem;
  padding-top:1.6rem;border-top:1px solid var(--filet)}
.liens{display:flex;flex-direction:column;gap:.1rem;margin-top:1rem}
.liens a{display:flex;align-items:baseline;gap:.6rem;padding:.7rem .4rem;font-size:.95rem;
  text-decoration:none;border-bottom:1px solid var(--filet);transition:padding .15s}
.liens a::after{content:"\2197";order:3;color:var(--gris);font-size:.8rem}
.liens a::before{content:"";order:2;flex:1;border-bottom:1px dotted var(--pointille);
  transform:translateY(-4px);min-width:2rem}
.liens a:hover{padding-left:.9rem;color:var(--bleu)}
.liens a:hover::after{color:var(--bleu)}
.pied{max-width:var(--large);border-top:1px solid var(--filet);margin-top:4rem;
  padding-top:1.3rem;font-size:.7rem;color:var(--gris);line-height:1.7}

/* ---------- La porte (mot de passe) ---------- */
.porte{max-width:22rem;margin:16vh auto 0;padding:0 2rem;text-align:left}
.porte h1{font-size:2.2rem}
.porte input{width:100%;padding:.7rem .8rem;border:1px solid var(--filet);border-radius:2px;
  font-size:1rem;margin:.8rem 0;background:var(--carte)}
.porte .erreur{color:#A02020;font-size:.85rem}

/* ---------- Mobile, impression ---------- */
@media (max-width:760px){
  .entete__inner,.navsec__inner{padding-left:1.1rem;padding-right:1.1rem}
  .enveloppe{padding:1.8rem 1.1rem 4rem}
  .phase{grid-template-columns:1fr;gap:.4rem;padding:1.7rem 0}
  .phase__numero{display:inline;font-size:1.4rem;margin-right:.5rem}
  .sessions{grid-template-columns:1fr}
  .doc__nom{max-width:62vw}
}
@media print{
  .entete,.navsec,.retour,.outils,.barre__fond,.sauv,.liens{display:none}
  body{background:#fff}
  .enveloppe{padding:0;max-width:100%}
  .ex{page-break-inside:avoid}
  .champ input,.champ textarea,.champ select{border:0;border-bottom:1px solid var(--filet)}
}

/* ---------- La répétition ---------- */
.cartes{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:1.4rem}
.carte{position:relative;text-align:left;background:var(--carte);border:1px solid var(--filet);
  border-radius:2px;padding:1.5rem 1.4rem 2.6rem;min-height:11rem;cursor:pointer;
  font-family:var(--sans);color:var(--encre);letter-spacing:0;text-transform:none;
  transition:border-color .15s,background .15s}
.carte:hover{border-color:var(--bleu);background:#fff;transform:none}
.carte__q{font-family:var(--serif);font-style:italic;font-size:1.35rem;line-height:1.3;display:block}
.carte__r{font-size:.92rem;line-height:1.6;display:block}
.carte__indice{position:absolute;left:1.4rem;bottom:1.1rem;font-size:.62rem;letter-spacing:.15em;
  text-transform:uppercase;color:var(--gris)}
.carte--retournee{background:var(--pale);border-color:var(--bleu)}
@media (max-width:760px){.cartes{grid-template-columns:1fr}}

/* Le curseur du site public */
@media (hover:hover) and (pointer:fine){
  body{cursor:none}
  a,button,input,select,textarea,.carte-jeu{cursor:none}
}
.cursor-dot,.cursor-outline{pointer-events:none;position:fixed;top:0;left:0;z-index:9999;
  transform:translate(-50%,-50%);transition:opacity .3s ease}
.cursor-dot{width:8px;height:8px;background:var(--bleu);border-radius:50%;
  transition:width .2s,height .2s,background .2s}
.cursor-outline{width:36px;height:36px;border:1.5px solid var(--bleu);border-radius:50%;
  transition:width .4s cubic-bezier(.16,1,.3,1),height .4s cubic-bezier(.16,1,.3,1),border-color .3s,background .3s}
body.cursor-hover .cursor-outline{width:70px;height:70px;background:rgba(40,79,158,.08);border-color:var(--bleu)}
body.cursor-hover .cursor-dot{opacity:0}
@media (hover:none),(pointer:coarse){body{cursor:auto}.cursor-dot,.cursor-outline{display:none}}

/* Le défi, état fait */
.defi__carte--faite{border-color:var(--bleu);background:var(--pale)}
.defi__carte--faite .defi__score{font-style:normal}

/* La répétition : la carte à retourner */
.carte-jeu{max-width:34rem;min-height:15rem;background:var(--carte);border:1px solid var(--filet);
  border-radius:2px;padding:2.2rem 2.4rem;cursor:pointer;display:flex;flex-direction:column;
  justify-content:center;gap:1rem;transition:background .25s,border-color .25s;user-select:none}
.carte-jeu__etiquette{font-size:.64rem;letter-spacing:.18em;text-transform:uppercase;color:var(--gris)}
.carte-jeu__texte{font-family:var(--serif);font-style:italic;font-size:1.45rem;line-height:1.35}
.carte-jeu__aide{font-size:.72rem;color:var(--gris)}
.carte-jeu--retournee{background:var(--bleu);border-color:var(--bleu)}
.carte-jeu--retournee .carte-jeu__texte{color:#fff;font-style:normal;font-family:var(--sans);font-size:1.02rem;line-height:1.6}
.carte-jeu--retournee .carte-jeu__etiquette,.carte-jeu--retournee .carte-jeu__aide{color:rgba(255,255,255,.65)}

/* Le guide de la saison, le bouton Candidater du site */
.navsec__guide{margin:12px 0 12px auto;align-self:center;font-size:12px;font-weight:500;letter-spacing:.12em;
  text-transform:uppercase;background:var(--bleu);color:#FFFFFF !important;text-decoration:none;
  padding:11px 22px;white-space:nowrap;transition:background .15s;border:0;border-radius:0}
.navsec__guide:hover{background:var(--nuit);color:#FFFFFF !important}
.navsec .navsec__inner{align-items:center}

/* L'accueil des deux espaces */
.portail{max-width:40rem;margin:0 auto;padding:20vh 2rem 4rem;text-align:left}
.portail img{height:56px;margin-bottom:3rem}
.portail__cartes{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;margin-top:2.6rem}
.portail__cartes a{display:block;background:var(--carte);border:1px solid var(--filet);border-radius:2px;
  padding:2.2rem 2rem;text-decoration:none;text-align:center;transition:background .18s,border-color .18s}
.portail__cartes .num{display:block;font-family:var(--serif);font-style:italic;font-size:2.2rem;
  color:var(--bleu);margin-bottom:.7rem;transition:color .18s}
.portail__cartes .nom{display:block;font-size:1rem}
.portail__cartes a:hover{background:var(--bleu);border-color:var(--bleu)}
.portail__cartes a:hover .num,.portail__cartes a:hover .nom{color:#fff}
@media (max-width:700px){.portail{padding-top:10vh}.portail__cartes{grid-template-columns:1fr}}

/* Le bouton du guide reste atteignable, y compris en bout de défilement mobile */
.navsec__inner::after{content:"";flex:0 0 1rem}
@media (max-width:760px){.navsec__guide{margin-left:1.2rem}}

/* Les deux groupes de chaque séance */
.groupe-titre{font-size:.62rem;letter-spacing:.18em;text-transform:uppercase;color:var(--bleu);
  margin:1.3rem 0 .1rem}


/* L'accent jaune doré du site, pour les moments d'attente et de surprise */
.doc--ferme .doc__type{color:var(--jaune)}
.oeil{color:var(--jaune)}
.compte{color:var(--jaune)}
.defi__carte--faite{border-color:var(--jaune);background:#FDF8EC}
.defi__carte--faite .defi__score{color:var(--jaune)}
.session a:hover .session__num{color:var(--jaune)}
.portail__cartes a:hover .num{color:var(--jaune)}
.mur span:nth-child(3n)::after{background:var(--jaune)}
.carte-jeu--retournee .carte-jeu__etiquette{color:var(--jaune)}

/* Le pied de page sur la page d'accès */
.porte{overflow-y:auto}
.porte__piedgrand{max-width:var(--large,64rem);margin:3rem auto 0;padding:2rem}

/* Le grand pied de page du site, dans les deux espaces */
.piedgrand{border-top:1px solid var(--filet);margin-top:4.5rem;padding:2.6rem 0 2rem;font-size:.82rem}
.piedgrand__grille{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:2rem}
.piedgrand__marque img{height:26px;margin-bottom:.9rem}
.piedgrand__marque p{color:var(--gris);max-width:24rem;margin:0 0 .6rem}
.piedgrand__filiation{font-family:var(--serif)}
.piedgrand__col h4{font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;color:var(--gris);margin:0 0 .7rem}
.piedgrand__col ul{list-style:none;margin:0;padding:0}
.piedgrand__col li{margin:.35rem 0}
.piedgrand__col a{color:var(--encre);text-decoration:none}
.piedgrand__col a:hover{color:var(--bleu)}
.piedgrand__bas{display:flex;justify-content:space-between;align-items:flex-end;gap:2rem;flex-wrap:wrap;
  border-top:1px solid var(--filet);margin-top:2.2rem;padding-top:1.6rem;color:var(--gris)}
.piedgrand__qualiopi{display:flex;gap:1rem;align-items:center;border:1px solid var(--filet);border-radius:2px;padding:.7rem 1rem;background:var(--carte)}
.piedgrand__marianne{display:flex;flex-direction:column;align-items:center;font-size:.58rem;line-height:1.15;text-align:center;color:var(--encre)}
.piedgrand__rf{font-family:var(--serif);font-weight:700;font-size:1.05rem}
.piedgrand__qname{font-weight:600;letter-spacing:.12em;color:var(--encre)}
.piedgrand__qmention{font-size:.6rem;line-height:1.3}
.piedgrand__qaction{font-size:.66rem;color:var(--encre);margin-top:.15rem}
.piedgrand__qnum{font-size:.62rem}
.piedgrand__prive{color:var(--gris);font-size:.72rem;margin:1.4rem 0 0}
@media (max-width:820px){.piedgrand__grille{grid-template-columns:1fr 1fr}.piedgrand__bas{flex-direction:column;align-items:flex-start}}

/* Les temps forts de la saison, hors séances */
.phase--jalon>div:last-child{background:var(--pale);border:1px solid var(--filet);border-radius:2px;padding:1.4rem 1.6rem}
.jalon-oeil{display:block;font-size:.6rem;letter-spacing:.18em;text-transform:uppercase;color:var(--jaune);margin-bottom:.4rem}

/* Les cartes du défi : l'échéance en ligne, l'état en dessous */
.defi__carte{display:flex;flex-direction:column;align-items:center;gap:.4rem;cursor:pointer;font-family:inherit}
.defi__haut{display:flex;align-items:baseline;gap:.55rem}
.defi__score{font-size:1.55rem}
.defi__session{margin-top:0}
.defi__etat{font-size:.58rem;letter-spacing:.12em;text-transform:uppercase;color:var(--gris)}
.defi__carte--faite .defi__etat{color:var(--jaune)}

/* Le kit : de l'air entre les sections */
section.kit{margin-top:2.6rem}

/* Le bouton du guide : texte compact, bien au centre de sa boîte */
.navsec .navsec__guide{font-size:11px;letter-spacing:.1em;line-height:1;padding:11px 18px;margin:10px 0 10px auto}

/* Le code d'émargement, à côté du badge de la séance */
.ouverture--code{margin-left:.6rem;color:var(--jaune);border-color:var(--jaune)}

/* Les artistes de chaque session, sur l'espace formatrices */
.participantes{list-style:none;margin:1rem 0 0;padding:0;columns:3;column-gap:2rem}
.participantes li{margin:.3rem 0;break-inside:avoid;font-size:.92rem}
@media (max-width:700px){.participantes{columns:2}}

/* Les fiches artistes des formatrices */
.participantes{columns:2}
.fiche{margin:0 0 .9rem}
.fiche__ligne{color:var(--encre);font-size:.82rem}
.fiche__contact{color:var(--gris);font-size:.78rem}
.fiche__re{font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;color:var(--jaune);margin-left:.3rem}

/* Le tableau des artistes, façon tableur mais lisible */
.table-artistes{overflow-x:auto;border:1px solid var(--filet);border-radius:2px;background:var(--carte)}
.table-artistes table{border-collapse:collapse;width:100%;font-size:.78rem;min-width:74rem}
.table-artistes th{position:sticky;top:0;background:var(--bleu);color:#fff;text-align:left;
  font-weight:500;font-size:.64rem;letter-spacing:.1em;text-transform:uppercase;padding:.6rem .7rem;white-space:nowrap}
.table-artistes td{border-top:1px solid var(--filet);padding:.55rem .7rem;vertical-align:top;
  max-width:16rem;line-height:1.45}
.table-artistes tbody tr:nth-child(even){background:var(--pale)}
.table-artistes td:first-child{white-space:nowrap}
.table-artistes td:nth-child(10),.table-artistes td:nth-child(11){white-space:nowrap}
.table-artistes a{color:var(--bleu)}