/* Charte bleu nuit et or, en vigueur depuis le 05/11/2026.
   Couleurs relevées sur la proposition graphique du logo 2025 : bleu nuit #002137, or sable #BCAB86, blanc cassé #F8F9F6.
   Cette feuille est chargée après simonnot.css : elle redéfinit les variables de couleur et les quelques blocs
   qui passent en cartes bleues. Pour revenir au bordeaux, il suffit de ne plus la charger. */
:root{
	--secondary-color    : #FFFFFF;   /* fond général : blanc */
	--accent-color       : #0F2E49;   /* vert profond : boutons, puces, accents */
	--accent-2           : #0F2E49;
	--accent-clair       : #184267;
	--accent-clair-survol: #002137;
	--accent-deep        : #0F2E49;   /* étiquettes de section et liens, en vert */
	--rose               : #ECF3EF;   /* pastilles et éléments sélectionnés */
	--rose-liseré        : #DCDCD2;
	--filet-c            : #E2E8E5;
	--divider-color      : #E2E8E5;
	--text-color         : #59606A;
	--primary-color      : #0F2E49;   /* noir vert, sections pleines */
	--primary-soft       : #184267;
	--text-strong        : #0F2E49;
	--or-clair           : #E9D4A6;   /* or éclairci : icône du widget d'appel (07/11/2026) */
}
body{ background:#FFFFFF; color:#0F2E49; }
/* Sections qui étaient en sable : blanc cassé très légèrement vert */
.sx-sable, .sx-fond-sable, .sx-domaines, .sx-etapes{ background:#F8F9F6 !important; }

/* Haut de page : panneau noir translucide, titres blancs, accent vert */
.sx-hero{ background:#FFFFFF !important; padding-top:34px; }
.sx-hero .sx-hero-une{
	position:relative;
	background:linear-gradient(165deg,#1A4268 0%,#123250 72%);
	border-radius:28px;
	padding:58px 44px 46px;
	margin-bottom:48px;
	overflow:hidden;
}
.sx-hero .sx-hero-une::after{   /* voile vert très léger, pour que le noir ne soit pas plat */
	content:none;
}
.sx-hero .sx-hero-une > *{ position:relative; z-index:1; }
.sx-hero .section-title h1.sx-h1-discret{ color:rgba(255,255,255,.62) !important; }
.sx-hero .section-title p.hero-titre .l1{ color:#FFFFFF !important; }
.sx-hero .section-title p.hero-titre .l2{ color:#BCAB86 !important; }
.sx-hero .section-title p.hero-titre::after{ background:#BCAB86 !important; }
.sx-hero-intro{ color:rgba(255,255,255,.80) !important; }
/* Cartouche du certificat : carte sombre mate, lueur douce en bas à droite */
.sx-hero-certif-ligne{
	position:relative; overflow:hidden; isolation:isolate;
	display:flex !important; flex-direction:row !important; flex-wrap:nowrap !important;
	align-items:center !important; justify-content:space-between; gap:28px !important;
	width:min(880px,100%) !important; max-width:100%;
	margin:30px auto 0;
	padding:26px 30px !important;
	text-align:left !important;
	background:linear-gradient(145deg,#2E5F8E 0%,#21496F 62%) !important;
	border:1px solid rgba(255,255,255,.36) !important;
	border-radius:22px !important;
	box-shadow:inset 0 1px 0 rgba(255,255,255,.14), 0 0 0 1px rgba(188,171,134,.14), 0 26px 60px rgba(0,0,0,.46) !important;
}
.sx-hero-certif-ligne::before{   /* lueur diffuse, comme un reflet */
	content:""; position:absolute; z-index:-1;
	right:-8%; bottom:-78%; width:84%; height:188%;
	background:radial-gradient(44% 42% at 58% 54%, rgba(246,247,243,.62), rgba(211,199,171,.30) 44%, rgba(188,171,134,.12) 62%, rgba(0,33,55,0) 76%);
	filter:blur(20px);
}
.sx-hero-certif-ligne .sx-hero-certif-texte{ flex:1 1 auto; text-align:left !important; }
.sx-hero-certif-sur{ color:#BCAB86 !important; font-size:12px !important; letter-spacing:.2em !important; margin:0 0 9px !important; }
.sx-hero-certif-titre{ color:#FFFFFF !important; font-size:19.5px !important; line-height:1.45 !important; margin:0 !important; font-weight:400; }
.sx-hero-certif-lien{
	flex:0 0 auto; margin:0 !important;
	color:#002137 !important; background:#FFFFFF !important;
	border:1px solid #FFFFFF !important; border-radius:10000px !important;
	padding:10px 20px !important; font-size:14px !important; font-weight:500;
}
.sx-hero-certif-lien:hover{ background:#BCAB86 !important; border-color:#BCAB86 !important; color:#002137 !important; }
@media (max-width:767px){
	.sx-hero-certif-ligne{ flex-direction:column !important; align-items:flex-start !important; gap:18px !important; padding:22px !important; }
	.sx-hero-certif-titre{ font-size:17px !important; }
}


/* Tuiles d'expertise : cartes sombres mates à lueur diffuse, sur fond blanc */
.sx-expertise{ background:#FFFFFF !important; }
.sx-voies{ gap:26px !important; }
.sx-voie{
	position:relative; overflow:hidden; isolation:isolate;
	background:linear-gradient(150deg,#2E5F8E 0%,#21496F 62%) !important;
	border:1px solid rgba(255,255,255,.22) !important;
	border-radius:24px !important;
	padding:36px 38px 30px !important;
	box-shadow:inset 0 1px 0 rgba(255,255,255,.12), 0 26px 60px rgba(0,33,55,.22) !important;
	transition:transform .25s ease, box-shadow .25s ease;
}
.sx-voie::before{ content:none; }



.sx-voie:hover{ transform:translateY(-3px); box-shadow:inset 0 1px 0 rgba(255,255,255,.16), 0 32px 70px rgba(0,33,55,.28) !important; }
.sx-voie-sur{ color:#BCAB86 !important; }
.sx-voie h3, .sx-voie h3 a{ color:#FFFFFF !important; }
.sx-voie p{ color:rgba(255,255,255,.76) !important; }
.sx-voie p a{ color:#D3C7AB !important; border-bottom-color:rgba(190,223,208,.45) !important; }
.sx-voie-liens{ border-top-color:rgba(255,255,255,.18) !important; }
.sx-voie-liens a:not(.readmore-btn){ color:#D3C7AB !important; border-bottom-color:rgba(190,223,208,.42) !important; }
.sx-voie .readmore-btn{ color:#FFFFFF !important; }
.sx-voie .readmore-btn:hover{ color:#BCAB86 !important; }

/* Domaines d'intervention : mêmes cartes sombres, sur fond blanc */
.sx-domaines{ background:#FFFFFF !important; }
.sx-domaines-grille{ gap:22px !important; }
.sx-domaine{
	position:relative; overflow:hidden; isolation:isolate;
	background:linear-gradient(150deg,#2E5F8E 0%,#21496F 62%) !important;
	border:1px solid rgba(255,255,255,.22) !important;
	border-radius:24px !important;
	padding:30px 28px !important;
	box-shadow:inset 0 1px 0 rgba(255,255,255,.12), 0 26px 60px rgba(0,33,55,.22) !important;
	transition:transform .25s ease, box-shadow .25s ease;
}
.sx-domaine::before{ content:none; }



.sx-domaine:hover{ transform:translateY(-3px); box-shadow:inset 0 1px 0 rgba(255,255,255,.16), 0 32px 70px rgba(0,33,55,.28) !important; }
.sx-domaine h3, .sx-domaine h3 a{ color:#FFFFFF !important; border-bottom-color:rgba(255,255,255,.20) !important; }
.sx-domaine h3 a:hover{ color:#BCAB86 !important; }
.sx-domaine li a{ color:rgba(255,255,255,.76) !important; }
.sx-domaine li a:hover{ color:#BCAB86 !important; }

/* Tuiles d'articles : cartes sombres, image intégrée, texte posé en bas */
.our-blog{ background:#FFFFFF !important; }
.our-blog .post-item{
	position:relative; overflow:hidden; isolation:isolate;
	background:linear-gradient(165deg,#1A4268 0%,#123250 72%) !important;
	border:1px solid rgba(255,255,255,.22) !important;
	border-radius:24px !important;
	box-shadow:inset 0 1px 0 rgba(255,255,255,.12), 0 26px 60px rgba(0,33,55,.22) !important;
	transition:transform .25s ease, box-shadow .25s ease;
}
.our-blog .post-item:hover{ transform:translateY(-3px); box-shadow:inset 0 1px 0 rgba(255,255,255,.16), 0 32px 70px rgba(0,33,55,.28) !important; }
.our-blog .post-featured-image img{ filter:saturate(.84) brightness(.70) contrast(1.05); }
.our-blog .post-featured-image figure::before{
	background:linear-gradient(180deg, rgba(26,66,104,.24) 0%, rgba(20,54,86,.42) 36%, rgba(14,40,64,.84) 68%, rgba(18,50,80,.98) 100%) !important;
}
.our-blog .post-item-body{ bottom:32px !important; left:32px !important; right:32px !important; }
.our-blog .post-item-content{ margin-bottom:16px !important; }
.our-blog .post-item-content h3{ color:#FFFFFF !important; font-size:20px !important; line-height:1.35 !important; }
.our-blog .post-item-content h3 a{ color:#FFFFFF !important; }
.our-blog .post-item-content h3 a:hover{ color:#BCAB86 !important; }
.our-blog .post-item-meta ul{ gap:10px 24px !important; }
.our-blog .post-item-meta ul li{ color:rgba(255,255,255,.74) !important; font-size:13px !important; align-items:center; gap:8px; }
.our-blog .post-item-meta ul li i{ color:#BCAB86 !important; }
@media (max-width:767px){ .our-blog .post-item-body{ bottom:24px !important; left:24px !important; right:24px !important; } }
/* Tuiles d'articles au format paysage, titre sur deux lignes au maximum */
.our-blog .post-featured-image img{ aspect-ratio:1 / 0.66 !important; }
.our-blog .post-item-body{ bottom:24px !important; left:26px !important; right:26px !important; }
.our-blog .post-item-content{ margin-bottom:12px !important; }
.our-blog .post-item-content h3{
	font-size:18px !important; line-height:1.3 !important;
	display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;
	overflow:hidden;
}
.our-blog .post-item-meta ul{ gap:6px 22px !important; }
.our-blog .post-item-meta ul li{ font-size:12.5px !important; }
@media (max-width:1199px){ .our-blog .post-featured-image img{ aspect-ratio:1 / 0.74 !important; } }
@media (max-width:991px){ .our-blog .post-featured-image img{ aspect-ratio:1 / 0.58 !important; } }

/* Logo du cabinet en filigrane sur les tuiles d'articles */
.our-blog .post-featured-image{ position:relative; }
.our-blog .post-featured-image::after{
	content:""; position:absolute; left:0; right:0; top:0; bottom:0; z-index:3; pointer-events:none;
	background:url("/images/logo-simonnot-blanc.png") center 32% / 44% auto no-repeat;
	opacity:.40;
	transition:opacity .3s ease;
}
.our-blog .post-item:hover .post-featured-image::after{ opacity:.55; }
@media (max-width:991px){ .our-blog .post-featured-image::after{ background-size:30% auto; background-position:center 30%; } }

/* Logo en filigrane sur les tuiles d'expertise */
.sx-voie::after{
	content:""; position:absolute; z-index:-1; pointer-events:none;
	right:6%; bottom:7%; width:40%; height:30%;
	background:url("/images/logo-simonnot-blanc.png") right bottom / contain no-repeat;
	opacity:.09;
	transition:opacity .3s ease;
}
.sx-voie:hover::after{ opacity:.14; }
@media (max-width:991px){ .sx-voie::after{ width:52%; height:24%; } }

/* Logo en filigrane sur les cartes de domaines, calé à droite */
.sx-domaine::after{
	content:""; position:absolute; z-index:-1; pointer-events:none;
	right:5%; top:50%; transform:translateY(-50%);
	width:44%; height:40%;
	background:url("/images/logo-simonnot-blanc.png") right center / contain no-repeat;
	opacity:.08;
	transition:opacity .3s ease;
}
.sx-domaine:hover::after{ opacity:.13; }
@media (max-width:991px){ .sx-domaine::after{ width:38%; } }

/* Cartes de domaines : liens en lignes pleine largeur, plus lisibles et plus faciles à toucher */
.sx-domaine{ padding:26px 26px 14px !important; }
.sx-domaine h3{ font-size:19px !important; padding-bottom:12px !important; margin-bottom:4px !important; }
.sx-domaine ul{ columns:auto !important; }
.sx-domaine li{ padding:0 !important; }
.sx-domaine li a{
	display:flex !important; align-items:center; justify-content:space-between; gap:16px;
	padding:11px 0 !important; font-size:15px;
	border-bottom:1px solid rgba(255,255,255,.10);
}
.sx-domaine li:last-child a{ border-bottom:none; }
.sx-domaine li a::after{
	content:"→"; flex:none; font-size:14px; color:rgba(255,255,255,.34);
	transform:translateX(-4px); opacity:0; transition:opacity .2s ease, transform .2s ease;
}
.sx-domaine li a:hover::after{ opacity:1; transform:translateX(0); color:#BCAB86; }
.sx-domaine::after{ right:4%; width:34%; height:30%; opacity:.07; }

/* Les associés : cartes pleine largeur, photo à gauche, présentation lisible à droite */
.sx-associes{ display:grid !important; grid-template-columns:1fr 1fr !important; gap:26px !important; }
.sx-associe{
	width:auto !important; position:relative; overflow:hidden; isolation:isolate;
	display:grid; grid-template-columns:minmax(0,0.82fr) minmax(0,1fr); align-items:stretch;
	background:linear-gradient(150deg,#2E5F8E 0%,#21496F 62%);
	border:1px solid rgba(255,255,255,.22);
	border-radius:24px;
	box-shadow:inset 0 1px 0 rgba(255,255,255,.12), 0 26px 60px rgba(0,33,55,.22);
	transition:transform .25s ease, box-shadow .25s ease;
}
.sx-associe:hover{ transform:translateY(-3px); box-shadow:inset 0 1px 0 rgba(255,255,255,.16), 0 32px 70px rgba(0,33,55,.28); }
/* colonne de gauche : la photo, avec le nom posé en bas */
.sx-associe-photo{ position:relative; border-radius:0 !important; height:100%; overflow:hidden; }
.sx-associe-photo img{ height:100% !important; width:100% !important; aspect-ratio:auto !important; border-radius:0 !important; object-fit:cover !important; object-position:center 16% !important; }
.sx-associe-photo::after{ background:linear-gradient(180deg, rgba(0,33,55,0) 48%, rgba(0,33,55,.88) 100%) !important; }
.sx-associe-tete{ position:absolute !important; left:22px !important; right:18px !important; bottom:20px !important; top:auto !important; z-index:2; text-align:left !important; opacity:1 !important; transform:none !important; }
.sx-associe-tete h3{ font-size:20px !important; color:#FFFFFF !important; margin:0 0 6px !important; line-height:1.25 !important; }
.sx-associe-tete p{ color:#BCAB86 !important; font-size:11px !important; letter-spacing:.15em !important; line-height:1.5 !important; }
/* colonne de droite : la présentation, toujours visible */
.sx-associe-bio{
	position:static !important; inset:auto !important; opacity:1 !important; transform:none !important;
	background:transparent !important; display:flex !important; flex-direction:column; justify-content:center;
	padding:30px 30px !important;
}
.sx-associe-bio p{ color:rgba(255,255,255,.78) !important; font-size:15.5px !important; line-height:1.6 !important; margin:0 0 18px !important; }
.sx-associe-bio a{ align-self:flex-start !important; background:#FFFFFF !important; color:#002137 !important; }
.sx-associe-bio a:hover{ background:#BCAB86 !important; color:#002137 !important; }
@media (max-width:1199px){ .sx-associes{ grid-template-columns:1fr !important; } }
@media (max-width:640px){
	.sx-associe{ grid-template-columns:1fr; }
	.sx-associe-photo img{ aspect-ratio:4 / 3 !important; height:auto !important; }
	.sx-associe-bio{ padding:24px !important; }
}

/* Or éclairci sur les cartes bleu clair : l'or de la charte n'y est pas assez lisible (contraste 2,96 contre 4,59) */
.sx-voie-sur, .sx-associe-tete p, .sx-domaine h3 a:hover, .sx-domaine li a:hover,
.sx-voie-liens a:not(.readmore-btn), .sx-voie p a{ color:#E9D4A6 !important; }
.sx-voie-liens a:not(.readmore-btn){ border-bottom-color:rgba(233,212,166,.45) !important; }
.sx-voie .readmore-btn:hover{ color:#E9D4A6 !important; }

/* Menu déroulant : panneau blanc, mots en bleu, tuile de rendez-vous dans le bleu du panneau d'accueil */
@media (min-width: 992px){
	.main-menu ul ul.sx-mega{
		border:1px solid #E4E5DF;
		border-radius:24px !important;
		box-shadow:0 30px 80px rgba(15,46,73,.18) !important;
	}
	/* titre de rubrique, en haut du panneau */
	.main-menu ul ul.sx-mega li.sx-mega-tete{
		background:transparent !important;
		margin:0 0 12px !important;
		padding:24px 0 16px !important;
		border-bottom:1px solid #E4E5DF;
	}
	.main-menu ul ul.sx-mega li.sx-mega-tete a{ color:#0F2E49 !important; font-size:22px; }
	.main-menu ul ul.sx-mega li.sx-mega-tete a::after{ color:#BCAB86 !important; }
	.main-menu ul ul.sx-mega li.sx-mega-tete small{ color:#59606A !important; }
	/* étiquettes de colonne */
	.sx-mega-titre span{ color:#6E7A86 !important; }
	/* liens : lignes cliquables à coins arrondis, sans filet */
	.main-menu ul ul.sx-mega li a{
		color:#0F2E49 !important;
		border-bottom:none !important;
		padding:9px 12px !important;
		margin:1px -12px;
		border-radius:12px;
		transition:background .18s ease, color .18s ease;
	}
	.main-menu ul ul.sx-mega li a:hover,
	.main-menu ul ul.sx-mega li a:focus{
		background:#EDF2F7 !important;
		color:#0F2E49 !important;
		padding:9px 12px !important;
	}
	.main-menu ul ul.sx-mega li.sx-mega-tete a:hover{ background:transparent !important; padding:0 !important; }
	/* tuile de rendez-vous, dans le bleu du panneau d'accueil */
	.main-menu ul ul.sx-mega li.sx-mega-cta{
		background:linear-gradient(165deg,#1A4268 0%,#123250 72%) !important;
		border-radius:20px !important;
		padding:24px 22px !important;
	}
	.sx-mega-cta-titre{ color:#BCAB86 !important; }
	.sx-mega-cta-tel, .main-menu ul ul.sx-mega li.sx-mega-cta .sx-mega-cta-tel a{ color:rgba(255,255,255,.88) !important; }
	.main-menu ul ul.sx-mega li.sx-mega-cta a.sx-mega-cta-bouton{
		background:#FFFFFF !important; color:#0F2E49 !important; border-color:#FFFFFF !important;
	}
	.main-menu ul ul.sx-mega li.sx-mega-cta a.sx-mega-cta-bouton:hover{ background:#BCAB86 !important; color:#0F2E49 !important; }
}

/* Le panneau du menu est une tuile posée, plus étroite que la page */
@media (min-width: 992px){
	.main-menu ul ul.sx-mega{
		left:9.5% !important; right:9.5% !important;
		top:calc(100% + 12px) !important;
	}
}
@media (min-width: 1400px){
	.main-menu ul ul.sx-mega{ left:11% !important; right:11% !important; }
}

/* Panneau du menu : liseré bleu et texte resserré (05/11/2026) */
@media (min-width: 992px){
	.main-menu ul ul.sx-mega{
		border:1.5px solid #0F2E49 !important;
		box-shadow:0 26px 70px rgba(15,46,73,.22) !important;
		column-gap:26px !important;
	}
	.main-menu ul li.sx-mega-li:hover > ul.sx-mega,
	.main-menu ul li.sx-mega-li:focus-within > ul.sx-mega{ padding:0 26px 20px !important; }
	.main-menu ul ul.sx-mega li.sx-mega-tete{
		margin:0 -26px 10px !important;
		padding:17px 26px 13px !important;
	}
	.main-menu ul ul.sx-mega li.sx-mega-tete a{ font-size:20px !important; line-height:1.25; }
	.main-menu ul ul.sx-mega li.sx-mega-tete small{ margin-top:2px !important; font-size:13px; }
	.main-menu ul ul.sx-mega li.sx-mega-titre{ padding:0 0 3px !important; }
	.sx-mega-titre span{ font-size:11px; letter-spacing:.15em; }
	.main-menu ul ul.sx-mega li a{
		font-size:15.5px;
		line-height:1.3;
		padding:6px 10px !important;
		margin:0 -10px;
	}
	.main-menu ul ul.sx-mega li a:hover,
	.main-menu ul ul.sx-mega li a:focus{ padding:6px 10px !important; }
	.main-menu ul ul.sx-mega li.sx-mega-cta{ padding:20px 18px !important; }
	.sx-mega-cta-titre{ margin:0 0 10px !important; }
}
@media (min-width: 992px) and (max-width: 1199px){
	.main-menu ul li.sx-mega-li:hover > ul.sx-mega,
	.main-menu ul li.sx-mega-li:focus-within > ul.sx-mega{ padding-right:26px !important; }
	.main-menu ul ul.sx-mega li.sx-mega-tete{ margin-right:-26px !important; padding-right:26px !important; }
}

/* Tuile de rendez-vous du menu (05/11/2026) : le voile du bouton du template la faisait virer au bleu nuit au survol */
@media (min-width: 992px){
	.main-menu ul ul.sx-mega li.sx-mega-cta{
		border:1px solid rgba(188,171,134,.38) !important;
		padding:22px 20px !important;
	}
	.sx-mega-cta-titre{
		color:#D8CCAE !important;
		font-size:11px !important;
		letter-spacing:.2em !important;
		margin:0 0 14px !important;
	}
	.main-menu ul ul.sx-mega li.sx-mega-cta a.sx-mega-cta-bouton{
		background:#FFFFFF !important;
		color:#0F2E49 !important;
		border-color:#FFFFFF !important;
		padding:12px 18px !important;
		font-size:15px !important;
		margin:0 0 12px !important;
	}
	/* le voile animé du bouton du template passe en or au lieu du bleu nuit */
	.main-menu ul ul.sx-mega li.sx-mega-cta a.sx-mega-cta-bouton::before{
		background:#BCAB86 !important;
		border-radius:10000px !important;
	}
	.main-menu ul ul.sx-mega li.sx-mega-cta a.sx-mega-cta-bouton:hover,
	.main-menu ul ul.sx-mega li.sx-mega-cta a.sx-mega-cta-bouton:focus{
		background:#BCAB86 !important;
		color:#0F2E49 !important;
		border-color:#BCAB86 !important;
	}
	.sx-mega-cta-tel, .main-menu ul ul.sx-mega li.sx-mega-cta .sx-mega-cta-tel{
		margin:0 !important;
		font-size:13.5px !important;
		color:rgba(255,255,255,.78) !important;
	}
	.main-menu ul ul.sx-mega li.sx-mega-cta .sx-mega-cta-tel a{
		color:#E9D4A6 !important;
		background:transparent !important;
		padding:0 !important;
		margin:0 !important;
	}
	.main-menu ul ul.sx-mega li.sx-mega-cta .sx-mega-cta-tel a:hover{
		color:#FFFFFF !important;
		background:transparent !important;
	}
}

/* ====== Fenêtre de rendez-vous (05/11/2026) : plus étroite, bandeau bleu nuit, tuiles à la charte ====== */
.resa-fenetre{
	width:min(640px, calc(100% - 32px)) !important;
	border-radius:22px !important;
	box-shadow:0 34px 90px rgba(10,26,41,.34) !important;
	overflow:hidden !important;
}
.resa-fenetre::backdrop{ background:rgba(10,26,41,.58); }
/* le calendrier et le formulaire ont besoin de place : la fenêtre s'élargit à leur affichage */
.resa-fenetre:has(.resa-calendly),
.resa-fenetre:has(.resa-zone:not([hidden]) .resa-tally iframe){
	width:min(780px, calc(100% - 32px)) !important;
	overflow:auto !important;
}

/* bandeau de titre */
.resa-simple .resa-parcours{ max-width:none !important; padding:0 0 28px !important; }
.resa-titre-simple{
	background:linear-gradient(165deg,#1A4268 0%,#123250 72%);
	color:#FFFFFF !important;
	margin:0 0 24px !important;
	padding:26px 34px 24px !important;
	font-size:24px !important;
	border-bottom:2px solid #BCAB86;
}
.resa-simple .resa-zone{ padding:0 34px !important; }

/* ligne de prix, avec le logo du cabinet en filigrane à droite */
.resa-simple .resa-zone:first-of-type{ position:relative; }
.resa-simple .resa-zone:first-of-type::before{
	content:"";
	position:absolute;
	top:-4px; right:34px;
	width:150px; height:58px;
	background:url("/images/logo-simonnot-or.png") right top / contain no-repeat;
	opacity:.85;
	pointer-events:none;
}
.resa-offre{
	display:inline-block;
	margin:0 0 20px !important;
	padding:9px 16px;
	border-radius:10000px;
	background:#FBF7EF;
	border:1px solid #E2D6B9;
	color:#0F2E49 !important;
	font-size:16px !important;
}
.resa-offre::before{ content:""; display:inline-block; width:7px; height:7px; border-radius:50%; background:#BCAB86; margin:0 10px 2px 0; }

/* tuiles de lieu */
.resa-tuiles-titre{ color:#8A7645 !important; font-size:11.5px !important; margin:0 0 10px !important; }
.resa-tuile{
	border:1.5px solid #E2E8E5 !important;
	border-radius:16px !important;
	padding:18px 20px !important;
	transition:border-color .2s, background .2s, transform .2s, box-shadow .2s;
}
.resa-tuile b{ color:#0F2E49; }
.resa-tuile span{ color:#59606A; }
.resa-tuile:hover{
	border-color:#0F2E49 !important;
	background:#F6F9FC !important;
	transform:translateY(-2px);
	box-shadow:0 10px 26px rgba(15,46,73,.10);
}
.resa-tuile.actif{
	border-color:#BCAB86 !important;
	background:linear-gradient(165deg,#1A4268 0%,#123250 72%) !important;
	box-shadow:0 12px 30px rgba(15,46,73,.22);
}
.resa-tuile.actif b{ color:#FFFFFF; }
.resa-tuile.actif span{ color:rgba(255,255,255,.80); }
.resa-tuile.actif b::after{ content:" \2713"; color:#BCAB86; }

/* bouton de fermeture, posé sur le bandeau */
.resa-fermer{
	background:rgba(255,255,255,.14) !important;
	border-color:rgba(255,255,255,.42) !important;
	color:#FFFFFF !important;
	box-shadow:none !important;
}
.resa-fermer:hover{ background:#BCAB86 !important; border-color:#BCAB86 !important; color:#0F2E49 !important; }

@media (max-width: 767px){
	.resa-fenetre{ width:100vw !important; border-radius:0 !important; }
	.resa-titre-simple{ padding:22px 20px 20px !important; font-size:21px !important; margin-bottom:20px !important; }
	.resa-simple .resa-zone{ padding:0 20px !important; }
	/* le filigrane passerait sous la ligne de prix : il est retiré sur petit écran */
	.resa-simple .resa-zone:first-of-type::before{ display:none; }
	.resa-offre{ font-size:15px !important; padding:8px 14px; }
}

/* Tuile « Prise de contact » de /contact-1/ : bandeau de titre identique à celui de la
   tuile de consultation (07/11/2026). */
.sx-contact-tuile-titre{
	background:linear-gradient(165deg,#1A4268 0%,#123250 72%);
	color:#FFFFFF !important;
	margin:0 !important;
	padding:26px 34px 24px !important;
	font-size:24px !important;
	border-bottom:2px solid #BCAB86;
}
@media (max-width: 767px){
	.sx-contact-tuile-titre{ padding:20px 20px 18px !important; font-size:20px !important; }
}

/* Mobile (07/11/2026) : la petite ligne du H1 tient dans le panneau bleu ; elle passe sur deux lignes
   au lieu de déborder, et le panneau prend moins de marge intérieure sur téléphone. */
@media (max-width:767px){
	.sx-hero .sx-hero-une{ padding:40px 20px 32px; }
	.sx-hero .section-title h1.sx-h1-discret{ white-space:normal; font-size:11.5px; letter-spacing:.12em; line-height:1.6; text-wrap:balance; overflow-wrap:break-word; }
}