

/* STYLE POUR ECRAN < 900 PX */

.over-900     { display: none!important; }
.over-b-900   { display: none!important; }
.over-ib-900  { display: none!important; }
.over-tb-900  { display: none!important; }
.over-tbc-900 { display: none!important; }
.under-900    { display: initial!important; }
.under-b-900  { display: block!important; }
.under-ib-900 { display: inline-block!important; }
.under-tb-900 { display: table!important; }
.under-tbc-900{ display: table-cell!important; }








html {
	font-size: 14px;
}












/**
* HEADER
**/

#masthead #header-label-menu {
	width: 110px;
	height: 50px;
	margin: 0;
	border-radius: 0;
	border: none;
	outline: 0;
	padding: 0;
	z-index: 99999;
	-webkit-box-shadow: none;
	box-shadow: none;
	position: absolute;
	top: 0;
	left: 40%;
	background-color: #FFFFFF;
	background-color: transparent;
	background-image: none;
	background: none;
}

#masthead #header-label-menu > span,
#masthead #header-label-menu:before,
#masthead #header-label-menu:after {
	content: '';
	display: block;
	height: 2px;
	width: 23px;
	margin: 0 auto 6px 15px;
	background-color: var(--theme-color-light);
	-webkit-transition: background-color .7s cubic-bezier(.2,.4,.2,1);
	-o-transition: background-color .7s cubic-bezier(.2,.4,.2,1);
	transition: background-color .7s cubic-bezier(.2,.4,.2,1);
}

#masthead #header-label-menu:before {
	background-color: var(--theme-color-lighter);
}

#masthead #header-label-menu:after {
	background-color: var(--theme-color);
}

#masthead #header-label-menu span:after {
	content: 'Menu';
	text-transform: uppercase;
	font-family: "Lora", serif;
	font-size: 16px;
	font-size: 1.14286rem;
	font-weight: 400;
	position: absolute;
	left: 48px;
	top: 0;
	letter-spacing: -0.01em;
	line-height: 48px;
	color: var(--theme-color);
}

#masthead:before {
	content: '';
	display: block;
	position: absolute;
	left: 40%;
	top: 0;
	z-index: 1;
	pointer-events: none;
	width: 100vw;
	height: 150px;
	opacity: 0.3;
	border-radius: 0 0 0 50px;
	box-shadow: 0 0 20px var(--theme-color-dark);
}

body.primary-menu-open #masthead #header-label-menu > span,
body.primary-menu-open #masthead #header-label-menu:before,
body.primary-menu-open #masthead #header-label-menu:after {
	background-color: var(--theme-color-lager);
}

body.primary-menu-open #masthead #header-label-menu > span {
	opacity: 0;
}

body.primary-menu-open #masthead #header-label-menu:before {
	margin-left: 17px;
	transform-origin: left center;
	transform: rotate(45deg);
	margin-bottom: 7px;
}

body.primary-menu-open #masthead #header-label-menu:after {
	margin-left: 17px;
	transform-origin: left center;
	transform: rotate(-45deg);
}

#masthead #header-label-menu:after {
	margin-bottom: 2px;
}




#header-branding {
	margin-left: auto;
	margin-right: auto;
	padding-top: 50px;
	padding-right: 0px;
	position: relative;
	z-index: 2;
	padding-bottom: 50px;
	white-space: normal;
}

#header-branding .site-title {
	width: 40%;
	margin-top: -30px!important;
	margin-bottom: 0;
}

#header-branding .header-branding__banner {
	width: 60%;
	padding-top: 40.5%;
	margin-right: 0;
	min-height: 0;
	position: static;
	/*
	mask-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	mask-image: -moz-linear-gradient(top, #ffffff 70%, #000000 100%);
	mask-image: -webkit-gradient(linear, left top, left bottom, color-stop(70%, #ffffff), color-stop(100%, #000000));
	mask-image: -webkit-linear-gradient(top, #ffffff 70%, #000000 100%);
	mask-image: -o-linear-gradient(top, #ffffff 70%, #000000 100%);
	mask-image: -ms-linear-gradient(top, #ffffff 70%, #000000 100%);
	mask-image: linear-gradient(to bottom, #ffffff 70%, #000000 100%);
	mask-position: bottom center;
	mask-repeat: repeat-x;
	mask-size: auto 100%;
	mask-mode: luminance;
	*/
}

#header-branding .header-branding__banner > h1 {
	background-image: none;
	background-color: transparent;
	background: none;
	height: auto;
	font-size: 19px;
	font-size: 1.357143rem;
	font-weight: 600;
	color: var(--theme-color);
	padding: 0 10px;
}

#header-branding .header-branding__banner > h1:before {
	display: none;
}

#header-navigation:before,
#header-navigation:after,
#header-branding .header-branding__banner:before,
#header-branding .header-branding__banner:after {
	display: none;
}

#header-branding:before,
#header-branding:after {
	content: '';
	display: block;
	position: absolute;
	width: 120px;
	height: 50px;
	left: -50px;
	top: 0;
	z-index: -1;
	background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%22410px%22%20height%3D%22170px%22%20viewBox%3D%220%200%20410%20170%22%20xmlns%3D%22http://www.w3.org/2000/svg%22%20xmlns:xlink%3D%22http://www.w3.org/1999/xlink%22%20preserveAspectRatio%3D%22none%22%20xml-space%3D%22preserve%22%3E%3Cpath%20fill%3D%22%237C3D11%22%20d%3D%22M196.792%2C16.576c2.316%2C3.211%2C4.502%2C6.521%2C6.502%2C9.947c1.982%2C3.432%2C3.852%2C6.954%2C5.235%2C10.687c-1.147-3.816-2.8-7.47-4.576-11.044c-1.794-3.569-3.786-7.042-5.918-10.428c-3.45-5.469-7.282-10.705-11.359-15.737h-3.711C187.908%2C5.235%2C192.569%2C10.73%2C196.792%2C16.576z%22%2F%3E%3Cpath%20fill%3D%22%237C3D11%22%20d%3D%22M70.915%2C24.185c0%2C18.139-11.757%2C38.991-34.731%2C38.991c-18.979%2C0-30.274-14.58-30.274-27.855c0-11.809%2C7.915-23.652%2C22.053-23.652c14.752%2C0%2C18.21%2C12.1%2C18.21%2C18.088c0%2C4.586-3.38%2C13.838-13.523%2C13.838c-9.374%2C0-11.756-8.108-11.756-11.317c0-2.888%2C2.229-9.065%2C8.99-9.065c6.231%2C0%2C7.841%2C7.009%2C7.146%2C8.636c-0.287%2C0.672%2C0.51%2C1.194%2C0.845%2C0.425c0.857-1.965-0.473-10.761-8.299-10.761c-7.453%2C0-10.604%2C6.406-10.604%2C11.886S23.275%2C46.21%2C33.571%2C46.21c10.296%2C0%2C15.675-9.725%2C15.675-17.597c0-10.785-8.382-20.79-21.207-20.79C10.6%2C7.823%2C2.298%2C22.656%2C2.298%2C35.636c0%2C10.034%2C7.453%2C31.104%2C34.116%2C31.104c26.436%2C0%2C37.881-24.671%2C37.881-41.244c0-10.462-5.051-20.62-7.885-25.496h-3.566C65.98%2C4.206%2C70.915%2C12.652%2C70.915%2C24.185z%22%2F%3E%3Cpath%20fill%3D%22%237C3D11%22%20d%3D%22M225.794%2C64.937c0%2C43.218-28.012%2C92.987-82.755%2C92.987c-45.222%2C0-72.136-34.698-72.136-66.33c0-28.137%2C18.858-56.336%2C52.546-56.336c35.153%2C0%2C43.392%2C28.841%2C43.392%2C43.108c0%2C10.928-8.056%2C32.979-32.223%2C32.979c-22.336%2C0-28.012-19.316-28.012-26.963c0-6.882%2C5.31-21.598%2C21.421-21.598c14.848%2C0%2C18.683%2C16.7%2C17.027%2C20.577c-0.684%2C1.602%2C1.215%2C2.846%2C2.014%2C1.014c2.042-4.682-1.127-25.641-19.773-25.641c-17.76%2C0-25.266%2C15.264-25.266%2C28.322c0%2C13.057%2C10.253%2C30.527%2C34.786%2C30.527s37.35-23.173%2C37.35-41.93c0-25.698-19.973-49.537-50.532-49.537c-41.551%2C0-61.334%2C35.343-61.334%2C66.271c0%2C23.908%2C17.759%2C74.112%2C81.291%2C74.112c62.989%2C0%2C90.261-58.947%2C90.261-98.436C233.85%2C33.415%2C210.598%2C0%2C210.598%2C0h-10.069C200.528%2C0%2C225.794%2C24.663%2C225.794%2C64.937z%22%2F%3E%3Cpath%20opacity%3D%220.28%22%20fill%3D%22%237C3D11%22%20d%3D%22M346.173%2C33.011c0%2C13.629%2C6.585%2C34.58%2C28.251%2C36.373c21.852%2C1.809%2C29.389-14.955%2C30.069-23.179c0.881-10.639-4.917-23.358-19.21-24.541c-10.512-0.87-18.059%2C6.761-18.79%2C15.601c-0.534%2C6.452%2C3.213%2C14.787%2C11.651%2C15.485c8.439%2C0.698%2C12.463-5.019%2C12.834-9.51c0.372-4.492-1.774-9.956-7.884-10.461c-6.413-0.531-8.1%2C6.588-7.53%2C8.257c0.222%2C0.653%2C0.909%2C0.279%2C0.721-0.292c-0.459-1.38%2C1.335-7.016%2C6.442-6.593c5.542%2C0.459%2C6.949%2C5.673%2C6.754%2C8.039c-0.218%2C2.63-2.72%2C9.114-10.403%2C8.479c-8.313-0.688-10.456-8.5-10.146-12.259c0.406-4.908%2C4.062-14.59%2C16.151-13.589c11.588%2C0.959%2C17.272%2C11.203%2C16.471%2C20.88c-0.9%2C10.88-11.146%2C22.064-26.7%2C20.777c-18.83-1.559-25.821-19.396-25.821-34.313C349.033%2C9.314%2C374.946%2C0%2C374.946%2C0h-6.195C368.751%2C0%2C346.173%2C9.733%2C346.173%2C33.011z%22%2F%3E%3Cpath%20opacity%3D%220.28%22%20fill%3D%22%237C3D11%22%20d%3D%22M214.501%2C0c-5.166%2C10.524-10.929%2C25.744-10.929%2C41.309c0%2C32.143%2C22.199%2C80.03%2C73.468%2C80.03c51.712%2C0%2C66.167-40.864%2C66.167-60.324c0-25.174-16.103-53.941-49.924-53.941c-24.873%2C0-41.13%2C19.404-41.13%2C40.32c0%2C15.268%2C10.432%2C34.129%2C30.4%2C34.129c19.97%2C0%2C28.314-14.22%2C28.314-24.848c0-10.628-6.109-23.052-20.563-23.052c-15.178%2C0-17.759%2C17.061-16.096%2C20.871c0.65%2C1.491%2C2.196%2C0.479%2C1.639-0.825c-1.348-3.156%2C1.775-16.749%2C13.86-16.749c13.113%2C0%2C17.435%2C11.979%2C17.435%2C17.58c0%2C6.224-4.619%2C21.948-22.801%2C21.948c-19.671%2C0-26.228-17.945-26.228-26.84c0-11.612%2C6.706-35.082%2C35.318-35.082c27.421%2C0%2C42.77%2C22.964%2C42.77%2C45.867c0%2C25.747-21.907%2C54.011-58.715%2C54.011c-44.558%2C0-67.358-40.462-67.358-75.64c0-16.445%2C5.176-29.667%2C10.334-38.764H214.501z%22%2F%3E%3C%2Fsvg%3E");
	background-repeat:no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
	background-position: center top;
	pointer-events: none;
}

#header-branding:after {
	width: 110px;
	height: 46px;
	right: -20px;
	left: auto;
	transform: scaleX(-1);
	opacity: 0.6;
}






#header-navigation {
	position: fixed;
	left: 0;
	top: 0;
	width: 100vw;
	height: 100vh;
	background: none;
	border: none;
	margin-left: auto;
	margin-right: auto;
	pointer-events: none;
	z-index: 3;
}

#masthead #header-label-menu-background {
	content: '';
	display: block;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000000;
	opacity: 0.8;
	padding: 0;
	border: none;
	margin: 0;
	z-index: 3;
	pointer-events: none;
	opacity: 0;
	transition: opacity .3s ease-in-out;
}

body.primary-menu-open #header-top #header-label-menu-background {
	opacity: .8;
	pointer-events: all;
}

#site {
	left: 0;
	transition: left .7s cubic-bezier(.2,.4,.2,1);
}

body.primary-menu-open #site {
	left: calc(60% - 50px);
}







#site-background {
	top: 90px;
	opacity: 0.7;
}















/**
* HOMEPAGE
*/

#header-branding .header-branding__link,
#header-branding .header-branding__link:hover {
	width: 32%!important;
	margin-left: 1%;
	margin-right: 0;
	margin-top: 40px;
	min-height: 210px;
	padding-top: 55%;
}

#header-branding .header-branding__link:last-child {
	margin-right: 1%;
}

body.page-template-homepage #header-branding {
	padding-bottom: 0;
}

#header-branding .header-branding__link > span {
	padding: 60px 5px 10px;
	line-height: 1.2;
	font-size: 12px;
	font-size: 0.8571rem;
	font-weight: 300;
	letter-spacing: 0.04em;

	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background-image: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,.5) 40%, rgba(0,0,0,1) 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(40%, rgba(0,0,0,.5)), color-stop(100%, rgba(0,0,0,1)));
	background-image: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,.5) 40%, rgba(0,0,0,1) 100%);
	background-image: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,.5) 40%, rgba(0,0,0,1) 100%);
	background-image: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,.5) 40%, rgba(0,0,0,1) 100%);
	background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,.5) 40%, rgba(0,0,0,1) 100%);
	background-position: center bottom;
}

#header-branding .header-branding__link > span button {
	font-size: 11px;
	font-size: .7857rem;
	padding-left: 10px;
	padding-right: 10px;
	margin-top: 14px;

	display: none;
}

#header-branding .header-branding__link > span:after {
	bottom: 40px;
	opacity: 0.4;

	display: none;
}
















/**
* CONTENT
*/

#content .entry-header {
	text-align: left;
	padding: 0 10px;
	margin-bottom: 40px;
	z-index: 2;
}

#content .entry-title {
	padding: 0;
	position: relative;
	left: auto;
	right: auto;
	top: auto;
	bottom: auto;
	margin: -20px auto 0 0!important;
	transform: none;
	font-size: 20px;
	font-size: 1.4286rem;
	max-width: 250px;
	padding: 8px 20px 12px 20px;
}

#content .entry-title:before {
	border-top-color: transparent;
	border-bottom-color: #393939;
	top: 0;
	bottom: auto;
}
/*
#content .entry-title:after {
	content: '';
	display: inline-block;
	vertical-align: middle;
	width: 0;
	height: 65px;
	background: none;
	position: static;
}

#content .entry-content {
	padding-left: 10px;
	padding-right: 10px;
}
*/
#content .wp-block-media-text {
	margin-left: -10px;
	margin-right: -10px;
}

#content .wp-block-media-text .wp-block-media-text__content:first-child,
#content .wp-block-media-text .wp-block-media-text__content:last-child,
#content .wp-block-media-text .wp-block-media-text__content {
	padding: 10px;
}

#content .wp-block-media-text .wp-block-media-text__content:first-child {
	padding-right: 20px;
}

#content .wp-block-media-text .wp-block-media-text__content:last-child {
	padding-left: 20px;
}

#content .wp-block-media-text.is-image-fill-element > .wp-block-media-text__media {
	min-height: 0;
}

#content .wp-block-media-text.is-style-bloc .wp-block-media-text__content {
	padding: 30px 10px 30px 20px;
	flex-basis: 260px;
}

#content .wp-block-media-text.is-style-bloc .wp-block-media-text__media::before {
	max-width: 100%;
	background-size: 75% auto;
}

#content .wp-block-media-text.is-style-separate {
	padding-top: 0;
}

#content .wp-block-media-text.is-style-separate.is-stacked-on-mobile .wp-block-media-text__content:last-child,
#content .wp-block-media-text.is-style-separate .wp-block-media-text__content {
	background-size: 16px auto, 100px auto;
	padding-top: 45px;
	padding-bottom: 25px;
}

#content .wp-block-media-text.is-style-separate .wp-block-media-text__content:before,
#content .wp-block-media-text.is-style-separate .wp-block-media-text__content:after {
	top: 27px;
}

#content .wp-block-media-text.is-style-separate:not(.has-media-on-the-right):nth-child(odd):before {
	display: none;
}

@media (max-width: 600px) {

	#content .wp-block-media-text.is-style-separate.is-stacked-on-mobile:not(.has-media-on-the-right) + .wp-block-media-text.is-style-separate.is-stacked-on-mobile.has-media-on-the-right,
	#content .wp-block-media-text.is-style-separate.is-stacked-on-mobile.has-media-on-the-right + .wp-block-media-text.is-style-separate.is-stacked-on-mobile:not(.has-media-on-the-right) {
		display: flex;
		flex-direction: column-reverse;
	}
	
	#content .wp-block-media-text.is-image-fill-element .wp-block-media-text__media img {
		height: auto;
		position: static;
	}

	#content .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content {
		padding-left: 0;
		padding-right: 0;
	}
}

.style--button,
#content .btn,
#content .button,
#content a.btn,
#content a.button,
#content button,
#content input[type="button"],
#content input[type="submit"],
#content input[type="reset"],
#content .wp-block-button__link,
#content a.wp-block-button__link,
#content button.single_add_to_cart_button,
dialog.negative button.accept {
	font-size: 12px;
	font-size: 0.857143rem;
}

#content hr {
	margin-bottom: 22px;
	margin-top: 22px;
	height: 25px;
}

#content .wp-block-media-text {
	margin: 22px auto;
}

hr:before, hr:after {
	height: 1px;
}

















/**
* FOOTER
**/
#colophon #colophon__links a {
	margin: 0 5px;
}
















/**
* CONTACT
*/
body.page-template-contact #content .entry-content {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-direction: column-reverse;
	-moz-flex-direction: column-reverse;
	-ms-flex-direction: column-reverse;
	-o-flex-direction: column-reverse;
	flex-direction: column-reverse;
	justify-content: flex-start;
	-ms-align-items: center;
	align-items: center;
	padding-left: 15px;
	padding-right: 15px;
}

body.page-template-contact #content #contact-form {
	display: block;
	padding-right: 0;
	max-width: 400px;
	margin: 0 auto;
}

html .scf-label {
	font-size: 12px;
	font-size: 0.857143rem;
}

html .scf-group {
	min-height: 83px;
}

html .scf-select-2>.scf-select-2-selector,
html .scf-input>.scf-wysiwyg-editor,
html .scf-input>input,
html .scf-input>select,
html .scf-group.scf-select>select,
html .scf-input>textarea,
html scf-select {
	padding-top: 8px;
	padding-bottom: 10px;
}

body.page-template-contact #content #contact-infos {
	display: block;
	width: 100%;
	max-width: 400px;
	margin: 0 auto 20px auto;
	padding: 0;
	text-align: center;
}

body.page-template-contact #content #contact-infos .h3,
body.page-template-contact #content #contact-infos .h6 {
	margin-left: auto;
	margin-right: auto;
}

