@charset "UTF-8";
/*
couleur typo sur <p> avec transparence
taille width after <h2> différent suivant les titres
*/
@import url(../fonts/fonts.css);
/* line 6, ../scss/homepage.scss */
body.homepage .hero .hero-slider-desktop {
  height: 445px;
  background-color: #001E55;
  display: flex;
  align-items: center;
}
/* line 12, ../scss/homepage.scss */
body.homepage .hero .hero-slider-desktop .hero-menu-bg {
  transform-origin: 100% 100%;
  -webkit-transform: skewX(-20deg);
  transform: skewX(-20deg);
  background-color: #001E55;
  width: 30vw;
  height: 445px;
  z-index: 10;
  position: absolute;
}
/* line 23, ../scss/homepage.scss */
body.homepage .hero .hero-slider-desktop .hero-menu {
  width: 30vw;
  z-index: 20;
  padding-left: 4vw;
}
/* line 28, ../scss/homepage.scss */
body.homepage .hero .hero-slider-desktop .hero-menu h1 {
  margin: 0;
  line-height: 2.34rem;
  font-size: 1.6rem;
  text-transform: uppercase;
}
/* line 35, ../scss/homepage.scss */
body.homepage .hero .hero-slider-desktop .hero-menu ul li {
  margin: 1.5rem 0;
}
/* line 37, ../scss/homepage.scss */
body.homepage .hero .hero-slider-desktop .hero-menu ul li a {
  font-size: 1.5rem;
  color: #FFFFFF;
  letter-spacing: 0.8;
  line-height: 2rem;
  font-weight: 600;
  margin-left: -100px;
  opacity: 0;
  transition: 1s all ease;
}
/* line 47, ../scss/homepage.scss */
body.homepage .hero .hero-slider-desktop .hero-menu ul li a.animate {
  opacity: 0.6;
  margin-left: 0;
}
/* line 52, ../scss/homepage.scss */
body.homepage .hero .hero-slider-desktop .hero-menu ul li a:hover {
  opacity: 1;
  margin-left: 15px;
}
/* line 56, ../scss/homepage.scss */
body.homepage .hero .hero-slider-desktop .hero-menu ul li a.active {
  opacity: 1;
  margin-left: 15px;
}
/* line 64, ../scss/homepage.scss */
body.homepage .hero .hero-slider-desktop .hero-image {
  width: 70vw;
  opacity: 0;
}
/* line 67, ../scss/homepage.scss */
body.homepage .hero .hero-slider-desktop .hero-image .hero-image-item {
  background-size: cover;
  width: 100%;
  height: 445px;
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1081px) {
  /* line 78, ../scss/homepage.scss */
  body.homepage .hero .hero-slider-desktop .hero-menu ul li a {
    font-size: 1.25rem;
  }
}
@media only screen and (max-device-width: 810px) {
  /* line 87, ../scss/homepage.scss */
  body.homepage .hero .hero-slider-mobile {
    display: block;
  }
  /* line 91, ../scss/homepage.scss */
  body.homepage .hero .hero-slider-mobile h1 {
    text-transform: uppercase;
    font-weight: 800;
    color: #FFFFFF;
    font-size: 1.06rem;
    position: absolute;
    z-index: 100;
    width: 100vw;
    margin-top: 8vh;
    padding-left: 15vw;
  }
  /* line 102, ../scss/homepage.scss */
  body.homepage .hero .hero-slider-mobile .hero-image-mobile {
    opacity: 0;
  }
  /* line 105, ../scss/homepage.scss */
  body.homepage .hero .hero-slider-mobile .hero-image-mobile .hero-image-item {
    height: 30vh;
    width: 100vw;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  /* line 115, ../scss/homepage.scss */
  body.homepage .hero .hero-slider-mobile .hero-image-mobile .hero-image-item a {
    opacity: 0;
    color: #FFFFFF;
    font-size: 1.34rem;
    letter-spacing: 0.6;
    font-weight: bold;
    width: 100%;
    padding-left: 15vw;
    line-height: 1.5rem;
  }
  /* line 128, ../scss/homepage.scss */
  body.homepage .hero .slick-next {
    right: 25px;
    z-index: 99;
    opacity: 0;
  }
  /* line 133, ../scss/homepage.scss */
  body.homepage .hero .slick-next.view::before {
    opacity: 0.5;
  }
  /* line 138, ../scss/homepage.scss */
  body.homepage .hero .slick-prev {
    left: 25px;
    z-index: 99;
    opacity: 0;
  }
  /* line 143, ../scss/homepage.scss */
  body.homepage .hero .slick-prev.view::before {
    opacity: 0.5;
  }
  /* line 148, ../scss/homepage.scss */
  body.homepage .hero .slick-prev::before, body.homepage .hero .slick-next::before {
    opacity: 0.5;
  }
}
/* line 155, ../scss/homepage.scss */
body.homepage .bloc-full-image-left.first-bloc .image {
  margin-left: 5vw;
  display: flex;
}
/* line 160, ../scss/homepage.scss */
body.homepage .bloc-full-image-left.first-bloc .image .bloc-logos ul {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
/* line 164, ../scss/homepage.scss */
body.homepage .bloc-full-image-left.first-bloc .image .bloc-logos ul li {
  width: 23%;
  text-align: center;
}
/* line 167, ../scss/homepage.scss */
body.homepage .bloc-full-image-left.first-bloc .image .bloc-logos ul li img {
  width: 100%;
}
/* line 172, ../scss/homepage.scss */
body.homepage .bloc-full-image-left.first-bloc .image .bloc-logos ul li.last img {
  width: 65%;
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1081px) {
  /* line 180, ../scss/homepage.scss */
  body.homepage .bloc-full-image-left.first-bloc .image .bloc-logos ul li {
    width: 27%;
  }
}
@media only screen and (max-device-width: 767px) {
  /* line 187, ../scss/homepage.scss */
  body.homepage .bloc-full-image-left.first-bloc .image .bloc-logos ul li {
    width: 30%;
  }
}
/* line 196, ../scss/homepage.scss */
body.homepage .bloc-full-image-left.first-bloc .content .content-inner {
  padding-left: 6vw;
}
/* line 202, ../scss/homepage.scss */
body.homepage .bloc-2 {
  margin-bottom: 10vw;
  display: flex;
  align-items: center;
}
/* line 207, ../scss/homepage.scss */
body.homepage .bloc-2 .bloc-2-title {
  width: 30vw;
  align-items: center;
  padding-left: 8vw;
  padding-right: 8vw;
}
/* line 213, ../scss/homepage.scss */
body.homepage .bloc-2 .bloc-2-slide {
  width: 70vw;
  display: flex;
  padding: 0px 2vw 0 0;
}
/* line 218, ../scss/homepage.scss */
body.homepage .bloc-2 .bloc-2-slide .slide-item {
  width: 33%;
  min-height: 408px;
  margin: 0 1%;
  background-size: cover;
  background-position: center;
  color: #FFFFFF;
}
/* line 226, ../scss/homepage.scss */
body.homepage .bloc-2 .bloc-2-slide .slide-item .slide-over {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: rgba(2, 28, 82, 0.6);
  width: 100%;
  height: 100%;
  -webkit-transition: background-color .2s ease-out;
  transition: background-color .2s ease-out;
}
/* line 237, ../scss/homepage.scss */
body.homepage .bloc-2 .bloc-2-slide .slide-item .slide-over .title {
  transition: all 0.5s ease-out;
  position: absolute;
  text-transform: uppercase;
  font-size: 1.6rem;
  font-weight: 800;
  letter-spacing: 1.8px;
  line-height: 2;
}
/* line 252, ../scss/homepage.scss */
body.homepage .bloc-2 .bloc-2-slide .slide-item .slide-over .text {
  opacity: 0;
  max-width: 75%;
  text-align: center;
  transition: all 0.5s ease-out;
  font-weight: 500;
  font-size: 1.34rem;
  letter-spacing: 1px;
  line-height: 2.4rem;
}
/* line 264, ../scss/homepage.scss */
body.homepage .bloc-2 .bloc-2-slide .slide-item .slide-over .text.over {
  opacity: 1;
}
/* line 270, ../scss/homepage.scss */
body.homepage .bloc-2 .bloc-2-slide .slide-item .slide-over.over {
  background-color: rgba(2, 28, 82, 0.8);
}
/* line 279, ../scss/homepage.scss */
body.homepage .bloc-2 .bloc-2-slide .slide-item .slide-zone-over {
  background-color: transparent;
  margin-top: -115%;
  width: 100%;
  height: 100%;
  z-index: 200;
  position: relative;
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1081px) {
  /* line 291, ../scss/homepage.scss */
  body.homepage .bloc-2 .bloc-2-title {
    width: 28vw;
    padding-left: 5vw;
    padding-right: 5vw;
  }
  /* line 299, ../scss/homepage.scss */
  body.homepage .bloc-2 .bloc-2-slide .slide-item .slide-over .title {
    position: initial;
  }
  /* line 302, ../scss/homepage.scss */
  body.homepage .bloc-2 .bloc-2-slide .slide-item .slide-over .text {
    opacity: 1;
    max-width: 85%;
    line-height: 2rem;
  }
}
@media only screen and (max-device-width: 767px) {
  /* line 202, ../scss/homepage.scss */
  body.homepage .bloc-2 {
    flex-direction: column;
    margin-bottom: 5vh;
    margin-top: 5vh;
  }
  /* line 315, ../scss/homepage.scss */
  body.homepage .bloc-2 .bloc-2-title {
    width: 100%;
    margin-bottom: 5vh;
  }
  /* line 319, ../scss/homepage.scss */
  body.homepage .bloc-2 .bloc-2-slide {
    width: 100%;
  }
  /* line 321, ../scss/homepage.scss */
  body.homepage .bloc-2 .bloc-2-slide .slide-item {
    width: 90vw;
    height: 60vh;
    margin: 0 10px;
  }
  /* line 326, ../scss/homepage.scss */
  body.homepage .bloc-2 .bloc-2-slide .slide-item .slide-over .title {
    position: initial;
  }
  /* line 329, ../scss/homepage.scss */
  body.homepage .bloc-2 .bloc-2-slide .slide-item .slide-over .text {
    opacity: 1;
  }
}
/* line 338, ../scss/homepage.scss */
body.homepage .bloc-3 {
  display: flex;
  align-items: center;
  margin-bottom: 45px;
}
/* line 343, ../scss/homepage.scss */
body.homepage .bloc-3 .image {
  width: 40vw;
  position: absolute;
}
/* line 347, ../scss/homepage.scss */
body.homepage .bloc-3 .content {
  width: 100vw;
}
/* line 349, ../scss/homepage.scss */
body.homepage .bloc-3 .content .content-inner {
  background-color: #001E55;
  padding: 12vh 15vw 12vh 8vw;
  padding-left: 50vw;
  display: flex;
  align-items: center;
}
/* line 357, ../scss/homepage.scss */
body.homepage .bloc-3 .content .content-inner h2, body.homepage .bloc-3 .content .content-inner p {
  color: #FFFFFF;
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1081px) {
  /* line 364, ../scss/homepage.scss */
  body.homepage .bloc-3 .image {
    width: 45vw;
  }
  /* line 368, ../scss/homepage.scss */
  body.homepage .bloc-3 .content .content-inner {
    padding-top: 7vh;
    padding-bottom: 7vh;
  }
}
@media only screen and (max-device-width: 767px) {
  /* line 338, ../scss/homepage.scss */
  body.homepage .bloc-3 {
    flex-direction: column-reverse;
    background-color: #001E55;
    padding: 5vh 5vw;
    margin-bottom: 15vh;
  }
  /* line 380, ../scss/homepage.scss */
  body.homepage .bloc-3 .content .content-inner {
    padding: 0 5vw;
  }
  /* line 384, ../scss/homepage.scss */
  body.homepage .bloc-3 .image {
    position: relative;
    width: 100%;
    top: 20vh;
    margin-top: -15vh;
  }
}
/* line 393, ../scss/homepage.scss */
body.homepage .bloc-4 {
  z-index: 999;
  display: flex;
  align-items: center;
  margin-bottom: 70px;
}
/* line 398, ../scss/homepage.scss */
body.homepage .bloc-4 .content {
  width: 45vw;
  padding-left: 8vw;
  padding-right: 10vw;
}
/* line 405, ../scss/homepage.scss */
body.homepage .bloc-4 .content ul li:before {
  content: '- ';
}
/* line 411, ../scss/homepage.scss */
body.homepage .bloc-4 .image {
  width: 55vw;
  height: 30vw;
  display: flex;
}

/* line 5, ../scss/page.scss */
body.page .hero {
  width: 100vw;
  height: 40vh;
  max-height: 350px;
  background-size: cover;
  display: flex;
  align-items: center;
  justify-content: center;
}
/* line 14, ../scss/page.scss */
body.page .hero h1 {
  font-size: 2.4rem;
  text-align: center;
}
@media only screen and (max-device-width: 810px) {
  /* line 14, ../scss/page.scss */
  body.page .hero h1 {
    font-size: 2rem;
    text-align: center;
    line-height: 3rem;
  }
}
/* line 24, ../scss/page.scss */
body.page .hero .btn-homepage {
  font-size: 0.94rem;
  font-weight: 500;
  color: #FFFFFF;
  position: absolute;
  top: 100px;
  left: 60px;
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1081px) {
  /* line 24, ../scss/page.scss */
  body.page .hero .btn-homepage {
    left: 25px;
  }
}
@media only screen and (max-device-width: 810px) {
  /* line 24, ../scss/page.scss */
  body.page .hero .btn-homepage {
    display: none;
  }
}
/* line 40, ../scss/page.scss */
body.page .hero .logo-emarine {
  position: absolute;
  top: 21vh;
  left: 12vw;
  opacity: 0;
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1081px) {
  /* line 40, ../scss/page.scss */
  body.page .hero .logo-emarine {
    width: 15vw;
    top: 25vh;
  }
}
@media only screen and (max-device-width: 810px) {
  /* line 40, ../scss/page.scss */
  body.page .hero .logo-emarine {
    width: 20vw;
    left: initial;
    top: 41vh;
  }
}
/* line 59, ../scss/page.scss */
body.page nav .nav-desktop-sticky {
  top: 0;
}
/* line 65, ../scss/page.scss */
body.page.page-risques-speciaux .bloc-full-image-left.bloc-objets-art {
  padding-top: 3vh;
  padding-bottom: 5vh;
}
/* line 69, ../scss/page.scss */
body.page.page-risques-speciaux .bloc-full-image-left.bloc-objets-art .image {
  padding-left: 8vw;
  padding-right: 3vw;
  position: relative;
}
/* line 74, ../scss/page.scss */
body.page.page-risques-speciaux .bloc-full-image-left.bloc-objets-art .image img {
  z-index: 889;
}
/* line 77, ../scss/page.scss */
body.page.page-risques-speciaux .bloc-full-image-left.bloc-objets-art .image .bloc-blue {
  width: 200px;
  height: 200px;
  background-color: #001E55;
  z-index: 888;
  position: absolute;
  right: 0;
  bottom: -3vw;
}
/* line 91, ../scss/page.scss */
body.page.page-emarine .bloc-full-image-left.first-bloc {
  padding-left: 5vw;
}
/* line 93, ../scss/page.scss */
body.page.page-emarine .bloc-full-image-left.first-bloc .image {
  width: auto;
}
@media only screen and (max-device-width: 767px) {
  /* line 93, ../scss/page.scss */
  body.page.page-emarine .bloc-full-image-left.first-bloc .image {
    width: 90vw;
  }
}
/* line 100, ../scss/page.scss */
body.page.page-emarine .bloc-full-image-right.bloc-last {
  padding-bottom: 5vh;
}
/* line 102, ../scss/page.scss */
body.page.page-emarine .bloc-full-image-right.bloc-last .image {
  padding-right: 3vw;
  position: relative;
  height: initial;
}
/* line 107, ../scss/page.scss */
body.page.page-emarine .bloc-full-image-right.bloc-last .image img {
  z-index: 889;
}
/* line 110, ../scss/page.scss */
body.page.page-emarine .bloc-full-image-right.bloc-last .image .bloc-gold {
  width: 200px;
  height: 200px;
  background-color: #AD9155;
  z-index: 888;
  position: absolute;
  left: 25vw;
  bottom: -3vw;
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1081px) {
  /* line 122, ../scss/page.scss */
  body.page.page-emarine .bloc-full-image-right.bloc-last .image .bloc-gold {
    left: 20vw;
    bottom: -5vw;
  }
}
@media only screen and (max-device-width: 767px) {
  /* line 131, ../scss/page.scss */
  body.page.page-emarine .hero {
    background-position: center;
  }
  /* line 135, ../scss/page.scss */
  body.page.page-emarine a.btn.square-btn {
    max-width: initial;
  }
}
/* line 142, ../scss/page.scss */
body.page.page-assurance-personnes .bloc-full-image-left.first-bloc .image {
  display: flex;
}
/* line 146, ../scss/page.scss */
body.page.page-assurance-personnes .bloc-full-image-left.first-bloc .image .bloc-logos ul {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 2vw;
}
/* line 151, ../scss/page.scss */
body.page.page-assurance-personnes .bloc-full-image-left.first-bloc .image .bloc-logos ul li {
  width: 23%;
  text-align: center;
}
/* line 154, ../scss/page.scss */
body.page.page-assurance-personnes .bloc-full-image-left.first-bloc .image .bloc-logos ul li img {
  width: 100%;
}
/* line 159, ../scss/page.scss */
body.page.page-assurance-personnes .bloc-full-image-left.first-bloc .image .bloc-logos ul li.last img {
  width: 65%;
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1081px) {
  /* line 167, ../scss/page.scss */
  body.page.page-assurance-personnes .bloc-full-image-left.first-bloc .image .bloc-logos ul li {
    width: 27%;
  }
}
@media only screen and (max-device-width: 767px) {
  /* line 174, ../scss/page.scss */
  body.page.page-assurance-personnes .bloc-full-image-left.first-bloc .image .bloc-logos ul li {
    width: 30%;
  }
}
@media only screen and (max-device-width: 767px) {
  /* line 183, ../scss/page.scss */
  body.page.page-assurance-personnes .hero {
    background-position: center;
  }
}
/* line 191, ../scss/page.scss */
body.page.page-basic .content {
  padding-top: 5vh;
  width: 60%;
  margin: 0 auto;
}
/* line 196, ../scss/page.scss */
body.page.page-basic .content h3 {
  color: #001E55;
  font-weight: bold;
  font-size: 1.6rem;
}
/* line 201, ../scss/page.scss */
body.page.page-basic .content h4 {
  color: #001E55;
  font-weight: bold;
  font-size: 1.34rem;
}
/* line 206, ../scss/page.scss */
body.page.page-basic .content ul {
  padding-left: 20px;
}

/* line 11, ../scss/styles.scss */
#is_tablette {
  display: none;
}

/* line 12, ../scss/styles.scss */
#is_mobile {
  display: none;
}

@media only screen and (min-device-width: 811px) and (max-device-width: 1081px) {
  /* line 14, ../scss/styles.scss */
  #is_tablette {
    display: block;
  }
}
@media only screen and (max-device-width: 810px) {
  /* line 17, ../scss/styles.scss */
  #is_mobile {
    display: block;
  }
}
/* line 21, ../scss/styles.scss */
body {
  background-color: #FFFFFF;
  font-family: Raleway;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* line 28, ../scss/styles.scss */
h1 {
  font-weight: 800;
  color: #FFFFFF;
  opacity: 0;
  margin-top: -100px;
  transition: all 0.5s ease-out;
}
/* line 35, ../scss/styles.scss */
h1.animate {
  opacity: 1;
  margin-top: 0;
}

/* line 40, ../scss/styles.scss */
h2 {
  margin: 0;
  font-weight: bold;
  font-size: 2rem;
  letter-spacing: 0.8px;
  color: #001E55;
  line-height: 3rem;
}
/* line 48, ../scss/styles.scss */
h2:after {
  content: ' ';
  width: 60px;
  height: 2px;
  display: block;
  background-color: #AD9155;
  margin-top: 1rem;
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1081px) {
  /* line 40, ../scss/styles.scss */
  h2 {
    font-size: 1.625rem;
    line-height: 2rem;
  }
}

/* line 62, ../scss/styles.scss */
h6 {
  font-weight: 800;
  font-size: 1.2rem;
  letter-spacing: 1px;
  color: #001E55;
}

/* line 68, ../scss/styles.scss */
p, ul li {
  margin-bottom: 0;
  font-weight: 500;
  font-size: 1.34rem;
  line-height: 2.67rem;
  letter-spacing: 0.5px;
  color: #334974;
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1081px) {
  /* line 68, ../scss/styles.scss */
  p, ul li {
    font-size: 1.125rem;
    line-height: 2rem;
  }
}
@media only screen and (max-device-width: 810px) {
  /* line 68, ../scss/styles.scss */
  p, ul li {
    font-size: 1.15rem;
    line-height: 2.2rem;
  }
}

/* line 85, ../scss/styles.scss */
strong, b {
  font-weight: 800;
}

/* line 88, ../scss/styles.scss */
.row {
  margin-bottom: 0;
}

/* line 91, ../scss/styles.scss */
a {
  color: #334974;
  transition: all 0.5s ease-out;
  cursor: pointer;
  font-size: 1.34rem;
  line-height: 2.67rem;
}
/* line 97, ../scss/styles.scss */
a:hover {
  transition: all 0.5s ease-out;
  color: #AD9155;
}
/* line 102, ../scss/styles.scss */
a.link-download {
  display: flex;
  align-items: center;
  transition: none;
}
/* line 107, ../scss/styles.scss */
a.link-download::before {
  content: ' ';
  display: inline-block;
  background: url(../img/pictos/document-bleu.svg) no-repeat;
  width: 25px;
  height: 22px;
  margin-right: 8px;
}
/* line 117, ../scss/styles.scss */
a.link-download:hover::before {
  background: url(../img/pictos/document-gold.svg) no-repeat;
}

/* line 124, ../scss/styles.scss */
a.btn {
  height: 50px;
  line-height: 50px;
  font-weight: 800;
  font-size: 1rem;
  letter-spacing: 0.8px;
  color: #FFFFFF;
  background-color: #001E55;
  display: flex;
  align-items: center;
  box-shadow: none;
  cursor: pointer;
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1081px) {
  /* line 124, ../scss/styles.scss */
  a.btn {
    font-size: 0.75rem;
  }
}
/* line 141, ../scss/styles.scss */
a.btn img {
  height: 16px;
  margin-right: 10px;
  margin-left: 10px;
}
/* line 147, ../scss/styles.scss */
a.btn:hover {
  background-color: #AD9155;
  box-shadow: none;
}
/* line 152, ../scss/styles.scss */
a.btn.round-btn {
  border-radius: 50px;
  padding: 0 20px 0 10px;
}
/* line 156, ../scss/styles.scss */
a.btn.square-btn {
  display: block;
  max-width: 20vw;
  margin-top: 20px;
}

/* line 164, ../scss/styles.scss */
.slick-dots li {
  margin: 0;
  width: 15px;
  height: 15px;
}
/* line 169, ../scss/styles.scss */
.slick-dots li button::before {
  color: rgba(0, 30, 85, 0.4);
  font-size: 10px;
}
/* line 176, ../scss/styles.scss */
.slick-dots li.slick-active button::before {
  color: rgba(0, 30, 85, 0.8);
}

/* line 185, ../scss/styles.scss */
nav {
  height: 87px;
  line-height: 87px;
  background-color: #FFFFFF;
}
/* line 190, ../scss/styles.scss */
nav .nav-desktop-fixed, nav .nav-desktop-sticky {
  height: 87px;
  line-height: 87px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 40px 0 60px;
}
/* line 200, ../scss/styles.scss */
nav .nav-desktop-fixed a.link-logo, nav .nav-desktop-sticky a.link-logo {
  height: 51px;
}
/* line 202, ../scss/styles.scss */
nav .nav-desktop-fixed a.link-logo img.logo, nav .nav-desktop-sticky a.link-logo img.logo {
  height: 51px;
}
/* line 207, ../scss/styles.scss */
nav .nav-desktop-fixed a.round-btn, nav .nav-desktop-sticky a.round-btn {
  margin-left: 10px;
}
/* line 211, ../scss/styles.scss */
nav .nav-desktop-sticky {
  background-color: #FFFFFF;
  border-bottom: solid 1px rgba(0, 30, 85, 0.1);
  padding: 0 40px 0 30px;
  top: -100px;
  position: fixed;
  width: 100%;
  line-height: 87px;
  height: 87px;
  z-index: 9999;
}
/* line 221, ../scss/styles.scss */
nav .nav-desktop-sticky a.link-logo {
  line-height: initial;
  height: 35px;
}
/* line 224, ../scss/styles.scss */
nav .nav-desktop-sticky a.link-logo img.logo {
  height: 35px;
}
/* line 229, ../scss/styles.scss */
nav .nav-desktop-sticky .nav-spacer {
  flex-grow: 2;
}
/* line 232, ../scss/styles.scss */
nav .nav-desktop-sticky ul li a {
  color: #001E55;
  padding: 0 25px;
  font-size: 1rem;
  letter-spacing: 1px;
  font-weight: 500;
}
/* line 239, ../scss/styles.scss */
nav .nav-desktop-sticky ul li a:hover {
  background-color: transparent;
  color: #AD9155;
}
/* line 243, ../scss/styles.scss */
nav .nav-desktop-sticky ul li a.active {
  color: #AD9155;
}
/* line 250, ../scss/styles.scss */
nav .nav-mobile {
  display: none;
  background-color: #FFFFFF;
  height: 63px;
  justify-content: space-around;
  align-items: center;
}
/* line 258, ../scss/styles.scss */
nav .nav-mobile .logo {
  width: 50vw;
  margin-top: 10px;
}
/* line 262, ../scss/styles.scss */
nav .nav-mobile .btn-contact {
  margin-top: 10px;
}
/* line 265, ../scss/styles.scss */
nav .nav-mobile a {
  line-height: 32px;
}
/* line 269, ../scss/styles.scss */
nav .sidenav {
  width: 90vw;
  height: 100vh;
  padding-bottom: 0;
  background-color: #001E55;
}
/* line 276, ../scss/styles.scss */
nav .sidenav .btn-close {
  color: #FFFFFF;
  font-weight: 800;
  font-size: 25px;
  position: absolute;
  top: 16px;
  left: 16px;
}
/* line 284, ../scss/styles.scss */
nav .sidenav ul {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100vh;
}
/* line 292, ../scss/styles.scss */
nav .sidenav ul li h1 {
  opacity: 1;
  font-weight: 800;
  font-size: 16px;
  text-transform: uppercase;
  line-height: 48px;
  margin: 0;
}
/* line 300, ../scss/styles.scss */
nav .sidenav ul li a {
  color: #FFFFFF;
  font-size: 1.34rem;
  font-weight: bold;
  height: 60px;
  line-height: 30px;
  opacity: 0.6;
  text-align: center;
}
/* line 309, ../scss/styles.scss */
nav .sidenav ul li a.active {
  opacity: 1;
}
/* line 319, ../scss/styles.scss */
nav .nav-desktop-sticky a.btn.round-btn {
  padding: 0 15px 0 15px;
}
/* line 321, ../scss/styles.scss */
nav .nav-desktop-sticky a.btn.round-btn span {
  display: none;
}
/* line 322, ../scss/styles.scss */
nav .nav-desktop-sticky a.btn.round-btn img {
  margin: 0;
}
@media only screen and (min-device-width: 810px) and (max-device-width: 1081px) {
  /* line 330, ../scss/styles.scss */
  nav .nav-desktop-fixed, nav .nav-desktop-sticky {
    padding: 0 20px;
  }
  /* line 333, ../scss/styles.scss */
  nav .nav-desktop-fixed a.round-btn, nav .nav-desktop-sticky a.round-btn {
    margin-left: 20px;
  }
  /* line 338, ../scss/styles.scss */
  nav .nav-desktop-sticky a.link-logo {
    margin-right: 20px;
    height: 25px;
  }
  /* line 342, ../scss/styles.scss */
  nav .nav-desktop-sticky a.link-logo img.logo {
    height: 25px;
  }
  /* line 347, ../scss/styles.scss */
  nav .nav-desktop-sticky .nav-spacer {
    display: none;
  }
  /* line 350, ../scss/styles.scss */
  nav .nav-desktop-sticky ul {
    flex-grow: 2;
    display: flex;
    justify-content: space-around;
  }
  /* line 355, ../scss/styles.scss */
  nav .nav-desktop-sticky ul li {
    text-align: center;
  }
  /* line 357, ../scss/styles.scss */
  nav .nav-desktop-sticky ul li a {
    padding: 0 10px;
    line-height: 20px;
  }
  /* line 363, ../scss/styles.scss */
  nav .nav-desktop-sticky a.btn.round-btn {
    padding: 0 15px 0 15px;
  }
  /* line 365, ../scss/styles.scss */
  nav .nav-desktop-sticky a.btn.round-btn span {
    display: none;
  }
  /* line 366, ../scss/styles.scss */
  nav .nav-desktop-sticky a.btn.round-btn img {
    margin: 0;
  }
}
@media only screen and (max-device-width: 810px) {
  /* line 185, ../scss/styles.scss */
  nav {
    height: 63px;
  }
  /* line 374, ../scss/styles.scss */
  nav .nav-desktop-fixed, nav .nav-desktop-sticky {
    display: none;
  }
  /* line 377, ../scss/styles.scss */
  nav .nav-mobile {
    display: flex;
  }
}

/* line 380, ../scss/styles.scss */
.sidenav-overlay {
  background-color: rgba(2, 28, 82, 0.8);
}

/* line 382, ../scss/styles.scss */
.input-field.inline {
  margin-left: 0;
  width: 20vw;
}
@media only screen and (max-device-width: 767px) {
  /* line 382, ../scss/styles.scss */
  .input-field.inline {
    width: 100%;
  }
}

/* line 389, ../scss/styles.scss */
input:not([type]), input[type="text"]:not(.browser-default), input[type="password"]:not(.browser-default), input[type="email"]:not(.browser-default), input[type="url"]:not(.browser-default), input[type="time"]:not(.browser-default), input[type="date"]:not(.browser-default), input[type="datetime"]:not(.browser-default), input[type="datetime-local"]:not(.browser-default), input[type="tel"]:not(.browser-default), input[type="number"]:not(.browser-default), input[type="search"]:not(.browser-default), textarea.materialize-textarea {
  border-bottom-color: #334974;
  color: #AD9155;
}

/* line 393, ../scss/styles.scss */
input:not([type]):focus:not([readonly]), input[type="text"]:not(.browser-default):focus:not([readonly]), input[type="password"]:not(.browser-default):focus:not([readonly]), input[type="email"]:not(.browser-default):focus:not([readonly]), input[type="url"]:not(.browser-default):focus:not([readonly]), input[type="time"]:not(.browser-default):focus:not([readonly]), input[type="date"]:not(.browser-default):focus:not([readonly]), input[type="datetime"]:not(.browser-default):focus:not([readonly]), input[type="datetime-local"]:not(.browser-default):focus:not([readonly]), input[type="tel"]:not(.browser-default):focus:not([readonly]), input[type="number"]:not(.browser-default):focus:not([readonly]), input[type="search"]:not(.browser-default):focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) {
  border-bottom-color: #AD9155;
  -webkit-box-shadow: 0 1px 0 0 #AD9155;
  box-shadow: 0 1px 0 0 #AD9155;
}

/* line 398, ../scss/styles.scss */
input.invalid:not([type]), input.invalid:not([type]):focus, input.invalid[type="text"]:not(.browser-default), input.invalid[type="text"]:not(.browser-default):focus, input.invalid[type="password"]:not(.browser-default), input.invalid[type="password"]:not(.browser-default):focus, input.invalid[type="email"]:not(.browser-default), input.invalid[type="email"]:not(.browser-default):focus, input.invalid[type="url"]:not(.browser-default), input.invalid[type="url"]:not(.browser-default):focus, input.invalid[type="time"]:not(.browser-default), input.invalid[type="time"]:not(.browser-default):focus, input.invalid[type="date"]:not(.browser-default), input.invalid[type="date"]:not(.browser-default):focus, input.invalid[type="datetime"]:not(.browser-default), input.invalid[type="datetime"]:not(.browser-default):focus, input.invalid[type="datetime-local"]:not(.browser-default), input.invalid[type="datetime-local"]:not(.browser-default):focus, input.invalid[type="tel"]:not(.browser-default), input.invalid[type="tel"]:not(.browser-default):focus, input.invalid[type="number"]:not(.browser-default), input.invalid[type="number"]:not(.browser-default):focus, input.invalid[type="search"]:not(.browser-default), input.invalid[type="search"]:not(.browser-default):focus, textarea.materialize-textarea.invalid, textarea.materialize-textarea.invalid:focus, .select-wrapper.invalid > input.select-dropdown, .select-wrapper.invalid > input.select-dropdown:focus {
  border-bottom-color: #AD9155;
  -webkit-box-shadow: 0 1px 0 0 #AD9155;
  box-shadow: 0 1px 0 0 #AD9155;
}

/* line 403, ../scss/styles.scss */
.input-field > label {
  color: #334974;
}

/* line 406, ../scss/styles.scss */
input:not([type]):focus:not([readonly]) + label, input[type="text"]:not(.browser-default):focus:not([readonly]) + label, input[type="password"]:not(.browser-default):focus:not([readonly]) + label, input[type="email"]:not(.browser-default):focus:not([readonly]) + label, input[type="url"]:not(.browser-default):focus:not([readonly]) + label, input[type="time"]:not(.browser-default):focus:not([readonly]) + label, input[type="date"]:not(.browser-default):focus:not([readonly]) + label, input[type="datetime"]:not(.browser-default):focus:not([readonly]) + label, input[type="datetime-local"]:not(.browser-default):focus:not([readonly]) + label, input[type="tel"]:not(.browser-default):focus:not([readonly]) + label, input[type="number"]:not(.browser-default):focus:not([readonly]) + label, input[type="search"]:not(.browser-default):focus:not([readonly]) + label, textarea.materialize-textarea:focus:not([readonly]) + label {
  color: #AD9155;
}

/* line 410, ../scss/styles.scss */
footer {
  z-index: 999;
  position: relative;
}
/* line 412, ../scss/styles.scss */
footer .bloc-footer {
  z-index: 9999;
  background-color: rgba(0, 30, 85, 0.05);
  padding: 6vh 0 5vh 0;
  display: flex;
}
/* line 418, ../scss/styles.scss */
footer .bloc-footer .bloc-footer-inner {
  width: 85vw;
  display: flex;
  justify-content: space-evenly;
  margin: auto;
}
/* line 424, ../scss/styles.scss */
footer .bloc-footer .bloc-footer-inner div {
  width: 30vw;
  text-align: center;
}
/* line 428, ../scss/styles.scss */
footer .bloc-footer .bloc-footer-inner div h6, footer .bloc-footer .bloc-footer-inner div ul {
  margin-top: 0;
}
/* line 431, ../scss/styles.scss */
footer .bloc-footer .bloc-footer-inner div ul {
  margin-bottom: 0;
}
/* line 435, ../scss/styles.scss */
footer .bloc-footer .bloc-footer-inner div p, footer .bloc-footer .bloc-footer-inner div a {
  font-size: 1.06rem;
  color: #334974;
  letter-spacing: 0.89px;
  line-height: 2rem;
}
/* line 441, ../scss/styles.scss */
footer .bloc-footer .bloc-footer-inner div a {
  margin-bottom: 3vh;
  display: block;
}
/* line 445, ../scss/styles.scss */
footer .bloc-footer .bloc-footer-inner div a.last {
  margin-bottom: 0;
}
/* line 449, ../scss/styles.scss */
footer .bloc-footer .bloc-footer-inner div a:hover {
  color: #AD9155;
}
/* line 453, ../scss/styles.scss */
footer .bloc-footer .bloc-footer-inner div li, footer .bloc-footer .bloc-footer-inner div a {
  line-height: initial;
}
/* line 456, ../scss/styles.scss */
footer .bloc-footer .bloc-footer-inner div .bloc-footer-logos {
  padding: 30px 0;
}
/* line 458, ../scss/styles.scss */
footer .bloc-footer .bloc-footer-inner div .bloc-footer-logos ul {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1081px) {
  /* line 458, ../scss/styles.scss */
  footer .bloc-footer .bloc-footer-inner div .bloc-footer-logos ul {
    flex-wrap: wrap;
  }
  /* line 466, ../scss/styles.scss */
  footer .bloc-footer .bloc-footer-inner div .bloc-footer-logos ul li {
    padding-top: 20px;
  }
  /* line 468, ../scss/styles.scss */
  footer .bloc-footer .bloc-footer-inner div .bloc-footer-logos ul li img {
    margin: 0 1vw;
  }
}
@media only screen and (max-device-width: 767px) {
  /* line 458, ../scss/styles.scss */
  footer .bloc-footer .bloc-footer-inner div .bloc-footer-logos ul {
    flex-direction: column;
  }
}
/* line 483, ../scss/styles.scss */
footer .bloc-footer .bloc-footer-inner .logo img {
  max-width: 400px;
}
/* line 489, ../scss/styles.scss */
footer .bloc-mention {
  background-color: #FFFFFF;
  height: 50px;
  line-height: 50px;
}
/* line 494, ../scss/styles.scss */
footer .bloc-mention a {
  font-size: 1.06rem;
  color: #334974;
}
/* line 498, ../scss/styles.scss */
footer .bloc-mention a:hover {
  color: #AD9155;
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1081px) {
  /* line 506, ../scss/styles.scss */
  footer .bloc-footer .bloc-footer-inner {
    width: 100vw;
    justify-content: space-around;
  }
}
@media only screen and (max-device-width: 767px) {
  /* line 513, ../scss/styles.scss */
  footer .bloc-footer {
    height: auto;
  }
  /* line 515, ../scss/styles.scss */
  footer .bloc-footer .bloc-footer-inner {
    flex-direction: column;
    padding: 4vh 0;
  }
  /* line 519, ../scss/styles.scss */
  footer .bloc-footer .bloc-footer-inner div {
    width: 100%;
  }
  /* line 522, ../scss/styles.scss */
  footer .bloc-footer .bloc-footer-inner div.bloc-contact {
    width: 100%;
    margin: 3vh auto;
  }
  /* line 526, ../scss/styles.scss */
  footer .bloc-footer .bloc-footer-inner div.bloc-lien {
    border-top: solid 1px rgba(2, 28, 82, 0.14);
    padding-top: 6vh;
  }
}

/* line 537, ../scss/styles.scss */
.reveal {
  position: relative;
  transform: translateY(150px);
  opacity: 0;
  transition: 1s all ease;
}
/* line 543, ../scss/styles.scss */
.reveal.active {
  transform: translateY(0);
  opacity: 1;
}

/* line 548, ../scss/styles.scss */
.revealed {
  transform: translateY(0) !important;
  opacity: 1 !important;
}

/* line 554, ../scss/styles.scss */
.first-bloc .animate {
  position: relative;
  transform: translateY(150px);
  opacity: 0;
  transition: 1s all ease;
}
/* line 560, ../scss/styles.scss */
.first-bloc .animate.animate-start {
  transform: translateY(0);
  opacity: 1;
}

/* line 568, ../scss/styles.scss */
.bloc-full-image-left {
  z-index: 998;
  position: relative;
  display: flex;
  align-items: center;
  margin-top: 70px;
  margin-bottom: 100px;
}
/* line 575, ../scss/styles.scss */
.bloc-full-image-left .image {
  z-index: 200;
  position: relative;
  width: 40vw;
  display: flex;
  flex-direction: column;
}
/* line 581, ../scss/styles.scss */
.bloc-full-image-left .image .border-bottom {
  background-color: #AD9155;
  height: 30px;
  width: 80%;
}
/* line 587, ../scss/styles.scss */
.bloc-full-image-left .content {
  z-index: 199;
  position: relative;
  width: 60vw;
}
/* line 590, ../scss/styles.scss */
.bloc-full-image-left .content .content-inner {
  padding: 0 15vw 0 8vw;
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1081px) {
  /* line 596, ../scss/styles.scss */
  .bloc-full-image-left .content .content-inner {
    padding-right: 5vw;
  }
}
@media only screen and (max-device-width: 767px) {
  /* line 568, ../scss/styles.scss */
  .bloc-full-image-left {
    flex-direction: column-reverse;
    margin-top: 5vh;
    margin-bottom: 5vh;
  }
  /* line 605, ../scss/styles.scss */
  .bloc-full-image-left .content {
    width: 100vw;
  }
  /* line 607, ../scss/styles.scss */
  .bloc-full-image-left .content .content-inner {
    padding: 0 5vw 0 5vw;
  }
  /* line 611, ../scss/styles.scss */
  .bloc-full-image-left .image {
    width: 90vw;
    margin-top: 3vh;
  }
}

/* line 617, ../scss/styles.scss */
.bloc-full-image-right {
  z-index: 998;
  position: relative;
  display: flex;
  align-items: center;
  margin-bottom: 70px;
}
/* line 619, ../scss/styles.scss */
.bloc-full-image-right.bg-gris {
  background-color: rgba(0, 30, 85, 0.05);
}
/* line 623, ../scss/styles.scss */
.bloc-full-image-right .content {
  width: 50vw;
  padding-left: 8vw;
  padding-right: 10vw;
  padding-top: 5vh;
  padding-bottom: 5vh;
}
/* line 630, ../scss/styles.scss */
.bloc-full-image-right .image {
  width: 50vw;
  height: 34vw;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
/* line 637, ../scss/styles.scss */
.bloc-full-image-right .image img {
  max-width: 30vw;
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1081px) {
  /* line 617, ../scss/styles.scss */
  .bloc-full-image-right {
    padding-top: 5vh;
    padding-bottom: 5vh;
  }
}
@media only screen and (max-device-width: 767px) {
  /* line 617, ../scss/styles.scss */
  .bloc-full-image-right {
    flex-direction: column;
    margin-bottom: 5vh;
    padding-bottom: 5vh;
  }
  /* line 649, ../scss/styles.scss */
  .bloc-full-image-right .content {
    width: 100vw;
    padding: 5vh 5vw 5vh 5vw;
  }
  /* line 652, ../scss/styles.scss */
  .bloc-full-image-right .content .content-inner {
    padding: 0 5vw 0 5vw;
  }
  /* line 656, ../scss/styles.scss */
  .bloc-full-image-right .image {
    width: 90vw;
    height: auto;
  }
  /* line 661, ../scss/styles.scss */
  .bloc-full-image-right .image img {
    max-width: 100%;
  }
}

/* line 669, ../scss/styles.scss */
.image-grid {
  display: flex;
  height: 30vw;
}
/* line 672, ../scss/styles.scss */
.image-grid .col-left {
  display: flex;
  flex-direction: column;
  padding-right: 0.7vw;
}
/* line 677, ../scss/styles.scss */
.image-grid .col-left .bloc-blue {
  height: 50%;
  display: flex;
  justify-content: end;
  align-items: end;
  padding-bottom: 0.7vw;
}
/* line 684, ../scss/styles.scss */
.image-grid .col-left .bloc-blue .bloc-blue-inner {
  display: block;
  width: 5vw;
  height: 5vw;
  background-color: #001E55;
}
/* line 692, ../scss/styles.scss */
.image-grid .col-left .bloc-img-left {
  background-size: cover;
  background-position: center;
  width: 15vw;
  height: 50%;
}
/* line 699, ../scss/styles.scss */
.image-grid .col-right {
  width: 23vw;
}
/* line 702, ../scss/styles.scss */
.image-grid .col-right .bloc-gold {
  height: 50%;
  display: flex;
  justify-content: start;
  align-items: start;
  padding-top: 0.7vw;
}
/* line 709, ../scss/styles.scss */
.image-grid .col-right .bloc-gold .bloc-gold-inner {
  width: 10vw;
  height: 10vw;
  background-color: #AD9155;
}
/* line 716, ../scss/styles.scss */
.image-grid .col-right .bloc-img-right {
  background-size: cover;
  background-position: center;
  height: 42vh;
  height: 50%;
}
@media only screen and (max-device-width: 767px) {
  /* line 669, ../scss/styles.scss */
  .image-grid {
    height: auto;
    width: 100%;
  }
  /* line 727, ../scss/styles.scss */
  .image-grid .col-left {
    width: 45%;
    height: auto;
    padding-right: 2vw;
  }
  /* line 732, ../scss/styles.scss */
  .image-grid .col-left .bloc-blue {
    height: 18vh;
    padding-bottom: 2vw;
    width: 100%;
    display: block;
  }
  /* line 737, ../scss/styles.scss */
  .image-grid .col-left .bloc-blue .bloc-blue-inner {
    width: 12vw;
    height: 12vw;
    display: block;
    float: right;
    margin-top: 10vh;
  }
  /* line 745, ../scss/styles.scss */
  .image-grid .col-left .bloc-img-left {
    height: 21.8vh;
    width: 100%;
  }
  /* line 750, ../scss/styles.scss */
  .image-grid .col-right {
    width: 55%;
  }
  /* line 752, ../scss/styles.scss */
  .image-grid .col-right .bloc-img-right {
    height: 18vh;
  }
  /* line 755, ../scss/styles.scss */
  .image-grid .col-right .bloc-gold {
    padding-top: 2vw;
  }
  /* line 757, ../scss/styles.scss */
  .image-grid .col-right .bloc-gold .bloc-gold-inner {
    width: 22vw;
    height: 22vw;
  }
}

/* line 766, ../scss/styles.scss */
#bloc-video {
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 30, 85, 0.8);
  display: none;
  position: fixed;
  opacity: 0;
  z-index: 99999;
  justify-content: center;
  align-items: center;
}
/* line 777, ../scss/styles.scss */
#bloc-video video {
  width: 60vw;
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1081px) {
  /* line 777, ../scss/styles.scss */
  #bloc-video video {
    width: 80vw;
  }
}
@media only screen and (max-device-width: 767px) {
  /* line 777, ../scss/styles.scss */
  #bloc-video video {
    width: 90vw;
  }
}

/* line 788, ../scss/styles.scss */
#btn-video {
  cursor: pointer;
}
