@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Stack+Sans+Notch:wght@200..700&family=Unbounded:wght@200..900&display=swap');


* {
	 font-family: "Stack Sans Notch", sans-serif;
}

/* general styles */

* {
	margin: 0;
	padding: 0;
}

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

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

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

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

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

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

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

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



: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-family: "Stack Sans Notch", sans-serif;
    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: flex;
	justify-content: flex-end;
	
	width: 100%;
	position: fixed;
    top:25px;
	/*left: 67px;*/
    right: 67px;
    max-width: 763px;
    z-index: 10;

}

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

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

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

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

/* header */

/* instagram */

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

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

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

/* instagram */

/* facebook */

#step1 .fill_fb .btn {
	font-family: "Stack Sans Notch", sans-serif;
	max-width: 100%;
	width: 100%;
	height: 65px;
	white-space: normal;
	text-transform: none;
	display: flex;
	align-items: center;
	padding: 0px 15px 0px 15px;
	background: #999FE7 url(../../images/f_logo_blanc.svg) 19px 50% no-repeat;
	background: #999FE7 ;
	background-size: 40px auto;
	text-align: left;
	font-size: 14px;
	font-style: normal;
	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/photo_video.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-family: "Unbounded", sans-serif;
	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: #1A1A1F;
	/*backdrop-filter: blur(31px);*/
	vertical-align: middle;
	
	color: #fff;
	display: flex;

        justify-content: center;
    min-width: 350px;
   /* border-radius: 40px 0px 0px 40px;*/
    position: fixed;
    top: 0;
    right: 0;
    height: 100vh;
    overflow: auto;
        overflow-x: hidden;

    /*background: #1B312B url(../../images/bg_form.webp) no-repeat center;
    -webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;*/
	padding: 40px 4% 40px 4%;
}
#step1 .col_form.form .wrap_col {
	
	
}

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

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

#step1 .col_form.form .wrap_form {
	max-width: 330px;
	width: 100%;
	margin: 0 auto;
	position: relative;
	z-index: 1;
}
#contest .field label {
	display: block;
	color: #FFF;
	font-size: 15px;
	font-weight: 400;
	line-height: normal;
	letter-spacing: 0.9px;
	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: rgba(255, 255, 255, 0.50);
	font-size: 15px;
	font-weight: 400;
	line-height: normal;
	letter-spacing: 0.9px;
	text-transform: uppercase;
	border-radius: 2px;
	border: 1px solid #FFF;
	padding: 15px 16px;
	background: transparent;
	width: 100%;
}

.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: #F2F2F2;
	font-size: 17px;
	font-weight: 600;
	line-height: normal;
	letter-spacing: 0.68px;
}

form input[type='text']::placeholder,
form input[type='email']::placeholder,
form input[type='tel']::placeholder {
	/* text-transform: capitalize; */
	color: #F2F2F2;
	font-size: 17px;
	font-weight: 600;
	line-height: normal;
	letter-spacing: 0.68px;

}

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

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

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

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

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

form .custom_select {
	border: 0;
	width: 100%;
	border-radius: 0;
	overflow: hidden;
	position: relative;
	border-radius: 1px;
}

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

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

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

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

#contest .input_checkbox.infolettre_inscription .text {
	color: #fff;
	line-height: 1.2;
	margin-bottom: 12px;
	font-size: 14px;
	font-weight: 700;
	line-height: normal;
	letter-spacing: 0.28px;
	text-transform: uppercase;
	
}

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

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

#contest .input_checkbox.conditionUse {
	
	padding-right: 8px;
	padding-bottom: 17px;
	border-bottom: 0.5px solid rgba(255,255,255,.5);
}

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

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

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

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

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

.check_form {
	cursor: pointer;
	display: flex;
	gap: 12px;
	border: 0;
	border-radius: 0;
	position: relative;
	margin-bottom: 17px;
	margin-top: 36px;
	padding: 17px 0 17px;
	padding-right: 46px;
	/*background: url(../../images/vague_blanche.svg) repeat-x  center top;*/
	border-top: 0.5px solid rgba(255,255,255,.5);
	border-bottom: 0.5px solid rgba(255,255,255,.5);
}
/*.check_form:after {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 5px;
	background: url(../../images/vague_blanche.svg) repeat-x  center bottom;
}*/

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

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

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

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

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

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

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

.checkbox_form .checkbox__checkmark {
	left: 0;
	height: 18px;
	width: 18px;
	background-color: transparent;
	border: 1px solid #fff;
	transition: background-color 0.25s ease;
	border-radius: 0;
}

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

#contest .btn {
	display: block;
	
	background: #888FDE;
	/*background: linear-gradient(90deg, #956200 0%, #D19D00 100%);*/
	border: 0;
	height: 41px;
	text-align: center;
	font-size: 16px;
	font-weight: 600;
	border-radius: 0;

	color: #fff;
	width: 100%;
	line-height: 1.2;
	max-width: 420px;
	margin: 0 auto;
	 -webkit-transition: all 250ms ease-out;
  -moz-transition: all 250ms ease-out;
  -o-transition: all 250ms ease-out;
  transition: all 250ms ease-out;
  font-size: 18px;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0.36px;
  text-transform: uppercase;
}
#contest #step1 .form_submit .btn {
	height: unset;
	border-radius: 2px;
	background: #FFF;
	color: #1A1A1F;
	font-size: 18px;
	font-weight: 700;
	line-height: normal;
	letter-spacing: 0.36px;
	text-transform: uppercase;
	padding: 10px;
}
#contest #step1 .form_submit .btn svg {
	margin-left: 10px;
}
#contest #step1 .form_submit .btn:hover {
	background: #999FE7 !important;
}
#contest #step1 .form_submit .btn:hover svg rect {
	fill: #fff !important;
}
#step3 .row .right .button_step3:hover,
#contest .btn_invitez .btn:hover,
#contest .form_submit .btn:hover {
	/*background: linear-gradient(90deg, #BD7C00 0%, #F6C83C 100%);*/
	/*opacity: .9;*/
	background-color: #57664D !important;
}
#contest .fill_fb .btn:hover {
	/*background-image: url(../../images/f_logo_blanc.svg);*/
	background-color: #777FD4;
	border-color: #777FD4;
	color: #fff;
}

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

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

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

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

}
#step1 .spas {
	text-align: center;
}

#step1 .spas img {
	margin-left: -23px;
	    margin-bottom: -5vw;
}
#step1 .spas img.image_mobile {
display: none;}

#step1 {
	/*background: url(../../images/bg_redboxmedia.png) no-repeat center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position: relative;*/
	/*background-attachment: fixed;*/
	/* height: 100vh; */
	/*background-color: #DAF4F6;*/
}

#step1 .container_concours {
	margin: 0;
	display: flex;
	width: 100%;
	min-height: 100vh; 
}
#step1 .container_concours .col_content.texte .photo {
	background: url(../../images/pg1-banner.webp) no-repeat center top;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		position: relative;
		height: 60vh;
    min-height: 40vw;
		display: flex;
		width: 100%;
		flex-direction: column;
		justify-content: flex-end;
		/*cursor: url('../../images/curseur-jouer-112.png') 64 64, auto;*/
		position: relative;
}
.photo .lien {
	display: block;
	position: absolute;
	top: 0;
	left:0;
	right: 0;
	bottom: 0;
	z-index: 2;
	cursor: url('../../images/curseur-jouer-112.png') 64 64, auto;
}
.marquee h1,
.marquee p {
margin: 0;
font-family: "Unbounded", sans-serif;
}
.marque_over {
	background: #888FDE;
	padding: 7.5px 0;
	color:  #FFF;
	
	font-family: "Unbounded", sans-serif;
	font-size: 25.5px;
	font-weight: 900;
	line-height: normal;
	letter-spacing: 1.53px;
	text-transform: uppercase;
	transform: rotate(3deg);
	transform-origin:50% 50%;
	position: relative;
	z-index: 3;

}
.marque_titre h1,
.marque_titre {
	background: #777FD4;
	padding: 7.5px 0;
	color:  #FFF;
	
	font-family: "Unbounded", sans-serif;
	font-size: 41.5px;
	font-weight: 900;
	line-height: normal;
	letter-spacing: 2.49px;
	text-transform: uppercase;

}
.marque_titre {
	transform: rotate(1deg);
	transform-origin:50% 50%;
	position: relative;
	z-index: 2;
}
.marque_sub {
	background: #999FE7;
	padding: 7.5px 0;
	color:  #FFF;
	
	font-family: "Unbounded", sans-serif;
	font-size: 63px;
	font-style: normal;
	font-weight: 900;
	line-height: normal;
	text-transform: uppercase;
	color: #999FE7;
	 text-shadow: -1px -1px 1px #fff, 1px -1px 1px #fff, -1px 1px 1px #fff, 1px 1px 1px #fff;
	 transform: rotate(-2deg);
	 transform-origin:50% 50%;
	 position: relative;
	z-index: 1;

}
#step1 .marque_sub {
	    margin-bottom: -25px;
}
.marque_subp {
	display: flex;
	align-items: center;
}
.marque_sub svg {
	margin: 0 25px;
	vertical-align: middle;
}

#step1 .container_concours .col_content.texte .textes {
	padding:80px 8% 35px;
}
#step1 .container_concours .col_content.texte .textes .wrap {
	max-width: 1017px;
	margin: 0 auto;

}
#step1 .container_concours .col_content.texte .textes .large {
	font-family: "Unbounded", sans-serif;
	font-size: 21px;
	font-weight: 900;
	line-height: 1.4; /* 138.095% */
	letter-spacing: 0.42px;
	text-transform: uppercase;
	margin-bottom: 29px;
}
#step1 .container_concours .col_content.texte .textes .large a {
	color: #999FE7;
	font-family: "Unbounded", sans-serif;
	font-weight: 900;
	line-height: 1.4; /* 138.095% */
	letter-spacing: 0.42px;
	text-transform: uppercase;
	text-decoration: none;
}
#step1 .container_concours .col_content.texte .textes .texte {

	font-size: 15px;
	font-weight: 400;
	line-height: 1.3; /* 173.333% */
	letter-spacing: 0.3px;
	text-transform: uppercase;
	margin-bottom: 29px;
}
#step1 .container_concours .col_content.texte .textes .texte li {
	margin-bottom: .7em;
}
#step1 .container_concours .col_content.texte .textes .avis {
	font-family: "Unbounded", sans-serif;
	font-size: 15px;
	font-weight: 900;
	line-height: normal;
	letter-spacing: 0.3px;
	text-transform: uppercase;
}

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

#step1 .container_concours .col_form {

	    width: 33%;
}

#step1 .col_content.texte {
	position: relative;
	
	display: flex;
	justify-content: center;
    
    z-index: 0;
    /*background: #F2F2F2 url(../../images/bg_page_1.webp) no-repeat center;
    -webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;*/
}
/*#step1 .col_content.texte:after {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	right:-12px;
	bottom: 0;
	top: 0;
	 background: #DAF4F6 url(../../images/bg_step1.webp) no-repeat center;
    -webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;

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





#step1 .col_content.texte .infos {
	max-width: 95%;
	width: 100%;
	position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    
    min-height: calc(100vh - 5vw);
}
#step1 .col_content.texte .infos h1 {
	color: #A18662;
	text-align: center;
	font-family: "Stack Sans Notch", sans-serif;
	font-size: 54px;
	font-weight: 400;
	line-height: 1;
	letter-spacing: -1.08px;
	margin-top: 0;
}
#step1 .col_content.texte .infos h1 .titre_1 {
	font-size: 36px;
	font-weight: 400;
	line-height: 1.22; /* 151.47% */
	display: block;
	text-transform: none;
	margin-bottom: 5px;
	letter-spacing: -0.72px;
}
#step1 .col_content.texte .infos h1 .titre_2 {
	

	display: block;
	    margin-bottom: 9px;
}
#step1 .col_content.texte .infos h1 .titre_3 {
	font-size: 36px;
	font-weight: 400;
	line-height: 44px; /* 122.222% */
	letter-spacing: -0.72px;
	display: block;
}
#step1 .col_form .infos h3.title,
#step1 .col_content.texte .infos h3.title {
	color: #181c21;
	 font-family: "Stack Sans Notch", sans-serif;
	font-size: 56.472px;
	font-size: clamp(35px, 3vw, 56.5px);
	font-style: normal;
	font-weight: 700;
	line-height: .8;
	text-transform: uppercase;
	text-align: center;
	background: var(--Dgrad-or, linear-gradient(90deg, #956200 0%, #D19D00 100%));
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
#step1 .col_form .infos h4.sub_title,
#step1 .col_content.texte .infos h4.sub_title {
	color: #da404c;
	font-family: "Stack Sans Notch", sans-serif;
	font-size: 94.12px;
	    font-size: clamp(59px, 4.9vw, 94.2px);
	font-style: normal;
	font-weight: 700;
	line-height: .85;
	text-align: center;
	background: var(--Dgrad-or, linear-gradient(90deg, #956200 0%, #D19D00 100%));
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
text-transform: uppercase;
}
#step1 .col_form .infos h5.sub_title2,
#step1 .col_content.texte .infos h5.sub_title2 {
	color: #A28C77;
	font-family: "Stack Sans Notch", sans-serif;
	font-size: 36px;
	font-size: clamp(22.5px, 1.84vw, 36px);
	font-style: normal;
	font-weight: 500;
	line-height: 1;
	text-align: center;
}
#step1 .col_form .infos p.description,
#step1 .col_content.texte .infos p.description {
	color: #181c21;
	
	font-size: 24px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

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

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

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

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

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

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

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

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


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

#step1 header {
	display: none;
}

#step1 .fill_fb {
	margin-bottom: 2vw;
	margin-top: 2vw;

}

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

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

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

/* Step 1 */

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

table {
	width: 100%;
}

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

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

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

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

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

#contest .container {
	position: relative;
	overflow: hidden;
}

#contest .container .reglements {
	text-align: center;
	margin-top: 40px;
	padding-bottom: 50px;
	padding-bottom: 3vw;
}

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

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

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

#step1 .steps {
	position: relative;
}

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

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

/* step2 */
#step2 {
	position: relative;
	min-height: 100vh;
	overflow: hidden;
	background: #1A1A1F url(../../images/pg-2_bg.webp) no-repeat center center;

	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position: relative;
	/*background-attachment: fixed;*/
}
#step2 .logo {
	text-align: left;
	padding: 50px ;
	padding-bottom: 0;
	width: 100%;
	display: none;
}
#step2 .logo img {
max-width: 404px;
}

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

/*#step2:before {
	content: '';
	display: block;
	position: absolute;
	top:0;
	left: 0;
	right:46%;
	bottom:0;
	background: #070503 url(../../images/martinpetit-2.png) no-repeat right top;
	background-size: 100% auto;
}*/
#step2 .steps {
	max-width: calc(930px + 40px);
	width: 100%;
	padding: 0 20px;
	padding-top: 5vw;
	margin: 0 auto 31px;
}
#step2 .steps .step .button.button_icon.button_outline a {
	background-color: transparent;
	color: #181c21;
	border-radius: 6px;
	border: 2px solid #181c21;
}

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

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

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

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

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

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

}

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

#step2 .steps .step .wrap_step {
	position: relative;
	max-width: 64%;
	max-width: calc(100% - 237px);
	width: 100%;
	display: flex;
	align-items: center;
}
#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: 52.56px;

	text-align: left;
	font-size: 48px;
	font-style: normal;
	font-weight: 700;
	line-height: 26.743px; /* 55.714% */
	letter-spacing: 1.44px;
	text-transform: uppercase;
	/*background: linear-gradient(90deg, #956200 0%, #D19D00 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;*/
}

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

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

	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}

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

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

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

    position: relative;
    /*max-width: 246px;*/
    overflow: hidden;
}
#contest #step2 .button .btn {
	display: flex;
	justify-content: center;
	align-items: center;
	line-height: 1;
	
	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 .step .les_choix {
	display: flex;
	margin-top: 10px;
	align-items: center;
	gap: 12px;
}

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

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

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

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

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

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

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

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

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



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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* triangle avant form fb important */

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

/* triangle avant form fb important */

/* step3 */

#step3 .logo {
	max-width: 314px;
	margin-bottom: 262px;
	margin-bottom: 14vw;
	
}
#step3.step6 .logo {
	
	margin-bottom: 325px;
	margin-bottom: 15vw;
	
}


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


#step3 .container {
	    position: unset;
    max-width: 1372px;
    width: 90%;

}

#step3 .text_step3 {
	
}
#step3 .text_step3 .date {
	padding-bottom: 30px;
	border-bottom: 1px solid rgba(255,255,255,.5);
	margin-bottom: 30px;
	font-size: 18px;
	font-weight: 400;
	line-height: normal;
	letter-spacing: 1.08px;
	text-transform: uppercase;
}
#step3 .text_step3 .merci {
	font-size: 21px;
	font-weight: 700;
	line-height: 26px; /* 123.81% */
	letter-spacing: 0.42px;
	text-transform: uppercase;
	margin-bottom: 2px;
}

#step3 .text_step3 .code {
	font-family: "Unbounded", sans-serif;
	font-size: 42px;
	font-weight: 900;
	line-height: normal;
	letter-spacing: 2.52px;
	text-transform: uppercase;
	margin-bottom: 2px;
}
#step3 .text_step3 .text_code {
	display: flex;
	justify-content: flex-start;
	margin-bottom: 38px;
	margin-top: 13px;
}
#step3 .text_step3 .text_code .wrap {
	display: flex;
	    align-items: center;
	background: #999FE7;
	padding: 12px 20px;
	column-gap: 10px;
	
}
#step3 .text_step3 .text_code .code_titre{

	font-family: "Unbounded", sans-serif;
	font-size: 21px;
	font-weight: 900;
	line-height: normal;
	letter-spacing: 1.26px;
	text-transform: uppercase;
	text-align: left;
}
#step3 .text_step3 .text_code .le_code{
	font-family: "Unbounded", sans-serif;
	font-size: 42px;
	font-weight: 900;
	line-height: normal;
	letter-spacing: 2.52px;
	text-transform: uppercase;
}
#step3 .div_share {
	margin-bottom: 14px;
}
#step3 .text_step3 .regle {
	font-size: 12px;
	font-weight: 400;
	line-height: 1.2; /* 216.667% */
	letter-spacing: 0.24px;
	text-transform: uppercase;
}

#step3 .image .merci,
#step3 .image .subtitle_merci {
	color:#A18662;
	text-align: center;
	font-size: 20px;

	font-weight: 600;
	line-height: 1.25; /* 125% */
	letter-spacing: 1.2px;
}


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

	background: #777FD4;
}
#step3 .row .image {
	position: relative;
	
	text-align: right;
	 display: flex;
	 z-index: 1;
	align-items: center;
	   
	padding:5vw 50px 0;
	    flex-direction: column;
	    background-color: #F2F2F2;
	 
	 z-index: 2;
}
#step3 .graphique {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: 49%;
    max-width: 730px;
	pointer-events: none;
	background: transparent url(../../images/pg-3_artist-2.png) no-repeat left -15px;
	/*-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;*/
	background-size: 100%;
	z-index: 3;
}
#step3.step6 .graphique {
	top: 0;
	right: 0;
	bottom: 0;

	background: transparent url(../../images/pg-4_artist.png) no-repeat left center;
	/*-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;*/
	background-size: 131%;

}
/*#step3 .row .image:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: -31%;
	bottom: 0;
	background: #fff url(../../images/bg_step3.webp) no-repeat 0 0;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	z-index: 0;
}
#step3 .row .image:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: -45px;
	bottom: 0;
	background: url(../../images/bg_step3.webp) no-repeat center top;
	z-index: 0;
	background-size: 100%;
}*/
#step3.step6 .row .image {
	justify-content: unset;
}
/*#step3.step6 .row .image:after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: -10%;
	right: -10%;
	background: url(../../images/graph_1_step6.webp) no-repeat center bottom;
	z-index: 1;
	background-size: 100%;
	bottom: 0;
}*/
#step3 .row .image .wrap_image {
	display: inline-block;
	position: relative;
	    margin-bottom: -261px;
	    padding-top: 20px;
	       max-width: 1198px;
    width: 85%;
}
/*#step3 .row .image .wrap_image:before {
	content: '';
	display: block;
	position: absolute;
	padding-top: calc(100% - 9%);
	border-radius: 50%;
	background: #2B2618;
	filter: blur(200px);
	top: -18%;
	right: 0;
	left: 9%;
	z-index: 0;
}*/
#step3 .row .image img {
	position: relative;
	z-index: 1;
}
#step3 .row .les_infos {
	/*position: relative;*/
    z-index: 1;
    padding: 15px 0 50px;
    display: flex;
    flex-direction: column;
    text-align: left;
    justify-content: flex-start;
    width: 62%;
    max-width: 705px;
}
#step3 .row .les_infos .marquees {
	position: absolute;
	left: 0;
	right: 0;
	top: 250px;
	    top: 14vw;
}
#step3.step6 .row .les_infos .marquees {
	top:10vw;
}

#step3 .row .les_infos .infos {
	padding-bottom: 30px;
	border-bottom: 1px solid rgba(255,255,255,.5);
}


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

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

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

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

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

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

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

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

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

}

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

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

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

	height: 41px;
	border-radius: 100px;
	background: #A18662;
	color: #fff;
	text-align: center;
	font-size: 16px;

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

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

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

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

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

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

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

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

button.close {
	color: #181c21;
}
#step3 .infos a {
	text-decoration: none;
	color:#999FE7 ;
}
#step3 .infos .text_step3 a:hover {
	text-decoration: underline;
}

#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 {
	max-width: unset !important;
	display: inline-block;
	width: unset !important;
	width: auto;
	color:#1A1A1F;
	/* Desktop/CTA */
	font-family: "Stack Sans Notch";
	font-size: 18px;
	font-weight: 700;
	line-height: normal;
	letter-spacing: 0.36px;
	text-transform: uppercase;
	padding: 10px;
	background-color: #fff;
	display: inline-block;
	border-radius: 2px;
	height: unset;
}
#step3 .btn svg {
	margin-left: 15px;
}
#step3 .btn:hover {
	background: #999FE7;
	color: #fff;
}
#step3 .btn:hover svg rect {
	fill: #fff;
}
.btn:hover {
	border-color: #181c21;
}

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

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

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

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

}
#step3.step6 .text_step3 .titre{
	font-size: 32px;
	font-weight: 400;
	line-height: normal;
	letter-spacing: 1.92px;
	text-transform: uppercase;
	margin-bottom: 59px;
  
}
#step3.step6 .text_step3 .texte{

	font-size: 21px;
	font-weight: 400;
	line-height:1.3; /* 123.81% */
	letter-spacing: 0.42px;
	text-transform: uppercase;
	
  
}
#step3.step6 .div_share {
	margin-bottom: 51px;
}
#step3.step6 .sociaux {
	display: flex;
}
#step3.step6 .sociaux .texte {
	font-size: 16px;
	font-weight: 600;
	line-height: normal;
	padding: 8px 20px 8px 0;
	border-right: 1px solid rgba(255, 255, 255, 0.25);

}	
#step3.step6 .sociaux .les_sociaux {
	padding-left: 20px;
}
#step3.step6 .sociaux .les_sociaux a {
	display: inline-block;
	margin-right: 20px;
}
#step3.step6 .row .image {
	
    /*justify-content: space-between;*/
	padding-bottom: 0;
	
	align-items: center;
	padding-top: 45px;
}
#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;*/
}

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

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

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

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

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

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

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

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

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

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

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

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

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

	color: #f6f9fc;

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

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

#step6 .footer_step6 h2 {
	color: #181c21;
	text-align: center;
	margin-bottom: 14px;
	/* Paragraph/Bold */
	 font-family: "Stack Sans Notch", sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}
#step3.step6 .les_infos .merci {
	
	
	font-size: 36px;
	
	font-weight: 400;
	line-height: 1.2; /* 122.222% */
	letter-spacing: -0.72px;
}
#step3.step6 .les_infos .titre_block_red{
	
	font-size: 20px;
	font-weight: 600;
	line-height: 1.2; /* 125% */
	letter-spacing: 1.2px;
}

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

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

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

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



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

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

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

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

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

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

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

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

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

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

}
@media (max-width: 1600px) {
	#step3.step6 .logo {
	
	    margin-bottom: 245px;
	}
	#step3 .row .les_infos .marquees {
	    
	    top: 166px;
	}
	#step3.step6 .text_step3 .titre {
	    font-size: clamp(22px, 2vw, 32px);
	   
	    margin-bottom: 4vw;

	}
	#step3.step6 .text_step3 .texte,
	#step3 .text_step3 .text_code .code_titre,
	#step3 .text_step3 .merci {
	    font-size: clamp(16px, 1.31vw, 21px);
	  }
	#step3 .text_step3 .text_code .le_code,
	#step3 .text_step3 .code {
	    
	    font-size: clamp(35px, 2.61vw, 42px);
	  }
	  #step3 .marque_over,
	.marque_titre h1, .marque_titre {
	    
	    font-size: clamp(28px, 2.6vw, 41.5px);
	    
	}
	.marque_over {

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

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

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

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

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

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

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

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

	    font-size: clamp(28px, 2.25vw, 36px);
	}
	/*#step3 .text_step3 .merci, #step3 .text_step3 .subtitle_merci {
	    font-size: 30px;
	    
	}*/
}
@media (max-width: 1500px) {
	/*#step3 .row .image .wrap_image {
	    
	    margin-bottom: -17.3vw;
	}
	#step3 .row .les_infos {
	    
	    padding-top: 19vw;
	}
	.step6 .spas {
	   
	    margin-bottom: -17vw;
	    
	}*/
}
@media (max-width: 1300px) {
	#step3 .text_step3 .date {
	    padding-bottom: 23px;

	        margin-bottom: 23px;
	    font-size: 16px;
	    
	}
	#step1 .container_concours .col_content.texte .textes .large {
	    
	    font-size: 19px;
	    
	}
	#step1 .container_concours .col_content.texte .textes .texte {
	    font-size: 14px;
	    
	}
	#contest .field label {
	  
	    font-size: 13px;
	    
	}
	#contest .input_checkbox.infolettre_inscription .text {
	   
	    font-size: 13px;
	   

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



	#step1 .input_checkbox.infolettre_inscription .icon {
	   
	    top: -22px;
	    
	}
	#step2 .right {
		margin-bottom: 40px;
	}

	#step2 .steps {
		
	}

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

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

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

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

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

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

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

	

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

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

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

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

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

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

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

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

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

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


}
@media (max-width: 1200px) {
	#step2 .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 {
		/*background: transparent;*/
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
		flex-direction: column;
	}

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

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

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

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

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

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

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

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

		min-width: 182px;
	}

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

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

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

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

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

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

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

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

}
@media (max-width: 1024px) {
	#step1 .fill_fb .btn span {
	    display: inline-block;
	    max-width: 238px;
	}
	#step3 .graphique {

	    width: 41%;

	    background: transparent url(../../images/pg-3_artist-2.png) no-repeat left bottom;
	    background-size: 100%;
	    background-position: left bottom !important;

	}
	#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/pg1-banner-mobile.webp) no-repeat center top;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
       
        min-height: 89.1vw;
        
    }
    .marque_sub {
           
                    margin-bottom: -21vw;
    }
    #step1 .container_concours .col_content.texte .textes {
        padding: 0 8%;
    }
    #step1 .form .logo {
    	display: none;
    }
    #step1 .container_concours .col_content.texte .textes {
        padding: 0 8%;
    }
    #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 > .wrap {
        padding-bottom: 40px;
        margin-bottom: 0;
        border-bottom: 1px solid rgba(255,255,255,.5);
                max-width: 742px;
    }

    #step1 .fill_fb {
        background: #999FE7;
    }
    #step1 .fill_fb .btn {
       
        max-width: 306px;
    
        padding: 11px 2% 9px 2%;
        
    }
	#step1 .container_concours .col_content.texte .textes .large {
	    font-size: 21px;
	}
	#step1 .container_concours .col_content.texte .textes .texte {
	    font-size: 15px;
	}
	#contest #step1 .form_submit .btn {
	    font-size: 18px;
	}
	#step1 .input_checkbox.infolettre_inscription .icon {
	    top: -30px;
	    right: 25px;
	}




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

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

	
	.step6 .infos h1,
	#step1 .col_content.texte .infos h1 {
		font-size: clamp(36px, 5.25vw,54px);
		
	}
	
	/*.step6 .infos h1 .titre_2,
	#step1 .col_content.texte .infos h1 .titre_2 {
	        font-size: clamp(27px, 5.8vw, 41px)
	    
	}*/
	.step6 .infos h1 .titre_1,
	#step1 .col_content.texte .infos h1 .titre_1 ,
	.step6 .infos h1 .titre_3,
	#step1 .col_content.texte .infos h1 .titre_3 {
	    
	    font-size: clamp(25px, 3.5vw, 36px);
	    
	}
	/*.step6 .infos h1 .titre_1,
	#step1 .col_content.texte .infos h1 .titre_1 {
	        font-size: clamp(25px, 5vw, 51px);
	   }*/
	#step1 .col_form .infos h4.sub_title, 
	#step1 .col_content.texte .infos h4.sub_title {
	    
	    font-size: clamp(30px, 9.7vw, 94.2px);
	}
	#step1 .col_form .infos h3.title, 
	#step1 .col_content.texte .infos h3.title {
	    font-size: clamp(26px, 7vw, 56.5px);
	}
	#step1 .col_form .infos h5.sub_title2, 
	#step1 .col_content.texte .infos h5.sub_title2 {
	    
	    font-size: clamp(19.5px, 4.84vw, 47px);
	    max-width: 76%;
        margin: 0 auto;
	    min-width: 278px;
	}
	
	#step1 .logo {
	    top:10vw;
	    width: 86%;
	           
	}
	#step1 .col_form.form .wrap_form {
	    
	}
	
	#contest .field label {
	    font-size: 15px;
	}
	form .custom_select select, #contest form input[type='text'], #contest form input[type='email'], #contest form input[type='tel'] {
	        font-size: 16px;
	       
	    }
	    #step1 .input_checkbox.infolettre_inscription .icon {
            transform: scale(1) rotate(15deg);
        }
	#contest .field {
	   
	    margin-bottom: 21px;
	}
	#step1 .fill_fb {
	    margin-bottom: 51px;
	    
	}
	.check_form {
	   
	    margin-top: 51px;
	    
	}
	.check_form {
	    padding-right: 29px;
	            
	}
	.form-captchaText,
	#contest .input_checkbox.conditionUse,
	.check_form {
	   
	   
	    /*max-width: 383px;*/
	    margin-left: auto;
	    margin-right: auto;
	}
	#step3 .logo {
	   
	    /*margin: 0 auto 0;*/
	   
	}
	#step3 .row .image .wrap_image img {
	    max-width: 100%;
	    width: unset;
	}
	#step3 .row .image .wrap_image {
	    display: block;
	    position: relative;
	    
	}
	#step3 .row .image {
	  padding-left: 15px;
        padding-right: 15px;
	    width: calc(100% );
	            padding-top: 52px;
	   
	}
	#step3 .row .les_infos {
	    
	    /*border-radius: 40px 40px 0px 0;*/
	    
	    width: 66%;
	   
	}
	#step3 .text_step3 {
	    
	    width: 100%;
	    
	    margin: 0 auto;
	}
	/*#step3 .text_step3 .merci, #step3 .text_step3 .subtitle_merci {
	    
	    font-size:36px;

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

	}
	#contest .top-banner .btn {
		color: #302F63;
	}
	#contest .top-banner {
	   
	    width: 100%;
	   
	    top: 0;
	    left: 0;
	    right: 0;
	    max-width: unset;
	    padding-right: 64px;
	}
	#step3.step6 .row .image {
		min-height: unset;
		padding-top: 50px;
	}
	#step3.step6 .row .image {
		align-items: stretch; 
	}
	#step3 .row .les_infos {
	        
	        padding-bottom: 10vw;
	    }
}
@media (max-width: 1000px) {

	body #step1 .container {
		max-width: 100%;
	}
	
	#step1 .col.texte .infos h1 {
		font-size: 2.7vw;
	}

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

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

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

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

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

	}

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

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

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

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

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

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

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

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

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

	

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

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

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

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

	#step1 {
		background-position: 19% 0;
	}

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

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

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

	

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

	#step2:before {
	    left: unset;
	    left: -289px;
	    width: 863px;
	}

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

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

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

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

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

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

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

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

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

	#contest > header .top-banner .btn {
		color: #42b09e;
	}
}
@media (max-width: 991px) {
	#step3.step6 .row .les_infos .marquees {
	    top: 17vw;
	}
	#step3 .row .les_infos .marquees {
     top: 18vw;

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

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

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

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

	#step3 .row .image {
		position: relative;
		
		
	}

	

	#step3 .text_step3 .block_red {
		font-size: 22px;
	}
	#step2 .steps .step .wrap_step {
	   
	    margin: 0;
	    
	}
	#step2 .bulle_hover .content_div_float .text_container,
	#step2 .bulle_hover .content_div_float .image_container {
		max-width: 96%;
	}

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

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

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

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

	.image_container {
		margin-bottom: 26px;
	}

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

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

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

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

		display: block;
	}

	#step3 .infos {
		margin: 0 auto;
		
	}

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

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

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

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

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

	#step3 .infos {
	}

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

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

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

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

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

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

		left: 0;
		bottom: unset;
		right: 0;
		height: 20px;
	}
	#step3 .image .merci, #step3 .image .subtitle_merci {
	    
	    font-size: 15px;
	    
	}
	#step3 .text_step3 .titre_block_red {
	    font-size: 23px;
	}
	#step3 .row .image .wrap_image {
	    margin-bottom: -138.4px;
	    width: 651px;
	    max-width: 651px;

	    position: relative;
	}
	#step3:not(.step6) .row .les_infos {
	       /* padding-top: 152px;*/
	    }
	.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) {
	#step3.step6  .row .les_infos {
	        width: 67%;
	    }
	#step3.step6 .logo {
	    margin-bottom: 325px;margin-bottom: 348px;
	}
	.marque_sub svg {
	    margin: 0 15px;
	    
	}
	#step3.step6 .row .les_infos .marquees,
	#step3 .row .les_infos .marquees {

	    top: 148px;
	}
	#step3 .row .les_infos {
	   
	    width: 100%;
	}
	#step3 .logo {
	   
	    margin-bottom: 183px;
	}
	.marque_titre .marquee__group,
	.marque_sub .marquee__group, .marque_over .marquee__group {
	    animation: unset;
	}
	.marquee {
		margin-left: -2%;
		margin-right: -2%;
	}
	.photo .lien {
		display: none;
	}
	#step1 .video_mobile {
	    
	    padding-top: 37vw;
	}
	#step1 .marque_sub {
	        font-size: clamp(25px, 8.2vw, 63px);
	                margin-bottom: -34vw;
	}
	#step3 .marque_over,
	.marque_titre h1, .marque_titre {
	    font-size: clamp(16px, 5.4vw, 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: 40px 0 40px 0;
	}
	#step1 .fill_fb {
		background: #999FE7;
	}
	#step1 .fill_fb .btn {
      padding: 11px 3% 9px 3%;
      /* max-width: 313px; */
      font-size: 14px;
      background-position: 5% 50%;
      max-width: 306px;
  }
  .check_form {
      margin-top: 35px;
  }
  #contest .input_checkbox.infolettre_inscription .text {
      font-size: 14px;
  }
  #step1 .input_checkbox.infolettre_inscription .icon {
          top: -29px;
          right: 12px;
      }
	#contest #step1 .form_submit .btn {
		max-width: unset;
	}
	#step1 .fill_fb {
	    margin-bottom: 30px;
	}
}
@media (max-width: 700px) {
	#step3.step6  .row .les_infos {
	        width: 100%;
	    }
	    #step3.step6 .graphique {
	    	display: none;
	    }
}
@media (max-width: 690px) {
    #step1 .spas img {
        
        width: 690px;
        max-width: 690px;
        margin-left: calc(50vw - 345px);
        position: relative;
    }
    #step1 .video_mobile .photo_video .play {
       
        width: 85px;
        height: 85px;
        
        font-size: 21px;
        
    }
}
@media (max-width: 600px) {
	#step3 .logo {
	    margin-bottom: 162px;
	}
	#step3.step6 .logo {

	    margin-bottom: 311px;
	}
	#step3 .graphique {
		display: none;
	}
	#step3.step6 .row .les_infos .marquees,
	#step3 .row .les_infos .marquees {
	    top: 102px;
	}
	#step3 .logo {
	    width: 75%;
	    max-width: 175px;
	}
	#step2 .steps .step:before {
	  
	    top: 0;
	    left: 8px;
	    right: -4px;
	    bottom: -50px;
	   
	}
	#step2 .steps .step:nth-child(2):before {
	    left: 0px;
	    right: 9px;
	    top: -3px;
	}
	#step2 .steps .step:nth-child(3):before {
	    left: 4px;
	    top: -25px;
	    right: -1px;
	   
	}
	*, ::after, ::before {
	    box-sizing: border-box;
	}
	#countdown .bloc {
	    width: 75px;
	    height: 75px;
	    margin: 0 4px;
	    
	    font-size: 25px;
	    
	}
	#countdown .bloc .unit {
		font-size: 13px;
	}

	
    #step1 .spas {
        padding-bottom: 65px;
        
    }
	#step1 .col_content.texte .infos h1 {
		margin-top: 19px;
	}
	#step1 .logo img {
		width: 142px;
	}
	#step1 .logo {
		margin-bottom: 6px;
	}
	#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 {
		width: 53px;
		font-size: 40px;
	}

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

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

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

		width: 167px;
	}
    #step2 .steps .wrap {
        width: 91%;
    }
    #step2 .facebook-comments {
        
        width: 91.2%;
    }
    #step2 .logo {

        padding: 32px;

        width: 100%;
    }
    #step2 .logo img {
        max-width: unset;
        width: 100%;
    }
    #step3 .text_step3 .block_red {
        font-size: 18px;
    }
	
	#step3 .text_step3 .merci, #step3 .text_step3 .subtitle_merci {
	        /*font-size: 25px;*/
	    }

	#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) {
	/* form input[type="text"] {
    font-size: 165px;
  } */
  .marquee {
      margin-left: 0%;
     
  }
  #step3.step6 .sociaux .texte {
      
      margin-bottom: 5px;
  }
  #step3.step6 .logo {
      
      margin-bottom: 57vw;
  }
  #step3.step6 .sociaux {

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

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



	#contest .btn {
		font-size: 14px;
	}
	#step1 .col_content.texte .infos h1 {
		font-size: 39px;
	}
	.step6 .infos h1 .titre_1, #step1 .col_content.texte .infos h1 .titre_1, .step6 .infos h1 .titre_3, #step1 .col_content.texte .infos h1 .titre_3 {
	        font-size: 21px;
	    }
	#step1 .row .col.form .wrap_form {
		max-width: 320px;

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

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

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

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

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

	#step1 .fill_fb .btn {
		font-size: 13px;
        padding: 14px 5% 14px 5%;
        background-position: 4% 50%;
		background-size: 12% auto;
	}
	#step1 .input_checkbox.infolettre_inscription .icon {
	    
	    right: -8px;
	    
	}
	.check_form {
	    padding-right: 71px;
	   
	}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

	#step2 .step .les_choix svg {
		display: none;
	}
	#step3 .row .right div.button_code #texttocopy {
	    
	    font-size: 44px;
	    
	}
	#step3 .row .right div.button_code .surtexttocopy {

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

	   #contest .field label {
	       font-size: 13px;
	   }
	   #contest .input_checkbox.infolettre_inscription .text {
	       font-size: 13px;
	   }
}

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

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


}