/*
	Theme Name: XN Quebec Refonte
	Theme URI: http://html5blank.com
	Description: Nouvelle base de refonte XN Quebec, construite sur le theme historique pour preserver toutes les fonctionnalites existantes.
	Version: 0.1.0
	Author: MEDIAMACHINE
	Author URI: http://www.mediamachine.ca
	Tags: Blank, HTML5, CSS3, XN Quebec

	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
*/

/*------------------------------------*\
	MAIN
\*------------------------------------*/

/* global box-sizing */
*,
*:after,
*:before {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}


/* Styling Wide and Full-Width Gutenberg Blocks in WordPress */
body {
	 overflow-x:  hidden;
}


body {
	font-family: 'Roboto', sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color:#2c291e;
	background-color: #ffffff;
	font-size: 16px;
	
	
	background-repeat: no-repeat;
	background-position: center top;
}


body.page-template-template-mots-des-partenaires{
	background-color: #ffffff;
	background-image: none;
}



body.glidertest{background-color: #ffffff;
	background-image: none;
}



@media only screen and (min-width:601px) {
body.forum-2018{
	background-image: url(img/bg-forum-b3.jpg) !important;
	background: no-repeat center center;
	background-attachment: fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-color: transparent;
	
}
}





.uppercase{text-transform: uppercase}


/* Forum 2020 */



.wrapperfrx{width: 90%; margin: 0 auto}


@media only screen and (min-width:601px) {
.outerfrx{
	background-image: url(img/bg-forum-b3.jpg) !important;
	background: no-repeat center center ;
	background-attachment: fixed ;
  -webkit-background-size: cover ;
  -moz-background-size: cover ;
  -o-background-size: cover ;
  background-size: cover;
  background-color: #fcfcfc ;
	
}
}

.innerfrx:not(.forum-title2020):not(.containerfrx){background-color: #fcfcfc}
	

.containerfrx{max-width: 980px; margin: 0 auto;}


@media only screen and (min-width:601px) {
.forum-title2020{background-image: url(img/bg-forum-b3.jpg) !important;
	background: no-repeat center center ;
	background-attachment: fixed ;
  -webkit-background-size: cover ;
  -moz-background-size: cover ;
  -o-background-size: cover ;
  background-size: cover;
  width: 100vw;
  margin-left: calc(50% - 50vw);

}
}	




.forum-title2020{
	text-align: center;
}

@media only screen and (max-width:600px) {
.forum-title{padding: 1px;}
.forum-title2020{width: 100vw; margin-left: calc(50% - 50vw);}
}


.vertxn{background-color: rgba(140, 196, 73, 0.6);
	padding: 8px 0px 45px 0px;
	text-align: center;
}

.rougexn{background-color: rgba(234, 33, 39, 0.56);
	padding: 8px 0px 45px 0px;
	text-align: center;
}

.bleuxn{background-color: rgba(0, 146, 213, 0.5);
	padding: 8px 0px 45px 0px;
	text-align: center;
}

.turquoisexn{background-color: rgba(140, 255, 209, 0.99);
	padding: 8px 0px 45px 0px;
	text-align: center;
}


@media only screen and (max-width:600px) {

.rougexn{background-color: rgba(234, 33, 39, 0.99); padding: 8px 15px 22px 15px}
.vertxn{background-color: rgba(140, 196, 73, 0.99); padding: 8px 15px 22px 15px}
.bleuxn{background-color: rgba(0, 146, 213, 0.99); padding: 8px 15px 22px 15px}
	
}





.forum-title2020 h1{color: #ffffff !important; letter-spacing: 0px; text-transform: none;}


.page-template-template-forum-mars-2020 blockquote{margin: 60px 0px}

@media only screen and (max-width:600px) {
.espacemobile{height: 15px !important}
}


/* END Forum 2020 */








@media only screen and (min-width:601px) {
body.forum{
	background-image: url(img/bg-forum-b3.jpg) !important;
	background: no-repeat center center;
	background-attachment: fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-color: transparent;
	
}
}






/* clear */
.clear:before,
.clear:after {
	content:' ';
	display:table;
}

.clear:after {
	clear:both;
}
.clear {
	*zoom:1;
}





img {
	max-width:100%;
	vertical-align:bottom;
	height: auto;
}

.parallax img{
	max-width:inherit;
}



a {
/* 	color:#444; */
	text-decoration:none;
}
a:hover {
/* 	color:#444; */
}
a:focus {
	outline:0;
}
a:hover,
a:active {
	outline:0;
}
input:focus {
	outline:0;
	border:1px solid #04A4CC;
}

/*------------------------------------*\
	STRUCTURE
\*------------------------------------*/


/*
.x_background{background-image: url(img/xbg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	z-index: 2
}
*/

/* wrapper */
.wrapper {
	margin:50px  auto;
	position:relative;
}


@media only screen and (min-width:600px) {
  .toppad {margin-top: 200px}
}

@media only screen and (min-width:600px) {
  .toppad-fiche {margin-top: 150px}
}


@media only screen and (min-width:600px) {
  .toppad-sanstitre {margin-top: 131px}
}

@media only screen and (min-width:600px) {
  .page-template-template-modifier-votre-fiche .toppad {margin-top: 150px !important}
}

@media only screen and (min-width:600px) {
  .page-template-template-sources-financement .toppad {margin-top: 150px !important}
}



.toppadnews{margin-top: 145px  !important;}

.mots-des-partenaires .toppad{margin-top: 0px}
.liste-des-participants .toppad{margin-top: 0px}



.wrapper-xl {
	max-width:1280px;
	width:95%;
	margin:0px auto 50px auto;
	position:relative;
}

.caroussel-xn{margin-top: 65px}

.titre-slider { text-shadow:1px 1px 1px rgba(0, 0, 0, 0.90) }

/* header */
.header {

}
/* logo */
.logo {

}
.logo-img {

}
/* nav */
.nav {

}
/* sidebar */
.sidebar {

}
/* footer */
.footer {
	
	background-color: #282727;
	width: 100%;
	
}

.wrapper_footer{
	max-width:1280px;
	width:95%;
	margin:0 auto;
	position:relative;
	padding-top: 50px;
	padding-bottom: 50px;
	color: #f3f2f0;
}


 .wrapper_footer .left{float: none !important;}
 .wrapper_footer .right{float: none !important;}

@media only screen and (min-width:768px) {
	
 .wrapper_footer .left{float: left !important;}
 .wrapper_footer .right{float: right !important;}
 
}

@media only screen and (max-width:768px) {
.mycenterfooter{text-align: center; margin: 0 auto;}
}






img.logo_footer{width: 203px;}


.partenaires{margin: 0 auto; text-align: center; max-width: 500px;}




@media only screen and (max-width:768px) {
	.partenaires img{width: 70%}
}

.subfooter{font-size: 12px;
	margin: 38px auto 0 auto; 
	text-align: center;}










ul.menu-footer li {text-transform: uppercase;
	font-family: 'Roboto', sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #f3f2f0;
	font-size: 14px;
	font-weight: 600;
}

ul.menu-footer li a{color: #f3f2f0;}

ul.menu-footer li{display: inline-block;}


ul.menu-footer li {text-transform: uppercase;
	font-family: 'Roboto', sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #f3f2f0;
	font-size: 14px;
	font-weight: 600;
}

ul.menu-footer li a{color: #f3f2f0;}

ul.menu-footer li{display: inline-block;}














a.icon-footer{font-size: 9px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	margin-left: 4px;
}


/* Fine tuning */

i.fab.fa-facebook-f.fa-stack-1x{font-size: 0.95em;}

i.fab.fa-instagram.fa-stack-1x{font-size: 1.1em;}

i.fab.fa-twitter.fa-stack-1x{font-size: 95%;}


i.far.fa-envelope.fa-stack-1x{font-size: 1.1em;}


i.fas.fa-paper-plane.fa-stack-1x{font-size: 0.9em; margin-left: -1px;}

i.fab.fa-linkedin-in.fa-stack-1x{
	margin-top: -1px;
font-size: 1em;
}




a.icon-footer span.fa-stack.fa-2x{font-size: 1.9em}

.fa-stack{width: 2em !important}

/*------------------------------------*\
	NAV
\*------------------------------------*/


.topbar{height: 65px;
  -webkit-box-shadow: 0px 1px 3px  rgba(0, 0, 0, 0.44);  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
  -moz-box-shadow:    0px 1px 3px  rgba(0, 0, 0, 0.44);  /* Firefox 3.5 - 3.6 */
  box-shadow:         0px 1px 3px  rgba(0, 0, 0, 0.44);  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
  z-index: 1;
  background-color: #fcfcfc;
   width: 100%;
   position: fixed;
   z-index: 999;

	
}


.topbar-inner-wrap{max-width:1280px;
	width:95%;
	margin:0 auto;
	position:relative;
}

.topbar-inner-left{
	max-width:190px;
	width:95%;
	margin:0 auto;
	position:relative;
	height: 65px;
	line-height: 65px;
	}
	
	
.topbar-inner-right{
	max-width:345px;
	width:95%;
	margin:0 auto;
	position:relative;
	height: 65px;
	line-height: 65px;}



.wrapper-trigger{
	display: inline-block;
	height: 24px;
	line-height: normal;
	vertical-align: middle;}
	
a.sidenav-trigger{color: #444;}



.wrapper-logo-topbar{
	display: inline-block; 
	height: 44px;
	line-height: normal;
	vertical-align: middle;
	}


.wrapper-search-topbar{
	display: inline-block; 
	height: 44px;
	line-height: normal;
	vertical-align: middle;
	text-align: right;
	}


img.logo-xn-topbar{width: 128px; margin-left: 24px;}

a.sidenav-close{color: #fafafa;}

.sidenav{background-color: #1f2021;
	width: 100%;
	max-width: 320px;
}


@media only screen and (min-width:530px) {
	.sidenav{max-width: 530px;}
	
}




.sidenav li > a{
	font-family: 'cooper_hewittbook';
	color: #fafafa;
	font-size: 16px;
	letter-spacing: 0.01em;
	padding: 0 0 0 40px;
	text-transform: uppercase;
}


ul.sub-menu li > a{
	padding-left: 70px;
	text-transform: none;
	height: 36px;
	line-height: 36px;
	}


.wrapper-logo-menu{padding: 10px 0 10px 20px;}


.social-side{padding-left: 35px;
	margin-top: 10px;
}

.courriel-menu{ padding: 10px 0 10px 26px;}

@media only screen and (min-width:414px) {
	.sidenav li > a {padding: 0 0 0 91px;}
	ul.sub-menu li > a {padding-left: 120px;}
	.wrapper-logo-menu {padding: 10px 0 10px 77px;}
	.social-side{padding-left: 86px;}
	.courriel-menu{ padding: 10px 0 10px 77px;}
	
}




.sidenav li.nolink > a{cursor: default}











/* Étude PREMIER PROFIL */


.page-template-template-etude .container{max-width: 800px !important;}
.page-template-template-etude-eng .container{max-width: 800px !important;}


.full-width-div {
	margin-left: calc(-100vw / 2 + 500px / 2);
  margin-right: calc(-100vw / 2 + 500px / 2);
}

.container_etude p{padding: 10px 0;
	font-size: 21px;
}


.container_etude ul{font-size: 18px;}
.container_etude ul li{margin-bottom: 10px;}

.container_etude p.has-small-font-size{font-size: 14px;}


.container_etude blockquote{border-left:5px solid #f49e32 }



.figxn{margin-top: 60px;
	margin-bottom: 60px;
}


@media only screen and (min-width:600px) {
	.container_etude h1.xlarge{font-size: 60px;}
}	



h1.titre-soumission{font-size: 28px;}

@media only screen and (min-width:960px) {
h1.titre-soumission{font-size: 42px;}
}

.iconexn img{margin-top: 15px;
	margin-bottom: 10px;
}

.iconexn2 img{margin-top: 25px;
	margin-bottom: 10px;
}

.outline-icon img{margin-right: 20px;}

.outline-icon-sm figure.alignleft img{margin-right: 20px; margin-bottom: 0px !important; margin-bottom: 0rem !important}

.monde-icon img{margin-right: 20px; margin-top: 35px;}


.outline-icon-top img{margin-right: 20px;}

/* FIN Étude PREMIER PROFIL */








nav ul.sidenav .wrapper-logo-menu a:hover{background-color: transparent !important;}

nav ul.sidenav  a.sidenav-close:hover{background-color: transparent !important;}





img.logo_menu{
	width: 220px;
}





ul.social-topbar{display: inline-block;
	margin-top: 0;
}

ul.social-topbar li a{
	color: #fff; 
	padding: inherit;
	line-height: inherit;
	font-size: 9px;
	
	}
	
ul.social-topbar li{display: inline-block;
	padding: inherit;
	line-height: inherit;
	font-size: inherit;
}


ul.social-topbar li a{margin-left: 0;}













.social-side.nopad{padding-left: 0;}



.social-side a:hover{background-color: initial;}



ul.social-sidemenu li a{
	color: #f3f2f0; 
	padding: inherit;
	line-height: inherit;
	font-size: 9px;
	
	}

ul.social-sidemenu li{display: inline-block;
	padding: inherit;
	line-height: inherit;
	font-size: inherit;
}



ul.social-membre{margin-top: 5px;}


ul.social-membre li a{
	color: #fff; 
	padding: inherit;
	line-height: inherit;
	font-size: 8px;
	
	}
	
ul.social-membre li{display: inline-block;
	padding: inherit;
	line-height: inherit;
	font-size: inherit;
}


ul.social-membre li a{margin-left: 0;}

.courriel-menu a:hover{background-color: initial;}
.courriel-menu a{color: #616161;}
.courriel-menu a:hover{color: #9a9a9a;}



.input-field input[type=search]:focus:not(.browser-default) {background-color: transparent;}

input#search{font-size: 15px;}




/*------------------------------------*\
	Membre essential grid
\*------------------------------------*/


.eg-xn-membres-a-wrapper .esg-entry-media-wrapper{padding: 30px 40px;}



.eg-search-input{width: auto !important}



input:not([type]):focus:not([readonly]), input[type=text]:not(.browser-default):focus:not([readonly]), input[type=password]:not(.browser-default):focus:not([readonly]), input[type=email]:not(.browser-default):focus:not([readonly]), input[type=url]:not(.browser-default):focus:not([readonly]), input[type=time]:not(.browser-default):focus:not([readonly]), input[type=date]:not(.browser-default):focus:not([readonly]), input[type=datetime]:not(.browser-default):focus:not([readonly]), input[type=datetime-local]:not(.browser-default):focus:not([readonly]), input[type=tel]:not(.browser-default):focus:not([readonly]), input[type=number]:not(.browser-default):focus:not([readonly]), input[type=search]:not(.browser-default):focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) {

/*
border-bottom: 1px solid #38474f;
-webkit-box-shadow: 0 1px 0 0 #38474f;
box-shadow: 0 1px 0 0 #38474f;
*/

}



/********************************
-	text-light BUTTONS modification -
*********************************/

.text-light .navigationbuttons,
.text-light .esg-pagination,
.text-light .esg-filters {
						text-align: center;
						position: relative;
						z-index:2;
						}

.text-light .esg-filterbutton,
.text-light .esg-navigationbutton,
.text-light .esg-sortbutton,
.text-light .esg-cartbutton {
							color:#999;
							margin-right:15px !important;
							cursor:pointer;
							padding:0px 15px 0px 0px !important;
							line-height:24px !important;
							font-size:16px !important;
							font-weight:400 !important;
							display: inline-block;
							background:transparent;
							margin-bottom:25px !important;
							}

.text-light .esg-navigationbutton * { color:#999; }

.text-light  .esg-sortbutton-wrapper,
.text-light  .esg-cartbutton-wrapper { display:inline-block; }
.text-light  .esg-sortbutton-order,
.text-light  .esg-cartbutton-order {
									display: inline-block;
									vertical-align: middle;
									width: 29px;
									line-height: 20px;
									font-size: 9px;
									font-weight: 700;
									color:#999;
									cursor: pointer;
									background: transparent;
									}

.text-light .esg-cartbutton {
							color:#999;
							cursor: default !important;
							}
.text-light .esg-cartbutton .esgicon-basket {
											color:#999;
											font-size:15px;
											line-height:15px;
											margin-right:10px;
											}
.text-light .esg-cartbutton-wrapper { cursor: default !important; }

.text-light .esg-sortbutton,
.text-light .esg-cartbutton {
							display:inline-block;
							position:relative;
							cursor: pointer;
							margin-right:0px;
							}

.text-light .esg-navigationbutton:hover,
.text-light .esg-filterbutton:hover,
.text-light .esg-sortbutton:hover,
.text-light .esg-filterbutton.selected,
.text-light .esg-sortbutton-order:hover,
.text-light .esg-cartbutton-order:hover { color:#444; }

.text-light .esg-navigationbutton:hover,
.text-light .esg-filterbutton:hover span:first-child,
.text-light .esg-filterbutton.selected span:first-child { text-decoration: none !important; }

.text-light .esg-filterbutton {	border-right:1px solid #e5e5e5; }
.text-light .esg-filterbutton:last-child { border-right:none; }

.text-light .esg-sortbutton-order {
									padding-left:10px;
									border-left:1px solid #e5e5e5;
								  }

.text-light .esg-navigationbutton:hover * {	color:#444; }

.text-light .esg-sortbutton-order.tp-desc:hover {
												border-color:#e5e5e5;
												color:#444;
												}

.text-light .esg-filter-checked {
								padding:1px 3px;
								color:#999;
								background:#eee;
								background: rgba(0,0,0,0.05);
								margin-left:7px;
								font-size:9px;
								font-weight:300;
								line-height:9px;
								vertical-align: middle;
								}
.text-light .esg-filter-checked * { }
.text-light .esg-filterbutton.selected .esg-filter-checked,
.text-light .esg-filterbutton:hover .esg-filter-checked {
														padding:1px 3px 1px 3px;
														color:#333;
														background:#eee;
														background: rgba(0,0,0,0.05);
														margin-left:7px;
														font-size:9px;
														font-weight:300;
														line-height:9px;
														vertical-align: middle;
														}








/*------------------------------------*\
	Fiche membres
\*------------------------------------*/


.esg-filter-wrapper{max-width: 900px;
	margin-left: 0 !important
}





li.cat-item{list-style: none;}




.linkoff{pointer-events: none; color: inherit}


.description-membre{font-size: 21px;}


.logo_couleur{
	max-width: 250px;
}


@media only screen and (min-width:992px) {
/* 	.logo_couleur{float: right;} */
}

@media only screen and (max-width: 1199px) { .row.valign-wrapper { display: inherit; } }


i.left-arrow{margin-right: 10px;
	vertical-align: middle;
}

.fixalign{vertical-align: bottom;}



ul.secteuractivite {margin-top: 5px;}

li.cat-item i{color: #f85151;
	vertical-align: bottom;
	margin-right: 5px;
}


ul.realisation{
padding-left: 20px;

}

/*------------------------------------*\
	TYPOGRAPHY
\*------------------------------------*/

a sup{text-transform: lowercase}
h1 sup{text-transform: lowercase}

h3 sup{text-transform: lowercase}


@font-face {
	font-family: 'GT_Flexa_Mono_Regular';
	src: url('GT-Flexa-Mono-Regular.woff2') format('woff2'),
		 url('GT-Flexa-Mono-Regular.woff') format('woff');
	font-weight: normal;
	font-style: normal;

}

@font-face {
	font-family: 'PPMuseum_Light';
	src: url('PPMuseum-Light.woff2') format('woff2'),
		 url('PPMuseum-Light.woff') format('woff');
	font-weight: normal;
	font-style: normal;

}





@font-face {
	font-family: 'cooper_hewittbook';
	src: url('cooperhewitt-book-webfont.woff2') format('woff2'),
		 url('cooperhewitt-book-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;

}

@font-face {
	font-family: 'cooper_hewittbook_italic';
	src: url('cooperhewitt-bookitalic-webfont.woff2') format('woff2'),
		 url('cooperhewitt-bookitalic-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;

}

@font-face {
	font-family: 'cooper_hewittsemibold';
	src: url('cooperhewitt-semibold-webfont.woff2') format('woff2'),
		 url('cooperhewitt-semibold-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;

}

@font-face {
	font-family: 'cooper_hewittbold';
	src: url('cooperhewitt-bold-webfont.woff2') format('woff2'),
		 url('cooperhewitt-bold-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;

}


@font-face {
	font-family: 'cooper_hewittsemibold_italic';
	src: url('cooperhewitt-semibolditalic-webfont.woff2') format('woff2'),
		 url('cooperhewitt-semibolditalic-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;

}


li.menuparent > a {font-family: 'cooper_hewittsemibold';}
ul.sub-menu li > a {font-family: 'cooper_hewittbook';}


h1{
	font-family: 'Roboto', sans-serif;
	 font-size: 28px;
	 font-weight: 400 !important;
	 text-transform: none;
	 -webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	margin: 0.5em 0 0.2em 0;
	 }
	 
	 
@media only screen and (max-width:414px) {

h1 {margin-top: 1em}	  
	  
}
	 


h1.large{
	color: #212121;
	font-size: 32px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	padding: 0;
	margin: 0.67em 0 0.2em 0;
	 }
	 
	h1.large-xr{
	color: #ffffff;
	font-size: 32px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	padding: 40px 0px;
	 }
	 
	 
	 
	 
	 
.contenu h1{
	color: #212121;
	font-size: 32px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	padding: 0;
	margin: 0.67em 0 0.2em 0;
	 }	 
	 
h1.xlarge{
	color: #212121;
	font-size: 32px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	 }
	 
	 
@media only screen and (min-width:414px) {
	
	}	 
	 
 
	 
 
	 



h2{
	font-family: 'cooper_hewittsemibold', sans-serif;
	 font-size: 28px;
	 font-weight: 400 !important;
	 -webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #2a2b30;
	 }

h2[data-block-type="core"]{
font-family: 'cooper_hewittsemibold' !important;

 font-size: 28px;
 font-weight: 400 !important;
 -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #2a2b30;
 }


@media only screen and (min-width:768px) {
	h1{font-size: 70px;}
	h1.large{font-size: 70px;}
	h1.large-xr{font-size: 70px; padding: 70px 0px;}
	.contenu h1{font-size: 70px;}
	h1.xlarge{font-size: 70px;}
	h2{font-size: 36px;}
	h2[data-block-type="core"]{font-size: 36px;}
}	 
	


h2.notop{margin-top: 0; margin-bottom: 0;}

h2.xtra{margin-bottom: 30px;}



h3{
	font-family: 'Roboto', sans-serif;
	 font-size: 24px;
	 font-weight: 500 !important;
	 -webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
/* 	letter-spacing: 1px; */
	color: #2a2b30;
	line-height: 1.2;
	 }






h5{font-size: 1rem;
	line-height: 1.4;
}



.xn-post-nav h4 a{
	font-family: 'cooper_hewittbold';
	 font-size: 24px;
	 font-weight: 400 !important;
	 text-transform: uppercase;
	 -webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	letter-spacing: 1px;
	
	 }
	 
.xn-post-nav h4{margin-bottom: 0;
	padding-bottom: 0;}
	 



@media only screen and (min-width:767px) {
	.xn-post-nav{margin-bottom: 80px;} 
}



h4 a i.material-icons{font-size: 40px;vertical-align: bottom;}


.date{font-size: 12px;}
.xndateleft small{margin-left: 26px;text-transform: uppercase;}
.xndateright small{margin-right: 26px;text-transform: uppercase;}


/*------------------------------------*\
	Nouvelles
\*------------------------------------*/


li.financelist{margin: 0;}

li.financelist small p{margin-top: 0;}

li .divider{margin-top: 10px;
	margin-bottom: 10px;
	width: 50px;}	


blockquote {
border-left: 5px solid #d64423;
}


/*------------------------------------*\
	Nouvelles
\*------------------------------------*/


.eg-xn-nouvelles-element-0{
	text-shadow: 2px 1px 4px rgba(0, 0, 0, 0.99);
}

.eg-xn-nouvelles-element-1{
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.83);
}

.eg-xn-nouvelles-element-5{
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.83);
}


.social-news i{margin-right: 8px}



.eg-nouvelles-2023-v2-element-15.esg-line-break{height: 0px  !important}





/*------------------------------------*\
	Page
\*------------------------------------*/


.accueil-nouvelles{margin-top: 40px;
	margin-bottom: 60px;
}




.parallax-container {
	height: 200px; 
	margin-bottom: 20px;}


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


.parallax-container {
	height: 500px; 
	margin-bottom: 90px;}
	
}

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

 .parallax-container {
	  height: 500px;
	}
}




@media only screen and (max-width:768px) {
	
	.parallax img{max-width: inherit;
	 vertical-align: top;
 } 
	
}





 

.logo-apropos{
	margin-top: 30px;
	margin-bottom: 30px;}

ol.plan li{margin-bottom: 20px;}


.single-thumb{margin-top: 40px;}

.post-previous a i{vertical-align: bottom}
.post-next a i{vertical-align: bottom}





/*------------------------------------*\
	Calendrier
\*------------------------------------*/

.stec-layout-single,
.stec-layout-month,
.stec-layout-agenda-list-wrap, 
.stec-layout-event-preview,
.stec-layout-event-inner-top-tabs-content
{
	-webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
}


.stec li{list-style-type: none !important}


.stec-layout-event-preview-right-event-edit{display: none !important}

.stec-layout-single-preview-right-event-edit{display: none !important}


p.stec-layout-event-preview-left-text-title{line-height: 1.3 !important;}
p.stec-layout-event-preview-left-text-title{font-size: 18px !important;}



/* filter front-end top calendrier */

.stec-top-menu-filter-by.stec-top-menu-filter-by-location{display: none !important}

.stec-top-menu-filter-by.stec-top-menu-filter-by-featured{display: none !important}



.page-template-template-calendrier article.page ul{padding-left: 0px}
.page-template-template-accueil article.page ul{padding-left: 0px}


 
 
.section-cal-accueil{margin-top: 80px;
	margin-bottom: 80px;
}


.stec-layout-month-daycell-events .stec-layout-month-daycell-event.stec-layout-month-daycell-event-expired{opacity: 1 !important}

.stec-style-button.stec-layout-agenda-events-all-load-more,
.stec-style-button.stec-layout-grid-events-all-load-more{
	margin-bottom: 30px !important;
	background: #000000 !important;
	text-transform: uppercase;
	
}

.stec-style-button.stec-layout-grid-events-all-load-more{letter-spacing: 0.5px !important;
	padding: 8px 16px !important
}

.stec-layout-grid .stec-layout-grid-event.stec-has-tags .stec-layout-grid-event-tags span{color: #ffffff !important;
	font-weight: 500 !important;
	font-size: 12px !important;
	padding: 2px 6px !important;
}



/*------------------------------------*\
	Pour enlever les icons du calendrier
\*------------------------------------*/

.stec-layout-event-preview-left-icon{display: none !important;} 
.stec-layout-grid-icon{display: none !important;} 
.stec-layout-grid .stec-layout-grid-event.stec-has-image .stec-layout-grid-icon{display: none !important;} 
.stec-layout-single-preview-left-icon.stec-layout-single-no-icon {display: none !important}
.stec-layout-single-preview-left-icon {display: none !important}
.stec-tooltip-icon{display: none !important}


/*------------------------------------*\
	Fil RSS
\*------------------------------------*/


.feedgrabbr_widget{font-family: 'Open Sans', sans-serif !important;
	-webkit-font-smoothing: antialiased !important;
	-moz-osx-font-smoothing: grayscale !important;
	font-size: 16px;
	
	-webkit-box-shadow: 0px 1px 3px  rgba(0, 0, 0, 0.44);  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
  -moz-box-shadow:    0px 1px 3px  rgba(0, 0, 0, 0.44);  /* Firefox 3.5 - 3.6 */
  box-shadow:         0px 1px 3px  rgba(0, 0, 0, 0.44);  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
	}
	
.uw-boxbottom .uw-header{background-color: rgba(0, 0, 0, 0.8) !important}

.uw-showborder{border: none !important}

.uw-boldheader .uw-w-header>span{
	font-family: 'cooper_hewittbold' !important;
	 font-size: 16px !important;
	 font-weight: 400 !important;
	 text-transform: uppercase;
	 -webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	letter-spacing: 1px;
	display: none;
}

a.uw-arrow{font-size: 24pt !important}

.uw-header{font-size: 16px !important;}


/* FMC */

.uw-header{font-size: 14px !important}

.uw-w-header{background-color: transparent !important;
	padding: 0px !important;
	display: none !important
}

.uw-showborder{border: none !important}

.uw-boldheader .uw-w-header span{display: none !important}

a.uw-arrow{font-size: 30px !important}
.uw-rss{text-align: center !important; color: #f7f7f7 !important}
.uw-text{text-align: center !important; color: #f7f7f7 !important}


.uw-overlay, .uw-showoverlay .uw-header{background: rgba(0,0,0,.7) !important}


/*------------------------------------*\
	Materialized ajustement
\*------------------------------------*/

.col.nopadding{padding: 0 !important}



.modal.bottom-sheet{max-height: 100%}

@media only screen and (min-width:768px) {
	.modal.bottom-sheet{max-height: 45%}
}


.divider{
	margin-top: 25px;
	margin-bottom: 25px;
	}
	


@media only screen and (min-width:768px) {
	
	.divider{
	margin-top: 50px;
	margin-bottom: 50px;
	}
}
	
.parallax{z-index: 1}


.collection{
	border: none;
	}


.collection .collection-item{background: transparent}

.collection a.collection-item{color: #039be5;
	padding: 10px 10px 12px 15px;
	color: #212121
}

.collection a.collection-item strong{}

.collection a.collection-item i.material-icons{
	vertical-align: bottom;
}


.collection a.collection-item:not(.active):hover{
	/* background-color: #f85151; */
	background-color: #f0f1f2;}



.collapsible{border: none;
	box-shadow: none;
	-webkit-box-shadow: none;
}

.collapsible-header{
	
	font-family: 'cooper_hewittbold';
	 font-size: 42px;
	 font-weight: 400 !important;
	 text-transform: uppercase;
	 -webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	letter-spacing: 1px;
	
	background: transparent;
}

.collapsible-body{padding: 0;}

/*------------------------------------*\
	RESPONSIVE
\*------------------------------------*/

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

}
@media only screen and (min-width:480px) {

}
@media only screen and (min-width:768px) {

}
@media only screen and (min-width:1024px) {

}
@media only screen and (min-width:1140px) {

}
@media only screen and (min-width:1280px) {

}
@media only screen and (-webkit-min-device-pixel-ratio:1.5),
	   only screen and (min-resolution:144dpi) {

}

/*------------------------------------*\
	MISC
\*------------------------------------*/

::selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-webkit-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-moz-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}



	
	 .alignleft {float: none;
		 margin:5px 20px 20px 0;
	 }



/*------------------------------------*\
	WORDPRESS CORE
\*------------------------------------*/

.alignnone {
	margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
	display:block;
	margin:5px auto 5px auto;
}
.alignright {
	float:right;
	margin:5px 0 20px 20px;
}

@media only screen and (min-width:780px) {
.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
}

a img.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
a img.alignnone {
	margin:5px 20px 20px 0;
}
a img.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.wp-caption {
	background:#FFF;
	border:1px solid #F0F0F0;
	max-width:96%;
	padding:5px 3px 10px;
	text-align:center;
}
.wp-caption.alignnone {
	margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin:5px 20px 20px 0;
}
.wp-caption.alignright {
	margin:5px 0 20px 20px;
}
.wp-caption img {
	border:0 none;
	height:auto;
	margin:0;
	max-width:98.5%;
	padding:0;
	width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}
.sticky {

}
.bypostauthor {

}

/*------------------------------------*\
	PRINT
\*------------------------------------*/

@media print {
	* {
		background:transparent !important;
		color:#000 !important;
		box-shadow:none !important;
		text-shadow:none !important;
	}
	a,
	a:visited {
		text-decoration:underline;
	}
	a[href]:after {
		content:" (" attr(href) ")";
	}
	abbr[title]:after {
		content:" (" attr(title) ")";
	}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content:"";
	}
	pre,blockquote {
		border:1px solid #999;
		page-break-inside:avoid;
	}
	thead {
		display:table-header-group;
	}
	tr,img {
		page-break-inside:avoid;
	}
	img {
		max-width:100% !important;
	}
	@page {
		margin:0.5cm;
	}
	p,
	h2,
	h3 {
		orphans:3;
		widows:3;
	}
	h2,
	h3 {
		page-break-after:avoid;
	}
}


/* temp */

.fiche_temp{margin: 30px; border: 1px dashed black;
	padding: 20px
}



.reglements ol { counter-reset: item  !important}
.reglements li { display: block  !important}
.reglements li:before { content: counters(item, ".") " " !important; counter-increment: item !important }

h1.anchor{padding-top: 100px; margin-top: -45px; }




/* Forum 2018 */


.lesconf h2{font-size: 24px;}

.smls-overlay-effect .smls-overlay-wrap{background-color: transparent !important}


@media only screen and (max-width:600px) {
 .mybreak{display: none}
}

.quform-button-submit button{
border: none;
border-radius: 2px;
display: inline-block;
height: 36px;
line-height: 36px;
padding: 0 16px;
text-transform: uppercase;
vertical-align: middle;
-webkit-tap-highlight-color: transparent;

outline: 0;
text-decoration: none;
color: #fff;
background-color: #26a69a;
text-align: center;
letter-spacing: .5px;

height: 54px;
line-height: 54px;
font-size: 15px;
padding: 0 28px !important;

-webkit-tap-highlight-color: transparent;
vertical-align: middle;

background-color: #f85151 !important;

-webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);


}


.quform-field-size-slim>.quform-input>.quform-field-captcha, .quform-field-size-slim>.quform-input>.quform-field-date, .quform-field-size-slim>.quform-input>.quform-field-email, .quform-field-size-slim>.quform-input>.quform-field-multiselect, .quform-field-size-slim>.quform-input>.quform-field-password, .quform-field-size-slim>.quform-input>.quform-field-select, .quform-field-size-slim>.quform-input>.quform-field-text, .quform-field-size-slim>.quform-input>.select2-container--quform .select2-selection, .quform-field-size-slim>.quform-input>span>span>.quform-field-date, .quform-field-size-slim>.quform-input>span>span>.quform-field-time, .quform-upload-file{height: inherit;
/* 	padding: inherit */
}

label{color:#606060}

a.anchorf {
	display: block;
	position: relative;
	top: -127px;
	visibility: hidden;
}




h3.forum-slogan{color: #f5f5f5; text-transform: uppercase}
h3.forum-info{color: #f5f5f5;}


@media only screen and (max-width:600px) {
h3.forum-slogan{color: #000000; text-align: left; text-transform: uppercase}
h3.forum-info{color: #000000; text-align: left;}
}




hr{border-top: 1px solid #e0e0e0 !important;
	height: 0px !important;
	overflow: hidden !important;
	border-bottom: none !important;
	border-left: none !important;
	border-right: none !important;
}

hr.noir{border-top: 1px solid #dadada !important;
	height: 0px !important;
	overflow: hidden !important;
	border-bottom: none !important;
	border-left: none !important;
	border-right: none !important;
	margin: 40px 0px 35px 0px;
}



img.forum-logo-2018{
	max-width: 700px;
	width: 100%;
	}


.section.myforum{
	padding-top: 0.6rem;
	padding-bottom: 0.8rem
}


@media only screen and (max-width:767px) {

.section.myforum{display: none;}
}


.forum-section{background: #fff;
	padding: 30px 0px;
}

@media only screen and (max-width:600px) {
	.forum-section{background: #fff;
	padding: 0px 0px;
}
	
}



.forum-section.nopadding{background: #fff;
	padding: 0px;
	}
	
.forum-section.nopaddingbottom{padding-bottom: 0 !important}

.forum-sidebyside{
	background: #fff;
	padding: 0px 0px;
	
}


.flex {
  display: flex;
  flex-wrap: wrap;
}


.text-sidebyside{padding-top: 60px;}

@media only screen and (max-width:600px) {
	.text-sidebyside{padding-top: 20px;
		padding-bottom: 30px;
	}
	
}


.row.nomargin{margin-bottom: 0 !important}

.row.col.nopadding{padding: 0 !important}


.forum-section h1{text-transform: none}



.forum-title{
	padding: 60px 0px;
	text-align: center;
}

@media only screen and (max-width:600px) {
.forum-title{
	padding: 1px;
}

.spacermobile{height: 25px !important}

}





.forum-title.rouge{background: rgba(234, 33, 39, 0.56);}
.forum-title.vert{background: rgba(140, 196, 73, 0.6);}
.forum-title.vert{background-color: rgba(140, 196, 73, 0.6);}

.forum-title.bleu{background: rgba(0, 146, 213, 0.5);}
.forum-title.turquoise{background: rgba(140, 255, 209, 0.99)}








@media only screen and (min-width:680px) {
.forum-title.noirxr{
	background-color: rgba(140, 255, 209, 0.66);
	text-shadow: 2px 2px 5px black;
	background-image: url(img/photo-vr-bg2.jpg) !important;
	background: no-repeat center center;
	background-attachment: fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
}


.forum-title.noirxr{
	background-color: #282727;
	text-shadow: 2px 2px 5px black;
	background-image: none;
}










@media only screen and (max-width:600px) {
	
.forum-title.rouge{background: rgba(234, 33, 39, 0.99);}
.forum-title.vert{background: rgba(140, 196, 73, 0.99);}
.forum-title.bleu{background: rgba(0, 146, 213, 0.99);}
	

}


.forum-title h1{color: #ffffff; letter-spacing: 0px; text-transform: none;}

.mymenu-forum{
	background-color: #fcfcfc;
	  -webkit-box-shadow: 0px 1px 3px  rgba(0, 0, 0, 0.44);  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
  -moz-box-shadow:    0px 1px 3px  rgba(0, 0, 0, 0.44);  /* Firefox 3.5 - 3.6 */
  box-shadow:         0px 1px 3px  rgba(0, 0, 0, 0.44);  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
}





@media only screen and (min-width:600px) {
	.page-template-template-forum .toppad{margin-top: 185px;}
	.page-template-template-simple-xr .toppadxr{margin-top: 128px;}
}

.page-template-template-simple-xr .toppadxr{margin-top: 65px;}


.tabs {height: 42px}


.tabs.tabs-transparent {
	
}
	


.tabs.tabs-transparent .tab a, .tabs.tabs-transparent .tab.disabled a, .tabs.tabs-transparent .tab.disabled a:hover{
color: #0c0b0b; 
/* color: #ffffff; */
	}

.tabs .indicator{/* width: 50px;  margin: 0 auto */}

.tabs.tabs-transparent .tab a:hover, .tabs.tabs-transparent .tab a.active{
	color: #2c291e;
/* 	color: #f5f5f5; */
	}

.tabs.tabs-transparent .indicator{
	color: #2c291e;
/* 	color: #f5f5f5; */
	}

.tabs.tabs-transparent .indicator{
	background-color: #2c291e;
/* 	background-color: #f5f5f5; */
	}

.tabs .tab{text-transform: none;}
.tabs .tab a{padding: 0 14px;}


/* liste */

ul:not(.browser-default) {
  padding-left: 0;
  list-style-type: none;
}

ul:not(.browser-default) > li {
  list-style-type: none;
}
	


	
article ol {
margin-bottom: 55px;
margin-top: 55px;
}	

article ul {
margin-bottom: 55px;
margin-top: 55px;
}	
	
	
	
ul.liste-nopad{margin-bottom: 40px;
	margin-top: 0px;}	
	


article.page ul{padding-left: 40px;
	 list-style-type: inherit;
}

article.page ul > li {
  list-style-type: inherit;
}


article.post ul{padding-left: 40px;
	 list-style-type: inherit;
}

article.post ul > li {
  list-style-type: inherit;
}

.contenu ul{padding-left: 40px;
	 list-style-type: inherit;
}

.contenu ul > li {
  list-style-type: inherit;
}


ul.collapsible {
  padding-left: 0 !important;
  list-style-type: none !important;
}

ul.collapsible > li {
  list-style-type: none !important;
}
	
	
/*
.page-template-template-calendrier	ul {
  padding-left: 0 !important;
  list-style-type: none !important;
}

.page-template-template-calendrier	ul > li {
  list-style-type: none !important;
}
*/


.collapsible-header, .collapsible-body, .collapsible, ul.collapsible>li { 
	box-shadow: none!important; 
	outline-color: none !important;
	outline: none !important;
}







/* Styling Wide and Full-Width Gutenberg Blocks in WordPress */

@media screen and (min-width: 960px) {
	 .alignwide, .alignfull {
		  width:  100vw;
		  max-width:  100vw;
		  margin-left:  calc(50% - 50vw);
	 }
}


.alignfull.a-propos-accueil{width:  100vw !important;
	  max-width:  100vw !important;
	  margin-left:  calc(50% - 50vw) !important;
  }


ul.wp-block-gallery{padding-left: 0 !important}

/* Ajout padding au Group block */

.padding{padding: 20px 40px}



.smallbtn .wp-block-button__link{font-size: 16px;}



/* Styling tableau de bord autogestion membres */

nav.wpuf-dashboard-navigation ul li a{color: #0085ca !important}


.wpuf-dashboard-container .wpuf-dashboard-navigation{/* opacity: 0.1; */
	width: 100% !important;
	float: none !important;
	height: 5px !important;
	display: none !important
}

.wpuf-dashboard-container .wpuf-dashboard-content{width: 100% !important;
	float: none !important;
	display: block !important;
	margin-bottom: 20px !important}
	
	
#form-preview-stage.wpuf-style ul.wpuf-form .wpuf-fields textarea, .wpuf-form-add.wpuf-style ul.wpuf-form .wpuf-fields textarea{padding: 12px !important;
	line-height: 1.5 !important;
}

.page-template-template-autogestion label{font-size: 1rem}


.page-template-template-autogestion input[type="checkbox"] {margin-right: 4px !important}

.se-connecter label{font-size: 1rem !important;
	margin-bottom: 8px !important
}

.wpuf-message{
	background: #ffeb3b !important;
	font-size: 14px !important;
	padding: 15px !important;
	color: #000000 !important
}

.wpuf-success{
	background: #4caf50 !important;
	font-size: 14px !important;
	padding: 15px !important;
	color: #000000 !important
}


.wpuf-posts-edit{padding: 7px 15px 13px 15px !important}


.ugb-accordion.ugb-accordion--v2 .ugb-accordion__heading:focus{outline-width: 0px !important}

/* Revamp */



.slogan{display: none;}

@media only screen and (min-width:977px) {
.slogan{
	display: block;
	font-size: 14px;
	height: 65px;
	line-height: 65px;
	width: 440px;
	text-transform: uppercase;
	margin-top: 2px;
	margin-left: 20px;
}
}


.inscrire{font-size: 11px;
	color: #000000;
	vertical-align: middle;
	line-height: 12px;
	text-align: left;
	margin-left: 5px;
	display: inline-block;
}





.containerflex {
  display: flex;
}

.item-footer {
	  width: 30%; /* A fixed width as the default */
}
		
.item-center { 
  flex-grow: 1;
  
}

.item-left23{
	flex-grow: 1; 
}

.item-right23{
	flex-grow: 2; 
}
	
.item-footer + .item-footer { 
  margin-left: 2%; 
}
	
.social-footer-right{text-align: right;}	
	
	
.liens-footer{text-align: right; 
	margin-right: 16px;
	margin-top: 31px;
	font-size: 15px;
	line-height: 1.8;
}	
	
		
@media screen and (max-width: 767px) {
	.containerflex {
	  display: block;
	}
	.social-footer-right{text-align: center;}	
	
	.liens-footer{display: none}
	
	.partenaires{margin-top: 10px;}
	.subfooter{margin-top: 12px;}
	.item-footer{width: 100%}
	
	
	
		
}
		
		
		






.slogan-footer{text-transform: uppercase;;
	font-size: 12px;
	line-height: 1.4;
}

.courriel-footer{font-size: 12px; margin-top: 12px;}






@media screen and (max-width: 767px) {
.btn-footer{display: none}
}



.deep-orange.darken-3{background-color: #f85151 !important;}
.deep-blue.darken-3{background-color: #4d576c !important;}

.black.btn{
	-webkit-box-shadow: none;
	box-shadow:none;
}

.deep-orange.darken-3.btn{
	-webkit-box-shadow: none;
	box-shadow:none;
}


.deep-orange.darken-3.btn:hover{
	-webkit-box-shadow: none;
	box-shadow:none;
}

.deep-blue.darken-3.btn{
	-webkit-box-shadow: none;
	box-shadow:none;
}


.deep-blue.darken-3.btn:hover{
	-webkit-box-shadow: none;
	box-shadow:none;
}


.btn-radius{border-radius: 10px !important}


.btn-flat:hover{background-color: #f85151 !important;}

.btn-flat{
	color: #000000;
	-webkit-transition:  .2s !important;
transition:  .2s !important;}


.btn-flat:hover{
	color: #ffffff;
	-webkit-transition:  .2s !important;
	transition:  .2s !important;}


a.item-btn-footer {
  flex-grow: 1;
  height: 75px;
  text-align: center;
  background-color: #f85151;
  color: #ffffff;
  font-size: 18px;
  width: 50%;
  border-bottom: 2px solid #fcfcfc;
  padding-top: 22px;
  

}

.item-btn-footer i.material-icons{vertical-align: bottom;}

.item-btn-footer + .item-btn-footer {
	
	border-left: 3px solid #fcfcfc
 
}




/* Page accueil 2020 */


.lead{font-size: 140%;}

.row.slim{margin-bottom: 0; padding-bottom: 0;}

@media only screen and (max-width: 980px) { 
	.row.valign-wrapper { display: inherit; } 
}

.nopad{padding: 0 !important}
.offwhite{background-color: #f3f4f4}

@media only screen and (max-width: 992px) { 
	.col.resp{padding: 3rem 0.75rem}
}




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

	.myfull {
 width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
}


}


.bg-half-logo{
	display: block;
	 height: auto;
	 width: 100%
	 background-color: #ffffff;
	 
   
}



.svg-wrapper{width: 80%;
	margin: 0 auto;
	text-align: center;
	
}





.offwhite-res{background-color: #fcfcfc }


@media only screen and (min-width:980px) {
.bg-half-logo{
	background-color: #fcfcfc;
	display: block;
	 height: auto;
	 width: 100%;
	 padding: 20% 0px;
   
}

.offwhite-res{background-color: #f3f4f4 }




}









.bg-half-section{
	 /* background-image: url(img/xn-quebec-accueil-1b.jpg); */
	 background-repeat:no-repeat;
   background-size: cover;
   background-position: center center;
	display: block;
	 height: 200px;
	 width: 100%
   
}


@media only screen and (min-width:980px) {
.bg-half-section{
	/* background-image: url(img/xn-quebec-accueil-1b.jpg); */
	 background-repeat:no-repeat;
   background-size: cover;
   background-position: center center;
	display: block;
	 height: 600px;
	 width: 100%
   
}
}



.soustitre2020{
	font-weight: 300;
	margin-top: -0.5em;
	line-height: 1.2;
	font-size: 18px;
	padding-bottom: 30px;
	
}


@media only screen and (min-width:980px) {
	.soustitre2020 {font-size: 32px;
		padding-bottom: 80px;
	}




}



.glider-next{right: -50px}
.glider-prev{left: -50px}
.glider-prev, .glider-next{top: 40%;}
.glider{margin-bottom: 20px;}


h2 a{color: #f85151}


/* Revamp 2023 */





.liste-archives-comm ul li a{
	margin-left: 12px;
	margin-right: 12px;
	color: #000000;
	font-weight: bold;
}


.mybtn-sm{font-size: 12px !important;
	font-family: "Karla",Sans-serif !important;
	letter-spacing: 0.5px !important;
}

.mybtn-sm a.wp-block-button__link{padding: 5px 16px !important;
	line-height: 1.5 !important;
	font-size: 13px;
}

.author-avatar img {
	border-radius: 50%;
	width: 50px;
}
.author-avatar{font-size: 18px;}

.wp-block-button__link.piliers_editoriaux{background-color: #2c291e}
.wp-block-button__link.typeactualite{background-color: #2c291e}

img.minithumb.wp-post-image{
	width: 50px;
	height: 50px;
	max-width: 50px;
	margin-right: 10px;
	object-fit: cover;
	flex: 0 0 50px;
}

ul.myrelated {color: #2c291e !important;
	margin-top: 0;
	padding-top: 0;
	margin-bottom: 45px;
}

ul.myrelated li a{font-size: 14px;}


.sidebarnews h3{text-transform: uppercase;
	font-size: 16px;
	
}

.newsfeaturedimg{margin-bottom: 10px;}


/* Main container for the image */
.image-container-color {
  position: relative;
  display: inline-block;
}

/* Image inside the container */
.image-container-color img {
  display: block;
  vertical-align: bottom;
}

/* Bottom and right border using ::after pseudo-element */
.image-container-color::after {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border-bottom: 6px solid #f85151; /* Change the color and width as desired */
  border-right: 6px solid #f85151; /* Change the color and width as desired */
  pointer-events: none;
}


.esg-nav-by-shortcode.filter-etiquettes{text-align: left !important
}

 .les-nouvelles-2023 .esg-filter-checked{} 



p.cta-infolettre{font-size: 21px;}




.info-footer{
	font-size: 12px;
	line-height: 1.4;
}

/*  From dev */

.menu-footer-23 a{color: #f3f2f0}


.footer h4 {
	font-family: 'cooper_hewittsemibold';
	 font-size: 15px;
	 color: #f3f2f0;
	 font-weight: 400 !important;
	 text-transform: uppercase;
	 -webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	letter-spacing: 0px;
}

a.btn-footer-infolettre{border: solid 1px #f3f2f0;
	border-radius: 5px;
	padding: 8px 16px;
	color: #f3f2f0;
	text-transform: uppercase;
	font-size: 14px;
	letter-spacing: 0.5px;
}

@media only screen and (max-width:600px) {
.mycenterfooter23{text-align: center; margin: 0 auto;}
.spacermobilefooter{height: 25px;}
}


nav{
	height: auto;
}


.nav-inner-wrapper{max-width: 1280px;
	width: 95%;
	margin: 0 auto;
}


nav ul.topmenu a {
/*
  -webkit-transition: background-color .3s;
  transition: background-color .3s;
*/
  font-size: 1rem;
  color: #fff;
  display: block;
  padding: 0 15px;
  cursor: pointer;
  height: 64px;
}

nav ul.topmenu a, .topmenu-extra a{
 font-family: 'cooper_hewittbook';
text-transform: none;
	-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-weight: 400;
color: #000000;
font-size: 16px;
}

nav ul.topmenu a{line-height: 74px;}

nav ul a:hover {
  background-color: rgba(0, 0, 0, 0) !important;
}


@media only screen and (min-width: 993px) {
  nav a.sidenav-trigger {
	display: block;
  }
}


.nav-wrapper{background-color: #ffffff}
.topbar-grey{
  background-color: #000000;
  padding: 7px 0 8px;
}

.topbar-grey .topbar-grey-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  min-height: 18px;
}

.topbar-grey .topbar-grey-left,
.topbar-grey .topbar-grey-right {
  display: flex;
  align-items: center;
  gap: 26px;
}

.topbar-grey .topbar-grey-link {
  display: inline-flex;
  align-items: center;
  color: #ffffff !important;
  font-family: 'EloquiaTextRegular', serif;
  font-size: 12px;
  line-height: 1.2;
  letter-spacing: 0.02em;
  text-decoration: underline;
  text-transform: uppercase;
  white-space: nowrap;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.topbar-grey .topbar-grey-label {
  text-decoration: none;
  text-transform: none;
  letter-spacing: 0;
}

.topbar-grey .topbar-grey-link:hover,
.topbar-grey .topbar-grey-link:focus {
  opacity: 0.88;
  background: transparent !important;
}

.topbar-grey .topbar-language-selector {
  display: flex;
  align-items: center;
}

.topbar-grey .topbar-language-selector .wpml-ls,
.topbar-grey .topbar-language-selector .wpml-ls ul,
.topbar-grey .topbar-language-selector .wpml-ls li {
  display: flex;
  align-items: center;
}

.topbar-grey .topbar-language-selector .wpml-ls-legacy-list-horizontal {
  border: 0;
  padding: 0;
}

.topbar-grey .topbar-language-selector ul {
  margin: 0;
}

.topbar-grey .topbar-language-selector li {
  margin: 0;
}

.topbar-grey .topbar-language-selector a.wpml-ls-link,
.topbar-grey .topbar-language-selector span.wpml-ls-native {
  display: inline-flex;
  align-items: center;
  color: #ffffff !important;
  font-family: 'EloquiaTextRegular', serif;
  font-size: 12px;
  line-height: 1.2;
  letter-spacing: 0.02em;
  text-decoration: underline;
  text-transform: uppercase;
  font-weight: normal;
  padding: 0;
}

.topbar-white{background-color: #ffffff;
	padding: 10px 0px
}

.text-inconvenience {font-size: 11px;}

img.logo-topbargrey-nx {
  width: 90px;
  margin: 0px 30px;
  vertical-align: baseline;
}

img.logo-topbargrey-eq {
  width: 40px;
  margin: 0px 30px;
}

@media (max-width: 600px) {
  img.logo-topbargrey-nx,
  img.logo-topbargrey-eq {
	margin: 0px 10px;
  }
}

@media (max-width: 900px) {
  .topbar-grey .topbar-grey-inner {
    flex-wrap: wrap;
    justify-content: center;
    row-gap: 9px;
  }

  .topbar-grey .topbar-grey-left,
  .topbar-grey .topbar-grey-right {
    flex-wrap: wrap;
    justify-content: center;
    gap: 16px;
  }
}

.lesnouvelles-post h3 a{color: #2c291e;}
.lesnouvelles-post h3{margin-top: 5px;}
.lesnouvelles-post{margin-bottom: 10px;}

/* .tag-piliers-editoriaux a{text-transform: uppercase;color: #303030; font-size: 18px;} */
.tag-piliers-editoriaux {text-transform: uppercase;color: #303030; font-size: 18px;}

@media only screen and (min-width: 993px), all{
	
	.container{width: 90%;
		max-width: 1280px;
	}
}

.heading-top-line{ height: 5px;
	width: 70px;
	background:#2c291e}


.stec-layout-grid .stec-layout-grid-events-all-control{
	width: auto !important;
	float: none !important;
	/* clear:both; */
	margin-top: 10px ;
	text-align: center !important;
}

.stec-style-button.stec-layout-grid-events-all-load-more{margin-top: 60px;}


@media only screen and (min-width: 601px) {
 
  nav{
		line-height: 72px;
	}
	
	nav a.sidenav-trigger i {
	height: 72px;
	line-height: 72px;}
 
}

.btn, .btn-large, .btn-small,
.btn-flat {
	
	border-radius: 5px;
	
}


.stec-style-button {border-radius: 5px !important;}

@media only screen and (min-width:768px) {
h3.typo23 {font-size: 36px}
p.typo23 {font-size: 16px}

}

.caroussel-xn23{margin-top: 0px;
	margin-bottom: 80px
}

.btn-large{font-size: 15px;
	letter-spacing: 1px;
	font-weight: 700;
	line-height: 50px !importantç;
	height: 50px !important;
}

.esg-filter-wrapper [class^="eg-icon-"]:before,
.esg-filter-wrapper [class*=" eg-icon-"]:before {
	font-size: 15px;
	
	padding-top: 8px;
	padding-bottom: 8px;
}

.eg-nouvelles-2023-v2-element-2, .eg-nouvelles-2023-v2-element-10, .eg-nouvelles-2023-v2-element-11{display: inline-block !important;}

.eg-nouvelles-2023-v2-element-5{border-top: 1px solid #EDEDED !important}

.hero-image{min-height: 300px}

@media only screen and (min-width:768px) {
.hero-content{max-width: 600px;
	padding-top: 60px;
	padding-bottom: 60px;
		width: 90%;
	text-align: left;
}
}

h1.envedette{font-size: 36px; color: #ffffff; background-color: #000000; padding: 10px;}
p.envedette{font-size: 20px; color: #ffffff; background-color: #000000; padding: 10px;}

.single-lesnouvelles h2{font-size: 18px;}
.single-lesnouvelles h3{font-size: 18px;}



h3.cooper, h3.cooper a{font-family: 'cooper_hewittsemibold_italic';
	color: #000000;
	font-size: 18px;
	text-transform: uppercase;
	font-weight: normal;
-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;}




.allnavbar-fixed {
	  position: relative;
	  height: 131px;
	  z-index: 997;
	}

	@media only screen and (min-width: 601px) {
	  
	  .allnavbar-fixed {
		height: 131px;
	  }
	  
		  
	  .allnavbar-fixed {
		position: fixed;
		width: 100%
	  }
	  
	  
	}



.page-template-template-sources-financement i.btn input.waves-button-input{color: #ffffff;
	padding: 0px;
}

.page-template-template-sources-financement i.btn{margin-top: 10px;}
.page-template-template-sources-financement .financement-filters-row {margin: 28px 12px 0;}
input.codeacces{padding: 6px; margin-bottom: 20px;}


a.wpml-ls-link {
	color: #ffffff;
	font-weight: bold;
}



/* Test revmap form wpuf */

/* General form styling */
/* Reset WPUF form styles specifically for the page with body class page-template-template-autogestion */

body .wpuf-form-add.wpuf-style ul.wpuf-form .wpuf-fields input[type=text]{padding: 8px;}
body .wpuf-form-add.wpuf-style ul.wpuf-form .wpuf-fields input[type=text]{
	/* background: #ffffff; */
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	/* border: 1px solid #000; */
	/* color: #000000; */
	width: 95%;
}

body .wpuf-form-add.wpuf-style ul.wpuf-form .wpuf-fields textarea{
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

/* Reapply necessary structural styles */
body.page-template-template-autogestion .wpuf-form {
	display: block;
}

body.page-template-template-autogestion .wpuf-form ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

body.page-template-template-autogestion .wpuf-form li {
	margin-bottom: 16px;
}

body.page-template-template-autogestion .wpuf-label,
body.page-template-template-autogestion .wpuf-fields {
	display: block;
}

/* Apply Tailwind-inspired styles for regular fields and checkboxes */
body.page-template-template-autogestion .wpuf-form {
	/* Style labels for regular fields and checkboxes */
	.wpuf-label label {
		font-size: 14px  !important;
		font-weight: 600  !important;
		color: #374151  !important; /* Tailwind's gray-700 */
		display: block;
		margin-bottom: 6px  !important;
	}

	.wpuf-label .required {
		color: #ef4444; /* Tailwind's red-500 */
	}

	/* Style regular fields (text, email, URL, number) */
	.wpuf-fields input[type="text"],
	.wpuf-fields input[type="email"],
	.wpuf-fields input[type="url"],
	.wpuf-fields input[type="number"] {
		border: 1px solid #d1d5db  !important; /* Tailwind's gray-300 */
		border-radius: 6px !important; /* Tailwind's rounded-md */
		padding: 10px 12px !important;
		font-size: 16px !important;
		width: 100% !important;
		box-sizing: border-box !important;
		background-color: #fff !important;
		color: #111827 !important; /* Tailwind's gray-900 */
		transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out !important;
	}

	.wpuf-fields input[type="text"]:focus,
	.wpuf-fields input[type="email"]:focus,
	.wpuf-fields input[type="url"]:focus,
	.wpuf-fields input[type="number"]:focus {
		border-color: #2563eb !important; /* Tailwind's blue-600 */
		box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1) !important; /* Tailwind's focus ring (blue-600/10) */
		outline: none !important;
	}

	/* Style textareas */
	.wpuf-fields textarea {
		border: 1px solid #d1d5db !important;
		border-radius: 6px !important;
		padding: 10px 12px !important;
		font-size: 16px !important;
		width: 100% !important;
		box-sizing: border-box !important;
		min-height: 120px !important;
		background-color: #fff !important;
		color: #111827 !important;
		transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out !important;
	}

	.wpuf-fields textarea:focus {
		border-color: #2563eb !important;
		box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1) !important;
		outline: none !important;
	}

	/* Style checkboxes */
	.wpuf-category-checklist {
		padding: 0 !important;
	}

	.wpuf-category-checklist li {
		margin-bottom: 12px !important;
	}

	.wpuf-category-checklist label {
		display: flex !important;
		align-items: center !important;
		font-size: 16px !important;
		color: #37415 !important1; /* Tailwind's gray-700 */
		cursor: pointer !important;
	}

	.wpuf-category-checklist input[type="checkbox"] {
		margin-right: 10px  !important;
		width: 16px !important;
		height: 16px !important;
		border: 2px solid #d1d5db !important; /* Tailwind's gray-300 */
		border-radius: 4px !important; /* Tailwind's rounded */
		appearance: none !important;
		-webkit-appearance: none !important;
		position: relative !important;
		background-color: #fff !important;
		transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out !important;
	}

	.wpuf-category-checklist input[type="checkbox"]:checked {
		background-color: #2563eb !important; /* Tailwind's blue-600 */
		border-color: #2563eb !important;
	}

	.wpuf-category-checklist input[type="checkbox"]:checked::after {
		content: '\2713' !important; /* Checkmark symbol */
		position: absolute !important;
		top: 50% !important;
		left: 50% !important;
		transform: translate(-50%, -50%) !important;
		color: #fff !important;
		font-size: 12px !important;
		font-weight: bold !important;
	}

	.wpuf-category-checklist input[type="checkbox"]:focus {
		outline: none !important;
		box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1) !important; /* Tailwind's focus ring */
	}

	/* Responsive adjustments for regular fields and checkboxes */
	@media (max-width: 600px) {
		.wpuf-fields input[type="text"],
		.wpuf-fields input[type="email"],
		.wpuf-fields input[type="url"],
		.wpuf-fields input[type="number"],
		.wpuf-fields textarea {
			font-size: 14px;
		}

		.wpuf-label label {
			font-size: 12px;
		}

		.wpuf-category-checklist label {
			font-size: 14px;
		}

		.wpuf-category-checklist input[type="checkbox"] {
			width: 14px;
			height: 14px;
		}
	}
}
/* Target both form 1 and form 2 by ID */
#gform_1.gform_wrapper,
#gform_2.gform_wrapper {
  color: #ffffff !important;
  background-color: #222222 !important; /* Dark background for contrast */
  padding: 20px;
  border-radius: 8px;
}

/* Form title and description */
#gform_1 .gform_title,
#gform_1 .gform_description,
#gform_2 .gform_title,
#gform_2 .gform_description {
  color: #ffffff !important;
}

/* Field labels (e.g., Prénom, Nom) */
#gform_1 .gform-field-label,
#gform_2 .gform-field-label,
#gform_1 .gform-field-label:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework *),
#gform_2 .gform-field-label:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework *) {
  color: #ffffff !important;
  font-weight: 400;
}

/* Override the CSS variable for labels */
#gform_1 .gform_wrapper,
#gform_2 .gform_wrapper {
  --gf-ctrl-label-color-secondary: #ffffff !important;
}

/* Input fields */
#gform_1 input[type="text"],
#gform_2 input[type="text"],
#gform_1 input[type="email"],
#gform_2 input[type="email"],
#gform_1 input[type="tel"],
#gform_2 input[type="tel"],
#gform_1 input[type="url"],
#gform_2 input[type="url"],
#gform_1 input[type="number"],
#gform_2 input[type="number"],
#gform_1 textarea,
#gform_2 textarea,
#gform_1 select,
#gform_2 select {
  color: #000000 !important;
  background-color: #ffffff !important;
  border: none !important;
  border-radius: 4px;
  padding: 10px;
}

/* Placeholder text */
#gform_1 input::placeholder,
#gform_2 input::placeholder,
#gform_1 textarea::placeholder,
#gform_2 textarea::placeholder {
  color: #666666 !important;
  opacity: 1;
}

/* Submit button */
#gform_1 .gform_button,
#gform_2 .gform_button {
  color: #ffffff !important;
  background-color: #000000 !important;
  border: none !important;   /* fixed from “nearly” */
  border-radius: 4px;
  padding: 10px 20px;
  transition: background-color 0.3s ease;
}

#gform_1 .gform_button:hover,
#gform_2 .gform_button:hover {
  background-color: #333333 !important;
}

/* Error messages */
#gform_1 .validation_error,
#gform_2 .validation_error,
#gform_1 .gfield_error .validation_message,
#gform_2 .gfield_error .validation_message {
  color: #ff6666 !important;
}

/* Required field indicator */
#gform_1 .gfield_required,
#gform_2 .gfield_required {
  color: #ffffff !important;
}

/* Checkbox labels */
#gform_1 .gfield_checkbox label,
#gform_2 .gfield_checkbox label {
  color: #ffffff !important;
}

/* Specific checkbox text: “Je souhaite recevoir…” */
#gform_1 .gfield_checkbox input[type="checkbox"] + label,
#gform_2 .gfield_checkbox input[type="checkbox"] + label,
#gform_1 .gfield_checkbox label[for*="choice_"],
#gform_2 .gfield_checkbox label[for*="choice_"] {
  color: #ffffff !important;
  font-weight: normal;
}

/* Ensure fields are readable */
#gform_1 .gfield,
#gform_2 .gfield {
  background: transparent !important;
}


/* Répertoire financement 2025 */


/* LISTE GLOBALE */
.financement-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

/* BLOC INDIVIDUEL */
.financement-item {
  background: #fefaf7;
  border: 1px solid #e0dcd7;
  padding: 24px;
  margin-bottom: 32px;
  border-radius: 10px;
  position: relative;

  overflow: hidden; 
}

li.financement-item{list-style: none}


/* BADGES HAUTS */
.financement-badge-row {
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 12px;
}

.financement-badge {
  background: #870089;
  color: white;
  font-size: 12px;
  font-weight: bold;
  padding: 6px 12px;
  border-radius: 20px;
  text-transform: uppercase;
}

.financement-etat {
  background: #bbb;
  color: white;
  font-size: 12px;
  padding: 6px 12px;
  border-radius: 20px;
  text-transform: uppercase;
}

.financement-pays {
  font-size: 14px;
  font-weight: bold;
  color: #555;
  margin-left: auto;
}

/* TITRE ET ORG */
.financement-title {
  font-size: 22px;
  font-weight: bold;
  margin: 8px 0 4px 0;
}

.financement-organisme {
  font-size: 15px;
  color: #666;
  margin-bottom: 12px;
}

/* DESCRIPTION */
.financement-description {
  font-size: 15px;
  color: #444;
  margin-bottom: 16px;
}

/* TAGS (commercialisation, etc.) */
.financement-tags {
  margin-bottom: 20px;
}

.financement-tag {
  display: inline-block;
  background: #00f7b2;
  color: black;
  font-weight: bold;
  font-size: 13px;
  padding: 4px 12px;
  border-radius: 20px;
  margin-right: 6px;
  margin-bottom: 6px;
}

/* COLONNES ADMISSIBILITÉS */
.financement-cols {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin-top: 24px;
}

.financement-col {
  flex: 1 1 200px;
  min-width: 220px;
}

.financement-col h3 {
  font-size: 14px;
  text-transform: uppercase;
  margin-bottom: 6px;
  font-weight: bold;
  color: #333;
}

.financement-col ul {
  padding-left: 16px;
  margin: 0;
}

.financement-col li {
  font-size: 14px;
  color: #444;
}

/* INFOS COMPLÉMENTAIRES */
.financement-extra {
  margin-top: 24px;
  font-size: 14px;
}

.financement-extra p {
  margin: 8px 0;
  color: #444;
}

.financement-extra a {
  color: #589DDD;
  text-decoration: underline;
}

.financement-wysiwyg ul {
  padding-left: 20px;
  margin: 0 0 1em 0;
}

.financement-wysiwyg li {
  list-style-type: disc;
  margin-left: 1em;
}

/* Répertoire des membres 2025 */



/* facetwp basic 3 column responsive grid */
.fwp-grid {
	 display: flex;
	 flex-direction: row;
	 flex-flow: wrap;
	 justify-content: flex-start;
	 width: 100%;
   }
	
   @media (max-width: 600px) {
	 .fwp-grid {
	   display: block;
	 }
   }
	
   .fwp-grid .fwp-grid-col {
	 /* padding: 1em 2em 1em 0.8em; */
	 padding : 1em 2em 1em 0em;
	 width: 33.3%;
	 text-align: center;
   }
	
   @media (max-width: 800px) {
	 .fwp-grid .fwp-grid-col {
	   width: 50%;
	 }
   }
	
   @media (max-width: 600px) {
	 .fwp-grid .fwp-grid-col {
	   width: 100%;
	   padding : 1em 0em 1em 0em;
	 }
   }

   .fwp-grid .fwp-grid-col h3 {
	 /* padding-top: .25em; */
   }
	
   .fwp-grid img {
	 max-width: 100%;
   }


/* Spinner, and plus from Bootstrap 4.6 */



.d-inline-block {
	  display: inline-block !important;
	}

.float-right {
	 float: right !important;
   }
   
   .clearfix::after {
		display: block;
		clear: both;
		content: "";
	  }

@-webkit-keyframes spinner-border {
  to {
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg);
  }
}

@keyframes spinner-border {
  to {
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg);
  }
}

.spinner-border {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  vertical-align: text-bottom;
  border: 0.25em solid currentColor;
  border-right-color: transparent;
  border-radius: 50%;
  -webkit-animation: .75s linear infinite spinner-border;
  animation: .75s linear infinite spinner-border;
}

.spinner-border-sm {
  width: 1rem;
  height: 1rem;
  border-width: 0.2em;
}

@-webkit-keyframes spinner-grow {
  0% {
	-webkit-transform: scale(0);
	transform: scale(0);
  }
  50% {
	opacity: 1;
	-webkit-transform: none;
	transform: none;
  }
}

@keyframes spinner-grow {
  0% {
	-webkit-transform: scale(0);
	transform: scale(0);
  }
  50% {
	opacity: 1;
	-webkit-transform: none;
	transform: none;
  }
}

.spinner-grow {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  vertical-align: text-bottom;
  background-color: currentColor;
  border-radius: 50%;
  opacity: 0;
  -webkit-animation: .75s linear infinite spinner-grow;
  animation: .75s linear infinite spinner-grow;
}

.spinner-grow-sm {
  width: 1rem;
  height: 1rem;
}

@media (prefers-reduced-motion: reduce) {
  .spinner-border,
  .spinner-grow {
	-webkit-animation-duration: 1.5s;
	animation-duration: 1.5s;
  }
}


.sr-only {
	  position: absolute;
	  width: 1px;
	  height: 1px;
	  padding: 0;
	  margin: -1px;
	  overflow: hidden;
	  clip: rect(0, 0, 0, 0);
	  white-space: nowrap;
	  border: 0;
	}
	
	.sr-only-focusable:active, .sr-only-focusable:focus {
	  position: static;
	  width: auto;
	  height: auto;
	  overflow: visible;
	  clip: auto;
	  white-space: normal;
	}


/* Facetwp grid */


.mybtn-link{color: #0085ca;
   text-decoration: none !important;
   text-transform: none;
}


.fc-grid-name-wrapper {
	background: #ffffff;
	padding: 0px 0px 0px 0px;
	border-width: 1px 1px 1px 1px;
	border-radius: 0px 0px 0px 0px;
	border-color: #ededed;
	border-style: solid;
}

.fc-grid-name-wrapper small a{color: #000}

.fc-grid-content {
	background: #ffffff;
	padding: 0px 30px 20px 20px;
	border-width: 0px 0px 0px 0px;
	border-radius: 0px 0px 0px 0px;
	border-color: transparent;
	border-style: double;
	font-family: var(--xn-font-body) !important;
	text-align: left;
}

.fc-grid-content,
.fc-grid-content p,
.fc-grid-content li,
.fc-grid-content a,
.fc-grid-content small,
.fc-grid-content strong {
	font-family: var(--xn-font-body) !important;
}


.fc-grid-name {
	font-size: 19px;
	line-height: 21px;
	color: #000000;
	text-align: left;

	line-height: 1.1;
	margin-bottom: .75rem !important
	
}

h3.fc-grid-name a {color: #000;
	font-weight: 700;
}

.logo-effect {
	filter: grayscale(100%);
}

.person-photo {
	filter: grayscale(100%); /* No effect for person photos */
}

.no-invert {
	filter: grayscale(100%); /* No effect for person photos */
}



/** custom size of autocomplete facetwp **/
.facetwp-type-autocomplete {
  width: 80%; /** desired width of input + width of submit buton **/
  max-width: 100%; /** for responsive **/
  /* margin-left: auto;
  margin-right: auto; */
  position: relative; /** allows the dropdown to use 100% as size **/
}

.facetwp-autocomplete-update{padding: 7px;
  margin-left: 5px;
  
}

input[type=button].facetwp-autocomplete-update{
  display: none
}

.facetwp-autocomplete::placeholder {
  color: darkgray;
}

.facetwp-autocomplete {
  width: calc(100% - 100px); /** leaves space for width of button **/
  padding: 7px 5px 5px 10px;
}

.facetwp-search{padding: 11px 5px 12px 10px;}
.facetwp-search::placeholder {
  color: darkgray;
}


.facetwp-facet input.facetwp-search{
	padding: 11px 5px 10px 10px;
	width: auto;
	border: 1px solid #ddd;
}

body.xn-refonte .facetwp-facet,
body.xn-refonte .facetwp-facet input.facetwp-search,
body.xn-refonte .facetwp-facet select.facetwp-dropdown,
body.xn-refonte .facetwp-facet .fs-wrap,
body.xn-refonte .facetwp-facet .fs-label-wrap,
body.xn-refonte .facetwp-facet .fs-label,
body.xn-refonte .facetwp-facet .fs-dropdown,
body.xn-refonte .facetwp-facet .fs-option,
body.xn-refonte .facetwp-facet .fs-option-label,
body.xn-refonte .facetwp-facet .fcomplete-result,
body.xn-refonte .page-template-template-repertoire-2025 .membres-sort-select.browser-default {
	font-family: var(--xn-font-mono) !important;
}


/* Hide the default FacetWP search icon */
.facetwp-facet-recherche_membres .facetwp-icon {
  display: none !important;
}

/* === Materialize search icon à droite des champs FacetWP === */
.facetwp-facet-recherche_membres .facetwp-input-wrap,
.facetwp-facet-recherche_finacement .facetwp-input-wrap {
  position: relative;
}

.facetwp-facet-recherche_membres .material-icons.search-icon-right,
.facetwp-facet-recherche_finacement .material-icons.search-icon-right {
  position: absolute;
  right: 6%;
  top: 50%;
  transform: translateY(-50%);
  color: #9e9e9e;
  pointer-events: none;
  font-size: 20px;
}

/* espace à droite pour ne pas que le texte chevauche l'icône */
.facetwp-facet-recherche_membres input.facetwp-search,
.facetwp-facet-recherche_finacement input.facetwp-search {
  padding-right: 36px;
}

/* Étend l’enveloppe du champ sur toute la colonne */
.facetwp-facet-recherche_membres .facetwp-input-wrap {
  display: block;
  width: 97%;
}

/* Le champ lui-même occupe 100% */
.facetwp-facet-recherche_membres input.facetwp-search {
  width: 97%;
  box-sizing: border-box;
}









.fcomplete-wrap {
  width: calc(100% - 200px); /** match input size **/
  max-width: 100% !important; /** for responsive **/
  min-width: 100px !important;
}

.fcomplete-result{font-size: 18px;
  color: #000000;
}


.facetwp-autocomplete .fcomplete-enabled .form-control:focus{border-color: #808080;}


.fcomplete-wrap {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  top: calc(100% + 1px);
  left: 0;
  z-index: 1000;
  padding: 5px 0;
  margin: 0;
  /* width: 100%; */
  max-height: 350px;
  min-width: 160px;
  overflow-y: auto;
  /* -webkit-box-shadow: 0px 3px 6px #313030; */
  /* box-shadow: 0px 3px 6px #313030; */
  border: 1px solid rgba(60,60,60,.26);
  border-top-style: none;
  border-radius: 0 0 4px 4px;
  text-align: left;
  list-style: none;
  background: #fff;
  border: 1px solid #f5f4f4;
  min-width: 250px;
}


.facetwp-facet-secteurs_membres .fs-label-wrap .fs-label {
  padding: 12px 22px 12px 13px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.facetwp-facet-expertises_membres .fs-label-wrap .fs-label {
  padding: 12px 22px 12px 13px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}


.facetwp-facet-secteurs .fs-label-wrap .fs-label {
	  padding: 12px 22px 12px 13px;
	  text-overflow: ellipsis;
	  white-space: nowrap;
	  overflow: hidden;
	}
	
.facetwp-facet-tech .fs-label-wrap .fs-label {
	  padding: 12px 22px 12px 13px;
	  text-overflow: ellipsis;
	  white-space: nowrap;
	  overflow: hidden;
	}


.facetwp-facet-appels_lieu .fs-label-wrap .fs-label {
	  padding: 12px 22px 12px 13px;
	  text-overflow: ellipsis;
	  white-space: nowrap;
	  overflow: hidden;
	}
	
.facetwp-facet-appels_secteurs .fs-label-wrap .fs-label {
	  padding: 12px 22px 12px 13px;
	  text-overflow: ellipsis;
	  white-space: nowrap;
	  overflow: hidden;
	}


span.fs-arrow{right: 10px}

.facetwp-type-fselect:focus {outline: none !important}
.fs-label-wrap:focus {outline: none !important}
.fs-wrap:focus {outline: none !important}





.facetwp-type-fselect .fs-wrap,
.facetwp-type-fselect .fs-label-wrap,
.facetwp-type-fselect .fs-dropdown {
	width: 300px;
}



@media screen and (min-width: 380px) {
	/** change width of fselect **/
	.facetwp-type-fselect .fs-wrap,
	.facetwp-type-fselect .fs-label-wrap,
	.facetwp-type-fselect .fs-dropdown {
		width: 330px;
	}
}





.facetwp-type-fselect .fs-dropdown .fs-options {
	max-height: 350px;
}

/** fselect font size for dropdown **/
.fs-option-label{font-size: 13px;}

.fcomplete-result {padding: 8px 10px !important;}
.fs-dropdown .fs-options{padding: 9px 5px;}

.facetwp-facet-searchfc .facetwp-input-wrap{display: block !important}
.facetwp-facet-searchfc  input.facetwp-search{width: 100%;}


.facetwp-facet-searchfc .facetwp-input-wrap i.facetwp-icon{right: 10px}

.fs-wrap.multiple .fs-option.selected .fs-checkbox i{background-color: #732fb7 !important}


.facetwp-sort-select.form-select{width: 150px;
	height: 40px;
	border: none !important;
}

.page-template-template-repertoire-2025 .repertoire-search-row {
	margin-bottom: 4px;
}

.page-template-template-repertoire-2025 .repertoire-search-row .facetwp-facet-recherche_membres .facetwp-input-wrap,
.page-template-template-repertoire-2025 .repertoire-search-row .facetwp-facet-recherche_membres input.facetwp-search {
	width: 100% !important;
	max-width: 330px !important;
}

.page-template-template-repertoire-2025 .facetwp-filters input.facetwp-search,
.page-template-template-repertoire-2025 .facetwp-filters .fs-label-wrap,
.page-template-template-repertoire-2025 .facetwp-filters .fs-dropdown,
.page-template-template-repertoire-2025 .facetwp-filters .fs-search input,
.page-template-template-repertoire-2025 .membres-sort-select.browser-default {
	border-color: #ededed !important;
}

.page-template-template-repertoire-2025 .repertoire-main-filters-row {
	margin-bottom: 8px;
}

.page-template-template-repertoire-2025 .repertoire-reset-row {
	margin-bottom: 14px;
}

.page-template-template-repertoire-2025 .membres-sort-col {
	padding-left: .75rem !important;
	padding-right: .75rem !important;
}

.page-template-template-repertoire-2025 .membres-sort-wrap {
	position: relative;
	width: 97%;
	max-width: none;
	font-family: var(--xn-font-mono) !important;
}

.page-template-template-repertoire-2025 .membres-sort-wrap::after {
	content: "";
	position: absolute;
	right: 13px;
	top: 50%;
	transform: translateY(-40%);
	border-left: 5px solid transparent !important;
	border-right: 5px solid transparent !important;
	border-top: 6px solid #3a3a3a !important;
	pointer-events: none;
}

.page-template-template-repertoire-2025 .membres-sort-select.browser-default {
	-webkit-appearance: none !important;
	-moz-appearance: none !important;
	appearance: none !important;
	background-image: none !important;
	width: 100% !important;
	box-sizing: border-box !important;
	border: 1px solid #ededed !important;
	background-color: #fff !important;
	padding: 8px 46px 8px 13px !important;
	font-size: 16px !important;
	color: #333333 !important;
	border-radius: 0 !important;
	height: 42px !important;
	min-height: 42px !important;
	max-height: 42px !important;
	line-height: 1.2 !important;
	font-family: var(--xn-font-mono) !important;
}

.page-template-template-repertoire-2025 .membres-sort-select.browser-default option {
	font-family: var(--xn-font-mono) !important;
}

.page-template-template-repertoire-2025 .membres-sort-select.browser-default:focus {
	outline: none !important;
	border-color: #ededed !important;
	box-shadow: none !important;
}

@media screen and (max-width: 600px) {
	.page-template-template-repertoire-2025 .repertoire-search-row .facetwp-facet-recherche_membres .facetwp-input-wrap,
	.page-template-template-repertoire-2025 .repertoire-search-row .facetwp-facet-recherche_membres input.facetwp-search,
	.page-template-template-repertoire-2025 .facetwp-facet .fs-wrap,
	.page-template-template-repertoire-2025 .facetwp-facet .fs-label-wrap,
	.page-template-template-repertoire-2025 .facetwp-facet .fs-dropdown,
	.page-template-template-repertoire-2025 .membres-sort-wrap {
		width: 100% !important;
		max-width: none !important;
	}

	.page-template-template-repertoire-2025 .membres-sort-col {
		margin-top: 12px;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
}

.page-template-template-repertoire-2025 .repertoire-reset-btn {
	margin-top: 14px;
}


.btnlike{cursor: pointer}
.gridbglogo{background-color: #000000;
	padding: 30px;
}

.logocie_item img {
	  width: 200px;
	  height: 100px;
	  object-fit: contain;
	}
	
	
	.logocie_slider{margin-top: 30px;}
	
.logocie_slider img {
	  width: 200px;
	  height: 100px;
	  object-fit: contain;
	}	
	
	.spinnerposition{position: absolute;
		top: 5px;
		right: 5px
	}

/* revamp single 2025 */

.mysep{background-color: #000000 !important;
	height: 6px !important;
	margin-left: auto !important;
	margin-right: auto !important;
	width: 100px;}

	
.demoreel_cie .ugb-video-popup__play-button svg {
	height: 85px;
	width:85px
}

.demoreel_cie .ugb-video-popup__wrapper:before {
	background-color: #000000;
	opacity:0.3
}

.demoreel_cie .ugb-video-popup__wrapper:hover:before {
	opacity: 0.6
}


/* Wrapper description cie */


.desc_cie-wrapper.ugb-container__wrapper {
	border-radius: 0px !important;
	background-color:#000000 !important
}

.desc_cie-wrapper.ugb-container__wrapper:before {
	background-color:#000000 !important
}

.desc_cie-content-wrapper > h1, .desc_cie-content-wrapper > h2, .desc_cie-content-wrapper > h3, .desc_cie-content-wrapper > h4, .desc_cie-content-wrapper > h5, .desc_cie-content-wrapper > h6 {
	color:#ffffff
}

.desc_cie-content-wrapper > p, .desc_cie-content-wrapper > ol li, .desc_cie-content-wrapper > ul li {
	color:#ffffff
}

.desc_cie.ugb-container {
	background-color:#000000
}

.desc_cie.ugb-container:before {
	background-color:#000000
}

body.single-membres .desc_cie.desc_cie--no-image > .ugb-inner-block > .ugb-block-content > .ugb-container__wrapper > .ugb-container__side {
	width: 100% !important;
	max-width: 100% !important;
	flex: 0 0 100% !important;
}

@media screen and (max-width: 959px) {
	body.single-membres .desc_cie.ugb-container {
		width: 100vw;
		max-width: 100vw;
		margin-left: calc(50% - 50vw);
		margin-right: calc(50% - 50vw);
	}
}



@media screen and (min-width: 768px) {
	.desc_cie.ugb-container {
		margin-top:0px !important
	}
}

@media screen and (max-width: 768px) {
	.desc_cie-wrapper > .ugb-container__image {
		margin-top: 16px;
	}
}

@media screen and (min-width: 768px) {
	.desc_cie > .ugb-inner-block > .ugb-block-content > .ugb-container__wrapper > .ugb-container__side {
		padding-top: 50px !important;
		padding-bottom: 50px !important
	}
}



/* Wrapper description cie  desc_cie-innerleft */


.desc_cie-innerleft .ugb-heading__title {
	font-size: 0em !important;
	/* text-align:right */
}

.desc_cie-innerleft .ugb-heading__subtitle {
	font-size:16px !important
}

.desc_cie-innerleft .ugb-inner-block {
	/* text-align:right */
}

.desc_cie-innerleft h4{
}

h4.single-membres-new{text-transform: uppercase; 
	font-weight: 700;
	line-height: 1;
	margin: 0 0 1rem 0;
font-size: 16px;
color: #ffffff;}

@media screen and (min-width: 768px) {
	.desc_cie-innerleft.ugb-heading {
		/* margin-bottom: -60px !important */
	}
}



/* Wrapper description cie quote */

.desc_cie-quote .ugb-blockquote__quote {
	fill: #ffffff !important;
	opacity: 1;
	width: 30px !important;
	height: 30px !important;
	left: 110px !important;
	top:88px !important
}

.desc_cie-quote .ugb-blockquote__text {
	font-size: 31px !important;
	font-weight: bold !important;
	letter-spacing: 0.8px !important;
	color:#ffffff
}

.desc_cie-quote .ugb-inner-block {
	text-align:center
}

@media screen and (min-width: 768px) {
	.desc_cie-quote.ugb-blockquote {
		margin-top: 10px !important;
		margin-bottom: -20px !important
	}
}







.logo_entreprise{text-align: left }

.esgbox-is-open .esgbox-bg{opacity: 1 !important;}
.esgbox-bg{background: #000000 !important}

.poste{
	text-transform: uppercase
}

.slogan-single{
	font-size: 31px;
	font-weight: bold !important;
	letter-spacing: 0px !important;
	color: #000000;
	font-style: italic;
}


.mybtn-sm-single-membres .wp-block-button__link{
	padding: 5px 16px !important;
	line-height: 1.5 !important;
	font-size: 14px;
	text-align: left !important;
	cursor: default !important;
}

.mybtn-sm-single-membres .wp-block-button__link:hover{
	cursor: default !important;
}

body.single-membres .desc_cie .wp-block-buttons.is-content-justification-right {
	justify-content: flex-start !important;
	text-align: left;
}

.footercie{margin-top: 40px;}

.row.footercie {
  display: flex;              /* force flex sur la rangée */
  align-items: flex-end;      /* aligne les enfants en bas */
}

@media screen and (max-width: 767px) {
	.row.footercie {
		display: block;
	}

	.row.footercie > .col {
		float: none;
		width: 100%;
		margin-left: 0;
	}

	.row.footercie .contactus {
		margin-top: 32px;
	}
}




.footercie h2{text-transform: uppercase;
	font-size: 24px;
	font-weight: 700  !important;
	font-family: 'Roboto', sans-serif;
	margin-bottom: 0px;
	padding-bottom: 0px;
}


.ugb-social-buttons{margin-bottom: 20px;}



.success-message-modern {
  display: flex;
  align-items: center;
  gap: 12px;
  background: linear-gradient(135deg, #43a047, #66bb6a);
  color: #fff;
  padding: 18px 22px;
  border-radius: 5px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
  margin: 20px 0;
  animation: fadeInUp 0.4s ease-out;
}

.success-message-modern .material-icons {
  font-size: 28px;
  flex-shrink: 0;
}

.success-message-modern .message-content p {
  margin: 0;
  font-size: 1.1rem;
  font-weight: 600;
}

.success-message-modern .message-content a {
  display: inline-block;
  margin-top: 6px;
  color: #e8f5e9;
  font-weight: 500;
  text-decoration: underline;
  transition: color 0.2s ease;
}

.success-message-modern .message-content a:hover {
  color: #fff;
}

/* Small fade-in animation */
@keyframes fadeInUp {
  from { opacity: 0; transform: translateY(10px); }
  to { opacity: 1; transform: translateY(0); }
}

button.acf-button.af-submit-button {
  /* Reset styles */
  all: unset;
  display: inline-block;
  cursor: pointer;

  /* Materialize look */
  background-color: #f85151; /* deep-orange darken-3 */
  color: #fff;
  padding: 0 16px;
  line-height: 37px;
  border-radius: 5px;
  text-transform: uppercase;
  font-weight: 400;
  box-shadow: none;
  font-size: 14px;
  letter-spacing: 0.5;
  transition: background-color 0.1s ease;
}

button.acf-button.af-submit-button:hover {
  background-color: #fb2c2c; /* hover */
 
}

body.page-template-template-modifier-votre-fiche.logged-in .af-field-hubspot-id {
  display: none !important;
}

body.page-template-template-modifier-votre-fiche.logged-in .af-field-proprietaire-membre {
display: none !important;
}


.card-content.equipe{min-height: 121px;}


/* Masque la première option vide (ex. "Secteurs" ou "Expertises") dans les listes fSelect FacetWP */
.facetwp-facet-secteurs_membres .fs-option[data-value=""],
.facetwp-facet-expertises_membres .fs-option[data-value=""] {
  display: none !important;
}


/* Style modifier votre fiche membres */

/* Cache tous les champs avec classe wrapper "acf-cache" dans les formulaires AF */
 .af-form .acf-hide {
	display: none !important;
} 

/* Cacher le label des champs ACF de type Message dans les formulaires Advanced Forms */
.af-field-type-message .af-label {
	display: none !important;
}

.af-field-instructions {
	margin: 0;
	font-size: 0.8rem;
	color: #606060;
	font-style: italic;
}

.af-label.acf-label label{
	font-size: 1rem;
	color: #000000;
	font-weight: 500  !important;
}

/* Appliquer un fond gris derrière l'image du champ "logo_blancsurnoir" */
.logo-fond-noir .acf-image-uploader .image-wrap {
	background: #777; /* gris foncé pour tester les logos blancs */
	padding: 10px;
	border-radius: 6px;
}

/* Option : si tu veux que le fond s'applique même avant upload */
.logo-fond-noir .acf-image-uploader {
	background: #777;
	padding: 10px;
	border-radius: 6px;
}


/* Champs input ACF / Advanced Forms — version propre, moderne, neutre */
.af-field input[type="text"],
.af-field input[type="password"],
.af-field input[type="email"],
.af-field input[type="number"],
.af-field input[type="url"],
.af-field input[type="tel"],
.af-field input[type="search"],
.af-field input[type="date"],
.af-field input[type="time"],
.af-field textarea,
.af-field select {
	width: 100%;
	padding: 10px 14px;
	font-size: 15px;
	border: 1px solid #ccc;
	border-radius: 6px;
	background: #fff;
	outline: none;
	box-shadow: none;
	transition: border-color 0.2s, box-shadow 0.2s;
	font-family: inherit;
}

/* Focus propre */
.af-field input:focus,
.af-field textarea:focus,
.af-field select:focus {
	border-color: #1976d2; /* bleu subtil */
	box-shadow: 0 0 0 2px rgba(25, 118, 210, 0.15);
}

/* Textarea resize */
.af-field textarea {
	resize: vertical;
	min-height: 120px;
}

/* Sélect propre */
.af-field select {
	background: #fff;
	cursor: pointer;
}

/* Labels plus propres – optionnel */
.af-field .af-label label {
	font-size: 14px;
	font-weight: 600;
	margin-bottom: 6px;
	display: inline-block;
}



/* Espace membre 2026 */


@font-face {
  font-family: "EloquiaTextRegular";
  src: url('webFonts/EloquiaTextRegular/font.woff2') format('woff2'), url('webFonts/EloquiaTextRegular/font.woff') format('woff');
}


@font-face {
  font-family: "EloquiaTextItalic";
  src: url('webFonts/EloquiaTextItalic/font.woff2') format('woff2'), url('webFonts/EloquiaTextItalic/font.woff') format('woff');
}



/* ===================================
   FILTRE SOMMET XN - STYLE PERSONNALISÉ
   =================================== */

/* Bouton Sommet Xn */
.esg-filterbutton[data-filter="filter-sommet-xn"] {
	background-color: #EDEDED !important;
	color: #000000 !important;
	border-color: #EDEDED !important;
}

.esg-filterbutton[data-filter="filter-sommet-xn"] span {
	color: #000000 !important;
}

/* Icône de vérification blanche */
.esg-filterbutton[data-filter="filter-sommet-xn"] .esg-filter-checked {
	color: #ffffff !important;
}

.esg-filterbutton[data-filter="filter-sommet-xn"] .esg-filter-checked i {
	color: #ffffff !important;
}

/* Hover state (même couleur) */
.esg-filterbutton[data-filter="filter-sommet-xn"]:hover {
	background-color: #EDEDED !important;
	color: #000000 !important;
	border-color: #EDEDED !important;
}





/* ===================================== */
/* PARTENAIRES XN */
/* ===================================== */

/* Background spécifique à la page */
body.page-template-template-partenaires {
	background-color: #ffffff;
}

/* Wrapper global */
.partenaires-wrapper-xn {
	max-width: 1200px;
	margin: 0 auto;
	text-align: center;
}

/* Titre principal (reste à gauche) */
body.page-template-template-partenaires h1 {
	text-align: left;
}

/* Titres des sections */
.partenaires-wrapper-xn h2 {
	text-align: left;
	margin-top: 60px;
	margin-bottom: 20px;
}

@media only screen and (max-width: 781px) {
	body.page-template-template-partenaires h1,
	.partenaires-wrapper-xn h1,
	.partenaires-wrapper-xn h2,
	.partenaires-wrapper-xn h3,
	.partenaires-wrapper-xn h4,
	.partenaires-wrapper-xn h5,
	.partenaires-wrapper-xn h6 {
		text-align: center;
	}
}

@media only screen and (max-width: 744px) {
	.logo-grid-xn {
		justify-content: center !important;
		margin-left: auto !important;
		margin-right: auto !important;
	}
}

/* ===================================== */
/* LOGO GRID (flex = centrage parfait) */
/* ===================================== */

.logo-grid-xn {
	display: flex;
	flex-wrap: wrap;
	justify-content: center; /* 🔥 centre même les lignes incomplètes */
	align-items: center;
	gap: 20px;
	max-width: calc(6 * 150px + 5 * 20px);
	margin: 0 auto;
	padding: 20px 0;
}

/* Bloc logo */
.logo-item-xn {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 150px;
	min-width: 150px;
	max-width: 150px;
	height: 100px;
	padding: 10px;
	box-sizing: border-box;
}

/* Image logo */
.logo-item-xn img {
	display: block;
	width: auto;
	max-width: 100%;
	height: auto;
	max-height: 100px;
	object-fit: contain; /* jamais de crop */
}

/* ===================================== */
/* MOBILE */
/* ===================================== */

@media (max-width: 414px) {
	.logo-grid-xn {
		gap: 10px;
	}

	.logo-item-xn {
		width: 100%;
		min-width: 100%;
		max-width: 100%;
		height: auto;
	}

	.logo-item-xn img {
		max-width: 40%;
		max-height: 70px;
		margin: 0 auto;
	}
}