/* Pôli Job Board — couleurs du Pôle Interm'aide sur WorkScout.
 * Généré à partir des sélecteurs que WorkScout 4.2.2 colore avec sa couleur principale (jaune #FFB800) :
 * le texte posé sur le jaune passe en encre (#1A1A1A, contraste 10:1), et le jaune n'est jamais utilisé
 * pour du texte sur fond blanc (contraste 1,7:1). */

body {
	color: #333333;
}

/* 1. Texte posé sur le jaune : boutons, pastilles, onglets actifs, pagination.
 * La balise « button » seule n'y figure pas : des widgets l'emploient sur fond sombre (questions de la FAQ). */
#backtotop a,
#backtotop a:hover,
#footer-new .footer-widget.widget_nav_menu li a:before,
#geoLocation:hover,
#jPanelMenu-menu .current-menu-item>a,
#jPanelMenu-menu li a:hover,
#mapnav-buttons a:hover,
#navigation ul ul.dropdown-nav li:hover a:after,
#navigation ul ul.dropdown-nav ul.dropdown-nav li:hover a:after,
#posts-nav li a:hover span,
#scrollEnabling.enabled,
#scrollEnabling:hover,
#sign-in-dialog .mfp-close:hover,
#small-dialog .mfp-close:hover,
#small-dialog-1 .mfp-close:hover,
#small-dialog-2 .mfp-close:hover,
#small-dialog-3 .mfp-close:hover,
#small-dialog-4 .mfp-close:hover,
#streetView:hover,
#titlebar .ajax-job-view-links span:hover a,
#titlebar.photo-bg a.button.white:hover,
#wp-calendar tbody td#today,
.accordion h3.active-acc,
.account-type input.account-type-radio:checked~label,
.adv-search-btn a:after,
.ajax-job-view-links span:hover a,
.boxed-wide .boxed-search-footer:after,
.boxed-wide .boxed-search-right-side:after,
.breathing-icon,
.button.color,
.category-small-box:hover,
.checkboxes input[type=checkbox]:checked+label:before,
.chosen-container .chosen-results li.highlighted,
.chosen-container-multi .chosen-choices li.search-choice,
.cluster-visible,
.comment-by a.comment-reply-link:hover,
.comment-by a.reply:hover,
.compact-list.freelancers-list-layout .freelancer:before,
.company-data__content--list._company_tagline span:hover,
.company-info-boxed-links span:hover a,
.contact-address-headline:after,
.copy-url .copy-url-button,
.custom-zoom-in:hover,
.custom-zoom-out:hover,
.dashboard-box .button.dark:not(.ico):hover,
.dashboard-list-box .button.gray:hover,
.dashboard-list-box-static .button,
.dashboard-nav ul li span.nav-tag,
.double-bounce1,
.double-bounce2,
.enable-filters-button i,
.enable-filters-button span,
.filter_by_tag_cloud a.active,
.filter_by_tag_cloud a:hover,
.footer-links ul li a span:before,
.footer-widget .tagcloud a:hover,
.freelancer-indicators .indicator-bar span,
.freelancers-grid-layout .freelancer-details a.button:hover,
.freelancers-list-layout .freelancer-details a.button:hover,
.header-notifications-trigger span,
.highlight.color,
.highlighted-category:hover,
.hover-icon,
.icon-box-check,
.icon-box.rounded i:after,
.infobox,
.intro-search-button .button,
.job-listing.with-apply-button:hover .list-apply-button,
.job-manager-pagination .current,
.job-overview ul li i,
.keyword-input-container .keyword-input-button,
.language-switcher.bootstrap-select.btn-group button:hover,
.language-switcher.bootstrap-select.btn-group.open button,
.letters-list a.current,
.list-1 li:before,
.list-search button,
.load_more_resumes,
.loader-ajax-container,
.marker-container,
.mas-wpjmc-search .widget.job-widget-regions input,
.mas-wpjmc-search .widget.job-widget-regions input:hover,
.message-bubble.me .message-text,
.message-by h5 i,
.message-reply button,
.messages-inbox ul li:before,
.mfp-close:hover,
.mm-counter,
.mm-menu em.mm-counter,
.nav-links a:hover,
.new-category-box:hover,
.newsletter button,
.old-header .current-menu-parent a,
.old-header .menu ul li a:hover,
.old-header .menu ul li.sfHover a.sf-with-ul,
.pagination .current,
.pagination li.current,
.pagination li.current a,
.pagination ul li a.current-page,
.pagination ul li a:hover,
.pagination-next-prev ul li a:hover,
.panel-dropdown.active>a,
.payment-tab-trigger>input:checked~label::after,
.pika-button:hover,
.pika-row.pick-whole-week:hover .pika-button,
.plan.color-2 .plan-price,
.plan.color-2 a.button,
.pricing-plan .button:hover,
.pricing-plan .recommended-badge,
.pricing-plan.recommended .button,
.qtyDec:hover,
.qtyInc:hover,
.radio input[type="radio"]+label .radio-label:after,
.radio input[type=radio]:checked+label .radio-label,
.resumes.alternative li:before,
.search-container button,
.select2-container--default .select2-selection--multiple .select2-selection__choice,
.slg-button:hover,
.slider-selection,
.small-tag,
.tabs-nav li.active a,
.tabs-nav-o li.active a,
.tagcloud a:hover,
.tags-container input[type="checkbox"]:checked+label,
.task-listing-bid-inner .button:hover,
.tasks-list-container.compact-list .task-listing:before,
.testimonial-author span,
.tp-leftarrow:hover,
.tp-rightarrow:hover,
.upload-btn,
.upload-btn:hover,
.uploadButton .uploadButton-button:hover,
.widget_range_filter .ui-state-default,
.woocommerce-MyAccount-navigation li.current-menu-item a,
.woocommerce-MyAccount-navigation li.is-active a,
.woocommerce-pagination .current,
.old-header .current-menu-item>a,
a.apply-now-button,
a.attachment-box:hover,
a.blog-post-info:hover,
a.button,
a.button.dark:hover,
a.button.gray.app-link.opened,
a.header-notifications-button,
a.menu-trigger:hover,
body #dashboard table.manage-table tr td:before,
body .button.send-message-to-owner,
body .button.send-message-to-owner:hover,
body .woocommerce #respond input#submit,
body .woocommerce .cart .button,
body .woocommerce .cart input.button,
body .woocommerce a.button,
body .woocommerce button.button,
body .woocommerce input.button,
body .wp-subscribe-wrap input.submit,
button.button,
input:checked+.switch-button,
input[type="button"],
input[type="submit"],
mark.color,
span.button,
table.basic-table th,
ul.float-right li a:hover {
	color: #1A1A1A !important;
}

/* 2. Liens et textes que WorkScout colore en jaune sur fond blanc : encre. */
#breadcrumbs ul li a:hover,
#titlebar .company-titlebar span a:hover,
#titlebar span.icons a:hover,
.adv-search-btn a,
.app-content .info span,
.app-content .info ul li a:hover,
.categories li a:hover,
.companies-overview li li a:hover,
.company-data__content--list._company_tagline span:hover a,
.company-info span a:hover,
.company-letters a:hover,
.counter,
.dropcap,
.infobox a:hover,
.intro-banner.boxed .adv-search-btn span,
.job-spotlight span a:hover,
.login-register-buttons a:hover,
.meta-tags span a:hover,
.share-buttons-content span strong,
.widget-out-title_archive li a:hover,
.widget-out-title_categories li a:hover,
.widget-out-title_recent_entries li a:hover,
.widget-text h5 a:hover,
.widget_archive li a:hover,
.widget_categories li a:hover,
.widget_meta li a:hover,
.widget_nav_menu li a:hover,
.widget_pages li a:hover,
.widget_recent_entries li a:hover,
.widget_rss li a:hover,
a,
body #titlebar .ajax-job-view-links span:hover a,
body .ajax-job-view-links span:hover a,
body .company-info-boxed-links span:hover a,
body .new-header #navigation>ul>li:hover>a,
body .new-header #navigation>ul>li>a.current,
body .new-header #navigation>ul>li>a:hover,
table td.job_title a:hover,
table td.title a:hover,
table.manage-table td.action a:hover {
	color: #1A1A1A !important;
}

/* 3. Liens dans les contenus : soulignement jaune, comme dans la charte. */
.job_description a,
.poli-jb-sections a,
.single-page-section a,
.entry-content a,
.company-info a {
	text-decoration: underline;
	text-decoration-color: #FFB800;
	text-decoration-thickness: 2px;
	text-underline-offset: 3px;
}
.job_description a:hover,
.poli-jb-sections a:hover,
.single-page-section a:hover,
.entry-content a:hover,
.company-info a:hover {
	text-decoration-color: #1A1A1A;
}

/* 4. Pied de page sombre : texte clair, liens au survol en jaune. */
#footer-new,
#footer-new p,
#footer-new li,
#footer-new .footer-new-bottom-left {
	color: #E2E2E2;
}
#footer-new a {
	color: #F2F2F2 !important;
}
#footer-new a:hover,
#footer-new a:focus {
	color: #FFB800 !important;
}

/* 5. Focus visible pour la navigation au clavier. */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
	outline: 3px solid #1A1A1A;
	outline-offset: 2px;
}

/* 6. Titres : pas de majuscule à chaque mot (« Agent d’entretien », pas « Agent D’entretien »). */
#titlebar h1,
#titlebar h2 {
	text-transform: none;
}

/* 7. Pied de page : titres de colonnes avec la pastille jaune de la charte, coordonnées, réseaux sociaux. */
#footer-new h4 {
	font-weight: 600;
	letter-spacing: -0.01em;
}
#footer-new .footer-widget h4::before {
	content: "";
	display: inline-block;
	width: 8px;
	height: 8px;
	margin: 0 10px 2px 0;
	border-radius: 50%;
	background: #FFB800;
	vertical-align: middle;
}
#footer-new .footer-widget.widget_nav_menu li a {
	color: #E2E2E2 !important;
}
#footer-new .footer-widget.widget_nav_menu li a:hover,
#footer-new .footer-widget.widget_nav_menu li a:focus {
	color: #FFB800 !important;
}
#footer-new .poli-footer-contact {
	font-style: normal;
	line-height: 1.75;
	margin: 0 0 18px;
	color: #E2E2E2;
}
#footer-new .poli-footer-contact a {
	font-weight: 600;
}
#footer-new .poli-footer-site {
	margin: 0;
}
#footer-new .poli-footer-button {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 8px 18px;
	border: 1px solid #5C5C5C;
	border-radius: 999px;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.4;
	text-decoration: none;
	transition: border-color 0.22s cubic-bezier(.2, .7, .2, 1), color 0.22s cubic-bezier(.2, .7, .2, 1);
}
#footer-new .poli-footer-button:hover,
#footer-new .poli-footer-button:focus {
	border-color: #FFB800;
}
#footer-new .intro-stats li i {
	background: #FFB800;
	color: #1A1A1A;
}
#footer-new .intro-stats li:hover i {
	background: #FFFFFF;
	color: #1A1A1A;
}
#footer-new .intro-stats li strong {
	color: #FFFFFF !important;
}
#footer-new .intro-stats li span {
	color: #BDBDBD;
}
.new-footer-social-icons li a {
	opacity: 0.85;
}
.new-footer-social-icons li a:hover,
.new-footer-social-icons li a:focus {
	opacity: 1;
}
#footer-new .footer-new-bottom-left a {
	text-decoration: underline;
	text-underline-offset: 3px;
}

/* 8. Bandeau des partenaires et labels, au-dessus du pied de page : une seule ligne de logos, de poids visuel
 * homogène (hauteur propre à chaque logo, --logo-h, calculée par l'extension). Quand la ligne ne tient pas
 * dans la largeur, elle défile ; partners.js ajoute les flèches et les fondus. */
.poli-partners {
	margin-top: 64px;
	padding: 40px 0 48px;
	background: #FFFFFF;
	border-top: 1px solid #E2E2E2;
}
.poli-partners + .margin-top-45 {
	display: none;
}
.poli-partners .poli-partners__title {
	margin: 0 0 24px;
	color: #555555;
	font-size: 12px;
	font-weight: 700;
	line-height: 1.4;
	letter-spacing: 0.08em;
	text-align: center;
	text-transform: uppercase;
}
.poli-partners__scroller {
	position: relative;
}
.poli-partners__list {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	gap: 36px;
	margin: 0;
	padding: 4px 16px 12px;
	list-style: none;
	overflow-x: auto;
	overflow-y: hidden;
	overscroll-behavior-x: contain;
	scrollbar-width: thin;
	scrollbar-color: #C8C8C8 transparent;
	-webkit-overflow-scrolling: touch;
}
.poli-partners__list:focus-visible {
	outline: 3px solid #1A1A1A;
	outline-offset: 4px;
	border-radius: 4px;
}
.poli-partners__list li {
	flex: 0 0 auto;
	margin: 0;
	padding: 0;
	list-style: none;
}
/* Centrée quand elle tient dans la largeur, calée à gauche quand elle défile. */
.poli-partners__list li:first-child {
	margin-inline-start: auto;
}
.poli-partners__list li:last-child {
	margin-inline-end: auto;
}
.poli-partners__list img {
	display: block;
	width: auto;
	height: calc(var(--logo-h, 56px) * var(--logo-scale, 1));
	max-width: none;
	max-height: none;
}
/* Fondus sur les bords quand des logos sont cachés. */
.poli-partners__scroller::before,
.poli-partners__scroller::after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 12px;
	z-index: 1;
	width: 64px;
	pointer-events: none;
	opacity: 0;
	transition: opacity 0.2s ease;
}
.poli-partners__scroller::before {
	left: 0;
	background: linear-gradient(to right, #FFFFFF 35%, rgba(255, 255, 255, 0));
}
.poli-partners__scroller::after {
	right: 0;
	background: linear-gradient(to left, #FFFFFF 35%, rgba(255, 255, 255, 0));
}
.poli-partners__scroller.is-scrollable:not(.is-at-start)::before,
.poli-partners__scroller.is-scrollable:not(.is-at-end)::after {
	opacity: 1;
}
/* Flèches : précédent / suivant (boutons ajoutés par partners.js). */
button.poli-partners__arrow {
	position: absolute;
	top: calc(50% - 6px);
	z-index: 2;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	min-width: 0;
	margin: 0;
	padding: 0;
	border: 1px solid #E2E2E2;
	border-radius: 50%;
	background: #FFFFFF;
	box-shadow: 0 2px 8px rgba(26, 26, 26, 0.12);
	color: #1A1A1A;
	line-height: 1;
	cursor: pointer;
	transform: translateY(-50%);
	transition: border-color 0.2s ease, opacity 0.2s ease;
}
button.poli-partners__arrow--prev {
	left: 0;
}
button.poli-partners__arrow--next {
	right: 0;
}
button.poli-partners__arrow:hover,
button.poli-partners__arrow:focus-visible {
	border-color: #1A1A1A;
	background: #FFFFFF;
	color: #1A1A1A;
}
button.poli-partners__arrow[disabled] {
	opacity: 0;
	pointer-events: none;
}
.poli-partners__scroller:not(.is-scrollable) .poli-partners__arrow {
	display: none;
}
@media (max-width: 767px) {
	.poli-partners {
		--logo-scale: 0.8;
		margin-top: 40px;
		padding: 32px 0 36px;
	}
	.poli-partners__list {
		gap: 28px;
	}
}
@media (prefers-reduced-motion: reduce) {
	.poli-partners__scroller::before,
	.poli-partners__scroller::after,
	button.poli-partners__arrow {
		transition: none;
	}
}

/* 9. Lisibilité : textes gris trop clairs de WorkScout foncés (contraste AA 4,5:1 minimum). */
.listing-icons li,
.listing-icons li a,
.job_listings .listing-icons li,
span.company-tagline,
.company-tagline {
	color: #5C5C5C;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder,
.select2-container--default .select2-selection--multiple .select2-selection__placeholder {
	color: #5C5C5C;
}
input::placeholder,
textarea::placeholder {
	color: #6B6B6B;
	opacity: 1;
}

/* 10. Types de contrat : pastille neutre (composant « chip » de la charte). */
span.job-type,
#titlebar h1 span.job-type,
#titlebar h2 span.job-type,
.new-layout.job_listings > li a span.job-type {
	background-color: #FFFFFF;
	border: 1px solid #E2E2E2;
	border-radius: 999px;
	color: #333333;
	font-weight: 600;
}
#titlebar h1 span.job-type,
#titlebar h2 span.job-type {
	padding: 3px 10px;
}

/* 11. En-tête : menu en encre, rubrique active soulignée en jaune (au lieu du vert de WorkScout). */
header.whb-hp-header,
header.whb-hp-header .whb-nav {
	--menu-color: #333333 !important;
	--menu-hover-color: #1A1A1A !important;
	--menu-active-color: #1A1A1A !important;
}
.whb-nav > li > a > .whb-mi-hit {
	border-radius: 0;
}
.whb-nav > li:hover > a > .whb-mi-hit {
	box-shadow: inset 0 -3px 0 rgba(255, 184, 0, 0.45);
}
.whb-nav > li.current-menu-item > a > .whb-mi-hit,
.whb-nav > li.current-menu-parent > a > .whb-mi-hit,
.whb-nav > li.current-menu-ancestor > a > .whb-mi-hit {
	box-shadow: inset 0 -3px 0 #FFB800;
}

/* 12. Types de contrat longs (ex. « Contrat de travail temporaire d’insertion ») : retour à la ligne. */
.listing-types-list span.job-type,
.new-layout.job_listings > li a span.job-type {
	white-space: normal;
	max-width: 210px;
	line-height: 1.35;
}

/* 13. Accueil : mot mis en valeur en encre, souligné en jaune (le jaune seul n'est pas lisible sur blanc). */
.workscout-loan-hero__accent,
.workscout-accent-headline__accent,
.workscout-fan-hero__accent {
	color: #1A1A1A !important;
}
.elementor-widget-workscout-headline .headline span {
	color: #5C5C5C;
}
.intro-banner.extra-white-space,
.intro-banner.extra-white-space.dark-overlay:before,
.intro-banner.extra-white-space .background-image-container {
	border-radius: 16px;
}
.intro-banner .adv-search-btn,
.intro-banner .adv-search-btn span {
	color: #F2F2F2;
}
.intro-banner .adv-search-btn a {
	color: #FFB800 !important;
}
.intro-banner .adv-search-btn a:hover,
.intro-banner .adv-search-btn a:focus {
	color: #FFFFFF !important;
}
.workscout-modern-faq__help-top img {
	flex: 0 0 64px;
	width: 64px;
	height: 64px;
}
.workscout-modern-faq .workscout-modern-faq__help-top span {
	color: #555555 !important;
}
.workscout-modern-faq__help-link,
.workscout-modern-faq__help-link:hover,
.workscout-modern-faq__help-link:focus {
	color: #1A1A1A !important;
	text-decoration: underline;
	text-decoration-color: #FFB800;
	text-decoration-thickness: 2px;
	text-underline-offset: 4px;
}
/* Avis sur les structures non utilisés : pas de mention « Pas encore d’avis ». */
.company-not-rated {
	display: none;
}

/* 14. Formulaires Everest Forms (contact, candidature) aux couleurs du Pôle. */
.everest-forms .everest-forms-part-next,
.everest-forms .everest-forms-submit-button,
.everest-forms button[type="submit"] {
	background-color: #FFB800 !important;
	border: 0 !important;
	border-radius: 999px !important;
	color: #1A1A1A !important;
	font-weight: 600 !important;
	padding: 12px 24px !important;
	box-shadow: 0 10px 28px rgba(255, 184, 0, 0.35);
}
.everest-forms .everest-forms-part-next:hover,
.everest-forms .everest-forms-submit-button:hover,
.everest-forms button[type="submit"]:hover {
	background-color: #E6A600 !important;
}
.everest-forms .everest-forms-part-prev {
	background-color: #FFFFFF !important;
	border: 1px solid #E2E2E2 !important;
	border-radius: 999px !important;
	color: #333333 !important;
	padding: 12px 24px !important;
}
/* Étapes du formulaire : pastilles en encre (au lieu du violet d'Everest Forms), trait d'avancement jaune. */
.everest-forms {
	--evf-pagination-indicator-color: #1A1A1A;
}
body .everest-forms .everest-forms-multi-part-indicator.circles .everest-forms-multi-part--steps-list li.done,
body .everest-forms .everest-forms-multi-part-indicator.circles .everest-forms-multi-part--steps-list li a {
	color: #1A1A1A;
	border-color: #1A1A1A;
}
body .everest-forms .everest-forms-multi-part-indicator.circles .everest-forms-multi-part--steps-list li.active::after,
body .everest-forms .everest-forms-multi-part-indicator.circles .everest-forms-multi-part--steps-list li.done::after {
	background: #FFB800 !important;
}
.everest-forms abbr.required,
.everest-forms .required {
	color: #C92A2A;
}
/* Texte d'introduction de la page C.V. écrit en doré clair (contraste 2,6:1) : passé en encre. */
.elementor-widget-text-editor span[style*="b09f62" i] {
	color: #333333 !important;
}

/* 15. En-tête : pas de boutons « Se connecter / S’inscrire » pour les visiteurs (pas d’espace candidat
 * ni employeur). Le menu du compte reste affiché pour l’équipe connectée. */
body:not(.logged-in) .whb-el[data-el="account"],
body:not(.logged-in) [data-whb-auth-button] {
	display: none !important;
}

/* 16. Bouton « Rechercher » de la recherche d’accueil : texte en encre sur le jaune ; menu mobile en Poppins. */
.intro-search-button .button,
.intro-search-button button {
	color: #1A1A1A !important;
	font-weight: 600;
}
.whb-hb-mobile-panel,
.whb-hb-mobile-panel a,
.whb-hb-mobile-panel button {
	font-family: "Poppins", sans-serif !important;
}

.intro-banner .select2-container--default .select2-selection--single .select2-selection__rendered {
	color: #333333;
}
/* Pastille « Nouvelle » : style « Nouvelle » de la charte (cyan doux, texte foncé). */
span.new_job,
#titlebar h1 span.new_job,
#titlebar h2 span.new_job {
	background-color: #DBF3F5;
	border-radius: 999px;
	color: #007783;
	font-weight: 600;
}
/* Slogan des structures (grille « Nos structures » et fiche d’une structure) un peu plus foncé (4,5:1 minimum).
 * Sélecteurs aussi précis que ceux de WorkScout (#777, 4,48:1), qui l'emportaient jusqu'ici. */
body ul.wpjmc-companies li .company-data_tagline,
.company-data_tagline,
p.company-data__content--list-item,
span.company-data__content--list-item {
	color: #5C5C5C;
}

/* 17. Survol des boutons : WorkScout passe le fond des liens-boutons et des boutons d’envoi en gris très foncé
 * (#282828) ; le texte repasse en blanc (il restait en encre, illisible). Les boutons qui restent jaunes au
 * survol (recherche de l’accueil, boutons Elementor) gardent l’encre. */
a.button:hover,
input[type="button"]:hover,
input[type="submit"]:hover,
.button.gray:hover,
a.button.gray.app-link.opened:hover {
	color: #FFFFFF !important;
}
#titlebar.photo-bg a.button:hover {
	color: #333333 !important;
}
/* Fenêtres (formulaire « Postuler ») : croix de fermeture blanche sur fond foncé ; encre au survol, sur le jaune. */
.mfp-close {
	color: #FFFFFF !important;
}

/* 18. Recherche par lieu sans recherche par rayon (aucune clé de géocodage) : le bouton « Me localiser »
 * remplirait le champ avec une adresse complète qui ne correspond à aucune offre. On le masque. */
.poli-no-radius .sidebar-search_location-container > a,
.poli-no-radius .input-with-icon.location > a {
	display: none !important;
}

/* 19. Formulaire « Postuler » : textes d’aide (« facultatif », taille maximale du fichier) plus foncés (4,5:1). */
.job-manager-application-form small,
.job-manager-application-form small.description {
	color: #5C5C5C;
}

/* 20. Référencement : le titre principal de l'accueil et de la liste des offres est passé en <h1>
 * (voir Poli_JB_SEO) ; ces règles lui gardent l'aspect des <h3> / <h2> du thème. */
.banner-headline-alt h1.poli-h1-hero {
	margin: 0;
	font-size: 38px;
	font-weight: 400;
	line-height: 50px;
	color: #333333;
	text-transform: none;
}
.banner-headline-alt h1.poli-h1-hero strong {
	display: block;
	font-size: 38px;
	font-weight: 400;
}
.dark-overlay .banner-headline-alt h1.poli-h1-hero,
.dark-overlay .banner-headline-alt h1.poli-h1-hero strong {
	color: #FFFFFF;
}
@media (max-width: 1240px) {
	.banner-headline-alt h1.poli-h1-hero {
		font-size: 36px;
		line-height: 42px;
	}
}
@media (max-width: 1024px) {
	.banner-headline-alt h1.poli-h1-hero strong {
		font-size: 32px;
	}
}
@media (max-width: 768px) {
	.banner-headline-alt h1.poli-h1-hero strong {
		font-size: 28px;
	}
}
#titlebar h1.poli-h1-count {
	margin: 0;
	font-size: 24px;
	font-weight: 600;
	line-height: 36px;
	color: #333333;
}
#titlebar h1.poli-h1-count em {
	color: #333333;
	font-style: normal;
}

/* 21. Accessibilité : lien d'évitement visible au clavier ; mention d'information sous les formulaires. */
.poli-skip-link {
	position: absolute;
	top: -100px;
	left: 16px;
	z-index: 100000;
	padding: 10px 16px;
	border-radius: 999px;
	background: #1A1A1A;
	color: #FFFFFF !important;
	font-size: 14px;
	font-weight: 600;
	text-decoration: none;
}
.poli-skip-link:focus {
	top: 16px;
	outline: 3px solid #FFB800;
	outline-offset: 2px;
}
.poli-privacy-notice {
	margin: 12px 0 0;
	font-size: 13px;
	line-height: 1.55;
	color: #5C5C5C;
}
.poli-privacy-notice a {
	color: #1A1A1A !important;
	text-decoration: underline;
	text-decoration-color: #FFB800;
	text-decoration-thickness: 2px;
	text-underline-offset: 3px;
}
.job-manager-application-form .poli-privacy-notice {
	margin: 0 0 14px;
}

/* 22. Recherche par lieu : indication sous le champ. */
.poli-location-hint {
	margin: 8px 0 0;
	font-size: 13px;
	line-height: 1.5;
	color: #5C5C5C;
}

/* 23. Carte des offres (page « Nos offres d'emploi ») et plan d'une offre. */
.poli-map {
	margin: 0 0 30px;
}
#poli-map {
	position: relative;
	z-index: 0;
	width: 100%;
	height: 380px;
	border-radius: 4px;
	background: #E9E9E9;
	overflow: hidden;
}
#poli-map:focus-visible {
	outline: 3px solid #1A1A1A;
	outline-offset: 2px;
}
.poli-map-note {
	margin: 8px 0 0;
	font-size: 13px;
	line-height: 1.5;
	color: #5C5C5C;
}
.poli-map-note a {
	color: #1A1A1A !important;
	text-decoration: underline;
}
.poli-map__empty {
	position: absolute;
	inset: 0;
	z-index: 500;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0;
	padding: 16px;
	text-align: center;
	font-weight: 600;
	color: #1A1A1A;
	background: rgba(255, 255, 255, 0.78);
}
.poli-map__empty[hidden] {
	display: none;
}
#poli-map .poli-marker {
	background: none;
	border: 0;
}
.poli-marker__pin {
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	border: 3px solid #FFFFFF;
	background: #FFB800;
	color: #1A1A1A;
	font-family: 'Poppins', sans-serif;
	font-size: 14px;
	font-weight: 600;
	line-height: 1;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.35);
	transition: transform 0.15s;
}
.poli-marker__pin:not(.is-multi) {
	width: 24px;
	height: 24px;
	margin: 6px;
}
.leaflet-marker-icon:hover .poli-marker__pin,
.leaflet-marker-icon:focus .poli-marker__pin {
	transform: scale(1.15);
}
.leaflet-marker-icon:focus-visible {
	outline: 3px solid #1A1A1A;
	outline-offset: 2px;
	border-radius: 50%;
}
#poli-map .leaflet-popup.poli-popup {
	text-align: left;
	margin-bottom: 20px;
}
.poli-popup .leaflet-popup-content-wrapper {
	border-radius: 4px;
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.18);
}
.poli-popup .leaflet-popup-content {
	margin: 14px 16px 12px;
	font-size: 14px;
	line-height: 1.45;
	color: #1A1A1A;
}
.poli-popup h4 {
	margin: 0 0 8px;
	font-size: 15px;
	line-height: 1.3;
}
.poli-popup h4 small,
.poli-popup li small {
	font-size: 12px;
	font-weight: 400;
	color: #5C5C5C;
}
.poli-popup ul {
	list-style: none;
	margin: 0 0 8px;
	padding: 0 4px 0 0;
	max-height: 150px;
	overflow-y: auto;
}
.poli-popup li {
	margin: 0 0 5px;
	padding: 0;
}
.poli-popup li a {
	color: #1A1A1A;
	font-weight: 500;
	line-height: 1.35;
	text-decoration: underline;
	text-decoration-color: #FFB800;
	text-decoration-thickness: 2px;
	text-underline-offset: 3px;
}
.poli-popup li {
	font-size: 13px;
}
.poli-popup .poli-popup__more {
	margin: 0 0 6px;
	font-size: 13px;
	color: #5C5C5C;
}
.poli-popup .poli-popup__search {
	display: inline-block;
	margin-top: 2px;
	font-weight: 600;
	color: #1A1A1A;
}
.poli-popup .leaflet-popup-close-button {
	top: 6px;
	right: 6px;
	color: #5C5C5C;
}
#poli-map .leaflet-control-zoom a {
	color: #1A1A1A;
}
#job_map {
	border-radius: 4px;
	z-index: 0;
}
@media (max-width: 767px) {
	#poli-map {
		height: 280px;
	}
}
.poli-marker__pin.is-cluster {
	width: 44px;
	height: 44px;
	font-size: 15px;
	box-shadow: 0 0 0 5px rgba(255, 184, 0, 0.3), 0 2px 6px rgba(0, 0, 0, 0.35);
}
#poli-map .leaflet-control-zoom a i {
	font-size: 14px;
	line-height: 30px;
}