.elementor-92 .elementor-element.elementor-element-ddf495c{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:4%;--padding-bottom:4%;--padding-left:4%;--padding-right:4%;}.elementor-92 .elementor-element.elementor-element-ddf495c:not(.elementor-motion-effects-element-type-background), .elementor-92 .elementor-element.elementor-element-ddf495c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-92 .elementor-element.elementor-element-940faf5{--display:flex;--min-height:91px;--gap:32px 32px;--row-gap:32px;--column-gap:32px;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:23%;}.elementor-92 .elementor-element.elementor-element-940faf5.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-image-box .elementor-image-box-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-widget-image-box:has(:hover) .elementor-image-box-title, .elementor-widget-image-box:has(:focus) .elementor-image-box-title{color:var( --e-global-color-primary );}.elementor-widget-image-box .elementor-image-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-92 .elementor-element.elementor-element-23e38091{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-92 .elementor-element.elementor-element-23e38091.elementor-element{--align-self:flex-start;--flex-grow:0;--flex-shrink:0;}.elementor-92 .elementor-element.elementor-element-23e38091 .elementor-image-box-wrapper{text-align:start;}.elementor-92 .elementor-element.elementor-element-23e38091.elementor-position-right .elementor-image-box-img{margin-left:9px;}.elementor-92 .elementor-element.elementor-element-23e38091.elementor-position-left .elementor-image-box-img{margin-right:9px;}.elementor-92 .elementor-element.elementor-element-23e38091.elementor-position-top .elementor-image-box-img{margin-bottom:9px;}.elementor-92 .elementor-element.elementor-element-23e38091 .elementor-image-box-wrapper .elementor-image-box-img{width:96%;}.elementor-92 .elementor-element.elementor-element-23e38091 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-92 .elementor-element.elementor-element-23e38091 .elementor-image-box-title{font-family:"Poppins", Sans-serif;font-size:65px;font-weight:600;text-transform:capitalize;font-style:normal;text-decoration:none;line-height:1.2em;letter-spacing:0px;color:#1C244B;}.elementor-92 .elementor-element.elementor-element-23e38091 .elementor-image-box-description{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:300;text-transform:none;font-style:normal;text-decoration:none;line-height:1.5em;letter-spacing:0px;color:#324A6D;}.elementor-92 .elementor-element.elementor-element-5883e9b5{--grid-template-columns:repeat(0, auto);text-align:left;--icon-size:23px;--grid-column-gap:20px;--grid-row-gap:0px;}.elementor-92 .elementor-element.elementor-element-5883e9b5 .elementor-social-icon{background-color:#02010100;--icon-padding:0em;}.elementor-92 .elementor-element.elementor-element-5883e9b5 .elementor-social-icon i{color:#467FF7;}.elementor-92 .elementor-element.elementor-element-5883e9b5 .elementor-social-icon svg{fill:#467FF7;}.elementor-92 .elementor-element.elementor-element-5883e9b5 .elementor-social-icon:hover i{color:#C8D5DC;}.elementor-92 .elementor-element.elementor-element-5883e9b5 .elementor-social-icon:hover svg{fill:#C8D5DC;}.elementor-92 .elementor-element.elementor-element-1ab96519{--display:flex;--gap:24px 24px;--row-gap:24px;--column-gap:24px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-92 .elementor-element.elementor-element-1d5887c1 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:22px;font-weight:600;text-transform:capitalize;font-style:normal;text-decoration:none;line-height:1.2em;letter-spacing:0px;color:#1C244B;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before, .elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before, .elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-92 .elementor-element.elementor-element-68637cef .elementor-nav-menu .elementor-item{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:300;text-transform:none;font-style:normal;text-decoration:none;line-height:1.5em;letter-spacing:0px;}.elementor-92 .elementor-element.elementor-element-68637cef .elementor-nav-menu--main .elementor-item{color:#324A6D;fill:#324A6D;padding-left:0px;padding-right:0px;padding-top:0px;padding-bottom:0px;}.elementor-92 .elementor-element.elementor-element-68637cef .elementor-nav-menu--main .elementor-item:hover, .elementor-92 .elementor-element.elementor-element-68637cef .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-92 .elementor-element.elementor-element-68637cef .elementor-nav-menu--main .elementor-item.highlighted, .elementor-92 .elementor-element.elementor-element-68637cef .elementor-nav-menu--main .elementor-item:focus{color:#C8D5DC;fill:#C8D5DC;}.elementor-92 .elementor-element.elementor-element-68637cef{--e-nav-menu-horizontal-menu-item-margin:calc( 10px / 2 );}.elementor-92 .elementor-element.elementor-element-68637cef .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:10px;}.elementor-92 .elementor-element.elementor-element-68637cef .elementor-nav-menu--dropdown .elementor-item, .elementor-92 .elementor-element.elementor-element-68637cef .elementor-nav-menu--dropdown .elementor-sub-item{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:500;text-transform:capitalize;font-style:normal;text-decoration:none;letter-spacing:0px;}.elementor-92 .elementor-element.elementor-element-3b47df7d{--display:flex;--gap:24px 24px;--row-gap:24px;--column-gap:24px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-92 .elementor-element.elementor-element-46968943 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:22px;font-weight:600;text-transform:capitalize;font-style:normal;text-decoration:none;line-height:1.2em;letter-spacing:0px;color:#1C244B;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-92 .elementor-element.elementor-element-56c294fd .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(10px/2);}.elementor-92 .elementor-element.elementor-element-56c294fd .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(10px/2);}.elementor-92 .elementor-element.elementor-element-56c294fd .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(10px/2);}.elementor-92 .elementor-element.elementor-element-56c294fd .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-10px/2);}.elementor-92 .elementor-element.elementor-element-56c294fd .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-10px/2);}.elementor-92 .elementor-element.elementor-element-56c294fd .elementor-icon-list-icon i{color:#324A6D;transition:color 0.3s;}.elementor-92 .elementor-element.elementor-element-56c294fd .elementor-icon-list-icon svg{fill:#324A6D;transition:fill 0.3s;}.elementor-92 .elementor-element.elementor-element-56c294fd{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-92 .elementor-element.elementor-element-56c294fd .elementor-icon-list-item > .elementor-icon-list-text, .elementor-92 .elementor-element.elementor-element-56c294fd .elementor-icon-list-item > a{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:300;text-transform:none;font-style:normal;text-decoration:none;line-height:1.5em;letter-spacing:0px;}.elementor-92 .elementor-element.elementor-element-56c294fd .elementor-icon-list-text{color:#324A6D;transition:color 0.3s;}.elementor-92 .elementor-element.elementor-element-76a46b89{--display:flex;--min-height:45px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-92 .elementor-element.elementor-element-76a46b89:not(.elementor-motion-effects-element-type-background), .elementor-92 .elementor-element.elementor-element-76a46b89 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#467FF7;}.elementor-92 .elementor-element.elementor-element-120a8011{text-align:center;}.elementor-92 .elementor-element.elementor-element-120a8011 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:300;text-transform:none;font-style:normal;text-decoration:none;line-height:1.5em;letter-spacing:0px;color:#C8D5DC;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-92 .elementor-element.elementor-element-ddf495c{--flex-wrap:wrap;--padding-top:8%;--padding-bottom:8%;--padding-left:4%;--padding-right:4%;}.elementor-92 .elementor-element.elementor-element-940faf5{--gap:30px 30px;--row-gap:30px;--column-gap:30px;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:4%;}.elementor-92 .elementor-element.elementor-element-23e38091 .elementor-image-box-wrapper{text-align:start;}.elementor-92 .elementor-element.elementor-element-23e38091 .elementor-image-box-wrapper .elementor-image-box-img{width:30%;}.elementor-92 .elementor-element.elementor-element-23e38091 .elementor-image-box-title{font-size:45px;}.elementor-92 .elementor-element.elementor-element-23e38091 .elementor-image-box-description{font-size:14px;}.elementor-92 .elementor-element.elementor-element-5883e9b5{text-align:left;--icon-size:18px;}.elementor-92 .elementor-element.elementor-element-1ab96519{--padding-top:0%;--padding-bottom:0%;--padding-left:4%;--padding-right:0%;}.elementor-92 .elementor-element.elementor-element-68637cef .elementor-nav-menu .elementor-item{font-size:14px;}.elementor-92 .elementor-element.elementor-element-68637cef .elementor-nav-menu--dropdown .elementor-item, .elementor-92 .elementor-element.elementor-element-68637cef .elementor-nav-menu--dropdown .elementor-sub-item{font-size:14px;}.elementor-92 .elementor-element.elementor-element-3b47df7d{--padding-top:0%;--padding-bottom:0%;--padding-left:4%;--padding-right:0%;}.elementor-92 .elementor-element.elementor-element-56c294fd .elementor-icon-list-item > .elementor-icon-list-text, .elementor-92 .elementor-element.elementor-element-56c294fd .elementor-icon-list-item > a{font-size:14px;}.elementor-92 .elementor-element.elementor-element-120a8011 .elementor-heading-title{font-size:14px;}}@media(max-width:767px){.elementor-92 .elementor-element.elementor-element-ddf495c{--padding-top:20%;--padding-bottom:20%;--padding-left:6%;--padding-right:6%;}.elementor-92 .elementor-element.elementor-element-940faf5{--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-92 .elementor-element.elementor-element-940faf5.e-con{--order:99999 /* order end hack */;}.elementor-92 .elementor-element.elementor-element-23e38091 .elementor-image-box-wrapper{text-align:center;}.elementor-92 .elementor-element.elementor-element-23e38091 .elementor-image-box-img{margin-bottom:9px;}.elementor-92 .elementor-element.elementor-element-23e38091 .elementor-image-box-title{font-size:28px;line-height:1.1em;}.elementor-92 .elementor-element.elementor-element-5883e9b5{text-align:center;}.elementor-92 .elementor-element.elementor-element-1ab96519{--width:50%;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:4%;}.elementor-92 .elementor-element.elementor-element-1d5887c1 .elementor-heading-title{font-size:18px;}.elementor-92 .elementor-element.elementor-element-68637cef{--e-nav-menu-horizontal-menu-item-margin:calc( 8px / 2 );}.elementor-92 .elementor-element.elementor-element-68637cef .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:8px;}.elementor-92 .elementor-element.elementor-element-3b47df7d{--width:50%;--padding-top:0%;--padding-bottom:0%;--padding-left:4%;--padding-right:0%;}.elementor-92 .elementor-element.elementor-element-46968943 .elementor-heading-title{font-size:18px;}.elementor-92 .elementor-element.elementor-element-56c294fd .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(8px/2);}.elementor-92 .elementor-element.elementor-element-56c294fd .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(8px/2);}.elementor-92 .elementor-element.elementor-element-56c294fd .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(8px/2);}.elementor-92 .elementor-element.elementor-element-56c294fd .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-8px/2);}.elementor-92 .elementor-element.elementor-element-56c294fd .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-8px/2);}}@media(min-width:768px){.elementor-92 .elementor-element.elementor-element-ddf495c{--content-width:1790px;}.elementor-92 .elementor-element.elementor-element-940faf5{--width:54.052%;}.elementor-92 .elementor-element.elementor-element-1ab96519{--width:15.981%;}.elementor-92 .elementor-element.elementor-element-3b47df7d{--width:18.482%;}.elementor-92 .elementor-element.elementor-element-76a46b89{--content-width:1790px;}}@media(max-width:1024px) and (min-width:768px){.elementor-92 .elementor-element.elementor-element-940faf5{--width:36%;}.elementor-92 .elementor-element.elementor-element-1ab96519{--width:32%;}.elementor-92 .elementor-element.elementor-element-3b47df7d{--width:32%;}}/* Start custom CSS for heading, class: .elementor-element-120a8011 *//* ===================================================================== MAZIRAB COMPAGNIE — EN-TÊTE ET PIED DE PAGE Version 1.0 du 17/10/2026 ===================================================================== OÙ LE COLLER Elementor > Réglages du site > CSS personnalisé. Ajoutez ce bloc à la suite de ce qui s'y trouve déjà (ne supprimez rien), puis cliquez sur « Mettre à jour » et videz le cache (LiteSpeed). Ce CSS ne remplace pas les modifications natives (textes, liens, menu) : il met en forme l'en-tête (modèle 89) et le pied de page (modèle 92). CE QUE LE CSS SUPPOSE CÔTÉ ELEMENTOR - Barre du haut : 3 éléments à gauche (téléphone, e-mail, adresse) et 2 icônes à droite (Instagram, LinkedIn). Une icône sans lien est masquée toute seule ; le champ de recherche est masqué. - Barre principale : logo, menu de 7 liens au plus (testé avec 7), bouton de devis. - Pied de page : 3 colonnes (marque et réseaux, liens utiles, contact), puis une barre de droits réservés. PRINCIPE TECHNIQUE Tous les sélecteurs commencent par header.elementor-location-header:not(#mzh) ou footer.elementor-location-footer:not(#mzh). Aucun élément n'a l'identifiant « mzh » : le :not() ne retire rien, il donne simplement la priorité d'un identifiant. Les règles passent ainsi au-dessus des feuilles Elementor chargées après le CSS global, sans !important (une seule exception, imposée par Elementor pour la marge du menu déroulant). Le CSS n'agit que sur l'en-tête et le pied de page : aucune page n'est touchée. ===================================================================== */ /* --------------------------------------------------------------------- 0 — RÉGLAGES (c'est la seule partie à modifier) --------------------------------------------------------------------- */ header.elementor-location-header:not(#mzh),footer.elementor-location-footer:not(#mzh){ /* Couleurs */ --mzh-blue:#1a3dbe; /* bleu des pages : bouton, lien actif, survol */ --mzh-navy:#0d1b2a; /* bleu nuit : texte du menu, barre du haut, barre du bas */ --mzh-text:#324a6d; /* texte courant du pied de page */ --mzh-pale:#f4f6fa; /* fond du pied de page */ --mzh-line:#dfe5f0; /* traits fins */ --mzh-orange:#e87832; /* pictogrammes de la barre du haut (fond sombre uniquement) */ --mzh-focus:#2b52d8; /* anneau de focus clavier sur fond clair */ --mzh-focus-dark:#ffb27a; /* anneau de focus clavier sur fond sombre */ /* Police : Montserrat est déjà chargée sur le site. Pour en changer, modifiez uniquement cette ligne. */ --mzh-font:Montserrat,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif; } header.elementor-location-header:not(#mzh){ /* Tailles sur ordinateur (≥ 1 200 px) */ --mzh-top-py:5px; /* marge haute et basse de la barre du haut */ --mzh-main-py:8px; /* marge haute et basse de la barre principale */ --mzh-logo-h:50px; /* hauteur du logo */ --mzh-nav-fs:15px; /* taille du texte du menu */ --mzh-nav-gap:14px; /* écart minimal entre deux liens du menu */ --mzh-main-gap:24px; /* écart entre logo, menu et bouton */ --mzh-cta-fs:15px; /* taille du texte du bouton */ --mzh-cta-py:11px; /* hauteur intérieure du bouton */ --mzh-cta-px:20px; /* largeur intérieure du bouton */ --mzh-toggle:44px; /* côté du bouton du menu burger */ } /* Ordinateurs étroits (1 025 à 1 199 px) : tout est un peu plus compact */ @media (min-width:1025px) and (max-width:1199.98px){ header.elementor-location-header:not(#mzh){--mzh-logo-h:44px;--mzh-nav-fs:14px;--mzh-nav-gap:12px;--mzh-main-gap:16px;--mzh-cta-fs:14px;--mzh-cta-px:14px} } /* Tablettes (jusqu'à 1 024 px) : le menu devient un burger */ @media (max-width:1024px){ header.elementor-location-header:not(#mzh){--mzh-logo-h:48px;--mzh-main-gap:16px;--mzh-cta-fs:14px;--mzh-cta-py:10px;--mzh-cta-px:16px} } /* Téléphones (jusqu'à 767 px) */ @media (max-width:767px){ header.elementor-location-header:not(#mzh){--mzh-logo-h:40px;--mzh-main-py:10px} } /* --------------------------------------------------------------------- 1 — EN-TÊTE : conteneur (reste collé en haut, ombre légère) --------------------------------------------------------------------- */ header.elementor-location-header:not(#mzh) > .e-parent{box-shadow:0 1px 0 var(--mzh-line),0 8px 24px rgba(13,27,42,.06)} /* --------------------------------------------------------------------- 2 — BARRE DU HAUT : coordonnées à gauche, réseaux à droite Masquée sur téléphone (voir la dernière règle de cette section). --------------------------------------------------------------------- */ header.elementor-location-header:not(#mzh) > .e-parent > .e-child:first-child{--content-width:1132px;--padding-top:var(--mzh-top-py);--padding-bottom:var(--mzh-top-py);--padding-left:24px;--padding-right:24px;background-color:var(--mzh-navy)} header.elementor-location-header:not(#mzh) > .e-parent > .e-child:first-child > .e-con-inner{display:flex;flex-flow:row nowrap;align-items:center;justify-content:space-between;gap:16px} header.elementor-location-header:not(#mzh) > .e-parent > .e-child:first-child > .e-con-inner > .e-child{--width:auto;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;width:auto;max-width:none;min-width:0;flex:0 1 auto} header.elementor-location-header:not(#mzh) > .e-parent > .e-child:first-child > .e-con-inner > .e-child:last-child{flex:0 0 auto;flex-direction:row;align-items:center;justify-content:flex-end;gap:12px} header.elementor-location-header:not(#mzh) > .e-parent > .e-child:first-child .elementor-widget{width:auto;max-width:none;--container-widget-width:auto;margin:0} header.elementor-location-header:not(#mzh) > .e-parent > .e-child:first-child .elementor-icon-list-items{display:flex;flex-flow:row nowrap;align-items:center;gap:0 24px;margin:0;padding:0} header.elementor-location-header:not(#mzh) > .e-parent > .e-child:first-child .elementor-icon-list-item{display:flex;align-items:center;gap:8px;min-height:24px;margin:0;padding:0} header.elementor-location-header:not(#mzh) > .e-parent > .e-child:first-child .elementor-icon-list-item > a{display:inline-flex;align-items:center;gap:8px;min-height:24px;color:#fff;text-decoration:none} header.elementor-location-header:not(#mzh) > .e-parent > .e-child:first-child .elementor-icon-list-icon{display:inline-flex;width:auto;color:var(--mzh-orange)} header.elementor-location-header:not(#mzh) > .e-parent > .e-child:first-child .elementor-icon-list-icon svg{width:14px;height:14px;fill:currentColor} header.elementor-location-header:not(#mzh) > .e-parent > .e-child:first-child .elementor-icon-list-text{margin:0;padding:0;color:#fff;font:400 13px/1.2 var(--mzh-font);white-space:nowrap} header.elementor-location-header:not(#mzh) > .e-parent > .e-child:first-child .elementor-icon-list-item > a:hover .elementor-icon-list-text{text-decoration:underline;text-underline-offset:3px} /* Champ de recherche : masqué (inutile sur un site de 10 pages) */ header.elementor-location-header:not(#mzh) > .e-parent > .e-child:first-child .elementor-widget-search-form{display:none} /* Réseaux (colonne de droite) : une icône sans lien est masquée */ header.elementor-location-header:not(#mzh) > .e-parent > .e-child:first-child > .e-con-inner > .e-child:last-child .elementor-icon-list-item:not(:has(a)){display:none} /* Réseaux : icônes seules, 24 px de côté, le nom reste lu par les lecteurs d'écran */ header.elementor-location-header:not(#mzh) > .e-parent > .e-child:first-child > .e-con-inner > .e-child:last-child .elementor-icon-list-item > a{justify-content:center;width:24px;height:24px} header.elementor-location-header:not(#mzh) > .e-parent > .e-child:first-child > .e-con-inner > .e-child:last-child .elementor-icon-list-icon{color:#fff} header.elementor-location-header:not(#mzh) > .e-parent > .e-child:first-child > .e-con-inner > .e-child:last-child .elementor-icon-list-icon svg{width:16px;height:16px} header.elementor-location-header:not(#mzh) > .e-parent > .e-child:first-child > .e-con-inner > .e-child:last-child .elementor-icon-list-item > a:hover .elementor-icon-list-icon{color:var(--mzh-orange)} header.elementor-location-header:not(#mzh) > .e-parent > .e-child:first-child > .e-con-inner > .e-child:last-child .elementor-icon-list-text{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap} /* Tablette en portrait (jusqu'à 899 px) : l'adresse (3e élément à gauche) est masquée pour ne jamais chevaucher les icônes. Elle reste visible dans le pied de page. */ @media (max-width:899.98px){ header.elementor-location-header:not(#mzh) > .e-parent > .e-child:first-child > .e-con-inner > .e-child:first-child .elementor-icon-list-item:nth-child(n+3){display:none} } @media (max-width:767px){ header.elementor-location-header:not(#mzh) > .e-parent > .e-child:first-child{display:none} } /* --------------------------------------------------------------------- 3 — BARRE PRINCIPALE : logo, menu, bouton de devis --------------------------------------------------------------------- */ header.elementor-location-header:not(#mzh) > .e-parent > .e-child:last-child{--content-width:1132px;--padding-top:var(--mzh-main-py);--padding-bottom:var(--mzh-main-py);--padding-left:24px;--padding-right:24px;background-color:#fff} header.elementor-location-header:not(#mzh) > .e-parent > .e-child:last-child > .e-con-inner{display:flex;flex-flow:row nowrap;align-items:center;justify-content:space-between;gap:var(--mzh-main-gap)} header.elementor-location-header:not(#mzh) > .e-parent > .e-child:last-child .elementor-widget{margin:0} /* Logo : hauteur fixe, largeur proportionnelle */ header.elementor-location-header:not(#mzh) > .e-parent > .e-child:last-child .elementor-widget-image{--container-widget-width:auto;--container-widget-flex-grow:0;width:auto;max-width:none;flex:0 0 auto;padding:0} header.elementor-location-header:not(#mzh) > .e-parent > .e-child:last-child .elementor-widget-image a{display:block;line-height:0} header.elementor-location-header:not(#mzh) > .e-parent > .e-child:last-child .elementor-widget-image img{display:block;width:auto;max-width:none;height:var(--mzh-logo-h);object-fit:contain;object-position:left center} /* Menu : une seule ligne, liens répartis sur 700 px au plus */ header.elementor-location-header:not(#mzh) > .e-parent > .e-child:last-child .elementor-widget-nav-menu{--e-nav-menu-horizontal-menu-item-margin:0px;flex:1 1 auto;min-width:0;width:auto;max-width:none} header.elementor-location-header:not(#mzh) > .e-parent > .e-child:last-child .elementor-nav-menu--main .elementor-nav-menu{display:flex;flex-wrap:nowrap;justify-content:space-between;column-gap:var(--mzh-nav-gap);width:100%;max-width:700px;margin:0 auto} header.elementor-location-header:not(#mzh) > .e-parent > .e-child:last-child .elementor-nav-menu--main .elementor-nav-menu a.elementor-item{padding:10px 0;font:500 var(--mzh-nav-fs)/1.2 var(--mzh-font);text-transform:none;white-space:nowrap;color:var(--mzh-navy);fill:var(--mzh-navy)} header.elementor-location-header:not(#mzh) > .e-parent > .e-child:last-child .elementor-nav-menu--main .elementor-nav-menu a.elementor-item:hover, header.elementor-location-header:not(#mzh) > .e-parent > .e-child:last-child .elementor-nav-menu--main .elementor-nav-menu a.elementor-item:focus, header.elementor-location-header:not(#mzh) > .e-parent > .e-child:last-child .elementor-nav-menu--main .elementor-nav-menu a.elementor-item.elementor-item-active{color:var(--mzh-blue);fill:var(--mzh-blue)} /* Trait sous le lien actif : bleu, 2 px */ header.elementor-location-header:not(#mzh) > .e-parent > .e-child:last-child .elementor-nav-menu--main.e--pointer-underline .elementor-item:after{height:2px;bottom:3px;background-color:var(--mzh-blue)} /* Bouton de devis */ header.elementor-location-header:not(#mzh) > .e-parent > .e-child:last-child .elementor-widget-button{flex:0 0 auto;width:auto;max-width:none;--container-widget-width:auto} header.elementor-location-header:not(#mzh) > .e-parent > .e-child:last-child .elementor-widget-button .elementor-button{padding:var(--mzh-cta-py) var(--mzh-cta-px);border-radius:4px;background-color:var(--mzh-blue);color:#fff;fill:#fff;font:600 var(--mzh-cta-fs)/1.2 var(--mzh-font);text-transform:none;letter-spacing:0;white-space:nowrap} header.elementor-location-header:not(#mzh) > .e-parent > .e-child:last-child .elementor-widget-button .elementor-button:hover, header.elementor-location-header:not(#mzh) > .e-parent > .e-child:last-child .elementor-widget-button .elementor-button:focus{background-color:var(--mzh-navy);color:#fff;fill:#fff} header.elementor-location-header:not(#mzh) > .e-parent > .e-child:last-child .elementor-widget-button .elementor-button-content-wrapper{gap:8px} header.elementor-location-header:not(#mzh) > .e-parent > .e-child:last-child .elementor-widget-button .elementor-button-icon svg{width:1em;height:1em;fill:currentColor} /* Ordinateurs étroits : la flèche du bouton est masquée pour gagner de la place */ @media (min-width:1025px) and (max-width:1199.98px){ header.elementor-location-header:not(#mzh) > .e-parent > .e-child:last-child .elementor-widget-button .elementor-button-icon{display:none} } /* --------------------------------------------------------------------- 4 — TABLETTES ET TÉLÉPHONES : menu burger --------------------------------------------------------------------- */ @media (max-width:1024px){ header.elementor-location-header:not(#mzh) > .e-parent > .e-child:last-child .elementor-widget-button{order:2;margin-left:auto} header.elementor-location-header:not(#mzh) > .e-parent > .e-child:last-child .elementor-widget-nav-menu{order:3;flex:0 0 auto} header.elementor-location-header:not(#mzh) > .e-parent > .e-child:last-child .elementor-widget-nav-menu .elementor-menu-toggle{box-sizing:border-box;width:var(--mzh-toggle);height:var(--mzh-toggle);margin:0;padding:0;justify-content:center;border:1px solid var(--mzh-line);border-radius:6px;background-color:#fff;color:var(--mzh-navy)} header.elementor-location-header:not(#mzh) > .e-parent > .e-child:last-child .elementor-widget-nav-menu .elementor-menu-toggle svg{width:20px;height:20px;fill:var(--mzh-navy)} /* !important : Elementor impose lui-même cette marge en ligne ; sans lui le menu ne se colle pas sous la barre */ header.elementor-location-header:not(#mzh) > .e-parent > .e-child:last-child .elementor-nav-menu--dropdown.elementor-nav-menu__container{margin-top:var(--mzh-main-py) !important;background-color:#fff;border-top:1px solid var(--mzh-line);box-shadow:0 18px 30px rgba(13,27,42,.14)} header.elementor-location-header:not(#mzh) > .e-parent > .e-child:last-child .elementor-nav-menu--dropdown a.elementor-item{justify-content:flex-start;text-align:left;padding:15px 24px;font:500 16px/1.3 var(--mzh-font);text-transform:none;color:var(--mzh-navy);border-bottom:1px solid var(--mzh-line)} header.elementor-location-header:not(#mzh) > .e-parent > .e-child:last-child .elementor-nav-menu--dropdown a.elementor-item:hover, header.elementor-location-header:not(#mzh) > .e-parent > .e-child:last-child .elementor-nav-menu--dropdown a.elementor-item:focus, header.elementor-location-header:not(#mzh) > .e-parent > .e-child:last-child .elementor-nav-menu--dropdown a.elementor-item.elementor-item-active{color:var(--mzh-blue);background-color:var(--mzh-pale)} } /* --------------------------------------------------------------------- 5 — EN-TÊTE : focus clavier (anneau visible à la touche Tab) Les propriétés de transition évitent que l'anneau « fonde » depuis la couleur du texte (blanc sur blanc pour le bouton). --------------------------------------------------------------------- */ header.elementor-location-header:not(#mzh) a:focus-visible,header.elementor-location-header:not(#mzh) .elementor-menu-toggle:focus-visible,header.elementor-location-header:not(#mzh) .elementor-button:focus-visible{outline:3px solid var(--mzh-focus);outline-offset:3px;transition-property:color,background-color,border-color,fill,box-shadow,opacity;border-radius:4px} header.elementor-location-header:not(#mzh) > .e-parent > .e-child:first-child a:focus-visible{outline-color:var(--mzh-focus-dark)} /* --------------------------------------------------------------------- 6 — PIED DE PAGE : bloc principal (3 colonnes) --------------------------------------------------------------------- */ footer.elementor-location-footer:not(#mzh) > .e-parent:first-child{--content-width:1132px;--padding-top:56px;--padding-bottom:44px;--padding-left:24px;--padding-right:24px;background-color:var(--mzh-pale);border-top:1px solid var(--mzh-line)} footer.elementor-location-footer:not(#mzh) > .e-parent:first-child > .e-con-inner{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr) minmax(0,1.3fr);gap:40px 64px;align-items:start} footer.elementor-location-footer:not(#mzh) > .e-parent:first-child > .e-con-inner > .e-child{--width:auto;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;width:auto;max-width:none;min-width:0;align-items:flex-start;gap:14px} footer.elementor-location-footer:not(#mzh) > .e-parent:first-child .elementor-widget{margin:0} /* Colonne 1 : logo et description */ footer.elementor-location-footer:not(#mzh) > .e-parent:first-child .elementor-image-box-wrapper{text-align:left} footer.elementor-location-footer:not(#mzh) > .e-parent:first-child .elementor-image-box-img{width:auto;max-width:none;margin:0} footer.elementor-location-footer:not(#mzh) > .e-parent:first-child .elementor-image-box-img img{display:block;width:auto;max-width:none;height:48px;mix-blend-mode:multiply} footer.elementor-location-footer:not(#mzh) > .e-parent:first-child .elementor-image-box-description{max-width:36ch;margin:14px 0 0;font:400 15px/1.6 var(--mzh-font);color:var(--mzh-text)} /* Titres des colonnes */ footer.elementor-location-footer:not(#mzh) > .e-parent:first-child .elementor-widget-heading .elementor-heading-title{margin:0;font:700 15px/1.3 var(--mzh-font);text-transform:none;color:var(--mzh-navy)} /* Colonne 2 : liens utiles */ footer.elementor-location-footer:not(#mzh) > .e-parent:first-child .elementor-widget-nav-menu .elementor-nav-menu a.elementor-item{display:block;padding:5px 0;font:400 15px/1.4 var(--mzh-font);text-transform:none;color:var(--mzh-text);fill:var(--mzh-text)} footer.elementor-location-footer:not(#mzh) > .e-parent:first-child .elementor-widget-nav-menu .elementor-nav-menu a.elementor-item:hover, footer.elementor-location-footer:not(#mzh) > .e-parent:first-child .elementor-widget-nav-menu .elementor-nav-menu a.elementor-item:focus, footer.elementor-location-footer:not(#mzh) > .e-parent:first-child .elementor-widget-nav-menu .elementor-nav-menu a.elementor-item.elementor-item-active{color:var(--mzh-blue);fill:var(--mzh-blue)} footer.elementor-location-footer:not(#mzh) > .e-parent:first-child .elementor-widget-nav-menu .elementor-nav-menu a.elementor-item.elementor-item-active{font-weight:600} /* Colonne 3 : contact */ footer.elementor-location-footer:not(#mzh) > .e-parent:first-child .elementor-widget-icon-list .elementor-icon-list-items{display:flex;flex-direction:column;gap:6px;margin:0;padding:0} footer.elementor-location-footer:not(#mzh) > .e-parent:first-child .elementor-icon-list-item{margin:0;padding:0} footer.elementor-location-footer:not(#mzh) > .e-parent:first-child .elementor-icon-list-item > a{display:inline-flex;gap:10px;min-height:24px;color:var(--mzh-text);text-decoration:none} footer.elementor-location-footer:not(#mzh) > .e-parent:first-child .elementor-icon-list-text{margin:0;padding:0;font:400 15px/1.5 var(--mzh-font);color:var(--mzh-text)} footer.elementor-location-footer:not(#mzh) > .e-parent:first-child .elementor-icon-list-item > a:hover .elementor-icon-list-text{color:var(--mzh-blue);text-decoration:underline;text-underline-offset:3px} /* Réseaux sociaux : pastilles de 40 px ; une icône sans lien est masquée */ footer.elementor-location-footer:not(#mzh) > .e-parent:first-child .elementor-social-icons-wrapper{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:10px} footer.elementor-location-footer:not(#mzh) > .e-parent:first-child .elementor-grid-item:has(> a:not([href])){display:none} footer.elementor-location-footer:not(#mzh) > .e-parent:first-child .elementor-social-icon{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;margin:0;border:1px solid var(--mzh-line);border-radius:8px;background-color:#fff;color:var(--mzh-blue)} footer.elementor-location-footer:not(#mzh) > .e-parent:first-child .elementor-social-icon svg{width:18px;height:18px;fill:currentColor} footer.elementor-location-footer:not(#mzh) > .e-parent:first-child .elementor-social-icon:hover, footer.elementor-location-footer:not(#mzh) > .e-parent:first-child .elementor-social-icon:focus{background-color:var(--mzh-blue);border-color:var(--mzh-blue);color:#fff} /* --------------------------------------------------------------------- 7 — PIED DE PAGE : barre du bas (droits réservés) Les règles .mzh-legal-* ne servent que pour la variante avec liens légaux (voir le modèle HTML en fin de fichier) ; elles n'ont aucun effet sinon. --------------------------------------------------------------------- */ footer.elementor-location-footer:not(#mzh) > .e-parent:last-child{--content-width:1132px;--padding-top:16px;--padding-bottom:16px;--padding-left:24px;--padding-right:24px;min-height:0;background-color:var(--mzh-navy)} footer.elementor-location-footer:not(#mzh) > .e-parent:last-child > .e-con-inner{display:flex;flex-flow:row wrap;align-items:center;justify-content:space-between;gap:6px 24px} footer.elementor-location-footer:not(#mzh) > .e-parent:last-child .elementor-widget{width:auto;max-width:none;--container-widget-width:auto;margin:0} footer.elementor-location-footer:not(#mzh) > .e-parent:last-child .elementor-heading-title,footer.elementor-location-footer:not(#mzh) > .e-parent:last-child p{margin:0;font:400 14px/1.5 var(--mzh-font);color:#dfe5f0} footer.elementor-location-footer:not(#mzh) > .e-parent:last-child .mzh-legal-wrap{display:flex;flex-flow:row wrap;align-items:center;justify-content:space-between;gap:6px 24px;width:100%;font:400 14px/1.5 var(--mzh-font)} footer.elementor-location-footer:not(#mzh) > .e-parent:last-child .mzh-legal-links{display:flex;flex-wrap:wrap;gap:4px 20px;margin:0;padding:0;list-style:none} footer.elementor-location-footer:not(#mzh) > .e-parent:last-child a{font:inherit;color:#fff;text-decoration:underline;text-underline-offset:3px;display:inline-block;min-height:24px;padding:2px 0} /* --------------------------------------------------------------------- 8 — PIED DE PAGE : focus clavier, tablettes et téléphones --------------------------------------------------------------------- */ footer.elementor-location-footer:not(#mzh) a:focus-visible{outline:3px solid var(--mzh-focus);outline-offset:3px;transition-property:color,background-color,border-color,fill,box-shadow,opacity;border-radius:2px} footer.elementor-location-footer:not(#mzh) > .e-parent:last-child a:focus-visible{outline-color:var(--mzh-focus-dark)} @media (max-width:1024px){ footer.elementor-location-footer:not(#mzh) > .e-parent:first-child > .e-con-inner{grid-template-columns:1fr 1fr;gap:36px 40px} footer.elementor-location-footer:not(#mzh) > .e-parent:first-child > .e-con-inner > .e-child:first-child{grid-column:1 / -1} } @media (max-width:767px){ footer.elementor-location-footer:not(#mzh) > .e-parent:first-child{--padding-top:40px;--padding-bottom:32px} footer.elementor-location-footer:not(#mzh) > .e-parent:first-child > .e-con-inner{grid-template-columns:1fr;gap:32px} footer.elementor-location-footer:not(#mzh) > .e-parent:first-child .elementor-image-box-img img{height:44px} } /* --------------------------------------------------------------------- 9 — MOUVEMENT RÉDUIT : pas de transitions si le visiteur les a désactivées --------------------------------------------------------------------- */ @media (prefers-reduced-motion:reduce){ header.elementor-location-header:not(#mzh) a,header.elementor-location-header:not(#mzh) .elementor-button,footer.elementor-location-footer:not(#mzh) a{transition:none} } /* ===================================================================== MODÈLE POUR PLUS TARD — barre du bas avec liens légaux À n'utiliser qu'une fois les pages /mentions-legales/ et /politique-de-confidentialite/ publiées. Dans le modèle de pied de page, remplacez le widget « Titre » de la barre du bas par un widget « HTML » contenant :

© MAZIRAB COMPAGNIE. Tous droits réservés.

===================================================================== *//* End custom CSS */