@charset "UTF-8";

/*!
Koncours v2
by: Redbox Media (https://redboxmedia.ca)
Version: 2.0.4 beta
*/
.fb-comments iframe {
	width: 100% !important;
	background-color: white;
}

@font-face {
	font-family: 'koncours-v3';
	src: url('../fonts/koncours-v3.eot?33797976');
	src: url('../fonts/koncours-v3.eot?33797976#iefix') format('embedded-opentype'),
		url('../fonts/koncours-v3.woff2?33797976') format('woff2'),
		url('../fonts/koncours-v3.woff?33797976') format('woff'),
		url('../fonts/koncours-v3.ttf?33797976') format('truetype'),
		url('../fonts/koncours-v3.svg?33797976#koncours-v3') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Gilroy';
	src: url('../fonts/gilroy/Gilroy-Black.otf');
	font-weight: 900;
	font-style: normal;
}

@font-face {
	font-family: 'Gilroy';
	src: url('../fonts/gilroy/Gilroy-BlackItalic.otf');
	font-weight: 900;
	font-style: italic;
}

@font-face {
	font-family: 'Gilroy';
	src: url('../fonts/gilroy/Gilroy-ExtraBold.otf');
	font-weight: 800;
	font-style: normal;
}

@font-face {
	font-family: 'Gilroy';
	src: url('../fonts/gilroy/Gilroy-ExtraBoldItalic.otf');
	font-weight: 800;
	font-style: italic;
}

@font-face {
	font-family: 'Gilroy';
	src: url('../fonts/gilroy/Gilroy-Bold.otf');
	font-weight: 700;
	font-style: normal;
}

@font-face {
	font-family: 'Gilroy';
	src: url('../fonts/gilroy/Gilroy-BoldItalic.otf');
	font-weight: 700;
	font-style: italic;
}

@font-face {
	font-family: 'Gilroy';
	src: url('../fonts/gilroy/Gilroy-SemiBold.otf');
	font-weight: 600;
	font-style: normal;
}

@font-face {
	font-family: 'Gilroy';
	src: url('../fonts/gilroy/Gilroy-SemiBoldItalic.otf');
	font-weight: 600;
	font-style: italic;
}

@font-face {
	font-family: 'Gilroy';
	src: url('../fonts/gilroy/Gilroy-Medium.otf');
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: 'Gilroy';
	src: url('../fonts/gilroy/Gilroy-MediumItalic.otf');
	font-weight: 500;
	font-style: italic;
}

@font-face {
	font-family: 'Gilroy';
	src: url('../fonts/gilroy/Gilroy-Regular.otf');
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: 'Gilroy';
	src: url('../fonts/gilroy/Gilroy-RegularItalic.otf');
	font-weight: 400;
	font-style: italic;
}

@font-face {
	font-family: 'Gilroy';
	src: url('../fonts/gilroy/Gilroy-Thin.otf');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: 'Gilroy';
	src: url('../fonts/gilroy/Gilroy-ThinItalic.otf');
	font-weight: 300;
	font-style: italic;
}

@font-face {
	font-family: 'Gilroy';
	src: url('../fonts/gilroy/Gilroy-UltraLight.otf');
	font-weight: 100;
	font-style: normal;
}

@font-face {
	font-family: 'Gilroy';
	src: url('../fonts/gilroy/Gilroy-UltraLightItalic.otf');
	font-weight: 100;
	font-style: italic;
}

* {
	font-family: 'Plus Jakarta Sans', sans-serif;
}

/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'koncours-v3';
    src: url('../font/koncours-v3.svg?33797976#koncours-v3') format('svg');
  }
}
*/
[class^='icon-']:before,
[class*=' icon-']:before {
	font-family: 'koncours-v3';
	font-style: normal;
	font-weight: normal;
	speak: none;
	display: inline-block;
	text-decoration: inherit;
	width: 1em;
	margin-right: 0.2em;
	text-align: center;
	/* opacity: .8; */
	/* For safety - reset parent styles, that can break glyph codes*/
	font-variant: normal;
	text-transform: none;
	/* fix buttons height, for twitter bootstrap */
	line-height: 1em;
	/* Animation center compensation - margins should be symmetric */
	/* remove if not needed */
	margin-left: 0.2em;
	/* you can be more comfortable with increased icons size */
	/* font-size: 120%; */
	/* Font smoothing. That was taken from TWBS */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	/* Uncomment for 3D effect */
	/* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.icon-edit:before {
	content: '\21';
}

/* '!' */
.icon-settings:before {
	content: '\e800';
}

/* '' */
.icon-delete:before {
	content: '\e801';
}

/* '' */
.icon-stats:before {
	content: '\e802';
}

/* '' */
.icon-yes:before {
	content: '\e803';
}

/* '' */
.icon-no:before {
	content: '\e804';
}

/* '' */
.icon-comment:before {
	content: '\e805';
}

/* '' */
.icon-mail:before {
	content: '\e806';
}

/* '' */
.icon-share:before {
	content: '\f1e0';
}

/* general styles */

* {
	margin: 0;
	padding: 0;
}

img {
	max-width: 100%;
	margin-bottom: 0;
}

h1 {
	font-size: 2rem;
	margin: 3rem 0;
}

h1 small {
	display: block;
	font-size: 60%;
}

a {
	color: #181c21;
	transition: color 0.2s ease-in-out;
	cursor: pointer;
}

a:link,
a:visited {
	color: #181c21c7;
}

a:hover,
a:active {
	color: #181c21c7;
}

/* body */

body {
	background-color: #ccc;
	background-size: cover;
	background-repeat: no-repeat;
	color: #000;
	padding: 1rem;
	font-family: 'Holtwood One SC', serif;
	font-family: 'Plus Jakarta Sans', sans-serif;
	font-size: 16px;
	line-height: 1.2;
	font-weight: normal;
}

body .container {
	width: 100%;
	max-width: 1420px;
}

/* header */

header .container {
	max-width: unset;
	padding: 0 7% 0 4%;
}

#contest {
	position: relative;
	padding: 0;
	background-color: #fff;
}

#contest>header {
	display: none;
}

#contest .top-banner {
	display: flex;
	justify-content: flex-end;
	max-width: 468px;
	width: 100%;
	margin: 0 auto;
	/* margin-bottom: 24px; */
}

#contest .top-banner .languages {
	width: fit-content;
	display: none;
}

#contest .top-banner .btn {
	padding: 0;
	background: transparent;

	color: #5D6C7D;
	text-align: right;
	font-family: 'Plus Jakarta Sans', sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: 400;
	line-height: 1.4;
	letter-spacing: 0.611px;
	text-decoration-line: underline;
	text-transform: uppercase;

	border: none;
	transition: color 0.1s ease-in-out;
}

#contest .top-banner .btn:hover {
	color: #7b7b7bc7;
}

#contest .top-banner .btn.active {
	display: none;
}

/* header */

/* instagram */

#step1 .field_instagram {
	/* margin-bottom: 27px; */
	display: none;
}

#step1 .field_instagram a {
	padding: 13px 19px;
	color: #fff;
	background: #42b09e;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	display: block;
	line-height: 1;
	height: 67px;
	text-decoration: none;
}

#step1 .field_instagram a svg {
	vertical-align: middle;
	margin-right: 19px;
	font-size: 0;
}

/* instagram */

/* facebook */

#step1 .fill_fb .btn {
	max-width: 100%;
	width: 100%;
	height: 68px;
	white-space: normal;
	font-family: 'Plus Jakarta Sans', sans-serif;
	text-transform: uppercase;
	display: flex;
	align-items: center;
	padding: 0px 20px 0px 79px;
	background: url(../../images/facebook_icon.png) 19px 50% no-repeat;
	background-size: 40px auto;
	text-align: left;

	color: #181c21;
	font-size: 14px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	text-transform: uppercase;

	border-radius: 6px;
	border: 1px solid #181c21;
}

/* facebook */

/* form */
#step1 .col_form.form {
	position: relative;
	background: rgb(246, 246, 246);
	backdrop-filter: blur(31px);
	vertical-align: middle;
	padding: 0 20px;
	color: #fff;
}

#step1 .col_form.form .align_flex {
    display: flex;
    align-items: center;
    position: sticky;
    top: 0;
    padding: 60px 0;
}

@media (min-width: 1025px) {
    #step1 .col_form.form .align_flex {
    	min-height: 100vh;
    }
}

#step1 .form_title {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 18px;
}

#step1 .col_form.form .fix_content {
	max-width: 385px;
    margin: 0 auto;
}

#step1 .col_form.form .wrap_form {
	max-width: 468px;
	width: 100%;
	margin: 0 auto;
}

#contest .field {
	clear: both;
	margin-bottom: 24px;
	/*  change form 20px */
	position: relative;
}

form input[type='text'],
form input[type='email'],
form input[type='tel'] {
	font-family: 'Gilroy', sans-serif;
	font-size: 16px;
	font-weight: normal;
	width: 100%;
	height: 28px;
	padding-left: 0;
	border-radius: 1px;
	border: none;
	border-bottom: 1px solid #373F49;
	background: 0;
	color: #181C21;
	font-weight: 700;
}


/*= input focus effects css
=========================== */
*:focus {
	outline: none;
}

.effect-16 {
	padding: 4px 0;
}

.effect-16~.focus-border {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 0;
	height: 2px;
	background-color: #181C21;
	transition: 0.4s;
}

.effect-16:focus {
	color: #181C21;
	font-family: 'Gilroy', sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}

.effect-16:focus~.focus-border,
.has-content.effect-16~.focus-border {
	width: 100%;
	transition: 0.4s;
}

.effect-16~label {
	position: absolute;
	left: 0;
	width: 100%;
	top: 0;
	transition: 0.3s;
	z-index: -1;
	letter-spacing: 0.5px;

	color: #373F49;
	font-family: 'Gilroy', sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

.effect-16:focus~label,
.has-content.effect-16~label {
	top: -12px;
	font-size: 12px;
	color: #181C21;
	transition: 0.3s;
}

/*= input focus effects css End
=============================== */


.grecaptcha-badge {
	display: none;
	right: 0 !important;
}

.form-captchaText {
	color: #A5B1BC;
	text-align: center;
	font-family: 'Gilroy', sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	max-width: 300px;
	width: 100%;
	margin: 0 auto;
	margin-top: 20px;
}

.form-captchaText a {
	color: #A5B1BC;
}

form input[type='text']::-ms-input-placeholder,
form input[type='email']::-ms-input-placeholder,
form input[type='tel']::-ms-input-placeholder {
	/* Edge 12-18 */
	/* text-transform: capitalize; */
}

form input[type='text']::placeholder,
form input[type='email']::placeholder,
form input[type='tel']::placeholder {
	/* text-transform: capitalize; */
}

.tox-tinymce {
	border: 1px solid #f0f1f7 !important;
	border-radius: 8px !important;
}

#contest form ::-webkit-input-placeholder {
	/* Chrome/Opera/Safari */
	color: #525558;
	/* text-transform: uppercase; */
}

#contest form ::-moz-placeholder {
	/* Firefox 19+ */
	color: #525558;
	/* text-transform: uppercase; */
}

#contest form :-ms-input-placeholder {
	/* IE 10+ */
	color: #525558;
	text-transform: uppercase;
}

#contest form :-moz-placeholder {
	/* Firefox 18- */
	color: #525558;
	text-transform: uppercase;
}

form .custom_select {
	border: 0;
	width: 100%;
	border-radius: 0;
	overflow: hidden;
	background: #fff;
	font-size: 13px;
	text-transform: uppercase;
	position: relative;
	border-radius: 1px;
	border: 1px solid #d0d1d3;
	background: #fff;
}

form .custom_select:after {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	right: 12px;
	width: 0;
	height: 0;
	border: 0 solid transparent;
	border-left-width: 7px;
	border-right-width: 7px;
	border-top: 10px solid #525558;
	margin-top: -5px;
}

form .custom_select select {
	padding-left: 14px;
	width: 100%;
	border: none;
	box-shadow: none;
	background: transparent;
	background-image: none;
	-webkit-appearance: none;
	/* text-transform: lowercase; */
	height: 46px;
	font-size: 16px;
	color: #525558;
}

form .custom_select select:focus {
	outline: none;
}

#contest .input_checkbox.infolettre_inscription .text {
	color: #181c21;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: 1.2;
	margin-bottom: 12px;
}

#step1 .custom_content .texte_checkbox {
	display: flex;
	align-items: center;
	gap: 12px;
	position: relative;
	width: 100%;
	color: #7b7b7b;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 1.2;
	letter-spacing: 0.667px;
}

#contest .input_checkbox label {
	width: 100%;
	color: #7b7b7b;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 1.2;
	letter-spacing: 0.667px;
}

#contest .input_checkbox.conditionUse {
	padding: 0 20px;
	padding-right: 8px;
}

.error-input {
	color: #da404c;
	font-size: 12px;
	margin-top: 5px;
}

#step1 .input_checkbox.infolettre_inscription .icon {
	width: 64px;
	height: 63px;
	position: absolute;
	top: -22px;
	right: -20px;
	transform: rotate(26deg);
	background: #DA404C;
	filter: drop-shadow(0px 0px 15px rgba(0, 0, 0, 0.15));
	border-radius: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

#step1 .input_checkbox.infolettre_inscription .icon span {
	color: #F6F9FC;
	text-align: center;
	font-family: 'Plus Jakarta Sans', sans-serif;
	font-size: 40px;
	font-style: normal;
	font-weight: 800;
	line-height: 1;
	display: flex;
	justify-content: center;
	align-items: center;
}

#step1 .input_checkbox.infolettre_inscription .icon span small {
	color: #F6F9FC;
	text-align: center;
	font-family: 'Plus Jakarta Sans', sans-serif;
	font-size: 25px;
	font-style: normal;
	font-weight: 800;
	line-height: normal;
}

#step1 .custom_content {
	display: flex;
	flex-direction: column;
	position: relative;
}

.check_form {
	cursor: pointer;
	display: flex;
	gap: 12px;
	border: 1px solid #DA404C;
	border-radius: 19px;
	position: relative;
	margin-bottom: 25px;
	margin-top: 2vw;
	padding: 14px 20px;
}

.check_form1 {
	cursor: pointer;
	display: flex;
	align-items: center;
	gap: 2px;
}

.checkbox_form {
	display: inline-block;
	position: relative;
	width: 30px;
	height: 30px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.checkbox_form input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
	left: 0;
	top: 0;
}

.checkbox_form input:checked~.checkbox__checkmark {
	background-color: #fff;
}

.checkbox_form input:checked~.checkbox__checkmark:after {
	opacity: 1;
}

.checkbox_form:hover input~.checkbox__checkmark {
	background-color: #eee;
}

.checkbox_form:hover input:checked~.checkbox__checkmark {
	background-color: #fff;
}

.checkbox_form .checkbox__checkmark {
	position: absolute;
	top: 4px;
	left: 0;
	height: 20px;
	width: 20px;
	background-color: #fff;
	border: 1px solid #DA404C;
	transition: background-color 0.25s ease;
}

.checkbox_form .checkbox__checkmark:after {
	content: '';
	position: absolute;
	left: 7px;
	top: 3px;
	width: 5px;
	height: 10px;
	border: solid #DA404C;
	border-width: 0 2px 2px 0;
	transform: rotate(45deg);
	opacity: 0;
	transition: opacity 0.25s ease;
}

#contest .btn {
	display: block;
	border-radius: 6px;
	background: #DA404C;
	height: 46px;
	text-align: center;

	font-family: 'Gilroy', sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	-webkit-border-radius: 70px;
	-moz-border-radius: 70px;
	border-radius: 70px;

	color: #fff;
	width: 100%;
	line-height: 1.2;
	max-width: 420px;
	margin: 0 auto;
}

#contest .container .reglements a {

	color: #A5B1BC;
	text-align: center;
	font-family: 'Gilroy', sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: 600;
	letter-spacing: 0.611px;
	line-height: 1.2;
	text-decoration-line: underline;
}

/* Steps */

/* Step 1 */

#step1 .row .left .button_popup {
	display: none;
	max-width: 219px;
	width: 100%;
	border-radius: 70px;
	background: #DA404C;
	height: 43px;
	justify-content: center;
	align-items: center;
	color: #F6F9FC;
	font-family: 'Gilroy', sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	text-decoration: none;
	margin-bottom: 0px;
	margin-top: 30px;
}

#step1 .row .left .ordi_mobile {
	display: none;
}

#step1 {
	background: url(../../images/stp1_pc.png) #181C21 no-repeat;
	/* background: #181C21; */
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position: relative;
	background-attachment: fixed;
	min-height: 100vh;
}

#step1 .container_concours {
	margin: 0;
	display: flex;
	width: 100%;
	/* min-height: 100vh; */
}

#step1 .container_concours .col_content {
	flex: 60%;
	display: flex;
	flex-wrap: wrap;
	gap: 15px;
}

#step1 .container_concours .col_form {
	flex: 22%;
}

#step1 .col_content.texte {
	position: relative;
	width: 66.5%;
	display: flex;
	flex-direction: column;
	padding-left: 3%;
	padding-right: 3%;
	padding-bottom: 100px;
	/* background: url(../../images/center_image1.png), #181C21;
	background-repeat: no-repeat;
	background-position-y: center; */
	/* background-position-x: right; */
	/* background-position-x: 115%; */
}

#step1 .logo,
#step2 .logo,
#step3 .logo {
	max-width: 330px;
	width: 100%;
	height: fit-content;
	margin-top: 42px;
	margin-bottom: 60px;
}

#step1 .col_content.texte .infos {
	max-width: 60%;
	width: 100%;
}

#step1 .col_content.texte .infos h3.title {
	color: #DA404C;
	font-size: 32px;
	font-style: normal;
	font-weight: 400;
	line-height: 1.3;
	letter-spacing: 1.985px;
}

#step1 .col_content.texte .infos h4.sub_title {
	color: #fff;
	font-family: 'Plus Jakarta Sans', sans-serif;
	font-size: 52px;
	font-style: normal;
	font-weight: 400;
	line-height: 1.3;
	letter-spacing: 2.882px;
}

#step1 .col_content.texte .infos h5.sub_title2 {
	color: #DA404C;
	font-family: 'Plus Jakarta Sans', sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 1.3;
	letter-spacing: 1.339px;
}

#step1 .col_content.texte .infos h5.title_ul {
	color: #F6F9FC;
	font-family: 'Gilroy', sans-serif;
	font-size: 24px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	margin-top: 14px;
	margin-bottom: 16px;
}

#step1 .col_content.texte .infos ul.firts_list {
	list-style-type: none;
	padding-left: 20px;
}

#step1 .col_content.texte .infos ul.firts_list li {
    position: relative;
    font-family: "Gilroy", "Spartan", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: clamp(14px, 2vw, 16px);
    line-height: 1.2;
    color: #F6F6F6;
    margin: 15px 0;
    display: flex;
    align-items: center;
    gap: 4px;
}

#step1 .col_content.texte .infos ul.firts_list li::before {
	content: "";
    left: 0;
    height: 11px;
    background-image: url(../../images/plus.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    flex: 0 0 11px;
}

#step1 .col_content.texte .infos ul.firts_list + .title_ul {
	margin-top: 60px;
}

#step1 .col_content.texte .infos ul.second_list li::before {
	background-image: url(../../images/tick.svg);
}

#step1 .col_content.texte .infos p.description {
	color: #181c21;
	font-family: 'Plus Jakarta Sans', sans-serif;
	font-size: 24px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

#step1 .col_content.texte .infos .vin-fl-stp1 {
	margin: auto;
	width: 100%;
	aspect-ratio: 16/9;
	position: relative;
	transform: translateX(0%);
}

#step1 .col_content.texte .infos .vin-fl-stp1 {
	position: relative;
	max-width: 754px;
	width: 100%;
	cursor: url(../../images/play_36.png), pointer;
	object-fit: cover;
	object-position: center;
	margin-bottom: 120px;
}

#step1 .col_content.texte .infos .vin-fl-stp1::before {
	content: '';
	background: url(../../images/play_36.png) no-repeat center/contain;
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 60px;
	height: 60px;
	z-index: 99;
	transform: translate(-50%, -50%);
}

@media (hover: hover) {
	#step1 .col_content.texte .infos .vin-fl-stp1:hover::before {
		display: none;
	}
}

#step1 .col_content.texte .infos .vin-fl-stp1.played {
	cursor: url(../../images/pause_36.png), pointer;
}

#step1 .col_content.texte .infos .vin-fl-stp1.played::before,
#step1 .col_content.texte .infos .vin-fl-stp1.played::after {
	display: none;
}

#step1 .col_content.texte .infos .vid-vign {
	/* padding-top: 20px; */
	max-width: 754px;
	width: 100%;
	height: 424px;
}

#step1 .col_content.texte .infos .vin-fl-stp1 iframe {
	pointer-events: none;
}

#step1 .col_content.texte .right {
	background: url(../../images/pc_bg.png), no-repeat center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position: relative;
	background-attachment: fixed;
	min-height: 100vh;
}

@media (max-width: 1024px) {
	#step1 .col_content.texte {
		width: 100%;
	}

	#step1 .col_content.texte .infos {
		max-width: 92%;
	}

	#step1 .container_concours {
		flex-direction: column;
	}
	
}

@media (max-width: 1130px) {
    #step1 .container_concours  .col_form {
        flex: 50% !important;
    }
}

#step1 .container {
	max-width: unset;
	padding: 0;
}

#step1 header {
	display: none;
}

#step1 .fill_fb {
	margin-bottom: 51px;
}

.date_birth_day {
	display: flex;
	gap: 20px;
}

.date_birth_day .form_row {
	max-width: 48%;
	width: 100%;
}

.date_birth_day_label.label {
	color: #373f49;
	font-family: 'Plus Jakarta Sans', sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 1.3;
	margin-bottom: 8px;
}

/* Step 1 */

header form {
	display: inline-block;
	margin: 0 1rem 0 0;
}

table {
	width: 100%;
}

table th,
table td {
	padding: 0.2rem 0.6rem;
}

table tbody tr td {
	background-color: #fefefe;
}

table tbody tr:nth-child(even),
table tbody tr:nth-child(even) td {
	background-color: #efefef;
}

#contest a.btn {
	padding: 17px;
	max-width: 320px;
	width: 100%;
}

#contest #step2 a.btn {
	padding: 17px;
	max-width: 420px;
	width: 100%;
}

#contest .container {
	position: relative;
}

#contest .container .reglements {
	margin: 24px 0;
	text-align: center;
}

#contest .field.col_50 {
	width: 50%;
	float: left;
	clear: none;
}

#contest .label h3 {
	font-size: 14px;
	margin-bottom: 0;
}

#step1 .steps {
	position: relative;
}

#step1 .smaller {
	font-size: 0.8em;
}

#step1 .form_submit {
	margin-top: 37px;
}

/* step2 */

#step2 {
	position: relative;
	min-height: 100vh;
}

#step2 {
	background: url(../../images/step2_bg2.png) #181C21 no-repeat center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position: relative;
	background-attachment: fixed;
}

#step2 .image_left_column {
	display: none;
}

#step2 .texte_image {
	position: absolute;
	left: 0;
	bottom: 0;
	opacity: 0.5;
	width: 40%;
}

#step2 h1,
#step2 h2 {
	display: none;
}

#step2 .left {
	padding-left: 3%;
}

#step2 .right {
	padding-right: 3%;
}

#step2 .center {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

#step2 .steps .step {
	position: relative;
	display: flex;
	background: #ffffff;
	border: 1px solid #dedede;
	margin-bottom: 21px;
	padding: 20px;
}

#step2 .steps .step:last-of-type {
	margin-bottom: 0;
	border-bottom: 0;
}

#step2 .steps .step .wrap_step {
	position: relative;
	max-width: 70%;
	width: 100%;
	display: flex;
	align-items: center;
}

#step2 .steps .step .wrap_step:last-of-type {
	max-width: 100%;
}

#step2 .steps .step .wrap_step .no {
	width: 50px;
	color: #da404c;
	text-align: center;
	font-family: 'Plus Jakarta Sans', sans-serif;
	font-size: 30px;
	font-style: normal;
	font-weight: 500;
	line-height: 2;
	letter-spacing: 10px;
	text-transform: uppercase;
}

#step2 .steps .step .wrap_step .info {
	width: calc(100% - 60px);
	/* padding-right: 46px; */
	display: flex;
	flex-direction: column;
	/* align-items: center; */
	justify-content: center;
}

#step2 .steps .step:last-of-type .wrap_step .info {
	padding-right: 0;
}

#step2 .steps .step .wrap_step .info .texte {
	color: #181c21;
	font-family: 'Plus Jakarta Sans', sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}

#step2 .steps .step .button {
	position: relative;
	max-width: 29%;
	width: 100%;
	font-size: 0;
	cursor: pointer;
	display: flex;
	justify-content: center;
	align-items: center;
}

#step2 .steps .step .button .btn_ {
	position: relative;
	width: 100%;
}

#step2 .steps .step:nth-child(1) .button .btn_ {
	background: #DA404C;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	border: 0;
	cursor: pointer;
	text-align: center;
	overflow: hidden;
	padding: 14px 10px;
	display: block;
	height: auto;
	text-align: center;
	font-size: 15px;
	font-weight: bold;
	text-transform: uppeunrcase;
	letter-spacing: 1px;
	color: #fff;
	width: 100%;
	line-height: 1.2;
	cursor: initial;
}

#contest #step2 .button .btn {
	display: flex;
	justify-content: center;
	align-items: center;
	line-height: 1;
	text-transform: unset;
}

.fb_iframe_widget.fb-like iframe,
.fb_iframe_widget.fb-like>span {
	width: 70px !important;
}

#step2 .step .les_choix {
	display: flex;
	margin-top: 10px;
	align-items: center;
	gap: 12px;
}

#step2 .step .les_choix .choix {
	display: block;
	font-size: 16px;
	letter-spacing: 0.67px;
	font-weight: bold;
	color: #6c6c6c;
}

#step2 .step .les_choix .choix a {
	color: #6c6c6c;
}

#step2 .step .les_choix .choix .choix_no {
	display: inline-block;
	width: 30px;
	text-align: center;
	vertical-align: middle;
	padding-bottom: 8px;
	padding-top: 1px;
}

#step2 .step .les_choix .choix .texte_choix {
	color: #da404c;
	text-align: center;
	font-family: 'Gilroy', sans-serif;
	font-size: 14px;
	font-style: italic;
	font-weight: 800;
	line-height: 1.3;
	cursor: pointer;
}

#step2 .step .les_choix .choix .texte_choix::after {
	content: '';
}

#step2 .step .les_choix .choix .bulle {
	display: inline-block;
	position: relative;
	padding-bottom: 9px;
	cursor: pointer;
}

#step2 .step .les_choix .choix .bulle .rond {
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	color: #c6ab57;
	border: 1.25px solid #c6ab57;
	vertical-align: middle;
	position: relative;
	width: 21px;
	height: 21px;
	text-align: center;
}

#step2 .step .les_choix .choix .bulle .bulle_hover {
	opacity: 0;
	display: none;
	position: absolute;
	top: -7px;
	left: 16px;
	padding: 7px 14px;
	background-color: #c6ab57;
	color: #fff;
	font-size: 12px;
	font-weight: normal;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	width: 100%;
	width: 230px;
}

#step2 .step .les_choix .choix .bulle:hover .bulle_hover {
	opacity: 1;
	display: block;
}

#step2 .steps {
	max-width: calc(930px + 40px);
	width: 100%;
	padding: 0 20px;
	padding-top: 78px;
	margin: 0 auto;
}

#step2 .facebook-comments {
	max-width: calc(930px + 40px);
	width: 100%;
	padding: 0 20px;
	margin: 0 auto;
	position: relative;
}

#step2 .facebook-comments .wrap {
	border: 1px solid #dedede;
}

#step2 .facebook-comments .fb-comments {
	padding: 35px 20px;
	background: #fff;
	position: relative;
	display: block;
}

#step2 .popup {
	display: none;
	top: 0;
	left: 0;
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.8);
	z-index: 0;
	justify-content: center;
	align-items: center;
}

#step2 .bulle_hover {
	opacity: 0;
	/* display: none; */
	position: relative;
	margin-left: auto;
	margin-right: auto;
	background: #ffffff;
	box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.5);
	border-radius: 4px;
	max-width: 930px;
	width: 100%;
	height: auto;
	z-index: 99;
}

#step2 .bulle_hover .content_div_float {
	position: relative;
	width: 100%;
	height: auto;
	display: flex;
	padding: 34px 32px;
	justify-content: center;
	align-items: center;
}

#step2 .bulle_hover .content_div_float .image_container {
	max-width: 50%;
	width: 100%;
}

#step2 .customCursor {
	position: relative;
	display: flex;
	align-items: flex-start;
	max-width: fit-content;
	cursor: url('../../images/play_36.png'), pointer;
	object-fit: cover;
	object-position: center;
}

#step2 .customCursor video {
	max-width: 535px;
	width: 100%;
	height: 300px;
}

#step2 .customCursor::before {
	content: '';
	background: url('../../images/play.png') no-repeat center/contain;
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 50px;
	height: 50px;
	z-index: 99;
	transform: translate(-50%, -50%);
}

@media (hover: hover) {
	#step2 .customCursor:hover::before {
		display: none;
	}
}

#step2 .customCursor.played {
	cursor: url('../../images/pause_36.png'), pointer;
}

#step2 .customCursor.played::before,
#step2 .customCursor.played::after {
	display: none;
}

#step2 .customCursor iframe {
	pointer-events: none;
}

#step2 .bulle_hover .content_div_float .text_container {
	max-width: 50%;
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	padding-left: 30px;
	padding-right: 30px;
}

#step2 .bulle_hover .content_div_float .text_container.seul {
	max-width: 100%;
	width: 100%;
}

#step2 .bulle_hover .titlebulle {
	color: #000;
	font-family: 'Gilroy', sans-serif;
	font-size: 34px;
	font-style: normal;
	font-weight: 600;
	line-height: 1;
}

#step2 .bulle_hover .subtitle {
	color: #000;
	font-family: 'Gilroy', sans-serif;
	font-size: 24px;
	font-style: normal;
	font-weight: 600;
	line-height: 1;
	margin-bottom: 30px;
}

#step2 .bulle_hover .textbulle {
	color: #000;
	font-family: 'Gilroy', sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	margin-bottom: 20px;
}

#step2 .bulle_hover .button_popup {
	background: #ea0809;
	color: #fff;
	text-align: center;
	font-family: 'Unbounded', sans-serif;
	font-size: 2.4rem;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	text-transform: uppercase;
	padding: 20px;
	text-decoration: none;
}

#step2 .close {
	position: absolute;
	width: 20px;
	height: 20px;
	top: 8px;
	right: 8px;
	background-image: url(../../images/close.png);
	cursor: pointer;
}

/* triangle avant form fb important */

/* #step2 .facebook-comments:before {
  content: '';
  display: block;
  margin: 0 auto 16px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 21px 14.5px 0 14.5px;
  border-color: #ffffff transparent transparent transparent;
  line-height: 0px;
  _border-color: #ffffff #000000 #000000 #000000;
  _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
} */

/* triangle avant form fb important */

/* step3 */

#step3 {
	background: #fff url(../../images/step3_bg.png) no-repeat center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	padding: 0;
	min-height: 100vh;
}

#step3 .logo {
	margin-bottom: 160px;
}


#step3 .container {
	max-width: unset;
	/* padding: 0; */
}

#step3 .row .image {
	position: relative;
	padding-left: 3%;
	padding-right: 3%;
}

#step3 h1 {
	display: none;
}

#step3 .infos .logo img {
	margin-bottom: 14px;
}

#step3 .row .left .text_step3 {
	position: relative;
	max-width: 712px;
	width: 100%;
}

#step3 .row .left .text_step3 .merci:first-of-type {
	margin-bottom: 0;
}

#step3 .row .left .text_step3 .merci {
	color: #8B9AA9;
	font-family: 'Plus Jakarta Sans', sans-serif;
	font-size: 24px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	margin-bottom: 42px;
}

#step3 .row .left .text_step3 .merci.bold {
	font-weight: 600;
}

#step3 .row .left .text_step3 .subtitle_merci {
	color: #DA404C;
	font-family: 'Gilroy', sans-serif;
	font-size: 34px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
}

#step3 .row .left .text_step3 .block_red {
	color: #F6F9FC;

	/* Header/H2 | SemiBold */
	font-family: 'Gilroy', sans-serif;
	font-size: 54px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	margin-bottom: 0;
}

#step3 .row .left .text_step3 .block_red_small {
	color: #DA404C;

	/* Paragraph/Regular */
	font-family: 'Gilroy', sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	margin-bottom: 60px;
}

#step3 .row .left .button_popup {
	max-width: 219px;
	width: 100%;
	border-radius: 70px;
	background: #DA404C;
	height: 43px;
	display: flex;
	justify-content: center;
	align-items: center;

	color: #F6F9FC;

	/* Paragraph/Bold */
	font-family: 'Gilroy', sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	text-decoration: none;
	margin-bottom: 100px;

	transition: background 0.2s ease;
	transition: color 0.2s ease;
}

#step3 .row .left .button_popup:hover {
	color: #DA404C;
	background: #fff;
}

#step3 .row .left div.button_code {
	position: relative;
	color: #40c0d9;
	font-size: 35.651px;
	font-style: normal;
	font-family: 'Inter', sans-serif;
	font-weight: 900;
	line-height: 1.2;
	text-transform: uppercase;
	border-radius: 10px;
	border: 2px dashed #40c0d9;

	display: flex;
	justify-content: center;
	align-items: center;
	gap: 20px;
	padding: 30px 50px;
	margin-bottom: 40px;
}

#step3 .row .left div.button_code button {
	border: 0;
	background: none;
}

#step3 .row .left div.button_code em {
	color: #40c0d9;
	font-size: 35.651px;
	font-style: normal;
	font-family: 'Inter', sans-serif;
	font-weight: 900;
	font-style: normal !important;
	text-transform: uppercase;
}

.alert {
	position: absolute;
	top: 50px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 99;
	width: 80%;
}
/* .alert {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: none;
	border-radius: 5px;
	border: 2px dashed #181C21;
	background: #D4DCE7;
	color: #181C21;
	text-align: center;

	font-family: 'Gilroy', sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;

	text-decoration-line: none;
	text-transform: none;

	justify-content: center;
	align-items: center;
	gap: 6px;
} */

button.close {
	color: #40c0d9;
}

#step3 .infos .logo .text_logo {
	color: #6c6c6c;
	font-size: 19px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 0.9px;
}

#step3 .infos>img {
	max-width: 124px;
	margin-bottom: 2px;
}

#step3 .infos .texte {
	margin-bottom: 35px;
	font-size: 42px;
	font-size: 2.2vw;
	font-weight: normal;
	color: #fff;
	font-family: 'Holtwood One SC', serif;
}

#step3 .infos .texte p {
	margin-bottom: 10px;
}

#step3 .texte_image {
	max-width: 57%;
	padding-top: 2vw;
}

#step3 h2 {
	font-size: 24px;
	font-size: 1.25vw;
	font-weight: bold;
	color: #fff;

	margin-bottom: 65px;
}

#step3 .btn {
	display: inline-block;
	width: auto;
	font-size: 24px;
	margin-top: 10px;
}

#step3 .plus_texte {
	display: table;
	margin-top: 21px;
	margin-bottom: 35px;
}

#step3 .plus_texte .icon {
	display: table-cell;
	width: 66px;
	vertical-align: middle;
}

#step3 .plus_texte .icon img {
	margin-bottom: 0;
}

#step3 .plus_texte .text_plus {
	display: table-cell;
	padding-left: 28px;
	font-size: 21px;
	font-weight: bold;
	letter-spacing: 0.5px;
	text-transform: uppercase;
	color: #c6ab57;
	text-align: left;
	vertical-align: middle;
}

#step3 .footer {
	font-size: 10px;
	text-align: center;
	position: absolute;
	left: 410px;
	right: 0;
	bottom: 14px;
}

#statistics>ul {
	display: flex;
	justify-content: space-evenly;
}

#statistics ul {
	margin: 0;
	padding: 0;
}

#statistics ul li {
	/* margin-right: 3px; */
	text-align: center;
	justify-content: center;
	padding: 2rem 8px;
}

#statistics ul li#winner {
	flex-grow: 1;
	margin-right: 0;
}

#statistics ul li span {
	font-size: 1.4rem;
	font-weight: 600;
}

#results section>div {
	margin: 1rem auto;
}

#results i.icon-no {
	opacity: 0.4;
}

#results td span {
	padding: 5px 12px;
	font-size: 11px;
	font-weight: 700;
	color: #ffffff;
	border-radius: 40px;
	text-transform: uppercase;
	background-color: #7e7e7e;
}

#results .facebook {
	background-color: #4888d3;
}

#results .email,
#results .courriel {
	background-color: #ad7bd5;
}

#results .direct {
	background-color: #29cc97;
}

#results .mobile {
	background-color: #f5ae58;
}

#results .desktop {
	background-color: #e05353;
}

ul.utilities {
	display: inline-block;
}

ul.utilities li {
	display: inline-block;
	border-right: 1px solid #dfe0eb;
	padding-right: 2rem;
	margin-right: 2rem;
}

@media (max-width: 991px) {
	ul.utilities {
		margin-bottom: 30px !important;
		padding-left: 0 !important;
	}

	ul.utilities li {
		border: none;
	}
}

ul.utilities li:last-child {
	border-right: none;
	margin-right: 0;
}

ul.utilities.small li {
	font-size: 14px;
}

pre {
	margin: 3rem auto 1rem;
	padding: 3rem;
	background: #eee;
	display: block;
	font-size: 11px;
}

pre.main-debug {
	display: none;
}

#step2 .steps .step .button.button_icon.button_outline a {
	background-color: transparent;
	color: #181c21;
	border-radius: 6px;
	border: 2px solid #181c21;
}

#step2 .steps .step .button.button_icon a::after {
	content: '';
	position: relative;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-size: contain;
	mask-size: contain;
	-webkit-mask-position: center;
	mask-position: center;
	background: #181c21;
	-webkit-mask-image: url(../../images/icon_button_step2.svg);
	mask-image: url(../../images/icon_button_step2.svg);
	width: 2.5em;
	height: 1.8em;
	margin-top: -0.1em;
}

#contest .btn:hover {
	border: 1px solid #DA404C;
	color: #DA404C;
	background-color: #fff;
}

#step6 {
	padding: 40px 60px;
	min-height: 100vh;
}

#step6 .logo {
	display: flex;
	justify-content: flex-start;
}

#step6 .container_content {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	min-height: 74vh;
}

#step6 h1.title_step6 {
	max-width: 1084px;
	width: 100%;
	color: #728395;
	text-align: center;

	/* Header/Subtitle */
	font-family: 'Gilroy', sans-serif;
	font-size: 24px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	margin: 0;
}

#step6 h2.sub_title {
	max-width: 1084px;
	width: 100%;
	margin-top: 64px;
	margin-bottom: 64px;
	color: #F6F9FC;
	text-align: center;

	/* Header/H2 | SemiBold */
	font-family: 'Gilroy', sans-serif;
	font-size: 54px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
}

#step6 .button_popup {
	max-width: 219px;
	width: 100%;
	border-radius: 70px;
	background: #DA404C;
	height: 43px;
	display: flex;
	justify-content: center;
	align-items: center;

	color: #F6F9FC;

	/* Paragraph/Bold */
	font-family: 'Gilroy', sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	text-decoration: none;
	margin-bottom: 100px;
}

#step6 .footer_step6 {
	position: absolute;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	text-align: center;
	bottom: 0;
}

#step6 .footer_step6 h2 {
	color: #F6F9FC;
	text-align: center;

	/* Paragraph/Bold */
	font-family: 'Gilroy', sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	margin-bottom: 14px;
}

#step6 .footer_media {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 15px;
}

/* Custom CSS on a per contest/project basis */
@media (max-width: 1600px) {

	#step3 .logo {
		margin-bottom: 80px;
	}

	#step1 {
		background-position: -80px 0;
	}

	#step1 .container_concours .col_form {
		flex: 40%;
	}

	#step1 .custom_content .icon {
		width: 76px;
	}

	#step1 .custom_content .icon img {
		margin-top: -23px;
	}

	#step1 .fill_fb .btn {
		padding: 14px 12% 14px 25%;
		background-position: 12% 50%;
	}

	#step1 .col.texte {
		padding-top: 3%;
	}

	#step1 .col.texte .infos h1 {
		font-size: 2.5vw;
	}

	#step1 .col.texte .infos .soustitre,
	#step1 .col.texte .infos .surtitre {
		font-size: 1.3vw;
	}

	#step1 .steps .step {
		left: -49px;
	}

	#step1 .col.form {
		padding: 83px 4% 72px 4%;
	}

	#step1 .col.texte:before,
	#step1 .col.texte {
		background-position: 91% center;
	}

	#step1 .field_instagram a svg {
		margin-right: 13px;
		width: 33px;
	}

	#step1 .field_instagram a,
	#step1 .fill_fb .btn {
		font-size: 13px;
	}

	form .custom_select select,
	#contest form input[type='text'],
	#contest form input[type='email'],
	#contest form input[type='tel'] {
		font-size: 14px;
	}

	#contest .input_checkbox.conditionUse {
		margin-right: 30px;
	}

	#step2 .steps .step .wrap_step {
		max-width: 64%;
	}

	#step2 .steps .step .button {
		max-width: 36%;
	}

	#step2 .steps .step .wrap_step .info {
		padding-right: 20px;
	}
}

@media (max-width: 1300px) {

	#step1 .fill_fb {
		margin-bottom: 30px;
	}

	#step2 .right {
		margin-bottom: 40px;
	}

	#step2 .steps {
		padding-top: 0;
	}

	#contest .btn_invitez a.btn {
		font-size: 12px;
		padding-top: 21px;
	}

	#step1 .fill_fb .btn {
		font-size: 12px;
	}

	#step1 .col.form .wrap_form {
		max-width: 271px;
	}

	#step1 .col.form {
		padding: 71px 3% 61px 5%;
	}

	#step1 .form_title {
		font-size: 16px;
		font-weight: bold;
		margin-bottom: 18px;
	}

	#step1 .steps .step {
		left: -42px;
		font-size: 27px;
	}

	#step1 .custom_content {
		width: calc(100% + 15px);
	}

	#contest .btn {
		font-size: 20px;

		height: 54px;
	}

	form .custom_select select,
	#contest form input[type='text'],
	#contest form input[type='email'],
	#contest form input[type='tel'] {
		font-size: 12px;
	}

	#step1 .field_instagram a svg {
		margin-right: 13px;
		width: 27px;
	}

	#step1 .field_instagram a {
		padding: 8px 15px;
	}

	#step1 .field_instagram a,
	#step1 .fill_fb .btn {
		font-size: 12px;
	}

	#step1 .fill_fb .btn {
		padding: 9px 6% 9px 26%;
		background-position: 10% 50%;
	}

	#step1 .field_instagram a {
		height: 54px;
	}

	#step1 .custom_content .icon {
		width: 69px;
	}

	#contest .container .reglements {
		right: 0;
	}

	#step3 .texte_image {
		max-width: 426px;
	}

	#step3 h2 {
		font-size: 1.425vw;
		margin-bottom: 45px;
	}

	#step3 .plus_texte .text_plus {
		font-size: 19px;
	}
}

@media (max-width: 1199px) {
	#step1 .row .left .ordi_mobile {
		display: block;
	}

	#step1 {
		background: url(../../images/step1_bg.png), #181C21 no-repeat center;
		background: #181C21;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		position: relative;
		background-attachment: fixed;
		min-height: 100vh;
	}

	#step2 {
		/* background: url(../../images/step2_bg.png) #181C21 no-repeat center; */
		background: #181C21 no-repeat center;
	}

	#step2 .image_left_column {
		display: block;
		max-width: 600px;
		width: 100%;
	}

	#step2 .left {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}

	#step2 .logo {
		display: flex;
		justify-content: center;
		margin-bottom: 12px;
	}

	#step3 .row .left .text_step3 {
		position: relative;
		max-width: 900px;
		width: 100%;
	}
	
	
	#step1 .col_content.texte .infos {
		max-width: 100%;
	}
}

@media (max-width: 1024px) {
	#step1 .row .left .ordi_mobile {
		display: block;
	}

	#step1 .row .left .button_popup {
		display: flex;
	}
}

@media (max-width: 1000px) {

	#step1 .row .left .ordi_image {
		display: flex;
		justify-content: flex-end;
	}

	#step1 .row .left .ordi_mobile {
		display: block;
	}

	#step1 .row .left .button_popup {
		display: flex;
	}

	#step1 .col_form.form .wrap_form {
		max-width: 520px;
		width: 100%;
		margin: 0 auto;
	}

	body #step1 .container {
		max-width: 100%;
	}

	#step1 .col.texte .infos h1 {
		font-size: 2.7vw;
	}

	#step1 .col.form {
		padding: 25px 0 25px 2%;
	}

	#step1 .col.texte:before,
	#step1 .col.texte {
		background-position: 91% 93%;
	}

	.container {
		width: 100%;
		padding-left: 0;
		padding-right: 0;
	}

	form input[type='text'],
	form input[type='email'],
	form input[type='tel'] {
		width: 100%;
		font-size: 21.75px;
	}

	#contest .row {
		margin-left: 0;
		margin-right: 0;
	}

	#contest .col {
		padding-right: 0;
		padding-left: 0;
	}

	#contest .container .reglements {
		left: 0;
	}

	#contest .container .reglements a {
		font-size: 14px;
	}

	form .custom_select select,
	#contest form input[type='text'],
	#contest form input[type='email'],
	#contest form input[type='tel'] {
		font-size: 16px;
	}

	#contest .input_checkbox label {
		width: calc(100% - 18px);
	}

	#step1 .field_instagram a,
	#step1 .fill_fb .btn {
		font-size: 14px;
	}

	#step1 .field_instagram a svg {
		margin-right: 28px;
		width: unset;
	}

	#step1 .form_title {
		font-size: 18px;
	}

	#step1 .fill_fb .btn {
		font-size: 14px;
		padding: 14px 20px 14px 94px;
		background-position: 8% 50%;
		background-size: 12% auto;
	}

	#step1 .field_instagram a {
		height: 69px;
		padding: 14px 23px;
	}

	#step1 .row {
		height: auto;
		display: block;
		margin: 0;
		width: 100%;
	}

	#step1 .row .col.texte {
		width: 100%;
		display: block;
		min-height: 77vw;
	}

	#step1 .col.texte .infos {
		padding-top: 0px;
	}

	#step1 .row .col.form {
		padding-top: 14%;
		padding-bottom: 63px;
		padding-left: 0;
		width: 100%;
		display: block;
	}

	#step1 .row .col.form .wrap_form {
		max-width: 360px;
		margin: 0 auto;
	}

	#step1 .custom_content .texte_checkbox {
		padding-right: 22px;
	}

	#step1 .fill_fb .btn {
		font-size: 14px;
		padding: 20px 20px 20px 96px;
		background-position: 7% 50%;
		background-size: 10% auto;
	}

	#step1 .col.form:before {
		content: '';
		display: block;
		position: absolute;
		top: -20px;
		bottom: unset;
		background: url(../../images/dentele-top.png) repeat-x center bottom;
		width: unset;
		left: 0;
		right: 0;
		height: 20px;
	}

	#step2:before {
		background-position: 90% 0%;
	}

	#step2 .steps .step {
		/* background: transparent; */
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
		flex-direction: column;
	}

	#step2 .steps .step .wrap_step {
		position: relative;
		max-width: 100%;
	}

	#step2 .steps .step .button {
		position: relative;
		max-width: 100%;
	}

	#step2 .steps .step .wrap_step {
		padding: 20px 19px 20px 0;
		width: auto;
		margin: 0 15px;
		min-height: unset;
	}

	#step2 .steps .step .wrap_step .no {
		width: 53px;
		text-align: center;
	}

	#step2 .steps .step .wrap_step .no .fb-like {
		height: 20px;
		display: block;
		padding: 7px 10px;
		display: inline-block;
	}

	#step2 .steps .step .wrap_step .info {
		width: calc(100% - 53px - 8px);
		padding-right: 0;
		padding-left: 8px;
	}

	#step2 .steps .step .button {
		position: relative;
		max-width: inherit;
		margin: 0 auto;
		text-align: center;
		top: 0;
		right: 0;
		padding-top: 16px;
	}

	#step2 .steps .step .button .btn_ {
		display: inline-block;

		min-width: 182px;
	}

	#step2 .steps .step:nth-child(1) .button .btn_ {
		padding: 13px 10px;
		/* height: 46px; */
	}

	#step2 .steps .step .button .btn_ .btn {
		font-size: 14px;
		height: 46px;
		display: block;
	}

	#contest .btn_invitez a.btn {
		font-size: 14px;
		padding-top: 17px;
	}

	#step2 .steps .step:nth-child(1) .button {
		position: relative;
		max-width: 420px;
		margin: 0 auto;
		top: 0;
		padding-top: 16px;
	}

	#step2 .steps .step:nth-child(1) .wrap_step .info {
		width: calc(100% - 53px);
		padding-right: 0;
	}

	#step2 .steps .wrap {
		max-width: calc(700px + 40px);
		width: 100%;
		margin: 0 auto;
	}

	#step2 .facebook-comments {
		max-width: calc(700px + 40px);
		padding: 0;
	}

	#step2 .facebook-comments .fb-comments:before {
		content: '';
		height: 66px;
		top: -33px;
		background: url(../../images/comment_row_mobile.png) no-repeat top center;
	}

	#step3 {
		/* background-color: #e2e4e6; */
		/*background: #fff url(../../images/step_3_bg_mobile.jpg) no-repeat top center;*/
		/* background-size: 160%;
		background-position: 33% 100%; */
	}

	#step3 .texte_image {
		max-width: 426px;

		width: 67%;
	}

	#step3 .infos>img {
		max-width: 201px;
	}

	#step3 .btn {
		width: 100%;
		max-width: 541px;
	}

	#step3 .plus_texte {}

	#step3 .plus_texte .icon {
		width: 82px;
	}

	#step3 .footer {
		left: 0;
		font-size: 16.5px;
	}

	#step3 .infos .logo {
		margin-bottom: 40px;
	}

	#step3 h2 {
		font-size: 17px;
	}

	#step3 .plus_texte .text_plus {
		padding-left: 10px;
		font-size: 17px;
	}

	#step1 .col.texte .infos .soustitre,
	#step1 .col.texte .infos .surtitre {
		font-size: 2.3vw;
	}

	#step1 .col.texte .infos h1 {
		font-size: 4.1vw;
	}

	#step1 .col.texte .infos .descrip {
		max-width: 586px;
	}

	#contest>header .top-banner .btn {
		color: #42b09e;
	}
}

@media (max-width: 991px) {

	#step3 {
		background: #fff url(../../images/step1_bg.png) no-repeat center 90%;
	}

	#step1 .col_content.texte .infos h3.title {
		font-size: 28px;
	}

	#step1 .col_content.texte .infos h4.sub_title {
		font-size: 38px;
	}

}

@media (max-width: 800px) {

	#step6 h1.title_step6 {
		font-size: 16px;
	}

	#step6 h2.sub_title {
		font-size: 32px;
		margin-top: 34px;
		margin-bottom: 34px;
	}

	#step2 .bulle_hover .content_div_float .text_container,
	#step2 .bulle_hover .content_div_float .image_container {
		max-width: 96%;
	}

	#step2 .bulle_hover .content_div_float .text_container {
		padding: 0;
	}

	#step2 .bulle_hover .content_div_float .image_container {
		display: flex;
		justify-content: center;
	}

	#step2 .bulle_hover .content_div_float {
		flex-direction: column-reverse;
	}

	#step2 .customCursor video {
		max-height: 300px;
		height: 100%;
	}

	.image_container {
		margin-bottom: 26px;
	}

	#step2 .popup {
		padding: 0 20px;
	}

	#step2 .steps {
		padding: 0;
	}

	#step3 .row .col.image {
		width: 100%;
		display: block;
	}

	#step3 .row .col.les_infos {
		width: 100%;

		display: block;
	}

	#step3 .infos {
		margin: 0 auto;
		padding-top: 8vw;
		padding-bottom: 80px;
	}

	#step3 h2 {
		font-size: 2.825vw;
	}

	#step3 .infos .texte {
		font-size: 5vw;
	}

	#step3 .row .col.image {
		min-height: 70vw;
		background-position: 50% 85%;
	}

	#step3 .row .col.image:before {
		background-position: 50% 85%;
	}

	#step3 h2 {
		font-size: 16px;
	}

	#step3 .infos {}

	#step3 .plus_texte .text_plus {
		font-size: 14px;
	}

	#step3 .plus_texte .icon {
		width: 42px;
	}

	#step3 .infos .logo img {
		max-width: 220px;
	}

	#step3 .infos .logo .text_logo {
		font-size: 15px;
	}

	#step3 .row .col.les_infos:before {
		top: -20px;

		background: url(../../images/dentele-top.png) repeat-x center bottom;
		width: unset;

		left: 0;
		bottom: unset;
		right: 0;
		height: 20px;
	}
}

@media (max-width: 600px) {

	#step1 .col_content.texte .infos .vid-vign {
		height: auto;
		margin-top: 60px;
		margin-bottom: 60px;
	}

	#step1 .col_content.texte .infos .vin-fl-stp1 {
		height: auto;
		margin-bottom: 0;
	}

	form input[type='text'],
	form input[type='email'],
	form input[type='tel'] {
		font-size: 17.75px;
	}

	#contest .btn {
		height: 46px;
	}

	#step1 .row .col.form .wrap_form {
		max-width: 320px;
	}

	#step2 .steps .step .wrap_step .no {
		width: 53px;
	}

	#step2 .steps .step .wrap_step .info {
		width: calc(100% - 43px - 4px);
		padding-left: 4px;
	}

	#step2 .steps .step:nth-child(1) .wrap_step .info {
		width: calc(100% - 43px);
	}

	#step2 .step .les_choix .choix .bulle .bulle_hover {
		top: 15px;
		left: -121px;

		width: 167px;
	}

	#step1 .col.texte .infos .soustitre,
	#step1 .col.texte .infos .surtitre {
		font-size: 3vw;
	}
}

@media (max-width: 479px) {

	#step1 .input_checkbox.infolettre_inscription .icon {
		right: -12px;
	}

	#contest .btn {
		font-size: 14px;
	}

	#step1 .row .col.form .wrap_form {
		max-width: 320px;

		margin-right: 8%;
		margin-left: 15%;
	}

	#step1 .row .col.texte {
		min-height: 83vw;
	}

	#step1 .field_instagram a svg {
		margin-right: 14px;
		width: 30px;
	}

	#step1 .field_instagram a,
	#step1 .fill_fb .btn {
		font-size: 12px;
	}

	#step1 .field_instagram a {
		height: 55px;
		padding: 8px 14px;
	}

	#step1 .fill_fb .btn {
		font-size: 10px;
		padding: 14px 5% 14px 24%;
		background-position: 7% 50%;
		background-size: 12% auto;
	}

	#step2 .steps .step .wrap_step .no {
		width: 48px;
		font-size: 25px;
	}

	#step2 .steps .step .wrap_step .info {
		width: calc(100% - 38px);
		padding-left: 0;
	}

	#step2 .steps .step:nth-child(1) .wrap_step .info {
		width: calc(100% - 38px);
	}

	#step2 .steps .step .wrap_step .info .texte {
		font-size: 12px;
	}

	#step2 .facebook-comments .fb-comments:before {
		top: -26px;
		background-size: 57px auto;
	}

	#step3 .infos,
	#step3 h2 {
		font-size: 3.825vw;
	}

	#step1 .col_content.texte .infos p.description {
		font-size: 16px;
	}

	#step3 .infos .texte {
		margin-bottom: 23px;
	}

	#step3 .plus_texte .text_plus {
		font-size: 14px;
	}

	#step1 .col_content.texte .infos h3.title {
		font-size: 22px;
	}

	#step1 .col_content.texte .infos h4.sub_title {
		font-size: 26px;
	}

	#step3 .plus_texte .icon {
		width: 42px;
	}

	#step3 .footer {
		left: 0;
		font-size: 10px;
	}

	#step3 .infos>img {
		max-width: 127px;
	}

	#step3 .btn {
		padding: 9px 15px !important;
		max-width: 206px;
		font-size: 14px;
		white-space: unset !important;
		height: auto;
		padding: 12px;
	}

	#step2 .facebook-comments .fb-comments {
		padding: 35px 10px;
	}

	form .custom_select select,
	#contest form input[type='text'],
	#contest form input[type='email'],
	#contest form input[type='tel'] {
		font-size: 14px;
		text-transform: none;
	}

	.date_birth_day_label.label {
		font-size: 14px;
	}

	form .custom_select select {
		padding: 8px 8px;
	}

	#contest .container .reglements a {
		font-size: 11px;
	}

	#step1 .custom_content .texte_checkbox {
		padding-right: 12px;
	}

	#step2 .step .les_choix .choix {
		font-size: 14px;
	}

	#step2 .step .les_choix .choix .texte_choix,
	#step2 .step .les_choix .choix .choix_no {
		padding-bottom: 5px;
		padding-top: 7px;
	}

	#step2 .steps .step .wrap_step {
		margin-left: 0;
		margin-right: 0;
		padding: 20px 0px 20px 0;
	}

	#step2 .steps .wrap {
		padding: 0;
	}

	#step3 .infos {
		width: 100%;
		margin: 0 auto;
		transform: unset;
		position: relative;
	}

	#step3 .infos .texte {
		font-size: 5.8vw;
	}

	#step1 .col.texte .infos h1 br {
		display: none;
	}

	#step1 .col.texte .infos h1 {
		font-size: 5vw;
	}

	#step2 .step .les_choix {
		flex-direction: column;
		align-items: flex-start;
		gap: 0px;
	}

	#step2 .step .les_choix svg {
		display: none;
	}
}

@media (max-width: 420px) {

	#step1 .input_checkbox.infolettre_inscription .icon span {
		font-size: 26px;
	}

	#step1 .input_checkbox.infolettre_inscription .icon span small {
		font-size: 14px;
	}

	#step1 .input_checkbox.infolettre_inscription .icon {
		position: absolute;
		right: -8px;
		width: 42px;
		height: 40px;
	}

	.check_form {
		margin-top: 40px;
	}

	#step3 .row .left .text_step3 .merci {
		font-size: 20px;
	}

	#step3 .row .left .text_step3 .subtitle_merci {
		font-size: 26px;
	}

	#step3 .row .left .text_step3 .block_red {
		font-size: 28px;
	}

	#step3 .row .left .button_popup {
		margin-bottom: 80px;
	}
}