body > header {
	position: fixed;
	top: 0;
    left: 0;
    right: 0;
	padding: 0 0 0;
	z-index: 10;
	transition: all 0.3s linear}
body > header > .background_header {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: -1;
	background-image: url('https://www.garage-bodycar.com/upload/bande-1582047433.jpg');
	background-position: 0 35px;
	background-repeat: repeat-x;
	background-size: auto 2px;
	transition: all 0.3s linear}
body:not(.scroll) > header > .background_header {	bottom: 100%}
body.scroll > header > .background_header,
body#mentions_legales > header > .background_header,
body#erreur > header > .background_header {	bottom: 2em}
body > header > .header_wrapper {
	padding: 0.5em;
	font-size: 0.9em;
	background-color: #be1423}
body > header > .header_wrapper > .flex > .widget > a {
	display: inline-block;
	border-radius: 0;
	padding: 0.1em 0.4em 0.2em;
	background: #fff;
	color: #be1423;
	z-index: 11;
	transition: 0.36s cubic-bezier(0.4, 0, 1, 1) 0s}
body > header > .header_wrapper > .flex > .widget > a:not(.show) {
	background: #fff;
	color: #be1423}
body > header > .header_wrapper > .flex > .widget > a.show {
	background: #be1423;
	color: #fff}
body > header > .header_wrapper > .flex > .widget > .horaires.absolute {
	position: absolute;
	top: -0.5em;
	left: -0.5em;
	width: auto;
	height: auto;
	min-width: 33%;
	z-index: 5;
	white-space: nowrap;
	overflow: hidden;
	color: #fff;
	background: #be1423;
	transition: all 0.72s linear 0s, padding 0s linear 0.72s}
body > header > .header_wrapper > .flex > .widget > .horaires.absolute:not(.show) {
	max-height: 0;
	padding: 0 0;
	transition: all 0.72s linear 0s, padding 0s linear 0.72s;}
body > header > .header_wrapper > .flex > .widget > .horaires.absolute.show {
	max-width: 75vw;
	max-height: 90vh;
	padding: 3em 1em 1em;
	transition: all 0.72s linear 0s, padding 0s linear 0s;}
body > header > .header_wrapper > .flex > .widget > a::before {
	display: inline-block;
	width: 1em;
	height: 1em;
	vertical-align: middle;
	margin-right: 0.5em;
	position: relative;
	top: -4px;
	fill: #be1423;
	color: #be1423;
	transition: 0.36s cubic-bezier(0.4, 0, 1, 1) 0s}
body > header > .header_wrapper > .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="%23be1423" 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 > .header_wrapper > .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="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 > .header_wrapper > .flex > .widget table {
	width: 100%;
	margin: 0 0 0;
	font-size: 0.8em}
body > header > .header_wrapper > .flex > .widget table td {
	border: 2px solid #93131e;
	padding: 0.25em 0.5em;
	text-transform: uppercase;
	vertical-align: middle;
	width: 1%;
	font-size: 0.9rem}
body > header > .header_wrapper > .flex > .widget table tr:nth-child(2n) > td {	background: #93131e}
body > header > .header_wrapper > .flex > .widget table td:first-child {	border-right: none}
body > header > .header_wrapper > .flex > .widget table td:last-child {	border-left: none}
body > header > .header_wrapper > .flex > .widget table p {
	position: relative;
	margin: 0 0 0}
body > header > .header_wrapper > .flex > .widget table td:first-child p > span {
	display: inline-block;
	position: relative;
	padding: 0 0.5em 0 0;
	z-index: 2;
	background: #be1423}
body > header > .header_wrapper > .flex > .widget table tr:nth-child(2n) > td:first-child p > span {	background: #93131e}
body > header > .header_wrapper > .flex > .widget .no_flex > p {
	text-align: center;
	margin: 1em 0 0}
body > header > .header_wrapper > .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: #fff;
	color: #be1423;
	border-radius: 0;
	transition: 0.36s cubic-bezier(0.4, 0, 1, 1) 0s}
body > header > .header_wrapper > .flex > .widget .no_flex > p > a:hover {
	background: #be1423;
	color: #fff}
body > header > .header_wrapper > .flex > .widget .no_flex > p > a > svg {
	width: 1em;
	height: 1em;
	vertical-align: top;
	position: relative;
	top: 2px}
body > header > .header_wrapper > .flex > ul.container_flex.xsmall > li {
	padding: 0.1em 0.4em 0.2em;
	margin: 0 1%}
body > header > .header_wrapper > .flex > ul.container_flex.xsmall > li:first-child {	margin-left: 0}
body > header > .header_wrapper > .flex > ul.container_flex.xsmall > li:last-child {	margin-right: 0}
body > header > .header_wrapper > .flex > ul.container_flex.xsmall > li:first-child > a > svg {
	height: 1em;
	vertical-align: middle;
	transform: rotate(45deg);
	position: relative;
	top: -2px}
body > header > .flex > .container_flex.xxsmall {	padding: 0 0 0 0.5em}
body > header > .flex > .container_flex > #logo {
	display: inline-block;
	padding: 1em 1em 2em;
	transition: all 0.3s linear;
	-webkit-clip-path: polygon(0 85%, 50% 100%, 100% 85%, 100% 0, 0 0);
	clip-path: polygon(0 85%, 50% 100%, 100% 85%, 100% 0, 0 0)}
body > header > .flex > .container_flex > #logo > .background_header {
	top: 0;
	left: 0;
	right: 0;
	z-index: -1;
	transition: all 0.3s linear}
body:not(.scroll) > header > .flex > .container_flex > #logo > .background_header {	bottom: 100%}
body.scroll > header > .flex > .container_flex > #logo > .background_header,
body#mentions_legales > header > .flex > .container_flex > #logo > .background_header,
body#erreur > header > .flex > .container_flex > #logo > .background_header {	bottom: 0}
body > header > .flex > .container_flex > #logo img {
	max-height: 5em;
	transition: all 0.72s cubic-bezier(.19,1,.22,1) 0s;}
body.scroll > header > .flex > .container_flex > #logo img {	max-height: 3.5em}
body > header > .flex > .container_flex.xsmall,
body > header > .flex > .container_flex.xmedium {	margin-top: 1.5em}
body > header > .flex > .container_flex.xmedium {
	width: 58%;
	padding: 0 0.5em 0 0}
/* body > header > .flex > .container_flex.xsmall:nth-child(2) > li > a {	font-size: 1.2em} */
body > header > .flex nav {
	width: 100%;
	padding: 0 0.5em 0 0}
body > header > .flex > ul.container_flex.xsmall > li,
body > header > .flex nav > div > ul > li {
	padding: 0.1em 0.4em 0.2em;
	margin: 0 1%}
body > header > .flex > ul.container_flex.xsmall > li:first-child,
body > header > .flex nav > div > ul > li:first-child {	margin-left: 0}
body > header > .flex > ul.container_flex.xsmall > li:last-child,
body > header > .flex nav > div > ul > li:last-child {	margin-right: 0}
body > header > .flex > ul.container_flex.xsmall > li:first-child > a > svg {
	height: 1em;
	vertical-align: middle;
	transform: rotate(45deg)}
body > header > .flex nav > div > ul > li#active {
	border-radius: 1px;
	position: relative}
body > header > .flex nav > div > ul > li#active:before,
body > header > .flex nav > div > ul > li#active:after {
	content: '';
	position: absolute;
	width: 50%;
	height: 0.5em;
	max-height: 50%;
	z-index: -1;
	background:#282828;
	opacity: 0.6;}
body > header > .flex nav > div > ul > li#active::before{
	bottom: 2px;
	left: 2px;
	transform: rotate(-2deg);
	transform-origin: center left;
	box-shadow: 7px 6px 15px #282828;}
body > header > .flex nav > div > ul > li#active::after{
	bottom: 2px;
	right: 2px;
	transform: rotate(2deg);
	transform-origin: center right;
	box-shadow: -7px 6px 15px #282828}
body > header > .flex nav > div > ul > li > a {
	font-size: 0.8em;
	text-transform: uppercase}
body > header .button_menu_container {	display: none}

	@media screen and (max-width: 1024px) {
		body > header > .flex.content_between {	justify-content: space-between}
		body > header > .flex > .container_flex.xxsmall {
			width: 22% !important;
			margin: 0 1% 0 0 !important}
		body > header > .flex > .container_flex.xmedium {
			width: 76% !important;
			margin: 1.5em 0 0 1% !important}
		body > header > .flex > ul.container_flex.xsmall > li,
		body > header > .flex nav > div > ul > li {	padding: 0.1em 0.2em 0.1em}
	}
	@media screen and (max-width: 768px) {
		body.overlay > header {	box-shadow: 0 7px 15px rgba(0,0,0,0.05)}
		body.scroll > header {	backdrop-filter: none}
		body.scroll > header > .background_header {	opacity: 1}
		body > header > .header_wrapper >  .flex > .container_flex.xmedium,
		body > header > .header_wrapper >  .flex > .container_flex.xsmall {	width: 48% !important}
		body > header > .header_wrapper >  .flex > .container_flex.xmedium {	margin: 0 2% 0 0 !important}
		body > header > .header_wrapper >  .flex > .container_flex.xsmall {	margin: 0 0 0 2% !important}
		body header > .center.flex > .container_flex.xlarge {
			width: 48% !important;
			margin-bottom: 0 !important}
		body header > .center.flex > .container_flex.xxsmall {
			width: 48% !important;
			margin-bottom: 0 !important}
		body header > .center.flex > .container_flex.xlarge > .flex > .container_flex.xxsmall {	width: 33%}
		body header > .center.flex > .container_flex.xlarge > .flex > .container_flex.xlarge {	width: 65%}
		body header > .center.flex .container_flex.xlarge > .flex.content_start {	justify-content: flex-end}
		body > 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: flex;
			align-items: center;
			height: 100%;
			width: 100%;
			height: 1.45em;
			margin-top: 0;
			padding: 0.3em 0.5em 0.2em 2em;
			font-size: 1.4rem;
			text-align: center;
			overflow: hidden;
			transition: background 0s linear 0.72s;
			color: #fff;
			background: none}
		body > header .button_menu_container a:not(.show) {}
		body > header .button_menu_container a > span.menu {
			margin-left: 0.5em;
			text-transform: uppercase;
			vertical-align: middle;
			transition: 0.36s linear 0.36s}
		body > header .button_menu_container a > span.menu {
			font-family: 'Reem Kufi';
			font-weight: bold;
			transition: all 0.36s linear 0s}
		body > header .button_menu_container a > span.open {
			display: inline-block;
			overflow: hidden;
			color: #fff;
			transition: all 0.72s cubic-bezier(.19,1,.22,1) 0s}
		body > header .button_menu_container a.show span.open {    transform: rotate(45deg)}
		body > header .button_menu_container a span > .line {
			display: block;
			height: 3px;
			width: 20px;
			background: #fff;
			border: 1px solid transparent;
			margin: 0 auto 5px;
			transform: translateX(0%);
			transition: all 0.72s cubic-bezier(.19,1,.22,1) 0s}
		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 {}
		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: all 0.72s cubic-bezier(.19,1,.22,1) 0s}
		body > header .button_menu_container a.show span > .line:nth-child(1) {
			transform: rotate(90deg) translateX(40%) scale(1);
			transform-origin: 50%}
		body > header .button_menu_container a.show span > .line:nth-child(3) {
			opacity: 0;
			transform: translateY(-8px)}
		body > header > .flex nav {
			position: fixed;
			top: 1.5em;
			right: 1em;
			margin: 0 0 0}
		body > header > .flex nav ul#menu {
			flex-direction: column;
			justify-content: center;
			position: fixed;
			top: 2.25em;
			left: auto;
			right: 0;
			bottom: 0;
			max-width: 66vw;
			padding: 0 2em 5.5em;
			transform: translateX(100vw);
			font-size: 1em;
			z-index: 2;
			text-align: left;
			background: #be1423;
			overflow-y: scroll;
			transition: top 0.3s ease-in, transform 0.3s ease-in}
		body.scroll > header > .flex nav ul#menu {	top: 2.85em}
		body > header > .flex nav ul#menu.show {	transform: none}
		body > header > .flex nav ul#menu > li {
			padding: 0 0 0;
			margin: 0 0 1em;
			text-align: center}
		body > header > .flex nav ul#menu > li:last-child {	margin: 0 0 0}
		body > header > .flex nav ul#menu > li.content_end {
			padding-top: 1em;
			justify-content: start;
			border-top: 1px solid #ccc}
		body > header > .flex nav ul#menu > li::after {
			content: '';
			display: none}
		body > header > .flex nav ul#menu > li.content_end > span {
			font-size: 20px;
			margin: 0 0.5em}
		body > header > .flex nav ul#menu > li.content_end > span:first-child {	margin-left: 0}
		body > header > .flex nav ul#menu > li.content_end > span:last-child {	margin-right: 0}
		body > header > .flex nav ul#menu > li.content_end > span a {	font-size: 20px}
		body > header > .flex nav > div > ul > li > ul {
			margin: 0 0 0;
			padding: 0;
			background: #fff;
			box-shadow: none;
			z-index: 5;
			left: 0;
			right: 0;
			overflow: hidden;
			white-space: nowrap;
			text-overflow: ellipsis}
		body > header > .flex nav > div > ul > li:hover > ul,
		body > header > .flex nav > div > ul > li.hover > ul,
		body > header > .flex nav > div > ul > li > ul:hover {
			margin: 0 0 0;
			padding: 0.5em;
			background: #fff;
			box-shadow: none;
			z-index: 5;
			left: 0;
			right: 0;
			overflow: hidden;
			white-space: nowrap;
			text-overflow: ellipsis}
		body > header > .flex nav > div > ul > li > ul a {
			overflow: hidden;
			white-space: nowrap;
			text-overflow: ellipsis}
		body > header > .flex nav ul > li > span {	margin: 0 0 0}
	}
	@media screen and (max-width: 640px) {
		body > header > .header_wrapper > .flex > .container_flex.xmedium {    width: 48% !important;}
		body > header > .header_wrapper > .flex > .container_flex.xsmall {    width: 48% !important;}
		body > header > .flex > .container_flex.xxsmall {
			width: 48% !important;
			margin: 0 2% 0 0 !important}
		body > header > .flex > .container_flex.xmedium {
			width: 48% !important;
			margin: 1.5em 0 0 2% !important;
			transition: 0.36s cubic-bezier(0.4, 0, 1, 1) 0s;}
		body.scroll > header > .flex > .container_flex.xmedium {	margin: 0.5em 0 0 2% !important}
		body.scroll > header > .flex > .container_flex > #logo {	padding: 1em 1em 1em}
		body.scroll > header > .flex > .container_flex > #logo img {	max-height: 2.5em}
		body > header > .header_wrapper > .flex > .widget > .horaires.absolute,
		body > header > .header_wrapper > .flex > .widget > .horaires.absolute.show {
			padding: 0 1em 1em;
			top: 2em;
			right: -0.5em;
			min-width: 100vw;
			max-width: 100vw;
			z-index: 12}
		body > header > .header_wrapper > .flex > .widget table tr {	border: 2px solid #93131e}
		body > header > .header_wrapper > .flex > .widget table tr > td {	border: none}
		body > header > .header_wrapper > .flex > .widget table tr > td:first-child {	padding: 0.25em 0.5em 0}
		body > header > .header_wrapper > .flex > .widget table tr > td:last-child {	padding: 0 0.5em 0.25em}
	}
	@media screen and (max-width: 380px) {
		body > header > .header_wrapper > .flex > .container_flex.xmedium {
			margin: 0 0 0.5em 0 !important;
			width: 100% !important;
			text-align: center}
		body.scroll > header > .header_wrapper > .flex > .container_flex.xmedium {
			margin: 0 0 0 !important;
			max-height: 0;
			overflow: hidden}
		body > header > .header_wrapper > .flex > .container_flex.xsmall.flex.content_end {	justify-content: center}
		body > header > .header_wrapper > .flex > .container_flex.xsmall {
			margin: 0 0 0 0 !important;
			width: 100% !important;
			text-align: center}
		body > header > .flex > .container_flex.xmedium {	margin: 0.75em 0 0 2% !important}
		body > header > .flex > .container_flex.xxsmall {	transition: all 0.3s linear}
		body > header .button_menu_container a > span.menu {	display: none}
	}
	@media screen and (max-width: 260px) {
		body > header > .flex nav ul#menu > li.social_icons a svg {	
			margin: 0 0 0;
			width: 2em;
			height: 2em}
		body > header > .flex nav ul#menu > li.social_icons a span {	display: none}
	}