body > header {
	font-size: 1rem;
	padding: 1em 2em;
	position: sticky;
	top: 0;
    left: 0;
    right: 0;
	bottom: auto;
	z-index: 10;
	transition: all 0.5s linear}
body > header > .background_header {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	opacity: 1;
	background: #fff;
	z-index: -1;
	transition: 0.36s cubic-bezier(0.4, 0, 1, 1) 0s}
body > header .button {	width: auto}
	
/************************************************************************************************************************************************************/
/* LOGO																																						*/
/************************************************************************************************************************************************************/
body > header > .flex > .container_flex.xsmall img {
	max-height: 1.5em;
	transition: 0.36s cubic-bezier(0.4, 0, 1, 1) 0s}

/************************************************************************************************************************************************************/
/* MENU																																						*/
/************************************************************************************************************************************************************/
body > header > .flex > .container_flex.smedium > nav .flex.items_stretch > nav,
body > header > .flex > .container_flex.smedium > nav .flex.items_stretch > nav > div  {
	width: 100%;
	height: 100%}
body > header > .flex > .container_flex.smedium > nav .button_menu_container {
	/* display: inline-block; */
	padding: 0 0;
	overflow: hidden;
	position: relative;
	z-index: 11;
	cursor: pointer;
	transition: 0.36s cubic-bezier(0.4, 0, 1, 1) 0s}
body > header > .flex > .container_flex.smedium > nav .button_menu_container a {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	padding: 0 0 0 0;
	text-align: center;
	font-family: 'Liter', 'Helvetica', sans serif;
	text-transform: uppercase;
	line-height: 1em;
	color: #fff;
	background: #203818;
	position: relative}
body > header > .flex > .container_flex.smedium > nav .button_menu_container a > span.container_open {
	display: inline-block;
	color: #fff;
	background: #203818;
	padding: 0.4rem;
	width: 1.8rem;
	height: 1.8rem;
	margin-right: 0.25rem;
	transition: all 0.72s cubic-bezier(.19,1,.22,1) 0s}
body > header > .flex > .container_flex.smedium > nav .button_menu_container a > span.menu {	padding-right: 0.4rem}
body > header > .flex > .container_flex.smedium > nav .button_menu_container a span.open {	display: block}
body > header > .flex > .container_flex.smedium > nav .button_menu_container a.show span.open {	transform: rotate(45deg)}
body > header > .flex > .container_flex.smedium > nav .button_menu_container a span > .line {
	display: block;
	height: 3px;
	width: 100%;
	background: #fff;
	border: 1px solid transparent;
	border-radius: 10px;
	margin: 0 auto 3px;
	transform: translateX(0%);
	transition: all 0.72s cubic-bezier(.19,1,.22,1) 0s}
body > header > .flex > .container_flex.smedium > nav .button_menu_container a span > .line:last-child {	margin: 0 auto 0}
body > header > .flex > .container_flex.smedium > nav .button_menu_container a:not(.show) span > .line {	background: #fff}
body > header > .flex > .container_flex.smedium > nav .button_menu_container a.show span > .line:nth-child(1),
body > header > .flex > .container_flex.smedium > nav .button_menu_container a.show span > .line:nth-child(3) {	transition: all 0.72s cubic-bezier(.19,1,.22,1) 0s}
body > header > .flex > .container_flex.smedium > nav .button_menu_container a.show span > .line:nth-child(1) {
	transform: rotate(90deg) translateX(40%) scale(1.01);
	transform-origin: 50%}
body > header > .flex > .container_flex.smedium > nav .button_menu_container a.show span > .line:nth-child(3) {
	opacity: 0;
	transform: translateY(-8px)}
body > header > .flex > .container_flex.smedium > nav #menu > li {
	padding: 0 0 0;
	font-size: 1rem;
	margin: 0 0.5em}
body > header > .flex > .container_flex.smedium > nav #menu > li:first-child {	margin-left: 0}
body > header > .flex > .container_flex.smedium > nav #menu > li:last-child {	margin-right: 0}
body > header > .flex > .container_flex.smedium > nav #menu > li a,
body > header > .flex > .container_flex.smedium > nav #menu > li span {	color: #21391a}
body > header > .flex > .container_flex.smedium > nav #menu > li.active > a,
body > header > .flex > .container_flex.smedium > nav #menu > li.active > span,
body > header > .flex > .container_flex.smedium > nav #menu > li a.active,
body > header > .flex > .container_flex.smedium > nav #menu > li span.active {	font-weight: bold}
body > header > .flex > .container_flex.smedium > nav #menu > li a > span {
	position: relative;
	display: block;
	padding: 0.4em 0.75em;
	width: 100%}
body > header > .flex > .container_flex.smedium > nav #menu > li > ul {	
	max-height: 0;
	min-width: calc(100% + 0.6em);	
	top: 100%;
	left: 100%;
	overflow: hidden;
	position: absolute;
	text-align: left;
	white-space: nowrap;
	background: #fff;
	transform: translateX(-50%);
	transition: max-height 0.3s linear 0.15s, padding 0s linear 0.45s, border 0s linear 0.45s, background 0.36s cubic-bezier(0.4, 0, 1, 1)}	
body > header > .flex > .container_flex.smedium > nav #menu > li:hover > ul,
body > header > .flex > .container_flex.smedium > nav #menu > li > ul.show {
	max-height: 66vh;
	padding: 0.5em 1em 0.5em 1em;
	transition: max-height 0.3s linear 0.15s, padding 0s linear 0.15s}
	
/************************************************************************************************************************************************************/
/* RECHERCHE & TÉLÉPHONE																																		*/
/************************************************************************************************************************************************************/
body > header > .flex > .container_flex.small > ul > li {	max-width: 48%}
body > header > .flex > .container_flex.small form {
		display: flex;
		align-items: stretch;
		justify-content: space-between;
		background: #f7f6f2;
		border: 1px solid #ccc;
		border-radius: 990px;
		padding: 0.2em 0.5em 0.2em 1em}
body > header > .flex > .container_flex.small form input {
		padding: 0;
		background: #f7f6f2;
		border: none}
body > header > .flex > .container_flex.small form input[type="text"]{text-align: left}
body > header > .flex > .container_flex.small form input::placeholder {	font-size: 0.8rem}
body > header > .flex > .container_flex.small form button {
	color: #fff;
	background: #203818;
	padding: 0.4rem;
	border: none}
body > header > .flex > .container_flex.small form button svg {	opacity: 0.5}
body > header > .flex > .container_flex.small:last-child > ul.flex > li:not(.search):not(.social-icon) > a {
	position: relative;
	display: inline-block;
	padding: 0.4em 0.5em 0.4em 0.5em;
	text-align: center;
	font-size: 1rem;
	background: #203818;
	color: #fff}
body > header > .flex > .container_flex.small:last-child > ul.flex > li.social-icon > a {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	width: 2em;
	height: 2em;
	padding: 0.15em;
	text-align: center;
	background: #203818;
	color: #fff}
body.scroll > header > .flex > .container_flex.small:last-child > ul.flex > li.social-icon > a {
	width: 1.7em;
	height: 1.7em}
body.scroll > header > .flex > .container_flex.small:last-child > ul.flex > li.social-icon > a > svg {
	width: 1em;
	height: 1em}
	
/************************************************************************************************************************************************************/
/* ADAPTATION TAILLE ÉCRAN																																	*/
/************************************************************************************************************************************************************/
@media screen and (max-width: 1280px) {
	body > header > .flex > .container_flex.xsmall {	width: 20%}
	body > header > .flex > .container_flex.smedium {	width: 52%}
	body > header > .flex > .container_flex.small {	width: 26%}
	body > header > .flex > .container_flex.small:last-child > ul.flex > li:not(.search):not(.social-icon) > a svg {	display: none}
}
@media screen and (min-width: 1025px) {
	body > header > .flex > .container_flex.smedium .button_menu_container,
	body > header > .flex > .container_flex.small .open-form-search {	display: none}
	body > header > .flex > .container_flex.small form.absolute {	position: initial}
	body > header > .flex > .container_flex.small form button {
		color: #101c0d;
		background: #f7f6f2}
	body > header > .flex > .container_flex.small form button::before {	display: none}
}
@media screen and (max-width: 1024px) {
	body > header > .flex > .container_flex.smedium .button_menu_container,
	body > header > .flex > .container_flex.small .open-form-search,
	body > header > .flex > .container_flex.small:last-child > ul.flex > li:not(.search):not(.social-icon) > a svg {	display: inline-block}
	body > header > .flex.content_between {	justify-content: space-between}
	body > header > .flex > .container_flex.small {
		order: 1;
		width: 100% !important;
		margin: 0 0 1rem 0 !important}
	body > header > .flex > .container_flex.small > ul.flex.content_between {	justify-content: space-between}
	body > header > .flex > .container_flex.small > ul.flex > li:not(.search) {	order: 1}
	body > header > .flex > .container_flex.small > ul.flex > li.search {	order: 2}
	body > header > .flex > .container_flex.small > ul.flex > li.search > .open-form-search {	padding: 0 0 0}
	body > header > .flex > .container_flex.small > ul.flex > li.search > .open-form-search > span {
		display: inline-block;
		padding: 0.25rem;
		transition: all 0.72s cubic-bezier(.19,1,.22,1) 0s}
	body > header > .flex > .container_flex.small > ul.flex > li.search form {
		z-index: 2;
		flex-wrap: nowrap;
		justify-content: center;
		align-items: stretch;
		position: absolute;
		top: 0;
		left: auto;
		right: 0;
		bottom: 0;
		padding: 0 0 0 0;
		font-size: 1em;
		text-align: center;
		border: none;
		border-top-right-radius: 0;
		border-bottom-right-radius: 0;
		background: #fff}
	body > header > .flex > .container_flex.small > ul.flex > li.search form:not(.show) {	display: none}
	body > header > .flex > .container_flex.small > ul.flex > li.search form.show {	display: flex}
	body > header > .flex > .container_flex.small > ul.flex > li.search form input {
		border-top-left-radius: 990px;
		border-bottom-left-radius: 990px;
		border: 1px solid #ccc;
		border-right: none;
		background: #f7f6f2;
		padding: 0 1rem;
		min-width: 10rem}
	body > header > .flex > .container_flex.small form button {
		border: 1px solid #ccc;
		border-left: none}
	body > header > .flex > .container_flex.small form button svg {	opacity: 1}
	body > header > .flex > .container_flex.xsmall,
	body > header > .flex > .container_flex.smedium {	width: 48% !important}
	body > header > .flex > .container_flex.xsmall {
		order: 2;
		margin: 0 1% 0 0 !important}
	body > header > .flex > .container_flex.smedium {
		position: relative;
		order: 3;
		margin: 0 0 0 1% !important}
	body > header > .flex > .container_flex.smedium > nav{	text-align: right}
	body > header > .flex > .container_flex.smedium nav > div > ul#menu {
		flex-wrap: nowrap;
		justify-content: end;
		align-items: center;
		position: absolute;
		top: calc(100% + 1rem);
		left: auto;
		right: 0;
		width: 208%;
		padding: 0 0;
		opacity: 0;
		z-index: -1;
		visibility: hidden;
		font-size: 1rem;
		text-align: center}
	body.scroll > header > .center > .flex > .container_flex.medium nav > div > ul#menu {
		top: calc(100% + 0.5rem);
		transition: top 0.36s cubic-bezier(0.4, 0, 1, 1), transform 0.36s cubic-bezier(0.4, 0, 1, 1), opacity 0.18s cubic-bezier(0.4, 0, 1, 1) 0.18s}
	body > header > .flex > .container_flex.smedium nav > div > ul#menu.show {
		padding: 0 0;
		opacity: 1;
		visibility: visible;
		z-index: 2;
		transform: none;
		transition: top 0.36s cubic-bezier(0.4, 0, 1, 1), transform 0.36s cubic-bezier(0.4, 0, 1, 1), opacity 0.18s cubic-bezier(0.4, 0, 1, 1) 0s;}
	body > header > .flex > .container_flex.smedium nav > div > ul#menu > li {
		padding: 0 0 0;
		margin: 0 0.5em;
		text-align: center;
		position: relative}
	body > header > .flex > .container_flex.smedium nav > div > ul#menu > li:first-child {	margin-left: 0}
	body > header > .flex > .container_flex.smedium nav > div > ul#menu > li:last-child {	margin-right: 0}
	body > header > .flex > .container_flex.smedium nav > div > ul#menu > li::before {
		content: '';
		position: absolute;
		top: 0;
		left: -0.5em;
		right: -0.5em;
		bottom: 0;
		background: #fff;
		z-index: -1}
	body > header > .flex > .container_flex.smedium nav > div > ul#menu > li > ul {
		left: auto;
		right: 0;
		padding: 0 0 0 0;
		margin: 0 0 0;
		white-space: nowrap;
		transform: translateX(0);}
	body > header > .flex > .container_flex.smedium > nav #menu > li:hover > ul,
	body > header > .flex > .container_flex.smedium > nav #menu > li > ul.show {	padding: 0.5em 0.5em 0.5em 0.5em}
	body > header > .flex > .container_flex.smedium nav > div > ul#menu > li > ul > li,
	body > header > .flex > .container_flex.smedium nav > div > ul#menu > li > ul > li > a {	text-align: right}
}
@media screen and (max-width: 768px) {
	body > header  {	padding: 1em 1em}
	body.scroll > header  {	padding: 0.5em 1em}
	body > header > .flex > .container_flex.small:last-child {	margin-bottom: 1rem !important}
}
@media screen and (max-width: 640px) {
	body > header > .flex > .container_flex.small:last-child {	margin-bottom: 1rem !important}
	body > header > .flex > .container_flex.smedium nav > div > ul#menu {
		display: block;
		width: auto;
		background: #fff;
		top: 100%;
		max-height: 66vh;
		overflow: auto;}
	body > header > .flex > .container_flex.smedium nav > div > ul#menu.show {	padding: 0 0.5rem 0.5rem}
	body > header > .flex > .container_flex.smedium nav > div > ul#menu > li {
		white-space: nowrap;
		margin: 0 0 0.25rem}
	body > header > .flex > .container_flex.smedium nav > div > ul#menu > li:last-child {	margin: 0 0 0}
	body > header > .flex > .container_flex.smedium nav > div > ul#menu > li::before {	display: none}
	body > header > .flex > .container_flex.smedium nav > div > ul#menu > li,
	body > header > .flex > .container_flex.smedium nav > div > ul#menu > li > a {	text-align: right}
	body > header > .flex > .container_flex.smedium nav > div > ul#menu > li > ul {
		position: initial;
		min-width: 1px;
		max-height: 100%}
	 body > header > .flex > .container_flex.smedium > nav #menu > li:hover > ul,
	 body > header > .flex > .container_flex.smedium > nav #menu > li > ul.show {	padding: 0 0 0 0}
	 body > header > .flex > .container_flex.smedium nav > div > ul#menu > li > ul {	margin: 0.25rem 0 0}
	 body > header > .flex > .container_flex.smedium > nav #menu > li > ul > li {
		white-space: nowrap;
		margin: 0 0 0.25rem}
}
@media screen and (max-width: 576px) {
	body > header .button:not(.slick-arrow) svg,
	body > header a.button svg {	display: inline-block}
}
@media screen and (max-width: 480px) {
	
}
@media screen and (max-width: 384px) {
	body > header,
	body.scroll > header  {	padding: 0 0 0.5em}
	body > header > .flex > .container_flex.small:last-child {	margin-bottom: 0.75rem !important}
	body > header > .flex > .container_flex.small > ul.flex > li:not(.search) {	
		width: 100%;
		max-width: 100%;
		text-align: center}
	body > header > .flex > .container_flex.small:last-child > ul.flex > li:not(.search):not(.social-icon) > a {	width: 100%}
	body > header > .flex > .container_flex.smedium {	padding-right: 0.5rem}
	body > header > .flex > .container_flex.xsmall {	padding-left: 0.5rem}
	body > header > .flex > .container_flex.smedium nav > div > ul#menu > li.search {	position: relative}
	body > header > .flex > .container_flex.smedium nav > div > ul#menu > li.search > .button {
		border: none;
		background: #fff}
	body > header > .flex > .container_flex.smedium nav > div > ul#menu > li.search a > span {	padding: 0 0}
	body > header > .flex > .container_flex.smedium nav > div > ul#menu > li.search form {
		right: 0;
		top: 0;
		bottom: 0;
		background: #fff}
	body > header > .flex > .container_flex.smedium nav > div > ul#menu > li.search form:not(.show) {	display: none}
	body > header > .flex > .container_flex.smedium nav > div > ul#menu > li.search form.show {	display: flex}
	body > header > .flex > .container_flex.smedium nav > div > ul#menu > li.search form input {
		border-top-left-radius: 990px;
		border-bottom-left-radius: 990px;
		border: 1px solid #ccc;
		border-right: none;
		background: #f7f6f2;
		padding: 0 1rem;
		min-width: 1px}
	body > header > .flex > .container_flex.smedium nav > div > ul#menu > li.search form input::placeholder {	font-size: 0.8rem}
	body > header > .flex > .container_flex.smedium nav > div > ul#menu > li.search form button {
		color: #101c0d;
		background: #f7f6f2;
		border: 1px solid #ccc;
		border-left: none;
		z-index: 2}
	body > header > .flex > .container_flex.smedium nav > div > ul#menu > li.search form button::before {	display: none}
	body > header > .flex > .container_flex.smedium nav > div > ul#menu > li.search form button svg {	opacity: 1}
}