/* ==========================================================================
   Refonte 2026 : bandeaux de page, palette resserrée, blocs sobres
   Palette : bleu UIMM #005577 (titres, liens, fonds), rouge UIMM #e2222c
   réservé aux accents / actions, gris clairs. Pas d'arrondis.
   ========================================================================== */

:root {
	--pfl-bleu: #005577;
	--pfl-bleu-fonce: #003f57;
	--pfl-rouge: #e2222c;
	--pfl-gris-fond: #f6f7f9;
	--pfl-gris-bordure: #e1e4e8;
	--pfl-texte: #444;
}

/* --------------------------------------------------------------------------
   Police : Geist (Google Fonts, licence SIL OFL), hébergée dans le thème
   (fonts/geist/, police variable 300 à 800), proche d'Alfabet du site UIMM.
   Remplace Titillium partout où elle était imposée (Enfold, thème enfant, plugins).
   -------------------------------------------------------------------------- */
@font-face {
	font-family: "Geist";
	font-style: normal;
	font-weight: 300 800;
	font-display: swap;
	src: url("../fonts/geist/geist-latin-ext.woff2") format("woff2");
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
	font-family: "Geist";
	font-style: normal;
	font-weight: 300 800;
	font-display: swap;
	src: url("../fonts/geist/geist-latin.woff2") format("woff2");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
	--pfl-police: "Geist", Helvetica, Arial, sans-serif;
	--enfold-font-family-body: var(--pfl-police);
	--enfold-font-family-heading: var(--pfl-police);
}

body#top,
body.titillium-web,
h1, h2, h3, h4, h5, h6,
#top .title_container .main-title,
tr.pricing-row td,
#top .portfolio-title,
.callout .content-area,
.avia-big-box .avia-innerbox,
.av-special-font,
.av-current-sort-title,
.html_elegant-blog #top .minor-meta,
#av-burger-menu-ul li,
#top .cmplz-btn,
#header .avia-search-tooltip #searchform > div input[type="text"],
#diaporama-pages-internes h2.avia-caption-title,
#top input,
#top select,
#top textarea,
#top button {
	font-family: var(--pfl-police);
}

/* règles des plugins déclarées en !important */
#formations-search-form select,
#formations-search-form input,
.leaflet-popup-content-wrapper .leaflet-popup-content p,
#top .contactfcnet .contactfcnet-submit,
#top .contactfcnet #btn_envoyer,
#top .main_color input[type="text"],
#top .main_color input[type="email"],
#top .main_color textarea,
#top .main_color select {
	font-family: var(--pfl-police) !important;
}

/* Geist est un peu plus large que l'ancienne police : le menu principal reste à droite du logo */
#top #header .av-main-nav > li > a {
	padding: 0 20px;
	font-size: 16px;
	letter-spacing: .5px;
	text-transform: uppercase;
}

/* En majuscules le menu est large : taille et espacement réduits par paliers
   pour qu'il tienne toujours à droite du logo (mesuré avec Geist) */
@media only screen and (max-width: 1679px) {
	#top #header .av-main-nav > li > a {
		padding: 0 14px;
		font-size: 15px;
	}
}

@media only screen and (max-width: 1539px) {
	#top #header .av-main-nav > li > a {
		padding: 0 12px;
		font-size: 14px;
	}
}

@media only screen and (max-width: 1449px) {
	#top #header .av-main-nav > li > a {
		padding: 0 10px;
		font-size: 13px;
	}
}

/* Sous 1360px, le menu complet ne tient plus : menu burger */
@media only screen and (max-width: 1359px) {
	#top #header .av-main-nav > li {
		display: none;
	}

	#top #header .av-main-nav > li.menu-item-avia-special {
		display: block;
	}

	#top #header_meta {
		display: none;
	}
}

/* Loupe : taille fixe (sinon elle suit la taille du menu et devient minuscule sur tablette) */
#top #header .av-main-nav > li.menu-item-search-dropdown > a {
	font-size: 22px !important;
}

/* Mobile : l'ancien en-tête transparent avait une hauteur nulle (style.css) et passait
   par-dessus le diaporama ; l'en-tête blanc reprend sa place, logo contenu dedans */
@media only screen and (max-width: 767px) {
	:root {
		--entete-hauteur: 80px;
	}

	.responsive #top #wrap_all #header {
		height: auto;
	}

	.responsive #top #wrap_all #header_main > .container {
		height: var(--entete-hauteur) !important;
		line-height: var(--entete-hauteur);
	}

	.responsive #top .logo {
		top: 0;
		height: var(--entete-hauteur) !important;
	}

	.responsive #top .logo img {
		max-height: 64px;
	}
}

/* --------------------------------------------------------------------------
   Bandeau de haut de page (#haut-page, section Enfold avec photo)
   500px de haut à l'origine, dont un espaceur prévu pour l'ancien en-tête
   transparent : ramené à ~240px, titre aligné à gauche
   -------------------------------------------------------------------------- */
#top #haut-page,
#top #haut-page .av-section-color-overlay-wrap {
	min-height: 0 !important;
}

#top #haut-page .container.av-section-cont-open {
	display: block;
	height: auto !important;
	min-height: 0 !important;
	padding-top: 0;
	padding-bottom: 0;
}

#top #haut-page .container .content {
	display: block;
	height: auto;
}

/* 115px en haut : laisse la place au logo qui descend sous l'en-tête */
#top #haut-page .container main.template-page {
	padding: 115px 0 50px;
}

#top #haut-page .container main.template-page section:last-child {
	bottom: auto;
}

#top #haut-page .hr-invisible {
	display: none;
}

/* voile dégradé : foncé à gauche pour lire le titre, la photo reste visible à droite */
#top #haut-page .av-section-color-overlay {
	opacity: 1 !important;
	background: linear-gradient(90deg, rgba(15, 40, 54, .88) 0%, rgba(15, 40, 54, .7) 45%, rgba(15, 40, 54, .25) 100%) !important;
}

#top #haut-page .breadcrumb,
#top #haut-page .breadcrumb a {
	font-size: 14px !important;
	opacity: .85;
}

#top #haut-page h1 {
	max-width: 780px;
	margin: 10px 0 0;
	font-size: 40px;
	font-weight: 700 !important;
	line-height: 1.15;
	letter-spacing: 0;
}

@media only screen and (max-width: 767px) {
	#top #haut-page .container main.template-page {
		padding: 40px 0 30px;
	}

	#top #haut-page h1 {
		font-size: 28px;
	}
}

/* Titre des pages sans bandeau photo (Actualités, recherche…) : même style que dans les bandeaux */
#top .title_container .main-title,
#top.sans-fond .container_wrap.title_container h1 {
	max-width: 900px;
	font-size: 40px;
	font-weight: 700;
	line-height: 1.15;
	letter-spacing: 0;
}

@media only screen and (max-width: 767px) {
	#top .title_container .main-title {
		font-size: 28px;
	}
}

/* --------------------------------------------------------------------------
   Titres : plus d'espacement de lettres
   -------------------------------------------------------------------------- */
#top #main h2,
#top #main h3 {
	letter-spacing: 0 !important;
}

/* --------------------------------------------------------------------------
   Palette : les bleus clairs (#12a1dc, #14a2dd, #116688…) ramenés au bleu UIMM
   -------------------------------------------------------------------------- */
#top #main .iconlist_icon {
	background: var(--pfl-bleu);
}

#top .av_iconlist_title a:hover,
#top .avia-icon-list a.iconlist_icon:hover,
#top.search .post-entry h2.post-title a:hover {
	color: var(--pfl-bleu-fonce);
}

#top .avia-icon-list a.iconlist_icon:hover {
	background: var(--pfl-bleu-fonce);
}

#top #main .avia-data-table .avia-heading-row th,
#top #main .avia-data-table .avia-heading-row td,
#top #main .avia-heading-row {
	background: var(--pfl-bleu);
}

.btn-espace-apprenant {
	background-color: var(--pfl-bleu) !important;
	border-color: var(--pfl-bleu) !important;
}

#top #wrap_all .avia-fullscreen-slider .avia-button {
	background: var(--pfl-bleu);
}

#top #main .av-submenu-container a,
#top #main .av-submenu-container .avia-menu-text {
	color: var(--pfl-bleu) !important;
}

/* Carrés décoratifs bleu clair décalés (citations, carte, "fond-bas-gauche-jaune") : supprimés */
#top blockquote::before,
#top blockquote::after,
#top .cbxgooglemap_wrapper::before,
#top .cbxgooglemap_wrapper::after,
#top .fond-bas-gauche-jaune::before,
#top .fond-bas-gauche-jaune::after {
	display: none !important;
}

/* Citation : encadré bleu uni, filet rouge à gauche */
#top #main blockquote {
	margin-left: 0;
	border-left: 4px solid var(--pfl-rouge);
	background: var(--pfl-bleu);
}

/* --------------------------------------------------------------------------
   Blocs de couleur remplacés par un bloc gris
   Dans l'éditeur Enfold : colonne > Avancé > Classe CSS personnalisée = bloc-gris
   -------------------------------------------------------------------------- */
#top #main .flex_column.bloc-gris {
	background: var(--pfl-gris-fond) !important;
	border-top: 3px solid var(--pfl-bleu);
	text-align: left;
}

#top #main .flex_column.bloc-gris,
#top #main .flex_column.bloc-gris p,
#top #main .flex_column.bloc-gris li,
#top #main .flex_column.bloc-gris a,
#top #main .flex_column.bloc-gris strong {
	color: var(--pfl-texte) !important;
	text-align: left !important;
}

#top #main .flex_column.bloc-gris h1,
#top #main .flex_column.bloc-gris h2,
#top #main .flex_column.bloc-gris h3,
#top #main .flex_column.bloc-gris h4,
#top #main .flex_column.bloc-gris h5,
#top #main .flex_column.bloc-gris h6 {
	color: var(--pfl-bleu) !important;
	text-align: left !important;
}

/* ==========================================================================
   ACCUEIL
   ========================================================================== */

/* ---- Diaporama : 560px au lieu du plein écran, texte aligné à gauche ---- */
#top.home .avia-fullscreen-slider .avia-slideshow,
#top.home .avia-fullscreen-slider .avia-slideshow-inner,
#top.home .avia-fullscreen-slider .avia-slideshow-slide {
	height: 560px !important;
	min-height: 0 !important;
}

/* voile dégradé : foncé à gauche sous le texte */
#top.home .avia-fullscreen-slider .avia-slideshow-slide::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
	background: linear-gradient(90deg, rgba(15, 40, 54, .85) 0%, rgba(15, 40, 54, .55) 50%, rgba(15, 40, 54, .1) 100%);
	pointer-events: none;
}

#top.home .avia-fullscreen-slider .av-slideshow-caption {
	z-index: 2;
}

#top.home .avia-fullscreen-slider .slideshow_align_caption {
	text-align: left;
}

/* zone de texte assez large pour le titre sur 2 lignes et les 2 boutons côte à côte,
   décalée vers le bas pour passer sous le logo */
#top.home .av-slideshow-caption.caption_left .slideshow_caption {
	width: 900px;
	max-width: 100%;
}

#top.home .av-slideshow-caption .slideshow_inner_caption {
	padding-top: 70px;
}

#top #wrap_all .avia-fullscreen-slider .av-slideshow-caption .avia-caption-title {
	max-width: 700px;
	margin: 0 0 14px !important;
	color: #fff;
	font-size: 46px !important;
	font-weight: 700;
	line-height: 1.1;
	letter-spacing: 0;
	text-transform: none !important;
}

#top.home .avia-fullscreen-slider .avia-caption-content {
	max-width: 560px;
	margin-bottom: 28px;
	color: #fff;
	font-size: 18px !important;
	line-height: 1.5;
	opacity: .92;
}

#top.home .avia-fullscreen-slider .avia-caption-content p {
	margin: 0;
}

/* bouton principal : rouge UIMM / bouton secondaire : contour blanc */
#top #wrap_all .avia-fullscreen-slider .avia-slideshow-button {
	margin: 0 10px 10px 0;
	padding: 15px 24px;
	border: 1px solid var(--pfl-rouge) !important;
	border-radius: 0;
	background: var(--pfl-rouge) !important;
	color: #fff !important;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 1px;
	display: inline-block;
	width: auto;
	float: none;
}

#top #wrap_all .avia-fullscreen-slider .avia-slideshow-button:hover {
	border-color: #b8141d !important;
	background: #b8141d !important;
}

#top #wrap_all .avia-fullscreen-slider .avia-slideshow-button.avia-slideshow-button-2 {
	border-color: #fff !important;
	background: transparent !important;
}

#top #wrap_all .avia-fullscreen-slider .avia-slideshow-button.avia-slideshow-button-2:hover {
	background: #fff !important;
	color: var(--pfl-bleu) !important;
}

/* tablette : texte plus étroit pour ne pas passer sous le bloc fixe de droite */
@media only screen and (max-width: 989px) {
	#top.home .av-slideshow-caption.caption_left .slideshow_caption {
		width: calc(100% - 70px);
	}

	#top.home .av-slideshow-caption .slideshow_inner_caption {
		padding-top: 110px;
	}

	#top #wrap_all .avia-fullscreen-slider .av-slideshow-caption .avia-caption-title {
		font-size: 34px !important;
	}

	/* la flèche "défiler" passait sur les boutons */
	#top.home .scroll-down-link {
		display: none;
	}
}

@media only screen and (max-width: 767px) {
	#top.home .avia-fullscreen-slider .avia-slideshow,
	#top.home .avia-fullscreen-slider .avia-slideshow-inner,
	#top.home .avia-fullscreen-slider .avia-slideshow-slide {
		height: 460px !important;
	}

	/* le logo ne déborde plus sur le diaporama : plus besoin de décaler le texte */
	#top.home .av-slideshow-caption .slideshow_inner_caption {
		padding-top: 0;
	}

	#top.home .av-slideshow-caption.caption_left .slideshow_caption {
		width: 100%;
	}

	#top #wrap_all .avia-fullscreen-slider .av-slideshow-caption .avia-caption-title {
		font-size: 28px !important;
	}

	#top.home .avia-fullscreen-slider .avia-caption-content {
		margin-bottom: 20px;
		font-size: 15px !important;
	}

	/* boutons l'un sous l'autre, plus compacts */
	#top #wrap_all .avia-fullscreen-slider .avia-slideshow-button {
		display: block;
		margin: 0 0 8px;
		padding: 12px 16px;
		font-size: 12px;
		letter-spacing: .5px;
		text-align: center;
	}

	/* actualités : cartes empilées (le flex des cartes à hauteur égale les tassait côte à côte) */
	#top #actualites-accueil .slide-entry-wrap {
		flex-direction: column;
		gap: 20px;
	}

	#top #actualites-accueil .slide-entry-wrap .slide-entry {
		width: 100%;
		margin-left: 0;
	}
}

/* ancien onglet gris au-dessus des actualités, qui débordait sur la photo */
#top #actualites-accueil::before {
	display: none;
}

/* ---- Actualités : cartes d'une même rangée à la même hauteur ---- */
#top #actualites-accueil .slide-entry-wrap {
	display: flex;
	align-items: stretch;
}

#top #actualites-accueil .slide-entry-wrap .slide-entry {
	float: none;
}

/* image entière (taille "Large" non recadrée, réglée dans le carrousel Enfold),
   dans un cadre gris un peu plus soutenu que la section, aux proportions constantes */
#top #actualites-accueil .slide-image,
#top.category .slide-entry .slide-image {
	position: relative;
	isolation: isolate;
	display: block;
	aspect-ratio: 495 / 400;
	height: auto !important;
	overflow: hidden;
	background: #e3e7eb;
}

#top #actualites-accueil .slide-image img,
#top.category .slide-entry .slide-image img {
	position: relative;
	width: 100%;
	height: 100% !important;
	/* le bloc est rempli ; les affiches (portrait) sont calées en haut pour garder leur titre */
	object-fit: cover;
	object-position: center top;
}

/* ---- Catalogue par filière ---- */
/* hauteur libre : les noms longs passent sur 2 lignes sans chevaucher la flèche ni la case suivante */
#top .formations-filieres li {
	height: auto !important;
}

#top .formations-filieres li a {
	display: flex;
	align-items: center;
	min-height: 50px;
	height: auto;
	padding: 12px 60px 12px 30px !important;
	line-height: 1.3;
}

/* flèche centrée ; sa couleur reste celle de la filière (définie par le plugin formations) */
#top .formations-filieres li a::after {
	top: 50% !important;
	transform: translateY(-50%);
}

#top #catalogue-formations-accueil a.avia-button {
	border: 0 !important;
	background: #fff !important;
	color: var(--pfl-bleu) !important;
}

#top #catalogue-formations-accueil a.avia-button:hover {
	background: var(--pfl-rouge) !important;
	color: #fff !important;
}

/* ---- "Prochaines sessions" masquée tant qu'aucune session n'est programmée ---- */
#top.home #main .container_wrap:has(.formations-sessions):not(:has(.col-formation)) {
	display: none;
}

/* ==========================================================================
   ARRONDIS – même échelle que le menu (css/entete-2026.css) :
   14px grands éléments (cartes, encadrés, images) / 8px petits (boutons, champs, liens)
   Les sections pleine largeur (bandeaux, fonds de section) restent droites.
   ========================================================================== */
:root {
	--pfl-rayon: 14px;
	--pfl-rayon-petit: 8px;
}

/* ---- Images de contenu ---- */
#top #main .avia-image-container .avia-image-container-inner,
#top #main .avia-image-container img,
#top #main .avia_image,
#top #main .avia-gallery img,
#top #main .avia-gallery-thumb a,
#top #main .avia-video,
#top #main .avia-iframe-wrap,
#top #main .av_gmaps_main_wrap,
#top #main .avia-google-map-container,
#top #main .cbxgooglemap_wrapper,
#top #main .entry-content img:not(.avatar) {
	border-radius: var(--pfl-rayon);
}

#top #main .avia-image-container .avia-image-container-inner,
#top #main .avia-video,
#top #main .avia-iframe-wrap,
#top #main .cbxgooglemap_wrapper {
	overflow: hidden;
}

/* ---- Encadrés et blocs ---- */
#top #main .flex_column.bloc-gris,
#top #main blockquote,
#top #main .iconbox,
#top #main .avia_promobox,
#top #main .avia-testimonial,
#top #main .togglecontainer,
#top #main .tabcontainer,
#top #main .avia-notification,
#top #main .encart-exergue-formation,
#top #encart-bleu-catalogue,
#top .pum-container {
	border-radius: var(--pfl-rayon);
}

/* infobulles et fenêtres de carte (0 forcé en !important dans le thème enfant) */
.avia-tooltip,
.leaflet-popup-content-wrapper {
	border-radius: var(--pfl-rayon-petit) !important;
}

/* puces carrées des listes d'icônes */
#top #main .avia-icon-list .iconlist_icon {
	border-radius: var(--pfl-rayon-petit);
}

#top #main .flex_column.bloc-gris {
	overflow: hidden;
}

/* ---- Cartes d'actualités (accueil, page Actualités) ---- */
#top #main .slide-entry,
#top #main .av-magazine-entry,
#top #main .avia-content-slider .slide-entry {
	overflow: hidden;
	border-radius: var(--pfl-rayon);
}

#top #main .slide-entry .slide-image {
	border-radius: 0;
}

/* ---- Catalogue : filières et fiches formation ---- */
#top .formations-filieres li,
#top .formations-filieres li a,
#top #main .formationc,
#top #main .domaine,
#top .formations-sessions .col-formation {
	border-radius: var(--pfl-rayon-petit);
}

/* ---- Boutons ---- */
#top #main .avia-button,
#top #main .avia-button-wrap .avia-button,
#top #wrap_all .avia-fullscreen-slider .avia-slideshow-button,
#top #main input[type="submit"],
#top #main input[type="button"],
#top #main button:not(.av-hamburger),
#top .cmplz-btn,
#top #footer .avia-button,
#top .btn-espace-apprenant,
#top #wrap_all .avia-button,
#top .contactfcnet .contactfcnet-submit,
#top .contactfcnet #btn_envoyer {
	/* !important : le thème enfant et le plugin contact forcent 0 en !important */
	border-radius: var(--pfl-rayon-petit) !important;
}

/* ---- Champs de formulaire ---- */
#top #main input[type="text"],
#top #main input[type="email"],
#top #main input[type="tel"],
#top #main input[type="search"],
#top #main input[type="number"],
#top #main input[type="date"],
#top #main textarea,
#top #main select,
#top #header .avia-search-tooltip #searchform > div input[type="text"],
#formations-search-form select,
#formations-search-form input {
	/* !important : le plugin formations force 0 en !important */
	border-radius: var(--pfl-rayon-petit) !important;
}

/* ---- Sous-menu d'ancres des pages (Qu'est-ce que l'alternance ? …) ---- */
#top #main .av-submenu-container .av-menu-button > a .avia-menu-text {
	border-radius: var(--pfl-rayon-petit);
}

/* ---- Recherche (loupe) ---- */
#top #header .avia-search-tooltip {
	overflow: hidden;
	border-radius: var(--pfl-rayon);
}

/* ---- Compléments repérés en passant sur toutes les pages ---- */

/* colonnes à fond de couleur : classe "bloc-arrondi" ajoutée dans Enfold (colonne > Avancé > Classe CSS) */
#top #main .flex_column.bloc-arrondi {
	overflow: hidden;
	border-radius: var(--pfl-rayon);
}

/* pastille de date des actualités */
#top #main .slide-meta {
	border-radius: var(--pfl-rayon-petit);
}

/* flèches des carrousels (0 forcé en !important dans le thème enfant) */
#top .avia-content-slider .avia-slideshow-arrows a,
#top .avia-slideshow-arrows a {
	border-radius: var(--pfl-rayon-petit) !important;
}

/* tableau des rémunérations (Se former en alternance) */
#top #main .pricing-table {
	overflow: hidden;
	border-radius: var(--pfl-rayon);
}

/* boutons "En savoir plus" du catalogue */
#top #main #liste-formations .read-more {
	border-radius: var(--pfl-rayon-petit);
}

/* tuiles "Votre projet" du formulaire de contact */
#top #main .contactfcnet-list-item {
	overflow: hidden;
	border-radius: var(--pfl-rayon);
}

/* pied de page : cadre du logo, icônes réseaux sociaux, retour en haut */
#top #footer .flex_column.first {
	border-radius: var(--pfl-rayon);
}

#top #footer .social_bookmarks li {
	overflow: hidden;
	border-radius: var(--pfl-rayon-petit);
}

#scroll-top-link {
	border-radius: var(--pfl-rayon-petit);
}

/* flèche "remonter" : l'ancien ::before (icône de police) s'affichait en carré vide,
   la flèche SVG seule est centrée, bleue puis blanche au survol */
#top #scroll-top-link::before {
	content: none !important;
	display: none !important;
}

#top #scroll-top-link {
	display: flex !important;
	align-items: center;
	justify-content: center;
}

#top #scroll-top-link svg {
	height: 18px;
	margin: 0 !important; /* Enfold ajoute 18px en haut : la flèche était décalée vers le bas */
}

#top #scroll-top-link svg,
#top #scroll-top-link svg path {
	fill: var(--pfl-bleu);
	stroke: none;
}

#top #scroll-top-link:hover svg,
#top #scroll-top-link:hover svg path {
	fill: #fff;
}

/* ---- Cartes de contenu (classe "carte-entreprise" dans Enfold) :
        texte lisible, bouton toujours calé en bas de la carte ---- */
#top #main .flex_column.carte-entreprise {
	position: relative;
	padding-bottom: 96px !important;
}

#top #main .flex_column.carte-entreprise h3 {
	margin-bottom: 10px;
	font-size: 20px;
}

#top #main .flex_column.carte-entreprise p {
	font-size: 15px;
	line-height: 1.6;
}

#top #main .flex_column.carte-entreprise .avia-button-wrap {
	position: absolute;
	right: 30px;
	bottom: 30px;
	left: 30px;
	margin: 0;
}

/* dans une section grise, la liste des filières est posée sur une carte blanche :
   les cases reprennent le gris pour rester visibles */
#top #main .flex_column.bloc-arrondi .formations-filieres li {
	background: var(--pfl-gris-fond);
}

/* boutons côte à côte de même taille (classe "bouton-conseil" sur leurs colonnes dans Enfold) */
#top #main .flex_column.bouton-conseil .avia-button {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-height: 86px;
}

/* ---- Catalogue : couleur de la filière en trait à gauche de chaque formation,
        comme les filières du panneau de recherche (au lieu de l'équerre en haut à gauche).
        La couleur vient du plugin formations (background du ::before, par filière) ---- */
#top #liste-formations .formationc::before,
#top #liste-formations .formationc.hovered::before {
	inset: 0;
	width: auto;
	height: auto;
	margin: 0;
	border-radius: var(--pfl-rayon-petit);
	/* seuls les 4px de gauche de la forme arrondie restent visibles : même rendu qu'un border-left */
	clip-path: inset(0 calc(100% - 4px) 0 0);
	z-index: 1;
}

#top #liste-formations .formationc::after {
	display: none;
}

/* ---- Fiche formation : même trait de couleur à gauche de l'encart principal
        (à la place du carré en haut à gauche et du grand carré en bas à droite) ---- */
#top .encart-exergue-formation::before {
	inset: 0;
	width: auto;
	height: auto;
	margin: 0;
	border-radius: inherit;
	clip-path: inset(0 calc(100% - 4px) 0 0);
	z-index: 1;
}

#top .encart-exergue-formation::after {
	display: none;
}

#top #toutes-formations-btn {
	display: none;
}
/* ---- Rejoignez-nous : liste des offres d'emploi (bloc "Articles" d'Enfold) arrondie ---- */
#top .av-alb-blogposts .entry-content-wrapper {
	border-radius: var(--pfl-rayon);
}

/* !important : style.css fixe border-radius: 0 avec un sélecteur plus précis (#offres-emploi) */
#top .av-alb-blogposts .read-more-link a,
#top .av-alb-blogposts .more-link {
	border-radius: var(--pfl-rayon-petit) !important;
}

/* ---- Pied de page : pendant le clic (et au focus clavier), les liens prenaient
        le bleu du fond et disparaissaient : même couleur qu'au survol ---- */
#top #footer ul.menu li a:active,
#top #footer ul.menu li a:focus,
#top #socket .sub_menu_socket li a:active,
#top #socket .sub_menu_socket li a:focus {
	color: #a0acb3;
}

/* ==========================================================================
   Fenêtre "Espace apprenant" (Popup Maker, popup 2093)
   Le contenu (tableau 2 x 2 : logos puis boutons) reste celui saisi dans Popup Maker ;
   !important : le thème de Popup Maker écrit ses styles avec des sélecteurs précis
   ========================================================================== */
#pum-2093.pum-overlay {
	background: rgba(15, 40, 54, .55) !important;
}

#popmake-2093.pum-container {
	width: 680px !important;
	max-width: calc(100% - 32px) !important;
	padding: 32px !important;
	border: 0 !important;
	border-radius: var(--pfl-rayon) !important;
	background: #fff !important;
	box-shadow: 0 20px 40px rgba(15, 40, 54, .25) !important;
}

#popmake-2093 .pum-title {
	margin: 0 48px 0 0 !important;
	color: var(--pfl-bleu) !important;
	font-family: var(--pfl-police) !important;
	font-size: 24px !important;
	font-weight: 700 !important;
	line-height: 1.2 !important;
}

#popmake-2093 .pum-content {
	margin-top: 20px;
}

/* tableau transformé en 2 cartes : logo + bouton */
#popmake-2093 .pum-content table {
	display: block;
	margin: 0;
	border: 0 !important;
	background: none !important;
}

#popmake-2093 .pum-content tbody {
	display: grid !important;
	grid-template-columns: 1fr 1fr;
	column-gap: 16px;
}

#popmake-2093 .pum-content tr {
	display: contents;
}

#popmake-2093 .pum-content td {
	display: block;
	padding: 0 16px !important;
	border: 0 !important;
	background: var(--pfl-gris-fond, #f6f7f9) !important;
	text-align: center;
}

#popmake-2093 .pum-content tr:first-child td {
	padding-top: 24px !important;
	border-radius: var(--pfl-rayon-petit) var(--pfl-rayon-petit) 0 0;
}

#popmake-2093 .pum-content tr:last-child td {
	padding-top: 16px !important;
	padding-bottom: 20px !important;
	border-radius: 0 0 var(--pfl-rayon-petit) var(--pfl-rayon-petit);
}

#popmake-2093 .pum-content td img {
	display: block;
	width: auto !important;
	max-width: 100%;
	height: 96px !important;
	margin: 0 auto !important;
	border-radius: var(--pfl-rayon-petit);
	object-fit: contain;
}

/* le div autour du lien avait son propre fond, bordure et survol blanc (style.css) :
   il passait à travers le survol semi-transparent du bouton */
#popmake-2093 .btn-espace-apprenant,
#popmake-2093 .btn-espace-apprenant:hover {
	padding: 0 !important;
	border: 0 !important;
	background: none !important;
}

/* boutons : même format que les autres boutons du site */
#popmake-2093 .btn-espace-apprenant a {
	display: flex !important;
	align-items: center;
	justify-content: center;
	width: 100% !important;
	min-height: 46px;
	margin: 0 !important;
	padding: 6px 16px !important;
	border-radius: var(--pfl-rayon-petit) !important;
	background: #0f5778 !important;
	color: #fff !important;
	font-size: 13px !important;
	font-weight: 600 !important;
	letter-spacing: .5px;
	line-height: 1.3;
	text-decoration: none !important;
	text-transform: uppercase;
	transition: background-color .2s ease-out;
}

/* survol identique aux boutons Enfold du site (style.css : .avia-button:hover) */
#popmake-2093 .btn-espace-apprenant a:hover {
	background: rgba(15, 87, 120, .8) !important;
}

/* croix : même bouton que la fermeture de la recherche */
#popmake-2093 .pum-close {
	top: 24px !important;
	right: 24px !important;
	width: 40px !important;
	height: 40px !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: var(--pfl-rayon-petit) !important;
	background: var(--pfl-gris-fond, #f6f7f9) !important;
	box-shadow: none !important;
	color: var(--pfl-bleu) !important;
	font-size: 24px !important;
	line-height: 40px !important;
	text-align: center;
}

#popmake-2093 .pum-close:hover {
	background: #e3e7eb !important;
}

/* mobile : les 2 cartes l'une sous l'autre (logo puis bouton) */
@media only screen and (max-width: 600px) {
	#popmake-2093.pum-container {
		padding: 24px !important;
	}

	#popmake-2093 .pum-close {
		top: 18px !important;
		right: 18px !important;
	}

	#popmake-2093 .pum-content tbody {
		grid-template-columns: 1fr;
	}

	#popmake-2093 .pum-content tr:first-child td:nth-child(1) { order: 1; }
	#popmake-2093 .pum-content tr:last-child td:nth-child(1) { order: 2; margin-bottom: 16px; }
	#popmake-2093 .pum-content tr:first-child td:nth-child(2) { order: 3; }
	#popmake-2093 .pum-content tr:last-child td:nth-child(2) { order: 4; }
}