/* Welcome to Compass.
 * In this file you should write your main styles. (or centralize your imports)
 * Import this file using the following HTML or equivalent:
 * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
/* line 1, ../sass/_buttons.scss */
/*.btn {*/
/*  padding: 8px 25px;*/
/*  font-weight: 500;*/
/*  color: #FFFFFF;*/
/*  font-size: 0.9rem;*/
/*  border-radius: 0;*/
/*  background-color: #01A191;*/
/*}*/
/*!* line 8, ../sass/_buttons.scss *!*/
/*.btn i {*/
/*  display: inline-block;*/
/*  vertical-align: middle;*/
/*  margin-right: 10px;*/
/*}*/
/*!* line 12, ../sass/_buttons.scss *!*/
/*.btn i.gg-user {*/
/*  margin-top: -2px;*/
/*}*/
/*!* line 15, ../sass/_buttons.scss *!*/
/*.btn i.gg-log-in {*/
/*  margin-left: 20px;*/
/*}*/
/* line 19, ../sass/_buttons.scss */
.btn.radius-1 {
  border-radius: 8px;
}
/* line 22, ../sass/_buttons.scss */
.btn.radius-2 {
  border-radius: 30px;
}
/* line 25, ../sass/_buttons.scss */
.btn.create-user {
  font-size: 1rem;
}
/* line 28, ../sass/_buttons.scss */
.btn.menu {
  font-size: 0.88rem;
  padding: 6px 20px;
}
/* line 31, ../sass/_buttons.scss */
.btn.menu i {
  color: #002540;
}

/* line 36, ../sass/_buttons.scss */
#btn-product {
  font-size: 12px;
}

/* line 2, ../sass/_blocs.scss */
.content-image-principale .image-principale {
  width: 100%;
  height: 70vh;
  overflow: hidden;
  position: relative;
}
/* line 7, ../sass/_blocs.scss */
.content-image-principale .image-principale .mobile {
  display: none;
}
/* line 10, ../sass/_blocs.scss */
.content-image-principale .image-principale img {
  max-width: 100%;
}
/* line 13, ../sass/_blocs.scss */
.content-image-principale .image-principale .texte {
  position: absolute;
  top: 50%;
  left: 100px;
  transform: translate(0, -50%);
  max-width: 50%;
}
/* line 19, ../sass/_blocs.scss */
.content-image-principale .image-principale .texte h1 {
  font-size: 2.8rem;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 40px;
}
/* line 25, ../sass/_blocs.scss */
.content-image-principale .image-principale .texte p {
  max-width: 80%;
  font-size: 0.9rem;
  line-height: 1.6rem;
  font-weight: 300;
}
/* line 32, ../sass/_blocs.scss */
.content-image-principale .image-principale .list-btn {
  width: calc(100% - 200px);
  position: absolute;
  bottom: 50px;
  left: 100px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
/* line 39, ../sass/_blocs.scss */
.content-image-principale .image-principale .list-btn .b2 {
  text-align: right;
}
/* line 42, ../sass/_blocs.scss */
.content-image-principale .image-principale .list-btn.mobile {
  display: none;
}
/* line 48, ../sass/_blocs.scss */
.content-image-principale .list-btn.mobile {
  display: none;
}
@media screen and (max-width: 998px) {
  /* line 1, ../sass/_blocs.scss */
  .content-image-principale {
    padding-bottom: 60px;
  }
  /* line 54, ../sass/_blocs.scss */
  .content-image-principale .image-principale {
    height: 62vh;
  }
  /* line 56, ../sass/_blocs.scss */
  .content-image-principale .image-principale .desktop {
    display: none;
  }
  /* line 59, ../sass/_blocs.scss */
  .content-image-principale .image-principale .mobile {
    display: block;
  }
  /* line 62, ../sass/_blocs.scss */
  .content-image-principale .image-principale .texte {
    left: 20px;
    max-width: 90%;
  }
  /* line 65, ../sass/_blocs.scss */
  .content-image-principale .image-principale .texte h1 {
    font-size: 2rem;
  }
  /* line 69, ../sass/_blocs.scss */
  .content-image-principale .image-principale .list-btn {
    display: none;
  }
  /* line 73, ../sass/_blocs.scss */
  .content-image-principale .list-btn {
    display: none;
  }
  /* line 75, ../sass/_blocs.scss */
  .content-image-principale .list-btn.mobile {
    display: block;
    margin-top: 20px;
    grid-template-columns: repeat(1, 1fr);
    text-align: center;
  }
  /* line 80, ../sass/_blocs.scss */
  .content-image-principale .list-btn.mobile .b2 {
    margin-top: 15px;
  }
}

/* line 88, ../sass/_blocs.scss */
.bloc-photo-texte {
  padding: 100px 0;
  position: relative;
}
/* line 91, ../sass/_blocs.scss */
.bloc-photo-texte .bloc-couleur {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 20%;
  z-index: -1;
}
/* line 99, ../sass/_blocs.scss */
.bloc-photo-texte .texte, .bloc-photo-texte .image {
  align-self: center;
}
/* line 102, ../sass/_blocs.scss */
.bloc-photo-texte img {
  max-width: 100%;
}
/* line 105, ../sass/_blocs.scss */
.bloc-photo-texte h1 {
  font-size: 2rem;
  font-weight: 600;
  color: #002540;
  margin-bottom: 30px;
}
/* line 111, ../sass/_blocs.scss */
.bloc-photo-texte p {
  font-weight: 300;
  line-height: 1.4rem;
  font-size: 0.9rem;
  margin-bottom: 30px;
}
/* line 118, ../sass/_blocs.scss */
.bloc-photo-texte.droit .bloc-couleur {
  left: auto;
  right: 0;
}
@media screen and (max-width: 998px) {
  /* line 124, ../sass/_blocs.scss */
  .bloc-photo-texte .bloc-couleur {
    display: none;
  }
  /* line 127, ../sass/_blocs.scss */
  .bloc-photo-texte img {
    margin-bottom: 20px;
  }
}

/* line 133, ../sass/_blocs.scss */
.bloc-2-photos {
  padding: 100px 0;
  position: relative;
}
/* line 136, ../sass/_blocs.scss */
.bloc-2-photos .bloc-couleur {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 20%;
  z-index: -1;
}
/* line 144, ../sass/_blocs.scss */
.bloc-2-photos img {
  max-width: 100%;
}
/* line 146, ../sass/_blocs.scss */
.bloc-2-photos img.box-shadow {
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.15);
}
@media screen and (max-width: 998px) {
  /* line 151, ../sass/_blocs.scss */
  .bloc-2-photos .bloc-couleur {
    display: none;
  }
  /* line 154, ../sass/_blocs.scss */
  .bloc-2-photos img {
    margin-bottom: 30px;
  }
}

/* line 160, ../sass/_blocs.scss */
.bloc-texte-seul {
  padding: 100px 0;
  position: relative;
}
/* line 163, ../sass/_blocs.scss */
.bloc-texte-seul h1 {
  font-size: 2rem;
  font-weight: 600;
  margin-bottom: 30px;
}
/* line 168, ../sass/_blocs.scss */
.bloc-texte-seul p {
  font-weight: 300;
  line-height: 1.4rem;
  font-size: 0.9rem;
  margin-bottom: 30px;
}

/* line 176, ../sass/_blocs.scss */
.bloc-3-photos-texte {
  padding: 100px 0;
  position: relative;
}
/* line 179, ../sass/_blocs.scss */
.bloc-3-photos-texte .bloc-couleur {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 20%;
  z-index: -1;
}
/* line 187, ../sass/_blocs.scss */
.bloc-3-photos-texte img {
  max-width: 100%;
  display: block;
}
/* line 191, ../sass/_blocs.scss */
.bloc-3-photos-texte .texte {
  padding: 25px;
}
/* line 193, ../sass/_blocs.scss */
.bloc-3-photos-texte .texte h2 {
  font-size: 1.5rem;
  font-weight: 600;
  margin-bottom: 30px;
}
/* line 198, ../sass/_blocs.scss */
.bloc-3-photos-texte .texte p {
  font-weight: 300;
  line-height: 1.4rem;
  font-size: 0.9rem;
  margin-bottom: 30px;
}
@media screen and (max-width: 998px) {
  /* line 206, ../sass/_blocs.scss */
  .bloc-3-photos-texte .bloc-couleur {
    display: none;
  }
  /* line 209, ../sass/_blocs.scss */
  .bloc-3-photos-texte .image-texte {
    margin-bottom: 30px;
  }
}

/* line 215, ../sass/_blocs.scss */
.bloc-baniere-pub {
  padding: 100px 0;
  position: relative;
}
/* line 218, ../sass/_blocs.scss */
.bloc-baniere-pub .baniere {
  display: grid;
  gap: 40px;
}
/* line 221, ../sass/_blocs.scss */
.bloc-baniere-pub .baniere.v2 {
  grid-template-columns: repeat(2, 1fr);
}
/* line 223, ../sass/_blocs.scss */
.bloc-baniere-pub .baniere.v2 .bloc1 {
  background-color: #002540;
  height: 400px;
}
/* line 227, ../sass/_blocs.scss */
.bloc-baniere-pub .baniere.v2 .bloc2 {
  background-color: #01A191;
}
@media screen and (max-width: 998px) {
  /* line 221, ../sass/_blocs.scss */
  .bloc-baniere-pub .baniere.v2 {
    grid-template-columns: repeat(1, 1fr);
  }
  /* line 232, ../sass/_blocs.scss */
  .bloc-baniere-pub .baniere.v2 .bloc1, .bloc-baniere-pub .baniere.v2 .bloc2 {
    height: 250px;
  }
}
/* line 237, ../sass/_blocs.scss */
.bloc-baniere-pub .baniere.v3 {
  grid-template-columns: repeat(4, 1fr);
}
/* line 239, ../sass/_blocs.scss */
.bloc-baniere-pub .baniere.v3 .bloc1 {
  grid-column: 1 / 3;
  grid-row: 1 / 3;
  background-color: #002540;
  height: 400px;
}
/* line 245, ../sass/_blocs.scss */
.bloc-baniere-pub .baniere.v3 .bloc2 {
  background-color: #01A191;
}
/* line 248, ../sass/_blocs.scss */
.bloc-baniere-pub .baniere.v3 .bloc3 {
  background-color: #002540;
  opacity: 0.5;
}
/* line 252, ../sass/_blocs.scss */
.bloc-baniere-pub .baniere.v3 .bloc4 {
  background-color: #01A191;
  opacity: 0.5;
  grid-column: 3 / 5;
}
@media screen and (max-width: 991px) {
  /* line 237, ../sass/_blocs.scss */
  .bloc-baniere-pub .baniere.v3 {
    grid-template-columns: repeat(2, 1fr);
    gap: 15px 15px;
  }
  /* line 260, ../sass/_blocs.scss */
  .bloc-baniere-pub .baniere.v3 .bloc1 {
    grid-column: auto;
    grid-row: auto;
  }
  /* line 264, ../sass/_blocs.scss */
  .bloc-baniere-pub .baniere.v3 .bloc3 {
    grid-row: 2;
  }
  /* line 267, ../sass/_blocs.scss */
  .bloc-baniere-pub .baniere.v3 .bloc4 {
    grid-row: 2;
    grid-column: auto;
  }
  /* line 271, ../sass/_blocs.scss */
  .bloc-baniere-pub .baniere.v3 .bloc1, .bloc-baniere-pub .baniere.v3 .bloc2, .bloc-baniere-pub .baniere.v3 .bloc3, .bloc-baniere-pub .baniere.v3 .bloc4 {
    height: 200px;
  }
}
/* line 276, ../sass/_blocs.scss */
.bloc-baniere-pub .baniere .radius-1 {
  border-radius: 6px;
}
/* line 279, ../sass/_blocs.scss */
.bloc-baniere-pub .baniere .radius-2 {
  border-radius: 20px;
}

/* line 10, ../sass/screen.scss */
body {
  font-family: "Open Sans", sans-serif;
}

/* line 14, ../sass/screen.scss */
.space {
  margin: 80px 0;
}