/*
Theme Name: CODIS
*/

@import url('https://fonts.googleapis.com/css2?family=Mitr:wght@500&family=Montserrat:wght@300;600&display=swap');


html {font-size: 100%;}

body {
	background-color: black;
	font-size:15px;
	line-height: 1.5;
	font-weight: 400;
	margin: 0;
	height: 0;
	padding: 0;
	font-family: 'Montserrat', sans-serif;
	color:#6E6E6E;
}


h1, main h2, main h3, main h4, main h5, main h6, main p, main ul, 
form .wp-block-columns{
	max-width:700px;
	margin: 0 auto 1em auto;
}
h1, main h2, main h3, main h4, main h5, main h6{
	line-height: 1.05;
	color:#333333;
}

.masonry-filters .wp-block-buttons{
	display:inline-block !important;
	text-align:center;
}
	.masonry-filters .wp-block-buttons>.wp-block-button{
		margin:.25em;
	}

h1,
.hero-slider .slide-content p{
	font-family: 'Mitr', sans-serif;
	font-size: 3.2em;
	margin: 0;
	line-height: 1;
	margin: 0 0 .5em 0;
}
main h2{
	font-family: 'Mitr', sans-serif;
	font-size: 2.2em;
	line-height:1.35;
	padding-bottom: 0;
	padding-top: .5em;
}
	main h2 strong{
		display: inline-block;
		position: relative;
	}
	main h2 strong::after{
		content: "";
		display: block;
		position: absolute;
		height: .15em;
		top: 1em;
   		left: 0;
		border-radius: 1em;
		z-index: 0;
		width: 100%;
		margin:.2em 0 0 0;
		background: #333;
		display: inline;
	}
main h3{
	font-size: 1.6em;
	line-height: 1.2;
}
main h4, .chapo{
	font-size: 1.4em;
	line-height: 1.2;
}
main h5{
	font-size: 1.3em;
	line-height: 1.4;
}
main h6{
	font-size: 1.2em;
	font-weight: 600;
	margin-bottom: 2em;
	line-height: 1.5;
}

main p{
	font-size:1.1em;
	line-height: 1.5;
}

main a{
	color:#96be1e;
}
	main a:hover{
		color:#628202;
	}

main hr{
	border: none;
	height: 1px;
	background: #95a1b1;
}

main img{
	height: auto;
	border-radius: 5px;
}

main ul li{
	list-style: none;
	padding: 0 0 .7em 1.5em;
	display: block;
	position: relative;
}
	main ul li::before{
		display: block;
		position: absolute;
		top:.2em;;
		left:-1.5em;
		height: 1em;
		width: 1em;		content:url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYWxxdWVfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgdmlld0JveD0iMCAwIDE2IDE2IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxNiAxNiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxwYXRoIGZpbGw9IiM5NkJFMUUiIGQ9Ik05LjgsMTRjLTAuMSwwLjEtMC4yLDAuMS0wLjMsMC4yYy0wLjEsMC0wLjIsMC4xLTAuMywwLjFjLTAuMiwwLTAuNS0wLjEtMC42LTAuM2MtMC4yLTAuMi0wLjMtMC40LTAuMy0wLjYKCWMwLTAuMSwwLTAuMiwwLjEtMC4zYzAtMC4xLDAuMS0wLjIsMC4yLTAuM0wxMi40LDlIMS41QzEuMiw4LjksMSw4LjgsMC44LDguNkMwLjcsOC41LDAuNiw4LjIsMC42LDhzMC4xLTAuNSwwLjMtMC42CglDMSw3LjIsMS4yLDcuMSwxLjUsNy4xaDEwLjlMOC42LDMuM0M4LjUsMy4yLDguNCwzLjEsOC40LDNTOC4zLDIuOCw4LjMsMi43YzAtMC4yLDAuMS0wLjUsMC4zLTAuNkM4LjgsMS45LDksMS44LDkuMiwxLjgKCWMwLjEsMCwwLjIsMCwwLjMsMC4xQzkuNiwxLjksOS43LDIsOS44LDJsNS4zLDUuM2MwLjEsMC4xLDAuMSwwLjIsMC4yLDAuM2MwLDAuMSwwLjEsMC4yLDAuMSwwLjNzMCwwLjItMC4xLDAuMwoJYzAsMC4xLTAuMSwwLjItMC4yLDAuM0w5LjgsMTR6Ii8+Cjwvc3ZnPgo=");
	}

main ol{
	list-style: none;
  counter-reset: my-awesome-counter;
}

	main ol li{
		padding: 0 0 .7em 1em;
		position: relative;
		counter-increment: my-awesome-counter;
	}
		ol li::before {
		  content: counter(my-awesome-counter) ". ";
		  color: #96be1e;
		  font-weight: bold;
		}


.wp-block-gallery ul{
	max-width: none;
	width: 100%;
}
	.wp-block-gallery ul li::before{
		display: none;
	}

blockquote, .wp-block-verse{
	padding: .5em 1em .5em 2em;
	border-left: 3px solid #CFE09B;
	max-width: 700px;
    margin: 2em auto 2em auto;
    box-sizing: border-box;
}
	blockquote, .wp-block-verse{
		background: #CFE09B;
		padding: 1em 2em 1em 4em;
		border-radius: 1em;
		color: #333333;
		margin: 2em auto;
		background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iQ2FscXVlXzEiIGRhdGEtbmFtZT0iQ2FscXVlIDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDY0IDY0Ij48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6IzMzMzt9PC9zdHlsZT48L2RlZnM+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMzAuNSwxOS40NWExMy4xNCwxMy4xNCwwLDAsMC01Ljg2LDI0LDMuNjQsMy42NCwwLDAsMSwxLjY1LDMuMDZ2MS4wOUgzNy41NXYtMWEzLjY2LDMuNjYsMCwwLDEsMS42MS0zLjA2LDEzLjEzLDEzLjEzLDAsMCwwLTguNjYtMjRaIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMjYuMzUsNTMuMzJhMS41MywxLjUzLDAsMCwwLC41NywxLjE5bDEuNjEsMS4zNWExLjU5LDEuNTksMCwwLDAsMSwuMzZoNWExLjM0LDEuMzQsMCwwLDAsMS0uMzZsMS42MS0xLjM1YTEuNTMsMS41MywwLDAsMCwuNTctMS4xOVY1MC40MUgyNi4zNVoiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0zMiwxNS40YTEuNjEsMS42MSwwLDAsMCwxLjYxLTEuNlY5LjM5YTEuNjEsMS42MSwwLDEsMC0zLjIyLDB2NC4zNUExLjYsMS42LDAsMCwwLDMyLDE1LjRaIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMjEuMjYsMTcuMTFhMS42NCwxLjY0LDAsMCwwLDEuNC44MywxLjQsMS40LDAsMCwwLC43OC0uMkExLjU3LDEuNTcsMCwwLDAsMjQsMTUuNTZsLTIuMTgtMy43OWExLjU5LDEuNTksMCwxLDAtMi43NCwxLjYxWiIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTExLjI1LDIyLjM1LDE1LDI0LjUzYTEuNDMsMS40MywwLDAsMCwuNzguMjEsMS42MywxLjYzLDAsMCwwLDEuNC0uODMsMS41OSwxLjU5LDAsMCwwLS41Ny0yLjE4bC0zLjc5LTIuMThhMS42LDEuNiwwLDAsMC0yLjE4LjU3QTEuNjMsMS42MywwLDAsMCwxMS4yNSwyMi4zNVoiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik00OC4xMywyNC42OWExLjMzLDEuMzMsMCwwLDAsLjc4LS4yMWwzLjc4LTIuMThhMS41OSwxLjU5LDAsMCwwLTEuNi0yLjc1TDQ3LjMsMjEuNzNhMS41NywxLjU3LDAsMCwwLS41NywyLjE4QTEuNTgsMS41OCwwLDAsMCw0OC4xMywyNC42OVoiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik00MC41MSwxNy42OWExLjQ4LDEuNDgsMCwwLDAsLjc3LjIsMS42MywxLjYzLDAsMCwwLDEuNC0uODNsMi4xOC0zLjc4YTEuNTgsMS41OCwwLDAsMC0uNTctMi4xOCwxLjU1LDEuNTUsMCwwLDAtMi4xOC41N2wtMi4xNywzLjc5QTEuNjEsMS42MSwwLDAsMCw0MC41MSwxNy42OVoiLz48L3N2Zz4=);
		background-position: 1em 1em;
		background-repeat: no-repeat;
		background-size: 3em;
	}

blockquote.notation{
	margin-top:4rem;
	background:none;
	border-radius:0;
	border-left:#96be1e solid 2px;
}
	blockquote.notation li:before{
		content:"";
		display:none;
	}

main .wp-block-image img{

}
	main .masonry .wp-block-image img{
		border-radius:0 !important;
	}

form input, form textarea{
	width: 100%;
    padding: 1em;
    margin-bottom: 1em;
    font-size: 1em;
	line-height:1.6;
    box-sizing: border-box;
    color: #333333;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    /* box-shadow: 0 0.2em 0.2em rgb(0 0 0 / 20%) inset; */
    border-radius: .7em;
    background: rgba(255,255,255,1);
    border: 1px solid rgba(0,0,0,.1);
}

	.footer-widget-4 input{
		padding: .8em;
		 font-size: 1em;
		background: rgba(255,255,255,.9);
		color: #111;
	}


.nf-before-form-content{
	text-align: center;
}

/* zone push articles */
.zone_push{
	display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
    justify-content: center;
    column-gap: 4em;
}
	.zone_push .push_image{
		width: 20em;
	}
	.zone_push .push_image img{
		width: 100%;
		height: auto;
	}

.wpcf7 label{
	font-weight: bold;
	line-height: 2em;
	font-size: 1em;
}
.wpcf7-not-valid{
	border-color: #dc3232;
}
.wpcf7 .wpcf7-spinner{
	display:block;
}
.wpcf7-submit{
	width: auto;
	height: 3em;
	padding: 1em 2em;
}
.wpcf7-checkbox, .wpcf7-checkbox label{
	text-align: left;
	font-size: .9em;
	font-weight: normal;
	line-height: 1.3em;
}
	.wpcf7-checkbox input{
		line-height: 0;
		display: inline-block;
		height: 1.2em;
		width: 1.2em;
		padding: 0;
		margin: 0 0.4em 0 0;
	}
	.wpcf7 .ajax-loader{
		display: block !important;
		margin: 0 auto !important;
	}
	.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.sent .wpcf7-response-output{
		border-radius: 1em;
		border: none;
		color: #111;
		padding: 1em 2em;
	}
	.wpcf7 form.sent .wpcf7-response-output{
		background: #46b450;
	}
	.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output{
		background: #ffb900;
	}



.btn, .header-btn a, .button, .wp-block-button__link, .wp-block-search__button, .wpcf7-submit, #mailjetSubscriptionForm input[type="submit"]{
	text-transform: uppercase;
	color:#fff !important;
	border-radius: 50px !important;
	padding: 0.5em 1em;
	text-decoration: none;
	font-size:.9em !important;
	font-weight: 600;
	display: inline-block;
	transition: all ease-out 250ms;
	border: none !important;
	font-family: 'Montserrat', sans-serif !important;
	background-color: #96be1e !important;
	cursor: pointer;
	box-sizing: border-box;
	text-align: center;
	box-shadow: 0 0 0 rgba(20,20,20,0);
	transform: translate(0,0);
}
	.btn:hover, .header-btn a:hover, .button:hover, .wp-block-button__link:hover, .wp-block-search__button:hover, .wpcf7-submit:hover, #mailjetSubscriptionForm input[type="submit"]:hover, .is-style-outline a:hover{
		box-shadow: 0 1em 2em rgba(20,20,20,.3);
		transform: translate(0,-.3em);
		background-color: #628202 !important;
	}
.btn-primary, .wp-block-button__link, .wpcf7-submit, #mailjetSubscriptionForm input[type="submit"]{
	/*background-color:#96be1e !important;*/
	
}
	.btn-primary:hover, .wp-block-button__link:hover, .wpcf7-submit:hover{
		/* background-color: #B2CE0C !important; */
		
		color: #fff !important;
	}
	.btn-inverted, .is-style-outline a{
		background-color:#fff !important;
		border:1px solid #96be1e !important;
		color:#96be1e !important;
	}
		.btn-inverted:hover, .is-style-outline a:hover{
			background-color:#fff !important;
			border:1px solid #628202 !important;
			color:#628202 !important;
		}
	.has-green-background-color .wp-block-button a{
		background-color:#fff !important;
		color:#96be1e !important;
	}
		.has-green-background-color .wp-block-button a:hover{
			background-color:#fff !important;
			color:#628202 !important;
		}
	.has-green-background-color li::before{
		content:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI1LjQuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhbHF1ZV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgMTYgMTYiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDE2IDE2OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6I0ZGRkZGRjt9Cjwvc3R5bGU+CjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik05LjgsMTRjLTAuMSwwLjEtMC4yLDAuMS0wLjMsMC4yYy0wLjEsMC0wLjIsMC4xLTAuMywwLjFjLTAuMiwwLTAuNS0wLjEtMC42LTAuM2MtMC4yLTAuMi0wLjMtMC40LTAuMy0wLjYKCWMwLTAuMSwwLTAuMiwwLjEtMC4zYzAtMC4xLDAuMS0wLjIsMC4yLTAuM0wxMi40LDlIMS41QzEuMiw4LjksMSw4LjgsMC44LDguNkMwLjcsOC41LDAuNiw4LjIsMC42LDhzMC4xLTAuNSwwLjMtMC42CglDMSw3LjIsMS4yLDcuMSwxLjUsNy4xaDEwLjlMOC42LDMuM0M4LjUsMy4yLDguNCwzLjEsOC40LDNTOC4zLDIuOCw4LjMsMi43YzAtMC4yLDAuMS0wLjUsMC4zLTAuNkM4LjgsMS45LDksMS44LDkuMiwxLjgKCWMwLjEsMCwwLjIsMCwwLjMsMC4xQzkuNiwxLjksOS43LDIsOS44LDJsNS4zLDUuM2MwLjEsMC4xLDAuMSwwLjIsMC4yLDAuM2MwLDAuMSwwLjEsMC4yLDAuMSwwLjNzMCwwLjItMC4xLDAuMwoJYzAsMC4xLTAuMSwwLjItMC4yLDAuM0w5LjgsMTR6Ii8+Cjwvc3ZnPgo=");
	}

.btn-accent, #dialog-etre-rappele .wpcf7-submit{
	background-color: #96be1e !important;
}
	.btn-accent:hover, #dialog-etre-rappele .wpcf7-submit:hover{
		background-color: #628202 !important;
	}
.btn-secondary{
	border: 1px solid #96be1e !important;
	background: rgba(255,255,255,.5) !important;
	color: #96be1e !important;
}
	.btn-secondary:hover{
		border: 1px solid #628202 !important;
		background: rgba(255,255,255,1) !important;
		color: #628202 !important;
	}


	
.is-layout-flex{
	display:flex !important;
}

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


.wp-block-buttons.is-vertical.is-layout-flex .wp-block-button{
	margin-bottom:0.5em !important;
}


main{
	width:100%;
	margin:0 auto;
	padding: 2em 0 0 0;
	background: #fff;
	box-shadow: 0 1em 2em #000;
	z-index: 2;
	position: relative;
}
	.home main{
		padding: 0;
	}

.wp-block-group{
	padding: 6em 0;
}
.wp-block-group:first-child{
	padding: 2em 0 6em 0;
}
	.content .wp-block-group:nth-child(2), .content .wp-block-group:nth-child(3), .content .wp-block-group:nth-child(4), .content .wp-block-group:nth-child(5){
		padding: 0 0 6em 0;
	}


.encadre{
  background: #eee;
  padding: 20px 40px;
  box-shadow: 1px 1px 10px #eee;
  margin: 2em auto;
}

header{
	width: 100%;
	margin:0 auto;
	padding: 0;
	height:7em;
	box-sizing: border-box;
	background: rgba(255,255,255,1);
	transition: all ease-out 250ms;
	z-index: 999;
	position: fixed;
	top: 0;
	box-shadow: 0 0 .5em rgba(0,0,0,.3);
}

.scroll-started header{
	height:5em;
	top:0;
}


#search{
	position: relative;
	display: inline-block;
	float: left;
}


#logo{
	position: relative;
	display: block;
	float:left;
	height: 5em;
	margin: 1em 0 0 0;
	transition: all ease-in-out 250ms;
}
	.scroll-started #logo{
		height:4em;
		margin: 0.5em 0 0 0;
	}
	#logo img{
		width:auto;
		height: 100%;
		position: relative;
	}









footer{
	z-index: 1;
	position: relative;
	color: #fff;
	/*box-shadow: inset 0 1em 3em #111;*/
	 /* ff 3.6+ */
    background:-moz-radial-gradient(ellipse at 50% 0%, #3F3F3F 0%, #111111 25%, #111111 100%);

    /* safari 5.1+,chrome 10+ */
    background:-webkit-radial-gradient(ellipse at 50% 0%, #3F3F3F 0%, #111111 25%, #111111 100%);

    /* opera 11.10+ */
    background:-o-radial-gradient(ellipse at 50% 0%, #3F3F3F 0%, #111111 25%, #111111 100%);

    /* ie 10+ */
    background:-ms-radial-gradient(ellipse at 50% 0%, #3F3F3F 0%, #111111 25%, #111111 100%);

    /* global 92%+ browsers support */
    background:radial-gradient(ellipse at 50% 0%, #3F3F3F 0%, #111111 25%, #111111 100%);


}
	footer a{
		color: #fff;
		text-decoration: none;
	}
		footer a:hover{
			color: #96be1e;
		}
	footer h6{
		color: #ccc;
	}
	footer h6{
		color: #999;
		margin-bottom: 1em;
	}
	.footer-top{
		background: #333333;
		padding: 2em 0;
		text-align: center;
	}
		.footer-top h4{
			display: inline-block;
			margin: 0 1em 0 0;
		}

	

	.footer-widgets .container{
		padding: 3em 0;
		border-bottom: 1px solid #666;
	}
		.footer-widgets .footer-widget-1, .footer-widgets .footer-widget-2, .footer-widgets .footer-widget-3, .footer-widgets .footer-widget-4{
			float: left;
			box-sizing: border-box;
			margin-right: 5%;
			width: 21.25%;
		}
		.footer-widgets{
			text-align: center;
		}
		.footer-widgets img{
			width: 5em;
			height: auto;
		}
		.footer-widgets h4{
			color: #fff;
			margin-top:0;
		}
		.footer-widgets p{
			color: #ccc;
		}
		.footer-widgets .footer-widget-4{
			margin-right: 0;
		}
		.footer-widget-4 .wpcf7-submit{
			height: auto;
		}
		.footer-widget-4 .wpcf7-submit{
			height: auto;
		}
		


	.footer-menu{
		padding: 3em 0 6em 0;
	}
	.footer-menu .footer-menu-1, .footer-menu .footer-menu-2, .footer-menu .footer-menu-3, .footer-menu .footer-menu-4{
		float: left;
		box-sizing: border-box;
		margin-right: 5%;
	}
		.footer-menu .footer-menu-1{
			width:36%;
		}
			.footer-menu .footer-menu-1 .col{
				float: left;
			}
				.footer-menu .footer-menu-1 .col-img{
					width:22%;
					margin-right: 13%;
				}
				.footer-menu .footer-menu-1 .col-img img{
					width:100%;
					height: auto;
				}
		.footer-menu .footer-menu-2{
			width:16%;
		}
		.footer-menu .footer-menu-3{
			width:16%;
		}
		.footer-menu .footer-menu-4{
			width:15%;
			margin-right: 0;
		}


	.footer-menu ul{
		margin: 0;
		padding: 0;
		list-style: none;
	}
		.footer-menu ul li{
			padding-left: 1em;

		}
		.footer-menu ul li a{
			text-decoration: none;
			margin: 0 0 1em 0;
			display: inline-block;
		}


.alignwide{
	max-width: 700px;
	margin: 0 auto;
}
	.single-produits .content{
		font-size: 1.1em;
		line-height: 1.7;
	}

.single-produits .caracteristiques{
	display: flex;
    align-items: center;
    column-gap: 2em;
    flex-direction: row;
	padding-bottom:2em;
}
	.single-produits .caracteristiques span{
		display: flex;
    	align-items: center;
    	column-gap: 0.5em;
    	flex-direction: row;
		text-transform:uppercase;
	}
	.single-produits .caracteristiques img{
		width:2em;
		height:auto;
	}


.container, .liste-tuiles, .page-title .container, .wp-block-group__inner-container{
	max-width: 1140px !important;
	width: 100%;
	margin: 0 auto;
	padding: 0;
	position: relative;
	box-sizing: border-box;
	display: block;
}

.slide, img {
  height: 100%;
  width: 100%;
}

#carousel-slider {
  height: 520px;
  width: 800px;
}


.has-light-grey-background-color{
	background: #eeeeee;
}
.has-middle-grey-background-color{
	background: #6E6E6E;
	color: #fff;
}
	.has-middle-grey-background-color h1, .has-middle-grey-background-color h2, .has-middle-grey-background-color h3, .has-middle-grey-background-color h4, .has-middle-grey-background-color h5, .has-middle-grey-background-color h6{
		color: #fff;
	}
	.has-middle-grey-background-color h2 strong::after{
		background: #fff;
	}

.has-dark-grey-background-color{
	background-color: #333333;
	background-image: url("img/bkgd-circle-white.svg");
	background-repeat: no-repeat;
	background-size: 100%;
    background-position: 0%;
	color: #fff;
}
	.has-dark-grey-background-color h1, .has-dark-grey-background-color h2, .has-dark-grey-background-color h3, .has-dark-grey-background-color h4, .has-dark-grey-background-color h5, .has-dark-grey-background-color h6{
		color: #fff;
	}
	.has-dark-grey-background-color h2 strong::after{
		background: #fff;
	}

.has-green-background-color{
	background: #96be1e;
	color: #fff;
	background-image: url("img/bkgd-circle-white.svg");
	background-repeat: no-repeat;
	background-size: 100%;
    background-position: 0%;
}
	.has-green-background-color h1, .has-green-background-color h2, .has-green-background-color h3, .has-green-background-color h4, .has-green-background-color h5, .has-green-background-color h6{
		color: #fff;
	}
	.has-green-background-color h2 strong::after{
		background: #fff;
	}


.clear{
	clear: both;
}

.spacer{
	display: block;
	width: 100%;
	height: 4em;
}


.wp-block-embed iframe {
    max-width: 100%;
    width: 100%;
    height: 625px;
	border-radius: 2em;
}
.wp-block-embed iframe, iframe{
	border-radius: 2em;
}

figure{
	padding: 0;
	margin: 0;
}



/* BANCEAU COOKIES */
.cli-bar-btn_container{
	display: block !important;
	text-align: center !important;
	align-items: center !important;
}
	.cli-bar-btn_container a{
		border-radius: 40px;
	}
.cli-bar-message{
	text-align: center !important;
}
	.cli-bar-message a{
		color:rgb(150, 190, 30) ;
	}



.page-title{
	padding: 2em 0 4em 0;
	margin: 6em 0 0 0;
	text-align: left;
	z-index: 5;
	position: relative;
	min-height: 20em;
	background: #eee url("img/section-separation-arrondie.svg") bottom center no-repeat;
	background-size: 100% auto;
	overflow: hidden;
}
	.page-title .container{
		z-index: 2;
		position: relative;
		display: flex;
    	align-items: center;
	}
	.page-title .page-title-group{
		z-index: 5;
	}
	.page-title .breadcrumb{
		font-size: .8em;
		margin: 0 0 1em 0;
		position: absolute;
		top:0;
		z-index: 1;
	}
		.page-title .breadcrumb  a{
			color:#6E6E6E;
		}
			.page-title .breadcrumb  a:hover{
				color:#96be1e;
			}
	.page-title h1{
		position: relative;
		z-index: 1;
	}
	.page-title .intro{
		position: relative;
		z-index: 3;
		font-size: 1.1em;
	}
	.page-title .ctas{
		position: relative;
		z-index: 3;
	}
		.page-title .ctas .btn{
			width: 47%;
		}
		.page-title .ctas .btn:nth-child(2){
			margin-left: 3%;
		}

	.page-title .background-image{
		display: block;
		position: relative;
		z-index: 0;
		padding-left: 5vw;
	}

		.page-title .background-image img {
			display: block;
			position: relative;
			z-index: 0;
			margin: 0;
			padding: 0;
			top:0;
			right: 0;
			object-fit: cover;
			height: 45vh;
   			width: 45vh;
			border-radius: 100%;
			background: #ccc;
			max-width:none !important;
			max-height:none !important;
		}
			.single-produits .page-title .background-image img{
				
			}
				.background-galery{
					padding-left: 5vw;
				}
				.background-galery .slick-list{
					width: 27vw;
					height: 27vw;
					overflow: hidden;
					border-radius: 100%;
				}
			.page-title .background-image::after{
				content: '';
				display: block;
				width: 116%;
				height: 116%;
				right: -7.5vw;
				top: -8%;
				position: absolute;
				z-index: 2;
				background: url("./img/page-title-circle.svg") top left no-repeat;
				background-size: contain;
			}
			.single-produits .page-title .background-image::after{
				right: -8vw;
				top: -8%;
			}


	.page-title.page-title-full, .hero-slider {
		background:#000;
		min-height: 5vh;
		text-align: center;
		color: #fff;
		padding-top: 6em;
	}
		.wp-block-eedee-block-gutenslider .eedee-gutenslider-nav, .wp-block-eedee-block-gutenslider .eedee-gutenslider-nav svg{
			background: #96be1e;
    		border-radius: 100%;
		}
		.page-title.page-title-full .container{
			height: 50vh;
    		justify-content: center;
		}
		.page-title.page-title-full h1, .hero-slider .slide-content p{
			color:#fff;
			text-align: center;
		}
		.page-title.page-title-full .background-image{
			display: block;
			position: absolute;
			width:100%;
				height: 100%;
			z-index: 0;
			padding-left: 0;
			left: 0;
			top: 0;
		}
			.page-title.page-title-full .background-image img{
				width:100%;
				height: 100%;
				position: absolute;
				top: 0;
				left: 0;
				opacity: .6;
				border-radius: 0;
				z-index: 0;
			}
			.hero-slider.slides-number .eedee-background-div img{
				opacity: 0.6;
			}
			.page-title.page-title-full .background-image::after,
			.hero-slider::after{
				content: "";
				position: absolute;
				top: 70.2%;
				left: 0;
				width: 100%;
				height: 30%;
				z-index: 1;
				background: url("img/section-separation-arrondie-transparent.svg") top center no-repeat !important;
				background-size:cover !important;
			}
				.page-title.page-title-404 .background-image::after{
						content: none;
					}
			.page-title.page-title-full .breadcrumb, .page-title.page-title-full .breadcrumb a,
			.page-title.page-title-full .date, .page-title.page-title-full .date a{
				color:#fff;
			}





.category .page-title.page-title-full .container, .page-id-133 .page-title.page-title-full .container, .page-id-647 .page-title.page-title-full .container{/* page actualités et formulaires  */
	height: 30vh;
	justify-content: center;
}


.category-childs{
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
    grid-template-columns: repeat(2, 1fr);
}
	.category-childs::after{
	  content: "";
	  display: table;
	  clear: both;
	}
	.category-childs .category-child{
		margin: 2em 0 0 0;
	}
	.category-childs .category-child:nth-child(1), .category-childs .category-child:nth-child(2n+1){
		margin-left: 0%;
	}
	.category-childs .category-child-image{
		width: 3em;
    	height: 3em;
    	margin: 0 5% 0 0;
		float: left;
		border-radius: 100%;
		box-sizing: border-box;
		background-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iQ2FscXVlXzEiIGRhdGEtbmFtZT0iQ2FscXVlIDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDY0IDY0Ij48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2NmZTA5Yjt9PC9zdHlsZT48L2RlZnM+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNNDEuODIsMzUuMjRhMTYuNTUsMTYuNTUsMCwxLDEsMC0yMy40LDE2LjU1LDE2LjU1LDAsMCwxLDAsMjMuNCIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTU3LjQ1LDM1LjU0LDQzLjM4LDM2Ljc2bDIuNDcsMi40NEEyMi4xOCwyMi4xOCwwLDAsMSw3Ljk0LDIzLjkxLDI0LDI0LDAsMCwwLDYuNTUsMzJjMCwxMy44MywxMS42NiwyNSwyNi4wNSwyNUEyNi4zNiwyNi4zNiwwLDAsMCw1My41NSw0Ni44NWwyLjY4LDIuNjRaIi8+PC9zdmc+");
		background-size:100% 100%;
		background-repeat:no-repeat;
		background-position:center center;
	}
		.category-childs .category-child-image img{
			width: 60%;
			margin: 20% 20% 15% 20%;
			height: auto;

		}
	.category-childs .category-child-description{
		float: left;
		width: 75%;
	}




.wp-block-gallery, .blocks-gallery-grid{
	display: flex !important;
	flex-wrap: wrap;
	column-gap:1em;
	row-gap:1em;
	margin-bottom:1em !important;
}
	.wp-block-gallery.columns-2 .blocks-gallery-item, .wp-block-post-template.is-flex-container.is-flex-container.columns-2>li{
		width: 48% !important;
		padding:0 !important;
		margin:0 !important;
	}	
.wp-block-gallery.columns-3 .blocks-gallery-item, .wp-block-post-template.is-flex-container.is-flex-container.columns-3>li{
		width: 32% !important;
		padding:0 !important;
		margin:0 !important;
	}
	.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image, .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item, .wp-block-gallery:not(.has-nested-images) .blocks-gallery-image, .wp-block-gallery:not(.has-nested-images) .blocks-gallery-item{
		padding:0 !important;
		margin:0 !important;
}
	.wp-block-gallery.columns-4 .blocks-gallery-item{
		width: calc(25% - 0.66667em) !important;
		padding:0 !important;
		margin:0 !important;
	}


.cards-list{
	 margin-bottom:2em;
}
	.cards-list ul{
		max-width: none;
		width: 100%;
	}
	.cards-list ul li::before{
		display: none;
	}
	.cards-list.wp-block-gallery .blocks-gallery-item, .cards-list .blocks-gallery-item{
		flex-grow:0 !important;
		height: 15em;
	}


.wp-block-gallery.trombinoscope, .wp-block-gallery.cards-list{
	display:flex !important;
}	
	.cards-list.trombinoscope .blocks-gallery-item{
		max-width: calc(20% - 0.66667em);
	}
		.cards-list .card-link, .cards-list.trombinoscope li{
			width: 100%;
			box-sizing: border-box;
			display: block;
			overflow: hidden;
			position: relative;
			color: #fff;
			text-decoration: none;
			background: #111;
			border-radius: 2em;
			transform: translate(0,0);
			box-shadow: 0 0 0 rgba(0,0,0,0);
			transition: all ease-in-out 250ms;
			padding:0 !important;
		}
			.cards-list .card-link:hover, .cards-list.trombinoscope li:hover{
				transform: translate(0,-16px);
				box-shadow: 0 4px 8px rgba(0,0,0,0.2), 0 16px 24px rgba(0,0,0,0.2);
			}
			.cards-list .card-link::before{
				display: block;
				position: absolute;
				bottom: 1.1em;
   				 right: 1.2em;
   				 height: 1.2em;
    			width: 1.3em;
				z-index: 5; content:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI1LjQuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhbHF1ZV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgMTYgMTYiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDE2IDE2OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6I0ZGRkZGRjt9Cjwvc3R5bGU+CjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik05LjgsMTRjLTAuMSwwLjEtMC4yLDAuMS0wLjMsMC4yYy0wLjEsMC0wLjIsMC4xLTAuMywwLjFjLTAuMiwwLTAuNS0wLjEtMC42LTAuM2MtMC4yLTAuMi0wLjMtMC40LTAuMy0wLjYKCWMwLTAuMSwwLTAuMiwwLjEtMC4zYzAtMC4xLDAuMS0wLjIsMC4yLTAuM0wxMi40LDlIMS41QzEuMiw4LjksMSw4LjgsMC44LDguNkMwLjcsOC41LDAuNiw4LjIsMC42LDhzMC4xLTAuNSwwLjMtMC42CglDMSw3LjIsMS4yLDcuMSwxLjUsNy4xaDEwLjlMOC42LDMuM0M4LjUsMy4yLDguNCwzLjEsOC40LDNTOC4zLDIuOCw4LjMsMi43YzAtMC4yLDAuMS0wLjUsMC4zLTAuNkM4LjgsMS45LDksMS44LDkuMiwxLjgKCWMwLjEsMCwwLjIsMCwwLjMsMC4xQzkuNiwxLjksOS43LDIsOS44LDJsNS4zLDUuM2MwLjEsMC4xLDAuMSwwLjIsMC4yLDAuM2MwLDAuMSwwLjEsMC4yLDAuMSwwLjNzMCwwLjItMC4xLDAuMwoJYzAsMC4xLTAuMSwwLjItMC4yLDAuM0w5LjgsMTR6Ii8+Cjwvc3ZnPgo=");
			}
		.cards-list figcaption{
			transition: all ease-in-out 250ms !important;
			width: 85%;
			background: none !important;
			padding: 1em 2em 1em 2em !important;
			overflow: unset !important;
			bottom: 1.1em !important;
			display:flex;
			flex-direction:column;
		}

			.wp-block-gallery figcaption h3, .cards-list figcaption p{
				color:#fff !important;
				text-align: left;
				transition: all ease-in-out 250ms !important;
				margin:0 0 1em 0;
			}
			.wp-block-gallery figcaption h3{
				margin-bottom: 0.3em !important;
			}
			.wp-block-gallery figcaption p{
				opacity: 0 !important;
			}
				.cards-list .blocks-gallery-item .card-link:hover figcaption p{
					opacity: 1 !important;
				}
		.cards-list .blocks-gallery-item img{
			opacity: .6 !important;
			transform: scale(1) !important;
			transform-origin: center center !important;
			transition: all ease-in-out 500ms !important;
			position:absolute;
		}
		.cards-list .blocks-gallery-item .card-link:hover img, .cards-list.trombinoscope li:hover img{
			opacity: .2 !important;
			transform: scale(1.1) !important;
		}
		.wp-block-gallery .blocks-gallery-item figcaption .description{
			margin-top: 1.4em;
			transition: all ease-in-out 250ms !important;
		}


	/* PAGES */
	.cards-list.cards-pages .blocks-gallery-item{
		height: 15em;
	}
.wp-block-gallery.columns-3 .blocks-gallery-item{
	max-width: calc(33.33333% - 0.66667em);
}
		.cards-list.cards-pages .blocks-gallery-item figcaption {
			opacity: 1;
			bottom: 0 !important;
		}
			.cards-list.cards-pages .blocks-gallery-item .card-link:hover figcaption{

			}
		.cards-list.cards-pages .blocks-gallery-item figcaption .description{
			opacity: 0;
			height: 0px !important;
			display: inline-block;
			margin: 0 !important;
			padding: 0 !important;
			overflow: hidden;
		}
			.cards-list.cards-pages .blocks-gallery-item .card-link:hover figcaption .description{
				height: 11.5em !important;
				opacity:1 !important;
				overflow: none;
			}

	/* TROMBINOSCOPE */
	.cards-list.trombinoscope .blocks-gallery-item{
		height: 25em !important;
	}
	.cards-list.trombinoscope figcaption{
		bottom: -1.2em !important;
		text-align: center !important;
	}
		.cards-list.trombinoscope figcaption p{
			opacity: 0 !important;
			height: 0 !important;
			text-align: center !important;
		}
		.cards-list.trombinoscope figcaption .liens{
			opacity: 0 !important;
			height: 0 !important;
			transition: all ease-in-out 250ms;
		}
			.cards-list.trombinoscope figcaption .liens a{
				width:3em !important;
				height: 3em !important;
				display: inline-block !important;
				margin-left: 1em !important;
				text-align: center !important;
				border: 1px solid #fff !important;
				border-radius: 3em !important;
			}
			.cards-list.trombinoscope figcaption .liens a:first-child{
				margin-left: 0 !important;
			}
			.cards-list.trombinoscope figcaption .liens a.linkedin{
				background: url("img/linkedin.svg") center center no-repeat;
				background-size: 50% 50%;
			}
			.cards-list.trombinoscope figcaption .liens a.email{
				background: url("img/email.svg") center center no-repeat;
				background-size: 50% 50%;
			}
		.cards-list.trombinoscope li:hover figcaption{
			bottom: 0em !important;
		}
		.cards-list.trombinoscope li:hover figcaption p{
			opacity: 1 !important;
			height: 5em !important;
		}
		.cards-list.trombinoscope li figcaption h3{
			text-align: center !important;
		}
		.cards-list.trombinoscope li:hover figcaption .liens{
			opacity: 1 !important;
			height: 5em !important;
		}


	/* CATEGORIES PRODUITS */
	.cards-list.cards-categories-produits .blocks-gallery-item{
		height: 25em;
	}
		.cards-list.cards-categories-produits figcaption{
			bottom:-.4em;
		}
	.cards-list.cards-categories-produits figcaption p{
			height: 0;
		}
		.cards-list.cards-categories-produits .card-link:hover figcaption p{
			height: 19em;
		}

	/* PRODUITS */
	.cards-list.cards-produits .blocks-gallery-item{
		height: 13em;
	}
		.cards-list.cards-produits .card-link{
			background: #eee !important;
			transition: all ease-in-out 250ms !important;
		}
		.has-light-grey-background-color .cards-list.cards-produits .card-link,
		.has-dark-grey-background-color .cards-list.cards-produits .card-link{
			background: rgba(255,255,255,0.9) !important;
		}
			.cards-list.cards-produits .card-link:hover{
				background: rgba(255,255,255,1) !important;
			}
			.cards-list.cards-produits .card-link::before{							content:url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYWxxdWVfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgdmlld0JveD0iMCAwIDE2IDE2IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxNiAxNiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxwYXRoIGZpbGw9IiM5NkJFMUUiIGQ9Ik05LjgsMTRjLTAuMSwwLjEtMC4yLDAuMS0wLjMsMC4yYy0wLjEsMC0wLjIsMC4xLTAuMywwLjFjLTAuMiwwLTAuNS0wLjEtMC42LTAuM2MtMC4yLTAuMi0wLjMtMC40LTAuMy0wLjYKCWMwLTAuMSwwLTAuMiwwLjEtMC4zYzAtMC4xLDAuMS0wLjIsMC4yLTAuM0wxMi40LDlIMS41QzEuMiw4LjksMSw4LjgsMC44LDguNkMwLjcsOC41LDAuNiw4LjIsMC42LDhzMC4xLTAuNSwwLjMtMC42CglDMSw3LjIsMS4yLDcuMSwxLjUsNy4xaDEwLjlMOC42LDMuM0M4LjUsMy4yLDguNCwzLjEsOC40LDNTOC4zLDIuOCw4LjMsMi43YzAtMC4yLDAuMS0wLjUsMC4zLTAuNkM4LjgsMS45LDksMS44LDkuMiwxLjgKCWMwLjEsMCwwLjIsMCwwLjMsMC4xQzkuNiwxLjksOS43LDIsOS44LDJsNS4zLDUuM2MwLjEsMC4xLDAuMSwwLjIsMC4yLDAuM2MwLDAuMSwwLjEsMC4yLDAuMSwwLjNzMCwwLjItMC4xLDAuMwoJYzAsMC4xLTAuMSwwLjItMC4yLDAuM0w5LjgsMTR6Ii8+Cjwvc3ZnPgo=");
			}
			.cards-list.cards-produits figcaption, .cards-list.cards-produits .card-link:hover figcaption{
				width: 40% !important;
				position: relative !important;
				display: flex !important;
				align-items: center !important;
				left: auto !important;
				top: auto !important;
				bottom: auto !important;
				padding: 2em 2em 2em 0 !important;
				height: 100% !important;
				justify-content: center;
			}
			.cards-list.cards-produits figcaption h3{
				color:#333 !important;
				font-size: 1.3em !important;
			}
			.cards-list.cards-produits .caracteristiques{
				display:flex;
				width:100%;
				flex-direction:column;
				column-gap:1em;
				align-items:flex-start;
				justify-content:center;
				padding-bottom:0;
			}
				.cards-list.cards-produits .caracteristiques span{
					display:flex;
					flex-direction:row;
					font-size:.9em;
					color:#333;
					column-gap:1em;
					align-items:center;
					justify-content:center;
					text-transform:uppercase;
				}
				.cards-list.cards-produits .caracteristiques img{
					width:2em !important;
					height:auto !important;
					object-fit:contain !important;
					opacity:1 !important;
					margin:0 !important;
					padding:0 !important;
					position:relative !important;
				}
			.cards-list.cards-produits .image-produit img, .cards-list.cards-produits .card-link:hover .image-produit img{
				width: 9em !important;
				height: 9em !important;
				position: relative !important;
				display: inline-block !important;
				vertical-align: top !important;
				left: auto !important;
				bottom: auto !important;
				margin: 2em !important;
				opacity: 1 !important;
			}

	/* ARTICLES */
	.cards-list.cards-articles{

	}
	.cards-list.cards-articles .card-link{
		background: rgba(255,255,255,0.5);
		height: 41em;
		transition: all ease-in-out 250ms;
		color: #333;
		display: block;
		text-decoration: none;
	}
		.cards-list.cards-articles .card-link:hover{
			background: rgba(255,255,255,1);
		}
		.cards-list.cards-articles .card-link::before{
			display: block;
			position: absolute;
			bottom: 1.7em;
			right: 1.7em;
			height: 2em;
			width: 2em;
			z-index: 5; content:url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYWxxdWVfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgdmlld0JveD0iMCAwIDE2IDE2IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxNiAxNiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxwYXRoIGZpbGw9IiM5NkJFMUUiIGQ9Ik05LjgsMTRjLTAuMSwwLjEtMC4yLDAuMS0wLjMsMC4yYy0wLjEsMC0wLjIsMC4xLTAuMywwLjFjLTAuMiwwLTAuNS0wLjEtMC42LTAuM2MtMC4yLTAuMi0wLjMtMC40LTAuMy0wLjYKCWMwLTAuMSwwLTAuMiwwLjEtMC4zYzAtMC4xLDAuMS0wLjIsMC4yLTAuM0wxMi40LDlIMS41QzEuMiw4LjksMSw4LjgsMC44LDguNkMwLjcsOC41LDAuNiw4LjIsMC42LDhzMC4xLTAuNSwwLjMtMC42CglDMSw3LjIsMS4yLDcuMSwxLjUsNy4xaDEwLjlMOC42LDMuM0M4LjUsMy4yLDguNCwzLjEsOC40LDNTOC4zLDIuOCw4LjMsMi43YzAtMC4yLDAuMS0wLjUsMC4zLTAuNkM4LjgsMS45LDksMS44LDkuMiwxLjgKCWMwLjEsMCwwLjIsMCwwLjMsMC4xQzkuNiwxLjksOS43LDIsOS44LDJsNS4zLDUuM2MwLjEsMC4xLDAuMSwwLjIsMC4yLDAuM2MwLDAuMSwwLjEsMC4yLDAuMSwwLjNzMCwwLjItMC4xLDAuMwoJYzAsMC4xLTAuMSwwLjItMC4yLDAuM0w5LjgsMTR6Ii8+Cjwvc3ZnPgo=");
		}

		.cards-list.cards-articles figure{
			width: 100%;
			height: 13em;
			display: block;
			position: relative;
			overflow: hidden;
			border-radius: 2em;
		}
			.cards-list.cards-articles figure img{
				display: block;
				position: absolute;
				z-index: 0;
				margin: 0;
				padding: 0;
				top:0;
				left: 0;
				height: 100%;
				width: 100%;
				object-fit: cover;
				overflow: hidden;
				transform: scale(1);
				transition: all ease-in-out 750ms;
			}
			.cards-list.cards-articles .card-link:hover figure img{
				transform: scale(1.2);
			}
		.cards-list.cards-articles .group-title{
			padding: 1em 2em;
		}
			.cards-list.cards-articles .group-title h3{
				margin: 1em 0;
			}
		.cards-list.cards-articles .group-title .wp-block-post-date{
			margin-top:2em;
			display: block;
			position: absolute;
			bottom:2em;
			left:2em;
		}




.timeline{

}
	.timeline .wp-block-columns{
		padding: 3em 0;
		position: relative;
		margin-bottom: 0;
	}
		.timeline .wp-block-columns::before{
			content: "";
			display: block;
			position: absolute;
			left: 28.1%;
			bottom: 0;
			background:#96be1e;
			width: 3px;
			height:100%;
			border-radius: 3em;
			margin-left: .5em;
			z-index: 0;
		}
	.timeline .wp-block-column  h3{
		margin: .7em 0 0 0;
		opacity: 0;
		transform: translate(-200px,0);
		transition: all ease 500ms;
		transition-delay: 200ms;
		transform-origin: center right;
	}
		.timeline .wp-block-column  h3::after{
			content: "";
			display: inline-block;
			vertical-align: middle;
			background:#96be1e;
			width: 1em;
			height:1em;
			border-radius: 3em;
			margin-left: .5em;
			z-index: 3;
			position: relative;
		}
		.timeline .wp-block-column  h3.in-view{
			opacity: 1;
			transform: translate(0,0);
		}
	.timeline .wp-block-column  p{
		vertical-align: middle;
		background: #eee;
		padding: 2em;
		border-radius: 2em;
		opacity: 0;
		transform: translate(200px,0);
		transition: all ease 500ms;
		transition-delay: 200ms;
	}
		.timeline .wp-block-column  p.in-view{
			opacity: 1;
			transform: translate(0,0);
		}
	.timeline .wp-block-column  p.check::after, .timeline .wp-block-column  p.uncheck::after{
		content: "";
		display: block;
		width: 2em;
		height: 2em;
		position: absolute;
		top:-.5em;
		right:-.5em;
	}
		.timeline .wp-block-column  p.check::after{
			background: url("img/icons/check.svg") center center no-repeat;
			background-size: 100% 100%;
		}
		.timeline .wp-block-column  p.uncheck::after{
			background: url("img/icons/uncheck.svg") center center no-repeat;
			background-size: 100% 100%;
		}



/* MASONRY */
.masonry{
	text-align: center;
	padding-top: 0;
}
.masonry figure{
	width: 14%;
	height: auto;
	display: inline-block;
	margin: 1%;
	vertical-align: middle;
	transition: all ease 500ms;
}
	.masonry figure img{
		text-align: center;
		width: 100%;
		height: auto;
	}
	.masonry figure.hidden{
		width: 0%;
		height: 0%;
		margin: 0%;
	}



/* PAGE BLANK (formulaires popin) */

#fancybox-outer, #fancybox-content{
	border-radius:3em !important;
}
.page-template-page-blank .page-title{
	margin:0;	
	text-align:center;
	color:#333;
	padding:1em 0 0 0;
}
	.page-template-page-blank main{
		width:100%;
		padding:2em;
		box-sizing: border-box;
	}
.btn-flottant{
	width: 80px;
    height: 80px;
    position: fixed;
    z-index: 999;
    bottom: 2em;
    right: 2em;
    text-align: center;
    font-size: 12px !important;
    line-height: 1.1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    row-gap: 0.4em;
    padding: 0 0 0.6em 0;
}
	.btn-flottant img{
		width: 2em;
		height: auto;
	}



/* DESKTOP ONLY */

@media (min-width:1024px){


	.page-title h1{
		width: 700px;
	}


	/* MENU */
	#menu{
		position: relative;
		z-index: 9999;
	}
		#menu .menu-btn{
			display: none;
		}
		#menu .menu-container, #menu .menu-menu-principal-container, #menu .menu-menu-principal-en-container, #menu .menu-menu-secondaire-container{
			float:right;
		}
			#menu ul{
				display: inline-block;
				float: left;
				text-align: left;
				width: auto;
				padding: 0;
				margin: 0;
			}
			#menu ul li{
				display: inline-block;
				width: auto;
				margin: 0;
				padding: 0;
			}
			#menu ul li a{
				text-decoration: none;
				vertical-align: middle;
				padding: 1.5em 1em;
				font-size:1em;
				line-height: 4em;
				margin: 0;
				display: inline-block;
				width: auto;
				transition: all ease-in-out 210ms;
				background: none;
				color:#333333;
			}
				.scroll-started #menu ul li a{
					padding: 0.5em 1em;
				}
			#menu ul li a img{
				vertical-align: middle;
			}
				#menu ul li a:hover, #menu ul li.current-menu-item a{
					color:#96be1e;
				}

			#menu ul li.header-btn a{
				font-size: 0.8em;
				text-decoration: none;
				text-transform: uppercase;
				color: #fff;
				background-color: #333333;
				border-radius: 4px 4px 4px 4px;
				padding: .7em 1.em;
				margin: 1em 0 1em 1em;
				line-height: 1em;
			}
				#menu ul li.header-btn a:hover{
					background-color: #000;
				}
			#menu ul li.menu-item-has-children a::after{
				content: "";
				display: inline-block;
				height: 1em;
				width: 1em;
				background: url(./img/icons/dark/caret-down.svg);
				vertical-align: middle;
				margin-left: 0.1em;
				transition: all ease-in-out 250ms;
			}
			 #menu ul li.current-menu-item a::after{
				background: url(./img/icons/green/caret-down.svg);
			}
			#menu ul li.menu-item-has-children:hover a::after{
				background: url(./img/icons/green/caret-up.svg);
			}

				#menu ul li ul, #menu ul li.menu-item-has-children ul{
					position: fixed;
					opacity: 0;
					width: 100%;
					height:0;
					left: 0;
					top:7em;
					padding: 1em 3em 2em 3em;
					margin: 0;
					box-sizing: border-box;
					display:flex;
					justify-content: space-around;
					visibility: hidden;
					z-index: 0;
					background: #fff;
					box-shadow: 0px 10px 20px rgba(0, 0, 0, .1), 0px 40px 60px rgba(0, 0, 0, .05);
					transition: all 200ms ease-in-out;
					transition-delay:10ms;
					border-radius:0 0 2em 2em;
					transform:scaleY(.7);
					transform-origin: center top;
				}
					.scroll-started #menu ul li ul{
						top:5em;
					}

					#menu ul li.menu-item-has-children:hover ul{
						opacity: 1;
						height:auto;
						transform:scaleY(1);
						z-index: 1;
						visibility: visible;
					}
					#menu ul li.menu-item-has-children ul li{
						box-sizing: border-box;
						margin: 1em 0;
						vertical-align: top;
						padding: 0;
					}
					/* produits */
					#menu ul li.menu-item-has-children.menu-item-522 ul{
						display: block;
					}
						#menu ul li.menu-item-has-children.menu-item-522 ul li{
							width:19.7%;
						}
						#menu ul li.menu-item-has-children.menu-item-522 ul li a{
							justify-content: flex-start;
    						flex-direction: row;
							align-items: center;
							text-align: left;
						}
						#menu ul li.menu-item-has-children.menu-item-522 ul li a span{
							text-align: left;
						}
						#menu ul li.menu-item-has-children.menu-item-522 ul li a img{
							width:4em;
							height:4em;
							margin: 0 1em 0 0;
						}

					#menu ul li.menu-item-has-children ul li a{
						text-transform: none;
						border-bottom:none;
						width:100%;
						color: #333333;
						line-height:1.2;
						font-weight: 600;
						padding: 0;
						display: flex;
   						justify-content: center;
						flex-direction: column;
						text-align: center;
						transition: all ease-out 250ms;
						transform: translate(0,0);
					}
						#menu ul li.menu-item-has-children ul li a:hover{
							transform: translate(0,-.5em);
						}
						#menu ul li.menu-item-has-children ul li a img{
							border-radius: 100%;
							width: 8em;
							height: 8em;
							margin: 0 auto 1em auto;
							padding: 0;
							box-shadow: 0 0 0 0 rgba(0,0,0,0);
							transition: all ease-out 250ms;
						}
							#menu ul li.menu-item-has-children ul li a:hover img{
								box-shadow: 0 .5em 2em -.5em rgba(0,0,0,.2);
							}
						#menu ul li.menu-item-has-children ul li a span{
							margin: 0;
							padding: 0;
							text-align: center;
						}
						#menu ul li.menu-item-has-children ul li a:hover, #menu ul li ul li.current-menu-item a:hover{
							color:#96be1e;
						}
						#menu ul li.menu-item-has-children ul li.menu-item-575 a{
							color:#96be1e;
						}
							#menu ul li.menu-item-has-children ul li.menu-item-575 a:hover{
								color:#628202;
							}

							#menu ul li.menu-item-has-children ul li ul{
								width:100%;
								box-sizing: border-box;
								background: none;
								padding: 1em 5% 0 0;
								margin: 0;
								position: relative;
								float: none;
								box-shadow: none;
								display: inline-block;
								top: auto;
							}
							#menu ul li.menu-item-has-children ul li ul li{
								width:100% !important;
								margin: .2em 0 0 1.5em;
								display: inline-block;
								box-sizing: border-box;
							}
							#menu ul li.menu-item-has-children ul li ul li a{
								text-transform: none;
								border-bottom:none;
								width:100%;
								color: #333333;
								line-height:1.2;
								background: none;
								padding: 0;
								margin: 0;
								position: relative;
								float: none;
								font-weight: normal;
								display: inline-block;
							}
								#menu ul li.menu-item-has-children ul li ul li a:hover{
									transform: translate(.2em,0);
								}
							#menu ul li.menu-item-has-children ul li ul li a::after, #menu ul li.menu-item-has-children ul li a::after{
								content: none;
								display: none;
							}
	.hide-desktop{
		display: none !important;
	}

}



/* MOBILE */
@media (max-width:1024px){

	.breadcrumb{
		display: none;
	}

	.hero-slider .slide-content p{
		font-size: 2.3em;
		width: 65vw !important;
		margin-bottom: 1.2em;
	}
	h1{
		font-size: 2.3em;
		width: 100% !important;
		margin-bottom: 1.2em;
	}
	main h2{
		font-size: 1.6em;
		line-height: 1.15;
		margin-top: 1em;
	}

	 header{
		height: 6em;
	}
		#logo{
			height: 4em;
			margin-left: 1em;
		}
	.scroll-started header{
		height: 4em;
		top:0;
	}
		.scroll-started #logo{
			height: 3em;
			margin-left: 1em;
		}


	
	/* MENU */
	#menu{
		position: fixed;
		right:0;
		top:0;
		z-index: 9999;
	}
		#menu .menu-btn{
			position: fixed;
			z-index: 3;
			width: 7em;
			margin: 0em;
			padding: 1em;
			top: 1em;
			right: 0;
			text-align: right;
			display: block;
			color: #fff;
			cursor: pointer;
			transition: all ease-in-out 250ms;
		}
			.scroll-started #menu .menu-btn{
				opacity: 1;
				top:0;
			}
			.scroll-started #menu .menu-btn, .menu-opened #menu .menu-btn{
				color: #0D4343;
			}
			.scroll-started #menu .menu-btn:hover{
				color: #011313;
			}
			#menu .menu-btn span{
				height: 0em;
				line-height: 0.2;
				display: inline-block;
				vertical-align: text-top;
			}
			#menu .menu-btn img{
				width:2em;
				height: 2em;
				margin-left: 0.5em;
			}
			#menu .menu-btn img.icon-menu-vert{
				display: none;
			}
			#menu .menu-btn img.icon-menu-blanc{
				display: inline-block;
			}
				.scroll-started #menu .menu-btn img.icon-menu-vert{
					display: inline-block;
				}
				.scroll-started #menu .menu-btn img.icon-menu-blanc{
					display: none;
				}
		#menu .menu-btn-open{
			display:block;
		}
		#menu .menu-btn-close{
			display:none;
		}
			.menu-opened #menu .menu-btn-close{
				display:block;
			}
			.menu-opened #menu .menu-btn-open{
				display:none;
			}


		#menu .menu-container{
			position: fixed;
			width:100%;
			height: 100vh;
			overflow-y: auto;
			font-size: 1.3em;
			top:0;
			right: -100%;
			z-index: 2;
			opacity: 0;
			background:#fff;
			transition: all 200ms ease-in-out;
			box-shadow: 0 0 3em rgba(0,0,0,.4);
		}
			.menu-opened #menu .menu-container{
				right:0px;
				opacity: 1;
			}
			#menu .menu-menu-principal-container{
				display: flex;
				align-items: center;
				min-height: 100%;
				width: 100%;
			}

			#menu ul{
				width:100%;
				padding: 4em 1em;
				box-sizing:border-box;
				font-size:0.9em;
				line-height: 1.1em;
				margin: 0 auto;
				text-align: center;
			}
			#menu ul li{
				display:inline-block;
				width:100%;
				text-align: left;
				line-height: 1.5em;
				padding: 0;
				box-sizing: border-box;
				margin: 0.5em 0;
				line-height: 1em;
			}
				#menu ul li:nth-child(1), #menu ul li:nth-child(2){
				}
			#menu .menu-container.visible li{
				margin-left: 0%;
				opacity:1;
			}

			#menu ul li a{
				width:100%;
				display: flex;
				align-items: center;
				font-size:1.1em;
				line-height: 1.2;
				text-decoration: none;
				transition: all 250ms ease-in-out;
				padding: 0;
				padding: 0.5em 0;
				transition:none;
				color: #111;
			}
				#menu ul li a:hover, #menu ul li.current-menu-item a{
					color:#011313;

				}
				#menu ul li.menu-item-has-children > a::after{
					content: "";
					display: inline-block;
					height: 1em;
					width: 1em;
					position: absolute;
					right: 1em;
					background: url("./img/icons/dark/caret-right.svg");
					vertical-align: middle;
					margin-left: 0.1em;
					transition: all ease-in-out 250ms;
				}
				#menu ul li.menu-item-has-children ul li.menu-item-has-children > a::after{
					margin-top: 0;
					height: 1.1em;
					width: 1.1em;
				}

				#menu ul li.menu-item-has-children > ul{
					padding: 0;
					box-sizing: border-box;
					transition: all 200ms ease-in-out;
					font-size: 1em;
					position: fixed;
					top:0;
					right: -130%;
					background: #fff;
					padding: 4em 1em 6em 1em;
					z-index: 3;
					height: 100vh;
					overflow-y: auto;
					box-shadow: 0 0 3em rgba(0,0,0,.4);
				}
					#menu .btn-retour{
						display: block;
						height: 1.3em;
						width: 1.3em;
						position: absolute;
						top: 1.6em;
						left: 0.6em;
						background: url("./img/icons/dark/caret-left.svg");
						z-index: 10;
					}
					#menu ul li.menu-item-has-children > ul.visible{
						right:0;
					}
					#menu ul li.menu-item-has-children > ul li a{
						font-size:1em;
					}
					#menu ul li.menu-item-has-children > ul li a img{
						width:3em;
						height: 3em;
						border-radius: 100%;
						padding: 0;
					}




	#menu .header-btn a{
		font-size: 0.8em;
		text-decoration: none;
		color: #fff;
		display: inline-block;
		width: 100%;
		box-sizing: border-box;
		background-color: #473DF7;
		border-style: solid;
		border-width: 1px 1px 1px 1px;
		border-color: #473DF7;
		border-radius: 5px 5px 5px 5px;
		padding: .7em 0;
		text-align: center;
		margin-top: .5em;
	}


	footer{
		padding: 2em 0 4em 0;
		background: radial-gradient(ellipse at 50% 0%, #3F3F3F 0%, #111111 80%, #111111 100%);
	}
		.footer-menu .footer-menu-1, .footer-menu .footer-menu-2, .footer-menu .footer-menu-3, .footer-menu .footer-menu-4, .footer-widgets .footer-widget-1, .footer-widgets .footer-widget-2, .footer-widgets .footer-widget-3, .footer-widgets .footer-widget-4{
			text-align: center;
			float: none;
			margin-bottom: 4em;
		}
	.footer-menu-1 .wp-block-image img{
		max-width: 100px;
		height: auto;
		margin: 0 auto;
	}

	.page-title{
		min-height: 0;
	}
		.page-title.page-title-full, .hero-slider, .hero-slider .eedee-swiper-outer{
			min-height: 65vh;
		}
		.page-id-133 .page-title.page-title-full, .single .page-title.page-title-full, .archive .page-title.page-title-full{
			min-height: 25vh;
		}
		.page-title .container{
			flex-direction: column;
			flex-flow: wrap-reverse;
		}
			.page-title .background-image, .page-title .background-galery{
				padding: 0;
				margin: 0 auto 3em auto;
			}
				.page-title .background-image::after{
					right: -7.5vw;
				}
				.page-title .background-image img, .single-produits .page-title .background-image img, .background-galery .slick-list{
					width:75vw;
					height:74vw;
				}

		.page-title .page-title-full .background-image::after, .hero-slider::after{
			top: 90.2%;
			width: 100vw;
			height: 10%;
		}


	.wp-block-group__inner-container,
	.page-title .container .page-title-group,
	.wp-block-group__inner-container,
	.wp-block-group.alignwide,
	.footer-menu .footer-menu-1, .footer-menu .footer-menu-2, .footer-menu .footer-menu-3, .footer-menu .footer-menu-4, .footer-widgets .footer-widget-1, .footer-widgets .footer-widget-2, .footer-widgets .footer-widget-3, .footer-widgets .footer-widget-4{
	    width: 85%;
    	margin: 0 7.5% !important;
	}
		.footer-widgets .footer-widget-2, .footer-widgets .footer-widget-3, .footer-widgets .footer-widget-4{
			margin-top: 3em !important;
		}
		.footer-menu .footer-menu-1 li, .footer-menu .footer-menu-2 li, .footer-menu .footer-menu-3 li, .footer-menu .footer-menu-4 li, .footer-widgets .footer-widget-1 li, .footer-widgets .footer-widget-2 li, .footer-widgets .footer-widget-3 li, .footer-widgets .footer-widget-4 li{
				padding-left:0;
			}

	.page-title-group{
		text-align: center;
	}

	.category-childs, .category-childs .category-child{
		display: inline-block;
		width: 100%;
		margin: 0 auto;
	}
		.category-childs .category-child, .category-childs .category-child:nth-child(1), .category-childs .category-child:nth-child(2n+1){
			padding-top: 2em !important;
		}
		.category-childs .category-child:first-child{
			padding-top: 0 !important;
		}
	.wp-block-group{
		padding: 3em 0;
	}

	.page-title.page-title-full .background-image::after, .hero-slider::after{

	}

	.masonry{
		padding-top: 0;
	}
	.masonry figure{
		display: inline-block;
		width: 41%;
		margin: 2.5%;
	}

	.blocks-gallery-grid.is-cropped .blocks-gallery-image, .blocks-gallery-grid.is-cropped .blocks-gallery-item, .wp-block-gallery.is-cropped .blocks-gallery-image, .wp-block-gallery.is-cropped .blocks-gallery-item{
		width: 100% !important;
		margin: 1em 0 !important;
		height: 13em;
		max-width: none !important;
	}
		.blocks-gallery-grid .blocks-gallery-image figcaption, .blocks-gallery-grid .blocks-gallery-item figcaption, .wp-block-gallery .blocks-gallery-image figcaption, .wp-block-gallery .blocks-gallery-item figcaption, .wp-block-grid .blocks-gallery-item figcaption{
			height: auto !important;
			width: 80% !important;
			padding: 1em 2em 0em 2em !important;
			bottom: 2em !important;
		}
		.blocks-gallery-grid .blocks-gallery-image figcaption .description, .blocks-gallery-grid .blocks-gallery-item figcaption .description, .wp-block-gallery .blocks-gallery-image figcaption .description, .wp-block-gallery .blocks-gallery-item figcaption .description, .wp-block-grid .blocks-gallery-item figcaption .description{
			display: none;
		}

	
	
	.cards-list.cards-produits figure{
		align-items: center !important;
	}
		.cards-list.cards-produits figure{
			align-items: center !important;
		}
		.cards-list.cards-produits figure img, .cards-list.cards-produits .card-link:hover figure img{
			width: 6em !important;
			height: 8em !important;
			margin-right: 1em !important;
		}
		.cards-list.cards-produits figure figcaption, .cards-list.cards-produits .card-link:hover figure figcaption{
			bottom:auto !important;
			padding: 0 2em 0 0 !important;
		}
		.cards-list.cards-produits figure figcaption h3{
			font-size: 1.6em !important;
		}



	.timeline{
		overflow: hidden;
	}
		.timeline .wp-block-columns::before{
			left: 49.7%;
			margin: 0;
		}
		.timeline .wp-block-column h3{
			text-align: center;
		}
		.timeline .wp-block-column h3 strong{
			background: #fff;
		}
		.timeline .wp-block-column h3::after{
			margin: .5em 0 1em calc(50% - 12px);
			display: block;
		}
		.timeline .wp-block-column p{
			text-align: center;
		}
	.timeline .wp-block-columns{
	   display: block;
	}


	.cards-list.trombinoscope figcaption{
		margin:0 10% !important;
	}
		.cards-list.trombinoscope li figcaption p {
			opacity: 1 !important;
			height: 3em !important;
		}
		.cards-list.trombinoscope li figcaption .liens {
			opacity: 1 !important;
			height: 5em !important;
		}
		.cards-list.trombinoscope li img {
			opacity: 0.5 !important;
			transform: scale(1) !important;
		}

	.wp-block-embed iframe{
		height: 180px;
	}
	
	.single-produits .caracteristiques{
		flex-direction:column;
	}
	.single-produits .ctas{
		display: flex;
		flex-direction: column;
		align-items: center;
		row-gap:1em;
	}
		.single-produits .ctas .btn{
			width:100%;
		}
	
	/* zone push articles */
	.zone_push{
    	flex-direction: column;
	}
	.zone_push .push_image{
		width: 100%;
		height: auto;
	}
	
	.wp-block-post-template.is-flex-container{
		flex-direction:column !important;
	}
	.wp-block-gallery.columns-3 .blocks-gallery-item, .wp-block-post-template.is-flex-container.is-flex-container.columns-3>li{
		width:100% !important;
	}
	
	.cards-list.cards-articles .card-link{
		height:auto;
	}
	.cards-list.cards-articles .group-title .wp-block-post-date{
		margin-top: 2em;
		display: block;
    	position: relative;
    	bottom: 0;
    	width: 85%;
    	left: 0;
	}

	
}