@import url("https://fonts.googleapis.com/css2?family=Source+Serif+Pro:wght@400;700&display=swap");
* {
  padding: 0;
  margin: 0;
}

img {
  display: block;
  width: 100%;
}

@font-face {
  font-family: "Gotham Book";
  src: url("/fonts/Gotham-Book.eot");
  src: url("/fonts/Gotham-Book.eot?#iefix") format("embedded-opentype"), url("/fonts/Gotham-Book.woff2") format("woff2"), url("/fonts/Gotham-Book.woff") format("woff"), url("/fonts/Gotham-Book.ttf") format("truetype"), url("/fonts/Gotham-Book.svg#Gotham-Book") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Gotham";
  src: url("/fonts/Gotham-BoldItalic.eot");
  src: url("/fonts/Gotham-BoldItalic.eot?#iefix") format("embedded-opentype"), url("/fonts/Gotham-BoldItalic.woff2") format("woff2"), url("/fonts/Gotham-BoldItalic.woff") format("woff"), url("/fonts/Gotham-BoldItalic.ttf") format("truetype"), url("/fonts/Gotham-BoldItalic.svg#Gotham-BoldItalic") format("svg");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Gotham";
  src: url("/fonts/Gotham-Bold.eot");
  src: url("/fonts/Gotham-Bold.eot?#iefix") format("embedded-opentype"), url("/fonts/Gotham-Bold.woff2") format("woff2"), url("/fonts/Gotham-Bold.woff") format("woff"), url("/fonts/Gotham-Bold.ttf") format("truetype"), url("/fonts/Gotham-Bold.svg#Gotham-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Gotham Book";
  src: url("/fonts/Gotham-BookItalic.eot");
  src: url("/fonts/Gotham-BookItalic.eot?#iefix") format("embedded-opentype"), url("/fonts/Gotham-BookItalic.woff2") format("woff2"), url("/fonts/Gotham-BookItalic.woff") format("woff"), url("/fonts/Gotham-BookItalic.ttf") format("truetype"), url("/fonts/Gotham-BookItalic.svg#Gotham-BookItalic") format("svg");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
.h1,
.h1-prog,
.elm1,
.elm3,
.elm4,
.elm5,
h2,
.price,
.elm-price,
.end,
.span-end,
.p-prog,
.span-prog {
  font-family: "Source Serif Pro";
}

.p-bold,
.p-brief,
.elm7,
.span-label,
.p-check,
.sub-info2,
::placeholder,
.info-prog,
.info-prog-step {
  font-family: "Gotham Book";
}

.elm2,
.elm6,
.elm8,
.sub-info,
.send,
.success,
.h2-prog,
.btn-travel,
.btn-download {
  font-family: "Gotham";
}

.brief {
  background-color: #694eee;
}

.houston {
  background-color: #e641b1;
}

.btn-travel,
.label-a,
.div-elm8,
.div-elm8-spear {
  background-color: #ffffff;
}

.span-label {
  background: linear-gradient(90deg, #e841b2 19%, #f46f00 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.elm8 {
  background: -webkit-linear-gradient(90deg, #e841b2 19%, #f46f00 100%);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
}

body,
.btn-download,
input,
::placeholder {
  color: #ffffff;
}

.btn-travel,
.send {
  color: #694eee;
}

.choice1 {
  border-width: 5px;
  border-style: solid;
  border-image: linear-gradient(90deg, #e841b2 19%, #f46f00 100%) 1;
}

.choice {
  border: solid 1px #ffffff;
}

.btn-download,
.btn-download {
  border-color: #ffffff;
}

a {
  text-decoration: none;
}

.h1-prog {
  font-style: italic;
  font-weight: 400;
  font-size: 30px;
  line-height: 140%;
}

.elm-prog {
  font-weight: 700;
  font-size: 30px;
  line-height: 140%;
  font-style: normal;
}

.h1 {
  font-size: 96px;
  font-weight: 400;
  font-style: italic;
}

@media (max-width: 1300px) {
  .h1 {
    font-size: 76px;
  }
}
@media (max-width: 1200px) {
  .h1 {
    font-size: 60px;
  }
}
.elm1 {
  font-style: normal;
  font-size: 96px;
  font-weight: 700;
}

@media (max-width: 1300px) {
  .elm1 {
    font-size: 76px;
  }
}
@media (max-width: 1200px) {
  .elm1 {
    font-size: 60px;
  }
}
.p-bold {
  font-size: 16px;
  line-height: 150%;
}

.btn-travel,
.btn-download,
.elm2,
.elm-scroll,
.sub-info,
.send {
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
}

@media (max-width: 390px) {
  .sub-info {
    font-size: 12px;
  }
}
.elm3,
.elm4,
.elm5,
h2 {
  font-style: italic;
  font-weight: 400;
  font-size: 40px;
  line-height: 140%;
}
.elm3 > span,
.elm4 > span,
.elm5 > span,
h2 > span {
  font-style: normal;
  font-weight: 700;
}

@media (max-width: 680px) {
  .elm3,
.elm4,
.elm5,
h2 {
    font-size: 35px;
  }
}
@media (max-width: 390px) {
  h2 {
    font-size: 30px;
  }
}
@media (max-width: 390px) {
  .elm3,
.elm4,
.elm5 {
    font-size: 30px;
  }
}
h2,
.elm6,
.sub-info2 {
  text-align: center;
}

.p-brief,
.elm7,
.sub-info2 {
  text-align: center;
  font-weight: 325;
  font-size: 16px;
  line-height: 150%;
}

@media (max-width: 390px) {
  .elm7,
.sub-info2 {
    font-size: 14px;
  }
}
@media (max-width: 680px) {
  .p-brief {
    font-size: 14px;
  }
}
::placeholder {
  font-style: normal;
  font-weight: 325;
  font-size: 16px;
  line-height: 150%;
}

.price {
  font-weight: 700;
  font-size: 96px;
  line-height: 121px;
  font-style: normal;
}

.elm-price {
  font-style: italic;
  font-weight: 400;
  font-size: 40px;
  line-height: 140%;
}

@media (max-width: 390px) {
  .price {
    line-height: 70px;
    font-size: 60px;
  }

  .elm-price {
    font-size: 30px;
  }
}
.span-label {
  font-weight: 400;
  font-size: 16px;
}

.p-check {
  text-align: left;
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
}

@media (max-width: 580px) {
  .p-check {
    font-size: 14px;
  }
}
.elm8,
.end,
.success {
  font-style: italic;
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
}
.elm8 .span-end,
.end .span-end,
.success .span-end {
  font-weight: 700;
  font-style: normal;
}

@media (max-width: 390px) {
  .success {
    font-size: 14px;
  }
}
.h2-prog {
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 150%;
}

.p-prog {
  font-style: italic;
  font-weight: 400;
  font-size: 26px;
  line-height: 150%;
}

.span-prog {
  font-style: normal;
  font-weight: 700;
  font-size: 26px;
  line-height: 150%;
}

.info-prog,
.info-prog-step {
  font-weight: 325;
  font-size: 16px;
  line-height: 150%;
  text-align: left;
}

::placeholder {
  font-weight: 325;
  font-size: 14px;
  line-height: 150%;
}

.container,
.bloc-btn,
.scroll,
.bloc-info,
.sub-travel,
.sub-choice,
.check,
.check2,
footer,
.networks {
  display: flex;
}

.bloc-scroll,
.sub-bloc-info,
.bloc-form {
  display: block;
}

.br,
.success,
.vague-mob,
.vague2-mob {
  display: none;
}

body {
  background-color: white;
  padding: 20px;
}
body > img {
  position: absolute;
  z-index: 0;
}
body .ghostRoseGauche,
body .ghostRoseDroit,
body .ghostViolet,
body .ghostOrange {
  width: 8%;
}
body .vague {
  left: 0;
  top: 165px;
}
@media (max-width: 390px) {
  body .vague {
    display: none;
  }
  body .vague-mob {
    display: block;
    left: 0;
  }
}
body .ghostRoseDroit {
  top: 204px;
  right: 0;
}
body .ghostRoseGauche {
  top: 3720px;
  left: 0;
}
@media (max-width: 1400px) {
  body .ghostRoseGauche {
    top: 3879px;
  }
}
@media (max-width: 940px) {
  body .ghostRoseGauche {
    display: none;
  }
}
body .ghostViolet {
  top: 1080px;
  left: 0;
}
@media (max-width: 1300px) {
  body .ghostViolet {
    top: 980px;
  }
}
@media (max-width: 890px) {
  body .ghostViolet {
    top: 880px;
  }
}
@media (max-width: 1200px) {
  body .ghostRoseGauche,
body .ghostRoseDroit,
body .ghostViolet {
    width: 15%;
  }
}
@media (max-width: 1100px) {
  body .ghostViolet {
    width: 13%;
  }
}
@media (max-width: 1270px) {
  body .ghostRoseGauche {
    width: 13%;
  }
}
body .container > header {
  margin-top: 40px;
}
body .container > header img {
  margin-left: auto;
  margin-right: auto;
  max-width: 150px;
}
body .container {
  background-color: #222222;
  background-image: url(/images/fond.svg);
  background-repeat: no-repeat;
  background-size: cover;
  width: calc(100vw - 40px);
  border-radius: 50px;
  align-items: center;
  flex-direction: column;
}
@media (min-width: 460px) {
  body .container .br-mob {
    display: none;
  }
}
@media (max-width: 1180px) {
  body .container .br-mob2 {
    display: none;
  }
}
body .container main {
  z-index: 2;
  position: relative;
  margin-top: 35vh;
}
body .container main .bloc-bold {
  width: 60%;
  margin-left: auto;
  margin-right: auto;
}
body .container main .bloc-bold h1 {
  text-align: center;
}
@media (max-width: 1100px) {
  body .container main .bloc-bold .br {
    display: block;
  }
}
body .container main .bloc-bold .p-bold {
  text-align: center;
  margin-top: 30px;
  margin-bottom: 30px;
}
body .container main .bloc-bold .bloc-btn {
  display: flex;
  justify-content: center;
  margin-bottom: 200px;
}
body .container main .bloc-bold .bloc-btn .btn-travel {
  align-items: center;
  padding: 20px 40px;
  border-radius: 10px;
  outline: none;
  border: none;
  margin-right: 19.25px;
  cursor: pointer;
}
body .container main .bloc-bold .bloc-btn .btn-travel:hover {
  color: #ffffff;
  background: linear-gradient(90deg, #e841b2 19%, #f46f00 100%);
}
@media (max-width: 1180px) {
  body .container main .bloc-bold .bloc-btn .btn-travel {
    padding: 20px 20px;
  }
}
@media (max-width: 1110px) {
  body .container main .bloc-bold .bloc-btn .btn-travel {
    padding: 20px 15px;
  }
}
body .container main .bloc-bold .bloc-btn .btn-download {
  padding: 20px 40px;
  border-radius: 10px;
  outline: none;
  background: none;
  border: solid 1px;
  cursor: pointer;
  text-align: center;
}
body .container main .bloc-bold .bloc-btn .btn-download:hover {
  color: #ffffff;
  background: rgba(255, 255, 255, 0.1);
}
@media (max-width: 1080px) {
  body .container main .bloc-bold .bloc-btn .btn-download {
    padding: 20px 0px;
  }
}
@media (max-width: 1080px) {
  body .container main .bloc-bold .bloc-btn {
    margin-bottom: 150px;
  }
}
@media (max-width: 890px) {
  body .container main .bloc-bold .bloc-btn {
    margin-bottom: 100px;
  }
}
@media (max-width: 390px) {
  body .container main .bloc-bold .bloc-btn {
    margin-bottom: 84px;
  }
}
@media (max-width: 1100px) {
  body .container main .bloc-bold .bloc-btn {
    margin-left: auto;
    margin-right: auto;
    justify-content: center;
    width: 60%;
    flex-direction: column;
  }
  body .container main .bloc-bold .bloc-btn .btn-travel {
    text-align: center;
    margin-right: 0px;
    margin-bottom: 10px;
  }
}
@media (max-width: 1100px) {
  body .container main .bloc-bold .bloc-btn {
    width: 80%;
  }
}
@media (max-width: 580px) {
  body .container main .bloc-bold .bloc-btn {
    width: 90%;
  }
}
@media (max-width: 500px) {
  body .container main .bloc-bold .bloc-btn {
    width: 100%;
  }
}
body .container main .bloc-bold .bloc-scroll {
  margin-bottom: 200px;
  text-align: center;
}
body .container main .bloc-bold .bloc-scroll .scroll {
  width: 15%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
  justify-content: center;
}
@media (max-width: 1080px) {
  body .container main .bloc-bold .bloc-scroll {
    margin-bottom: 150px;
  }
}
@media (max-width: 890px) {
  body .container main .bloc-bold .bloc-scroll {
    margin-bottom: 130px;
  }
}
@media (max-width: 390px) {
  body .container main .bloc-bold .bloc-scroll {
    margin-bottom: 120px;
  }
}
@media (max-width: 1100px) {
  body .container main .bloc-bold {
    width: 70%;
  }
}
@media (max-width: 460px) {
  body .container main .bloc-bold {
    width: 80%;
  }
}
@media (max-width: 400px) {
  body .container main .bloc-bold {
    width: 90%;
  }
}
body .container main .bloc-info {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  justify-content: space-around;
}
body .container main .bloc-info .sub-bloc-info {
  width: 40%;
}
body .container main .bloc-info .sub-bloc-info .elm3 {
  margin-bottom: 30px;
}
@media (max-width: 940px) {
  body .container main .bloc-info .sub-bloc-info .elm3 {
    margin-bottom: 40px;
  }
}
body .container main .bloc-info .elm5 {
  width: 40%;
}
@media (max-width: 940px) {
  body .container main .bloc-info {
    flex-direction: column;
  }
  body .container main .bloc-info .sub-bloc-info,
body .container main .bloc-info .elm5 {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
  body .container main .bloc-info .elm5,
body .container main .bloc-info .elm4 {
    margin-bottom: 40px;
  }
}
body .container main .bloc-travel {
  margin-left: auto;
  margin-right: auto;
}
body .container main .bloc-travel .vague2 {
  position: absolute;
  z-index: -1;
  width: 103%;
  margin-top: 300px;
  left: -20px;
}
@media (max-width: 940px) {
  body .container main .bloc-travel .vague2 {
    display: none;
  }
}
@media (max-width: 390px) {
  body .container main .bloc-travel .vague2-mob {
    display: block;
    position: absolute;
    z-index: -1;
    margin-top: 115%;
    left: -20px;
    width: 105%;
  }
}
body .container main .bloc-travel h2 {
  margin-top: 200px;
  margin-bottom: 60px;
}
@media (max-width: 390px) {
  body .container main .bloc-travel h2 {
    margin-top: 197px;
  }
}
body .container main .bloc-travel .sub-travel {
  justify-content: space-between;
  margin-right: auto;
  margin-left: auto;
  width: 45%;
}
body .container main .bloc-travel .sub-travel .ghostOrange {
  position: absolute;
  z-index: 3;
  margin-top: -45px;
  margin-left: -60px;
}
@media (max-width: 1230px) {
  body .container main .bloc-travel .sub-travel .ghostOrange {
    margin-top: -32px;
    margin-left: -55px;
  }
}
@media (max-width: 1080px) {
  body .container main .bloc-travel .sub-travel .ghostOrange {
    margin-top: -22px;
    margin-left: -45px;
  }
}
@media (max-width: 940px) {
  body .container main .bloc-travel .sub-travel .ghostOrange {
    width: 13%;
    margin-top: -40px;
    margin-left: -45px;
  }
}
@media (max-width: 680px) {
  body .container main .bloc-travel .sub-travel .ghostOrange {
    margin-top: -30px;
    margin-left: -30px;
  }
}
@media (max-width: 580px) {
  body .container main .bloc-travel .sub-travel .ghostOrange {
    width: 20%;
    margin-top: -40px;
    margin-left: -50px;
  }
}
@media (max-width: 460px) {
  body .container main .bloc-travel .sub-travel .ghostOrange {
    width: 25%;
  }
}
body .container main .bloc-travel .sub-travel .brief,
body .container main .bloc-travel .sub-travel .houston {
  width: calc((100% - 20px) / 2);
  padding: 57px 40px 60px 40px;
  box-sizing: border-box;
}
body .container main .bloc-travel .sub-travel .brief .img-travel,
body .container main .bloc-travel .sub-travel .houston .img-travel {
  margin: auto;
  max-width: 100%;
  padding: 0 20px;
  box-sizing: border-box;
}
@media (max-width: 890px) {
  body .container main .bloc-travel .sub-travel .brief .img-travel,
body .container main .bloc-travel .sub-travel .houston .img-travel {
    padding: 0;
  }
}
@media (max-width: 390px) {
  body .container main .bloc-travel .sub-travel .brief .img-travel,
body .container main .bloc-travel .sub-travel .houston .img-travel {
    margin-left: auto;
    width: 95%;
    margin-right: auto;
  }
}
body .container main .bloc-travel .sub-travel .brief .bloc-brief-travel,
body .container main .bloc-travel .sub-travel .houston .bloc-brief-travel {
  margin-top: 70px;
}
body .container main .bloc-travel .sub-travel .brief .bloc-brief-travel .p-brief,
body .container main .bloc-travel .sub-travel .houston .bloc-brief-travel .p-brief {
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
}
body .container main .bloc-travel .sub-travel .brief .bloc-brief,
body .container main .bloc-travel .sub-travel .houston .bloc-brief {
  margin-top: 37px;
}
body .container main .bloc-travel .sub-travel .brief .bloc-brief .p-brief,
body .container main .bloc-travel .sub-travel .houston .bloc-brief .p-brief {
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
}
body .container main .bloc-travel .sub-travel .houston img {
  padding: 0 20px;
  box-sizing: border-box;
}
@media (max-width: 1400px) {
  body .container main .bloc-travel .sub-travel {
    width: 60%;
  }
}
@media (max-width: 1270px) {
  body .container main .bloc-travel .sub-travel {
    width: 65%;
  }
}
@media (max-width: 1110px) {
  body .container main .bloc-travel .sub-travel {
    width: 70%;
  }
}
@media (max-width: 940px) {
  body .container main .bloc-travel .sub-travel {
    flex-direction: column;
    width: 50%;
  }
  body .container main .bloc-travel .sub-travel .brief,
body .container main .bloc-travel .sub-travel .houston {
    width: 100%;
  }
  body .container main .bloc-travel .sub-travel .brief {
    margin-bottom: 20px;
  }
}
@media (max-width: 622px) {
  body .container main .bloc-travel .sub-travel {
    width: 90%;
  }
}
body .container main .bloc-choice {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  margin-top: 200px;
  margin-bottom: 200px;
  width: 53%;
}
body .container main .bloc-choice .sub-choice {
  justify-content: space-between;
  margin-top: 60px;
}
body .container main .bloc-choice .sub-choice .choice,
body .container main .bloc-choice .sub-choice .choice1 {
  width: 50%;
  margin-right: 10px;
  padding: 80px 0px 63px 0px;
}
@media (max-width: 940px) {
  body .container main .bloc-choice .sub-choice .choice .elm6,
body .container main .bloc-choice .sub-choice .choice1 .elm6 {
    margin-bottom: 16px;
  }
}
body .container main .bloc-choice .sub-choice .choice .elm7,
body .container main .bloc-choice .sub-choice .choice1 .elm7 {
  margin-bottom: 10px;
}
body .container main .bloc-choice .sub-choice .choice .div-elm8,
body .container main .bloc-choice .sub-choice .choice .div-elm8-spear,
body .container main .bloc-choice .sub-choice .choice1 .div-elm8,
body .container main .bloc-choice .sub-choice .choice1 .div-elm8-spear {
  border: solid 1px;
  border-radius: 40px;
}
body .container main .bloc-choice .sub-choice .choice .div-elm8 .elm8,
body .container main .bloc-choice .sub-choice .choice .div-elm8-spear .elm8,
body .container main .bloc-choice .sub-choice .choice1 .div-elm8 .elm8,
body .container main .bloc-choice .sub-choice .choice1 .div-elm8-spear .elm8 {
  padding: 10px 30px;
}
body .container main .bloc-choice .sub-choice .choice .div-elm8,
body .container main .bloc-choice .sub-choice .choice1 .div-elm8 {
  margin-left: 80px;
  margin-right: 80px;
}
@media (max-width: 1080px) {
  body .container main .bloc-choice .sub-choice .choice .div-elm8,
body .container main .bloc-choice .sub-choice .choice1 .div-elm8 {
    width: 70%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (max-width: 740px) {
  body .container main .bloc-choice .sub-choice .choice .div-elm8,
body .container main .bloc-choice .sub-choice .choice1 .div-elm8 {
    width: 80%;
  }
}
body .container main .bloc-choice .sub-choice .choice .div-elm8-spear,
body .container main .bloc-choice .sub-choice .choice1 .div-elm8-spear {
  margin-left: 73px;
  margin-right: 73px;
}
@media (max-width: 1100px) {
  body .container main .bloc-choice .sub-choice .choice .div-elm8-spear,
body .container main .bloc-choice .sub-choice .choice1 .div-elm8-spear {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (max-width: 460px) {
  body .container main .bloc-choice .sub-choice .choice .div-elm8-spear,
body .container main .bloc-choice .sub-choice .choice1 .div-elm8-spear {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }
}
body .container main .bloc-choice .sub-choice .choice .bloc-check,
body .container main .bloc-choice .sub-choice .choice1 .bloc-check {
  margin-top: 41px;
  margin-right: 41px;
  margin-left: 41px;
}
body .container main .bloc-choice .sub-choice .choice .bloc-check .check,
body .container main .bloc-choice .sub-choice .choice1 .bloc-check .check {
  margin-bottom: 20px;
}
body .container main .bloc-choice .sub-choice .choice .bloc-check .check .img-check,
body .container main .bloc-choice .sub-choice .choice1 .bloc-check .check .img-check {
  width: 8%;
  margin-bottom: auto;
  margin-right: 10px;
}
body .container main .bloc-choice .sub-choice .choice .bloc-check .check2,
body .container main .bloc-choice .sub-choice .choice1 .bloc-check .check2 {
  margin-bottom: 0px;
}
body .container main .bloc-choice .sub-choice .choice .bloc-check .check2 .img-check,
body .container main .bloc-choice .sub-choice .choice1 .bloc-check .check2 .img-check {
  width: 8%;
  margin-bottom: auto;
  margin-right: 10px;
}
@media (max-width: 580px) {
  body .container main .bloc-choice .sub-choice .choice .bloc-check,
body .container main .bloc-choice .sub-choice .choice1 .bloc-check {
    margin-right: 0px;
    margin-left: 0px;
  }
}
@media (max-width: 940px) {
  body .container main .bloc-choice .sub-choice {
    flex-direction: column;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }
  body .container main .bloc-choice .sub-choice .choice1 {
    width: 85%;
    margin-left: auto;
    margin-right: auto;
    padding: 60px 15px 43px 15px;
  }
  body .container main .bloc-choice .sub-choice .choice {
    width: 85%;
    margin-left: auto;
    margin-right: auto;
    padding: 60px 17px 43px 17px;
  }
  body .container main .bloc-choice .sub-choice .choice1 {
    margin-bottom: 20px;
  }
}
@media (max-width: 940px) and (max-width: 500px) {
  body .container main .bloc-choice .sub-choice {
    width: 100%;
  }
}
body .container main .bloc-choice .info-choice {
  margin-left: auto;
  margin-right: auto;
  width: 60%;
  margin-top: 50px;
}
body .container main .bloc-choice .info-choice .sub-info {
  margin-bottom: 10px;
}
@media (max-width: 940px) {
  body .container main .bloc-choice .info-choice {
    width: 93%;
  }
}
@media (max-width: 1620px) {
  body .container main .bloc-choice {
    width: 58%;
  }
}
@media (max-width: 1515px) {
  body .container main .bloc-choice {
    width: 68%;
  }
}
@media (max-width: 1270px) {
  body .container main .bloc-choice {
    width: 78%;
  }
}
@media (max-width: 1080px) {
  body .container main .bloc-choice {
    width: 95%;
  }
}
body .container main .form {
  width: 30%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 200px;
}
body .container main .form .h2 {
  margin-bottom: 60px;
}
body .container main .form .bloc-form {
  margin-bottom: 40px;
}
body .container main .form .bloc-form input[type=text],
body .container main .form .bloc-form input[type=tel],
body .container main .form .bloc-form input[type=email] {
  border-radius: 0px;
  background: none;
  border: none;
  outline: none;
  width: 100%;
  border-bottom: solid 1px;
  padding-bottom: 10px;
}
body .container main .form .bloc-form input:-webkit-autofill,
body .container main .form .bloc-form input:-webkit-autofill:hover,
body .container main .form .bloc-form input:-webkit-autofill:focus,
body .container main .form .bloc-form input:-webkit-autofill:active {
  transition-delay: 9999s;
  transition-property: background-color, color;
}
body .container main .form .success {
  padding-left: 3px;
  text-align: center;
  margin-top: 60px;
}
body .container main .form .success.active {
  display: block;
}
body .container main .form #form_bloc2,
body .container main .form .bloc-form {
  position: relative;
}
body .container main .form #form_bloc2 img,
body .container main .form .bloc-form img {
  position: absolute;
  top: 0;
  right: 0;
  display: none;
  width: 15px;
}
body .container main .form #form_bloc2 .error,
body .container main .form .bloc-form .error {
  display: none;
  font-style: italic;
  color: #f46f00;
  font-size: 14px;
  font-weight: 300;
  font-family: "Gotham Book";
  margin-top: 10px;
}
body .container main .form #form_bloc2.active,
body .container main .form .bloc-form.active {
  margin-bottom: 20px;
}
body .container main .form #form_bloc2.active .error,
body .container main .form .bloc-form.active .error {
  display: block;
}
body .container main .form #form_bloc2.active img,
body .container main .form .bloc-form.active img {
  display: block;
}
body .container main .form #form_bloc2.active input,
body .container main .form .bloc-form.active input {
  border-bottom-color: #f46f00;
}
body .container main .form #form_bloc2.active ::placeholder,
body .container main .form .bloc-form.active ::placeholder {
  color: #f46f00;
}
body .container main .submit {
  display: flex;
  justify-content: center;
  margin-top: 60px;
}
body .container main .submit .send {
  background-color: #ffffff;
  cursor: pointer;
  outline: none;
  border: none;
  border-radius: 10px;
  padding: 20px 40px;
}
body .container main .submit .send:hover {
  color: #ffffff;
  background: linear-gradient(90deg, #e841b2 19%, #f46f00 100%);
}
@media (max-width: 680px) {
  body .container main .submit .send {
    padding: 20px 20px;
  }
}
@media (max-width: 1400px) {
  body .container main .form {
    width: 40%;
  }
}
@media (max-width: 1200px) {
  body .container main .form {
    width: 50%;
  }
}
@media (max-width: 940px) {
  body .container main .form {
    width: 60%;
  }
}
@media (max-width: 580px) {
  body .container main .form {
    width: 90%;
  }
  body .container main .form .br {
    display: block;
  }
}
@media (max-width: 1300px) {
  body .container main {
    margin-top: 40vh;
  }
}
@media (max-width: 1100px) {
  body .container main {
    margin-top: 30vh;
  }
}
@media (max-width: 890px) {
  body .container main {
    margin-top: 25vh;
  }
}
@media (max-width: 580px) {
  body .container main {
    margin-top: 20vh;
  }
}
body .container footer {
  width: 100%;
  justify-content: space-around;
  margin-bottom: 68px;
}
body .container footer .end {
  margin-top: auto;
  margin-bottom: auto;
  margin-right: 60px;
}
body .container footer .network {
  margin-top: auto;
  margin-bottom: auto;
  margin-right: 20px;
}
@media (max-width: 500px) {
  body .container footer {
    flex-direction: column;
  }
  body .container footer .vaisseau,
body .container footer .end,
body .container footer .networks {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 40px;
  }
  body .container footer .vaisseau .network,
body .container footer .end .network,
body .container footer .networks .network {
    margin-right: 15px;
  }
  body .container footer .vaisseau .network .insta,
body .container footer .end .network .insta,
body .container footer .networks .network .insta {
    width: 70%;
    margin-right: 15px;
  }
}
@media (max-width: 390px) {
  body .container {
    width: 100%;
  }
}

.container .bloc-check .check .img-check,
.container .bloc-check .check2 .img-check {
  margin-top: 0;
}

.prog,
.step {
  display: flex;
}

body {
  background-color: white;
  padding: 20px;
}
body > img {
  position: absolute;
  z-index: 0;
}
body .ghostRoseDroitProg,
body .ghostVioletProg,
body .img-check {
  width: 8%;
}
@media (max-width: 940px) {
  body .img-check {
    width: 3%;
  }
}
@media (max-width: 580px) {
  body .img-check {
    width: 5%;
  }
}
@media (max-width: 390px) {
  body .img-check {
    margin-top: auto;
    margin-bottom: auto;
    width: 6%;
  }
}
@media (max-width: 940px) {
  body .ghostRoseDroitProg,
body .ghostVioletProg {
    width: 16%;
  }
}
@media (max-width: 622px) {
  body .ghostRoseDroitProg,
body .ghostVioletProg {
    width: 15%;
  }
}
body .ghostRoseDroitProg {
  top: 80px;
  right: 0;
}
body .ghostVioletProg {
  top: 170px;
  left: 0;
}
body .vagueProg {
  width: 100%;
  top: 1150px;
  left: 0;
}
@media (max-width: 940px) {
  body .vagueProg {
    display: none;
  }
}
body .container-prog {
  background-image: url(/images/fond.svg);
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 50px;
  align-items: center;
  flex-direction: column;
}
body .container-prog .header-prog {
  padding-top: 40px;
  text-align: center;
}
body .container-prog .header-prog .scroll {
  width: 13%;
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
  justify-content: center;
}
@media (max-width: 940px) {
  body .container-prog .header-prog .scroll {
    width: 18%;
    margin-bottom: 50px;
  }
}
@media (max-width: 390px) {
  body .container-prog .header-prog .scroll {
    width: 27%;
  }
}
body .container-prog .main-prog {
  z-index: 2;
  position: relative;
}
body .container-prog .main-prog .step {
  margin-top: 40px;
  margin-bottom: 50px;
  flex-wrap: wrap;
  justify-content: space-around;
}
body .container-prog .main-prog .step .bloc-step {
  width: 15.5%;
}
body .container-prog .main-prog .step .bloc-step .h2-prog {
  text-align: left;
  margin-bottom: 10px;
}
body .container-prog .main-prog .step .bloc-step .span-prog {
  margin-left: 5px;
}
body .container-prog .main-prog .step .bloc-step .sub-step {
  margin-top: 15px;
}
body .container-prog .main-prog .step .bloc-step .sub-step .prog {
  margin-bottom: 10px;
  width: 80%;
}
@media (max-width: 890px) {
  body .container-prog .main-prog .step .bloc-step .sub-step .prog .info-prog-step {
    text-align: center;
  }
}
@media (max-width: 940px) {
  body .container-prog .main-prog .step .bloc-step .sub-step .prog {
    margin-left: auto;
    margin-right: auto;
  }
}
@media (max-width: 580px) {
  body .container-prog .main-prog .step .bloc-step .sub-step .prog {
    width: 70%;
  }
}
@media (max-width: 890px) {
  body .container-prog .main-prog .step .bloc-step .sub-step .prog {
    margin-left: auto;
    margin-right: auto;
  }
}
@media (max-width: 580px) {
  body .container-prog .main-prog .step .bloc-step .sub-step .prog {
    width: 70%;
  }
}
body .container-prog .main-prog .step .bloc-step .info-prog {
  margin-left: 5px;
}
@media (max-width: 1400px) {
  body .container-prog .main-prog .step .bloc-step {
    width: 20.5%;
  }
}
@media (max-width: 1100px) {
  body .container-prog .main-prog .step .bloc-step {
    width: 25.5%;
  }
}
@media (max-width: 940px) {
  body .container-prog .main-prog .step {
    flex-direction: column;
  }
  body .container-prog .main-prog .step .bloc-step {
    margin-left: auto;
    margin-right: auto;
    width: 90%;
    margin-bottom: 50px;
    text-align: center;
  }
  body .container-prog .main-prog .step .bloc-step .h2-prog {
    text-align: center;
  }
  body .container-prog .main-prog .step .bloc-step .prog {
    justify-content: center;
  }
}
body .container-prog .vaisseau-prog {
  margin-left: auto;
  margin-right: auto;
  margin-top: 500px;
  padding-bottom: 100px;
}
@media (max-width: 940px) {
  body .container-prog .vaisseau-prog {
    margin-top: 0px;
  }
}

@media (max-width: 390px) {
  body {
    padding: 10px;
  }
}

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