@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Staatliches&display=swap');

@import url(https://db.onlinewebfonts.com/c/d65b404d79741ec2d289b66be271a5b3?family=TT+Lakes+Condensed+Regular);
@import url(https://db.onlinewebfonts.com/c/7398d10eb339badf896acb45ebccee0f?family=TT+Lakes+Compressed+Bold);
/* 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: #fff;
}

a:hover,
a:active {
	color: #fff;
}
p {
	margin-bottom: .8em;
}
/* body */

body {
	background-color: #ccc;
	background-size: cover;
	background-repeat: no-repeat;
	color: #fff;
	padding: 0;
	font-family: "Staatliches", 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;
	display: none;
}

#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_noir.svg) 19px 50% no-repeat;
	background: transparent ;
	border-radius: 6px;
	border: 1px solid  #F40234;
	background-size: 40px auto;
	text-align: left;
	color: #F40234;
	font-size: 15px;
	font-weight: 600;
	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: transparent;
z-index: 1;
	/*backdrop-filter: blur(10px);*/
	/*backdrop-filter: blur(31px);*/
	vertical-align: middle;
	
	color: #525252;
	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 0;
}
#step1 .col_form.form .wrap_col {
	    max-width: 563px;
    margin-left: auto;
    margin-right: 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%;
	border-radius: 13px;
	background: var(--Blanc, #FFF);
	box-shadow: 10px 10px 2px 0 rgba(247, 196, 206, 0.50);
	width: 100%;
	padding: 45px 40px 40px;
	max-width: 563px;
}

#step1 .col_form.form .wrap_form {
	max-width: 330px;
	width: 100%;
	margin: 0 auto;
	position: relative;
	z-index: 1;
}
#step1 .col_form.form .wrap_form .logo_icon {
	margin-bottom: 45px;

	text-align: center;
}
#step1 .col_form.form .wrap_form .logo_icon img {
	max-width: 66px;
	width: 19%;
}
#contest .field label {
	display: block;
	font-size: 16px;
	color: #525252;
	font-weight: 400;
	line-height: normal;
	letter-spacing: 0.8px;
	text-transform: uppercase;
	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: #fff;
	font-size: 16px;
	font-weight: 400;
	line-height: normal;
	letter-spacing: 0.8px;
	padding: 13px 10px 13px 15px;
	width: 100%;
	border-radius: 11px;
	border: 1px solid #525252;
	background: #fff;
}
form input[type='text']:focus,
form input[type='email']:focus,
form input[type='tel']:focus {
	outline: none;
}

.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: #525252;
  margin-bottom: 6px;
  font-size: 24px;
  font-weight: 400;
  line-height: 1.2;
  text-transform: uppercase;
  padding-right: 35px;
  padding-left: 29px;
}

#step1 .custom_content .texte_checkbox {
	display: flex;
	align-items: center;
	gap: 12px;
	position: relative;
	width: 100%;
	color: #525252;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: normal; /* 150% */
	text-transform: none;
	font-family: "TT Lakes Condensed Regular", helvetica;
}

#contest .input_checkbox label {
	width: 100%;
	color: #525252;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  text-transform: none;
  font-family: "TT Lakes Condensed Regular", helvetica;
}

#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: 111px;
    height: unset;
    position: absolute;
    top: -30px;
    right: -44px;
	/*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%);*/
	    max-width: 111px;
    width: 32%;
}

#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: 13px;
	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 #F40234;
	/*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 #525252;
	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 #525252;
	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;
  font-family: "TT Lakes Compressed Bold", helvetica;
  
}

#contest #step1 .form_submit .btn { 
	height: unset;
	border-radius: 13px;
	background: #F40234;

	/*backdrop-filter: blur(6.73012113571167px);*/
	font-size: 21px;
	font-weight: 700;
	line-height: normal;
	letter-spacing: -1.26px;
	letter-spacing: -0.66px;
	/*border: 3px solid #FFFABB ;*/
	height: 49px;
	padding: 10px;
	display: inline-block;
	text-transform: none !important;
}
#contest #step1 .form_submit .btn svg {
	margin-left: 10px;
}
#step3 .btn:hover,
#contest #step1 .form_submit .btn:hover {
	background: #FFFABB !important;
	border-color: #FFFABB ;
	color: #222;
}
#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: #fff;
	border-color: #fff;
	/*color: #fff;*/
}

#contest .container .reglements a {
	color: #525252;
	text-align: center;
	font-size: 12px;
	font-weight: 400;
	line-height: normal;
	text-decoration-line: underline;
	font-family: "TT Lakes Condensed Regular", helvetica; 

}
#contest .container .reglements a:hover {
	color: #F40234;
}
#step1 .container_concours {
	background: #EBEBEB;
}
.container_concours {
	background: #FFCC1A;
	color: #525252;
}
/* Steps */

/* Step 1 */
img {
	display: inline-block;
}
#step1 .logo {
	    
	position: absolute;
	top: 30px;
	left: 30px;
	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; 
	
		/*-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;*/
		
		position: relative;
}
#step1 .container_concours:before {
	content: '';
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    right: 0;
   	height: 221px;
    background: #D71114  url(../../images/pg_1_bg.webp);
	
	background-repeat: no-repeat;
	background-position: center top;
	-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;*/
	z-index: 0;
}
#step1 .container_concours .col_content.texte:after {
	/*content: '';
    position: absolute;
    display: block;
    top: 0;
    left:0;
    bottom: 0;
    right: 15px;
    
	background-image: url(../../images/pg_1_titre.svg);
	background-repeat: no-repeat;*/
	/*background-position: center 75%;
	background-size: 100% auto;*/
	z-index: 0;
	
}


#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: flex-start;
		position: relative;
		color: #0D436D;
}
#step1 .container_concours .col_content.texte .images {
 text-align: center;
}
#step1 .container_concours .col_content.texte .images .plats {
    min-height: 641px;
    display: flex;
    align-items: flex-end;
}
#step1 .container_concours .col_content.texte .images .plats img {
	   
}
#step1 .container_concours .col_content.texte .images .titre {
		    margin-top: -103px;
		    padding-bottom: 25px;
}
#step1 .container_concours .col_content.texte .images .titre img {
	max-width: 941px;
    width: 74%;
}
.concours_infos {
	display: flex;
	margin-left: 5%;
	margin-right: 5%;
	margin-bottom: 5vh;
	color: #FFFBCC;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.2;
	text-transform: uppercase;
}
.concours_infos p {
	margin-bottom: 1px;
}
.concours_infos p:first-child {
	font-size: 21px;
	font-weight: 500;
}
.concours_infos strong {
	font-size: 28px;
	font-weight: 900;
	color: #FFF266;
	
}

.concours_infos > div {
	width: 53%;
	max-width: 53%;
	padding: 2vw 2% 1vw !important;
}
.concours_infos > div:first-child{
	border-right: 1px solid #FFFBCC;
	width: 47%;
	max-width: 47%;
}

#step1 .container_concours .col_content.texte .textes {
	padding: 0 15px;
	margin-top: 5vw;
	text-align: center;
}

#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: 65.7%;
	
	display: flex;
	flex-wrap: wrap;
	/*gap: 15px;*/
}

#step1 .container_concours .col_form {

	    width: 34.3%;
}

#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: "Staatliches", 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: "Staatliches", 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: "Staatliches", 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: "Staatliches", 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: "Staatliches", 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: 10px;
	max-width: 332px;
	width: 100%;
	display: inline-flex;
	    align-items: center;
	    justify-content: center;
}

#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: 26px;
	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: #F40234;
    background: #F40234 url(../../images/bg_rouge_grille.webp) no-repeat center top;
    /* background-attachment: fixed; */
   
   padding-bottom: 100px;

	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position: relative;
	/*background-attachment: fixed;*/
}
#step2 .logo {
	position: relative;
    top: 25px;
    left: 0;
    right: 0;
    width: 100%; 
    /* max-width: 330px; */
    text-align: center;

}


#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(1050px + 40px);
    width: 100%;
    padding: 0px 40px;
    margin: 0 auto 0;
    border-radius: 13px;
background: var(--Blanc, #FFF);
box-shadow: 10px 10px 2px 0 rgba(247, 196, 206, 0.50);
position: relative;
}
#step2 .steps:before {
	  content: '';
    display: block;
    position: absolute;
    top: 39%;
    left: 0%;
    background: transparent url(../images/pg2_icon.svg) no-repeat center;
    background-size: 100%;
    width: 127px;
    height: 197px;
    transform: translate(-50%, -50%);
    z-index: 3;
    pointer-events: none;
}
#step2 .steps:after {
	  content: '';
    display: block;
    position: absolute;
    bottom: -36%;
    right: -15%;
    background: transparent url(../images/pg2_miam_icon.svg) no-repeat center;
    background-size: 100%;
    width: 205px;
    height: 154px;
    transform: translate(-50%, -50%);
    pointer-events: none;
}
#step2 .steps .step .button.button_icon.button_outline a {
	background-color: transparent;
	color: #181c21;
	border-radius: 6px;
	border: 2px solid #181c21;
}

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

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

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

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

#step2 .center {
	  display: flex;
    flex-direction: column;
    align-items: center;
    /*min-height: 100vh;*/
    padding-top: 52px;
    padding-bottom: 25px;
}

#step2 .steps .step {
	position: relative;
	display: flex;
	/*backdrop-filter: blur(2.5px);*/
	/*border: 1px solid transparent;*/
	margin-bottom:0;
	padding: 33px 19px;
	padding-left: 0;
	min-height: 103px;
	background: transparent /*url(../../images/bg_bleu_angle.svg) no-repeat -124px 0*/;
	min-height: 162px;
	border-bottom: 1px solid rgba(82, 82, 82, 0.25);
;
}
#step2 .steps .step:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 50px;
	right: 0;
	bottom: 0;
	background: transparent;

}
/*#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: 40px;
	font-family: "Staatliches", sans-serif;
	color: #F40234;
	text-align: left;

	font-size: 48px;

	font-weight: 400;
	line-height: 1;
	border-right: 1px solid #FFCC1F ;
	
}

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

#step2 .steps .step .wrap_step .info .texte {
	color:  #525252;
	font-size: 26px;
	font-weight: 400;
	line-height: normal;
	letter-spacing: 0.78px;
}
#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 {
  border-radius: 13px;
	background: var(--Rouge, #F40234);
  padding: 11px 5px;
  transition: all 0.2s ease;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  color: #fff;
  text-align: center;
  font-size: 21px;
  font-weight: 700;
  line-height: normal;
	letter-spacing: -1.26px;
  width: 100%;
  max-width: 211px;
  font-family: "TT Lakes Compressed Bold", helvetica;
}
#step2 .action-btn:hover {
  background: #222;
  color: #FFF266;
}
#step2 .action-btn svg path {
	fill:#fff;
}
#step2 .action-btn:hover svg path {
	fill: #FFF266 ;
}
#step2 .action-btn.done svg path {
	fill: #fff ;
}
#step2 .action-btn.done {
  background: #E8E8E8;
  
  color: #fff;
}
#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: "Staatliches", 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: "Staatliches", sans-serif;
	font-size: 34px;
	font-style: normal;
	font-weight: 600;
	line-height: 1;
}

#step2 .bulle_hover .subtitle {
	color: #000;
	 font-family: "Staatliches", 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: "Staatliches", 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: "Staatliches", 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: 30px;
    left: 43px;
    right: 43px;
    text-align: center;
	
}
#step2 .logo img,
#step3 .logo img {
	max-width: 260px;
	width: 16%;
	min-width: 100px;
}
#step3.step6 .logo {
	
	margin-bottom: 325px;
	margin-bottom: 15vw;
	
}


#step3 {
	background: #222;
	padding: 0;
	min-height: 100vh;
	overflow: hidden;
	color: #fff;
	background: #1A1A1F url(../../images/pg3_bg_2.webp) no-repeat center 0;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}


/*#step3 .left.image {
	background: #1A1A1F url(../../images/large_banner.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;
	/*flex-direction: row-reverse;*/
	    flex-wrap: nowrap;
}
#step3 .entete {
	width: 100%;
	text-align: center;
	color: #A28C77;
	text-align: center;
	font-family: "Staatliches", 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 {
	text-align: center;
}



#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: var(--Jaune, #FFCC1F);
	font-family: "TT Lakes Compressed Bold", helvetica;
	font-size: 35px;
	font-weight: 800;
	line-height: 1.1; /* 101.667% */
	text-transform: uppercase;
	margin-bottom: 10px;
	   /* display: flex;
    flex-direction: column;
    align-items: flex-start;*/

}
#step3 .text_step3 .merci img {
	margin-left: -4%;
	max-width: 225px;
	width: 47%;
}
#step3.step6 .text_step3 .titre img.rouge {
	display: none;
}
#step3 .text_step3 .titre_texte {
	color: var(--Blanc, #FFF);
	font-family: "TT Lakes Compressed Bold", helvetica;
	font-size: 28px;
	font-weight: 500;
	line-height: normal;
	margin-bottom: 0;
}
#step3 .text_step3 .texte {
	color: #FFF;
	font-size: 18px;
	font-weight: 400;
	line-height: 1.55; /* 155.556% */
	text-transform: uppercase;
	margin-bottom: 40px;
}
#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: var(--Blanc, #FFF);
	font-family: "TT Lakes Condensed Regular", 'helvetica', sans-serif; 
	font-size: 25px;
	font-weight: 500;
	line-height: normal;
	margin-bottom: 30px;
	    /*max-width: 480px;*/
}
#step3 .text_step3 .linfos a {
	color: #FFFBCC;
}


#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: "Staatliches", 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: 58.333%;
	
	
	 
}
/*#step3 .row .image:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left:-19%;
	bottom:0;
	width: 100vw;
	background: #222 url(../../images/large_banner.webp) no-repeat left 1%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}*/

/*#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;
    display: flex;
    flex-direction: column;
    text-align: left;
    
    width: 41.666%;
    /* max-width: 605px; */
    background: transparent;
    padding: 50px 2.5% 50px 2%;

}
#step3 .row .les_infos .infos_2 {
	font-family: "TT Lakes Condensed Regular", 'helvetica';
	border-radius: 13px;
	background: var(--Blanc, #FFF);
	box-shadow: 10px 10px 2px 0 rgba(247, 196, 206, 0.50);
	padding: 39px 6%;
	color: var(--Gris---Typo, #525252);
	font-size: 25px;
	font-weight: 500;
	line-height: 1.2; /* 161.225% */
	letter-spacing: -0.84px;
	text-align: center;
}
#step3 .row .les_infos .infos_2 h2.titre {
	color: var(--Rouge, #F40234);
	font-size: 25px;
	font-weight: 500;
	line-height: normal;
	margin-bottom: 0;
}
#step3 .row .les_infos .infos_2 h2.titre strong {
	font-size: 55.765px;
	font-weight: 800;
	line-height: .8; /* 81.951% */
	text-transform: uppercase;
	font-family: "TT Lakes Compressed Bold", helvetica;
	display: block;
}
#step3 .row .les_infos .infos_2 .sections {

}
#step3 .row .les_infos .infos_2 .sections .section {
	display: flex;
	gap:43px;
	padding: 30px 20px 30px 13px;
	text-align: left;
}
#step3 .row .les_infos .infos_2 .sections .section:first-child {
	border-bottom:1px dashed #F40234 ;
}
#step3 .row .les_infos .infos_2 .icon {
	width: 140px;
	width: 23.45%;
	text-align: center;
}
#step3 .row .les_infos .infos_2 .titre_texte {
	width: calc(100% - 23.45% - 43px);
	font-size: 25px;
	font-weight: 500;
	line-height: 1.2; /* 121.429% */
	letter-spacing: -0.84px;
}
#step3 .row .les_infos .infos_2 .titre_texte p strong {
	color: var(--Rouge, #F40234);
	font-family: "TT Lakes Compressed Bold", helvetica;
	font-size: 25px;
	font-weight: 800;
	line-height: 34px;
	letter-spacing: normal;
}
#step3 .row .les_infos .infos_2 h3 {
	color: var(--Rouge, #F40234);
	font-family: "TT Lakes Compressed Bold", helvetica;
	font-size: 32px;
	font-style: normal;
	font-weight: 800;
	line-height: 1.2; /* 190.625% */
	text-transform: uppercase;
	margin-bottom: 15px;
	letter-spacing: normal;
}
#step3 .row .les_infos .infos_2 .petit_texte {
	font-size: 13px;
	font-weight: 500;
	line-height: normal;
}
#step3 .row .les_infos .infos_2 .petit_texte strong {
	font-size: 15px;
	font-weight: 800;
	line-height: 18px;
	font-family: "TT Lakes Compressed Bold", helvetica;
}
#step3.step6 .row .les_infos {
	padding-left: 0;
	text-align: center;
}
/*#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: "Staatliches", 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: "Staatliches", 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: "Staatliches", 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: "Staatliches", 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: "Staatliches", 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 .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 {
	display: flex;
	    align-items: center;
	    justify-content: center;
	/*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;*/

	height: unset;
	border-radius: 13px;
	background: var(--Rouge, #F40234);

	color: #fff;

	font-family: "TT Lakes Compressed Bold", helvetica;
	font-size: 21px;
	font-weight: 700;
	line-height: normal;
	letter-spacing: -.66px;
	/*border: 3px solid #FFFABB ;*/
	height: 49px;
	padding: 10px;
	display: inline-block;
	text-transform: none !important;
	width: unset !important;
	padding: 10px 38px !important;
}
#step3.step6 .btn {
	background: #fff;

	color: var(--Rouge, #F40234);
}
#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 {
	    padding-top: 25px;
    padding-bottom: 25px;
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: 7px;
	}
	#step3.step6 .text_step3 .texte {
		color: var(--Jaune, #FFCC1F);
			text-align: center;
			font-family: "TT Lakes Compressed Bold", helvetica;
			font-size: 50.479px;

			font-weight: 800;
			line-height: 1.1; /* 104.994% */
			text-transform: uppercase;
			margin-bottom: 0;
	}
	#step3.step6 .text_step3 .texte2 {
		color: var(--Blanc, #FFF);
		font-family: "TT Lakes Compressed Bold", helvetica;
		font-size: 50.479px;
		font-weight: 800;
		line-height: 1.1;
		text-transform: uppercase;
		text-align: center;
		    max-width: 480px;
    margin: 0 auto;
	}


#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: "Staatliches", 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: "Staatliches", 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: "Staatliches", 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: "Staatliches", 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: "Staatliches", 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: "Staatliches", 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: "Staatliches", 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: 1960px) {
	#step1 .col_form.form .wrap_form .logo_icon {
	    margin-bottom: 2.4vw;
	    
	}
	#contest .field {

	    margin-bottom: 1.5vw;

	}
	#step1 .container_concours .col_content.texte .images .plats {
	    min-height: calc(20vw + 249.5px);
	    
	}
	#step1 .container_concours:before {
	    /*
	    height: 11.2vw;
*/
	}
	#step1 .container_concours .col_content.texte .images .titre {
	    margin-top: -5.4vw;
	   

	}
	#step1 .col_form.form .fix_content {
	    
	    padding: 2.4vw 40px 40px;
	    
	}
	#step1 .col_form.form .wrap_form .icon {
		margin-bottom: 2.4vw;
	}

}
@media (max-width: 1920px) {
	#step3 .row .les_infos .infos_2 .sections .section {
	    gap: 7%;
	   
	}
	#step3 .row .les_infos .infos_2 .titre_texte {
    width: calc(100% - 23.45% - 7%);
  }
	#step3 .row .les_infos .infos_2 h3 {

    font-size: clamp(22px, 1.67vw, 32px);
  }
  #step3 .text_step3 .linfos,
	#step3 .row .les_infos .infos_2 .titre_texte,
	#step3 .row .les_infos .infos_2 h2.titre,
	#step3 .row .les_infos .infos_2 {
		    font-size: clamp(20px, 1.295vw, 25px);
	}
	#step3 .row .les_infos .infos_2 h2.titre strong {
    font-size: clamp(42px, 2.87vw, 55.765px);
  }

	#step3.step6 .text_step3 .texte,
	#step3.step6 .text_step3 .texte2 {
		font-size: clamp(35px, 2.5vw, 50.479px);
	}
	#step3 .text_step3 .merci {
	   
	    font-size: clamp(25px, 1.8vw, 35px);
	    
	}
	#step1 .fill_fb {
	    margin-bottom: 2.5vw;
	}
	#step1 .form_submit {
	    margin-top: 2vw;
	}
	./*concours_infos p:first-child {
    font-size: clamp(16px, 1.09vw, 21px);
  }
  #step3 .text_step3 .merci ,
  .concours_infos strong {
    font-size: clamp(21px, 1.46vw, 28px);
  }
	#contest .field {
	    margin-bottom: clamp(18px, 1.35vw, 26px);
	  }
	  #step1 .fill_fb {
	      margin-bottom: clamp(25px, 2.5vw, 45px);
	      
	  }
	  
	  #step1 .form_submit {
	      margin-top: clamp(20px, 2vw, 37px);
	     
	  }*/
	  

}
@media (max-width: 1600px) {
	
	
	.concours_infos {
	    margin-left: 3%;
    margin-right: 3%;
	    font-size: 14px;
	    
	}
	
	#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: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) {
	#contest .input_checkbox.infolettre_inscription .text {
	    padding-right:0;
	    padding-left: 0;
	    max-width: 214px;
	}

	#step1 .input_checkbox.infolettre_inscription .icon {
	     right: -19px;
	}
	.check_form {
	    
	    padding: 17px 10% 17px 18px;
	    
	}
}
@media (max-width: 1300px) {
	#step1 .container_concours:before {
	   
	    
	   
	}
	#step2 {
	   
	    background-size: 1300px;
	   
	}
	#step2 .center {
	   
	    padding-bottom: 325px;
	}
	
#step2 .steps {
    max-width: calc(938px + 40px);
        padding: 0px 25px;
  }
	#step1 .container_concours .col_content.texte .images .plats {
	        min-height: calc(20vw + 245.5px);
	    }
	#step3 .row .image:before {
	    width: 90vw;
	    left: -22%;
	  }
	#step3 .text_step3 .linfos {
	   
	    font-size: 14px;
	   
	}
	/*#step3 .row .les_infos {
		 width: 38.333%;
	}
	#step3 .row .image {
	   
	    width: 61.6666%;
	   
	}*/
	#step3 .btn {
	    
	    padding: 10px 19px !important;
	}
	#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 {    
	    max-width: 175px;
	    font-size: 20px;
	}
	#contest .input_checkbox label,
	#step1 .custom_content .texte_checkbox {
	    
	    font-size: 12px;
	    
	}
	



	#step1 .input_checkbox.infolettre_inscription .icon {
	   
	   
	    
	}
	#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: 16px;
		height: 44px;
		padding: 10px 10px 10px 15px;
	}

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


}
@media (max-width: 1200px) {
	#step1 .col_form.form .fix_content {
	    padding: 35px 32px 32px;
	}
	#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-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 {
		
	}
	
	#step2 .steps .step .wrap_step .info {
		padding-right: 0;
	}
	#step2 .steps .step .wrap_step .no .fb-like {
		height: 20px;
		display: block;
		padding: 7px 10px;
		display: inline-block;
	}

	

	#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 .steps {
	        max-width: calc(686px + 40px);
	        padding: 0px 25px;
	    }
	#step2 .steps:before {  
	    top: 28%;
	    width: 110px;
	    
	}
	#step2 .steps:after {
	    
	   bottom: -30%;
        right: -21%;
        width: 185px;

	}

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

}
@media (min-width: 1025px) and (max-height: 421px) { 
	#step3 .row .les_infos {
	   
	    justify-content: flex-start;
	   
	}
 }
@media (max-width: 1024px) {
	    #step1 .logo {
	    	display: none;
	    }
	#step3 .row .les_infos .infos_2 {
	  
	    max-width: 648px;
	    margin: 0 auto;
	}
	#step3.step6 .btn {
	    background: var(--Rouge, #F40234);
	    color: #fff;
	}
	#step3 .logo img {

	    width: 20%;
	}
	.step6 .infos {
		    padding-top: 0;
	    padding-bottom: 0;
	  }
	#step3.step6 .row .les_infos {
		padding-right: 20px;
		padding-left: 20px;
	}
	#step3.step6 .text_step3 .texte2 {
		color: #F40234;
	}
	#step3.step6 .row .les_infos {
		padding-top: 20px;
	}
	#step3.step6 .text_step3 .titre img.blanc {
		display: none;
	}
	#step3.step6 .text_step3 .titre img.rouge {
		display: inline-block;
	}
	#step3 .row {
	    height: unset;
	    
	}
	#step3 {
	   	background-color: #EBEBEB;
	    background-size: 147% auto;
	            background-position: 0 0;
	}
	#contest .input_checkbox.infolettre_inscription .text {
	    max-width: 214px;
	    font-size: 24px;
	}
	#step1 .container_concours .col_content.texte .images .plats {
	        min-height: calc(38vw + 158px);
	       min-height: 54vw;
	    }
	#step1 .container_concours .col_content.texte .images .titre {
	    margin-top: -8.4vw;
	}
	
	#step3 .row .image:before {
		        background-position: center 1%;
        background-size: 123% auto;
	}
	#step3 .text_step3 .linfos {
	   
	    max-width: unset;
	  }

	#step3 .text_step3 .merci img {
	    margin-left: 0;
	    max-width: 225px;
	    width: 47%;
	    width: 38%;
        min-width: 153px;
	}
	#step3 .row {

	    flex-direction: column;
	}
	#step3 .row .image:before {
	    bottom: 0;
	    width: 100%;
	    left: 0;
	}
	#step1 .container_concours .col_content.texte {
	    position: relative;
	   	min-height: unset;
	   	margin-bottom: 5vw;
	    
	}
	#step1 .container_concours:before {
				    left: 0;
		        bottom: 0;
		        width: unset; 
		        right: 0;
	}
	
	#step1 .container_concours {
	    flex-direction: column;
	    height: 100vh;
	    overflow: auto;
	}
	#step1 .container_concours:before {
	    content: '';
	    position: absolute;
	    display: block;
	    top: 0;
	    left: 0;
	    bottom: 0;
	    width: unset;
	    right: 0;
	        
	  }
	/*#step1 .container_concours .col_content.texte:before {
			display: block;
			content: '';
			position: absolute;
			top:278px;
			
			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 {
			    width: 71%;
			    bottom: 114px;
			        background-position: center 104%;
	}
	#step1 .col_form.form { 
		padding-top: 0;
	}
	

	#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.step6 .text_step3 .titre{
		max-width: 100%;
		margin-left: auto;
		margin-right: auto;
	
	}
	#step3 .text_step3 .linfos,
	#step3 .text_step3 .sous-rabais, #step3 .text_step3 .merci {
	   
	    font-size: clamp(16px, 2.36vw, 28px);
	}
	#step3 .text_step3 .linfos,
	#step3 .text_step3 .titre_texte, #step3 .text_step3 .texte {
	    font-size: clamp(20px, 3.14vw, 28px);
	    color: #525252;
	}
	#step3 .btn { 
		background:var(--Rouge, #F40234);
		color:  #fff;
	}
	#step3 .text_step3 .rabais {
	        font-size: 62px;
	        font-size: clamp(37px, 6.21vw, 62px);
	    }

	#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 {
	       align-items: center;
	   
	}
	#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: 61%;
	    background-position: 50% 1%;
		  padding-left: 15px;
	        padding-right: 15px;
		    width: calc(100% );
		          
		   
		}
	#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 .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 {
	    
	    width: 100%;

        max-width: unset;
	}
	#step1 .input_checkbox.infolettre_inscription .icon {
	    top: -30px;
	    right: -37px;
	}




	#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: unset;
	    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:unset;
        max-width: unset;
        text-align: center;
        margin-right: 5%;
                max-width: 267px;
        width: 63%;
	           
	}
	#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: 18px;
        height: 50px;
	       
	    }
	    #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 .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;
		background-color: #EBEBEB;
		margin-top: 58px;
	}
	#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(36px, 7.36vw, 54px);
	}
	#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:before {

	    left: 0;
	  }
}
@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'] {
	
	}

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

	#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;
	}
	#step1 .field_instagram a, #step1 .fill_fb .btn {
	        font-size: 17px;
	    }
}
@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 .row .les_infos .wrap {
		text-align: center;
		max-width: 700px;
		/*margin: 0 auto;*/
		flex-direction: column;
	}
	
}
@media (max-width: 900px) {
	#step2 .steps .step .wrap_step .info .texte {
	   
	    font-size: 22px;
	}
	#step2 .steps:after {
	    bottom: -27%;
	    right: -19%;
	    width: 162px;
	    height: 127px;
	}
	#step2 .steps:before {

	    width: 86px;
	}
	#step3 .row .image .wrap_image img,
	#step3.step6 .row .image .spas img {
       
        width: 119%;
    }
    #step3 .graphique {
       
        z-index: 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%;
    }


    .image_container {
    	margin-bottom: 26px;
    }

    #step2 .popup {
    	padding: 0 20px;
    }
    #step2 .steps {
        max-width: calc(565px + 40px);
        
    }

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

	
	
	
	.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 .images .plats {
	      
	        min-height: 414.17px;
	    }
	#step1 .container_concours .col_content.texte .images .plats img {
	    width: 767px;
	    max-width: 767px;
	    position: relative;
	    z-index: -1;
	    left: 50%;
	    margin-left: -373.5px
	}
	
	#step3 .row .les_infos .infos_2 {
	    
	    padding: 39px 4%;
	    
	    max-width: 541px;

	}
	
	#step3 .row .image:before {
	       
	        background-size: 936px auto;
	    }
	#step1 .container_concours .col_content.texte {
	     
	        text-align: center;
	    }
	#step1 .container_concours .col_content.texte:after {
	   
	    bottom: 189px;
	    
	}
	.concours_infos {
	   
            width: 100%;
     margin: 0 auto;
     position: relative;
     z-index: 1;
	    flex-direction: column;
	            margin-bottom: 2vh;
	}

	.concours_infos > div,
	.concours_infos > div:first-child {
	    border-right: 0;
	    width: 100%;
	    max-width: 100%;
	            padding: 0 !important;
        margin-bottom: 20px !important;
        padding-bottom: 20px !important;
        border-bottom: 1px solid #FFFBCC;
    
	}
	.concours_infos > div:first-child {
		
	}

	
	
	
	
	.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 {
	    
	    padding:  0 40px 0;
	}

	#step1 .fill_fb .btn {
      padding: 11px 3% 9px 3%;
      /* max-width: 313px; */
      font-size: 16px;
      background-position: 5% 50%;
      max-width: 306px;
      max-width: unset;
  }
  .check_form {
      margin-top: 35px;
    }
  #step1 .col_form.form .fix_content {
    
    max-width: 463px;
}
  
  #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) {
	#step2 {
	    background-size: 992px;
	}
	#step2 .steps:after {
	    bottom: -21%;
	    right: -26%;
	   
	}
	#step2 .steps .step .wrap_step .no {
	    width: 34px;
	  
	    font-size: 40px;
	    
	}
	#step2 .steps .step:nth-child(1) .wrap_step .info {
	        width: calc(100% - 40px);
	        padding-right: 0;
	    }
	#step2 .steps .step {
	   
	    padding-right: 0;
	}
	#step3.step6  .row .les_infos {
	        width: 100%;
	    }
	    #step3.step6 .graphique {
	    	display: none;
	    }
	    	#step2 .steps .step:before {
	    		padding-left: 23px;
	    	}
	    	#step2 .center {
	    	   padding-bottom: 245px;
	    	}
	    	#step2 .steps .step:nth-child(1) .button .btn_ {
	        row-gap:9px;
	        flex-direction: column;
	        align-items:center;
	    }

	    #step2 .steps .step .button .btn_ {
	    	display: flex;
	    	justify-content: center;
	    }
	    #step2 .steps .step .button {
	        width: 216px;
	        margin-left: auto;
	        margin-right: auto;
	        max-width: 451px;
	        margin: 0 0 0 auto;
	        top: 0;
	        padding-top: 0;
	                width: calc(100% - 50px - 19px) !important;
	    }
	 #step2 .step .les_choix .choix .bulle .bulle_hover {
		top: 15px;
		left: -121px;

		width: 167px;
	}
	#step2 .steps {
	        max-width: calc(400px + 40px);
	    }
    #step2 .facebook-comments {
        
        width: 91.2%;
    }
    
    #step2 .steps:before {
        
        left: 6%;
        
    }
    #step2 .steps:after {
       
        right: -22%;
       
    }
}
@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: 630px) {
	#step1 .container_concours .col_content.texte .images .plats {
	        min-height: 65.84vw;
	        
	    }
	    #step1 .container_concours .col_content.texte .images .plats img {
	        width: 121vw;
	        max-width: 121vw;
	    
	        margin-left: -59vw;
	    }
}
@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;
	}
	#step1 .container_concours .col_content.texte {
	       
	       
	        
	    }
}
@media (max-width: 600px) {
	#step1 .container_concours .col_content.texte:after {
			    width: 89%;
			    
	}
	#step3.step6 .text_step3 .titre {
	        
	        
	        
	    }

	#step3 .row .les_infos {
	       
	        
	}
	#step3 .text_step3 .merci {
	    
	   
	}
	#step3 .text_step3 .merci img {

	    max-width: 213px;
	    width: 65%;
	}
	#step3 .row .image:before {

	    background-size: 750px auto;
	}
	
	.form-captchaText {
		width: 90%;
		margin-left: auto;
		margin-right: auto;
	}
	
	#step3 .logo{
    position: absolute;
    top: 25px;
    left: 20px;
	}
	#step3 .text_step3 .text_code {
        padding: 10px 5px;
    }
	
	
	
	#step3 .logo {
	    width: 75%;
	    max-width: 175px;
	  }
	  #step3.step6 .logo {
	  	width: unset;
	  	max-width: unset;
	  	top: 15px;
	  	left:43px;
	  }
	
	*, ::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 {
		
	}

	

	
    #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 .row .les_infos .infos_2 {
	    
	    max-width: 354px;
	   
	}
	#step3 .row .les_infos .infos_2 .sections .section {
	    
	    text-align: center;
	    flex-wrap: wrap;
	}
	#step3 .row .les_infos .infos_2 .icon,
	#step3 .row .les_infos .infos_2 .titre_texte {
	    width: 100%;
	}
	#step3 {
	    
	    background-size: 158% auto;
	   
	}
	#step3 .row .les_infos {
	        padding-top: 27px;
	    }
	#step2 .steps .step .button {
	    
	    width: 113% !important;
	}
	#step2 .steps {
	    max-width: calc(321px + 40px);
	}
	#step1 .col_form.form .fix_content {
	        max-width: 373px;
	    }
	#contest .input_checkbox.infolettre_inscription .text {
        max-width: 178px;
        
    }
	#step1 .col_form.form .fix_content {
	    padding: 28px 20px 20px;
	}
	#step1 .container_concours .col_content.texte .images .titre img {
	    width: 87%;
	}
	#step1 .container_concours .col_content.texte .images .plats {
	    min-height: calc(33vw + 158px);
	}
	#step2 .logo {
	    left: 0;
	}
	#step1 .container_concours .col_content.texte {
	           
	        }
	.concours_infos {
	  
	    font-size: 12px;
	}
	
	#step1 .container_concours .col_content.texte:after {
	        bottom: 198px;
	    }
	

	
	#step1 .container_concours .col_content.texte {
		
	}
	
	#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);
  }
 
  
  #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;
  }

 
  .marque_sub svg {
      margin: 0 5px;
      
  }
  .marquee__group {
     
      padding: 0 13px;
      
  }




	#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 {
		
        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: 16%;
	   
	}
	#step2 .steps .step .wrap_step {
	    
	    margin-bottom: 12px;
	}
	
	#step2 .facebook-comments {
	    width: 97%;
	}
	#step2 .steps .step {
	    padding-left:;
	    
	    padding-right:0px;

	    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: 19px;
	}
	#step2 .steps:after {
	    right: -29%;
	    
	}

	#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;*/
	
		white-space: unset !important;

		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: 100%;
	}

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

	

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

	

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


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

@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 .container_concours .col_content.texte {
      
      padding-bottom: 12px;
  }

}
@media (max-width: 400px) {
	#step1 .field_instagram a,
	#step1 .fill_fb .btn {
		font-size: 12px;
	}

	#step2 .steps .step:before {
	    left: 35px;
	   
	}
	#step2 .steps .step .wrap_step .no {
	    width: 31px;
	    
	}
	#step2 .steps .step .wrap_step .info {
	        width: calc(100% - 31px);
	    }
	#step1 .container_concours .col_content.texte:after {
	    bottom: 226px;
	}
	#step1 .col_form.form .wrap_form {
	    /*width: 85%;*/
	}
}