@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";

:root {
 --form-control-color: #ff7a20
}

*,
*:before,
*:after {
 box-sizing: border-box
}

img {
 max-width: 100%;
 width: -moz-max-content;
 width: max-content
}

.break-mobile {
 display: none
}

@media screen and (max-width: 900px) {
 .break-mobile {
  display: block
 }
}

p {
 color: #000;
 font-family: "Montserrat";
 font-size: 16px;
 font-style: normal;
 font-weight: 400;
 line-height: normal
}

.bold-700 {
 font-weight: 700
}

.bg-black {
 background-color: #000
}

form .civ {
 padding: 10px 5px;
 display: flex
}

form input#mme,
form input#mr {
 margin-left: 20px;
 margin-right: 8px
}

form .dashed {
 padding: 0 20px;
 gap: 9px;
 display: flex;
 border-radius: 10px;
 flex-direction: column
}

form .dashed input {
 border-radius: 30px;
 background: rgba(0, 0, 0, .1);
 padding: 4px 20px;
 width: 100%;
 border: none
}

form .dashed input::-moz-placeholder {
 color: #000 !important;
 font-family: "Montserrat" !important;
 font-size: 14px !important;
 font-style: normal !important;
 font-weight: 400 !important;
 line-height: normal !important;
 text-transform: uppercase !important
}

form .dashed input::placeholder {
 color: #000 !important;
 font-family: "Montserrat" !important;
 font-size: 14px !important;
 font-style: normal !important;
 font-weight: 400 !important;
 line-height: normal !important;
 text-transform: uppercase !important
}

form .infos {
 display: flex;
 align-items: baseline;
 justify-content: flex-start
}

form .infos .nl,
form .infos .nlsms {
 color: #000;
 font-family: "Montserrat";
 font-size: 12px;
 font-style: normal;
 font-weight: 400;
 line-height: normal;
 text-transform: lowercase
}

form .infos input#nl,
form .infos input#nlsms {
 width: 19px !important;
 margin-right: 12px;
 height: 19px;
 padding: 10px;
 border-radius: 4px;
 background: rgba(0, 0, 0, .1)
}

form input[type=submit] {
 margin-top: 12px;
 border-radius: 30px;
 background: linear-gradient(90deg, #ff0056 0%, #ff8a00 100%) !important;
 color: #fff;
 text-align: center;
 font-family: "Montserrat";
 font-size: 20px;
 font-style: normal;
 font-weight: 900;
 line-height: normal;
 text-transform: uppercase;
 padding: 15px
}

form input[type=submit].FIL {
 background: linear-gradient(90deg, #E50053 0%, #5CABE4 100%) !important
}

form label {
 color: #000;
 font-family: "Montserrat";
 font-size: 16px;
 font-style: normal;
 font-weight: 400;
 line-height: normal
}

form label[for=nl],
form label[for=nlsms] {
 color: #000;
 font-family: "Montserrat";
 font-size: 12px;
 font-style: normal;
 font-weight: 400;
 line-height: normal;
 text-transform: unset
}

.form-title {
 margin-top: 13px;
 margin-bottom: 0;
 text-align: center
}

.form-title h2 {
 color: #000;
 font-family: "Montserrat";
 font-size: 19px;
 font-style: normal;
 font-weight: 400;
 line-height: 127.9%;
 text-transform: uppercase
}

.form-title h2 p {
 font-size: 19px;
}

.form-title h2 strong {
 font-weight: 900;
 font-size: 19px;
}

.form-title h2 p {
  font-size: 19px !important;
}

.logos-marques {
 -o-object-fit: contain;
 object-fit: contain;
 width: 100%;
 margin: 2rem auto auto auto
}

@media screen and (max-width: 990px) {
 .logos-marques {
  -o-object-fit: contain;
  object-fit: contain;
  margin: 0
 }
}

header {
 position: relative;
 z-index: 2
}

.white {
 color: #fff
}

.black-band {
 padding: 18px;
 text-transform: uppercase
}

h1 {
 padding: 20px;
 color: #000;
 font-family: "Montserrat";
 font-size: 32px;
 font-style: normal;
 font-weight: 400;
 line-height: normal;
 text-transform: uppercase;
 margin: 0;
 align-items: center
}

h1strong {
 font-weight: 900
}

@media screen and (max-width: 990px) {
 h1 {
  font-size: 18px;
  padding: 15px
 }
}

@media screen and (max-width: 420px) {
 h1 {
  font-size: 18px
 }
}

.logo-h1 {
 display: flex
}

.logo-h1 .logo-wrapper {
 background: #fff;
 padding: 5px 30px 17px;
 left: 20px;
 border-radius: 0 0 10px 10px;
 background: #fff
}

.redu-price {
 font-family: "din-condensed", sans-serif;
 font-size: 30px;
 font-style: normal;
 font-weight: 700;
 line-height: normal;
 letter-spacing: -0.34px;
 text-transform: uppercase
}

.redu-price .reduction {
 font-family: "din-condensed", sans-serif;
 font-size: 55px;
 font-style: normal;
 font-weight: 700;
 line-height: normal;
 letter-spacing: -0.6px;
 text-transform: uppercase
}

.redu-description {
 font-family: "Montserrat";
 font-size: 16px;
 font-style: normal;
 line-height: normal;
 text-transform: uppercase
}

.redu-description strong {
 font-weight: 900
}

.redu-price {
 display: flex;
 flex-direction: column;
 align-items: center
}

.card-promo {
 border-radius: 10px;
 background: linear-gradient(90deg, #ff0056 0%, #ff8a00 100%);
 gap: 10px;
 padding: 15px;
 color: #fff;
 display: flex;
 align-items: center
}

.card-promo.FIL {
 background: linear-gradient(90deg, #E50053 0%, #5CABE4 100%) !important
}

.accordion-body {
 border-top: 1px solid rgba(0, 0, 0, .2)
}

section#section1 {
 padding-bottom: 12px
}

.accordion-button::after {
 width: 33px;
 height: 33px;
 background: #000;
 border-radius: 50px;
 background-image: url("https://image.email.groupeseb.com/lib/fe3511717564047e721373/m/1/e46407e2-c387-4152-a248-5a33e82d206b.png");
}

.accordion-button:not(.collapsed)::after {
 background-image: url("https://image.email.groupeseb.com/lib/fe3511717564047e721373/m/1/e46407e2-c387-4152-a248-5a33e82d206b.png");
 transform: rotate(90deg)
}

button.accordion-button {
 color: #000;
 font-family: Montserrat;
 font-size: 16px;
 font-style: normal;
 font-weight: 900;
 line-height: normal;
 text-transform: uppercase
}

#section1 .kv-wrapper img {
 width: 100%
}

#collapseOne .accordion-body {
 padding: 0
}

.accordion-item {
 border-radius: 0 !important
}

.sub-slider {
 font-family: "Montserrat";
 font-weight: 400;
 font-size: 11px;
 text-align: center;
 margin-top: 10px;
 margin: auto;
 max-width: 90%
}

#section2,
#section3,
#section4,
#section5 {
 padding-bottom: 40px
}

#section2 h2,
#section3 h2,
#section4 h2,
#section5 h2 {
 margin: 25px 0 35px;
 text-align: center;
 color: #000;
 font-family: "Montserrat";
 font-size: 24px;
 font-style: normal;
 font-weight: 400;
 line-height: normal;
 text-transform: uppercase
}

#section2 h2strong,
#section3 h2strong,
#section4 h2strong,
#section5 h2strong {
 font-weight: 900
}

#section2 .swiper-slide,
#section3 .swiper-slide,
#section4 .swiper-slide,
#section5 .swiper-slide {
 width: auto
}

#section3 {
 max-width: 100%;
 margin: auto
}

#section3 .red .col .card {
 height: 100%;
 border: 0;
 text-align: center;
 padding: 20px 35px;
 display: flex;
 border-radius: 8px;
 background: #ec0000;
 align-items: center;
 min-height: 230px
}

#section3 .red .col .card img {
 margin-bottom: 13px;
 height: 50px
}

#section3 .red .col .card p {
 color: #fff;
 font-family: "Montserrat";
 font-size: 14px;
 font-style: normal;
 font-weight: 400;
 line-height: normal
}

#section3 .red .col .card p.main {
 font-size: 16px;
 font-weight: 900;
 text-transform: uppercase;
 margin: 0
}

@media screen and (max-width: 990px) {
 #section3 .red .row {
  flex-direction: column;
  gap: 8px
 }

 #section3 .red .row .col .card {
  min-height: auto
 }
}

#section4 {
 max-width: 100%;
 width: 805px;
 padding: 35px 0;
 margin: auto
}

#section4 h2 {
 margin-top: 0
}

#section4 p.avis_name {
 margin: 0;
 color: #000;
 font-family: "Montserrat";
 font-size: 16px;
 font-style: normal;
 font-weight: 400;
 line-height: normal
}

#section4 p.avis_name strong {
 font-weight: 900;
 text-transform: uppercase
}

#section4 .avis_content {
 display: flex;
 justify-content: space-between;
 align-items: center;
 margin-bottom: 15px
}

#section4 .avis_block__container {
 border-bottom: .5px solid rgba(0, 0, 0, .2);
 margin-bottom: 20px;
 padding-bottom: 25px
}

#section4 .avis_block__container:last-child {
 border-bottom: 0
}

#section5 {
 max-width: 90%;
 width: 1024px;
 padding: 35px 0;
 margin: auto
}

#section5 .logo-adress {
 display: flex;
 gap: 1rem;
 align-items: center;
 margin-bottom: 1rem
}

#section5 .logo-adress img {
 -o-object-fit: contain;
 object-fit: contain;
 max-height: 120px
}

#section5 .infos_name {
 font-weight: 900;
 text-transform: uppercase
}

#section5 a.fb-link {
 display: flex;
 align-items: center;
 text-decoration: none;
 gap: 5px
}

#section5 p.text_socialLink {
 margin: 0;
 color: #3b5998;
 font-weight: 900
}

.legal p {
 padding: 30px 0;
 color: #fff;
 text-align: center;
 font-family: "Montserrat";
 font-size: 12px;
 font-style: normal;
 font-weight: 400;
 line-height: normal;
 margin: 0
}

input[type=radio] {
 -webkit-appearance: none;
 -moz-appearance: none;
 appearance: none;
 background-color: var(--form-background);
 margin: 0;
 font: inherit;
 color: currentColor;
 width: 1.15em;
 height: 1.15em;
 border-radius: 50%;
 transform: translateY(-0.075em);
 background: rgba(0, 0, 0, .1);
 display: grid;
 place-content: center
}

input[type=radio]::before {
 content: "";
 width: .65em;
 height: .65em;
 border-radius: 50%;
 transform: scale(0);
 transition: 120ms transform ease-in-out;
 box-shadow: inset 1em 1em var(--form-control-color);
 background-color: CanvasText
}

input[type=radio]:checked::before {
 transform: scale(1)
}

input[type=checkbox] {
 -webkit-appearance: none;
 -moz-appearance: none;
 appearance: none;
 background-color: var(--form-background);
 margin: 0;
 font: inherit;
 color: currentColor;
 width: 1.15em;
 height: 1.15em;
 border: .15em solid currentColor;
 border-radius: .15em;
 transform: translateY(-0.075em);
 display: grid;
 place-content: center
}

input[type=checkbox]::before {
 content: "";
 width: .65em;
 height: .65em;
 -webkit-clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
 clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
 transform: scale(0);
 transform-origin: bottom left;
 transition: 120ms transform ease-in-out;
 box-shadow: inset 1em 1em var(--form-control-color);
 background-color: CanvasText
}

input[type=checkbox]:checked::before {
 transform: scale(1)
}

input[type=checkbox]:disabled {
 --form-control-color: var(--form-control-disabled);
 color: var(--form-control-disabled);
 cursor: not-allowed
}

a.btn-map {
 border-radius: 30px;
 background-color: #000;
 display: flex;
 padding: 15px 0px;
 text-decoration: none;
 justify-content: center;
 align-items: center;
 color: #fff;
 text-align: center;
 font-family: Montserrat;
 font-size: 20px;
 font-style: normal;
 font-weight: 900;
 line-height: normal;
 text-transform: uppercase;
 margin-top: 15px;
 transition: .3s ease-in-out
}

a.btn-map:hover {
 background: #ff0f17
}

@media screen and (max-width: 990px) {
 a.btn-map {
  max-width: 95%;
  margin: 22px auto
 }
}

.accordion-item.accordion-mention {
 border: 0
}

button.accordion-button.mention-button {
 background: rgba(0, 0, 0, 0);
 color: #fff;
 font-family: "Montserrat";
 font-size: 10px;
 font-style: normal;
 font-weight: 500;
 line-height: normal;
 border-radius: 0 !important;
 padding: 0 73px;
 background-position: bottom;
 background-repeat: no-repeat;
 background-size: contain;
 background-image: url("https://image.email.groupeseb.com/lib/fe3511717564047e721373/m/1/efe7c79a-d2a8-4ff7-b549-680b3528d733.png");
}

button.accordion-button.mention-button::after {
 position: relative
}

div#accordionMention {
 padding: 0;
 margin: auto;
 border: 0;
 position: relative;
 bottom: 0px;
 border-radius: 0
}

div#accordionMention h2 {
 width: -moz-fit-content;
 width: fit-content;
 margin: auto
}

@media screen and (min-width: 990px) {
 .form-inner {
  padding: 15px 0;
  width: -moz-fit-content;
  width: fit-content;
  max-height: 100vh;
  overflow: auto
 }

 .form-wrapper {
  top: 0;
  right: 0;
  border-left: 1px solid rgba(0, 0, 0, .2)
 }

 .accordion-item {
  border: none
 }

 .accordion-item .accordion-header:not(#headingMention) {
  display: none
 }

 .accordion-item button.accordion-button:not(.mention-button) {
  pointer-events: none;
  background: none !important
 }

 .accordion-item button.accordion-button:not(.mention-button)::after {
  display: none
 }
}

.swiper-button-next:after,
.swiper-button-prev:after {
    content: none !important;
}

.accordion-button:not(.collapsed) {
 background: rgba(0, 0, 0, .05);
 color: #000
}

.accordion-button:focus {
 border-color: rgba(0, 0, 0, 0);
 box-shadow: none
}

input[name=prenom] {
 text-transform: capitalize !important
}

.desk-form {
 display: block
}

.mobile-form {
 display: none
}

@media screen and (max-width: 990px) {
 .desk-form {
  display: none
 }

 .mobile-form {
  display: block;
  position: relative
 }

 .text-wrapper.margin-desktop.logo-h1.fixed {
  width: 100%
 }

 .logo-wrapper img {
  max-height: 100%;
  max-width: 60px;
  -o-object-fit: contain;
  object-fit: contain
 }

 form#formMougins {
  padding-bottom: 25px
 }

 .hide-desktop {
  display: none
 }

 .map {
  width: 100%
 }

 #section5 {
  padding-bottom: 0;
  max-width: 100%
 }

 #section5 .infos {
  padding: 0 20px 15px
 }

 .row {
  flex-direction: column
 }

 .redu-price {
  font-size: 28px
 }

 .redu-price .reduction {
  font-size: 50px
 }

 .redu-description {
  font-size: 16px
 }

 #collapseFour .accordion-body {
  padding: 0
 }

 form .dashed {
  border: 0
 }

 .card-promo {
  margin-top: 0
 }

 .form-title {
  padding: 0 2%
 }

 #section4 {
  padding-bottom: 0
 }
}

@media screen and (min-width: 600px) {
 .margin-desktop {
  text-align: center;
  padding-left: 150px
 }

 .margin-desktop.logo-h1.fixed {
  top: 0;
  position: fixed;
  background: #fff;
  z-index: 1200;
  padding-left: 0;
  height: 85px;
  display: flex;
  width: 66.68%;
  box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, .1);
  padding: 5px 10px;
  align-items: center
 }

 .margin-desktop.logo-h1.fixed .logo-wrapper {
  padding: 0;
  position: static;
  box-shadow: none;
  min-height: auto;
  max-width: auto
 }

 .margin-desktop.logo-h1.fixed .logo-wrapper img {
  height: 80px;
  padding: 0 0 10px 0
 }

 .logo-h1 .logo-wrapper {
  position: absolute;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .1);
  min-height: 150px;
  max-width: 130px;
  display: block;
  display: flex;
  align-items: center;
  justify-content: center
 }
}

.mobile-close {
 display: none
}

@media screen and (max-width: 600px) {
 .logo-h1 {
  max-height: 85px;
  position: relative;
  top: 0;
  background: #fff;
  z-index: 1200;
  width: 100%;
  filter: drop-shadow(0 0 8.5px #a3a3a3)
 }

 .container-fluid {
  overflow-x: hidden
 }

 .logo-h1 .logo-wrapper {
  padding: 5px 10px;
  display: flex;
  align-items: center;
  justify-content: center
 }

 .hide-mobile {
  display: none
 }

 .form-wrapper {
  padding: 0
 }

 .form-wrapper .card-promo {
  border-radius: 0
 }
}

#loader {
 display: flex;
 justify-content: center;
 margin-top: 10px
}

#loader svg {
 width: 50px;
 height: 50px
}

p.red {
 color: #e92e4a;
 font-family: Montserrat;
 font-size: 12px;
 font-style: normal;
 font-weight: 700;
 line-height: normal
}

.BRAD h2 p {
 font-size: unset;
 color: #000;
 text-align: center;
 font-family: Montserrat;
 font-size: 12px;
 font-style: normal;
 font-weight: 400;
 line-height: 127.9%;
 text-transform: none;
 letter-spacing: -0.12px
}

.BRAD.card-promo {
 justify-content: center
}

.BRAD .redu-description {
 text-transform: none;
 text-align: center
}

.mfp-bg.mfp-ready {
 display: none
}

@media screen and (max-width: 990px) {
 .title h2 {
  display: none
 }

 .mfp-bg.mfp-ready {
  display: block
 }

 .mfp-container {
  padding-top: 5%
 }

 .notif {
  width: 95%;
  background-color: #fff;
  margin: auto;
  border-radius: 15px
 }

 .pop-mobile {
  overflow: hidden;
  border-radius: 15px;
  background-color: #fff
 }

 .mfp-close-btn-in .mfp-close {
  color: #333;
  width: 32px;
  background: #fff;
  height: 32px;
  border-radius: 100px;
  display: flex;
  align-items: center;
  top: 8px;
  justify-content: center;
  right: 16px
 }
}

/*# sourceMappingURL=app.css.map */

@keyframes move {
 from {
  opacity: 0;
 }

 to {
  opacity: 1;
 }
}

#js--sc--container,
#js--sc--containerM {
 position: relative;
 margin: 0 auto;
 width: 384px;
 height: 217px;
 -webkit-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none;
 user-select: none;
 opacity: 1;
 animation: move 0.5s;
 z-index: 5;
}

#js--sc--containerM {
 width: 270px;
 height: 170px;
}

#js--sc--container:before,
#js--sc--containerM:before {
 content: '';
 display: block;
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
}

#js--sc--container canvas,
#js--sc--containerM canvas {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
}

#js--sc--container img,
#js--sc--containerM img {
 display: block;
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: auto;
 -webkit-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none;
 user-select: none;
}

#js-debug-cursor {
 position: absolute;
 top: 0;
 left: 0;
 background-color: yellow;
 width: 50px;
 height: 50px;
 z-index: 99;
 will-change: transform;
 -webkit-transition-duration: 300ms;
 transition-duration: 300ms;
}

.sc__wrapper {
 display: block;
 width: 100%;
 height: 384px;
 max-width: 217px;
 margin: 0 auto;
 border: 5px solid rgba(#FFF, 0.5);
}

/* Where the scratchcard will be generate. */
.sc__container {
 position: relative;
 overflow: hidden;
 max-height: 384px;
 max-width: 217px;
}

.sc__inner {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
}

/* Background image, the result... */
.sc__container>img {
 position: relative;
 top: 0;
 left: 0;
 width: 100%;
 height: auto;
}

/* The scratchcard generate with scratchcard-js */
.sc__container canvas {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: auto;
}

/* Scratchcard informations */
.sc__infos {
 text-align: center;
 height: 40px;
 line-height: 40px;
 margin-top: 5px;
 font-weight: bold;
 font-size: 16px;
}

.cig {
 color: lightsalmon;
 font-size: 20px;
 text-align: center;
 position: absolute;
 top: 0;
 left: 0;
 height: 100%;
 width: 100%;
 background-color: #FF0056;
 border-radius: 10px;

 display: flex;
 flex-direction: column;
 align-items: center;
 justify-content: center;

 padding: 0 10px;
}

.cig p {
 color: #FFF;
 font-family: Montserrat;
 font-size: 22px;
 font-style: normal;
 font-weight: 500;
 line-height: 23px;
 text-transform: uppercase;
}

.ig {
 background-size: cover;
 padding: 20px;
 overflow-y: visible;
 background-position: top center;
}

.ig .title {
 padding-top: 100px;
 text-align: center;

 color: #000;
 font-family: Montserrat;
 font-size: 14px;
 font-style: normal;
 font-weight: 500;
 line-height: 125.906%;
 letter-spacing: -0.14px;
 text-transform: lowercase;
}

.ig .titleIG {
 color: #FD0249;
 text-align: center;
 font-family: Montserrat;
 font-size: 24px;
 font-style: normal;
 font-weight: 900;
 line-height: 125.906%;
 /* 30.218px */
 letter-spacing: -0.24px;
 text-transform: uppercase;
}

.ig .boldIG {
 color: #FD0249;
 font-family: Montserrat;
 font-size: 14px;
 font-style: normal;
 font-weight: 900;
 line-height: 125.906%;
 letter-spacing: -0.14px;
 text-transform: lowercase;
}

.ig .lotsIG {
 color: #FFF;

 text-align: center;
 font-family: Montserrat;
 font-size: 22px;
 font-style: normal;
 font-weight: 900;
 line-height: 23px;
 /* 104.545% */
 text-transform: uppercase;
}

.ig .lotsIGBold {
 color: #FFF;
 font-family: Montserrat;
 font-size: 32px;
 font-style: normal;
 font-weight: 900;
 line-height: 35px;
 text-transform: uppercase;
}

.ig .code p {
 color: #FFF;
 font-family: Montserrat;
 font-size: 14px;
 font-style: normal;
 font-weight: 500;
 line-height: 18px;
 text-transform: uppercase;
}

@keyframes move2 {
 from {
  transform: translateY(-200px);
  opacity: 0;
 }

 to {
  opacity: 1;
  transform: translateY(0px);
 }
}

.ig .msgFin.active {
 transform: translateY(0px);
 opacity: 1;
 animation: move2 1s;
}

.ig .msgFin {
 position: relative;
 opacity: 0;
 padding-top: 30px;
 text-align: center;
 z-index: 1;
}

.ig .msgFin p {
 color: #000;
 font-family: Montserrat;
 font-size: 14px;
 font-style: normal;
 font-weight: 500;
 line-height: 20px;
}

.cig p {
 margin-bottom: 0;
}

@media only screen and (max-width: 600px) {
 .lotsIG {
  font-size: 20px !important;
 }

 .cig p {
  font-size: 20px !important;
 }

 .lotsIGBold {
  font-size: 25px !important;
 }

 .code p {
  font-size: 12px !important;
 }

 .p-3.notif {
  margin: 0;
 }

 .mfp-close-btn-in .mfp-close {
  top: 18px;
  right: 36px;
 }
}