@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,200..1000;1,200..1000&display=swap');

@font-face {
  font-family: 'hanley_promonoline';
  src: url('../fonts/hanley_pro_monoline/hanleypro-monoline-webfont.woff2') format('woff2'),
    url('../fonts/hanley_pro_monoline/hanleypro-monoline-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;

}

/*!
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: "Poppins";
	src: url('../fonts/gilroy/Gilroy-Black.otf');
	font-weight: 900;
	font-style: normal;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@font-face {
	font-family: "Poppins", sans-serif;
	src: url('../fonts/mulish/Mulish-Regular.woff2') format('woff2');
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: "Poppins", sans-serif;
	src: url('../fonts/mulish/Mulish-SemiBold.woff2') format('woff2');
	font-weight: 600;
	font-style: normal;
}

@font-face {
	font-family: "Poppins", sans-serif;
	src: url('../fonts/mulish/Mulish-Bold.woff2') format('woff2');
	font-weight: 700;
	font-style: normal;
}*/

* {
	 font-family: "Mulish", serif;
}

/* 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: "Mulish", 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%;
}
#countdown {
    display: flex;
    justify-content: center;
}
#countdown .bloc {
    background:#EA504C;
    padding:2px;
    width:75px;
    height:75px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 0 15px;
    color: #FFF;
    text-align: center;
    font-family: Mulish;
    font-size: 25.42px;
    font-weight: 1000;
    line-height: 1.1; 
    letter-spacing: 0.763px;
    text-transform: uppercase;
}
#countdown .bloc .unit {
    color: #FFC952;
    text-align: center;
    font-family: "hanley_promonoline",'Brush Script MT', cursive;
    /*font-family: cursive;*/
    font-size: 17.185px;
    font-weight: 400;
    line-height: 1.1;
    text-transform: none;
    display: block;
}
#contest {
	position: relative;
	padding: 0;
	background-color: #fff;
}

#contest > header {
	position: absolute;
    top: 0;
    left: 50%;
    right: 0;
    z-index: 222222;
    display: none;
}
#contest .top-banner {
	display: flex;
	justify-content: flex-end;
	padding-right: 12%;
	margin-bottom: 15px;
	

}

#contest #step3 .top-banner {
	display: flex;
	justify-content: flex-end;
	
	width: calc(100% - 67px);
	margin: 0 auto;
	margin-bottom: 0;
	/*padding-right: 24px;*/
	position: absolute;
    top: 25px;
    max-width: calc(783px + 67px);
    left: 0;

}

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

#contest .top-banner .btn {
	padding: 0;
	background: transparent;
	color: #fff;
	font-size: 11px;
	text-decoration: underline;
	text-transform: unset;
	font-weight: normal;
	border: none;
	transition: color 0.1s ease-in-out;
}
#contest #step1 .top-banner .btn {
	color:#302F63 ;
}

#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: 65px;
	white-space: normal;
	text-transform: uppercase;
	display: flex;
	align-items: center;
	padding: 0px 20px 0px 79px;
	background: #EA504C url(../../images/f_logo_blanc.svg) 19px 50% no-repeat;
	background-size: 40px auto;
	text-align: left;

	color: #fff;
	font-size: 13px;
	font-style: normal;
	font-weight: 1000;
	line-height: normal;
	text-transform: uppercase;

	border-radius: 100px;
	border: 1px solid #EA504C;
}

/* facebook */

/* form */
#step1 .col_form.form {
	position: relative;
	background: #68C3CD;
	/*backdrop-filter: blur(31px);*/
	vertical-align: middle;
	padding: 0 4% ;
	color: #302F63;
	display: flex;
   
    min-width: 350px;
    border-radius: 40px 0px 0px 40px;
    position: fixed;
    top: 0;
    right: 0;
    height: 100vh;
    overflow: auto;
}

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

#step1 .col_form.form .fix_content {
	position: sticky;
	top: 10px;
	height: min-content;
	width: 100%;
	padding-top: 40px;
	padding-bottom: 40px;
}

#step1 .col_form.form .wrap_form {
	max-width: 330px;
	width: 100%;
	margin: 0 auto;
}
#contest .field label {
	display: block;
	color: #302F63;
	font-size: 13px;
	font-weight: 1000;
	line-height: 1.2; /* 16.9px */
	text-transform: uppercase;
	margin-bottom: ;
}

form input[type='text'],
form input[type='email'],
form input[type='tel'] {
	font-size: 16px;
	font-weight: normal;
	width: 100%;
	height: 45px;
	padding-left: 14px;

	border-radius: 0;
	border: 1px solid #302F63;
	background: #fff;
	color: #302F63;
	
	margin-bottom: 5px;
}

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

.form-captchaText {
	color: #302F63;
	font-size: 10px;
	text-align: center;
	margin-top: 20px;
	max-width: 330px;
	margin: 10px auto 0;
}

.form-captchaText a {
	color: #302F63;
	text-decoration: underline;
}
.form-captchaText a:hover {
	text-decoration: none;
}

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;
	position: relative;
	border-radius: 1px;
}

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

form .custom_select select {
	padding-left: 14px;
	width: 100%;
	border: 1px solid #d0d1d3;
	box-shadow: none;

	background: #fff;
	-webkit-appearance: none;
	height: 46px;
	font-size: 16px;
	color: #525558;
}

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

#contest .input_checkbox.infolettre_inscription .text {
	color: #302F63;
	font-size: 11px;
	font-style: normal;
	font-weight: 800;
	line-height: 1.2;
	margin-bottom: 12px;
	text-transform:uppercase;
}

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

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

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

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

#step1 .input_checkbox.infolettre_inscription .icon {
	    width: 50px;
    height: 51px;
    position: absolute;
    top: -30px;
    right: 20px;
	/*transform: rotate(15deg);*/
	background: transparent;
	/*filter: drop-shadow(0px 0px 15px rgba(0, 0, 0, 0.15));*/
	border-radius: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	/*background: linear-gradient(90deg, #956200 0%, #D19D00 100%);*/
}

#step1 .input_checkbox.infolettre_inscription .icon span {
	color: #fff;
	text-align: center;
	font-family: "Plus Jakarta Sans", sans-serif;
	font-size: 50px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	line-height: .8;
}

#step1 .input_checkbox.infolettre_inscription .icon span small {
	color:  #fff;
	text-align: center;
	font-family: "Plus Jakarta Sans", sans-serif;
	font-size: 33px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	    transform: rotate(45deg);
    transform-origin: center;
    display: inline-block;
        position: relative;
    top: -5px;
        margin-right: -8px;
}

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

.check_form {
	cursor: pointer;
	display: flex;
	gap: 12px;
	border: 0;
	border-radius: 0;
	position: relative;
	margin-bottom: 15px;
	margin-top: 3vw;
	padding: 14px 0 15px;
	padding-right: 46px;
	background: url(../../images/vague_blanche.svg) repeat-x  center top;
}
.check_form:after {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 5px;
	background: url(../../images/vague_blanche.svg) repeat-x  center bottom;
}

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

.checkbox_form {
	display: inline-block;
	position: relative;
	width: 20px;
	height: 20px;
	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 {
	left: 0;
	height: 18px;
	width: 18px;
	background-color: transparent;
	border: 1px solid #302F63;
	transition: background-color 0.25s ease;
	border-radius: 0;
}

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

#contest .btn {
	display: block;
	border-radius: 100px;
	background: #302F63;
	/*background: linear-gradient(90deg, #956200 0%, #D19D00 100%);*/
	border: 0;
	height: 54px;
	text-align: center;
	font-size: 14px;
	font-weight: 1000;
	text-transform: uppercase;

	color: #fff;
	width: 100%;
	line-height: 1.2;
	max-width: 329px;
	margin: 0 auto;
	 -webkit-transition: all 250ms ease-out;
  -moz-transition: all 250ms ease-out;
  -o-transition: all 250ms ease-out;
  transition: all 250ms ease-out;
}
#step3 .row .right .button_step3:hover,
#contest .btn_invitez .btn:hover,
#contest .form_submit .btn:hover {
	/*background: linear-gradient(90deg, #BD7C00 0%, #F6C83C 100%);*/
	opacity: .9;
}
#contest .fill_fb  .btn:hover {
	background-image: url(../../images/f_logo_blanc.svg);
	background-color: #A28C77;
	border-color: #A28C77;
	color: #fff;
}

#contest .container .reglements a {
	font-size: 11px;
	color: #302F63;
	text-align: center;
	font-size: 11px;
	font-style: normal;
	font-weight: 400;
	line-height: 1.2;
	letter-spacing: 0.611px;
	text-decoration-line: underline;

}
#contest .container .reglements a:hover {
	color: #fff;
}

/* Steps */

/* Step 1 */
img {
	display: inline-block;
}
#step1 .logo {
	    z-index: 2;
	    top: 25px;
	    left: 0;
	    right: 0;
	    
	    margin: 0 auto;
	    text-align: center;

}
#step1 .spas {
	text-align: center;
}
#step1 .spas img {
	margin-left: -23px;
}
#step1 .spas .mobile {
	display: none;
}
#step1 {
	/*background: url(../../images/bg_redboxmedia.png) no-repeat center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position: relative;*/
	background-attachment: fixed;
	/* height: 100vh; */
	background-color: #DAF4F6;
}

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

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

#step1 .container_concours .col_form {
	flex: 34%;
	width: 34%;
	
}

#step1 .col_content.texte {
	position: relative;
	width: 66%;
	display: flex;
	flex-direction: column;
	padding-left: 3%;
	padding-right: 3%;
	
	    align-items: center;
    justify-content: center;
    padding-top: 40px;
        padding-bottom: 40px;
        margin-right: 34%;

}
#step1 .col_content.texte:after {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	right:-50px;
	bottom: 0;
	top: 0;
	 background: #DAF4F6 url(../../images/step_1_bg_v2.webp) no-repeat center;
    -webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;

	z-index: 0;
	
}
/*
#step1 .col_content.texte:before {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	height: 72%;
	background:#070503  url(../../images/photo-martin-petit.png) no-repeat center top;
	background-size: auto 100%;
	max-height: 866px;
	    min-height: 555px;
	z-index: 0;
}*/





#step1 .col_content.texte .infos {
	max-width: 95%;
	width: 100%;
	position: relative;
    z-index: 2;
}

#step1 .col_content.texte .infos h1 {
	color: #302F63;
	text-align: center;
	font-size: 48px;
	font-weight: 1000;
	line-height: 1.1; /* 116.901% */
	letter-spacing: 2.13px;
	text-transform: uppercase;
	margin-top: 16px;
	margin-bottom:20px;
}

#step1 .col_content.texte .infos h1 .titre_1 {
	color: #EA504C;
    font-family: "hanley_promonoline", 'Brush Script MT', cursive;
    /* font-family: cursive; */
    font-size: 35px;
    font-weight: 400;
    line-height: 1;
    display: block;
    text-transform: none;
    margin-bottom: 3px;
}

#step1 .col_content.texte .infos h1 .titre_2 {
	font-size: 48px;
	letter-spacing: 1.44px;
	display: block;
	    margin-bottom: 9px;
}

#step1 .col_content.texte .infos h1 .titre_3 {
	color: #EA504C;
	font-size: 34px;
	font-style: normal;

	line-height: normal;
	letter-spacing: 1.02px;
	display: block;
}
#step1 .col_form .infos h3.title,
#step1 .col_content.texte .infos h3.title {
	color: #181c21;
	 font-family: "Mulish", serif;
	font-size: 56.472px;
	font-size: clamp(35px, 3vw, 56.5px);
	font-style: normal;
	font-weight: 700;
	line-height: .8;
	text-transform: uppercase;
	text-align: center;
	background: var(--Dgrad-or, linear-gradient(90deg, #956200 0%, #D19D00 100%));
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
#step1 .col_form .infos h4.sub_title,
#step1 .col_content.texte .infos h4.sub_title {
	color: #da404c;
	 font-family: "Mulish", serif;
	font-size: 94.12px;
	    font-size: clamp(59px, 4.9vw, 94.2px);
	font-style: normal;
	font-weight: 700;
	line-height: .85;
	text-align: center;
	background: var(--Dgrad-or, linear-gradient(90deg, #956200 0%, #D19D00 100%));
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
text-transform: uppercase;
}
#step1 .col_form .infos h5.sub_title2,
#step1 .col_content.texte .infos h5.sub_title2 {
	color: #A28C77;
	 font-family: "Mulish", serif;
	font-size: 36px;
	font-size: clamp(22.5px, 1.84vw, 36px);
	font-style: normal;
	font-weight: 500;
	line-height: 1;
	text-align: center;
}
#step1 .col_form .infos p.description,
#step1 .col_content.texte .infos p.description {
	color: #181c21;
	 font-family: "Mulish", 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_form.form .content_infos {
	display: none;
}


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

#step1 header {
	display: none;
}

#step1 .fill_fb {
	margin-bottom: 24px;
	

}

.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: "Mulish", 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 {
	text-align: center;
	margin-top: 40px;
}

#contest .field {
	clear: both;
	margin-bottom: 12px;
}

#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 .logo {
	text-align: left;
	padding: 50px ;
	padding-bottom: 0;
	width: 100%;
	display: none;
}
#step2 .logo img {
max-width: 404px;
}
#step2 {
	position: relative;
	min-height: 100vh;
	overflow: hidden;
}
#step2 .fb_iframe_widget > span,
#step2 .fb_iframe_widget iframe {
	width: 100% !important;
}
#step2 {
	background: #DAF4F6 url(../../images/step2_bg.webp) no-repeat right top;

	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position: relative;
	/*background-attachment: fixed;*/
}
/*#step2:before {
	content: '';
	display: block;
	position: absolute;
	top:0;
	left: 0;
	right:46%;
	bottom:0;
	background: #070503 url(../../images/martinpetit-2.png) no-repeat right top;
	background-size: 100% auto;
}*/

#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;
}

#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 transparent;
	margin-bottom: 21px;
	padding: 27px;
	padding-left: 20px;
}

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

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

#step2 .steps .step .wrap_step .no {
	width: 61px;
	color: #956200;
	text-align: center;
	 font-family: "Mulish", serif;
	font-size: 0px;
	font-style: normal;
	font-weight: 500;
	line-height: 2;
	letter-spacing: 10px;
	text-transform: uppercase;
	/*background: linear-gradient(90deg, #956200 0%, #D19D00 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;*/
}

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

#step2 .steps .step .wrap_step .info .texte {
	color: #302F63;

	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}
#step2 .steps .step .wrap_step .info .texte strong {
	color: #EA504C;
	font-weight: 1000;
	text-transform: uppercase;
}

#step2 .steps .step .button {
	position: relative;
	max-width: 37%;
	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: #EA504C;
	-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;
}
.fb_iframe_widget {
    display: block !important ;

    position: relative;
    /*max-width: 246px;*/
    overflow: hidden;
}
#contest #step2 .button .btn {
	display: flex;
	justify-content: center;
	align-items: center;
	line-height: 1;
	height: 54px;
	background-color: #EA504C;
}

#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: "Mulish", 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: 7vw;
	margin: 0 auto 31px;
}

#step2 .facebook-comments {
	
	max-width: calc(602px + 40px);
	width: 100%;
	padding: 0 20px;
	margin: 0 auto;
	position: relative;
}
#step2 .facebook-comments:before {
	display: block;
	content: '';
	width: 0px;
   height: 0px;
   border-style: solid;
   border-width: 25px 15px 0 15px;
   border-color: #fff transparent transparent transparent;
   transform: rotate(0deg);
   margin: 0 auto 19px;
}

#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: "Mulish", serif;
	font-size: 34px;
	font-style: normal;
	font-weight: 600;
	line-height: 1;
}

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

#step2 .bulle_hover .textbulle {
	color: #000;
	font-family: "Poppins" 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 .logo {
	max-width: 593px;
	width: 100%;
	height: fit-content;

	margin: 0 auto 55px;
	text-align: center;
}



#step3 {
	/*background: #fff url(../../images/bg_redboxmedia.png) no-repeat center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;*/
	padding: 0;
	min-height: 100vh;
	background: #DAF4F6;
	color: #fff;
}
#step3 .row {
	height: 100vh;
	margin-left: 0;
	margin-right: 0;
}
#step3 .entete {
	width: 100%;
	text-align: center;
	color: #A28C77;
	text-align: center;
	 font-family: "Mulish", serif;
	font-size: 24px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	margin-bottom: 6vw;
}
#step3 .entete .merci {
	    margin-bottom: .3em;
}


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

#step3 .text_step3 {
	max-width: 930px;
	width: 100%;
	padding-bottom: 60px;
	margin-bottom: 78px;
	background: url(../../images/vague_turquoise.svg) repeat-x left bottom;
}
#step3.step6 .text_step3 {
	padding-bottom: 0;
	background: unset;
	margin-bottom: 0;
	
}

#step3 .text_step3 .merci,
#step3 .text_step3 .subtitle_merci {
	color:  #68C3CD;
	font-family: "hanley_promonoline",'Brush Script MT', cursive;
	font-size: 36px;

	font-weight: 400;
	line-height: 1.4; /* 144.444% */
}
#step3.step6 .text_step3 .merci {
	color: #FFC952;
}

#step3 .text_step3 .subtitle_merci {
	font-weight: 600;
	margin-bottom: 42px;
}
#step3 .text_step3 .titre_block_red {
	color: #FFF;
	font-size: 36px;
	font-weight: 300;
	line-height: normal;
	letter-spacing: 1.08px;
	text-transform: uppercase;
	margin-bottom: 29px;
}
#step3 .text_step3 .titre_block_red strong {
	color: #FFC952;
	font-weight: 1000;
}
#step3 .text_step3 .block_red {
	color: #A28C77;
	 font-family: "Mulish", serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	margin-bottom: 40px;
}

#step3 .text_step3_b {
	display: flex;
	max-width: 930px;
	    align-items: center;
}
#step3 .text_step3_b .image_b {
	width: 50%;
	padding-right: 2%;
}
#step3 .text_step3_b .texte_b {
	width: 50%;
	padding-right: 4%;
}
#step3 .text_step3_b .texte_b .titre_produit {
	color: #FFF;
	font-size: 32px;
	font-weight: 300;
	line-height: normal;
	letter-spacing: 0.96px;
	text-transform: uppercase;
}

#step3 .row .image {
	position: relative;
	
	text-align: right;
	 display: flex;
	 z-index: 1;
	align-items: center;
	width: 32.6%;
	padding:40px 15px 50px;
	    flex-direction: column;

   
	    	
}
#step3 .row .image:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: -45px;
	bottom: 0;
	background: #fff url(../../images/step3_bg_gauche.jpg) no-repeat center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
#step3 .row .image .wrap_image {
	display: inline-block;
	position: relative;
}
/*#step3 .row .image .wrap_image:before {
	content: '';
	display: block;
	position: absolute;
	padding-top: calc(100% - 9%);
	border-radius: 50%;
	background: #2B2618;
	filter: blur(200px);
	top: -18%;
	right: 0;
	left: 9%;
	z-index: 0;
}*/
#step3 .row .image img {
	position: relative;
	z-index: 1;
}
#step3 .row .les_infos {
	position: relative;
	z-index: 2;
	padding: 67px;
	background: #302F63;
	border-radius: 40px 0px 0px 40px;
	    display: flex;
	flex-direction: column;
    justify-content: center;
	width: 67.4%;
	text-align: left;
}



#step3 .row .right .button_copy {
	/*max-width: 420px;*/
	width: 100%;
}

#step3 .row .right div.button_code {
	position: relative;
	color: #000;
	font-size: 36px;
	font-style: normal;
	 font-family: "Mulish", serif;
	font-weight: 900;
	line-height: 1.2;
	text-transform: uppercase;
	border-radius: 5px;
	border: 2px dashed #8b9aa9;

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

	cursor: pointer;
	border-radius: 5px;
	border: 2px dashed #A28C77;
}

#step3 .row .right div.button_code:hover {
	border: 2px dashed #4a5663;
	background: rgba(255,255,255,.10);
}

#step3 .row .right button {
	border: 0;
	background: none;
}
#step3 .row .right div.button_code .surtexttocopy {
	text-align: center;

	 font-family: "Mulish", serif;
	font-size: 22px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	background: linear-gradient(90deg, #956200 0%, #D19D00 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	    margin-bottom: 0;
    line-height: 1;
    text-transform: none;
}
#step3 .row .right div.button_code #texttocopy {
	color: #000;

	 font-family: "Mulish", serif;
	font-size: 54px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	background: linear-gradient(90deg, #956200 0%, #D19D00 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	line-height: 1;
}

#step3 .row .right .div_share {
	/*max-width: 420px;*/
	width: 100%;
	margin-bottom: 5px;

}
#step3 .row .right .div_share .valid_date {
	color: #FFF;
	font-size: 11px;
	font-weight: 400;
	line-height: normal;
	letter-spacing: 0.22px;
	margin-left: 26px;
	margin-top: 12px;
	margin-bottom: 0;
}
#step3 .row .right .div_share p.three {
	color: #956200;
	text-align: center;

	/* Small/Bold */
	 font-family: "Mulish", serif;
	font-size: 12px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	background: linear-gradient(90deg, #956200 0%, #D19D00 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	margin: 0 auto;
}

#step3 .row .right .button_step3 {
	position: relative;

	height: 54px;
	border-radius: 100px;
	background: #68C3CD;
	color: #fff;
	text-align: center;
	font-size: 14px;
	font-style: normal;
	font-weight: 1000;
	line-height: normal;
	text-transform: uppercase;
	text-decoration: none;
	padding: 18px 27px;
	display: inline-block;

}

#step3 .row .right .button_step3_2 {
	max-width: 230px;
	width: 100%;
	margin-bottom: 24px;
}

#step3 .row .right .media p.title_media {
	color: #181c21;

	/* Paragraph/Bold */
	 font-family: "Mulish", serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}

#step3 .row .right .media a {
	text-decoration: none;
}
.alert {
	position: absolute;
	top: 50px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 99;
	width: 80%;
	/*display: none;*/
}
/* .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: "Mulish", 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: #181c21;
}

#step3 .infos .logo .text_logo {
	color: #6c6c6c;
	font-size: 19px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 0.9px;
}
#step3:not(.step6) h1 {
	display: none;
} 
#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;
}

.btn:hover {
	border-color: #181c21;
}

/* step 6 */
.step6 .infos {
position: relative;
}
#step3.step6 .logo {
    
    margin: 0 auto 30px;
    text-align: center;
   
}
.step6 .infos h1 {
	color: #302F63;
	text-align: center;
	font-size: 35.5px;
	font-weight: 1000;
	line-height: 1.1; /* 116.901% */
	letter-spacing: 1.07px;
	text-transform: uppercase;
	margin-top:0;
	margin-bottom:0;
}
.step6 .infos h1 .titre_1 {
	color:#EA504C;
	 font-family: "hanley_promonoline",'Brush Script MT', cursive;
    /*font-family: cursive;*/
	font-size: 26px;
	font-weight: 400;
	line-height: 1; /* 151.47% */
	display: block;
	text-transform: none;
	margin-bottom: 14px;
}
.step6 .infos h1 .titre_3 {
	color: #EA504C;
	font-size: 25px;
	letter-spacing: .78px;
	display: block;
	    margin-bottom: 9px;
}
#step3.step6 .text_step3 {
    max-width: 783px;
  
}


#step6 {
	background: #070503 url(../../images/fin-concours.jpg) no-repeat center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position: relative;
	background-attachment: fixed;
	padding: 40px 60px;
	min-height: 100vh;
	color: #A28C77;
	display: flex;
    align-items: center;
}

#step6 .logo {
	/*display: flex;
	justify-content: flex-start;*/
	max-width: 771px;
	margin: 0 auto 30px;
}

#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: #A28C77;
	text-align: center;
	margin: 0;

	/* Header/H4 | SemiBold */
	 font-family: "Mulish", serif;
	font-size: 34px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}

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

	/* Header/H2 | SemiBold */
	 font-family: "Mulish", serif;
	font-size: 54px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	background: linear-gradient(90deg, #956200 0%, #D19D00 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

#step6 h2.sub_sub_title {
	color: #0c121b;
	text-align: center;

	/* Header/H4 | SemiBold */
	 font-family: "Mulish", serif;
	font-size: 34px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	margin-bottom: 64px;
}

#step6 h2.text4 {
	color: #A28C77;
	text-align: center;

	/* Header/Subtitle */
	 font-family: "Mulish", serif;
	font-size: 34px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	margin-bottom: 24px;
}

#step6 h2.text5 {
	max-width: 680px;
	width: 100%;

	color: #0c121b;
	text-align: center;
	text-shadow: 0px 0px 20px rgba(132, 193, 223, 0.5);

	/* Header/Subtitle */
	 font-family: "Mulish", serif;
	font-size: 24px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	margin-bottom: 24px;
}

#step6 .button_popup {
	max-width: 250px;
	width: 100%;
	background: #181c21;
	border-radius: 6px;

	height: 43px;
	display: flex;
	justify-content: center;
	align-items: center;

	color: #f6f9fc;

	/* Paragraph/Bold */
	 font-family: "Mulish", serif;
	font-size: 16px;
	height: 52px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	text-decoration: none;
	text-transform: uppercase;
	border-radius: 6px;
	background: var(--Dgrad-or, linear-gradient(90deg, #956200 0%, #D19D00 100%));
}

#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: #181c21;
	text-align: center;
	margin-bottom: 14px;
	/* Paragraph/Bold */
	 font-family: "Mulish", serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}

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

#step6 .container_form {
	margin-bottom: 140px;
}

@media (max-width: 600px) {
	#step6 .container_form {
		margin-bottom: 80px;
	}
}

#step6 .container_form form {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 20px;
}



#step6 .container_form form input[type='text'],
#step6 .container_form form input[type='email'] {
	padding: 24px 25px;
	color: #373f49;
	 font-family: "Mulish", serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	text-transform: uppercase;

	border-radius: 1px;
	border: 1px solid #d4dce7;
	background: #fff;
}

#step6 .container_form form input[type='submit']::-webkit-input-placeholder,
#step6 .container_form form input[type='reset']::-webkit-input-placeholder,
#step6 .container_form form input[type='text']::-webkit-input-placeholder,
#step6 .container_form form input[type='email']::-webkit-input-placeholder {
	color: #373f49;
	 font-family: "Mulish", serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	text-transform: uppercase;
	text-align: center;
}

#step6 .container_form form input[type='submit']:-ms-input-placeholder,
#step6 .container_form form input[type='reset']:-ms-input-placeholder,
#step6 .container_form form input[type='text']:-ms-input-placeholder,
#step6 .container_form form input[type='email']:-ms-input-placeholder {
	color: #373f49;
	 font-family: "Mulish", serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	text-transform: uppercase;
	text-align: center;
}

#step6 .container_form form input[type='submit']::placeholder,
#step6 .container_form form input[type='reset']::placeholder,
#step6 .container_form form input[type='text']::placeholder,
#step6 .container_form form input[type='email']::placeholder {
	color: #373f49;
	 font-family: "Mulish", serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	text-transform: uppercase;
	text-align: center;
}

#step6 .container_form form input[type='submit'],
#step6 .container_form form input[type='reset'],
#step6 .container_form form button[type='submit'],
#step6 .container_form form button[type='reset'] {
	border-radius: 6px;
	background: #181c21;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	padding: 15px 35px;
	gap: 10px;
	border: none;
	color: #ffffff;

	 font-family: "Mulish", serif;
	font-style: normal;
	font-weight: 600;
	font-size: 15px;
	line-height: 150%;
	color: #ffffff;
	cursor: pointer;
}

@media (max-width: 991px) {
	#step6 .container_form form input[type='submit'],
	#step6 .container_form form input[type='reset'],
	#step6 .container_form form button[type='submit'],
	#step6 .container_form form button[type='reset'] {
		max-width: 320px;
		width: 100%;
	}
}

@media (max-width: 600px) {
	#step6 .container_form form input[type='submit'],
	#step6 .container_form form input[type='reset'],
	#step6 .container_form form button[type='submit'],
	#step6 .container_form form button[type='reset'] {
		width: 100%;
		text-align: center;
		justify-content: center;
	}
}

/* Custom CSS on a per contest/project basis */
@media (max-width: 1600px) {
	#step1 .custom_content .icon {
		width: 76px;
	}
	#step1 .col_content.texte .infos h1 {
		font-size: clamp(29px,3vw,48px);
	}
	#step1 .col_content.texte .infos h1 .titre_3 {
		    font-size: clamp(21px, 2.12vw, 34px);

	}
	#step1 .col_content.texte .infos h1 .titre_1 {
	   
	    font-size: clamp(22px, 2.14vw, 35px);
	  
	}	
	

	#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;
		height: 46px;
	}

	#contest .input_checkbox.conditionUse {
		/*margin-right: 52px;*/
	}

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

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

	#step2 .steps .step .wrap_step .info {
		padding-right: 20px;
	}
	
	.check_form {
	   
	    padding-right: 36px;
	}
	#step2:before {
	   
	    left: unset;
	    width: 863px;
	    
	}
	#step3 .text_step3 .titre_block_red {

	    font-size: clamp(25px, 2.25vw, 36px);
	}

	#step3 .text_step3_b .texte_b .titre_produit {
	    font-size: clamp(22px, 2vw, 32px);
	}
	#step3 .text_step3 .merci, #step3 .text_step3 .subtitle_merci {
	    font-size: 30px;
	    
	}
}

@media (max-width: 1300px) {
	#step1 .input_checkbox.infolettre_inscription .icon {
	   
	    top: -22px;
	    
	}
	#step2 .right {
		margin-bottom: 40px;
	}

	#step2 .steps {
		
	}

	#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);
	}

	

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

	#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 12% 9px 28%;
	}

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

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

	#contest .container .reglements {
		right: 0;
	}
	#step3 .text_step3 .merci, #step3 .text_step3 .subtitle_merci {
	   
	    font-size: 25px;
	    
	}

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

	#step3 .plus_texte .text_plus {
		font-size: 19px;
	}
	#step3 .entete {
	   
	   
	    font-size: clamp(18px, 1.5vw, 24px);
	    
	}
	#step3 .logo {
	    
	    width: 38%;
	    
	}
	.step6 .infos h1 {
	  
	    font-size: clamp(25px, 2.16vw, 35.5px);
	    
	}

	.step6 .infos h1 .titre_1 {
	   
	    font-size: clamp(18px, 1.5vw, 26px);
	    
	}
	.step6 .infos h1 .titre_3 {

	    font-size: clamp(16px, 1.6vw, 25px);

	}
}
@media (max-width: 1200px) {
	.fb_iframe_widget {
	   
	   max-width:100%; 

	    
	}
	#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 0 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;
		
	}

	#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: 329px;
		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%;
		width: 80%;
		margin: 0 auto;
	}

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

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

}
@media (max-width: 1024px) {
	#step1 .col_form.form .fix_content {
		position: unset;
	}
	
	#step1 .spas img {
	    margin-left: 0;
	}
	#step1 .spas .mobile {
		display: inline-block;
		margin-bottom: 25px;
	}
	#step1 .spas .desktop {
		display: none;
	}
	#step1 .container_concours .col_form,
	#step1 .col_content.texte {
		width: 100%;
	}
	#step1 .col_content.texte:after {
	  
	    right: 0;
	    bottom: -50px;
	    
	}

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

	#step1 .container_concours {
		flex-direction: column;
	}
	
	#step1 .col_form.form {
	   min-width: unset;
	    justify-content: center;
	    flex-direction: column;
	    border-radius: 40px 40px 0px 0;
	     position: unset;
        z-index: 22; 
	    
	    height: unset; 
	    overflow: unset; 
	}
	#step1 .col_content.texte {
		margin-right: 0;
		 padding-bottom: 6vw;
	}
	#step1 .col_content.texte {
		margin-left: 0;
	}
	.step6 .infos h1,
	#step1 .col_content.texte .infos h1 {
		font-size: clamp(29px,4.4vw,48px);
	}
	.step6 .infos h1 .titre_3,
	#step1 .col_content.texte .infos h1 .titre_3 {
	    font-size: clamp(21px, 3vw, 34px);
	}
	.step6 .infos h1 .titre_1,
	#step1 .col_content.texte .infos h1 .titre_1 {
	        font-size: clamp(22px, 3.4vw, 35px);
	    }
	#step1 .col_form .infos h4.sub_title, 
	#step1 .col_content.texte .infos h4.sub_title {
	    
	    font-size: clamp(30px, 9.7vw, 94.2px);
	}
	#step1 .col_form .infos h3.title, 
	#step1 .col_content.texte .infos h3.title {
	    font-size: clamp(26px, 7vw, 56.5px);
	}
	#step1 .col_form .infos h5.sub_title2, 
	#step1 .col_content.texte .infos h5.sub_title2 {
	    
	    font-size: clamp(19.5px, 4.84vw, 47px);
	    max-width: 76%;
        margin: 0 auto;
	    min-width: 278px;
	}
	
	#step1 .logo {
	    top:10vw;
	    width: 86%;
	   
	}
	#step1 .col_form.form .wrap_form {
	    max-width: 420px;
	}
	#step1 .fill_fb .btn {
	     padding: 11px 6% 9px 19%;
        /* max-width: 313px; */
        font-size: 17px;
        background-position: 5% 50%;
	}
	form .custom_select select, #contest form input[type='text'], #contest form input[type='email'], #contest form input[type='tel'] {
	        font-size: 16px;
	        height: 60px;
	    }
	    #step1 .input_checkbox.infolettre_inscription .icon {
            transform: scale(1) rotate(15deg);
        }
	#contest .field {
	   
	    margin-bottom: 21px;
	}
	#step1 .fill_fb {
	    margin-bottom: 45px;
	    
	}
	.check_form {
	   
	    margin-top: 7vw;
	    
	}
	.check_form {
	    padding-right: 29px;
	            margin-bottom: 5vw;
	}
	.form-captchaText,
	#contest .input_checkbox.conditionUse,
	.check_form {
	   
	   
	    max-width: 383px;
	    margin-left: auto;
	    margin-right: auto;
	}
	#step3 .logo {
	   
	    margin: 0 auto 0;
	   
	}
	#step3 .row .image {
	  
	    width: calc(100% );
	   
	}
	#step3 .row .les_infos {
	    
	    border-radius: 40px 40px 0px 0;
	    
	    width: 100%;
	    position: unset;
	   
	}
	#contest .top-banner {
	    
	    width: calc(100% - 25px);
	    
	    top: 0;
	    max-width: unset;
	    
	}

	#contest #step3 .top-banner,
	#contest #step1 .top-banner {
		position: absolute;
        top: 0;
        left: 0;
        padding-right: 25px;
        width: 100%;
	}
	#contest .top-banner .btn {
	  
	    color: #302F63;
	    
	}
	#step3 .row {
		position: relative;
	}
	#step3 .text_step3 {
	    max-width: 700px;
	    width: 100%;
	    text-align: center;
	    margin: 0 auto 40px;
        padding-bottom: 43px;
	}
	#step3 .text_step3 .merci, #step3 .text_step3 .subtitle_merci {
	    
	    font-size: 29px;

	}
	#step3 .text_step3 .titre_block_red {
	        font-size: clamp(25px, 2.8vw, 36px);
	       
	}
	#step3 .row .image:before {
		right: ;
		bottom: -45px;
	}
	#step3 .text_step3_b {

	    max-width: 700px;
	    flex-direction: column;
	    margin-left: auto;
	    margin-right: auto;
	}
	#step3 .text_step3_b .image_b {
	    width: 100%;
	    padding-right: 0;
	    text-align: center;
	}
	#step3 .text_step3_b .image_b img {
		max-width: 418px;
    width: 72%;
	}
	#step3 .text_step3_b .texte_b {
	    width: 100%;
	    padding-right: 0%;
	    text-align: center;
	    max-width: 548px;
	    padding-bottom: 50px;
	}
	#step3 .text_step3_b .texte_b .titre_produit {

	    font-size: clamp(22px, 2.6vw, 32px);
	}

}
@media (max-width: 1000px) {
	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'] {
		padding: 1rem;
		width: 100%;
		background: #fff;
		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 {
		font-size: 14px;
	}

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

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

	

	#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 {
		background-position: 19% 0;
	}

	#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 .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 {
	    left: unset;
	    left: -289px;
	    width: 863px;
	}

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

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

	#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 h1 {
		font-size: 4.1vw;
	}

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

	#contest > header .top-banner .btn {
		color: #42b09e;
	}
}
@media (max-width: 991px) {
	#step6 .container_form form {
		flex-direction: column;
		max-width: 320px;
		width: 100%;
		margin: 0 auto;
	}
	#step3 .row .image {

	    padding-left: 6%;
	    padding-right: 6%;
	    text-align: center;
	}
	#step3 .row .image .wrap_image img {
		    max-width: 600px;
		    width: 85%;
	}
	#step3 .logo {
	    width: 95%;
	    max-width: 360px;
	}
	#step3 .row .les_infos {
	    padding-top: 5%;
	    padding-bottom: 5%;
	    padding-right: 6%;
	    padding-left: 6%;
	}
	#step3 .row .les_infos .wrap {
		text-align: center;
		max-width: 700px;
		margin: 0 auto;
	}
	
}

@media (max-width: 800px) {
	#step6 h1.title_step6 {
		font-size: 16px;
	}

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

	#step3 .row .right div.button_code em {
		font-size: 34px;
	}

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

	

	#step3 .text_step3 .block_red {
		font-size: 22px;
	}
	#step2 .steps .step .wrap_step {
	   
	    margin: 0;
	    
	}
	#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%;
	}
	#step2 .steps .wrap {
	    
	    width: 76%;
	    
	}

	.image_container {
		margin-bottom: 26px;
	}

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

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

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

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

		display: block;
	}

	#step3 .infos {
		margin: 0 auto;
		
	}

	#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) {
	#countdown .bloc {
	    
	    margin: 0 4px;
	    
	    font-size: 25px;
	    
	}
	#step1 {
		background-size: auto;
		background-position: 19% 0;
	}

	#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);
		
	}

	#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;
	}
    #step2 .steps .wrap {
        width: 91%;
    }
    #step2 .facebook-comments {
        
        width: 91.2%;
    }
    #step2 .logo {

        padding: 32px;

        width: 100%;
    }
    #step2 .logo img {
        max-width: unset;
        width: 100%;
    }
    #step3 .text_step3 .block_red {
        font-size: 18px;
    }
	
}

@media (max-width: 479px) {
	/* form input[type="text"] {
    font-size: 165px;
  } */

	#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: 3.4vw;
        padding: 14px 5% 14px 19%;
        background-position: 4% 50%;
		background-size: 12% auto;
	}
	#step1 .input_checkbox.infolettre_inscription .icon {
	    
	    right: -8px;
	    
	}
	.check_form {
	    padding-right: 71px;
	   
	}

	#step2 .steps .step .wrap_step .no {
		width: 48px;
		font-size: 25px;
	}
	#step2 .facebook-comments {
	    width: 97%;
	}
	#step2 .steps .step {
	    
	    padding-right: 20px;
	}
	#step2 .steps .step .wrap_step .info {
		width: calc(100% - 38px);
		
	}

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

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

	#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;
	}

	#step3 .text_step3 .block_red {
	    font-size: 16px;
	}

	#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: 20px;
		margin-right: 20px;*/
		padding-right: 0;
	}

	#step2 .steps .wrap {
		padding: 0;
		        width: 97%;
	}

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

	#step3 .infos .texte {
		font-size: 5.8vw;
	}
	#contest #step1 .top-banner {
		width: 100%;
	}
	#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;
	}
	#step3 .row .right div.button_code #texttocopy {
	    
	    font-size: 44px;
	    
	}
	#step3 .row .right div.button_code .surtexttocopy {

	    font-size: 18px;
	}
	#step3 .text_step3 .titre_block_red {
	    font-size: clamp(24px, 2.8vw, 36px);
	   
	}
	#contest .top-banner {
	    width: calc(100% - 0px);
	    
	}
}

@media (max-width: 420px) {
}