body {color: #000033; background-color: #fff; font-family: 'Familjen Grotesk'; font-size: 18px}
a {color: #000033}
input, textarea, select, option {font: 400 1em Familjen Grotesk}

/* NE RIEN AJOUTER AU DESSUS DE CE NIVEAU CAR LE CONTENU Y EST AUTOMATIQUEMENT GENERE PAR LE SYSTEME ; TOUT AJOUT DOIT SE FAIRE CI-DESSOUS */

.center {
	width: 100%;
	max-width: 1440px;
	margin: 0 auto;
	position: relative}
	
	@media screen and (max-width: 1440px) {
		.center {	width: 95%}
	}
	
@keyframes fadeIn {
	from {
		opacity:0;
		visibility:hidden}
	to {
		opacity:1;
		visibility:visible}
}
@keyframes slideInLeft {
	from {
		opacity:0;
		visibility:hidden;
		transform: translateX(-15em);
		transform: translateX(-15vw)}
	to {
		opacity:1;
		visibility:visible;
		transform: translateX(0)}
}
@keyframes slideOutLeft {
	to {
		transform: translateX(0)}
	from {
		opacity:0;
		visibility:hidden;
		transform: translateX(-15em);
		transform: translateX(-15vw)}
}

body {
	position: relative;
	animation: fadeIn 2.5s ease-out 0s 1 both}	
body > .overlay {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(255,255,255,0.6);
	opacity: 0;
	z-index: -1;
	transition: all 0.5s linear}
body.hide > .overlay {
	z-index: 9;
	opacity: 1;
	cursor: alias}
body #main section .center {	z-index: 2}
.container_flex.small + .container_flex.xxsmall:nth-child(2) {	width: 7%}
.container_flex.xxsmall + .container_flex.smedium {	margin-top: 0}

	@media screen and (max-width: 768px) {
		section .flex > .container_flex.xlarge,
		section .flex > .container_flex.large,
		section .flex > .container_flex.slarge,
		section .flex > .container_flex.xmedium,
		section .flex > .container_flex.medium,
		section .flex > .container_flex.smedium,
		section .flex > .container_flex.small,
		section .flex > .container_flex.xsmall,
		section .flex > .container_flex.xxsmall {	margin: 0 0 4em !important}
	}
	
section {
	position: relative;
	z-index: 2;
	overflow-x: hidden}
section > .no_flex {
	width: 100%;
	margin: 0 0 0}
section .center p {	line-height: 1.5em}
section:not(#slider) h1,
section:not(#slider) h2 {	margin: 0 0 1em}
section h1,
section h2 {	
	padding: 0 0 0;
	margin: 0 0 0.5em}
section h1 {
	font-size: 4rem;
	font-weight: normal;
	text-align: initial;
	font-family: 'Cabin Sketch';
	text-transform: none}
section h2 {
	font-size: 4rem;
	font-weight: normal;
	text-transform: none;
	position: relative;
	font-family: 'Cabin Sketch'}
section h3 {
	font-size: 2rem;
	padding: 0 0 0;
	font-weight: normal}

	@media screen and (max-width: 1280px) {
		section h2 {	font-size: 3rem}
	}
	@media screen and (max-width: 900px) {
		section h1 {	font-size: 3rem}
	}
	@media screen and (max-width: 480px) {
		section h1 {	font-size: 2.5rem}
		section h2 {
			font-size: 2rem;
			text-transform: none !important;
			font-weight: normal !important}
		section h3 {
		  font-size: 1.6rem;
		  font-weight: normal}
	}
	
h1,h2, h3 {	position: relative}
.block {
	padding: 0;
	border-radius: 0}
strong,
b {
	color: #ff1c65;
	font-weight: bold}
sub {
  vertical-align: sub;
	font-size: 0.8em}
.shadowed {	box-shadow: 0 0 6px rgba(0, 0, 0, 0.4)}
.undisplayed {	display: none}
.no_flex a.shadowbox.thumb {
	display: inline-block;
	width: 32.5%;
	height: 14.5vw;
	position: relative;
	line-height: 0;
	vertical-align: top}
.container_flex > a.shadowbox.thumb,
.container_flex > * > a.shadowbox.thumb {
	display: block;
	height: 100%;
	width: 100%;
	position: relative;
	line-height: 0}
a.shadowbox.thumb::before,
a.shadowbox.thumb::after{
	content: '';
	position: absolute;
	width: 50%;
	height: 1em;
	max-height: 50%;
	z-index: -1;
	background:#181818}
a.shadowbox.thumb::before {
	bottom: 14px;
	left: 7px;
	transform: rotate(-3deg);
	box-shadow: 0 6px 15px #515151}
.no_flex > .skitter::before {	transform: rotate(-1deg)}
section .flex.content_end > .container_flex.medium > p > a.shadowbox.thumb::after {	transform: rotate(1deg)}
.slick-slider {	position: relative;	display: block;	box-sizing: border-box;	-webkit-user-select: none;	-moz-user-select: none;	-ms-user-select: none;	user-select: none;	-webkit-touch-callout: none;	-khtml-user-select: none;	-ms-touch-action: pan-y;	touch-action: pan-y;	-webkit-tap-highlight-color: transparent}
.slick-list {	position: relative;	display: block;	overflow: hidden;	margin: 0;	padding: 0}
.slick-list:focus {	outline: none}
.slick-list.dragging {	cursor: pointer}
.slick-slider .slick-track,.slick-slider .slick-list {	-webkit-transform: translate3d(0, 0, 0);	-moz-transform: translate3d(0, 0, 0);	-ms-transform: translate3d(0, 0, 0);	-o-transform: translate3d(0, 0, 0);	transform: translate3d(0, 0, 0)}
.slick-track {	position: relative;	top: 0;	left: 0;	display: block;	margin-left: auto;	margin-right: auto}
.slick-loading .slick-track {	visibility: hidden}
.slick-slide {	display: none;	float: left;height: 100%;min-height: 1px;min-height: 1px;}
.slick-initialized .slick-slide {    display: block}
.slick-loading .slick-slide {	visibility: hidden}
.slick-vertical .slick-slide {	display: block;	height: auto;	border: 1px solid transparent}
.slick-arrow.slick-hidden {	display: none}
.carousel .btn {
	position: absolute !important;
	top: 50%;
	z-index: 2;
	transform: translateY(-50%)}
.carousel > .btn.slick-disabled {	opacity: 0.2}
.carousel > .btn.prev {	left: 0}
.carousel > .btn.next {	right: 0}
p.hidden {	display: none}
p.hidden_5 {	display: block}
	
	@media screen and (max-width: 1290px) {
		p.hidden_4 {
			display: block;
			margin-bottom: 1em !important}
	}
	@media screen and (max-width: 1024px) {
		p.hidden_3,
		p.hidden_4 {
			display: block;
			margin-bottom: 1em !important}
	}
	@media screen and (max-width: 768px) {
		p.hidden_2,
		p.hidden_3,
		p.hidden_4 {
			display: block;
			margin-bottom: 1em !important}
	}
.skitter {
	max-width: 1290px;
	max-height: 100%;
	/* height: 100% !important; */
	/* min-height: 300px; */
	background: none;
	z-index: 1;
	margin: 0 auto 2em}
.skitter .container_skitter {
	max-height: 100%;
	height: 100% !important;
	width: 100% !important;
	display: block !important}
.skitter .image,
.skitter img {
	border-radius: 0;
	object-fit: cover;
	object-position: center}
.skitter .image > .shadowbox {
	width: 100%;
	height: 100%;
	display: block}
.skitter .box_clone,
.skitter .box_clone img {	height: 100% !important}
.skitter .info_slide_dots {
	bottom: 0;
	background: rgba(53, 78, 113,0.6);
	border-radius: 0}
.skitter .info_slide_dots .image_number {	background: rgba(255, 255, 255,0.4);}
.skitter .info_slide_dots .image_number.image_number_select {	background: rgba(255, 255, 255,1)}
svg.icon {
	height: 1.4em;
	width: 1.4em;
	fill: #333;
	vertical-align: bottom;
	margin-right: 0.5em}
svg.icon.after {	margin-left: 0.5em}
svg.icon.after:not(.before) {	margin-right: 0}
svg.icon.only {
	margin-right: 0;
	margin-left: 0}
img.icon {	max-height: 3.5em}
img.miniature {	max-height: 8.5em}
ul.align_center > li {	padding: 0 0 0}
ul.align_center > li::before {
	content: '';
	display: none}
#main .button:not(.wide):not(.current):not(.empty) {
	width: auto;
	position: relative;
	border: none;
	border-radius: 50%;
	padding: 0.4em 0.75em;
	text-transform: uppercase;
	display: flex !important;
	align-items: center;
	justify-content: center;
	width: 2em;
	height: 2em;
	background: #ff1c65;
	color: #fff;
	transition: 0.36s cubic-bezier(0.4, 0, 1, 1)}
	
	@keyframes pulse {
		0% {
			opacity: 0;
			transform: scale3d(0.3, 0.3, 0.3)}
		50% {	opacity: 0.5}
		100% {	opacity: 0}
	}

#main .button:not(.wide):not(.current):not(.empty):before {
	content: '';
	position: absolute;
	top: -50%;
	left: -50%;
	width: 200%;
	height: 200%;
	border-radius: 50%;
	background: #a2093a;
	z-index: -1;
	animation: pulse 3.2s infinite}
.pagination > .button {	border: none}
.pagination > .current {	
	text-transform: uppercase;
	font-size: 1.3rem;
	margin: 0 0 2em}
.pagination > .button:nth-child(1):not(.empty) {	margin: 0 1em 0 0}
.pagination > .button:nth-child(2):not(.empty),
.pagination > .current,
.pagination > .button:nth-child(4):not(.empty) {	margin: 0 1em}
.pagination > .button:nth-child(5):not(.empty) {	margin: 0 0 0 1em}
.pagination > .button.empty {
	padding: 0 0 0 0;
	margin: 0 0 0 0}
	
	@media screen and (max-width: 768px) {
		.pagination > .button:nth-child(1):not(.empty),
		.pagination > .button:nth-child(4):not(.empty) {	margin: 0 1em 0 0 !important}
		.pagination > .button:nth-child(2):not(.empty),
		.pagination > .button:nth-child(5):not(.empty) {	margin: 0 0 0 1em !important}
		.pagination > .container_flex.xxsmall.current {	margin: 1em 0 1em !important}
		.pagination > .button.empty {
			visibility: hidden;
			width: 0}
		.pagination > .button.empty:first-child  {	margin-right: -1em !important}
		.pagination > .button.empty:last-child  {	margin-left: -1em !important}
	}
	
#main table {
	margin: 0 0 1em;
	width: 100%;
	table-layout: fixed}
#main table tr > th {
	font-weight: bold;
	text-transform: uppercase;
	border-top: 1px solid;
	border-left: 1px solid;
	border-right: 1px solid;
	padding: 0.75em 0.25em}
#main table tr > td {
	border-top: 1px solid;
	border-left: 1px solid;
	padding: 0.75em 0.25em}
#main table tr > td:last-child {	border-right: 1px solid}
#main table tr:last-child > td {	border-bottom: 1px solid}
#main table tr > td {
	vertical-align: middle;
	width: 1%}
#main table tr > td > h3 {
	font-size: 1.1rem;
	font-weight: bold;
	text-transform: uppercase}
	
	@media screen and (max-width: 640px) {
		#main table,
		#main table > * {	display: block}
		#main table tr {	
			display: flex;
			flex-wrap: wrap;
			border: 1px solid}
		#main table tr > td {
			width: 100% !important;
			border: 1px solid;
			border-bottom: none;
			text-align: center !important}
		#main table tr > td *:not(ul):not(li) {	text-align: center !important}
		#main table tr:last-child > td {	border-bottom: none}
		#main table tr:last-child > td:last-child {	border-bottom: 1px solid}
		#main table tr > td:first-child,
		#main table tr > td:first-child * {	font-weight: bold}
	}
	
body .slider {	min-height: 95vh}

	@media screen and (orientation: portrait) {
		body .slider {	min-height: 600px}
	}
	@media screen and (max-width: 768px) {
		body .slider {	min-height: 600px}
	}
	@media screen and (max-width: 576px) and (orientation: portrait) {
		body .slider {	min-height: 480px}
	}
	@media screen and (max-height: 768px) and (min-height: 769px) and (orientation: landscape) {
		body .slider {	min-height: 600px}
	}
	@media screen and (max-height: 600px) and (orientation: landscape) {
		body .slider {	min-height: 480px}
	}
	
	
.slider-container {
	position: relative;
	height: 100%;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: grab;
	overflow: hidden;}
.slider-control {
	z-index: 2;
	position: absolute;
	bottom: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	display: flex;
	align-items: center;
	justify-content: center;
	-webkit-transition: opacity 0.3s;
	transition: opacity 0.3s;
	will-change: opacity;
	font-size: 3rem;
	color: #fff;
	width: 2rem;
	height: 2rem;
	border-radius: 50%;
	border: 2px solid #fff;
	cursor: pointer;
	text-align: center;
	opacity: 0.3}
.slider-control.inactive:hover {  cursor: not-allowed}
.slider-control:not(.inactive):hover {
	opacity: 1;
	cursor: pointer}
.slider-control.left {	right: 4.5rem}
.slider-control.right {	right: 2rem}

	@media screen and (max-width: 768px) {
		.slider-control {	display: none}
	}
	
.slider-control > span {	line-height: 0}
.slider-control > span > svg {
	height: 2rem;
	line-height: 0;
	width: 1rem}
.slider-pagi {
	position: absolute;
	z-index: 3;
	left: 2rem;
	top: 50%;
	opacity: 0.3;
	font-size: 0;
	list-style-type: none;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	transition: opacity 0.3s}
		
	@media screen and (max-width: 768px) {
		.slider-pagi {	display: none}
	}

.slider-pagi:hover {	opacity: 1}
#slider.inactive .slider-control,
#slider.inactive .slider-pagi {	display: none}
.slider-pagi__elem {
	position: relative;
	vertical-align: top;
	width: 2rem;
	height: 2rem;
	margin: 0 0 0.25rem !important;
	border-radius: 50%;
	border: 2px solid #fff;
	cursor: pointer}
.slider-pagi__elem:last-child {	margin-bottom: 0 !important}
.slider-pagi__elem.active {	cursor: not-allowed}
.slider-pagi__elem::before {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	width: 1.2rem;
	height: 1.2rem;
	background: #fff;
	border-radius: 50%;
	-webkit-transition: -webkit-transform 0.3s;
	transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
	transition: transform 0.3s, -webkit-transform 0.3s;
	-webkit-transform: translate(-50%, -50%) scale(0);
	transform: translate(-50%, -50%) scale(0)}
.slider-pagi__elem.active::before,
.slider-pagi__elem:hover::before {
	-webkit-transform: translate(-50%, -50%) scale(1);
	transform: translate(-50%, -50%) scale(1)}
.slider {
	z-index: 1;
	position: relative;
	height: 100%}
.slider.animating {
	-webkit-transition: -webkit-transform 0.5s;
	transition: -webkit-transform 0.5s;
	transition: transform 0.5s;
	transition: transform 0.5s, -webkit-transform 0.5s;
	will-change: transform}
.slider.animating .slide_bg {
	-webkit-transition: -webkit-transform 0.5s;
	transition: -webkit-transform 0.5s;
	transition: transform 0.5s;
	transition: transform 0.5s, -webkit-transform 0.5s;
	will-change: transform}
.slide {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	margin: 0 0}
	
	@media screen and (max-width: 360px) {
		.slide {
			margin: 0 0;
			width: 100%}
	}
	
.slide.active .slide__overlay {	opacity: 0.8}
.slide_bg {
	position: absolute;
	top: 0;
	left: -50%;
	width: 100%;
	height: 100%;
	will-change: transform;
	background-size: 50% auto;
	background-position: 100% 50%;
	background-repeat: no-repeat}

	@media screen and (max-height: 600px) and (orientation: landscape) {
		.slide_bg {	display: none}
	}
	@media screen and (max-width: 768px)  {
		.slide_bg {	display: none}
	}
	
.slide .slide__overlay-path {  fill: #fff}
.slide:nth-child(1) {  left: 0}
.slide:nth-child(1) .slide_bg {  left: 0}
.slide:nth-child(2) {  left: 100%}
.slide:nth-child(2) .slide_bg {  left: -50%}
.slide:nth-child(3) {  left: 200%}
.slide:nth-child(3) .slide_bg {  left: -100%}
.slide:nth-child(4) {  left: 300%}
.slide:nth-child(4) .slide_bg {  left: -150%}
.slide__content {
	position: absolute;
	top: 50%;
	left: 5%;
	right: auto;
	max-width: 66%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	font-size: 18px;
	text-align: center;
	overflow: hidden;
	-webkit-transition: opacity 0.2s 0.5s, -webkit-transform 0.5s 0.5s;
	transition: opacity 0.2s 0.5s, -webkit-transform 0.5s 0.5s;
	transition: transform 0.5s 0.5s, opacity 0.2s 0.5s;
	transition: transform 0.5s 0.5s, opacity 0.2s 0.5s, -webkit-transform 0.5s 0.5s;
	will-change: transform, opacity}
	
	@media screen and (max-width: 768px) {
		.slide__content {
			left: 0;
			right: 0}
	}
	@media screen and (max-width: 576px) and (orientation: portrait) {
		.slide__content {
			left: 0;
			right: 0;
			max-width: 100%;
			top: auto;
			bottom: 10%;
			transform: translateX(-15em);
			transform: translateX(-15vw)}
	}
	@media screen and (max-width: 480px) and (orientation: portrait) {
		.slide__content {
			left: 0;
			right: 0;
			max-width: 100%;
			top: auto;
			bottom: 15%;
			transform: translateX(-15em);
			transform: translateX(-15vw)}
	}
	@media screen and (max-height: 600px) and (orientation: landscape) {
		.slide__content {
			left: 0;
			right: 0;
			max-width: 100%;
			top: auto;
			bottom: 10%;
			transform: translateX(-15em);
			transform: translateX(-15vw)}
	}
	@media screen and (max-height: 480px) and (orientation: landscape) {
		.slide__content {
			left: 0;
			right: 0;
			max-width: 100%;
			top: auto;
			bottom: 10%;
			transform: translateX(-15em);
			transform: translateX(-15vw)}
	}
	@media screen and (max-width: 384px) {
		.slide__content {
			left: 0;
			right: 0;
			max-width: 100%;
			top: auto;
			bottom: 10%;
			transform: translateX(-15em);
			transform: translateX(-15vw)}
	}

body.menu-top .slide__content {
	left: 10%;
	right: 10%}
.slide__content:not(.on_screen) {
	-webkit-transition: opacity 0.2s 0.5s, -webkit-transform 0.5s 0.5s;
	transition: opacity 0.2s 0.5s, -webkit-transform 0.5s 0.5s;
	transition: transform 0.5s 0.5s, opacity 0.2s 0.5s;
	transition: transform 0.5s 0.5s, opacity 0.2s 0.5s, -webkit-transform 0.5s 0.5s;
	will-change: transform, opacity;
	-webkit-transform: translate3d(0, 50%, 0);
	transform: translate3d(0, 50%, 0);
	opacity: 0}
.slide__content.on_screen {
	opacity: 1;
	-webkit-transform: translateX(0) translateY(-50%);
	transform: translateX(0) translateY(-50%)}
	
	@media screen and (max-width: 576px) and (orientation: portrait) {
		.slide__content:not(.on_screen) {
			transform: translateX(-15em);
			transform: translateX(-15vw)}
		.slide__content.on_screen {
			transform: translateX(0);
			transform: translateX(0)}
	}
	@media screen and (max-width: 480px) and (orientation: portrait) {
		.slide__content:not(.on_screen) {
			transform: translateX(-15em);
			transform: translateX(-15vw)}
		.slide__content.on_screen {
			transform: translateX(0);
			transform: translateX(0)}
	}
	@media screen and (max-height: 600px) and (orientation: landscape) {
		.slide__content:not(.on_screen) {
			transform: translateX(-15em);
			transform: translateX(-15vw)}
		.slide__content.on_screen {
			transform: translateX(0);
			transform: translateX(0)}
	}
	@media screen and (max-height: 480px) and (orientation: landscape) {
		.slide__content:not(.on_screen) {
			transform: translateX(-15em);
			transform: translateX(-15vw)}
		.slide__content.on_screen {
			transform: translateX(0);
			transform: translateX(0)}
	}
	@media screen and (max-width: 384px) {
		.slide__content:not(.on_screen) {
			transform: translateX(-15em);
			transform: translateX(-15vw)}
		.slide__content.on_screen {
			transform: translateX(0);
			transform: translateX(0)}
	}
	
.slide__text {
	display: inline-block;
	padding: 1em;
	width: 100%}
.slide__overlay {
	-webkit-transition: opacity 0.2s 0.5s, -webkit-transform 0.5s 0.5s;
	transition: opacity 0.2s 0.5s, -webkit-transform 0.5s 0.5s;
	transition: transform 0.5s 0.5s, opacity 0.2s 0.5s;
	transition: transform 0.5s 0.5s, opacity 0.2s 0.5s, -webkit-transform 0.5s 0.5s;
	will-change: transform, opacity;
	-webkit-transform: translate3d(20%, 0, 0);
	transform: translate3d(20%, 0, 0);
	opacity: 0}

	@media screen and (max-width: 1024px) {
		.slide.active .slide__overlay {
			-webkit-transform: translateX(-25%);
			transform: translateX(-25%)}
	}
	@media screen and (max-width: 768px) {
		.slide.active .slide__overlay {	display: none}
	}
	
.slide__overlay path {  opacity: 0.8}
.overlay_slider {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	opacity: 1;
	z-index: -1;
	background: #fff}
	
	@media screen and (max-width: 384px) {
		.overlay_slider {	box-shadow: none}
	}
	
.slide__text > * {
	font-size: 4rem;
	margin: 0 0;
	position: relative;
	padding: 0;
	font-weight: normal;
	text-align: left;
	line-height: 1.5em;
	font-family: 'Cabin Sketch'}
	
	@media screen and (max-height: 600px) {
		.slide__text > * {	font-size: 3rem}
	}
	@media screen and (max-width: 900px) {
		.slide__text > * {	font-size: 3rem}
	}
	@media screen and (max-width: 480px) {
		.slide__text > * {	font-size: 2.5rem}
	}
	
.slide__text > h1 > span > span,
.slide__text > h2 > span > span {	display: block}
.slide__text > h2 {
	margin-top: 1em;
	font-size: 2.8rem;
	font-weight: normal;
	animation: fadeInUp 1s linear 0.5s 1 both}
	
	@media screen and (max-height: 600px) {
		.slide__text > h2 {	font-size: 2rem}
	}
	@media screen and (max-width: 900px) {
		.slide__text > h2 {	font-size: 2rem}
	}
	@media screen and (max-width: 480px) {
		.slide__text > h2 {	font-size: 1.8rem}
	}
	
.slide__text > p {
	margin-top: 1em;
	font-size: 2rem;
	font-weight: normal;
	animation: fadeInUp 1s linear 0.5s 1 both}
	
	@media screen and (max-height: 600px) {
		.slide__text > p {	font-size: 1.6rem}
	}
	@media screen and (max-width: 480px) {
		.slide__text > h2 {	font-size: 1.3rem}
	}
	
.slide__text > p > a,
.slide__text > p > .button {
	font-size: 0.5em;
	color: #fff;
	line-height: 1.5em}
#main .slide__text > p .button:not(.wide):not(.current):not(.empty):before,
#main .slide__text > p .button:not(.wide):not(.current):not(.empty):after,
#main .slide__text > p .button:not(.wide):not(.current):not(.empty) > span::before,
#main .slide__text > p .button:not(.wide):not(.current):not(.empty) > span::after {	background: #fff}
	
	@media screen and (max-width: 800px) {
		.slide__text > p {	font-size: 2.2rem}
	}
	@media screen and (max-width: 480px) {
		.slide__text > p {	font-size: 1.7rem}
	}
	@media screen and (max-width: 480px) {
		body.menu-top .slide__text > p {	font-size: 1.7rem}
	}
	
body.hidden,
body.swal {
	max-height: 100vh;
	overflow: hidden}
body.hidden > header > .flex > .no_flex,
body.hidden > header > .fixed,
body.hidden > section,
body.hidden #main,
body.hidden > footer {
	opacity: 0.05;
	transition: all 0.3s linear}
.lh_null {	line-height: 0 !important}
.slick-slider ul.slick-dots {
	width: auto !important;
	margin: 0 0 0 !important;
	padding: 0 0 0}
.slick-slider ul.slick-dots > li {
	width: auto;
	margin: 0 0.5rem 0 !important;
	padding: 0 0 0 !important;
	display: inline-block}
.slick-slider ul.slick-dots > li::before {
	content: '';
	display: none}
body .swal-overlay {
	cursor: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="16" height="16"><path fill="white" d="M200 287.1H64c-12.94 0-24.62 7.797-29.56 19.75c-4.969 11.97-2.219 25.72 6.937 34.87l30.06 30.06l-62.06 62.07c-12.49 12.5-12.5 32.75-.0012 45.25l22.62 22.62c12.5 12.5 32.76 12.5 45.26 .0012l62.06-62.07l30.06 30.06c6.125 6.125 14.31 9.375 22.62 9.375c4.125 0 8.281-.7969 12.25-2.437c11.97-4.953 19.75-16.62 19.75-29.56V311.1C224 298.7 213.3 287.1 200 287.1zM312 224h135.1c12.94 0 24.62-7.797 29.56-19.75c4.969-11.97 2.219-25.72-6.937-34.87l-30.06-30.06l62.06-62.07c12.5-12.5 12.5-32.76 .0003-45.26l-22.62-22.62c-12.5-12.5-32.76-12.5-45.26-.0003l-62.06 62.07l-30.06-30.06c-9.156-9.141-22.87-11.84-34.87-6.937C295.8 39.39 288 51.06 288 64v135.1C288 213.3 298.7 224 312 224zM204.3 34.44C192.3 29.47 178.5 32.22 169.4 41.38L139.3 71.44L77.25 9.374C64.75-3.123 44.49-3.123 31.1 9.374l-22.63 22.63c-12.49 12.49-12.49 32.75 .0018 45.25l62.07 62.06L41.38 169.4C35.25 175.5 32 183.7 32 192c0 4.125 .7969 8.281 2.438 12.25C39.39 216.2 51.07 224 64 224h135.1c13.25 0 23.1-10.75 23.1-23.1V64C224 51.06 216.2 39.38 204.3 34.44zM440.6 372.7l30.06-30.06c9.141-9.156 11.84-22.88 6.938-34.87C472.6 295.8 460.9 287.1 448 287.1h-135.1c-13.25 0-23.1 10.75-23.1 23.1v135.1c0 12.94 7.797 24.62 19.75 29.56c11.97 4.969 25.72 2.219 34.87-6.937l30.06-30.06l62.06 62.06c12.5 12.5 32.76 12.5 45.26 .0002l22.62-22.62c12.5-12.5 12.5-32.76 .0002-45.26L440.6 372.7z"/></svg>') 16 16, pointer;
	background-color: rgba(0,0,33,.75);
	font-family: 'Familjen Grotesk';
	font-size: 18px !important;
	display: flex;
    align-items: center;
	justify-content: center}
body .swal-modal {
	max-height: 90vh;
	width: 100% !important;
	max-width: 1440px;
	overflow: auto;
	cursor: default;
	box-shadow: 0px 30px 45px rgba(0,0,0,0.8)}
body .swal-content {
	color: #444;
	background-color: #fff;
	font-family: 'Bellefair';
	font-size: 17px;
	cursor: default}
body .swal-content p {	text-align: justify}
body .swal-content ul,
body .swal-content ul > li {	text-align: left}
body .swal-footer .swal-button:focus {
	outline: none;
	box-shadow: none}
body .swal-content {
	color: #000033;
	background-color: #fff;
	font-family: 'Familjen Grotesk';
	font-size: 18px}
body .swal-content h1,
body .swal-content h2 {	
	padding: 0 0 0;
	margin: 0 0 0.5em}
body .swal-content h1 {
	font-size: 4rem;
	margin: 0 0;
	position: relative;
	padding: 0;
	font-weight: normal;
	text-align: initial;
	line-height: 1.5em;
	font-family: 'Cabin Sketch'}
body .swal-content h2 {
	font-size: 4rem;
	font-weight: normal;
	text-transform: none;
	position: relative;
	text-align: initial;
	font-family: 'Cabin Sketch';}
body .swal-content h3 {
	font-size: 1.6rem;
	padding: 0 0 0;
	font-weight: normal;
	text-align: initial;
	font-family: 'Cabin Sketch';}
body .swal-content p {	
	display: block;
	margin: 0 0 1em; 
	text-indent: 0}
body .swal-content a {color: #594127}
body .swal-content ol {	counter-reset: ol_list}
body .swal-content ol > li {
	position: relative;
	padding-left: 2em}
body .swal-content ol:not(.slides):not(.align_center) > li::before {
	counter-increment: ol_list;
	content: counter(ol_list) ".";
	position: absolute;
	left: 0}
body .swal-content ul:not(.slides):not(.flex-direction-nav):not(.align_center):not(.slider-pagi) {
	margin: 0 auto 2em;
	width: 85%;
	text-align: left}
body .swal-content ul:not(.slides):not(.flex-direction-nav):not(.align_center):not(.slider-pagi) > li {
	margin: 0.5em 0 ;
	padding: 0 0 0 2em;
	position: relative;
	text-align: left}
body .swal-content ul:not(.slides):not(.flex-direction-nav):not(.align_center):not(.slider-pagi) > li::before {
	content: '•';
	position: absolute;
	left: 0;
	top: 45%;
	line-height: 0.3em}
body .swal-content ul:not(.slides):not(.flex-direction-nav) > li {	margin: 0.5em 0 }
body .swal-button-container {
	display: flex !important;
	align-items: center;
	justify-content: flex-end;
	flex-wrap: nowrap}
body .swal-content .no_border,
body .swal-footer .no_border {
	font-weight: bold;
	text-transform: none;
	font-size: 1.5em;
	background: none !important;
	font-family: 'Cabin Sketch'}
body .swal-content .button,
body .swal-footer .button {
	display: inline-block;
	font-size: 1em;
	font-weight: normal;
	cursor: pointer;
	margin: 0;
	  margin-bottom: 0px;
	  margin-left: 0px;
	width: 30%;
	text-align: center;
	padding: 0.2em;
	border-style: solid;
	transition: 0.3s all linear;
	width: auto;
	position: relative;
	border: none;
	border-radius: 50%;
	padding: 0.4em 0.75em;
	text-transform: uppercase;
	display: flex !important;
	align-items: center;
	justify-content: center;
	width: 2em;
	height: 2em;
	background: #ff1c65;
	color: #fff;
	margin-left: 1em;
	transition: 0.36s cubic-bezier(0.4, 0, 1, 1);}
body .swal-content .button::before,
body .swal-footer .button::before {
	content: '';
	position: absolute;
	top: -50%;
	left: -50%;
	width: 200%;
	height: 200%;
	border-radius: 50%;
	background: #a2093a;
	z-index: -1;
	animation: pulse 3.2s infinite}
body .swal-footer button.swal-button {
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	width: 15em;
	opacity: 0}
	
/************************************************************************************************************************************************************/
/* ACCUEIL																																					*/
/************************************************************************************************************************************************************/
body#accueil section#slider {	margin-top: 0}
body#accueil #main > section {	position: relative}
body#accueil section#slider + section::before {
	content: '';
	position: absolute;
	top: -0.5em;
	left: 0;
	right: 1em;
	height: 0.5em;
	background: linear-gradient(0deg, rgba(0, 0, 0,0.05) 0%, rgba(0,0,0,0) 100%)}
body#accueil section > .no_flex {
	width: 100%;
	padding: 8em 0}
body#accueil #main > section:last-child > .no_flex {	padding-bottom: 8em}
body#accueil section#slider + section > .no_flex {	padding-top: 4em}
body#accueil #main > section#sect_2 > .no_flex {
	background: #000033;
	transition: 0.36s cubic-bezier(0.4, 0, 1, 1)}
body:not(.mobile)#accueil #main > section#sect_2.alternateColor > .no_flex,
body.mobile#accueil #main > section#sect_2 > .no_flex {	background: #fff}
body:not(.mobile)#accueil #main > section#sect_5.alternateColor > .no_flex,
body.mobile#accueil #main > section#sect_5 > .no_flex {
	background: #000033;
	color: #fff;
	transition: 0.36s cubic-bezier(0.4, 0, 1, 1)}
body:not(.mobile)#accueil #main > section#sect_5 > .no_flex::before {
	content: '';
	position: absolute;
	top: -2em;
	left: 0;
	right: 0;
	bottom: 0;
	background: #fff;
	-webkit-clip-path: polygon(0 2em, 100% 0, 100% 100%, 0 100%);
	clip-path: polygon(0 2em, 100% 0, 100% 100%, 0 100%);
	transition: 0.36s cubic-bezier(0.4, 0, 1, 1)}
body:not(.mobile)#accueil #main > section#sect_5.alternateColor > .no_flex::before {
	content: '';
	position: absolute;
	top: -2em;
	left: 0;
	right: 0;
	bottom: 0;
	background: #000033;
	-webkit-clip-path: polygon(0 2em, 100% 0, 100% 100%, 0 100%);
	clip-path: polygon(0 2em, 100% 0, 100% 100%, 0 100%)}
body#accueil #main > section > .no_flex > .center > .no_flex,
body#accueil #main > section > .no_flex > .center > .no_flex > .no_flex,
body#accueil #main > section > .no_flex > .center > .flex {	margin: 0 0 8em}

	@media screen and (max-width: 1024px) {
		body#accueil #main > section > .no_flex > .center > .no_flex,
		body#accueil #main > section > .no_flex > .center > .no_flex > .no_flex,
		body#accueil #main > section > .no_flex > .center > .flex {	margin: 0 0 4em}
	}
	@media screen and (max-width: 768px) {
	}

body#accueil #main > section .center > .no_flex.on_screen {	animation: fadeIn 2s linear 0s 1 both}
body:not(.mobile)#accueil #main > section#sect_3 > .no_flex > .center > .flex > .container_flex:not(.on_screen),
body.mobile#accueil #main > section#sect_3 > .no_flex > .center > .flex > .container_flex:not(.on_screen) {
	opacity: 0;
	visibility: hidden;
	transform: translateX(-15em);
	transform: translateX(-15vw);
	transition: 0.36s cubic-bezier(0.4, 0, 1, 1)}
body:not(.mobile)#accueil #main > section#sect_3 > .no_flex > .center > .flex > .container_flex.on_screen,
body.mobile#accueil #main > section#sect_3 > .no_flex > .center > .flex > .container_flex.on_screen {
	opacity: 1;
	visibility: visible;
	transform: translateX(0);
	transform: translateX(0);
	transition: 0.36s cubic-bezier(0.4, 0, 1, 1)}
body:not(.mobile)#accueil #main > section#sect_4 > .no_flex > .center > .flex > .container_flex:nth-child(1):not(.on_screen),
body.mobile#accueil #main > section#sect_4 > .no_flex > .center > .flex > .container_flex:nth-child(1):not(.on_screen) {
	opacity: 0;
	visibility: hidden;
	transform: translateX(-15em);
	transform: translateX(-15vw);
	transition: 0.36s cubic-bezier(0.4, 0, 1, 1)}
body:not(.mobile)#accueil #main > section#sect_4 > .no_flex > .center > .flex > .container_flex:nth-child(1).on_screen,
body.mobile#accueil #main > section#sect_4 > .no_flex > .center > .flex > .container_flex:nth-child(1).on_screen {
	opacity: 1;
	visibility: visible;
	transform: translateX(0);
	transform: translateX(0);
	transition: 0.36s cubic-bezier(0.4, 0, 1, 1)}
body.mobile#accueil #main > section#sect_1 > .no_flex > .center > .no_flex > .no_flex:not(.on_screen),
body.mobile #main > section#sect_2 > .no_flex > .center > .flex:not(.on_screen),
body:not(.mobile)#accueil #main > section#sect_4 > .no_flex > .center > .flex > .container_flex:nth-child(2):not(.on_screen),
body.mobile#accueil #main > section#sect_4 > .no_flex > .center > .flex > .container_flex:nth-child(2):not(.on_screen) {
	opacity: 0;
	visibility: hidden;
	transform: translateX(15em);
	transform: translateX(15vw);
	transition: 0.36s cubic-bezier(0.4, 0, 1, 1)}
body.mobile#accueil #main > section#sect_1 > .no_flex > .center > .no_flex > .no_flex.on_screen,
body.mobile #main > section#sect_2 > .no_flex > .center > .flex.on_screen,
body:not(.mobile)#accueil #main > section#sect_4 > .no_flex > .center > .flex > .container_flex:nth-child(2).on_screen,
body.mobile#accueil #main > section#sect_4 > .no_flex > .center > .flex > .container_flex:nth-child(2).on_screen {
	opacity: 1;
	visibility: visible;
	transform: translateX(0);
	transform: translateX(0);
	transition: 0.36s cubic-bezier(0.4, 0, 1, 1)}
body:not(.mobile)#accueil #main > section#sect_4 > .no_flex > .center > .flex > .no_flex:not(.on_screen),
body.mobile#accueil #main > section#sect_4 > .no_flex > .center > .flex > .no_flex:not(.on_screen) {
	opacity: 0;
	visibility: hidden;
	height: 0;
	bottom: 50% !important;
	transition: 0.36s cubic-bezier(0.4, 0, 1, 1)}
body:not(.mobile)#accueil #main > section#sect_4 > .no_flex > .center > .flex > .no_flex.on_screen,
body.mobile#accueil #main > section#sect_4 > .no_flex > .center > .flex > .no_flex {
	opacity: 1;
	visibility: visible;
	height: 600px;
	bottom: 0;
	transition: 0.36s cubic-bezier(0.4, 0, 1, 1)}
body:not(.mobile)#accueil #main > section#sect_5 > .no_flex > .center > .flex > .container_flex:not(.on_screen),
body.mobile#accueil #main > section#sect_5 > .no_flex > .center > .flex > .container_flex:not(.on_screen) {
	opacity: 0;
	visibility: hidden;
	transform: translateX(-15em);
	transform: translateX(-15vw);
	transition: 0.36s cubic-bezier(0.4, 0, 1, 1)}
body:not(.mobile)#accueil #main > section#sect_5 > .no_flex > .center > .flex > .container_flex.on_screen,
body.mobile#accueil #main > section#sect_5 > .no_flex > .center > .flex > .container_flex.on_screen {
	opacity: 1;
	visibility: visible;
	transform: translateX(0);
	transform: translateX(0);
	transition: 0.36s cubic-bezier(0.4, 0, 1, 1)}
body#accueil #main > section#sect_1 > .no_flex > .center .container_flex * {	text-align-last: center}
body#accueil #main > section > .no_flex > .center > .flex > .container_flex h2 > span {	display: block}
body#accueil #main > section#sect_1 > .no_flex > .center > .no_flex > .no_flex > h2 {
	font-size: 3rem;
	font-weight: bold;
	text-transform: uppercase;
	position: relative;
	font-family: 'Cabin Sketch'}
body#accueil #main > section#sect_1 > .no_flex > .center > .no_flex > .no_flex > h3 {
	font-size: 2rem;
	font-weight: bold;
	text-transform: none}
body:not(.mobile)#accueil #main > section#sect_1 > .no_flex > .center > .no_flex > .no_flex > h3 span {
	display: inline-block;
	transform: translateY(-100%) rotate(-15deg);
	opacity: 0}
body:not(.mobile)#accueil #main > section#sect_1 > .no_flex > .center > .no_flex > .no_flex > h3.on_screen span {
	animation-name: balanced;
	animation-duration: 1s;
	animation-iteration-count: 1;
	animation-timing-function: cubic-bezier(.1,.8,.8,.1);
	animation-fill-mode: both}
	
	@keyframes balanced {
		0% {
			transform: translateY(-100%) rotate(-15deg) skew(0deg);
			opacity: 0}
		60% {
			opacity:1;
			transform: translateY(0) rotate(-15deg) skew(-15deg)}
		80% {
			opacity:1;
			transform: translateY(-10%) rotate(-10deg) skew(-10deg)}
		90% {
			opacity:1;
			transform: translateY(-5%) rotate(-5deg) skew(-5deg)}
		100% {
			opacity:1;
			transform: translateY(0) rotate(0) skew(0deg)}
	}
	
body#accueil #main > section#sect_2 > .no_flex > .center .carousel {	margin-bottom: 0}
body#accueil #main > section#sect_2 > .no_flex > .center .carousel article {
	padding: 0 1rem 2em;
	transition: 0.36s cubic-bezier(0.4, 0, 1, 1)}
body:not(.mobile)#accueil #main > section#sect_2:not(.alternateColor) > .no_flex > .center .carousel article {	opacity: 0}
body:not(.mobile)#accueil #main > section#sect_2.alternateColor > .no_flex > .center .carousel article {	opacity: 1}
body#accueil #main > section#sect_2 > .no_flex > .center .carousel article > div {
	display: block !important;
	height: 100% !important;
	min-height: 24em;
	padding: 2em}
body#accueil #main > section#sect_2 > .no_flex > .center .carousel article > div {
	color: #fff;
	background: #000033;
	position: relative;
	box-shadow: 0 12px 18px rgba(0,0,0,0.2)}
body#accueil #main > section#sect_2 > .no_flex > .center .carousel article > div > .container_flex {
	display: flex !important;
	align-items: center;
	justify-content: center;
	height: 28em;
	height: 50vh}
body#accueil #main > section#sect_2 > .no_flex > .center .carousel article > div > .container_flex > p {
	margin: 0 0 0;
	line-height: 0}
body#accueil #main > section#sect_2 > .no_flex > .center .carousel article > div > .container_flex > p > img {	transition: 0.36s cubic-bezier(0.4, 0, 1, 1)}
body#accueil #main > section#sect_2 > .no_flex > .center .carousel article > div:hover > .container_flex > p > img {
transform: scale(1.2)}
body#accueil #main > section#sect_2 > .no_flex > .center .carousel article > div > .container_flex > p.absolute {
	top: -1em;
	right: 0.5em;
	color: #ff1c65;
	transition: 0.36s cubic-bezier(0.4, 0, 1, 1)}
body#accueil #main > section#sect_2 > .no_flex > .center .carousel article:hover > div > .container_flex > p.absolute {	top: 0.5em}
body#accueil #main > section#sect_2 > .no_flex > .center .carousel article > div > .container_flex > p.absolute svg {
	width: 1em;
	height: 1em}
body:not(.mobile)#accueil #main > section#sect_2 > .no_flex > .center > .no_flex {
	position: absolute;
	top: 50%;
	left: 2.5%;
	right: 2.5%;
	color: #fff;
	font-size: 3rem;
	font-weight: bold;
	text-transform: uppercase;
	font-family: 'Cabin Sketch';
	transform:translateY(-50%);
	z-index: 1000;
	opacity: 1;
	visibility: visible;
	animation: none;
	transition: 0.36s cubic-bezier(0.4, 0, 1, 1)}
body:not(.mobile)#accueil #main > section#sect_2 > .no_flex > .center > .no_flex:not(.on_screen) {
	opacity: 0 !important;
	visibility: hidden !important;
	transform: scale(0.5)}
body:not(.mobile)#accueil #main > section#sect_2 > .no_flex > .center > .no_flex.on_screen {
	opacity: 1;
	visibility: visible}
body.mobile#accueil #main > section#sect_2 > .no_flex > .center {	padding-top: 6em}
body.mobile#accueil #main > section#sect_2 > .no_flex > .center > .no_flex {
	position: absolute;
	top: 0;
	left: 2.5%;
	right: 2.5%;
	color: #fff;
	background: #003;
	font-size: 3rem;
	font-weight: bold;
	text-transform: uppercase;
	font-family: 'Cabin Sketch';
	z-index: 1000;
	opacity: 1;
	visibility: visible;
	animation: none;
	transition: 0.36s cubic-bezier(0.4, 0, 1, 1)}
body:not(.mobile)#accueil #main > section#sect_2.alternateColor > .no_flex > .center > .no_flex,
body:not(.mobile)#accueil #main > section#sect_2.alternateColor > .no_flex > .center > .no_flex:not(.on_screen) {
	opacity: 0 !important;
	visibility: hidden !important;
	transform: scale(1.5)}
body#accueil #main > section#sect_3 > .no_flex > .center > .flex > .container_flex > h2 {
	font-size: 4rem;
	margin: 0 0 0.5em}
body#accueil #main > section#sect_3 > .no_flex > .center > .flex > .container_flex > h2 > span {	display: inline}
body#accueil #main > section#sect_3 > .no_flex > .center > .flex > .container_flex > h2 > strong {
	position: relative;
	display: inline-block;
	height: 1.1em;
	vertical-align: top;
	overflow: hidden}
	
	@keyframes defile {
		0% {	transform: translateY(0)}
		11% {	transform: translateY(0%)}
		12.5% {	transform: translateY(-100%)}
		23.5% {	transform: translateY(-100%)}
		25% {	transform: translateY(-200%)}
		36% {	transform: translateY(-200%)}
		37.5% {	transform: translateY(-300%)}
		48.5% {	transform: translateY(-300%)}
		50% {	transform: translateY(-400%)}
		61% {	transform: translateY(-400%)}
		62.5% {	transform: translateY(-300%)}
		73.5% {	transform: translateY(-300%)}
		75% {	transform: translateY(-200%)}
		86% {	transform: translateY(-200%)}
		87.5% {	transform: translateY(-100%)}
		98.5% {	transform: translateY(-100%)}
		100% {	transform: translateY(0)}
	}

body#accueil #main > section#sect_3 > .no_flex > .center > .flex > .container_flex > h2 > strong > span {
	display: block;
	height: 100%;
	animation-name: defile;
	animation-duration: 12s;
	animation-iteration-count: infinite;
	animation-timing-function: cubic-bezier(.1,.8,.8,.1);
	animation-fill-mode: both}
body#accueil #main > section#sect_3 > .no_flex > .center > .flex > .container_flex > p {	font-size: 1.3rem}
body#accueil #main > section#sect_3 > .no_flex > .center > .flex > .container_flex > .subtitle {	font-size: 2rem}
body#accueil section#sect_4 > .no_flex > .center {	padding: 8em 0}
body#accueil section#sect_4 > .no_flex > .center > .flex.content_end > .container_flex.medium {	position: relative}
body#accueil section#sect_4 > .no_flex > .center > .flex.content_end > .container_flex.medium > h2	{
	transform: rotate(-90deg);
	display: inline-block;
	margin: 0 0 0;
	font-size: 4rem;
	white-space: nowrap;
	position: absolute;
	border: 0;
	left: 0;
	transform-origin: 0 100%;
	position: absolute;
	bottom: 0;
	left: 75%}
body#accueil section#sect_4 > .no_flex > .center > .flex.content_end > .container_flex.medium .s-carousel {	padding: 1em 3em 3em}
body#accueil section#sect_4 > .no_flex > .center > .flex.content_end > .container_flex.medium .s-carousel > .button {
	position: absolute !important;
	top: 50%;
	z-index: 2;
	transform: translateY(-50%)}
body#accueil section#sect_4 > .no_flex > .center > .flex.content_end > .container_flex.medium .s-carousel > .button.prev {	left: 0}
body#accueil section#sect_4 > .no_flex > .center > .flex.content_end > .container_flex.medium .s-carousel > .button.next {	right: 0}
body#accueil section#sect_4 > .no_flex > .center > .flex.content_end > .container_flex.medium .s-carousel ul.slick-dots {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	text-align: center}
body#accueil section#sect_4 > .no_flex > .center > .flex.content_end > .container_flex.medium .s-carousel ul.slick-dots > li {
	width: 2em;
	height: 2em;
	padding: 1em;
	text-align: center;
	overflow: hidden}
body#accueil section#sect_4 > .no_flex > .center > .flex.content_end > .container_flex.medium .s-carousel ul.slick-dots > li button {
	cursor: pointer;
	text-indent: -1000px;
	display: block;
	width: 50%;
	height: 50%;
	border: none;
	border-radius: 50%;
	background: #ff1c65;
	position: relative;
	color: #fff;
	font-family: 'Familjen Grotesk';
	line-height: 0;
	transform: translateY(50%) translateX(50%)}
body#accueil section#sect_4 > .no_flex > .center > .flex.content_end > .container_flex.medium .s-carousel ul.slick-dots > li button:hover::before {	
	content: '';
	position: absolute;
	top: -50%;
	left: -50%;
	width: 200%;
	height: 200%;
	border-radius: 50%;
	background: #a2093a;
	z-index: -1;
	animation: pulse 1s infinite}
body#accueil section#sect_4 > .no_flex > .center > .flex.content_end > .container_flex.medium .s-carousel ul.slick-dots > li.slick-active button::after {
	content: '';
	height: 0.5em;
	width: 0.5em;
	border-radius: 50%;
	position: absolute;
	top: 50%;
	left: 50%;
	background: #fff;
	z-index: 2;
	cursor: default;
	transform: translateY(-50%) translateX(-50%)}
body#accueil section#sect_4 > .no_flex > .center > .flex.content_end > .container_flex.medium .s-carousel article {	padding: 1em}
body#accueil section#sect_4 > .no_flex > .center > .flex.content_end > .container_flex.medium .s-carousel article > div {
	color: #fff;
	background: #000033;
	position: relative;
	padding: 1em 2em;
	box-shadow: 0 6px 12px rgba(0,0,0,0.2)}
body#accueil section#sect_4 > .no_flex > .center > .flex.content_end > .container_flex.medium .s-carousel article > div > div > * {
	text-align: justify;
	text-align-last: center}
body#accueil section#sect_4 > .no_flex > .center > .flex.content_end > .container_flex.medium .s-carousel article > div > div > h3 {
	font-size: 1.6rem;
	font-family: 'Cabin Sketch'}	
body#accueil section#sect_4 > .no_flex > .center > .flex.content_end > .container_flex.medium .s-carousel article > div > div > p {	font-size: 1.3rem}	
body#accueil section#sect_4 > .no_flex > .center > .flex.content_end > .no_flex {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 20%;
	border-radius: 50px;
	line-height: 0;
	overflow: auto;
	z-index: 1;
	scrollbar-width: none;
	transition: 1s linear}
body#accueil section#sect_4 > .no_flex > .center > .flex.content_end > .no_flex::-webkit-scrollbar {	display: none}
body#accueil section#sect_4 > .no_flex > .center > .flex.content_end > .no_flex:not(.back):after {
	content: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 329.998 329.998" class="icon only"><path fill="%23eee" d="M209.393,249.392l-29.394,29.393v-71.367c17.459-6.192,30-22.865,30-42.42s-12.541-36.228-30-42.42V51.211 l29.394,29.393c2.929,2.929,6.768,4.394,10.606,4.394s7.678-1.464,10.606-4.394c5.858-5.858,5.858-15.355,0-21.213L175.608,4.394 c-0.351-0.35-0.72-0.682-1.104-0.997c-0.171-0.142-0.353-0.264-0.529-0.396c-0.214-0.161-0.424-0.327-0.647-0.477 c-0.216-0.144-0.439-0.269-0.659-0.401c-0.199-0.119-0.393-0.244-0.599-0.353c-0.227-0.121-0.459-0.224-0.69-0.333 c-0.213-0.1-0.422-0.207-0.639-0.296c-0.227-0.094-0.457-0.169-0.687-0.252c-0.232-0.083-0.462-0.172-0.699-0.245 c-0.231-0.07-0.467-0.121-0.7-0.18c-0.24-0.061-0.479-0.128-0.723-0.177c-0.273-0.054-0.549-0.087-0.823-0.125 c-0.21-0.03-0.415-0.07-0.628-0.09c-0.986-0.098-1.978-0.098-2.965,0c-0.213,0.02-0.418,0.06-0.628,0.09 c-0.274,0.039-0.55,0.071-0.823,0.125c-0.244,0.049-0.482,0.116-0.723,0.177c-0.233,0.059-0.469,0.11-0.7,0.18 c-0.237,0.072-0.467,0.161-0.699,0.245c-0.23,0.082-0.46,0.158-0.687,0.252c-0.217,0.09-0.426,0.196-0.639,0.296 c-0.231,0.109-0.464,0.211-0.69,0.333c-0.205,0.11-0.399,0.235-0.599,0.353c-0.221,0.132-0.443,0.257-0.659,0.401 c-0.224,0.149-0.434,0.316-0.648,0.477c-0.177,0.132-0.358,0.254-0.529,0.396c-0.384,0.315-0.753,0.646-1.104,0.997L99.393,59.391 c-5.858,5.857-5.858,15.355,0,21.213c5.856,5.857,15.354,5.858,21.213,0l29.394-29.393v71.367c-17.459,6.192-30,22.865-30,42.42 s12.541,36.227,30,42.42v71.367l-29.394-29.393c-5.857-5.858-15.355-5.858-21.213,0c-5.858,5.858-5.858,15.356,0,21.213 l54.997,54.997c0.351,0.35,0.72,0.682,1.104,0.997c0.17,0.141,0.352,0.263,0.527,0.395c0.215,0.162,0.426,0.328,0.65,0.479 c0.213,0.143,0.434,0.267,0.653,0.397c0.201,0.12,0.398,0.247,0.605,0.357c0.224,0.12,0.454,0.221,0.683,0.329 c0.215,0.102,0.427,0.209,0.647,0.301c0.223,0.092,0.449,0.166,0.676,0.247c0.236,0.085,0.469,0.175,0.71,0.248 c0.226,0.068,0.454,0.118,0.683,0.176c0.246,0.063,0.49,0.131,0.741,0.181c0.263,0.052,0.526,0.082,0.791,0.121 c0.22,0.031,0.437,0.073,0.659,0.095c0.492,0.048,0.986,0.075,1.48,0.075s0.988-0.026,1.48-0.075 c0.223-0.022,0.439-0.064,0.659-0.095c0.265-0.038,0.528-0.069,0.791-0.121c0.251-0.05,0.495-0.119,0.741-0.181 c0.229-0.058,0.457-0.107,0.683-0.176c0.241-0.073,0.474-0.163,0.71-0.248c0.227-0.081,0.453-0.155,0.676-0.247 c0.221-0.092,0.433-0.199,0.647-0.301c0.229-0.107,0.459-0.209,0.683-0.329c0.207-0.111,0.403-0.237,0.605-0.357 c0.219-0.13,0.44-0.254,0.653-0.397c0.225-0.15,0.436-0.317,0.65-0.479c0.176-0.132,0.357-0.254,0.527-0.395 c0.384-0.314,0.753-0.646,1.104-0.997l54.997-54.997c5.858-5.857,5.858-15.355,0-21.213 C224.749,243.535,215.251,243.534,209.393,249.392z M164.989,149.999c0.004,0,0.007,0,0.01,0s0.006,0,0.01,0 c8.267,0.005,14.99,6.732,14.99,14.999c0,8.271-6.729,15-15,15s-15-6.729-15-15C149.999,156.73,156.723,150.004,164.989,149.999z"/></svg>');
	position: absolute;
	top: 50%;
	right: 1em;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 1.2em;
	height: 1.2em;
	padding: 0.2em;
	z-index: 2;
	opacity: 1;
	background: rgba(0,0,0,0.5);
	border-radius: 50%;
	border: 1px solid #888;
	box-shadow: 0 0 6px rgba(0,0,0,0.2);
	transition: 0.18s cubic-bezier(0.4, 0, 1, 1)}
body#accueil section#sect_4 > .no_flex > .center > .flex.content_end > .no_flex:not(.back):hover::after {
	opacity: 0;
	transition: 0.36s cubic-bezier(0.4, 0, 1, 1)}
body#accueil section#sect_4 > .no_flex > .center > .flex.content_end > .no_flex.back {
	overflow: hidden;
	cursor: pointer}
body#accueil section#sect_4 > .no_flex > .center > .flex.content_end > .no_flex.back::before {
	content: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon only"><path fill="black" d="M0 256C0 114.6 114.6 0 256 0C397.4 0 512 114.6 512 256C512 397.4 397.4 512 256 512C114.6 512 0 397.4 0 256zM256 368C269.3 368 280 357.3 280 344V280H344C357.3 280 368 269.3 368 256C368 242.7 357.3 232 344 232H280V168C280 154.7 269.3 144 256 144C242.7 144 232 154.7 232 168V232H168C154.7 232 144 242.7 144 256C144 269.3 154.7 280 168 280H232V344C232 357.3 242.7 368 256 368z"/></svg>');
	position: absolute;
	top: 1em;
	right: 1em;
	width: 1.2em;
	height: 1.2em;
	z-index: 2;
	opacity: 0.5;
	background: #fff;
	border-radius: 50%;
	transition: 0.36s cubic-bezier(0.4, 0, 1, 1)}
body#accueil section#sect_4 > .no_flex > .center > .flex.content_end > .no_flex.back:hover::before {	opacity: 1}
body#accueil section#sect_4 > .no_flex > .center > .flex.content_end > .no_flex.back::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #fff;
	opacity: 0.6}
body#accueil section#sect_4 > .no_flex > .center > .flex.content_end > .no_flex > .absolute.page {
	top: 0.8em;
	left: 1em;
	right: 1em;
	line-height: 0}
body#accueil section#sect_4 > .no_flex > .center > .flex.content_end > .no_flex > .absolute.smartphone {	
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	line-height: 0}
body#accueil section#sect_4 > .no_flex > .center > .flex.content_end > .no_flex:not(.back) > .absolute.smartphone::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 2;
	cursor: all-scroll}
body#accueil section#sect_4 > .no_flex > .center > .flex.content_end > .no_flex > .absolute.page > img {	border-radius: 20px}
body#accueil section#sect_4 > .no_flex > .center > .flex.content_end > .no_flex img {
	width: 100%;
	height: 100%}
body#accueil section#sect_5 > .no_flex > .center > .flex > .container_flex.xxxlarge {
	width: 95% !important;
	margin-left: 5%}
body#accueil section#sect_5 > .no_flex > .center > .flex > .container_flex > h2 {	font-size: 4rem}
body#accueil section#sect_5 > .no_flex > .center > .flex > .container_flex > p,
body#accueil section#sect_5 > .no_flex > .center > .flex > .container_flex > div {	max-width: 75%}
body#accueil section#sect_5 > .no_flex > .center > .flex > .container_flex > div {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	flex-wrap: nowrap;
	margin-top: 2em}
body#accueil section#sect_5 > .no_flex > .center > .flex > .container_flex > div > .no_border {
	font-weight: bold;
	text-transform: none;
	font-size: 1.5em;
	font-family: 'Cabin Sketch'}
body#accueil section#sect_5 > .no_flex > .center > .flex > .container_flex > div > .button {	margin-left: 1em}
body#accueil section#sect_5 > .no_flex > .center > .flex > .container_flex > p {	font-size: 1.3rem}

	@media screen and (max-width: 1366px) {
		body#accueil section#sect_4 > .no_flex > .center > .flex.content_end > .no_flex {	width: 25%}
	}
	@media screen and (max-width: 1280px) {
		body#accueil section > .no_flex {	padding: 4em 0}
		body#accueil #main > section:last-child > .no_flex {	padding-bottom: 4em}
		body#accueil #main > section#sect_1 > .no_flex > .center > .no_flex > .no_flex > h2,
		body#accueil #main > section#sect_2 > .no_flex > .center > .no_flex {	font-size: 2.3rem !important}
		body#accueil #main > section#sect_3 > .no_flex > .center > .flex > .container_flex.xmedium {	width: 75%}
		body#accueil #main > section#sect_3 > .no_flex > .center > .flex > .container_flex > h2,
		body#accueil section#sect_4 > .no_flex > .center > .flex.content_end > .container_flex.medium > h2,
		body#accueil section#sect_5 > .no_flex > .center > .flex > .container_flex > h2 {	font-size: 3rem}
	}
	@media screen and (max-width: 1024px) {
		body.mobile#accueil #main > section#sect_2 > .no_flex > .center > .no_flex {
			left: 1rem;
			right: 1rem}
		body#accueil #main > section#sect_3 > .no_flex > .center > .flex.content_between {	justify-content: space-between}
		body#accueil #main > section#sect_3 > .no_flex > .center > .flex > .container_flex.xmedium {	width: 75% !important}
		body#accueil section#sect_4 > .no_flex > .center > .flex.content_end > .container_flex.medium > h2 {	left: 90%}
		body#accueil section#sect_4 > .no_flex > .center > .flex.content_end > .no_flex {	width: 32%}
	}
	@media screen and (max-width: 800px) {
		body#accueil section#sect_4 > .no_flex > .center {
			padding-top: 0;
			padding-bottom: 700px}
		body#accueil section#sect_4 > .no_flex > .center > .flex.content_end {	margin-bottom: 4em !important}
		body#accueil section#sect_4 > .no_flex > .center > .flex.content_end > .container_flex.medium:nth-child(1) {
			order: 1;
			width: 24% !important;
			margin-right: 1% !important}
		body#accueil section#sect_4 > .no_flex > .center > .flex.content_end > .container_flex.medium:nth-child(2) {
			order: 2;
			width: 74% !important;
			margin-left: 1% !important}
		body#accueil section#sect_4 > .no_flex > .center > .flex.content_end > .container_flex.medium > h2 {	left: 50%}
		body#accueil section#sect_4 > .no_flex > .center > .flex.content_end > .no_flex {
			width: 40%;
			left: 25%}
	}
	@media screen and (max-width: 768px) {
		body#accueil section#slider + section::before {	display: none}
		body#accueil section > .no_flex {	padding: 2em 0}
		body#accueil #main > section#sect_1 > .no_flex > .center > .no_flex > .no_flex > h2 {	font-size: 1.8rem !important}
		body#accueil #main > section#sect_2 > .no_flex > .center .carousel article {	padding: 0 1rem 0}
		body#accueil #main > section#sect_2 > .no_flex > .center .carousel article > div {	min-height: 12em}
		body#accueil #main > section#sect_2 > .no_flex > .center .carousel article > div > .container_flex {	height: 12em}
		body#accueil #main > section#sect_2 > .no_flex > .center .carousel article > div > .container_flex img {	max-height: 12em}
		body#accueil section#sect_4 > .no_flex {	padding: 2em 0 4em}
		body#accueil #main > section#sect_3 > .no_flex > .center > .flex > .container_flex.xmedium {	width: 100% !important}
		body#accueil section#sect_4 > .no_flex > .center > .flex.content_end {	margin-bottom: 0 !important}
		body#accueil section#sect_4 > .no_flex > .center > .flex.content_end > .container_flex.medium:nth-child(1) {
			order: 1;
			width: 14% !important;
			margin-right: 1% !important}
		body#accueil section#sect_4 > .no_flex > .center > .flex.content_end > .container_flex.medium:nth-child(2) {
			order: 2;
			width: 84% !important;
			margin-left: 1% !important}
		body#accueil section#sect_4 > .no_flex > .center > .flex.content_end > .container_flex.medium .s-carousel article {	padding: 0}
		body#accueil section#sect_4 > .no_flex > .center > .flex.content_end > .no_flex {
			width: 50%;
			left: 20%}
		body#accueil section#sect_5 > .no_flex > .center > .flex > .container_flex.xxxlarge {
			width: 100% !important;
			margin-left: 0}
		body#accueil section#sect_5 > .no_flex > .center > .flex > .container_flex > p,
		body#accueil section#sect_5 > .no_flex > .center > .flex > .container_flex > div {	max-width: 100%}
	}
	@media screen and (max-width: 640px) {
		body#accueil section#slider + section > .no_flex {	padding-top: 0}
		body#accueil section > .no_flex {	padding: 4em 0 0}
		body#accueil #main > section#sect_1 > .no_flex > .center > .no_flex > .no_flex > h2 {	display: none}
		body.mobile#accueil #main > section#sect_2 > .no_flex > .center {	padding-top: 0}
		body.mobile#accueil #main > section#sect_2 > .no_flex > .center > .no_flex {	display: none}
	}
	@media screen and (max-width: 480px) {
		body#accueil #main > section#sect_1 > .no_flex > .center > .no_flex > .no_flex > h2,
		body#accueil #main > section#sect_2 > .no_flex > .center > .no_flex,
		body#accueil #main > section#sect_3 > .no_flex > .center > .flex > .container_flex > h2,
		body#accueil section#sect_4 > .no_flex > .center > .flex.content_end > .container_flex.medium > h2,
		body#accueil section#sect_5 > .no_flex > .center > .flex > .container_flex > h2 {
			font-size: 2rem !important;
			text-transform: none !important;
			font-weight: normal !important}
		body#accueil #main > section#sect_1 > .no_flex > .center > .no_flex > .no_flex > h3 {
			font-size: 1.6rem;
			font-weight: normal}
		body.mobile#accueil #main > section#sect_2 > .no_flex > .center > .no_flex {
			left: 0.55em;
			right: 0.55em}
		body#accueil #main > section#sect_2 > .no_flex > .center .carousel article > div{	min-height: 5em}
		body#accueil #main > section#sect_2 > .no_flex > .center .carousel article > div > .container_flex {	height: 5em}
		body#accueil #main > section#sect_2 > .no_flex > .center .carousel article > div > .container_flex img {	max-height: 5em}
		body#accueil section#sect_4 > .no_flex > .center > .flex.content_end > .container_flex.medium:nth-child(1) {
			width: 100% !important;
			margin-right: 0% !important;
			margin-bottom: 1em !important;
			min-height: 1px !important}
		body#accueil section#sect_4 > .no_flex > .center > .flex.content_end > .container_flex.medium:nth-child(2) {
			width: 100% !important;
			margin-left: 0% !important;
			margin-bottom: 2em !important}
		body#accueil section#sect_4 > .no_flex > .center > .flex.content_end > .container_flex.medium > h2 {
			position: initial;
			transform: none}
		body#accueil section#sect_4 > .no_flex > .center > .flex.content_end > .no_flex {
			width: 60%;
			left: 15%}
		body#accueil section#sect_4 > .no_flex > .center > .flex.content_end > .container_flex.medium .s-carousel {	padding: 1em 0 0}
		body#accueil section#sect_4 > .no_flex > .center > .flex.content_end > .container_flex.medium .s-carousel > .button {
			top: 0;
			transform: none}
		body#accueil section#sect_4 > .no_flex > .center > .flex.content_end > .container_flex.medium .s-carousel ul.slick-dots {display: none !important}
		body#accueil section#sect_4 > .no_flex > .center > .flex.content_end > .no_flex {
			width: 85%;
			left: 0}
	}

/************************************************************************************************************************************************************/
/* CONTACT																																					*/
/************************************************************************************************************************************************************/
body#formulaire .slider {
	padding-top: 16em;
	min-height: 32em}
body#formulaire section > .no_flex {
	width: 100%;
	padding: 4em 0 8em}
body#formulaire section#slider + section > .no_flex {	padding-top: 4em}
body#formulaire #main > section {	position: relative}
body#formulaire section#slider + section::before {
	content: '';
	position: absolute;
	top: -0.5em;
	left: 0;
	right: 1em;
	height: 0.5em;
	background: linear-gradient(0deg, rgba(0, 0, 0,0.05) 0%, rgba(0,0,0,0) 100%)}
body#formulaire section > .no_flex {
	padding: 4em 0 8em;
	position: relative}
body#formulaire section > .no_flex:first-child {
	width: 100%;
	padding: 16em 0 4em}
body#formulaire #main > section > .no_flex:nth-child(1) > .center > .no_flex:not(.on_screen),
body#formulaire #main > section > .no_flex:nth-child(2) > .center > .no_flex > .flex:not(.on_screen) {
	opacity: 0;
	visibility: hidden;
	transform: translateX(-15em);
	transform: translateX(-15vw);
	transition: 0.36s cubic-bezier(0.4, 0, 1, 1)}
body#formulaire #main > section > .no_flex:nth-child(1) > .center > .no_flex.on_screen,
body#formulaire #main > section > .no_flex:nth-child(2) > .center > .no_flex > .flex.on_screen {
	opacity: 1;
	visibility: visible;
	transform: translateX(0);
	transform: translateX(0);
	transition: 0.36s cubic-bezier(0.4, 0, 1, 1)}
body#formulaire #main > section > .no_flex:nth-child(2) > .center > .no_flex:not(.on_screen) > h2,
body#formulaire #main > section > .no_flex:nth-child(2) > .center > .no_flex:not(.on_screen) > p {
	opacity: 0;
	visibility: hidden;
	transform: translateX(15em);
	transform: translateX(15vw);
	transition: 0.36s cubic-bezier(0.4, 0, 1, 1)}
body#formulaire #main > section > .no_flex:nth-child(2) > .center > .no_flex.on_screen > h2,
body#formulaire #main > section > .no_flex:nth-child(2) > .center > .no_flex.on_screen > p {
	opacity: 1;
	visibility: visible;
	transform: translateX(0);
	transform: translateX(0);
	transition: 0.36s cubic-bezier(0.4, 0, 1, 1)}
body#formulaire #main > section > .no_flex.alternateColor:nth-child(2) {
	background: #000033;
	color: #fff;
	transition: 0.36s cubic-bezier(0.4, 0, 1, 1)}
body#formulaire #main > section > .no_flex:nth-child(2):before {
	content: '';
	position: absolute;
	top: -2em;
	left: 0;
	right: 0;
	bottom: 0;
	background: #fff;
	-webkit-clip-path: polygon(0 2em, 100% 0, 100% 100%, 0 100%);
	clip-path: polygon(0 2em, 100% 0, 100% 100%, 0 100%);
	transition: 0.36s cubic-bezier(0.4, 0, 1, 1)}
body#formulaire #main > section > .no_flex.alternateColor:nth-child(2):before {
	content: '';
	position: absolute;
	top: -2em;
	left: 0;
	right: 0;
	bottom: 0;
	background: #000033;
	-webkit-clip-path: polygon(0 2em, 100% 0, 100% 100%, 0 100%);
	clip-path: polygon(0 2em, 100% 0, 100% 100%, 0 100%)}
body#formulaire #main > section > .no_flex > .center > .no_flex,
body#formulaire #main > section > .no_flex > .center > .no_flex > .no_flex,
body#formulaire #main > section > .no_flex > .center > .flex {	margin: 0 0 8em}
body#formulaire #main > section > .no_flex > .center > .no_flex > .flex > p {
	font-size: 1.3rem;
	margin: 0 2em 0 0}
body#formulaire #main > section > .no_flex > .center > p,
body#formulaire #main > section > .no_flex > .center > .no_flex > .flex > .flex {	font-size: 1.3rem}
body#formulaire #main > section > .no_flex > .center > .no_flex > .flex > .flex > .no_border {
	font-weight: bold;
	text-transform: none;
	font-size: 1.5em;
	color: #ff1c65;
	font-family: 'Cabin Sketch'}
body#formulaire #main > section > .no_flex > .center > .no_flex > .flex > .flex > .button {	margin-left: 1em}
body#formulaire #main > section > .no_flex > .center > .no_flex > .flex > .flex > .button svg {
	width: 1em;
	height: 1em}
body#formulaire #main > section > .no_flex > .center > .no_flex > h2 {	margin: 0 0 0.75em}
body#formulaire #main > section > .no_flex:nth-child(1) > .center > .no_flex > h2,
body#formulaire #main > section > .no_flex:nth-child(1) > .center > .no_flex > p {	text-align-last: left}
body#formulaire #main > section > .no_flex:nth-child(2) > .center > .no_flex > h2,
body#formulaire #main > section > .no_flex:nth-child(2) > .center > .no_flex > p {	text-align-last: right}
body#formulaire #main > section > .no_flex > .center > .no_flex > p {	font-size: 1.3rem}
body#formulaire #main > section > .no_flex > .center > .no_flex > .flex form {	font-size: 1.3rem}
body#formulaire #main > section > .no_flex:nth-child(2) > .center > .no_flex > .flex {	margin-top: 2em}
body#formulaire #main > section > .no_flex > .center > .no_flex > .flex form > .no_flex {	font-size: 1rem}
body#formulaire #main > section > .no_flex > .center > .no_flex > .flex form > .no_flex,
body#formulaire #main > section > .no_flex > .center > .no_flex > .flex form > .flex {	margin: 0 0 1em}
body#formulaire #main > section > .no_flex > .center > .no_flex > .flex form > .flex:last-child {
	margin-top: 2em;
	margin-bottom: 0}
body#formulaire #main > section > .no_flex > .center > .no_flex > .flex form > .flex input,
body#formulaire #main > section > .no_flex > .center > .no_flex > .flex form > .flex textarea,
body#formulaire #main > section > .no_flex > .center > .no_flex > .flex form > .flex select {
	background: #000033;
	color: #fff;
	border: none;
	padding: 0.15em 0.35em;
	border-bottom: 1px solid rgba(255,255,255,0.4);
	transition: 0.36s cubic-bezier(0.4, 0, 1, 1)}
body#formulaire #main > section > .no_flex > .center > .no_flex > .flex form > .flex input:focus,
body#formulaire #main > section > .no_flex > .center > .no_flex > .flex form > .flex textarea:focus,
body#formulaire #main > section > .no_flex > .center > .no_flex > .flex form > .flex select:focus {	border-bottom-color: #ff1c65}
body#formulaire #main > section > .no_flex > .center > .no_flex > .flex form > .flex input::placeholder,
body#formulaire #main > section > .no_flex > .center > .no_flex > .flex form > .flex textarea::placeholder {	font-size: 0.8em}
body#formulaire #main > section > .no_flex > .center > .no_flex > .flex form > .flex:last-child p {
	max-width: 50%;
	font-size: 0.8em}
body#formulaire #main > section > .no_flex > .center > .no_flex form .no_border {
	font-weight: bold;
	text-transform: none;
	font-size: 1.5em;
	color: #ff1c65;
	background: none;
	border: none;
	cursor: pointer;
	font-family: 'Cabin Sketch'}
body#formulaire #main > section > .no_flex > .center > .no_flex form .button {	margin-left: 1em}

	@media screen and (max-width: 1280px) {
		body#formulaire #main > section:last-child > .no_flex:last-child {	padding-bottom: 4em}
	}
	@media screen and (max-width: 768px) {
		body#formulaire #main > section > .no_flex > .center > .no_flex > .flex form > .no_flex,
		body#formulaire #main > section > .no_flex > .center > .no_flex > .flex form > .flex {	margin: 0 0 2em !important}
		body#formulaire #main > section > .no_flex > .center > .no_flex > .flex form > .flex:last-child {
			margin: 0 0 0 !important;
			justify-content: space-between !important}
		body#formulaire #main > section > .no_flex > .center > .no_flex > .flex form label {	margin: 0 0 1em !important}
	}
	@media screen and (max-width: 640px) {
		body#formulaire section#slider + section > .no_flex {	padding-top: 0}
		body#formulaire #main > section > .no_flex > .center > .no_flex > .flex form > .flex:last-child > p,
		body#formulaire #main > section > .no_flex > .center > .no_flex > .flex form > .flex:last-child > div {	
			max-width: 100%;
			width: 100%}
		body#formulaire #main > section > .no_flex > .center > .no_flex > .flex form > .flex:last-child > p {
			margin: 2em 0 0 !important;
			order: 2}
		body#formulaire #main > section > .no_flex > .center > .no_flex > .flex form > .flex:last-child > div {	order: 1}
	}
	@media screen and (max-width: 480px) {
		
	}

/************************************************************************************************************************************************************/
/* PORTFOLIO																																				*/
/************************************************************************************************************************************************************/
body#cms .slider {
	padding-top: 16em;
	min-height: 32em}
body#cms section > .no_flex {
	width: 100%;
	padding: 4em 0 8em}
body#cms section#slider + section > .no_flex {	padding-top: 4em}
body#cms #main > section {	position: relative}
body#cms section#slider + section::before {
	content: '';
	position: absolute;
	top: -0.5em;
	left: 0;
	right: 1em;
	height: 0.5em;
	background: linear-gradient(0deg, rgba(0, 0, 0,0.05) 0%, rgba(0,0,0,0) 100%)}
body#cms section > .no_flex > .center > .carousel {	padding: 0 0 8em}
body#cms section > .no_flex > .center > .carousel > .button {
	position: absolute !important;
	top: auto;
	bottom: 0;
	z-index: 2;
	transition: 0.36s cubic-bezier(0.4, 0, 1, 1)}
body#cms section > .no_flex > .center > .carousel > .button.prev {	left: 0}
body#cms section > .no_flex > .center > .carousel > .button.next {	right: 0}
body#cms section > .no_flex > .center > .carousel > .button.slick-disabled {
	cursor: default;
	opacity: 0.1}
body#cms section > .no_flex > .center > .carousel ul.slick-dots {
	position: absolute;
	left: 2em;
	right: 2em;
	bottom: 0;
	text-align: center;
	overflow: auto;
	white-space: nowrap}
body#cms section > .no_flex > .center > .carousel ul.slick-dots > li {
	width: 2em;
	height: 2em;
	padding: 1em;
	text-align: center;
	overflow: hidden}
body#cms section > .no_flex > .center > .carousel ul.slick-dots > li button {
	cursor: pointer;
	text-indent: -1000px;
	display: block;
	width: 50%;
	height: 50%;
	border: none;
	border-radius: 50%;
	background: #ff1c65;
	position: relative;
	color: #fff;
	font-family: 'Familjen Grotesk';
	line-height: 0;
	transform: translateY(50%) translateX(50%)}
body#cms section > .no_flex > .center > .carousel ul.slick-dots > li button:hover::before {	
	content: '';
	position: absolute;
	top: -50%;
	left: -50%;
	width: 200%;
	height: 200%;
	border-radius: 50%;
	background: #a2093a;
	z-index: -1;
	animation: pulse 1s infinite}
body#cms section > .no_flex > .center > .carousel ul.slick-dots > li.slick-active button::after {
	content: '';
	height: 0.5em;
	width: 0.5em;
	border-radius: 50%;
	position: absolute;
	top: 50%;
	left: 50%;
	background: #fff;
	z-index: 2;
	cursor: default;
	transform: translateY(-50%) translateX(-50%)}
body#cms section > .no_flex > .center > .no_flex .slick-slide.slick-current {
	-webkit-transform: scale(1);
	transform: scale(1);
	transition: 2s cubic-bezier(0.4, 0, 1, 1)}
body#cms section > .no_flex > .center > .no_flex .slick-slide:not(.slick-current) {
	-webkit-transform: scale(0.8);
	transform: scale(0.8);
	transition: 2s cubic-bezier(0.4, 0, 1, 1)}
body#cms section > .no_flex > .center > .no_flex .flex.content_start {
	display: flex !important;
	position: relative;
	min-height: 25em;
	padding: 2em 0}
body#cms section > .no_flex > .center > .no_flex .flex.items_stretch > .container_flex.medium {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 8em}
body#cms section > .no_flex > .center > .no_flex .flex.items_stretch > .container_flex.medium:not(.on_screen) {
	opacity: 0;
	visibility: hidden;
	transform: translateX(-15vw);
	transform: translateX(-15vw);
	transition: 0.36s cubic-bezier(0.4, 0, 1, 1)}
body#cms section > .no_flex > .center > .no_flex .flex.items_stretch > .container_flex.medium.on_screen {
	opacity: 1;
	visibility: visible;
	transform: translateX(0);
	transform: translateX(0);
	transition: 0.36s cubic-bezier(0.4, 0, 1, 1)}
body#cms section > .no_flex > .center > .no_flex .flex.items_stretch > .container_flex h2 {
	transform: rotate(-90deg);
	display: inline-block;
	margin: 0 0 0;
	font-size: 2rem;
	white-space: nowrap;
	position: absolute;
	border: 0;
	left: 0;
	transform-origin: 0 100%;
	bottom: 0;
	left: 1em}
body#cms section > .no_flex > .center > .no_flex .flex.items_stretch > .container_flex.smedium {
	position: relative;
	padding-top: 6em;
	padding-left: 10em}
body#cms section > .no_flex > .center > .no_flex .flex.content_start p {
	font-size: 1.3rem;
	margin-bottom: 2em}
body#cms section > .no_flex > .center > .no_flex .flex.items_stretch > .container_flex.smedium:not(.on_screen) {
	opacity: 0;
	visibility: hidden;
	transform: translateX(15em);
	transform: translateX(15vw);
	transition: 0.36s cubic-bezier(0.4, 0, 1, 1)}
body#cms section > .no_flex > .center > .no_flex .flex.items_stretch > .container_flex.smedium.on_screen {
	opacity: 1;
	visibility: visible;
	transform: translateX(0);
	transform: translateX(0);
	transition: 0.36s cubic-bezier(0.4, 0, 1, 1)}
body#cms section > .no_flex > .center > .no_flex .flex > .container_flex .no_border {
	font-weight: bold;
	text-transform: none;
	font-size: 1.3em;
	color: #ff1c65;
	background: none;
	border: none;
	cursor: pointer;
	font-family: 'Cabin Sketch';
	display: flex !important;
	align-items: center;
	justify-content: flex-end;
	flex-wrap: nowrap}
body#cms section > .no_flex > .center > .no_flex .flex > .container_flex .button {	margin-left: 1em}
body#cms section > .no_flex > .center > .no_flex .flex.content_start > .no_flex {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 45%;
	line-height: 0;
	overflow: auto;
	z-index: 1;
	scrollbar-width: none;
	transition: 1s linear;
	padding-top: 31%}
body#cms section > .no_flex > .center > .no_flex .flex.content_start > .no_flex:not(.on_screen) {
	opacity: 0;
	visibility: hidden;
	top: 50% !important;
	bottom: 50% !important;
	transform: translateY(0);
	padding-top: 0;
	transition: 0.36s cubic-bezier(0.4, 0, 1, 1)}
body#cms section > .no_flex > .center > .no_flex .flex.content_start > .no_flex.on_screen {
	opacity: 1;
	visibility: visible;
	top: 50%;
	transform: translateY(-50%);
	padding-top: 31%;
	transition: 0.36s cubic-bezier(0.4, 0, 1, 1)}
body#cms section > .no_flex > .center > .no_flex .flex.content_start > .no_flex::-webkit-scrollbar {	display: none}
body#cms section > .no_flex > .center > .no_flex .flex.content_start > .no_flex::after {
	content: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 329.998 329.998" class="icon only"><path fill="%23eee" d="M209.393,249.392l-29.394,29.393v-71.367c17.459-6.192,30-22.865,30-42.42s-12.541-36.228-30-42.42V51.211 l29.394,29.393c2.929,2.929,6.768,4.394,10.606,4.394s7.678-1.464,10.606-4.394c5.858-5.858,5.858-15.355,0-21.213L175.608,4.394 c-0.351-0.35-0.72-0.682-1.104-0.997c-0.171-0.142-0.353-0.264-0.529-0.396c-0.214-0.161-0.424-0.327-0.647-0.477 c-0.216-0.144-0.439-0.269-0.659-0.401c-0.199-0.119-0.393-0.244-0.599-0.353c-0.227-0.121-0.459-0.224-0.69-0.333 c-0.213-0.1-0.422-0.207-0.639-0.296c-0.227-0.094-0.457-0.169-0.687-0.252c-0.232-0.083-0.462-0.172-0.699-0.245 c-0.231-0.07-0.467-0.121-0.7-0.18c-0.24-0.061-0.479-0.128-0.723-0.177c-0.273-0.054-0.549-0.087-0.823-0.125 c-0.21-0.03-0.415-0.07-0.628-0.09c-0.986-0.098-1.978-0.098-2.965,0c-0.213,0.02-0.418,0.06-0.628,0.09 c-0.274,0.039-0.55,0.071-0.823,0.125c-0.244,0.049-0.482,0.116-0.723,0.177c-0.233,0.059-0.469,0.11-0.7,0.18 c-0.237,0.072-0.467,0.161-0.699,0.245c-0.23,0.082-0.46,0.158-0.687,0.252c-0.217,0.09-0.426,0.196-0.639,0.296 c-0.231,0.109-0.464,0.211-0.69,0.333c-0.205,0.11-0.399,0.235-0.599,0.353c-0.221,0.132-0.443,0.257-0.659,0.401 c-0.224,0.149-0.434,0.316-0.648,0.477c-0.177,0.132-0.358,0.254-0.529,0.396c-0.384,0.315-0.753,0.646-1.104,0.997L99.393,59.391 c-5.858,5.857-5.858,15.355,0,21.213c5.856,5.857,15.354,5.858,21.213,0l29.394-29.393v71.367c-17.459,6.192-30,22.865-30,42.42 s12.541,36.227,30,42.42v71.367l-29.394-29.393c-5.857-5.858-15.355-5.858-21.213,0c-5.858,5.858-5.858,15.356,0,21.213 l54.997,54.997c0.351,0.35,0.72,0.682,1.104,0.997c0.17,0.141,0.352,0.263,0.527,0.395c0.215,0.162,0.426,0.328,0.65,0.479 c0.213,0.143,0.434,0.267,0.653,0.397c0.201,0.12,0.398,0.247,0.605,0.357c0.224,0.12,0.454,0.221,0.683,0.329 c0.215,0.102,0.427,0.209,0.647,0.301c0.223,0.092,0.449,0.166,0.676,0.247c0.236,0.085,0.469,0.175,0.71,0.248 c0.226,0.068,0.454,0.118,0.683,0.176c0.246,0.063,0.49,0.131,0.741,0.181c0.263,0.052,0.526,0.082,0.791,0.121 c0.22,0.031,0.437,0.073,0.659,0.095c0.492,0.048,0.986,0.075,1.48,0.075s0.988-0.026,1.48-0.075 c0.223-0.022,0.439-0.064,0.659-0.095c0.265-0.038,0.528-0.069,0.791-0.121c0.251-0.05,0.495-0.119,0.741-0.181 c0.229-0.058,0.457-0.107,0.683-0.176c0.241-0.073,0.474-0.163,0.71-0.248c0.227-0.081,0.453-0.155,0.676-0.247 c0.221-0.092,0.433-0.199,0.647-0.301c0.229-0.107,0.459-0.209,0.683-0.329c0.207-0.111,0.403-0.237,0.605-0.357 c0.219-0.13,0.44-0.254,0.653-0.397c0.225-0.15,0.436-0.317,0.65-0.479c0.176-0.132,0.357-0.254,0.527-0.395 c0.384-0.314,0.753-0.646,1.104-0.997l54.997-54.997c5.858-5.857,5.858-15.355,0-21.213 C224.749,243.535,215.251,243.534,209.393,249.392z M164.989,149.999c0.004,0,0.007,0,0.01,0s0.006,0,0.01,0 c8.267,0.005,14.99,6.732,14.99,14.999c0,8.271-6.729,15-15,15s-15-6.729-15-15C149.999,156.73,156.723,150.004,164.989,149.999z"/></svg>');
	position: absolute;
	top: 50%;
	left: 1em;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 1.2em;
	height: 1.2em;
	padding: 0.2em;
	z-index: 2;
	opacity: 1;
	background: rgba(0,0,0,0.5);
	border-radius: 50%;
	border: 1px solid #888;
	box-shadow: 0 0 6px rgba(0,0,0,0.2);
	transition: 0.18s cubic-bezier(0.4, 0, 1, 1)}
body#cms section > .no_flex > .center > .no_flex .flex.content_start > .no_flex:hover::after {
	opacity: 0;
	transition: 0.36s cubic-bezier(0.4, 0, 1, 1)}
body#cms section > .no_flex > .center > .no_flex .flex.content_start > .no_flex > .absolute.page {
	top: 1.2em;
	left: 0.8em;
	right: 0.8em;
	border-radius: 20px;
	line-height: 0}
body#cms section > .no_flex > .center > .no_flex .flex.content_start > .no_flex > .absolute.ecran {	
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	line-height: 0}
body#cms section > .no_flex > .center > .no_flex .flex.content_start > .no_flex > .absolute.ecran::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 2;
	cursor: all-scroll}
body#cms section > .no_flex > .center > .no_flex .flex.content_start > .no_flex img {
	width: 100%;
	height: 100%}
body#cms section#sect_2.alternateColor > .no_flex {
	background: #000033;
	color: #fff;
	transition: 0.36s cubic-bezier(0.4, 0, 1, 1)}
body#cms section#sect_2 > .no_flex::before {
	content: '';
	position: absolute;
	top: -2em;
	left: 0;
	right: 0;
	bottom: 0;
	background: #fff;
	-webkit-clip-path: polygon(0 2em, 100% 0, 100% 100%, 0 100%);
	clip-path: polygon(0 2em, 100% 0, 100% 100%, 0 100%);
	transition: 0.36s cubic-bezier(0.4, 0, 1, 1)}
body#cms section#sect_2.alternateColor > .no_flex::before {
	content: '';
	position: absolute;
	top: -2em;
	left: 0;
	right: 0;
	bottom: 0;
	background: #000033;
	-webkit-clip-path: polygon(0 2em, 100% 0, 100% 100%, 0 100%);
	clip-path: polygon(0 2em, 100% 0, 100% 100%, 0 100%)}	
body#cms section > .no_flex > .center > .no_flex > .flex > .container_flex.xxxlarge {
	width: 95% !important;
	margin-left: 5%}
body#cms section > .no_flex > .center > .no_flex > .flex > .container_flex.xxxlarge:not(.on_screen) {
	opacity: 0;
	visibility: hidden;
	transform: translateX(-15em);
	transform: translateX(-15vw);
	transition: 0.36s cubic-bezier(0.4, 0, 1, 1)}
body#cms section > .no_flex > .center > .no_flex > .flex > .container_flex.xxxlarge.on_screen {
	opacity: 1;
	visibility: visible;
	transform: translateX(0);
	transform: translateX(0);
	transition: 0.36s cubic-bezier(0.4, 0, 1, 1)}
body#cms section > .no_flex > .center > .no_flex > .flex > .container_flex > p,
body#cms section > .no_flex > .center > .no_flex > .flex > .container_flex > div {	max-width: 75%}
body#cms section > .no_flex > .center > .no_flex > .flex > .container_flex > p {	font-size: 1.3rem}

	@media screen and (max-width: 800px) {
		body#cms #main > section:last-child > .no_flex:last-child {	padding-bottom: 4em}
		body#cms section > .no_flex > .center > .carousel {	padding: 0 0 8em}
		body#cms section > .no_flex > .center > .no_flex .flex.items_stretch > .container_flex.medium {	width: 8em !important}
		body#cms section > .no_flex > .center > .no_flex .flex.items_stretch > .container_flex.smedium {
			width: 100% !important;
			margin-bottom: 500px !important}
		body#cms section > .no_flex > .center > .no_flex .flex.content_start > .no_flex,
		body#cms section > .no_flex > .center > .no_flex .flex.content_start > .no_flex.on_screen {
			top: auto;
			bottom: 0;
			transform: none;
			padding-top: 480px;
			width: calc(100% - 9em) !important}
		body#cms section > .no_flex > .center > .carousel > .button,
		body#cms section > .no_flex > .center > .carousel ul.slick-dots {	bottom: 4em}
	}
	@media screen and (max-width: 768px) {
		body#cms section > .no_flex > .center > .no_flex > .flex > .container_flex.xxxlarge {
			width: 100% !important;
			margin-left: 0}
		body#cms section > .no_flex > .center > .no_flex > .flex > .container_flex > p,
		body#cms section > .no_flex > .center > .no_flex > .flex > .container_flex > div {	max-width: 100%}
	}
	@media screen and (max-width: 640px) {
		body#cms section > .no_flex {	padding: 4em 0 0}
		body#cms section#slider + section > .no_flex {	padding-top: 0}
		body#cms section > .no_flex > .center > .no_flex .flex.items_stretch > .container_flex.medium {
			position: initial;
			width: 100% !important;
			margin: 0 0 1em !important}
		body#cms section > .no_flex > .center > .no_flex .flex.items_stretch > .container_flex h2 {
			transform: none;
			display: block;
			position: initial}
		body#cms section > .no_flex > .center > .no_flex .flex.items_stretch > .container_flex.smedium {
			padding-top: 0;
			padding-left: 0;
			margin-bottom: 75% !important}
		body#cms section > .no_flex > .center > .no_flex .flex.content_start > .no_flex,
		body#cms section > .no_flex > .center > .no_flex .flex.content_start > .no_flex.on_screen {
			top: auto;
			bottom: 0;
			transform: none;
			padding-top: 75%;
			width: 100% !important}
	}
	@media screen and (max-width: 576px) {
		body#cms section > .no_flex > .center > .no_flex .flex.content_start > .no_flex > .absolute.page {
			top: 0.8em;
			left: 0.4em;
			right: 0.4em}
	}

/************************************************************************************************************************************************************/
/* MENTIONS LÉGALES																																			*/
/************************************************************************************************************************************************************/
body#mentions_legales .slider {
	padding-top: 16em;
	min-height: 32em}
body#mentions_legales section > .no_flex {
	width: 100%;
	padding: 4em 0 8em}
body#mentions_legales section#slider + section > .no_flex {	padding-top: 4em}
body#mentions_legales #main > section {	position: relative}
body#mentions_legales section#slider + section::before {
	content: '';
	position: absolute;
	top: -0.5em;
	left: 0;
	right: 1em;
	height: 0.5em;
	background: linear-gradient(0deg, rgba(0, 0, 0,0.05) 0%, rgba(0,0,0,0) 100%)}
body#mentions_legales section.alternateColor > .no_flex {
	background: #000033;
	color: #fff;
	transition: 0.36s cubic-bezier(0.4, 0, 1, 1)}
body#mentions_legales section > .no_flex::before {
	content: '';
	position: absolute;
	
	left: 0;
	right: 0;
	bottom: 0;
	background: #fff;
	-webkit-clip-path: polygon(0 2em, 100% 0, 100% 100%, 0 100%);
	clip-path: polygon(0 2em, 100% 0, 100% 100%, 0 100%);
	transition: background 0.36s cubic-bezier(0.4, 0, 1, 1)}
body#mentions_legales section:not(.alternateColor) > .no_flex::before {	top: 0}
body#mentions_legales section.alternateColor > .no_flex::before {
	content: '';
	position: absolute;
	top: -2em;
	left: 0;
	right: 0;
	bottom: 0;
	background: #000033;
	-webkit-clip-path: polygon(0 2em, 100% 0, 100% 100%, 0 100%);
	clip-path: polygon(0 2em, 100% 0, 100% 100%, 0 100%)}
body#mentions_legales section.alternateColor > .no_flex a {	color: #fff}
body#mentions_legales section > .no_flex > .center > .flex {	margin: 0 0 8em}
body#mentions_legales section > .no_flex > .center .flex > .container_flex.medium {	width: 42%}
body#mentions_legales section > .no_flex > .center .flex > .container_flex.medium:not(.on_screen) {
	opacity: 0;
	visibility: hidden;
	transition: 0.36s cubic-bezier(0.4, 0, 1, 1)}
body#mentions_legales section > .no_flex > .center .flex > .container_flex.medium:nth-child(2n-1):not(.on_screen) {	
	transform: translateX(-15em);
	transform: translateX(-15vw)}
body#mentions_legales section > .no_flex > .center .flex > .container_flex.medium:nth-child(2n):not(.on_screen) {
	transform: translateX(15em);
	transform: translateX(15vw)}
body#mentions_legales section > .no_flex > .center .flex > .container_flex.medium.on_screen {
	opacity: 1;
	visibility: visible;
	transform: translateX(0);
	transform: translateX(0);
	transition: 0.36s cubic-bezier(0.4, 0, 1, 1)}
body#mentions_legales section > .no_flex > .center .flex > .container_flex.xxxlarge:not(.on_screen) {
	opacity: 0;
	visibility: hidden;
	transform: translateY(-5em);
	transform: translateY(-5vw);
	transition: 0.36s cubic-bezier(0.4, 0, 1, 1)}
body#mentions_legales section > .no_flex > .center .flex > .container_flex.xxxlarge.on_screen {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
	transform: translateY(0);
	transition: 0.36s cubic-bezier(0.4, 0, 1, 1)}
body#mentions_legales section > .no_flex > .center .flex > .container_flex.medium ul > li,
body#mentions_legales section > .no_flex > .center .flex > .container_flex.medium p {	font-size: 1.3rem}

	@media screen and (max-width: 768px) {
		body#mentions_legales section > .no_flex {	padding: 4em 0}
		body#mentions_legales section > .no_flex > .center > .flex {	margin: 0 0 4em}
	}

/************************************************************************************************************************************************************/
/* RECHERCHE																																				*/
/************************************************************************************************************************************************************/
body#recherche .slider {
	padding-top: 16em;
	min-height: 32em}
body#recherche section > .no_flex {
	width: 100%;
	padding: 4em 0 8em;
	position: relative}
body#recherche section#slider + section > .no_flex {	padding-top: 4em}
body#recherche #main > section {	position: relative}
body#recherche section#slider + section::before {
	content: '';
	position: absolute;
	top: -0.5em;
	left: 0;
	right: 1em;
	height: 0.5em;
	background: linear-gradient(0deg, rgba(0, 0, 0,0.05) 0%, rgba(0,0,0,0) 100%)}
body#recherche #main > section > .no_flex:nth-child(1) > .center > .no_flex:not(.on_screen),
body#recherche #main > section > .no_flex:nth-child(2) > .center > .no_flex > .flex:not(.on_screen) {
	opacity: 0;
	visibility: hidden;
	transform: translateX(-15em);
	transform: translateX(-15vw);
	transition: 0.36s cubic-bezier(0.4, 0, 1, 1)}
body#recherche #main > section > .no_flex:nth-child(1) > .center > .no_flex.on_screen,
body#recherche #main > section > .no_flex:nth-child(2) > .center > .no_flex > .flex.on_screen {
	opacity: 1;
	visibility: visible;
	transform: translateX(0);
	transform: translateX(0);
	transition: 0.36s cubic-bezier(0.4, 0, 1, 1)}
body#recherche #main > section > .no_flex:nth-child(2) > .center > .no_flex:not(.on_screen) > h2,
body#recherche #main > section > .no_flex:nth-child(2) > .center > .no_flex:not(.on_screen) > p {
	opacity: 0;
	visibility: hidden;
	transform: translateX(15em);
	transform: translateX(15vw);
	transition: 0.36s cubic-bezier(0.4, 0, 1, 1)}
body#recherche #main > section > .no_flex:nth-child(2) > .center > .no_flex.on_screen > h2,
body#recherche #main > section > .no_flex:nth-child(2) > .center > .no_flex.on_screen > p {
	opacity: 1;
	visibility: visible;
	transform: translateX(0);
	transform: translateX(0);
	transition: 0.36s cubic-bezier(0.4, 0, 1, 1)}
body#recherche #main > section.alternateColor:nth-child(2) > .no_flex {
	background: #000033;
	color: #fff;
	transition: 0.36s cubic-bezier(0.4, 0, 1, 1)}
body#recherche #main > section:nth-child(2) > .no_flex::before {
	content: '';
	position: absolute;
	top: -2em;
	left: 0;
	right: 0;
	bottom: 0;
	background: #fff;
	-webkit-clip-path: polygon(0 2em, 100% 0, 100% 100%, 0 100%);
	clip-path: polygon(0 2em, 100% 0, 100% 100%, 0 100%);
	transition: background 0.36s cubic-bezier(0.4, 0, 1, 1)}
body#recherche section:not(.alternateColor):nth-child(2) > .no_flex::before {	top: 0 !important}
body#recherche #main > section.alternateColor:nth-child(2) > .no_flex::before {
	content: '';
	position: absolute;
	top: -2em;
	left: 0;
	right: 0;
	bottom: 0;
	background: #000033;
	-webkit-clip-path: polygon(0 2em, 100% 0, 100% 100%, 0 100%);
	clip-path: polygon(0 2em, 100% 0, 100% 100%, 0 100%)}
body#recherche #main > section.alternateColor:nth-child(2) > .no_flex a {	color: #fff}
body#recherche #main > section > .no_flex > .center > .flex > .container_flex.xxxlarge {
	width: 95% !important;
	margin-left: 5%}
body#recherche #main > section > .no_flex > .center > .flex > .container_flex.xxxlarge:not(.on_screen) {
	opacity: 0;
	visibility: hidden;
	transform: translateX(-15em);
	transform: translateX(-15vw);
	transition: 0.36s cubic-bezier(0.4, 0, 1, 1)}
body#recherche #main > section > .no_flex > .center > .flex > .container_flex.xxxlarge.on_screen {
	opacity: 1;
	visibility: visible;
	transform: translateX(0);
	transform: translateX(0);
	transition: 0.36s cubic-bezier(0.4, 0, 1, 1)}
body#recherche #main > section > .no_flex > .center > .flex > .container_flex.xxxlarge h2 {  font-size: 4rem}
body#recherche #main > section > .no_flex > .center > .flex > .container_flex > p,
body#recherche #main > section > .no_flex > .center > .flex > .container_flex > div {	max-width: 75%}
body#recherche #main > section > .no_flex > .center > .flex > .container_flex > p {	font-size: 1.3rem}

	@media screen and (max-width: 768px) {
		body#recherche #main > section > .no_flex > .center > .flex > .container_flex.xxxlarge {
			width: 100% !important;
			margin-left: 0}
		body#recherche #main > section > .no_flex > .center > .flex > .container_flex > p,
		body#recherche #main > section > .no_flex > .center > .flex > .container_flex > div {	max-width: 100%}
	}
	@media screen and (max-width: 640px) {
		body#recherche section > .no_flex {	padding: 4em 0}
	}
	@media screen and (max-width: 576px) {
		body#recherche .slider {
			padding-top: 12em;
			min-height: 24em}
	}

/************************************************************************************************************************************************************/
/* ERREUR																																					*/
/************************************************************************************************************************************************************/
body#erreur .slider {
	padding-top: 16em;
	min-height: 32em}
body#erreur section > .no_flex {
	width: 100%;
	padding: 4em 0 6em;
	position: relative}
body#erreur section#slider + section > .no_flex {	padding-top: 4em}
body#erreur #main > section {	position: relative}
body#erreur section#slider + section::before {
	content: '';
	position: absolute;
	top: -0.5em;
	left: 0;
	right: 1em;
	height: 0.5em;
	background: linear-gradient(0deg, rgba(0, 0, 0,0.05) 0%, rgba(0,0,0,0) 100%)}
body#erreur #main > section > .no_flex:nth-child(1) > .center > .no_flex:not(.on_screen),
body#erreur #main > section > .no_flex:nth-child(2) > .center > .no_flex > .flex:not(.on_screen) {
	opacity: 0;
	visibility: hidden;
	transform: translateX(-15em);
	transform: translateX(-15vw);
	transition: 0.36s cubic-bezier(0.4, 0, 1, 1)}
body#erreur #main > section > .no_flex:nth-child(1) > .center > .no_flex.on_screen,
body#erreur #main > section > .no_flex:nth-child(2) > .center > .no_flex > .flex.on_screen {
	opacity: 1;
	visibility: visible;
	transform: translateX(0);
	transform: translateX(0);
	transition: 0.36s cubic-bezier(0.4, 0, 1, 1)}
body#erreur #main > section > .no_flex:nth-child(2) > .center > .no_flex:not(.on_screen) > h2,
body#erreur #main > section > .no_flex:nth-child(2) > .center > .no_flex:not(.on_screen) > p {
	opacity: 0;
	visibility: hidden;
	transform: translateX(15em);
	transform: translateX(15vw);
	transition: 0.36s cubic-bezier(0.4, 0, 1, 1)}
body#erreur #main > section > .no_flex:nth-child(2) > .center > .no_flex.on_screen > h2,
body#erreur #main > section > .no_flex:nth-child(2) > .center > .no_flex.on_screen > p {
	opacity: 1;
	visibility: visible;
	transform: translateX(0);
	transform: translateX(0);
	transition: 0.36s cubic-bezier(0.4, 0, 1, 1)}
body#erreur #main > section.alternateColor:nth-child(2) > .no_flex {
	background: #000033;
	color: #fff;
	transition: 0.36s cubic-bezier(0.4, 0, 1, 1)}
body#erreur #main > section:nth-child(2) > .no_flex::before {
	content: '';
	position: absolute;
	top: -2em;
	left: 0;
	right: 0;
	bottom: 0;
	background: #fff;
	-webkit-clip-path: polygon(0 2em, 100% 0, 100% 100%, 0 100%);
	clip-path: polygon(0 2em, 100% 0, 100% 100%, 0 100%);
	transition: background 0.36s cubic-bezier(0.4, 0, 1, 1)}
body#erreur section:not(.alternateColor):nth-child(2) > .no_flex::before {	top: 0 !important}
body#erreur #main > section.alternateColor:nth-child(2) > .no_flex::before {
	content: '';
	position: absolute;
	top: -2em;
	left: 0;
	right: 0;
	bottom: 0;
	background: #000033;
	-webkit-clip-path: polygon(0 2em, 100% 0, 100% 100%, 0 100%);
	clip-path: polygon(0 2em, 100% 0, 100% 100%, 0 100%)}
body#erreur #main > section > .no_flex > .center > .flex > .container_flex.xxxlarge h2 {  font-size: 4rem}
body#erreur #main > section > .no_flex > .center > .flex > .container_flex > p,
body#erreur #main > section > .no_flex > .center > .flex > .container_flex > div {	max-width: 66%}
body#erreur #main > section > .no_flex > .center > .flex > .container_flex > p {	font-size: 1.3rem}
body#erreur section > .no_flex > .center ul {
	width: 100% !important;
	margin: 0 0 0 !important;
	padding: 0 0 0 !important}
body#erreur section > .no_flex > .center ul > li {
	margin: 0 2% 2em !important;
	padding: 0 0 0 !important}
body#erreur section > .no_flex > .center ul > li:first-child {	margin-left: 0 !important}
body#erreur section > .no_flex > .center ul > li:last-child {	margin-right: 0 !important}
body#erreur section > .no_flex > .center ul > li:not(.on_screen) {
	opacity: 0;
	visibility: hidden;
	transform: translateX(-15em);
	transform: translateX(-15vw);
	transition: 0.36s cubic-bezier(0.4, 0, 1, 1)}
body#erreur section > .no_flex > .center ul > li.on_screen {
	opacity: 1;
	visibility: visible;
	transform: translateX(0);
	transform: translateX(0);
	transition: 0.36s cubic-bezier(0.4, 0, 1, 1)}
body#erreur section > .no_flex > .center ul > li .no_border {
	font-weight: bold;
	text-transform: none;
	font-size: 1.3em;
	color: #ff1c65;
	background: none;
	border: none;
	cursor: pointer;
	font-family: 'Cabin Sketch';
	display: flex !important;
	align-items: center;
	justify-content: flex-end;
	flex-wrap: nowrap}
body#erreur section > .no_flex > .center ul > li .button {
	margin-left: 1em;
	width: 1.5em !important;
	height: 1.5em !important;
	padding: 0 !important}
body#erreur section > .no_flex > .center ul > li .button svg {
	width: 1em !important;
	height: 1em  !important}
	
	@media screen and (max-width: 768px) {
		body#erreur section > .no_flex {	padding: 4em 0 2em}
		body#erreur section > .no_flex > .center > .flex {	margin: 0 0 4em}
	}
	@media screen and (max-width: 480px) {
		body#erreur section > .no_flex > .center ul > li {
			width: 100%;
			margin-left: 0 !important;
			margin-right: 0 !important;
			text-align: center !important}
		body#erreur section > .no_flex > .center ul > li .no_border {	justify-content: center}
	}
	
/************************************************************************************************************************************************************/
/* NEWSLETTER																																				*/
/************************************************************************************************************************************************************/
body#newsletter #main > section .slide__text {	padding-bottom: 3em}
body#newsletter #main > section .slide__text > * {
	margin: 0 0 1em;
	font-size: 1rem}
body#newsletter #main > section .slide__text > *:last-child {	margin: 2em 0 1em}
body#newsletter #main > section .slide__text h1,
body#newsletter #main > section .slide__text h2 {
	font-size: 1.5rem;
	font-family: 'Familjen Grotesk';}
body#newsletter #main > section form .no_border {
  font-weight: bold;
  text-transform: none;
  font-size: 1.5em;
  color: #ff1c65;
  background: none;
  border: none;
  cursor: pointer;
  font-family: 'Cabin Sketch';
}

/************************************************************************************************************************************************************/
/* AVIS CLIENTS																																				*/
/************************************************************************************************************************************************************/
body#avis_clients .slider {
	padding-top: 16em;
	min-height: 32em}
body#avis_clients .slide__text > p > a.no_border {
	font-weight: bold;
	text-transform: none;
	font-size: 1em;
	color: #ff1c65;
	background: none;
	border: none;
	cursor: pointer;
	font-family: 'Cabin Sketch'}
body#avis_clients .slide__text > p > a.button {	margin-left: 1em}
body#avis_clients .slide__text > p > a.button:not(.wide):not(.current):not(.empty)::before {	background: #a2093a}
body#avis_clients section > .no_flex {
	width: 100%;
	padding: 4em 0 8em}
body#avis_clients section#slider + section > .no_flex {	padding-top: 4em}
body#avis_clients #main > section {	position: relative}
body#avis_clients section#slider + section::before {
	content: '';
	position: absolute;
	top: -0.5em;
	left: 0;
	right: 1em;
	height: 0.5em;
	background: linear-gradient(0deg, rgba(0, 0, 0,0.05) 0%, rgba(0,0,0,0) 100%)}
body#avis_clients #main > section > .no_flex > .center .flex.filter {
	margin: 0 0 2em;
	padding: 0 1rem}
body#avis_clients #main > section > .no_flex > .center .relative.button {
	width: auto;
	height: auto;
	border-radius: 0}
body#avis_clients #main > section > .no_flex > .center .relative.button:first-child {	margin-right: 0.5em}
body#avis_clients #main > section > .no_flex > .center .relative.button:last-child {	margin-left: 0.5em}
body#avis_clients #main > section > .no_flex > .center .relative.button::before {
	position: initial;
	background: none;
	width: auto;
	height: auto;
	border-radius: 0;
	color: #fff;
	z-index: 1;
	animation: none;
	font-weight: bold}
body#avis_clients #main > section > .no_flex > .center .relative.sort::before {
	content: 'TRIER PAR \0000A0';
	white-space: nowrap}
body#avis_clients #main > section > .no_flex > .center .relative.order::before {
	content: 'ORDRE \0000A0';
	white-space: nowrap}
body#avis_clients #main > section > .no_flex > .center .relative select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	padding-right: 1.5em;
	background: #ff1c65;
	color: #fff;
	text-transform: uppercase;
	text-align: left;
	cursor: pointer;
	border: none}
body#avis_clients #main > section > .no_flex > .center .relative select + svg {
  position: absolute !important;
  top: 50%;
  left: calc(100% - 1.8em);
  background: #ff1c65;
  transform: translateY(-50%)}
body#avis_clients #main > section > .no_flex > .center .relative.search form::after {
  content: '';
  position: absolute;
  left: 0;
  right: 2em;
  bottom: 0;
  height: 1px;
  background: #fff}
body#avis_clients #main > section > .no_flex > .center .relative.search input {
  width: 100%;
  background: none;
  border: none;
  padding-right: 2em;
  color: #fff;
  text-align: left}
body#avis_clients #main > section > .no_flex > .center .relative.search input::placeholder {
	text-transform: uppercase;
	opacity: 1}
body#avis_clients #main > section > .no_flex > .center .relative.search button {
  position: absolute;
  right: 0;
  background: none;
  border: none;
  cursor: pointer}
body#avis_clients #main > section > .no_flex > .center .relative.search button svg,
body#avis_clients #main > section > .no_flex > .center .relative.close svg {
  height:1.6em !important;
  width: 1.6em !important;
  color: #fff}
body#avis_clients #main > section > .no_flex > .center .carousel {	margin-bottom: 0}
body#avis_clients #main > section > .no_flex > .center .carousel article {
	padding: 0 1rem 2em;
	transition: 0.36s cubic-bezier(0.4, 0, 1, 1)}
body:not(.mobile)#avis_clients #main > section:not(.alternateColor) > .no_flex > .center .carousel article {	opacity: 0}
body:not(.mobile)#avis_clients #main > section.alternateColor > .no_flex > .center .carousel article {	opacity: 1}
body#avis_clients #main > section > .no_flex > .center .carousel article > div {
	display: block !important;
	height: 100% !important;
	padding: 2em}
body#avis_clients #main > section > .no_flex > .center .carousel article > div {
	color: #fff;
	background: #000033;
	position: relative;
	box-shadow: 0 12px 18px rgba(0,0,0,0.2)}
body#avis_clients #main > section > .no_flex > .center .carousel article .container_flex:first-child {	margin: 0 1% 1em 0}
body#avis_clients #main > section > .no_flex > .center .carousel article .container_flex:nth-child(2) {	margin: 0 0 1em 1%}
body#avis_clients #main > section > .no_flex > .center .carousel article .container_flex:nth-child(3) {	margin: 0 0 1em 0}
body#avis_clients section > .no_flex > .center > .carousel .no_flex h2 {
  font-size: 2rem}
body#avis_clients section > .no_flex > .center > .carousel .no_flex svg {
	fill: #ff1c65;
	color: #ff1c65}
body#avis_clients section > .no_flex > .center > .carousel .no_flex .font_small {	font-size: 0.7em}
body#avis_clients section > .no_flex > .center > .carousel .no_flex .absolute {
	bottom: -0.5em;
	right: -0.5em;
	border-radius: 50%;
	padding: 0.4em 0.75em;
	text-transform: uppercase;
	display: flex !important;
	align-items: center;
	justify-content: center;
	width: 2em;
	height: 2em;
	background: #ff1c65;
	color: #fff;
	font-family: 'Cabin Sketch';}
body#avis_clients section > .no_flex > .center > .carousel .no_flex .hidden {	display: none}

body:not(.mobile)#avis_clients #main > section.alternateColor:nth-child(3) > .no_flex,
body.mobile#avis_clients #main > section:nth-child(3) > .no_flex {
	background: #000033;
	color: #fff;
	transition: 0.36s cubic-bezier(0.4, 0, 1, 1)}
body:not(.mobile)#avis_clients #main > section:nth-child(3) > .no_flex::before {
	content: '';
	position: absolute;
	top: -2em;
	left: 0;
	right: 0;
	bottom: 0;
	background: #fff;
	-webkit-clip-path: polygon(0 2em, 100% 0, 100% 100%, 0 100%);
	clip-path: polygon(0 2em, 100% 0, 100% 100%, 0 100%);
	transition: 0.36s cubic-bezier(0.4, 0, 1, 1)}
body:not(.mobile)#avis_clients #main > section.alternateColor:nth-child(3) > .no_flex::before {
	content: '';
	position: absolute;
	top: -2em;
	left: 0;
	right: 0;
	bottom: 0;
	background: #000033;
	-webkit-clip-path: polygon(0 2em, 100% 0, 100% 100%, 0 100%);
	clip-path: polygon(0 2em, 100% 0, 100% 100%, 0 100%)}
body#avis_clients section:nth-child(3) > .no_flex > .center > .flex > .container_flex > p,
body#avis_clients section:nth-child(3) > .no_flex > .center > .flex > .container_flex > ul > li {
	font-size: 1.3rem;
	max-width: 75%}
body#avis_clients #main #swal {	display: none}
body#avis_clients .swal-content h2 {	font-size: 2.5rem}

body#avis_clients.depot #main > section {
	padding-top: 9em;
	height: auto;
	overflow: initial}
body#avis_clients.depot #main > section:nth-child(2) {	padding-top: 8em}
body#avis_clients.depot #main > section:nth-child(2) > .no_flex {
  background: #000033;
  color: #fff;
  transition: 0.36s cubic-bezier(0.4, 0, 1, 1)}
body#avis_clients.depot section > .no_flex {	position: relative}
body#avis_clients.depot section > .no_flex:first-child {	width: 100%}
body#avis_clients.depot #main > section:nth-child(2) > .no_flex {	padding: 4em 0 8em}
body#avis_clients.depot #main > section:nth-child(1) > .no_flex > .center > .no_flex:not(.on_screen) {
	opacity: 0;
	-webkit-transform: translateX(0) translateY(50%);
	transform: translateX(0) translateY(50%);
	transition: transform 0.5s 0.5s, opacity 0.2s 0.5s, -webkit-transform 0.5s 0.5s;
	will-change: transform, opacity}
body#avis_clients.depot #main > section:nth-child(1) > .no_flex > .center > .no_flex.on_screen {
	opacity: 1;
	-webkit-transform: translateX(0) translateY(0);
	transform: translateX(0) translateY(0);
	transition: transform 0.5s 0.5s, opacity 0.2s 0.5s, -webkit-transform 0.5s 0.5s;
	will-change: transform, opacity}
body#avis_clients.depot #main > section:nth-child(2) > .no_flex > .center > .no_flex > .flex {
	animation: slideInLeft 0.36s linear 0s 1 both;
	transition: 0.36s cubic-bezier(0.4, 0, 1, 1)}
body#avis_clients.depot #main > section:nth-child(2) > .no_flex {
	background: #000033;
	color: #fff;
	animation: fadeIn 0.18s linear 0s 1 both;
	transition: 0.36s cubic-bezier(0.4, 0, 1, 1)}
body#avis_clients.depot #main > section:nth-child(2) > .no_flex::before {
	content: '';
	position: absolute;
	top: -2em;
	left: 0;
	right: 0;
	bottom: 0;
	background: #fff;
	-webkit-clip-path: polygon(0 2em, 100% 0, 100% 100%, 0 100%);
	clip-path: polygon(0 2em, 100% 0, 100% 100%, 0 100%);
	transition: 0.36s cubic-bezier(0.4, 0, 1, 1)}
body#avis_clients.depot #main > section:nth-child(2) > .no_flex::before {
	content: '';
	position: absolute;
	top: -2em;
	left: 0;
	right: 0;
	bottom: 0;
	background: #000033;
	-webkit-clip-path: polygon(0 2em, 100% 0, 100% 100%, 0 100%);
	clip-path: polygon(0 2em, 100% 0, 100% 100%, 0 100%)}
body#avis_clients.depot #main > section:first-child h2,
body#avis_clients.depot #main > section:first-child p {
	font-size: 4rem;
	margin: 0 0;
	position: relative;
	padding: 0;
	font-weight: normal;
	text-align: left;
	line-height: 1.5em;
	font-family: 'Cabin Sketch'}
body#avis_clients.depot #main > section > .no_flex > .center > .no_flex > h2 {  margin: 0 0 0.75em}
body#avis_clients.depot #main > section > .no_flex > .center > .no_flex > p {
	margin-top: 1em;
	font-size: 2rem;
	font-weight: normal;}
body#avis_clients.depot #main > section > .no_flex > .center > .no_flex > .flex {  margin: 2em 0 0}
/* body#avis_clients.depot #main > section > .no_flex > .center > .no_flex > .flex form {  font-size: 1.3rem} */
body#avis_clients.depot #main > section > .no_flex > .center > .no_flex > .flex form > .no_flex,
body#avis_clients.depot #main > section > .no_flex > .center > .no_flex > .flex form > .flex {  margin: 0 0 1em}
body#avis_clients.depot #main > section > .no_flex > .center > .no_flex > .flex form > .flex.global {  font-size: 1.6rem}
body#avis_clients.depot #main > section > .no_flex > .center > .no_flex > .flex form > .flex:nth-last-child(2) {
	margin-top: 2em;
	margin-bottom: 0}
body#avis_clients.depot #main > section > .no_flex > .center > .no_flex > .flex form > .flex input,
body#avis_clients.depot #main > section > .no_flex > .center > .no_flex > .flex form > .flex textarea,
body#avis_clients.depot #main > section > .no_flex > .center > .no_flex > .flex form > .flex select {
	background: #000033;
	color: #fff;
	border: none;
	padding: 0.15em 0.35em;
	border-bottom: 1px solid rgba(255,255,255,0.4);
	transition: 0.36s cubic-bezier(0.4, 0, 1, 1)}
body#avis_clients.depot #main > section > .no_flex > .center > .no_flex > .flex form > .flex input:focus,
body#avis_clients.depot #main > section > .no_flex > .center > .no_flex > .flex form > .flex textarea:focus,
body#avis_clients.depot #main > section > .no_flex > .center > .no_flex > .flex form > .flex select:focus {	border-bottom-color: #ff1c65}
body#avis_clients.depot #main > section > .no_flex > .center > .no_flex > .flex form > .flex input::placeholder,
body#avis_clients.depot #main > section > .no_flex > .center > .no_flex > .flex form > .flex textarea::placeholder {	font-size: 0.8em}
body#avis_clients.depot #main > section > .no_flex > .center > .no_flex > .flex form > .flex .star {	cursor: pointer}
body#avis_clients.depot #main > section > .no_flex > .center > .no_flex > .flex form > .flex .star:not(.hover):not(.selected) {	opacity: 0.4}
body#avis_clients.depot #main > section > .no_flex > .center > .no_flex > .flex form > .flex .star.hover,
body#avis_clients.depot #main > section > .no_flex > .center > .no_flex > .flex form > .flex .star.selected {	opacity: 1}
body#avis_clients.depot #main > section > .no_flex > .center > .no_flex > .flex form > .flex:nth-last-child(2) p {
	max-width: 50%;
	font-size: 0.8em}
body#avis_clients.depot #main > section > .no_flex > .center > .no_flex > .flex form .no_border {
	font-weight: bold;
	text-transform: none;
	font-size: 1.5em;
	color: #ff1c65;
	background: none;
	border: none;
	cursor: pointer;
	font-family: 'Cabin Sketch'}
body#avis_clients.depot #main > section > .no_flex > .center > .no_flex form .button {	margin-left: 1em}
body#avis_clients.depot #main > section > .no_flex > .center > .no_flex > .flex form > .flex.swal {
	margin: 0 0 0;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #000033;}
body#avis_clients.depot #main > section > .no_flex > .center > .no_flex > .flex form > .flex.swal:not(.show) {
	opacity: 0;
	visibility: hidden;
	top: 100%;
	-webkit-transform: translateX(0) translateY(50%);
	transform: translateX(0) translateY(50%);
	transition: transform 0.5s 0s, visibility 0.5s 0s, z-index 0.5s 0s, top 0.5s 0s, opacity  0.5s 0s, -webkit-transform 0.5s 0s;
	will-change: transform, opacity}
body#avis_clients.depot #main > section > .no_flex > .center > .no_flex > .flex form > .flex.swal.show {
	opacity: 1;
	visibility: visible;
	top: 0;
	-webkit-transform: translateX(0) translateY(0);
	transform: translateX(0) translateY(0);
	transition:transform 0.5s 0s,  visibility 0.5s 0s,top 0.5s 0s, opacity 0.5s 0s, -webkit-transform 0.5s 0s;
	will-change: transform, opacity}
body#avis_clients.depot section > .no_flex > .center ul {
	width: 100% !important;
	margin: 0 0 0 !important;
	padding: 0 0 0 !important}
body#avis_clients.depot section > .no_flex > .center ul > li {
	margin: 0 2% 2em !important;
	padding: 0 0 0 !important}
body#avis_clients.depot section > .no_flex > .center ul > li:first-child {	margin-left: 0 !important}
body#avis_clients.depot section > .no_flex > .center ul > li:last-child {	margin-right: 0 !important}
body#avis_clients.depot section > .no_flex > .center ul > li:not(.on_screen) {
	opacity: 0;
	visibility: hidden;
	transform: translateX(-15em);
	transform: translateX(-15vw);
	transition: 0.36s cubic-bezier(0.4, 0, 1, 1)}
body#avis_clients.depot section > .no_flex > .center ul > li.on_screen {
	opacity: 1;
	visibility: visible;
	transform: translateX(0);
	transform: translateX(0);
	transition: 0.36s cubic-bezier(0.4, 0, 1, 1)}
body#avis_clients.depot section > .no_flex > .center ul > li .no_border {
	font-weight: bold;
	text-transform: none;
	font-size: 1.3em;
	color: #ff1c65;
	background: none;
	border: none;
	cursor: pointer;
	font-family: 'Cabin Sketch';
	display: flex !important;
	align-items: center;
	justify-content: flex-end;
	flex-wrap: nowrap}
body#avis_clients.depot section > .no_flex > .center ul > li .button {
	margin-left: 1em;
	width: 1.5em !important;
	height: 1.5em !important;
	padding: 0 !important}
body#avis_clients.depot section > .no_flex > .center ul > li .button svg {
	width: 1em !important;
	height: 1em  !important}

	@media screen and (max-width: 1280px) {
		body#avis_clients.depot #main > section:last-child > .no_flex:last-child {	padding-bottom: 4em}
	}
	@media screen and (max-width: 768px) {
		body#avis_clients.depot section > .no_flex {	padding: 4em 0 2em}
		body#avis_clients.depot section > .no_flex > .center > .flex {	margin: 0 0 4em}
		body#avis_clients.depot #main > section > .no_flex > .center > .no_flex > .flex form > .no_flex,
		body#avis_clients.depot #main > section > .no_flex > .center > .no_flex > .flex form > .flex {	margin: 0 0 2em !important}
		body#avis_clients.depot #main > section > .no_flex > .center > .no_flex > .flex form > .flex:nth-last-child(2) {
			margin: 0 0 0 !important;
			justify-content: space-between !important}
		body#avis_clients.depot #main > section > .no_flex > .center > .no_flex > .flex form label {	margin: 0 0 1em !important}
	}
	@media screen and (max-width: 640px) {
		body#avis_clients.depot section#slider + section > .no_flex {	padding-top: 0}
		body#avis_clients.depot #main > section > .no_flex > .center > .no_flex > .flex form > .flex:nth-last-child(2) p,
		body#avis_clients.depot #main > section > .no_flex > .center > .no_flex > .flex form > .flex:nth-last-child(2) div {	
			max-width: 100%;
			width: 100%}
		body#avis_clients.depot #main > section > .no_flex > .center > .no_flex > .flex form > .flex:nth-last-child(2) p {
			margin: 2em 0 0 !important;
			order: 2}
		body#avis_clients.depot #main > section > .no_flex > .center > .no_flex > .flex form > .flex:nth-last-child(2) div {	order: 1}
	}
	@media screen and (max-width: 480px) {
		body#avis_clients.depot section > .no_flex > .center ul > li {
			width: 100%;
			margin-left: 0 !important;
			margin-right: 0 !important;
			text-align: center !important}
		body#avis_clients section > .no_flex > .center ul > li .no_border {	justify-content: center}
	}