.elementor-3958 .elementor-element.elementor-element-1cbcf64{--display:flex;}/* Start custom CSS for text-editor, class: .elementor-element-b83e7a6 *//* ============================================================================
   CAGECFI — mise en forme des pages légales
   ----------------------------------------------------------------------------
   Cible : contenu importé depuis un document Word / LibreOffice
           (politique de confidentialité, CGU, mentions légales)

   POSE :
     1. Elementor → ouvrir la page → sélectionner le CONTENEUR qui porte
        le texte → onglet « Avancé » → champ « Classes CSS »
        → saisir :   cagecfi-legal
     2. Apparence → Personnaliser → CSS additionnel → coller ce fichier
        (le CSS additionnel du personnalisateur est une fonction native de
         WordPress : il ne dépend d'aucune licence et n'est pas écrasé par
         les mises à jour d'extension)

   POURQUOI DES !important :
     l'extension « Pixel FormBuilder » charge sur TOUTES les pages du site
     une remise à zéro globale et non cantonnée :

         ul, p { padding:0; margin:0; list-style-type:none;
                 word-break:break-word; margin-bottom:0 !important; }

     C'est elle qui supprime les puces et l'espacement des paragraphes.
     Comme elle emploie !important, seule une déclaration de même force
     peut la neutraliser. Les !important d'ici sont tous cantonnés à
     .cagecfi-legal : ils ne débordent sur aucune autre page.
   ========================================================================== */


/* ---------------------------------------------------------------------------
   1. LISTES À PUCES  — le correctif demandé
   ------------------------------------------------------------------------ */

.cagecfi-legal ul {
	list-style: disc outside !important;
	padding-left: 1.7em !important;
	margin: 0 0 1.5em !important;
}

.cagecfi-legal ol {
	list-style: decimal outside !important;
	padding-left: 1.9em !important;
	margin: 0 0 1.5em !important;
}

/* niveaux imbriqués — prévu même si la page n'en compte pas aujourd'hui */
.cagecfi-legal ul ul { list-style-type: circle !important; }
.cagecfi-legal ul ul ul { list-style-type: square !important; }
.cagecfi-legal ul ul,
.cagecfi-legal ul ol,
.cagecfi-legal ol ul,
.cagecfi-legal ol ol {
	margin: .5em 0 .6em !important;
}

.cagecfi-legal li {
	display: list-item !important;
	margin-bottom: .6em !important;
}

.cagecfi-legal li::marker {
	color: #1f3864;   /* le bleu du document */
}

/* Le collage depuis Word enveloppe le texte de chaque puce dans un <p>.
   Ce <p> hérite des marges de paragraphe et décroche la puce de son texte :
   on le neutralise et c'est le <li> qui porte l'espacement.               */
.cagecfi-legal li > p {
	margin: 0 !important;
	padding-bottom: 0 !important;
}
.cagecfi-legal li > p + p {
	margin-top: .5em !important;
}


/* ---------------------------------------------------------------------------
   2. PARAGRAPHES  — rendre l'air supprimé par la remise à zéro
   ------------------------------------------------------------------------ */

.cagecfi-legal p {
	margin-bottom: 1.2em !important;
	padding-bottom: 0 !important;
}

.cagecfi-legal p:last-child {
	margin-bottom: 0 !important;
}

/* le texte justifié sans césure creuse des « rivières » blanches
   dans une colonne large — la césure automatique les referme       */
.cagecfi-legal [align="justify"],
.cagecfi-legal p {
	hyphens: auto;
	-webkit-hyphens: auto;
	word-break: normal !important;
	overflow-wrap: break-word;
}


/* ---------------------------------------------------------------------------
   3. TITRES D'ARTICLE
   ---------------------------------------------------------------------------
   Le document compte 12 <h1> — un par article. C'est un défaut de balisage
   hérité de l'import (voir la note en fin de fichier), mais il se corrige
   dans l'éditeur, pas en CSS. Ici on ne fait que leur redonner une échelle
   de titre de section au lieu des 40 px du gabarit.

   Deux obstacles traités :
     · « Pixel FormBuilder » impose text-transform: capitalize sur h1→h6
     · chaque titre contient <span style="font-size: medium"> : un style en
       ligne, que seul un !important peut recouvrir
   ------------------------------------------------------------------------ */

.cagecfi-legal h1 {
	font-size: clamp(1.15rem, 1rem + .55vw, 1.45rem) !important;
	line-height: 1.35 !important;
	font-weight: 700 !important;
	color: #1f3864 !important;
	text-transform: none !important;
	margin: 2.4em 0 .8em !important;
	padding-bottom: .4em !important;
	border-bottom: 1px solid #e3e7ef;
	scroll-margin-top: 120px;   /* pour l'en-tête fixe, si un sommaire est ajouté */
}

.cagecfi-legal h1:first-of-type {
	margin-top: 1.4em !important;
}

/* neutralise les tailles et couleurs posées en ligne dans les titres */
.cagecfi-legal h1 span,
.cagecfi-legal h1 b {
	font-size: inherit !important;
	color: inherit !important;
	font-weight: inherit !important;
}

.cagecfi-legal h2,
.cagecfi-legal h3 {
	font-size: 1.1rem !important;
	color: #262626 !important;
	text-transform: none !important;
	margin: 1.8em 0 .6em !important;
	padding-bottom: 0 !important;
}


/* ---------------------------------------------------------------------------
   4. TABLEAUX  — les deux tableaux de la page
   ---------------------------------------------------------------------------
   Attention : leurs couleurs sont déjà posées cellule par cellule en
   attribut HTML (bgcolor="#1f3864" pour l'en-tête, alternance
   #f2f2f2 / #ffffff pour le corps). On n'y touche donc PAS — une règle
   de fond ici écraserait l'alternance et rendrait illisible le texte
   blanc de l'en-tête. On ne pose que ce qui manque : bordures, marges
   intérieures, largeur.
   ------------------------------------------------------------------------ */

.cagecfi-legal table {
	width: 100%;
	border-collapse: collapse;
	margin: 0 0 1.8em;
	font-size: .95em;
}

.cagecfi-legal th,
.cagecfi-legal td {
	border: 1px solid #cfd6e4;
	padding: .6em .75em;
	vertical-align: top;
	text-align: left;
}

.cagecfi-legal table p {
	margin-bottom: 0 !important;
}

/* sur mobile un tableau de 3 colonnes ne tient pas : il défile
   horizontalement plutôt que de déborder la page                */
@media (max-width: 782px) {
	.cagecfi-legal table {
		display: block;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}
}


/* ---------------------------------------------------------------------------
   5. LONGUEUR DE LIGNE      ← bloc facultatif, à retirer si non souhaité
   ---------------------------------------------------------------------------
   Le texte s'étale actuellement sur 1 140 px, soit environ 150 caractères
   par ligne. L'œil perd la ligne suivante au retour chariot au-delà d'une
   quinzaine de mots ; les repères de lisibilité situent le confort entre
   45 et 75 caractères. Sur un document que l'on demande au visiteur de lire
   attentivement, l'écart compte.
   ------------------------------------------------------------------------ */

.cagecfi-legal .elementor-widget-container {
	/*max-width: 74ch;*/
	margin-left: auto;
	margin-right: auto;
}


/* ---------------------------------------------------------------------------
   6. EN-TÊTE DU DOCUMENT  — le bloc centré des premières lignes
   ------------------------------------------------------------------------ */

.cagecfi-legal [align="center"] {
	margin-bottom: .35em !important;
}

/* le paragraphe vide de tête, résidu du collage */
.cagecfi-legal p:empty {
	display: none;
}


/* ---------------------------------------------------------------------------
   7. IMPRESSION  — une politique de confidentialité est souvent imprimée
                    ou enregistrée en PDF par le visiteur
   ------------------------------------------------------------------------ */

@media print {
	.cagecfi-legal .elementor-widget-container { max-width: none; }
	.cagecfi-legal h1 { break-after: avoid; page-break-after: avoid; }
	.cagecfi-legal table,
	.cagecfi-legal ul,
	.cagecfi-legal ol { break-inside: avoid; page-break-inside: avoid; }
	.cagecfi-legal table { display: table; overflow: visible; }
}


/* ============================================================================
   CE QUE LE CSS NE PEUT PAS RÉPARER — à traiter dans l'éditeur

   · 12 balises <h1> pour un seul document. Une page ne doit en porter
     qu'une, et les articles devraient être des <h2>. Le CSS ci-dessus les
     rend visuellement corrects, mais la structure reste fausse pour les
     moteurs de recherche et pour les lecteurs d'écran, qui annoncent
     douze fois « titre de niveau 1 ».

   · Couleurs, tailles et alignements posés en style en ligne par le
     traitement de texte (<span style="color:…">, align="justify"). Ils
     survivront à tout changement de thème et rendent la page impossible
     à réharmoniser globalement. Un passage par l'éditeur de texte en
     mode HTML pour les retirer serait durable.

   · Les cellules d'en-tête des deux tableaux sont des <td> et non des <th>,
     et aucun <caption> n'est présent. Un lecteur d'écran ne peut donc pas
     rattacher une valeur à son intitulé de colonne : il énonce une suite
     de cellules sans en-tête. La correction est un remplacement de balise,
     hors de portée du CSS.

   · La cause de fond : « Pixel FormBuilder » diffuse une remise à zéro CSS
     globale sur l'ensemble du site, ainsi qu'une copie complète de
     Bootstrap. Ce fichier corrige la conséquence sur une page ; la même
     remise à zéro s'applique partout ailleurs.
   ========================================================================== *//* End custom CSS */