/*
Theme Name: Frost Child
Theme URI: https://wordpress.org/themes/frost/
Description: Thème enfant du thème Frost
Author: Votre agence
Template: frost
Version: 1.0.0
Text Domain: frost-child
*/

/* Defaults
---------------------------------------- */

*,
*::before,
*::after {
	box-sizing: border-box;
}

html {
	scroll-behavior: smooth;
}

a,
button,
input:focus,
input[type="button"],
input[type="submit"],
textarea:focus,
.wp-element-button {
	transition: all 0.2s ease-in-out;
}

a,
a:focus,
a:hover,
a:not(.wp-element-button) {
	text-decoration-thickness: 1px;
}

b,
strong,
th {
	font-weight: var(--wp--custom--font-weight--medium);
}

mark {
	background: linear-gradient(90deg, var(--wp--preset--color--primary) 0%, var(--wp--preset--color--primary) 100%);
	background-position: 0 85%;
	background-repeat: repeat-x;
	background-size: 100% 15%;
}

/* -- Forms -- */

input,
select,
textarea {
	background-color: var(--wp--preset--color--base);
	border: 1px solid var(--wp--preset--color--contrast);
	border-radius: 0;
	color: var(--wp--preset--color--contrast);
	font-family: var(--wp--preset--font-family--primary);
	font-size: var(--wp--preset--font-size--medium);
	font-weight: var(--wp--custom--font-weight--light);
	line-height: var(--wp--custom--line-height--body);
	padding: 10px 20px;
	width: 100%;
}

input:focus,
textarea:focus {
	background-color: var(--wp--preset--color--neutral);
	outline: none;
}

input[type="checkbox"],
input[type="image"],
input[type="radio"] {
	width: auto;
}

input[type="button"],
input[type="email"],
input[type="search"],
input[type="submit"],
input[type="text"],
textarea {
	-webkit-appearance: none;
}

::placeholder {
	color: var(--wp--preset--color--contrast);
	font-size: var(--wp--preset--font-size--small);
	opacity: 0.5;
}

/* Blocks
---------------------------------------- */

/* -- Code -- */

*:not(.wp-block-code) > code {
	background-color: var(--wp--preset--color--neutral);
	font-size: var(--wp--preset--font-size--small);
	padding: 5px 8px;
}

/* -- Navigation -- */

.wp-block-navigation__responsive-container.is-menu-open {
	padding: var(--wp--custom--spacing--gap);
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
	padding-top: var(--wp--custom--spacing--gap);
}

.wp-block-navigation__responsive-container-close,
.wp-block-navigation__responsive-container-open {
	border: 1px solid currentColor;
	padding: 2px;
}

.has-background .wp-block-navigation__responsive-container-open:focus,
.has-background .wp-block-navigation__responsive-container-open:hover {
	color: var(--wp--preset--color--base);
}

/* -- Navigation Submenu -- */

.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container {
	background-color: var(--wp--preset--color--contrast);
	border: var(--wp--preset--color--contrast);
	color: var(--wp--preset--color--base);
	padding: 10px;
}

.wp-block-navigation :where(.wp-block-navigation__submenu-container) a {
	padding: 2px 10px;
}

/* Utility
---------------------------------------- */

/* -- Box Shadow -- */

.is-style-shadow-light {
	box-shadow: var(--wp--preset--shadow--light);
}

.is-style-shadow-solid {
	box-shadow: var(--wp--preset--shadow--solid);
}

/* Media Queries
---------------------------------------- */

@media only screen and (max-width: 600px) {

	/* -- Utility -- */

	.is-style-hidden-mobile {
		display: none !important;
	}

}

@media only screen and (max-width: 782px) {

	/* -- Columns -- */

	.is-style-columns-reverse {
		flex-direction: column-reverse;
	}

}

/* =====================================================================
   EQUIP EVENT — DESIGN SYSTEM "PAGES PRESTATIONS" (ee-svc-*)
   Charte : orange #fe5802 / gris #9c9b9b / blanc #ffffff
   Titres : League Spartan Bold  —  Corps : Montserrat Light
   Utilise par : Pose de sieges et fauteuils / Pose de signaletique et
   numerotation / Restauration de fauteuils / Coordination de chantier
   ===================================================================== */

.ee-svc-hero,.ee-svc-intro,.ee-svc-split-sec,.ee-svc-steps,.ee-svc-keys,.ee-svc-refs,.ee-crumb{
  --ee-orange:#fe5802;
  --ee-orange-dk:#d84a00;
  --ee-grey:#6b6a6a;
  --ee-ink:#1a1a1a;
  --ee-ink2:#2c2c2c;
  --ee-soft:#f8f8f6;
  --ee-body:#5f5f5f;
  --ee-ff-h:"League Spartan","Montserrat",sans-serif;
  --ee-ff-b:"Montserrat",sans-serif;
  --ee-ease:cubic-bezier(.2,.7,.2,1);
}
.ee-svc-hero *,.ee-svc-intro *,.ee-svc-split-sec *,.ee-svc-steps *,.ee-svc-keys *,.ee-svc-refs *{box-sizing:border-box}

/* ---------- conteneur commun ---------- */
.ee-svc-wrap{
  max-width:1240px;
  margin-left:auto;margin-right:auto;
  padding-left:clamp(20px,4vw,40px);
  padding-right:clamp(20px,4vw,40px);
}

/* ---------- typographie partagee ---------- */
.ee-svc-eyebrow{
  display:inline-flex;align-items:center;gap:12px;
  font-family:var(--ee-ff-b);font-weight:600;font-size:11px;
  letter-spacing:.22em;text-transform:uppercase;
  color:var(--ee-orange);margin:0 0 18px;
}
.ee-svc-eyebrow::before{content:"";display:block;width:34px;height:1px;background:var(--ee-orange)}
.ee-svc-h2{
  font-family:var(--ee-ff-h);font-weight:700;text-transform:uppercase;
  font-size:clamp(1.55rem,3vw,2.5rem);line-height:1.06;letter-spacing:-.005em;
  color:var(--ee-ink);margin:0 0 22px;
}
.ee-svc-h2 em,.ee-svc-h2 strong{font-style:normal;font-weight:700;color:var(--ee-orange)}
.ee-svc-h3{
  font-family:var(--ee-ff-h);font-weight:700;text-transform:uppercase;
  font-size:clamp(1.05rem,1.5vw,1.3rem);line-height:1.2;color:var(--ee-ink);margin:0 0 12px;
}
.ee-svc-lead{
  font-family:var(--ee-ff-b);font-weight:300;
  font-size:clamp(1.02rem,1.25vw,1.2rem);line-height:1.85;color:var(--ee-ink2);margin:0 0 22px;
}
.ee-svc-text p,.ee-svc-text li{
  font-family:var(--ee-ff-b);font-weight:300;
  font-size:clamp(.96rem,1.05vw,1.05rem);line-height:1.9;color:var(--ee-body);
}
.ee-svc-text p{margin:0 0 20px}
.ee-svc-text p:last-child{margin-bottom:0}
.ee-svc-text strong{font-weight:600;color:var(--ee-ink2)}

/* ---------- fil d'Ariane ---------- */
.ee-crumb{
  background:var(--ee-soft);
  border-bottom:1px solid rgba(156,155,155,.22);
  padding:15px 0!important;margin-top:0!important;margin-bottom:0!important;
}
.ee-crumb>.wp-block-group__inner-container,.ee-crumb>*{
  max-width:1240px;margin:0 auto;padding:0 clamp(20px,4vw,40px);
}
.ee-crumb,.ee-crumb p,.ee-crumb span,.ee-crumb .wp-block-yoast-seo-breadcrumbs{
  font-family:var(--ee-ff-b);font-weight:400;font-size:11.5px;
  letter-spacing:.13em;text-transform:uppercase;color:var(--ee-grey);
}
.ee-crumb a{color:var(--ee-grey);text-decoration:none;transition:color .35s ease}
.ee-crumb a:hover,.ee-crumb a:focus-visible{color:var(--ee-orange)}
.ee-crumb .breadcrumb_last,.ee-crumb [aria-current="page"]{color:var(--ee-ink);font-weight:600}


/* =====================================================================
   1. HERO (core/cover) — image + voile degrade + H1 + accroche
   ===================================================================== */
.ee-svc-hero{
  position:relative;overflow:hidden;
  min-height:clamp(400px,54vh,600px);
  padding-top:clamp(70px,9vw,130px)!important;
  padding-bottom:clamp(70px,9vw,130px)!important;
  margin-top:0!important;margin-bottom:0!important;
}
.ee-svc-hero .wp-block-cover__image-background{
  animation:eeHeroReveal 1.6s var(--ee-ease) both;
  transform-origin:center;
}
@keyframes eeHeroReveal{from{transform:scale(1.09)}to{transform:scale(1)}}
.ee-svc-hero::before{
  content:"";position:absolute;inset:0;z-index:2;pointer-events:none;
  background:
    linear-gradient(90deg,rgba(20,20,20,.92) 0%,rgba(20,20,20,.72) 42%,rgba(20,20,20,.18) 100%),
    linear-gradient(0deg,rgba(20,20,20,.55) 0%,rgba(20,20,20,0) 55%);
}
.ee-svc-hero::after{
  content:"";position:absolute;z-index:3;pointer-events:none;
  font-family:var(--ee-ff-h);font-weight:700;line-height:.78;
  right:clamp(6px,3vw,54px);bottom:clamp(-30px,-2vw,-10px);
  font-size:clamp(8rem,21vw,19rem);
  color:rgba(255,255,255,.065);
  letter-spacing:-.03em;
}
.ee-svc-hero.is-01::after{content:"01"}
.ee-svc-hero.is-02::after{content:"02"}
.ee-svc-hero.is-03::after{content:"03"}
.ee-svc-hero.is-04::after{content:"04"}
.ee-svc-hero__inner{
  position:relative;z-index:4;width:100%;
  max-width:1240px;margin:0 auto;
  padding:0 clamp(20px,4vw,40px);
}
.ee-svc-hero__inner>*{margin-left:0!important;margin-right:0!important}
.ee-svc-hero .ee-svc-hero__eyebrow{
  display:inline-flex;align-items:center;gap:14px;
  font-family:var(--ee-ff-b);font-weight:600;font-size:11px;
  letter-spacing:.24em;text-transform:uppercase;color:#fff;
  margin:0 0 22px;opacity:.95;
  animation:eeUp .9s .15s var(--ee-ease) both;
}
.ee-svc-hero .ee-svc-hero__eyebrow::before{
  content:"";display:block;width:44px;height:2px;background:var(--ee-orange)
}
.ee-svc-hero h1.ee-svc-hero__h1{
  font-family:var(--ee-ff-h);font-weight:700;text-transform:uppercase;
  font-size:clamp(1.95rem,4.7vw,3.55rem);line-height:1.02;letter-spacing:-.015em;
  color:#fff;margin:0 0 26px;max-width:19ch;
  text-wrap:balance;
  animation:eeUp 1s .28s var(--ee-ease) both;
}
.ee-svc-hero h1.ee-svc-hero__h1 em{font-style:normal;color:var(--ee-orange)}
.ee-svc-hero .ee-svc-hero__lead{
  font-family:var(--ee-ff-b);font-weight:300;
  font-size:clamp(.99rem,1.28vw,1.16rem);line-height:1.85;
  color:rgba(255,255,255,.84);max-width:58ch;margin:0;
  padding-left:clamp(16px,1.6vw,22px);
  border-left:2px solid rgba(254,88,2,.75);
  animation:eeUp 1.05s .42s var(--ee-ease) both;
}
@keyframes eeUp{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){
  .ee-svc-hero *,.ee-svc-hero .wp-block-cover__image-background{animation:none!important}
}


/* =====================================================================
   2. INTRO — chapeau sticky + corps de texte
   ===================================================================== */
.ee-svc-intro{
  background:#fff;
  padding-top:clamp(56px,7vw,100px)!important;
  padding-bottom:clamp(46px,5vw,70px)!important;
  margin-top:0!important;margin-bottom:0!important;
}
.ee-svc-intro__grid{gap:clamp(28px,4.5vw,72px)!important;align-items:flex-start!important}
.ee-svc-intro__aside{position:sticky;top:120px}
.ee-svc-intro__aside .ee-svc-h2{margin-bottom:0}
.ee-svc-intro__body{
  border-left:2px solid rgba(254,88,2,.16);
  padding-left:clamp(20px,2.4vw,36px);
}
.ee-svc-intro__body>p:first-child{
  font-size:clamp(1.03rem,1.3vw,1.2rem);line-height:1.85;color:var(--ee-ink2);font-weight:300;
}

/* =====================================================================
   3. ALTERNANCE TEXTE / IMAGE
   ===================================================================== */
.ee-svc-split-sec{margin-top:0!important;margin-bottom:0!important;padding:0!important;background:#fff}
.ee-svc-split-sec.is-soft{background:var(--ee-soft)}
.ee-svc-split{
  max-width:1240px;margin:0 auto!important;
  padding:clamp(46px,6vw,86px) clamp(20px,4vw,40px);
  gap:clamp(28px,4.2vw,68px)!important;
  align-items:center!important;
}
.ee-svc-split.is-reverse{flex-direction:row-reverse}
.ee-svc-split .wp-block-column{min-width:0}

/* --- figure : cadre orange decale + zoom lent + voile + libelle au survol --- */
.ee-svc-figure{position:relative;margin:0}
.ee-svc-figure::before{
  content:"";position:absolute;z-index:0;
  left:clamp(-22px,-1.4vw,-14px);bottom:clamp(-22px,-1.4vw,-14px);
  width:52%;height:60%;
  border:2px solid var(--ee-orange);opacity:.5;
  transition:transform .7s var(--ee-ease),opacity .7s ease;
}
.ee-svc-figure:hover::before{transform:translate(8px,8px);opacity:.85}
.ee-svc-figure .wp-block-image{
  position:relative;z-index:1;margin:0;overflow:hidden;
  box-shadow:0 16px 40px rgba(26,26,26,.13);
  transition:box-shadow .55s ease,transform .55s var(--ee-ease);
}
.ee-svc-figure:hover .wp-block-image{box-shadow:0 30px 62px rgba(26,26,26,.2);transform:translateY(-4px)}
.ee-svc-figure .wp-block-image img{
  display:block;width:100%;height:100%;object-fit:cover;
  aspect-ratio:4/3;
  transition:transform 1.4s var(--ee-ease),filter .6s ease;
}
.ee-svc-figure.is-tall .wp-block-image img{aspect-ratio:3/4}
.ee-svc-figure.is-wide .wp-block-image img{aspect-ratio:16/9}
.ee-svc-figure:hover .wp-block-image img{transform:scale(1.075)}
.ee-svc-figure .wp-block-image::after{
  content:"";position:absolute;inset:0;z-index:2;pointer-events:none;
  background:linear-gradient(to top,rgba(20,20,20,.5) 0%,rgba(20,20,20,.08) 45%,rgba(20,20,20,0) 70%);
  transition:opacity .55s ease;opacity:1;
}
.ee-svc-figure:hover .wp-block-image::after{opacity:.6}
.ee-svc-figure .wp-block-image figcaption{
  position:absolute;z-index:3;
  left:clamp(14px,1.4vw,22px);bottom:clamp(14px,1.4vw,20px);right:auto;
  margin:0;padding:10px 15px;
  background:var(--ee-orange);
  font-family:var(--ee-ff-b);font-weight:600;font-size:10.5px;
  letter-spacing:.18em;text-transform:uppercase;color:#fff;
  opacity:0;transform:translateY(10px);
  transition:opacity .5s ease,transform .5s var(--ee-ease);
}
.ee-svc-figure:hover .wp-block-image figcaption{opacity:1;transform:none}


/* =====================================================================
   4. LISTES ENRICHIES (puces orange)
   ===================================================================== */
.ee-svc-list{list-style:none!important;margin:0 0 26px;padding:0}
.ee-svc-list li{
  position:relative;padding:12px 0 12px 38px;margin:0;
  border-bottom:1px solid rgba(156,155,155,.22);
  font-family:var(--ee-ff-b);font-weight:300;
  font-size:clamp(.94rem,1.02vw,1.02rem);line-height:1.65;color:var(--ee-body);
  transition:color .4s ease,padding-left .4s var(--ee-ease),border-color .4s ease;
}
.ee-svc-list li:last-child{border-bottom:0}
.ee-svc-list li::before{
  content:"";position:absolute;left:2px;top:1.28em;
  width:16px;height:2px;background:var(--ee-orange);
  transition:width .4s var(--ee-ease);
}
.ee-svc-list li:hover{color:var(--ee-ink);padding-left:46px;border-color:rgba(254,88,2,.35)}
.ee-svc-list li:hover::before{width:26px}

/* =====================================================================
   5. CARTES "POINTS CLES" avec icones
   ===================================================================== */
.ee-svc-keys{
  background:var(--ee-soft);
  padding-top:clamp(56px,7vw,100px)!important;
  padding-bottom:clamp(56px,7vw,100px)!important;
  margin-top:0!important;margin-bottom:0!important;
}
.ee-svc-keys.is-white{background:#fff}
.ee-svc-keys.is-dark{background:var(--ee-ink)}
.ee-svc-keys__head{max-width:760px;margin:0 0 clamp(32px,4vw,54px)}
.ee-svc-keys__grid{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(16px,1.8vw,24px);
}
.ee-svc-keys__grid.is-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.ee-svc-keys__grid.is-4{grid-template-columns:repeat(4,minmax(0,1fr))}

.ee-svc-key{
  --ee-ico:none;
  position:relative;overflow:hidden;
  background:#fff;
  padding:clamp(26px,2.6vw,34px) clamp(22px,2.2vw,28px) clamp(28px,2.8vw,34px);
  border:1px solid rgba(156,155,155,.22);
  transition:transform .5s var(--ee-ease),box-shadow .5s ease,border-color .5s ease;
}
.ee-svc-key::after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:3px;
  background:var(--ee-orange);
  transform:scaleX(0);transform-origin:left center;
  transition:transform .55s var(--ee-ease);
}



/* pastille + icone portees par le titre de la carte (aucun bloc vide) */
.ee-svc-key .ee-svc-key__t{
  font-family:var(--ee-ff-h);font-weight:700;text-transform:uppercase;
  font-size:clamp(.98rem,1.1vw,1.08rem);line-height:1.25;letter-spacing:.005em;
  color:var(--ee-ink);margin:0 0 10px;
}
.ee-svc-key .ee-svc-key__t::before{
  content:"";display:block;width:56px;height:56px;margin:0 0 20px;
  background-color:rgba(254,88,2,.09);
  background-image:var(--ee-ico);
  background-repeat:no-repeat;background-position:center;background-size:26px 26px;
  transition:background-color .5s ease,transform .55s var(--ee-ease);
}

.ee-svc-key__d{
  font-family:var(--ee-ff-b);font-weight:300;
  font-size:.93rem;line-height:1.8;color:var(--ee-body);margin:0;
}
.ee-svc-keys.is-dark .ee-svc-h2{color:#fff}
.ee-svc-keys.is-dark .ee-svc-text p{color:rgba(255,255,255,.62)}
.ee-svc-keys.is-dark .ee-svc-key{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.1)}
.ee-svc-keys.is-dark .ee-svc-key .ee-svc-key__t{color:#fff}
.ee-svc-keys.is-dark .ee-svc-key__d{color:rgba(255,255,255,.58)}



/* ---------- jeu d'icones (SVG inline en background, aucune dependance) ---------- */
.ee-svc-key.i-tool{--ee-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fe5802' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.8-3.8a6 6 0 0 1-7.9 7.9l-6.9 6.9a2.1 2.1 0 0 1-3-3l6.9-6.9a6 6 0 0 1 7.9-7.9l-3.8 3.8z'/%3E%3C/svg%3E")}
.ee-svc-key.i-map{--ee-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fe5802' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 6v16l7-4 8 4 7-4V2l-7 4-8-4-7 4z'/%3E%3Cpath d='M8 2v16'/%3E%3Cpath d='M16 6v16'/%3E%3C/svg%3E")}
.ee-svc-key.i-shield{--ee-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fe5802' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z'/%3E%3Cpath d='M9 12l2 2 4-4'/%3E%3C/svg%3E")}
.ee-svc-key.i-globe{--ee-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fe5802' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M2 12h20'/%3E%3Cpath d='M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z'/%3E%3C/svg%3E")}
.ee-svc-key.i-user{--ee-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fe5802' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E")}
.ee-svc-key.i-users{--ee-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fe5802' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cpath d='M23 21v-2a4 4 0 0 0-3-3.9'/%3E%3Cpath d='M16 3.1a4 4 0 0 1 0 7.8'/%3E%3C/svg%3E")}
.ee-svc-key.i-headset{--ee-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fe5802' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 18v-6a9 9 0 0 1 18 0v6'/%3E%3Cpath d='M21 19a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2h3z'/%3E%3Cpath d='M3 19a2 2 0 0 0 2 2h1a2 2 0 0 0 2-2v-3a2 2 0 0 0-2-2H3z'/%3E%3C/svg%3E")}
.ee-svc-key.i-hash{--ee-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fe5802' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 9h16'/%3E%3Cpath d='M4 15h16'/%3E%3Cpath d='M10 3L8 21'/%3E%3Cpath d='M16 3l-2 18'/%3E%3C/svg%3E")}
.ee-svc-key.i-dots{--ee-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fe5802' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='6' cy='6' r='1.7' fill='%23fe5802' stroke='none'/%3E%3Ccircle cx='12' cy='6' r='1.7' fill='%23fe5802' stroke='none'/%3E%3Ccircle cx='18' cy='6' r='1.7' fill='%23fe5802' stroke='none'/%3E%3Ccircle cx='6' cy='12' r='1.7' fill='%23fe5802' stroke='none'/%3E%3Ccircle cx='12' cy='12' r='1.7' fill='%23fe5802' stroke='none'/%3E%3Ccircle cx='18' cy='12' r='1.7' fill='%23fe5802' stroke='none'/%3E%3Ccircle cx='6' cy='18' r='1.7' fill='%23fe5802' stroke='none'/%3E%3Ccircle cx='12' cy='18' r='1.7' fill='%23fe5802' stroke='none'/%3E%3Ccircle cx='18' cy='18' r='1.7' fill='%23fe5802' stroke='none'/%3E%3C/svg%3E")}
.ee-svc-key.i-stairs{--ee-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fe5802' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 21v-3.5h5V13h5V8.5h5V4h5'/%3E%3Cpath d='M2 21h20'/%3E%3C/svg%3E")}
.ee-svc-key.i-pmr{--ee-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fe5802' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='4' r='2'/%3E%3Cpath d='M4.5 9.5l7.5 1.6 7.5-1.6'/%3E%3Cpath d='M12 11.6V15l-3 5.4'/%3E%3Cpath d='M12 15l3.2 5.4'/%3E%3C/svg%3E")}
.ee-svc-key.i-scissors{--ee-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fe5802' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='6' cy='6' r='3'/%3E%3Ccircle cx='6' cy='18' r='3'/%3E%3Cpath d='M20 4L8.1 15.9'/%3E%3Cpath d='M14.5 14.5L20 20'/%3E%3Cpath d='M8.1 8.1L12 12'/%3E%3C/svg%3E")}
.ee-svc-key.i-layers{--ee-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fe5802' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2L2 7l10 5 10-5-10-5z'/%3E%3Cpath d='M2 17l10 5 10-5'/%3E%3Cpath d='M2 12l10 5 10-5'/%3E%3C/svg%3E")}
.ee-svc-key.i-cog{--ee-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fe5802' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Cpath d='M20.2 14.6a1.7 1.7 0 0 0 .3 1.9l.1.1a2 2 0 1 1-2.9 2.9l-.1-.1a1.7 1.7 0 0 0-1.9-.3 1.7 1.7 0 0 0-1 1.6V21a2 2 0 1 1-4 0v-.2a1.7 1.7 0 0 0-1.1-1.6 1.7 1.7 0 0 0-1.9.4l-.1.1a2 2 0 1 1-2.9-2.9l.1-.1a1.7 1.7 0 0 0 .3-1.9 1.7 1.7 0 0 0-1.5-1H3a2 2 0 1 1 0-4h.2a1.7 1.7 0 0 0 1.5-1.1 1.7 1.7 0 0 0-.3-1.9l-.1-.1a2 2 0 1 1 2.9-2.9l.1.1a1.7 1.7 0 0 0 1.9.3H9a1.7 1.7 0 0 0 1-1.5V3a2 2 0 1 1 4 0v.2a1.7 1.7 0 0 0 1 1.5 1.7 1.7 0 0 0 1.9-.3l.1-.1a2 2 0 1 1 2.9 2.9l-.1.1a1.7 1.7 0 0 0-.3 1.9V9a1.7 1.7 0 0 0 1.5 1H21a2 2 0 1 1 0 4h-.2a1.7 1.7 0 0 0-1.6 1z'/%3E%3C/svg%3E")}
.ee-svc-key.i-truck{--ee-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fe5802' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='1' y='3' width='15' height='13' rx='1'/%3E%3Cpath d='M16 8h4l3 3v5h-7z'/%3E%3Ccircle cx='5.5' cy='18.5' r='2.5'/%3E%3Ccircle cx='18.5' cy='18.5' r='2.5'/%3E%3C/svg%3E")}
.ee-svc-key.i-calendar{--ee-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fe5802' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2'/%3E%3Cpath d='M16 2v4'/%3E%3Cpath d='M8 2v4'/%3E%3Cpath d='M3 10h18'/%3E%3C/svg%3E")}
.ee-svc-key.i-share{--ee-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fe5802' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='18' cy='5' r='3'/%3E%3Ccircle cx='6' cy='12' r='3'/%3E%3Ccircle cx='18' cy='19' r='3'/%3E%3Cpath d='M8.6 13.5l6.8 4'/%3E%3Cpath d='M15.4 6.5l-6.8 4'/%3E%3C/svg%3E")}
.ee-svc-key.i-target{--ee-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fe5802' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Ccircle cx='12' cy='12' r='6'/%3E%3Ccircle cx='12' cy='12' r='2'/%3E%3C/svg%3E")}
.ee-svc-key.i-clipboard{--ee-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fe5802' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2'/%3E%3Crect x='8' y='2' width='8' height='4' rx='1'/%3E%3Cpath d='M9 14l2 2 4-4'/%3E%3C/svg%3E")}
.ee-svc-key.i-award{--ee-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fe5802' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='6'/%3E%3Cpath d='M8.2 13.9L7 22l5-3 5 3-1.2-8.1'/%3E%3C/svg%3E")}
.ee-svc-key.i-clock{--ee-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fe5802' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 6v6l4 2'/%3E%3C/svg%3E")}
.ee-svc-key.i-eye{--ee-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fe5802' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 12s4-7 11-7 11 7 11 7-4 7-11 7-11-7-11-7z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E")}
.ee-svc-key.i-ruler{--ee-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fe5802' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15.5 2.5l6 6-13 13-6-6z'/%3E%3Cpath d='M7 11l2 2'/%3E%3Cpath d='M10 8l2 2'/%3E%3Cpath d='M13 5l2 2'/%3E%3C/svg%3E")}
.ee-svc-key.i-box{--ee-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fe5802' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 16V8l-9-5-9 5v8l9 5 9-5z'/%3E%3Cpath d='M3.3 7.5L12 12.5l8.7-5'/%3E%3Cpath d='M12 22V12.5'/%3E%3C/svg%3E")}


/* =====================================================================
   6. PROCESS / ETAPES NUMEROTEES
   ===================================================================== */
.ee-svc-steps{
  background:#fff;
  padding-top:clamp(56px,7vw,100px)!important;
  padding-bottom:clamp(56px,7vw,100px)!important;
  margin-top:0!important;margin-bottom:0!important;
}
.ee-svc-steps.is-soft{background:var(--ee-soft)}
.ee-svc-steps__head{max-width:760px;margin:0 0 clamp(30px,3.6vw,48px)}
.ee-svc-timeline{counter-reset:eestep;position:relative}
.ee-svc-step{
  counter-increment:eestep;position:relative;overflow:hidden;
  margin:0 0 clamp(12px,1.4vw,18px);
  padding:clamp(20px,2.2vw,26px) clamp(22px,2.4vw,30px) clamp(20px,2.2vw,26px) clamp(76px,7.5vw,100px);
  background:#fff;border:1px solid rgba(156,155,155,.2);
  box-shadow:0 6px 18px rgba(26,26,26,.05);
  transition:transform .5s var(--ee-ease),box-shadow .5s ease,border-color .5s ease;
}
.ee-svc-steps.is-soft .ee-svc-step{background:#fff}
.ee-svc-step::before{
  content:"0" counter(eestep);
  position:absolute;left:clamp(20px,2.2vw,28px);top:clamp(20px,2.2vw,26px);
  width:42px;height:42px;display:grid;place-items:center;
  background:rgba(254,88,2,.1);color:var(--ee-orange);
  font-family:var(--ee-ff-h);font-weight:700;font-size:1rem;
  transition:background .5s ease,color .5s ease,transform .5s var(--ee-ease);
}
.ee-svc-step::after{
  content:"";position:absolute;left:0;top:0;bottom:0;width:3px;
  background:var(--ee-orange);transform:scaleY(0);transform-origin:top center;
  transition:transform .55s var(--ee-ease);
}



.ee-svc-step__t{
  font-family:var(--ee-ff-h);font-weight:700;text-transform:uppercase;
  font-size:clamp(.96rem,1.08vw,1.06rem);line-height:1.25;color:var(--ee-ink);margin:0 0 8px;
}
.ee-svc-step__d{
  font-family:var(--ee-ff-b);font-weight:300;font-size:.94rem;line-height:1.8;
  color:var(--ee-body);margin:0;
}

/* =====================================================================
   7. BANDE REFERENCES (core/cover sombre + liste numerotee)
   ===================================================================== */
.ee-svc-refs{
  position:relative;overflow:hidden;
  padding-top:clamp(60px,7.5vw,110px)!important;
  padding-bottom:clamp(60px,7.5vw,110px)!important;
  margin-top:0!important;margin-bottom:0!important;
}
.ee-svc-refs__inner{position:relative;z-index:3;width:100%;max-width:1240px;margin:0 auto;padding:0 clamp(20px,4vw,40px)}
.ee-svc-refs__inner>*{margin-left:0!important;margin-right:0!important}
.ee-svc-refs .ee-svc-h2{color:#fff}
.ee-svc-refs .ee-svc-eyebrow{color:#fff}
.ee-svc-refs .ee-svc-text p{color:rgba(255,255,255,.7)}
.ee-svc-refs__grid{
  counter-reset:eeref;display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:0 clamp(28px,4vw,64px);
  margin-top:clamp(26px,3vw,40px);
}
.ee-svc-ref{
  counter-increment:eeref;position:relative;margin:0;
  padding:22px 0 22px clamp(52px,4.4vw,62px);
  border-top:1px solid rgba(255,255,255,.15);
  font-family:var(--ee-ff-b);font-weight:300;
  font-size:clamp(.93rem,1.02vw,1.02rem);line-height:1.7;color:rgba(255,255,255,.78);
  transition:color .4s ease,padding-left .45s var(--ee-ease),border-color .4s ease;
}
.ee-svc-ref::before{
  content:"0" counter(eeref);position:absolute;left:0;top:21px;
  font-family:var(--ee-ff-h);font-weight:700;font-size:1.3rem;color:var(--ee-orange);
  transition:transform .45s var(--ee-ease);
}
.ee-svc-ref strong{
  display:block;font-family:var(--ee-ff-h);font-weight:700;text-transform:uppercase;
  font-size:clamp(.97rem,1.1vw,1.08rem);color:#fff;margin-bottom:5px;letter-spacing:.01em;
}




/* =====================================================================
   8. BOUTONS (.ee-btn)
   ===================================================================== */
.ee-btn .wp-block-button__link{
  position:relative;isolation:isolate;overflow:hidden;
  display:inline-flex;align-items:center;gap:12px;
  font-family:var(--ee-ff-b);font-weight:600;font-size:11.5px;
  letter-spacing:.2em;text-transform:uppercase;text-decoration:none;
  color:#fff;background:var(--ee-orange);
  border:2px solid var(--ee-orange);border-radius:0;
  padding:19px 32px;
  transition:color .45s ease,box-shadow .45s ease,transform .45s var(--ee-ease);
}
.ee-btn .wp-block-button__link::before{
  content:"";position:absolute;inset:0;z-index:-1;background:#fff;
  transform:translateY(101%);
  transition:transform .5s var(--ee-ease);
}
.ee-btn .wp-block-button__link::after{
  content:"\2192";font-size:15px;letter-spacing:0;line-height:1;
  transition:transform .45s var(--ee-ease);
}
.ee-btn .wp-block-button__link:hover,.ee-btn .wp-block-button__link:focus-visible{
  color:var(--ee-orange);box-shadow:0 18px 38px rgba(254,88,2,.28);transform:translateY(-3px);
}
.ee-btn .wp-block-button__link:hover::before{transform:translateY(0)}
.ee-btn .wp-block-button__link:hover::after{transform:translateX(6px)}
.ee-btn.is-ghost .wp-block-button__link{background:transparent;border-color:rgba(255,255,255,.45);color:#fff}
.ee-btn.is-ghost .wp-block-button__link::before{background:var(--ee-orange)}
.ee-btn.is-ghost .wp-block-button__link:hover{color:#fff;border-color:var(--ee-orange);box-shadow:0 18px 38px rgba(254,88,2,.22)}


/* =====================================================================
   9. RESPONSIVE — tablette (<=820px) / mobile (<=600px)
   ===================================================================== */

/* --- etats "survol" toujours visibles sur ecrans tactiles --- */
@media (hover:none){
  .ee-svc-figure .wp-block-image figcaption{opacity:1;transform:none}
  .ee-svc-figure::before{transform:translate(6px,6px);opacity:.75}
  .ee-svc-key::after{transform:scaleX(1)}
}

@media (max-width:820px){
  /* hero */
  .ee-svc-hero{min-height:clamp(340px,46vh,440px)}
  .ee-svc-hero::before{
    background:
      linear-gradient(90deg,rgba(20,20,20,.9) 0%,rgba(20,20,20,.78) 60%,rgba(20,20,20,.5) 100%),
      linear-gradient(0deg,rgba(20,20,20,.6) 0%,rgba(20,20,20,0) 60%);
  }
  .ee-svc-hero::after{font-size:clamp(7rem,26vw,12rem);right:-6px;bottom:-24px;color:rgba(255,255,255,.07)}
  .ee-svc-hero h1.ee-svc-hero__h1{max-width:100%}

  /* intro */
  .ee-svc-intro__grid{flex-direction:column!important;flex-wrap:nowrap!important;gap:26px!important}
  .ee-svc-intro__grid>.wp-block-column{flex-basis:100%!important;width:100%}
  .ee-svc-intro__aside{position:static;top:auto}
  .ee-svc-intro__body{padding-left:20px}

  /* alternance texte/image */
  .ee-svc-split{flex-direction:column!important;flex-wrap:nowrap!important;gap:34px!important;padding-top:clamp(38px,6vw,54px);padding-bottom:clamp(38px,6vw,54px)}
  .ee-svc-split.is-reverse{flex-direction:column!important}
  .ee-svc-split>.wp-block-column{flex-basis:100%!important;width:100%}
  .ee-svc-figure.is-tall .wp-block-image img{aspect-ratio:4/3}
  .ee-svc-figure::before{width:44%;height:52%;left:-12px;bottom:-12px}

  /* cartes */
  .ee-svc-keys__grid,.ee-svc-keys__grid.is-4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ee-svc-keys__grid.is-2{grid-template-columns:repeat(2,minmax(0,1fr))}

  /* references */
  .ee-svc-refs__grid{grid-template-columns:1fr}
  .ee-svc-ref:first-child{border-top:1px solid rgba(255,255,255,.15)}

}

@media (max-width:600px){
  .ee-svc-wrap{padding-left:20px;padding-right:20px}

  .ee-svc-hero{min-height:0;padding-top:56px!important;padding-bottom:64px!important}
  .ee-svc-hero h1.ee-svc-hero__h1{font-size:clamp(1.6rem,7.6vw,2.1rem);margin-bottom:20px}
  .ee-svc-hero .ee-svc-hero__eyebrow{font-size:10px;letter-spacing:.2em;margin-bottom:16px}
  .ee-svc-hero .ee-svc-hero__eyebrow::before{width:26px}
  .ee-svc-hero .ee-svc-hero__lead{font-size:.95rem;line-height:1.8;padding-left:14px}
  .ee-svc-hero::after{font-size:34vw;bottom:-16px;right:-8px}

  .ee-crumb{padding:12px 0!important}
  .ee-crumb,.ee-crumb p,.ee-crumb span,.ee-crumb .wp-block-yoast-seo-breadcrumbs{font-size:10px;letter-spacing:.1em;line-height:1.7}

  .ee-svc-intro{padding-top:44px!important;padding-bottom:36px!important}
  .ee-svc-intro__body{border-left:0;padding-left:0}
  .ee-svc-intro__body>p:first-child{font-size:1rem}

  .ee-svc-split{gap:26px!important}
  .ee-svc-figure::before{display:none}
  .ee-svc-figure .wp-block-image figcaption{font-size:9.5px;padding:8px 12px;left:10px;bottom:10px;letter-spacing:.14em}

  .ee-svc-keys,.ee-svc-steps{padding-top:46px!important;padding-bottom:46px!important}
  .ee-svc-keys__grid,.ee-svc-keys__grid.is-2,.ee-svc-keys__grid.is-4{grid-template-columns:1fr;gap:14px}
  .ee-svc-key{padding:24px 22px 26px}
  .ee-svc-key .ee-svc-key__t::before{width:48px;height:48px;margin-bottom:16px;background-size:23px 23px}

  .ee-svc-step{padding:20px 20px 22px 66px}
  .ee-svc-step::before{width:36px;height:36px;left:16px;top:19px;font-size:.9rem}
  

  .ee-svc-refs{padding-top:52px!important;padding-bottom:52px!important}
  .ee-svc-ref{padding:18px 0 18px 46px}
  .ee-svc-ref::before{font-size:1.1rem;top:18px}
  

  .ee-btn .wp-block-button__link{padding:17px 26px;font-size:10.5px;letter-spacing:.16em;width:100%;justify-content:center}
}


/* =====================================================================
   10. AJUSTEMENTS core/cover (empilement des calques)
   ===================================================================== */
.ee-svc-hero.wp-block-cover,.ee-svc-refs.wp-block-cover{align-items:center;justify-content:flex-start}
.ee-svc-hero .wp-block-cover__image-background,
.ee-svc-refs .wp-block-cover__image-background{z-index:0}
.ee-svc-hero>.wp-block-cover__background,
.ee-svc-refs>.wp-block-cover__background{z-index:1}
.ee-svc-hero>.wp-block-cover__inner-container,
.ee-svc-refs>.wp-block-cover__inner-container{position:relative;z-index:4;width:100%}
.ee-svc-refs::before{
  content:"";position:absolute;inset:0;z-index:2;pointer-events:none;
  background:linear-gradient(100deg,rgba(20,20,20,.95) 0%,rgba(20,20,20,.84) 46%,rgba(20,20,20,.52) 100%);
}
@media (max-width:820px){
  .ee-svc-refs::before{background:linear-gradient(100deg,rgba(20,20,20,.95) 0%,rgba(20,20,20,.9) 60%,rgba(20,20,20,.78) 100%)}
}

/* =====================================================================
   11. Paragraphe isole portant directement .ee-svc-text
   ===================================================================== */
p.ee-svc-text{
  font-family:var(--ee-ff-b);font-weight:300;
  font-size:clamp(.96rem,1.05vw,1.05rem);line-height:1.9;color:var(--ee-body);margin:0 0 20px;
}
p.ee-svc-text:last-child{margin-bottom:0}
.ee-svc-refs p.ee-svc-text{color:rgba(255,255,255,.72)}
.ee-svc-keys.is-dark p.ee-svc-text{color:rgba(255,255,255,.62)}
.ee-svc-refs p.ee-svc-text{max-width:62ch}
.ee-svc-keys__head p.ee-svc-text,.ee-svc-steps__head p.ee-svc-text{margin-bottom:0}

/* =====================================================================
   12. FIL D'ARIANE (bandeau du gabarit des pages prestations)
   ===================================================================== */
.breadcrumb-wrapper{
  background-color:#f8f8f6!important;
  border-bottom:1px solid rgba(156,155,155,.22);
  padding-top:15px!important;padding-bottom:15px!important;
}
.breadcrumb-wrapper .yoast-breadcrumbs,
.breadcrumb-wrapper .yoast-breadcrumbs *{
  font-family:"Montserrat",sans-serif;font-weight:400;font-size:11.5px;
  letter-spacing:.13em;text-transform:uppercase;line-height:1.7;color:#9c9b9b;
}
.breadcrumb-wrapper .yoast-breadcrumbs a{color:#9c9b9b;text-decoration:none;transition:color .35s ease}
.breadcrumb-wrapper .yoast-breadcrumbs a:hover,
.breadcrumb-wrapper .yoast-breadcrumbs a:focus-visible{color:#fe5802}
.breadcrumb-wrapper .breadcrumb_last,
.breadcrumb-wrapper .breadcrumb_last strong{color:#1a1a1a;font-weight:600}
@media (max-width:600px){
  .breadcrumb-wrapper{padding-top:12px!important;padding-bottom:12px!important}
  .breadcrumb-wrapper .yoast-breadcrumbs,
  .breadcrumb-wrapper .yoast-breadcrumbs *{font-size:10px;letter-spacing:.1em}
}

/* le bandeau CTA du gabarit reste colle a la derniere section : respiration */
.prestation-content{padding-top:0!important;padding-bottom:0!important}

/* =====================================================================
   13. Neutralisation des marges verticales automatiques de Gutenberg
       (evite le desalignement du 1er element dans les grilles)
   ===================================================================== */
.ee-svc-keys__grid>*,
.ee-svc-refs__grid>*,
.ee-svc-split>*,
.ee-svc-intro__grid>*,
.ee-svc-hero__inner>*:first-child{margin-top:0!important}
.ee-svc-keys__grid>*,
.ee-svc-refs__grid>*,
.ee-svc-split>*,
.ee-svc-intro__grid>*{margin-bottom:0!important}
.ee-svc-timeline>*{margin-top:0!important}
.ee-svc-wrap>*:first-child{margin-top:0!important}
.ee-svc-keys__head>*:first-child,.ee-svc-steps__head>*:first-child,.ee-svc-refs__inner>*:first-child{margin-top:0!important}
.ee-svc-figure>*{margin-top:0!important;margin-bottom:0!important}

/* =====================================================================
   14. Correctifs finaux
   ===================================================================== */
@media (max-width:820px){
  .ee-svc-figure .wp-block-image figcaption{opacity:1;transform:none}
  .ee-svc-figure::before{transform:translate(6px,6px);opacity:.7}
}
.ee-svc-refs__grid+p{margin-top:clamp(22px,2.6vw,34px)!important}
.ee-svc-keys__head .ee-svc-h2,.ee-svc-steps__head .ee-svc-h2{margin-bottom:16px}

/* =====================================================================
   15. Correctifs finaux (2)
   ===================================================================== */
.ee-svc-list{padding-inline-start:0!important;padding-left:0!important;margin-left:0!important}
.ee-svc-refs::before{
  background:linear-gradient(100deg,rgba(18,18,18,.96) 0%,rgba(18,18,18,.88) 46%,rgba(18,18,18,.66) 100%)!important;
}



/* =====================================================================
   EQUIP EVENT — PAGE D ACCUEIL / SECTIONS VERSION CUSTOM (COMPARAISON)
   1. .ee-hp-presta — Nos prestations techniques (4 cartes numerotees)
   2. .ee-hp-stats  — Chiffres cles (compteurs animes)
   3. .ee-hp-trust  — Ils nous ont fait confiance (temoignages + references)
   Charte : orange #fe5802 / gris #9c9b9b / blanc #ffffff
   Titres League Spartan Bold — corps Montserrat Light
   ===================================================================== */
.ee-hp-presta,.ee-hp-stats,.ee-hp-trust{
  --ee-orange:#fe5802;
  --ee-orange-dk:#d84a00;
  --ee-grey:#6b6a6a;
  --ee-ink:#1a1a1a;
  --ee-ink2:#2c2c2c;
  --ee-soft:#f8f8f6;
  --ee-body:#5f5f5f;
  --ee-ff-h:"League Spartan","Montserrat",sans-serif;
  --ee-ff-b:"Montserrat",sans-serif;
  --ee-ease:cubic-bezier(.2,.7,.2,1);
}
.ee-hp-presta,.ee-hp-presta *,.ee-hp-stats,.ee-hp-stats *,.ee-hp-trust,.ee-hp-trust *{box-sizing:border-box}
/* neutralisation des marges de flux Gutenberg (is-layout-flow / block-gap) */
.ee-hp-presta *,.ee-hp-stats *,.ee-hp-trust *{margin-block-start:0}
.ee-hp-presta .wp-block-image,.ee-hp-trust .wp-block-image{margin:0}

/* ---------- conteneur commun ---------- */
.ee-hp-presta .ee-hp-wrap,.ee-hp-stats .ee-hp-wrap,.ee-hp-trust .ee-hp-wrap{
  max-width:1240px;
  margin-left:auto;margin-right:auto;
  padding-left:clamp(20px,4vw,40px);
  padding-right:clamp(20px,4vw,40px);
}

/* ---------- typographie partagee ---------- */
.ee-hp-presta .ee-hp-eyebrow,.ee-hp-stats .ee-hp-eyebrow,.ee-hp-trust .ee-hp-eyebrow{
  display:flex;align-items:center;gap:14px;
  font-family:var(--ee-ff-b);font-size:12px;font-weight:600;font-style:normal;
  letter-spacing:.22em;text-transform:uppercase;
  color:var(--ee-orange);
  margin:0 0 20px;
}
.ee-hp-presta .ee-hp-eyebrow::before,.ee-hp-stats .ee-hp-eyebrow::before,.ee-hp-trust .ee-hp-eyebrow::before{
  content:"";display:block;width:38px;height:2px;background:var(--ee-orange);flex:0 0 auto;
}
.ee-hp-presta .ee-hp-h2,.ee-hp-stats .ee-hp-h2,.ee-hp-trust .ee-hp-h2{
  font-family:var(--ee-ff-h);
  font-size:clamp(28px,3.6vw,48px);
  font-weight:700;line-height:1.02;letter-spacing:-.005em;
  text-transform:uppercase;color:var(--ee-ink);
  margin:0 0 22px;max-width:22ch;
}
.ee-hp-presta .ee-hp-h2 strong,.ee-hp-stats .ee-hp-h2 strong,.ee-hp-trust .ee-hp-h2 strong{
  color:var(--ee-orange);font-weight:inherit;
}
.ee-hp-presta .ee-hp-lead,.ee-hp-stats .ee-hp-lead,.ee-hp-trust .ee-hp-lead{
  font-family:var(--ee-ff-b);font-weight:300;
  font-size:clamp(15px,1.15vw,17px);line-height:1.75;
  color:var(--ee-body);margin:0;max-width:62ch;
}

/* tokens partages pour les sections accueil ajoutees (portee locale) */
.ee-hero,.ee-hp-offer,.ee-hp-logos,.ee-hp-work,.ee-hp-insta{--ee-orange:#fe5802;--ee-orange-dk:#d84a00;--ee-grey:#6b6a6a;--ee-ink:#1a1a1a;--ee-ink2:#2c2c2c;--ee-soft:#f8f8f6;--ee-body:#5f5f5f;--ee-line:#ececea;--ee-max:1240px;--ee-ff-h:"League Spartan","Montserrat",sans-serif;--ee-ff-b:"Montserrat",sans-serif;--ee-ease:cubic-bezier(.2,.7,.2,1);}

/* =====================================================================
   0. HERO ACCUEIL - carousel realisations (contenu en blocs natifs)
   Chaque slide = Group (Image + tag + projet + lien). Le bloc HTML ne
   contient que le JS de pilotage (classes actives, dots, autoplay).
   ===================================================================== */
.ee-hero{position:relative;display:grid;isolation:isolate;width:100%;max-width:none;background:var(--ee-ink);overflow:hidden;}
.ee-hero .ee-hero__stage,.ee-hero .ee-hero__inner{grid-area:1 / 1;}
.ee-hero .wp-block-group{margin-block-start:0;margin-block-end:0;}
.ee-hero figure.wp-block-image{margin:0;}
.ee-hero .ee-hero__stage{position:relative;min-height:clamp(520px,72vh,760px);}
.ee-hero .ee-hero__slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity 1s var(--ee-ease),visibility 1s var(--ee-ease);}
.ee-hero .ee-hero__slide.is-active{opacity:1;visibility:visible;}
.ee-hero .ee-hero__media{position:absolute;inset:0;overflow:hidden;}
.ee-hero .ee-hero__media img{width:100%;height:100%;display:block;object-fit:cover;transform:scale(1.08);transition:transform 9s linear;}
.ee-hero .ee-hero__slide.is-active .ee-hero__media img{transform:scale(1);}
/* voile progressif : lisibilite du titre a gauche, de la carte projet en bas */
.ee-hero .ee-hero__media::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(100deg,rgba(26,26,26,.93) 0%,rgba(26,26,26,.76) 34%,rgba(26,26,26,.30) 62%,rgba(26,26,26,.44) 100%),linear-gradient(to top,rgba(26,26,26,.62) 0%,rgba(26,26,26,0) 44%);}
/* carte projet de la slide active */
.ee-hero .ee-hero__meta{position:absolute;z-index:3;right:clamp(20px,4vw,40px);bottom:clamp(70px,8vh,92px);width:min(420px,44vw);padding:22px 26px 24px;border-left:3px solid var(--ee-orange);background:rgba(26,26,26,.55);backdrop-filter:blur(6px);transition:background .5s var(--ee-ease),transform .5s var(--ee-ease);}
.ee-hero .ee-hero__meta:hover{background:rgba(26,26,26,.74);transform:translateY(-3px);}
.ee-hero .ee-hero__tag{margin:0 0 9px;font-family:var(--ee-ff-b);font-size:11.5px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--ee-orange);}
.ee-hero .ee-hero__project{margin:0 0 14px;font-family:var(--ee-ff-h);font-weight:700;font-size:clamp(16px,1.35vw,20px);line-height:1.18;letter-spacing:.005em;text-transform:uppercase;color:#fff;}
.ee-hero .ee-hero__more{margin:0;}
.ee-hero .ee-hero__more a{display:inline-flex;align-items:center;gap:10px;font-family:var(--ee-ff-b);font-weight:400;font-size:13.5px;color:rgba(255,255,255,.86);text-decoration:none;transition:color .4s var(--ee-ease);}
.ee-hero .ee-hero__more a::after{content:"\2192";display:inline-block;color:var(--ee-orange);transition:transform .4s var(--ee-ease);}
.ee-hero .ee-hero__more a::before{content:"";position:absolute;inset:0;}
.ee-hero .ee-hero__meta:hover .ee-hero__more a{color:#fff;}
.ee-hero .ee-hero__meta:hover .ee-hero__more a::after{transform:translateX(5px);}
/* bloc editorial : eyebrow + H1 unique + accroche */
.ee-hero .ee-hero__inner{position:relative;z-index:4;align-self:center;width:100%;max-width:var(--ee-max);margin:0 auto;padding:clamp(110px,13vh,160px) clamp(20px,4vw,40px) clamp(200px,22vh,250px);pointer-events:none;}
.ee-hero .ee-hero__inner .ee-hero__eyebrow,.ee-hero .ee-hero__inner .ee-hero__title,.ee-hero .ee-hero__inner .ee-hero__lead{pointer-events:auto;}
.ee-hero .ee-hero__eyebrow{display:flex;align-items:center;gap:14px;margin:0 0 22px;font-family:var(--ee-ff-b);font-size:12px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:#fff;}
.ee-hero .ee-hero__eyebrow::before{content:"";display:block;width:38px;height:2px;flex:0 0 auto;background:var(--ee-orange);}
.ee-hero .ee-hero__title{margin:0 0 26px;max-width:22ch;font-family:var(--ee-ff-h);font-weight:700;font-size:clamp(34px,5.4vw,70px);line-height:.98;letter-spacing:-.01em;text-transform:uppercase;color:#fff;}
.ee-hero .ee-hero__title .ee-hero__accent{color:var(--ee-orange);}
.ee-hero .ee-hero__lead{margin:0;max-width:52ch;font-family:var(--ee-ff-b);font-weight:300;font-size:clamp(15px,1.2vw,17.5px);line-height:1.72;color:rgba(255,255,255,.84);}
/* chrome de navigation genere par le JS */
.ee-hero .ee-hero__ui{position:absolute;z-index:6;left:0;right:0;bottom:clamp(18px,2.6vh,28px);display:flex;align-items:center;justify-content:center;gap:18px;padding:0 clamp(20px,4vw,40px);}
.ee-hero .ee-hero__nav{display:flex;align-items:center;justify-content:center;width:46px;height:46px;padding:0;border:1px solid rgba(255,255,255,.34);border-radius:50%;background:rgba(26,26,26,.30);color:#fff;font-family:var(--ee-ff-b);font-size:24px;line-height:1;cursor:pointer;transition:background .4s var(--ee-ease),border-color .4s var(--ee-ease);}
.ee-hero .ee-hero__nav:hover{background:var(--ee-orange);border-color:var(--ee-orange);}
.ee-hero .ee-hero__dots{display:flex;align-items:center;gap:9px;}
.ee-hero .ee-hero__dot{width:9px;height:9px;padding:0;border:0;border-radius:99px;background:rgba(255,255,255,.42);font-size:0;line-height:0;cursor:pointer;transition:width .5s var(--ee-ease),background .5s var(--ee-ease);}
.ee-hero .ee-hero__dot.is-active{width:34px;background:var(--ee-orange);}
.ee-hero .ee-hero__bar{position:absolute;z-index:6;left:0;bottom:0;width:100%;height:3px;background:var(--ee-orange);transform:scaleX(0);transform-origin:0 50%;}
.ee-hero .ee-hero__bar.is-running{animation:ee-hero-run 6.5s linear forwards;}
@keyframes ee-hero-run{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.ee-hero .ee-hero__live{position:absolute;width:1px;height:1px;overflow:hidden;white-space:nowrap;clip-path:inset(50%);}
.ee-hero .ee-hero__nav:focus-visible,.ee-hero .ee-hero__dot:focus-visible,.ee-hero .ee-hero__more a:focus-visible{outline:2px solid var(--ee-orange);outline-offset:3px;}
/* --- responsive hero --- */
@media (max-width:1080px){.ee-hero .ee-hero__meta{width:min(370px,52vw);}}
@media (max-width:820px){.ee-hero .ee-hero__stage{min-height:660px;}.ee-hero .ee-hero__inner{padding-top:clamp(90px,11vh,130px);padding-bottom:270px;}.ee-hero .ee-hero__meta{left:clamp(20px,4vw,40px);right:clamp(20px,4vw,40px);width:auto;bottom:78px;}}
@media (max-width:600px){.ee-hero .ee-hero__stage{min-height:680px;}.ee-hero .ee-hero__title{max-width:none;font-size:clamp(28px,8.6vw,40px);}.ee-hero .ee-hero__lead{font-size:15px;line-height:1.66;}.ee-hero .ee-hero__inner{padding-bottom:290px;}.ee-hero .ee-hero__meta{padding:18px 18px 20px;bottom:74px;}.ee-hero .ee-hero__nav{width:40px;height:40px;font-size:21px;}.ee-hero .ee-hero__ui{gap:12px;}}
@media (hover:none){.ee-hero .ee-hero__meta{background:rgba(26,26,26,.66);}.ee-hero .ee-hero__more a{color:#fff;}}
@media (prefers-reduced-motion:reduce){.ee-hero .ee-hero__media img{transform:none;transition:none;}.ee-hero .ee-hero__slide{transition:opacity .2s linear;}.ee-hero .ee-hero__bar{display:none;}}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
   0ter. HERO ACCUEIL - selection dynamique par articles epingles
   Le stage est desormais le bloc Query (sticky only, date decroissante).
   La liste post-template porte .ee-hero__track, chaque li est une slide.
   Un JS dedie ajoute .ee-hero__slide sur les li : le carousel historique
   fonctionne alors sans aucune modification de son code.
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.ee-hero .ee-hero__stage.wp-block-query{display:block;}
.ee-hero .ee-hero__track{margin:0;padding:0;list-style:none;display:block;}
.ee-hero .ee-hero__track>li{position:absolute;inset:0;margin:0;opacity:0;visibility:hidden;transition:opacity 1s var(--ee-ease),visibility 1s var(--ee-ease);}
.ee-hero .ee-hero__track>li.is-active{opacity:1;visibility:visible;}
.ee-hero .ee-hero__track>li.is-active .ee-hero__media img{transform:scale(1);}
.ee-hero .ee-hero__media.wp-block-post-featured-image{margin:0;}
/* pastille categorie + date sur une seule ligne */
.ee-hero .ee-hero__tag{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px;}
.ee-hero .ee-hero__tag>*{margin:0;}
.ee-hero .ee-hero__cat a{color:inherit;text-decoration:none;}
.ee-hero .ee-hero__cat a:hover{text-decoration:underline;}
.ee-hero .ee-hero__date::before{content:"\00B7";margin-right:8px;}
/* titre du projet : 3 lignes maximum pour preserver la carte */
.ee-hero p.ee-hero__project{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
/* core/read-more porte la classe directement sur le lien */
.ee-hero a.ee-hero__more{display:inline-flex;align-items:center;gap:10px;font-family:var(--ee-ff-b);font-weight:400;font-size:13.5px;color:rgba(255,255,255,.86);text-decoration:none;transition:color .4s var(--ee-ease);}
.ee-hero a.ee-hero__more::after{content:"\2192";display:inline-block;color:var(--ee-orange);transition:transform .4s var(--ee-ease);}
.ee-hero a.ee-hero__more::before{content:"";position:absolute;inset:0;}
.ee-hero .ee-hero__meta:hover a.ee-hero__more{color:#fff;}
.ee-hero .ee-hero__meta:hover a.ee-hero__more::after{transform:translateX(5px);}
.ee-hero a.ee-hero__more:focus-visible{outline:2px solid var(--ee-orange);outline-offset:3px;}
/* editeur : slides depilees et editables */
.editor-styles-wrapper .ee-hero .ee-hero__track>li{position:relative !important;inset:auto !important;opacity:1 !important;visibility:visible !important;}
.editor-styles-wrapper .ee-hero .ee-hero__track>li .ee-hero__media{position:relative !important;inset:auto !important;}
.editor-styles-wrapper .ee-hero .ee-hero__track>li .ee-hero__meta{position:relative !important;inset:auto !important;max-width:none !important;}
@media (max-width:600px){.ee-hero p.ee-hero__project{-webkit-line-clamp:2;}}
@media (hover:none){.ee-hero a.ee-hero__more{color:#fff;}}
@media (prefers-reduced-motion:reduce){.ee-hero .ee-hero__track>li{transition:opacity .2s linear;}}

/* =====================================================================
   0bis. OFFRE COMPLETE - refonte design (blocs natifs, contenu inchange)
   ===================================================================== */
.ee-hp-offer{padding-block:clamp(72px,8vw,120px);padding-inline:0;background:var(--ee-soft);border-top:1px solid rgba(156,155,155,.18);}
.ee-hp-offer .wp-block-group{margin-block-start:0;margin-block-end:0;}
.ee-hp-offer .ee-hp-wrap{max-width:var(--ee-max);margin-left:auto;margin-right:auto;padding-left:clamp(20px,4vw,40px);padding-right:clamp(20px,4vw,40px);}
.ee-hp-offer .ee-hp-offer__grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(30px,4.4vw,76px);align-items:start;}
.ee-hp-offer .ee-hp-offer__head{position:relative;padding-top:28px;}
.ee-hp-offer .ee-hp-offer__head::before{content:"";position:absolute;top:0;left:0;width:64px;height:3px;background:var(--ee-orange);}
.ee-hp-offer .ee-hp-h2{margin:0;font-family:var(--ee-ff-h);font-weight:700;font-size:clamp(28px,3.5vw,46px);line-height:1.03;letter-spacing:-.005em;text-transform:uppercase;color:var(--ee-ink);}
.ee-hp-offer .ee-hp-h2 strong{font-weight:700;color:var(--ee-orange);}
.ee-hp-offer .ee-hp-offer__body{position:relative;padding-left:clamp(0px,2.4vw,34px);}
.ee-hp-offer .ee-hp-offer__body::before{content:"";position:absolute;top:8px;bottom:8px;left:0;width:1px;background:rgba(156,155,155,.30);}
.ee-hp-offer .ee-hp-lead{margin:0 0 20px;max-width:60ch;font-family:var(--ee-ff-b);font-weight:300;font-size:clamp(15px,1.15vw,17px);line-height:1.78;color:var(--ee-body);}
.ee-hp-offer .ee-hp-lead strong{font-weight:500;color:var(--ee-ink);}
.ee-hp-offer .ee-hp-offer__cta{margin-top:clamp(24px,2.6vw,36px);}
.ee-hp-offer .ee-hp-cta .wp-block-button__link{display:inline-flex;align-items:center;gap:12px;padding:16px 30px;border:0;border-radius:0;background:var(--ee-orange);color:#fff;font-family:var(--ee-ff-h);font-weight:700;font-size:13px;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;transition:background .45s var(--ee-ease),transform .45s var(--ee-ease),box-shadow .45s var(--ee-ease);}
.ee-hp-offer .ee-hp-cta .wp-block-button__link::after{content:"\2192";display:inline-block;transition:transform .45s var(--ee-ease);}
.ee-hp-offer .ee-hp-cta .wp-block-button__link:hover{background:var(--ee-ink);transform:translateY(-2px);box-shadow:0 14px 30px rgba(26,26,26,.16);}
.ee-hp-offer .ee-hp-cta .wp-block-button__link:hover::after{transform:translateX(6px);}
.ee-hp-offer .ee-hp-cta .wp-block-button__link:focus-visible{outline:2px solid var(--ee-ink);outline-offset:3px;}
@media (max-width:1080px){.ee-hp-offer .ee-hp-offer__grid{gap:clamp(26px,3.4vw,48px);}}
@media (max-width:820px){.ee-hp-offer .ee-hp-offer__grid{grid-template-columns:1fr;gap:30px;}.ee-hp-offer .ee-hp-offer__body{padding-left:0;}.ee-hp-offer .ee-hp-offer__body::before{display:none;}}
@media (max-width:600px){.ee-hp-offer{padding-block:64px;}.ee-hp-offer .ee-hp-h2{font-size:clamp(25px,7.4vw,32px);}.ee-hp-offer .ee-hp-lead{font-size:15px;line-height:1.72;}.ee-hp-offer .ee-hp-cta .wp-block-button__link{width:100%;justify-content:center;padding:15px 22px;}}
@media (prefers-reduced-motion:reduce){.ee-hp-offer .ee-hp-cta .wp-block-button__link,.ee-hp-offer .ee-hp-cta .wp-block-button__link::after{transition:none;}}

/* =====================================================================
   1. NOS PRESTATIONS TECHNIQUES
   ===================================================================== */
.ee-hp-presta{
  position:relative;
  background:#fff;
  padding:clamp(64px,7.5vw,120px) 0 clamp(64px,7.5vw,120px);
  overflow:hidden;
}
.ee-hp-presta::before{
  content:"";position:absolute;left:0;right:0;top:0;height:1px;
  background:linear-gradient(90deg,var(--ee-orange) 0 90px,rgba(156,155,155,.28) 90px 100%);
}
.ee-hp-presta .ee-hp-presta__head{
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:clamp(20px,3vw,56px);align-items:end;
  margin:0 0 clamp(36px,4vw,64px);
}
.ee-hp-presta .ee-hp-presta__head .ee-hp-h2{margin-bottom:0}

/* --- grille --- */
.ee-hp-presta .ee-hp-presta__grid{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  gap:clamp(24px,2.8vw,40px);
}

/* --- carte --- */
.ee-hp-presta .ee-hp-card{
  position:relative;display:flex;flex-direction:column;
  background:#fff;border-radius:3px;overflow:hidden;
  border:1px solid rgba(156,155,155,.22);
  box-shadow:0 1px 2px rgba(26,26,26,.05),0 14px 34px -22px rgba(26,26,26,.35);
  transition:transform .55s var(--ee-ease),box-shadow .55s var(--ee-ease),border-color .55s var(--ee-ease);
  will-change:transform;
}
.ee-hp-presta .ee-hp-card::before{
  content:"";position:absolute;left:0;top:0;z-index:8;
  height:3px;width:34px;background:var(--ee-orange);
  transition:width .7s var(--ee-ease);
}
.ee-hp-presta .ee-hp-card:hover,
.ee-hp-presta .ee-hp-card:focus-within{
  transform:translateY(-8px);
  border-color:rgba(254,88,2,.35);
  box-shadow:0 2px 4px rgba(26,26,26,.06),0 34px 60px -26px rgba(26,26,26,.5);
}
.ee-hp-presta .ee-hp-card:hover::before,
.ee-hp-presta .ee-hp-card:focus-within::before{width:100%}

/* --- media : zoom lent + degrade de lisibilite + voile orange --- */
.ee-hp-presta .ee-hp-card__media{
  position:relative;margin:0;overflow:hidden;
  aspect-ratio:16/10;background:var(--ee-ink);
}
.ee-hp-presta .ee-hp-card__media img{
  display:block;width:100%;height:100%;object-fit:cover;
  transform:scale(1.02);
  transition:transform 1.5s var(--ee-ease),filter 1s var(--ee-ease);
  filter:saturate(.92);
}
.ee-hp-presta .ee-hp-card:hover .ee-hp-card__media img,
.ee-hp-presta .ee-hp-card:focus-within .ee-hp-card__media img{
  transform:scale(1.13);filter:saturate(1);
}
.ee-hp-presta .ee-hp-card__media::after{
  content:"";position:absolute;inset:0;z-index:2;pointer-events:none;
  background:linear-gradient(180deg,rgba(26,26,26,0) 32%,rgba(26,26,26,.28) 62%,rgba(26,26,26,.82) 100%);
}
.ee-hp-presta .ee-hp-card__media::before{
  content:"";position:absolute;inset:0;z-index:3;pointer-events:none;opacity:0;
  background:linear-gradient(135deg,rgba(254,88,2,.62) 0%,rgba(216,74,0,.28) 55%,rgba(26,26,26,.1) 100%);
  transition:opacity .65s var(--ee-ease);
}
.ee-hp-presta .ee-hp-card:hover .ee-hp-card__media::before,
.ee-hp-presta .ee-hp-card:focus-within .ee-hp-card__media::before{opacity:1}

/* --- corps + numerotation visuelle 01 / 02 / 03 / 04 --- */
.ee-hp-presta .ee-hp-card__body{
  position:relative;z-index:4;
  padding:clamp(24px,2.2vw,34px) clamp(24px,2.2vw,36px) clamp(28px,2.4vw,38px);
  display:flex;flex-direction:column;flex:1 1 auto;
}
.ee-hp-presta .ee-hp-card__body::before{
  position:absolute;left:clamp(24px,2.2vw,36px);top:clamp(-64px,-4.6vw,-46px);
  font-family:var(--ee-ff-h);font-weight:700;line-height:.82;
  font-size:clamp(44px,4.6vw,66px);letter-spacing:-.03em;
  color:#fff;z-index:6;
  text-shadow:0 10px 30px rgba(0,0,0,.45);
  transition:transform .65s var(--ee-ease),opacity .65s var(--ee-ease);
}
.ee-hp-presta .ee-hp-card.is-01 .ee-hp-card__body::before{content:"01"}
.ee-hp-presta .ee-hp-card.is-02 .ee-hp-card__body::before{content:"02"}
.ee-hp-presta .ee-hp-card.is-03 .ee-hp-card__body::before{content:"03"}
.ee-hp-presta .ee-hp-card.is-04 .ee-hp-card__body::before{content:"04"}
.ee-hp-presta .ee-hp-card:hover .ee-hp-card__body::before,
.ee-hp-presta .ee-hp-card:focus-within .ee-hp-card__body::before{transform:translateY(-8px)}

.ee-hp-presta .ee-hp-card__t{
  font-family:var(--ee-ff-h);font-weight:700;
  font-size:clamp(19px,1.55vw,24px);line-height:1.14;
  text-transform:uppercase;letter-spacing:.002em;
  color:var(--ee-ink);margin:0 0 16px;
  transition:color .45s var(--ee-ease);
}
.ee-hp-presta .ee-hp-card:hover .ee-hp-card__t{color:var(--ee-orange-dk)}
.ee-hp-presta .ee-hp-card__t::after{
  content:"";display:block;width:38px;height:2px;margin-top:14px;
  background:var(--ee-orange);transition:width .65s var(--ee-ease);
}
.ee-hp-presta .ee-hp-card:hover .ee-hp-card__t::after,
.ee-hp-presta .ee-hp-card:focus-within .ee-hp-card__t::after{width:82px}

.ee-hp-presta .ee-hp-card__d{
  font-family:var(--ee-ff-b);font-weight:300;
  font-size:15px;line-height:1.72;color:var(--ee-body);margin:0;
}

/* --- contenu revele au survol (toujours visible en tactile / mobile) --- */
.ee-hp-presta .ee-hp-card__more{
  max-height:0;opacity:0;transform:translateY(10px);
  overflow:hidden;
  transition:max-height .7s var(--ee-ease),opacity .5s var(--ee-ease),transform .6s var(--ee-ease),margin-top .7s var(--ee-ease);
  margin-top:0;
}
.ee-hp-presta .ee-hp-card:hover .ee-hp-card__more,
.ee-hp-presta .ee-hp-card:focus-within .ee-hp-card__more{
  max-height:340px;opacity:1;transform:none;margin-top:16px;
}
.ee-hp-presta .ee-hp-card__more .ee-hp-card__x{
  font-family:var(--ee-ff-b);font-weight:300;font-size:14px;line-height:1.7;
  color:var(--ee-grey);margin:0 0 18px;
  padding-left:16px;border-left:2px solid rgba(254,88,2,.35);
}
.ee-hp-presta .ee-hp-card__cta{margin:0}
.ee-hp-presta .ee-hp-card__cta a{
  display:inline-flex;align-items:center;gap:10px;
  font-family:var(--ee-ff-b);font-size:12px;font-weight:600;
  letter-spacing:.16em;text-transform:uppercase;
  color:var(--ee-orange);text-decoration:none;
  border-bottom:1px solid rgba(254,88,2,.3);padding-bottom:4px;
  transition:color .4s var(--ee-ease),border-color .4s var(--ee-ease);
}
.ee-hp-presta .ee-hp-card__cta a::after{
  content:"\2192";font-size:15px;line-height:1;
  transition:transform .45s var(--ee-ease);
}
.ee-hp-presta .ee-hp-card__cta a:hover{color:var(--ee-orange-dk);border-color:var(--ee-orange)}
.ee-hp-presta .ee-hp-card__cta a:hover::after{transform:translateX(7px)}

/* --- bouton de section --- */
.ee-hp-presta .ee-hp-presta__foot{margin-top:clamp(36px,4vw,60px);text-align:center}
.ee-hp-presta .ee-hp-btn a{
  display:inline-flex;align-items:center;gap:14px;
  font-family:var(--ee-ff-b);font-size:12.5px;font-weight:600;
  letter-spacing:.18em;text-transform:uppercase;text-decoration:none;
  color:#fff;background:var(--ee-ink);
  padding:17px 34px;border-radius:2px;
  transition:background .5s var(--ee-ease),transform .5s var(--ee-ease),box-shadow .5s var(--ee-ease);
}
.ee-hp-presta .ee-hp-btn a::after{content:"\2192";transition:transform .45s var(--ee-ease)}
.ee-hp-presta .ee-hp-btn a:hover{
  background:var(--ee-orange);transform:translateY(-3px);
  box-shadow:0 18px 34px -18px rgba(254,88,2,.75);
}
.ee-hp-presta .ee-hp-btn a:hover::after{transform:translateX(7px)}

/* =====================================================================
   2. CHIFFRES CLES
   ===================================================================== */
.ee-hp-stats{
  position:relative;overflow:hidden;isolation:isolate;
  background:#121212;
  padding:clamp(64px,7.5vw,116px) 0;
}
.ee-hp-stats::before{
  content:"";position:absolute;inset:-2%;z-index:0;
  background-image:url("https://equip-event.com/wp-content/uploads/2024/06/Centre-Orleans-Metropole-COMet-%E2%80%93-10000-sieges-rabattables-AVATAR-avec-numerotation-pour-Orleans-Loiret-Basket4-2000x600.jpeg");
  background-size:cover;background-position:center 40%;
  filter:grayscale(.55) contrast(1.05);
  opacity:.3;
  transform:scale(1.03);
}
.ee-hp-stats::after{
  content:"";position:absolute;inset:0;z-index:1;
  background:
    linear-gradient(115deg,rgba(18,18,18,.95) 0%,rgba(18,18,18,.78) 42%,rgba(216,74,0,.42) 78%,rgba(254,88,2,.5) 100%),
    linear-gradient(180deg,rgba(18,18,18,.55) 0%,rgba(18,18,18,0) 35%,rgba(18,18,18,.6) 100%);
}
.ee-hp-stats>.ee-hp-wrap{position:relative;z-index:2}

.ee-hp-stats .ee-hp-stats__head{margin:0 0 clamp(34px,4vw,58px);max-width:760px}
.ee-hp-stats .ee-hp-h2{color:#fff;max-width:26ch}
.ee-hp-stats .ee-hp-h2 strong{color:var(--ee-orange)}
.ee-hp-stats .ee-hp-lead{color:rgba(255,255,255,.72);max-width:58ch}
.ee-hp-stats .ee-hp-eyebrow{color:#fff}
.ee-hp-stats .ee-hp-eyebrow::before{background:var(--ee-orange)}

.ee-hp-stats .ee-hp-stats__grid{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));
  gap:0;
  border-top:1px solid rgba(255,255,255,.16);
}
.ee-hp-stats .ee-hp-stat{
  position:relative;
  padding:clamp(28px,3vw,44px) clamp(14px,1.5vw,24px) clamp(24px,2.6vw,36px);
  border-left:1px solid rgba(255,255,255,.16);
  transition:background .6s var(--ee-ease);
}
.ee-hp-stats .ee-hp-stat:first-child{border-left:0;padding-left:0}
.ee-hp-stats .ee-hp-stat::after{
  content:"";position:absolute;left:0;top:-1px;height:2px;width:0;
  background:var(--ee-orange);transition:width .8s var(--ee-ease);
}
.ee-hp-stats .ee-hp-stat:first-child::after{left:0}



.ee-hp-stats .ee-hp-stat__n{
  font-family:var(--ee-ff-h);font-weight:700;
  font-size:clamp(32px,3.8vw,54px);line-height:.9;letter-spacing:-.03em;
  color:#fff;margin:0 0 14px;white-space:nowrap;
  font-variant-numeric:tabular-nums;
  transition:color .5s var(--ee-ease),transform .6s var(--ee-ease);
}

.ee-hp-stats .ee-hp-stat__l{
  font-family:var(--ee-ff-b);font-weight:300;
  font-size:12.5px;letter-spacing:.2em;text-transform:uppercase;line-height:1.5;
  color:rgba(255,255,255,.66);margin:0;
}
.ee-hp-stats .ee-hp-stat__l::before{
  content:"";display:block;width:26px;height:2px;margin:0 0 14px;
  background:rgba(254,88,2,.85);transition:width .6s var(--ee-ease);
}


/* --- revelation au scroll (activee par JS, contenu visible sans JS) --- */
@keyframes eeHpRise{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
.ee-hp-stats.is-js .ee-hp-stat{opacity:0}
.ee-hp-stats.is-js.is-in .ee-hp-stat{animation:eeHpRise .85s var(--ee-ease) both}
.ee-hp-stats.is-js.is-in .ee-hp-stat:nth-child(1){animation-delay:.05s}
.ee-hp-stats.is-js.is-in .ee-hp-stat:nth-child(2){animation-delay:.17s}
.ee-hp-stats.is-js.is-in .ee-hp-stat:nth-child(3){animation-delay:.29s}
.ee-hp-stats.is-js.is-in .ee-hp-stat:nth-child(4){animation-delay:.41s}

/* =====================================================================
   3. ILS NOUS ONT FAIT CONFIANCE
   ===================================================================== */
.ee-hp-trust{
  position:relative;overflow:hidden;
  background:var(--ee-soft);
  padding:clamp(64px,7.5vw,120px) 0;
}
.ee-hp-trust::before{
  content:"";position:absolute;right:-120px;top:-120px;width:340px;height:340px;
  border:1px solid rgba(254,88,2,.16);border-radius:50%;
}
.ee-hp-trust .ee-hp-trust__head{
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:clamp(20px,3vw,56px);align-items:end;
  margin:0 0 clamp(36px,4vw,60px);position:relative;
}
.ee-hp-trust .ee-hp-trust__head .ee-hp-h2{margin-bottom:0}

.ee-hp-trust .ee-hp-trust__grid{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(22px,2.4vw,34px);align-items:stretch;
}
.ee-hp-trust .ee-hp-quote{
  position:relative;display:flex;flex-direction:column;
  background:#fff;border-radius:3px;overflow:hidden;
  padding:clamp(30px,2.8vw,42px) clamp(26px,2.3vw,36px) clamp(26px,2.2vw,32px);
  box-shadow:0 1px 2px rgba(26,26,26,.05),0 14px 34px -24px rgba(26,26,26,.35);
  transition:transform .55s var(--ee-ease),box-shadow .55s var(--ee-ease);
}
.ee-hp-trust .ee-hp-quote::before{
  content:"";position:absolute;left:0;top:0;bottom:0;width:3px;
  background:linear-gradient(180deg,var(--ee-orange),rgba(254,88,2,0));
  transform:scaleY(.28);transform-origin:top;
  transition:transform .7s var(--ee-ease);
}
.ee-hp-trust .ee-hp-quote::after{
  content:"\201D";position:absolute;right:16px;top:-6px;
  font-family:var(--ee-ff-h);font-weight:700;font-size:130px;line-height:1;
  color:var(--ee-orange);opacity:.13;
  transition:opacity .6s var(--ee-ease),transform .6s var(--ee-ease);
  pointer-events:none;
}




.ee-hp-trust .ee-hp-quote__txt{
  font-family:var(--ee-ff-b);font-weight:300;
  font-size:15px;line-height:1.8;color:var(--ee-ink2);
  margin:0 0 26px;flex:1 1 auto;position:relative;
}
.ee-hp-trust .ee-hp-quote__txt::before{
  display:block;
  font-family:var(--ee-ff-h);font-weight:700;font-size:13px;
  letter-spacing:.22em;color:var(--ee-orange);
  margin:0 0 18px;
}
.ee-hp-trust .ee-hp-quote.is-01 .ee-hp-quote__txt::before{content:"01"}
.ee-hp-trust .ee-hp-quote.is-02 .ee-hp-quote__txt::before{content:"02"}
.ee-hp-trust .ee-hp-quote.is-03 .ee-hp-quote__txt::before{content:"03"}

.ee-hp-trust .ee-hp-quote__by{
  display:flex;align-items:center;gap:16px;
  padding-top:20px;border-top:1px solid rgba(156,155,155,.28);
}
.ee-hp-trust .ee-hp-quote__mono{
  flex:0 0 auto;width:46px;height:46px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  background:var(--ee-orange);color:#fff;
  font-family:var(--ee-ff-h);font-weight:700;font-size:15px;letter-spacing:.04em;
  margin:0;
  transition:transform .55s var(--ee-ease),background .55s var(--ee-ease);
}

.ee-hp-trust .ee-hp-quote__id{min-width:0}
.ee-hp-trust .ee-hp-quote__name{
  font-family:var(--ee-ff-h);font-weight:700;font-size:14.5px;
  text-transform:uppercase;letter-spacing:.03em;line-height:1.25;
  color:var(--ee-ink);margin:0 0 4px;
}
.ee-hp-trust .ee-hp-quote__role{
  font-family:var(--ee-ff-b);font-weight:300;font-size:12.5px;line-height:1.4;
  color:var(--ee-grey);margin:0;
}

/* --- bande de references --- */
.ee-hp-trust .ee-hp-refs{
  margin-top:clamp(40px,4.4vw,68px);
  padding-top:clamp(30px,3vw,44px);
  border-top:1px solid rgba(156,155,155,.28);
}
.ee-hp-trust .ee-hp-refs__lead{
  font-family:var(--ee-ff-b);font-weight:300;
  font-size:clamp(14.5px,1.1vw,16px);line-height:1.75;
  color:var(--ee-body);margin:0 0 26px;max-width:78ch;
}
.ee-hp-trust .ee-hp-refs__list{
  display:flex;flex-wrap:wrap;gap:12px;
}
.ee-hp-trust .ee-hp-ref{
  margin:0;padding:11px 20px;
  font-family:var(--ee-ff-h);font-weight:700;font-size:12.5px;
  letter-spacing:.14em;text-transform:uppercase;
  color:var(--ee-ink2);background:#fff;
  border:1px solid rgba(156,155,155,.35);border-radius:2px;
  transition:color .45s var(--ee-ease),background .45s var(--ee-ease),border-color .45s var(--ee-ease),transform .45s var(--ee-ease);
}
.ee-hp-trust .ee-hp-ref:hover{
  color:#fff;background:var(--ee-orange);border-color:var(--ee-orange);
  transform:translateY(-3px);
}

/* --- 3bis. carousel de logos clients (piste en blocs Image natifs) --- */
.ee-hp-trust .ee-hp-logos{position:relative;margin-top:clamp(26px,3vw,38px);overflow:hidden;-webkit-mask-image:linear-gradient(90deg,rgba(0,0,0,0) 0,#000 7%,#000 93%,rgba(0,0,0,0) 100%);mask-image:linear-gradient(90deg,rgba(0,0,0,0) 0,#000 7%,#000 93%,rgba(0,0,0,0) 100%);}
.ee-hp-trust .ee-hp-logos__rail{display:flex;width:max-content;animation:ee-logos-run 44s linear infinite;}
.ee-hp-trust .ee-hp-logos__track{display:flex;flex:0 0 auto;align-items:center;gap:clamp(34px,4.4vw,68px);padding-right:clamp(34px,4.4vw,68px);margin:0;}
@keyframes ee-logos-run{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}
.ee-hp-trust .ee-hp-logos:hover .ee-hp-logos__rail{animation-play-state:paused;}
.ee-hp-trust .ee-hp-logo{flex:0 0 auto;margin:0;}
.ee-hp-trust .ee-hp-logo img{display:block;width:auto;height:clamp(38px,3.6vw,54px);max-width:150px;object-fit:contain;filter:grayscale(1);opacity:.55;transition:filter .5s var(--ee-ease),opacity .5s var(--ee-ease);}

@media (max-width:600px){.ee-hp-trust .ee-hp-logo img{height:34px;max-width:112px;}.ee-hp-trust .ee-hp-logos__track{gap:26px;padding-right:26px;}}
@media (hover:none){.ee-hp-trust .ee-hp-logo img{filter:grayscale(0);opacity:.92;}}
@media (prefers-reduced-motion:reduce){.ee-hp-trust .ee-hp-logos__rail{animation:none;}.ee-hp-trust .ee-hp-logos{overflow-x:auto;}}

/* =====================================================================
   4bis. NOS DERNIERES REALISATIONS - refonte design (contenu inchange)
   ===================================================================== */
.ee-hp-work{padding-block:clamp(72px,8vw,120px);padding-inline:0;background:#fff;}
.ee-hp-work .wp-block-group{margin-block-start:0;margin-block-end:0;}
.ee-hp-work .ee-hp-wrap{max-width:var(--ee-max);margin-left:auto;margin-right:auto;padding-left:clamp(20px,4vw,40px);padding-right:clamp(20px,4vw,40px);}
.ee-hp-work .ee-hp-work__head{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,3.4vw,56px);align-items:end;padding-top:28px;margin-bottom:clamp(34px,4vw,60px);}
.ee-hp-work .ee-hp-work__head::before{content:"";position:absolute;top:0;left:0;width:64px;height:3px;background:var(--ee-orange);}
.ee-hp-work .ee-hp-h2{margin:0;font-family:var(--ee-ff-h);font-weight:700;font-size:clamp(28px,3.6vw,48px);line-height:1.02;letter-spacing:-.005em;text-transform:uppercase;color:var(--ee-ink);}
.ee-hp-work .ee-hp-h2 strong{font-weight:700;color:var(--ee-orange);}
.ee-hp-work .ee-hp-work__leads{display:flex;flex-direction:column;gap:14px;}
.ee-hp-work .ee-hp-lead{margin:0;max-width:64ch;font-family:var(--ee-ff-b);font-weight:300;font-size:clamp(14.5px,1.1vw,16px);line-height:1.75;color:var(--ee-body);}
/* --- grille de cartes --- */
.ee-hp-work .ee-hp-work__grid{gap:clamp(22px,2.6vw,36px);margin:0;padding:0;list-style:none;}
.ee-hp-work .ee-hp-work__grid li{margin:0;}
.ee-hp-work .ee-hp-work__card{position:relative;display:flex;flex-direction:column;height:100%;background:#fff;border:1px solid var(--ee-line);transition:transform .55s var(--ee-ease),box-shadow .55s var(--ee-ease),border-color .55s var(--ee-ease);}
.ee-hp-work .ee-hp-work__card::before{content:"";position:absolute;top:0;left:0;z-index:3;width:0;height:3px;background:var(--ee-orange);transition:width .55s var(--ee-ease);}
.ee-hp-work .ee-hp-work__card:hover{transform:translateY(-6px);box-shadow:0 22px 44px rgba(26,26,26,.12);border-color:rgba(254,88,2,.28);}
.ee-hp-work .ee-hp-work__card:hover::before{width:100%;}
.ee-hp-work .ee-hp-work__media{position:relative;margin:0;overflow:hidden;}
.ee-hp-work .ee-hp-work__media img{display:block;width:100%;height:100%;object-fit:cover;transform:scale(1);transition:transform 1.1s var(--ee-ease);}
.ee-hp-work .ee-hp-work__card:hover .ee-hp-work__media img{transform:scale(1.07);}
.ee-hp-work .ee-hp-work__media::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;background:linear-gradient(to top,rgba(26,26,26,.34) 0,rgba(26,26,26,0) 46%);transition:opacity .55s var(--ee-ease);}
.ee-hp-work .ee-hp-work__card:hover .ee-hp-work__media::after{opacity:1;}
.ee-hp-work .ee-hp-work__body{display:flex;flex-direction:column;gap:10px;padding:22px 24px 26px;}
.ee-hp-work .ee-hp-work__cat{margin:0;font-family:var(--ee-ff-b);font-size:10.5px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--ee-orange);}
.ee-hp-work .ee-hp-work__cat a{color:inherit;text-decoration:none;}
.ee-hp-work .ee-hp-work__title{margin:0;font-family:var(--ee-ff-h);font-weight:700;font-size:clamp(15.5px,1.25vw,18px);line-height:1.28;letter-spacing:0;color:var(--ee-ink);}
.ee-hp-work .ee-hp-work__title a{color:inherit;text-decoration:none;transition:color .4s var(--ee-ease);}
.ee-hp-work .ee-hp-work__title a::after{content:"";position:absolute;inset:0;z-index:2;}
.ee-hp-work .ee-hp-work__card:hover .ee-hp-work__title a{color:var(--ee-orange);}
.ee-hp-work .ee-hp-work__title a:focus-visible{outline:2px solid var(--ee-orange);outline-offset:4px;}
/* --- CTA --- */
.ee-hp-work .ee-hp-work__cta{margin-top:clamp(34px,4vw,56px);}
.ee-hp-work .ee-hp-cta .wp-block-button__link{display:inline-flex;align-items:center;gap:10px;padding:16px 32px;border:0;border-radius:0;background:var(--ee-orange);color:#fff;font-family:var(--ee-ff-h);font-weight:700;font-size:13px;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;transition:background .45s var(--ee-ease),transform .45s var(--ee-ease),box-shadow .45s var(--ee-ease);}
.ee-hp-work .ee-hp-cta .wp-block-button__link:hover{background:var(--ee-ink);transform:translateY(-2px);box-shadow:0 14px 30px rgba(26,26,26,.16);}
.ee-hp-work .ee-hp-cta .wp-block-button__link:focus-visible{outline:2px solid var(--ee-ink);outline-offset:3px;}
@media (max-width:1080px){.ee-hp-work .ee-hp-work__head{grid-template-columns:1fr;align-items:start;gap:18px;}}
@media (max-width:820px){.ee-hp-work .ee-hp-work__grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (max-width:600px){.ee-hp-work{padding-block:64px;}.ee-hp-work .ee-hp-work__grid{grid-template-columns:1fr;}.ee-hp-work .ee-hp-h2{font-size:clamp(25px,7.4vw,32px);}.ee-hp-work .ee-hp-lead{font-size:15px;}.ee-hp-work .ee-hp-cta .wp-block-button__link{width:100%;justify-content:center;padding:15px 22px;}}
@media (hover:none){.ee-hp-work .ee-hp-work__card:hover{transform:none;box-shadow:none;}}
@media (prefers-reduced-motion:reduce){.ee-hp-work .ee-hp-work__card,.ee-hp-work .ee-hp-work__media img,.ee-hp-work .ee-hp-cta .wp-block-button__link{transition:none;}}

/* =====================================================================
   5. SECTION INSTAGRAM - bloc natif Smash Balloon habille aux couleurs
   ===================================================================== */
.ee-hp-insta{padding-block:clamp(72px,8vw,120px);padding-inline:0;background:var(--ee-soft);border-top:1px solid rgba(156,155,155,.18);}
.ee-hp-insta .wp-block-group{margin-block-start:0;margin-block-end:0;}
.ee-hp-insta .ee-hp-wrap{max-width:var(--ee-max);margin-left:auto;margin-right:auto;padding-left:clamp(20px,4vw,40px);padding-right:clamp(20px,4vw,40px);}
.ee-hp-insta .ee-hp-insta__head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,3.4vw,56px);align-items:end;margin-bottom:clamp(30px,3.6vw,52px);}
.ee-hp-insta .ee-hp-eyebrow{display:flex;align-items:center;gap:14px;margin:0 0 18px;font-family:var(--ee-ff-b);font-size:12px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--ee-orange);}
.ee-hp-insta .ee-hp-eyebrow::before{content:"";display:block;width:38px;height:2px;flex:0 0 auto;background:var(--ee-orange);}
.ee-hp-insta .ee-hp-h2{margin:0;font-family:var(--ee-ff-h);font-weight:700;font-size:clamp(28px,3.6vw,48px);line-height:1.02;letter-spacing:-.005em;text-transform:uppercase;color:var(--ee-ink);}
.ee-hp-insta .ee-hp-h2 strong{font-weight:700;color:var(--ee-orange);}
.ee-hp-insta .ee-hp-lead{margin:0;max-width:56ch;font-family:var(--ee-ff-b);font-weight:300;font-size:clamp(15px,1.15vw,17px);line-height:1.78;color:var(--ee-body);}
/* --- conteneur du flux --- */
.ee-hp-insta .ee-hp-insta__feed{position:relative;padding:clamp(16px,1.8vw,26px);background:#fff;border:1px solid var(--ee-line);}
.ee-hp-insta .ee-hp-insta__feed::before{content:"";position:absolute;top:-1px;left:-1px;width:64px;height:3px;background:var(--ee-orange);}
.ee-hp-insta .ee-hp-insta__feed #sb_instagram{padding-bottom:0 !important;}
.ee-hp-insta .ee-hp-insta__feed #sb_instagram .sbi_item{overflow:hidden;}
.ee-hp-insta .ee-hp-insta__feed #sb_instagram .sbi_photo{border-radius:0;transition:transform 1s var(--ee-ease),filter .5s var(--ee-ease);}
.ee-hp-insta .ee-hp-insta__feed #sb_instagram .sbi_item:hover .sbi_photo{transform:scale(1.06);}
.ee-hp-insta .ee-hp-insta__feed .sbi_follow_btn a{border-radius:0 !important;background:var(--ee-orange) !important;font-family:var(--ee-ff-h);font-weight:700;font-size:12.5px;letter-spacing:.12em;text-transform:uppercase;transition:background .45s var(--ee-ease);}
.ee-hp-insta .ee-hp-insta__feed .sbi_follow_btn a:hover{background:var(--ee-ink) !important;}
.ee-hp-insta .ee-hp-insta__cta{margin-top:clamp(26px,3vw,40px);}
.ee-hp-insta .ee-hp-cta .wp-block-button__link{display:inline-flex;align-items:center;gap:10px;padding:16px 32px;border:0;border-radius:0;background:var(--ee-orange);color:#fff;font-family:var(--ee-ff-h);font-weight:700;font-size:13px;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;transition:background .45s var(--ee-ease),transform .45s var(--ee-ease),box-shadow .45s var(--ee-ease);}
.ee-hp-insta .ee-hp-cta .wp-block-button__link::after{content:"\2192";display:inline-block;transition:transform .45s var(--ee-ease);}
.ee-hp-insta .ee-hp-cta .wp-block-button__link:hover{background:var(--ee-ink);transform:translateY(-2px);box-shadow:0 14px 30px rgba(26,26,26,.16);}
.ee-hp-insta .ee-hp-cta .wp-block-button__link:hover::after{transform:translateX(6px);}
.ee-hp-insta .ee-hp-cta .wp-block-button__link:focus-visible{outline:2px solid var(--ee-ink);outline-offset:3px;}
@media (max-width:1080px){.ee-hp-insta .ee-hp-insta__head{grid-template-columns:1fr;align-items:start;gap:16px;}}
@media (max-width:600px){.ee-hp-insta{padding-block:64px;}.ee-hp-insta .ee-hp-h2{font-size:clamp(25px,7.4vw,32px);}.ee-hp-insta .ee-hp-lead{font-size:15px;}.ee-hp-insta .ee-hp-insta__feed{padding:14px;}.ee-hp-insta .ee-hp-cta .wp-block-button__link{width:100%;justify-content:center;padding:15px 22px;}}
@media (prefers-reduced-motion:reduce){.ee-hp-insta .ee-hp-insta__feed #sb_instagram .sbi_photo,.ee-hp-insta .ee-hp-cta .wp-block-button__link{transition:none;}}

/* =====================================================================
   4. RESPONSIVE — desktop large / tablette / mobile
   ===================================================================== */

/* ---------- desktop large (>= 1400px) : plus de respiration ---------- */
@media (min-width:1400px){
  .ee-hp-presta .ee-hp-presta__grid{gap:44px}
  .ee-hp-presta .ee-hp-card__media{aspect-ratio:16/9}
  .ee-hp-trust .ee-hp-quote__txt{font-size:15.5px}
}

/* ---------- tablette paysage (<= 1080px) ---------- */
@media (max-width:1080px){
  .ee-hp-presta .ee-hp-presta__head,
  .ee-hp-trust .ee-hp-trust__head{
    grid-template-columns:1fr;align-items:start;gap:18px;
  }
  .ee-hp-presta .ee-hp-h2,.ee-hp-stats .ee-hp-h2,.ee-hp-trust .ee-hp-h2{max-width:28ch}
  .ee-hp-trust .ee-hp-trust__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ee-hp-trust .ee-hp-quote:last-child{grid-column:1 / -1}
  .ee-hp-stats .ee-hp-stats__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ee-hp-stats .ee-hp-stat{border-top:0}
  .ee-hp-stats .ee-hp-stat:nth-child(odd){border-left:0;padding-left:0}
  .ee-hp-stats .ee-hp-stat:nth-child(n+3){border-top:1px solid rgba(255,255,255,.16)}
}

/* ---------- tablette portrait (<= 820px) ---------- */
@media (max-width:820px){
  .ee-hp-presta{padding:clamp(52px,8vw,72px) 0}
  .ee-hp-presta .ee-hp-presta__grid{grid-template-columns:1fr;gap:26px}
  .ee-hp-presta .ee-hp-card__media{aspect-ratio:16/9}
  .ee-hp-trust{padding:clamp(52px,8vw,72px) 0}
  .ee-hp-trust .ee-hp-trust__grid{grid-template-columns:1fr}
  .ee-hp-trust .ee-hp-quote:last-child{grid-column:auto}
  .ee-hp-trust::before{display:none}
  .ee-hp-stats{padding:clamp(52px,8vw,76px) 0}
  .ee-hp-stats .ee-hp-stat__n{font-size:clamp(34px,7vw,48px)}
  /* petits ecrans : le contenu complementaire des cartes reste toujours visible */
  .ee-hp-presta .ee-hp-card__more{max-height:none;opacity:1;transform:none;overflow:visible;margin-top:16px}
  .ee-hp-presta .ee-hp-card::before{width:100%}
  .ee-hp-presta .ee-hp-card__t::after{width:60px}
  .ee-hp-presta .ee-hp-card__media::before{opacity:.28}
  .ee-hp-trust .ee-hp-quote::before{transform:scaleY(1)}
}

/* ---------- mobile (<= 600px) ---------- */
@media (max-width:600px){
  .ee-hp-presta .ee-hp-eyebrow,.ee-hp-stats .ee-hp-eyebrow,.ee-hp-trust .ee-hp-eyebrow{
    font-size:11px;letter-spacing:.18em;gap:10px;margin-bottom:14px;
  }
  .ee-hp-presta .ee-hp-eyebrow::before,.ee-hp-stats .ee-hp-eyebrow::before,.ee-hp-trust .ee-hp-eyebrow::before{width:24px}
  .ee-hp-presta .ee-hp-h2,.ee-hp-stats .ee-hp-h2,.ee-hp-trust .ee-hp-h2{
    font-size:clamp(24px,7.2vw,30px);max-width:100%;
  }
  .ee-hp-presta .ee-hp-card__body{padding:22px 20px 26px}
  .ee-hp-presta .ee-hp-card__body::before{font-size:40px;top:-42px;left:20px}
  .ee-hp-presta .ee-hp-card__t{font-size:18px}
  .ee-hp-presta .ee-hp-card__d{font-size:14.5px}
  .ee-hp-presta .ee-hp-btn a{width:100%;justify-content:center;padding:16px 22px;letter-spacing:.14em}
  .ee-hp-stats .ee-hp-stats__grid{grid-template-columns:1fr;border-top:0}
  .ee-hp-stats .ee-hp-stat{
    border-left:0;padding:22px 0;
    border-top:1px solid rgba(255,255,255,.16);
  }
  .ee-hp-stats .ee-hp-stat:nth-child(odd){padding-left:0}
  .ee-hp-stats .ee-hp-stat__n{font-size:clamp(36px,11vw,46px);margin-bottom:10px}
  .ee-hp-stats .ee-hp-stat__l{font-size:11.5px;letter-spacing:.16em}
  .ee-hp-trust .ee-hp-quote{padding:26px 22px 24px}
  .ee-hp-trust .ee-hp-quote::after{font-size:96px;right:10px}
  .ee-hp-trust .ee-hp-quote__txt{font-size:14.5px;line-height:1.75}
  .ee-hp-trust .ee-hp-ref{font-size:11.5px;padding:9px 15px;letter-spacing:.1em}
}

/* ---------- etats "survol" toujours visibles sur ecrans tactiles ---------- */
@media (hover:none){
  .ee-hp-presta .ee-hp-card__more{
    max-height:none;opacity:1;transform:none;overflow:visible;margin-top:16px;
  }
  .ee-hp-presta .ee-hp-card::before{width:100%}
  .ee-hp-presta .ee-hp-card__t::after{width:60px}
  .ee-hp-presta .ee-hp-card__media::before{opacity:.35}
  .ee-hp-trust .ee-hp-quote::before{transform:scaleY(1)}
}

/* ---------- preference de mouvement reduit ---------- */
@media (prefers-reduced-motion:reduce){
  .ee-hp-presta *,.ee-hp-stats *,.ee-hp-trust *{
    transition-duration:.01ms !important;animation-duration:.01ms !important;
  }
  .ee-hp-stats.is-js .ee-hp-stat{opacity:1;transform:none}
}




/* ===================================================================
   EQUIP EVENT - PAGE "QUI SOMMES-NOUS" / SECTIONS VERSION CUSTOM (COMPARAISON)
   Prefixe .ee-qsn-*  -  blocs Gutenberg natifs uniquement
   1. TOKENS, BASE, TYPOGRAPHIE PARTAGEE, BOUTONS
   2. HERO (H1)
   3. INTRO "EQUIP EVENT EN QUELQUES LIGNES"
   4. STORY "EXPERIENCE DE PLUS DE 13 ANS"
   5. BANDE REFERENCES CLIENTS
   6. SERVICE SUR MESURE + VIDEO
   7. MOT DU FONDATEUR
   8. EQUIPE COMMERCIALE (cartes numerotees)
   9. CTA CONTACT
   10. RESPONSIVE (<=1024px / <=820px / <=600px)
   =================================================================== */

/* ---------- 1. TOKENS + BASE ---------- */
.ee-qsn-hero,.ee-qsn-intro,.ee-qsn-story,.ee-qsn-refs,.ee-qsn-service,.ee-qsn-word,.ee-qsn-team,.ee-qsn-cta{
  --ee-orange:#fe5802;
  --ee-orange-dk:#d84a00;
  --ee-grey:#6b6a6a;
  --ee-ink:#1a1a1a;
  --ee-ink2:#2c2c2c;
  --ee-soft:#f8f8f6;
  --ee-body:#5f5f5f;
  --ee-line:#ececea;
  --ee-ff-h:"League Spartan","Montserrat",sans-serif;
  --ee-ff-b:"Montserrat",sans-serif;
  --ee-ease:cubic-bezier(.2,.7,.2,1);
}
.ee-qsn-hero *,.ee-qsn-intro *,.ee-qsn-story *,.ee-qsn-refs *,.ee-qsn-service *,.ee-qsn-word *,.ee-qsn-team *,.ee-qsn-cta *{box-sizing:border-box}
.wp-site-blocks>.ee-qsn-hero,.wp-site-blocks>.ee-qsn-intro,.wp-site-blocks>.ee-qsn-story,.wp-site-blocks>.ee-qsn-refs,.wp-site-blocks>.ee-qsn-service,.wp-site-blocks>.ee-qsn-word,.wp-site-blocks>.ee-qsn-team,.wp-site-blocks>.ee-qsn-cta{margin-block-start:0;margin-block-end:0}
.ee-qsn-intro,.ee-qsn-story,.ee-qsn-service,.ee-qsn-word,.ee-qsn-team,.ee-qsn-cta{padding:clamp(72px,9vw,124px) 0}
.ee-qsn-wrap{max-width:1240px;margin:0 auto;padding:0 clamp(20px,4vw,44px)}

/* ---------- typographie partagee ---------- */
.ee-qsn-eyebrow{display:inline-flex;align-items:center;gap:12px;margin:0 0 18px;
  font-family:var(--ee-ff-b);font-weight:600;font-size:11px;line-height:1.4;
  letter-spacing:.22em;text-transform:uppercase;color:var(--ee-orange)}
.ee-qsn-eyebrow::before{content:"";display:block;width:34px;height:1px;background:var(--ee-orange);flex:0 0 auto}
.ee-qsn-h2{font-family:var(--ee-ff-h);font-weight:700;text-transform:uppercase;
  font-size:clamp(1.75rem,3.3vw,2.75rem);line-height:1.08;letter-spacing:-.5px;color:var(--ee-ink);margin:0 0 22px}
.ee-qsn-h2 strong,.ee-qsn-h2 em{color:var(--ee-orange);font-style:normal;font-weight:700}
.ee-qsn-h3{font-family:var(--ee-ff-h);font-weight:700;text-transform:uppercase;
  font-size:clamp(1rem,1.5vw,1.2rem);line-height:1.2;letter-spacing:.02em;color:var(--ee-ink);margin:0 0 14px}
.ee-qsn-lead{font-family:var(--ee-ff-b);font-weight:300;font-size:clamp(1rem,1.15vw,1.1rem);
  line-height:1.85;color:var(--ee-body);margin:0 0 22px}
.ee-qsn-text{font-family:var(--ee-ff-b);font-weight:300;font-size:clamp(.95rem,1.05vw,1.02rem);
  line-height:1.85;color:var(--ee-body);margin:0 0 18px}
.ee-qsn-text strong{font-weight:600;color:var(--ee-ink2)}

/* ---------- boutons ---------- */
.ee-qsn-btns{display:flex;flex-wrap:wrap;gap:14px;margin:8px 0 0}
.ee-qsn-btns .wp-block-button__link{display:inline-block;font-family:var(--ee-ff-b);font-weight:600;
  font-size:.76rem;letter-spacing:.14em;text-transform:uppercase;line-height:1;
  background:var(--ee-orange);color:#fff;border:1px solid var(--ee-orange);border-radius:0;
  padding:17px 30px;text-decoration:none;
  transition:background .35s var(--ee-ease),border-color .35s var(--ee-ease),color .35s var(--ee-ease),transform .35s var(--ee-ease),box-shadow .35s var(--ee-ease)}
.ee-qsn-btns .wp-block-button__link:hover,.ee-qsn-btns .wp-block-button__link:focus-visible{
  background:var(--ee-orange-dk);border-color:var(--ee-orange-dk);color:#fff;transform:translateY(-3px);box-shadow:0 14px 30px rgba(254,88,2,.26)}
.ee-qsn-btn-ghost .wp-block-button__link{background:transparent;border-color:rgba(26,26,26,.22);color:var(--ee-ink)}
.ee-qsn-btn-ghost .wp-block-button__link:hover{background:var(--ee-ink);border-color:var(--ee-ink);color:#fff;box-shadow:0 14px 30px rgba(26,26,26,.2)}
.ee-qsn-hero .ee-qsn-btn-ghost .wp-block-button__link,.ee-qsn-cta .ee-qsn-btn-ghost .wp-block-button__link{border-color:rgba(255,255,255,.45);color:#fff}
.ee-qsn-hero .ee-qsn-btn-ghost .wp-block-button__link:hover,.ee-qsn-cta .ee-qsn-btn-ghost .wp-block-button__link:hover{background:#fff;border-color:#fff;color:var(--ee-ink)}

/* ---------- 2. HERO ---------- */
.ee-qsn-hero{position:relative;isolation:isolate;overflow:hidden;background:var(--ee-ink);
  min-height:clamp(420px,54vw,600px);display:flex;align-items:flex-end;
  padding:clamp(96px,13vw,160px) 0 clamp(48px,6vw,76px)}
.ee-qsn-hero__media{position:absolute;inset:0;margin:0;z-index:0;overflow:hidden}
.ee-qsn-hero__media .wp-block-image{display:block;margin:0;height:100%}
.ee-qsn-hero__media img{width:100%;height:100%;object-fit:cover;object-position:center 42%;display:block;
  transform:scale(1.09);animation:ee-qsn-kenburns 12s var(--ee-ease) forwards}
@keyframes ee-qsn-kenburns{to{transform:scale(1)}}
@media (prefers-reduced-motion:reduce){.ee-qsn-hero__media img{animation:none;transform:none}}
.ee-qsn-hero::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(102deg,rgba(14,14,14,.94) 0%,rgba(14,14,14,.8) 38%,rgba(14,14,14,.42) 68%,rgba(14,14,14,.18) 100%)}
.ee-qsn-hero::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:5px;z-index:3;pointer-events:none;
  background:linear-gradient(90deg,var(--ee-orange) 0%,var(--ee-orange) 34%,rgba(254,88,2,0) 100%)}
.ee-qsn-hero__inner{position:relative;z-index:2;width:100%;max-width:1240px;margin:0 auto;padding:0 clamp(20px,4vw,44px)}
.ee-qsn-hero .ee-qsn-eyebrow{color:#fff}
.ee-qsn-hero .ee-qsn-eyebrow::before{background:var(--ee-orange);width:46px}
.ee-qsn-hero__title{font-family:var(--ee-ff-h);font-weight:700;text-transform:uppercase;color:#fff;
  font-size:clamp(2rem,4.8vw,3.5rem);line-height:1.03;letter-spacing:-1px;margin:0 0 22px;max-width:19ch}
.ee-qsn-hero__title strong{color:var(--ee-orange);font-weight:700}
.ee-qsn-hero__lead{font-family:var(--ee-ff-b);font-weight:300;color:rgba(255,255,255,.85);
  font-size:clamp(1rem,1.25vw,1.14rem);line-height:1.8;max-width:62ch;margin:0 0 34px}
.ee-qsn-hero__stats{display:flex;flex-wrap:wrap;align-items:stretch;
  border-top:1px solid rgba(255,255,255,.16);padding-top:26px;margin:0 0 36px;gap:0}
.ee-qsn-stat{position:relative;margin:0;padding:0 clamp(20px,2.8vw,40px) 0 0;margin-right:clamp(20px,2.8vw,40px);
  border-right:1px solid rgba(255,255,255,.16);
  font-family:var(--ee-ff-b);font-weight:300;font-size:.8rem;letter-spacing:.05em;line-height:1.5;color:rgba(255,255,255,.68)}
.ee-qsn-stat:last-child{border-right:0;margin-right:0;padding-right:0}
.ee-qsn-stat strong{display:block;margin-bottom:5px;font-family:var(--ee-ff-h);font-weight:700;
  text-transform:uppercase;letter-spacing:0;font-size:clamp(1.05rem,1.7vw,1.4rem);color:#fff}

/* ---------- 3. INTRO ---------- */
.ee-qsn-intro{background:#fff}
.ee-qsn-intro__grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);
  gap:clamp(36px,5vw,76px);align-items:center}
.ee-qsn-intro__media{position:relative;padding:0 20px 20px 0}
.ee-qsn-intro__media::before{content:"";position:absolute;right:0;bottom:0;width:74%;height:70%;
  border:2px solid var(--ee-orange);z-index:0;transition:transform .7s var(--ee-ease)}
.ee-qsn-intro__media:hover::before{transform:translate(7px,7px)}
.ee-qsn-intro__media .wp-block-image{position:relative;z-index:1;margin:0;overflow:hidden;background:var(--ee-ink)}
.ee-qsn-intro__media .wp-block-image::after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;
  background:linear-gradient(to top,rgba(14,14,14,.5) 0%,rgba(14,14,14,.06) 48%,rgba(14,14,14,0) 100%)}
.ee-qsn-intro__media img{display:block;width:100%;height:100%;aspect-ratio:4/5;object-fit:cover;
  transition:transform 1.6s var(--ee-ease)}
.ee-qsn-intro__media:hover img{transform:scale(1.07)}
.ee-qsn-intro__body>*:last-child{margin-bottom:0}
.ee-qsn-intro__sub{margin-top:34px;padding-top:26px;border-top:1px solid var(--ee-line)}
.ee-qsn-list{list-style:none;margin:0 0 30px;padding:0;
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px clamp(18px,2.5vw,30px)}
.ee-qsn-list li{position:relative;padding-left:26px;
  font-family:var(--ee-ff-b);font-weight:300;font-size:.95rem;line-height:1.6;color:var(--ee-ink2)}
.ee-qsn-list li::before{content:"";position:absolute;left:0;top:.5em;width:9px;height:9px;
  background:var(--ee-orange);transform:rotate(45deg);transition:transform .4s var(--ee-ease),background .4s var(--ee-ease)}
.ee-qsn-list li:hover::before{transform:rotate(135deg) scale(1.2);background:var(--ee-orange-dk)}

/* ---------- 4. STORY ---------- */
.ee-qsn-story{background:var(--ee-soft);position:relative;overflow:hidden}
.ee-qsn-story::before{content:"";position:absolute;top:0;left:0;width:100%;height:1px;background:var(--ee-line)}
.ee-qsn-story__grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
  gap:clamp(36px,5vw,76px);align-items:center}
.ee-qsn-story__body>*:last-child{margin-bottom:0}
.ee-qsn-note{position:relative;margin:0 0 26px;padding:20px 26px;background:#fff;
  border-left:3px solid var(--ee-orange);box-shadow:0 12px 30px rgba(26,26,26,.05);
  font-family:var(--ee-ff-b);font-weight:400;font-size:1rem;line-height:1.7;color:var(--ee-ink2);
  transition:transform .45s var(--ee-ease),box-shadow .45s var(--ee-ease)}

.ee-qsn-story__sub{margin-top:32px;padding-top:26px;border-top:1px solid #e4e4e0}
.ee-qsn-story__media{position:relative;padding:20px 0 0 20px}
.ee-qsn-story__media::before{content:"";position:absolute;left:0;top:0;width:72%;height:68%;
  border:2px solid var(--ee-orange);z-index:0;transition:transform .7s var(--ee-ease)}
.ee-qsn-story__media:hover::before{transform:translate(-7px,-7px)}
.ee-qsn-story__media .wp-block-image{position:relative;z-index:1;margin:0;overflow:hidden;background:var(--ee-ink)}
.ee-qsn-story__media .wp-block-image::after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;
  background:linear-gradient(to top,rgba(14,14,14,.52) 0%,rgba(14,14,14,.08) 52%,rgba(14,14,14,0) 100%)}
.ee-qsn-story__media img{display:block;width:100%;height:100%;aspect-ratio:5/6;object-fit:cover;
  transition:transform 1.6s var(--ee-ease)}
.ee-qsn-story__media:hover img{transform:scale(1.07)}
.ee-qsn-story__media::after{content:"+13 ans d'experience";position:absolute;left:0;bottom:28px;z-index:3;
  background:var(--ee-orange);color:#fff;font-family:var(--ee-ff-h);font-weight:700;text-transform:uppercase;
  letter-spacing:.04em;font-size:clamp(.82rem,1.2vw,1rem);line-height:1;padding:15px 22px;
  transition:transform .55s var(--ee-ease),background .55s var(--ee-ease)}
.ee-qsn-story__media:hover::after{transform:translateX(10px);background:var(--ee-orange-dk)}

/* ---------- 5. BANDE REFERENCES ---------- */
.ee-qsn-refs{background:var(--ee-ink);position:relative;overflow:hidden;padding:clamp(56px,7vw,92px) 0}
.ee-qsn-refs::before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;
  background:linear-gradient(90deg,var(--ee-orange) 0%,rgba(254,88,2,0) 62%)}
.ee-qsn-refs__head{max-width:70ch;margin:0 0 clamp(28px,3.4vw,44px)}
.ee-qsn-refs .ee-qsn-h2{color:#fff;margin-bottom:16px}
.ee-qsn-refs .ee-qsn-lead{color:rgba(255,255,255,.7);margin:0}
.ee-qsn-refs__list{list-style:none;margin:0;padding:0;counter-reset:eeqsnref;
  display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:0 clamp(20px,3vw,44px)}
.ee-qsn-refs__list li{counter-increment:eeqsnref;position:relative;display:flex;align-items:baseline;gap:14px;
  padding:20px 0;border-bottom:1px solid rgba(255,255,255,.13);
  font-family:var(--ee-ff-h);font-weight:700;text-transform:uppercase;letter-spacing:.02em;
  font-size:clamp(.98rem,1.4vw,1.18rem);color:#fff;
  transition:color .4s var(--ee-ease),padding-left .4s var(--ee-ease),border-color .4s var(--ee-ease)}
.ee-qsn-refs__list li::before{content:counter(eeqsnref,decimal-leading-zero);flex:0 0 auto;
  font-family:var(--ee-ff-b);font-weight:600;font-size:.68rem;letter-spacing:.18em;color:var(--ee-orange);
  transition:color .4s var(--ee-ease)}
.ee-qsn-refs__list li:hover{color:var(--ee-orange);padding-left:9px;border-color:rgba(254,88,2,.5)}

/* ---------- 6. SERVICE SUR MESURE + VIDEO ---------- */
.ee-qsn-service{background:#fff}
.ee-qsn-service__grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
  gap:clamp(36px,5vw,72px);align-items:center}
.ee-qsn-service__body>*:last-child{margin-bottom:0}
.ee-qsn-service__video{position:relative;padding:0 0 20px 20px}
.ee-qsn-service__video::before{content:"";position:absolute;left:0;bottom:0;width:70%;height:66%;
  background:rgba(254,88,2,.1);z-index:0;transition:transform .7s var(--ee-ease)}
.ee-qsn-service__video:hover::before{transform:translate(-7px,7px)}
.ee-qsn-service__video .wp-block-embed{position:relative;z-index:1;margin:0;
  box-shadow:0 22px 54px rgba(26,26,26,.16);transition:transform .5s var(--ee-ease),box-shadow .5s var(--ee-ease)}
.ee-qsn-service__video:hover .wp-block-embed{transform:translateY(-5px);box-shadow:0 30px 66px rgba(26,26,26,.22)}
.ee-qsn-service__video iframe{display:block;border:0}
.ee-qsn-service__tags{list-style:none;margin:26px 0 30px;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.ee-qsn-service__tags li{font-family:var(--ee-ff-b);font-weight:600;font-size:.7rem;letter-spacing:.14em;
  text-transform:uppercase;color:var(--ee-ink2);background:var(--ee-soft);border:1px solid var(--ee-line);
  padding:10px 16px;transition:background .35s var(--ee-ease),color .35s var(--ee-ease),border-color .35s var(--ee-ease),transform .35s var(--ee-ease)}
.ee-qsn-service__tags li:hover{background:var(--ee-orange);border-color:var(--ee-orange);color:#fff;transform:translateY(-3px)}

/* ---------- 7. MOT DU FONDATEUR ---------- */
.ee-qsn-word{background:var(--ee-ink);position:relative;overflow:hidden}
.ee-qsn-word::before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;
  background:linear-gradient(90deg,rgba(254,88,2,0) 0%,var(--ee-orange) 72%)}
.ee-qsn-word__grid{display:grid;grid-template-columns:minmax(0,250px) minmax(0,1fr);
  gap:clamp(30px,4.4vw,68px);align-items:start}
.ee-qsn-word__portrait{position:relative;margin:0}
.ee-qsn-word__portrait .wp-block-image{margin:0;overflow:hidden;position:relative;
  background:radial-gradient(circle at 50% 28%,rgba(255,255,255,.16) 0%,rgba(255,255,255,.04) 100%)}
.ee-qsn-word__portrait img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;
  transition:transform 1.5s var(--ee-ease)}
.ee-qsn-word__portrait:hover img{transform:scale(1.07)}
.ee-qsn-word__portrait::after{content:"";position:absolute;left:-11px;top:-11px;width:66px;height:66px;
  border-top:2px solid var(--ee-orange);border-left:2px solid var(--ee-orange);
  transition:transform .6s var(--ee-ease)}
.ee-qsn-word__portrait:hover::after{transform:translate(-5px,-5px)}
.ee-qsn-word .ee-qsn-h2{color:#fff}
.ee-qsn-word blockquote.ee-qsn-word__quote{position:relative;margin:0 0 26px;padding:6px 0 0 clamp(30px,4.4vw,60px);border:0;border-left:0}
.ee-qsn-word__quote::before{content:"\201C";position:absolute;left:0;top:-.02em;line-height:.8;
  font-family:var(--ee-ff-h);font-weight:700;font-size:clamp(3.6rem,7vw,6rem);color:rgba(254,88,2,.6)}
.ee-qsn-word__quote p{font-family:var(--ee-ff-b);font-weight:300;
  font-size:clamp(.96rem,1.12vw,1.06rem);line-height:1.9;color:rgba(255,255,255,.8);margin:0 0 18px}
.ee-qsn-word__quote p:last-child{margin-bottom:0}
.ee-qsn-word__motto{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin:0 0 24px;
  padding:18px 24px;background:rgba(254,88,2,.1);border-left:3px solid var(--ee-orange);
  font-family:var(--ee-ff-h);font-weight:700;text-transform:uppercase;letter-spacing:.03em;
  font-size:clamp(.95rem,1.5vw,1.18rem);line-height:1.3;color:#fff;
  transition:background .45s var(--ee-ease),transform .45s var(--ee-ease)}

.ee-qsn-word__motto strong{color:var(--ee-orange);font-weight:700}
.ee-qsn-word__sign{display:flex;align-items:center;gap:14px;margin:0;
  font-family:var(--ee-ff-b);font-weight:600;font-size:.72rem;letter-spacing:.16em;
  text-transform:uppercase;color:rgba(255,255,255,.62)}
.ee-qsn-word__sign::before{content:"";display:block;width:40px;height:1px;background:var(--ee-orange)}
.ee-qsn-word__sign strong{color:#fff;font-weight:600}

/* ---------- 8. EQUIPE COMMERCIALE ---------- */
.ee-qsn-team{background:var(--ee-soft)}
.ee-qsn-team__head{max-width:76ch;margin:0 auto clamp(38px,4.6vw,62px);text-align:center}
.ee-qsn-team__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(22px,2.6vw,36px);counter-reset:eeqsnteam}
.ee-qsn-card{counter-increment:eeqsnteam;position:relative;display:flex;flex-direction:column;
  background:#fff;border:1px solid var(--ee-line);overflow:hidden;
  transition:transform .45s var(--ee-ease),box-shadow .45s var(--ee-ease),border-color .45s var(--ee-ease)}
.ee-qsn-card::after{content:"";position:absolute;top:0;left:0;z-index:6;height:3px;width:0;
  background:var(--ee-orange);transition:width .55s var(--ee-ease)}
.ee-qsn-card::before{content:counter(eeqsnteam,decimal-leading-zero);position:absolute;top:0;right:0;z-index:5;
  width:54px;height:54px;display:flex;align-items:center;justify-content:center;background:#fff;
  font-family:var(--ee-ff-h);font-weight:700;font-size:1.05rem;letter-spacing:.02em;color:var(--ee-orange);
  transition:background .45s var(--ee-ease),color .45s var(--ee-ease)}



.ee-qsn-card__media{position:relative;overflow:hidden;
  background:radial-gradient(circle at 50% 26%,#f4f3f0 0%,#e8e7e3 100%)}
.ee-qsn-card__media .wp-block-image{margin:0}
.ee-qsn-card__media img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;
  transition:transform 1.5s var(--ee-ease)}

.ee-qsn-card__media::after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;opacity:0;
  background:linear-gradient(to top,rgba(254,88,2,.58) 0%,rgba(254,88,2,.14) 56%,rgba(254,88,2,0) 100%);
  transition:opacity .55s var(--ee-ease)}

.ee-qsn-card__body{display:flex;flex-direction:column;flex:1 1 auto;
  padding:clamp(22px,2.2vw,30px) clamp(20px,2vw,28px) clamp(24px,2.4vw,32px)}
.ee-qsn-card__name{font-family:var(--ee-ff-h);font-weight:700;text-transform:uppercase;
  font-size:clamp(1rem,1.35vw,1.14rem);line-height:1.15;letter-spacing:.01em;color:var(--ee-ink);
  margin:0 0 9px;transition:color .4s var(--ee-ease)}

.ee-qsn-card__role{margin:0;font-family:var(--ee-ff-b);font-weight:600;font-size:.68rem;
  letter-spacing:.16em;text-transform:uppercase;color:var(--ee-grey)}
.ee-qsn-card__role::after{content:"";display:block;width:28px;height:2px;background:var(--ee-orange);
  margin:16px 0 0;transition:width .55s var(--ee-ease)}

.ee-qsn-card__bio{margin:0;max-height:0;opacity:0;overflow:hidden;transform:translateY(8px);
  font-family:var(--ee-ff-b);font-weight:300;font-size:.87rem;line-height:1.75;color:var(--ee-body);
  transition:max-height .65s var(--ee-ease),opacity .45s var(--ee-ease),transform .5s var(--ee-ease),margin-top .65s var(--ee-ease)}


/* ---------- 9. CTA CONTACT ---------- */
.ee-qsn-cta{position:relative;overflow:hidden;
  background:linear-gradient(120deg,#141414 0%,#1e1e1e 58%,#2b2b2b 100%)}
.ee-qsn-cta::before{content:"";position:absolute;right:-140px;top:-140px;width:440px;height:440px;
  border:2px solid rgba(254,88,2,.2);border-radius:50%;pointer-events:none}
.ee-qsn-cta::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:4px;
  background:linear-gradient(90deg,var(--ee-orange) 0%,rgba(254,88,2,0) 58%)}
.ee-qsn-cta__inner{position:relative;z-index:2;display:grid;
  grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:clamp(28px,4vw,64px);align-items:center}
.ee-qsn-cta .ee-qsn-h2{color:#fff;margin-bottom:14px}
.ee-qsn-cta .ee-qsn-lead{color:rgba(255,255,255,.72);margin:0}
.ee-qsn-cta__actions{display:flex;flex-direction:column;align-items:flex-start;gap:20px}
.ee-qsn-cta__phonewrap{margin:0}
.ee-qsn-cta__phone{display:inline-flex;align-items:center;gap:14px;text-decoration:none;
  font-family:var(--ee-ff-h);font-weight:700;letter-spacing:.02em;
  font-size:clamp(1.3rem,2.1vw,1.75rem);color:#fff;transition:color .35s var(--ee-ease)}
.ee-qsn-cta__phone::before{content:"";display:block;width:36px;height:1px;background:var(--ee-orange);
  transition:width .45s var(--ee-ease)}
.ee-qsn-cta__phone:hover{color:var(--ee-orange)}
.ee-qsn-cta__phone:hover::before{width:56px}

/* ---------- 10. RESPONSIVE ---------- */
@media (max-width:1024px){
  .ee-qsn-hero{min-height:clamp(400px,62vw,520px)}
  .ee-qsn-intro__grid,.ee-qsn-story__grid,.ee-qsn-service__grid{gap:clamp(30px,4vw,48px)}
  .ee-qsn-team__grid{gap:22px}
}
@media (max-width:900px){
  .ee-qsn-intro,.ee-qsn-story,.ee-qsn-service,.ee-qsn-word,.ee-qsn-team,.ee-qsn-cta{padding:clamp(56px,8vw,80px) 0}
  .ee-qsn-intro__grid,.ee-qsn-story__grid,.ee-qsn-service__grid,.ee-qsn-word__grid,.ee-qsn-cta__inner{
    grid-template-columns:minmax(0,1fr);gap:clamp(28px,5vw,44px)}
  .ee-qsn-intro__media{order:-1;padding:0 14px 14px 0}
  .ee-qsn-intro__media img{aspect-ratio:16/10}
  .ee-qsn-story__media{padding:14px 0 0 14px}
  .ee-qsn-story__media img{aspect-ratio:16/10}
  .ee-qsn-service__video{padding:0 0 14px 14px}
  .ee-qsn-team__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ee-qsn-word__portrait{max-width:210px}
  .ee-qsn-word__portrait::after{width:52px;height:52px;left:-8px;top:-8px}
  .ee-qsn-refs__list{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:600px){
  .ee-qsn-hero{min-height:0;padding:clamp(76px,20vw,110px) 0 clamp(38px,9vw,52px)}
  .ee-qsn-hero__title{font-size:clamp(1.65rem,8.4vw,2.15rem);letter-spacing:-.5px;max-width:none}
  .ee-qsn-hero__lead{font-size:.96rem;line-height:1.75;margin-bottom:28px}
  .ee-qsn-hero__stats{flex-direction:column;gap:16px;padding-top:22px;margin-bottom:28px}
  .ee-qsn-stat{border-right:0;border-bottom:1px solid rgba(255,255,255,.14);
    margin-right:0;padding:0 0 14px}
  .ee-qsn-stat:last-child{border-bottom:0;padding-bottom:0}
  .ee-qsn-btns{width:100%;gap:12px}
  .ee-qsn-btns .wp-block-button{width:100%}
  .ee-qsn-btns .wp-block-button__link{display:block;width:100%;text-align:center;padding:16px 20px}
  .ee-qsn-list,.ee-qsn-refs__list{grid-template-columns:minmax(0,1fr)}
  .ee-qsn-team__grid{grid-template-columns:minmax(0,1fr)}
  .ee-qsn-card__media img{aspect-ratio:4/3}
  .ee-qsn-story__media::after{font-size:.78rem;padding:12px 16px;bottom:18px}
  .ee-qsn-note{padding:18px 20px;font-size:.95rem}
  .ee-qsn-word__quote{padding-left:0;padding-top:clamp(46px,13vw,62px)}
  .ee-qsn-word__quote::before{font-size:clamp(3rem,14vw,4rem)}
  .ee-qsn-word__motto{padding:16px 18px}
  .ee-qsn-cta::before{right:-180px;top:-180px}
}
/* --- appareils tactiles : le contenu au survol reste toujours visible --- */
@media (hover:none){
  .ee-qsn-card__bio{max-height:none;opacity:1;overflow:visible;transform:none;margin-top:17px}
  .ee-qsn-card::after{width:100%}
  .ee-qsn-card__media::after{opacity:.75}
  .ee-qsn-card::before{background:var(--ee-orange);color:#fff}
}



/* =====================================================================
   EQUIP EVENT - PAGE "QUI SOMMES-NOUS" / SECTION "NOTRE DEMARCHE QUALITE"
   Prefixe .ee-quality-*  -  blocs Gutenberg natifs uniquement
   Icones decoratives en CSS (masques SVG), une classe modificatrice par carte
   1. SECTION + EN-TETE
   2. GRILLE
   3. CARTES : elevation, ombre douce, lisere orange
   4. PASTILLE + ICONE
   5. TYPOGRAPHIE DES CARTES
   6. RESPONSIVE 900 / 600 / mouvement reduit
   ===================================================================== */

/* ---------- 1. SECTION + EN-TETE ---------- */
.ee-quality{background:#f8f8f6;padding:clamp(64px,9vw,120px) 0}
.ee-quality *{box-sizing:border-box}
.ee-quality__wrap{max-width:1200px;margin:0 auto;padding:0 clamp(20px,4vw,40px)}
.ee-quality__head{max-width:800px;margin:0 auto;text-align:center}
.ee-quality .ee-quality__h2{font-family:"League Spartan","Montserrat",sans-serif;font-weight:700;text-transform:uppercase;font-size:clamp(1.8rem,3.4vw,2.85rem);line-height:1.1;letter-spacing:-.5px;color:#1a1a1a;margin:0 0 22px}
.ee-quality__h2 span,.ee-quality__h2 mark{background:transparent;color:#fe5802}
.ee-quality__lead{font-family:"Montserrat",sans-serif;font-weight:300;font-size:clamp(.98rem,1.1vw,1.08rem);line-height:1.8;color:#6f6e6e;margin:0}

/* ---------- 2. GRILLE ---------- */
.ee-quality__grid{display:grid;grid-template-columns:repeat(6,1fr);gap:clamp(18px,2vw,28px);margin-top:clamp(42px,5vw,68px);margin-bottom:0}
.ee-quality__grid .ee-quality__item{margin:0}

/* ---------- 3. CARTES : elevation, ombre douce, lisere orange ---------- */
.ee-quality__item{grid-column:span 2;position:relative;background:#fff;border:1px solid #ececea;color:#fe5802;padding:clamp(28px,3vw,40px) clamp(22px,2.4vw,32px);padding-top:calc(clamp(28px,3vw,40px) + 102px);background-image:linear-gradient(#fe5802,#fe5802);background-repeat:no-repeat;background-position:0 0;background-size:0 3px;transition:transform .4s ease,box-shadow .4s ease,border-color .4s ease,background-size .45s ease,color .4s ease}
.ee-quality__item:nth-child(4),.ee-quality__item:nth-child(5){grid-column:span 3}


/* ---------- 4. PASTILLE + ICONE ---------- */
.ee-quality__item::after{content:"";position:absolute;top:clamp(28px,3vw,40px);left:clamp(22px,2.4vw,32px);width:76px;height:76px;border-radius:50%;background:linear-gradient(135deg,rgba(254,88,2,.16),rgba(254,88,2,.05));box-shadow:inset 0 0 0 1px rgba(254,88,2,.20);transition:background .45s ease,box-shadow .45s ease,transform .45s ease;z-index:0}

.ee-quality__item::before{content:"";position:absolute;top:clamp(28px,3vw,40px);left:clamp(22px,2.4vw,32px);width:76px;height:76px;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:36px 36px;mask-size:36px 36px;transition:transform .45s ease;z-index:1}

.ee-quality__item--eu::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z'/%3E%3Cpath d='m9 12 2 2 4-4'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z'/%3E%3Cpath d='m9 12 2 2 4-4'/%3E%3C/svg%3E")}
.ee-quality__item--mesure::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21.3 8.7 8.7 21.3a1 1 0 0 1-1.4 0l-4.6-4.6a1 1 0 0 1 0-1.4L15.3 2.7a1 1 0 0 1 1.4 0l4.6 4.6a1 1 0 0 1 0 1.4Z'/%3E%3Cpath d='m7.5 10.5 2 2'/%3E%3Cpath d='m10.5 7.5 2 2'/%3E%3Cpath d='m13.5 4.5 2 2'/%3E%3Cpath d='m4.5 13.5 2 2'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21.3 8.7 8.7 21.3a1 1 0 0 1-1.4 0l-4.6-4.6a1 1 0 0 1 0-1.4L15.3 2.7a1 1 0 0 1 1.4 0l4.6 4.6a1 1 0 0 1 0 1.4Z'/%3E%3Cpath d='m7.5 10.5 2 2'/%3E%3Cpath d='m10.5 7.5 2 2'/%3E%3Cpath d='m13.5 4.5 2 2'/%3E%3Cpath d='m4.5 13.5 2 2'/%3E%3C/svg%3E")}
.ee-quality__item--montage::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z'/%3E%3C/svg%3E")}
.ee-quality__item--contact::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='5'/%3E%3Cpath d='M20 21a8 8 0 0 0-16 0'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='5'/%3E%3Cpath d='M20 21a8 8 0 0 0-16 0'/%3E%3C/svg%3E")}
.ee-quality__item--reactivite::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z'/%3E%3C/svg%3E")}

/* ---------- 5. TYPOGRAPHIE DES CARTES ---------- */
.ee-quality .ee-quality__title{font-family:"League Spartan","Montserrat",sans-serif;font-weight:700;font-size:1.06rem;letter-spacing:.02em;text-transform:uppercase;color:#1a1a1a;margin:0 0 12px}
.ee-quality__text{font-family:"Montserrat",sans-serif;font-weight:300;font-size:.93rem;line-height:1.75;color:#6f6e6e;margin:0}

/* ---------- 6. RESPONSIVE ---------- */
@media (max-width:900px){
.ee-quality__grid{grid-template-columns:repeat(2,1fr)}
.ee-quality__item,.ee-quality__item:nth-child(4){grid-column:span 1}
.ee-quality__item:nth-child(5){grid-column:span 2}
}
@media (max-width:600px){
.ee-quality__grid{grid-template-columns:1fr}
.ee-quality__item,.ee-quality__item:nth-child(4),.ee-quality__item:nth-child(5){grid-column:span 1}
}
@media (hover:none){
.ee-quality__item:hover{transform:none;box-shadow:none;border-color:#ececea;background-size:0 3px;color:#fe5802}
.ee-quality__item:hover::after{background:linear-gradient(135deg,rgba(254,88,2,.16),rgba(254,88,2,.05));box-shadow:inset 0 0 0 1px rgba(254,88,2,.20);transform:none}
.ee-quality__item:hover::before{transform:none}
}
@media (prefers-reduced-motion:reduce){
.ee-quality__item,.ee-quality__item::before,.ee-quality__item::after{transition:none!important}
.ee-quality__item:hover::before,.ee-quality__item:hover::after{transform:none}
}


/* =====================================================================
   EQUIP EVENT — ARTICLE UNIQUE / SINGLE POST (prefixe .ee-single*)
   Modele : Apparence > Editeur > Modeles > Element unique : Article
   S'applique a TOUS les articles du site.
   Charte : orange #fe5802 / gris #9c9b9b / blanc #ffffff
   Titres League Spartan Bold — corps Montserrat Light
   Blocs Gutenberg natifs + classes personnalisees (aucun style inline).
   1. TOKENS + RESET DE FLUX          6. MEDIA-TEXT / IMAGES / GALERIES
   2. FIL D'ARIANE                    7. ESPACEMENTS HERITES (spacers)
   3. HERO (image mise en avant)      8. AUTRES REALISATIONS
   4. CARTE TITRE (H1 + meta)         9. RESPONSIVE / TACTILE / A11Y
   5. CONTENU (typographie)
   ===================================================================== */

/* ---------- 1. TOKENS + RESET DE FLUX ---------- */
.ee-single{
  --ee-orange:#fe5802;
  --ee-orange-dk:#d84a00;
  --ee-grey:#6b6a6a;
  --ee-ink:#1a1a1a;
  --ee-ink2:#2c2c2c;
  --ee-soft:#f8f8f6;
  --ee-line:#ececea;
  --ee-body:#4a4a4a;
  --ee-ff-h:"League Spartan","Montserrat",sans-serif;
  --ee-ff-b:"Montserrat",sans-serif;
  --ee-ease:cubic-bezier(.2,.7,.2,1);
  --ee-max:1240px;
  background:#fff;
  overflow-x:clip;
}
.ee-single *{box-sizing:border-box}
.wp-site-blocks>.ee-single{margin-block-start:0;margin-block-end:0}
.ee-single>*{margin-top:0!important;margin-bottom:0!important}
.ee-single__wrap{max-width:var(--ee-max);margin-left:auto;margin-right:auto}

/* ---------- 2. FIL D'ARIANE : Accueil > Nos realisations > Titre ---------- */
.ee-single__crumb{
  background:var(--ee-soft);
  border-bottom:1px solid rgba(156,155,155,.22);
  padding:14px clamp(20px,4vw,40px)!important;
}
.ee-single__crumb>*{max-width:var(--ee-max);margin:0 auto!important}
.ee-single__crumb,.ee-single__crumb p,.ee-single__crumb span,.ee-single__crumb a{
  font-family:var(--ee-ff-b);font-weight:400;font-size:11.5px;line-height:1.8;
  letter-spacing:.13em;text-transform:uppercase;color:var(--ee-grey);
}
.ee-single__crumb a{color:var(--ee-grey);text-decoration:none;transition:color .35s ease}
.ee-single__crumb a:hover,.ee-single__crumb a:focus-visible{color:var(--ee-orange)}
.ee-single__crumb .breadcrumb_last,.ee-single__crumb [aria-current="page"]{color:var(--ee-ink);font-weight:600}
.ee-single__crumb-sep{color:rgba(156,155,155,.6);margin:0 4px}
.ee-single__crumb img.emoji{width:1em;height:1em;vertical-align:-.1em}

/* ---------- 3. HERO : image mise en avant pleine largeur ---------- */
.ee-single__hero{position:relative;overflow:hidden;background:var(--ee-ink);padding:0!important}
.ee-single__hero .wp-block-post-featured-image{position:relative;margin:0;overflow:hidden}
.ee-single__hero .wp-block-post-featured-image img{
  display:block;width:100%;
  height:clamp(280px,40vw,580px);
  object-fit:cover;object-position:center 45%;
  transform:scale(1.07);
  animation:eeSingleReveal 1.9s var(--ee-ease) forwards;
}
@keyframes eeSingleReveal{to{transform:scale(1)}}
/* voile de lisibilite (haut + bas + lateral) */
.ee-single__hero::before{
  content:"";position:absolute;inset:0;z-index:2;pointer-events:none;
  background:
    linear-gradient(180deg,rgba(18,18,18,.44) 0%,rgba(18,18,18,.02) 34%,rgba(18,18,18,.1) 58%,rgba(18,18,18,.7) 100%),
    linear-gradient(90deg,rgba(18,18,18,.34) 0%,rgba(18,18,18,0) 58%);
}

/* article sans image a la une : le bandeau se retire proprement */
.ee-single__hero:not(:has(img)){display:none}
.ee-single__hero:not(:has(img))+.ee-single__intro{margin-top:0!important}

/* ---------- 4. CARTE TITRE : H1 + date + categorie ---------- */
.ee-single__intro{
  position:relative;z-index:4;
  margin-top:clamp(-116px,-7.4vw,-44px)!important;
  padding:0 clamp(20px,4vw,40px)!important;
}
.ee-single__card{
  position:relative;overflow:hidden;
  max-width:var(--ee-max);margin:0 auto!important;background:#fff;
  padding:clamp(28px,3.4vw,50px) clamp(24px,3.4vw,56px) clamp(26px,3vw,42px);
  box-shadow:0 30px 70px -34px rgba(26,26,26,.5),0 1px 2px rgba(26,26,26,.05);
}
.ee-single__card::before{
  content:"";position:absolute;left:0;top:0;height:4px;
  width:clamp(74px,9vw,136px);background:var(--ee-orange);
  transition:width .9s var(--ee-ease);
}
.ee-single__card:hover::before{width:100%}
.ee-single__card>*{margin-top:0!important;margin-bottom:0!important}
.ee-single__eyebrow{
  display:inline-flex!important;align-items:center;gap:12px;
  font-family:var(--ee-ff-b);font-weight:600;font-size:11px;line-height:1.4;
  letter-spacing:.22em;text-transform:uppercase;color:var(--ee-orange);
  margin:0 0 18px!important;
}
.ee-single__eyebrow::before{content:"";display:block;width:34px;height:1px;background:var(--ee-orange)}
.ee-single .ee-single__h1{
  font-family:var(--ee-ff-h);font-weight:700;text-transform:uppercase;
  font-size:clamp(1.6rem,3.4vw,2.85rem);line-height:1.06;letter-spacing:-.012em;
  color:var(--ee-ink);margin:0!important;max-width:30ch;text-wrap:balance;
}
.ee-single .ee-single__h1 a{color:inherit;text-decoration:none}
.ee-single .ee-single__h1 img.emoji{width:1em;height:1em;vertical-align:-.1em;margin-left:.08em}
.ee-single__meta{
  display:flex!important;flex-wrap:wrap;align-items:center;gap:12px 26px;
  margin-top:clamp(22px,2.4vw,30px)!important;
  padding-top:clamp(18px,2vw,24px);
  border-top:1px solid var(--ee-line);
}
.ee-single__meta>*{margin:0!important}
.ee-single__meta .wp-block-post-date{
  display:inline-flex;align-items:center;gap:11px;
  font-family:var(--ee-ff-b);font-weight:300;font-size:12.5px;
  letter-spacing:.11em;text-transform:uppercase;color:var(--ee-grey);
}
.ee-single__meta .wp-block-post-date::before{content:"";display:block;width:24px;height:1px;background:var(--ee-orange)}
.ee-single__meta .wp-block-post-terms{display:inline-flex;flex-wrap:wrap;gap:8px}
.ee-single__meta .wp-block-post-terms a{
  display:inline-block;padding:8px 15px;
  background:rgba(254,88,2,.09);color:var(--ee-orange);
  font-family:var(--ee-ff-b);font-weight:600;font-size:10.5px;
  letter-spacing:.16em;text-transform:uppercase;text-decoration:none;
  transition:background .4s var(--ee-ease),color .4s var(--ee-ease),transform .4s var(--ee-ease);
}
.ee-single__meta .wp-block-post-terms a:hover,
.ee-single__meta .wp-block-post-terms a:focus-visible{
  background:var(--ee-orange);color:#fff;transform:translateY(-2px);
}
.ee-single__meta .wp-block-post-terms .wp-block-post-terms__separator{display:none}

/* ---------- 5. CONTENU : largeur de lecture + typographie ---------- */
.ee-single__content{
  counter-reset:eeh2;
  padding:clamp(44px,5.4vw,78px) clamp(20px,4vw,40px) clamp(56px,7vw,100px)!important;
}
.ee-single__content .wp-block-post-content>*{margin-top:0}
.ee-single__content p{
  font-family:var(--ee-ff-b);font-weight:300;
  font-size:clamp(1rem,1.06vw,1.09rem);line-height:1.92;color:var(--ee-body);
  margin:0 0 1.5em;
}
.ee-single__content p:last-child{margin-bottom:0}
.ee-single__content p:empty{display:none}
.ee-single__content strong,.ee-single__content b{font-weight:600;color:var(--ee-ink2)}
.ee-single__content a:not(.wp-block-button__link){
  color:var(--ee-orange);text-decoration:none;
  border-bottom:1px solid rgba(254,88,2,.35);
  transition:border-color .35s ease,color .35s ease;
}
.ee-single__content a:not(.wp-block-button__link):hover{border-color:var(--ee-orange);color:var(--ee-orange-dk)}
.ee-single__content img.emoji{width:1.05em;height:1.05em;display:inline-block;vertical-align:-.12em;box-shadow:none!important}

/* titres de section numerotes 01 / 02 / 03 ... */
.ee-single__content h2{
  counter-increment:eeh2;position:relative;
  font-family:var(--ee-ff-h);font-weight:700;text-transform:uppercase;
  font-size:clamp(1.32rem,2.25vw,1.95rem);line-height:1.1;letter-spacing:-.005em;
  color:var(--ee-ink);margin:1.9em 0 .75em;padding-top:32px;
}
.ee-single__content .wp-block-media-text__content h2:first-child,
.ee-single__content .wp-block-column>h2:first-child{margin-top:0}
.ee-single__content h2::before{
  content:counter(eeh2,decimal-leading-zero);position:absolute;left:0;top:0;
  font-family:var(--ee-ff-b);font-weight:600;font-size:11.5px;letter-spacing:.22em;
  color:var(--ee-orange);
}
.ee-single__content h2::after{
  content:"";position:absolute;left:34px;top:8px;width:40px;height:1px;
  background:rgba(254,88,2,.55);transition:width .6s var(--ee-ease);
}
.ee-single__content h2:hover::after{width:66px}
.ee-single__content h2.has-text-align-right::before{left:auto;right:0}
.ee-single__content h2.has-text-align-right::after{left:auto;right:34px}
.ee-single__content h2.has-text-align-center::before{left:50%;transform:translateX(-50%)}
.ee-single__content h2.has-text-align-center::after{display:none}
/* on neutralise les surlignages/couleurs inline des titres pour une hierarchie homogene */
.ee-single__content h2 mark,.ee-single__content h3 mark,
.ee-single__content h2 mark.has-inline-color,.ee-single__content h3 mark.has-inline-color{
  background:transparent!important;color:inherit!important;
}
.ee-single__content h3{
  font-family:var(--ee-ff-h);font-weight:700;text-transform:uppercase;
  font-size:clamp(1.06rem,1.55vw,1.28rem);line-height:1.26;color:var(--ee-ink);
  margin:1.9em 0 .7em;padding-left:16px;border-left:3px solid var(--ee-orange);
}
.ee-single__content h4{
  font-family:var(--ee-ff-h);font-weight:700;text-transform:uppercase;
  font-size:clamp(.97rem,1.15vw,1.08rem);letter-spacing:.035em;line-height:1.3;
  color:var(--ee-orange);margin:1.8em 0 .65em;
}
.ee-single__content h4::after{content:"";display:block;width:28px;height:2px;background:rgba(254,88,2,.45);margin-top:12px}
.ee-single__content h5,.ee-single__content h6{
  font-family:var(--ee-ff-h);font-weight:700;text-transform:uppercase;
  font-size:.98rem;color:var(--ee-ink2);margin:1.6em 0 .6em;
}
/* titres purement decoratifs (emoji seul) : pas de filet ni de casse forcee */
.ee-single__content h2:has(img.emoji:only-child),
.ee-single__content h3:has(img.emoji:only-child),
.ee-single__content h4:has(img.emoji:only-child){
  padding:0;border:0;margin:1.1em 0 .5em;font-size:1.7rem;line-height:1;
}
.ee-single__content h2:has(img.emoji:only-child)::before,
.ee-single__content h2:has(img.emoji:only-child)::after,
.ee-single__content h4:has(img.emoji:only-child)::after{display:none}

/* listes */
.ee-single__content ul,.ee-single__content ol{
  font-family:var(--ee-ff-b);font-weight:300;
  font-size:clamp(.98rem,1.04vw,1.05rem);line-height:1.8;color:var(--ee-body);
  margin:0 0 1.6em;padding-left:0;list-style:none;
}
.ee-single__content ul li,.ee-single__content ol li{
  position:relative;margin:0;padding:10px 0 10px 36px;
  border-bottom:1px solid rgba(156,155,155,.18);
  transition:padding-left .4s var(--ee-ease),color .4s ease,border-color .4s ease;
}
.ee-single__content ul li:last-child,.ee-single__content ol li:last-child{border-bottom:0}
.ee-single__content ul li::before{
  content:"";position:absolute;left:2px;top:1.2em;width:16px;height:2px;
  background:var(--ee-orange);transition:width .4s var(--ee-ease);
}
.ee-single__content ul li:hover,.ee-single__content ol li:hover{color:var(--ee-ink);padding-left:44px;border-color:rgba(254,88,2,.3)}
.ee-single__content ul li:hover::before{width:26px}
.ee-single__content ol{counter-reset:eeol}
.ee-single__content ol li{counter-increment:eeol}
.ee-single__content ol li::before{
  content:counter(eeol,decimal-leading-zero);position:absolute;left:0;top:.85em;
  font-family:var(--ee-ff-h);font-weight:700;font-size:.86rem;color:var(--ee-orange);
}
.ee-single__content li ul,.ee-single__content li ol{margin:8px 0 0}

/* citations, separateurs, tableaux, medias embarques */
.ee-single__content blockquote{
  margin:clamp(28px,3vw,44px) 0;padding:4px 0 4px 28px;
  border-left:3px solid var(--ee-orange);
}
.ee-single__content blockquote p{
  font-family:var(--ee-ff-b);font-weight:300;font-style:italic;
  font-size:clamp(1.04rem,1.3vw,1.18rem);line-height:1.75;color:var(--ee-ink2);
}
.ee-single__content hr,.ee-single__content .wp-block-separator{
  border:0;height:1px;background:var(--ee-line);margin:clamp(30px,3.4vw,50px) 0;
}
.ee-single__content table{
  width:100%;border-collapse:collapse;margin:0 0 1.8em;
  font-family:var(--ee-ff-b);font-weight:300;font-size:.95rem;color:var(--ee-body);
}
.ee-single__content th,.ee-single__content td{border:1px solid var(--ee-line);padding:13px 15px;text-align:left}
.ee-single__content th{background:var(--ee-soft);font-weight:600;color:var(--ee-ink)}
.ee-single__content iframe,.ee-single__content video{max-width:100%;display:block}
.ee-single__content .wp-block-embed__wrapper{position:relative}

/* boutons du contenu */
.ee-single__content .wp-block-buttons{gap:14px;margin:clamp(24px,2.8vw,38px) 0}
.ee-single__content .wp-block-button__link{
  display:inline-flex;align-items:center;gap:12px;
  font-family:var(--ee-ff-b);font-weight:600;font-size:11.5px;
  letter-spacing:.18em;text-transform:uppercase;text-decoration:none;
  color:#fff;background:var(--ee-orange);border:2px solid var(--ee-orange);border-radius:0;
  padding:17px 30px;
  transition:background .45s var(--ee-ease),color .45s var(--ee-ease),transform .45s var(--ee-ease),box-shadow .45s var(--ee-ease);
}
.ee-single__content .wp-block-button__link::after{content:"→";font-size:15px;letter-spacing:0;transition:transform .45s var(--ee-ease)}
.ee-single__content .wp-block-button__link:hover,
.ee-single__content .wp-block-button__link:focus-visible{
  background:#fff;color:var(--ee-orange);transform:translateY(-3px);
  box-shadow:0 18px 36px -18px rgba(254,88,2,.7);
}
.ee-single__content .wp-block-button__link:hover::after{transform:translateX(6px)}

/* ---------- 6. MEDIA-TEXT / IMAGES / GALERIES ---------- */
/* --- media-text : plus jamais colle, image cadree + zoom lent + voile --- */
.ee-single__content .wp-block-media-text{
  gap:clamp(26px,3.4vw,56px);align-items:center;
  margin-top:clamp(34px,4vw,64px)!important;margin-bottom:clamp(34px,4vw,64px)!important;
}
.ee-single__content .wp-block-media-text__content{padding:0!important;min-width:0}
.ee-single__content .wp-block-media-text__content>*:first-child{margin-top:0}
.ee-single__content .wp-block-media-text__content>*:last-child{margin-bottom:0}
.ee-single__content .wp-block-media-text__media{
  position:relative;overflow:hidden;margin:0;background:var(--ee-soft);
  box-shadow:0 22px 50px -26px rgba(26,26,26,.55);
  transition:transform .6s var(--ee-ease),box-shadow .6s var(--ee-ease);
}
.ee-single__content .wp-block-media-text__media img{
  display:block;width:100%;height:100%;
  aspect-ratio:4/3;object-fit:cover;
  filter:saturate(.95);
  transition:transform 1.5s var(--ee-ease),filter .8s ease;
}
.ee-single__content .wp-block-media-text__media::after{
  content:"";position:absolute;inset:0;z-index:2;pointer-events:none;opacity:1;
  background:linear-gradient(180deg,rgba(20,20,20,0) 52%,rgba(20,20,20,.34) 100%);
  transition:opacity .6s ease;
}
.ee-single__content .wp-block-media-text__media::before{
  content:"";position:absolute;left:0;bottom:0;z-index:3;height:3px;width:0;
  background:var(--ee-orange);transition:width .85s var(--ee-ease);
}
.ee-single__content .wp-block-media-text:hover .wp-block-media-text__media{
  transform:translateY(-5px);box-shadow:0 34px 64px -28px rgba(26,26,26,.6);
}
.ee-single__content .wp-block-media-text:hover .wp-block-media-text__media img{transform:scale(1.07);filter:saturate(1)}
.ee-single__content .wp-block-media-text:hover .wp-block-media-text__media::after{opacity:.5}
.ee-single__content .wp-block-media-text:hover .wp-block-media-text__media::before{width:100%}
.ee-single__content .wp-block-media-text.is-image-fill .wp-block-media-text__media img{aspect-ratio:auto}

/* --- images isolees --- */
.ee-single__content figure.wp-block-image{position:relative;overflow:hidden}
.ee-single__content figure.wp-block-image img{display:block;width:100%;height:auto;transition:transform 1.4s var(--ee-ease)}
.ee-single__content figure.wp-block-image:hover img{transform:scale(1.045)}
.ee-single__content .wp-block-post-content>figure.wp-block-image,
.ee-single__content .wp-block-post-content>.wp-block-image{
  margin-top:clamp(32px,3.8vw,58px)!important;margin-bottom:clamp(32px,3.8vw,58px)!important;
  box-shadow:0 24px 52px -26px rgba(26,26,26,.5);
}
.ee-single__content figcaption{
  font-family:var(--ee-ff-b);font-weight:300;font-size:12.5px;line-height:1.6;
  color:var(--ee-grey);text-align:center;margin-top:12px;
}

/* --- galeries : grille homogene, numerotation, voile orange --- */
.ee-single__content .wp-block-gallery{
  counter-reset:eegal;
  gap:clamp(12px,1.4vw,20px);
  margin-top:clamp(34px,4vw,62px)!important;margin-bottom:clamp(34px,4vw,62px)!important;
}
.ee-single__content .wp-block-gallery.has-nested-images figure.wp-block-image{
  counter-increment:eegal;position:relative;overflow:hidden;background:var(--ee-soft);
  box-shadow:0 14px 34px -20px rgba(26,26,26,.45);
  transition:transform .55s var(--ee-ease),box-shadow .55s var(--ee-ease);
}
.ee-single__content .wp-block-gallery.has-nested-images figure.wp-block-image img{
  width:100%!important;height:auto!important;aspect-ratio:4/3;object-fit:cover;
  filter:saturate(.95);transition:transform 1.5s var(--ee-ease),filter .8s ease;
}
.ee-single__content .wp-block-gallery.has-nested-images figure.wp-block-image::before{
  content:"";position:absolute;inset:0;z-index:2;pointer-events:none;opacity:0;
  background:linear-gradient(140deg,rgba(254,88,2,.5) 0%,rgba(216,74,0,.22) 55%,rgba(20,20,20,.1) 100%);
  transition:opacity .6s var(--ee-ease);
}
.ee-single__content .wp-block-gallery.has-nested-images figure.wp-block-image::after{
  content:counter(eegal,decimal-leading-zero);
  position:absolute;left:0;top:0;z-index:3;pointer-events:none;
  padding:9px 13px;background:var(--ee-orange);color:#fff;
  font-family:var(--ee-ff-h);font-weight:700;font-size:12px;letter-spacing:.08em;
  opacity:0;transform:translateY(-100%);
  transition:opacity .45s ease,transform .5s var(--ee-ease);
}
.ee-single__content .wp-block-gallery.has-nested-images figure.wp-block-image:hover{
  transform:translateY(-6px);box-shadow:0 28px 54px -24px rgba(26,26,26,.55);
}
.ee-single__content .wp-block-gallery.has-nested-images figure.wp-block-image:hover img{transform:scale(1.08);filter:saturate(1)}
.ee-single__content .wp-block-gallery.has-nested-images figure.wp-block-image:hover::before{opacity:1}
.ee-single__content .wp-block-gallery.has-nested-images figure.wp-block-image:hover::after{opacity:1;transform:none}
.ee-single__content .wp-block-gallery.has-nested-images figure.wp-block-image figcaption{z-index:4}

/* --- colonnes et groupes du contenu --- */
.ee-single__content .wp-block-columns{gap:clamp(24px,3vw,48px);margin-bottom:clamp(30px,3.4vw,50px)}
.ee-single__content .wp-block-column>*:first-child{margin-top:0}
.ee-single__content .wp-block-column>*:last-child{margin-bottom:0}

/* ---------- 7. NORMALISATION DES ESPACEMENTS HERITES ----------
   Les articles contiennent des blocs "spacer" calibres pour l'ancien
   gabarit (jusqu'a 320px) : on les ramene a un rythme homogene. */
.ee-single__content .wp-block-spacer{height:clamp(20px,3vw,44px)!important;min-height:0!important}
.ee-single__content .wp-block-post-content>.wp-block-spacer:first-child{display:none}
.ee-single__content .wp-block-post-content>.wp-block-spacer:last-child{display:none}
.ee-single__content .wp-block-spacer+.wp-block-spacer{display:none}

/* ---------- 8. AUTRES REALISATIONS (cards numerotees) ---------- */
.ee-related{
  background:var(--ee-soft);
  border-top:1px solid rgba(156,155,155,.18);
  padding:clamp(54px,6.6vw,96px) clamp(20px,4vw,40px) clamp(56px,7vw,100px)!important;
}
.ee-related__wrap{max-width:var(--ee-max);margin:0 auto!important}
.ee-related__wrap>*{margin-top:0}
.ee-related__eyebrow{
  display:inline-flex!important;align-items:center;gap:12px;
  font-family:var(--ee-ff-b);font-weight:600;font-size:11px;line-height:1.4;
  letter-spacing:.22em;text-transform:uppercase;color:var(--ee-orange);
  margin:0 0 16px!important;
}
.ee-related__eyebrow::before{content:"";display:block;width:34px;height:1px;background:var(--ee-orange)}
.ee-related .ee-related__h2{
  font-family:var(--ee-ff-h);font-weight:700;text-transform:uppercase;
  font-size:clamp(1.5rem,2.7vw,2.15rem);line-height:1.1;letter-spacing:-.005em;
  color:var(--ee-ink);margin:0 0 clamp(30px,3.6vw,48px)!important;
}
.ee-related .ee-related__h2 span,.ee-related .ee-related__h2 strong{color:var(--ee-orange);font-weight:inherit}
.ee-related .wp-block-post-template{
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(20px,2.4vw,32px);margin:0;padding:0;list-style:none;
  counter-reset:eerel;
}
.ee-related .wp-block-post{
  counter-increment:eerel;
  position:relative;display:flex;flex-direction:column;overflow:hidden;
  background:#fff;border:1px solid var(--ee-line);
  box-shadow:0 1px 2px rgba(26,26,26,.04),0 16px 34px -24px rgba(26,26,26,.4);
  transition:transform .55s var(--ee-ease),box-shadow .55s var(--ee-ease),border-color .55s var(--ee-ease);
}
.ee-related .wp-block-post::before{
  content:"";position:absolute;left:0;top:0;z-index:8;height:3px;width:36px;
  background:var(--ee-orange);transition:width .7s var(--ee-ease);
}
.ee-related .wp-block-post:hover,.ee-related .wp-block-post:focus-within{
  transform:translateY(-8px);border-color:rgba(254,88,2,.3);
  box-shadow:0 2px 4px rgba(26,26,26,.05),0 34px 58px -26px rgba(26,26,26,.5);
}
.ee-related .wp-block-post:hover::before,.ee-related .wp-block-post:focus-within::before{width:100%}
.ee-related .wp-block-post.is-current{display:none!important}
.ee-related .wp-block-post-featured-image{
  position:relative;margin:0;overflow:hidden;aspect-ratio:4/3;background:var(--ee-soft);
}
.ee-related .wp-block-post-featured-image a,
.ee-related .wp-block-post-featured-image img{display:block;width:100%;height:100%;object-fit:cover}
.ee-related .wp-block-post-featured-image img{
  filter:saturate(.94);transform:scale(1.02);
  transition:transform 1.5s var(--ee-ease),filter .9s ease;
}
.ee-related .wp-block-post:hover .wp-block-post-featured-image img{transform:scale(1.12);filter:saturate(1)}
.ee-related .wp-block-post-featured-image::after{
  content:"";position:absolute;inset:0;z-index:2;pointer-events:none;
  background:linear-gradient(180deg,rgba(20,20,20,0) 38%,rgba(20,20,20,.26) 66%,rgba(20,20,20,.8) 100%);
}
.ee-related .wp-block-post-featured-image::before{
  content:"";position:absolute;inset:0;z-index:3;pointer-events:none;opacity:0;
  background:linear-gradient(140deg,rgba(254,88,2,.55) 0%,rgba(216,74,0,.24) 58%,rgba(20,20,20,.08) 100%);
  transition:opacity .65s var(--ee-ease);
}
.ee-related .wp-block-post:hover .wp-block-post-featured-image::before{opacity:1}
.ee-related__body{
  position:relative;z-index:4;display:flex;flex-direction:column;flex:1 1 auto;
  padding:clamp(22px,2.2vw,30px) clamp(20px,2.1vw,28px) clamp(24px,2.4vw,32px);
}
.ee-related__body>*{margin:0}
/* numerotation visuelle 01 / 02 / 03 en surimpression de l'image */
.ee-related__body::before{
  content:counter(eerel,decimal-leading-zero);
  position:absolute;left:clamp(20px,2.1vw,28px);top:clamp(-58px,-4.2vw,-42px);z-index:6;
  font-family:var(--ee-ff-h);font-weight:700;line-height:.82;letter-spacing:-.03em;
  font-size:clamp(40px,4vw,58px);color:#fff;
  text-shadow:0 10px 28px rgba(0,0,0,.45);
  transition:transform .65s var(--ee-ease);
}
.ee-related .wp-block-post:hover .ee-related__body::before{transform:translateY(-7px)}
.ee-related .wp-block-post-title{
  font-family:var(--ee-ff-h);font-weight:700;text-transform:uppercase;
  font-size:clamp(.98rem,1.15vw,1.08rem);line-height:1.3;color:var(--ee-ink);
  margin:0 0 12px!important;
}
.ee-related .wp-block-post-title a{color:inherit;text-decoration:none;transition:color .4s var(--ee-ease)}
.ee-related .wp-block-post:hover .wp-block-post-title a{color:var(--ee-orange)}
.ee-related .wp-block-post-title img.emoji{width:1em;height:1em;vertical-align:-.1em}
.ee-related .wp-block-post-date{
  display:inline-flex;align-items:center;gap:10px;margin-top:auto!important;
  font-family:var(--ee-ff-b);font-weight:300;font-size:11.5px;
  letter-spacing:.1em;text-transform:uppercase;color:var(--ee-grey);
}
.ee-related .wp-block-post-date::before{content:"";display:block;width:20px;height:1px;background:rgba(254,88,2,.6);transition:width .5s var(--ee-ease)}
.ee-related .wp-block-post:hover .wp-block-post-date::before{width:36px}
/* libelle revele au survol (toujours visible sur mobile / tactile) */
.ee-related__body::after{
  content:"Découvrir la réalisation →";
  display:block;overflow:hidden;
  max-height:0;opacity:0;transform:translateY(8px);margin-top:0;
  font-family:var(--ee-ff-b);font-weight:600;font-size:11px;
  letter-spacing:.16em;text-transform:uppercase;color:var(--ee-orange);
  transition:max-height .6s var(--ee-ease),opacity .45s ease,transform .5s var(--ee-ease),margin-top .6s var(--ee-ease);
}
.ee-related .wp-block-post:hover .ee-related__body::after,
.ee-related .wp-block-post:focus-within .ee-related__body::after{
  max-height:40px;opacity:1;transform:none;margin-top:14px;
}
.ee-related__all{text-align:center;margin-top:clamp(32px,3.8vw,50px)!important}
.ee-related__all a{
  display:inline-flex;align-items:center;gap:12px;
  font-family:var(--ee-ff-b);font-weight:600;font-size:11.5px;
  letter-spacing:.18em;text-transform:uppercase;text-decoration:none;
  color:var(--ee-ink);background:transparent;border:1px solid rgba(26,26,26,.25);
  padding:16px 32px;
  transition:background .45s var(--ee-ease),color .45s var(--ee-ease),border-color .45s var(--ee-ease),transform .45s var(--ee-ease),box-shadow .45s var(--ee-ease);
}
.ee-related__all a::after{content:"→";transition:transform .45s var(--ee-ease)}
.ee-related__all a:hover,.ee-related__all a:focus-visible{
  background:var(--ee-orange);border-color:var(--ee-orange);color:#fff;
  transform:translateY(-3px);box-shadow:0 18px 36px -18px rgba(254,88,2,.7);
}
.ee-related__all a:hover::after{transform:translateX(6px)}

/* ---------- 9. RESPONSIVE ---------- */
@media (max-width:1080px){
  .ee-single__intro{margin-top:clamp(-86px,-6.6vw,-40px)!important}
  .ee-related .wp-block-post-template{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ee-related .wp-block-post.is-03{display:none!important}
  .ee-single .ee-single__h1{max-width:34ch}
}
@media (max-width:900px){
  .ee-single__hero .wp-block-post-featured-image img{height:clamp(260px,44vw,400px)}
  /* media-text empile : image puis texte, jamais colles */
  .ee-single__content .wp-block-media-text{grid-template-columns:100%!important;gap:clamp(22px,3.4vw,30px)}
  .ee-single__content .wp-block-media-text__media{grid-column:1!important;grid-row:1!important}
  .ee-single__content .wp-block-media-text__content{grid-column:1!important;grid-row:2!important}
  .ee-single__content .wp-block-media-text__media img{aspect-ratio:16/10}
  .ee-single__content .wp-block-columns{flex-wrap:wrap!important}
  .ee-single__content .wp-block-column{flex-basis:100%!important}
}
@media (max-width:780px){
  .ee-single__content .wp-block-gallery.has-nested-images.columns-3>figure.wp-block-image{width:calc(50% - clamp(6px,.7vw,10px))!important}
}
@media (max-width:640px){
  .ee-related .wp-block-post-template{grid-template-columns:1fr;gap:18px}
  .ee-related .wp-block-post.is-03{display:flex!important}
}
@media (max-width:600px){
  .ee-single__crumb{padding:11px clamp(16px,4vw,20px)!important}
  .ee-single__crumb,.ee-single__crumb p,.ee-single__crumb span,.ee-single__crumb a{font-size:10px;letter-spacing:.1em;line-height:1.7}
  .ee-single__hero .wp-block-post-featured-image img{height:clamp(210px,56vw,300px)}
  .ee-single__intro{margin-top:clamp(-40px,-6vw,-20px)!important;padding:0 16px!important}
  .ee-single__card{padding:26px 20px 24px}
  .ee-single__card::before{width:64px}
  .ee-single__eyebrow{font-size:10px;letter-spacing:.18em;margin-bottom:14px!important}
  .ee-single__eyebrow::before{width:24px}
  .ee-single .ee-single__h1{font-size:clamp(1.42rem,7.4vw,2rem);max-width:none;line-height:1.1}
  .ee-single__meta{gap:12px 16px;margin-top:20px!important;padding-top:16px}
  .ee-single__meta .wp-block-post-date{font-size:11.5px}
  .ee-single__content{padding:34px 16px 48px!important}
  .ee-single__content p{font-size:1rem;line-height:1.86}
  .ee-single__content h2{font-size:clamp(1.18rem,5.6vw,1.5rem);padding-top:28px;margin:1.7em 0 .7em}
  .ee-single__content h2::after{width:28px}
  .ee-single__content h3{font-size:1.02rem;padding-left:13px}
  .ee-single__content ul li,.ee-single__content ol li{padding-left:30px}
  .ee-single__content ul li:hover,.ee-single__content ol li:hover{padding-left:30px}
  .ee-single__content .wp-block-gallery.has-nested-images>figure.wp-block-image{width:100%!important}
  .ee-single__content .wp-block-media-text__media img{aspect-ratio:4/3}
  .ee-single__content blockquote{padding-left:20px}
  .ee-single__content .wp-block-button__link{width:100%;justify-content:center;padding:16px 22px;letter-spacing:.14em}
  .ee-related{padding:44px 16px 52px!important}
  .ee-related__body::before{font-size:38px;top:-40px;left:20px}
  .ee-related__all a{width:100%;justify-content:center;padding:15px 20px}
}

/* ---------- ecrans tactiles : les etats de survol restent visibles ---------- */
@media (hover:none){
  .ee-single__card::before{width:100%}
  .ee-single__content .wp-block-media-text__media::before{width:100%}
  .ee-single__content .wp-block-gallery.has-nested-images figure.wp-block-image::before{opacity:.3}
  .ee-single__content .wp-block-gallery.has-nested-images figure.wp-block-image::after{opacity:1;transform:none}
  .ee-related .wp-block-post::before{width:100%}
  .ee-related .wp-block-post-featured-image::before{opacity:.3}
  .ee-related__body::after{max-height:40px;opacity:1;transform:none;margin-top:14px}
  .ee-related .wp-block-post-date::before{width:36px}
}

/* ---------- preference de mouvement reduit ---------- */
@media (prefers-reduced-motion:reduce){
  .ee-single *,.ee-related *{animation:none!important;transition-duration:.01ms!important}
  .ee-single__hero .wp-block-post-featured-image img{transform:none}
}

.ee-related .wp-block-post.is-extra{display:none!important}

/* ---------- 10. AJUSTEMENTS FINAUX ---------- */
/* media-text : ratio equilibre pour que le texte respire (48 / 52) */
@media (min-width:901px){
  .ee-single__content .wp-block-media-text{grid-template-columns:48% minmax(0,1fr)!important}
  .ee-single__content .wp-block-media-text.has-media-on-the-right{grid-template-columns:minmax(0,1fr) 48%!important}
}
/* rythme vertical : le spacer ne s'additionne plus a la marge du bloc suivant */
.ee-single__content .wp-block-spacer{height:clamp(14px,2vw,30px)!important}
.ee-single__content .wp-block-spacer+*{margin-top:0!important}

/* alignement "pleine largeur" isole dans le contenu : ramene a la grille du site */
.ee-single__content .wp-block-post-content>.alignfull{
  max-width:1240px!important;margin-left:auto!important;margin-right:auto!important;
}

/* legendes : sous l'image pour les figures isolees, en surimpression lisible dans les galeries */
.ee-single__content .wp-block-gallery figcaption,
.ee-single__content .wp-block-gallery.has-nested-images figure.wp-block-image figcaption{
  position:absolute;left:0;right:0;bottom:0;z-index:5;
  margin:0;padding:30px 14px 12px;
  text-align:left;color:#fff!important;
  font-family:var(--ee-ff-b);font-weight:400;font-size:11.5px;line-height:1.45;
  background:linear-gradient(0deg,rgba(18,18,18,.9) 0%,rgba(18,18,18,.55) 55%,rgba(18,18,18,0) 100%);
  max-height:none;overflow:visible;text-overflow:clip;
}
.ee-single__content .wp-block-gallery figcaption a{color:#fff;border-bottom-color:rgba(255,255,255,.5)}

/* =====================================================================
   EQUIP EVENT - PAGE "NOUS CONTACTER"  (prefixe .ee-ct-)
   Blocs Gutenberg natifs + formulaire Contact Form 7 (Formulaire 1)
   Charte : orange #fe5802 / gris #9c9b9b / blanc #ffffff
   Titres : League Spartan Bold  -  Corps : Montserrat Light
   Sommaire :
     1. TOKENS, BASE, CONTENEUR
     2. FIL D ARIANE (gabarit page-nous-contacter)
     3. HERO : surtitre + H1 unique + accroche
     4. SECTION FORMULAIRE : fond + carte
     5. CHAMPS CF7 : lignes, labels, inputs, select, textarea
     6. BOUTON, SPINNER, VALIDATION, REPONSES
     7. RESPONSIVE + ACCESSIBILITE / MOUVEMENT REDUIT
   ===================================================================== */

/* ---------------------------------------------------------------------
   1. TOKENS, BASE, CONTENEUR
   --------------------------------------------------------------------- */
.ee-ct-crumb,.ee-ct-main,.ee-ct-hero,.ee-ct-form-sec{
  --ee-orange:#fe5802;
  --ee-orange-dk:#d84a00;
  --ee-orange-lt:#ff8a4d;
  --ee-grey:#6b6a6a;
  --ee-ink:#1a1a1a;
  --ee-ink2:#2c2c2c;
  --ee-body:#5f5f5f;
  --ee-soft:#f8f8f6;
  --ee-field:#f7f7f5;
  --ee-line:rgba(156,155,155,.26);
  --ee-err:#d63b1f;
  --ee-ok:#2e9e5b;
  --ee-ff-h:"League Spartan","Montserrat",sans-serif;
  --ee-ff-b:"Montserrat",sans-serif;
  --ee-ease:cubic-bezier(.2,.7,.2,1);
}
.ee-ct-hero *,.ee-ct-form-sec *{box-sizing:border-box}

/* le gabarit enchaine les sections : neutralisation des marges de flux */
.ee-ct-main{margin:0!important;padding:0!important}
.ee-ct-main>*,
.ee-ct-main .wp-block-post-content,
.ee-ct-main .wp-block-post-content>*{margin-top:0!important;margin-bottom:0!important;max-width:none!important;padding-left:0;padding-right:0}

.ee-ct-hero>.ee-ct-wrap,
.ee-ct-form-sec>.ee-ct-wrap{
  max-width:1240px;margin:0 auto!important;
  padding:0 clamp(20px,4vw,40px);
}

/* ---------------------------------------------------------------------
   2. FIL D ARIANE
   --------------------------------------------------------------------- */
.ee-ct-crumb{
  background-color:var(--ee-soft)!important;
  border-bottom:1px solid var(--ee-line);
}
.ee-ct-crumb .yoast-breadcrumbs,
.ee-ct-crumb .wp-block-yoast-seo-breadcrumbs,
.ee-ct-crumb .yoast-breadcrumbs span{
  font-family:var(--ee-ff-b);font-weight:400;font-size:11.5px;
  letter-spacing:.13em;text-transform:uppercase;line-height:1.7;color:var(--ee-grey);
}
.ee-ct-crumb a{color:var(--ee-grey);text-decoration:none;transition:color .35s var(--ee-ease)}
.ee-ct-crumb a:hover,.ee-ct-crumb a:focus-visible{color:var(--ee-orange)}
.ee-ct-crumb .breadcrumb_last,
.ee-ct-crumb .breadcrumb_last strong{color:var(--ee-ink);font-weight:600}

/* ---------------------------------------------------------------------
   3. HERO
   --------------------------------------------------------------------- */
.ee-ct-hero{
  position:relative;overflow:hidden;background:#fff;
  padding:clamp(46px,6vw,88px) 0 clamp(28px,3.2vw,46px)!important;
}
.ee-ct-hero>.ee-ct-wrap{position:relative;z-index:1}

.ee-ct-hero .ee-ct-eyebrow{
  display:inline-flex;align-items:center;gap:14px;
  font-family:var(--ee-ff-b);font-weight:600;font-size:11px;
  letter-spacing:.24em;text-transform:uppercase;color:var(--ee-orange);
  margin:0 0 20px!important;
  animation:eeCtUp .85s .05s var(--ee-ease) both;
}
.ee-ct-hero .ee-ct-eyebrow::before{
  content:"";display:block;width:44px;height:2px;background:var(--ee-orange);flex:0 0 auto;
}
.ee-ct-hero h1.ee-ct-h1{
  position:relative;
  font-family:var(--ee-ff-h);font-weight:700;text-transform:uppercase;
  font-size:clamp(2.05rem,5vw,3.55rem);line-height:1;letter-spacing:-.015em;
  color:var(--ee-ink);text-wrap:balance;
  margin:0 0 26px!important;padding-bottom:22px;
  animation:eeCtUp .95s .16s var(--ee-ease) both;
}
.ee-ct-hero h1.ee-ct-h1::after{
  content:"";position:absolute;left:0;bottom:0;width:98px;height:4px;border-radius:2px;
  background:linear-gradient(90deg,var(--ee-orange),var(--ee-orange-lt));
  transform-origin:left center;
  animation:eeCtRule .9s .48s var(--ee-ease) both;
}
.ee-ct-hero .ee-ct-lead{
  font-family:var(--ee-ff-b);font-weight:300;
  font-size:clamp(1rem,1.3vw,1.15rem);line-height:1.85;
  color:var(--ee-body);max-width:62ch;margin:0!important;
  animation:eeCtUp 1s .28s var(--ee-ease) both;
}
@keyframes eeCtUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@keyframes eeCtRule{from{transform:scaleX(0)}to{transform:scaleX(1)}}

/* ---------------------------------------------------------------------
   4. SECTION FORMULAIRE
   --------------------------------------------------------------------- */
.ee-ct-form-sec{
  position:relative;overflow:hidden;
  background:linear-gradient(180deg,#fff 0%,var(--ee-soft) 14%,var(--ee-soft) 100%);
  padding:clamp(26px,3.2vw,50px) 0 clamp(62px,7vw,112px)!important;
}
.ee-ct-form-sec::before{
  content:"";position:absolute;z-index:0;pointer-events:none;
  left:50%;top:-160px;width:min(900px,86vw);height:min(900px,86vw);
  transform:translateX(-48%);
  background:radial-gradient(circle at 50% 50%,rgba(254,88,2,.085),rgba(254,88,2,0) 62%);
}
.ee-ct-form-sec>.ee-ct-wrap{position:relative;z-index:1}

.ee-ct-card{
  position:relative;overflow:hidden;background:#fff;
  max-width:960px;margin:0 auto!important;
  border:1px solid rgba(156,155,155,.16);border-radius:22px;
  padding:clamp(28px,3.4vw,56px) clamp(22px,3.2vw,54px) clamp(30px,3.4vw,54px);
  box-shadow:0 18px 48px -28px rgba(26,26,26,.22),0 2px 8px rgba(26,26,26,.04);
  transition:box-shadow .55s var(--ee-ease),transform .55s var(--ee-ease);
}
/* liseree d accent en tete de carte */
.ee-ct-card::before{
  content:"";position:absolute;top:0;left:0;right:0;height:4px;
  background:linear-gradient(90deg,var(--ee-orange) 0%,var(--ee-orange-lt) 52%,rgba(254,88,2,.22) 100%);
}
.ee-ct-card:hover,
.ee-ct-card:focus-within{
  transform:translateY(-3px);
  box-shadow:0 32px 72px -32px rgba(26,26,26,.30),0 3px 10px rgba(26,26,26,.05);
}
.ee-ct-card .ee-ct-card__eyebrow{
  display:inline-flex;align-items:center;gap:12px;
  font-family:var(--ee-ff-b);font-weight:600;font-size:10.5px;
  letter-spacing:.24em;text-transform:uppercase;color:var(--ee-grey);
  margin:0 0 14px!important;
}
.ee-ct-card .ee-ct-card__eyebrow::before{
  content:"";display:block;width:26px;height:2px;background:var(--ee-grey);opacity:.6;flex:0 0 auto;
}
.ee-ct-card h2.ee-ct-h2{
  font-family:var(--ee-ff-h);font-weight:700;text-transform:uppercase;
  font-size:clamp(1.45rem,2.6vw,2.15rem);line-height:1.06;letter-spacing:-.01em;
  color:var(--ee-ink);margin:0 0 14px!important;
}
.ee-ct-card h2.ee-ct-h2 em{font-style:normal;color:var(--ee-orange)}
.ee-ct-card .ee-ct-note{
  font-family:var(--ee-ff-b);font-weight:300;font-size:.87rem;line-height:1.7;
  color:var(--ee-grey);margin:0 0 clamp(26px,2.8vw,38px)!important;
  padding-bottom:clamp(22px,2.4vw,30px);border-bottom:1px solid var(--ee-line);
}

/* ---------------------------------------------------------------------
   5. CHAMPS CF7
   --------------------------------------------------------------------- */
.ee-ct-card .wpcf7{margin:0}
.ee-ct-card form.wpcf7-form{font-family:var(--ee-ff-b)}
.ee-ct-card form.wpcf7-form p{margin:0}
.ee-ct-card form.wpcf7-form label br{display:none}
.ee-ct-card .hidden-fields-container{display:none}
/* ligne anti-spam du formulaire (honeypot) */
.ee-ct-card .form-row.fake{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}

.ee-ct-card .form-row{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  gap:clamp(16px,1.8vw,22px) clamp(18px,2.2vw,30px);
  margin:0 0 clamp(16px,1.9vw,24px);
}
.ee-ct-card .form-row.full-row{grid-template-columns:1fr}
/* une seule colonne dans la ligne : elle occupe toute la largeur (Sujet, bouton) */
.ee-ct-card .form-row>.form-col-2:only-child{grid-column:1 / -1}
.ee-ct-card .form-col-2,
.ee-ct-card .form-row>p{min-width:0}
.ee-ct-card form.wpcf7-form label{display:block;position:relative}
.ee-ct-card .wpcf7-form-control-wrap{display:block;position:relative}

.ee-ct-card .label-form{
  display:block;font-family:var(--ee-ff-b);font-weight:600;
  font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;
  color:var(--ee-grey);margin:0 0 9px;
  transition:color .35s var(--ee-ease);
}
.ee-ct-card label:focus-within .label-form{color:var(--ee-orange)}
.ee-ct-card .label-form .ee-req{color:var(--ee-orange);font-weight:700;margin-left:2px}

.ee-ct-card input[type="text"],
.ee-ct-card input[type="email"],
.ee-ct-card input[type="tel"],
.ee-ct-card input[type="url"],
.ee-ct-card input[type="number"],
.ee-ct-card select,
.ee-ct-card textarea{
  width:100%;display:block;
  font-family:var(--ee-ff-b);font-weight:300;font-size:.95rem;line-height:1.5;
  color:var(--ee-ink2);background-color:var(--ee-field);
  border:1px solid var(--ee-line);border-radius:12px;
  padding:14px 16px;outline:none;box-shadow:none;
  -webkit-appearance:none;appearance:none;
  transition:background-color .35s var(--ee-ease),border-color .35s var(--ee-ease),
             box-shadow .35s var(--ee-ease),color .35s var(--ee-ease);
}
.ee-ct-card ::placeholder{color:#b7b6b3;opacity:1;font-style:normal}
.ee-ct-card input:hover,
.ee-ct-card select:hover,
.ee-ct-card textarea:hover{border-color:rgba(156,155,155,.5);background-color:#f3f3f0}
.ee-ct-card input:focus,
.ee-ct-card select:focus,
.ee-ct-card textarea:focus{
  background-color:#fff;border-color:var(--ee-orange);
  box-shadow:0 0 0 3px rgba(254,88,2,.14);
}
.ee-ct-card input.ee-filled:not(.wpcf7-submit),
.ee-ct-card select.ee-filled,
.ee-ct-card textarea.ee-filled{background-color:#fff;border-color:rgba(156,155,155,.42)}
.ee-ct-card textarea{min-height:190px;line-height:1.8;resize:vertical}

/* select : chevron SVG maison, aucune dependance */
.ee-ct-card label.select-wrapper select,
.ee-ct-card select{
  padding-right:46px;cursor:pointer;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5 6 6.5l5-5' fill='none' stroke='%239c9b9b' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 18px center;background-size:12px 8px;
}
.ee-ct-card select:focus,
.ee-ct-card select:hover{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5 6 6.5l5-5' fill='none' stroke='%23fe5802' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.ee-ct-card select:invalid,
.ee-ct-card select option[value=""]{color:#b7b6b3}
.ee-ct-card select option{color:var(--ee-ink2)}
.ee-ct-card select:not(.ee-filled){color:#8f8e8c}

/* ---------------------------------------------------------------------
   6. BOUTON, SPINNER, VALIDATION, REPONSES
   --------------------------------------------------------------------- */
.ee-ct-card .form-row:last-of-type{margin-bottom:0;align-items:center}
.ee-ct-card .last-col{position:relative}
.ee-ct-card .last-col>p{margin:0;display:inline-block;position:relative}
.ee-ct-card .wpcf7-submit{
  display:inline-block;width:auto;cursor:pointer;
  font-family:var(--ee-ff-b);font-weight:600;font-size:12px;
  letter-spacing:.2em;text-transform:uppercase;color:#fff;
  background-color:var(--ee-orange);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 10'%3E%3Cpath d='M0 5h17M13 1l4 4-4 4' fill='none' stroke='%23ffffff' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-size:18px 10px;
  background-position:right -26px center;
  border:0;border-radius:999px;
  padding:18px 38px;margin:6px 0 0;
  box-shadow:0 14px 28px -16px rgba(254,88,2,.85);
  transition:background-color .4s var(--ee-ease),background-position .45s var(--ee-ease),
             transform .4s var(--ee-ease),box-shadow .4s var(--ee-ease),padding .4s var(--ee-ease);
}
/* la fleche glisse dans le bouton au survol */
.ee-ct-card .last-col>p:hover .wpcf7-submit,
.ee-ct-card .wpcf7-submit:hover,
.ee-ct-card .wpcf7-submit:focus-visible{
  background-color:var(--ee-orange-dk);
  background-position:right 26px center;
  transform:translateY(-2px);
  box-shadow:0 22px 38px -18px rgba(216,74,0,.9);
  padding-right:62px;
}
.ee-ct-card .wpcf7-submit:focus-visible{outline:3px solid rgba(254,88,2,.35);outline-offset:3px}
.ee-ct-card .wpcf7-submit:active{transform:translateY(0);box-shadow:0 10px 20px -14px rgba(216,74,0,.9)}
.ee-ct-card .wpcf7-submit:disabled{opacity:.55;cursor:not-allowed;transform:none}
.ee-ct-card .wpcf7-spinner{margin:0 0 0 16px;vertical-align:middle}

/* champs en erreur */
.ee-ct-card .wpcf7-not-valid{
  border-color:rgba(214,59,31,.7)!important;background-color:#fff6f4!important;
  box-shadow:0 0 0 3px rgba(214,59,31,.12)!important;
}
.ee-ct-card .wpcf7-not-valid-tip{
  display:block;margin-top:8px;
  font-family:var(--ee-ff-b);font-weight:500;font-size:11.5px;letter-spacing:.03em;
  color:var(--ee-err);
  animation:eeCtUp .35s var(--ee-ease) both;
}
/* bandeau de reponse */
.ee-ct-card form.wpcf7-form .wpcf7-response-output{
  margin:clamp(22px,2.4vw,30px) 0 0!important;
  padding:16px 20px!important;
  border:0!important;border-left:4px solid var(--ee-grey)!important;border-radius:10px;
  background-color:#f5f5f3;
  font-family:var(--ee-ff-b);font-weight:400;font-size:.92rem;line-height:1.65;color:var(--ee-ink2);
  animation:eeCtUp .45s var(--ee-ease) both;
}
.ee-ct-card form.wpcf7-form.sent .wpcf7-response-output{
  border-left-color:var(--ee-ok)!important;background-color:#f1faf4;
}
.ee-ct-card form.wpcf7-form.invalid .wpcf7-response-output,
.ee-ct-card form.wpcf7-form.unaccepted .wpcf7-response-output,
.ee-ct-card form.wpcf7-form.failed .wpcf7-response-output,
.ee-ct-card form.wpcf7-form.aborted .wpcf7-response-output{
  border-left-color:var(--ee-err)!important;background-color:#fff6f4;
}
.ee-ct-card form.wpcf7-form.sent .form-row{opacity:.55;transition:opacity .5s var(--ee-ease)}

/* ---------------------------------------------------------------------
   7. RESPONSIVE + ACCESSIBILITE
   --------------------------------------------------------------------- */
@media (max-width:900px){
  .ee-ct-hero::after{font-size:clamp(3rem,9vw,5rem);color:rgba(254,88,2,.06)}
  .ee-ct-card{border-radius:18px}
}
@media (max-width:780px){
  .ee-ct-hero::after{display:none}
}
@media (max-width:781px){
  .ee-ct-card .form-row,
  .ee-ct-card .form-row.full-row{grid-template-columns:1fr!important}
  .ee-ct-card .form-row{margin-bottom:18px}
}
@media (max-width:600px){
  .ee-ct-hero{padding:clamp(34px,9vw,48px) 0 22px!important}
  .ee-ct-hero h1.ee-ct-h1{padding-bottom:18px;margin-bottom:20px!important}
  .ee-ct-hero h1.ee-ct-h1::after{width:74px;height:3px}
  .ee-ct-hero .ee-ct-lead{font-size:.97rem;line-height:1.8}
  .ee-ct-form-sec{padding:18px 0 clamp(46px,12vw,64px)!important}
  .ee-ct-card{padding:26px 20px 30px;border-radius:16px}
  .ee-ct-card .last-col>p{display:block}
  .ee-ct-card .wpcf7-submit{width:100%;padding:17px 24px;letter-spacing:.16em;background-image:none}
  .ee-ct-card .last-col>p:hover .wpcf7-submit,
  .ee-ct-card .wpcf7-submit:hover{padding:17px 24px}
  .ee-ct-card textarea{min-height:160px}
  .ee-ct-crumb .yoast-breadcrumbs,
  .ee-ct-crumb .yoast-breadcrumbs span{font-size:10.5px;letter-spacing:.1em}
}
/* pas d effet de survol suspendu sur ecrans tactiles */
@media (hover:none){
  .ee-ct-card:hover{transform:none;box-shadow:0 18px 48px -28px rgba(26,26,26,.22),0 2px 8px rgba(26,26,26,.04)}
  .ee-ct-card .wpcf7-submit:hover{padding:18px 38px;transform:none;background-position:right -26px center}
}
@media (prefers-reduced-motion:reduce){
  .ee-ct-hero .ee-ct-eyebrow,
  .ee-ct-hero h1.ee-ct-h1,
  .ee-ct-hero h1.ee-ct-h1::after,
  .ee-ct-hero .ee-ct-lead,
  .ee-ct-card .wpcf7-not-valid-tip,
  .ee-ct-card form.wpcf7-form .wpcf7-response-output{animation:none!important}
  .ee-ct-card,.ee-ct-card .wpcf7-submit,.ee-ct-card input,.ee-ct-card select,.ee-ct-card textarea{transition:none!important}
}


/* ============================================================
   EQUIP EVENT — FOOTER : colonnes de liens (ee-footer-list)
   Nos produits / Nos prestations / Nous connaitre
   Objectif : liste verticale propre, sans puces ni soulignement
   Charte : orange #fe5802 / texte #555 / fond #f8f8f6
   ============================================================ */

/* 1. Neutralisation du style natif ul / li */
.wp-site-blocks footer .ee-footer-list{
  list-style:none;
  margin:0;
  padding:0;
}
.wp-site-blocks footer .ee-footer-list li{
  list-style:none;
  margin:0 0 .65rem;
  padding:0;
  line-height:1.45;
}
.wp-site-blocks footer .ee-footer-list li::marker{content:"";}
.wp-site-blocks footer .ee-footer-list li:last-child{margin-bottom:0;}

/* 2. Liens de colonnes : suppression du soulignement */
.wp-site-blocks footer .ee-footer-list a,
.wp-site-blocks footer .wp-block-column p a{
  text-decoration:none;
  color:#555;
  transition:color .2s ease;
}
.wp-site-blocks footer .ee-footer-list a:hover,
.wp-site-blocks footer .wp-block-column p a:hover{
  color:#fe5802;
  text-decoration:none;
}

/* 3. Accessibilite : focus clavier visible (compense l'absence de soulignement) */
.wp-site-blocks footer .ee-footer-list a:focus-visible,
.wp-site-blocks footer .wp-block-column p a:focus-visible{
  outline:2px solid #fe5802;
  outline-offset:2px;
}

/* 4. Lien d'accroche en tete de colonne (Voir tous nos produits, ...) */
.wp-site-blocks footer h6.wp-block-heading + p{margin:0 0 .9rem;}
.wp-site-blocks footer h6.wp-block-heading + p a{
  font-weight:600;
  color:#1a1a1a;
}

/* 5. Titres de colonnes : lisibilite et respiration */
.wp-site-blocks footer h6.wp-block-heading{margin-bottom:.75rem;}
.wp-site-blocks footer .ee-footer-list + h6.wp-block-heading{margin-top:2rem;}

/* 6. Lisibilite : agrandissement du corps des colonnes du footer.
      La taille de base (15.5px) est portee par les blocs eux-memes,
      identiquement sur les deux versions localisees conditionnees par
      Block Visibility. Ici : interlignage, respiration et hierarchie.
      Titres h6 en League Spartan 700 majuscules, corps Montserrat 400. */
.wp-site-blocks footer .ee-footer-list li{line-height:1.6;margin:0 0 .7rem;}
.wp-site-blocks footer .ee-footer-list li:last-child{margin-bottom:0;}
.wp-site-blocks footer .wp-block-column p{line-height:1.72;}
.wp-site-blocks footer h6.wp-block-heading{font-size:20px;line-height:1.2;}
.wp-site-blocks footer .wp-block-column p,
.wp-site-blocks footer .ee-footer-list a{overflow-wrap:break-word;}

@media (max-width:1080px){
  .wp-site-blocks footer h6.wp-block-heading{font-size:19px;}
  .wp-site-blocks footer .ee-footer-list li{margin:0 0 .62rem;}
}
@media (max-width:820px){
  .wp-site-blocks footer .ee-footer-list li{margin:0 0 .8rem;line-height:1.55;}
}
@media (max-width:600px){
  .wp-site-blocks footer h6.wp-block-heading{font-size:19px;}
  .wp-site-blocks footer .ee-footer-list li{margin:0 0 .9rem;}
}



/* ---------------------------------------------------------------------
   12 bis. FIL D ARIANE - SURVOL (reference visuelle pour tout le site)
   Correctif : Yoast encapsule le libelle du lien dans un span
   (ex. .home-icone). Les regles ".breadcrumb-wrapper .yoast-breadcrumbs *"
   et ".ee-ct-crumb .yoast-breadcrumbs span" figeaient la couleur en gris
   et annulaient donc le :hover pose sur le lien lui-meme. On cible ici le
   lien ET ses descendants, avec une specificite suffisante.
   N affecte QUE la couleur au survol / focus clavier : fond gris clair,
   typo, graisse, letter-spacing et espacements restent inchanges.
   --------------------------------------------------------------------- */
.breadcrumb-wrapper .yoast-breadcrumbs a,
.breadcrumb-wrapper .yoast-breadcrumbs a *,
.ee-crumb .yoast-breadcrumbs a,
.ee-crumb .yoast-breadcrumbs a *,
.ee-ct-crumb .yoast-breadcrumbs a,
.ee-ct-crumb .yoast-breadcrumbs a *{
  transition:color .35s var(--ee-ease,cubic-bezier(.2,.7,.2,1));
}
.breadcrumb-wrapper .yoast-breadcrumbs a:hover,
.breadcrumb-wrapper .yoast-breadcrumbs a:hover *,
.breadcrumb-wrapper .yoast-breadcrumbs a:focus-visible,
.breadcrumb-wrapper .yoast-breadcrumbs a:focus-visible *,
.ee-crumb .yoast-breadcrumbs a:hover,
.ee-crumb .yoast-breadcrumbs a:hover *,
.ee-crumb .yoast-breadcrumbs a:focus-visible,
.ee-crumb .yoast-breadcrumbs a:focus-visible *,
.ee-ct-crumb .yoast-breadcrumbs a:hover,
.ee-ct-crumb .yoast-breadcrumbs a:hover *,
.ee-ct-crumb .yoast-breadcrumbs a:focus-visible,
.ee-ct-crumb .yoast-breadcrumbs a:focus-visible *{
  color:var(--ee-orange,#fe5802);
}
@media (prefers-reduced-motion:reduce){
  .breadcrumb-wrapper .yoast-breadcrumbs a,
  .breadcrumb-wrapper .yoast-breadcrumbs a *,
  .ee-crumb .yoast-breadcrumbs a,
  .ee-crumb .yoast-breadcrumbs a *,
  .ee-ct-crumb .yoast-breadcrumbs a,
  .ee-ct-crumb .yoast-breadcrumbs a *{transition:none;}
}


/* ---------------------------------------------------------------------
   12 ter. FIL D ARIANE - ICONE MAISON (.home-icone)
   Yoast enveloppe le libelle Accueil / Home dans un span .home-icone,
   jusqu ici sans aucune regle CSS. On lui prefixe une petite maison SVG
   posee en mask-image : la couleur vient de background-color:currentColor,
   donc l icone suit exactement la couleur du lien, gris #9c9b9b au repos
   et orange #fe5802 au survol, comme les libelles du fil d Ariane.
   Taille exprimee en em : elle reste proportionnee au texte du fil
   d Ariane. Le pseudo est un inline-block cale via vertical-align et sa
   hauteur (1em) reste inferieure au line-height : aucun decalage vertical.
   --------------------------------------------------------------------- */
.yoast-breadcrumbs .home-icone::before{
  content:"";
  display:inline-block;
  width:1em;
  height:1em;
  margin-right:.44em;
  vertical-align:-.15em;
  background-color:currentColor;
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m3 9.3 9-7 9 7V20a1.8 1.8 0 0 1-1.8 1.8H4.8A1.8 1.8 0 0 1 3 20z'/%3E%3Cpath d='M9.3 21.8v-8.3h5.4v8.3'/%3E%3C/svg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m3 9.3 9-7 9 7V20a1.8 1.8 0 0 1-1.8 1.8H4.8A1.8 1.8 0 0 1 3 20z'/%3E%3Cpath d='M9.3 21.8v-8.3h5.4v8.3'/%3E%3C/svg%3E");
  -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
  -webkit-mask-position:center;mask-position:center;
  -webkit-mask-size:contain;mask-size:contain;
  transition:background-color .25s var(--ee-ease,cubic-bezier(.22,.61,.36,1));
}
.yoast-breadcrumbs a:hover .home-icone,
.yoast-breadcrumbs a:focus-visible .home-icone{
  color:var(--ee-orange,#fe5802);
}
@media (max-width:600px){
  .yoast-breadcrumbs .home-icone::before{margin-right:.38em;}
}
@media (prefers-reduced-motion:reduce){
  .yoast-breadcrumbs .home-icone::before{transition:none;}
}


/* =====================================================================
   NOS PRESTATIONS TECHNIQUES - PAGE PRINCIPALE (page 1735)
   Contenu 100% blocs Gutenberg natifs - CSS rapatrie depuis le bloc HTML
   Prefixes : .ee-prest (grille) / .ee-terr (territoire) / .ee-acc (accompagnement)
   ===================================================================== */
.ee-prest,.ee-terr,.ee-acc{
  --ee-orange:#fe5802;
  --ee-orange-dk:#d84a00;
  --ee-grey:#6b6a6a;
  --ee-ink:#1a1a1a;
  --ee-body:#5f5f5f;
  --ee-soft:#f8f8f6;
  --ee-ff-h:"League Spartan","Montserrat",sans-serif;
  --ee-ff-b:"Montserrat",sans-serif;
  --ee-ease:cubic-bezier(.2,.7,.2,1);
  margin-top:0!important;margin-bottom:0!important;
}
.ee-prest *,.ee-terr *,.ee-acc *{box-sizing:border-box}

/* --------------------------------------------------------------
   1. GRILLE DES 4 PRESTATIONS (design valide - rendu inchange)
   -------------------------------------------------------------- */
.ee-prest{background:var(--ee-soft);padding:clamp(60px,8vw,110px) 0}
.ee-prest .ee-prest__wrap{max-width:1240px;margin:0 auto;padding:0 clamp(20px,4vw,40px)}
.ee-prest .ee-prest__head{max-width:820px;margin:0 auto clamp(40px,5vw,64px);text-align:center}
.ee-prest .ee-prest__h2{font-family:var(--ee-ff-h);font-weight:700;text-transform:uppercase;font-size:clamp(1.8rem,3.4vw,2.8rem);line-height:1.1;letter-spacing:-.5px;color:var(--ee-ink);margin:0 0 20px}
.ee-prest .ee-prest__h2 mark{background:none;background-color:transparent;color:var(--ee-orange)}
.ee-prest .ee-prest__lead{font-family:var(--ee-ff-b);font-weight:300;font-size:clamp(.98rem,1.1vw,1.08rem);line-height:1.8;color:#6f6e6e;margin:0}

.ee-prest .ee-prest__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(20px,2.2vw,30px);counter-reset:eeprest}
.ee-prest .ee-prest__card{position:relative;margin:0;counter-increment:eeprest;display:flex;flex-direction:column;justify-content:flex-end;height:clamp(340px,34vw,440px);overflow:hidden;background:var(--ee-ink);box-shadow:0 10px 30px rgba(26,26,26,.08);transition:box-shadow .45s ease,transform .45s ease}
.ee-prest .ee-prest__card:hover{transform:translateY(-6px);box-shadow:0 28px 56px rgba(26,26,26,.22)}
.ee-prest .ee-prest__media{position:absolute;inset:0;margin:0;overflow:hidden;z-index:0}
.ee-prest .ee-prest__media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .9s ease}
.ee-prest .ee-prest__card:hover .ee-prest__media img{transform:scale(1.08)}
.ee-prest .ee-prest__card::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(26,26,26,.10) 0%,rgba(26,26,26,.45) 48%,rgba(26,26,26,.88) 100%);transition:background .5s ease}
.ee-prest .ee-prest__card:hover::after{background:linear-gradient(180deg,rgba(254,88,2,.20) 0%,rgba(26,26,26,.60) 48%,rgba(26,26,26,.93) 100%)}
.ee-prest .ee-prest__card::before{content:counter(eeprest,decimal-leading-zero);position:absolute;top:clamp(20px,2.2vw,30px);left:clamp(22px,2.4vw,34px);z-index:2;font-family:var(--ee-ff-h);font-weight:700;font-size:clamp(2.2rem,3.4vw,3rem);line-height:1;color:rgba(255,255,255,.28);transition:color .45s ease;pointer-events:none}
.ee-prest .ee-prest__card:hover::before{color:rgba(254,88,2,.9)}
.ee-prest .ee-prest__content{position:static;z-index:2;padding:clamp(24px,2.6vw,36px);margin:0}
.ee-prest .ee-prest__content::before{content:"";display:block;width:46px;height:2px;background:var(--ee-orange);margin-bottom:18px;transition:width .45s ease}
.ee-prest .ee-prest__card:hover .ee-prest__content::before{width:80px}
.ee-prest .ee-prest__title{font-family:var(--ee-ff-h);font-weight:700;text-transform:uppercase;font-size:clamp(1.1rem,1.6vw,1.4rem);line-height:1.22;letter-spacing:-.2px;color:#fff;margin:0}
.ee-prest .ee-prest__desc{font-family:var(--ee-ff-b);font-weight:300;font-size:.92rem;line-height:1.7;color:rgba(255,255,255,.86);margin:12px 0 0;max-height:0;opacity:0;overflow:hidden;transition:max-height .55s ease,opacity .45s ease}
.ee-prest .ee-prest__card:hover .ee-prest__desc,
.ee-prest .ee-prest__card:focus-within .ee-prest__desc{max-height:200px;opacity:1}
.ee-prest .ee-prest__ctas{margin:16px 0 0}
.ee-prest .ee-prest__cta .wp-block-button__link{position:static;display:inline-flex;align-items:center;gap:10px;background:none;background-color:transparent;border:0;border-radius:0;padding:0;box-shadow:none;font-family:var(--ee-ff-b);font-weight:500;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ee-orange);text-decoration:none}
.ee-prest .ee-prest__cta .wp-block-button__link::before{content:"";position:absolute;inset:0;z-index:4}
.ee-prest .ee-prest__cta .wp-block-button__link::after{content:"\2192";display:inline-block;font-size:15px;transition:transform .4s ease}
.ee-prest .ee-prest__card:hover .ee-prest__cta .wp-block-button__link::after{transform:translateX(8px)}
.ee-prest .ee-prest__cta .wp-block-button__link:focus-visible{outline:2px solid var(--ee-orange);outline-offset:4px}

/* --------------------------------------------------------------
   2. SECTION TERRITOIRE NATIONAL ET ETRANGER (fond blanc)
   -------------------------------------------------------------- */
.ee-terr{background:#fff;padding:clamp(64px,8vw,110px) 0}
.ee-terr .ee-terr__wrap{max-width:1240px;margin:0 auto;padding:0 clamp(20px,4vw,40px)}
.ee-terr .ee-terr__cols{gap:clamp(32px,5vw,72px);margin-bottom:0}
.ee-terr .ee-terr__h2{font-family:var(--ee-ff-h);font-weight:700;text-transform:uppercase;font-size:clamp(1.55rem,2.9vw,2.35rem);line-height:1.14;letter-spacing:-.5px;color:var(--ee-ink);margin:0 0 26px;padding-top:26px;position:relative}
.ee-terr .ee-terr__h2::before{content:"";position:absolute;top:0;left:0;width:56px;height:3px;background:var(--ee-orange)}
.ee-terr .ee-terr__h2 mark{background:none;background-color:transparent;color:var(--ee-orange)}
.ee-terr .ee-terr__p{font-family:var(--ee-ff-b);font-weight:300;font-size:clamp(.95rem,1.05vw,1.02rem);line-height:1.85;color:var(--ee-body);margin:0 0 18px}
.ee-terr .ee-terr__p strong{font-weight:600;color:var(--ee-ink)}
.ee-terr .ee-terr__ctas{margin-top:34px}
.ee-terr .ee-terr__cta .wp-block-button__link{display:inline-flex;align-items:center;gap:12px;background:var(--ee-orange);background-color:var(--ee-orange);color:#fff;border-radius:0;padding:16px 30px;font-family:var(--ee-ff-b);font-weight:600;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;transition:background-color .35s var(--ee-ease),transform .35s var(--ee-ease),box-shadow .35s var(--ee-ease)}
.ee-terr .ee-terr__cta .wp-block-button__link::after{content:"\2192";display:inline-block;transition:transform .35s var(--ee-ease)}
.ee-terr .ee-terr__cta .wp-block-button__link:hover{background-color:var(--ee-orange-dk);transform:translateY(-3px);box-shadow:0 16px 32px rgba(254,88,2,.28)}
.ee-terr .ee-terr__cta .wp-block-button__link:hover::after{transform:translateX(6px)}
.ee-terr .ee-terr__cta .wp-block-button__link:focus-visible{outline:2px solid var(--ee-ink);outline-offset:3px}
.ee-terr .ee-terr__media{position:relative;margin:0}
.ee-terr .ee-terr__media::before{content:"";position:absolute;left:-22px;bottom:-22px;width:100%;height:100%;border:3px solid var(--ee-orange);z-index:0;pointer-events:none}
.ee-terr .ee-terr__media img{position:relative;z-index:1;width:100%;height:auto;display:block;box-shadow:0 24px 50px rgba(26,26,26,.16)}

/* --------------------------------------------------------------
   3. SECTION ACCOMPAGNEMENT SUR MESURE (fond anthracite)
   -------------------------------------------------------------- */
.ee-acc{background:var(--ee-ink);padding:clamp(64px,8vw,110px) 0;position:relative;overflow:hidden}
.ee-acc::before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,var(--ee-orange) 0%,rgba(254,88,2,0) 62%)}
.ee-acc .ee-acc__wrap{max-width:1100px;margin:0 auto;padding:0 clamp(20px,4vw,40px)}
.ee-acc .ee-acc__h2{font-family:var(--ee-ff-h);font-weight:700;text-transform:uppercase;font-size:clamp(1.55rem,2.9vw,2.35rem);line-height:1.14;letter-spacing:-.5px;color:#fff;margin:0 0 clamp(30px,3.6vw,46px);text-align:center}
.ee-acc .ee-acc__h2 mark{background:none;background-color:transparent;color:var(--ee-orange)}
.ee-acc .ee-acc__cols{gap:clamp(28px,4vw,56px);margin-bottom:0}
.ee-acc .ee-acc__p{font-family:var(--ee-ff-b);font-weight:300;font-size:clamp(.95rem,1.05vw,1.02rem);line-height:1.9;color:rgba(255,255,255,.82);margin:0;padding-top:24px;position:relative}
.ee-acc .ee-acc__p::before{content:"";position:absolute;top:0;left:0;width:44px;height:2px;background:var(--ee-orange)}
.ee-acc .ee-acc__p strong{font-weight:600;color:#fff}

/* --------------------------------------------------------------
   4. RESPONSIVE
   -------------------------------------------------------------- */
@media (max-width:900px){
  .ee-terr .ee-terr__cols{flex-wrap:wrap!important}
  .ee-terr .ee-terr__cols .wp-block-column{flex-basis:100%!important}
  .ee-terr .ee-terr__media{margin-top:14px}
}
@media (max-width:820px){
  .ee-prest .ee-prest__grid{grid-template-columns:1fr}
  .ee-prest .ee-prest__card{height:clamp(300px,60vw,380px)}
  .ee-prest .ee-prest__desc{max-height:200px;opacity:1}
  .ee-acc .ee-acc__cols{flex-wrap:wrap!important}
  .ee-acc .ee-acc__cols .wp-block-column{flex-basis:100%!important}
}
@media (max-width:600px){
  .ee-terr,.ee-acc{padding:56px 0}
  .ee-prest{padding:56px 0}
  .ee-terr .ee-terr__media::before{left:-10px;bottom:-10px}
  .ee-terr .ee-terr__cta .wp-block-button__link{width:100%;justify-content:center}
}
@media (hover:none){
  .ee-prest .ee-prest__desc{max-height:200px;opacity:1}
}
@media (prefers-reduced-motion:reduce){
  .ee-prest .ee-prest__card,
  .ee-prest .ee-prest__media img,
  .ee-prest .ee-prest__desc,
  .ee-prest .ee-prest__card::after,
  .ee-prest .ee-prest__content::before,
  .ee-prest .ee-prest__cta .wp-block-button__link::after,
  .ee-terr .ee-terr__cta .wp-block-button__link,
  .ee-terr .ee-terr__cta .wp-block-button__link::after{transition:none!important}
}

/* correctif mobile : bouton CTA territoire pleine largeur */
@media (max-width:600px){
  .ee-terr .ee-terr__ctas,
  .ee-terr .ee-terr__ctas .wp-block-button{width:100%}
}


/* *********************************************************************
   NOS REALISATIONS  /  ARCHIVE (modele "Toutes les archives")
   Prefixes : .ee-arch-crumb (fil d Ariane) / .ee-arch-head (en-tete)
             .ee-arch (grille des projets)
   CSS rapatrie depuis le bloc HTML du modele - contenu 100% blocs natifs
   ********************************************************************* */
.ee-arch,.ee-arch-head,.ee-arch-crumb{
  --ee-orange:#fe5802;
  --ee-orange-dk:#d84a00;
  --ee-grey:#6b6a6a;
  --ee-ink:#1a1a1a;
  --ee-body:#5f5f5f;
  --ee-soft:#f8f8f6;
  --ee-line:rgba(156,155,155,.22);
  --ee-ff-h:"League Spartan","Montserrat",sans-serif;
  --ee-ff-b:"Montserrat",sans-serif;
  --ee-ease:cubic-bezier(.2,.7,.2,1);
}
.ee-arch *,.ee-arch-head *,.ee-arch-crumb *{box-sizing:border-box}

/* 2. EN-TETE DE L ARCHIVE : filet orange, titre H1 unique */
.ee-arch-head{
  position:relative;overflow:hidden;text-align:center;
  background:linear-gradient(180deg,#ffffff 0%,var(--ee-soft) 100%);
  border-bottom:1px solid var(--ee-line);
  padding:clamp(52px,6.5vw,88px) clamp(20px,4vw,40px) clamp(46px,5.8vw,74px)!important;
  margin-top:0!important;margin-bottom:0!important;
}
.ee-arch-head>*{position:relative;z-index:1}
.ee-arch-head .ee-arch-head__eyebrow{
  display:inline-flex;align-items:center;gap:12px;
  font-family:var(--ee-ff-b);font-weight:600;font-size:11px;
  letter-spacing:.22em;text-transform:uppercase;color:var(--ee-orange);
  margin:0 auto 18px!important;
}
.ee-arch-head .ee-arch-head__eyebrow::before,
.ee-arch-head .ee-arch-head__eyebrow::after{
  content:"";display:block;width:34px;height:1px;background:var(--ee-orange);
}
.ee-arch-head .ee-arch-head__h1{
  font-family:var(--ee-ff-h);font-weight:700;text-transform:uppercase;
  font-size:clamp(1.95rem,4.2vw,3.35rem);line-height:1.06;letter-spacing:-.5px;
  color:var(--ee-ink);margin:0 auto!important;
}
.ee-arch-head .ee-arch-head__h1::after{
  content:"";display:block;width:78px;height:3px;border-radius:2px;
  background:linear-gradient(90deg,var(--ee-orange),rgba(254,88,2,.18));
  margin:24px auto 0;
}
.ee-arch-head .ee-arch-head__lead{
  font-family:var(--ee-ff-b);font-weight:300;
  font-size:clamp(.98rem,1.1vw,1.08rem);line-height:1.8;color:var(--ee-body);
  max-width:720px;margin:24px auto 0!important;
}
@media (max-width:820px){
  .ee-arch-head::before{font-size:clamp(2rem,6vw,3rem);color:rgba(254,88,2,.055)}
  .ee-arch-head .ee-arch-head__h1::after{margin-top:20px;width:64px}
  .ee-arch-head .ee-arch-head__lead{margin-top:20px!important}
}
@media (max-width:600px){
  .ee-arch-head::before{display:none}
  .ee-arch-head{padding-top:40px!important;padding-bottom:38px!important}
  .ee-arch-head .ee-arch-head__eyebrow{font-size:10px;letter-spacing:.18em;gap:9px;margin-bottom:14px!important}
  .ee-arch-head .ee-arch-head__eyebrow::before,
  .ee-arch-head .ee-arch-head__eyebrow::after{width:22px}
  .ee-arch-head .ee-arch-head__h1::after{margin-top:16px;width:54px;height:2px}
  .ee-arch-head .ee-arch-head__lead{font-size:.94rem;line-height:1.75;margin-top:16px!important}
}

/* 3. GRILLE DES PROJETS (rapatriee telle quelle depuis le bloc HTML) */
.ee-arch{
  background:#fff;
  padding:clamp(56px,7vw,96px) clamp(20px,4vw,40px) clamp(64px,8vw,110px)!important;
  margin-top:0!important;margin-bottom:0!important;
}
.ee-arch .wp-block-post-template{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(22px,2.4vw,34px);margin:0;padding:0;list-style:none}
.ee-arch .wp-block-post{display:flex;flex-direction:column;background:#fff;border:1px solid #ececea;overflow:hidden;transition:transform .4s ease,box-shadow .4s ease,border-color .4s ease}
.ee-arch .wp-block-post:hover{transform:translateY(-8px);box-shadow:0 22px 48px rgba(26,26,26,.12);border-color:#fff}
.ee-arch .wp-block-post-featured-image{margin:0;overflow:hidden;position:relative;aspect-ratio:4/3;background:#f8f8f6}
.ee-arch .wp-block-post-featured-image a,.ee-arch .wp-block-post-featured-image img{display:block;width:100%;height:100%;object-fit:cover}
.ee-arch .wp-block-post-featured-image img{transition:transform .7s ease}
.ee-arch .wp-block-post:hover .wp-block-post-featured-image img{transform:scale(1.07)}
.ee-arch .wp-block-post-featured-image::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(254,88,2,0) 40%,rgba(254,88,2,.28) 100%);opacity:0;transition:opacity .45s ease;pointer-events:none}
.ee-arch .wp-block-post:hover .wp-block-post-featured-image::after{opacity:1}
.ee-arch__body{display:flex;flex-direction:column;gap:12px;padding:clamp(22px,2.2vw,30px) clamp(22px,2.2vw,30px) clamp(26px,2.6vw,34px);flex:1}
.ee-arch .wp-block-post-terms{font-family:var(--ee-ff-b);font-weight:600;font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--ee-orange);margin:0}
.ee-arch .wp-block-post-terms a{color:var(--ee-orange);text-decoration:none}
.ee-arch .wp-block-post-terms a:hover{text-decoration:underline}
.ee-arch .wp-block-post-title{font-family:var(--ee-ff-h);font-weight:700;font-size:1.06rem;line-height:1.32;text-transform:uppercase;margin:0}
.ee-arch .wp-block-post-title a{color:var(--ee-ink);text-decoration:none;transition:color .3s ease}
.ee-arch .wp-block-post:hover .wp-block-post-title a{color:var(--ee-orange)}
.ee-arch .wp-block-post-date{font-family:var(--ee-ff-b);font-weight:300;font-size:12px;letter-spacing:.04em;color:var(--ee-grey);margin:0}
.ee-arch .wp-block-post-excerpt{font-family:var(--ee-ff-b);font-weight:300;font-size:.9rem;line-height:1.72;color:#6f6e6e;margin:0}
.ee-arch .wp-block-post-excerpt__excerpt{display:block;margin-bottom:10px}
.ee-arch .wp-block-post-excerpt__more-link{display:inline-flex;align-items:center;gap:8px;font-weight:500;font-size:.83rem;letter-spacing:.06em;text-transform:uppercase;color:var(--ee-orange);text-decoration:none;border-bottom:1px solid rgba(254,88,2,.35);padding-bottom:2px;transition:gap .3s ease,border-color .3s ease}
.ee-arch .wp-block-post-excerpt__more-link:hover{gap:14px;border-color:var(--ee-orange)}
.ee-arch .wp-block-query-pagination{margin-top:clamp(42px,5vw,68px);justify-content:center;gap:10px;font-family:var(--ee-ff-b);font-size:.9rem}
.ee-arch .wp-block-query-pagination a,.ee-arch .wp-block-query-pagination .current{display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:42px;padding:0 12px;border:1px solid #e3e2df;color:var(--ee-ink);text-decoration:none;transition:all .3s ease}
.ee-arch .wp-block-query-pagination a:hover{background:var(--ee-orange);border-color:var(--ee-orange);color:#fff}
.ee-arch .wp-block-query-pagination .current{background:var(--ee-ink);border-color:var(--ee-ink);color:#fff}
@media (max-width:1024px){.ee-arch .wp-block-post-template{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.ee-arch .wp-block-post-template{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){
  .ee-arch .wp-block-post,
  .ee-arch .wp-block-post-featured-image img{transition:none!important}
  .ee-arch .wp-block-post:hover{transform:none}
}
@media (hover:none){
  .ee-arch .wp-block-post:hover{transform:none;box-shadow:none}
  .ee-arch .wp-block-post:hover .wp-block-post-featured-image img{transform:none}
}

/* 4. FIL D ARIANE DE L ARTICLE : meme renfort que la page listing,
      pour que listing et article unique soient identiques */
.ee-single__crumb{
  border-top:1px solid rgba(156,155,155,.22);
  border-bottom:1px solid rgba(156,155,155,.38);
  padding-top:18px!important;padding-bottom:18px!important;
}
.ee-single__crumb,
.ee-single__crumb p,
.ee-single__crumb span,
.ee-single__crumb a{font-size:12.5px}
@media (max-width:600px){
  .ee-single__crumb{padding-top:13px!important;padding-bottom:13px!important}
  .ee-single__crumb,
  .ee-single__crumb p,
  .ee-single__crumb span,
  .ee-single__crumb a{font-size:10.5px;letter-spacing:.1em}
}


/* =====================================================================
   HARMONISATION GLOBALE - session du 13 aout 2026
   1. Fil d Ariane : standard unique sur tout le site
   2. Mot filigrane (retire le 14 aout 2026)
   3. Icones Demarche qualite converties en blocs Image natifs
   4. Accueil : carousel de logos + en-tete Nos dernieres realisations
   5. Qui sommes-nous : references, equipe commerciale, etiquettes service
   ===================================================================== */

/* ---------------------------------------------------------------------
   1. FIL D ARIANE - STANDARD UNIQUE (reference : page Nos Realisations)
   Meme fond gris clair, meme typo, meme taille, meme transition orange.
   --------------------------------------------------------------------- */
:is(.breadcrumb-wrapper,.ee-arch-crumb,.ee-ct-crumb,.ee-single__crumb){
  background-color:#f8f8f6!important;
  border-top:1px solid rgba(156,155,155,.22)!important;
  border-bottom:1px solid rgba(156,155,155,.38)!important;
  padding-top:18px!important;padding-bottom:18px!important;
  margin-top:0!important;margin-bottom:0!important;
}
:is(.breadcrumb-wrapper,.ee-arch-crumb,.ee-ct-crumb,.ee-single__crumb) :is(.yoast-breadcrumbs,.wp-block-yoast-seo-breadcrumbs,.yoast-breadcrumbs *){
  font-family:"Montserrat",sans-serif!important;font-weight:400!important;
  font-size:12.5px!important;letter-spacing:.13em!important;
  text-transform:uppercase!important;line-height:1.7!important;
  color:#9c9b9b!important;
}
:is(.breadcrumb-wrapper,.ee-arch-crumb,.ee-ct-crumb,.ee-single__crumb) .yoast-breadcrumbs :is(a,a *){
  color:#9c9b9b!important;text-decoration:none!important;
  transition:color .35s cubic-bezier(.2,.7,.2,1)!important;
}
:is(.breadcrumb-wrapper,.ee-arch-crumb,.ee-ct-crumb,.ee-single__crumb) .yoast-breadcrumbs :is(a:hover,a:hover *,a:focus-visible,a:focus-visible *){
  color:#fe5802!important;
}
:is(.breadcrumb-wrapper,.ee-arch-crumb,.ee-ct-crumb,.ee-single__crumb) :is(.breadcrumb_last,.breadcrumb_last *){
  color:#1a1a1a!important;font-weight:600!important;
}
@media (max-width:600px){
  :is(.breadcrumb-wrapper,.ee-arch-crumb,.ee-ct-crumb,.ee-single__crumb){
    padding-top:13px!important;padding-bottom:13px!important;
  }
  :is(.breadcrumb-wrapper,.ee-arch-crumb,.ee-ct-crumb,.ee-single__crumb) :is(.yoast-breadcrumbs,.wp-block-yoast-seo-breadcrumbs,.yoast-breadcrumbs *){
    font-size:11px!important;letter-spacing:.1em!important;
  }
}
@media (prefers-reduced-motion:reduce){
  :is(.breadcrumb-wrapper,.ee-arch-crumb,.ee-ct-crumb,.ee-single__crumb) .yoast-breadcrumbs :is(a,a *){transition:none!important}
}

/* ---------------------------------------------------------------------
   2. MOT FILIGRANE - SUPPRIME (session du 14 aout 2026)
   Les pseudo-elements decoratifs portant un mot en filigrane orange ont
   ete retires de toutes les pages. Seuls les contextes de positionnement
   sont conserves. Les sous-pages prestations retrouvent automatiquement
   leurs chiffres 01 a 04 en blanc definis plus haut dans le fichier.
   --------------------------------------------------------------------- */
.ee-hp-offer,.ee-prest{position:relative}
.ee-hp-offer .ee-hp-wrap,.ee-prest .ee-prest__wrap{position:relative;z-index:1}
.ee-qsn-hero__inner{position:relative}

/* ---------------------------------------------------------------------
   3. DEMARCHE QUALITE - icones en blocs Image natifs (medias 8915-8919)
   Le masque CSS est neutralise, la pastille et les animations restent.
   --------------------------------------------------------------------- */
.ee-quality__item::before{display:none!important;content:none!important}
.ee-quality__item .ee-quality__icon{
  position:absolute;z-index:1;pointer-events:none;
  top:clamp(28px,3vw,40px);left:clamp(22px,2.4vw,32px);
  width:76px;height:76px;margin:0!important;padding:0;
  display:flex;align-items:center;justify-content:center;
}
.ee-quality__item .ee-quality__icon img{
  display:block;width:36px;height:36px;object-fit:contain;
  transition:transform .45s ease,filter .45s ease;
}

/* au toucher, l icone suit l etat de la carte (pastille orange, icone blanche) */
@media (prefers-reduced-motion:reduce){
  .ee-quality__item .ee-quality__icon img{transition:none}
  .ee-quality__item:hover .ee-quality__icon img{transform:none}
}

/* ---------------------------------------------------------------------
   4.1 ACCUEIL - "Ils nous ont fait confiance" : bande de logos elargie
   Le paragraphe d introduction a ete retire du modele (blocs natifs).
   --------------------------------------------------------------------- */
.ee-hp-trust .ee-hp-refs{
  margin-top:clamp(52px,6vw,86px)!important;
  padding-top:clamp(44px,5vw,68px)!important;
  padding-bottom:clamp(8px,1.4vw,18px);
  border-top:1px solid rgba(156,155,155,.28);
}
.ee-hp-trust .ee-hp-logos{
  margin-top:0!important;
  padding-top:clamp(14px,2vw,26px);
  padding-bottom:clamp(14px,2vw,26px);
}
.ee-hp-trust .ee-hp-logos__track{
  gap:clamp(48px,6.2vw,104px)!important;
  padding-right:clamp(48px,6.2vw,104px)!important;
}
.ee-hp-trust .ee-hp-logo img{
  height:clamp(62px,6.4vw,96px)!important;
  max-width:230px!important;
  opacity:.62;
}


/* ---------------------------------------------------------------------
   4.2 ACCUEIL - "Nos dernieres realisations"
   En-tete remis en colonne unique (le bloc de texte ne passe plus a droite)
   Typographie des titres alignee sur la page archive Nos Realisations
   --------------------------------------------------------------------- */
.ee-hp-work .ee-hp-work__head{
  display:block!important;
  padding-top:34px;
  margin-bottom:clamp(34px,4vw,58px);
}
.ee-hp-work .ee-hp-work__head::before{width:72px;height:3px}
.ee-hp-work .ee-hp-work__head .ee-hp-h2{max-width:22ch;margin:0 0 clamp(18px,2.2vw,28px)!important}
.ee-hp-work .ee-hp-work__leads{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:clamp(20px,2.6vw,44px);
  max-width:1000px;
}
.ee-hp-work .ee-hp-work__leads .ee-hp-lead{max-width:none}

/* typographie identique a .ee-arch .wp-block-post-title */
.ee-hp-work .ee-hp-work__title{
  font-family:"League Spartan","Montserrat",sans-serif!important;
  font-weight:700!important;
  font-size:1.06rem!important;
  line-height:1.32!important;
  letter-spacing:0!important;
  text-transform:uppercase!important;
  margin:0!important;
}
@media (max-width:820px){
  .ee-hp-work .ee-hp-work__leads{grid-template-columns:minmax(0,1fr)}
  .ee-hp-work .ee-hp-work__head .ee-hp-h2{max-width:none}
}
@media (max-width:600px){
  .ee-hp-trust .ee-hp-logo img{height:clamp(48px,13vw,68px)!important;max-width:170px!important}
  .ee-hp-trust .ee-hp-logos__track{gap:clamp(30px,9vw,52px)!important;padding-right:clamp(30px,9vw,52px)!important}
  .ee-hp-work .ee-hp-work__title{font-size:1rem!important}
}

/* ---------------------------------------------------------------------
   5.1 QUI SOMMES-NOUS - "Ils nous font deja confiance"
   Liste convertie en blocs natifs Image + Paragraphe (logos remplacables)
   --------------------------------------------------------------------- */
.ee-qsn-refs__grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(238px,1fr));
  gap:clamp(14px,1.7vw,22px);
  margin-top:clamp(6px,1vw,14px);
}
.ee-qsn-ref{
  position:relative;display:flex;align-items:center;gap:16px;
  padding:15px 20px;background:rgba(255,255,255,.035);
  border:1px solid rgba(255,255,255,.13);
  transition:background .45s cubic-bezier(.2,.7,.2,1),border-color .45s cubic-bezier(.2,.7,.2,1),transform .45s cubic-bezier(.2,.7,.2,1);
}
.ee-qsn-ref::after{
  content:"";position:absolute;top:0;left:0;height:2px;width:0;
  background:#fe5802;transition:width .55s cubic-bezier(.2,.7,.2,1);
}


.ee-qsn-ref .ee-qsn-ref__logo{
  flex:0 0 auto;width:58px;height:58px;margin:0!important;padding:6px;
  background:#fff;display:flex;align-items:center;justify-content:center;
  transition:box-shadow .45s cubic-bezier(.2,.7,.2,1);
}
.ee-qsn-ref .ee-qsn-ref__logo img{
  display:block;width:auto;height:auto;max-width:100%;max-height:46px;object-fit:contain;
  filter:grayscale(1);opacity:.78;
  transition:filter .45s cubic-bezier(.2,.7,.2,1),opacity .45s cubic-bezier(.2,.7,.2,1);
}


.ee-qsn-ref.is-nologo::before{
  content:"";flex:0 0 auto;width:58px;height:58px;
  background:radial-gradient(circle at 50% 50%,#fe5802 0 4px,rgba(254,88,2,0) 5px);
}
.ee-qsn-ref .ee-qsn-ref__name{
  margin:0!important;font-family:"League Spartan","Montserrat",sans-serif;font-weight:700;
  text-transform:uppercase;letter-spacing:.02em;line-height:1.2;
  font-size:clamp(.92rem,1.25vw,1.06rem);color:#fff;
  transition:color .4s cubic-bezier(.2,.7,.2,1);
}

.ee-qsn-ref.is-more{background:none;border-style:dashed;border-color:rgba(255,255,255,.16)}
.ee-qsn-ref.is-more::before{background:none}


.ee-qsn-ref.is-more .ee-qsn-ref__name{
  font-family:"Montserrat",sans-serif;font-weight:300;text-transform:none;
  letter-spacing:0;font-size:.92rem;color:rgba(255,255,255,.6);
}

@media (hover:none){
  .ee-qsn-ref:hover{transform:none}
  .ee-qsn-ref .ee-qsn-ref__logo img{opacity:.88}
}
@media (prefers-reduced-motion:reduce){
  .ee-qsn-ref,.ee-qsn-ref::after,.ee-qsn-ref .ee-qsn-ref__logo img,.ee-qsn-ref .ee-qsn-ref__name{transition:none}
  .ee-qsn-ref:hover{transform:none}
}
@media (max-width:600px){
  .ee-qsn-refs__grid{grid-template-columns:minmax(0,1fr)}
}

/* ---------------------------------------------------------------------
5.2 QUI SOMMES-NOUS - equipe commerciale : bloc de reduction retire en
session F (20 septembre 2026), retour aux cartes et photos d origine
(grille 3 colonnes pleine largeur). Ancien bloc conserve dans la
sauvegarde 9694.
--------------------------------------------------------------------- */

/* ---------------------------------------------------------------------
   5.3 QUI SOMMES-NOUS - etiquettes "Service sur mesure" avec icone
   Liste convertie en blocs natifs Image + Paragraphe (icones remplacables)
   --------------------------------------------------------------------- */
.ee-qsn-service__tags{
  list-style:none;margin:26px 0 30px!important;padding:0!important;
  display:flex!important;flex-wrap:wrap;gap:10px;
}
.ee-qsn-tag{
  display:flex;align-items:center;gap:11px;
  padding:9px 16px;background:#f8f8f6;border:1px solid rgba(156,155,155,.26);
  transition:background .35s cubic-bezier(.2,.7,.2,1),border-color .35s cubic-bezier(.2,.7,.2,1),transform .35s cubic-bezier(.2,.7,.2,1);
}
.ee-qsn-tag .ee-qsn-tag__icon{
  flex:0 0 auto;width:20px;height:20px;margin:0!important;
  display:flex;align-items:center;justify-content:center;
}
.ee-qsn-tag .ee-qsn-tag__icon img{
  display:block;width:20px;height:20px;object-fit:contain;
  transition:filter .35s cubic-bezier(.2,.7,.2,1);
}
.ee-qsn-tag .ee-qsn-tag__txt{
  margin:0!important;font-family:"Montserrat",sans-serif;font-weight:600;
  font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:#2c2c2c;
  transition:color .35s cubic-bezier(.2,.7,.2,1);
}



@media (hover:none){
  .ee-qsn-tag:hover{transform:none;background:#f8f8f6;border-color:rgba(156,155,155,.26)}
  .ee-qsn-tag:hover .ee-qsn-tag__txt{color:#2c2c2c}
  .ee-qsn-tag:hover .ee-qsn-tag__icon img{filter:none}
}
@media (prefers-reduced-motion:reduce){
  .ee-qsn-tag,.ee-qsn-tag .ee-qsn-tag__icon img,.ee-qsn-tag .ee-qsn-tag__txt{transition:none}
  .ee-qsn-tag:hover{transform:none}
}

/* correctif : les etiquettes ne doivent pas s etirer verticalement */
.ee-qsn-service__tags{align-items:flex-start;align-content:flex-start}
.ee-qsn-tag{flex:0 0 auto}

/* correctif : neutralisation du block gap Gutenberg sur les nouvelles grilles */
.ee-qsn-service__tags .ee-qsn-tag,
.ee-qsn-refs__grid .ee-qsn-ref{margin-top:0!important;margin-block-start:0!important;margin-bottom:0!important;margin-block-end:0!important}

/* ---------------------------------------------------------------------
   6. QUI SOMMES-NOUS - cartes partenaires cliquables (14 aout 2026)
   Le nom du partenaire devient un lien natif ; la zone cliquable est
   etendue a toute la carte par un calque transparent. Aucun changement
   visuel : couleurs, survol et animations restent ceux de la carte.
   --------------------------------------------------------------------- */
.ee-qsn-ref .ee-qsn-ref__name a{color:inherit;text-decoration:none;font:inherit;letter-spacing:inherit}
.ee-qsn-ref .ee-qsn-ref__name a::after{content:"";position:absolute;inset:0;z-index:3}
.ee-qsn-ref .ee-qsn-ref__name a:focus-visible{outline:none}
.ee-qsn-ref:has(.ee-qsn-ref__name a:focus-visible){outline:2px solid #fe5802;outline-offset:3px}


/* ============================================================
   EDITEUR WORDPRESS - RESTITUTION DE L EDITABILITE
   Portee : editeur uniquement (.editor-styles-wrapper).
   Aucune de ces regles ne s applique au rendu public.
   ============================================================ */

/* Nos prestations techniques : descriptions de cards revelees au survol */
.editor-styles-wrapper .ee-prest .ee-prest__desc{
  max-height:none !important;opacity:1 !important;overflow:visible !important;transition:none !important;
}

/* Accueil : contenu des cards prestations revele au survol */
.editor-styles-wrapper .ee-hp-presta .ee-hp-card__more{
  max-height:none !important;opacity:1 !important;transform:none !important;
  margin-top:16px !important;overflow:visible !important;transition:none !important;
}

/* Accueil : toutes les diapos du carousel hero visibles et editables */
.editor-styles-wrapper .ee-hero{display:block !important;overflow:visible !important;}
.editor-styles-wrapper .ee-hero .ee-hero__stage{min-height:0 !important;}
.editor-styles-wrapper .ee-hero .ee-hero__slide{
  position:relative !important;inset:auto !important;
  opacity:1 !important;visibility:visible !important;
  margin:0 0 10px !important;transition:none !important;
}
.editor-styles-wrapper .ee-hero .ee-hero__slide .ee-hero__media{position:relative !important;inset:auto !important;}
.editor-styles-wrapper .ee-hero .ee-hero__slide .ee-hero__meta{position:relative !important;inset:auto !important;max-width:none !important;}

/* Qui sommes-nous : bios de l equipe revelees au survol */
.editor-styles-wrapper .ee-qsn-card__bio{
  max-height:none !important;opacity:1 !important;transform:none !important;
  margin-top:17px !important;overflow:visible !important;transition:none !important;
}

/* Qui sommes-nous : icones Demarche qualite selectionnables */
.editor-styles-wrapper .ee-quality__item .ee-quality__icon{pointer-events:auto !important;}


/* Qui sommes-nous : le contenu passe dans la page (bloc Contenu de publication).
   Cette regle annule la gouttiere ajoutee par le conteneur de flux afin de
   conserver exactement l espacement d origine entre les sections. */
.page-id-1730 .wp-block-post-content.is-layout-flow > .alignfull{margin-block-start:0;}
.page-id-1730 .wp-block-post-content.is-layout-flow{margin-block-start:0;}

/* Les animations d entree demarrent a opacite 0. Dans l editeur la timeline
   du canvas peut rester figee : le texte reste alors invisible et non cliquable.
   On neutralise ces animations cote editeur uniquement. */
.editor-styles-wrapper .ee-svc-hero .ee-svc-hero__eyebrow,
.editor-styles-wrapper .ee-svc-hero h1.ee-svc-hero__h1,
.editor-styles-wrapper .ee-svc-hero .ee-svc-hero__lead,
.editor-styles-wrapper .ee-ct-hero .ee-ct-eyebrow,
.editor-styles-wrapper .ee-ct-hero h1.ee-ct-h1,
.editor-styles-wrapper .ee-ct-hero .ee-ct-lead{animation:none !important;opacity:1 !important;transform:none !important;}
.editor-styles-wrapper .ee-svc-hero .wp-block-cover__image-background,
.editor-styles-wrapper .ee-qsn-hero__media img,
.editor-styles-wrapper .ee-single__hero .wp-block-post-featured-image img{animation:none !important;opacity:1 !important;}


/* =====================================================================
   NOS PRODUITS  -  page catalogue
   URL SEO conservee : /materiel-mobilier-evenementiel-pour-sport-spectacle/
   Prefixes : .ee-prod-hero (hero) / .ee-prod-grid (grille des 9 categories)
   La grille reutilise TELLES QUELLES les classes .ee-prest de la page
   Nos Prestations (design deja valide). La section porte les deux classes
   .ee-prest et .ee-prod-grid : zero duplication de CSS, rendu identique.
   Seules les colonnes et la hauteur de card sont redefinies ici.
   ===================================================================== */
.ee-prod-hero,.ee-prod-grid{
  --ee-orange:#fe5802;--ee-orange-dk:#d84a00;--ee-grey:#6b6a6a;
  --ee-ink:#1a1a1a;--ee-soft:#f8f8f6;--ee-body:#5f5f5f;
  --ee-ff-h:"League Spartan","Montserrat",sans-serif;
  --ee-ff-b:"Montserrat",sans-serif;
  --ee-ease:cubic-bezier(.2,.7,.2,1);
}
.ee-prod-hero *,.ee-prod-grid *{box-sizing:border-box}
.ee-prod-hero,.ee-prod-grid{margin-block-start:0;margin-block-end:0}

/* ---------- 1. HERO ---------- */
.ee-prod-hero{position:relative;isolation:isolate;overflow:hidden;background:var(--ee-ink);
  min-height:clamp(400px,48vw,540px);display:flex;align-items:flex-end;
  padding:clamp(90px,12vw,150px) 0 clamp(46px,6vw,72px)}
.ee-prod-hero__media{position:absolute;inset:0;margin:0;z-index:0;overflow:hidden}
.ee-prod-hero__media .wp-block-image{display:block;margin:0;height:100%}
.ee-prod-hero__media img{width:100%;height:100%;object-fit:cover;object-position:center 46%;display:block}
.ee-prod-hero::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(102deg,rgba(14,14,14,.94) 0%,rgba(14,14,14,.8) 38%,rgba(14,14,14,.42) 68%,rgba(14,14,14,.18) 100%)}
.ee-prod-hero::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:5px;z-index:3;pointer-events:none;
  background:linear-gradient(90deg,var(--ee-orange) 0%,var(--ee-orange) 34%,rgba(254,88,2,0) 100%)}
.ee-prod-hero__inner{position:relative;z-index:2;width:100%;max-width:1240px;margin:0 auto;padding:0 clamp(20px,4vw,44px)}
.ee-prod-eyebrow{display:inline-flex;align-items:center;gap:12px;margin:0 0 18px;
  font-family:var(--ee-ff-b);font-weight:600;font-size:11px;line-height:1.4;
  letter-spacing:.22em;text-transform:uppercase;color:#fff}
.ee-prod-eyebrow::before{content:"";display:block;width:46px;height:1px;background:var(--ee-orange);flex:0 0 auto}
.ee-prod-hero__title{font-family:var(--ee-ff-h);font-weight:700;text-transform:uppercase;color:#fff;
  font-size:clamp(1.9rem,4.4vw,3.2rem);line-height:1.04;letter-spacing:-1px;margin:0 0 22px;max-width:24ch}
.ee-prod-hero__title strong{color:var(--ee-orange);font-weight:700}
.ee-prod-hero__lead{font-family:var(--ee-ff-b);font-weight:300;color:rgba(255,255,255,.85);
  font-size:clamp(1rem,1.2vw,1.1rem);line-height:1.8;max-width:64ch;margin:0 0 14px}
.ee-prod-hero__lead:last-child{margin-bottom:0}

/* ---------- 2. GRILLE DES 9 CATEGORIES ---------- */
.ee-prod-grid .ee-prest__grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.ee-prod-grid .ee-prest__card{height:clamp(300px,26vw,370px)}
.ee-prod-grid .ee-prest__title{font-size:clamp(1rem,1.35vw,1.22rem)}
.ee-prod-grid .ee-prest__content{padding:clamp(20px,2.2vw,30px)}

/* ---------- 4. RESPONSIVE ---------- */
@media (max-width:1080px){
  .ee-prod-grid .ee-prest__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ee-prod-grid .ee-prest__card{height:clamp(300px,34vw,380px)}
  .ee-prod-hero{min-height:clamp(380px,56vw,480px)}
}
@media (max-width:820px){
  .ee-prod-hero{min-height:0;padding:clamp(74px,18vw,104px) 0 clamp(36px,8vw,50px)}
  .ee-prod-hero__title{font-size:clamp(1.6rem,6vw,2.1rem);letter-spacing:-.5px;max-width:none}
  .ee-prod-hero__lead{font-size:.96rem;line-height:1.75}
}
@media (max-width:600px){
  .ee-prod-grid .ee-prest__grid{grid-template-columns:1fr}
  .ee-prod-grid .ee-prest__card{height:clamp(260px,54vw,330px)}
  .ee-prod-eyebrow{font-size:10px;letter-spacing:.18em}
}
@media (hover:none){
  .ee-prod-grid .ee-prest__card:hover{transform:none;box-shadow:0 10px 30px rgba(26,26,26,.08)}
}
@media (prefers-reduced-motion:reduce){
  .ee-prod-hero__media img{animation:none!important;transition:none!important}
}
/* Editeur : le hero et le bandeau restent lisibles dans l editeur de blocs */
.editor-styles-wrapper .ee-prod-hero__media img{animation:none!important;opacity:1!important;transform:none!important}
.editor-styles-wrapper .ee-prod-grid .ee-prest__card{height:auto;min-height:300px}


/* =====================================================================
   NOS PRODUITS  --  modele Archives de Categorie Produits
   Modele : Apparence  Editeur  Modeles  Archives de Categorie Produits
   Prefixe .ee-cat-*   --  refonte du 16/08/2026
   Slugs /product-category/ inchanges.
   ===================================================================== */

/* ---------- 0. TOKENS PARTAGES (portee locale aux deux gabarits produits) ---------- */
.ee-cat-main,.ee-fp-main{
--ee-orange:#fe5802;
--ee-orange-dk:#d84a00;
--ee-orange-lt:#ff8a4d;
--ee-grey:#6b6a6a;
--ee-ink:#1a1a1a;
--ee-ink2:#2c2c2c;
--ee-soft:#f8f8f6;
--ee-body:#5f5f5f;
--ee-line:#ececea;
--ee-max:1240px;
--ee-ff-h:"League Spartan","Montserrat",sans-serif;
--ee-ff-b:"Montserrat",sans-serif;
--ee-ease:cubic-bezier(.2,.7,.2,1);
}
.ee-cat-main{background:#ffffff;}
.ee-cat-main *{font-family:var(--ee-ff-b);}
.ee-cat-main h1,.ee-cat-main h2,.ee-cat-main h3{font-family:var(--ee-ff-h);font-weight:700;}
.ee-cat-main .ee-cat-wrap{max-width:var(--ee-max);margin-left:auto;margin-right:auto;padding-left:24px;padding-right:24px;width:100%;}

/* ---------- 1. EN-TETE DE CATEGORIE ---------- */
.ee-cat-head{background:var(--ee-soft);border-bottom:1px solid var(--ee-line);padding:58px 0 54px;text-align:center;}
.ee-cat-eyebrow{margin:0 0 14px;font-family:var(--ee-ff-h);font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--ee-orange);}
.ee-cat-h1{margin:0 0 22px;font-size:clamp(29px,3.6vw,46px);line-height:1.06;letter-spacing:-.005em;text-transform:uppercase;color:var(--ee-ink);}
.ee-cat-h1::after{content:"";display:block;width:56px;height:3px;background:var(--ee-orange);margin:22px auto 0;}
.ee-cat-desc{max-width:72ch;margin:0 auto;font-size:16.5px;line-height:1.8;font-weight:300;color:var(--ee-body);}
.ee-cat-desc p{margin:0 0 14px;}
.ee-cat-desc p:last-child{margin-bottom:0;}

/* ---------- 1.1 Puces de sous-categories (remplies par script) ---------- */
.ee-cat-subs{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:30px;}
.ee-cat-subs:empty{display:none;margin-top:0;}
.ee-cat-subs a{display:inline-flex;align-items:center;gap:9px;padding:9px 18px;background:#ffffff;border:1px solid var(--ee-line);font-family:var(--ee-ff-h);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ee-ink);text-decoration:none;transition:border-color .35s var(--ee-ease),color .35s var(--ee-ease),transform .35s var(--ee-ease);}
.ee-cat-subs a:hover{border-color:var(--ee-orange);color:var(--ee-orange);transform:translateY(-2px);}
.ee-cat-subs a:focus-visible{outline:3px solid var(--ee-ink);outline-offset:3px;}
.ee-cat-subs a span{font-family:var(--ee-ff-b);font-size:11px;font-weight:400;color:var(--ee-grey);}
.ee-cat-subs a:hover span{color:var(--ee-orange);}

/* ---------- 1.2 Puces de sous-categories, etat courant et retour a la categorie parente ---------- */
.ee-cat-subs a.is-current{background:var(--ee-ink);border-color:var(--ee-ink);color:#ffffff;cursor:default;}
.ee-cat-subs a.is-current:hover{background:var(--ee-ink);border-color:var(--ee-ink);color:#ffffff;transform:none;}
.ee-cat-subs a.is-current span{color:rgba(255,255,255,.72);}
.ee-cat-subs a.ee-cat-subs-up{background:#ffffff;border-color:var(--ee-line);color:var(--ee-ink);}
.ee-cat-subs a.ee-cat-subs-up::before{content:"\2039";margin-right:3px;color:var(--ee-orange);font-size:15px;line-height:1;}
.ee-cat-subs a.ee-cat-subs-up:hover{background:#ffffff;border-color:var(--ee-orange);color:var(--ee-orange);}
@media (max-width:600px){
.ee-cat-subs{gap:8px;margin-top:22px;}
.ee-cat-subs a{padding:8px 14px;font-size:11px;letter-spacing:.06em;}
}
@media (hover:none){
.ee-cat-subs a:hover{transform:none;}
}
@media (prefers-reduced-motion:reduce){
.ee-cat-subs a{transition:none;}
.ee-cat-subs a:hover{transform:none;}
}

/* ---------- 2. GRILLE PRODUITS ---------- */
.ee-cat{padding:60px 0 78px;background:#ffffff;}
.ee-cat-h2{margin:0 0 34px;padding-top:20px;position:relative;font-size:clamp(18px,2vw,24px);line-height:1.2;letter-spacing:.02em;text-transform:uppercase;color:var(--ee-ink);}
.ee-cat-h2::before{content:"";position:absolute;top:0;left:0;width:48px;height:3px;background:var(--ee-orange);}
.ee-cat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px;list-style:none;margin:0;padding:0;}
.ee-cat-grid li{list-style:none;margin:0;padding:0;}
.ee-cat-grid li::marker{content:"";}

.ee-cat-card{position:relative;display:flex;flex-direction:column;height:100%;background:#ffffff;border:1px solid var(--ee-line);overflow:hidden;transition:transform .5s var(--ee-ease),box-shadow .5s var(--ee-ease),border-color .5s var(--ee-ease);}
.ee-cat-card::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--ee-orange);transform:scaleX(0);transform-origin:left center;transition:transform .5s var(--ee-ease);}
.ee-cat-card:hover{transform:translateY(-6px);box-shadow:0 16px 40px rgba(26,26,26,.10);border-color:#e4e4e1;}
.ee-cat-card:hover::after{transform:scaleX(1);}

.ee-cat-card__media{background:var(--ee-soft);padding:22px;overflow:hidden;margin:0;}
.ee-cat-card__media img{width:100%;height:100%;object-fit:contain;display:block;transition:transform .6s var(--ee-ease);}
.ee-cat-card:hover .ee-cat-card__media img{transform:scale(1.05);}
.ee-cat-card__media a{display:block;height:100%;}

.ee-cat-card__body{display:flex;flex-direction:column;gap:14px;padding:20px 22px 24px;flex:1 1 auto;}
.ee-cat-card__title{margin:0;font-size:16px;line-height:1.3;letter-spacing:.01em;text-transform:uppercase;}
.ee-cat-card__title a{color:var(--ee-ink);text-decoration:none;transition:color .35s var(--ee-ease);}
.ee-cat-card:hover .ee-cat-card__title a{color:var(--ee-orange);}
/* le bloc Lire la suite rend la classe directement sur la balise a */
.ee-cat-card__more,.ee-cat-card__more a{display:inline-flex;align-items:center;gap:9px;width:-moz-fit-content;width:fit-content;margin:auto 0 0;font-family:var(--ee-ff-h);font-size:12px;font-weight:700;line-height:1.2;letter-spacing:.1em;text-transform:uppercase;color:var(--ee-orange);text-decoration:none;}
.ee-cat-card__more::after{content:"";width:18px;height:2px;background:var(--ee-orange);transition:width .35s var(--ee-ease);}
.ee-cat-card:hover .ee-cat-card__more::after{width:30px;}
.ee-cat-card__more:hover{color:var(--ee-orange-dk);}
.ee-cat-card a:focus-visible{outline:3px solid var(--ee-ink);outline-offset:3px;}

/* ---------- 3. ETAT VIDE ---------- */
.ee-cat-noresults{text-align:center;padding:58px 26px 54px;background:var(--ee-soft);border:1px solid var(--ee-line);}
.ee-cat-empty{max-width:60ch;margin:0 auto 26px;font-size:16.5px;line-height:1.8;font-weight:300;color:var(--ee-body);}
.ee-cat-empty::before{content:"";display:block;width:44px;height:3px;background:var(--ee-orange);margin:0 auto 24px;}
.ee-cat-empty-ctas{display:flex;justify-content:center;flex-wrap:wrap;gap:14px;}
.ee-cat-empty-ctas .wp-block-button__link{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 28px;border-radius:0;font-family:var(--ee-ff-h);font-size:12.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;background:var(--ee-orange);color:#ffffff;border:2px solid var(--ee-orange);transition:background-color .35s var(--ee-ease),color .35s var(--ee-ease),transform .35s var(--ee-ease);}
.ee-cat-empty-ctas .wp-block-button__link:hover{background:var(--ee-orange-dk);border-color:var(--ee-orange-dk);transform:translateY(-2px);}
.ee-cat-empty-cta--alt .wp-block-button__link{background:transparent;color:var(--ee-orange);}
.ee-cat-empty-cta--alt .wp-block-button__link:hover{background:var(--ee-orange);color:#ffffff;}

/* ---------- 4. PAGINATION ---------- */
.ee-cat-pag{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:8px;margin-top:50px;}
.ee-cat-pag .page-numbers,.ee-cat-pag .wp-block-query-pagination-previous,.ee-cat-pag .wp-block-query-pagination-next{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:44px;padding:0 14px;border:1px solid var(--ee-line);background:#ffffff;font-family:var(--ee-ff-h);font-size:13px;font-weight:700;letter-spacing:.06em;color:var(--ee-ink);text-decoration:none;transition:border-color .3s var(--ee-ease),color .3s var(--ee-ease),background-color .3s var(--ee-ease);}
.ee-cat-pag .page-numbers:hover,.ee-cat-pag .wp-block-query-pagination-previous:hover,.ee-cat-pag .wp-block-query-pagination-next:hover{border-color:var(--ee-orange);color:var(--ee-orange);}
.ee-cat-pag .page-numbers.current{background:var(--ee-orange);border-color:var(--ee-orange);color:#ffffff;}
.ee-cat-pag .page-numbers.dots{border-color:transparent;background:transparent;}
.ee-cat-pag a:focus-visible{outline:3px solid var(--ee-ink);outline-offset:3px;}

/* =========================================================
   5. SECTION SEO BAS DE PAGE  --  archives de categories produits
   Prefixe .ee-cat-seo   --  ajout du 13/09/2026
   Le paragraphe descriptif vient de la description du terme de
   taxonomie : la mise en forme cible le bloc, pas les 9 categories.
   ========================================================= */

.ee-cat-seo{background:var(--ee-soft);border-top:1px solid var(--ee-line);padding:74px 0 78px;}

.ee-cat-seo .ee-cat-seo__grid{display:grid;grid-template-columns:minmax(0,32%) minmax(0,1fr);gap:56px;margin:0;}

/* colonne de gauche : titre de la gamme, collant au defilement */
.ee-cat-seo__aside{position:sticky;top:110px;align-self:start;}
.ee-cat-seo__h2{margin:0;font-family:var(--ee-ff-h);font-weight:700;text-transform:uppercase;font-size:clamp(20px,2.1vw,28px);line-height:1.1;letter-spacing:-0.005em;color:var(--ee-ink);}

/* surtitre genere en CSS : aucun texte fige dans le gabarit, donc
   aucune chaine francaise dans le source des pages anglaises */
.ee-cat-seo__h2::before{content:"En savoir plus";display:block;margin:0 0 14px;padding-left:46px;font-family:var(--ee-ff-h);font-size:11px;font-weight:700;letter-spacing:0.18em;text-transform:uppercase;color:var(--ee-orange);background-image:linear-gradient(var(--ee-orange),var(--ee-orange));background-size:34px 1px;background-repeat:no-repeat;background-position:0 50%;}
html[lang^="en"] .ee-cat-seo__h2::before{content:"More about this range";}
.ee-cat-seo__h2::after{content:"";display:block;width:48px;height:3px;background:var(--ee-orange);margin:18px 0 0;}

/* colonne de droite : largeur de lecture confortable, filet de separation */
.ee-cat-seo__body{max-width:68ch;border-left:1px solid #e4e4e0;padding-left:44px;}
.ee-cat-seo .ee-cat-desc{max-width:none;margin:0;font-size:16.5px;line-height:1.85;font-weight:300;color:var(--ee-body);text-align:left;}
.ee-cat-seo .ee-cat-desc p{margin:0 0 18px;}
.ee-cat-seo .ee-cat-desc p:last-child{margin-bottom:0;}
.ee-cat-seo .ee-cat-desc a{color:var(--ee-ink);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--ee-orange);transition:color .25s var(--ee-ease);}
.ee-cat-seo .ee-cat-desc a:hover,.ee-cat-seo .ee-cat-desc a:focus-visible{color:var(--ee-orange);}

/* categorie sans description : la section entiere disparait */
.ee-cat-seo:not(:has(.wp-block-term-description)){display:none;}
.ee-cat-seo:has(.wp-block-term-description:empty){display:none;}

@media (max-width:1080px){
  .ee-cat-seo{padding:64px 0 66px;}
  .ee-cat-seo .ee-cat-seo__grid{gap:38px;}
  .ee-cat-seo__body{padding-left:32px;}
}
@media (max-width:820px){
  .ee-cat-seo{padding:56px 0 58px;}
  .ee-cat-seo .ee-cat-seo__grid{grid-template-columns:1fr;gap:26px;}
  .ee-cat-seo__aside{position:static;}
  .ee-cat-seo__body{border-left:0;padding-left:0;max-width:none;}
}
@media (max-width:600px){
  .ee-cat-seo{padding:46px 0 50px;}
  .ee-cat-seo__h2{font-size:21px;}
  .ee-cat-seo .ee-cat-desc{font-size:15.5px;line-height:1.8;}
}
@media (hover:none){
  .ee-cat-seo__aside{position:static;}
}
@media (prefers-reduced-motion:reduce){
  .ee-cat-seo .ee-cat-desc a{transition:none;}
}

/* editeur : la section reste lisible et editable dans le site editor */
.editor-styles-wrapper .ee-cat-seo__aside{position:static;}

/* =====================================================================
   NOS PRODUITS  --  modele Element unique : Produits (fiche produit)
   Prefixe .ee-fp-*   --  refonte du 16/08/2026
   Cards des produits similaires : styles .ee-cat-card partages avec l archive.
   ===================================================================== */

.ee-fp-main{background:#ffffff;}
.ee-fp-main *{font-family:var(--ee-ff-b);}
.ee-fp-main h1,.ee-fp-main h2,.ee-fp-main h3{font-family:var(--ee-ff-h);font-weight:700;}
.ee-fp-main .ee-cat-wrap{max-width:var(--ee-max);margin-left:auto;margin-right:auto;padding-left:24px;padding-right:24px;width:100%;}

/* ---------- 1. BLOC PRODUIT ---------- */
.ee-fp-top{padding:56px 0 66px;background:#ffffff;}
.ee-fp-grid{display:grid;grid-template-columns:minmax(0,48fr) minmax(0,52fr);gap:56px;align-items:start;}

/* --- colonne visuelle : cadre clair, lisere orange decale, zoom lent --- */
.ee-fp-visual{position:relative;}
.ee-fp-visual::after{content:"";position:absolute;left:-14px;bottom:-14px;width:150px;height:4px;background:var(--ee-orange);pointer-events:none;}
.ee-fp-media{margin:0;background:var(--ee-soft);border:1px solid var(--ee-line);padding:30px;overflow:hidden;}
.ee-fp-media img{width:100%;height:100%;object-fit:contain;display:block;transition:transform .7s var(--ee-ease);}
.ee-fp-visual:hover .ee-fp-media img{transform:scale(1.03);}

/* --- surtitre categorie : une seule, la principale Yoast --- */
.ee-fp-eyebrow{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 20px;font-family:var(--ee-ff-h);font-size:11px;font-weight:700;letter-spacing:.16em;line-height:1.4;text-transform:uppercase;}
.ee-fp-eyebrow .wp-block-post-terms__separator{display:none;}
.ee-fp-eyebrow a{display:none;position:relative;padding-left:36px;color:var(--ee-orange);text-decoration:none;transition:color .3s var(--ee-ease);}
.ee-fp-eyebrow a::before{content:"";position:absolute;left:0;top:50%;width:26px;height:2px;background:var(--ee-orange);transition:background-color .3s var(--ee-ease);}
.ee-fp-eyebrow a:last-child{display:inline-block;}
.ee-fp-eyebrow.is-resolved a{display:none;}
.ee-fp-eyebrow.is-resolved a.ee-primary{display:inline-block;}
.ee-fp-eyebrow a:hover{color:var(--ee-orange-dk);}
.ee-fp-eyebrow a:hover::before{background:var(--ee-orange-dk);}
.ee-fp-eyebrow a:focus-visible{outline:3px solid var(--ee-ink);outline-offset:3px;}

/* --- H1 produit --- */
.ee-fp-h1{margin:0 0 20px;font-size:clamp(29px,3.4vw,44px);line-height:1.05;letter-spacing:-.01em;text-transform:uppercase;color:var(--ee-ink);}
.ee-fp-h1::after{content:"";display:block;width:56px;height:3px;background:var(--ee-orange);margin-top:22px;}

/* --- accroche : masquee si extrait auto-genere --- */
.ee-fp-lead{margin:0 0 30px;max-width:54ch;font-size:16.5px;line-height:1.78;font-weight:300;color:var(--ee-body);}
.ee-fp-lead.is-hidden{display:none;}
.ee-fp-lead .wp-block-post-excerpt__more-text{display:none;}

/* --- CTA : devis (gabarit) + fiche technique (remonte du contenu) --- */
.ee-fp-ctas{display:flex;flex-wrap:wrap;gap:14px;margin:0;}
.ee-fp-ctas .wp-block-button__link{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 30px;border-radius:0;font-family:var(--ee-ff-h);font-size:12.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;transition:background-color .35s var(--ee-ease),color .35s var(--ee-ease),border-color .35s var(--ee-ease),transform .35s var(--ee-ease);}
.ee-fp-ctas .ee-fp-cta .wp-block-button__link{background:var(--ee-orange);color:#ffffff;border:2px solid var(--ee-orange);}
.ee-fp-ctas .ee-fp-cta .wp-block-button__link:hover{background:var(--ee-orange-dk);border-color:var(--ee-orange-dk);transform:translateY(-2px);}
.ee-fp-ctas .ee-fiche-btn--dl .wp-block-button__link{background:transparent;color:var(--ee-orange);border:2px solid var(--ee-orange);}
.ee-fp-ctas .ee-fiche-btn--dl .wp-block-button__link:hover{background:var(--ee-orange);color:#ffffff;transform:translateY(-2px);}
.ee-fp-ctas .wp-block-button__link:focus-visible{outline:3px solid var(--ee-ink);outline-offset:3px;}

/* ---------- 2. DESCRIPTIF TECHNIQUE ---------- */
.ee-fp-desc{padding:64px 0 78px;background:var(--ee-soft);border-top:1px solid var(--ee-line);}
.ee-fp-content{margin:0;}
.ee-fp-content>h2{margin:0 0 34px;padding-top:22px;position:relative;font-size:clamp(21px,2.2vw,28px);line-height:1.2;letter-spacing:.02em;text-transform:uppercase;color:var(--ee-ink);}
.ee-fp-content>h2::before{content:"";position:absolute;top:0;left:0;width:48px;height:3px;background:var(--ee-orange);}
.ee-fp-content.is-sectioned{column-count:2;column-gap:30px;}
.ee-fp-content.is-sectioned>h2{column-span:all;}
/* --- fiche sans sections H3 : une seule colonne lisible --- */
.ee-fp-content.is-plain{max-width:80ch;}
.ee-fp-content.is-plain p{margin:0 0 16px;font-size:16.5px;line-height:1.85;font-weight:300;color:var(--ee-body);}
.ee-fp-content.is-plain p:last-child{margin-bottom:0;}
.ee-fp-content.is-plain ul{margin:0 0 16px;padding:0;list-style:none;}
.ee-fp-content.is-plain li{position:relative;padding-left:22px;margin:0 0 9px;font-size:16px;line-height:1.75;font-weight:300;color:var(--ee-body);}
.ee-fp-content.is-plain li::before{content:"";position:absolute;left:0;top:12px;width:11px;height:2px;background:var(--ee-orange);}
.ee-fp-content.is-plain strong{color:var(--ee-ink);font-weight:600;}

.ee-fp-sec{break-inside:avoid;-webkit-column-break-inside:avoid;page-break-inside:avoid;background:#ffffff;border:1px solid var(--ee-line);border-left:3px solid var(--ee-orange);padding:22px 26px 24px;margin:0 0 20px;transition:box-shadow .4s var(--ee-ease),transform .4s var(--ee-ease);}
.ee-fp-sec:hover{box-shadow:0 10px 30px rgba(26,26,26,.07);transform:translateY(-2px);}
.ee-fp-sec h3{margin:0 0 13px;font-size:13px;line-height:1.35;letter-spacing:.12em;text-transform:uppercase;color:var(--ee-ink);}
.ee-fp-sec p{margin:0 0 11px;font-size:15px;line-height:1.75;font-weight:300;color:var(--ee-body);}
.ee-fp-sec p:last-child{margin-bottom:0;}
.ee-fp-sec ul,.ee-fp-sec ol{margin:0;padding:0;list-style:none;}
.ee-fp-sec li{position:relative;padding-left:22px;margin:0 0 9px;font-size:15px;line-height:1.7;font-weight:300;color:var(--ee-body);}
.ee-fp-sec li:last-child{margin-bottom:0;}
.ee-fp-sec li::before{content:"";position:absolute;left:0;top:11px;width:11px;height:2px;background:var(--ee-orange);}
.ee-fp-sec a{color:var(--ee-orange);}

/* --- A propos : pleine largeur au-dessus des deux colonnes --- */
.ee-fp-content.is-sectioned>.ee-fp-sec--apropos{column-span:all;margin-bottom:26px;}
.ee-fp-sec--apropos p{font-size:17px;line-height:1.8;}

/* --- Dimensions et Couleurs : carte claire, lisere orange sur les 4 cotes --- */
.ee-fp-sec--dimensions,.ee-fp-sec--couleurs,.ee-fp-sec--noscouleurs{background:#ffffff;border:2px solid var(--ee-orange);border-left-width:4px;}
.ee-fp-sec--dimensions h3,.ee-fp-sec--couleurs h3,.ee-fp-sec--noscouleurs h3{color:var(--ee-orange);}
.ee-fp-sec--dimensions li{font-family:var(--ee-ff-h);font-weight:500;letter-spacing:.005em;color:var(--ee-ink);}
.ee-fp-sec--noscouleurs p,.ee-fp-sec--couleurs p{color:var(--ee-ink2);}

/* --- Normes et Options : listes compactes --- */
.ee-fp-sec--normes li,.ee-fp-sec--options li{margin-bottom:7px;}

/* ---------- 3. PRODUITS SIMILAIRES ---------- */
.ee-fp-rel{padding:62px 0 78px;background:#ffffff;border-top:1px solid var(--ee-line);}
.ee-fp-rel__h2{margin:0 0 34px;padding-top:20px;position:relative;font-size:clamp(18px,2vw,24px);line-height:1.2;letter-spacing:.02em;text-transform:uppercase;color:var(--ee-ink);}
.ee-fp-rel__h2::before{content:"";position:absolute;top:0;left:0;width:48px;height:3px;background:var(--ee-orange);}
.ee-fp-rel .ee-cat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;}
.ee-fp-rel__ctas{display:flex;justify-content:center;margin-top:40px;}
.ee-fp-rel__ctas .wp-block-button__link{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 28px;border-radius:0;font-family:var(--ee-ff-h);font-size:12.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;background:transparent;color:var(--ee-orange);border:2px solid var(--ee-orange);transition:background-color .35s var(--ee-ease),color .35s var(--ee-ease),transform .35s var(--ee-ease);}
.ee-fp-rel__ctas .wp-block-button__link:hover{background:var(--ee-orange);color:#ffffff;transform:translateY(-2px);}
.ee-fp-rel .ee-cat-empty{text-align:center;font-size:16px;font-weight:300;color:var(--ee-body);}

/* ---------- 4. RESPONSIVE ET ACCESSIBILITE (produits) ---------- */
@media (max-width:1080px){
  .ee-cat-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
  .ee-fp-rel .ee-cat-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
  .ee-fp-grid{grid-template-columns:1fr;gap:38px;}
  .ee-fp-content.is-sectioned{column-count:1;}
  .ee-fp-visual{max-width:560px;}
  .ee-cat-head{padding:48px 0 44px;}
}
@media (max-width:820px){
  .ee-cat-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .ee-fp-rel .ee-cat-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .ee-fp-top{padding:40px 0 48px;}
  .ee-fp-desc{padding:48px 0 58px;}
  .ee-fp-rel{padding:48px 0 58px;}
  .ee-cat{padding:46px 0 60px;}
  .ee-fp-media{padding:22px;}
  .ee-cat-card__media{padding:18px;}
}
@media (max-width:600px){
  .ee-cat-grid{grid-template-columns:1fr;}
  .ee-fp-rel .ee-cat-grid{grid-template-columns:1fr;}
  .ee-fp-ctas{flex-direction:column;align-items:stretch;}
  .ee-fp-ctas .wp-block-button{width:100%;}
  .ee-fp-ctas .wp-block-button__link{width:100%;}
  .ee-cat-empty-ctas{flex-direction:column;align-items:stretch;}
  .ee-cat-empty-ctas .wp-block-button{width:100%;}
  .ee-cat-empty-ctas .wp-block-button__link{width:100%;}
  .ee-fp-sec{padding:20px 20px 22px;}
  .ee-fp-visual::after{left:-8px;bottom:-8px;width:110px;}
  .ee-cat-subs{gap:8px;}
  .ee-cat-subs a{padding:8px 14px;font-size:11px;}
}
@media (hover:none){
  .ee-cat-card:hover{transform:none;box-shadow:none;}
  .ee-cat-card:hover::after{transform:scaleX(1);}
  .ee-cat-card:hover .ee-cat-card__media img{transform:none;}
  .ee-fp-visual:hover .ee-fp-media img{transform:none;}
  .ee-fp-sec:hover{transform:none;box-shadow:none;}
  .ee-cat-subs a:hover{transform:none;}
  .ee-fp-ctas .wp-block-button__link:hover{transform:none;}
}
@media (prefers-reduced-motion:reduce){
  .ee-cat-main *,.ee-fp-main *{transition:none !important;animation:none !important;}
  .ee-cat-card:hover{transform:none;}
  .ee-fp-sec:hover{transform:none;}
  .ee-fp-visual:hover .ee-fp-media img{transform:none;}
}

/* ---------- 5. EDITEUR DE BLOCS : lisibilite des gabarits produits ---------- */
.editor-styles-wrapper .ee-fp-eyebrow a{display:inline-block;}
.editor-styles-wrapper .ee-cat-subs{min-height:22px;}
.editor-styles-wrapper .ee-cat-subs::before{content:"Puces de sous-categories generees automatiquement";font-family:var(--ee-ff-b);font-size:11px;color:var(--ee-grey);letter-spacing:.04em;}

/* ==================================================================
   20. HEADER — OUTILS : recherche native + selecteur de langue FR/EN
   (Missions 1 et 3 — session du 15/08/2026)
   ================================================================== */
.ee-hdr,.ee-hdr-tools,.ee-hdr-lang,.ee-hdr-search{
  --ee-orange:#fe5802;--ee-orange-dk:#d84a00;--ee-grey:#6b6a6a;--ee-ink:#1a1a1a;
  --ee-ff-b:"Montserrat",sans-serif;--ee-ease:cubic-bezier(.2,.7,.2,1);
}
.ee-hdr-row{column-gap:18px;position:relative}
.ee-hdr-tools{flex:0 0 auto;column-gap:16px}
.ee-hdr .logo-header{flex:0 0 auto;margin:0}
.ee-hdr-row .wp-block-navigation{column-gap:20px;flex:0 1 auto}
.ee-hdr-row .wp-block-navigation .wp-block-navigation__container{column-gap:20px}
.ee-hdr-row .wp-block-navigation .wp-block-navigation-item__content{font-size:17px}

/* 20.1 Bloc Recherche natif, mode bouton seul.
   Le champ est pose en survol absolu : aucun espace reserve quand il est replie */
.ee-hdr-search{margin:0;flex:0 0 auto;position:relative;z-index:40}
.ee-hdr-search .wp-block-search__inside-wrapper{
  background:transparent;border:0;padding:0;width:auto!important;min-width:0!important;position:static;
}
.ee-hdr-search .wp-block-search__input{
  position:absolute;right:44px;top:50%;transform:translateY(-50%);
  width:0;opacity:0;pointer-events:none;padding:6px 0;margin:0;
  border:0;border-bottom:1px solid rgba(156,155,155,.55);border-radius:0;
  background:#ffffff;box-shadow:none;outline:0;z-index:40;
  font-family:var(--ee-ff-b);font-weight:300;font-size:14px;letter-spacing:.02em;color:var(--ee-ink);
  transition:width .4s var(--ee-ease),opacity .3s ease,padding .4s var(--ee-ease),border-color .3s ease;
}
.ee-hdr-search .wp-block-search__input::placeholder{color:var(--ee-grey);opacity:1}
.ee-hdr-search .wp-block-search__input:focus{border-bottom-color:var(--ee-orange);outline:0}
.ee-hdr-search:not(.wp-block-search__searchfield-hidden) .wp-block-search__input{
  width:min(320px,34vw);opacity:1;pointer-events:auto;padding:6px 12px;
}
.ee-hdr-search .wp-block-search__button{
  background-color:transparent!important;background-image:none!important;
  border:0!important;box-shadow:none!important;border-radius:0!important;
  color:var(--ee-ink)!important;padding:0;margin:0;min-width:34px;width:34px;height:34px;
  display:flex;align-items:center;justify-content:center;cursor:pointer;
  transition:color .3s var(--ee-ease),transform .3s var(--ee-ease);
}
.ee-hdr-search .wp-block-search__button:hover,
.ee-hdr-search .wp-block-search__button:focus-visible{color:var(--ee-orange)!important;transform:scale(1.1)}
.ee-hdr-search .wp-block-search__button:focus-visible{outline:2px solid var(--ee-orange);outline-offset:3px}
.ee-hdr-search .wp-block-search__button svg{width:21px;height:21px;fill:currentColor}

/* 20.2 Selecteur de langue FR / EN - widget Polylang via bloc Widget herite */
.ee-hdr-lang{flex:0 0 auto;column-gap:0;align-items:center}
.ee-hdr-lang .widget,.ee-hdr-lang .widget_polylang{margin:0;padding:0}
.ee-hdr-lang .widget_polylang .widgettitle,.ee-hdr-lang .widget_polylang .widget-title{display:none}
.ee-hdr-lang .widget_polylang ul{display:flex;flex-wrap:nowrap;align-items:center;gap:0;margin:0;padding:0;list-style:none}
.ee-hdr-lang .widget_polylang li{display:flex;align-items:center;margin:0;padding:0;list-style:none;line-height:1;font-family:var(--ee-ff-b)}
.ee-hdr-lang .widget_polylang li::marker{content:""}
.ee-hdr-lang .widget_polylang li + li::before{content:"/";color:rgba(156,155,155,.55);font-size:12px;font-family:var(--ee-ff-b)}
.ee-hdr-lang .widget_polylang a{
  display:inline-block;font-size:13px;font-weight:400;letter-spacing:.08em;
  text-transform:uppercase;color:var(--ee-grey);text-decoration:none;padding:4px 4px;
  transition:color .3s var(--ee-ease);
}
.ee-hdr-lang .widget_polylang a:hover{color:var(--ee-orange)}
.ee-hdr-lang .widget_polylang a:focus-visible{outline:2px solid var(--ee-orange);outline-offset:2px;color:var(--ee-orange)}
.ee-hdr-lang .widget_polylang .current-lang a{color:var(--ee-orange);font-weight:700}
@media (hover:none){
  .ee-hdr-lang .widget_polylang a{padding:6px 6px}
}

/* 20.3 Telephone du header */
.ee-hdr .header-phone{margin:0;white-space:nowrap;font-family:var(--ee-ff-b)}
.ee-hdr .header-phone a{transition:color .3s var(--ee-ease)}
.ee-hdr .header-phone a:hover{color:var(--ee-orange-dk)!important}
.ee-hdr .header-phone a:focus-visible{outline:2px solid var(--ee-orange);outline-offset:3px}

/* 20.4 Responsive */
@media (max-width:1240px){
  .ee-hdr-row{flex-wrap:wrap!important;row-gap:16px;column-gap:16px;justify-content:space-between!important}
  .ee-hdr-row .wp-block-navigation{order:3;flex-basis:100%;justify-content:center}
  .ee-hdr-tools{order:2;margin-left:auto}
}
@media (max-width:1080px){
  .ee-hdr-row .wp-block-navigation .wp-block-navigation-item__content{font-size:16px}
  .ee-hdr-row .wp-block-navigation,
  .ee-hdr-row .wp-block-navigation .wp-block-navigation__container{column-gap:18px}
}
@media (max-width:820px){
  .ee-hdr{padding-left:22px!important;padding-right:22px!important}
  .ee-hdr-row .wp-block-navigation .wp-block-navigation-item__content{font-size:15px}
  .ee-hdr-row .wp-block-navigation,
  .ee-hdr-row .wp-block-navigation .wp-block-navigation__container{column-gap:14px;row-gap:8px}
}
@media (max-width:600px){
  .ee-hdr{padding:18px 16px!important}
  .ee-hdr-row{flex-wrap:wrap!important;row-gap:12px;column-gap:12px;justify-content:flex-start!important}
  .ee-hdr-tools{display:contents!important}
  .ee-hdr .logo-header{margin-right:auto!important}
  .ee-hdr-search{order:2;position:static}
  .ee-hdr-lang{order:3}
  .ee-hdr-row .wp-block-navigation{order:4;flex-basis:auto;justify-content:flex-end;margin-left:0}
  .ee-hdr .header-phone{order:5;flex-basis:100%;text-align:center;margin:0}
  .ee-hdr .logo-header img{width:118px!important}
  .ee-hdr-search .wp-block-search__input{
    right:0;left:auto;top:calc(100% + 10px);transform:none;
    box-shadow:0 10px 26px rgba(26,26,26,.12);border:1px solid rgba(156,155,155,.35);
  }
  .ee-hdr-search:not(.wp-block-search__searchfield-hidden) .wp-block-search__input{
    width:min(86vw,300px);padding:10px 14px;
  }
  .ee-hdr-search .wp-block-search__input:focus{border-color:var(--ee-orange)}
}
@media (hover:none){
  .ee-hdr-search .wp-block-search__button:hover{transform:none}
}
@media (prefers-reduced-motion:reduce){
  .ee-hdr-search .wp-block-search__button,.ee-hdr-search .wp-block-search__input,
  .ee-hdr-lang .widget_polylang a,.ee-hdr .header-phone a{transition:none!important}
}

/* =====================================================================
   21. MODELE RESULTATS DE RECHERCHE  (prefixe .ee-srch)
   Reutilise volontairement le langage visuel de l archive Nos
   realisations (.ee-arch / .ee-arch-head) pour des cards strictement
   identiques. Seuls les elements propres a la recherche sont definis
   ici : compteur de resultats, etat vide, formulaire de relance.
   (Mission 2 — session du 15/08/2026)
   ===================================================================== */
.ee-srch,.ee-srch-head,.ee-srch-crumb,.ee-srch-none{
  --ee-orange:#fe5802;--ee-orange-dk:#d84a00;--ee-grey:#6b6a6a;--ee-ink:#1a1a1a;
  --ee-body:#5f5f5f;--ee-soft:#f8f8f6;--ee-line:rgba(156,155,155,.22);
  --ee-ff-h:"League Spartan","Montserrat",sans-serif;--ee-ff-b:"Montserrat",sans-serif;
  --ee-ease:cubic-bezier(.2,.7,.2,1);
}
.ee-srch *,.ee-srch-head *,.ee-srch-none *{box-sizing:border-box}
.ee-srch-head .ee-srch-head__h1{overflow-wrap:anywhere}

/* 21.1 Compteur de resultats */
.ee-srch .ee-srch__total{
  font-family:var(--ee-ff-b);font-weight:600;font-size:11px;letter-spacing:.2em;
  text-transform:uppercase;color:var(--ee-grey);text-align:center;
  margin:0 0 clamp(28px,3.4vw,44px)!important;
}
.ee-srch .ee-srch__total::before{
  content:"";display:block;width:34px;height:1px;background:var(--ee-orange);margin:0 auto 14px;
}

/* 21.2 Card sans image mise en avant : liseré orange de remplacement */
.ee-srch .wp-block-post .ee-srch__body:first-child{border-top:3px solid var(--ee-orange)}

/* 21.3 Etat vide (bloc natif Aucun resultat) */
.ee-srch-none{
  max-width:760px;margin:0 auto;text-align:center;
  background:var(--ee-soft);border:1px solid var(--ee-line);
  padding:clamp(38px,5vw,64px) clamp(22px,4vw,54px);
}
.ee-srch-none .ee-srch-none__h2{
  font-family:var(--ee-ff-h);font-weight:700;text-transform:uppercase;
  font-size:clamp(1.35rem,2.6vw,1.9rem);line-height:1.15;color:var(--ee-ink);margin:0 0 16px!important;
}
.ee-srch-none .ee-srch-none__h2::after{
  content:"";display:block;width:60px;height:3px;border-radius:2px;background:var(--ee-orange);margin:18px auto 0;
}
.ee-srch-none .ee-srch-none__lead{
  font-family:var(--ee-ff-b);font-weight:300;font-size:.95rem;line-height:1.8;
  color:var(--ee-body);margin:0 auto 28px!important;max-width:58ch;
}
.ee-srch-none .ee-srch-none__sub{
  font-family:var(--ee-ff-b);font-weight:600;font-size:11px;letter-spacing:.2em;
  text-transform:uppercase;color:var(--ee-grey);margin:34px 0 16px!important;
}
.ee-srch-none .ee-srch-none__form{max-width:460px;margin:0 auto}
.ee-srch-none .ee-srch-none__form .wp-block-search__inside-wrapper{
  border:1px solid var(--ee-line);background:#ffffff;padding:4px;
  transition:border-color .3s var(--ee-ease);
}
.ee-srch-none .ee-srch-none__form .wp-block-search__inside-wrapper:focus-within{border-color:var(--ee-orange)}
.ee-srch-none .ee-srch-none__form .wp-block-search__input{
  border:0;background:transparent;outline:0;box-shadow:none;border-radius:0;
  font-family:var(--ee-ff-b);font-weight:300;font-size:14px;color:var(--ee-ink);padding:10px 14px;
}
.ee-srch-none .ee-srch-none__form .wp-block-search__input::placeholder{color:var(--ee-grey);opacity:1}
.ee-srch-none .ee-srch-none__form .wp-block-search__button{
  background-color:var(--ee-orange)!important;background-image:none!important;
  border:0!important;border-radius:0!important;color:#ffffff!important;box-shadow:none!important;
  min-width:46px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;
  transition:background-color .3s var(--ee-ease);
}
.ee-srch-none .ee-srch-none__form .wp-block-search__button:hover,
.ee-srch-none .ee-srch-none__form .wp-block-search__button:focus-visible{background-color:var(--ee-orange-dk)!important}
.ee-srch-none .ee-srch-none__form .wp-block-search__button svg{width:20px;height:20px;fill:currentColor}
.ee-srch-none .ee-srch-none__links{gap:10px}
.ee-srch-none .ee-srch-none__btn .wp-block-button__link{
  background-color:transparent!important;background-image:none!important;color:var(--ee-ink)!important;
  border:1px solid rgba(156,155,155,.5)!important;border-radius:0!important;box-shadow:none!important;
  font-family:var(--ee-ff-b);font-weight:500;font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;
  padding:12px 20px;
  transition:color .3s var(--ee-ease),border-color .3s var(--ee-ease),background-color .3s var(--ee-ease);
}
.ee-srch-none .ee-srch-none__btn .wp-block-button__link:hover,
.ee-srch-none .ee-srch-none__btn .wp-block-button__link:focus-visible{
  background-color:var(--ee-orange-dk)!important;border-color:var(--ee-orange-dk)!important;color:#ffffff!important;
}

/* 21.4 Responsive */
@media (max-width:1080px){
  .ee-srch .wp-block-post-template{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .ee-srch .ee-srch__total{margin-bottom:32px!important}
}
@media (max-width:820px){
  .ee-srch-none{padding:34px 22px}
  .ee-srch-none .ee-srch-none__btn .wp-block-button__link{font-size:12px;padding:11px 16px}
}
@media (max-width:600px){
  .ee-srch .wp-block-post-template{grid-template-columns:1fr!important}
  .ee-srch .ee-srch__total{font-size:10px;letter-spacing:.16em}
  .ee-srch-none .ee-srch-none__links{flex-direction:column;align-items:stretch}
  .ee-srch-none .ee-srch-none__btn{width:100%}
  .ee-srch-none .ee-srch-none__btn .wp-block-button__link{display:block;width:100%;text-align:center}
}
@media (hover:none){
  .ee-srch-none .ee-srch-none__btn .wp-block-button__link:hover{
    background-color:transparent!important;color:var(--ee-ink)!important;border-color:rgba(156,155,155,.5)!important}
}
@media (prefers-reduced-motion:reduce){
  .ee-srch-none .ee-srch-none__btn .wp-block-button__link,
  .ee-srch-none .ee-srch-none__form .wp-block-search__button,
  .ee-srch-none .ee-srch-none__form .wp-block-search__inside-wrapper{transition:none!important}
}

/* ==========================================================================
   FICHE PRODUIT  -  boutons d actions
   Blocs natifs core/buttons + core/button, aucune dependance plugin.
   Prefixe dedie : .ee-fiche-actions (conteneur) / .ee-fiche-btn (bouton)
   .ee-fiche-btn--quote : CTA principal, orange plein (Demander un devis)
   .ee-fiche-btn--dl    : CTA secondaire, contour orange (Telecharger la fiche)
   Les deux boutons tiennent cote a cote dans la colonne de contenu de la
   fiche produit (environ 560px) et s empilent automatiquement en dessous.
   ========================================================================== */
.ee-fiche-actions{display:flex;flex-wrap:wrap;align-items:stretch;gap:12px;margin:48px 0 8px}
.ee-fiche-actions .wp-block-button{margin:0}
.ee-fiche-actions .ee-fiche-btn .wp-block-button__link{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  border-radius:0;padding:16px 20px;min-height:54px;white-space:nowrap;
  font-family:var(--ee-ff-b);font-weight:600;font-size:.7rem;letter-spacing:.08em;
  line-height:1.2;text-transform:uppercase;text-decoration:none;
  transition:background-color .35s var(--ee-ease),color .35s var(--ee-ease),
             border-color .35s var(--ee-ease),transform .35s var(--ee-ease),
             box-shadow .35s var(--ee-ease)}

/* CTA principal : Demander un devis */
.ee-fiche-actions .ee-fiche-btn--quote .wp-block-button__link{
  background:var(--ee-orange);background-color:var(--ee-orange);color:#fff;
  border:2px solid var(--ee-orange);box-shadow:0 10px 26px rgba(254,88,2,.22)}
.ee-fiche-actions .ee-fiche-btn--quote .wp-block-button__link::after{
  content:"\2192";font-size:14px;line-height:1;transition:transform .4s var(--ee-ease)}
.ee-fiche-actions .ee-fiche-btn--quote .wp-block-button__link:hover,
.ee-fiche-actions .ee-fiche-btn--quote .wp-block-button__link:focus-visible{
  background-color:var(--ee-ink);border-color:var(--ee-ink);color:#fff;
  transform:translateY(-3px);box-shadow:0 18px 38px rgba(26,26,26,.28)}
.ee-fiche-actions .ee-fiche-btn--quote .wp-block-button__link:hover::after{transform:translateX(5px)}

/* CTA secondaire : Telecharger la fiche technique */
.ee-fiche-actions .ee-fiche-btn--dl .wp-block-button__link{
  background:transparent;background-color:transparent;color:var(--ee-orange);
  border:2px solid var(--ee-orange);box-shadow:none}
.ee-fiche-actions .ee-fiche-btn--dl .wp-block-button__link::before{
  content:"\2193";font-size:14px;line-height:1;transition:transform .4s var(--ee-ease)}
.ee-fiche-actions .ee-fiche-btn--dl .wp-block-button__link:hover,
.ee-fiche-actions .ee-fiche-btn--dl .wp-block-button__link:focus-visible{
  background-color:var(--ee-orange);color:#fff;border-color:var(--ee-orange);
  transform:translateY(-3px);box-shadow:0 14px 30px rgba(254,88,2,.24)}
.ee-fiche-actions .ee-fiche-btn--dl .wp-block-button__link:hover::before{transform:translateY(3px)}

/* Focus clavier visible sur les deux boutons */
.ee-fiche-actions .ee-fiche-btn .wp-block-button__link:focus-visible{
  outline:3px solid var(--ee-ink);outline-offset:3px}

/* Responsive : empiles et pleine largeur sur mobile */
@media (max-width:600px){
  .ee-fiche-actions{flex-direction:column;align-items:stretch;gap:12px;margin-top:34px}
  .ee-fiche-actions .wp-block-button{width:100%}
  .ee-fiche-actions .ee-fiche-btn .wp-block-button__link{
    width:100%;padding:16px 18px;white-space:normal;text-align:center}
}
@media (hover:none){
  .ee-fiche-actions .ee-fiche-btn .wp-block-button__link:hover{transform:none}
}
@media (prefers-reduced-motion:reduce){
  .ee-fiche-actions .ee-fiche-btn .wp-block-button__link,
  .ee-fiche-actions .ee-fiche-btn .wp-block-button__link::before,
  .ee-fiche-actions .ee-fiche-btn .wp-block-button__link::after{transition:none}
  .ee-fiche-actions .ee-fiche-btn .wp-block-button__link:hover{transform:none}
}


/* =====================================================================
   EQUIP EVENT — PAGES LEGALES (ee-legal-*)
   Mentions legales FR (3613) / Legal notice EN (5817)
   Charte : orange #fe5802 / gris #9c9b9b / fond clair #f8f8f6
   Titres League Spartan Bold — Corps Montserrat Light
   ===================================================================== */
.ee-legal-hero,.ee-legal-body{
  --ee-orange:#fe5802;--ee-orange-dk:#d84a00;--ee-grey:#6b6a6a;
  --ee-ink:#1a1a1a;--ee-ink2:#2c2c2c;--ee-soft:#f8f8f6;
  --ee-legal-line:#e6e4df;--ee-legal-line2:#f0efec;
  --ee-ff-h:"League Spartan","Montserrat",sans-serif;
  --ee-ff-b:"Montserrat",sans-serif;
  --ee-ease:cubic-bezier(.2,.7,.2,1);
  --ee-legal-max:760px;
}
/* --- Hero sobre --- */
.ee-legal-hero{background:var(--ee-soft);border-bottom:1px solid var(--ee-legal-line);padding:clamp(48px,7vw,86px) 24px clamp(38px,5.5vw,60px);margin-bottom:clamp(38px,6vw,68px)}
.ee-legal-hero .ee-legal-eyebrow,.ee-legal-hero .ee-legal-h1,.ee-legal-hero .ee-legal-lead{max-width:var(--ee-legal-max);margin-left:auto;margin-right:auto}
.ee-legal-eyebrow{font-family:var(--ee-ff-h);font-weight:700;font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--ee-orange);margin:0 0 14px;position:relative;padding-left:52px}
.ee-legal-eyebrow::before{content:"";position:absolute;left:0;top:.52em;width:40px;height:2px;background:var(--ee-orange)}
.ee-legal-h1{font-family:var(--ee-ff-h);font-weight:700;line-height:1.04;letter-spacing:-.01em;color:var(--ee-ink);font-size:clamp(2.05rem,4.6vw,3.1rem);margin:0 0 18px}
.ee-legal-lead{font-family:var(--ee-ff-b);font-weight:300;font-size:clamp(1rem,1.15vw,1.08rem);line-height:1.75;color:var(--ee-ink2);margin:0}
/* --- Corps --- */
.ee-legal-body{font-family:var(--ee-ff-b);padding:0 24px clamp(56px,8vw,104px)}
.ee-legal-body .ee-legal-cards,.ee-legal-body .ee-legal-sec{max-width:var(--ee-legal-max);margin-left:auto;margin-right:auto}
.ee-legal-body a{color:var(--ee-ink);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;text-decoration-color:var(--ee-grey);transition:color .28s var(--ee-ease),text-decoration-color .28s var(--ee-ease)}
.ee-legal-body a:hover,.ee-legal-body a:focus-visible{color:var(--ee-orange);text-decoration-color:var(--ee-orange)}
/* Cartes identite */
.ee-legal-cards{gap:20px;margin-bottom:clamp(38px,5vw,60px)}
.ee-legal-card{background:#ffffff;border:1px solid var(--ee-legal-line);border-top:3px solid var(--ee-orange);border-radius:3px;padding:26px 26px 22px}
.ee-legal-h2.is-card{font-size:.84rem;letter-spacing:.16em;text-transform:uppercase;margin:0 0 16px}
.ee-legal-h2.is-card::before{display:none}
.ee-legal-dl{list-style:none;margin:0;padding:0;font-family:var(--ee-ff-b);font-weight:300;font-size:.94rem;line-height:1.6;color:var(--ee-ink2)}
.ee-legal-dl li{margin:0;padding:9px 0;border-top:1px solid var(--ee-legal-line2)}
.ee-legal-dl li:first-child{border-top:0;padding-top:0}
.ee-legal-dl strong{display:block;font-family:var(--ee-ff-h);font-weight:700;font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ee-grey);margin-bottom:3px}
.ee-legal-card .ee-legal-dl a{color:var(--ee-ink2);text-decoration:none;border-bottom:1px solid var(--ee-legal-line);transition:color .28s var(--ee-ease),border-color .28s var(--ee-ease)}
.ee-legal-card .ee-legal-dl a:hover,.ee-legal-card .ee-legal-dl a:focus-visible{color:var(--ee-orange);border-bottom-color:var(--ee-orange)}
/* Sections de texte */
.ee-legal-sec{margin-top:clamp(26px,3vw,34px);padding-top:clamp(26px,3vw,34px);border-top:1px solid var(--ee-legal-line)}
.ee-legal-cards + .ee-legal-sec{margin-top:0;padding-top:0;border-top:0}
.ee-legal-h2{font-family:var(--ee-ff-h);font-weight:700;font-size:clamp(1.22rem,2vw,1.48rem);line-height:1.2;color:var(--ee-ink);margin:0 0 18px}
.ee-legal-h2::before{content:"";display:block;width:44px;height:3px;background:var(--ee-orange);margin-bottom:14px}
.ee-legal-p{font-family:var(--ee-ff-b);font-weight:300;font-size:1rem;line-height:1.85;color:var(--ee-ink2);margin:0 0 16px}
.ee-legal-p:last-child{margin-bottom:0}
.ee-legal-sec .ee-legal-h2,.ee-legal-sec .ee-legal-p{max-width:none;margin-left:0;margin-right:0}
/* Responsive */
@media (max-width:820px){
  .ee-legal-cards{flex-wrap:wrap}
  .ee-legal-cards .ee-legal-card{flex-basis:100%!important}
}
@media (max-width:600px){
  .ee-legal-hero{padding-left:18px;padding-right:18px}
  .ee-legal-body{padding-left:18px;padding-right:18px}
  .ee-legal-eyebrow{padding-left:0}
  .ee-legal-eyebrow::before{position:static;display:block;margin-bottom:10px}
  .ee-legal-card{padding:22px 20px 18px}
  .ee-legal-p{font-size:.96rem;line-height:1.8}
}
@media (prefers-reduced-motion:reduce){
  .ee-legal-body a,.ee-legal-card .ee-legal-dl a{transition:none}
}


/* ================================================================
   ACCUEIL - SECTION NOS PRODUITS   .ee-hp-prod
   Grille 3 x 2 de cartes categories produits, placee entre
   .ee-hp-offer et .ee-hp-presta. Meme langage visuel que
   .ee-hp-presta : radius 3px, filet orange, zoom lent, voile
   orange, elevation, numerotation. Fond clair pour detacher les
   cartes blanches. Miroir strict FR (page 2) et EN (page 5172).
   ================================================================ */

/* ---------- tokens, memes valeurs que .ee-hp-presta ---------- */
.ee-hp-prod{
  --ee-orange:#fe5802;--ee-orange-dk:#d84a00;--ee-grey:#6b6a6a;
  --ee-ink:#1a1a1a;--ee-ink2:#2c2c2c;--ee-soft:#f8f8f6;--ee-body:#5f5f5f;
  --ee-ff-h:"League Spartan","Montserrat",sans-serif;
  --ee-ff-b:"Montserrat",sans-serif;
  --ee-ease:cubic-bezier(.2,.7,.2,1);
}
.ee-hp-prod,.ee-hp-prod *{box-sizing:border-box}
.ee-hp-prod *{margin-block-start:0}
.ee-hp-prod .wp-block-image{margin:0}

/* ---------- typographie partagee ---------- */
.ee-hp-prod .ee-hp-wrap{
  max-width:1240px;margin-left:auto;margin-right:auto;
  padding-left:clamp(20px,4vw,40px);padding-right:clamp(20px,4vw,40px);
}
.ee-hp-prod .ee-hp-eyebrow{
  display:flex;align-items:center;gap:14px;
  font-family:var(--ee-ff-b);font-size:12px;font-weight:600;font-style:normal;
  letter-spacing:.22em;text-transform:uppercase;
  color:var(--ee-orange);
  margin:0 0 20px;
}
.ee-hp-prod .ee-hp-eyebrow::before{
  content:"";display:block;width:38px;height:2px;background:var(--ee-orange);flex:0 0 auto;
}
.ee-hp-prod .ee-hp-h2{
  font-family:var(--ee-ff-h);
  font-size:clamp(28px,3.6vw,48px);
  font-weight:700;line-height:1.02;letter-spacing:-.005em;
  text-transform:uppercase;color:var(--ee-ink);
  margin:0 0 22px;max-width:22ch;
}
.ee-hp-prod .ee-hp-h2 strong{color:var(--ee-orange);font-weight:inherit}
.ee-hp-prod .ee-hp-lead{
  font-family:var(--ee-ff-b);font-weight:300;
  font-size:clamp(15px,1.15vw,17px);line-height:1.75;
  color:var(--ee-body);margin:0;max-width:62ch;
}

/* ---------- section ---------- */
.ee-hp-prod{
  position:relative;background:var(--ee-soft);
  padding:clamp(64px,7.5vw,120px) 0;overflow:hidden;
}
.ee-hp-prod::before{
  content:"";position:absolute;left:0;right:0;top:0;height:1px;
  background:linear-gradient(90deg,var(--ee-orange) 0 90px,rgba(156,155,155,.28) 90px 100%);
}
.ee-hp-prod .ee-hp-prod__head{
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:clamp(20px,3vw,56px);align-items:end;
  margin:0 0 clamp(36px,4vw,64px);
}
.ee-hp-prod .ee-hp-prod__head .ee-hp-h2{margin-bottom:0}
.ee-hp-prod .ee-hp-prod__grid{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(20px,2.2vw,32px);
}

/* ---------- carte categorie ---------- */
.ee-hp-prod .ee-hp-pcard{
  position:relative;display:flex;flex-direction:column;
  background:#ffffff;border-radius:3px;overflow:hidden;
  border:1px solid rgba(156,155,155,.22);
  box-shadow:0 1px 2px rgba(26,26,26,.05),0 14px 34px -22px rgba(26,26,26,.35);
  transition:transform .55s var(--ee-ease),box-shadow .55s var(--ee-ease),border-color .55s var(--ee-ease);
  will-change:transform;
}
.ee-hp-prod .ee-hp-pcard::before{
  content:"";position:absolute;left:0;top:0;z-index:8;
  height:3px;width:34px;background:var(--ee-orange);
  transition:width .7s var(--ee-ease);
}
.ee-hp-prod .ee-hp-pcard:hover,
.ee-hp-prod .ee-hp-pcard:focus-within{
  transform:translateY(-8px);border-color:rgba(254,88,2,.35);
  box-shadow:0 2px 4px rgba(26,26,26,.06),0 34px 60px -26px rgba(26,26,26,.5);
}
.ee-hp-prod .ee-hp-pcard:hover::before,
.ee-hp-prod .ee-hp-pcard:focus-within::before{width:100%}

/* ---------- visuel ---------- */
.ee-hp-prod .ee-hp-pcard__media{
  position:relative;margin:0;overflow:hidden;
  aspect-ratio:4 / 3;background:var(--ee-ink);
}
.ee-hp-prod .ee-hp-pcard__media img{
  display:block;width:100%;height:100%;object-fit:cover;
  transform:scale(1.02);filter:saturate(.92);
  transition:transform 1.5s var(--ee-ease),filter 1s var(--ee-ease);
}
.ee-hp-prod .ee-hp-pcard:hover .ee-hp-pcard__media img,
.ee-hp-prod .ee-hp-pcard:focus-within .ee-hp-pcard__media img{
  transform:scale(1.13);filter:saturate(1);
}
.ee-hp-prod .ee-hp-pcard__media::after{
  content:"";position:absolute;inset:0;z-index:2;pointer-events:none;
  background:linear-gradient(rgba(26,26,26,0) 32%,rgba(26,26,26,.28) 62%,rgba(26,26,26,.82) 100%);
}
.ee-hp-prod .ee-hp-pcard__media::before{
  content:"";position:absolute;inset:0;z-index:3;pointer-events:none;opacity:0;
  background:linear-gradient(135deg,rgba(254,88,2,.62) 0%,rgba(216,74,0,.28) 55%,rgba(26,26,26,.1) 100%);
  transition:opacity .65s var(--ee-ease);
}
.ee-hp-prod .ee-hp-pcard:hover .ee-hp-pcard__media::before,
.ee-hp-prod .ee-hp-pcard:focus-within .ee-hp-pcard__media::before{opacity:1}

/* ---------- corps de carte ---------- */
.ee-hp-prod .ee-hp-pcard__body{
  position:relative;z-index:4;flex:1 1 auto;
  display:flex;flex-direction:column;justify-content:flex-start;
  padding:clamp(22px,1.9vw,28px) clamp(22px,1.9vw,28px) clamp(24px,2vw,30px);
}
.ee-hp-prod .ee-hp-pcard__body::before{
  position:absolute;left:clamp(22px,1.9vw,28px);top:0;
  transform:translateY(-118%);
  font-family:var(--ee-ff-h);font-weight:700;line-height:.82;
  font-size:clamp(36px,3.4vw,52px);letter-spacing:-.03em;
  color:#ffffff;z-index:6;pointer-events:none;
  text-shadow:0 10px 30px rgba(0,0,0,.45);
  transition:transform .65s var(--ee-ease);
}
.ee-hp-prod .ee-hp-pcard.is-01 .ee-hp-pcard__body::before{content:"01"}
.ee-hp-prod .ee-hp-pcard.is-02 .ee-hp-pcard__body::before{content:"02"}
.ee-hp-prod .ee-hp-pcard.is-03 .ee-hp-pcard__body::before{content:"03"}
.ee-hp-prod .ee-hp-pcard.is-04 .ee-hp-pcard__body::before{content:"04"}
.ee-hp-prod .ee-hp-pcard.is-05 .ee-hp-pcard__body::before{content:"05"}
.ee-hp-prod .ee-hp-pcard.is-06 .ee-hp-pcard__body::before{content:"06"}
.ee-hp-prod .ee-hp-pcard:hover .ee-hp-pcard__body::before,
.ee-hp-prod .ee-hp-pcard:focus-within .ee-hp-pcard__body::before{
  transform:translateY(-138%);
}

/* ---------- titre et lien ---------- */
.ee-hp-prod .ee-hp-pcard__t{
  font-family:var(--ee-ff-h);font-weight:700;
  font-size:clamp(17px,1.35vw,21px);line-height:1.14;
  text-transform:uppercase;letter-spacing:.002em;
  color:var(--ee-ink);margin:0;
}
.ee-hp-prod .ee-hp-pcard__t a{
  display:block;color:inherit;text-decoration:none;
  transition:color .45s var(--ee-ease);
}
/* zone cliquable etendue a toute la carte, clippee par overflow hidden */
.ee-hp-prod .ee-hp-pcard__t a::before{
  content:"";position:absolute;left:0;right:0;bottom:0;top:-1200px;z-index:7;
}
.ee-hp-prod .ee-hp-pcard:hover .ee-hp-pcard__t a,
.ee-hp-prod .ee-hp-pcard:focus-within .ee-hp-pcard__t a{color:var(--ee-orange-dk)}
.ee-hp-prod .ee-hp-pcard__t a:focus-visible{
  outline:2px solid var(--ee-orange);outline-offset:4px;
}
.ee-hp-prod .ee-hp-pcard__t::after{
  content:"";display:block;width:38px;height:2px;margin-top:14px;
  background:var(--ee-orange);transition:width .65s var(--ee-ease);
}
.ee-hp-prod .ee-hp-pcard:hover .ee-hp-pcard__t::after,
.ee-hp-prod .ee-hp-pcard:focus-within .ee-hp-pcard__t::after{width:82px}

/* ---------- pied de section ---------- */
.ee-hp-prod .ee-hp-prod__foot{margin-top:clamp(36px,4vw,60px);text-align:center}
.ee-hp-prod .ee-hp-btn a{
  display:inline-flex;align-items:center;gap:14px;
  font-family:var(--ee-ff-b);font-size:12.5px;font-weight:600;
  letter-spacing:.18em;text-transform:uppercase;text-decoration:none;
  color:#ffffff;background:var(--ee-ink);padding:17px 34px;border-radius:2px;
  transition:background .5s var(--ee-ease),transform .5s var(--ee-ease),box-shadow .5s var(--ee-ease);
}
.ee-hp-prod .ee-hp-btn a::after{content:"→";transition:transform .45s var(--ee-ease)}
.ee-hp-prod .ee-hp-btn a:hover{
  background:var(--ee-orange);transform:translateY(-3px);
  box-shadow:0 18px 34px -18px rgba(254,88,2,.75);
}
.ee-hp-prod .ee-hp-btn a:hover::after{transform:translateX(7px)}

/* ---------- responsive ---------- */
@media (min-width:1400px){
  .ee-hp-prod .ee-hp-prod__grid{gap:36px}
}
@media (max-width:1080px){
  .ee-hp-prod .ee-hp-prod__head{grid-template-columns:1fr;align-items:start;gap:18px}
  .ee-hp-prod .ee-hp-h2{max-width:28ch}
  .ee-hp-prod .ee-hp-prod__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:820px){
  .ee-hp-prod{padding:clamp(52px,8vw,72px) 0}
  .ee-hp-prod .ee-hp-prod__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
  .ee-hp-prod .ee-hp-pcard__media{aspect-ratio:3 / 2}
  .ee-hp-prod .ee-hp-pcard::before{width:100%}
  .ee-hp-prod .ee-hp-pcard__t::after{width:60px}
  .ee-hp-prod .ee-hp-pcard__media::before{opacity:.28}
}
@media (max-width:600px){
  .ee-hp-prod .ee-hp-eyebrow{font-size:11px;letter-spacing:.18em;gap:10px;margin-bottom:14px}
  .ee-hp-prod .ee-hp-eyebrow::before{width:24px}
  .ee-hp-prod .ee-hp-h2{font-size:clamp(24px,7.2vw,30px);max-width:100%}
  .ee-hp-prod .ee-hp-prod__grid{grid-template-columns:1fr;gap:22px}
  .ee-hp-prod .ee-hp-pcard__media{aspect-ratio:16 / 9}
  .ee-hp-prod .ee-hp-pcard__body{padding:22px 20px 26px}
  .ee-hp-prod .ee-hp-pcard__body::before{font-size:38px;left:20px}
  .ee-hp-prod .ee-hp-pcard__t{font-size:18px}
  .ee-hp-prod .ee-hp-btn a{width:100%;justify-content:center;padding:16px 22px;letter-spacing:.14em}
}
@media (hover:none){
  .ee-hp-prod .ee-hp-pcard::before{width:100%}
  .ee-hp-prod .ee-hp-pcard__t::after{width:60px}
  .ee-hp-prod .ee-hp-pcard__media::before{opacity:.35}
}
@media (prefers-reduced-motion:reduce){
  .ee-hp-prod .ee-hp-pcard,
  .ee-hp-prod .ee-hp-pcard::before,
  .ee-hp-prod .ee-hp-pcard__media img,
  .ee-hp-prod .ee-hp-pcard__media::before,
  .ee-hp-prod .ee-hp-pcard__body::before,
  .ee-hp-prod .ee-hp-pcard__t a,
  .ee-hp-prod .ee-hp-pcard__t::after,
  .ee-hp-prod .ee-hp-btn a,
  .ee-hp-prod .ee-hp-btn a::after{transition:none}
  .ee-hp-prod .ee-hp-pcard:hover,
  .ee-hp-prod .ee-hp-pcard:focus-within{transform:none}
  .ee-hp-prod .ee-hp-pcard:hover .ee-hp-pcard__media img,
  .ee-hp-prod .ee-hp-pcard:focus-within .ee-hp-pcard__media img{transform:scale(1.02)}
  .ee-hp-prod .ee-hp-pcard:hover .ee-hp-pcard__body::before,
  .ee-hp-prod .ee-hp-pcard:focus-within .ee-hp-pcard__body::before{transform:translateY(-118%)}
  .ee-hp-prod .ee-hp-btn a:hover{transform:none}
}
/* ---------- fin section Nos produits ---------- */


/* ============================================================
   QUI SOMMES-NOUS - 11. CARTE DE FRANCE INTERACTIVE
   Section .ee-qsn-map - points villes, panneau contacts
   ============================================================ */

.ee-qsn-map{
  background:var(--ee-soft,#f8f8f6);
  padding-block:clamp(56px,7vw,104px);
}

/* --- En-tete --- */
.ee-qsn-map__head{
  max-width:720px;
  margin:0 0 clamp(32px,4vw,56px);
}
.ee-qsn-map__head .ee-qsn-h2{margin:0 0 14px;}
.ee-qsn-map__head .ee-qsn-lead{
  font-family:var(--ee-ff-b,"Montserrat",sans-serif);
  font-weight:300;
  font-size:1.0625rem;
  line-height:1.75;
  color:var(--ee-body,#4a4a4a);
  margin:0;
}

/* --- Grille carte + liste --- */
.ee-qsn-map__grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,440px);
  gap:clamp(28px,4vw,64px);
  align-items:center;
}

/* --- Colonne carte --- */
.ee-qsn-map__canvas{
  position:relative;
  width:100%;
  max-width:700px;
  margin-inline:auto;
}
.ee-qsn-map__canvas::before{
  content:"";
  position:absolute;
  inset:-6% -4% -4%;
  background:radial-gradient(60% 55% at 50% 45%,rgba(254,88,2,.07),rgba(254,88,2,0) 70%);
  pointer-events:none;
}
.ee-qsn-svg{
  display:block;
  width:100%;
  height:auto;
  overflow:visible;
  position:relative;
}
.ee-qsn-svg__land{
  fill:#e6e4df;
  stroke:#cbcac4;
  stroke-width:1.5;
  filter:drop-shadow(0 12px 26px rgba(26,26,26,.07));
  stroke-linejoin:round;
  stroke-linecap:round;
}

/* --- Point ville --- */
.ee-qsn-pt{
  cursor:pointer;
  background:none;
  border:0;
  padding:0;
}
.ee-qsn-pt__halo{
  fill:var(--ee-orange,#fe5802);
  opacity:.18;
  transform-box:fill-box;
  transform-origin:center;
  transform:scale(.75);
  transition:opacity .45s var(--ee-ease,cubic-bezier(.2,.7,.2,1)),transform .45s var(--ee-ease,cubic-bezier(.2,.7,.2,1));
}
.ee-qsn-pt__hit{fill:transparent;}
.ee-qsn-pt__dot{
  fill:var(--ee-orange,#fe5802);
  stroke:#fff;
  stroke-width:2.5;
  transform-box:fill-box;
  transform-origin:center;
  transition:transform .35s var(--ee-ease,cubic-bezier(.2,.7,.2,1));
}
.ee-qsn-pt__label{
  font-family:var(--ee-ff-b,"Montserrat",sans-serif);
  font-size:15px;
  font-weight:500;
  letter-spacing:.06em;
  text-transform:uppercase;
  fill:var(--ee-ink,#1a1a1a);
  paint-order:stroke;
  stroke:var(--ee-soft,#f8f8f6);
  stroke-width:5px;
  stroke-linejoin:round;
  transition:fill .3s var(--ee-ease,cubic-bezier(.2,.7,.2,1));
  pointer-events:none;
}
.ee-qsn-pt:hover .ee-qsn-pt__dot,
.ee-qsn-pt.is-active .ee-qsn-pt__dot{transform:scale(1.28);}
.ee-qsn-pt:hover .ee-qsn-pt__halo,
.ee-qsn-pt.is-active .ee-qsn-pt__halo{opacity:.3;transform:scale(1.08);}
.ee-qsn-pt:hover .ee-qsn-pt__label,
.ee-qsn-pt.is-active .ee-qsn-pt__label{fill:var(--ee-orange-dk,#d84a00);}
.ee-qsn-pt:focus{outline:none;}
.ee-qsn-pt:focus-visible .ee-qsn-pt__ring{
  fill:none;
  stroke:var(--ee-ink,#1a1a1a);
  stroke-width:2;
  stroke-dasharray:3 3;
  opacity:1;
}
.ee-qsn-pt__ring{opacity:0;}

/* Pulsation douce du halo, uniquement au repos */
@keyframes ee-qsn-pulse{
  0%{transform:scale(.7);opacity:.22;}
  70%{transform:scale(1.35);opacity:0;}
  100%{transform:scale(1.35);opacity:0;}
}
.ee-qsn-pt__pulse{
  fill:var(--ee-orange,#fe5802);
  transform-box:fill-box;
  transform-origin:center;
  animation:ee-qsn-pulse 3.4s var(--ee-ease,cubic-bezier(.2,.7,.2,1)) infinite;
  pointer-events:none;
}
.ee-qsn-pt.is-active .ee-qsn-pt__pulse{animation-play-state:paused;opacity:0;}

/* --- Infobulle sur la carte --- */
.ee-qsn-tip{
  position:absolute;
  z-index:5;
  min-width:236px;
  max-width:290px;
  background:#fff;
  border:1px solid var(--ee-line,#ececea);
  border-top:3px solid var(--ee-orange,#fe5802);
  box-shadow:0 18px 44px rgba(26,26,26,.14);
  padding:16px 18px 14px;
  transform:translate(-50%,-100%) translateY(-20px);
  opacity:0;
  visibility:hidden;
  transition:opacity .28s var(--ee-ease,cubic-bezier(.2,.7,.2,1)),transform .28s var(--ee-ease,cubic-bezier(.2,.7,.2,1)),visibility .28s;
  pointer-events:none;
}
.ee-qsn-tip.is-open{
  opacity:1;
  visibility:visible;
  transform:translate(-50%,-100%) translateY(-30px);
  pointer-events:auto;
}
.ee-qsn-tip::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:-7px;
  width:12px;
  height:12px;
  background:#fff;
  border-right:1px solid var(--ee-line,#ececea);
  border-bottom:1px solid var(--ee-line,#ececea);
  transform:translateX(-50%) rotate(45deg);
}
.ee-qsn-tip__city{
  font-family:var(--ee-ff-h,"League Spartan",sans-serif);
  font-weight:700;
  font-size:1.0625rem;
  line-height:1.2;
  color:var(--ee-ink,#1a1a1a);
  margin:0 0 10px;
  text-transform:uppercase;
  letter-spacing:.02em;
}
.ee-qsn-tip__person{margin:0;padding:9px 0 0;border-top:1px solid var(--ee-line,#ececea);}
.ee-qsn-tip__person:first-of-type{border-top:0;padding-top:0;}
.ee-qsn-tip__person + .ee-qsn-tip__person{margin-top:9px;}
.ee-qsn-tip__name{
  display:block;
  font-family:var(--ee-ff-b,"Montserrat",sans-serif);
  font-size:.8125rem;
  font-weight:500;
  color:var(--ee-ink,#1a1a1a);
  margin:0 0 2px;
}
.ee-qsn-tip__tel{
  font-family:var(--ee-ff-b,"Montserrat",sans-serif);
  font-size:1rem;
  font-weight:500;
  color:var(--ee-orange,#fe5802);
  text-decoration:none;
  letter-spacing:.02em;
  transition:color .25s var(--ee-ease,cubic-bezier(.2,.7,.2,1));
}
.ee-qsn-tip__tel:hover,.ee-qsn-tip__tel:focus-visible{color:var(--ee-ink,#1a1a1a);text-decoration:underline;}

/* --- Liste des villes (contenu source, toujours lisible) --- */
.ee-qsn-map__list{
  display:flex;
  flex-direction:column;
  gap:14px;
}
.ee-qsn-city{
  position:relative;
  background:#fff;
  border:1px solid var(--ee-line,#ececea);
  padding:20px 22px 18px 24px;
  cursor:pointer;
  transition:box-shadow .35s var(--ee-ease,cubic-bezier(.2,.7,.2,1)),transform .35s var(--ee-ease,cubic-bezier(.2,.7,.2,1)),border-color .35s var(--ee-ease,cubic-bezier(.2,.7,.2,1));
}
.ee-qsn-city::before{
  content:"";
  position:absolute;
  left:0;top:0;bottom:0;
  width:3px;
  background:var(--ee-orange,#fe5802);
  transform:scaleY(0);
  transform-origin:top;
  transition:transform .4s var(--ee-ease,cubic-bezier(.2,.7,.2,1));
}
.ee-qsn-city:hover,.ee-qsn-city.is-active{
  border-color:#e2e1dd;
  box-shadow:0 14px 34px rgba(26,26,26,.08);
  transform:translateY(-2px);
}
.ee-qsn-city:hover::before,.ee-qsn-city.is-active::before{transform:scaleY(1);}
.ee-qsn-city__name{
  font-family:var(--ee-ff-h,"League Spartan",sans-serif) !important;
  font-weight:700;
  font-size:1.125rem !important;
  line-height:1.2;
  letter-spacing:.02em;
  text-transform:uppercase;
  color:var(--ee-ink,#1a1a1a);
  margin:0 0 14px !important;
}
.ee-qsn-city__name::after{
  content:"";
  display:block;
  width:26px;
  height:2px;
  background:var(--ee-orange,#fe5802);
  margin-top:9px;
}
/* neutralise le block-gap du theme a l interieur des cartes */
.ee-qsn-city__people,
.ee-qsn-person__body{margin-block:0 !important;}
.ee-qsn-city__people{display:flex;flex-direction:column;gap:14px;}
.ee-qsn-person{
  display:grid;
  grid-template-columns:52px minmax(0,1fr);
  gap:14px;
  align-items:center;
}
.ee-qsn-person__media{margin:0;}
.ee-qsn-person__media img{
  display:block;
  width:52px;
  height:52px;
  object-fit:cover;
  object-position:center top;
  border-radius:50%;
  background:var(--ee-soft,#f8f8f6);
  filter:grayscale(1);
  transition:filter .45s var(--ee-ease,cubic-bezier(.2,.7,.2,1));
}
.ee-qsn-city:hover .ee-qsn-person__media img,
.ee-qsn-city.is-active .ee-qsn-person__media img{filter:grayscale(0);}
.ee-qsn-person__name{
  font-family:var(--ee-ff-b,"Montserrat",sans-serif);
  font-size:.9375rem;
  font-weight:500;
  color:var(--ee-ink,#1a1a1a);
  margin:0 !important;
  line-height:1.3;
}
.ee-qsn-person__role{
  font-family:var(--ee-ff-b,"Montserrat",sans-serif);
  font-size:.75rem;
  font-weight:300;
  letter-spacing:.04em;
  color:var(--ee-grey,#9c9b9b);
  margin:1px 0 4px !important;
  line-height:1.35;
}
.ee-qsn-person__tel{margin:0 !important;}
.ee-qsn-person__tel a{
  display:inline-block;
  line-height:1.4;
  font-family:var(--ee-ff-b,"Montserrat",sans-serif);
  font-size:1rem;
  font-weight:500;
  letter-spacing:.03em;
  color:var(--ee-orange,#fe5802);
  text-decoration:none;
  transition:color .25s var(--ee-ease,cubic-bezier(.2,.7,.2,1));
}
.ee-qsn-person__tel a:hover,.ee-qsn-person__tel a:focus-visible{color:var(--ee-ink,#1a1a1a);text-decoration:underline;}

/* ---- Responsive 1080 ---- */
@media (max-width:1080px){
  .ee-qsn-map__grid{grid-template-columns:minmax(0,1fr) minmax(0,380px);gap:32px;}
  .ee-qsn-pt__label{font-size:17px;}
}

/* ---- Responsive 820 ---- */
@media (max-width:820px){
  .ee-qsn-map__grid{grid-template-columns:minmax(0,1fr);align-items:stretch;}
  .ee-qsn-map__canvas{max-width:480px;}
  .ee-qsn-map__list{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:14px;
  }
  .ee-qsn-pt__label{font-size:19px;}
}

/* ---- Responsive 600 : carte conservee, cibles tactiles agrandies ---- */
@media (max-width:600px){
  .ee-qsn-map__grid{gap:22px;}
  .ee-qsn-map__canvas{max-width:420px;}
  .ee-qsn-map__list{grid-template-columns:minmax(0,1fr);}
  .ee-qsn-city{padding:18px 18px 16px 20px;}
  .ee-qsn-city:hover,.ee-qsn-city.is-active{transform:none;}
  .ee-qsn-person__media img{filter:grayscale(0);}
  /* la liste juste dessous fait office de panneau : pas d infobulle flottante */
  .ee-qsn-tip{display:none;}
  .ee-qsn-pt__dot{r:13;stroke-width:3.5;}
  .ee-qsn-pt__halo{r:25;}
  .ee-qsn-pt__pulse{r:18;}
  .ee-qsn-pt__ring{r:30;}
  .ee-qsn-pt__hit{r:40;}
  .ee-qsn-pt__label{font-size:27px;stroke-width:7px;}
}

/* ---- Tactile : pas de survol, seulement le tap ---- */
@media (hover:none){
  .ee-qsn-city{cursor:default;}
  .ee-qsn-city:hover{transform:none;box-shadow:none;border-color:var(--ee-line,#ececea);}
  .ee-qsn-city:hover::before{transform:scaleY(0);}
  .ee-qsn-city.is-active{box-shadow:0 14px 34px rgba(26,26,26,.08);}
  .ee-qsn-city.is-active::before{transform:scaleY(1);}
  .ee-qsn-person__media img{filter:grayscale(0);}
  .ee-qsn-pt:hover .ee-qsn-pt__dot{transform:none;}
  .ee-qsn-pt.is-active .ee-qsn-pt__dot{transform:scale(1.28);}
}

/* ---- Mouvement reduit ---- */
@media (prefers-reduced-motion:reduce){
  .ee-qsn-pt__pulse{animation:none;opacity:0;}
  .ee-qsn-pt__dot,.ee-qsn-pt__halo,.ee-qsn-pt__label,
  .ee-qsn-city,.ee-qsn-city::before,.ee-qsn-tip,
  .ee-qsn-person__media img{transition:none;}
  .ee-qsn-city:hover,.ee-qsn-city.is-active{transform:none;}
}

/* ---- Editeur : rendre l'emplacement de la carte visible et selectionnable ---- */
.editor-styles-wrapper .ee-qsn-map__canvas{
  min-height:120px;
  border:1px dashed var(--ee-grey,#9c9b9b);
  background:rgba(254,88,2,.04);
}
.editor-styles-wrapper .ee-qsn-map__canvas::after{
  content:"Emplacement de la carte de France (genere par le bloc JS de la page)";
  display:block;
  padding:14px;
  font-family:var(--ee-ff-b,"Montserrat",sans-serif);
  font-size:12px;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--ee-grey,#9c9b9b);
}

/* [SF-M2A-offre] debut */
/* =====================================================================
SESSION F - M2A. ACCUEIL - OFFRE COMPLETE : section d ouverture detachee
Titre centre, duo de visuels (stade + salle de spectacle) et texte en
regard. Fond blanc avec cercle orange en contour (echo du CTA de
reference) pour la distinguer des sections sur fond clair qui suivent.
Texte, titre et CTA inchanges. Miroir FR (page 2) et EN (page 5172).
===================================================================== */
.ee-hp-offer{position:relative;overflow:hidden;background:#fff;border-top:0;
  padding-block:clamp(80px,9vw,136px)}
.ee-hp-offer::before{content:"";position:absolute;left:-180px;top:-160px;width:520px;height:520px;
  border:2px solid rgba(254,88,2,.14);border-radius:50%;pointer-events:none;z-index:0}
.ee-hp-offer::after{content:"";position:absolute;right:-120px;bottom:-200px;width:460px;height:460px;
  background:radial-gradient(circle,rgba(248,248,246,1) 0%,rgba(248,248,246,0) 70%);pointer-events:none;z-index:0}
.ee-hp-offer .ee-hp-offer__grid{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);
  grid-template-areas:"head head" "media body";column-gap:clamp(36px,5vw,84px);row-gap:clamp(40px,5vw,72px);align-items:center}
.ee-hp-offer .ee-hp-offer__head{grid-area:head;text-align:center;max-width:980px;margin-inline:auto;padding-top:34px}
.ee-hp-offer .ee-hp-offer__head::before{left:50%;width:72px;transform:translateX(-50%)}
.ee-hp-offer .ee-hp-offer__head .ee-hp-h2{font-size:clamp(30px,3.9vw,52px);line-height:1.02;text-wrap:balance}
.ee-hp-offer .ee-hp-offer__body{grid-area:body;padding-left:0}
.ee-hp-offer .ee-hp-offer__body::before{display:none}
.ee-hp-offer .ee-hp-offer__body .ee-hp-lead:first-child{font-size:clamp(16px,1.3vw,19px);line-height:1.7;color:var(--ee-ink2);
  padding-left:clamp(16px,1.6vw,22px);border-left:2px solid var(--ee-orange)}
/* duo de visuels */
.ee-hp-offer .ee-hp-offer__media{grid-area:media;position:relative;padding:0 clamp(28px,4vw,56px) clamp(40px,5vw,70px) 0}
.ee-hp-offer .ee-hp-offer__media::before{content:"";position:absolute;z-index:0;left:clamp(-18px,-1.4vw,-12px);top:clamp(-18px,-1.4vw,-12px);
  width:46%;height:52%;border:2px solid var(--ee-orange);opacity:.5;transition:transform .8s var(--ee-ease),opacity .8s ease}
.ee-hp-offer .ee-hp-offer__media:hover::before{transform:translate(-6px,-6px);opacity:.85}
.ee-hp-offer .ee-hp-offer__img{position:relative;z-index:1;margin:0;overflow:hidden;box-shadow:0 22px 50px rgba(26,26,26,.14)}
.ee-hp-offer .ee-hp-offer__img img{display:block;width:100%;height:100%;object-fit:cover;transition:transform 1.4s var(--ee-ease)}
.ee-hp-offer .ee-hp-offer__img.is-main img{aspect-ratio:4/3}
.ee-hp-offer .ee-hp-offer__img.is-inset{position:absolute;z-index:2;right:0;bottom:0;width:46%;
  border:8px solid #fff;box-shadow:0 26px 56px rgba(26,26,26,.2);transition:transform .7s var(--ee-ease)}
.ee-hp-offer .ee-hp-offer__img.is-inset img{aspect-ratio:3/2}
.ee-hp-offer .ee-hp-offer__media:hover .is-main img{transform:scale(1.05)}
.ee-hp-offer .ee-hp-offer__media:hover .is-inset{transform:translateY(-6px)}
.ee-hp-offer .ee-hp-offer__media>*{margin-top:0;margin-bottom:0}
@media (max-width:1080px){
  .ee-hp-offer .ee-hp-offer__grid{column-gap:40px}
}
@media (max-width:820px){
  .ee-hp-offer .ee-hp-offer__grid{grid-template-columns:1fr;grid-template-areas:"head" "media" "body";row-gap:44px}
  .ee-hp-offer .ee-hp-offer__media{max-width:640px;width:100%;margin-inline:auto}
}
@media (max-width:600px){
  .ee-hp-offer{padding-block:64px}
  .ee-hp-offer::before{width:320px;height:320px;left:-150px;top:-120px}
  .ee-hp-offer .ee-hp-offer__head{padding-top:26px}
  .ee-hp-offer .ee-hp-offer__head .ee-hp-h2{font-size:clamp(25px,7.4vw,32px)}
  .ee-hp-offer .ee-hp-offer__media{padding:0 18px 34px 0}
  .ee-hp-offer .ee-hp-offer__media::before{display:none}
  .ee-hp-offer .ee-hp-offer__img.is-inset{width:50%;border-width:5px}
  .ee-hp-offer .ee-hp-offer__body .ee-hp-lead:first-child{font-size:16px}
}
@media (hover:none){
  .ee-hp-offer .ee-hp-offer__media:hover .is-main img,.ee-hp-offer .ee-hp-offer__media:hover .is-inset{transform:none}
}
@media (prefers-reduced-motion:reduce){
  .ee-hp-offer .ee-hp-offer__img img,.ee-hp-offer .ee-hp-offer__img.is-inset,.ee-hp-offer .ee-hp-offer__media::before{transition:none}
}
/* [SF-M2A-offre] fin */

/* [SF-M2B-compteurs] debut */
/* =====================================================================
SESSION F - M2B. ACCUEIL - CHIFFRES CLES : apparition des cartes calee
sur le nouveau rythme des compteurs (decalage 0,22 s, montee plus lente)
===================================================================== */
.ee-hp-stats.is-js.is-in .ee-hp-stat{animation-duration:1.1s}
.ee-hp-stats.is-js.is-in .ee-hp-stat:nth-child(1){animation-delay:.05s}
.ee-hp-stats.is-js.is-in .ee-hp-stat:nth-child(2){animation-delay:.27s}
.ee-hp-stats.is-js.is-in .ee-hp-stat:nth-child(3){animation-delay:.49s}
.ee-hp-stats.is-js.is-in .ee-hp-stat:nth-child(4){animation-delay:.71s}
.ee-hp-stat__n{font-variant-numeric:tabular-nums}
@media (prefers-reduced-motion:reduce){
  .ee-hp-stats.is-js.is-in .ee-hp-stat{animation:none}
}
/* [SF-M2B-compteurs] fin */

/* [SF-M5-header] debut */
/* =====================================================================
SESSION F - M5. HEADER : menu principal plus vivant (FR et EN)
Les deux blocs navigation (Block Visibility FR / EN) portent les memes
classes : une seule regle couvre les deux. Graisse 600, soulignement
anthracite qui se deploie depuis la gauche au survol, leger decalage
vertical. Selecteur de langue, recherche et telephone non concernes.
Espacement ramene a 18 px au-dessus de 1080 px pour que le menu FR,
plus long, tienne sur une ligne en graisse 600.
===================================================================== */
.ee-hdr .wp-block-navigation .wp-block-navigation-item__content{
  font-weight:600;color:#1a1a1a;text-decoration:none;
  padding-bottom:5px;
  background-image:linear-gradient(#1a1a1a,#1a1a1a);
  background-repeat:no-repeat;background-position:0 100%;background-size:0% 2px;
  transition:background-size .5s cubic-bezier(.2,.7,.2,1),transform .45s cubic-bezier(.2,.7,.2,1),color .35s ease;
}
.ee-hdr .wp-block-navigation .wp-block-navigation-item__content:hover,
.ee-hdr .wp-block-navigation .wp-block-navigation-item__content:focus-visible{
  background-size:100% 2px;transform:translateY(-2px);text-decoration:none;color:#1a1a1a;
}
.ee-hdr .wp-block-navigation .wp-block-navigation-item__content:focus-visible{outline:2px solid #1a1a1a;outline-offset:4px}
@media (min-width:1081px){
  .ee-hdr-row .wp-block-navigation,
  .ee-hdr-row .wp-block-navigation .wp-block-navigation__container{column-gap:18px}
}
/* menu mobile ouvert : meme soulignement, sans decalage vertical */
.ee-hdr .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content:hover{transform:none}
@media (hover:none){
  .ee-hdr .wp-block-navigation .wp-block-navigation-item__content:hover{transform:none;background-size:0% 2px}
}
@media (prefers-reduced-motion:reduce){
  .ee-hdr .wp-block-navigation .wp-block-navigation-item__content{transition:none}
  .ee-hdr .wp-block-navigation .wp-block-navigation-item__content:hover{transform:none}
}
/* [SF-M5-header] fin */

/* [SF-M6-footer] debut */
/* =====================================================================
SESSION F - M6. FOOTER (FR et EN, memes blocs via Block Visibility)
A. Logo porte a 170 px (attribut du bloc Image, deux versions)
B. Boutons : remplissage anthracite qui se deploie depuis la gauche,
   leger soulevement et ombre douce. Couleurs de la charte.
C. Icones sociales en grande taille (attribut du bloc), animation
   d origine conservee, espacement et zone de clic elargis.
===================================================================== */
.wp-site-blocks footer .ee-footer__logo{margin-bottom:6px}
.wp-site-blocks footer .ee-footer__logo img{max-width:100%;height:auto}
.wp-site-blocks footer .wp-block-buttons .wp-block-button__link{
  position:relative;overflow:hidden;
  background-image:linear-gradient(#1a1a1a,#1a1a1a);
  background-repeat:no-repeat;background-position:0 0;background-size:0% 100%;
  font-weight:600;letter-spacing:.06em;
  transition:background-size .55s cubic-bezier(.2,.7,.2,1),transform .45s cubic-bezier(.2,.7,.2,1),box-shadow .45s ease;
}
.wp-site-blocks footer .wp-block-buttons .wp-block-button__link:hover,
.wp-site-blocks footer .wp-block-buttons .wp-block-button__link:focus-visible{
  background-size:100% 100%;transform:translateY(-2px);
  box-shadow:0 12px 26px rgba(26,26,26,.18);color:#fff;
}
.wp-site-blocks footer .wp-block-buttons .wp-block-button__link:focus-visible{outline:2px solid #fe5802;outline-offset:3px}
.wp-site-blocks footer .ee-footer-social{gap:14px;flex-wrap:wrap}
.wp-site-blocks footer .ee-footer-social .wp-social-link a{padding:4px}
@media (max-width:820px){
  .wp-site-blocks footer .ee-footer__logo img{width:150px!important}
}
@media (hover:none){
  .wp-site-blocks footer .wp-block-buttons .wp-block-button__link:hover{transform:none;box-shadow:none}
}
@media (prefers-reduced-motion:reduce){
  .wp-site-blocks footer .wp-block-buttons .wp-block-button__link{transition:none}
  .wp-site-blocks footer .wp-block-buttons .wp-block-button__link:hover{transform:none}
}
/* [SF-M6-footer] fin */

/* [SF-M1-visuels] debut */
/* =====================================================================
SESSION F - M1. VISUELS PRODUITS SUR FOND BLANC
Les nouveaux visuels detoures sur blanc laissaient un carre blanc
visible sur le fond clair des vignettes (#f8f8f6). Le mode de fusion
multiply fond le blanc dans le fond de la carte, sans toucher aux
couleurs du produit. Attenue aussi le carre gris clair des visuels
Avatar Compact et Dauphine. Vignettes de categorie, produits
similaires et visuel principal de la fiche produit.
===================================================================== */
.ee-cat-card__media img,
.ee-fp-media img{mix-blend-mode:multiply}
/* [SF-M1-visuels] fin */


/* [SG-M1-cta] debut */
/* =====================================================================
SESSION G - M1. SECTION CTA UNIVERSELLE  .ee-cta
Reprise exacte du design de reference .ee-qsn-cta (page Qui sommes-nous)
fond anthracite degrade, cercle orange en contour en haut a droite,
lisere orange en bas, deux colonnes. Composant autonome et bilingue,
pose sur toutes les pages et tous les gabarits. Seul le libelle change.
Remplace .ee-prod-cta (fond orange plein) et .ee-svc-cta (halo flou).
===================================================================== */
.ee-cta{
  --ee-orange:#fe5802;
  --ee-orange-dk:#d84a00;
  --ee-ink:#1a1a1a;
  --ee-ff-h:"League Spartan","Montserrat",sans-serif;
  --ee-ff-b:"Montserrat",sans-serif;
  --ee-ease:cubic-bezier(.2,.7,.2,1);
  position:relative;overflow:hidden;
  padding:clamp(72px,9vw,124px) 0;
  background:linear-gradient(120deg,#141414 0%,#1e1e1e 58%,#2b2b2b 100%);
}
.ee-cta *{box-sizing:border-box}
.wp-site-blocks>.ee-cta{margin-block-start:0;margin-block-end:0}
.ee-cta::before{content:"";position:absolute;right:-140px;top:-140px;width:440px;height:440px;
  border:2px solid rgba(254,88,2,.2);border-radius:50%;pointer-events:none}
.ee-cta::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:4px;
  background:linear-gradient(90deg,var(--ee-orange) 0%,rgba(254,88,2,0) 58%)}
.ee-cta__wrap{max-width:1240px;margin:0 auto;padding:0 clamp(20px,4vw,44px)}
.ee-cta__inner{position:relative;z-index:2;display:grid;
  grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:clamp(28px,4vw,64px);align-items:center}
.ee-cta__eyebrow{display:inline-flex;align-items:center;gap:12px;margin:0 0 18px;
  font-family:var(--ee-ff-b);font-weight:600;font-size:11px;line-height:1.4;
  letter-spacing:.22em;text-transform:uppercase;color:var(--ee-orange)}
.ee-cta__eyebrow::before{content:"";display:block;width:34px;height:1px;background:var(--ee-orange);flex:0 0 auto}
.ee-cta__h2{font-family:var(--ee-ff-h);font-weight:700;text-transform:uppercase;
  font-size:clamp(1.75rem,3.3vw,2.75rem);line-height:1.08;letter-spacing:-.5px;color:#fff;margin:0 0 14px}
.ee-cta__h2 strong,.ee-cta__h2 em{color:var(--ee-orange);font-style:normal;font-weight:700}
.ee-cta__lead{font-family:var(--ee-ff-b);font-weight:300;font-size:clamp(1rem,1.15vw,1.1rem);
  line-height:1.85;color:rgba(255,255,255,.72);margin:0;max-width:58ch}
.ee-cta__actions{display:flex;flex-direction:column;align-items:flex-start;gap:20px}
.ee-cta__phonewrap{margin:0}
.ee-cta__phone{display:inline-flex;align-items:center;gap:14px;text-decoration:none;
  font-family:var(--ee-ff-h);font-weight:700;letter-spacing:.02em;
  font-size:clamp(1.3rem,2.1vw,1.75rem);color:#fff;transition:color .35s var(--ee-ease)}
.ee-cta__phone::before{content:"";display:block;width:36px;height:1px;background:var(--ee-orange);
  transition:width .45s var(--ee-ease)}
.ee-cta__phone:hover{color:var(--ee-orange)}
.ee-cta__phone:hover::before{width:56px}
.ee-cta__btns{display:flex;flex-wrap:wrap;gap:14px;margin:0}
.editor-styles-wrapper .ee-cta{padding:56px 0}
@media (max-width:900px){
  .ee-cta__inner{grid-template-columns:1fr;gap:34px}
}
@media (max-width:600px){
  .ee-cta{padding:clamp(56px,12vw,80px) 0}
  .ee-cta::before{right:-190px;top:-190px}
  .ee-cta__btns,.ee-cta__btns .wp-block-button,.ee-cta__btns .wp-block-button__link{width:100%}
  .ee-cta__btns .wp-block-button__link{justify-content:center;text-align:center}
}
@media (prefers-reduced-motion:reduce){
  .ee-cta__phone,.ee-cta__phone::before{transition:none}
}
/* [SG-M1-cta] fin */

/* [SG-M4-boutons] debut */
/* =====================================================================
SESSION G - M4. LANGAGE UNIFIE DES BOUTONS
Un seul principe sur tout le site : fond anthracite au repos, fond
orange au survol, texte blanc dans les deux etats, angles droits,
transition douce. Couche de surcharge posee en fin de feuille : elle
neutralise les cinq styles historiques sans reecrire chaque section.
Exclus volontairement : barre de recherche et selecteur de langue.
Exception : section CTA (fond deja anthracite), variante claire plus bas.
===================================================================== */
.wp-site-blocks .wp-block-button__link,
.wp-site-blocks .wp-block-button .wp-block-button__link,
.wp-site-blocks .ee-ct-card .wpcf7-submit,
.wp-site-blocks .wp-block-query-pagination a,
.wp-site-blocks .ee-cat-pag .page-numbers{
  background-color:#1a1a1a!important;
  background-image:none!important;
  color:#ffffff!important;
  border-color:#1a1a1a!important;
  border-radius:0!important;
  transition:background-color .38s cubic-bezier(.2,.7,.2,1),border-color .38s cubic-bezier(.2,.7,.2,1),color .38s cubic-bezier(.2,.7,.2,1),transform .38s cubic-bezier(.2,.7,.2,1),box-shadow .38s cubic-bezier(.2,.7,.2,1)!important;
}
.wp-site-blocks .wp-block-button__link:hover,
.wp-site-blocks .wp-block-button__link:focus-visible,
.wp-site-blocks .ee-ct-card .wpcf7-submit:hover,
.wp-site-blocks .ee-ct-card .wpcf7-submit:focus-visible,
.wp-site-blocks .wp-block-query-pagination a:hover,
.wp-site-blocks .wp-block-query-pagination a:focus-visible,
.wp-site-blocks .ee-cat-pag .page-numbers:hover,
.wp-site-blocks .ee-cat-pag .page-numbers:focus-visible{
  background-color:#fe5802!important;
  border-color:#fe5802!important;
  color:#ffffff!important;
}
.wp-site-blocks .wp-block-query-pagination .current,
.wp-site-blocks .ee-cat-pag .page-numbers.current{
  background-color:#fe5802!important;border-color:#fe5802!important;color:#ffffff!important;
}
.wp-site-blocks .ee-cat-pag .page-numbers.dots{
  background-color:transparent!important;border-color:transparent!important;color:#6b6a6a!important;
}
/* le voile blanc qui montait au survol n a plus lieu d etre */
.ee-btn .wp-block-button__link::before{display:none!important}

/* --- exception : variante claire dans la section CTA anthracite --- */
.wp-site-blocks .ee-cta .wp-block-button__link{
  background-color:#ffffff!important;color:#1a1a1a!important;border-color:#ffffff!important;
  font-family:var(--ee-ff-b);font-weight:600;font-size:.78rem;letter-spacing:.14em;
  text-transform:uppercase;line-height:1;padding:18px 32px;border-width:2px;border-style:solid;
  display:inline-flex;align-items:center;text-decoration:none;
}
.wp-site-blocks .ee-cta .wp-block-button__link:hover,
.wp-site-blocks .ee-cta .wp-block-button__link:focus-visible{
  background-color:#fe5802!important;border-color:#fe5802!important;color:#ffffff!important;
}
.wp-site-blocks .ee-cta .ee-cta__btn-ghost .wp-block-button__link{
  background-color:transparent!important;color:#ffffff!important;border-color:rgba(255,255,255,.55)!important;
}
.wp-site-blocks .ee-cta .ee-cta__btn-ghost .wp-block-button__link:hover,
.wp-site-blocks .ee-cta .ee-cta__btn-ghost .wp-block-button__link:focus-visible{
  background-color:#fe5802!important;border-color:#fe5802!important;color:#ffffff!important;
}
.wp-site-blocks .ee-cta .wp-block-button__link:focus-visible{outline:2px solid #fff;outline-offset:3px}
@media (hover:none){
  .wp-site-blocks .wp-block-button__link:hover{transform:none!important}
}
@media (prefers-reduced-motion:reduce){
  .wp-site-blocks .wp-block-button__link,
  .wp-site-blocks .ee-ct-card .wpcf7-submit{transition:none!important}
  .wp-site-blocks .wp-block-button__link:hover{transform:none!important}
}
/* [SG-M4-boutons] fin */

/* [SG-M2A-menu] debut */
/* =====================================================================
SESSION G - M2A. SURVOL DU MENU PRINCIPAL
Au repos anthracite graisse 600, au survol le texte ET le soulignement
passent en orange. Logique du site : anthracite au repos, orange a
l interaction. FR et EN, memes classes, une seule regle.
===================================================================== */
.ee-hdr .wp-block-navigation .wp-block-navigation-item__content{
  background-image:linear-gradient(#fe5802,#fe5802);
}
.ee-hdr .wp-block-navigation .wp-block-navigation-item__content:hover,
.ee-hdr .wp-block-navigation .wp-block-navigation-item__content:focus-visible{
  color:#fe5802;
}
.ee-hdr .wp-block-navigation .wp-block-navigation-item__content:focus-visible{
  outline:2px solid #fe5802;outline-offset:4px;
}
/* [SG-M2A-menu] fin */

/* [SG-M6-contraste] debut */
/* =====================================================================
SESSION G - M6. CONTRASTE DES PETITS TEXTES
Le gris de charte #9c9b9b plafonne a 2,6:1 sur fond clair, sous le
minimum de 4,5:1 du cahier des charges. Le jeton --ee-grey passe a
#6b6a6a pour les TEXTES : 5,01:1 sur le fond clair #f8f8f6 et
5,33:1 sur blanc. Les trois usages decoratifs du gris (filet, bordure
gauche de message, cadre pointille de l editeur) et la barre de
recherche reprennent la valeur d origine juste en dessous.
===================================================================== */
.ee-ct-card .ee-ct-card__eyebrow::before{background:#9c9b9b}
.ee-ct-card form.wpcf7-form .wpcf7-response-output{border-left-color:#9c9b9b!important}
.ee-hdr-search .wp-block-search__input::placeholder,
.ee-srch-none .ee-srch-none__form .wp-block-search__input::placeholder{color:#9c9b9b}
/* fil d Ariane : la regle d origine force #9c9b9b en important */
:is(.breadcrumb-wrapper,.ee-arch-crumb,.ee-ct-crumb,.ee-single__crumb) :is(.yoast-breadcrumbs,.wp-block-yoast-seo-breadcrumbs,.yoast-breadcrumbs *){
  color:#6b6a6a!important;
}
:is(.breadcrumb-wrapper,.ee-arch-crumb,.ee-ct-crumb,.ee-single__crumb) .yoast-breadcrumbs :is(a,a *){
  color:#6b6a6a!important;
}
:is(.breadcrumb-wrapper,.ee-arch-crumb,.ee-ct-crumb,.ee-single__crumb) .yoast-breadcrumbs :is(a:hover,a:hover *,a:focus-visible,a:focus-visible *){
  color:#fe5802!important;
}
.breadcrumb-wrapper .yoast-breadcrumbs,
.breadcrumb-wrapper .yoast-breadcrumbs *{color:#6b6a6a}
.breadcrumb-wrapper .yoast-breadcrumbs a{color:#6b6a6a}
/* sub-footer : les liens passent en orange au survol (M3B) */
.wp-site-blocks footer .ee-subfooter p,
.wp-site-blocks footer .ee-subfooter a{color:#6b6a6a!important;transition:color .35s cubic-bezier(.2,.7,.2,1)}
.wp-site-blocks footer .ee-subfooter a:hover,
.wp-site-blocks footer .ee-subfooter a:focus-visible{color:#fe5802!important}
/* [SG-M6-contraste] fin */

/* [SG-M3-footer] debut */
/* =====================================================================
SESSION G - M3. FOOTER
A. Boutons : le remplissage anthracite pose en session F allait a
   l envers de la logique du site. Le langage unifie (SG-M4) les met
   en anthracite au repos et en orange au survol ; on y ajoute le
   leger agrandissement des icones sociales.
B. Liens du bas de page : passage a l orange au survol.
C. Largeur 820 px et moins : les quatre colonnes de 159 px cassaient
   les libelles sur trois lignes. Grille 2 par 2.
===================================================================== */
.wp-site-blocks footer .wp-block-buttons .wp-block-button__link{
  transform:scale(1);transform-origin:center;
}
.wp-site-blocks footer .wp-block-buttons .wp-block-button__link:hover,
.wp-site-blocks footer .wp-block-buttons .wp-block-button__link:focus-visible{
  transform:scale(1.06);box-shadow:none;
}
@media (max-width:820px){
  .wp-site-blocks footer .wp-block-columns{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:38px 30px;
    align-items:start;
  }
  .wp-site-blocks footer .wp-block-columns .wp-block-column{
    flex-basis:auto!important;width:auto!important;min-width:0;
  }
  .wp-site-blocks footer .wp-block-buttons .wp-block-button__link{white-space:nowrap}
}
@media (max-width:600px){
  .wp-site-blocks footer .wp-block-columns{grid-template-columns:1fr;gap:32px}
}
@media (hover:none){
  .wp-site-blocks footer .wp-block-buttons .wp-block-button__link:hover{transform:none}
}
@media (prefers-reduced-motion:reduce){
  .wp-site-blocks footer .wp-block-buttons .wp-block-button__link:hover{transform:none}
}
/* [SG-M3-footer] fin */

/* [SG-M2-header] debut */
/* =====================================================================
SESSION G - M2. HEADER  (revision : correction du tremblement au scroll)
Le header est desormais HORS DU FLUX (position fixed) et sa hauteur est
reservee par un bloc neutre .ee-hdr-spacer pose juste apres lui par le
bloc JS du footer. Consequence : passer en mode compact ne raccourcit
plus le flux du document, le contenu ne remonte plus a chaque frame et
l oscillation disparait. La bascule est en outre pilotee par une
hysteresis (compact au-dela de 160 px, retour en dessous de 90 px) et
par un listener de scroll passe en requestAnimationFrame.
B. Version compacte : hauteur 220 px ramenee a 112 px, logo 160 a 88.
C. Logo mobile 80 px, 64 px en compact.
D. Telephone retire de la ligne header sous 600 px et repris comme
   derniere entree du menu hamburger. Lien tel conserve, suivi GA4
   delegue au document donc toujours actif.
Selecteur de langue et barre de recherche inchanges.
===================================================================== */
.wp-site-blocks header.site-header{
  position:fixed;top:0;left:0;right:0;z-index:900;background:#ffffff;
  transition:box-shadow .35s cubic-bezier(.2,.7,.2,1);
}
body.admin-bar .wp-site-blocks header.site-header{top:32px}
@media (max-width:782px){
  body.admin-bar .wp-site-blocks header.site-header{top:0}
}
.ee-hdr-spacer{display:block;width:100%;flex:0 0 auto;pointer-events:none}
.ee-hdr{
  background:#ffffff;
  transition:padding-top .3s cubic-bezier(.2,.7,.2,1),padding-bottom .3s cubic-bezier(.2,.7,.2,1);
}
.ee-hdr .logo-header img{transition:width .3s cubic-bezier(.2,.7,.2,1)}
.wp-site-blocks header.site-header.is-compact{box-shadow:0 8px 26px rgba(26,26,26,.10)}
.is-compact .ee-hdr{padding-top:12px!important;padding-bottom:12px!important}
.is-compact .ee-hdr .logo-header img{width:88px!important}
/* pendant la mesure de la hauteur de reference, aucune animation */
.ee-hdr-measuring,
.ee-hdr-measuring .ee-hdr,
.ee-hdr-measuring .ee-hdr .logo-header img{transition:none!important}
/* --- D. telephone dans le menu hamburger --- */
.ee-hdr .wp-block-navigation .ee-nav-phone{display:none}
.ee-hdr .wp-block-navigation__responsive-container.is-menu-open .ee-nav-phone{display:block}
.ee-hdr .wp-block-navigation__responsive-container.is-menu-open .ee-nav-phone .wp-block-navigation-item__content{
  color:#fe5802;font-weight:700;letter-spacing:.04em;
}
@media (max-width:600px){
  .ee-hdr .header-phone{display:none!important}
  .ee-hdr .logo-header img{width:80px!important}
  .is-compact .ee-hdr .logo-header img{width:64px!important}
  .is-compact .ee-hdr{padding-top:10px!important;padding-bottom:10px!important}
}
@media (prefers-reduced-motion:reduce){
  .wp-site-blocks header.site-header,.ee-hdr,.ee-hdr .logo-header img{transition:none!important}
}
/* [SG-M2-header] fin */

/* [SG-M5-retour-haut] debut */
/* =====================================================================
SESSION G - M5. BOUTON RETOUR EN HAUT
Injecte par le bloc JS du footer, donc present sur toutes les pages
FR et EN. Apparait au dela de 420 px de defilement, position fixe en
bas a droite, charte anthracite au repos et orange au survol comme
tous les boutons du site. Bouton natif, accessible au clavier, avec
aria-label traduit et respect de prefers-reduced-motion.
===================================================================== */
.ee-top{
  position:fixed;right:clamp(16px,2.2vw,30px);bottom:clamp(16px,2.2vw,30px);z-index:950;
  width:52px;height:52px;padding:0;margin:0;
  display:inline-flex;align-items:center;justify-content:center;
  background:#1a1a1a;color:#ffffff;border:2px solid #1a1a1a;border-radius:0;cursor:pointer;
  opacity:0;visibility:hidden;transform:translateY(14px);
  transition:opacity .35s cubic-bezier(.2,.7,.2,1),transform .35s cubic-bezier(.2,.7,.2,1),background-color .35s cubic-bezier(.2,.7,.2,1),border-color .35s cubic-bezier(.2,.7,.2,1);
}
.ee-top.is-visible{opacity:1;visibility:visible;transform:none}
.ee-top:hover,.ee-top:focus-visible{background:#fe5802;border-color:#fe5802;color:#ffffff}
.ee-top:focus-visible{outline:3px solid #1a1a1a;outline-offset:3px}
.ee-top svg{width:20px;height:20px;display:block;fill:none;stroke:currentColor;stroke-width:2.2}
@media (max-width:600px){
  .ee-top{width:46px;height:46px}
  .ee-top svg{width:18px;height:18px}
}
@media (hover:none){
  .ee-top:hover{background:#1a1a1a;border-color:#1a1a1a}
}
@media (prefers-reduced-motion:reduce){
  .ee-top{transition:opacity .01ms linear;transform:none}
}
/* [SG-M5-retour-haut] fin */

/* [SG-M9-photos-equipe] debut */
/* =====================================================================
SESSION G - M9. QUI SOMMES-NOUS : TAILLE DES PHOTOS DE L EQUIPE
Les cartes elargies en session F ont entraine la photo avec elles :
358 px de cote sur une carte de 360, les visages ecrasaient la carte.
La photo est desormais centree a 78 pour cent de la largeur de la
carte, soit 280 px : visage reduit d un peu plus de 20 pour cent.
La largeur des cartes, leur grille, le zoom au survol, le voile
orange, le lisere et la numerotation ne bougent pas.
===================================================================== */
.ee-qsn-card__media{
  width:78%;margin-left:auto;margin-right:auto;
  margin-top:clamp(20px,2.2vw,28px);
}
@media (max-width:600px){
  .ee-qsn-card__media{width:68%;margin-top:22px}
  .ee-qsn-card__media img{aspect-ratio:1/1}
}
/* [SG-M9-photos-equipe] fin */

/* [SG-M4b-ombres] debut */
/* =====================================================================
SESSION G - M4 (complement). OMBRES DES BOUTONS
Les anciens styles laissaient des halos colores au repos, heritage
des boutons orange. Au repos les boutons sont desormais plats ; au
survol une ombre orange discrete accompagne le passage a l orange.
===================================================================== */
.wp-site-blocks .wp-block-button__link,
.wp-site-blocks .ee-ct-card .wpcf7-submit,
.wp-site-blocks footer .wp-block-buttons .wp-block-button__link{
  box-shadow:none!important;
}
.wp-site-blocks .wp-block-button__link:hover,
.wp-site-blocks .wp-block-button__link:focus-visible,
.wp-site-blocks .ee-ct-card .wpcf7-submit:hover,
.wp-site-blocks .ee-ct-card .wpcf7-submit:focus-visible{
  box-shadow:0 14px 30px rgba(254,88,2,.22)!important;
}
.wp-site-blocks footer .wp-block-buttons .wp-block-button__link:hover,
.wp-site-blocks footer .wp-block-buttons .wp-block-button__link:focus-visible{
  box-shadow:none!important;
}
@media (hover:none){
  .wp-site-blocks .wp-block-button__link:hover{box-shadow:none!important}
}
/* [SG-M4b-ombres] fin */

/* [SG-M4c-fonds-sombres] debut */
/* =====================================================================
SESSION G - M4 (complement). BOUTONS SUR FOND SOMBRE
L exception concue pour la section CTA vaut partout ou le fond est
deja anthracite : un bouton anthracite y serait invisible. Meme
logique d inversion, retournee pour le fond sombre.
Bouton principal : blanc au repos, orange au survol, texte blanc.
Bouton secondaire : contour blanc, orange plein au survol.
Concerne le hero et le CTA de Qui sommes-nous, le CTA des
sous-prestations, et les cartes photo de Nos prestations.
===================================================================== */
.wp-site-blocks .ee-qsn-hero .wp-block-button__link,
.wp-site-blocks .ee-qsn-cta .wp-block-button__link{
  background-color:#ffffff!important;color:#1a1a1a!important;border-color:#ffffff!important;
}
.wp-site-blocks .ee-qsn-hero .wp-block-button__link:hover,
.wp-site-blocks .ee-qsn-hero .wp-block-button__link:focus-visible,
.wp-site-blocks .ee-qsn-cta .wp-block-button__link:hover,
.wp-site-blocks .ee-qsn-cta .wp-block-button__link:focus-visible{
  background-color:#fe5802!important;border-color:#fe5802!important;color:#ffffff!important;
}
/* variantes secondaires : contour blanc */
.wp-site-blocks .ee-qsn-hero .ee-qsn-btn-ghost .wp-block-button__link,
.wp-site-blocks .ee-qsn-cta .ee-qsn-btn-ghost .wp-block-button__link,
.wp-site-blocks .ee-prest .ee-prest__cta .wp-block-button__link{
  background-color:transparent!important;color:#ffffff!important;
  border:2px solid rgba(255,255,255,.55)!important;
}
.wp-site-blocks .ee-qsn-hero .ee-qsn-btn-ghost .wp-block-button__link:hover,
.wp-site-blocks .ee-qsn-hero .ee-qsn-btn-ghost .wp-block-button__link:focus-visible,
.wp-site-blocks .ee-qsn-cta .ee-qsn-btn-ghost .wp-block-button__link:hover,
.wp-site-blocks .ee-qsn-cta .ee-qsn-btn-ghost .wp-block-button__link:focus-visible,
.wp-site-blocks .ee-prest .ee-prest__card:hover .ee-prest__cta .wp-block-button__link,
.wp-site-blocks .ee-prest .ee-prest__card:focus-within .ee-prest__cta .wp-block-button__link{
  background-color:#fe5802!important;border-color:#fe5802!important;color:#ffffff!important;
}
/* la carte prestation garde sa zone de clic pleine carte et son chevron */
.wp-site-blocks .ee-prest .ee-prest__cta .wp-block-button__link{
  padding:11px 18px!important;
}
/* [SG-M4c-fonds-sombres] fin */

/* [SG-G2-ajustements] debut */
/* =====================================================================
SESSION G, deuxieme passe : retours de relecture
1. Footer : retour a l identite d origine, boutons orange et arrondis.
   Seul ajout conserve, le leger agrandissement au survol.
2. Pagination : navigation secondaire, version discrete en contour,
   page courante en orange, survol orange.
3. Hierarchie des boutons la ou deux actions cohabitent : action
   principale en plein, action annexe en contour, meme inversion
   au survol.
4. Cartes de l equipe commerciale : portraits en cercle plein,
   numerotation retiree sur cette seule section.
===================================================================== */

/* ---------- 1. FOOTER : boutons orange arrondis ---------- */
.wp-site-blocks footer .wp-block-buttons .wp-block-button__link{
  background-color:#fe5802!important;background-image:none!important;
  color:#ffffff!important;border-color:#fe5802!important;
  border-radius:30px!important;box-shadow:none!important;
  transition:transform .35s cubic-bezier(.2,.7,.2,1)!important;
}
.wp-site-blocks footer .wp-block-buttons .wp-block-button__link:hover,
.wp-site-blocks footer .wp-block-buttons .wp-block-button__link:focus-visible{
  background-color:#fe5802!important;border-color:#fe5802!important;color:#ffffff!important;
  box-shadow:none!important;transform:scale(1.06);
}
.wp-site-blocks footer .wp-block-buttons .wp-block-button__link:focus-visible{
  outline:2px solid #1a1a1a;outline-offset:3px;
}
@media (hover:none){
  .wp-site-blocks footer .wp-block-buttons .wp-block-button__link:hover{transform:none}
}
@media (prefers-reduced-motion:reduce){
  .wp-site-blocks footer .wp-block-buttons .wp-block-button__link{transition:none!important}
  .wp-site-blocks footer .wp-block-buttons .wp-block-button__link:hover{transform:none}
}

/* ---------- 2. PAGINATION DISCRETE ---------- */
.wp-site-blocks .wp-block-query-pagination a,
.wp-site-blocks .ee-cat-pag .page-numbers{
  background-color:transparent!important;background-image:none!important;
  color:#1a1a1a!important;border:1px solid #e0dfdc!important;border-radius:0!important;
  box-shadow:none!important;
}
.wp-site-blocks .wp-block-query-pagination a:hover,
.wp-site-blocks .wp-block-query-pagination a:focus-visible,
.wp-site-blocks .ee-cat-pag .page-numbers:hover,
.wp-site-blocks .ee-cat-pag .page-numbers:focus-visible{
  background-color:transparent!important;color:#fe5802!important;border-color:#fe5802!important;
}
.wp-site-blocks .wp-block-query-pagination .current,
.wp-site-blocks .ee-cat-pag .page-numbers.current{
  background-color:#fe5802!important;border-color:#fe5802!important;color:#ffffff!important;
}
.wp-site-blocks .ee-cat-pag .page-numbers.dots{
  background-color:transparent!important;border-color:transparent!important;color:#6b6a6a!important;
}

/* ---------- 3. ACTION ANNEXE EN CONTOUR ---------- */
.wp-site-blocks .ee-fiche-actions .ee-fiche-btn--dl .wp-block-button__link,
.wp-site-blocks .ee-fp-ctas .ee-fiche-btn--dl .wp-block-button__link,
.wp-site-blocks .ee-cat-empty-cta--alt .wp-block-button__link{
  background-color:transparent!important;background-image:none!important;
  color:#1a1a1a!important;border:2px solid #1a1a1a!important;box-shadow:none!important;
}
.wp-site-blocks .ee-fiche-actions .ee-fiche-btn--dl .wp-block-button__link:hover,
.wp-site-blocks .ee-fiche-actions .ee-fiche-btn--dl .wp-block-button__link:focus-visible,
.wp-site-blocks .ee-fp-ctas .ee-fiche-btn--dl .wp-block-button__link:hover,
.wp-site-blocks .ee-fp-ctas .ee-fiche-btn--dl .wp-block-button__link:focus-visible,
.wp-site-blocks .ee-cat-empty-cta--alt .wp-block-button__link:hover,
.wp-site-blocks .ee-cat-empty-cta--alt .wp-block-button__link:focus-visible{
  background-color:#fe5802!important;border-color:#fe5802!important;color:#ffffff!important;
}

/* ---------- 4. CARTES EQUIPE : portraits en cercle, sans numerotation ---------- */
.ee-qsn-card__media{
  width:70%;margin-left:auto;margin-right:auto;
  margin-top:clamp(22px,2.4vw,30px);
  border-radius:50%;overflow:hidden;
}
.ee-qsn-card__media img{aspect-ratio:1/1;border-radius:50%}
.ee-qsn-card__media::after{border-radius:50%}
.ee-qsn-card::before{content:none!important;display:none!important}
@media (max-width:600px){
  .ee-qsn-card__media{width:62%;margin-top:24px}
  .ee-qsn-card__media img{aspect-ratio:1/1}
}
/* [SG-G2-ajustements] fin */


/* ==========================================================
   [S3-RECETTE-TEKOHA] Session 3 du 18/10/2026 - debut
   Correctifs de recette : footer, formulaire footer, contact,
   blog, survols trompeurs, lisibilite des textes sur image.
   ========================================================== */

/* [S3-1] Footer - titres de colonnes passes de h6 a p.
   Rendu identique a l ancien h6 : League Spartan 700, 20 px,
   interligne 1.2, orange, majuscules et espacement en style inline. */
.wp-site-blocks footer p.ee-footer__title,
.wp-site-blocks footer .wp-block-column p.ee-footer__title{
  font-family:var(--wp--preset--font-family--league-spartan);
  font-size:20px;font-weight:700;font-style:normal;line-height:1.2;
  color:var(--wp--preset--color--custom-orange);
}
.wp-site-blocks footer .ee-footer__title + p:not(.ee-footer__title){margin:0 0 .9rem}
.wp-site-blocks footer .ee-footer-list + .ee-footer__title{margin-top:2rem}
@media (max-width:1080px){
  .wp-site-blocks footer p.ee-footer__title,
  .wp-site-blocks footer .wp-block-column p.ee-footer__title{font-size:19px}
}

/* [S3-2] Footer - dernieres realisations (bloc Derniers articles) */
.wp-site-blocks footer .ee-footer-real li{line-height:1.45}
.wp-site-blocks footer .ee-footer-real li a{
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}

/* [S3-3] Footer - formulaire de contact (CF7 9769 FR / 9770 EN).
   Reutilise la carte formulaire de la page contact (.ee-ct-card). */
.ee-ffm{
  --ee-orange:#fe5802;--ee-orange-dk:#d84a00;--ee-orange-lt:#ff8a4d;
  --ee-grey:#6b6a6a;--ee-ink:#1a1a1a;--ee-ink2:#2c2c2c;--ee-body:#5f5f5f;
  --ee-soft:#f8f8f6;--ee-field:#f7f7f5;--ee-line:rgba(156,155,155,.26);
  --ee-err:#d63b1f;--ee-ok:#2e9e5b;
  --ee-ff-h:"League Spartan","Montserrat",sans-serif;--ee-ff-b:"Montserrat",sans-serif;
  --ee-ease:cubic-bezier(.2,.7,.2,1);
}
.wp-site-blocks footer .ee-ffm{
  display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);
  gap:clamp(32px,4.6vw,80px);align-items:start;
  margin-bottom:clamp(44px,4.6vw,64px);
  padding-bottom:clamp(44px,4.6vw,64px);
  border-bottom:1px solid var(--ee-line);
}
.wp-site-blocks footer .ee-ffm > *{margin:0}
.wp-site-blocks footer .ee-ffm__intro{padding-top:clamp(4px,1.6vw,28px)}
.wp-site-blocks footer .ee-ffm__intro > *{margin:0}
.wp-site-blocks footer p.ee-ffm__eyebrow{
  display:inline-flex;align-items:center;gap:12px;
  font-family:var(--ee-ff-b);font-weight:600;font-size:11px;line-height:1.4;
  letter-spacing:.24em;text-transform:uppercase;color:var(--ee-orange);
  margin:0 0 16px;
}
.wp-site-blocks footer p.ee-ffm__eyebrow::before{
  content:"";display:block;width:26px;height:2px;background:var(--ee-orange);flex:0 0 auto;
}
.wp-site-blocks footer p.ee-ffm__title{
  font-family:var(--ee-ff-h);font-weight:700;text-transform:uppercase;
  font-size:clamp(1.6rem,2.8vw,2.4rem);line-height:1.06;letter-spacing:-.01em;
  color:var(--ee-ink);margin:0 0 18px;
}
.wp-site-blocks footer p.ee-ffm__title em{font-style:normal;color:var(--ee-orange)}
.wp-site-blocks footer p.ee-ffm__lead{
  font-family:var(--ee-ff-b);font-weight:300;font-size:1rem;line-height:1.8;
  color:var(--ee-grey);max-width:34em;margin:0;
}
.wp-site-blocks footer .ee-ffm .ee-ffm__card{max-width:none;width:100%}
@media (max-width:1080px){
  .wp-site-blocks footer .ee-ffm{grid-template-columns:minmax(0,1fr)}
  .wp-site-blocks footer .ee-ffm__intro{padding-top:0}
}
@media (max-width:600px){
  .wp-site-blocks footer .ee-ffm{gap:24px}
}


/* [S3-3b] Footer - colonne de presentation du formulaire fixe au defilement (desktop) */
@media (min-width:1081px){
  .wp-site-blocks footer .ee-ffm__intro{position:sticky;top:140px}
}

/* [S3-4] Blog - rangee de liens vers les categories en tete de l index.
   Reprend le traitement .ee-cat-subs des filtres de categories produits. */
.ee-arch-head .ee-arch-cats{margin-top:clamp(26px,3vw,38px)}
.ee-arch-head .ee-arch-cats > p{margin:0}

/* [S3-5] Article - appel a l action catalogue en fin d article */
.ee-single .ee-single-cta{padding:clamp(4px,1vw,12px) clamp(20px,4vw,40px) clamp(56px,6vw,88px);margin:0}
.ee-single .ee-single-cta__box{
  max-width:900px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;
  gap:clamp(22px,3vw,48px);background:#f8f8f6;border-left:4px solid #fe5802;
  padding:clamp(26px,3vw,44px) clamp(22px,3.4vw,52px);
}
.ee-single .ee-single-cta__box > *,
.ee-single .ee-single-cta__body > *{margin:0}
.ee-single p.ee-single-cta__eyebrow{
  font-family:var(--ee-ff-b,"Montserrat",sans-serif);font-weight:600;font-size:11px;line-height:1.4;
  letter-spacing:.22em;text-transform:uppercase;color:#fe5802;margin:0 0 10px;
}
.ee-single p.ee-single-cta__title{
  font-family:var(--ee-ff-h,"League Spartan",sans-serif);font-weight:700;text-transform:uppercase;
  font-size:clamp(1.25rem,2vw,1.6rem);line-height:1.12;color:#1a1a1a;margin:0 0 10px;
}
.ee-single p.ee-single-cta__lead{
  font-family:var(--ee-ff-b,"Montserrat",sans-serif);font-weight:300;font-size:.95rem;line-height:1.75;
  color:#6b6a6a;margin:0;max-width:36em;
}
.ee-single .ee-single-cta__btns{flex:0 0 auto}
.ee-single .ee-single-cta__btn .wp-block-button__link{
  display:inline-flex;align-items:center;gap:12px;
  font-family:var(--ee-ff-b,"Montserrat",sans-serif);font-weight:600;font-size:11.5px;letter-spacing:.18em;
  text-transform:uppercase;text-decoration:none;color:#fff;background:#1a1a1a;
  border:1px solid #1a1a1a;border-radius:0;padding:17px 30px;white-space:nowrap;
  transition:background .45s cubic-bezier(.2,.7,.2,1),border-color .45s cubic-bezier(.2,.7,.2,1),transform .45s cubic-bezier(.2,.7,.2,1);
}
.ee-single .ee-single-cta__btn .wp-block-button__link::after{content:"\2192";transition:transform .45s cubic-bezier(.2,.7,.2,1)}
.ee-single .ee-single-cta__btn .wp-block-button__link:hover,
.ee-single .ee-single-cta__btn .wp-block-button__link:focus-visible{background:#fe5802;border-color:#fe5802;color:#fff;transform:translateY(-3px)}
.ee-single .ee-single-cta__btn .wp-block-button__link:hover::after{transform:translateX(6px)}
.ee-single .ee-single-cta__btn .wp-block-button__link:focus-visible{outline:3px solid #1a1a1a;outline-offset:3px}
@media (max-width:820px){
  .ee-single .ee-single-cta__box{flex-direction:column;align-items:flex-start}
}
@media (max-width:600px){
  .ee-single .ee-single-cta__btns,
  .ee-single .ee-single-cta__btn,
  .ee-single .ee-single-cta__btn .wp-block-button__link{width:100%}
  .ee-single .ee-single-cta__btn .wp-block-button__link{justify-content:center;white-space:normal;padding:16px 20px}
}
@media (prefers-reduced-motion:reduce){
  .ee-single .ee-single-cta__btn .wp-block-button__link,
  .ee-single .ee-single-cta__btn .wp-block-button__link::after{transition:none}
  .ee-single .ee-single-cta__btn .wp-block-button__link:hover{transform:none}
  .ee-single .ee-single-cta__btn .wp-block-button__link:hover::after{transform:none}
}


/* [S3-6] Page contact - coordonnees reprises de la production
   (adresse, standard, Frederic Lebreton, mail, horaires, reseaux).
   Cartes informatives, non cliquables : aucun effet au survol. */
.ee-ct-info{
  --ee-orange:#fe5802;--ee-grey:#6b6a6a;--ee-ink:#1a1a1a;--ee-body:#4a4a4a;
  --ee-line:rgba(156,155,155,.26);
  --ee-ff-h:"League Spartan","Montserrat",sans-serif;--ee-ff-b:"Montserrat",sans-serif;
  --ee-ease:cubic-bezier(.2,.7,.2,1);
  position:relative;background:#fff;margin:0;
  padding:clamp(4px,1vw,12px) 0 clamp(44px,5vw,72px)!important;
}
.ee-ct-info *{box-sizing:border-box}
.ee-ct-info > .ee-ct-wrap{max-width:1240px;padding:0 clamp(20px,4vw,40px);margin:0 auto!important}
.ee-ct-info .ee-ct-info__grid{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(14px,1.6vw,24px);margin:0;
}
.ee-ct-info .ee-ct-infocard{
  margin:0;background:#fff;border:1px solid var(--ee-line);border-top:3px solid var(--ee-orange);
  padding:clamp(22px,2.2vw,30px) clamp(20px,2vw,28px);
}
.ee-ct-info .ee-ct-infocard > *{margin:0}
.ee-ct-info p.ee-ct-infocard__label{
  font-family:var(--ee-ff-b);font-weight:600;font-size:11px;line-height:1.4;letter-spacing:.22em;
  text-transform:uppercase;color:var(--ee-ink);margin:0 0 14px;
}
.ee-ct-info p.ee-ct-infocard__text{
  font-family:var(--ee-ff-b);font-weight:400;font-size:.95rem;line-height:1.7;color:var(--ee-body);
  margin:0 0 6px;overflow-wrap:anywhere;
}
.ee-ct-info p.ee-ct-infocard__text:last-child{margin-bottom:0}
.ee-ct-info p.ee-ct-infocard__text a{
  color:var(--ee-orange);font-weight:500;text-decoration:none;
  border-bottom:1px solid rgba(254,88,2,.35);transition:border-color .3s var(--ee-ease),color .3s var(--ee-ease);
}
.ee-ct-info p.ee-ct-infocard__text a:hover,
.ee-ct-info p.ee-ct-infocard__text a:focus-visible{color:var(--ee-ink);border-color:var(--ee-ink)}
.ee-ct-info .ee-ct-social{margin:0;gap:14px}
@media (max-width:1080px){
  .ee-ct-info .ee-ct-info__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:600px){
  .ee-ct-info .ee-ct-info__grid{grid-template-columns:minmax(0,1fr)}
}

/* [S3-7] Page contact - carte et equipe (bloc carte de Qui sommes-nous)
   ajout de l adresse mail de chaque interlocuteur sous son telephone */
.ee-qsn-person__mail{margin:0!important}
.ee-qsn-person__mail a{
  display:inline-block;line-height:1.5;font-family:var(--ee-ff-b,"Montserrat",sans-serif);
  font-size:.86rem;font-weight:400;color:var(--ee-ink,#1a1a1a);text-decoration:none;overflow-wrap:anywhere;
  transition:color .25s var(--ee-ease,cubic-bezier(.2,.7,.2,1));
}
.ee-qsn-person__mail a:hover,
.ee-qsn-person__mail a:focus-visible{color:var(--ee-orange,#fe5802);text-decoration:underline}


/* [S3-8] Survols trompeurs - point 5 de la recette Tekoha.
   38 regles :hover retirees le 18/10/2026 sur des elements non cliquables
   (le CSS d origine complet est sauvegarde dans le brouillon 9762) :
   accueil .ee-hp-stat (chiffres cles), .ee-hp-quote (avis clients, y compris
   focus-within), .ee-hp-logo img (logos des references) ;
   qui sommes-nous .ee-qsn-note, .ee-qsn-word__motto, .ee-quality__item,
   .ee-qsn-ref et .ee-qsn-ref.is-more, .ee-qsn-tag ;
   prestations .ee-svc-key (clair et sombre), .ee-svc-step, .ee-svc-ref.
   Conserves volontairement : pause du defilement des logos au survol
   (accessibilite), zooms d images, cartes equipe .ee-qsn-card (le survol
   devoile la biographie), puces de listes. */


/* [S3-9] Lisibilite des textes sur image - point 6 de la recette Tekoha.
   Cartes de /nos-prestations-techniques/ : sur petit ecran et sur ecran
   tactile, la description est affichee en permanence et remonte le titre
   dans la zone claire de la photo. Voile sombre renforce dans ces seuls
   cas (desktop inchange). Contraste mesure au moins 4,8:1 sur les 4 cartes. */
@media (max-width:820px){
  .ee-prest .ee-prest__card::after,
  .ee-prest .ee-prest__card:hover::after{
    background:linear-gradient(rgba(26,26,26,.5) 0%,rgba(26,26,26,.8) 30%,rgba(26,26,26,.9) 100%);
  }
}
@media (hover:none){
  .ee-prest .ee-prest__card::after,
  .ee-prest .ee-prest__card:hover::after{
    background:linear-gradient(rgba(26,26,26,.5) 0%,rgba(26,26,26,.8) 30%,rgba(26,26,26,.9) 100%);
  }
}

/* [S3-6b] Page contact - numeros de telephone sans retour a la ligne */
.ee-ct-info p.ee-ct-infocard__text a[href^="tel:"]{white-space:nowrap}


/* ==========================================================
   [S3B] Session 3bis du 18/10/2026 - corrections complementaires
   ========================================================== */

/* [S3B-3] Heros sur photo - lisibilite (point 3 recette Tekoha).
   Desktop : voile de l accueil et de Qui sommes-nous renforce cote
   droit, car le titre long y passe sous le seuil. Le catalogue
   produits reste inchange sur desktop (deja au-dessus du seuil).
   Mobile et ecran tactile : le texte occupe toute la largeur, le voile
   oblique est remplace par un voile vertical quasi uniforme. */
.ee-hero .ee-hero__media::after{
  background:linear-gradient(100deg,rgba(26,26,26,.93) 0%,rgba(26,26,26,.84) 34%,rgba(26,26,26,.68) 62%,rgba(26,26,26,.6) 100%),
             linear-gradient(to top,rgba(26,26,26,.62) 0%,rgba(26,26,26,0) 44%);
}
.ee-qsn-hero::before{
  background:linear-gradient(102deg,rgba(14,14,14,.94) 0%,rgba(14,14,14,.84) 38%,rgba(14,14,14,.6) 68%,rgba(14,14,14,.4) 100%);
}
@media (max-width:820px){
  .ee-hero .ee-hero__media::after{
    background:linear-gradient(180deg,rgba(26,26,26,.84) 0%,rgba(26,26,26,.88) 60%,rgba(26,26,26,.92) 100%);
  }
  .ee-qsn-hero::before,
  .ee-prod-hero::before{
    background:linear-gradient(180deg,rgba(14,14,14,.84) 0%,rgba(14,14,14,.88) 60%,rgba(14,14,14,.92) 100%);
  }
}
@media (hover:none){
  .ee-hero .ee-hero__media::after{
    background:linear-gradient(180deg,rgba(26,26,26,.84) 0%,rgba(26,26,26,.88) 60%,rgba(26,26,26,.92) 100%);
  }
  .ee-qsn-hero::before,
  .ee-prod-hero::before{
    background:linear-gradient(180deg,rgba(14,14,14,.84) 0%,rgba(14,14,14,.88) 60%,rgba(14,14,14,.92) 100%);
  }
}

/* [S3B-5] Qui sommes-nous - biographies des cartes equipe visibles en
   permanence (contenu principal accessible sans survol, mobile compris).
   Les 8 regles de survol des cartes ont ete retirees : carte non
   cliquable, plus aucun contenu a devoiler (CSS d origine dans 9762).
   Les cartes d une meme rangee gardent la meme hauteur (grille). */
.ee-qsn-card .ee-qsn-card__bio{
  max-height:none;opacity:1;transform:none;overflow:visible;margin-top:17px;
}

/* [S3B-5b] Grille equipe : la marge de flux (30 px) decalait les cartes 2 a 6
   vers le bas et rendait la premiere plus haute. Toutes les cartes d une
   rangee partent desormais de la meme ligne, a hauteur egale. */
.ee-qsn-team__grid > .ee-qsn-card{margin:0!important}


/* [S4-menu-deroulant] debut */
/* ·····································································
SESSION 4 - MENU DEROULANT DU HEADER (FR et EN)
Les deux menus (8314 FR, 9211 EN) portent la classe ee-nav-sub sur
Nos produits et Nos prestations : une seule regle couvre les deux.
Ouverture au survol, au clavier (focus-within) et au clic ou au tap sur
le chevron (bouton natif aria-expanded). Panneau blanc, filet orange en
tete, items Montserrat, lisere orange et fond clair au survol.
Au-dessus de 1240 px, ecart entre items ramene a 12 px pour que les
deux chevrons tiennent sur la meme ligne que le menu FR.
····································································· */
@media (min-width:1241px){
  .ee-hdr-row .wp-block-navigation,
  .ee-hdr-row .wp-block-navigation .wp-block-navigation__container{column-gap:12px}
}
.ee-hdr .ee-nav-sub > .wp-block-navigation__submenu-icon{
  width:9px;height:9px;margin-left:3px;color:currentColor;
}
.ee-hdr .ee-nav-sub > .wp-block-navigation__submenu-icon svg{
  width:9px;height:9px;stroke:currentColor;
  transition:transform .3s cubic-bezier(.2,.7,.2,1);
}
.ee-hdr .ee-nav-sub:hover > .wp-block-navigation__submenu-icon svg,
.ee-hdr .ee-nav-sub > .wp-block-navigation__submenu-icon[aria-expanded="true"] svg{transform:rotate(180deg)}
.ee-hdr .ee-nav-sub:hover > .wp-block-navigation__submenu-icon,
.ee-hdr .ee-nav-sub > .wp-block-navigation__submenu-icon[aria-expanded="true"]{color:#fe5802}
.ee-hdr .ee-nav-sub > .wp-block-navigation__submenu-icon:focus-visible{outline:2px solid #fe5802;outline-offset:3px}

/* panneau deroulant, hors menu mobile ouvert */
.ee-hdr .wp-block-navigation__responsive-container:not(.is-menu-open) .ee-nav-sub > .wp-block-navigation__submenu-container{
  background:#ffffff !important;color:#1a1a1a !important;
  border:0 !important;border-top:3px solid #fe5802 !important;
  box-shadow:0 18px 40px rgba(26,26,26,.14);
  padding:10px 0 !important;left:-18px;top:100%;z-index:60;
}
.ee-hdr .wp-block-navigation__responsive-container:not(.is-menu-open) .ee-nav-sub:hover > .wp-block-navigation__submenu-container,
.ee-hdr .wp-block-navigation__responsive-container:not(.is-menu-open) .ee-nav-sub:focus-within > .wp-block-navigation__submenu-container,
.ee-hdr .wp-block-navigation__responsive-container:not(.is-menu-open) .ee-nav-sub > .wp-block-navigation__submenu-icon[aria-expanded="true"] ~ .wp-block-navigation__submenu-container{
  min-width:310px !important;
}
.ee-hdr .wp-block-navigation__responsive-container:not(.is-menu-open) .ee-nav-sub .wp-block-navigation__submenu-container .wp-block-navigation-item{width:100%}
.ee-hdr .wp-block-navigation__responsive-container:not(.is-menu-open) .ee-nav-sub .wp-block-navigation__submenu-container .wp-block-navigation-item__content{
  display:block;width:100%;box-sizing:border-box;
  padding:9px 22px 9px 19px !important;
  font-family:var(--ee-ff-b);font-weight:500;font-size:15px;line-height:1.35;
  color:#1a1a1a;white-space:normal;text-transform:none;letter-spacing:0;
  background-image:none !important;transform:none !important;
  border-left:3px solid transparent;
  transition:color .25s ease,background-color .25s ease,border-color .25s ease;
}
.ee-hdr .wp-block-navigation__responsive-container:not(.is-menu-open) .ee-nav-sub .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover,
.ee-hdr .wp-block-navigation__responsive-container:not(.is-menu-open) .ee-nav-sub .wp-block-navigation__submenu-container .wp-block-navigation-item__content:focus-visible{
  color:#fe5802;background-color:#f8f8f6;border-left-color:#fe5802;transform:none !important;
}
.ee-hdr .wp-block-navigation__responsive-container:not(.is-menu-open) .ee-nav-sub .wp-block-navigation__submenu-container .wp-block-navigation-item__content:focus-visible{
  outline:2px solid #fe5802;outline-offset:-2px;
}

/* menu mobile ouvert : sous-items toujours visibles, en retrait, plus fins */
.ee-hdr .wp-block-navigation__responsive-container.is-menu-open .ee-nav-sub > .wp-block-navigation__submenu-container{
  padding:4px 0 6px 14px !important;border-left:2px solid #fe5802;margin-top:6px;gap:.35em;
}
.ee-hdr .wp-block-navigation__responsive-container.is-menu-open .ee-nav-sub .wp-block-navigation__submenu-container .wp-block-navigation-item__content{
  font-family:var(--ee-ff-b);font-weight:400;font-size:15px;color:#6b6a6a;
  white-space:normal !important;overflow-wrap:break-word;padding-right:12px;
}
.ee-hdr .wp-block-navigation__responsive-container.is-menu-open .ee-nav-sub,
.ee-hdr .wp-block-navigation__responsive-container.is-menu-open .ee-nav-sub .wp-block-navigation__submenu-container,
.ee-hdr .wp-block-navigation__responsive-container.is-menu-open .ee-nav-sub .wp-block-navigation__submenu-container .wp-block-navigation-item{min-width:0;max-width:100%}
.ee-hdr .wp-block-navigation__responsive-container.is-menu-open .ee-nav-sub .wp-block-navigation__submenu-container .wp-block-navigation-item__label{white-space:normal !important}

/* ecrans tactiles : zone de tap elargie autour du chevron */
@media (hover:none){
  .ee-hdr .ee-nav-sub > .wp-block-navigation__submenu-icon{
    box-sizing:content-box;padding:12px;margin:-12px -12px -12px -9px;
  }
}
@media (prefers-reduced-motion:reduce){
  .ee-hdr .ee-nav-sub > .wp-block-navigation__submenu-icon svg,
  .ee-hdr .ee-nav-sub .wp-block-navigation__submenu-container .wp-block-navigation-item__content{transition:none}
}
/* [S4-menu-deroulant] fin */


/* [S4-maillage] debut */
/* ·····································································
SESSION 4 - LIENS DE MAILLAGE DANS LE TEXTE (classe ee-link)
Prestations vers catalogue, catalogue et hubs vers prestations et Qui
sommes-nous. Couleur heritee du paragraphe (lisible sur fond clair comme
sur le hero sombre du catalogue), soulignement orange, orange au survol.
Meme logique que les liens des descriptions de categories.
····································································· */
a.ee-link{
  color:inherit;text-decoration:underline;text-decoration-color:var(--ee-orange);
  text-decoration-thickness:1px;text-underline-offset:3px;
  transition:color .25s var(--ee-ease);
}
a.ee-link:hover,a.ee-link:focus-visible{color:var(--ee-orange)}
a.ee-link:focus-visible{outline:2px solid var(--ee-orange);outline-offset:2px}
@media (prefers-reduced-motion:reduce){a.ee-link{transition:none}}
/* [S4-maillage] fin */

/* [S5-C] Header - Nos produits et Nos prestations (FR et EN) : pas de soulignement au survol, passage en orange conserve */
.ee-hdr .wp-block-navigation .ee-nav-sub > .wp-block-navigation-item__content:hover,
.ee-hdr .wp-block-navigation .ee-nav-sub > .wp-block-navigation-item__content:focus-visible{background-size:0% 2px}


/* =====================================================================
   S4 - 23/10/2026 - finitions recette Tekoha
   ===================================================================== */
/* [S4-1] ligne 32 : emoji decoratif converti de H4 en paragraphe (fond et forme separes), rendu identique a l ancien H4 */
.ee-single__content p.ee-single__emoji{font-family:var(--ee-ff-h);font-weight:700;text-transform:uppercase;font-size:clamp(.97rem,1.15vw,1.08rem);letter-spacing:.035em;line-height:1.3;color:var(--ee-orange);margin:1.8em 0 .65em}
.ee-single__content p.ee-single__emoji::after{content:"";display:block;width:28px;height:2px;background:rgba(254,88,2,.45);margin-top:12px}
.ee-single__content .wp-block-post-content>p.ee-single__emoji{margin-top:0}
.ee-single__content p.ee-single__emoji:has(img.emoji:only-child){padding:0;border:0;margin:1.1em 0 .5em;font-size:1.7rem;line-height:1}
.ee-single__content p.ee-single__emoji:has(img.emoji:only-child)::after{display:none}
/* [S4-2] placeholders des formulaires (CF7 contact, footer FR et EN, recherche) au gris charte, contraste AA */
.ee-ct-card ::placeholder{color:#6b6a6a;opacity:1}
.ee-ct-card select:invalid,
.ee-ct-card select option[value=""],
.ee-ct-card select:not(.ee-filled){color:#6b6a6a}
.ee-hdr-search .wp-block-search__input::placeholder,
.ee-srch-none .ee-srch-none__form .wp-block-search__input::placeholder{color:#6b6a6a;opacity:1}
/* [S4] fin */

/* Correction filtre photos équipe — 24/10/2026 */
.ee-qsn-card__media::after{display:none}

.is-layout-constrained > .alignwide {
    max-width: 1250px !important;
}