/* ========== STYLES POUR #colophon ET .fullSearch ========== */

/* Mettre le formulaire en flex pour aligner input et bouton */
#colophon .search-filter,
.fullSearch .search-filter {
    display: flex !important;
    gap: 0 !important;
}

/* Le champ de recherche prend tout l'espace */
#colophon .search-filter-field--control-type-search,
.fullSearch .search-filter-field--control-type-search {
    flex: 1 !important;
}

/* Container de l'input */
#colophon .search-filter-field--control-type-search .search-filter-field__input,
.fullSearch .search-filter-field--control-type-search .search-filter-field__input {
    position: relative !important;
}

/* L'input lui-même */
#colophon .search-filter-input-text__input,
.fullSearch .search-filter-input-text__input {
    width: 100% !important;
    border-radius: 6px 0 0 6px !important;
}

/* Retirer les anciens styles ::after */
#colophon .search-filter-field__input::after,
.fullSearch .search-filter-field__input::after {
    display: none !important;
}

/* Container du bouton submit */
#colophon .search-filter-field--control-type-submit,
.fullSearch .search-filter-field--control-type-submit {
    margin-left: -2px !important;
}

/* Le vrai bouton submit */
#colophon .search-filter-input-button,
.fullSearch .search-filter-input-button {
    border-radius: 0 6px 6px 0 !important;
    padding: 0.9em 1.1764705882352942em !important;
    background: transparent !important;
    color: var(--bleuF) !important;
    border: 2px solid var(--bleuF) !important;
    border-left: 2px solid var(--bleuF) !important;
    font-family: inherit !important;
    cursor: pointer !important;
    transition: transform 0.2s ease-in-out !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 100% !important;
}

/* Effet hover */
#colophon .search-filter-input-button:hover,
.fullSearch .search-filter-input-button:hover {
    transform: scale(1.05) !important;
    background: var(--bleuF) !important;
    color: white !important;
}

/* Remplacer le texte par l'icône */
#colophon .search-filter-input-button,
.fullSearch .search-filter-input-button {
    font-size: 0 !important; /* Cache le texte "Rechercher" */
}

#colophon .search-filter-input-button::before,
.fullSearch .search-filter-input-button::before {
    content: "\f002" !important;
    font-family: "Font Awesome 6 Pro" !important;
    font-weight: 900 !important;
    font-size: 16px !important;
    display: flex !important;
    align-items: center !important;
}
/*MIRADOR*/
:root {
--search-filter-input-selected-background-color:var(--blancBg)!important;
	
}
.btnOpenDoc{
	width: 100%;
}
.home .search-filter-style--control-submit{
	display: inline-block!important;

}
.home .search-filter-input-button{
	text-transform: uppercase!important;
	font-size: 0.8235294117647058rem!important;
	border-radius: 0!important;

}
.home .search-filter-input-button:hover{
	color: #fff!important;
}
.home .search-filter-style--control-submit:after{
	top: -1px!important;
}
.search-filter-component-combobox-base{
	    border-color: var(--bleu)!important;
}
.search-filter-component-combobox-base__listbox-option--active:hover, .search-filter-component-combobox-base__listbox-option--active.search-filter-component-combobox-base__listbox-option--selected{
	background-color: var(--gris)!important;
}
.search-filter-component-combobox-base__listbox{
	background-color: var(--blancBg)!important;
}
.search-filter-component-combobox__listbox-toggle svg{
		fill: var(--bleu)!important;
}
.mirador .lienFleche{
	background-image: none!important;
}
.mirador .lienFleche:after{
	padding-top: 0;
}
/*.search-filter-query .lienFleche:after{
	content: "\e09f"!important;
}*/
.mirador-toggle-btn.sfp-card-btn::after{
content: "\f078"!important;
}
.mirador-toggle-btn.sfp-card-btn.active::after{
content: "\f077"!important;
}
.search-filter-component-combobox{
	background-color:transparent!important;
}   

/*Border Single*/
.singlesInvert .logo{
	border-bottom: 1px solid var(--gris);
	border-right: 1px solid var(--gris);

}
.singlesInvert .flexThatBottom{
	display: flex;
	align-items: stretch;
}
.singlesInvert .theMainMenu{
	height: 100%;
	border-top: 1px solid var(--gris);
	border-radius: 30px 0 0 0 ;
	box-shadow: -17px -3px 0 3px var(--blancBg);
}
.singlesInvert .logo:before{
	top: 0;
	right: -39px;
	bottom: auto;
	left: auto;
}
.singlesInvert .theMainMenu{
	padding-top: 2.3529411764705883em;
	padding-bottom: 0;
	margin-bottom: 2.35em;
	height: auto;
	margin-left: -1px;
	border-left: 1px solid var(--gris);

}
/*GENERAL*/
.theMainMenu{
	padding-right: 0.25em!important;
}
.flexThatBottom{
	display: flex;
	align-items: end;
}
.noise{
	position: relative;
}
.noise:before {
	content: "";
	position: absolute;
	inset: 0;
	mix-blend-mode: soft-light;
	opacity: 0.4;
	background: url("images/txtrNOISE_01.webp");
	
}
.img100 .noise:before{
	z-index: 9;	
}
.noise.light:before{
	opacity: 0.75!important;
}
.shape {
	position:absolute;
	display:block;
	width:100%; 
	height:auto;
	will-change:transform;
	pointer-events:none;
}

.haloMauve {
	transform: translate(45%, -55%) scale(1);
}
.haloBleu {
	transform: translate(-65%, -50%) scale(1);
}
.haloJaune {
	transform: translate(0%, 10%) scale(1);
}
.noise{
	overflow:hidden;
	/*background:var(--bleu);*/
}
#masthead{
	position: absolute;
	width: 100%;
	z-index: 999;
}
.bg_fonce{
	background-image: url('images/bgFonce.webp');
	background-size: cover;
	background-repeat: no-repeat;
	color: var(--blancBg);
}
.bg_pale{
	background-image: url('images/bgPale.webp');
	background-size: cover;
	background-repeat: no-repeat;
}
/*Nos axes*/
.axes h3,
.titreSection h3 {
	display: flex;
	align-items: center;
	justify-content: center; 
	gap: 1.1764705882352942rem;
}
.axes h3:after,
.titreSection h3:after {
	content: "";
	flex-grow: 1;
	margin-top: 0.3em; 
	height: 2px;
	background-color: var(--bleuF);
}
.titreSection h3:after {
	background-color: var(--gris);
	content: "";
	flex-grow: 1; 
	height: 2px;
}
.axesCtn {
	display: grid;
	justify-content: space-between;
	gap: 1.1764705882352942em;
	grid-template-columns: repeat(5, 1fr);
}
.axesCtn a{
	z-index: 999;
}
/*.axesCtn .btn{
    width: calc(100% - 47px);
	margin-top: 2px;
	z-index: 99;
	border-radius:0 0 0px 6px;
	background-image: linear-gradient(0.25turn, var(--bleuF) 49.8%, var(--color) 50%)!important;
	color: var(--blancBg);
	justify-content: space-between;
}*/
/*.axesCtn .btn::after{
	border-radius:0 0 10px 0;
    padding: 1em 1.1764705882352942em 1.1em;
}
.axesCtn .btn.btnFlecheBlanc::after {
    left: calc(100% + 2px);
}*/
.rond{
	width: 1.7647058823529411em;
	height: 1.7647058823529411em;
	border-radius: 100%;
}
.rond.mauve{
	background-color: var(--mauve);
}
.rond.jaune{
	background-color: var(--jaune);
}
.rond.orange{
	background-color: var(--orange);
}
.rond.vert{
	background-color: var(--vert);
}
.rond.turquoise{
	background-color: var(--turquoise);
}
.infoOnTop{
	position: absolute;
	height: 100%;
	width: 100%;
	z-index: 9;
	border-radius: 10px 10px 0 0;
	padding:  2.3529411764705883em 1.1764705882352942em  1.411764705882353em 1.1764705882352942em;
	display: inline-flex;
	align-items: stretch;
	align-content: space-between;
	flex-wrap: wrap;
	flex-direction: column;
	justify-content: space-between;
}
.infoOnTop img{
	border-radius: 10px 10px 0 0;
}
.bgAxe{
	background-image: url('images/bgAxes.webp');
	background-size: cover;
	background-repeat: no-repeat;
}
.bgAxe.padTB {
	padding-top: 4.811764705882353em !important;
	padding-bottom: 4.811764705882353em !important;
}
.imgAxe{
	position: relative;
	color: var(--blancBg);
	overflow: hidden; 
	background-color: var(--mauve); 
	border-radius: 10px 10px 0 0;
	margin-top: 1.1764705882352942em;
}
.imgAxe img{
	mix-blend-mode: multiply;	
	filter: grayscale(1) brightness(0.6);
	height:  26.352941176470587em;
	object-fit: cover;
}
.imgAxe h5{
	text-wrap: balance;
}
/*Image 100%*/
.captionImg{
	padding-top: 0.5882352941176471em;
	padding-left: 1.7647058823529411em;
}
/* Ligne séparation */
.ligne{
background-color: var(--gris);
height: 1px;
width: 100%;display: inline-flex;
align-items: center;
}
.ligne h3{
	font-weight: 600!important;
	display: inline-block;
	background-color: var(--blancBg);
	padding-right: 1.1764705882352942rem;
}
.titleNoPad + section .padTB{
	padding-top:  2.9411764705882355em;
}

/*TITRE PAGE*/
.titreBanner .noise{
	background-color: var(--bleuF);
	border-radius: 0 30px 30px 30px;
	padding-top: 5.882352941176471em!important;
	margin-top: 2.3529411764705883em;
}
.titreBanner .noise .flexThat{
	padding-top:5.235294117647059em;
	padding-bottom: 4.411764705882353em;
}
.titreBanner h1{
	margin-bottom: 0!important;
}
.titreBanner,
.homeBanner {
	color: var(--blancBg);
}
.titreBanner{
	padding-bottom:  5.294117647058823em;
}



.breadCrumbs li::before{
	display: none;
}
.breadCrumbs {
	font-size: 0.9473684210526315em;
	color: var(--blancBg);
	font-weight: 600 !important;
	margin-bottom: 0;
	text-transform: uppercase;
	list-style-type: none;
	padding-left: 0;
}
.breadCrumbs li {
	display: inline-block;
	font-weight: 600 !important;
	padding-left: 5px;
	font-size: 0.8235294117647058rem;

	margin-bottom: 0;
	letter-spacing: 0.0875rem!important;
}
section .breadCrumbs {
	padding-bottom: 1.0666666666666667em !important;
}
.separator {
	padding: 0 0.2em;
}
.separatorFormat {
    padding: 0 0.2em 0 0.08em;
    font-size: 15px;
}
.breadCrumbs a {
	color: var(--blancBg);
	text-transform: uppercase;
	font-weight: 400 !important;
	text-decoration: none;
	border-bottom: 0 !important;
}
/*5050*/
.h5050-image img{
	border-radius: 10px;
}
/*.content-h5050 .bg_fonce .colonne_1 {
	padding-bottom: 3.3em;
}*/
.content-h5050 .bg_fonce .colonne_1 h3{
	margin-bottom: 1.9941176470588236rem !important;
}
.bg_fonce .padTB {
	padding: 8em 0;
}
.titreSection5050 {
	margin-bottom: 1.9216rem !important;
}
.textebanner{
	z-index: 2;
	position: relative;
}
/*BANNIERE*/
.homeBanner .noise{
	background-color: var(--bleuF);
	border-radius: 0 30px 30px 30px;
	padding-top: 5.882352941176471em!important;
	margin-top: 2.3529411764705883em;
	padding-bottom: 2.9411764705882355em!important;
}
.homeBanner .noise:before{
	z-index: 1;
}
.textebanner{
	padding-left: 16.6666666667%;
}
.textebanner h5 {
	padding-bottom: 1.823529rem !important;
	text-wrap: balance;
}
/*HEADER*/
.logo{
	background-color: var(--blancBg);
	padding-left: 1.1764705882352942em;
	padding-right: 2.9411764705882355em;
	padding-bottom: 2.3529411764705883em;
	border-radius: 0 0 30px 0;
	display: inline-block;
	width: 100%;
}
.logo:after,
.logo:before{
	content: "";
	height: 40px;
	width: 40px;
	display: inline-block;
	position: absolute;
	box-shadow: -11px -7px 0 0 var(--blancBg);
	border-top-left-radius: 30px;
}
.logo:before {
	bottom: -40px;
	left: 0;
}
.logo:after {
	top: 3px ;
	right: -40px;
}

.logo img{
	max-width: 21.647058823529413em;
}

/*FOOTER*/
.searchBottom{
	background-color: var(--bleuF);
	color: var(--blancBg);
	margin-bottom: 2px;
}
.searchBottom img{
	margin-bottom: 2.0588235294117645em;
}
.searchBottom h3{
	text-wrap: balance;
	margin-bottom: 2.6470588235294117rem;
	font-weight: 400 !important;
}
.bottomPage {
	color: var(--blancBg);
	background-image: url('images/bgFooter.webp');
	background-size: cover;
	padding-bottom: 10.588235294117647em;
	padding-top: 4.705882352941177em;
	display: inline-block;
	width: 100%;
}
.firstBox h5{
	text-wrap: balance;
}
.bottomPage p{
	font-weight: 300;
	margin-bottom: 1.1705882352941178rem !important;
}
.bottomPage a{
	color: var(--blancBg);
}
.bottomPage img{
	max-width: 21.647058823529413em;
	width: 100%;
}
.boxBorderT{
	border-top:2px solid var(--blancBg);
	margin-top: 1.3545em;
	padding-top: 1.7647058823529411em;
}
.theSame{
	display: inline-flex;
	align-items: flex-end;
}
.politique{
	font-weight: 300;
	text-decoration: underline;
	margin:1.4705882352941178rem 0;
	display: inline-block;
}


@media screen and (max-width: 1460px) {
	.logo:after {
		top: 0;
	}
	.logo {
		border-radius: 0 0 20px 0;
	}
	.titreSection5050 {
   	 margin-bottom: 1.216rem !important;
	}
}