/*
Theme Name: Salient Child Theme
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
Template: salient
Version: 1.0
*/


/* couleurs */
:root {
	--bleu: #0075b1;
	--bleu-moyen: #0099FF;
	--bleu-clair: #8CD1FF;
	--orange: #F07800; /* #FF9933 */
	--vert: #BED52F;
	--rouge: #CC3300;
	--gris: #999999;
	--gris-fonce: #666666;
	--gris-fond: #f5f5f5;
	--noir: #000;
	--blanc: #fff;
}
/*
media queries
	--phone: 480px;
	--tablet: 920px;
	--desktop: 1200px;
	--desktop-large: 1400px;
*/


/* Wysiwyg */
/* ********************************************************************************************* */
.chapeau {
	font-size: 27px;
	line-height: 35px;
	color: #000;
	font-weight: 300;
}
.textebleu {
	color: var(--bleu);
}
.texterouge {
	color: var(--rouge);
}
.textevert {
	color: var(--vert);
}
.textegris {
	color: var(--gris-fonce);
}
.legende {
	color: var(--gris-fonce);
	font-style: italic;
}
.bouton a,
a.bouton {
	border: 1px solid #000;
	border-radius: 20px;
	padding: 10px 40px 10px 20px;
	background: transparent url('images/plus.png') no-repeat 93% center;
	color: #000;
	font-size: 16px;
	text-transform: uppercase;
}



/* Commun */
/* ********************************************************************************************* */
h1 {
	color: #000;
	position: relative;
	padding-bottom: 32px;
	margin-bottom: 30px;
}
	h1:after {
		content:"";
		position: absolute;
		bottom: 0;
		left: 0;
		width: 199px;
		height: 25px;
		background-image: url('images/souligne-vert.png');
		background-repeat: no-repeat;
		background-size: 199px 25px;
	}
h2 {
	color: var(--orange) !important;
}
	h2.titre_niveau_1 {
		font-size: 54px;
	    line-height: 62px;
	    position: relative;
		padding-bottom: 32px;
	}
	h2.titre_niveau_1:nth-child(1):after {
		content:"";
		position: absolute;
		bottom: 0;
		left: 0;
		width: 199px;
		height: 25px;
		background-image: url('images/souligne-bleu.png');
		background-repeat: no-repeat;
		background-size: 199px 25px;
	}
	h2.titre_niveau_1:nth-child(2):after {
		content:"";
		position: absolute;
		bottom: 0;
		left: 0;
		width: 199px;
		height: 25px;
		background-image: url('images/souligne-rouge.png');
		background-repeat: no-repeat;
		background-size: 199px 25px;
	}
	h2.titre_niveau_1:nth-child(3):after {
		content:"";
		position: absolute;
		bottom: 0;
		left: 0;
		width: 199px;
		height: 25px;
		background-image: url('images/souligne-vert.png');
		background-repeat: no-repeat;
		background-size: 199px 25px;
	}
h3 {
	color: var(--bleu) !important;
}

.bouton {
	border: 1px solid #000;
	border-radius: 20px;
	padding: 10px 40px 10px 20px;
	background: transparent url('images/plus.png') no-repeat 93% center;
	color: #000;
	font-size: 16px;
	text-transform: uppercase;
}
.bouton_plus {
	padding: 0 50px 0 0;
	background: transparent url('images/suite.png') no-repeat right center;
	text-transform: uppercase;
	color: var(--noir);
}
.bouton_lien {
	padding: 0 20px 0 0;
	font-size: 16px;
	text-transform: uppercase;
	color: var(--gris);
	background: transparent url('images/arrow-right-red.png') no-repeat right center;
}

#newsletter .wpb_wrapper h2 {
	padding: 50px 0 0 0;
	background: transparent url('images/icon-newsletter.png') no-repeat center top;
}
#breadcrumbs span {
	font-size: 16px;
}
@media (max-width: 768px) {
	#breadcrumbs span {
		font-size: 14px;
		opacity: 0.8;
	}
}


.floating-menu li {
	list-style: none;
}

/* Nectar Slider | videos => object-fit = cover (sinon bandes noires) */
.nectar-slider-wrap video {
    object-fit: cover !important;
    width: 100% !important;
    height: 100% !important;
}



/* Global sections */
/* ********************************************************************************************* */
#cta_prescription {
	background: transparent url('images/fond-orange.png') no-repeat center center;
	background-size: 100% 100%;
}
	#cta_prescription .row_col_wrap_12 {
		padding: 22px 14px;
		cursor: pointer;
	}
	#cta_prescription .wpb_wrapper h2 {
		font-size: 24px;
	}
	#cta_prescription .wpb_wrapper h2 a {
		color: #000;
	}
	#cta_prescription .wpb_wrapper p {
		font-weight: 500;
		color: #fff;
	}
#cta_souhait {
	background: transparent url('images/fond-bleu.png') no-repeat center center;
	background-size: 100% 100%;
}
	#cta_souhait .row_col_wrap_12 {
		padding: 22px 14px;
		cursor: pointer;
	}
	#cta_souhait h3 {
		font-size: 24px;
	}
	#cta_souhait h3 a {
		color: #000;
	}
	#cta_souhait p {
		font-weight: 500;
		color: #fff;
	}
#benefices {
	background: #fff;
    padding: 34px 20px !important;
    border-radius: 20px;
}
	#benefices h2 {
		position: relative;
		padding-bottom: 32px;
	}
		#benefices h2:after {
			content:"";
			position: absolute;
			bottom: 0;
			left: 0;
			width: 199px;
			height: 25px;
			background-image: url('images/souligne-vert.png');
			background-repeat: no-repeat;
			background-size: 199px 25px;
		} 


@media (min-width: 1200px) {
	#cta_prescription:hover,
	#cta_souhait:hover {
		transform: translateX(-10px);
		transition: all 1s;
	}
}



/* header */
/* ********************************************************************************************* */
@media (min-width: 920px) {
	#top {
		background: transparent url('images/mulhouse.png') no-repeat 98% 30px;
	}
}
#top .container {
	width: 100% !important;
	max-width: unset;
	padding: 0;
}
#top .container .row {
	flex-wrap: wrap;
}
	#top .row .span_3 {
		text-align: left !important;
	}
	#logo {
		margin-top: 16px !important;
    	margin-bottom: 14px !important;
	}
		#logo img {
			margin: 0 0 0 20px !important;
			display: inline-block !important;
		}
			#logo:after {
				content: "Pour ma santé,\A je mets du MOUVEMENT dans ma vie !";
				white-space: pre-wrap;
				font-family: 'Gochi Hand';
			    font-weight: normal;
			    font-size: 32px;
			    line-height: 32px;
			    color: var(--orange);
			    display: inline-block;
			    position: absolute;
			    width: 500px;
	    		padding: 20px 0 20px 60px;
			}
#header-outer.small-nav #logo:after { /* onScroll header */
	font-size: 24px;
    line-height: 24px;
    padding: 14px 0 14px 40px;
}
#header-outer.small-nav #top {
	background-size: 120px;
}

	#top .col_last nav { /* menu --------------------- */
		background: var(--bleu);
		padding: 6px 0 6px 0;
		flex-direction: column;
	}
		#top .col_last nav > ul.sf-menu.sf-js-enabled {
			margin: 0 auto; 
		}
		#top .col_last nav ul.buttons.sf-menu {
			display: none !important; 
		}
			#top .col_last nav ul.sf-menu.sf-js-enabled li a {
				border-left: 1px solid #fff;
				padding-top: 0;
			    margin-bottom: 4px !important;
			    max-width: 88%;
			    display: inline-block;
			    text-align: left;
			}
				#top .col_last nav ul.sf-menu.sf-js-enabled li li a:focus-visible span,
				#top .col_last nav ul.sf-menu.sf-js-enabled li li a:focus span {
					color: var(--bleu) !important;
				}
				#top .col_last nav ul.sf-menu.sf-js-enabled li a span {
					color: #fff !important;
				}
				#top .col_last nav ul.sf-menu.sf-js-enabled li li a {
					border-left: none;
				}
				#top .col_last nav ul.sf-menu.sf-js-enabled li li:hover > a span {
					color: #000 !important;
				}
				#top .col_last nav ul.sf-menu.sf-js-enabled li li.current-menu-ancestor >a span,
				#top .col_last nav ul.sf-menu.sf-js-enabled li li.current-menu-item >a span {
					color: var(--bleu) !important;
				}

@media (min-width: 1200px) {
	#top .col_last nav > ul.sf-menu.sf-js-enabled > li {
		width: 16%;
	}
	#top .col_last nav ul.sf-menu.sf-js-enabled li a {
		min-height: 44px;
	}
	#top .col_last nav ul.sf-menu.sf-js-enabled li ul {
		width: 260px;
		padding-right: 0;
	}
	#top .col_last nav ul.sf-menu.sf-js-enabled li li a {
		min-height: unset;
		width: 100%;
	}
	#top .col_last nav ul.sf-menu.sf-js-enabled li li .sf-sub-indicator {
		top: 2px;
	}
}
@media (max-width: 920px) {
	#logo img {
		margin: 0 0 0 10px !important;
	}
	#logo:after {
	    font-size: 20px;
	    line-height: 20px;
	    width: 300px;
		padding: 20px 0 20px 14px;
	}
} 
@media (max-width: 480px) {
	#logo:after {
	    font-size: 16px;
	    line-height: 16px;
	    width: 300px;
		padding: 8px 0 10px 10px;
	}
} 
.slide-out-widget-area-toggle {
	padding-right: 8px !important;
}
.off-canvas-menu-container.mobile-only ul li a {
	text-align: left;
	display: block !important;
	padding: 14px 0 !important;
}
	.off-canvas-menu-container.mobile-only ul li a span {
		font-size: 28px;
	}


/* Temoignages */
/* ********************************************************************************************* */
#liste_temoignages { 
	display: flex;
	flex-wrap: wrap;
	gap: 20px 2%;
}
	.temoignage_element {
		width: 32%;
		border: 1px solid var(--gris);
	}
		.temoignage_image {
			overflow: hidden;
		}
			.temoignage_image img {
				width: 100% !important;
				height: 100% !important;
				object-fit: cover;
			}
		.temoignage_resume {
			padding: 6px 10px 5px 10px;
		}
		.temoignage_resume h3 {
			font-family: Barlow !important;
    		font-weight: 600 !important;
		}
		.temoignage_resume a {
			display: block;
		    margin: 0 0 0 auto;
		    font-size: 18px;
		    width: fit-content;
		}
.single-temoignage .rubrique {
	font-size: 24px;
	color: var(--gris);
}
.single-temoignage .photo_temoin {
	padding: 32px 0;
	margin: 0 0 40px 0;
	border: 1px solid var(--gris-fond);
}
	.single-temoignage .photo_temoin img {
		display: block;
		margin: 0 auto;
	}
.single-temoignage .liste_temoignages {
	padding: 60px 0;
}

@media (min-width: 1200px){
	.temoignage_element:hover img {
		transition: all 1s ease-out;
		transform: scale(1.1);
	}
}
@media (max-width: 920px){
	.temoignage_element {
		width: 43%;
	}
}
@media (max-width: 480px){
	#liste_temoignages { 
		gap: 20px 0;
	}
	.temoignage_element {
		width: 100%;
	}
}


/* Actualites */
/* ********************************************************************************************* */
#liste_actualites { 
	display: flex;
	flex-wrap: wrap;
	gap: 32px 2%;
}
	.actu_element {
		width: 32%;
		border: 1px solid var(--gris);
		position: relative;
		padding-bottom: 20px;
	}
		.actu_image {
			overflow: hidden;
			height: 30vh;
		}
			.actu_image img {
				width: 100% !important;
				height: 100% !important;
				object-fit: cover;
			}
		.actu_resume {
			padding: 6px 10px 5px 10px;
		}
		.actu_resume h3 {
			font-family: Barlow !important;
    		font-weight: 500 !important;
    		font-size: 26px;
    		line-height: 30px;
    		padding: 6px 0;
		}
		.actu_resume a {
			position: absolute;
			bottom: 4px;
			right: 0;
			display: block;
		    margin: 0 0 0 auto;
		    font-size: 18px;
		    width: fit-content;
		}
@media (min-width: 1200px){
	.actu_element:hover img {
		transition: all 1s ease-out;
		transform: scale(1.1);
	}
}
@media (max-width: 920px){
	.actu_element {
		width: 43%;
	}
}
@media (max-width: 480px){
	#liste_actualites { 
		gap: 20px 0;
	}
	.actu_element {
		width: 100%;
	}
}

ul.controls h3{
	font-family: Barlow;
}



/* Page Actualité ----------------------------------- */
.single-post h1 {
	text-shadow: 1px 1px 2px rgba(0,0,0,0.9);
}
	.single-post h1:after {
		display: none;
	}
.single-post #page-header-wrap .blog-title a {
	display: none;
}
.single-post #single-below-header .meta-date {
	display: none !important;
}
.single-post #breadcrumbs {
	display: none;
}
.single-post article .content-inner .meta-date.published {
	color: var(--gris-fonce);
	display: block;
	transform: translateY(-20px);
}
	.single-post article .content-inner .meta-date.published:before {
		content: 'Actualité publiée le : ';
	}
	.single-post article .content-inner .meta-date.published:after {
		content: '';
		display: block;
		width: 100px; 
		height: 1px;
		margin: 10px 0 0 0;
		background-color: var(--gris); 
	}




/* Liste des points de la carte */
/* ********************************************************************************************* */
.home #map {
	height: 400px;
}
#map {
	height: 600px;
}
#filters {
	margin-bottom: 0;
	text-align: center;
	background: var(--gris-fond);
}
	.filters_wrapper {
		padding: 20px 0;
		margin: 0 auto;
		width: fit-content;
		position: relative;
	}
	#filter-pratiquesportives,
	#filter-public,
	#filter-label {
		display: inline-block;
		width: fit-content;
		margin: 0 10px 0 0;
		background: #fff;
		border: 1px solid var(--bleu);
		position: relative;
		font-size: 15px;
	}
	#filter-typeinfrastructure {
		display: inline-block;
		width: fit-content;
		margin: 8px 0;
		background: #fff;
		border: 1px solid var(--bleu);
		font-size: 15px;
		position: relative;
	}
	.filters_divider {
		display: none;
		/*
		display: inline-block;
		width: 50px;
		height: 26px;
		background: transparent url('images/icon-divider.png') no-repeat center center;
		background-size: 26px 26px;
		*/
	}
	.filters_search {
		margin: 8px auto;
	}
		#filter-searchbar { /* Moteur de recherche */
			display: inline-block;
			background: #fff;
			border: 1px solid var(--bleu);
			width: 380px;
			font-size: 18px;
		}
		#btn-search {
			margin-left: 8px;
			padding: 10px;
			border: 1px solid var(--bleu);
			color: var(--gris-fonce);
			font-size: 20px;
		}
	.btn-localisation-user {
		background: transparent url('images/icon-localisation.png') no-repeat center center;
		width: 35px;
		height: 35px;
		margin: 0 0 0 12px;
		padding: 0 0 0 46px;
		transform: translateY(2px);
		border: none;
		position: relative;
		cursor: pointer;
	}
		.btn-localisation-user:after {
			display: none;
			position: absolute;
			right: 10px;
			bottom: 20px;
			content: "Localisez-vous pour calculer la distance jusqu'à chaque point de la carte. Votre navigateur web vous demandra une confirmation pour valider votre emplacement.";
			width: 240px;
			padding: 12px 26px;
			font-size: 16px;
			line-height: 19px;
			background: var(--gris-fond);
			border: 1px solid var(--bleu);
			border-radius: 5px;
			box-shadow: 3px 3px 15px 7px rgba(0,0,0,0.38);
		}
		.btn-localisation-user:hover:after {
			display: block;
		}

@media (min-width: 1200px) {
	.filters_wrapper {
		padding-left: 50px;
	}
	/*
	.filters_wrapper:before {
		content: "";
		position: absolute;
		display: inline-block;
		left: 0;
		top: 50%;
    	transform: translateY(-50%);
		background: transparent url('images/icon-filter.png') no-repeat left center;
		background-size: 35px 27px;
		width: 35px;
		height: 27px;
	}
	*/
}
@media (max-width: 920px) {
	.filters_divider {
		display: block;
	}
	#filter-activite,
	#filter-public,
	#filter-label {
		margin-bottom: 6px;
	}
	.filters_divider {
		display: block;
		width: 100%;
		margin: 6px 0;
	}	
	.pres-de-moi {
		padding: 10px 20px;
	    margin: 12px 14px;
	    background-color: var(--bleu);
	    border-radius: 4px;
	    color: #fff;
	}
}
@media (max-width: 760px) {
	.filters_wrapper {
		padding: 20px 14px;
	}
	#filter-activite,
	#filter-public,
	#filter-label {
		width: 100%;
	}
}

#liste_carte {
	padding: 60px 30px 0px;
	display: flex;
	flex-wrap: wrap;
	gap: 32px 2%;
	justify-content: center;
}
	.carte_element {
		position: relative;
		width: 23%;
		border: 1px solid var(--gris);
		border-radius: 5px;
		padding: 14px 8px 40px 10px;
		box-shadow: 2px 1px 10px 0px rgba(0,0,0,0.2);
	}
		.carte_element .carte_resume h3 {
			font-family: 'Barlow';
			font-size: 22px;
			line-height: 22px;
			font-weight: 600;
			padding: 0 0 10px 0;
			color: var(--noir) !important;
		}
			.carte_element .carte_resume .adresse {
				font-size: 17px;
    			line-height: 20px;
			}
			.carte_element .carte_logo {
				width: 100%;
				overflow: hidden;
				padding: 20px 0 10px 0;
			}
			.carte_element .carte_logo img {
				height: 88px;
				margin: 0 auto;
				display: block;
			}
			.carte_element .distance {
				font-size: 15px;
				padding: 20px 0 0 0;
			}
				.carte_element .distance strong {
					color: var(--orange);
				}
			.carte_element .distance-activite {
				font-weight: 400;
			}
			.carte_element .carte_resume a.bouton_plus {
				position: absolute;
				right: 0;
				bottom: 4px;
				font-size: 14px;
				color: var(--noir);
			}
			.carte_element .label-activite {
				position: absolute;
			    top: -22px;
				padding: 2px 10px 2px 27px;
				background: var(--blanc) url('images/label.png') no-repeat 6px 6px;
			    color: var(--orange);
			    border-radius: 4px;
			    border: 1px solid #e6e6e6;
			    font-size: 16px;
			}
@media (min-width: 1600px) {
	.carte_element {
		position: relative;
		width: 18%;
	}
}		
@media (max-width: 920px) {
	#liste_carte {
		padding: 16px 0;
		gap: 14px 2%;
	}
		.carte_element {
			width: 47%;
			padding: 10px 8px 32px 8px;
		}
		.carte_element .carte_resume h3 {
			font-size: 22px;
			line-height: 22px;
		}
			.carte_element .carte_logo img {
				width: 66% !important;
			}
			.carte_element .carte_resume a.bouton_plus {
				font-size: 12px;
			}
}
@media (max-width: 768px) {
	#liste_carte {
		padding: 16px 0;
		gap: 14px;
	}
		.carte_element {
			width: 96%;
		}
		.carte_element .carte_resume h3 {
			font-size: 20px;
			line-height: 20px;
			font-weight: 500;
		}
		.carte_element .carte_logo img {
			width: 52% !important;
		}
		.carte_element .carte_resume a.bouton_plus {
			font-size: 14px;
		}
}

/* points d'intérêts sur la carte */
.gm-style-iw .nom-activite,
.gm-style-iw .nom-activitenom-infrastructure {
	font-size: 20px;
	font-weight: 500;
}
.gm-style-iw .lien-fiche-activite {
	font-size: 14px;
	text-transform: uppercase;
	color: var(--gris-fonce);
}
.gm-style-iw .distance-activite strong {
	color: var(--orange);
}
.gm-style-iw .distance-activite a.tel-infrastructure {
	display: block;
	padding: 6px 0 0 0;
}
.logo-activite img {
	/*
	display: block;
	width: 120px !important;
	height: auto;
	margin: 0 auto;
	*/
}


/* Fiche détaillée Club / Association */
.single-club h1 {
	margin-bottom: 0;
}
	.single-club h1:after {
		display: none;
	}
	.single-club .labels img {
		width: 160px;
		height: auto;
		margin: 0 20px 0 0;
		padding: 0 0 36px 0;
	}
.club_liens {
	padding: 8px 10px 8px 0;
	margin: 0 0 20px 0;
}
	.club_liens .club_link {
		margin: 0 16px 0 0;
		text-indent: -9999px;
		display: inline-block;
		width: 41px;
		height: 32px;
	}
		.club_liens .club_link a {
			display: block;
		}
		.club_liens .club_link.club_web {
			background: transparent url('images/icon-web.png') no-repeat left center;
		}
		.club_liens .club_link.club_fb {
			background: transparent url('images/icon-fb.png') no-repeat left center;
		}
		.club_liens .club_link.club_you {
			background: transparent url('images/icon-you.png') no-repeat left center;
		}
		.club_liens .club_link.club_ln {
			background: transparent url('images/icon-ln.png') no-repeat left center;
		}
		.club_liens .club_link.club_instagram {
			background: transparent url('images/icon-instagram.png') no-repeat left center;
		}
		.club_liens .club_link.club_x {
			background: transparent url('images/icon-x.png') no-repeat left center;
		}
@media (min-width: 1200px) {
	.club_liens .club_link:hover {
		opacity: 0.8;
	}
}
.club_entete {
	margin: 0 0 40px 0;
	clear: both;
}
	.club_entete:after {
		content: '';
		display: block;
		clear: both;
	}
	.club_entete .club_activites {
		float: left;
		width: 69%;
	}
	.club_entete .club_presentation {
		float: left;
		width: 69%;
	}
	.club_entete .logo_association {
		width: 30%;
	}
	.club_entete .logo_association.logoleft {
		float: left;	
	}
	.club_entete .logo_association.logoright {
		float: right;	
	}
		.single-club .logo_association img {
			display: block;
			max-width: 250px;
			height: auto;
			margin: 0 auto;
		}
@media (max-width: 920px) {
	.club_entete {
		flex-wrap: wrap;
	}
		.club_entete .club_activites {
			width: 100%;
			order: 2;
			margin: 0 0 20px 0;
		}
		.club_entete .club_presentation {
			width: 100%;
			order: 3;
		}
		.club_entete .logo_association {
			width: 100%;
			padding: 0 0 30px 0;
			order: 1;
		}
}		

.club_horaires {
	margin: 0 0 60px 0;
}
.club_tarifs {
	margin: 0 0 60px 0;
}
.club_contact {
	margin: 0 0 60px 0;
	clear: both;
}
	.club_contact h2 {
		width: fit-content;
		border-left: 1px solid var(--gris);
		border-right: 1px solid var(--gris);
		border-top: 1px solid var(--gris);
		border-top-left-radius: 6px;
		border-top-right-radius: 6px;
		padding : 6px 20px 6px 50px;
		margin: 0;
		background: var(--gris-fond) url('images/icon-contact.png') no-repeat 10px center;
	}
	.club_contact .club_contact_wrapper {
		border: 1px solid var(--gris);
		padding: 30px;
	}
	.club_contact .club_contact_wrapper p {
		padding-bottom: 14px;
	}
	.club_contact .club_contact_wrapper p span {
		font-weight: 500;
	}
.carte_global {
	margin: 20px 0 0 0;
}
.carte_global .bouton_plus {
	margin-top: 80px;
	display: inline-block;
}


@media (max-width: 768px) {
	.club_contact .club_contact_wrapper {
		padding: 30px 14px;
	}
}

/* Infrastructures */
.single-infrastructure .infra_coordonnees {
	margin: 30px 0;
	padding: 30px 30px 30px 80px;
	border: 1px solid var(--bleu-moyen);
	background: var(--gris-fond) url('images/pin.png') no-repeat 18px 30px;
}


/* Formulaires */
.wpcf7 .form_wrapper {
	display: flex;
	flex-wrap: wrap;
}
	.rgpd {
		font-size: 17px;
		line-height: 20px;
		font-style: italic;
		color: var(--gris-fonce);
		padding: 30px 0;
	}
	.wpcf7 .form_col p {
		font-size: 15px;
	}
	.wpcf7 .form_col:nth-child(2) .wpcf7-form-control-wrap,
	.wpcf7 .form_col:nth-child(3) .wpcf7-form-control-wrap {
		background-color: rgba(0, 0, 0, .04);
	    border-radius: 4px;
	    border: 2px solid transparent;
	    padding: 10px;
	    width: 100%;
	    line-height: 24px;
	}
	.wpcf7 .form_col:nth-child(3) .wpcf7-form-control-wrap {
		margin: 0 0 12px 0;
	}
@media (min-width: 921px) {
	.wpcf7 .form_col:first-child {
		width: 100%;
		padding: 0 3% 0 0;
	}
	.wpcf7 .form_col:nth-child(2),
	.wpcf7 .form_col:nth-child(3) {
		width: 42%;
		padding: 0 3% 0 0;
	}
}
@media (max-width: 920px) {
	.wpcf7 .form_wrapper {
		flex-wrap: wrap;
	}
	.wpcf7 .form_col {
		width: 100%;
		padding: 0;
	}
}


/* Footer */
/* ********************************************************************************************* */
#footer-outer {
	border-top: 15px solid var(--bleu-clair);
}
	.widget_block h4 {
		font-size: 20px !important;
		text-transform: uppercase;
	}
	#block-13,
	#block-14 {
		display: inline-block;
	}
	#block-13 a,
	#block-14 a {
		text-indent: -9999px;
		margin: 0 10px 0 0;
		width: 32px;
		height: 32px;
		display: block;
	}
	#block-13 a {
		background: transparent url('images/icon-fb.png') no-repeat center center;
	}
	#block-14 a {
		background: transparent url('images/icon-you.png') no-repeat center center;
	}


/************************ toaster ************************/

.toast { 
  position: fixed; 
  top: 245px; 
  right: 25px; 
  max-width: 300px; 
  background: #fff; 
  padding: 0.5rem; 
  border-radius: 4px; 
  box-shadow: -1px 1px 10px
      rgba(0, 0, 0, 0.3); 
  z-index: 1023; 
  animation: slideInRight 0.3s 
          ease-in-out forwards, 
      fadeOut 0.5s ease-in-out
      2.5s forwards;

  transform: translateX(110%);
} 


.toast.closing { 
  animation: slideOutRight 0.5s 
      ease-in-out forwards; 
} 

.toast-progress { 
  position: absolute; 
  display: block; 
  bottom: 0; 
  left: 0; 
  height: 4px; 
  width: 100%; 
  background: #b7b7b7; 
  animation: toastProgress 3s 
      ease-in-out forwards; 
} 

.toast-content-wrapper { 
  display: flex; 
  justify-content: space-between; 
  align-items: center; 
} 

.toast-icon { 
  padding: 0.35rem 0.5rem; 
  font-size: 1.5rem; 
} 

.toast-message { 
  flex: 1; 
  font-size: 0.9rem; 
  color: #000000; 
  padding: 0.5rem; 
}

.toast-overlay {
  z-index: 9999;
}

.toast.toast-success { 
  background: #95eab8; 
} 

.toast.toast-success .toast-progress { 
  background-color: #2ecc71; 
} 

.toast.toast-danger { 
  background: #efaca5; 
} 

.toast.toast-danger .toast-progress { 
  background-color: #e74c3c; 
} 

.toast.toast-info { 
  background: #bddaed; 
} 

.toast.toast-info .toast-progress { 
  background-color: #3498db; 
} 

.toast.toast-warning { 
  background: #ead994; 
} 

.toast.toast-warning .toast-progress { 
  background-color: #f1c40f;
} 

@keyframes slideInRight { 
  0% { 
      transform: translateX(110%); 
  } 

  75% { 
      transform: translateX(-10%); 
  } 

  100% { 
      transform: translateX(0%); 
  } 
} 

@keyframes slideOutRight { 
  0% { 
      transform: translateX(0%); 
  } 

  25% { 
      transform: translateX(-10%); 
  } 

  100% { 
      transform: translateX(110%); 
  } 
} 

@keyframes fadeOut { 
  0% { 
      opacity: 1; 
  } 

  100% { 
      opacity: 0; 
  } 
} 

@keyframes toastProgress { 
  0% { 
      width: 100%; 
  } 

  100% { 
      width: 0%; 
  } 
}

/********* labels *********/
.labels {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-bottom: 12px;
}

.labels img {
	width: 10em;
	height: auto;
}

@media (max-width: 768px) {
	.labels {
		justify-content: center;
	}
	.labels img {
		width: 8em;
	}
}