/* ============================================================================
   Classes remplaçant les anciens attributs style= des templates.
   :is(.classe, #_#_#_) donne à la règle la spécificité de 3 id (le second sélecteur ne
   correspond à rien) : comme le style inline qu'elle remplace, elle l'emporte sur les
   règles normales des autres feuilles, mais pas sur leurs !important ni sur element.style.
   ============================================================================ */

/* header/_credits.html.twig */
:is(.credits__infinity-logo-header, #_#_#_) {
	width: 43px;
	height: auto;
	margin-left: 8px;
	vertical-align: middle;
	max-width: none !important;
}

/* header/_desktop.html.twig */
:is(.desktop__title-child, #_#_#_) {
	position: absolute !important;
	left: 100% !important;
	bottom: 0 !important;
	white-space: nowrap !important;
	font-weight: 400 !important;
	font-size: 100% !important;
	margin-left: 6px !important;
	text-transform: uppercase !important;
}
:is(.desktop__i, #_#_#_) {
	font-style: italic;
	font-weight: 400;
}
:is(.desktop__i-2, #_#_#_) {
	display: inline-flex;
	font-size: 32px;
	color: #ffffff;
	align-items: center;
	justify-content: center;
}

/* header/_menuNavigation.html.twig */
:is(.menu-navigation__nav-item-separator, #_#_#_) {
	border-top: 2px solid #ffffff;
	margin: 8px 0;
	opacity: 0.8;
	list-style: none;
}
/* Groupe SIMULATIONS : le titre est placé à la verticale (lu de bas en haut) dans la marge
   gauche du menu (padding de #nav-Navigation), devant l'ensemble des lignes du groupe.
   Son trait de soulignement couvre toute la hauteur du groupe. */
:is(.menu-navigation__groupe-simulations, #_#_#_) {
	position: relative;
	list-style: none;
}
:is(.menu-navigation__groupe-liste, #_#_#_) {
	padding-top: 0;
}
/* Icônes et textes des lignes du groupe décalés de 3 px vers la droite (le fond des liens ne bouge pas) */
:is(.menu-navigation__groupe-liste .nav-link, #_#_#_) {
	padding-left: 3px;
}
:is(.menu-navigation__titre-section, #_#_#_) {
	position: absolute;
	top: 0;
	bottom: 0;
	left: -18px;
	width: 18px;
	box-sizing: border-box;
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	writing-mode: vertical-rl;
	transform: rotate(180deg);
	/* Trait de soulignement sur toute la hauteur du groupe (la rotation le place à droite du texte) */
	border-left: 2px solid #ffffff;
	font-size: 0.75em;
	font-weight: 700;
	color: #ffffff;
	pointer-events: none;
}
:is(.menu-navigation__nav-item, #_#_#_) {
	background-color: #18667c !important;
	margin-left: -20px !important;
	margin-right: -20px !important;
	padding-left: 20px !important;
	padding-right: 20px !important;
	width: calc(100% + 40px) !important;
	box-sizing: border-box !important;
}
/* Dans le groupe SIMULATIONS, le fond du bandeau commence au trait vertical (et non au bord du menu)
   et va jusqu'au bord droit du menu */
:is(.menu-navigation__groupe-liste .menu-navigation__nav-item, #_#_#_) {
	margin-left: 0 !important;
	padding-left: 0 !important;
	width: calc(100% + 20px) !important;
}
:is(.menu-navigation__nav-item-2, #_#_#_) {
	position: relative;
	border-top: 2px solid #f2f2f2;
	margin-top: 6px;
	padding-top: 4px;
}
:is(.menu-navigation__span, #_#_#_) {
	font-weight: 700;
	text-transform: uppercase;
	color: #ffffff;
}
:is(.menu-navigation__devises-master-caret-icon, #_#_#_) {
	transition: transform 0.2s ease;
	font-size: 12px;
	color: #ffffff;
	margin-left: auto;
	flex-shrink: 0;
}
:is(.menu-navigation__devises-subsections-container, #_#_#_) {
	display: none;
	border-top: none !important;
	border-bottom: none !important;
	padding-left: 10px;
	border-left: 2px solid rgba(255, 255, 255, 0.25);
	margin-left: 10px;
	margin-top: 4px;
	margin-bottom: 4px;
}
:is(.menu-navigation__ul, #_#_#_) {
	list-style: none;
	padding: 0;
	margin: 0;
	border: none !important;
	border-top: none !important;
	border-bottom: none !important;
}
:is(.menu-navigation__nav-item-3, #_#_#_) {
	margin-bottom: 4px;
}
:is(.menu-navigation__currency-toggle-btn, #_#_#_) {
	display: flex;
	align-items: center;
	width: 100%;
}
:is(.menu-navigation__div, #_#_#_) {
	display: flex;
	align-items: center;
	gap: 4px;
	flex-wrap: nowrap;
	width: 100%;
}
:is(.menu-navigation__span-2, #_#_#_) {
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
	color: #ffffff;
	white-space: nowrap;
}
:is(.menu-navigation__tootltip-button, #_#_#_) {
	display: flex;
	width: 16px;
	height: 16px;
	min-width: 16px;
	margin: 0;
	background: #ffffff;
	border-radius: 50%;
	align-items: center;
	justify-content: center;
	font-family: 'Albert Sans', 'Inter', sans-serif;
	font-weight: 800;
	font-style: italic;
	font-size: 11px;
	color: #308796;
	line-height: 1;
}
:is(.menu-navigation__active-currency-display, #_#_#_) {
	color: #308796;
	background: #ffffff;
	padding: 1px 6px;
	border-radius: 4px;
	font-size: 11px;
	font-weight: 800;
	margin-left: 2px;
	white-space: nowrap;
}
:is(.menu-navigation__div-2, #_#_#_) {
	margin: 0;
}
:is(.menu-navigation__logo, #_#_#_) {
	display: inline-flex;
	font-size: 14px;
	line-height: 1;
	align-items: center;
	justify-content: center;
	width: 16px;
	margin-right: 4px;
	color: #ffffff;
}
:is(.menu-navigation__nav-link, #_#_#_) {
	color: #dc3545 !important;
	background-color: #ffffff !important;
	font-weight: 700 !important;
	display: inline-flex;
	padding-left: 8px !important;
	padding-right: 8px !important;
	padding-top: 2px !important;
	padding-bottom: 2px !important;
	border-radius: 4px;
	align-items: center;
	width: 100%;
}
/* header/_desktop.html.twig */
:is(.desktop__titre-sous-logo, #_#_#_) {
	position: relative !important;
	display: inline-block !important;
	margin: -3px auto 0 auto !important;
	text-align: center !important;
}
:is(.desktop__title-parent, #_#_#_) {
	white-space: nowrap !important;
	display: inline-block !important;
}
:is(.desktop__action-cachee, #_#_#_) {
	display: none !important;
}
/* header/_menuNavigation.html.twig : lien de la page en cours */
:is(.menu-navigation__lien--actif, #_#_#_) {
	color: var(--colorEtape4);
}
/* header/_menuNavigation.html.twig */
:is(.menu-navigation__lien-simulateur, #_#_#_) {
	background: transparent !important;
	background-color: transparent !important;
	width: 100% !important;
	margin: 0 !important;
	border: none !important;
	outline: none !important;
	box-shadow: none !important;
}
:is(.menu-navigation__devises-master-link, #_#_#_) {
	border-bottom: none !important;
	box-shadow: none !important;
}
:is(.menu-navigation__devises-master-caret-largeur, #_#_#_) {
	width: auto !important;
	min-width: auto !important;
}
/* Panneaux affichés par currency_selector.js */
:is(.menu-navigation__currency-dropdown-panel, #_#_#_) {
	display: none;
}
:is(.menu-navigation__lien-taux, #_#_#_) {
	display: flex;
	align-items: center;
	width: 100%;
}
:is(.menu-navigation__admin-icone, #_#_#_) {
	color: #dc3545 !important;
}