body > header {
	padding: 0 0;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	padding: 1em;
	max-width: 100vw;
	border-top: 3px solid rgb(13, 24, 42);
	z-index: 50;
	transition: 0.36s cubic-bezier(0.4, 0, 1, 1) 0s}
body > header > .background_header {
	top: 0;
	left: 0;
	right: 0;
	height: 100%;
	opacity: 1;
	z-index: -1}
body.scroll > header > .background_header {	backdrop-filter: blur(5px)}
body > header > .header_wrapper {	padding: 1em}
body > header > .flex,
body > header > .flex > .container_flex.xsmall > .no_flex {	width: 100%}
body > header > .flex > .widget > a {
	display: inline-block;
	border-radius: 2em;
	padding: 0.58em 1em;
	background: rgb(13, 24, 42);
	color: #fff;
	z-index: 11;
	transition: 0.36s cubic-bezier(0.4, 0, 1, 1) 0s}
body > header > .flex > .widget > a:not(.show) {
	background: rgb(13, 24, 42);
	color: #fff}
body > header > .flex > .widget > a.show {
	background: #fff;
	color: rgb(13, 24, 42)}
body > header > .flex > .widget > .horaires.absolute {
	position: absolute;
	top: -0.5em;
	left: -0.5em;
	width: auto;
	height: auto;
	min-width: 100%;
	white-space: nowrap;
	overflow: hidden;
	color: #fff;
	background: rgb(13, 24, 42);
	border-radius: 0.5em;
	box-shadow: 0 15px 25px rgba(0,0,0,0.2);
	transition: all 0.72s linear 0s, padding 0s linear 0.72s}
body > header > .flex > .widget > .horaires.absolute:not(.show) {
	max-width: 0;
	max-height: 0;
	padding: 0 0;
	transition: all 0.72s linear 0s, padding 0s linear 0.72s;}
body > header > .flex > .widget > .horaires.absolute.show {
	max-width: 75vw;
	max-height: 90vh;
	padding: 4em 1em 1em;
	transition: all 0.72s linear 0s, padding 0s linear 0s;}
body > header > .flex > .widget > a::before {
	display: inline-block;
	width: 0.75em;
	height: 0.75em;
	vertical-align: top;
	margin-right: 0.5em;
	line-height: 1.25em;
	fill: #fff;
	color: #fff;
	transition: 0.36s cubic-bezier(0.4, 0, 1, 1) 0s}
body > header > .flex > .widget > a:not(.show)::before {	content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon only"><path fill="white" d="M464 256A208 208 0 1 1 48 256a208 208 0 1 1 416 0zM0 256a256 256 0 1 0 512 0A256 256 0 1 0 0 256zM232 120V256c0 8 4 15.5 10.7 20l96 64c11 7.4 25.9 4.4 33.3-6.7s4.4-25.9-6.7-33.3L280 243.2V120c0-13.3-10.7-24-24-24s-24 10.7-24 24z"/></svg>')	}
body > header > .flex > .widget > a.show::before {	content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon only"><path fill="%230d182a" d="M464 256A208 208 0 1 1 48 256a208 208 0 1 1 416 0zM0 256a256 256 0 1 0 512 0A256 256 0 1 0 0 256zM232 120V256c0 8 4 15.5 10.7 20l96 64c11 7.4 25.9 4.4 33.3-6.7s4.4-25.9-6.7-33.3L280 243.2V120c0-13.3-10.7-24-24-24s-24 10.7-24 24z"/></svg>');}
body > header > .flex > .widget table {
	width: 100%;
	font-size: 0.8em}
body > header > .flex > .widget table td {
	padding: 0.15em 0.5em;
	text-transform: uppercase}
body > header > .flex > .widget table p {
	position: relative;
	margin: 0 0 0}
body > header > .flex > .widget table td:first-child p::after {
	content: '';
	background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="icon only"><path fill="white" d="M8 256a56 56 0 1 1 112 0A56 56 0 1 1 8 256zm160 0a56 56 0 1 1 112 0 56 56 0 1 1 -112 0zm216-56a56 56 0 1 1 0 112 56 56 0 1 1 0-112z"/></svg>');
	background-repeat: repeat-x;
	position: absolute;
	top: 50%;
	right: 0;
	width: 100%;
	height: 0.7em;
	transform: translateY(-50%);
	opacity: 0.4;
	z-index: 1}
body > header > .flex > .widget table td:first-child p > span {
	display: inline-block;
	position: relative;
	padding: 0 0.5em 0 0;
	z-index: 2;
	background: rgb(13, 24, 42)}
body > header > .flex > .widget .no_flex > p {
	text-align: center;
	margin: 1em 0 0}
body > header > .flex > .widget .no_flex > p > a {
	width: auto;
	position: relative;
	text-shadow: none;
	overflow: hidden;
	background: none;
	text-transform: uppercase;
	border: 1px solid transparent;
	font-family: 'Quicksand';
	padding: 0.5em 1.25em 0.5em 1.25em;
	background: rgb(22, 36, 57);
	color: #fff;
	border-radius: 2em;
	transition: 0.36s cubic-bezier(0.4, 0, 1, 1) 0s}
body > header > .flex > .widget .no_flex > p > a:hover {
	background: #fff;
	color: rgb(22, 36, 57)}
body > header > .flex > .widget .no_flex > p > a > svg {
	width: 1em;
	height: 1em;
	vertical-align: top;
	position: relative;
	top: 2px}
body > header > .flex > .logo {
	width: 20% !important;
	padding: 0 0;
	transition: all 0.5s linear}
body.scroll header > .flex > .logo {	transition: all 0.5s linear}
header > .flex > .logo > a {
	display: inline-block;
	width: auto;
	padding: 0 0;
	margin: 0 0 0}
body > header > .flex > .logo > a > img {
	max-height: 4em;
	max-width: 100%;
	transition: all 0.5s linear}
body.scroll > header > .flex > .logo > a > img {	max-height: 4em}
header .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 .button_menu_container a {
	display: block;
	height: 100%;
	width: 100%;
	background: #fff;
	border-radius: 2em;
	padding: 0.5em 1em;
	text-align: center}
body > header .button_menu_container a:not(.show) {
	background: rgb(13, 24, 42);
	color: #fff}
body > header .button_menu_container a.show {
	background: #fff;
	color: rgb(13, 24, 42)}
body > header .button_menu_container a > span {
	color: #2e2e2e;
	text-transform: uppercase;
	vertical-align: middle;
	transition: 0.36s linear 0.36s}
body > header .button_menu_container a.show > span {	color: rgb(13, 24, 42)}
body > header .button_menu_container a > span.menu {
	margin-right: 0.5em;
	transition: all 0.36s linear 0s}
body > header .button_menu_container a > span.open {
	display: inline-block;
	overflow: hidden;
	color: #2e2e2e;
	transition: 0.36s cubic-bezier(0.4, 0, 1, 1) 0s}
body > header .button_menu_container a:not(.show) span {	color: #fff}
body > header .button_menu_container a.show span.open {	color: rgb(13, 24, 42)}
body > header .button_menu_container a span > .line {
	display: block;
	height: 3px;
	width: 2em;
	background: #2e2e2e;
	border: 1px solid transparent;
	border-radius: 10px;
	margin: 0 auto 8px;
	transform: translateX(0%);
	transition: 0.36s linear 0.36s}
body > header .button_menu_container a span > .line:last-child {	margin: 0 auto 0}
body > header .button_menu_container a:not(.show) span > .line {	background: #fff}
body > header .button_menu_container a.show span > .line {	background: rgb(13, 24, 42)}
body > header .button_menu_container a.show span > .line:nth-child(1),
body > header .button_menu_container a.show span > .line:nth-child(3) {	transition: 0.36s linear 0s}
body > header .button_menu_container a.show span > .line:nth-child(1) {	transform: translateY(11px)}
body > header .button_menu_container a.show span > .line:nth-child(3) {	transform: translateY(-11px)}
body > header nav > div {
	width: 100%;
	height: 100%}	
body > header nav > div.menu_nav {
	position: absolute;
	top: -0.5em;
	right: -0.5em;
	width: auto;
	height: auto;
	overflow: hidden;
	background: rgb(13, 24, 42);
	border-radius: 0.5em;
	box-shadow: 0 15px 25px rgba(0,0,0,0.2);
	transition: all 0.72s linear 0s, padding 0s linear 0.72s}
body > header nav > div.menu_nav:not(.show) {
	max-width: 0;
	max-height: 0;
	padding: 0 0;
	transition: all 0.72s linear 0s, padding 0s linear 0.72s;}
body > header nav > div.menu_nav.show {
	max-width: 75vw;
	max-height: 90vh;
	padding: 4em 1em 1em;
	transition: all 0.72s linear 0s, padding 0s linear 0s;}
body > header nav > div > ul {
	width: 100%;
	margin: 0 auto;
	text-align: left;}
body > header nav > div > ul > li {
	margin: 0 0 2em;
	padding: 0 0 0;
	font-size: 1.5rem;
	min-width: 25vw;
	white-space: nowrap;
	text-transform: uppercase}
body > header nav > div > ul > li:last-child {
	transition: all 0s linear 0.36s;
	margin-bottom: 0}
body > header nav > div > ul > li.is_visible {
	transition: all 0s linear 0s;
	padding-bottom: 2.5em}
body > header nav > div > ul > li ul {
	margin-left: 2em;
	font-size: 80%}
body > header nav > div > ul > li ul > li {
	margin-top: 1em;
	padding: 0 0}
body > header nav > div > ul > li a {	color: #fff}
body > header nav > div > ul > li a.social-icon {	margin: 0 2%}
body > header nav > div > ul > li a.social-icon:first-child {	margin-left: 0}
body > header nav > div > ul > li a.social-icon:last-child {	margin-right: 0}
body > header nav > div > ul > li form.absolute {
	bottom: 0;
	color: #fff;
	text-transform: none;
	left:0 ;
	right: 0;
	height: auto}
body > header nav > div > ul > li form.absolute input {
	width: calc(100% - 3em);
	color: #fff;
	background: none;
	border: none;
	border-bottom: 1px solid #fff;}
body > header nav > div > ul > li form.absolute .button {
	display: inline-block;
	background: none;
	color: #fff;
	border: none;
	width: 3em}
body > header nav > div > ul > li form.absolute .font_small {
	display: block;
	white-space: normal;
	font-size: 0.6em;
	line-height: 1em;
	margin-top: 0.5rem}
body > header nav > div > ul > li form.absolute svg.after {	display: none}
	
	@media screen and (max-width: 1024px) {
		body > header > .flex.content_between {	justify-content: space-between}
		body > header > .flex > .container_flex.small:first-child {
			width: 32% !important;
			margin: 0 1% 0 0}
		body > header > .flex > .container_flex.small:last-child {
			width: 32% !important;
			margin: 0 0 0 1%}
		body > header > .flex > .container_flex.small:nth-child(2) {
			width: 32% !important;
			margin: 0 1% 0;
			text-align: center}
		body > header > .flex > .container_flex > #nav {	margin: 0 0 0 !important}
	}
	@media screen and (max-width: 768px) {
		body > header > .flex > .container_flex.small:first-child {
			width: 45% !important;
			margin: 0 5% 0 0 !important}
		body > header > .flex > .container_flex.small:last-child {
			width: 45% !important;
			margin: 0 0 0 5% !important}
		body > header > .flex > .container_flex.small:nth-child(2) {
			width: auto !important;
			margin: 0 0 0 !important;
			position: absolute;
			top: 2em;
			left: 50%;
			z-index: -1;
			transform: translateX(-50%)}
		body > header > .flex > .logo > a > img,
		body.scroll > header > .flex > .logo > a > img {	max-height: 3em}
		body > header > .flex > .widget > a,
		body > header .button_menu_container a {	font-size: 0.8em}
		body > header .button_menu_container a span > .line {	margin: 0 auto 4px}
		body > header .button_menu_container a.show span > .line:nth-child(1) {	transform: translateY(7px)}
		body > header .button_menu_container a.show span > .line:nth-child(3) {	transform: translateY(-7px)}
		body > header nav > div > ul > li {
			margin: 0 0 1em;
			font-size: 1em}
		body > header nav > div > ul > li > span:nth-child(n+2) {	margin-left: 1em}
	}
	@media screen and (max-width: 640px) {
		body > header > .flex > .container_flex.small:nth-child(2) {	top: 4em}
		body > header > .flex > .widget > .horaires.absolute.show {	max-width: 100vw}
	}
	@media screen and (max-width: 576px) {
		body > header > .flex > .container_flex.small:nth-child(2) {	top: 5em}
	}
	@media screen and (max-width: 480px) {
		body > header > .flex > .container_flex.small:first-child,
		body > header > .flex > .container_flex.small:last-child {	width: auto !important}
		body > header .button_menu_container a > span.menu {	display: none}
	}