reconduit en conteneur : un bloc, pas une colonne flex. Il ne fait que reprendre le rôle de balisage de l'ancien

, sans rien imposer à la mise en page des sections qu'il contient. */ .e-con.lp-corps { display: block; } /* ── Les sections redeviennent des blocs ─────────────────────────────────── */ /* Tout conteneur Elementor naît en `display: flex; flex-direction: column`. Nos sections étaient des

, des

: des blocs. La différence n'est pas théorique — en flex les marges ne fusionnent plus, et la page gagnait jusqu'à 160 px par section. On rend donc le bloc, nommément, à celles dont la feuille ne déclare pas déjà une grille ou un flex. Une classe ajoutée ici doit l'être aussi dans le convertisseur, et inversement : une section convertie qui n'apparaît dans aucune des deux listes s'affichera en flex sans qu'on l'ait demandé. */ .e-con.ouverture, .e-con.ouverture__haut, .e-con.outil, .e-con.acte, .e-con.film, .e-con.complets, .e-con.confiance, .e-con.section, .e-con.deroule, .e-con.deroule__etape, .e-con.contact, .e-con.devis__intro, .e-con.metier__tete, .e-con.metier__cadre, .e-con.livrables, .e-con.livrables__liste, .e-con.piece, .e-con.zone, .e-con.faq, .e-con.prose, .e-con.prose__tete, .e-con.prose__corps, .e-con.salle__tete, .e-con.salle, .e-con.outil__scene, .e-con.outil__hud, .e-con.facettes, .e-con.facette, .e-con[data-reveler] { display: block; } /* Le boîtier, son plan de secours et la jauge sont posés en absolu sur toute la scène. Elementor donne `position: relative` à chaque enveloppe de widget : ils se calaient donc sur une boîte de 0 px de haut, et le boîtier disparaissait purement et simplement. On rend l'enveloppe transparente au positionnement pour qu'ils retrouvent la scène. À refaire partout où un élément en `position: absolute` reste dans un bloc HTML à l'intérieur d'un conteneur converti. */ body .outil__scene > .elementor-widget-html, body .outil__scene > .elementor-widget-html > .elementor-widget-container { position: static; } /* Le texte d'invite est devenu l'enveloppe d'un widget, et son texte vit dans un

à l'intérieur : la flèche doit se poser au début de la ligne, pas sur une ligne à elle. La page statique, elle, garde la règle d'origine. */ body .elementor-widget-text-editor.outil__invite::before { content: none; } body .elementor-widget-text-editor.outil__invite p::before { content: "↓ "; } /* Et les conteneurs qui doivent rester une grille ou un flex le redisent ici, avec `.e-con` devant. Elementor écrit `.e-con { display: flex }` : une seule classe, exactement la spécificité de `.planche` ou de `.films`. À égalité, c'est l'ordre des feuilles qui tranche — et cet ordre a changé le jour où cinq extensions ont été désactivées, faisant tomber toutes les grilles du site en flex d'un seul coup. Deux classes, et la question est close. La feuille déclare aussi `elementor-frontend` en dépendance : les deux mesures se doublent volontairement, celle-ci survivant même si l'autre saute. */ .e-con.ouverture__bas, .e-con.acte__tete, .e-con.films, .e-con.section__tete, .e-con.planche, .e-con.sites, .e-con.deroule__liste, .e-con.grille, .e-con.livrables__ligne, .e-con.devis { display: grid; } /* Un conteneur Elementor naît aussi en `flex-direction: column`. Nos flex à nous sont en ligne — un titre et son bouton côte à côte, un titre de film et son timecode aux deux bouts. Sans ces deux lignes, ils s'empilent. */ .e-con.film__meta, .e-con.contact__grille, .e-con.rappel { display: flex; flex-direction: row; } /* ── Les grilles retrouvent leurs enfants ────────────────────────────────── */ /* Quand le contenu d'une grille reste en bloc HTML, Elementor l'enferme dans deux div : la grille n'a plus qu'un seul enfant, et les sept photos de la planche se retrouvaient empilées dans une colonne de 76 px. `display: contents` efface ces deux enveloppes de la mise en page — les