.retour {
  clear: both;
}

.reset {
  margin: 0;
  padding: 0;
  border: 0;
}

.img-content-left {
  max-width: 50%;
  display: block;
  float: left;
  margin: 0 48px 24px 0;
}

.img-content-right {
  max-width: 50%;
  display: block;
  float: right;
  margin: 0 0 24px 48px;
}

.video {
  display: block;
  text-align: center;
}

@media (max-width: 767px) {
  .video {
    position: relative;
    padding-bottom: 30%;
    padding-top: 25px;
    height: 0;
  }
  .video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
  }
}
/* ==========================================================================
   1. UTILITAIRES DE CONTENU (front + éditeur)
   Si ce fichier n'est pas chargé sur le front, copier ce bloc dans le CSS du site.
   ========================================================================== */
.list-check {
  list-style: none;
  padding-left: 0;
}
.list-check li {
  position: relative;
  padding-left: 1.75em;
  margin-bottom: 0.5em;
}
.list-check li::before {
  content: "\2714";
  position: absolute;
  left: 0;
  top: 0;
  font-weight: 700;
  color: inherit;
}

/* ==========================================================================
   2. AIDES VISUELLES (uniquement dans l'éditeur TinyMCE)
   Couleur de repère : #c8102e (à remplacer partout par la couleur des macarons du site)
   Portée : body.mce-content-body (iframe TinyMCE) et body.cms-editor (body_class)
   Rien ici n'impacte le front.
   ========================================================================== */
.mce-content-body img,
.cms-editor img {
  max-width: 100%;
  height: auto;
}
.mce-content-body section,
.cms-editor section {
  position: relative;
  margin: 2rem 0;
  padding: 2rem 1rem 1rem;
  outline: 1px dashed #9ca3af;
}
.mce-content-body section::before,
.cms-editor section::before {
  content: "Section";
  position: absolute;
  top: 0;
  left: 0;
  padding: 3px 8px;
  font: 600 11px/1.2 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
  color: #fff;
  background: #374151;
}
.mce-content-body section[id]::before,
.cms-editor section[id]::before {
  content: "Section #" attr(id);
}
.mce-content-body .gauche-droite-container,
.mce-content-body .gauche-droite-container-primary,
.mce-content-body .gauche-droite-container-notinverse,
.cms-editor .gauche-droite-container,
.cms-editor .gauche-droite-container-primary,
.cms-editor .gauche-droite-container-notinverse {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1.5rem;
}
.mce-content-body .gauche-droite-container > .gauche,
.mce-content-body .gauche-droite-container > .droite,
.mce-content-body .gauche-droite-container-primary > .gauche,
.mce-content-body .gauche-droite-container-primary > .droite,
.mce-content-body .gauche-droite-container-notinverse > .gauche,
.mce-content-body .gauche-droite-container-notinverse > .droite,
.cms-editor .gauche-droite-container > .gauche,
.cms-editor .gauche-droite-container > .droite,
.cms-editor .gauche-droite-container-primary > .gauche,
.cms-editor .gauche-droite-container-primary > .droite,
.cms-editor .gauche-droite-container-notinverse > .gauche,
.cms-editor .gauche-droite-container-notinverse > .droite {
  flex: 1 1 280px;
  min-width: 0;
}
.mce-content-body .gauche-droite-primary,
.cms-editor .gauche-droite-primary {
  background: rgba(200, 16, 46, 0.05);
}
.mce-content-body .mce-section .mceEditable,
.cms-editor .mce-section .mceEditable {
  min-height: 2.5em;
  outline: 1px dashed rgba(200, 16, 46, 0.35);
  outline-offset: 4px;
}
.mce-content-body .mce-section .mceEditable:hover, .mce-content-body .mce-section .mceEditable:focus,
.cms-editor .mce-section .mceEditable:hover,
.cms-editor .mce-section .mceEditable:focus {
  outline: 1px solid #c8102e;
}
.mce-content-body .mceNonEditable,
.cms-editor .mceNonEditable {
  cursor: default;
}
.mce-content-body .ban-macaron,
.cms-editor .ban-macaron {
  display: inline-flex;
  align-items: center;
  gap: 0.75em;
  max-width: 100%;
  margin: 0 0 0.75rem;
  padding: 0.5em 1.1em;
  border-radius: 999px;
  font: 700 14px/1.3 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
  color: #fff;
  background: #c8102e;
}
.mce-content-body .ban-macaron.double > span + span,
.cms-editor .ban-macaron.double > span + span {
  padding-left: 0.75em;
  border-left: 1px solid rgba(255, 255, 255, 0.5);
}
.mce-content-body .image_legende,
.cms-editor .image_legende {
  position: relative;
}
.mce-content-body .image_legende .img-responsive,
.cms-editor .image_legende .img-responsive {
  display: block;
}
.mce-content-body .cta-primary-fr,
.cms-editor .cta-primary-fr {
  color: #fff;
  background: #c8102e;
  border-color: #c8102e;
}
.mce-content-body .pl-models,
.cms-editor .pl-models {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  margin: 1rem 0;
}
.mce-content-body .pl-model,
.cms-editor .pl-model {
  flex: 1 1 220px;
  padding: 1rem;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
}
.mce-content-body .pl-specs,
.cms-editor .pl-specs {
  margin-bottom: 0;
}
.mce-content-body .pl-legal,
.cms-editor .pl-legal {
  font-size: 12px;
  color: #6b7280;
}
.mce-content-body span.cms-include,
.cms-editor span.cms-include {
  display: inline-block;
  max-width: 100%;
  padding: 2px 8px;
  font: 12px/1.5 Consolas, "Courier New", monospace;
  color: #1e3a8a;
  background: #eff6ff;
  border: 1px solid #bfdbfe;
  border-radius: 4px;
  word-break: break-all;
}
.mce-content-body span.cms-include::before,
.cms-editor span.cms-include::before {
  content: "Module CMS : ";
  font-weight: 700;
}

/* Macaron cliquable dans l'éditeur : double-clic pour le modifier */
.mce-content-body .ban-macaron,
.cms-editor .ban-macaron {
  cursor: pointer;
}
.mce-content-body .ban-macaron:hover,
.cms-editor .ban-macaron:hover {
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #c8102e;
}

/* Pastille module CMS cliquable : un clic ouvre la fenêtre d'édition */
.mce-content-body span.cms-include,
.cms-editor span.cms-include {
  cursor: pointer;
}
.mce-content-body span.cms-include:hover,
.cms-editor span.cms-include:hover {
  background: #dbeafe;
  border-color: #3b82f6;
}