ou
selon la page — est précédée d'une coche, et la liste perd ses puces.
Le composant Angular pose ces styles en attribut style sur chaque ligne ; ici
ils sont regroupés sur la classe du bloc. */
.nx-puces-cochees .elementor-widget-text-editor ul,
.nx-puces-cochees .elementor-widget-text-editor ol {
margin: 0;
padding: 0;
list-style: none;
display: flex;
flex-direction: column;
gap: 8px;
}
.nx-puces-cochees .elementor-widget-text-editor li,
.nx-puces-cochees .elementor-widget-text-editor p {
position: relative;
list-style: none;
padding-left: 24px;
margin: 0 0 8px;
}
.nx-puces-cochees .elementor-widget-text-editor li:last-child,
.nx-puces-cochees .elementor-widget-text-editor p:last-child {
margin-bottom: 0;
}
.nx-puces-cochees .elementor-widget-text-editor li::before,
.nx-puces-cochees .elementor-widget-text-editor p::before {
content: "";
position: absolute;
left: 0;
top: 0.25em;
width: 16px;
height: 16px;
background: no-repeat center/contain
url('data:image/svg+xml;utf8, que le site laisse à sa décoration par défaut, le second
porte « text-decoration: none ». */
.elementor-location-footer .nx-souligne .elementor-widget-text-editor p {
text-decoration: underline;
}
/* ------------------------------------------------------------- en-tête -----
Le site pose son en-tête en position fixe au-dessus du contenu, et compense
par une marge haute sur la page. Trois peaux, choisies par la classe que
nexo_charte_peau_entete() met sur le . */
.elementor-location-header {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 1000;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
body.admin-bar .elementor-location-header {
top: 32px;
}
/* Dans l'éditeur Elementor, l'en-tête ne doit pas flotter.
L'aperçu est une iframe : « position: fixed » s'y ancre au cadre, ou au
premier ancêtre transformé qu'Elementor pose autour de la zone d'édition —
et la marge haute du corps, qui n'est là que pour compenser un en-tête
flottant, se retrouvait alors visible, en bande blanche au-dessus de lui.
On rend donc l'en-tête au flux le temps de l'édition, et on retire la
compensation. La classe n'existe que dans l'aperçu : le site n'est pas
concerné. */
body.elementor-editor-active {
padding-top: 0;
}
body.elementor-editor-active .elementor-location-header {
position: static;
}
/* Voile sombre derrière le sous-menu ouvert — le .dropdown-backdrop du site :
un rectangle plein écran sous l'en-tête, assombri et flouté, qui détache le
panneau du contenu. Le site le crée en JS à l'ouverture ; ici c'est menu.js
qui pose « nx-menu-ouvert » sur le et mesure le bas de l'en-tête —
86 px, ou 118 avec la barre d'administration.
« pointer-events: none » : SmartMenus referme déjà au clic extérieur, et un
voile qui capte les clics l'en empêcherait. z-index 999, juste sous
l'en-tête (1000), dont le panneau ouvert fait partie. */
body.nx-menu-ouvert::after {
content: "";
position: fixed;
inset: var(--nx-entete-bas, 86px) 0 0;
z-index: 999;
background-color: rgba(0, 0, 0, 0.3);
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
pointer-events: none;
animation: nx-fondu 0.3s ease-out;
}
@keyframes nx-fondu {
from { opacity: 0; }
to { opacity: 1; }
}
/* « html body » et non « body » : le thème pose lui aussi une marge sur le
corps, et cette feuille est chargée avant la sienne — à sélectivité égale
c'est la sienne qui l'emporterait, et le contenu passerait sous l'en-tête. */
html body {
padding-top: 86px; /* hauteur de l'en-tête : 54 + 16 × 2 */
/* Fond de page. Le site pose « body { background-color: #f9feff } » ; le thème
WordPress, lui, laisse du blanc pur. La nuance est ténue mais elle se voit
partout où aucune section ne peint : sous le contenu, derrière l'en-tête, et
dans l'éditeur. Le réglage existe dans le kit Elementor mais cette version
ne le compile en aucune règle — d'où la valeur ici. */
background-color: #F9FEFF;
}
/* Le logo tient en deux fichiers, hauts de 42 px : le pictogramme puis le
mot-symbole. Le widget Image ne règle qu'une largeur, d'où la hauteur ici. */
.nx-logo img {
height: 42px;
width: auto;
display: block;
}
/* L'habillage — fond, couleur du logo, couleur du menu — vit désormais dans les
deux modèles d'en-tête du Theme Builder, pas ici : il reste ainsi visible et
modifiable dans l'éditeur. Ne restent que les deux réglages qu'Elementor ne
sait pas exprimer. */
/* Le mot-symbole est livré en teal ; le site le blanchit sur l'en-tête sombre. */
.nx-logo-blanc img[src*="logoNew"] {
filter: brightness(0) invert(1);
}
/* Filet sous l'en-tête clair. Le schéma d'Elementor ne pose une bordure que sur
les quatre côtés à la fois. */
.elementor-location-header .nx-filet-bas {
border-bottom: 1px solid #afb2b2;
}
/* Les pages Vision et Impact environnemental ont le même en-tête clair, teinté
d'un bleu très pâle. Une nuance de fond sur deux pages ne justifiait pas un
troisième modèle. */
body.nx-entete-bleutee .elementor-location-header > .e-con {
background: #e0ebff;
}
/* .menu-item du site : 54 de haut, marge 8/16, coin arrondi.
Les quatre états sont dans le même sélecteur, et ce n'est pas de la
redondance. Elementor Pro écrit :
.elementor-nav-menu--main .elementor-nav-menu a,
.elementor-nav-menu--main .elementor-nav-menu a.highlighted,
.elementor-nav-menu--main .elementor-nav-menu a:focus,
.elementor-nav-menu--main .elementor-nav-menu a:hover { padding: 13px 20px }
Sa forme « :hover » pèse (0,3,1) et battait la nôtre, (0,3,0) : au survol,
l'entrée gagnait 8 px de large et poussait le reste du menu. Il faut donc
répondre état par état, à sélectivité supérieure. */
.elementor-location-header .elementor-nav-menu--main .elementor-nav-menu .elementor-item,
.elementor-location-header .elementor-nav-menu--main .elementor-nav-menu .elementor-item:hover,
.elementor-location-header .elementor-nav-menu--main .elementor-nav-menu .elementor-item:focus,
.elementor-location-header .elementor-nav-menu--main .elementor-nav-menu .elementor-item.highlighted,
.elementor-location-header .elementor-nav-menu--main .elementor-nav-menu .elementor-item.elementor-item-active {
height: 54px;
padding: 8px 16px;
border-radius: 8px;
display: flex;
align-items: center;
transition: background-color 0.2s ease;
/* les entrées du site sont des boutons Material : elles portent son
interlettrage, et sans lui les libellés sont sensiblement plus courts */
letter-spacing: 0.0892857143em;
}
/* Elementor répartit l'écart entre entrées par une variable, moitié de chaque
côté du lien : 20 px donnent les 40 du site. Une marge posée sur le ne
sert à rien — le n'est pas l'enfant direct de .elementor-nav-menu--main. */
.elementor-location-header .elementor-nav-menu--main {
--e-nav-menu-horizontal-menu-item-margin: 20px;
}
/* Liste des engagements des piliers de /vision : mêmes coches que les autres
listes, mais en bleu moyen — c'est le check-blue.svg du site. */
.nx-liste-cochee-bleue .elementor-widget-text-editor p {
position: relative;
padding-left: 28px;
margin: 0 0 12px;
}
.nx-liste-cochee-bleue .elementor-widget-text-editor p:last-child {
margin-bottom: 0;
}
.nx-liste-cochee-bleue .elementor-widget-text-editor p::before {
content: "";
position: absolute;
left: 0;
top: 0.25em;
width: 16px;
height: 16px;
background: no-repeat center/contain
url('data:image/svg+xml;utf8,