/**
 * Theme Name: Blocksy Child
 * Description: Blocksy Child theme
 * Author: Creative Themes
 * Template: blocksy
 * Text Domain: blocksy
 */


/*** GENERAL ***/
/*@import url('https://fonts.googleapis.com/css2?family=Instrument+Sans:ital,wght@0,400..700;1,400..700&display=swap');*/

:root{
	--rose : #E6007E;
	--dark: #1E3258;
	--vert : #1C9999;
	--blanc : #FCFCFC ;
	--clair : #D2EEFC;
	--blanc : #FCFCFC;
}
.txt, .txt *{
	font-weight:400;
	line-height:1.3em;
	font-size:17px;
	margin-bottom:10px;
}

.h1, .h2, .h3, .h4{
	font-weight:700;
	line-height:1.1em;
	margin-bottom:10px;
}
body :is(.is-layout-flow,.is-layout-constrained) :where(h1,h2,h3,h4,h5,h6){
	margin-block-end:10px;
}
.h1{
	font-size:58px;
}
.h2{
	font-size:48px;
}
.h3{
	font-size:32px;
}
.h4{
	font-size:24px;
}

@media screen and (max-width:991px){
	.txt, .txt *{
		font-size:17px;
	}
	.h1{
		font-size:52px;
	}
	.h2{
		font-size:44px;
	}
	.h3{
		font-size:28px;
	}
	.h4{
		font-size:22px;
	}
}
@media screen and (max-width:767px){
	.txt, .txt *{
		font-size:16px;
	}
	.h1{
		font-size:42px;
	}
	.h2{
		font-size:36px;
	}
	.h3{
		font-size:24px;
	}
	.h4{
		font-size:20px;
	}
}

.btn-fleche.brz-btn{
	margin-right: 40px;
	position:relative;
	box-shadow: 0 20px 5px 0 rgba(0, 0, 0, 0.00), 0 13px 5px 0 rgba(0, 0, 0, 0.01), 0 7px 4px 0 rgba(0, 0, 0, 0.05), 0 3px 3px 0 rgba(0, 0, 0, 0.09), 0 1px 2px 0 rgba(0, 0, 0, 0.10)!important;
}
.btn-fleche.brz-btn span{
    white-space: normal;
	word-break: break-all;
}
.btn-fleche.brz-btn:after {
    content: "";
    position: absolute;
    left: calc(100% + 1px);
	top:-2px;
    width: 50px;
    background-image: url(/wp-content/uploads/2025/11/btn-icone.svg);
    z-index: 2;
    height: calc(100% + 4px)!important;
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: center left;
}


ul.brz-breadcrumbs>li:first-child {
    display: none !important;
}

.row{
	max-width:1400px;
	width:100%;
	margin:auto;
	padding-left:60px;
	padding-right:60px;
}
@media screen and (max-width:991px){
	.row{
		padding-left:40px;
		padding-right:40px;
	}
}
@media screen and (max-width:767px){
	.row{
		padding-left:20px;
		padding-right:20px;
	}
	.brz .brz-css-d-cloneable{
		gap:10px 10px!important;
	}
}

/************************* HEADER ***********************/

[data-header*="type-1"] .ct-header [data-id="menu"] .sub-menu {
    padding: 10px 0!important;
	box-shadow: -31px 20px 10px 0 rgba(0, 0, 0, 0.00), -20px 13px 9px 0 rgba(0, 0, 0, 0.01), -11px 7px 8px 0 rgba(0, 0, 0, 0.05), -5px 3px 6px 0 rgba(0, 0, 0, 0.09), -1px 1px 3px 0 rgba(0, 0, 0, 0.10)!important;
	width: max-content!important;
}
.ct-menu-link{
	width: max-content!important;
}

/* Contact */
.btnContact {
	height:fit-content;
	line-height: 1em;
	align-self:center;
	padding: 8Px 20px;
	border: 2px solid var(--rose);
	margin-right: 35px;
	margin-left: 20px;
	position:relative;
	box-shadow: 0 20px 5px 0 rgba(0, 0, 0, 0.00), 0 13px 5px 0 rgba(0, 0, 0, 0.01), 0 7px 4px 0 rgba(0, 0, 0, 0.05), 0 3px 3px 0 rgba(0, 0, 0, 0.09), 0 1px 2px 0 rgba(0, 0, 0, 0.10)!important;
	background: var(--rose);
	font-weight:700;
}
.btnContact a.ct-menu-link{
	color:var(--blanc)!important;	
}
.btnContact:after {
    content: "";
    position: absolute;
    left: calc(100% + 1px);
	top: -2px;
    width: 40px;
    background-image: url(/wp-content/uploads/2025/11/btn-icone.svg);
    z-index: 2;
    height: calc(100% + 4px)!important;
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: center left;
}
#header>div[data-device="desktop"] .btnContact.btnContactDesktop{
    display: none !important;
}

#offcanvas  .btnContact{
    width: fit-content!important;
	margin-left: 0px!important;
	margin-top:20px;
}
#offcanvas .btnContact:after{
	height: calc(100% + 2px) !important;
}
#offcanvas  .btnContact .ct-menu-link{
	padding:0!important;
}
.trigger-search {
	margin-right:10px;	
	display:flex;
}
.trigger-search svg{
	    height: 24px;
    width: 24px;
}
.trigger-search svg path{
	fill:transparent!important;
}

/* Menu 2 lignes */
#header-menu-1{
	flex-direction:column;
	align-items:end;
	justify-content: center;
    height: fit-content;
	gap:10px;
}
.mef-menu-top {
    display: flex;
    gap: 0px;
	align-items:center;
	width: 100%;
	justify-content:end;
}
.btnContact{
	list-style:none;
}
.menu li.menu-item, .menu li.page_item{
	height: 35px;
}
.mef-menu-top .is-form-style{
	width: 100%;
}

/* Logo : taille adaptée */

@media screen and (min-width:992px) and (max-width:1200px){
	[data-header*="type-1"] .ct-header [data-id="logo"] .site-logo-container img{
		opacity:0;
	}	
	[data-header*="type-1"] .ct-header [data-id="logo"] .site-logo-container:after{
		content: "";
        position: absolute;
        left: 0;
        top: 50%;
        height: 76px;
        width: 130px;
        background-image: url(/wp-content/uploads/2025/11/Group-290.png);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: left center;
        transform: translateY(-50%);
	}
}
.site-logo-container img{
	max-width:100%!important;
}


/* Recherche menu */
.is-title * {
    font-weight: 600;
    font-size: 17px !important;
}
.is-ajax-search label:after {
    content: "";
    position: absolute;
    right: 10px;
    top: 50%;
	transform:translatey(-50%);
    height: 65%;
    width: 30px;
    background-image: url(/wp-content/uploads/2025/11/search.svg);
	background-size: contain;
	background-repeat: no-repeat;
    background-position: center right;
}

/* Résultats recherche */
.search.search-results .hero-section{
    margin-top: 30px;
    max-width: 900px;
}
@media screen and (max-width:991px){
	.search.search-results .hero-section{
		margin-top: 0px;
	}
}

/**** POPUP RECHERCHE MOBILE ****/

/* Popup : cachée par défaut */
#popup-search {
	position: fixed;
	inset: 0; /* top:0; right:0; bottom:0; left:0 */
	display: none;
	align-items: start;
	justify-content: center;
	padding: 20px;
	background: rgba(0, 0, 0, 0.55);
	z-index: 9999;
}

/* Quand la popup est ouverte */
#popup-search.is-visible {
	display: flex;
}

/* Contenu de la popup */
#popup-search .popup-search-content {
	top: 30%;
	background: var(--blanc);
	width: 100%;
	max-width: 600px;
	padding: 50px 40px;
	border-radius: 18px;
	box-shadow: 0 20px 40px rgba(0, 0, 0, 0.25);
	position: relative;
	display: flex;
    flex-direction: column;
    align-items: center;
	min-height: 230px;
    justify-content: center;
    gap: 0px;
}

/* Bouton de fermeture (croix) */
#popup-search .search-popup-close {
	position: absolute;
	top: 15px;
	right: 15px;
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 4px;
}

/* Optionnel : un petit hover sur la croix */
#popup-search .search-popup-close:hover svg path {
	stroke: var(--dark);
}

/* Empêcher le scroll du body quand la popup est ouverte */
body.search-open {
	overflow: hidden;
}

.search-title {
    font-weight: 500;
}
#popup-search .is-form-style{
    width: 100%;
}

@media only screen and (max-width: 767px) {
	#popup-search .popup-search-content {
		padding: 40px 20px;
		min-height: 200px;
		top: 20%;
	}
	div.is-ajax-search-result {
        max-width: calc(100% - 80px)!important;
		left: 40px !important;
    }
	.is-title * {
		font-size: 16px !important;
	}
}


/************************* FOOTER ************************/

#footer-mef {
    background-image: url(/wp-content/uploads/2025/11/Footer.jpg);
	background-size:cover;
	background-repeat:no-repeat;
	background-position:top center;
    padding: 90px 0 70px;
}

.footer-main {
    display: flex;
    gap: 30px;
	justify-content:space-between;
}
.footer-left {
    width: 230px;
}
.footer-right {
    width: calc(100% - 260px);
	display: flex;
	flex-direction:column;
	gap:10px;
}
.footer-menus {
    width: 100%;
	background: rgba(252, 252, 252, 0.20);
	display: flex;
	padding: 40px;
	gap: 40px;
}

.footer-mentions, .footer-mentions *, .footer-link, .coordonnees *{
	color:var(--blanc);
}
#footer-mef a:hover, #footer-mef a:hover span, #footer-mef a:hover svg path{
	color:var(--rose)!important;
	fill:var(--rose)!important;
}
.footer-title {
    font-weight: 700;
    display: flex;
}
.footer-mentions, .footer-mentions *,  .coordonnees *{
	font-size:15px;
}
.cactus{
	display: flex;
	gap:5px;
	align-items:center;
}

.footer-menu {
    max-width: 25%;
	display: flex;
    flex-direction: column;
	gap: 8px;
}

.footer-sep-y{
	display:flex;
	background:white;
	width:1px;
	height:auto;
}
.footer-sep-x{
	display:flex;
	background:white;
	width:100%;
	height:1px;
	margin: 20px 0;
}

.reseaux {
    display: flex;
    gap: 15px;
    margin: 20Px 0;
}
.coordonnees__telephone {
    margin-bottom: 20px;
}

@media screen and (max-width:1400px){
	.footer-menus {
    	padding: 30px;
	}
}

@media screen and (min-width:1241px) and (max-width:1400px){
	.footer-menus {
		gap: 22px;
	}
}
@media screen and (max-width:1240px){
	#footer-mef {
		padding: 70px 0 50px;
	}
	.footer-main {
   		flex-direction: column;
		gap:10px;
	}
	.footer-left, .footer-right{
		width:100%;
	}
	.footer-left {
		display: flex;
		gap: 40px;
	}
}
@media screen and  (max-width:1100px){
	.footer-menus {
		gap: 22px;
	}
}
@media screen and (max-width:991px){
	#footer-mef {
		background-image: url(/wp-content/uploads/2025/11/Footer-bis.jpg);
	}
	.footer-menus{
		flex-wrap: wrap;
	}
	.footer-sep-y:nth-of-type(even) {
		height:1Px;
		width:100%;
		margin: 20px 0;
		background:var(--rose);
	}
	.footer-menu {
		max-width: unset;
		width: calc(50% - 23px);
	}
}
@media screen and (max-width:767px){
	#footer-mef {
		padding: 50px 0 90px;
	}
	.footer-menus{
		padding:20px;
	}
	.footer-menu {
        gap:0;
        width: 100%;
    }
	.footer-sep-y{
		display: none;
	}
	.footer-sep-x{
		margin:10px 0;
		background:transparent;
	}
	.footer-left{
		flex-direction:column;
		gap: 0px;
	}
}


/************************ FORMULAIRES ***********************/

.gform_wrapper.gravity-theme .gfield input.large, 
.gform_wrapper.gravity-theme .gfield select.large, 
.gform_wrapper.gravity-theme textarea {
    background: var(--blanc);
    border-width: 0;
    border-radius: 0;
	color:var(--dark);
	font-size: 16px!important;
}
.gform_wrapper.gravity-theme .gfield input.large::placeholder, 
.gform_wrapper.gravity-theme .gfield select.large::placeholder,
.gform_wrapper.gravity-theme textarea::placeholder{
	opacity:1!important;
}
.gchoice {
    width: fit-content;
}
#input_2_5 {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 20px;
}
.gform_wrapper.gravity-theme .gform_footer{
	margin-top: 20px!important;	
	width:fit-content;
	height:fit-content;
	padding: 6Px 22px!important;
	border: 2px solid var(--rose);
	position:relative;
	box-shadow: 0 20px 5px 0 rgba(0, 0, 0, 0.00), 0 13px 5px 0 rgba(0, 0, 0, 0.01), 0 7px 4px 0 rgba(0, 0, 0, 0.05), 0 3px 3px 0 rgba(0, 0, 0, 0.09), 0 1px 2px 0 rgba(0, 0, 0, 0.10)!important;
	background: var(--rose)!important;
}
.gform_wrapper.gravity-theme .gform_footer input{
	color:var(--blanc)!important;	
	border-radius:0;
	margin: 0!important;	
    height: fit-content!important;	
    padding: 0!important;	
    min-height: 0!important;
	font-weight:700;
	background:transparent!important;
}
.gform_footer:after {
    content: "";
    position: absolute;
    left: calc(100% + 1px);
	top: -2px;
    width: 50px;
    background-image: url(/wp-content/uploads/2025/11/btn-icone.svg);
    z-index: 2;
    height: calc(100% + 4px)!important;
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: center left;
}
@media only screen and (max-width: 641px) {
    .gform_wrapper.gravity-theme input:not([type=radio]):not([type=checkbox]):not([type=image]):not([type=file]) {
        line-height: normal !important;
    }
}

/************************* ACCUEIL ************************/

/**** ACCUEIL : HERO BANNER ***/
section.brz-section .brz-container {
    width: 100%;
}

.boutons-hero{
	gap: 15px !important;
}
.boutons-hero a.brz-a.brz-btn {
    margin-right: 50px;
	position:relative;
}
.boutons-hero a.brz-a.brz-btn:after {
    content: "";
    position: absolute;
    left: calc(100% + 1px);
    width: 50px;
    background-image: url(/wp-content/uploads/2025/11/btn-icone.svg);
    z-index: 2;
    height: calc(100% + 4px);
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: center left;
}
.image-hero-mobile{
	-webkit-mask-image: linear-gradient(180deg, transparent 0%, black 10%);
    mask-image: linear-gradient(180deg, transparent 0%, black 10%);
}

/**** ACCUEIL : ARTICLES ***/
.mise-en-avant-home:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: linear-gradient(180deg, transparent, var(--blanc));
    height: 200px;
	z-index: 0;
}
.mise-en-avant-home>div>.brz-container{
	z-index: 1!important;
}

.categories-articles p {
    background: var(--blanc);
    padding: 6px 15px !important;
    border-radius: 0px;
    height: fit-content;
    color: #EA5B16;
}
.lien-articles * {
    text-decoration: underline !important;
}

/**** ACCUEIL : NEWSLETTER ***/
.newsletter-triangle{
	z-index:-1!important;	
	opacity:0.7;
}
@media screen and (min-width: 992px) and (max-width: 1200px) {
	.newsletter-left{
		flex: 1 1 100%!important;
		max-width: 100%!important;
		margin-bottom: -60px!important;
	}
	.newsletter-right{
		flex: 1 1 100%!important;
		max-width: 100%!important;
		height: 400px!important;
	}
	.newsletter-right .brz-bg{
		margin-left:0!important;
	}
	.newsletter-right .brz-bg > .brz-bg-color {
		background-image: linear-gradient(180deg, rgba(202, 231, 232, 1) 0%, rgba(0, 153, 0, 0) 18%)!important;
	}
	.newsletter-right  .brz-bg > .brz-bg-image {
		background-position: 50% 22%!important;
	}
}

/**** ACCUEIL : LOGOS ***/
body:not(.brz-ed) .logos-home.brz-row__container >.brz-row >.brz-columns >.brz-column__items {
	flex-direction: row!important;
	gap: 15px 28px!important;
    justify-content: center!important;
	align-items:center!important;
	
}
body:not(.brz-ed) .logos-home.brz-row__container >.brz-row >.brz-columns >.brz-column__items .brz-wrapper {
    flex: unset !important;
	margin: 0!important;
	width: auto!important;
}
body:not(.brz-ed) .logos-home .brz-image{
	max-width:unset!important;
}
body:not(.brz-ed) .logos-home .brz-image .brz-picture {
    width: fit-content;
    height: fit-content;
    padding: 0;
	width: auto!important;
    height: auto;
}
body:not(.brz-ed) .logos-home img{
	position:relative!important;
	top:unset!important;
	left:unset!important;
	width: auto !important;
	/*height: fit-content !important;*/
	height: 55px !important;
    max-width: 150px !important;
	object-fit:contain;
}
@media screen and (max-width:1300px){
	.logos-home.brz-row__container >.brz-row >.brz-columns >.brz-column__items {
		gap: 15px 30px!important;
		flex-wrap: wrap;
	}
}

/********************** AUTRES PAGES *************************/

/* Hero avec image a droite 50vw */
.banner-right-absolute{
	position:relative;
}
@media screen and (min-width:992px){
	.banner-right-absolute>.brz-bg{
		position: absolute!important;
		width: 50vw!important;
		left: 0!important;
	}	
}

/* Boutons download */
.outil{
	align-items: center!important;
	min-height: 75px !important;
}
.outil-txt {
    max-width: calc(100% - 40px) !important;
}
.outil-icone{
	max-width: 40px !important;
	width: 40px !important;
	flex:unset!important;
}

/**** PAGE QUI SOMMES NOUS ****/

/* Président */
@media screen and (min-width:992px){
	.portrait-president {
		flex: unset;
		width: 50vw;
		max-width:1000px;
	}
	.portrait-president picture, .portrait-president img {
		max-height: 700px;
		object-fit: cover;
	}
}

.portrait-president:after{
	content:"Crédits photo © Marie NUSSBAUMER";
	position:absolute;
	left:20px;
	bottom:20px;
	width:100%;
	height:auto;
	color:white;
}
@media screen and (max-width:991px){
	.portrait-president picture, .portrait-president img {
		border-radius:18px!important;
	}
}



/* Banner degradé blanc bas*/
@media screen and (min-width:992px){
	.banner-right-absolute#president>.brz-bg:after{
		content:"";
		position:absolute;
		left:0;
		width:100%;
		bottom:0;
		height:100%;
		pointer-events:none;
		background:linear-gradient(to top, var(--blanc) 0, transparent 300px);
	}	
}

/* Conseil admin : chiffres row */
.ca-chiffre .brz-column__items {
    flex-direction: row !important;
    align-items: center;
    gap: 0 10px;
}
.autres-membres{
    width: 52%;
}

@media screen and (max-width:767px){
	.ca-chiffre .brz-column__items{
		flex-wrap: wrap;
	}
	.autres-membres{
		width: 100%;
	}
}

/* Equipe : lignes en col en desktop */
@media screen and (min-width:992px){
	.fse-titre{
		width:100%!important;
		flex: unset!important;
		max-width:100%!important;
	}
	.equipe-fse .brz-row .brz-columns:not(.fse-titre){
		flex: 1 1 50%!important;
		max-width: 50%!important;
	}
	
	.gepc-row .brz-row .brz-columns, .plie-row .brz-row .brz-columns{
		flex: 1 1 100%!important;
		max-width: 100%!important;
	}
}

.contacter-cette-personne *{
	text-decoration:underline!important;
}
@media screen and (min-width:992px) and (max-width:1200px){
	.contacter-cette-personne{
		font-size:16px!important;
	}
}

/* Nos Partenaires */
body:not(.brz-ed) .logos-partenaires > .brz-column__items {
	flex-direction: row!important;
	gap: 15px 28px!important;
    justify-content: start!important;
	align-items:center!important;
	flex-wrap: wrap;
}
body:not(.brz-ed) .logos-partenaires >.brz-column__items .brz-wrapper {
    flex: unset !important;
	margin: 0!important;
	width: auto!important;
}
body:not(.brz-ed) .logos-partenaires >.brz-column__items .brz-wrapper.logos-titre{
	width: 100%!important;
}
body:not(.brz-ed) .logos-partenaires .brz-image{
	max-width:unset!important;
}
body:not(.brz-ed) .logos-partenaires .brz-image .brz-picture {
    width: fit-content;
    height: fit-content;
    padding: 0;
	width: auto!important;
    height: auto;
}
body:not(.brz-ed) .logos-partenaires img{
	position:relative!important;
	top:unset!important;
	left:unset!important;
	width: auto !important;
	height: 70px !important;
    max-width: 175px !important;
	object-fit: contain;
}

@media screen and (max-width:991px) {
	body:not(.brz-ed) .logos-partenaires > .brz-column__items {
		gap: 15px 25px!important;
	}
	body:not(.brz-ed) .logos-partenaires img{
		height: 60px !important;
		max-width: 165px !important;
	}	
}
@media screen and (max-width:767px) {
	body:not(.brz-ed) .logos-partenaires > .brz-column__items {
		gap: 12px 20px!important;
	}
	body:not(.brz-ed) .logos-partenaires img{
		height: 50px !important;
		max-width: 140px !important;
	}	
	
	.titre-origines.titre-et-icone .icone {
        max-width: 60px !important;
        width: 60px !important;
    }
	.titre-origines.titre-et-icone .titre{
		width:100%!important;
		max-width:100%!important;
	}
	.titre-origines.titre-et-icone .titre .brz-column__items{
		margin-left:0!important;
	}
}




/**** PAGE NOS ACTIONS POUR LES ENTREPRISES ****/

.diagnostic-chiffre .brz-column__items {
    flex-direction: row !important;
    align-items: center;
    gap: 0 20px;
}
.diagnostic-txt{
	max-width: calc(100% - 60px);
}
@media screen and (max-width:767px){
	.diagnostic-chiffre .brz-column__items{
		flex-wrap: wrap;
	}
}

body:not(.brz-ed) .triangle-rh{
	 z-index: 0!important;
	mix-blend-mode: multiply;
}
.triangle-entreprises {
    z-index: 0!important;
	width: 800px!important;
    top: unset!important;
    bottom: 0!important;
    transform: translateY(10%)!important;
}
@media screen and (max-width:991px){
	.triangle-entreprises {
		width: 600px!important;
	}
}
@media screen and (max-width:767px){
	.triangle-entreprises {
		width: 450px!important;
		transform: translateY(-100%)!important;
	}
}

.col-to-row>.brz-column__items{
	flex-direction:row!important;
	justify-content:center!important;
	align-items:center!important;
	flex-wrap:wrap!important;
	gap: 0 20px;
}


.outils-temoignages>.brz-section__content>.brz-bg:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 300px;
    background: linear-gradient(to top, var(--blanc) 0, transparent 100%);
    pointer-events: none;
    z-index: 0;
}


.titre-et-icone .icone{
	max-width:70px!important;
	width:70px!important;
	flex: unset!important;
}
.titre-et-icone .titre{
	max-width:calc(100% - 70px)!important;
	width:calc(100% - 70px)!important;
	flex: unset!important;
}
@media screen and (max-width:767px){
	.titre-et-icone .icone{
		max-width:50px!important;
		width:50px!important;
	}
	.titre-et-icone .titre{
		max-width:calc(100% - 50px)!important;
		width:calc(100% - 50px)!important;
	}
}

.height-fit{
	height:fit-content!important;
}
.clause-env-check {
    position: absolute !important;
    bottom: 0;
    transform: translate(-50%, 100%);
    left: 50%;
    width: 200px;
	max-width: 33%;
}
@media screen and (max-width:991px){
	.clause-env-check {
		bottom: unset;
		transform: translate(-50%, -90px);
		left: 100%;
		width: 115px;
		max-width: unset;
		z-index: -1 !important;
		top: 0;
	}
}


.partenaires-collabs .brz-section__content > .brz-container{
	border-radius: 16px;
	background: #FBF1E3;
	box-shadow: 0 108px 30px 0 rgba(0, 0, 0, 0.00), 0 69px 28px 0 rgba(0, 0, 0, 0.01), 0 39px 23px 0 rgba(0, 0, 0, 0.05), 0 17px 17px 0 rgba(0, 0, 0, 0.09), 0 4px 9px 0 rgba(0, 0, 0, 0.10);
	padding: 50px 60px !important;
	margin-bottom:-100px;
}

@media screen and (min-width:992px){
	.partenariats-titre{
		max-width:350px!important;
		flex:unset!important;
	}
	.partenariats-txt{
		max-width:calc(100% - 350px)!important;
		flex:unset!important;
	}
}
@media screen and (max-width:1200px){
	.partenaires-collabs .brz-section__content > .brz-container{
		padding: 30px 40px !important;
	}
}
@media screen and (max-width:991px){
	.partenaires-collabs .brz-section__content > .brz-container{
		padding: 30px 25px !important;
	}
}
@media screen and (max-width:767px){
	.partenaires-collabs .brz-section__content > .brz-container{
		padding: 20px 20px !important;
	}
}
@media screen and (max-width:415px){
	.business-twin>.brz-row>.brz-columns{
		flex: 1 1 100%!important;
        max-width: 100%!important;
	}
	.business-twin>.brz-row>.brz-columns .brz-column__items{
		margin:0!important;
	}
}


.col-to-row-logos>.brz-column__items{
	flex-direction:row!important;
	justify-content:center!important;
	align-items:center!important;
	flex-wrap:wrap!important;
	gap: 0 20px;
}
.col-to-row-logos>.brz-column__items .brz-image{
	width:200px!important;
	max-width: unset!important;
}
@media screen and (max-width:767px){
	.col-to-row-txt{
		width:100%!important;
	}
	.col-to-row-logos>.brz-column__items .brz-image{
		width:170px!important;
	}
}

@media screen and (min-width:992px){
	.row-to-col-desktop .brz-row .brz-columns{
		flex: 1 1 100%;
        max-width: 100%;
	}	
}


/**** PAGE NOS ACTIONS POUR LES INSTITUTIONS ****/

.institutions-banner>.brz-section__content>.brz-bg .brz-bg-image {
    background-position: top!important;
	background-size: 100% auto!important;
}
.institutions-banner .brz-row__container{
	z-index: 2 !important;
}
.institutions-banner  .triangle-entreprises {
	mix-blend-mode: multiply!important;
}
@media screen and (min-width:992px){
	.institutions-banner  .triangle-entreprises {
		bottom: unset !important;
		top:30vh!important;
	}
}


/**** PAGE NOS ACTIONS POUR LES ASSOCIATIONS ****/

.bloc-europe-engagee .brz-bg-image {
    background-size: 100% auto !important;
    background-color: #003399;
    background-position: top right !important;
}
@media screen and (max-width:767px){
	.asssos-euro-txt{
		max-width:370px!important;
	}
}

/**** PAGE Nos actions pour les particuliers ****/

@media screen and (max-width:991px){
	.h1-actions-particuliers{
		max-width:400px;
	}
}
@media screen and (max-width:767px){
	.h1-actions-particuliers{
		max-width:330px;
	}
}
@media screen and (min-width:768px) and (max-width:991px){
	.txt-actions-particuliers{
		max-width:400px;
	}
}


@media screen and (min-width:992px){
	.particuliers-plie-criteres-title{
		max-width:100%!important;
		flex:1 1 100%!important;
	}
	.particuliers-plie-criteres-txt{
		max-width:50%!important;
		flex:1 1 50%!important;
	}
}

.evolution-professionnelle .brz-bg-image {
    background-size: 100% auto !important;
    background-color: #EA5B16;
    background-position: top center !important;
}
@media screen and (max-width:991px){
	.evolution-professionnelle .brz-bg-image {
		background-size: 150% auto !important;
		background-position: top left !important;
	}
}

@media screen and (min-width:992px){
	.entreprenariat-title{
		max-width:320px!important;
		flex:unset!important;
	}

	.entreprenariat-txt{
		max-width:calc(100% - 320px) !important;
		flex:unset!important;
	}
}

@media screen and (min-width:992px) and (max-width: 1250px){

	.entreprenariat-fapus{
		max-width:100%!important;
		flex:1 1 100%!important;
	}
	.entreprenariat-fapus>div{
		margin-right:0!important;
		margin-bottom:30px!important;
	}
	.entreprenariat-fapus .row-to-col-desktop .brz-row{
		gap:30px!important;
	}
	.entreprenariat-fapus .row-to-col-desktop .brz-row .brz-columns {
        flex: 1 1 calc(50% - 15px);
        max-width: calc(50% - 15px);
    }
	.entreprenariat-ailes{
		max-width:50%!important;
		flex:1 1 50%!important;
	}
	.entreprenariat-ailes>div{
		margin-left:0!important; 
		margin-right:15px!important;
	}
	.entreprenariat-circuits{
		max-width:50%!important;
		flex:1 1 50%!important;
	}
	

}
@media screen and (max-width: 1250px){
	.img-fapus-1{
		max-width:290px;
	}
	.img-fapus-2{
		max-width:270px;
	}
}

.clauses-sociales-wrap > .brz-column__items{
    flex-direction: row!important;
    flex-wrap: wrap!important;
	gap: 0 15px!important;
}
.outil-clause-sociale{
	max-width: calc(50% - 15px)!important;
	width: calc(50% - 15px)!important;
	flex:unset!important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.clauses-titre{
	width: 100%!important;
}
@media screen and (max-width:767px){
	.outil-clause-sociale{
		max-width: calc(100% - 0px)!important;
		width: calc(100% - 0px)!important;
	}
}

.outil-gazette{
	flex:unset!important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}
@media screen and (min-width:1400px){
	.outil-gazette{
		max-width: calc(20% - 12px)!important;
		width: calc(20% - 12px)!important;
	}
}
@media screen and (max-width:1400px){
	.outil-gazette{
		max-width: calc(33.3% - 10px)!important;
		width: calc(33.3% - 10px)!important;
	}	
}
@media screen and (max-width:991px){
	.outil-gazette{
		max-width: calc(50% - 8px)!important;
		width: calc(50% - 8px)!important;
	}	
}
@media screen and (max-width:410px){
	.outil-gazette{
		max-width: calc(100% - 0px)!important;
		width: calc(100% - 0px)!important;
	}	
}



.transfrontaliers .brz-section__content .brz-container {
    margin-bottom: -30vh;
    z-index: 3;
}
@media screen and (min-width:1300px){
	.wudo{
		margin-top: -12vh!important;
	}
}
@media screen and (min-width:992px) and (max-width:1300px){
	.transfrontaliers .brz-section__content .brz-container {
		margin-bottom: -20vh;
	}
	.wudo{
		margin-top: -8vh!important;
	}
}
@media screen and (min-width:768px) and (max-width:991px){
	.transfrontaliers .brz-section__content .brz-container {
		margin-bottom: -15vh;
	}
	.wudo{
		margin-top: -4vh!important;
	}
}
@media screen and (max-width:767px){
	.transfrontaliers .brz-section__content .brz-container {
		margin-bottom: -70px;
	}
}
@media screen and (max-width:500px){
	.transfrontaliers .brz-section__content .brz-container {
		margin-bottom: -70px;
	}
}


/**** CONTACT *****/
.contact-section{
	position: relative !important;
}
.contact-section> .brz-section__content >.brz-container{
	position:unset!important;
	justify-content: start!important;
}
#contact-img-wrap .brz-embed-code, #contact-img-wrap .brz-embed-content, #contact-img-wrap .brz-embed-content>div{
    height: 100%!important;
}

#contact-img-wrap .brz-embed-content>div{
	justify-content:end;
	display:flex;
}
#contact-img-wrap {
    position: absolute !important;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
}
.contact-img-div{
	height: 100%;
	width:fit-content;
	position:relative;
}
#contact-img {
	position:relative;
    height: 100%;
	width: auto;
    object-fit: contain;
    object-position: right bottom;
}
.contact-img-div:after{
	content:"";
	position:absolute;
	left:1px;
	top:0;
	height:100%;
	background:var(--dark);
	width:100vw;
	transform: translateX(-100%);
}

.col-form-contact{
	z-index: 2!important;
}

@media screen and (min-width:992px){
	.contact-section> .brz-section__content {
		min-height:calc(100vh - 100px)!important;
	}
	.col-form-contact{
		width:510px!important;
		max-width:510px!important;
		flex:unset!important;
	}
	.col-txt-contact{
		width:calc(100% - 510px)!important;
		max-width:calc(100% - 510px)!important;
		flex:unset!important;
	}
	.col-form-contact .gform_wrapper.gravity-theme .gfield.gfield--width-half {
		-ms-grid-column-span: 12;
		grid-column: span 12!important;
	}
}

@media screen and (max-width:991px){
	#contact-img-wrap {
		position: relative!important;
		right: unset;
		bottom: unset;
		height: auto;
		width: 100vw;
		margin-left: -40px;
		order: 1;
		margin-top:-10%;
	}
	#contact-img-wrap .brz-embed-code, #contact-img-wrap .brz-embed-content, #contact-img-wrap .brz-embed-content>div{
		overflow: visible;
	}
	#contact-img{
		position: relative;
		height: 600px;
		width: auto;
		object-fit: contain;
		object-position: right bottom;
		max-width: unset!important;
		margin-top: -240Px;
	}
	
}
@media screen and (max-width:767px){
	#contact-img {
        height: 450px;
        margin-top: -200px;
		transform: translateX(13%);
    }
}


/****** SHORTCODE CONTACT ******/
.contact-wrap {
    display: flex;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
    width: 100%;
    justify-content: center;
}
.contact__reseaux{
	display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    justify-content: center;
}
/*
.contact__reseau-item:hover img{
	filter: hue-rotate(228deg) brightness(0.6);
}*/
.contact__reseau-item svg {
    min-width: 34px;
    min-height: 38px;
    display: flex;
    align-self: center;
    padding: 1px;
}
.contact__reseau-item svg path{
	transition:0.3s ease-in-out;
}
.contact__reseau-item:hover svg path{ 
	fill:var(--dark);
}

.contact__telephone {
    margin-bottom: 0;
    font-weight: 100;
	display: flex;
    align-items: center;
    gap: 10px;
}
.contact__telephone a, .contact__telephone svg path{
    color: var(--dark);
	transition:0.3s ease-in-out;
}
.contact__telephone:hover a, .contact__telephone:hover svg path{
    color: var(--rose);
	stroke: var(--rose);
}


/***** Nos dispositifs et initiatives ****/
.dispositifs-section > .brz-section__content > .brz-container >div:not(.dispositifs-m){
	z-index:1!important;	
}
.dispositifs-m{
	z-index:0!important;	
	opacity:0.7;	
}

.fapus-innovation > .brz-section__content >.brz-bg > .brz-bg-color{
	background-image: linear-gradient(0deg, var(--blanc) 0px, transparent 150px, transparent calc(100% - 150px) , var(--blanc) 100%)!important;
}

.fapus-levier{
	max-width:250px;
}
@media screen and (max-width:767px){
	.fapus-levier{
		max-width:230px;
	}
}

.co-finance-plie{
	max-width:250px;
}
@media screen and (max-width:767px){
	.co-finance-plie{
		max-width:250px;
	}
}

/**** CTAS ***/
.ctas {
	z-index:98;
    position: fixed;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    width: fit-content;
    gap: 8px;
	border-radius: 8px;
	background: #FFF;
	box-shadow: 11px 0 3px 0 rgba(0, 0, 0, 0.00), 7px 0 3px 0 rgba(0, 0, 0, 0.01), 4px 0 2px 0 rgba(0, 0, 0, 0.05), 2px 0 2px 0 rgba(0, 0, 0, 0.09), 0 0 1px 0 rgba(0, 0, 0, 0.10);
	padding: 8px;
}

.cta {
    display: flex;
    justify-content: center;
    align-items: center;
	width: 32px;
}
.cta__telephone {
    background: var(--rose);
    height: 32px;
    border-radius: 4px;
}
.cta__telephone svg path{
    stroke:white;
}
.cta__telephone:hover{
    background: var(--dark);
}
.cta svg path{
    transition:0.3s ease-in-out;
}
.cta:hover svg path{
    fill:var(--dark);
}
@media screen and (max-width:767px){
	.ctas {
		top: unset;
		right: unset;
		left: 50%;
		bottom: 10px;
		transform: translateX(-50%);
		flex-direction: row;
		gap: 12px;
	}
	.cta {
		width: auto;
		height: 32px;
	}
	.cta svg{
		height: 32px;
	}
	.cta__telephone{
		width: 32px!important;
	}
}


/**** PAGE Nos actions pour l’emploi ****/

.actions-financees-plie  .triangle-plie {
	mix-blend-mode: multiply!important;
	z-index: 0!important;
}

@media screen and (max-width:450px){
	.actions-financees-plie  .triangle-plie {
		transform: translateY(calc(100% + 100px));
	}
}


/**** PAGE Développement économique local ****/

@media screen and (min-width:1400px){

	.row-chiffres-list>.brz-row{
		justify-content: space-between;
		gap:10px!important;
	}
	.row-chiffres-list>.brz-row>div{
		flex: unset!important;
        max-width: unset!important;
        width: auto!important;
		min-width: 100px;
	}
	.row-chiffres-list>.brz-row>div * {
		max-width: 200px!important;
	}

}
@media screen and (min-width:992px) and  (max-width:1400px){
	.row-chiffres-list>.brz-row{
		gap:20px!important;
	}
	.row-chiffres-list>.brz-row>div{
		flex: 1 1 calc(50% - 10px)!important;
        max-width: calc(50% - 10px)!important;
	}
}
@media screen and (min-width:1400px) {
	.ligne-DEL{
		max-width: 1200px !important;
	}
}
@media screen and (min-width:992px) and (max-width:1400px){	
	.ligne-DEL{
		max-width: calc(100vw - 190px) !important;
	}
}

@media screen and (min-width:992px){	
	.clauses-sociales-DEL > .brz-row {
		gap:20px!important;
	}
	.clauses-sociales-DEL > .brz-row > .brz-columns:nth-child(odd){
		flex: 1 1 calc(60% - 10px)!important;
        max-width: calc(60% - 10px)!important;
	}
	.clauses-sociales-DEL > .brz-row > .brz-columns:nth-child(even){
		flex: 1 1 calc(40% - 10px)!important;
        max-width: calc(40% - 10px)!important;
	}
	.ligne-DEL{
		width:calc(200% + 20px)!important;
	}
	
	.row-en-chiffres > .brz-row > .brz-columns{
		flex: 1 1 100%;
        max-width: 100%;
	}	
}


/**** PAGE Projets territoriaux ****/

.fond-europeen-container>.brz-column__items{
	display:grid!important;
	grid-template-columns:repeat(5, 1fr)!important;
	gap:40px 30px!important;
}
.projet-eu-titre *, .projet-eu-date *, .projet-eu-type *, .projet-eu-prix *{
		font-size:15px!important;
}

body:not(.brz-ed) .projets-europeens-m {
    left: 0px;
    top: 0px;
    transform: translate(-45%, -35%);
    position: absolute !important;
    width: 95vw !important;
    opacity: 0.5;
    z-index: 0;
	pointer-events: none;
}
body:not(.brz-ed) .projets-europeens-m img{
	max-height:155vh!important;	
}


@media screen and (max-width:1300px){
	.fond-europeen-container>.brz-column__items{
		grid-template-columns:repeat(4, 1fr)!important;
	}
}
@media screen and (max-width:1000px){
	.fond-europeen-container>.brz-column__items{
		grid-template-columns:repeat(3, 1fr)!important;
	}
}
@media screen and (max-width:767px){
	.fond-europeen-container>.brz-column__items{
		grid-template-columns:repeat(2, 1fr)!important;
	}
}
@media screen and (max-width:450px){
	.fond-europeen-wrap:first-of-type{
		grid-column: 1 / -1!important;
	}
	.fond-europeen-container>.brz-column__items{
		gap:25px 15px!important;
	}
	.projet-eu-titre *, .projet-eu-date *, .projet-eu-type *, .projet-eu-prix *{
		font-size:14px!important;
	}
}
@media screen and (max-width:380px){
	.fond-europeen-container>.brz-column__items{
		grid-template-columns:repeat(1, 1fr)!important;
	}
}



/* ==========================================================================
    1. STRUCTURE GÉNÉRALE (2 COLONNES)
    ========================================================================== */

.knowledge-base-container {
    display: flex;
    gap: 30px;  
    margin-top: 30px;
}

.sidebar-filters {
    flex: 0 0 300px;  
    background-color: #1E3258;  
    padding: 30px 25px;
    border-radius: 24px; 
    color: white;
    height: fit-content;  
}

.article-list-main {
    flex: 1;  
}

/* ==========================================================================
    2. STYLE DU FORMULAIRE ET DES FILTRES DE LA BARRE LATÉRALE
    ========================================================================== */

.sidebar-filters h2 {
    color: white;
    font-size: 1.5em;
    margin-bottom: 25px;
}

.sidebar-filters h4 {
    color: #ffffff;
    font-size: 1.1em;
    margin-top: 25px; 
    margin-bottom: 10px;
}

/* --- Champs de formulaire (Selects et Input de recherche) --- */
.sidebar-filters select,
.sidebar-filters .text-search-input {
    width: 100%;
    padding: 12px 10px; 
    margin-bottom: 15px;
    border: none;
    border-radius: 0; 
    font-size: 1em;
}

/* FILTRES SELECTS (Fond blanc, texte noir) */
.sidebar-filters select {
    background-color: white; 
    color: black;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path fill="%23000000" d="M9.293 12.95l.707.707L15.657 8l-1.414-1.414L10 10.828 5.757 6.586 4.343 8z"/></svg>');
    background-repeat: no-repeat;
    background-position: right 10px top 50%;
}
.sidebar-filters select:focus,
.sidebar-filters select:hover {
    outline: none;
    box-shadow: none;
    background-color: white;
    color: black;
}

/* CHAMP DE RECHERCHE TEXTE (Fond blanc, texte noir) */
.sidebar-filters .text-search-input {
    background-color: white; 
    color: black;
}
.sidebar-filters .text-search-input:focus {
    background-color: white; 
    color: black;
    outline: none; 
}


/* --- Styles des boutons de Tri (Radio) --- */
.filter-group.sort-by-field > div,
.filter-group.sort-order > div {
    display: flex;  
    flex-wrap: wrap;  
    gap: 8px; 
    margin-bottom: 5px; 
}

/* Cache le radio bouton natif */
.kb-filter-form input[type="radio"] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}

/* Style du SPAN qui remplace le bouton (NON SÉLECTIONNÉ) */
.sort-button-label span {
    display: inline-block;
    padding: 8px 15px;
    background-color: transparent; 
    color: white;
    border-radius: 0; 
    transition: background-color 0.2s, color 0.2s;
    font-size: 0.9em;
    border: 1px solid white; 
}

/* Style lorsque le bouton est sélectionné (checked) */
.kb-filter-form input[type="radio"]:checked + span {
    background-color: #F4DDEA; 
    border-color: #F4DDEA;
    color: #333; 
    font-weight: bold;
}

/* --- Boutons d'Action --- */

.filter-group-actions {
    display: flex;
    flex-direction: column;
    align-items: center; 
}

/* Bouton Soumettre/Rechercher principal */
.submit-button {
    width: fit-content; 
    padding: 12px 18px; 
    background-color: #ff007f;  
    color: white;
    border: none;
    border-radius: 0; 
    font-size: 1.1em;
    font-weight: bold;
    cursor: pointer;
    margin-top: 25px; 
    position: relative;
    overflow: visible; 
}

.submit-button:hover{
	background-color:var(--theme-button-background-initial-color) !important;
}

/* Icône SVG (Décoration du bouton Rechercher) */
.submit-button::after {
    content: "";
    position: absolute;
    right: -48px; 
    left: auto; 
    width: 50px;
    background-image: url(/wp-content/uploads/2025/11/btn-icone.svg);
    z-index: 2;
    height: 100%; 
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: center left;
    top: 0; 
    border-radius: 0; 
}

.reset-link {
    display: block;
    text-align: center;
    color: #9cb1c5;
    margin-top: 10px;
    text-decoration: none;
    width: 100%; 
}

.reset-link:hover{
	color:#9cb1c5;
	text-decoration:underline;
}


/* ==========================================================================
    3. STYLE DE LA LISTE DES ARTICLES ET COLONNES (DESKTOP)
    ========================================================================== */

.article-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

/* Chaque élément de liste (article) - GRILLE DESKTOP */
.article-list li {
    display: grid;
    /* Image | Titre | Date | Auteur | Type | Taille | Télécharger */
    grid-template-columns:  
        80px     
        1fr      
        100px    
        150px    
        80px     
        80px     
        40px;    
    
    align-items: center;
    
    background-color: white; 
    border-radius: 8px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05); 
    margin-bottom: 15px;
    padding: 20px; 
    border: 1px solid #f0f0f0;
    
    color: #1E3258;
}

/* Ajout du padding horizontal autour du titre */
.article-list li .col-titre {
    padding-left: 15px;
    padding-right: 15px;
}

.article-list li .col-titre h3 {
    font-size: 1.05em; 
}

.article-list li .col-titre a {
    color: #1E3258;
}
.article-list li .col-titre a:hover {
    color: #ff007f;
}

/* Auteur */
.article-list li .col-auteur {
    white-space: nowrap; 
    color: #1E3258; 
    overflow: hidden; 
    text-overflow: ellipsis; 
    padding-left: 5px;
    padding-right: 5px;
}
.article-list li .col-auteur a { 
    color: #1E3258;
    pointer-events: none;
    text-decoration: none;
}

/* Type (en majuscule) */
.article-list li .col-type {
    text-transform: uppercase;
}

/* Bouton Télécharger (carré rose 40x40, flèche blanche) */
.article-list li .col-telecharger {
    display: flex;
    align-items: center;
    justify-content: center;
}
.article-list li .col-telecharger a {
    display: block;
    width: 40px;
    height: 40px;
    background-color: #ff007f; 
    border-radius: 0;
    text-decoration: none; 
    line-height: 40px; 
    text-align: center;
}
.article-list li .col-telecharger a span {
    display: block;
    width: 100%;
    height: 100%;
    color: white; 
    font-size: 1.2em;
    font-weight: bold;
}
.article-list li .col-telecharger a:hover {
    background-color: #dc006b;
}


/* ==========================================================================
    4. PAGINATION (Style carré/sans radius)
    ========================================================================== */

.pagination-links {
    text-align: center;
    padding: 30px 0;
}

.pagination-links .page-numbers {
    display: inline-block;
    padding: 8px 15px; 
    margin: 0 4px;
    border-radius: 0; 
    text-decoration: none;
    color: #4a6681;
    border: none; 
    background-color: #f7f7f7; 
    transition: all 0.2s;
    font-weight: bold;
}

/* Page courante (Carré rose) */
.pagination-links .page-numbers.current {
    background-color: #ff007f;  
    color: white;
}

.pagination-links .page-numbers:not(.current):hover {
    background-color: #e0e0e0;
}

/* Boutons Précédent et Suivant (Style Rechercher) */
.pagination-links .page-numbers.prev,
.pagination-links .page-numbers.next {
    background-color: #ff007f;  
    color: white;
    padding: 10px 18px; 
    border-radius: 0; 
    position: relative;
    overflow: visible; 
}

/* Icône sur les boutons Précédent/Suivant */
.pagination-links .page-numbers.prev::after,
.pagination-links .page-numbers.next::after {
    content: "";
    position: absolute;
    width: 30px; 
    background-image: url(/wp-content/uploads/2025/11/btn-icone.svg);
    z-index: 2;
    height: 100%;
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: center left;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 0;
}

/* Position spécifique pour le bouton SUIVANT */
.pagination-links .page-numbers.next::after {
    right: -30px; 
    left: auto;
}

/* Position spécifique pour le bouton PRÉCÉDENT */
.pagination-links .page-numbers.prev::after {
    left: -30px; 
    right: auto;
    transform: translateY(-50%) rotate(180deg); 
}


/* ==========================================================================
    5. RESPONSIVE MOBILE (Breakpoint à 1140px)
    ========================================================================== */

@media (max-width: 1140px) {
    
    /* 1. Structure (Empilement) */
    .knowledge-base-container {
        flex-direction: column; 
        gap: 20px;
    }

    .sidebar-filters {
        flex: 0 0 auto; 
        width: 100%;
        box-sizing: border-box; 
    }

    /* 2. Filtres de tri */
    .filter-group-sort-container {
        flex-direction: column;
        gap: 15px;
    }
    
    .filter-group.sort-by-field > div,
    .filter-group.sort-order > div {
        justify-content: flex-start; 
    }
    
    /* Le bouton Rechercher prend 100% de la largeur sur mobile */
    .submit-button {
        width: fit-content; 
        padding-right: 12px;
		margin: 20px auto 0;
    }
    .submit-button::after {
        left: auto;
    }
    .filter-group-actions {
        align-items: stretch; 
    }


    /* 3. Liste des articles (Refonte des Cartes Mobiles) */
    .article-list li {
        /* Nouvelle grille mobile : 2 colonnes (Image 80px | Contenu 1fr) */
        display: grid;
        grid-template-columns: 80px 1fr; 
        /* Lignes automatiques définies par le contenu */
        grid-template-rows: auto; 
        
        padding: 15px;
        font-size: 0.9em;
        align-items: start; 
        position: static; 
    }

    /* L'image doit occuper la première colonne */
    .article-list li .col-image { 
        grid-column: 1 / 2;
        grid-row: 1 / span 10; /* Assure que l'image s'étend sur la hauteur du contenu */
        align-self: start;
        padding-right: 5px;
    }

    /* Titre (début du contenu empilé) - doit occuper la 2ème colonne */
    .article-list li .col-titre { 
        grid-column: 2 / 3; 
        padding-left: 10px; 
        padding-right: 0;
        margin-bottom: 8px; 
    }
    
    .article-list li .col-titre h3 {
        margin-top: 0;
        margin-bottom: 0;
        width: 100%;
    }

    /* Méta-données (Date, Auteur, Type, Taille) - doivent TOUTES occuper la 2ème colonne et s'empiler */
    .article-list li .col-date,
    .article-list li .col-auteur,
    .article-list li .col-type,
    .article-list li .col-taille {
        grid-column: 2 / 3; 
        display: block; /* Force l'empilement vertical */
        width: 100%;
        padding: 0 0 0 10px; /* Alignement avec le Titre */
        text-align: left;
        line-height: 1.3;
        margin-bottom: 3px; 
        white-space: normal; /* Permettre le saut de ligne si le contenu est long */
        overflow: visible; 
        text-overflow: clip; 
    }
    
    /* Ajout des labels en gras pour la clarté sur mobile */
    .article-list li .col-date::before { content: "Date de création : "; font-weight: bold; color: #333; }
    /* L'auteur est déjà un lien, le label doit être avant */
    .article-list li .col-auteur::before { content: "Auteur : "; font-weight: bold; color: #333; }
    .article-list li .col-type::before { content: "Type de fichier : "; font-weight: bold; color: #333; }
    .article-list li .col-taille::before { content: "Taille de fichier : "; font-weight: bold; color: #333; }
    
    /* Le bouton Télécharger doit être dans la 2ème colonne, aligné à droite */
    .article-list li .col-telecharger { 
        grid-column: 2 / 3;
        padding-top: 10px; 
        justify-content: flex-end; /* Aligner le bouton rose à droite */
        margin-top: 5px; 
    }
}

.page-count{
	margin-top:10px;
}

/*** COMPLIANZ ***/
body.cmplz-document main{
	margin: 70px auto;
}

body.cmplz-document main h1{
	font-size:70px!important;
}
body.cmplz-document main p{
	font-size:16px!important;
}
@media screen and (max-width:992px){
	body.cmplz-document main{
		margin: 60px auto;
	}
	body.cmplz-document main h1{
		font-size:52px!important;
	}
}
@media screen and (max-width:767px){
	body.cmplz-document main{
		margin: 50px auto;
	}
	body.cmplz-document main h1{
		font-size:45px!important;
	}
}


.members-access-error{
	padding:40px 0;
}