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




/* 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;
}
p {
	margin-bottom: .8em;
}
/* body */

body {
	background-color: #ccc;
	background-size: cover;
	background-repeat: no-repeat;
	color: #fff;
	padding: 1rem;
	font-family: "Mulish", sans-serif;
	
	font-size: 15px;
	line-height: 1.2;
	font-weight: normal;
}

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

strong {
	font-weight: 800;
}
button {
  border: none;
  box-shadow: none;
  cursor: pointer; /* Ensures the cursor indicates a clickable item */
}

:root {
  --color-text: navy;
  --color-bg: papayawhip;
  --color-bg-accent: #ecdcc0;
  --size: clamp(10rem, 1rem + 40vmin, 30rem);
  --gap: calc(var(--size) / 14);
  --duration: 60s;
  --duration2: 30s;
  --duration3: 20s;
  --scroll-start: 0;
  --scroll-end: calc(-100% - var(--gap));
}

.marquee {
  display: flex;
  overflow: hidden;
  user-select: none;
  gap: var(--gap);
  /*mask-image: linear-gradient(
    var(--mask-direction, to right),
    hsl(0 0% 0% / 0),
    hsl(0 0% 0% / 1) 20%,
    hsl(0 0% 0% / 1) 80%,
    hsl(0 0% 0% / 0)
  );*/
  pointer-events: none;
}

.marquee__group {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: space-around;
  gap: var(--gap);
  /*min-width: 100%;*/
  padding: 0 1em;
  animation: scroll-x var(--duration) linear infinite;
}
.marque_titre .marquee__group {
 
  animation: scroll-x var(--duration2) linear infinite;
}
.marque_sub .marquee__group,
.marque_over .marquee__group {
 
  animation: scroll-x var(--duration3) linear infinite;
}

@media (prefers-reduced-motion: reduce) {
  .marquee__group {
    animation-play-state: paused;
  }
}

.marquee--vertical {
  --mask-direction: to bottom;
}

.marquee--vertical,
.marquee--vertical .marquee__group {
  flex-direction: column;
}

.marquee--vertical .marquee__group {
  animation-name: scroll-y;
}

.marquee--reverse .marquee__group {
  animation-direction: reverse;
  animation-delay: -3s;
}
.marquee--reverse .marquee__group img {
	max-height:112px ;
}

@keyframes scroll-x {
  from {
    transform: translateX(var(--scroll-start));
  }
  to {
    transform: translateX(var(--scroll-end));
  }
}

@keyframes scroll-y {
 from {
    transform: translateY(var(--scroll-start));
  }
  to {
    transform: translateY(var(--scroll-end));
  }
}



/* header */

header .container {
	max-width: unset;
	padding: 0 7% 0 4%;
}
#countdown {
    display: flex;
    justify-content: center;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;

}
#countdown .bloc {
    background: linear-gradient(180deg, #637458 0%, #4A5742 100%);
	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    padding:2px;
    width:86.5px;
    height:86.5px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 0 6px;
    color: #FFF;
    text-align: center;
    font-size: 36px;
  
    font-weight: normal;
    line-height: 1.1; 
    letter-spacing: 1.02px;
    text-transform: uppercase;
}
#countdown .bloc .unit {
    color: #FFF;
    text-align: center;
  
    /*font-family: cursive;*/
    font-size: 14px;
    font-weight: 300;
    line-height: 1.1;
    text-transform: none;
    display: block;
    margin-top: 5px;
}
#contest {
	position: relative;
	padding: 0;
	background-color: #fff;
	height: 100vh;
	overflow: auto;
}

#contest > header {
	display: none;
}

#contest .top-banner {
	display: block;
	    justify-content: flex-end;
	    width: unset;
	    position: absolute;
	    top: 2px;
	    /* left: 67px; */
	    right: 2px;
	    max-width: 763px;
	    z-index: 10;

}

#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 {
	padding-right: 26px;
	max-width: unset;
	/*top: -24px;*/
	   
}
#contest #step1 .top-banner .btn {
	color:#fff ;
}

#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: 67px;
	white-space: normal;
	text-transform: none;
	display: flex;
	align-items: center;
	padding: 0px 15px 0px 15px;
	background: #999FE7 url(../../images/f_logo_blanc.svg) 19px 50% no-repeat;
	background: transparent ;
	border-radius: 6px;
	border: 1px solid  #FFF;
	background-size: 40px auto;
	text-align: left;
	color: #FFF;
	font-size: 14px;
	font-weight: 800;
	line-height: normal;
	text-transform: uppercase;
	
}
#step1 .fill_fb .btn img {
	margin-right: 10px;
	vertical-align: middle;
}
#step1 .fill_fb .btn span {
	display: inline-block;
}

#step1 .video_mobile {
	display: none;
	text-align: center;
	padding-top: 252px;
}
#step1 .video_mobile .logo {
	max-width: 424px ;
	width: 60%;
	margin-top: 10px;
	margin-bottom: 35px;
}
#step1 .video_mobile .photo_video {
	padding-top: 56.25%;
	background: #1A1A1F url(../../images/thumbnail-logo.webp) center center no-repeat;
	    -webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		position: relative;

}
#step1 .video_mobile .photo_video .play {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;

	width: 105px;
	height: 105px;
	transform: translate(-50%,-50%);
	border-radius: 50%;
	background: #999FE7;
	filter: drop-shadow(0 5px 5px rgba(0, 0, 0, 0.75));
	display: flex;
	align-items: center;
    justify-content: center;
	color: #1A1A1F;
	text-align: center;
	font-size: 24px;
	font-weight: 900;
	line-height: normal;
	text-transform: uppercase;
	text-decoration: none;

}
#step1 .video_mobile .photo_video .play span {
	transform-origin: center;
	transform: rotate(-10deg);
	text-decoration:none;
}

/* facebook */

/* form */
#step1 .col_form.form {
	position: relative;
	background: #04BAF0;
	/*backdrop-filter: blur(31px);*/
	vertical-align: middle;
	
	color: #fff;
	display: flex;

        justify-content: center;
    min-width: 350px;
   /* border-radius: 40px 0px 0px 40px;*/
    /*position: fixed;*/
    top: 0;
    right: 0;
    min-height: 100vh;
    overflow: auto;
        overflow-x: hidden;
align-items: center;
	padding: 40px 4% 40px 4%;
}
#step1 .col_form.form .wrap_col {
	
	
}

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

#step1 .col_form.form .wrap_form {
	max-width: 330px;
	width: 100%;
	margin: 0 auto;
	position: relative;
	z-index: 1;
}
#contest .field label {
	display: block;
	color: #0D436D;
	font-size: 15px;
	font-weight: 500;
	line-height: normal;
	margin-bottom: 4px;
	position: absolute;
	left: 16px;
	top: 16px;
	pointer-events: none;
	
}
#contest .field.active label {
	top:6px;
	font-size: 9px;
}
#contest .field.active label[for="web_site"],
#contest .field label[for="web_site"] {
	position: relative;
	top: 0;
	left: 0;
	font-size: 15px;
}
#contest .field.filled label {
	top: 5px;
	font-size: 9px;
}

form input[type='text'],
form input[type='email'],
form input[type='tel'] {
	color: #0D436D;
	font-size: 15px;
	font-weight: 500;
	line-height: normal;
	padding: 13px 10px 13px 15px;
	width: 100%;
	border-radius: 1px;
	border: 1px solid #D4DCE7;
	background: #FFF;
}

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

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

.form-captchaText a {
	color: #fff;
	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; */
	color: #0D436D;
	
}

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

}

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

#contest form ::-webkit-input-placeholder {
	/* Chrome/Opera/Safari */
	color: #0D436D;
	
}

#contest form ::-moz-placeholder {
	/* Firefox 19+ */
	color: #0D436D;

}

#contest form :-ms-input-placeholder {
	/* IE 10+ */
	color: #0D436D;
	
}

#contest form :-moz-placeholder {
	/* Firefox 18- */
	color: #0D436D;
	
}

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: #fff;
	margin-bottom: 12px;
	font-size: 15px;
	font-weight: 800;
	line-height: 1.2; /* 19.5px */
	text-transform: uppercase;
	
}

#step1 .custom_content .texte_checkbox {
	display: flex;
	align-items: center;
	gap: 12px;
	position: relative;
	width: 100%;
	color: #fff;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 1.5; /* 150% */
}

#contest .input_checkbox label {
	width: 100%;
	color: #fff;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

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

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

#step1 .input_checkbox.infolettre_inscription .icon {
	    width: 75px;
    height: 75px;
    position: absolute;
    top: -30px;
    right: -33px;
	/*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-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-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: 25px;
	margin-top: 36px;
	padding: 17px 32px 17px 18px;
	padding-right: 46px;
	/*background: url(../../images/vague_blanche.svg) repeat-x  center top;*/
	border: 1px solid #fff;
	margin-left:-18px;
	margin-right: -32px;
	
}
/*.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 #fff;
	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;
	
	background: #888FDE;
	/*background: linear-gradient(90deg, #956200 0%, #D19D00 100%);*/
	border: 0;
	height: 41px;
	text-align: center;
	font-size: 16px;
	font-weight: 600;
	border-radius: 0;

	color: #fff;
	width: 100%;
	line-height: 1.2;
	max-width: 420px;
	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;
  font-size: 18px;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0.36px;
  text-transform: uppercase;
}
#contest #step1 .form_submit .btn {
	height: unset;
	border-radius: 0;
	background: #0D436D;
	color: #fff;
	font-size: 16px;

	font-weight: 800;
	line-height: normal;
	text-transform: uppercase;;
	padding: 10px;
}
#contest #step1 .form_submit .btn svg {
	margin-left: 10px;
}
#contest #step1 .form_submit .btn:hover {
	background: #fff !important;
}
#contest #step1 .form_submit .btn:hover svg rect {
	fill: #fff !important;
}
#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;*/
	background-color: #fff !important;
	color: #1A1A1F !important;
}
#contest .fill_fb .btn:hover {
	/*background-image: url(../../images/f_logo_blanc.svg);*/
	background-color: #0D436D;
	border-color: #0D436D;
	color: #fff;
}

#contest .container .reglements a {
	font-size: 11px;
	color: #fff;
	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;
}

.container_concours {
	background: #1A1A1F;
	color: #fff;
}
/* Steps */

/* Step 1 */
img {
	display: inline-block;
}
#step1 .logo {
	    
	
	margin-bottom: 30px;
}
#step1 .spas {
	text-align: center;
}

#step1 .spas img {
	margin-left: -23px;
	    margin-bottom: -5vw;
}
#step1 .spas img.image_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.texte {
	background: url(../../images/bg_page_1.webp) no-repeat center center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		position: relative;
		min-height: 100vh;
		display: flex;
		flex-direction: column;
		justify-content: center;
		justify-content: flex-start;
		position: relative;
		color: #0D436D;
}



#step1 .container_concours .col_content.texte .textes {
	padding:80px 50px 35px;
	margin-top: 7vw;
}

#step1 .container_concours .col_content.texte .textes .sur-titre {
	font-size: 26px;

	font-weight: 500;
	line-height: 1.36; /* 136.125% */
	text-transform: uppercase;
}
#step1 .container_concours .col_content.texte .textes .large {
	font-size: 62px;
	font-weight: 900;
	line-height: 1.07; /* 107.453% */
	text-transform: uppercase;
	margin-bottom: 5px;
}

#step1 .container_concours .col_content.texte .textes .sous-titre {
	font-size: 26px;
	font-weight: 500;
	line-height: 1.36; /* 136.125% */
	text-transform: uppercase;
	margin-bottom: 10px;
}
#step1 .container_concours .col_content.texte .textes .texte {
	color: #04BAF0;
	font-size: 26px;
	font-weight: 800;
	line-height: 1.36x; /* 136.125% */
	text-transform: uppercase;
}


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

#step1 .container_concours .col_form {

	    width: 34%;
}

#step1 .col_content.texte {
	position: relative;
	
	display: flex;
	justify-content: center;
    
    z-index: 0;
    /*background: #F2F2F2 url(../../images/bg_page_1.webp) no-repeat center;
    -webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;*/
}
/*#step1 .col_content.texte:after {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	right:-12px;
	bottom: 0;
	top: 0;
	 background: #DAF4F6 url(../../images/bg_step1.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:-27px;
	bottom: 0;
	height: 75% ;
	 background: #DAF4F6 url(../../images/graph_1_step1.svg) no-repeat center bottom;
    
	 background-size: 103% auto;
	z-index: 1;
}*/
/*
#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;
    display: flex;
    flex-direction: column;
    
    min-height: calc(100vh - 5vw);
}
#step1 .col_content.texte .infos h1 {
	color: #A18662;
	text-align: center;
	font-family: "Stack Sans Notch", sans-serif;
	font-size: 54px;
	font-weight: 400;
	line-height: 1;
	letter-spacing: -1.08px;
	margin-top: 0;
}
#step1 .col_content.texte .infos h1 .titre_1 {
	font-size: 36px;
	font-weight: 400;
	line-height: 1.22; /* 151.47% */
	display: block;
	text-transform: none;
	margin-bottom: 5px;
	letter-spacing: -0.72px;
}
#step1 .col_content.texte .infos h1 .titre_2 {
	

	display: block;
	    margin-bottom: 9px;
}
#step1 .col_content.texte .infos h1 .titre_3 {
	font-size: 36px;
	font-weight: 400;
	line-height: 44px; /* 122.222% */
	letter-spacing: -0.72px;
	display: block;
}
#step1 .col_form .infos h3.title,
#step1 .col_content.texte .infos h3.title {
	color: #181c21;
	 font-family: "Stack Sans Notch", sans-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: "Stack Sans Notch", sans-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: "Stack Sans Notch", sans-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-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: 45px;
	

}

.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: "Stack Sans Notch", 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;
	overflow: hidden;
}

#contest .container .reglements {
	text-align: center;
	margin-top: 40px;
	
}

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

#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;
	overflow: hidden;
	background: #1A1A1F url(../../images/bg_page_2.webp) no-repeat center center;

	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position: relative;
	/*background-attachment: fixed;*/
}
#step2 .logo {
	position: absolute;
    top: 25px;
    left: 46px;
}


#step2 .fb_iframe_widget > span,
#step2 .fb_iframe_widget iframe {
	width: 100% !important;
}

/*#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 {
	max-width: calc(930px + 40px);
    width: 100%;
    padding: 20px 20px;
    margin: 0 auto 0;
}
#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;
	
	min-height: 100vh;
}

#step2 .steps .step {
	position: relative;
	display: flex;
	background: rgba(87, 102, 77, 0.64);
	background: transparent;
	/*backdrop-filter: blur(2.5px);*/
	/*border: 1px solid transparent;*/
	margin-bottom: 30px;
	padding: 24px 19px;
	padding-left: 0;
	min-height: 103px;
	background: transparent url(../../images/bg_bleu_angle.svg) no-repeat -124px 0;
	min-height: 104px;
}
/*#step2 .steps .step:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: -5px;
	right: -25px;
	bottom: -50px;
	background: transparent url(../../images/splash-1.png) no-repeat left top;
	background-size: 100% !important;
}
#step2 .steps .step:nth-child(2):before {
	    left: -48px;
    right: 28px;
	    top: -17px;
	background: transparent url(../../images/splash-2.png) no-repeat left top;
}
#step2 .steps .step:nth-child(3):before {
	    left: -37px;
    top: -40px;
    right: 57px;
    bottom: -270px;
	background: transparent url(../../images/splash-3.png) no-repeat left top;

}*/

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

#step2 .steps .step .wrap_step {
	position: relative;
	max-width: 64%;
	max-width: unset;
	width: calc(100% - 211px);
	display: flex;
	align-items: center;
	padding-right: 15px;
}
#step2 .steps .step:nth-child(1) .button {
	width: 435px;
}
#step2 .steps .step:nth-child(1) .wrap_step {
	max-width: calc(100% - 435px);
}
/*#step2 .steps .step:nth-child(2) .wrap_step {
	max-width: calc(94% - 237px);
}*/
#step2 .steps .step.step3 .wrap_step {
	max-width: unset;
}

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

	color: #04BAF0;
	text-align: left;

	font-size: 30px;
	font-weight: 800;
	line-height: normal;
	text-transform: uppercase;
	
}

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

#step2 .steps .step .wrap_step .info .texte {
	color:  #FFF;
	font-size: 16px;
	font-weight: 500;
	line-height: normal;

}
#step2 .steps .step .button {
	position: relative;
	/*max-width: 36%;*/
	width: 100%;
	font-size: 0;
	cursor: pointer;
	display: flex;
	justify-content: center;
	align-items: center;
	    width: 211px;
	column-gap: 20px;
}

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

#step2 .steps .step:nth-child(1) .button .btn_ {
	display: flex;
	column-gap: 20px;
}
.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;
	
	background-color: #1A1A1F;
	color: #fff;
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	letter-spacing: 0.36px;
	text-transform: uppercase;
	min-height: 59px;
}
body #contest .btn_invitez .btn:hover {
	background: #999FE7;
}
#step2 .action-btn {
  background: #04BAF0;
  padding: 16px 5px;
  transition: all 0.2s ease;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  color: #FFF;
  text-align: center;
  font-size: 12px;
  font-weight: 800;
  line-height: normal;
  text-transform: uppercase;
  width: 100%;
  max-width: 211px;
}
#step2 .action-btn:hover {
  background: #fff;
  color: #04BAF0;
}

#step2 .action-btn:hover svg path {
	fill: #04BAF0 ;
}
#step2 .action-btn.done svg path {
	fill: #C7C7C7 ;
}
#step2 .action-btn.done {
  background: #F5F5F5;
  
  color: #C7C7C7;
}
#step2 .action-btn:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

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

#step2 .bulle_hover .subtitle {
	color: #000;
	 font-family: "Stack Sans Notch", 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: "Stack Sans Notch", 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: "Stack Sans Notch", 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 {
	
	    position: absolute;
	    top: 25px;
	    left: 43px;
	
}
#step3.step6 .logo {
	
	margin-bottom: 325px;
	margin-bottom: 15vw;
	
}


#step3 {
	
	padding: 0;
	min-height: 100vh;
	overflow: hidden;
	color: #fff;
}
#step3 .left.image {
	background: #1A1A1F url(../../images/bg_page_3_b.webp) no-repeat center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
#step3 .row {
	height: 100vh;
	margin-left: 0;
	margin-right: 0;
	overflow: auto;
}
#step3 .entete {
	width: 100%;
	text-align: center;
	color: #A28C77;
	text-align: center;
	font-family: "Stack Sans Notch", sans-serif;
	font-size: 24px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	display: none;
}
#step3 .entete .merci {
	    margin-bottom: .3em;
}


#step3 .container {
	    position: unset;
    max-width: unset;
    width: 100%;
    padding: 0;

}

#step3 .text_step3 {
	
}



#step3 .text_step3 .date {
	padding-bottom: 30px;
	border-bottom: 1px solid rgba(255,255,255,.5);
	margin-bottom: 30px;
	font-size: 18px;
	font-weight: 400;
	line-height: normal;
	letter-spacing: 1.08px;
	text-transform: uppercase;
}
#step3 .text_step3 .merci {
	color: #FFF;
	font-size: 26px;
	font-weight: 500;
	line-height: normal;
	margin-bottom: 45px;
}
#step3 .text_step3 .titre_texte {
	color:#04BAF0;
	font-size: 22px;
	font-weight: 500;
	line-height: normal;
	text-transform: uppercase;
	margin-bottom: 15px;
}
#step3 .text_step3 .texte {
	color:#04BAF0;
	font-size: 22px;
	font-weight: 800;
	line-height: 1.2;
	margin-bottom: 52px;
}
#step3 .text_step3 .rabais {
	color: #FFF;
	font-size: 62px;
	font-weight: 900;
	line-height: normal;
	text-transform: uppercase;
	margin-bottom: 2px;
}
#step3 .text_step3 .sous-rabais {
	color: #FFF;
	font-size: 26px;
	font-weight: 500;
	line-height: normal;
	margin-bottom: 10px;
}
#step3 .text_step3 .linfos {
	color: #FFF;
	font-size: 16px;
	font-weight: 800;
	line-height: normal;
	margin-bottom: 22px;
}


#step3 .text_step3 .text_code {
	border-radius: 5px;
	border: 2px dashed rgba(255, 255, 255, 0.25);;
	color: #FFF;
	font-size: 54px;
	font-weight: 900;
	line-height: normal;
	margin-bottom: 22px;
	width: 100%;
	text-align: center;
	padding: 32px 5px;
	
}
#step3 .text_step3 .wrap_code_cta {
	max-width: 418px;
	width: 100%;
}

#step3 .div_share {
	margin-bottom: 14px;
	width: 100%;
}
#step3 .text_step3 .regle {
	color: #fff;
	font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: normal;
	width: 100%;
	text-align: center;
}




#step3 .text_step3 .subtitle_merci {
	
	margin-bottom: 42px;
}
#step3 .text_step3 .titre_block_red {
	color:#A18662;
	text-align: center;
	
	font-size: 36px;
	font-weight: 400;
	line-height: 1.22; /* 122.222% */
	letter-spacing: -0.72px;
}
#step3 .text_step3 .block_red {
	color: #A28C77;
	 font-family: "Stack Sans Notch", sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	margin-bottom: 40px;
}

#step3 .row .image {
	position: relative;
	z-index: 0;
	width: 66.6666%;
	
	    background-color: #fff;
	 
}

/*#step3 .row .image:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: -31%;
	bottom: 0;
	background: #fff url(../../images/bg_step3.webp) no-repeat 0 0;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	z-index: 0;
}
#step3 .row .image:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: -45px;
	bottom: 0;
	background: url(../../images/bg_step3.webp) no-repeat center top;
	z-index: 0;
	background-size: 100%;
}*/
#step3.step6 .row .image {
	justify-content: unset;
}
/*#step3.step6 .row .image:after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: -10%;
	right: -10%;
	background: url(../../images/graph_1_step6.webp) no-repeat center bottom;
	z-index: 1;
	background-size: 100%;
	bottom: 0;
}*/
#step3 .row .image .wrap_image {
	display: inline-block;
	position: relative;
	    margin-bottom: -261px;
	    padding-top: 20px;
	       max-width: 1198px;
    width: 85%;
}
/*#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: 1;
    padding: 25px 80px 25px 0;
    display: flex;
    flex-direction: column;
    text-align: left;
    justify-content: center;
    width: 33.3333%;
    /*max-width: 605px;*/
    background: #0D436D;

}
#step3 .row .les_infos:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	bottom:0;
	width:1012px ;
	left: -927px;
    background: url(../../images/bg_angle_page_3.svg) no-repeat left top;
    z-index: -1;
}
#step3 .row .les_infos .infos {
	margin-left: -3%;
}




#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: "Stack Sans Notch", sans-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: "Stack Sans Notch", sans-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: "Stack Sans Notch", sans-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%;
	

}

#step3 .row .right .div_share p.three {
	color: #956200;
	text-align: center;

	/* Small/Bold */
	 font-family: "Stack Sans Notch", sans-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: 41px;
	border-radius: 100px;
	background: #A18662;
	color: #fff;
	text-align: center;
	font-size: 16px;

	font-weight: 600;
	line-height: 1;
	
	text-decoration: none;
	padding: 14px 17px;
	display: inline-block;
	letter-spacing: 0.32px;
}

#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: "Stack Sans Notch", sans-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: "Fustat normal", 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: #181c21;
}
#step3 .infos a {
	text-decoration: none;
	color: #999FE7;
	
}
#step3 .infos .div_share a {
	color:#fff ;

}


#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 {
	color: #fff;
	padding: 18px !important;
	background-color: #04BAF0;
	display: inline-block;
	border-radius: 0px;
	height: unset;
	width: 100%;
	text-align: center;
	    max-width: unset !important;
	    text-decoration: none;
}
#step3 .btn svg {
	margin-left: 15px;
}
#step3 .btn:hover {
	background: #fff;
	color: #04BAF0 !important;
}
#step3 .btn:hover svg rect {
	fill: #fff;
}
.btn:hover {
	border-color: #181c21;
}

/* step 6 */
.step6 .infos {
position: relative;
width: 100%;
}
/*#step3.step6 .logo {
    
    margin: 0 auto 30px;
    text-align: center;
   
}
*/
.step6 .infos h1 {
	color: #A18662;
	text-align: center;
	font-size: 54px;
font-style: normal;
font-weight: 400;
line-height: 1.1;
letter-spacing: -1.08px;
margin-top: 0;
margin-bottom: 0;

}
.step6 .infos h1 .titre_3,
.step6 .infos h1 .titre_1 {
	color:#A18662;
	text-align: center;

	font-size: 36px;
	font-weight: 400;
	line-height: 1.2; /* 122.222% */
	letter-spacing: -0.72px;
	display: block;
}
.step6 .infos h1 .titre_2 {

	
	display: block;
	    margin-bottom: 9px;
	    display: block;
}
/*.step6 .infos h1 .titre_3 {
	color: #68C3CD;
	font-size: 25px;
	letter-spacing: 1.503px;
	display: block;
	    margin-bottom: 9px;
}*/
.step6 .spas {
	overflow: hidden;
	margin-right: auto;
	margin-left: auto;
    padding-top: 25px;
        margin-bottom: -260px;
            max-width: 1184px;
    width: 85%;
}
.step6 .spas img {

}

#step3.step6 .div_share {
	margin-bottom: 51px;
	max-width: 418px;
}
#step3.step6 .sociaux {
	
}
#step3.step6 .sociaux .texte {
	font-size: 16px;
font-style: normal;
font-weight: 800;
line-height: normal;
margin-bottom: 12px;
	

}	
#step3.step6 .sociaux .les_sociaux {
	padding-left: 0;
	    display: flex;
    align-items: center;
}
#step3.step6 .sociaux .les_sociaux a {
	display: inline-block;
	margin-right: 20px;
}

#step3.step6 .sociaux .les_sociaux a:last-child {
	margin-right: 0;
}

#step3.step6 .row .image {
	
    /*justify-content: space-between;*/
	padding-bottom: 0;
	
	align-items: center;
	
}
#step6 {
	background: #070503 url(../../images/bg_step3.webp) 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;*/
}


#step3.step6 .text_step3 .sur-titre {
		color:  #FFF;
		font-size: 16px;
		font-weight: 500;
		line-height: normal;
		margin-bottom: 15px;
	}
	#step3.step6 .text_step3 .titre {
		color:#04BAF0;

		font-size: 36px;
		font-weight: 900;
		line-height: normal;
		text-transform: uppercase;
		margin-bottom: 30px;
	}
	#step3.step6 .text_step3 .texte {
		color: #FFF;
		font-family: Mulish;
		font-size: 26px;
		font-style: normal;
		font-weight: 500;
		line-height: normal;
		margin-bottom: 40px;
	}


#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: "Stack Sans Notch", sans-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: "Stack Sans Notch", sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}
#step3.step6 .les_infos .merci {
	
	
	font-size: 36px;
	
	font-weight: 400;
	line-height: 1.2; /* 122.222% */
	letter-spacing: -0.72px;
}
#step3.step6 .les_infos .titre_block_red{
	
	font-size: 20px;
	font-weight: 600;
	line-height: 1.2; /* 125% */
	letter-spacing: 1.2px;
}

#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: "Stack Sans Notch", sans-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: "Stack Sans Notch", sans-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: "Stack Sans Notch", sans-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: "Stack Sans Notch", sans-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: "Stack Sans Notch", sans-serif;
	font-style: normal;
	font-weight: 600;
	font-size: 15px;
	line-height: 150%;
	color: #ffffff;
	cursor: pointer;
}



/* Custom CSS on a per contest/project basis */
@media (max-width: 1920px) {
	#step1 .fill_fb {
	    margin-bottom: 2.35vw;
	}
	#step1 .form_submit {
	    margin-top: 1.9vw;
	}
	    /*#step1 .container_concours .col_content.texte .textes .large,
	#step1 .container_concours .col_content.texte .textes .sur-titre,*/
	#step3.step6 .text_step3 .texte,
	#step3 .text_step3 .sous-rabais,
	#step3 .text_step3 .merci {
	   
	    font-size: 26px;
	    font-size: clamp(16px,1.36vw,26px);
	}
	#step3 .text_step3 .titre_texte,
	#step3 .text_step3 .texte  {
		font-size: 22px;
    font-size: clamp(14px, 1.14vw, 22px);
  }
      /*#step1 .container_concours .col_content.texte .textes .large,*/
  #step3 .text_step3 .rabais {
      font-size: 62px;
      font-size: clamp(42px, 3.21vw, 62px);
      
      
  }
  #step3.step6 .text_step3 .titre {

    font-size: clamp(25px, 1.88vw, 36px);
  }
  #step3 .text_step3 .text_code {
	    font-size: 54px;
	    font-size: clamp(35, 2.8vw ,54px);
	}


	#step3 .text_step3 .merci {
	        margin-bottom: 45px;
	    margin-bottom: 2.2vw;
	}
	#step3 .text_step3 .texte {
	        margin-bottom: 52px;
	    margin-bottom: 2.8vw;
	}
	#step3 .text_step3 .text_code {
	    
	    padding: 1.6vw 5px;
	}
	#step3 .row .les_infos {
	    
	    padding: 25px 4.2% 25px 0;
	    
	}

}
@media (max-width: 1600px) {
	#step3 .row .image {
	   
	    width: 63.6666%;
	   
	}
	#step3 .row .les_infos {
	  
	    width: 36.3333%;
	    
	}
	#contest .btn {
	    
	    font-size: 16px;
	    
	}
	
	
	
	
	/*#step3.step6 .text_step3 .texte,
	#step3 .text_step3 .text_code .code_titre,
	#step3 .text_step3 .merci {
	    font-size: clamp(16px, 1.31vw, 21px);
	  }
	#step3 .text_step3 .text_code .le_code,
	#step3 .text_step3 .code {
	    
	    font-size: clamp(35px, 2.61vw, 42px);
	  }
	  #step3 .marque_over,
	.marque_titre h1, .marque_titre {
	    
	    font-size: clamp(28px, 2.6vw, 41.5px);
	    
	}
	.marque_over {

	    font-size: clamp(16px, 1.595vw, 25.5px);
	}
	.marque_sub {
	   
	    font-size: clamp(45px, 3.95vw, 63px);
	}*/
	#step1 .custom_content .icon {
		width: 76px;
	}
	#step1 .col_content.texte .infos h1 {
		font-size: clamp(43px, 3.35vw, 54px);
		margin-bottom: 3vw;
	}
	/*#step1 .col_content.texte .infos h1 .titre_2 {
	    font-size: clamp(35px, 3vw, 48px);
	}*/
	#step1 .col_content.texte .infos h1 .titre_3,
	#step1 .col_content.texte .infos h1 .titre_1 {
	   
	    font-size: clamp(29px,2.25vw, 36px);
	  
	}	
	
	

	#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(28px, 2.25vw, 36px);
	}
	/*#step3 .text_step3 .merci, #step3 .text_step3 .subtitle_merci {
	    font-size: 30px;
	    
	}*/
}
@media (max-width: 1400px) {
	.check_form {
    
	    margin-left: -9px;
	    margin-right: -16px;
	}
	#step1 .input_checkbox.infolettre_inscription .icon {
	    width: 60px;
	    height: 60px;
	    top: -30px;
	    right: -21px;
	}
}
@media (max-width: 1300px) {
	#step3 .text_step3 .linfos {
	   
	    font-size: 14px;
	    
	}
	#step3 .row .image {
	   
	    width: 61.6666%;
	   
	}
	#step3 .row .les_infos {
	  
	    width: 38.3333%;
	    
	}
	#step3 .text_step3 .date {
	    padding-bottom: 23px;

	        margin-bottom: 23px;
	    font-size: 16px;
	    
	}
	
	
	#contest .field label {
	  
	    font-size: 13px;
	    
	}
	#contest .input_checkbox.infolettre_inscription .text {
	           padding-right: 25px;
	    font-size: 13px;
	   

	}
	#contest #step1 .form_submit .btn {
	   
	    font-size: 16px;
	    
	}



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

	#step1 .fill_fb .btn {
		padding: 9px 5% ;
	}

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


}
@media (max-width: 1200px) {
	#step2 .action-btn {
		        min-width: 215px;
	}
	#step2 .steps .step:nth-child(2) .wrap_step {
	    max-width: unset;
	}
	#step2 .steps .step:nth-child(2):before {
	    
	    right: -3px;
	    top: -3px;
	}
	#step2 .steps .step:nth-child(3):before {
	    left: -20px;
	    top: -40px;
	    right: -3px;
	    bottom: -270px;
	   
	}
	#step2 .steps .step:before {
	   
	    bottom: -17px;
	    background-size: 100% 100% !important;
	}

	.fb_iframe_widget {
	   
	   max-width:100%; 

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

	#step2 .steps .step {
		    padding: 14px 19px;
		    padding-left: 0;
		/*background: transparent;*/
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
		flex-direction: column;
	}
	#step2 .steps .step:nth-child(1) .wrap_step ,
	#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:  0;
		width: auto;
		margin: 0;
		min-height: unset;
		margin-bottom: 8px;
	}

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

	#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 0 0 auto;
		text-align: center;
		top: 0;
		right: 0;
		padding-top: 0;
		    width: 216px;
	}

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

		min-width: 270px;
	}

	#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;
	}
	#step2 .steps .step {
	    
	    background-position: -94px 0;
	    
	}
	#contest .btn_invitez a.btn {
		font-size: 14px;
		padding-top: 17px;
	}

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

	#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(600px + 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;*/
	    padding-left: 0;
	    padding-right: 25px;
	   
	}

}
@media (max-width: 1024px) {
	#step1 .container_concours .col_content.texte {
	    background: #fff;
	   	justify-content: flex-start;
	    min-height: 1035px;
	    
	}
	#step1 .container_concours .col_content.texte:before {
			display: block;
			content: '';
			position: absolute;
			top:278px;
			/*top: 27vw;*/
			left: 0;
			right: 0;
			bottom:0;
	    background: url(../../images/bg_page_1_mobile.webp) no-repeat 65% top;
	    -webkit-background-size: cover;
	    -moz-background-size: cover;
	    -o-background-size: cover;
	    background-size: cover;
	           z-index: -1;
	   
	}
	#step1 .container_concours .col_content.texte:after {
			display: block;
			content: '';
			position: absolute;
			top:0;
			left: 0;
			right: 0;
			bottom:-42px;
	    background: url(../../images/bg_angle_bleu_pale.svg) no-repeat right bottom;
	    background-size: 1024px;
	    
	           z-index: -1;
	   
	}
	#step1 .col_form.form { 
		padding-top: 0;
	}
	#step1 .col_form.form .fix_content {
	   
	    margin-top: -4vw;
	}

	#step3 .row .les_infos {
	    padding-right: 15px;
	    padding-left: 15px;
	}
	#step3 .row .les_infos .infos {
    
	    max-width: 600px;
	    margin: 0 auto;
	    text-align: center;
	}
	#step3 .text_step3 .sous-rabais, #step3 .text_step3 .merci {
	   
	    font-size: clamp(16px, 2.36vw, 26px);
	}
	#step3 .text_step3 .titre_texte, #step3 .text_step3 .texte {
	    font-size: clamp(14px, 3.14vw, 22px);
	}
	#step3 .text_step3 .rabais {
	        font-size: 62px;
	        font-size: clamp(37px, 6.21vw, 62px);
	    }
	#step3 .text_step3 .linfos {
	   
	    font-size: 16px;
	    
	}
	#step3 .text_step3 .texte {
	    margin-bottom: 4.8vw;
	}
	#step3 .text_step3 .text_code .le_code, #step3 .text_step3 .code {
	    font-size: clamp(35px, 4.61vw, 42px);
	}
	#step3 .text_step3 .merci {
	   
	    margin-bottom: 5.2vw;
	}
	#step3 .row .les_infos {
	  padding-top: 45px;
	    
	}
	#step3 .text_step3 .wrap_code_cta {
	    
	    margin: 0 auto;
	}
	#step3 .row .les_infos:before {

		display: none;
	}
	#step3 .row .image {
	    
	    padding-top: 62%;
	    background-position: 50% 71%;
	}
	#step1 .fill_fb .btn span {
	    display: inline-block;
	    max-width: 238px;
	}
	#step3 .graphique {

	    width: 46%;

	    background: transparent url(../../images/pg-3_artist-3.png) no-repeat left bottom;
	    background-size: 100%;
	    background-position: left bottom !important;
	    z-index: 0;
	}
	#step1 .video_mobile {
		display: block;
		        width: 84%;
        max-width: 742px;
        padding-bottom: 40px;
        margin-bottom: 40px;
        border-bottom: 1px solid rgba(255,255,255,.5);
        padding-top: 22vw;
	}
	.marque_over {
        font-size: clamp(16px, 2.5vw, 25.5px);
    }
	    .marque_titre h1, .marque_titre {
        font-size: clamp(28px, 4vw, 41.5px);
    }

	#contest #step1 .top-banner .btn {
	    color: #302F63;
	    background: #fff;
        padding: 5px;
        height: unset;
	}
	.marque_sub {
        font-size: clamp(45px, 6.2vw, 63px);
    }

    #step1 .container_concours .col_content.texte .photo {
        background: url(../../images/the-crew-vertical-min.webp) no-repeat center bottom;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
       
        min-height: 89.1vw;
        
    }
    #step1 .marque_sub {
           
                    margin-bottom: -21vw;
    }
    #step1 .container_concours .col_content.texte .textes {
        padding: 0 8%;
        padding-top: 40px;
        margin-top: unset;
    }
    #step1 .form .logo {
    	display: none;
    }
    
    #step1 .col_form.form {
    	margin-top: 0;
    }
    #step1 .col_form.form .wrap_form {
        max-width: 466px;
        width: 84%;
        margin: 0 auto;
        position: relative;
        z-index: 1;
    }
    
    #step1 .container_concours .col_content.texte .textes .texte,
    #step1 .container_concours .col_content.texte .textes .sous-titre,
    #step1 .container_concours .col_content.texte .textes .sur-titre {
        font-size: clamp(14px, 3.53vw, 26px);
        
    }
    #step1 .container_concours .col_content.texte .textes .large {
        font-size: clamp(34px, 8.05vw, 62px);
        
    }
    
    #step1 .fill_fb .btn {
       
        max-width: 306px;
        max-width: unset;
    
        padding: 11px 2% 9px 2%;
            justify-content: center;
        
    }
	
	
	#contest #step1 .form_submit .btn {
	    font-size: 18px;
	    width: 100%;
	}
	#step1 .input_checkbox.infolettre_inscription .icon {
	    top: -30px;
	    right: -16px;
	}




	#contest #step1 .top-banner {
	    position: fixed;
	    max-width: unset;
	            top: 8px;
        width: unset;
        
        right: 0;
        padding-right: 15px;
	}
	#step1 .col_form.form,
	#step1 .col_form.form .fix_content {
		position: unset;
	}
	#step1 .col_form.form {
	    
	    position: relative; 
	    
	    height: unset; 
	    overflow: unset; 
	   
	    min-width: unset;
	    justify-content: center;
	    flex-direction: column;
	    /*border-radius: 40px 40px 0px 0;*/
	}
	#step1 .spas img {
	    margin-left: 0;
	    display: none;
	    margin-bottom: unset;
	}
	#step1 .spas img.image_mobile {
	    display: inline-block;
	}
	#step1 .col_content.texte:before {
		display: none;
	}
	#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;
	
	    background: #DAF4F6 url(../../images/step_1_bg_mobile.webp) no-repeat center top;
	        -webkit-background-size: cover;
	    -moz-background-size: cover;
	    -o-background-size: cover;
	    background-size: cover;*/
	}
	#step1 .spas {
		padding-bottom: 40px;
		overflow:hidden;
	}
	#countdown {
		bottom:6vw;
	}
	#step1 .col_content.texte .infos {
		max-width: 100%;
		display: flex;
        flex-direction: column;
        min-height: unset;
	}

	#step1 .container_concours {
		flex-direction: column;
	}
	
	
	#step1 .col_content.texte {
		margin-right: 0;
		 
	
		margin-left: 0;
		padding-right: 0;
		padding-left: 0;
	}

	
	.step6 .infos h1,
	#step1 .col_content.texte .infos h1 {
		font-size: clamp(36px, 5.25vw,54px);
		
	}
	
	/*.step6 .infos h1 .titre_2,
	#step1 .col_content.texte .infos h1 .titre_2 {
	        font-size: clamp(27px, 5.8vw, 41px)
	    
	}*/
	.step6 .infos h1 .titre_1,
	#step1 .col_content.texte .infos h1 .titre_1 ,
	.step6 .infos h1 .titre_3,
	#step1 .col_content.texte .infos h1 .titre_3 {
	    
	    font-size: clamp(25px, 3.5vw, 36px);
	    
	}
	/*.step6 .infos h1 .titre_1,
	#step1 .col_content.texte .infos h1 .titre_1 {
	        font-size: clamp(25px, 5vw, 51px);
	   }*/
	#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 {
	    width: 48%;
      max-width: 314px;
	           
	}
	#step1 .col_form.form .wrap_form {
	    
	}
	
	#contest .field label {
	    font-size: 15px;
	}
	form .custom_select select, #contest form input[type='text'], #contest form input[type='email'], #contest form input[type='tel'] {
	        font-size: 16px;
	       
	    }
	    #step1 .input_checkbox.infolettre_inscription .icon {
            transform: scale(1) rotate(15deg);
        }
	#contest .field {
	   
	    margin-bottom: 21px;
	}
	#step1 .fill_fb {
	    margin-bottom: 51px;
	    
	}
	.check_form {
	   
	    margin-top: 51px;
	    
	}
	.check_form {
	    padding-right: 29px;
	            
	}
	.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 .wrap_image img {
	    max-width: 100%;
	    width: unset;
	}
	#step3 .row .image .wrap_image {
	    display: block;
	    position: relative;
	    
	}
	#step3 .row .image {
	  padding-left: 15px;
        padding-right: 15px;
	    width: calc(100% );
	     min-height: 375px;       
	   
	}
	#step3 .row .les_infos {
	    
	    /*border-radius: 40px 40px 0px 0;*/
	    
	    width: 100%;
	   
	}
	#step3 .text_step3 {
	    
	    width: 100%;
	    
	    margin: 0 auto;
	}
	/*#step3 .text_step3 .merci, #step3 .text_step3 .subtitle_merci {
	    
	    font-size:36px;

	}*/
	#step3 .text_step3 .titre_block_red {
	        font-size: clamp(25px, 2.8vw, 36px);
	       
	}
	#step3 .row .image:before {
		
		bottom: -45px;
	}
	.step6 .spas {
		        /*margin-bottom: -29px;
		text-align: left;*/
	}
	#step3 .row .image img {
	   
	    max-width: 100%;
	    width:unset;
	    left: 0;
	}
	#step3 .row .image .wrap_image img,
	#step3.step6 .row .image .spas img {
		/*max-width: 1067px;
		width: 1067px;*/
	}
	#step3 .row {
	   /*height: unset;*/
	    
	}
	#step3 .row .les_infos {
		position: unset;
	}
	#contest .top-banner {

	}
	#contest .top-banner .btn {
		color: #302F63;
	}
	
	#step3.step6 .row .image {
		
	}
	#step3.step6 .text_step3 .titre {
	    font-size: clamp(25px, 3.88vw, 36px);
	}
	#step3.step6 .text_step3 .texte, #step3 .text_step3 .sous-rabais, #step3 .text_step3 .merci {
	  
	    font-size: clamp(16px, 3.36vw, 26px);
	}
	#step3.step6 .sociaux .les_sociaux {
	    padding-left: 0;
	    display: flex;
	    align-items: center;
	    justify-content: center;
	}
	#step3.step6 .div_share {
	   
	    margin: 0 auto 51px;
	}
	#step3 .row .les_infos {
	        
	        padding-bottom: 10vw;
	    }
}
@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;
	}

	

	#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 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: 991px) {
	#step3.step6 .row .les_infos .marquees {
	    top: 17vw;
	}
	#step3 .row .les_infos .marquees {
     top: 18vw;

 }
 #step3 .text_step3 .text_code .wrap {
     display: flex;
     align-items: flex-start;
     padding: 12px 20px;
 
     text-align: left;
 }
	#step6 .container_form form {
		flex-direction: column;
		max-width: 320px;
		width: 100%;
		margin: 0 auto;
	}
	
	
	#step3 .logo {
	    width: 67%;
	    max-width: 360px;
	}
	
	#step3 .row .les_infos .wrap {
		text-align: center;
		max-width: 700px;
		/*margin: 0 auto;*/
		flex-direction: column;
	}
	
}
@media (max-width: 900px) {
	#step3 .row .image .wrap_image img,
	#step3.step6 .row .image .spas img {
       
        width: 119%;
    }
    #step3 .graphique {
       
        z-index: 0;
    }

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

	

	#step3 .text_step3 .block_red {
		font-size: 22px;
	}
	
	#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;
	}

	
	
	.step6 .spas {
	    
	    width: 99%;
	    
	}
	.step6 .spas {
	    margin-bottom: -28vw;
	}
	#step3 .row .les_infos {
	    /*padding-top: 29vw;*/
	}

	#step3.step6 .les_infos .merci {
	    font-size: clamp(27px, 4.5vw, 36px);
	    
	}
	#step3.step6 .les_infos .titre_block_red {
	    font-size: clamp(16px, 2.5vw, 20px);
	    
	}
}
@media (max-width: 767px) {
	#step1 .container_concours .col_content.texte {
	        
        min-height: 97vh;
        min-height: 171vw;
    }
    #step1 .container_concours .col_content.texte:before {
      
      top: 20vh;
      top: 41vw;
     
  }

	#step2 .steps .wrap {
	    width: 93%;
	}
	#step2 .logo {
	    left: 4%;
	}
	#step3.step6  .row .les_infos {
	        width: 67%;
	    }
	#step3.step6 .logo {
	    margin-bottom: 325px;margin-bottom: 348px;
	}
	.marque_sub svg {
	    margin: 0 15px;
	    
	}
	#step3.step6 .row .les_infos .marquees,
	#step3 .row .les_infos .marquees {

	    top: 148px;
	}
	#step3 .row .les_infos {
	   
	    width: 100%;
	}
	#step3 .logo {
	   
	    margin-bottom: 183px;
	}
	.marque_titre .marquee__group,
	.marque_sub .marquee__group, .marque_over .marquee__group {
	    animation: unset;
	}
	.marquee {
		margin-left: -2%;
		margin-right: -2%;
	}
	.photo .lien {
		display: none;
	}
	#step1 .video_mobile {
	    
	    padding-top: 37vw;
	}
	#step1 .marque_sub {
	        font-size: clamp(25px, 8.2vw, 63px);
	                margin-bottom: -34vw;
	}
	#step3 .marque_over,
	.marque_titre h1, .marque_titre {
	    font-size: clamp(16px, 5.3vw, 41.5px);
	}
	.marque_over {
	    font-size: clamp(10px, 3.4vw, 25.5px);
	}
	.marquee__group {
		display: none;
		
	}
	.marquee__group:first-child {
		display: flex;
	}

	.marquee__group {
	    width: 100%;
	    padding: 0 25px;
	    text-align: center;
	}
	.marquee h1, .marquee p {
	    display: flex;
	    align-items: center;
	}
	
	#step1 .col_form.form .fix_content {
	    margin-top: -1vw;
	}
	#step1 .col_form.form {
	    
	    padding:  0 40px 0;
	}

	#step1 .fill_fb .btn {
      padding: 11px 3% 9px 3%;
      /* max-width: 313px; */
      font-size: 14px;
      background-position: 5% 50%;
      max-width: 306px;
      max-width: unset;
  }
  .check_form {
      margin-top: 35px;
  }
  #contest .input_checkbox.infolettre_inscription .text {
      font-size: 14px;
  }
  #step1 .input_checkbox.infolettre_inscription .icon {
          top: -29px;
          right: 12px;
      }
	#contest #step1 .form_submit .btn {
		max-width: unset;
	}
	#step1 .fill_fb {
	    margin-bottom: 30px;
	}
}
@media (max-width: 700px) {
	#step3.step6  .row .les_infos {
	        width: 100%;
	    }
	    #step3.step6 .graphique {
	    	display: none;
	    }
}
@media (max-width: 690px) {
    #step1 .spas img {
        
        width: 690px;
        max-width: 690px;
        margin-left: calc(50vw - 345px);
        position: relative;
    }
    #step1 .video_mobile .photo_video .play {
       
        width: 85px;
        height: 85px;
        
        font-size: 21px;
        
    }
    
}
@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;
	}
}
@media (max-width: 600px) {
	.form-captchaText {
		width: 90%;
		margin-left: auto;
		margin-right: auto;
	}
	#step2 .steps .step:nth-child(1) .button .btn_ {
    row-gap:9px;
    flex-direction: column;
    align-items: flex-end;
}
#step2 .steps .step .button {
    
    width: 216px;
}
	#step3 .logo{
    position: absolute;
    top: 25px;
    left: 20px;
	}
	#step3 .text_step3 .text_code {
        padding: 10px 5px;
    }
	
	
	
	#step3 .logo {
	    width: 75%;
	    max-width: 175px;
	}
	#step2 .steps .step:before {
	  
	    top: 0;
	    left: 8px;
	    right: -4px;
	    bottom: -50px;
	   
	}
	#step2 .steps .step:nth-child(2):before {
	    left: 0px;
	    right: 9px;
	    top: -3px;
	}
	#step2 .steps .step:nth-child(3):before {
	    left: 4px;
	    top: -25px;
	    right: -1px;
	   
	}
	*, ::after, ::before {
	    box-sizing: border-box;
	}
	#countdown .bloc {
	    width: 75px;
	    height: 75px;
	    margin: 0 4px;
	    
	    font-size: 25px;
	    
	}
	#countdown .bloc .unit {
		font-size: 13px;
	}

	
    #step1 .spas {
        padding-bottom: 65px;
        
    }
	#step1 .col_content.texte .infos h1 {
		margin-top: 19px;
	}
	
	
	#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:after {
	        
	        background-size: 114%;
	    }

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

	#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 .steps {
    	padding-top: 59px;
    }
    #step2 .logo img {
        max-width: unset;
        width: 100%;
    }
    #step3 .text_step3 .block_red {
        font-size: 18px;
    }
	
	#step3 .text_step3 .merci, #step3 .text_step3 .subtitle_merci {
	        /*font-size: 25px;*/
	    }
	#step2 .logo,   
	#step3 .logo {
	    width: 75%;
	    max-width: 175px;
	}
	#contest .top-banner {
	   
	    padding-right: 25px;
	}
	#step3 .row .right button {
	    margin-top: 0;
	}
}
@media (max-width: 550px) {
	#step1 .spas img {
	   
	    max-width: 114%;
        margin-left: calc(50vw - 57%);
	  
	}

}
@media (max-width: 479px) {
	#step3.step6 .div_share {
	    margin-bottom:35px;
	}
	#step3.step6 .sociaux .texte {
	    font-size: 14px;
	    
	}
	#contest .step6 .top-banner {
	        padding-right: 0px;
	}
	#step1 .logo {
	    margin-bottom: 18px;
	}
	/* form input[type="text"] {
    font-size: 165px;
  } */
  /*#step1 .container_concours .col_content.texte {
         
        min-height: 455px;
    }
    #step1 .container_concours .col_content.texte:before {
      
      top: 130px;
    }*/
  #step1 .container_concours .col_content.texte .textes {
      padding: 0 5%;
      padding-top: 22px;
  }
  .marquee {
      margin-left: 0%;
     
  }
  #step3.step6 .sociaux .texte {
      
      margin-bottom: 5px;
  }
  #step3.step6 .logo {
      
      margin-bottom: 57vw;
  }
  #step3.step6 .sociaux {

      flex-direction: column;
      align-items: flex-start;
  }
  #step3.step6 .sociaux .texte {
  	border: 0;
  }
  #step3 .text_step3 .text_code .le_code, #step3 .text_step3 .code {
      font-size: clamp(31px, 2.61vw, 42px);
  }
 
  #step2 .steps .step .wrap_step .info {
      
      padding-left: 6px;
  }
  #step1 .video_mobile .photo_video .play {
     
      width: 65px;
      height: 65px;
      
      font-size: 17px;
      
  }
 
  #step1 .container_concours .col_content.texte .textes .texte ,
  #step1 .container_concours .col_content.texte .textes .avis {
  	font-size: 14px;
  }

  #contest #step1 .form_submit .btn {
      font-size: 16px;
  }
  .marque_sub svg {
      margin: 0 5px;
      
  }
  .marquee__group {
     
      padding: 0 13px;
      
  }



	#contest .btn {
		font-size: 14px;
	}
	#step1 .col_content.texte .infos h1 {
		font-size: 39px;
	}
	.step6 .infos h1 .titre_1, #step1 .col_content.texte .infos h1 .titre_1, .step6 .infos h1 .titre_3, #step1 .col_content.texte .infos h1 .titre_3 {
	        font-size: 21px;
	    }
	#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: 13px;
        padding: 14px 5% 14px 5%;
        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 {
	    
	    margin-bottom: 12px;
	}
	#step2 .steps .step .wrap_step .no {
	    width: 96px;
	    text-align: left;
	}
	#step2 .facebook-comments {
	    width: 97%;
	}
	#step2 .steps .step {
	    padding-left:;
	    
	    padding-right: 20px;

	    background-position: -133px 0;
	}
	#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;
	}

	

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

	#step3 .text_step3 .linfos {
        font-size: 14px;
    }

	#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: 20px;
	   
	}
	#step3 .row .right .button_step3 {
	   
	   
	    
	    font-size: 13px;
	    
	    padding: 15px 22px;
	}
	#step2 .steps .step:nth-child(1) .button,
	#step2 .steps .step .button {
	        
	        padding-top: 0;
	    }
	#step3 .row .image .wrap_image {
	    
	    width: 445px;
	    max-width: 445px;
	    
	}
	#step3:not(.step6) .row .les_infos {
	    /*padding-top: 105px;*/
	}
	#step3.step6 .row .image {
	       
	        padding-top: 38px;
	    }

	   #contest .field label {
	       font-size: 13px;
	   }
	   #contest .input_checkbox.infolettre_inscription .text {
	       font-size: 13px;
	   }
	  #step1 .col_form.form .wrap_form {
	      
	      width: 90%;
	      
	  }
}

@media (max-width: 450px) {
	#countdown {
	    bottom: 22px;
	}
	#countdown .bloc {
	    width: 70px;
	    height: 70px;
	    margin: 0 4px;
	    
	    font-size: 25px;
	    
	}
	#countdown .bloc .unit {
		font-size: 12px;
	}

	
    #step1 .spas {
        padding-bottom: 104px;
    }
    	#step1 .fill_fb .btn {
    		font-size: 12px;
            
    	}
  #step1 .container_concours .col_content.texte {
      
      padding-bottom: 12px;
  }

}