@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@200;500;700&display=swap");
header {
  padding: 10px 35px 10px 10px;
  background: white;
  position: relative;
  -webkit-box-shadow: 1px 0 20px rgba(0, 0, 0, 0.2);
          box-shadow: 1px 0 20px rgba(0, 0, 0, 0.2);
}

header .logo {
  width: 250px;
  height: 50px;
  position: absolute;
  left: 30px;
  bottom: 41%;
}

header .bars {
  position: absolute;
  right: 15px;
  color: #fa8f03 !important;
  display: none;
  width: 40px;
  height: 40px;
  z-index: 1000000;
  bottom: 40%;
}

header nav {
  background: white;
  text-align: right;
}

header nav #croix {
  display: none;
}

header nav ul {
  margin: 0;
  padding: 0;
}

header nav ul li {
  display: inline-block;
  background: white;
  font-family: 'MonsterMD';
}

header nav ul li a {
  text-decoration: none;
  color: black;
  display: block;
  padding: 20px 35px;
  font-size: 25px;
  font-family: 'Montserrat';
}

header nav ul li a:hover {
  text-decoration: none;
  color: #dd0b12;
}

header nav ul li:last-child a {
  background-color: #ffb300;
  color: white;
  border-radius: 45px;
  padding: 6px 35px;
  font-family: 'Montserrat';
}

.chargement {
  position: absolute;
  text-align: center;
  width: 250px;
  height: 130px;
  background: #fff;
  -webkit-box-shadow: 1px 0 30px rgba(0, 0, 0, 0.2);
          box-shadow: 1px 0 30px rgba(0, 0, 0, 0.2);
  border-radius: 20px;
  left: 0;
  right: 0;
  top: 20%;
  bottom: 0;
  z-index: 100;
  margin: auto;
}

.chargement img {
  width: 100%;
  border-radius: 20px;
}

.affichemenu {
  position: absolute;
  display: block;
  width: 90%;
  z-index: 1000000;
  background: white;
  padding-bottom: 30px;
  padding-top: 30px;
  top: 30px;
  left: 10px;
  -webkit-box-shadow: 1px 0 25px rgba(0, 0, 0, 0.1);
          box-shadow: 1px 0 25px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
}

.affichemenu #croix {
  display: block;
  border-radius: 10px;
  padding: 7px 10px;
  font-size: xx-large;
  color: #fff;
  background: #da0a11;
  position: absolute;
  top: 10px;
  left: 10px;
}

.affichemenu ul li {
  display: block;
}

.affichemenu ul li a {
  text-align: center;
}

.affichemenu ul li a:hover {
  text-decoration: none;
  color: #dd0b12;
}

.affichemenu ul li:last-child a {
  background: white;
  color: #ffb300;
  border-radius: 45px;
  padding: 6px 35px;
  font-family: 'Montserrat';
}

.affichemenu ul li:last-child a:hover {
  text-decoration: none;
  color: #dd0b12;
}

body {
  margin: 0;
  overflow-x: hidden;
}

.link {
  padding: 15px 30px;
  margin: 10px;
  display: inline-block;
  color: #000;
  background: #ffce54;
  text-decoration: none;
}

.link:hover {
  text-decoration: none;
  color: #000;
}

.intro {
  width: 100%;
  height: 720px;
  background-color: #dd0b12;
  position: relative;
  overflow: hidden;
}

.intro div {
  max-width: 650px;
  position: absolute;
  top: 40px;
  left: 80px;
}

.intro div .soustitre_intro {
  margin-top: 40px;
  font-weight: 200;
  font-family: 'Montserrat';
  font-size: 26px;
  color: white;
  line-height: 38px;
}

.intro div .soustitre_introtel {
  margin-top: 40px;
  margin-bottom: 20px;
  font-weight: 200;
  font-family: 'Montserrat';
  font-size: 26px;
  color: white;
}

.intro div .Gp {
  display: inline-block;
  text-decoration: none;
  background: #fff url("../img/googleplay.png");
  padding: 20px 25px;
  border-radius: 15px;
  width: 44%;
  height: 82px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 70% 70%;
  background-origin: 0 0;
  -webkit-box-shadow: 1px 0 30px rgba(0, 0, 0, 0.2);
          box-shadow: 1px 0 30px rgba(0, 0, 0, 0.2);
}

.intro div .Ps {
  display: inline-block;
  text-decoration: none;
  background: #fff url("../img/playstore.png");
  padding: 20px 25px;
  border-radius: 15px;
  width: 44%;
  height: 82px;
  margin-left: 15px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 70% 70%;
  background-origin: 0 0;
  -webkit-box-shadow: 1px 0 30px rgba(0, 0, 0, 0.2);
          box-shadow: 1px 0 30px rgba(0, 0, 0, 0.2);
}

.intro div > .titre1_intro {
  margin-top: 30px;
  line-height: 95%;
  font-weight: 800;
  font-family: 'Montserrat';
  font-size: 410%;
  color: white;
}

.intro div > .titre1_intro span {
  color: #ff9f20;
}

.intro img.cadeau2 {
  position: absolute;
  z-index: 91000;
  right: 60px;
  bottom: 480px;
  width: 190px;
  -webkit-transform: rotateZ(10deg);
          transform: rotateZ(10deg);
}

.intro img.cadeau1 {
  position: absolute;
  z-index: 92000;
  right: 400px;
  bottom: 390px;
  width: 140px;
  -webkit-transform: rotateZ(-20deg);
          transform: rotateZ(-20deg);
}

.intro img.piece {
  position: absolute;
  z-index: 80000;
  right: 460px;
  width: 80px;
  bottom: 300px;
}

.intro img.piece2 {
  position: absolute;
  width: 40px;
  z-index: 80000;
  right: 420px;
  bottom: 300px;
}

.intro img.homme {
  position: absolute;
  right: 40px;
  bottom: 40px;
  z-index: 100000;
}

.intro img.paillette {
  position: absolute;
  right: -30px;
  bottom: 200px;
  z-index: 90000;
}

.intro img.jetpaillette {
  position: absolute;
  right: -130px;
  bottom: -270px;
  z-index: 500000;
}

.intro img.angle {
  position: absolute;
  right: -5px;
  bottom: -2px;
  z-index: 600000;
}

.gain {
  width: 100%;
  height: 970px;
  background: #f79c31;
  position: relative;
  overflow: hidden;
}

.gain div {
  max-width: 740px;
  position: absolute;
  top: 100px;
  left: 80px;
}

.gain div .soustitre_intro {
  margin-top: 40px;
  font-weight: 200;
  font-family: 'Montserrat';
  font-size: 25px;
  color: white;
  line-height: 37px;
}

.gain div .soustitre_intro2 {
  margin-top: 85px;
  font-weight: 200;
  font-family: 'Montserrat';
  font-size: 28px;
  color: white;
  line-height: 37px;
}

.gain div .Gp {
  display: inline-block;
  text-decoration: none;
  background: #fff url("../img/googleplay.png");
  padding: 20px 25px;
  border-radius: 15px;
  width: 44%;
  height: 100px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 70% 70%;
  background-origin: 0 0;
  -webkit-box-shadow: 1px 0 30px rgba(0, 0, 0, 0.2);
          box-shadow: 1px 0 30px rgba(0, 0, 0, 0.2);
}

.gain div .Ps {
  display: inline-block;
  text-decoration: none;
  background: #fff url("../img/playstore.png");
  padding: 20px 25px;
  border-radius: 15px;
  width: 44%;
  height: 100px;
  margin-left: 20px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 70% 70%;
  background-origin: 0 0;
  -webkit-box-shadow: 1px 0 30px rgba(0, 0, 0, 0.2);
          box-shadow: 1px 0 30px rgba(0, 0, 0, 0.2);
}

.gain div > .titre1_intro {
  margin-top: 66px;
  line-height: 95%;
  font-weight: 800;
  font-family: 'Montserrat';
  font-size: 65px;
  color: white;
}

.gain div > .titre1_intro span {
  color: #ff9f20;
}

.gain img {
  position: absolute;
  right: 70px;
  bottom: 35px;
}

.gain img.angle2 {
  position: absolute;
  left: -5px;
  right: -1px;
  top: -1px;
}

.gain img.angle4 {
  position: absolute;
  left: 0;
  right: -5px;
  bottom: -1px;
}

.cmarche {
  background: white;
  padding: 80px 75px 100px 75px;
  text-align: center;
}

.cmarche .titre {
  font-size: 67px;
  font-weight: 700;
  font-family: 'Montserrat';
  margin-bottom: 50px;
}

.cmarche .desc {
  font-size: 25px;
  font-weight: 200;
  font-family: 'Montserrat';
  margin-bottom: 60px;
}

.cmarche .stitre {
  padding-top: 30px;
  font-size: 27px;
  font-weight: 700;
  font-family: 'Montserrat';
}

.recherche {
  background: white;
  padding: 80px 75px 100px 75px;
  text-align: left;
}

.recherche .titre {
  font-size: 68px;
  font-weight: 700;
  font-family: 'Montserrat';
  line-height: 95%;
}

.recherche .titre span {
  color: #dd0b12;
}

.recherche .titre #br {
  display: block;
}

.recherche .desc {
  font-size: 25px;
  font-weight: 200;
  font-family: 'Montserrat';
  margin-bottom: 60px;
  margin-top: 40px;
}

.recherche .stitre {
  padding-top: 30px;
  font-size: 30px;
  font-weight: 700;
  font-family: 'Montserrat';
}

.recherche .Gp {
  display: inline-block;
  text-decoration: none;
  background: #fff url("../img/googleplay.png");
  padding: 20px 20px;
  border-radius: 15px;
  width: 44%;
  height: 100px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 70% 70%;
  background-origin: 0 0;
  -webkit-box-shadow: 1px 0 20px rgba(61, 61, 61, 0.2);
          box-shadow: 1px 0 20px rgba(61, 61, 61, 0.2);
}

.recherche .Ps {
  display: inline-block;
  text-decoration: none;
  background: #fff url("../img/playstore.png");
  padding: 20px 20px;
  border-radius: 15px;
  width: 44%;
  height: 100px;
  margin-left: 12px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 70% 70%;
  background-origin: 0 0;
  -webkit-box-shadow: 1px 0 30px rgba(61, 61, 61, 0.2);
          box-shadow: 1px 0 30px rgba(61, 61, 61, 0.2);
}

.condition {
  padding: 55px 30px 70px 30px;
  margin-top: 5px;
  text-align: left;
}

.condition .titre {
  font-weight: 700;
  font-family: 'Montserrat';
  font-size: 48px;
}

.condition .titre #br {
  display: none;
}

.condition .desc {
  font-size: 25px;
  margin-bottom: 60px;
  margin-top: 40px;
  font-family: 'Montserrat';
  font-weight: 200;
}

.condition .stitre {
  padding-top: 30px;
  font-size: 30px;
  font-family: 'Montserrat';
}

.slide {
  background: #dd0b12;
  padding: 60px 60px;
  text-align: center;
}

.slide .titre {
  font-size: 68px;
  font-weight: 700;
  font-family: 'Montserrat';
  text-align: center;
  color: white;
}

.slide .titre span {
  color: #dd0b12;
}

.slide .soustitre_intro {
  margin-top: 5px;
  margin-bottom: 80px;
  font-weight: 200;
  font-family: 'Montserrat';
  font-size: 29px;
  color: white;
}

.owl-theme .owl-controls .owl-page {
  display: inline-block;
}

.owl-theme .owl-controls .owl-page span {
  background: none repeat scroll 0 0 #eea701;
  border-radius: 20px;
  display: block;
  height: 15px;
  margin: 5px 7px;
  opacity: 0.5;
  width: 12px;
}

footer {
  background: #1c1b1b;
  color: #fff;
  padding: 50px 40px;
  font-family: 'Arial', 'Helvetica', 'sans-serif';
}

footer div {
  background: #1c1b1b;
  color: #fff;
}

footer div h2 {
  font-weight: 700;
  font-style: 25px;
}

footer div ul {
  margin: 0;
  padding: 0;
}

footer div ul li {
  list-style: none;
  font-size: 18px;
  margin-bottom: 15px;
}

footer div ul li a {
  color: white;
  text-decoration: none;
}

footer div ul li a:hover {
  color: #f39e1c;
  text-decoration: none;
}

footer div img {
  width: 44px;
  margin-right: 45px;
}

footer .mylogo {
  width: 150px;
}

#copy {
  padding: 8px;
  text-align: center;
  background: black;
  color: white;
}

#copy a {
  color: #dd0b12;
  text-decoration: none;
}

#copy a:hover {
  color: #ffb300;
}

#accordion .card {
  border: 2px solid #b9b9b9;
  margin-bottom: 13px;
  border-left: 11px solid #dd0b12;
}

#accordion .card button {
  background: white;
  border: none;
  text-align: left;
}

#accordion .card button .header-title {
  font-weight: 700;
  font-style: 30px;
  font-family: 'Montserrat';
}

#accordion .card button i {
  color: #dd0b12;
  font-size: 35px;
}

#accordion .card button:focus {
  outline-color: #df1919;
}

/*===================*/
/* PULSE GROW
/*===================*/
@-webkit-keyframes pulse-grow-on-hover {
  to {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}

@keyframes pulse-grow-on-hover {
  to {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}

.pulse-grow-on-hover {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
          box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.pulse-grow-on-hover:hover, .pulse-grow-on-hover:focus, .pulse-grow-on-hover:active {
  -webkit-animation-name: pulse-grow-on-hover;
  animation-name: pulse-grow-on-hover;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}

@media only screen and (max-width: 1200px) {
  .intro {
    margin-top: 70px;
    width: 100%;
    height: auto;
    position: relative;
    padding-bottom: 100px;
  }
  .intro div {
    max-width: 100%;
    position: static;
    padding: 40px 30px;
  }
  .intro div .soustitre_intro {
    margin-top: 30px;
    font-size: 25px;
  }
  .intro div .soustitre_introtel {
    margin-top: 30px;
    margin-bottom: 20px;
    font-size: 26px;
  }
  .intro div .Gp {
    display: block;
    margin: 0;
    width: 100%;
    height: 88px;
  }
  .intro div .Ps {
    display: block;
    width: 100%;
    height: 88px;
    margin: 0;
    margin-top: 20px;
  }
  .intro div .titre1_intro {
    margin-top: 30px;
    font-size: 48px;
  }
  .intro img.cadeau2 {
    position: absolute;
    z-index: 91000;
    right: 120px;
    bottom: 30px;
    width: 130px;
    -webkit-transform: rotateZ(10deg);
            transform: rotateZ(10deg);
  }
  .intro img.cadeau1 {
    right: 210px;
    bottom: 20px;
    width: 90px;
  }
  .intro img.angle {
    right: -5px;
    left: -19px;
    bottom: -2px;
  }
  .intro img.homme {
    right: 40px;
    bottom: -1px;
  }
  .intro img.paillette {
    right: -30px;
    bottom: 80px;
  }
  .intro img.jetpaillette {
    right: -50px;
    bottom: -20px;
  }
  .intro img.piece {
    width: 40px;
    right: 310px;
    bottom: -350px;
  }
  .cmarche {
    background: white;
    padding: 55px 45px 60px 45px;
    text-align: center;
  }
  .cmarche .titre {
    font-size: 45px;
    font-weight: 700;
    font-family: 'Montserrat';
  }
  .cmarche .desc {
    font-size: 25px;
    font-weight: 200;
    font-family: 'Montserrat';
    margin-bottom: 60px;
  }
  .cmarche .stitre {
    padding-top: 30px;
    font-size: 30px;
    font-weight: 700;
    font-family: 'Montserrat';
  }
  .gain {
    height: auto;
    position: relative;
    padding-bottom: 90px;
  }
  .gain div {
    max-width: 100%;
    position: static;
    padding: 40px 30px;
  }
  .gain div .soustitre_intro {
    margin-top: 30px;
    font-size: 24px;
  }
  .gain div .soustitre_intro2 {
    margin-top: 30px;
    font-size: 26px;
  }
  .gain div .Gp {
    display: block;
    width: 100%;
    height: 88px;
    margin: 0;
  }
  .gain div .Ps {
    display: block;
    margin: 0;
    margin-top: 15px;
    width: 100%;
    height: 88px;
  }
  .gain div > .titre1_intro {
    margin-top: 60px;
    font-size: 48px;
  }
  .gain img {
    position: absolute;
    left: 3px;
    bottom: -8px;
  }
  .gain img.angle2 {
    position: absolute;
    left: -7px;
    right: -1px;
    top: 0;
  }
  .gain img.angle4 {
    position: absolute;
    left: 0;
    right: -5px;
    bottom: -1px;
  }
  .recherche {
    background: white;
    padding: 55px 30px 70px 30px;
    text-align: left;
  }
  .recherche .titre {
    font-size: 48px;
  }
  .recherche .titre #br {
    display: none;
  }
  .recherche .desc {
    font-size: 25px;
    margin-bottom: 60px;
    margin-top: 40px;
  }
  .recherche .stitre {
    padding-top: 30px;
    font-size: 30px;
  }
  .recherche .Gp {
    display: block;
    width: 100%;
    height: 85px;
    margin: 0;
  }
  .recherche .Ps {
    display: block;
    width: 100%;
    height: 85px;
    margin: 0;
    margin-top: 20px;
  }
  .condition {
    padding: 55px 30px 70px 30px;
    margin-top: 70px;
    text-align: left;
  }
  .condition .titre {
    font-size: 48px;
  }
  .condition .titre #br {
    display: none;
  }
  .condition .desc {
    font-size: 25px;
    margin-bottom: 60px;
    margin-top: 40px;
  }
  .condition .stitre {
    padding-top: 30px;
    font-size: 30px;
  }
  .slide {
    padding: 60px 30px;
  }
  .slide .titre {
    font-size: 48px;
  }
  .slide .soustitre_intro {
    margin-top: 5px;
    margin-bottom: 50px;
  }
  footer {
    padding: 40px;
  }
  header {
    height: 90px;
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 2000000;
    -webkit-box-shadow: 1px 0 20px rgba(0, 0, 0, 0.2);
            box-shadow: 1px 0 20px rgba(0, 0, 0, 0.2);
  }
  header .logo {
    width: 200px;
    height: 40px;
    bottom: 35%;
  }
  header .bars {
    display: block;
  }
  header nav {
    display: none;
  }
}
/*# sourceMappingURL=style.css.map */