/* Nomenclature française et grille d’espacement de 8 px. */
#page-declic {
  --declic-violet: #573d90;
  --declic-rose: #a8005d;
  --declic-rose-vif: #e6007e;
  --declic-vert: #638014;
  --declic-bleu: #007fa8;
  --declic-mauve: #a8579e;
  --declic-texte: #333333;
  --declic-texte-petit: 16px;
  --declic-texte-courant: 20px;
  --declic-texte-accentue: 24px;
  --declic-titre-carte: 40px;
  --declic-titre-section: 48px;
  --declic-texte-banniere: 40px;
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
  color: var(--declic-texte);
  font-family: "Barlow", Arial, sans-serif;
  font-size: var(--declic-texte-courant);
  line-height: 1.4;
  scroll-behavior: smooth;
}
#page-declic * { box-sizing: border-box; }
#page-declic p, #page-declic ul, #page-declic blockquote { margin-top: 0; }
#page-declic ul { margin-bottom: 16px; padding-left: 24px; list-style: disc outside; }
#page-declic li { padding-left: 0; }
#page-declic li::before { display: none !important; content: none !important; }
#page-declic li + li { margin-top: 0; }
#page-declic li::marker { color: var(--declic-texte); font-size: .65em; }
#page-declic a { color: inherit; }
#page-declic .declic-visuellement-cache { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }

#page-declic .declic-banniere { display: grid; grid-template-columns: minmax(0, 57.35%) minmax(0, 42.65%); align-items: stretch; background: #eeeaf5; }
#page-declic .declic-banniere__visuel { overflow: hidden; min-width: 0; aspect-ratio: 710 / 431; }
#page-declic .declic-banniere__image { display: block; width: 100%; height: 100%; object-fit: cover; }
#page-declic .declic-banniere__texte {
  display: flex;
  align-items: center;
  padding: 24px;
  font-size: var(--declic-texte-banniere);
  line-height: 1.25;
}
#page-declic .declic-banniere__texte p {
  margin: 0;
  font-size: var(--declic-texte-accentue);
  line-height: 1.4;
}

#page-declic .declic-visuel { display: block; overflow: hidden; }
#page-declic .declic-lien-couverture { cursor: pointer; }
#page-declic .declic-visuel img { display: block; width: 100%; height: 100%; object-fit: cover; }
#page-declic .declic-visuel--contenu img { object-fit: contain; }
#page-declic .declic-espace-reserve--portrait { width: 160px; height: 160px; min-height: 160px; border-radius: 50%; }
#page-declic .declic-espace-reserve--carre { width: 256px; min-width: 256px; height: 256px; }
#page-declic .declic-espace-reserve--strategies { width: min(70%, 800px); height: auto; aspect-ratio: 799 / 670; }
#page-declic .declic-espace-reserve--document { width: 100%; min-height: 0; aspect-ratio: 353 / 500; }
#page-declic .declic-espace-reserve--programmation { width: 100%; min-height: 0; aspect-ratio: 583 / 412; }
#page-declic .declic-espace-reserve--couverture { width: min(240px, 100%); height: auto; min-height: 0; aspect-ratio: 242 / 316; }

#page-declic .declic-navigation { display: flex; flex-wrap: wrap; justify-content: center; gap: 16px; padding: 32px 8px; background: #eeeaf5; }
#page-declic .declic-navigation__lien, #page-declic .declic-bouton, #page-declic .declic-facebook__bouton { display: inline-flex; align-items: center; justify-content: center; border-radius: 8px; text-decoration: none; font-family: "Yanone Kaffeesatz", Arial, sans-serif; font-weight: 500; }
#page-declic .declic-navigation__lien { padding: 16px 24px; color: #fff; font-size: 32px; line-height: 1; }
#page-declic .declic-navigation__lien--rose { background: var(--declic-rose); }
#page-declic .declic-navigation__lien--vert { background: var(--declic-vert); }
#page-declic .declic-navigation__lien--bleu { background: var(--declic-bleu); }
#page-declic .declic-navigation__lien--mauve { background: var(--declic-mauve); }

#page-declic .declic-introduction { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; align-items: center; padding: 56px 24px; background: #eeeaf5; }
#page-declic .declic-introduction__accroche { margin: 0; padding-right: 24px; font-size: var(--declic-texte-accentue); line-height: 1.4; }
#page-declic .declic-conceptrices > p { margin: 0 0 16px; color: var(--declic-violet); font: 600 32px/1 "Yanone Kaffeesatz", Arial, sans-serif; text-align: center; }
#page-declic .declic-personne { display: flex; flex-direction: column; align-items: center; text-align: center; }
#page-declic .declic-personne strong { margin-top: 8px; color: var(--declic-violet); font-size: var(--declic-texte-petit); }
#page-declic .declic-personne a { font-size: var(--declic-texte-petit); }

#page-declic .declic-section { position: relative; overflow: hidden; padding: 40px 24px 56px; }
#page-declic .declic-section::before { content: ""; position: absolute; z-index: 0; top: -64px; left: -64px; width: 112px; height: 144px; border-radius: 0 0 16px 0; transform: rotate(-7.5deg); transform-origin: center; background: var(--couleur-section); }
#page-declic .declic-section__interieur { position: relative; z-index: 1; width: 100%; margin: 0 auto; }
#page-declic .declic-section__titre { width: 100%; min-height: 56px; margin: 0 0 24px; padding-left: 40px; color: var(--couleur-section); font: 600 var(--declic-titre-section)/1 "Yanone Kaffeesatz", Arial, sans-serif; }
#page-declic .declic-section--rose { --couleur-section: var(--declic-rose); background: #fff2f8; }
#page-declic .declic-section--verte { --couleur-section: var(--declic-vert); background: #f8faef; }
#page-declic .declic-section--bleue { --couleur-section: var(--declic-bleu); background: #effaff; }
#page-declic .declic-section--mauve { --couleur-section: var(--declic-mauve); background: #fbf3fb; }

#page-declic .declic-section h3 { margin: 0 0 24px; color: var(--declic-violet); font: 600 var(--declic-titre-section)/1 "Yanone Kaffeesatz", Arial, sans-serif; }
#page-declic .declic-carte-contenu h4, #page-declic .declic-produit h3, #page-declic .declic-carte-eleve h3 { margin: 0 0 24px; color: var(--declic-violet); font: 600 var(--declic-titre-carte)/1 "Yanone Kaffeesatz", Arial, sans-serif; }
#page-declic .declic-acronyme h3 { text-align: center; }
#page-declic .declic-acronyme__grille { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 16px; margin-bottom: 40px; }
#page-declic .declic-acronyme__element { display: flex; flex-direction: column; align-items: center; text-align: center; font-size: var(--declic-texte-petit); line-height: 1.4; }
#page-declic .declic-acronyme__element > span { display: block; overflow: hidden; width: 96px; height: 96px; min-height: 96px; margin-bottom: 8px; border-radius: 50%; }
#page-declic .declic-acronyme__element h4 { margin: 0; color: inherit; font: inherit; }
#page-declic .declic-acronyme__element--d { color: #e6007e; }
#page-declic .declic-acronyme__element--e { color: #9e6a00; }
#page-declic .declic-acronyme__element--c1 { color: #638014; }
#page-declic .declic-acronyme__element--l { color: #007fa8; }
#page-declic .declic-acronyme__element--i { color: #857300; }
#page-declic .declic-acronyme__element--c2 { color: #a8579e; }

#page-declic .declic-atelier > h3 { margin-top: 0; }
#page-declic .declic-etapes { position: relative; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; align-items: stretch; margin-bottom: 24px; }
#page-declic .declic-etape { position: relative; z-index: 1; padding: 16px; border-radius: 16px; background: #fff; text-align: center; }
#page-declic .declic-espace-reserve--fleche-liaison { position: absolute; z-index: 2; width: 64px; height: 48px; min-height: 0; border-radius: 8px; transform: translate(-50%, -50%); }
#page-declic .declic-espace-reserve--fleche-liaison-premiere { top: 38%; left: calc(33.333% - 4px); }
#page-declic .declic-espace-reserve--fleche-liaison-deuxieme { top: 68%; left: calc(66.667% + 4px); }
#page-declic .declic-etape__numero { display: grid; place-items: center; width: 80px; height: 80px; margin: 0 auto 8px; border-radius: 50%; background: #fff9c7; color: #9e6a00; font: 600 48px/1 "Yanone Kaffeesatz", Arial, sans-serif; }
#page-declic .declic-etape:nth-of-type(2) .declic-etape__numero { background: #eef4d9; color: var(--declic-vert); }
#page-declic .declic-etape:nth-of-type(3) .declic-etape__numero { background: #e8f7fb; color: var(--declic-bleu); }
#page-declic .declic-etape .declic-etape__titre { margin: 0 0 8px; color: var(--declic-violet); font: 600 32px/1 "Yanone Kaffeesatz", Arial, sans-serif; }
#page-declic .declic-etape p:not(.declic-etape__titre) { margin-bottom: 0; font-size: var(--declic-texte-petit); }

#page-declic .declic-carte-contenu, #page-declic .declic-produit, #page-declic .declic-carte-eleve, #page-declic .declic-autrice { border-radius: 16px; background: #fff; }
#page-declic .declic-carte-contenu { display: flex; align-items: center; gap: 16px; margin-bottom: 24px; padding: 24px; }
#page-declic .declic-carte-contenu__corps { min-width: 0; flex: 1; }
#page-declic .declic-carte-contenu h4 { margin-bottom: 16px; }
#page-declic .declic-carte-contenu p, #page-declic .declic-carte-contenu li { font-size: var(--declic-texte-courant); line-height: 1.4; }
#page-declic .declic-note { display: flex; align-items: center; gap: 16px; width: fit-content; max-width: 100%; margin: 16px 0 0; padding: 16px; border-radius: 16px; background: #fff8e7; }
#page-declic .declic-note p { flex: 1; margin: 0; font-size: var(--declic-texte-petit); font-weight: 700; line-height: 1.25; }
#page-declic .declic-note strong { text-decoration: underline; }
#page-declic .declic-espace-reserve--ampoule { flex: 0 0 80px; width: 80px; height: 80px; min-height: 80px; border-radius: 50%; }

#page-declic .declic-presentation, #page-declic .declic-temoignages { margin-top: 40px; }
#page-declic .declic-presentation > p { font-size: 20px; line-height: 1.4; }
#page-declic .declic-zoom { position: relative; display: block; width: 100%; padding: 0; border: 0; background: transparent; color: inherit; text-decoration: none; cursor: pointer; }
#page-declic .declic-zoom > .declic-visuel { margin: 0 auto; }
#page-declic .declic-zoom__icone { position: absolute; top: 50%; left: 50%; z-index: 1; display: grid; place-items: center; width: 80px; height: 80px; margin: 0; border-radius: 50%; transform: translate(-50%, -50%); background: rgba(87, 61, 144, .8); }
#page-declic .declic-zoom__image { display: block; width: 64px; height: 64px; object-fit: contain; }
#page-declic .declic-legende { margin: 8px 0 0; font-size: 16px; font-style: italic; font-weight: 400; text-align: center; }

#page-declic .declic-temoignages__scene { display: grid; grid-template-columns: 56px minmax(0, 1fr) 56px; gap: 24px; align-items: center; }
#page-declic .declic-temoignages__fleche { width: 56px; height: 56px; padding: 0; border: 0; background: transparent; cursor: pointer; }
#page-declic .declic-espace-reserve--fleche-carrousel { width: 56px; height: 56px; min-height: 56px; border-radius: 50%; }
#page-declic [data-declic-suivant] .declic-espace-reserve--fleche-carrousel { transform: rotate(180deg); }
#page-declic .declic-temoignages__liste { position: relative; overflow: hidden; border-radius: 24px; box-shadow: 0 8px 8px rgba(0,0,0,.14); }
#page-declic .declic-temoignage { position: absolute; top: 0; left: 0; width: 100%; margin: 0; padding: 72px 120px 64px; border: 0; border-radius: 24px; background: #fff; opacity: 0; visibility: hidden; transform: translateX(32px); pointer-events: none; transition: opacity .42s ease, transform .42s ease, visibility 0s linear .42s; }
#page-declic .declic-temoignage.est-actif { position: relative; z-index: 1; opacity: 1; visibility: visible; transform: translateX(0); pointer-events: auto; transition-delay: 0s; }
#page-declic .declic-temoignage__guillemet { position: absolute; top: 24px; left: 32px; display: block; width: 64px; height: 64px; object-fit: contain; }
#page-declic .declic-temoignage p { margin: 0; font-size: 20px; font-style: italic; font-weight: 400; line-height: 1.5; }
#page-declic .declic-temoignage footer { margin-top: 24px; color: var(--declic-violet); font-size: 20px; font-weight: 400; line-height: 1.4; }
#page-declic .declic-temoignage footer strong { font-weight: 700; }
#page-declic .declic-temoignages__puces { display: flex; justify-content: center; gap: 8px; margin-top: 24px; }
#page-declic .declic-temoignages__puces button { width: 16px; height: 16px; padding: 0; border: 0; border-radius: 50%; background: #b9acd3; cursor: pointer; }
#page-declic .declic-temoignages__puces button.est-active { background: var(--declic-violet); }

#page-declic .declic-produit { display: flex; align-items: center; gap: 24px; margin-bottom: 40px; padding: 24px; }
#page-declic .declic-produit__contenu { flex: 1; min-width: 0; }
#page-declic .declic-produit__contenu h3 { color: var(--couleur-section); margin-bottom: 16px; }
#page-declic .declic-produit__contenu > p { font-size: 20px; line-height: 1.4; }
#page-declic .declic-actions { display: flex; flex-wrap: wrap; gap: 24px; margin-top: 16px; }
#page-declic .declic-bouton { padding: 8px 16px; border: 2px solid var(--declic-violet); background: var(--declic-violet); color: #fff; font-size: 24px; line-height: 1; }
#page-declic .declic-bouton--contour { background: #fff; color: var(--declic-violet); }
#page-declic .declic-lien-produit, #page-declic .declic-lien-autrice { color: inherit; text-decoration: none; }
#page-declic .declic-lien-produit:hover, #page-declic .declic-lien-produit:focus-visible, #page-declic .declic-lien-autrice:hover, #page-declic .declic-lien-autrice:focus-visible { text-underline-offset: 4px; }

#page-declic .declic-carte-eleve { margin-bottom: 40px; padding: 24px; }
#page-declic .declic-carte-eleve h3 { color: var(--declic-bleu); margin-bottom: 16px; }
#page-declic .declic-carte-eleve > p { font-size: 20px; line-height: 1.4; }
#page-declic .declic-livres { margin-top: 32px; }
#page-declic .declic-livres article { display: flex; flex-direction: column; align-items: center; }
#page-declic .declic-livres h4 { color: var(--declic-bleu); font-size: 24px; text-align: center; margin:16px 0;   }
#page-declic .declic-livres .declic-actions { justify-content: center; gap: 16px; }
#page-declic .declic-livres .declic-bouton { font-size: 24px; }

#page-declic .declic-grille-autrices { --gutter-y: 24px; }
#page-declic .declic-autrice { height: 100%; padding: 24px; text-align: center; }
#page-declic .declic-autrice .declic-visuel { margin: 0 auto 16px; }
#page-declic .declic-autrice p { font-size: var(--declic-texte-petit); }
#page-declic .declic-autrice__reseaux, #page-declic .declic-autrice__reseaux a { color: var(--declic-mauve); font-weight: 700; }

#page-declic .declic-facebook { display: flex; justify-content: center; padding: 24px; }
#page-declic .declic-facebook__bouton { gap: 16px; padding: 16px 24px; background: #4267b2; color: #fff; font-size: 32px; }
#page-declic .declic-facebook__bouton span { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 50%; background: #fff; color: #4267b2; font-family: Arial, sans-serif; font-weight: 700; }

#page-declic .declic-navigation__lien,
#page-declic .declic-bouton,
#page-declic .declic-facebook__bouton,
#page-declic .declic-temoignages__fleche,
#page-declic .declic-temoignages__puces button,
#page-declic .declic-zoom__icone { transition: filter .2s ease; }

#page-declic .declic-navigation__lien:hover,
#page-declic .declic-navigation__lien:focus-visible,
#page-declic .declic-bouton:hover,
#page-declic .declic-bouton:focus-visible,
#page-declic .declic-facebook__bouton:hover,
#page-declic .declic-facebook__bouton:focus-visible,
#page-declic .declic-temoignages__fleche:hover,
#page-declic .declic-temoignages__fleche:focus-visible,
#page-declic .declic-temoignages__puces button:hover,
#page-declic .declic-temoignages__puces button:focus-visible,
#page-declic .declic-zoom:hover .declic-zoom__icone,
#page-declic .declic-zoom:focus-visible .declic-zoom__icone { filter: brightness(1.5); }

@media (max-width: 991.98px) {
  #page-declic { font-size: var(--declic-texte-courant); }
  #page-declic .declic-banniere { grid-template-columns: 1fr; }
  #page-declic .declic-introduction { grid-template-columns: 1fr; }
  #page-declic .declic-introduction__accroche { padding-right: 0; }
  #page-declic .declic-acronyme__grille { grid-template-columns: repeat(3, 1fr); }
  #page-declic .declic-produit { align-items: flex-start; }
}

@media (max-width: 767.98px) {
  #page-declic .declic-navigation { align-items: stretch; flex-direction: column; }
  #page-declic .declic-navigation__lien { width: 100%; font-size: 32px; text-align: center; }
  #page-declic .declic-introduction, #page-declic .declic-section { padding: 40px 16px; }
  #page-declic .declic-section::before { width: 96px; height: 128px; }
  #page-declic .declic-section__titre { min-height: 48px; margin-bottom: 32px; padding-left: 40px; font-size: 40px; }
  #page-declic .declic-section h3 { font-size: 40px; }
  #page-declic .declic-carte-contenu h4, #page-declic .declic-produit h3, #page-declic .declic-carte-eleve h3 { font-size: 32px; }
  #page-declic .declic-acronyme__grille { grid-template-columns: repeat(2, 1fr); }
  #page-declic .declic-etapes { grid-template-columns: 1fr; gap: 0; }
  #page-declic .declic-espace-reserve--fleche-liaison { position: relative; top: auto; left: auto; justify-self: center; width: 48px; height: 48px; margin: -8px 0; transform: rotate(90deg); }
  #page-declic .declic-carte-contenu, #page-declic .declic-produit { flex-direction: column; }
  #page-declic #declic-enseignants .declic-espace-reserve--couverture { align-self: center; }
  #page-declic #declic-eleves .declic-produit .declic-espace-reserve--couverture { align-self: center; }
  #page-declic .declic-carte-contenu--image-droite .declic-visuel { order: -1; }
  #page-declic .declic-espace-reserve--carre { min-width: 0; max-width: 256px; width: 100%; }
  #page-declic .declic-espace-reserve--strategies { width: min(90%, 800px); height: auto; }
  #page-declic .declic-espace-reserve--document { min-height: 0; }
  #page-declic .declic-mini-lecons > div + div { margin-top: 24px; }
  #page-declic .declic-programmations > div + div { margin-top: 24px; }
  #page-declic .declic-temoignages__scene { grid-template-columns: 40px minmax(0,1fr) 40px; gap: 8px; }
  #page-declic .declic-temoignages__fleche, #page-declic .declic-espace-reserve--fleche-carrousel { width: 40px; height: 40px; min-height: 40px; }
  #page-declic .declic-temoignage { padding: 72px 24px 40px; }
  #page-declic .declic-temoignage__guillemet { top: 16px; left: 24px; width: 56px; height: 56px; }
  #page-declic .declic-facebook__bouton { font-size: 32px; }
}

@media (max-width: 575.98px) {
  #page-declic .declic-banniere__texte { padding: 24px 16px; font-size: 32px; }
  #page-declic .declic-conceptrices .row > div + div { margin-top: 24px; }
  #page-declic .declic-acronyme__element > span { width: 80px; height: 80px; min-height: 80px; }
  #page-declic .declic-carte-contenu { padding: 16px; }
  #page-declic .declic-carte-contenu p, #page-declic .declic-carte-contenu li { font-size: var(--declic-texte-courant); }
  #page-declic .declic-note { align-items: flex-start; gap: 16px; width: 100%; padding: 16px; }
  #page-declic .declic-espace-reserve--ampoule { flex-basis: 56px; width: 56px; height: 56px; min-height: 56px; }
  #page-declic .declic-espace-reserve--programmation { min-height: 0; }
  #page-declic .declic-facebook__bouton { width: 100%; font-size: 24px; }
}

@media (prefers-reduced-motion: reduce) {
  #page-declic { scroll-behavior: auto; }
  #page-declic .declic-temoignage { transition: none; }
}