@charset "UTF-8";
/*---------------------------------- COLOR */
/*---------------------------------- FONT */
/*---------------------------------- COLOR */
/*---------------------------------- FONT */
* {
  box-sizing: border-box; }

body {
  margin: 0;
  padding: 0;
  font-family: "Montserrat", sans-serif !important;
  background-color: white; }

html {
  scroll-behavior: smooth; }

button {
  border: none; }

/*---------------------------- BASE*/
/*------------------------- HEADER*/
.header {
  position: absolute; }

.sectionHeader {
  width: 100vw;
  height: 150px;
  display: flex;
  justify-content: center;
  position: relative;
  margin: 0;
  z-index: 9999; }
  @media (max-width: 471px) {
    .sectionHeader {
      width: 100vw;
      height: 50px;
      /*margin: 0 0 30px 0;*/
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center; } }
  @media (min-width: 472px) and (max-width: 1300px) {
    .sectionHeader {
      width: 100vw;
      height: 150px;
      /*margin: 0 0 30px 0;*/
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center; } }

.headerLogo {
  width: 20%;
  margin: 10px 50px 0 0;
  position: fixed;
  z-index: 9999 !important; }
  @media (max-width: 471px) {
    .headerLogo {
      width: 50%;
      margin: 0 auto; } }
  @media (min-width: 472px) and (max-width: 1300px) {
    .headerLogo {
      width: 50%;
      margin: 0 auto; } }

.headerLogo img {
  width: 100%; }
  @media (max-width: 471px) {
    .headerLogo img {
      margin-top: 55px; } }
  @media (min-width: 472px) and (max-width: 1300px) {
    .headerLogo img {
      margin-top: 55px; } }

.headerLogo2 {
  width: 100vw;
  /*margin: 10px 50px 0 0;*/
  position: fixed; }
  @media (max-width: 471px) {
    .headerLogo2 {
      width: 60%;
      margin: 0 auto; } }
  @media (min-width: 472px) and (max-width: 1300px) {
    .headerLogo2 {
      width: 50%;
      margin: 0 auto; } }

/*.headerLogo2 img{
  width: 20%;
  margin: 10px 0 0 0;
  z-index: 999;

  @media (max-width: 471px){
    // Mobile dimensions
    margin-top: 20px;
  }

  @media (min-width: 472px) and (max-width: 1300px){
    // Mobile dimensions
    margin-top: 20px;
  }
}*/
.blocWhite {
  width: 100vw;
  height: 180px;
  margin: 0 0 30px 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9 !important;
  /*  position: fixed;*/
  /*background-color: rgba(255,255,255,0.6);*/ }
  @media (max-width: 471px) {
    .blocWhite {
      height: 50px;
      position: fixed;
      background-color: rgba(255, 255, 255, 0.8); } }
  @media (min-width: 472px) and (max-width: 1300px) {
    .blocWhite {
      height: 145px;
      position: fixed;
      background-color: rgba(255, 255, 255, 0.8); } }

.headerSuivezNous_bloc {
  width: 20%;
  margin: 0;
  position: absolute;
  right: 15%;
  bottom: 25%;
  /*display: flex;
  justify-content: center;
  align-items: center;*/ }
  @media (max-width: 471px) {
    .headerSuivezNous_bloc {
      margin: 0 auto;
      width: 50%;
      top: 75px;
      right: auto;
      bottom: auto; } }
  @media (min-width: 472px) and (max-width: 1300px) {
    .headerSuivezNous_bloc {
      width: 50%;
      margin: 0 auto;
      top: 190px;
      right: auto;
      bottom: auto; } }

.headerSuivezNous_bloc a {
  display: flex;
  align-items: center;
  text-decoration: none; }
  @media (max-width: 471px) {
    .headerSuivezNous_bloc a {
      justify-content: center;
      margin-top: 20px; } }
  @media (min-width: 472px) and (max-width: 1300px) {
    .headerSuivezNous_bloc a {
      justify-content: center;
      margin-top: 20px; } }

.headerSuivezNous_text p {
  margin: 0;
  padding: 0;
  font-family: "Montserrat", sans-serif !important;
  font-weight: bolder;
  font-size: 0.8em;
  color: #016d78; }
  @media (max-width: 471px) {
    .headerSuivezNous_text p {
      font-size: 0.8em; } }
  @media (min-width: 472px) and (max-width: 1300px) {
    .headerSuivezNous_text p {
      font-size: 1.5em; } }

.headerSuivezNous_icon {
  width: 10%;
  margin: 0 0 0 20px;
  cursor: pointer; }
  @media (max-width: 471px) {
    .headerSuivezNous_icon {
      width: 12%; } }
  @media (min-width: 472px) and (max-width: 1300px) {
    .headerSuivezNous_icon {
      width: 12%; } }

.headerSuivezNous_icon img {
  width: 100%; }

/*------------------------- FOOTER*/
footer {
  margin-top: 30px; }

.sectionFooter {
  width: 100vw;
  /*height: 100px;*/
  display: flex;
  justify-content: space-around;
  align-items: center;
  margin: 0;
  background-color: #016d78;
  color: white;
  cursor: default;
  /*position: fixed;
  bottom: 0;*/
  z-index: 999; }
  @media (max-width: 471px) {
    .sectionFooter {
      height: auto;
      flex-direction: column; } }
  @media (min-width: 472px) and (max-width: 1300px) {
    .sectionFooter {
      height: auto;
      flex-direction: column; } }

.sectionFooter p {
  font-family: "Montserrat", sans-serif !important;
  color: white;
  font-size: 1em;
  margin: 0 20px; }
  @media (max-width: 471px) {
    .sectionFooter p {
      font-size: 0.7em;
      margin: 10px;
      text-align: center; } }
  @media (min-width: 472px) and (max-width: 1300px) {
    .sectionFooter p {
      font-size: 1.5em;
      margin: 15px;
      text-align: center; } }

.sectionFooter a {
  text-decoration: none;
  cursor: pointer; }

.sectionFooterLogo {
  width: 20%; }
  @media (max-width: 471px) {
    .sectionFooterLogo {
      display: none; } }
  @media (min-width: 472px) and (max-width: 1300px) {
    .sectionFooterLogo {
      display: none; } }

.sectionFooterLogo img {
  width: 90%; }

.sectionFooterLogoMobile {
  display: none; }
  @media (max-width: 471px) {
    .sectionFooterLogoMobile {
      display: block;
      width: 25%;
      margin-top: 10px; } }
  @media (min-width: 472px) and (max-width: 1300px) {
    .sectionFooterLogoMobile {
      display: block;
      width: 20%;
      margin-top: 10px; } }

.sectionFooterLogoMobile img {
  width: 90%; }

/*------------------------- anim hover*/
.sectionFooterML a {
  color: #fff;
  text-decoration: none;
  font-family: "Montserrat", sans-serif !important;
  display: inline-block;
  padding: 15px 20px;
  position: relative; }
  @media (max-width: 471px) {
    .sectionFooterML a {
      padding: 0; } }
  @media (min-width: 472px) and (max-width: 1300px) {
    .sectionFooterML a {
      padding: 0; } }

.sectionFooterML a:after {
  background: none repeat scroll 0 0 transparent;
  bottom: 0;
  content: "";
  display: block;
  height: 2px;
  left: 50%;
  position: absolute;
  background: #FFA907;
  transition: width 0.3s ease 0s, left 0.3s ease 0s;
  width: 0; }

.sectionFooterML a:hover:after {
  width: 100%;
  left: 0; }

/*------------------------- ADD FLASH*/
.flash-box {
  text-align: center;
  background-color: rgba(255, 255, 255, 0.9);
  width: 100vw;
  height: 20vh;
  /* padding: 3%; */
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  font-size: 1em;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 9999; }

.flash-box p {
  color: #016d78; }

.disabled {
  display: none; }

.disabled div {
  display: none; }

main {
  min-height: 60vh; }
  @media (max-width: 471px) {
    main {
      min-height: 60vh; } }
  @media (min-width: 472px) and (max-width: 1300px) {
    main {
      min-height: 65vh; } }

/*----------------------------------------- HEADER*/
.sectionBaseHeader {
  width: 100vw;
  margin: 10px 0; }

.baseHeaderItems {
  width: 90%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between; }
  @media (max-width: 471px) {
    .baseHeaderItems {
      align-items: center; } }
  @media (min-width: 472px) and (max-width: 1300px) {
    .baseHeaderItems {
      width: 95%; } }

/*.baseHeaderItem1{
  display: flex;
  align-items: flex-end;
}

.baseHeaderItem2{
  display: flex;
  align-items: flex-start;
}*/
/*------------------------- BURGER ICON*/
.baseHeaderMenuBurger {
  display: none; }
  @media (max-width: 471px) {
    .baseHeaderMenuBurger {
      display: block;
      width: 15%; } }

.baseHeaderMenuBurger button {
  display: none; }
  @media (max-width: 471px) {
    .baseHeaderMenuBurger button {
      display: block;
      background-color: transparent; } }

.baseHeaderMenuBurger button img {
  display: none; }
  @media (max-width: 471px) {
    .baseHeaderMenuBurger button img {
      display: block;
      width: 100%; } }

/*------------------------- BURGER ICON CROSS*/
.burger {
  display: none; }
  @media (max-width: 471px) {
    .burger {
      display: block; } }

#menu_checkbox {
  display: none; }

label {
  margin: 0 auto;
  display: block;
  width: 30px;
  height: 30px;
  cursor: pointer; }

label div {
  width: 6px;
  height: 4px;
  background-color: #016d78;
  margin-left: 0;
  margin-bottom: 6px;
  border-radius: 4px;
  transition: 0.3s ease width, 0.3s ease margin-left, 0.3s ease margin-bottom, 0.3s ease background-color; }

label div:first-child {
  width: 25px; }

label div:nth-child(2) {
  width: 35px; }

label div:last-child {
  width: 15px;
  margin-bottom: 0; }

#menu_checkbox:checked + label {
  transform: translateY(-50%) rotateZ(-90deg); }

#menu_checkbox:checked + label div {
  width: 4px;
  /*margin-left: 12px;
  margin-bottom: 3px;*/
  background-color: #83c5be; }

/*------------------------- BURGER menu*/
.sectionBaseHeader section nav {
  z-index: 99999999 !important;
  position: relative; }

#burger_content {
  display: block; }
  @media (max-width: 471px) {
    #burger_content {
      display: none;
      background-color: white;
      /*width: 100vh;*/
      height: auto;
      margin: 20px 0 0 0; } }

.burger_content {
  display: none; }
  @media (max-width: 471px) {
    .burger_content {
      display: block; } }

.burger_content ul {
  display: none; }
  @media (max-width: 471px) {
    .burger_content ul {
      display: block;
      padding: 0 0 0 5%; } }

.baseMenuMobile a {
  display: none; }
  @media (max-width: 471px) {
    .baseMenuMobile a {
      display: inline-flex;
      align-items: center;
      justify-content: flex-start;
      text-decoration: none;
      list-style: none;
      margin: 5px 0; } }

.baseMenuMobileImg {
  display: none; }
  @media (max-width: 471px) {
    .baseMenuMobileImg {
      display: block;
      width: 10%; } }

.baseMenuMobileImg img {
  display: none; }
  @media (max-width: 471px) {
    .baseMenuMobileImg img {
      display: block;
      width: 100%; } }

.baseMenuMobileText {
  display: none; }
  @media (max-width: 471px) {
    .baseMenuMobileText {
      display: block;
      font-family: "Montserrat", sans-serif !important;
      font-size: 1em;
      color: #83c5be;
      text-transform: uppercase; } }

.baseMenuMobileText li {
  text-decoration: none;
  list-style: none;
  margin: 0 0 0 20px; }

.baseMenuMobileReseaux a {
  display: none; }
  @media (max-width: 471px) {
    .baseMenuMobileReseaux a {
      display: flex;
      flex-direction: column-reverse;
      /*align-items: center;*/
      /* justify-content: space-evenly; */
      text-decoration: none;
      list-style: none;
      margin: 20px 0;
      width: 55%; } }

.baseMenuMobileReseauxImg {
  display: none; }
  @media (max-width: 471px) {
    .baseMenuMobileReseauxImg {
      display: block;
      width: 15%;
      /*margin: 10px 0;*/
      margin: 10px 0 10px 50px; } }

.baseMenuMobileReseauxImg img {
  display: none; }
  @media (max-width: 471px) {
    .baseMenuMobileReseauxImg img {
      display: block;
      width: 100%; } }

.baseMenuMobileReseauxText {
  display: none; }
  @media (max-width: 471px) {
    .baseMenuMobileReseauxText {
      display: block;
      font-family: "Montserrat", sans-serif !important;
      font-size: 1.1em;
      color: #016d78;
      text-transform: uppercase; } }

.baseMenuMobileReseauxText li {
  text-decoration: none;
  list-style: none;
  /*margin: 0 0 0 20px;*/ }

.baseMenuMobilePropos a {
  display: none; }
  @media (max-width: 471px) {
    .baseMenuMobilePropos a {
      display: inline-flex;
      align-items: center;
      justify-content: flex-start;
      text-decoration: none;
      list-style: none;
      margin: 10px 0; } }

.baseMenuMobileProposImg {
  display: none; }
  @media (max-width: 471px) {
    .baseMenuMobileProposImg {
      display: block;
      width: 10%; } }

.baseMenuMobileProposImg img {
  display: none; }
  @media (max-width: 471px) {
    .baseMenuMobileProposImg img {
      display: block;
      width: 100%; } }

.baseMenuMobileProposText {
  display: none; }
  @media (max-width: 471px) {
    .baseMenuMobileProposText {
      display: block;
      font-family: "Montserrat", sans-serif !important;
      font-size: 1em;
      color: #016d78; } }

.baseMenuMobileProposText li {
  text-decoration: none;
  list-style: none;
  margin: 0 0 0 20px; }

.baseMenuMobileTitle {
  display: none; }
  @media (max-width: 471px) {
    .baseMenuMobileTitle {
      display: block;
      font-family: "Montserrat", sans-serif !important;
      font-size: 1.3em;
      color: #016d78;
      text-transform: uppercase; } }

@media (max-width: 471px) {
  .baseMenuMobileFlag {
    display: flex;
    width: 40%; } }

.baseMenuMobileFlag a {
  display: none; }
  @media (max-width: 471px) {
    .baseMenuMobileFlag a {
      display: inline-flex;
      align-items: center;
      justify-content: flex-start;
      text-decoration: none;
      list-style: none;
      margin: 10px 0; } }

.baseMenuMobileFlagImg {
  display: none; }
  @media (max-width: 471px) {
    .baseMenuMobileFlagImg {
      display: block;
      width: 50%; } }

.baseMenuMobileFlagImg img {
  display: none; }
  @media (max-width: 471px) {
    .baseMenuMobileFlagImg img {
      display: block;
      width: 100%; } }

/*------------------------- LOGO*/
.baseHeaderLogo {
  width: 15%; }
  @media (max-width: 471px) {
    .baseHeaderLogo {
      display: block;
      width: 40%; } }
  @media (min-width: 472px) and (max-width: 1300px) {
    .baseHeaderLogo {
      width: 15%; } }

.baseHeaderLogo img {
  width: 100%; }

/*------------------------- MENU*/
.baseHeaderMenu {
  width: 45%;
  display: flex;
  align-items: flex-end; }
  @media (max-width: 471px) {
    .baseHeaderMenu {
      display: none; } }
  @media (min-width: 472px) and (max-width: 1300px) {
    .baseHeaderMenu {
      width: 55%; } }

.baseHeaderMenu div {
  width: auto;
  margin-right: 50px; }
  @media (min-width: 472px) and (max-width: 1300px) {
    .baseHeaderMenu div {
      margin-right: 20px; } }

.baseHeaderMenu a p {
  margin: 0;
  padding: 0;
  text-transform: uppercase;
  font-weight: 700;
  color: #016d78;
  font-family: "Montserrat", sans-serif !important;
  font-size: 0.7em; }
  @media (max-height: 600px) and (max-width: 800px) {
    .baseHeaderMenu a p {
      font-size: 0.5em; } }

.baseHeaderMenu a {
  text-decoration: none;
  cursor: pointer; }

.baseHeaderMenuHover p:after {
  content: '';
  display: block;
  /*margin: 0;*/
  height: 2px;
  width: 0;
  background: transparent;
  transition: width .5s ease, background-color .5s ease; }

.baseHeaderMenuHover p:hover:after {
  width: 100%;
  padding-right: 10px;
  background: #802c3a;
  margin: 0; }

.baseHeaderMenuActive a p:visited {
  width: 100%;
  padding-right: 10px;
  background: #802c3a;
  margin: 0; }

.baseHeaderMenuSearch {
  margin: 0 !important;
  width: 40% !important; }
  @media (max-width: 471px) {
    .baseHeaderMenuSearch {
      display: none; } }

.baseHeaderMenuSearch div {
  margin: 0 !important; }

.baseHeaderMenuSearch form {
  display: flex;
  align-items: flex-end;
  border-bottom: solid #802c3a 2px;
  width: 100%; }
  @media (min-width: 472px) and (max-width: 1300px) {
    .baseHeaderMenuSearch form {
      width: 100%; } }

.baseHeaderMenuSearch_text ::placeholder {
  margin: 0;
  padding: 0;
  /*font-weight: 700;*/
  color: #802c3a;
  font-family: "Montserrat", sans-serif !important;
  font-size: 0.9em; }

.baseHeaderMenuSearch_text input {
  border: none;
  padding: 5px 2px; }
  @media (min-width: 472px) and (max-width: 1300px) {
    .baseHeaderMenuSearch_text input {
      font-size: 0.5em; } }

.baseHeaderMenuSearch_btn {
  display: flex;
  justify-content: flex-end;
  width: 25% !important; }
  @media (min-width: 472px) and (max-width: 1300px) {
    .baseHeaderMenuSearch_btn {
      width: 50% !important; } }

.baseHeaderMenuSearch_btn img {
  width: 50%; }
  @media (min-width: 472px) and (max-width: 1300px) {
    .baseHeaderMenuSearch_btn img {
      width: 30%; } }

.baseHeaderMenuSearch_btn button {
  background-color: transparent;
  /*width: 30%;*/
  cursor: pointer;
  padding: 0; }
  @media (min-width: 472px) and (max-width: 1300px) {
    .baseHeaderMenuSearch_btn button {
      width: 80%; } }

/*------------------------- SEARCH MOBILE*/
.baseHeaderMenuSearchMobile {
  display: none; }
  @media (max-width: 471px) {
    .baseHeaderMenuSearchMobile {
      display: block;
      width: 12%; } }

@media (max-width: 471px) {
  .baseHeaderMenuSearchMobile_btn button {
    background-color: transparent; } }

@media (max-width: 471px) {
  .baseHeaderMenuSearchMobile_btn button img {
    width: 100%; } }

/*------------------------- SEARCH MOBILE OPEN*/
#searchMobileOpen {
  display: none; }
  @media (max-width: 471px) {
    #searchMobileOpen {
      z-index: 99999999 !important;
      position: relative;
      display: none;
      background-color: #802c3a;
      /*width: 100vh;*/
      height: 100vh; } }

#searchMobileOpen form {
  display: none; }
  @media (max-width: 471px) {
    #searchMobileOpen form {
      display: flex;
      align-items: center;
      width: 90%;
      margin: 0 auto;
      border: solid white 1px;
      border-radius: 30px; } }

.searchMobileOpen {
  display: none; }
  @media (max-width: 471px) {
    .searchMobileOpen {
      display: block;
      padding: 30px 0; } }

.baseHeaderMenuSearchMobileOpen_btn button {
  background-color: transparent;
  /*width: 30%;*/ }

@media (max-width: 471px) {
  .baseHeaderMenuSearchMobileOpen_btn button img {
    max-width: 30%;
    margin: 5px 0; } }

.baseHeaderMenuSearchMobileOpen_text ::placeholder {
  margin: 0;
  padding: 0;
  /*font-weight: 700;*/
  color: white;
  font-family: "Montserrat", sans-serif !important;
  font-size: 0.9em; }

.baseHeaderMenuSearchMobileOpen_text input {
  border: none;
  padding: 15px 35px;
  background-color: transparent !important;
  border-radius: 30px;
  color: white; }

.baseHeaderMenuSearchMobileOpen_text label {
  display: none; }

/*------------------------- LOGIN*/
.baseHeaderLogin {
  width: 20%;
  display: flex;
  align-items: center;
  /*justify-content: space-between; A remettre avec Login*/
  justify-content: flex-end; }
  @media (max-width: 471px) {
    .baseHeaderLogin {
      display: none; } }

/*--------------------- Compte*/
.baseHeaderCompte {
  width: 35%; }
  @media (max-height: 600px) and (max-width: 800px) {
    .baseHeaderCompte {
      width: 40%; } }

.baseHeaderCompte a {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-decoration: none; }

.baseHeaderCompteIcon {
  width: 40%; }
  @media (min-width: 472px) and (max-width: 1300px) {
    .baseHeaderCompteIcon {
      width: 50%; } }

.baseHeaderCompteIcon img {
  width: 100%; }

.baseHeaderCompteText p {
  margin: 0;
  padding: 0;
  font-family: "Montserrat", sans-serif !important;
  font-size: 0.6em;
  color: #016d78;
  text-align: center; }
  @media (min-width: 472px) and (max-width: 1300px) {
    .baseHeaderCompteText p {
      font-size: 0.4em; } }

/*--------------------- Suivez-nous*/
.baseHeaderSuivezNous {
  width: 55%; }
  @media (max-width: 471px) {
    .baseHeaderSuivezNous {
      display: none; } }
  @media (max-height: 600px) and (max-width: 800px) {
    .baseHeaderSuivezNous {
      width: 60%; } }

.baseHeaderSuivezNous a {
  display: flex;
  align-items: center;
  text-decoration: none;
  width: 100%; }

.baseHeaderSuivezNous_text p {
  margin: 0;
  padding: 0;
  font-family: "Montserrat", sans-serif !important;
  font-weight: bolder;
  font-size: 0.6em;
  color: #016d78; }
  @media (min-width: 472px) and (max-width: 1300px) {
    .baseHeaderSuivezNous_text p {
      font-size: 0.4em; } }

.baseHeaderSuivezNous_icon {
  width: 20%;
  margin: 0 0 0 20px;
  cursor: pointer; }
  @media (min-width: 472px) and (max-width: 1300px) {
    .baseHeaderSuivezNous_icon {
      margin: 0 0 0 10px; } }

.baseHeaderSuivezNous_icon img {
  width: 100%; }

/*------------------------- LANG*/
.baseHeaderLang {
  width: 5%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 5px;
  cursor: pointer; }
  @media (max-width: 471px) {
    .baseHeaderLang {
      display: none; } }
  @media (min-width: 472px) and (max-width: 1300px) {
    .baseHeaderLang {
      width: 3%;
      flex-direction: column; } }

.baseHeaderLang img {
  width: 80%; }

/*----------------------------------------- FOOTER*/
.baseSectionFooter {
  width: 100vw;
  /*height: 100px;*/
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  margin: 0;
  padding: 10px 0;
  background-color: #016d78;
  color: white;
  cursor: default;
  /*position: fixed;
  bottom: 0;*/
  z-index: 999; }
  @media (max-width: 471px) {
    .baseSectionFooter {
      height: auto;
      flex-direction: column; } }
  @media (min-width: 472px) and (max-width: 1300px) {
    .baseSectionFooter {
      height: auto;
      flex-direction: column; } }

.baseSectionFooterBloc1 {
  width: 90%;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between; }
  @media (max-width: 471px) {
    .baseSectionFooterBloc1 {
      flex-direction: column; } }
  @media (min-width: 472px) and (max-width: 1300px) {
    .baseSectionFooterBloc1 {
      flex-direction: column; } }

.baseSectionFooterBloc2 {
  width: 90%;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center; }
  .baseSectionFooterBloc2 .baseSectionFooterML a:after {
    background: #802c3a; }
  @media (max-width: 471px) {
    .baseSectionFooterBloc2 {
      flex-direction: column-reverse; } }
  @media (min-width: 472px) and (max-width: 1300px) {
    .baseSectionFooterBloc2 {
      flex-direction: column-reverse; } }

.baseSectionFooterLogo {
  width: 25%; }
  @media (max-width: 471px) {
    .baseSectionFooterLogo {
      width: 60%; } }
  @media (min-width: 472px) and (max-width: 1300px) {
    .baseSectionFooterLogo {
      width: 50%; } }

.baseSectionFooterLogo img {
  width: 90%; }

.baseSectionFooterContact {
  width: 25%;
  display: flex;
  flex-direction: column;
  align-items: center; }
  @media (max-width: 471px) {
    .baseSectionFooterContact {
      width: 100%;
      margin: 0 0 10px 0; } }
  @media (min-width: 472px) and (max-width: 1300px) {
    .baseSectionFooterContact {
      width: 100%; } }

.baseSectionFooterContact a {
  display: flex;
  align-items: center;
  justify-content: center; }

.baseSectionFooterContactText p {
  margin: 0 0 20px 0 !important;
  font-size: 1.2em !important; }

.baseSectionFooterContact p {
  margin: 0;
  padding: 0;
  font-family: "Montserrat", sans-serif !important;
  color: white;
  font-size: 1em; }
  @media (min-width: 472px) and (max-width: 1300px) {
    .baseSectionFooterContact p {
      margin: 10px 0; } }

.baseSectionFooterReseau {
  width: 25%;
  display: flex;
  align-items: center; }
  @media (max-width: 471px) {
    .baseSectionFooterReseau {
      width: 100%;
      border-top: solid 1px white; } }
  @media (min-width: 472px) and (max-width: 1300px) {
    .baseSectionFooterReseau {
      width: 100%;
      border-top: solid 1px white; } }

.baseSectionFooterReseau a {
  display: flex;
  align-items: center;
  justify-content: center; }

@media (max-width: 471px) {
  .baseSectionFooterReseauText {
    margin: 10px 0; } }
@media (min-width: 472px) and (max-width: 1300px) {
  .baseSectionFooterReseauText {
    margin: 25px 0; } }

.baseSectionFooterReseauText p {
  margin: 0;
  padding: 0;
  font-family: "Montserrat", sans-serif !important;
  font-size: 1em;
  color: white; }
  @media (max-width: 471px) {
    .baseSectionFooterReseauText p {
      font-size: 0.8em; } }
  @media (min-width: 472px) and (max-width: 1300px) {
    .baseSectionFooterReseauText p {
      font-size: 1em; } }

.baseSectionFooterReseauIcon {
  width: 10%;
  margin: 0 0 0 20px;
  cursor: pointer; }
  @media (max-width: 471px) {
    .baseSectionFooterReseauIcon {
      width: 10%;
      margin: 10px 0; } }
  @media (min-width: 472px) and (max-width: 1300px) {
    .baseSectionFooterReseauIcon {
      width: 6%; } }

.baseSectionFooterReseauIcon img {
  width: 100%; }

.baseSectionFooterBloc2 p {
  font-family: "Montserrat", sans-serif !important;
  color: white;
  font-size: 1em;
  margin: 0 20px; }
  @media (max-width: 471px) {
    .baseSectionFooterBloc2 p {
      font-size: 0.7em;
      margin: 10px;
      text-align: center; } }
  @media (min-width: 472px) and (max-width: 1300px) {
    .baseSectionFooterBloc2 p {
      font-size: 1em;
      margin: 15px;
      text-align: center; } }

.baseSectionFooter a {
  text-decoration: none;
  cursor: pointer; }
  @media (max-width: 471px) {
    .baseSectionFooter a {
      flex-direction: column; } }

/*------------------------- anim hover*/
.baseSectionFooterML a {
  color: #fff;
  text-decoration: none;
  font-family: "Montserrat", sans-serif !important;
  display: inline-block;
  padding: 15px 20px;
  position: relative; }
  @media (max-width: 471px) {
    .baseSectionFooterML a {
      padding: 0; } }
  @media (min-width: 472px) and (max-width: 1300px) {
    .baseSectionFooterML a {
      padding: 0; } }

.baseSectionFooterML a:after {
  background: none repeat scroll 0 0 transparent;
  bottom: 0;
  content: "";
  display: block;
  height: 2px;
  left: 50%;
  position: absolute;
  background: #FFA907;
  transition: width 0.3s ease 0s, left 0.3s ease 0s;
  width: 0; }

.baseSectionFooterML a:hover:after {
  width: 100%;
  left: 0; }

.baseLoginMain {
  width: 100vw;
  display: flex;
  background-color: #83c5be; }
  @media (max-width: 471px) {
    .baseLoginMain {
      flex-direction: column;
      /*height: 100vh;*/
      height: initial; } }

.sectionBaseLoginHeader {
  display: none; }
  @media (max-width: 471px) {
    .sectionBaseLoginHeader {
      display: block; } }

.sectionBaseLoginAside {
  /*width: 30vw;*/ }

.baseLoginCircle {
  width: 25vw;
  height: 100vh;
  border-top-right-radius: 1000px;
  border-bottom-right-radius: 1000px;
  background-color: white;
  padding: 100px 50px 100px 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  /*align-items: center;*/
  justify-content: flex-start; }
  @media (max-width: 471px) {
    .baseLoginCircle {
      width: 100vw;
      height: 30vh;
      border-top-right-radius: 0;
      border-bottom-right-radius: 1000px;
      border-bottom-left-radius: 1000px;
      padding: 0;
      display: flex;
      align-items: center; } }
  @media (min-width: 472px) and (max-width: 1300px) {
    .baseLoginCircle {
      width: 35vw;
      padding: 100px 0px 100px 0;
      justify-content: center; } }

.baseLoginCircle div {
  /*width: 80%;*/
  margin: 10px 0; }

.baseLoginCompte {
  width: 70%; }

.baseLoginCompte a {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-decoration: none; }

.baseLoginCompteIcon {
  width: 40%; }
  @media (min-width: 472px) and (max-width: 1300px) {
    .baseLoginCompteIcon {
      width: 50%; } }

.baseLoginCompteIcon img {
  width: 100%; }

.baseLoginCompteText p {
  margin: 0;
  padding: 0;
  font-family: "Montserrat", sans-serif !important;
  font-size: 0.8em;
  color: #016d78;
  text-align: center; }
  @media (min-width: 472px) and (max-width: 1300px) {
    .baseLoginCompteText p {
      font-size: 0.8em; } }

.baseLoginCompteText p:after {
  content: '';
  display: block;
  /*margin: 0;*/
  height: 2px;
  width: 0;
  background: transparent;
  transition: width .5s ease, background-color .5s ease; }

.baseLoginCompteText p:hover:after {
  width: 100%;
  background: #802c3a;
  /*margin: 2px 0 0 0;*/
  margin: 0; }

.baseLoginMenuTextBloc {
  width: 100%; }
  @media (max-width: 471px) {
    .baseLoginMenuTextBloc {
      display: none; } }
  @media (min-width: 472px) and (max-width: 1300px) {
    .baseLoginMenuTextBloc {
      margin: 100px 0 50px 0; } }

.baseLoginMenuTextBloc a {
  width: 65%;
  margin: 0 0 0 20px;
  /*text-align: center;*/
  cursor: pointer;
  display: flex;
  align-items: center;
  font-family: "Montserrat", sans-serif !important;
  font-size: 0.8em;
  color: #016d78;
  text-transform: uppercase;
  /*justify-content: center;*/
  text-decoration: none; }
  @media (max-width: 471px) {
    .baseLoginMenuTextBloc a {
      justify-content: flex-start; } }
  @media (min-width: 472px) and (max-width: 1300px) {
    .baseLoginMenuTextBloc a {
      width: 75%; } }

.baseLoginMenuTextBloc a p {
  margin: 0; }

.baseLoginMenuText p {
  font-family: "Montserrat", sans-serif !important;
  /*font-size: 0.8em;*/
  color: #016d78;
  text-transform: uppercase;
  margin: 0;
  padding: 0; }
  @media (max-width: 471px) {
    .baseLoginMenuText p {
      font-size: 0.8em; } }

.baseLoginMenuText p:after {
  content: '';
  display: block;
  /*margin: 0;*/
  height: 2px;
  width: 0;
  font-size: 0.8em;
  background: transparent;
  transition: width .5s ease, background-color .5s ease; }

.baseLoginMenuText p:hover:after {
  width: 100%;
  background: #802c3a;
  /*margin: 2px 0 0 0;*/
  margin: 0; }

.baseLoginMenuTextSelected:after {
  content: '';
  display: block;
  margin: 0;
  height: 2px;
  width: 100%;
  font-size: 0.8em;
  background: #802c3a;
  transition: width .5s ease, background-color .5s ease; }

.baseLoginMenuText p:visited {
  width: 100%;
  color: #802c3a;
  margin: 0; }

.baseLoginReturnArrow {
  /*margin: 20px 0;*/
  /*background-color: $canard;*/ }
  @media (max-width: 471px) {
    .baseLoginReturnArrow {
      display: none; } }
  @media (min-width: 472px) and (max-width: 1300px) {
    .baseLoginReturnArrow {
      margin: 100px 0 50px 0; } }

.baseLoginReturnArrow a:hover {
  transform: scale(1.1); }

.baseLoginReturnArrow a {
  width: 65%;
  margin: 0 0 0 20px;
  background-color: #016d78;
  text-align: center;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  transition: all .5s ease-in-out; }
  @media (max-width: 471px) {
    .baseLoginReturnArrow a {
      justify-content: flex-start; } }
  @media (min-width: 472px) and (max-width: 1300px) {
    .baseLoginReturnArrow a {
      width: 90%; } }

.baseLoginReturnArrowImg {
  width: 15%;
  margin: 5px 20px 5px 0 !important; }
  @media (max-width: 471px) {
    .baseLoginReturnArrowImg {
      width: 10%; } }
  @media (min-width: 472px) and (max-width: 1300px) {
    .baseLoginReturnArrowImg {
      width: 12%; } }

.baseLoginReturnArrowImg img {
  width: 100%; }

.baseLoginReturnText p {
  font-family: "Montserrat", sans-serif !important;
  font-size: 1em;
  color: white;
  margin: 0;
  padding: 0; }
  @media (max-width: 471px) {
    .baseLoginReturnText p {
      font-size: 0.6em;
      color: white; } }

.baseLoginDisconnect a {
  width: 100%;
  display: flex;
  align-items: center;
  text-decoration: none;
  cursor: pointer; }
  @media (max-width: 471px) {
    .baseLoginDisconnect a {
      display: none; } }
  @media (min-width: 472px) and (max-width: 1300px) {
    .baseLoginDisconnect a {
      margin: 30px 0; } }

.baseLoginDisconnectText button {
  font-family: "Montserrat", sans-serif !important;
  font-size: 1em;
  color: #802c3a;
  margin: 0;
  padding: 0;
  background-color: transparent;
  cursor: pointer; }
  @media (max-width: 471px) {
    .baseLoginDisconnectText button {
      font-size: 0.6em;
      color: white; } }

.baseLoginDisconnectText button:after {
  content: '';
  display: block;
  /*margin: 0;*/
  height: 2px;
  width: 0;
  background: transparent;
  transition: width .5s ease, background-color .5s ease; }

.baseLoginDisconnectText button:hover:after {
  width: 100%;
  background: #802c3a;
  /*margin: 2px 0 0 0;*/
  margin: 0; }

.baseLoginDisconnectImg {
  width: 10%;
  margin: 5px 20px !important; }
  @media (max-width: 471px) {
    .baseLoginDisconnectImg {
      width: 10%; } }
  @media (min-width: 472px) and (max-width: 1300px) {
    .baseLoginDisconnectImg {
      width: 12%; } }

.baseLoginDisconnectImg img {
  width: 100%; }

.baseLoginFooter {
  margin: 0 !important; }

/*----------------------------------------- PAYMENT*/
/*----------------------------------------- Header*/
.basePaymentHeader {
  width: 100vw;
  margin: 10px 0; }

.basePaymentItems {
  width: 100%;
  margin: 0 auto;
  display: flex;
  justify-content: space-around;
  align-items: center; }
  @media (max-width: 471px) {
    .basePaymentItems {
      align-items: center; } }
  @media (min-width: 472px) and (max-width: 1300px) {
    .basePaymentItems {
      width: 95%;
      justify-content: space-between; } }

.basePaymentReturnArrow {
  cursor: pointer;
  width: 20%; }
  @media (min-width: 472px) and (max-width: 1300px) {
    .basePaymentReturnArrow {
      margin: 0;
      width: 30%; } }

.basePaymentReturnArrow a:hover {
  transform: scale(1.1); }

.basePaymentReturnArrow a {
  width: 100%;
  margin: 0 auto;
  text-align: center;
  cursor: pointer !important;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  text-decoration: none;
  transition: all .5s ease-in-out; }
  @media (max-width: 471px) {
    .basePaymentReturnArrow a {
      justify-content: flex-start;
      width: 80%; } }
  @media (min-width: 472px) and (max-width: 1300px) {
    .basePaymentReturnArrow a {
      width: 100%; } }

.basePaymentReturnArrowImg {
  width: 10%;
  margin: 5px 20px 5px 0 !important; }
  @media (max-width: 471px) {
    .basePaymentReturnArrowImg {
      width: 100%; } }
  @media (min-width: 472px) and (max-width: 1300px) {
    .basePaymentReturnArrowImg {
      width: 10%; } }

.basePaymentReturnArrowImg img {
  width: 100%; }

.basePaymentReturnText p {
  font-family: "Montserrat", sans-serif !important;
  font-size: 0.8em;
  color: #83c5be;
  margin: 0;
  padding: 0; }
  @media (max-width: 471px) {
    .basePaymentReturnText p {
      font-size: 0.6em;
      color: white;
      display: none; } }
  @media (min-width: 472px) and (max-width: 1300px) {
    .basePaymentReturnText p {
      font-size: 0.6em; } }

/*------------------------- LOGO*/
.basePaymentLogo {
  width: 15%; }
  @media (max-width: 471px) {
    .basePaymentLogo {
      display: none;
      width: 40%; } }
  @media (min-width: 472px) and (max-width: 1300px) {
    .basePaymentLogo {
      width: 20%; } }

.basePaymentLogo img {
  width: 100%; }

/*------------------------- CADENA*/
.basePaymentCadenaBloc {
  width: 15%; }
  @media (max-width: 471px) {
    .basePaymentCadenaBloc {
      width: 50%; } }

/*--------------------- Suivez-nous*/
.basePaymentCadena {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end; }
  @media (max-width: 471px) {
    .basePaymentCadena {
      display: flex; } }

.basePaymentCadena a {
  display: flex;
  align-items: center;
  text-decoration: none;
  width: 100%; }

.basePaymentCadena_text p {
  margin: 0 0 5px 0;
  padding: 0;
  font-family: "Montserrat", sans-serif !important;
  font-weight: 400;
  font-size: 0.5em;
  color: #802c3a; }
  @media (max-width: 471px) {
    .basePaymentCadena_text p {
      font-size: 0.6em; } }
  @media (min-width: 472px) and (max-width: 1300px) {
    .basePaymentCadena_text p {
      font-size: 0.4em; } }

.basePaymentCadena_icon {
  width: 10%;
  margin: 0 0 0 20px;
  cursor: pointer; }
  @media (max-width: 471px) {
    .basePaymentCadena_icon {
      margin: 0 0 0 5px; } }
  @media (min-width: 472px) and (max-width: 1300px) {
    .basePaymentCadena_icon {
      margin: 0 0 0 10px; } }

.basePaymentCadena_icon img {
  width: 100%; }

/*------------------------- TOP*/
.homeSectionTop {
  width: 100vw;
  height: auto; }
  @media (max-width: 471px) {
    .homeSectionTop {
      display: flex;
      justify-content: center;
      overflow: hidden; } }
  @media (min-width: 472px) and (max-width: 1300px) {
    .homeSectionTop {
      display: flex;
      justify-content: center;
      overflow: hidden; } }

.homeImageTop {
  width: 100vw;
  position: relative; }
  @media (max-width: 471px) {
    .homeImageTop {
      position: unset;
      display: flex;
      justify-content: center;
      /*margin-top: 70px;*/
      height: 100vh;
      width: auto; } }
  @media (min-width: 472px) and (max-width: 1300px) {
    .homeImageTop {
      position: unset;
      display: flex;
      justify-content: center;
      height: 100vh;
      width: auto;
      /* margin-top: 70px;*/ } }

.homeImageTop img {
  width: 100%; }
  @media (max-width: 471px) {
    .homeImageTop img {
      width: auto; } }
  @media (min-width: 472px) and (max-width: 1300px) {
    .homeImageTop img {
      width: auto; } }

.homeTitleTop {
  /*position: absolute;
  top: 45%;
  width: 100%;*/ }
  @media (max-width: 471px) {
    .homeTitleTop {
      display: none; } }
  @media (min-width: 472px) and (max-width: 1300px) {
    .homeTitleTop {
      display: none; } }

.homeTitleTopText {
  display: flex;
  align-items: center; }

.homeTitleTopText2 {
  /*display: flex;*/
  /* align-items: center; */
  position: absolute;
  top: 40%;
  left: 10%;
  /* margin-bottom: 20px; */
  width: 24%; }

.homeTitleTopText2 p {
  font-family: "Montserrat", sans-serif !important;
  /*font-weight: 700;*/
  color: white;
  font-size: 1.5em;
  text-align: center;
  border: solid 3px white;
  padding: 10px;
  /*min-width: 25%;*/
  margin: 0;
  cursor: default; }

.homeTitleTopSpanBloc {
  position: absolute;
  top: 42%;
  display: flex;
  width: 100%;
  height: 110vh; }

.homeTitleTopSpan1 {
  width: 10%;
  height: auto;
  border-top: solid 3px white; }

.homeTitleTopSpan2 {
  width: 12%; }

.homeTitleTopSpan3 {
  width: 12%;
  height: 77.5%;
  border-left: solid 3px white;
  margin-top: 39px; }
  @media (min-width: 1365px) and (max-width: 1366px) {
    .homeTitleTopSpan3 {
      height: 60.6%; } }
  @media (min-width: 1919px) and (max-width: 1920px) {
    .homeTitleTopSpan3 {
      margin-top: 30px;
      height: 60%; } }
  @media (min-width: 2559px) and (max-width: 2560px) {
    .homeTitleTopSpan3 {
      height: 88%;
      margin-top: 33px; } }
  @media (min-width: 2879px) and (max-width: 2880px) {
    .homeTitleTopSpan3 {
      margin-top: 18px;
      height: 48.5%; } }

.homeTitleTopSpan4 {
  width: 66%;
  border-top: solid 3px white; }

/*------------------------- CHEMIN */
.homeImageTopChemin {
  width: 10%;
  position: relative; }

.homeImageTopChemin img {
  width: 100%; }

/*------------------------- BUTTON ANIM*/
.homeTitleTopLine {
  position: relative;
  left: 10%;
  display: block;
  text-align: center;
  /*margin-right: auto;
  margin-left: auto;
  margin-top: 100px;*/
  height: 30px;
  width: 100%;
  max-width: 300px;
  line-height: 30px;
  font-family: "Montserrat", sans-serif !important;
  font-size: 1.2em;
  color: white;
  /*cursor: pointer;*/
  background: transparent;
  /*border-left: 2px solid white;*/ }
  .homeTitleTopLine span {
    position: absolute;
    transition: all 200ms ease-in-out;
    /* horizontal */
    /* horizontal - small */ }
    .homeTitleTopLine span.line-1 {
      top: -10px;
      left: 0;
      width: 158px;
      height: 2px;
      background: white;
      transform: translateX(-48px); }
    .homeTitleTopLine span.line-2 {
      bottom: -10px;
      right: 0;
      width: 130px;
      height: 2px;
      background: white;
      transform: translateX(-25px); }
    .homeTitleTopLine span.line-3 {
      top: -10px;
      right: 0;
      width: 1000px;
      height: 2px;
      background: white;
      transform: translateX(900px); }
    .homeTitleTopLine span.line-4 {
      bottom: -10px;
      right: 0;
      width: 75px;
      height: 2px;
      background: white;
      transform: translateX(95px); }
    .homeTitleTopLine span.line-5 {
      bottom: 0;
      right: 0;
      width: 2px;
      height: 10px;
      background: white;
      transform: translateY(0px); }
    .homeTitleTopLine span.line-6 {
      top: 0;
      right: 0;
      width: 2px;
      height: 20px;
      background: white;
      transform: translateY(48px); }
    .homeTitleTopLine span.line-7 {
      top: -10px;
      right: 0;
      width: 2px;
      height: 800px;
      background: white;
      transform: translateX(-300px); }
  .homeTitleTopLine:hover .line-1 {
    transform: translateX(0px); }
  .homeTitleTopLine:hover .line-2 {
    transform: translateX(-65px); }
  .homeTitleTopLine:hover .line-3 {
    transform: translateX(20px); }
  .homeTitleTopLine:hover .line-4 {
    transform: translateX(55px); }
  .homeTitleTopLine:hover .line-5 {
    transform: translateY(44px); }
  .homeTitleTopLine:hover .line-6 {
    transform: translateY(-2px); }
  .homeTitleTopLine:hover .line-7 {
    transform: translateX(-20px);
    height: 400px; }

/*------------------------- BUTTON ANIM END*/
.homeTitleTopText p {
  font-family: "Montserrat", sans-serif !important;
  font-weight: 700;
  color: white;
  font-size: 1.2em;
  text-align: center;
  border: solid 2px white;
  padding: 5px 10px;
  min-width: 25%;
  margin: 0;
  cursor: default;
  /*background-color: rgba(255,255,255,0.3);*/ }

.homeTitleTopLine1 {
  border-top: solid 2px white;
  min-width: 10%; }

.homeTitleTopLine2 {
  border-top: solid 2px white;
  width: 70%; }

.homeTitleTopLine3 {
  border-top: solid 2px white;
  width: 41%;
  transform: rotate(90deg);
  position: absolute;
  top: 870%; }

.homeTitleTop img {
  width: 100%; }

.homeAudioTop {
  position: absolute;
  top: 50%;
  right: 15%; }
  @media (max-width: 471px) {
    .homeAudioTop {
      position: absolute;
      top: 40%;
      right: auto;
      width: 90vw;
      text-align: center; } }
  @media (min-width: 472px) and (max-width: 1300px) {
    .homeAudioTop {
      position: absolute;
      top: 40%;
      right: auto;
      width: 90vw;
      text-align: center; } }

.homeAudioTop h1 {
  font-family: "Montserrat", sans-serif !important;
  font-weight: 400;
  color: white;
  font-size: 2em;
  cursor: default; }
  @media (max-width: 471px) {
    .homeAudioTop h1 {
      font-size: 1.2em;
      font-weight: 700; } }
  @media (min-width: 472px) and (max-width: 1300px) {
    .homeAudioTop h1 {
      font-size: 1.5em;
      font-weight: 700; } }

.homeAudioMailTop {
  width: 100%;
  /*margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;*/ }

.homeAudioMailTop form {
  width: 100%;
  display: flex;
  flex-direction: column; }

.homeAudioMailBoxTop {
  font-family: "Montserrat", sans-serif !important;
  /*border: solid 2px $jaune;*/
  background-color: rgba(255, 255, 255, 0.7);
  border: solid 3px white;
  /*padding: 0 10px;*/
  color: #016d78;
  margin: 10px 0;
  display: flex;
  align-items: center; }
  @media (max-width: 471px) {
    .homeAudioMailBoxTop {
      padding: 0 10px; } }
  @media (min-width: 472px) and (max-width: 1300px) {
    .homeAudioMailBoxTop {
      padding: 0 10px; } }

.homeAudioMailBoxTop label {
  color: #016d78;
  font-size: 1.2em;
  font-weight: 700; }
  @media (max-width: 471px) {
    .homeAudioMailBoxTop label {
      font-size: 1em;
      font-weight: initial;
      text-transform: uppercase; } }
  @media (min-width: 472px) and (max-width: 1300px) {
    .homeAudioMailBoxTop label {
      font-size: 2em;
      font-weight: initial;
      text-transform: uppercase; } }

.homeAudioMailBoxTop input {
  border: none;
  padding: 10px;
  width: 100%;
  cursor: text;
  background-color: transparent !important;
  color: #016d78;
  font-size: 1.2em;
  font-family: "Montserrat", sans-serif !important; }
  @media (max-width: 471px) {
    .homeAudioMailBoxTop input {
      padding: 10px; } }
  @media (min-width: 472px) and (max-width: 1300px) {
    .homeAudioMailBoxTop input {
      padding: 15px; } }

.homeAudioMailBoxTop ::placeholder {
  color: #016d78;
  font-weight: 700;
  font-size: 1em !important; }

.homeAudioMailButtonTop button {
  border: none;
  background-color: #802c3a;
  border-radius: 30px;
  padding: 10px 20px;
  margin: 10px 0;
  color: white;
  font-size: 1.2em;
  cursor: pointer;
  box-shadow: 0px 3px 5px 1px rgba(1, 109, 120, 0.7);
  -moz-box-shadow: 0px 3px 5px 1px rgba(1, 109, 120, 0.7);
  -webkit-box-shadow: 0px 3px 5px 1px rgba(1, 109, 120, 0.7); }
  @media (max-width: 471px) {
    .homeAudioMailButtonTop button {
      border-radius: 40px;
      padding: 10px 20px;
      font-size: 1em;
      margin: 40px 0; } }
  @media (min-width: 472px) and (max-width: 1300px) {
    .homeAudioMailButtonTop button {
      border-radius: 40px;
      padding: 20px 40px;
      font-size: 1.5em;
      margin: 40px 0; } }

.homeAudioMailButtonTop button:hover {
  background-color: #016d78;
  box-shadow: 0px 3px 5px 1px rgba(128, 44, 58, 0.7);
  -moz-box-shadow: 0px 3px 5px 1px rgba(128, 44, 58, 0.7);
  -webkit-box-shadow: 0px 3px 5px 1px rgba(128, 44, 58, 0.7); }

/*------------------------- AUDIO*/
.homeSectionAudio {
  width: 100vw;
  margin: 50px 0; }
  @media (max-width: 471px) {
    .homeSectionAudio {
      margin: 0; } }
  @media (min-width: 472px) and (max-width: 1300px) {
    .homeSectionAudio {
      margin: 40px 0; } }

.homeSectionAudioBloc {
  width: 90%;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: flex-start; }

.homeSectionAudioTitle {
  font-family: "Montserrat", sans-serif !important;
  font-weight: 700;
  font-size: 1.5em;
  text-transform: uppercase;
  color: #83c5be;
  cursor: default; }
  @media (max-width: 471px) {
    .homeSectionAudioTitle {
      text-align: center;
      font-size: 0.8em; } }
  @media (min-width: 472px) and (max-width: 1300px) {
    .homeSectionAudioTitle {
      text-align: center;
      font-size: 1.4em; } }

.homeSectionAudioTitle h2 {
  margin: 10px 0; }

.homeSectionAudioSubTitle {
  font-family: "Montserrat", sans-serif !important;
  font-weight: 700;
  font-size: 1.2em;
  color: #83c5be;
  cursor: default; }
  @media (max-width: 471px) {
    .homeSectionAudioSubTitle {
      text-align: center;
      font-size: 0.8em; } }
  @media (min-width: 472px) and (max-width: 1300px) {
    .homeSectionAudioSubTitle {
      text-align: center;
      font-size: 1.2em;
      margin: 20px 0; } }

.homeSectionAudioSubTitle p {
  margin: 5px 0; }

.homeSectionAudioBlocIcon {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin: 50px 0; }
  @media (max-width: 471px) {
    .homeSectionAudioBlocIcon {
      flex-direction: column;
      justify-content: center;
      margin: 20px 0; } }
  @media (min-width: 472px) and (max-width: 1300px) {
    .homeSectionAudioBlocIcon {
      flex-direction: initial;
      flex-wrap: wrap;
      margin: 30px 0; } }

.homeSectionAudioIcon {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 22%; }
  @media (max-width: 471px) {
    .homeSectionAudioIcon {
      width: 70%; } }
  @media (min-width: 472px) and (max-width: 1300px) {
    .homeSectionAudioIcon {
      width: 45%; } }

.homeSectionAudioIcon img {
  width: 60%; }

.homeSectionAudioIcon p {
  margin: 20px 0;
  padding: 0;
  font-family: "Montserrat", sans-serif !important;
  font-weight: 700;
  font-size: 0.7em;
  text-transform: uppercase;
  color: #016d78;
  cursor: default; }
  @media (max-width: 471px) {
    .homeSectionAudioIcon p {
      font-size: 0.8em;
      text-align: center; } }
  @media (min-width: 472px) and (max-width: 1300px) {
    .homeSectionAudioIcon p {
      font-size: 0.9em;
      margin: 30px 0; } }

/*------------------------- MAIL*/
.homeAudioMailSection {
  width: 100vw;
  margin: 20px 0; }
  @media (max-width: 471px) {
    .homeAudioMailSection {
      margin: 0; } }
  @media (min-width: 472px) and (max-width: 1300px) {
    .homeAudioMailSection {
      margin: 0; } }

.homeAudioMailSectionBloc {
  margin: 60px 0;
  width: 100%; }
  @media (max-width: 471px) {
    .homeAudioMailSectionBloc {
      margin: 0; } }
  @media (min-width: 472px) and (max-width: 1300px) {
    .homeAudioMailSectionBloc {
      margin: 50px 0; } }

.homeAudioMail {
  width: 30%;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center; }
  @media (max-width: 471px) {
    .homeAudioMail {
      width: 100%; } }
  @media (min-width: 472px) and (max-width: 1300px) {
    .homeAudioMail {
      width: 100%; } }

.homeAudioMail form {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center; }

.homeAudioMailBox2 {
  font-family: "Montserrat", sans-serif !important;
  border: solid 2px #802c3a;
  /*padding: 0 10px;*/
  color: #016d78;
  margin: 10px;
  width: 90%; }
  @media (max-width: 471px) {
    .homeAudioMailBox2 {
      border: solid 3px #802c3a;
      padding: 0 5px;
      display: flex;
      align-items: center; } }
  @media (min-width: 472px) and (max-width: 1300px) {
    .homeAudioMailBox2 {
      border: solid 4px #802c3a;
      padding: 10px;
      display: flex;
      align-items: center; } }

.homeAudioMailBox2 label {
  color: #016d78;
  font-size: 1.2em; }
  @media (max-width: 471px) {
    .homeAudioMailBox2 label {
      font-size: 1em; } }
  @media (min-width: 472px) and (max-width: 1300px) {
    .homeAudioMailBox2 label {
      font-size: 2.2em; } }

.homeAudioMailBox2 input {
  border: none;
  padding: 10px;
  width: 100%;
  cursor: text;
  color: #016d78; }
  @media (max-width: 471px) {
    .homeAudioMailBox2 input {
      padding: 10px; } }
  @media (min-width: 472px) and (max-width: 1300px) {
    .homeAudioMailBox2 input {
      padding: 15px; } }

.homeAudioMailBox2 ::placeholder {
  color: #016d78;
  font-size: 1.2em !important; }

.homeAudioMailButton button {
  border: none;
  background-color: #016d78;
  border-radius: 30px;
  padding: 10px 20px;
  margin: 10px 10px 100px 10px;
  text-transform: uppercase;
  color: white;
  font-size: 1.2em;
  cursor: pointer;
  box-shadow: 0px 3px 5px 1px rgba(124, 44, 58, 0.7);
  -moz-box-shadow: 0px 3px 5px 1px rgba(124, 44, 58, 0.7);
  -webkit-box-shadow: 0px 3px 5px 1px rgba(124, 44, 58, 0.7); }
  @media (max-width: 471px) {
    .homeAudioMailButton button {
      border-radius: 40px;
      padding: 10px 20px;
      /*margin: 20px;*/
      font-size: 1em; } }
  @media (min-width: 472px) and (max-width: 1300px) {
    .homeAudioMailButton button {
      border-radius: 40px;
      padding: 20px 30px;
      /*margin: 20px;*/
      font-size: 1.5em; } }

.homeAudioMailButton button:hover {
  background-color: #802c3a;
  box-shadow: 0px 3px 5px 1px rgba(1, 109, 120, 0.7);
  -moz-box-shadow: 0px 3px 5px 1px rgba(1, 109, 120, 0.7);
  -webkit-box-shadow: 0px 3px 5px 1px rgba(1, 109, 120, 0.7); }

/*------------------------- CONCEPT*/
.homeSectionConcept {
  width: 100vw;
  margin: 20px 0; }

.homeSectionConceptBloc {
  width: 90%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between; }
  @media (max-width: 471px) {
    .homeSectionConceptBloc {
      flex-direction: column; } }
  @media (min-width: 472px) and (max-width: 1300px) {
    .homeSectionConceptBloc {
      flex-direction: column; } }

.homeSectionConceptImage {
  width: 40%;
  height: 50vh;
  position: relative; }
  @media (max-width: 471px) {
    .homeSectionConceptImage {
      width: 100%; } }
  @media (min-width: 472px) and (max-width: 1300px) {
    .homeSectionConceptImage {
      width: 100%; } }

.homeSectionConceptImage img {
  width: auto;
  height: 100%;
  position: absolute;
  top: -60px; }
  @media (max-width: 471px) {
    .homeSectionConceptImage img {
      position: unset;
      height: 74%; } }
  @media (min-width: 472px) and (max-width: 1300px) {
    .homeSectionConceptImage img {
      position: unset; } }
  @media (min-width: 1301px) and (max-width: 1569px) {
    .homeSectionConceptImage img {
      height: 80%; } }
  @media (min-width: 1365px) and (max-width: 1366px) {
    .homeSectionConceptImage img {
      height: 70%; } }
  @media (min-width: 1570px) and (max-width: 1919px) {
    .homeSectionConceptImage img {
      height: 100%; } }
  @media (min-width: 1919px) and (max-width: 1920px) {
    .homeSectionConceptImage img {
      height: 80%; } }
  @media (min-width: 2879px) and (max-width: 2880px) {
    .homeSectionConceptImage img {
      height: 80%; } }

.homeSectionConceptImageRect {
  border: solid #802c3a 3px;
  /*width: 450px;
  height: 330px;*/
  width: 100%;
  height: 100%;
  position: absolute;
  /*top: -90px;
  left: 40px;*/
  top: -25%;
  left: 3%;
  z-index: 3; }
  @media (max-width: 471px) {
    .homeSectionConceptImageRect {
      width: 100%;
      height: 74%;
      border: solid #802c3a 3px;
      top: -15px;
      left: 10px; } }
  @media (min-width: 472px) and (max-width: 1300px) {
    .homeSectionConceptImageRect {
      width: 100%;
      height: 100%;
      border: solid #802c3a 6px;
      top: -15px;
      left: 30px; } }
  @media (min-width: 1301px) and (max-width: 1569px) {
    .homeSectionConceptImageRect {
      width: 107%;
      height: 80%;
      top: -22%; } }
  @media (min-width: 1365px) and (max-width: 1366px) {
    .homeSectionConceptImageRect {
      height: 75%;
      width: 110%; } }
  @media (min-width: 1570px) and (max-width: 1919px) {
    .homeSectionConceptImageRect {
      height: 100%;
      width: 110%;
      top: -20%; } }
  @media (min-width: 1919px) and (max-width: 1920px) {
    .homeSectionConceptImageRect {
      height: 80%;
      top: -15%; } }
  @media (min-width: 2560px) and (max-width: 2878px) {
    .homeSectionConceptImageRect {
      width: 94%;
      height: 102%;
      top: -20%; } }
  @media (min-width: 2879px) and (max-width: 2880px) {
    .homeSectionConceptImageRect {
      height: 80%;
      top: -10%;
      left: 5%; } }

.homeSectionConceptImageLine {
  /*border-top: solid orange 3px;
  width: 150px;
  position: absolute;
  top: 180px;
  left: 28vw;*/
  border-top: solid #802c3a 3px;
  width: 7%;
  height: 2px;
  position: absolute;
  top: 50%;
  left: -10.5%; }
  @media (max-width: 471px) {
    .homeSectionConceptImageLine {
      display: none; } }
  @media (min-width: 472px) and (max-width: 1300px) {
    .homeSectionConceptImageLine {
      display: none; } }
  @media (min-width: 1365px) and (max-width: 1366px) {
    .homeSectionConceptImageLine {
      left: -10%; } }

.homeSectionConceptText {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  width: 65%;
  margin: 0 0 0 120px; }
  @media (max-width: 471px) {
    .homeSectionConceptText {
      width: 100%;
      margin: 0 auto; } }
  @media (min-width: 472px) and (max-width: 1300px) {
    .homeSectionConceptText {
      width: 100%;
      margin: 0 auto; } }

.homeSectionConceptTextTitle {
  text-transform: uppercase;
  font-family: "Montserrat", sans-serif !important;
  font-weight: 700;
  color: #83c5be;
  font-size: 2em;
  margin: 50px 0 0 0;
  cursor: default;
  position: relative;
  /*width: 900px;*/
  width: 900px; }
  @media (max-width: 471px) {
    .homeSectionConceptTextTitle {
      text-align: center;
      font-size: 1.5em;
      margin: 0;
      width: 0; } }
  @media (min-width: 472px) and (max-width: 1300px) {
    .homeSectionConceptTextTitle {
      text-align: center;
      font-size: 1.5em;
      width: 0; } }
  @media (min-width: 1301px) and (max-width: 1569px) {
    .homeSectionConceptTextTitle {
      width: 810px; } }
  @media (min-width: 1365px) and (max-width: 1366px) {
    .homeSectionConceptTextTitle {
      width: 770px; } }
  @media (min-width: 1570px) and (max-width: 1919px) {
    .homeSectionConceptTextTitle {
      width: 535px; } }
  @media (min-width: 1919px) and (max-width: 1920px) {
    .homeSectionConceptTextTitle {
      width: 980px; } }
  @media (min-width: 2559px) and (max-width: 2560px) {
    .homeSectionConceptTextTitle {
      width: 930px; } }
  @media (min-width: 2560px) and (max-width: 2878px) {
    .homeSectionConceptTextTitle {
      width: 1400px; } }
  @media (min-width: 2879px) and (max-width: 2880px) {
    .homeSectionConceptTextTitle {
      width: 730px; } }
  @media (min-width: 3439px) and (max-width: 3440px) {
    .homeSectionConceptTextTitle {
      width: 840px; } }

.homeSectionConceptTextTitle h2 {
  margin: 5px 0; }

.homeSectionConceptTextParagraphe {
  font-family: "Montserrat", sans-serif !important;
  margin: 0;
  padding: 0;
  font-size: 0.9em;
  cursor: default; }
  @media (max-width: 471px) {
    .homeSectionConceptTextParagraphe {
      font-size: 0.8em; } }
  @media (min-width: 472px) and (max-width: 1300px) {
    .homeSectionConceptTextParagraphe {
      font-size: 1em; } }

.textConceptCenter {
  justify-content: center;
  display: flex;
  text-align: center;
  font-weight: 700;
  color: #83c5be; }
  @media (max-width: 471px) {
    .textConceptCenter {
      font-size: 0.8em; } }
  @media (min-width: 472px) and (max-width: 1300px) {
    .textConceptCenter {
      font-size: 1em; } }

.textConceptBold {
  font-weight: 700;
  color: #83c5be; }
  @media (max-width: 471px) {
    .textConceptBold {
      font-size: 0.8em; } }
  @media (min-width: 472px) and (max-width: 1300px) {
    .textConceptBold {
      font-size: 1em; } }

/*------------------------- HOME PAGE TOP*/
.homePageSectionTop {
  /*width: 100vw;*/
  height: 100vh;
  display: flex;
  background-color: #016d78; }
  @media (min-width: 319px) and (max-width: 375px) {
    .homePageSectionTop {
      flex-direction: column;
      height: 100vh; } }
  @media (min-width: 376px) and (max-width: 471px) {
    .homePageSectionTop {
      flex-direction: column;
      justify-content: flex-end;
      height: 90vh; } }
  @media (min-width: 472px) and (max-width: 1300px) {
    .homePageSectionTop {
      align-items: center; } }

/*------------------------- BLOC 1*/
.homePageTopBloc1 {
  /*background-color: $canard;*/
  width: 40%;
  margin: 30px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start; }
  @media (max-width: 471px) {
    .homePageTopBloc1 {
      width: 90%;
      margin: 0 auto;
      align-items: center; } }

/*.homePageTopBloc1Title{

  @media (max-width: 350px){
    // Mobile dimensions
    font-size: 1.5em;
    text-align: center;
    margin: 40px 0 0 0;
  }
}*/
.homePageTopBloc1Title h1 {
  font-family: "Montserrat", sans-serif !important;
  color: white;
  font-size: 3em;
  text-transform: uppercase; }
  @media (max-width: 350px) {
    .homePageTopBloc1Title h1 {
      font-size: 1em;
      text-align: center;
      margin: 50px 0 0 0; } }
  @media (min-width: 351px) and (max-width: 471px) {
    .homePageTopBloc1Title h1 {
      font-size: 1.5em;
      text-align: center; } }
  @media (min-width: 472px) and (max-width: 1300px) {
    .homePageTopBloc1Title h1 {
      font-size: 2em; } }

.homePageTopBloc1Text p {
  font-family: "Montserrat", sans-serif !important;
  color: white;
  font-size: 1em; }
  @media (max-width: 471px) {
    .homePageTopBloc1Text p {
      text-align: center; } }

.homePageTopBloc1Button {
  text-align: center;
  display: flex;
  margin: 30px 0; }

.homePageTopBloc1Button img {
  width: 100%; }

.homePageTopBloc1Button a {
  cursor: pointer;
  text-decoration: none;
  width: 20%;
  background-color: #83c5be;
  padding: 5px;
  position: absolute;
  /* left: 50%; */
  /* top: 50%; */
  /* transform: translate(-50%, -50%); */
  margin: 30px 0 0 0; }
  @media (max-width: 471px) {
    .homePageTopBloc1Button a {
      margin: 30px 0 0 0; } }
  @media (min-width: 472px) and (max-width: 1300px) {
    .homePageTopBloc1Button a {
      width: 30%; } }

.homePageTopBloc1Button a:hover {
  background-color: #802c3a; }

.homePageTopBloc1Button a p {
  font-family: "Montserrat", sans-serif !important;
  color: white;
  font-size: 1em;
  text-transform: uppercase; }

.homePageTopBloc1Button a span {
  border: solid white 1px;
  position: absolute;
  right: -3%;
  top: 10%;
  width: 98%;
  height: 98%; }

.homePageTopBloc1Button a span:hover {
  border: solid white 1px; }

/*------------------------- BLOC 2*/
.homePageTopBloc2 {
  width: 60%;
  position: relative; }
  @media (max-width: 471px) {
    .homePageTopBloc2 {
      width: 100%; } }

.homePageTopBloc2Img {
  /*width: 65%;*/
  position: relative;
  height: 100vh;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center; }
  @media (max-width: 471px) {
    .homePageTopBloc2Img {
      width: 100%;
      margin: 0 auto;
      height: 45vh; } }
  @media (min-width: 472px) and (max-width: 1300px) {
    .homePageTopBloc2Img {
      width: 100%;
      /*height: 30vh;*/ } }

.homePageTopBloc2Img img {
  width: auto;
  height: 100%; }

.homePageTopBloc2ImgBorder {
  border: solid white 2px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 95%;
  height: 95%; }

.homePageImageTop {
  width: 20%; }

.homePageImageTop img {
  width: 100%; }

.homePageImageVignettes {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 80%;
  position: absolute;
  left: 50%;
  top: 90%;
  transform: translate(-50%, -90%); }
  @media (max-width: 471px) {
    .homePageImageVignettes {
      width: 90%; } }

@media (max-width: 471px) {
  .homePageImageVignettes section {
    padding: 0 2px; } }

.homePageImageVignettes a {
  text-decoration: none;
  cursor: pointer; }

.homePageImageVignetteImg {
  width: 3%; }

.homePageImageVignetteImg img {
  width: 100%; }

.homePageImageVignette {
  background-color: rgba(1, 109, 120, 0.7);
  padding: 25px;
  min-width: 200px; }
  @media (max-width: 471px) {
    .homePageImageVignette {
      padding: 10px;
      min-width: 100px; } }
  @media (min-width: 472px) and (max-width: 1300px) {
    .homePageImageVignette {
      padding: 10px;
      min-width: 100px; } }

.homePageImageVignetteTitle {
  padding: 0;
  margin: 0 0 10px 0;
  font-family: "Montserrat", sans-serif !important;
  color: white;
  font-size: 0.8em;
  text-transform: uppercase;
  text-align: center; }
  @media (max-width: 471px) {
    .homePageImageVignetteTitle {
      font-size: 0.7em; } }
  @media (min-width: 472px) and (max-width: 1300px) {
    .homePageImageVignetteTitle {
      font-size: 0.7em; } }

.homePageImageVignetteText {
  padding: 0;
  margin: 0;
  font-family: "Montserrat", sans-serif !important;
  color: white;
  font-size: 0.6em;
  text-align: center; }

/*------------------------- AUDIOGUIDE*/
.homePageSectionAudioguide {
  width: 100vw;
  margin: 50px 0 0 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-around;
  position: relative; }
  @media (max-width: 471px) {
    .homePageSectionAudioguide {
      margin: 0; } }

.homePageSectionAudioguideTitle {
  width: 90%;
  margin: 0 auto; }

.homePageSectionAudioguideTitle h3 {
  font-family: "Montserrat", sans-serif !important;
  font-size: 2.5em;
  color: #83c5be;
  text-transform: uppercase;
  margin: 0 0 30px 0; }
  @media (max-width: 471px) {
    .homePageSectionAudioguideTitle h3 {
      font-size: 1.5em;
      text-align: center; } }

.homePageSectionAudioguideSousTitle {
  width: 90%;
  margin: 0 auto; }
  @media (max-width: 471px) {
    .homePageSectionAudioguideSousTitle {
      font-size: 0.6em;
      text-align: center; } }

.homePageSectionAudioguideSousTitle p {
  font-family: "Montserrat", sans-serif !important;
  font-size: 2em;
  color: #83c5be;
  margin: 0 0 30px 0; }

.homePageSectionAudioguide {
  width: 100%; }

.homePageSectionAudioguideImg {
  width: 100%;
  position: relative; }
  @media (max-width: 471px) {
    .homePageSectionAudioguideImg {
      display: flex;
      justify-content: center;
      max-width: 100vw;
      overflow: hidden; } }
  @media (min-width: 472px) and (max-width: 1300px) {
    .homePageSectionAudioguideImg {
      display: flex;
      justify-content: center;
      max-width: 100vw;
      overflow: hidden; } }

.homePageSectionAudioguideImg img {
  width: 100%; }
  @media (max-width: 471px) {
    .homePageSectionAudioguideImg img {
      width: 400%;
      height: 100%; } }
  @media (min-width: 472px) and (max-width: 1300px) {
    .homePageSectionAudioguideImg img {
      width: 200%;
      height: 100%; } }

.homePageSectionAudioguideBlocIcon {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 80%;
  margin: 50px 0;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%); }
  @media (max-width: 471px) {
    .homePageSectionAudioguideBlocIcon {
      flex-direction: column;
      justify-content: center;
      width: 50%;
      margin: 0;
      top: 45%; } }
  @media (min-width: 472px) and (max-width: 1300px) {
    .homePageSectionAudioguideBlocIcon {
      /*flex-direction: initial;*/
      flex-wrap: wrap;
      margin: 0;
      width: 70%; } }

.homePageSectionAudioguideIcon {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 22%; }
  @media (max-width: 471px) {
    .homePageSectionAudioguideIcon {
      width: 100%; } }
  @media (min-width: 472px) and (max-width: 1300px) {
    .homePageSectionAudioguideIcon {
      width: 45%; } }

.homePageSectionAudioguideIcon img {
  width: 60%; }

.homePageSectionAudioguideIcon p {
  margin: 20px 0;
  padding: 0;
  font-family: "Montserrat", sans-serif !important;
  font-weight: 700;
  font-size: 1em;
  text-transform: uppercase;
  color: white;
  cursor: default;
  text-align: center; }
  @media (max-width: 471px) {
    .homePageSectionAudioguideIcon p {
      font-size: 0.8em;
      text-align: center;
      margin: 10px 0; } }
  @media (min-width: 472px) and (max-width: 1300px) {
    .homePageSectionAudioguideIcon p {
      font-size: 1em;
      margin: 30px 0; } }

.homePageSectionAudioguideButton {
  text-align: center;
  display: flex;
  margin: 30px 0;
  /*position: absolute;*/ }

.homePageSectionAudioguideButton img {
  width: 100%; }

.homePageSectionAudioguideButton a {
  cursor: pointer;
  text-decoration: none;
  width: 20%;
  background-color: #802c3a;
  padding: 5px;
  position: absolute;
  left: 50%;
  top: 75%;
  transform: translate(-50%, -75%);
  margin: 30px 0 0 0;
  z-index: 9999999; }
  @media (max-width: 471px) {
    .homePageSectionAudioguideButton a {
      width: 80%;
      top: 85%; } }
  @media (min-width: 472px) and (max-width: 1300px) {
    .homePageSectionAudioguideButton a {
      top: 85%;
      width: 45%; } }

.homePageSectionAudioguideButton a:hover {
  background-color: #016d78; }

.homePageSectionAudioguideButton a p {
  font-family: "Montserrat", sans-serif !important;
  color: white;
  font-size: 1em;
  text-transform: uppercase; }

.homePageSectionAudioguideButton a span {
  border: solid white 1px;
  position: absolute;
  right: -3%;
  top: 10%;
  width: 98%;
  height: 98%; }

.homePageSectionAudioguideButton a span:hover {
  border: solid white 1px; }

/*------------------------- ESSAI*/
.homePageSectionEssai {
  width: 100vw;
  margin: 0 0 100px 0; }
  @media (max-width: 471px) {
    .homePageSectionEssai {
      margin: 0 0 50px 0; } }

.homePageSectionEssaiTitle {
  width: 90%;
  margin: 0 auto; }

.homePageSectionEssaiTitle h3 {
  font-family: "Montserrat", sans-serif !important;
  font-weight: 400;
  font-size: 2.5em;
  color: black;
  margin: 0 0 30px 0;
  text-align: center; }
  @media (max-width: 471px) {
    .homePageSectionEssaiTitle h3 {
      font-size: 1.5em; } }

.homePageSectionEssaiSousTitle {
  width: 90%;
  margin: 0 auto; }

.homePageSectionEssaiSousTitle p {
  font-family: "Montserrat", sans-serif !important;
  font-weight: 400;
  font-size: 1em;
  color: black;
  margin: 0 0 30px 0;
  text-align: center; }
  @media (max-width: 471px) {
    .homePageSectionEssaiSousTitle p {
      font-size: 0.8em; } }

.homePageSectionEssaiMail {
  width: 40%;
  margin: 0 auto; }
  @media (max-width: 471px) {
    .homePageSectionEssaiMail {
      width: 100%; } }
  @media (min-width: 472px) and (max-width: 1300px) {
    .homePageSectionEssaiMail {
      width: 100%; } }

.homePageSectionEssaiMail form {
  width: 100%;
  display: flex;
  align-items: center; }
  @media (max-width: 471px) {
    .homePageSectionEssaiMail form {
      flex-direction: column; } }
  @media (min-width: 472px) and (max-width: 1300px) {
    .homePageSectionEssaiMail form {
      flex-direction: column; } }

.homePageSectionEssaiBox3 {
  font-family: "Montserrat", sans-serif !important;
  border: solid 2px lightgray;
  /*padding: 0 10px;*/
  color: #016d78;
  margin: 0 10px 0 0;
  width: 90%; }
  @media (max-width: 471px) {
    .homePageSectionEssaiBox3 {
      padding: 0 5px;
      display: flex;
      align-items: center; } }
  @media (min-width: 472px) and (max-width: 1300px) {
    .homePageSectionEssaiBox3 {
      padding: 10px;
      display: flex;
      align-items: center; } }

.homePageSectionEssaiBox3 label {
  color: #016d78;
  font-size: 1.2em; }
  @media (max-width: 471px) {
    .homePageSectionEssaiBox3 label {
      font-size: 1em; } }
  @media (min-width: 472px) and (max-width: 1300px) {
    .homePageSectionEssaiBox3 label {
      font-size: 2.2em; } }

.homePageSectionEssaiBox3 input {
  border: none;
  padding: 12px 20px;
  width: 100%;
  cursor: text;
  color: #016d78; }
  @media (max-width: 471px) {
    .homePageSectionEssaiBox3 input {
      padding: 10px; } }
  @media (min-width: 472px) and (max-width: 1300px) {
    .homePageSectionEssaiBox3 input {
      padding: 15px; } }

.homePageSectionEssaiBox3 ::placeholder {
  color: lightgray;
  font-size: 1.2em !important;
  letter-spacing: 1px; }

.homePageSectionEssaiButton {
  position: relative;
  cursor: pointer; }
  @media (max-width: 471px) {
    .homePageSectionEssaiButton {
      margin: 10px 0; } }
  @media (min-width: 472px) and (max-width: 1300px) {
    .homePageSectionEssaiButton {
      margin: 10px 0; } }

.homePageSectionEssaiButton button {
  border: none;
  background-color: #016d78;
  padding: 10px 30px;
  color: white;
  font-family: "Montserrat", sans-serif !important;
  font-weight: 400;
  letter-spacing: 1px;
  font-size: 1.2em;
  cursor: pointer; }
  @media (max-width: 471px) {
    .homePageSectionEssaiButton button {
      padding: 10px 20px;
      /*margin: 20px;*/
      font-size: 1em; } }
  @media (min-width: 472px) and (max-width: 1300px) {
    .homePageSectionEssaiButton button {
      padding: 20px 50px;
      /*margin: 20px;*/
      font-size: 1.5em; } }

.homePageSectionEssaiButton button:hover {
  background-color: #83c5be !important; }

.homePageSectionEssaiButton span {
  border: solid #83c5be 1px;
  position: absolute;
  right: -3%;
  top: 10%;
  width: 98%;
  height: 98%; }

.homePageSectionEssaiButton span:hover {
  border: solid white 1px; }

/*------------------------- CONCEPT*/
.homePageSectionConcept {
  width: 100vw;
  margin: 100px 0; }
  @media (min-width: 319px) and (max-width: 375px) {
    .homePageSectionConcept {
      margin: 80px 0 20px 0; } }
  @media (min-width: 376px) and (max-width: 471px) {
    .homePageSectionConcept {
      margin: 90px 0 20px 0; } }

.homePageSectionConceptBloc {
  width: 90%;
  margin: 0 auto;
  display: flex;
  align-items: flex-start;
  justify-content: space-between; }
  @media (max-width: 471px) {
    .homePageSectionConceptBloc {
      flex-direction: column;
      width: 100%; } }
  @media (min-width: 472px) and (max-width: 1300px) {
    .homePageSectionConceptBloc {
      flex-direction: column;
      width: 100%; } }

.homePageSectionConceptBloc1 {
  /*width: 60%;*/
  /*margin: 0 50px 0 0;*/ }
  @media (max-width: 471px) {
    .homePageSectionConceptBloc1 {
      width: 90%;
      margin: 0 auto; } }
  @media (min-width: 472px) and (max-width: 1300px) {
    .homePageSectionConceptBloc1 {
      width: 90%;
      margin: 0 auto; } }

.homePageSectionConceptBloc2 {
  /*width: 30%;*/
  width: 100%;
  height: 90vh;
  overflow: hidden;
  display: flex;
  justify-content: flex-end; }
  @media (max-width: 471px) {
    .homePageSectionConceptBloc2 {
      width: 100%;
      margin: 0 auto; } }
  @media (min-width: 472px) and (max-width: 1300px) {
    .homePageSectionConceptBloc2 {
      /*width: auto;
      height: 400px;
      display: flex;
      align-items: center;
      overflow: hidden;*/
      justify-content: center;
      align-items: center; } }

.homePageSectionConceptTitle h3 {
  font-family: "Montserrat", sans-serif !important;
  font-size: 2.5em;
  color: #83c5be;
  text-transform: uppercase;
  margin: 0 0 30px 0; }
  @media (max-width: 471px) {
    .homePageSectionConceptTitle h3 {
      font-size: 1.5em;
      text-align: center; } }

.homePageSectionConceptText {
  font-family: "Montserrat", sans-serif !important;
  margin: 0;
  padding: 0;
  font-size: 0.8em;
  cursor: default; }
  @media (max-width: 471px) {
    .homePageSectionConceptText {
      font-size: 0.8em; } }
  @media (min-width: 472px) and (max-width: 1300px) {
    .homePageSectionConceptText {
      font-size: 1em; } }

.homePageSectiontextConceptBold {
  font-weight: 700;
  color: #83c5be; }
  @media (max-width: 471px) {
    .homePageSectiontextConceptBold {
      font-size: 1em; } }
  @media (min-width: 472px) and (max-width: 1300px) {
    .homePageSectiontextConceptBold {
      font-size: 1em; } }

.homePageSectionConceptText p {
  font-family: "Montserrat", sans-serif !important;
  font-size: 1em;
  padding: 0;
  line-height: 1.3em; }

.homePageSectionConceptBloc2 img {
  width: 100%;
  /*width: initial;*/ }

/*------------------------- BLOG*/
.homePageSectionBlog {
  width: 100vw;
  margin: 0 0 100px 0; }
  @media (max-width: 471px) {
    .homePageSectionBlog {
      margin: 0 0 50px 0; } }

.homePageSectionBlogTitle {
  width: 90%;
  margin: 0 auto; }

.homePageSectionBlog h3 {
  font-family: "Montserrat", sans-serif !important;
  font-size: 2.5em;
  color: #016d78;
  text-transform: uppercase;
  margin: 0 0 30px 0;
  text-align: center; }
  @media (max-width: 471px) {
    .homePageSectionBlog h3 {
      font-size: 1.5em;
      text-align: center; } }

/*------------------------- article blog*/
.homePageSectionBlogList {
  width: 90%;
  margin: 0 auto;
  display: flex;
  align-items: flex-start;
  justify-content: space-between; }
  @media (max-width: 471px) {
    .homePageSectionBlogList {
      flex-direction: column; } }
  @media (min-width: 472px) and (max-width: 1300px) {
    .homePageSectionBlogList {
      align-items: flex-start; } }

.homePageSectionBlogBloc {
  width: 30%;
  margin: 50px 0 30px 0; }
  @media (max-width: 471px) {
    .homePageSectionBlogBloc {
      width: 100%;
      margin: 30px 0; } }

.homePageSectionBlogBloc a {
  text-decoration: none;
  cursor: pointer; }

.homePageSectionBlogImg {
  /*width: 100%;
  position: relative;*/
  height: 45vh;
  overflow: hidden;
  display: flex;
  /*align-items: center;*/
  justify-content: center;
  position: relative; }
  @media (max-width: 471px) {
    .homePageSectionBlogImg {
      height: 40vh; } }
  @media (min-width: 472px) and (max-width: 1300px) {
    .homePageSectionBlogImg {
      height: 15vh; } }

.homePageSectionBlogImg img {
  width: auto;
  height: 100%; }

.homePageSectionBlogImgBorder {
  border: solid white 2px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 95%;
  height: 95%; }

.homePageSectionBlogInfos {
  font-family: "Montserrat", sans-serif !important;
  font-size: 0.6em;
  margin: 10px 0 0 0;
  color: #016d78;
  display: flex;
  align-items: center;
  justify-content: flex-start; }

.homePageSectionBlogInfos p {
  padding: 0;
  margin: 0 3px 0 3px; }

.homePageSectionBlogText {
  font-family: "Montserrat", sans-serif !important;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  border-bottom: solid 1px #83c5be; }

.homePageSectionBlogText h4 {
  font-size: 1em;
  text-transform: uppercase;
  color: #83c5be;
  font-weight: 700; }

.homePageSectionBlogText p {
  padding: 0;
  margin: 0 0 5px 0;
  font-size: 0.7em;
  color: black; }

.homePageSectionBlogLike {
  width: 95%; }

.homeLikeItem {
  width: 30px; }
  .homeLikeItem .heart img {
    width: 100%; }
    @media (max-width: 471px) {
      .homeLikeItem .heart img {
        width: 50%;
        margin: 0 10px 0 0; } }

.homeLikeItem:hover {
  cursor: initial; }

.homePageSectionBlogLike form {
  justify-content: flex-end;
  display: flex; }

.homePageSectionBlogLike button {
  background-color: transparent;
  cursor: pointer;
  display: flex;
  align-items: center;
  width: 8%; }
  @media (min-width: 472px) and (max-width: 1300px) {
    .homePageSectionBlogLike button {
      width: 15%; } }

.homePageSectionBlogLike img {
  width: 100%;
  margin: 0 10px 0 0; }

.homePageSectionBlogLike p {
  font-family: "Montserrat", sans-serif !important;
  font-size: 0.8em;
  color: #83c5be; }

/*------------------------- TOP*/
.legalSection {
  width: 100vw;
  height: auto;
  margin-top: 20px; }
  @media (max-width: 471px) {
    .legalSection {
      /*margin-top: 85px;*/
      margin-top: 0; } }
  @media (min-width: 472px) and (max-width: 1300px) {
    .legalSection {
      /*margin-top: 145px;*/ } }

.legalLine {
  border-bottom: solid 3px #83c5be;
  display: flex; }

.legalSectionTitle {
  font-family: "Montserrat", sans-serif !important;
  font-size: 1.8em;
  text-transform: uppercase;
  margin-left: 30px; }
  @media (max-width: 471px) {
    .legalSectionTitle {
      font-size: 1em;
      width: 90%;
      margin: 0 auto; } }
  @media (min-width: 472px) and (max-width: 1300px) {
    .legalSectionTitle {
      font-size: 1.5em;
      margin: 0 auto;
      width: 90%; } }

.legalSectionTitle h1 {
  font-family: "Montserrat", sans-serif !important;
  margin-bottom: 0; }

.legalSectionTitle p {
  font-family: "Montserrat", sans-serif !important;
  font-weight: 700;
  color: #83c5be;
  margin: 0;
  padding: 0; }

.legalArticleBloc {
  width: 40%;
  margin-left: 5%;
  margin-bottom: 100px;
  /*overflow: scroll;*/
  /*height: 100vh;*/ }
  @media (max-width: 471px) {
    .legalArticleBloc {
      width: 100%;
      margin-left: 0;
      margin-bottom: 100px; } }
  @media (min-width: 472px) and (max-width: 1300px) {
    .legalArticleBloc {
      width: 100%;
      margin-left: 0;
      margin-bottom: 150px; } }

.legalArticle {
  width: 90%;
  margin: 0 auto; }

.legalArticleTitle {
  font-family: "Montserrat", sans-serif !important;
  font-weight: 700;
  font-size: 1.3em;
  color: #016d78;
  text-transform: uppercase; }
  @media (max-width: 471px) {
    .legalArticleTitle {
      font-size: 1em; } }
  @media (min-width: 472px) and (max-width: 1300px) {
    .legalArticleTitle {
      font-size: 1em; } }

.legalArticleText {
  font-family: "Montserrat", sans-serif !important;
  font-size: 1em;
  margin-left: 30px; }
  @media (max-width: 471px) {
    .legalArticleText {
      margin-left: 0; } }
  @media (min-width: 472px) and (max-width: 1300px) {
    .legalArticleText {
      margin-left: 0; } }

.legalArticleText a {
  /*text-decoration: none;*/
  font-weight: 700;
  color: #802c3a;
  cursor: pointer; }

.legalArticleTextColor {
  color: #83c5be;
  font-weight: 700; }

.contact-section {
  width: 85%;
  margin: 30px auto;
  display: flex;
  justify-content: space-between;
  align-items: center; }

.contact-form-container {
  width: 65%; }
  .contact-form-container h1 {
    color: #016d78;
    margin: 0;
    font-size: 1.8em; }
  .contact-form-container form .row {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin: 30px 0 0; }
    .contact-form-container form .row .block {
      width: 48%; }
      .contact-form-container form .row .block label {
        width: 100%;
        color: #016d78;
        height: initial;
        margin-bottom: 5px; }
      .contact-form-container form .row .block input, .contact-form-container form .row .block textarea {
        width: 100%;
        border: 1px solid #016d78;
        padding: 13px;
        border-radius: 5px;
        font-family: "Montserrat", sans-serif !important; }
      .contact-form-container form .row .block input::placeholder, .contact-form-container form .row .block textarea::placeholder {
        color: #909292; }
    .contact-form-container form .row .block-msg {
      width: 100%; }
      .contact-form-container form .row .block-msg textarea {
        resize: none; }
    .contact-form-container form .row .block-btn {
      width: 100%;
      display: flex;
      justify-content: flex-end;
      align-items: center; }
      .contact-form-container form .row .block-btn button {
        width: 170px;
        height: 40px;
        border: 1px solid #016d78;
        background-color: #016d78;
        color: white; }
      .contact-form-container form .row .block-btn button:hover {
        cursor: pointer;
        background-color: white;
        color: #016d78; }
  .contact-form-container form .row-p p {
    color: #016d78;
    font-size: 0.7em; }
  .contact-form-container form .row-btn {
    margin-top: 20px; }

.contact-img-container {
  width: 31%; }
  .contact-img-container .contact-frame {
    border: 2px solid #016d78; }
  .contact-img-container img {
    width: 100%;
    height: auto; }

.contact-frame-ref {
  position: relative; }

.contact-frame {
  width: 100%;
  height: 100%;
  border: 1px solid #83c5be;
  position: absolute;
  top: 5px;
  left: 5px; }

/*********  RESPONSIVE  *********/
@media screen and (max-width: 992px) {
  .contact-section {
    flex-direction: column; }

  .contact-form-container {
    width: 100%; }
    .contact-form-container h1 {
      margin-bottom: 10px; }
    .contact-form-container form .row {
      margin: 0;
      flex-direction: column; }
      .contact-form-container form .row .block {
        width: 100%;
        margin-bottom: 20px; }
      .contact-form-container form .row .block-btn {
        justify-content: center; }

  .contact-img-container {
    width: 100%; } }
/*---------------------------- BLOG*/
/*------------------------- TOP*/
.articleSectionTop {
  width: 100vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 50px 0; }
  @media (max-width: 471px) {
    .articleSectionTop {
      margin: 20px 0; } }

.articleSectionTopTitle {
  font-family: "Montserrat", sans-serif !important;
  color: #016d78;
  font-size: 1.8em;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  font-weight: 400;
  max-width: 60%;
  margin: 0 auto; }
  @media (max-width: 471px) {
    .articleSectionTopTitle {
      display: block;
      font-size: 0.8em;
      letter-spacing: 0.1em;
      color: #016d78;
      text-transform: uppercase;
      font-weight: 400;
      text-align: center;
      max-width: 80%; } }
  @media (min-width: 472px) and (max-width: 1300px) {
    .articleSectionTopTitle {
      font-size: 1em;
      max-width: 90%; } }

.articleSectionTopTitle h1 {
  margin: 20px 0; }

.articleSectionTopItems {
  width: 90%;
  margin: 0 auto;
  text-align: center; }

.articleSectionTopText {
  font-family: "Montserrat", sans-serif !important;
  color: #83c5be;
  font-size: 1.5em;
  font-weight: 400;
  margin: 20px 0; }
  @media (max-width: 471px) {
    .articleSectionTopText {
      font-size: 0.8em; } }

.articleSectionTopText p {
  margin: 0;
  padding: 0; }

.articleSectionTopImg {
  width: 90%;
  margin: 0 auto; }
  @media (max-width: 471px) {
    .articleSectionTopImg {
      overflow: hidden;
      display: flex;
      align-items: center;
      justify-content: center; } }

.articleSectionTopImg img {
  width: 100%; }
  @media (max-width: 471px) {
    .articleSectionTopImg img {
      width: 400px;
      height: auto;
      /* max-width: 100%;
       min-width: 100%;*/ } }

/*------------------------- TEXT*/
.articleSectionText {
  width: 90%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between; }
  @media (max-width: 471px) {
    .articleSectionText {
      flex-direction: column;
      margin-bottom: 30px; } }
  @media (min-width: 472px) and (max-width: 1300px) {
    .articleSectionText {
      flex-direction: column; } }

.articleItems1 {
  width: 60%; }
  @media (max-width: 471px) {
    .articleItems1 {
      width: 100%; } }
  @media (min-width: 472px) and (max-width: 1300px) {
    .articleItems1 {
      width: 100%; } }

.articleItems1Title h2 {
  font-family: "Montserrat", sans-serif !important;
  font-size: 2em;
  text-transform: uppercase;
  color: #83c5be; }
  @media (max-width: 471px) {
    .articleItems1Title h2 {
      font-size: 1.5em; } }

.articleItems1Text {
  margin: 20px 0; }

.articleItems1Text img {
  max-width: 500px !important;
  height: auto !important; }
  @media (max-width: 471px) {
    .articleItems1Text img {
      height: auto !important;
      width: 100% !important; } }

.articleItems1Text p {
  font-family: "Montserrat", sans-serif !important;
  color: black;
  font-size: 1em;
  margin: 20px 0;
  padding: 0; }
  @media (max-width: 471px) {
    .articleItems1Text p {
      font-size: 0.9em; } }
  @media (min-width: 472px) and (max-width: 1300px) {
    .articleItems1Text p {
      font-size: 0.8em; } }

.articleItems1Text h2 {
  font-family: "Montserrat", sans-serif !important;
  font-size: 2em;
  text-transform: uppercase;
  color: #83c5be; }
  @media (max-width: 471px) {
    .articleItems1Text h2 {
      font-size: 1.5em; } }

.articleItems1Img {
  width: 60%; }
  @media (max-width: 471px) {
    .articleItems1Img {
      width: 100%; } }

.articleItems1Img img {
  width: 100%; }

.articleItem1Like form {
  display: flex;
  align-items: center;
  margin: 20px 0; }
  @media (max-width: 471px) {
    .articleItem1Like form {
      justify-content: space-around; } }

.articleItem1Like p {
  font-family: "Montserrat", sans-serif !important;
  color: #802c3a;
  font-size: 1.2em; }
  @media (max-width: 471px) {
    .articleItem1Like p {
      font-size: 1em; } }

.articleItem1Like button {
  width: 6%;
  background-color: transparent;
  margin-left: 10px;
  cursor: pointer; }
  @media (max-width: 471px) {
    .articleItem1Like button {
      width: 12%; } }

.articleItem1Like button img {
  width: 100%; }

/*------------------------- RETURN*/
.articleSectionReturn {
  width: 30%;
  margin: 0 auto; }
  @media (max-width: 471px) {
    .articleSectionReturn {
      width: 100%; } }
  @media (min-width: 472px) and (max-width: 1300px) {
    .articleSectionReturn {
      width: 50%; } }

.articleSectionReturnArrow {
  margin: 20px 0; }
  @media (min-width: 472px) and (max-width: 1300px) {
    .articleSectionReturnArrow {
      margin: 100px 0 50px 0; } }

.articleSectionReturnArrow a {
  width: 100%;
  background-color: transparent;
  text-align: center;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none; }
  @media (max-width: 471px) {
    .articleSectionReturnArrow a {
      justify-content: flex-start; } }

.articleSectionReturnArrowImg {
  width: 7%;
  margin: 0 20px; }
  @media (max-width: 471px) {
    .articleSectionReturnArrowImg {
      width: 10%; } }
  @media (min-width: 472px) and (max-width: 1300px) {
    .articleSectionReturnArrowImg {
      width: 12%; } }

.articleSectionReturnArrowImg img {
  width: 100%; }

.articleSectionReturnText p {
  font-family: "Montserrat", sans-serif !important;
  font-size: 1.2em;
  color: #83c5be;
  margin: 0;
  padding: 0; }
  @media (max-width: 471px) {
    .articleSectionReturnText p {
      font-size: 0.8em;
      color: #016d78; } }

/*------------------------- ITEM2*/
.articleItems2 {
  width: 25%;
  margin: 100px 0 0 0; }
  @media (max-width: 471px) {
    .articleItems2 {
      display: none;
      width: 100%; } }
  @media (min-width: 472px) and (max-width: 1300px) {
    .articleItems2 {
      width: 100%;
      margin: 0; } }

.articleItems2Title {
  font-family: "Montserrat", sans-serif !important;
  color: #016d78;
  font-size: 1.2em;
  text-align: center; }

.articleItems2Img {
  width: 100%;
  position: relative; }

.articleItems2Img img {
  width: 100%; }

.articleItems2Img button {
  cursor: pointer;
  width: 60%;
  background-color: #016d78;
  padding: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%); }

.articleItems2Img button:hover {
  background-color: #83c5be; }

.articleItems2Img button p {
  font-family: "Montserrat", sans-serif !important;
  color: white;
  font-size: 1.2em;
  padding: 0; }

.articleItems2Img button span {
  border: solid white 1px;
  position: absolute;
  right: -3%;
  top: 10%;
  width: 98%;
  height: 98%; }

.articleItems2Newsletter {
  font-family: "Montserrat", sans-serif !important;
  color: black;
  font-size: 1.3em;
  margin: 80px 0 20px 0;
  text-align: center;
  font-weight: 400 !important; }

.articleItems2Form form {
  width: 100%;
  margin: 0 auto; }

.articleItems2Form input {
  border: solid 1px grey;
  padding: 20px 10px;
  width: 100%;
  margin: 20px 0; }

.articleItems2Newsletter ::placeholder {
  font-size: 1.3em;
  color: grey; }

.articleItems2FormButton {
  position: relative;
  width: 100%; }

.articleItems2FormButton input {
  cursor: pointer;
  width: 50%;
  background-color: #016d78;
  font-family: "Montserrat", sans-serif !important;
  color: white;
  font-size: 0.8em;
  padding: 20px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%); }

.articleItems2FormButton span {
  border: solid red 1px;
  position: absolute;
  right: -3%;
  top: 10%;
  width: 98%;
  height: 98%;
  z-index: 99; }

/*------------------------- ITEM3*/
.articleSectionVisiteMobile {
  display: none; }
  @media (max-width: 471px) {
    .articleSectionVisiteMobile {
      display: block;
      width: 90%;
      margin: 0 auto; } }

.articleItems3 {
  display: none; }
  @media (max-width: 471px) {
    .articleItems3 {
      display: block;
      width: 100%;
      margin: 0 0 100px 0; } }

.articleItems3Title {
  font-family: "Montserrat", sans-serif !important;
  color: #016d78;
  font-size: 1.2em; }
  @media (max-width: 471px) {
    .articleItems3Title {
      text-align: center; } }

.articleItems3Img {
  width: 100%;
  position: relative; }

.articleItems3Img img {
  width: 100%; }

.articleItems3Img button {
  cursor: pointer;
  width: 50%;
  background-color: #016d78;
  padding: 10px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%); }
  @media (max-width: 471px) {
    .articleItems3Img button {
      width: 60%;
      padding: 10px 15px; } }

.articleItems3Img button:hover {
  background-color: #83c5be; }

.articleItems3Img button p {
  font-family: "Montserrat", sans-serif !important;
  color: white;
  font-size: 0.8em; }
  @media (max-width: 471px) {
    .articleItems3Img button p {
      font-size: 1.2em; } }

.articleItems3Img button span {
  border: solid white 1px;
  position: absolute;
  right: -3%;
  top: 10%;
  width: 98%;
  height: 98%; }

/*------------------------- ITEM4*/
.articleItems4Img {
  width: 100%;
  position: relative; }

.articleItems4Img img {
  width: 100%; }

.articleItems4Img button {
  cursor: pointer;
  width: 50%;
  background-color: #016d78;
  padding: 0;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  margin: 30px 0 0 0; }
  @media (max-width: 471px) {
    .articleItems4Img button {
      margin: 30px 0 0 0; } }

.articleItems4Img button:hover {
  background-color: #83c5be; }

.articleItems4Img button p {
  font-family: "Montserrat", sans-serif !important;
  color: white;
  font-size: 1.2em;
  padding: 0; }

.articleItems4Img button span {
  border: solid #83c5be 1px;
  position: absolute;
  right: -3%;
  top: 10%;
  width: 98%;
  height: 98%; }

.articleItems4Img button span:hover {
  border: solid white 1px; }

/*------------------------- ITEM4*/
.articleItems3Newsletter {
  font-family: "Montserrat", sans-serif !important;
  color: black;
  font-size: 1.3em;
  margin: 20px 0;
  text-align: center;
  font-weight: 400; }
  @media (max-width: 471px) {
    .articleItems3Newsletter {
      margin: 50px 0 20px 0; } }

.articleItems3Form form {
  width: 100%;
  margin: 0 auto; }

.articleItems3Form input {
  border: solid 1px grey;
  padding: 20px 10px;
  width: 100%;
  margin: 20px 0; }

.articleItems3Newsletter ::placeholder {
  font-size: 1.3em;
  color: grey; }

.articleItems3FormButton {
  position: relative;
  width: 100%; }

.articleItems3FormButton input {
  cursor: pointer;
  width: 50%;
  background-color: #016d78;
  font-family: "Montserrat", sans-serif !important;
  color: white;
  font-size: 0.8em;
  padding: 20px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%); }

.articleItems3FormButton span {
  border: solid red 1px;
  position: absolute;
  right: -3%;
  top: 10%;
  width: 98%;
  height: 98%;
  z-index: 99; }

/*------------------------- ARTICLES LIST*/
.articleSectionList {
  width: 90%;
  margin: 0 auto; }
  @media (max-width: 471px) {
    .articleSectionList {
      width: 90%; } }

.articleListTitle {
  font-family: "Montserrat", sans-serif !important;
  color: #016d78;
  font-size: 1.2em;
  text-transform: uppercase;
  text-align: center;
  margin: 100px 0 0 0; }
  @media (max-width: 471px) {
    .articleListTitle {
      margin: 50px 0 0 0; } }
  @media (min-width: 472px) and (max-width: 1300px) {
    .articleListTitle {
      margin: 0; } }

.articleListTitle p {
  margin: 0;
  padding: 0; }

.articleItemsList {
  display: flex;
  align-items: flex-start;
  justify-content: space-between; }
  @media (max-width: 471px) {
    .articleItemsList {
      flex-direction: column; } }
  @media (min-width: 472px) and (max-width: 1300px) {
    .articleItemsList {
      align-items: flex-start; } }

.articleItemBloc {
  width: 30%;
  margin: 50px 0 30px 0; }
  @media (max-width: 471px) {
    .articleItemBloc {
      width: 100%;
      margin: 30px 0; } }

.articleItemBloc a {
  text-decoration: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center; }

.articleItemBlocCenter {
  width: 30%;
  margin: 0 0 30px 0; }

.articleItemBlocCenter a {
  text-decoration: none;
  cursor: pointer; }

.articleItemImg {
  /*width: 100%;
  position: relative;*/
  height: 45vh;
  overflow: hidden;
  display: flex;
  /*align-items: center;*/
  justify-content: center;
  position: relative; }
  @media (max-width: 471px) {
    .articleItemImg {
      height: 40vh; } }
  @media (min-width: 472px) and (max-width: 1300px) {
    .articleItemImg {
      height: 30vh;
      align-items: center; } }

.articleItemImg img {
  width: auto;
  height: 450px; }
  @media (max-width: 320px) {
    .articleItemImg img {
      height: 230px; } }
  @media (min-width: 321px) and (max-width: 375px) {
    .articleItemImg img {
      height: 280px; } }
  @media (min-width: 376px) and (max-width: 471px) {
    .articleItemImg img {
      height: 300px; } }
  @media (min-width: 472px) and (max-width: 1300px) {
    .articleItemImg img {
      height: 250px; } }
  @media (min-width: 2559px) and (max-width: 2560px) {
    .articleItemImg img {
      height: 600px; } }

.articleItemImgBorder {
  border: solid white 2px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 95%;
  height: 95%; }

.articleItemInfos {
  font-family: "Montserrat", sans-serif !important;
  font-size: 0.6em;
  margin: 10px 0 0 0;
  color: #016d78;
  display: flex;
  align-items: center;
  justify-content: flex-start; }

.articleItemInfos p {
  padding: 0;
  margin: 0 3px 0 3px; }

.articleItemText {
  font-family: "Montserrat", sans-serif !important;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  border-bottom: solid 1px #83c5be; }

.articleItemText h2 {
  font-size: 1em;
  text-transform: uppercase;
  color: #83c5be;
  font-weight: 700; }

.articleItemText p {
  padding: 0;
  margin: 0 0 5px 0;
  font-size: 0.7em;
  color: black; }

.articleItemLike {
  width: 95%; }
  @media (max-width: 471px) {
    .articleItemLike {
      width: 100%; } }
  @media (min-width: 472px) and (max-width: 1300px) {
    .articleItemLike {
      width: 100%; } }

.articleItemLike button {
  border: none;
  background-color: transparent;
  align-items: center;
  display: flex;
  justify-content: flex-end; }
  @media (max-width: 471px) {
    .articleItemLike button {
      border: none;
      background-color: transparent;
      align-items: center;
      display: flex;
      justify-content: flex-end; } }
  @media (min-width: 472px) and (max-width: 1300px) {
    .articleItemLike button {
      border: none;
      background-color: transparent;
      align-items: center;
      display: flex;
      justify-content: flex-end; } }

.articleItemLike div.box {
  justify-content: flex-end;
  display: flex; }

.articleItemLike div.heart {
  background-color: transparent;
  cursor: pointer;
  display: flex;
  align-items: center;
  width: 6%; }
  @media (min-width: 319px) and (max-width: 375px) {
    .articleItemLike div.heart {
      width: 20%;
      margin: 10px 0; } }
  @media (min-width: 376px) and (max-width: 471px) {
    .articleItemLike div.heart {
      width: 20%;
      margin: 10px 0; } }
  @media (min-width: 472px) and (max-width: 1300px) {
    .articleItemLike div.heart {
      width: 15%;
      margin: 10px 0; } }

.articleItemLike img {
  width: 10%;
  margin: 0 10px 0 0; }
  @media (max-width: 471px) {
    .articleItemLike img {
      /*width: 50%;*/
      width: 7%;
      margin: 5px 10px 0 0; } }
  @media (min-width: 472px) and (max-width: 1300px) {
    .articleItemLike img {
      width: 15%;
      margin: 0 10px 0 0; } }

@media (max-width: 471px) {
  .heart img {
    width: 50%;
    margin: 0 10px 0 0; } }

@media (max-width: 471px) {
  .heart p {
    font-size: 0.8em !important; } }

.articleItemLike p {
  font-family: "Montserrat", sans-serif !important;
  font-size: 0.8em;
  color: #83c5be; }
  @media (max-width: 471px) {
    .articleItemLike p {
      font-size: 1.2em;
      margin: 5px 0 0 0; } }

/*------------------------- TOP*/
.articlesSectionTop {
  width: 100vw;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 50px 0;
  position: relative;
  text-decoration: none; }
  @media (max-width: 471px) {
    .articlesSectionTop {
      flex-direction: column-reverse;
      margin: 20px 0; } }

.articlesSectionTopTitle {
  font-family: "Montserrat", sans-serif !important;
  color: #016d78;
  font-size: 1.7em;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  font-weight: 400;
  /* max-width: 60%; */
  margin: 0 0 0 30px; }
  @media (max-width: 471px) {
    .articlesSectionTopTitle {
      display: none;
      font-size: 1em;
      width: 100%;
      margin: 0; } }
  @media (min-width: 472px) and (max-width: 1300px) {
    .articlesSectionTopTitle {
      font-size: 1em; } }

.articlesSectionTopTitleMobile {
  display: none; }
  @media (max-width: 471px) {
    .articlesSectionTopTitleMobile {
      display: block;
      font-size: 0.8em;
      letter-spacing: 0.1em;
      color: #016d78;
      text-transform: uppercase;
      font-weight: 400;
      text-align: center; } }

.articlesSectionTopItems {
  /*width: 60%;
  margin-left: 10%;
  position: absolute;
  top: 50%;
  left: 10%;
  transform: translate(-10%,-50%);
  z-index: 99;*/
  width: 30%;
  margin: 0 auto; }
  @media (max-width: 471px) {
    .articlesSectionTopItems {
      /*position: inherit;*/
      width: 90%;
      margin: 0 auto;
      /*top: inherit;
      left: inherit;
      transform: inherit;*/ } }
  @media (min-width: 472px) and (max-width: 1300px) {
    .articlesSectionTopItems {
      width: 45%;
      margin: 0 auto; } }

.articlesSectionTopItemsMobile {
  display: none; }
  @media (max-width: 471px) {
    .articlesSectionTopItemsMobile {
      display: block;
      width: 90%;
      margin: 0 auto; } }

.articlesSectionTopText {
  /*width: 30%;*/
  margin: 0 0 0 30px; }
  @media (max-width: 471px) {
    .articlesSectionTopText {
      width: 100%;
      font-size: 0.9em;
      margin: 0; } }
  @media (min-width: 472px) and (max-width: 1300px) {
    .articlesSectionTopText {
      /*width: 45%;*/
      font-size: 0.8em; } }

.articlesSectionTopButton {
  /*width: 20%;*/
  text-decoration: none;
  margin: 0 0 0 30px; }
  @media (max-width: 471px) {
    .articlesSectionTopButton {
      /*width: 100%;*/
      /* margin: 0 auto; */
      justify-content: center;
      display: flex;
      margin: 0; } }

/*.articlesSectionTopButton a{
  width: 20%;
  text-decoration: none;

  @media (max-width: 471px){
    // Mobile dimensions
    width: 100%;
    !* margin: 0 auto; *!
    justify-content: center;
    display: flex;
  }
}*/
.articlesSectionTopButton button {
  border: solid 2px #83c5be;
  background-color: white;
  font-family: "Montserrat", sans-serif !important;
  font-size: 0.8em;
  color: #83c5be;
  padding: 10px 25px;
  cursor: pointer; }
  @media (max-width: 471px) {
    .articlesSectionTopButton button {
      width: 100%; } }

.articlesSectionTopButton button:hover {
  border: solid 2px white;
  background-color: #83c5be;
  font-family: "Montserrat", sans-serif !important;
  font-size: 0.8em;
  color: white;
  padding: 10px 25px;
  cursor: pointer; }

.articlesSectionTopImg {
  /*width: 65%;*/
  /*position: relative;
  height: 85vh;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;*/
  /*width: 65%;*/
  position: relative;
  height: 85vh;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center; }
  @media (max-width: 471px) {
    .articlesSectionTopImg {
      width: 90%;
      margin: 0 auto;
      height: 45vh; } }
  @media (min-width: 472px) and (max-width: 1300px) {
    .articlesSectionTopImg {
      width: 55%;
      height: 30vh; } }

.articlesSectionTopImg img {
  width: auto;
  height: 100%; }

.articlesSectionTopImgBorder {
  border: solid white 2px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 95%;
  height: 95%; }

/*------------------------- CATEGORIES*/
.articlesCategoriesOpenAction {
  display: none !important; }
  @media (max-width: 471px) {
    .articlesCategoriesOpenAction {
      /*height: 65px;*/
      /*overflow: hidden;*/
      display: block !important; } }

.articlesCategoriesOpenAction button {
  display: none !important; }
  @media (max-width: 471px) {
    .articlesCategoriesOpenAction button {
      /*height: 65px;*/
      /*overflow: hidden;*/
      display: block !important;
      min-width: 70vw;
      max-width: 70vw;
      margin: 0 0 10px 0;
      border: 3px #83c5be dashed;
      padding: 10px;
      text-transform: uppercase;
      text-align: center !important;
      font-family: "Montserrat", sans-serif !important;
      font-size: 1em;
      color: whitesmoke;
      background-color: #83c5be;
      cursor: pointer; } }

@media (max-width: 471px) {
  #articlesCategoriesOpen {
    /*height: 65px;*/
    /*overflow: hidden;*/
    display: none !important; } }

#articlesCategoriesOpenMobile {
  display: none; }
  @media (max-width: 471px) {
    #articlesCategoriesOpenMobile {
      display: none;
      /*height: 55px;
      overflow: hidden;*/
      width: 60%;
      margin: 0; } }

.articlesSectionCategories {
  width: 90%;
  margin: 0 auto;
  padding: 25px 0;
  display: block;
  flex-wrap: wrap;
  justify-content: space-around; }
  @media (max-width: 471px) {
    .articlesSectionCategories {
      justify-content: center;
      align-items: flex-start;
      display: flex;
      width: 90%;
      /*height: 90px;
      overflow: hidden;*/ } }
  @media (min-width: 472px) and (max-width: 1300px) {
    .articlesSectionCategories {
      display: contents; } }

.articlesSectionCategories div {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  margin: 0 20px; }
  @media (max-width: 471px) {
    .articlesSectionCategories div {
      display: block;
      flex-wrap: initial;
      justify-content: initial;
      /*width: 15%;*/ } }
  @media (min-width: 472px) and (max-width: 1300px) {
    .articlesSectionCategories div {
      justify-content: space-around;
      margin: 0 0 20px 0; } }

/*select{
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}*/
.articlesCategorie button {
  /*min-width: 25%;*/
  min-width: 300px;
  max-width: 300px;
  margin: 10px 0;
  /*display: flex;
  justify-content: center;*/
  border: 3px #83c5be dashed;
  padding: 20px;
  text-transform: uppercase;
  text-align: center !important;
  font-family: "Montserrat", sans-serif !important;
  font-size: 1em;
  color: #83c5be;
  background-color: transparent;
  cursor: pointer; }
  @media (max-width: 471px) {
    .articlesCategorie button {
      /*max-width: 60%;*/
      margin: 0 10px 10px 0;
      font-size: 0.6em; } }
  @media (min-width: 472px) and (max-width: 1300px) {
    .articlesCategorie button {
      padding: 10px; } }

.articlesCategorieMobile a {
  display: none; }
  @media (max-width: 471px) {
    .articlesCategorieMobile a {
      display: block;
      margin: 0 10px 10px 0;
      font-size: 0.6em;
      min-width: 100%;
      max-width: 100%;
      /*min-width: 300px;
      max-width: 300px;*/
      border: 3px #83c5be dashed;
      padding: 10px;
      text-transform: uppercase;
      text-align: center !important;
      font-family: "Montserrat", sans-serif !important;
      color: #83c5be;
      background-color: transparent;
      text-decoration: none;
      cursor: pointer; } }
  @media (min-width: 472px) and (max-width: 1300px) {
    .articlesCategorieMobile a {
      padding: 10px; } }

/*.articlesCategorieMobile select a{
  text-decoration: none;
  cursor: pointer;
}*/
@media (max-width: 471px) {
  .articlesCategorieMobile button {
    text-transform: uppercase;
    text-align: center !important;
    font-family: "Montserrat", sans-serif !important;
    font-size: 1.5em;
    color: #83c5be;
    background-color: transparent;
    cursor: pointer; } }

.articlesCategorie button:hover {
  border: 3px #83c5be dashed;
  background-color: #83c5be;
  padding: 20px;
  text-transform: uppercase;
  font-family: "Montserrat", sans-serif !important;
  font-size: 1em;
  color: white;
  cursor: pointer; }
  @media (max-width: 471px) {
    .articlesCategorie button:hover {
      display: none; } }
  @media (min-width: 472px) and (max-width: 1300px) {
    .articlesCategorie button:hover {
      display: none; } }

.articlesCategorieIcon {
  display: none !important; }
  @media (max-width: 471px) {
    .articlesCategorieIcon {
      width: 12%;
      display: flex !important; } }

@media (max-width: 471px) {
  .articlesCategorieIcon img {
    width: 100%;
    height: 20% !important; } }

/*------------------------- ARTICLES LIST*/
.articlesSectionList {
  width: 90%;
  margin: 0 auto;
  padding: 50px 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  @media (max-width: 471px) {
    .articlesSectionList {
      /*flex-direction: column;
      padding: 0;*/
      flex-direction: column;
      /*flex-wrap: inherit;*/
      padding: 0;
      /*height: 100vh;
      overflow: hidden;*/ } }
  @media (min-width: 472px) and (max-width: 1300px) {
    .articlesSectionList {
      padding: 0; } }

.articlesSectionList article {
  width: 30%; }
  @media (max-width: 471px) {
    .articlesSectionList article {
      width: 100%; } }

.articlesCarousel {
  display: contents; }

.articlesItemBloc {
  /*width: 30%;*/
  margin: 50px 0 30px 0; }

.articlesItemBloc a {
  text-decoration: none;
  cursor: pointer; }

.articlesItemBlocCenter {
  width: 100%;
  margin: 0 0 30px 0; }

.articlesItemBlocCenter a {
  text-decoration: none;
  cursor: pointer; }

.articlesItemImg {
  /*width: 100%;*/
  /*width: auto;
  min-height: 350px;
  max-height: 350px;
  overflow: hidden;*/
  height: 45vh;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative; }
  @media (max-width: 471px) {
    .articlesItemImg {
      /*height: 40vh;*/
      height: 100%; } }
  @media (min-width: 472px) and (max-width: 1300px) {
    .articlesItemImg {
      height: 15vh; } }

.articlesItemImg img {
  width: auto;
  height: 100%; }

/*.articlesItemImg span{
  border:solid red 2px;
  width: 98%;
  height: 98%;
  position: absolute;
  left: 0.5%;
  top:0.5%;
}*/
.articlesItemImgBorder {
  border: solid white 2px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 95%;
  height: 95%; }

.articlesItemInfos {
  font-family: "Montserrat", sans-serif !important;
  font-size: 0.6em;
  margin: 10px 0 0 0;
  color: #016d78;
  display: flex;
  align-items: center;
  justify-content: flex-start; }

.articlesItemInfos p {
  padding: 0;
  margin: 0 3px 0 3px; }

.articlesItemText {
  font-family: "Montserrat", sans-serif !important;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  border-bottom: solid 1px #83c5be; }

.articlesItemText h2 {
  font-size: 1em;
  text-transform: uppercase;
  color: #83c5be;
  font-weight: 700; }

.articlesItemText p {
  padding: 0;
  margin: 0 0 5px 0;
  font-size: 0.7em;
  color: black; }

.articlesItemLike {
  width: 95%;
  justify-content: flex-end;
  display: flex; }

/*.articlesItemLike form{
  justify-content: flex-end;
  display: flex;
}*/
.articlesItemLike div {
  background-color: transparent;
  cursor: pointer;
  display: flex;
  align-items: center;
  width: 8%; }
  @media (min-width: 472px) and (max-width: 1300px) {
    .articlesItemLike div {
      width: 15%; } }

.articlesItemLike img {
  width: 100%;
  margin: 0 10px 0 0; }

.articlesItemLike p {
  font-family: "Montserrat", sans-serif !important;
  font-size: 0.8em;
  color: #83c5be; }

/*------------------------- PAGINATION */
nav {
  display: flex;
  justify-content: center;
  margin: 30px; }
  @media (max-width: 471px) {
    nav {
      display: none; } }

.articlesPagination {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center; }

.articlesPagination a {
  text-decoration: none;
  color: #83c5be; }

.articlesPagination a:hover {
  text-decoration: none;
  color: #016d78; }

.articlesPagination li {
  margin: 0 5px;
  font-family: "Montserrat", sans-serif !important;
  color: #83c5be;
  font-size: 2em; }

.articlesPagination li:hover {
  color: #016d78;
  cursor: pointer; }

.articlesPaginationImg {
  width: 2%;
  margin: 0 20px !important; }
  @media (min-width: 472px) and (max-width: 1300px) {
    .articlesPaginationImg {
      width: 5%; } }

.articlesPaginationImg:hover {
  transition: all .2s ease-in-out;
  transform: scale(1.3); }

.articlesPaginationImg img {
  width: 100%; }

/*------------------------- ARROW SCROLL */
.articlesArrowScroll {
  display: none; }
  @media (max-width: 471px) {
    .articlesArrowScroll {
      display: none;
      width: 10%;
      margin: 0 auto; } }

.articlesArrowScroll img {
  display: none; }
  @media (max-width: 471px) {
    .articlesArrowScroll img {
      display: block;
      width: 100%;
      margin: 20px 0; } }

/*---------------------------- LOGIN*/
/*----------------------------------------- LOGIN*/
.loginError {
  width: 100vw;
  background-color: rgba(255, 255, 255, 0.6);
  padding: 50px;
  position: absolute;
  top: 30%;
  left: 50%;
  transform: translate(-50%, -30%); }

.loginError p {
  font-family: "Montserrat", sans-serif !important;
  font-size: 1em;
  color: #016d78;
  text-align: center;
  text-transform: uppercase;
  font-weight: 700; }

.loginSectionBloc {
  width: 100vw; }

.loginSectionBloc form {
  width: 70%;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background-color: #83c5be;
  height: 100vh; }
  @media (max-width: 471px) {
    .loginSectionBloc form {
      width: 100%;
      height: auto; } }
  @media (min-width: 472px) and (max-width: 1300px) {
    .loginSectionBloc form {
      width: 100%; } }

.loginSectionEmail {
  width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  margin: 20px 0; }
  @media (max-width: 471px) {
    .loginSectionEmail {
      width: 90%; } }

.loginSectionEmail label {
  font-family: "Montserrat", sans-serif !important;
  font-size: 1em;
  color: white;
  margin: 0; }

.loginSectionEmail input {
  background-color: white;
  border-radius: 10px;
  padding: 10px;
  border: solid 1px white;
  box-shadow: 0px 3px 5px 1px rgba(1, 109, 120, 0.3);
  -moz-box-shadow: 0px 3px 5px 1px rgba(1, 109, 120, 0.3);
  -webkit-box-shadow: 0px 3px 5px 1px rgba(1, 109, 120, 0.3); }

.loginSectionPassword {
  width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  margin: 20px 0; }
  @media (max-width: 471px) {
    .loginSectionPassword {
      width: 90%; } }

.loginSectionPassword label {
  font-family: "Montserrat", sans-serif !important;
  font-size: 1em;
  color: white;
  margin: 0;
  width: 100%; }

.loginSectionPassword input {
  background-color: white;
  border-radius: 10px;
  padding: 10px;
  border: solid 1px white;
  box-shadow: 0px 3px 5px 1px rgba(1, 109, 120, 0.3);
  -moz-box-shadow: 0px 3px 5px 1px rgba(1, 109, 120, 0.3);
  -webkit-box-shadow: 0px 3px 5px 1px rgba(1, 109, 120, 0.3); }

.loginSectionPasswordForget a {
  font-family: "Montserrat", sans-serif !important;
  font-size: 1em;
  color: white;
  cursor: pointer; }

.loginSectionPasswordForget a:hover {
  color: #016d78; }

.loginSectionValid {
  margin: 0 auto; }
  @media (max-width: 471px) {
    .loginSectionValid {
      display: contents; } }

.loginSectionValid button {
  background-color: #016d78;
  font-family: "Montserrat", sans-serif !important;
  color: white;
  font-size: 1em;
  padding: 10px 50px;
  border-radius: 5px;
  cursor: pointer;
  box-shadow: 0px 3px 5px 1px rgba(1, 109, 120, 0.3);
  -moz-box-shadow: 0px 3px 5px 1px rgba(1, 109, 120, 0.3);
  -webkit-box-shadow: 0px 3px 5px 1px rgba(1, 109, 120, 0.3); }
  @media (max-width: 471px) {
    .loginSectionValid button {
      width: 90%; } }

.loginSectionValid button:hover {
  background-color: white;
  color: #016d78; }

/*----------------------------------------- PASSWORDForgotten*/
.passwordForgottenSectionBloc {
  width: 100vw;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center; }

.passwordForgottenSectionBloc form {
  width: 70%;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background-color: #83c5be; }
  @media (max-width: 471px) {
    .passwordForgottenSectionBloc form {
      width: 100%; } }

.passwordForgottenText {
  font-family: "Montserrat", sans-serif !important;
  font-size: 1em;
  text-transform: uppercase;
  color: white; }
  @media (max-width: 471px) {
    .passwordForgottenText {
      font-size: 0.8em; } }

.passwordForgottenSectionEmail {
  width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  margin: 20px 0; }
  @media (max-width: 471px) {
    .passwordForgottenSectionEmail {
      width: 90%; } }

.passwordForgottenSectionEmail label {
  font-family: "Montserrat", sans-serif !important;
  font-size: 1em;
  color: white;
  margin: 0; }

.passwordForgottenSectionEmail input {
  background-color: white;
  border-radius: 10px;
  padding: 10px;
  border: solid 1px white;
  box-shadow: 0px 3px 5px 1px rgba(1, 109, 120, 0.3);
  -moz-box-shadow: 0px 3px 5px 1px rgba(1, 109, 120, 0.3);
  -webkit-box-shadow: 0px 3px 5px 1px rgba(1, 109, 120, 0.3); }

.passwordForgottenSectionValid {
  margin: 0 auto; }
  @media (max-width: 471px) {
    .passwordForgottenSectionValid {
      display: contents; } }

.passwordForgottenSectionValid button {
  background-color: #016d78;
  font-family: "Montserrat", sans-serif !important;
  color: white;
  font-size: 1em;
  padding: 10px 50px;
  border-radius: 5px;
  cursor: pointer;
  box-shadow: 0px 3px 5px 1px rgba(1, 109, 120, 0.3);
  -moz-box-shadow: 0px 3px 5px 1px rgba(1, 109, 120, 0.3);
  -webkit-box-shadow: 0px 3px 5px 1px rgba(1, 109, 120, 0.3); }
  @media (max-width: 471px) {
    .passwordForgottenSectionValid button {
      width: 90%; } }

.passwordForgottenSectionValid button:hover {
  background-color: white;
  color: #016d78; }

/*----------------------------------------- REGISTRATION*/
.registrationSectionBloc {
  width: 100vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center; }

.registrationSectionBloc a {
  margin: 20px 0; }

.registrationSectionValid {
  margin: 0 auto; }

.registrationSectionValid button {
  background-color: #016d78;
  font-family: "Montserrat", sans-serif !important;
  color: white;
  font-size: 1em;
  padding: 10px 50px;
  border-radius: 5px;
  cursor: pointer;
  min-width: 30vw;
  box-shadow: 0px 3px 5px 1px rgba(1, 109, 120, 0.3);
  -moz-box-shadow: 0px 3px 5px 1px rgba(1, 109, 120, 0.3);
  -webkit-box-shadow: 0px 3px 5px 1px rgba(1, 109, 120, 0.3); }

.registrationSectionValid button:hover {
  background-color: white;
  color: #016d78; }

/*----------------------------------------- REGISTRATION 1*/
.registration_1SectionBloc {
  width: 100vw; }

.registration_1SectionBloc form {
  width: 90%;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background-color: #83c5be;
  height: 100vh; }
  @media (max-width: 471px) {
    .registration_1SectionBloc form {
      width: 100%; } }
  @media (min-width: 472px) and (max-width: 1300px) {
    .registration_1SectionBloc form {
      width: 100%; } }

.registration_1SectionBloc form div input {
  background-color: white !important; }

.registration_1SectionTitle {
  width: 50%;
  display: flex;
  justify-content: flex-start;
  flex-direction: column; }
  @media (min-width: 472px) and (max-width: 1300px) {
    .registration_1SectionTitle {
      width: 70%; } }

.registration_1SectionTitle1 {
  font-family: "Montserrat", sans-serif !important;
  font-size: 1.1em;
  color: white;
  text-transform: uppercase;
  margin: 0 0 5px 0; }

.registration_1SectionTitle2 {
  font-family: "Montserrat", sans-serif !important;
  font-size: 0.8em;
  color: white;
  margin: 0;
  padding: 0; }

.registration_1SectionEmail {
  width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  margin: 20px 0; }
  @media (max-width: 471px) {
    .registration_1SectionEmail {
      width: 90%; } }
  @media (min-width: 472px) and (max-width: 1300px) {
    .registration_1SectionEmail {
      width: 70%; } }

.registration_1SectionEmail label {
  font-family: "Montserrat", sans-serif !important;
  font-size: 1em;
  color: white;
  margin: 0; }

.registration_1SectionEmail input {
  background-color: white !important;
  border-radius: 10px;
  padding: 10px;
  border: solid 1px white;
  color: #016d78 !important;
  box-shadow: 0px 3px 5px 1px rgba(1, 109, 120, 0.3);
  -moz-box-shadow: 0px 3px 5px 1px rgba(1, 109, 120, 0.3);
  -webkit-box-shadow: 0px 3px 5px 1px rgba(1, 109, 120, 0.3); }

.registration_1SectionPassword {
  width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  margin: 20px 0; }
  @media (max-width: 471px) {
    .registration_1SectionPassword {
      width: 90%; } }
  @media (min-width: 472px) and (max-width: 1300px) {
    .registration_1SectionPassword {
      width: 70%; } }

.registration_1SectionPassword label {
  font-family: "Montserrat", sans-serif !important;
  font-size: 1em;
  color: white;
  margin: 0;
  width: 100%; }

.registration_1SectionPassword input {
  background-color: white;
  border-radius: 10px;
  padding: 10px;
  border: solid 1px white;
  color: #016d78 !important;
  box-shadow: 0px 3px 5px 1px rgba(1, 109, 120, 0.3);
  -moz-box-shadow: 0px 3px 5px 1px rgba(1, 109, 120, 0.3);
  -webkit-box-shadow: 0px 3px 5px 1px rgba(1, 109, 120, 0.3); }

.registration_1SectionPasswordConfirm {
  width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  margin: 20px 0; }
  @media (max-width: 471px) {
    .registration_1SectionPasswordConfirm {
      width: 90%; } }
  @media (min-width: 472px) and (max-width: 1300px) {
    .registration_1SectionPasswordConfirm {
      width: 70%; } }

.registration_1SectionPasswordConfirm label {
  font-family: "Montserrat", sans-serif !important;
  font-size: 1em;
  color: white;
  margin: 0;
  width: 100%; }

.registration_1SectionPasswordConfirm input {
  background-color: white;
  border-radius: 10px;
  padding: 10px;
  border: solid 1px white;
  color: #016d78 !important;
  box-shadow: 0px 3px 5px 1px rgba(1, 109, 120, 0.3);
  -moz-box-shadow: 0px 3px 5px 1px rgba(1, 109, 120, 0.3);
  -webkit-box-shadow: 0px 3px 5px 1px rgba(1, 109, 120, 0.3); }

.registration_1SectionPasswordConfirm button {
  background-color: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 10px 0;
  cursor: pointer; }

.registration_1SectionPasswordConfirm button p {
  font-family: "Montserrat", sans-serif !important;
  font-size: 1em;
  color: white;
  margin: 0 10px; }

.registration_1SectionNewsletter {
  width: 50%;
  display: flex;
  justify-content: flex-start;
  margin: 20px 0; }
  @media (max-width: 471px) {
    .registration_1SectionNewsletter {
      width: 90%; } }
  @media (min-width: 472px) and (max-width: 1300px) {
    .registration_1SectionNewsletter {
      width: 70%; } }

.registration_1SectionNewsletter label {
  font-family: "Montserrat", sans-serif !important;
  font-size: 1em;
  color: white;
  margin: 0 10px;
  width: 100%; }
  @media (max-width: 471px) {
    .registration_1SectionNewsletter label {
      font-size: 0.8em; } }

.registration_1SectionNewsletter input {
  background-color: white;
  border-radius: 10px;
  padding: 10px;
  border: solid 1px white;
  color: #016d78 !important;
  box-shadow: 0px 3px 5px 1px rgba(1, 109, 120, 0.3);
  -moz-box-shadow: 0px 3px 5px 1px rgba(1, 109, 120, 0.3);
  -webkit-box-shadow: 0px 3px 5px 1px rgba(1, 109, 120, 0.3); }

.registration_1SectionNewsletter input[type="checkbox"] {
  background-color: red !important;
  border: transparent !important; }

.registration_1SectionValid {
  margin: 0 auto; }
  @media (max-width: 471px) {
    .registration_1SectionValid {
      display: contents; } }
  @media (min-width: 472px) and (max-width: 1300px) {
    .registration_1SectionValid {
      /*width: 70%;*/ } }

.registration_1SectionValid button {
  background-color: #016d78;
  font-family: "Montserrat", sans-serif !important;
  color: white;
  font-size: 1em;
  padding: 10px 50px;
  border-radius: 5px;
  cursor: pointer;
  box-shadow: 0px 3px 5px 1px rgba(1, 109, 120, 0.3);
  -moz-box-shadow: 0px 3px 5px 1px rgba(1, 109, 120, 0.3);
  -webkit-box-shadow: 0px 3px 5px 1px rgba(1, 109, 120, 0.3); }
  @media (max-width: 471px) {
    .registration_1SectionValid button {
      width: 90%; } }

.registration_1SectionValid button:hover {
  background-color: white;
  color: #016d78; }

/*----------------------------------------- REGISTRATION 2*/
.registration_2SectionBloc {
  width: 100vw; }

.registration_2SectionBloc form {
  width: 90%;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background-color: #83c5be;
  height: 100vh; }
  @media (max-width: 471px) {
    .registration_2SectionBloc form {
      width: 100%;
      margin: 100px 0 0 0; } }

.registration_2SectionBloc form div input {
  background-color: white !important; }
  @media (max-width: 471px) {
    .registration_2SectionBloc form div input {
      width: 100%; } }

.registration_2SectionTitle {
  width: 50%;
  display: flex;
  justify-content: flex-start;
  flex-direction: column; }
  @media (min-width: 472px) and (max-width: 1300px) {
    .registration_2SectionTitle {
      width: 100%; } }

.registration_2SectionTitle1 {
  font-family: "Montserrat", sans-serif !important;
  font-size: 1.1em;
  color: white;
  text-transform: uppercase;
  margin: 0 0 5px 0; }

.registration_2SectionTitle2 {
  font-family: "Montserrat", sans-serif !important;
  font-size: 0.8em;
  color: white;
  margin: 0;
  padding: 0; }

.registration_2SectionInfo {
  width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  margin: 10px 0; }
  @media (max-width: 471px) {
    .registration_2SectionInfo {
      width: 90%; } }
  @media (min-width: 472px) and (max-width: 1300px) {
    .registration_2SectionInfo {
      width: 100%; } }

.registration_2SectionInfo label {
  font-family: "Montserrat", sans-serif !important;
  font-size: 0.9em;
  color: white;
  margin: 0;
  width: 100%; }

.registration_2SectionInfo input {
  background-color: white !important;
  border-radius: 10px;
  padding: 10px;
  border: solid 1px white;
  color: #016d78;
  box-shadow: 0px 3px 5px 1px rgba(1, 109, 120, 0.3);
  -moz-box-shadow: 0px 3px 5px 1px rgba(1, 109, 120, 0.3);
  -webkit-box-shadow: 0px 3px 5px 1px rgba(1, 109, 120, 0.3); }

.registration_2SectionCodeCity {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 50%; }
  @media (max-width: 471px) {
    .registration_2SectionCodeCity {
      flex-direction: column;
      width: 90% !important; } }
  @media (min-width: 472px) and (max-width: 1300px) {
    .registration_2SectionCodeCity {
      flex-direction: column;
      width: 100%; } }

@media (max-width: 471px) {
  .registration_2SectionInfoPostcode {
    width: 100%;
    margin: 10px 0; } }
@media (min-width: 472px) and (max-width: 1300px) {
  .registration_2SectionInfoPostcode {
    width: 100%;
    margin: 10px 0; } }

.registration_2SectionInfoPostcode label {
  font-family: "Montserrat", sans-serif !important;
  font-size: 0.9em;
  color: white;
  margin: 0;
  width: 100%; }

@media (max-width: 471px) {
  .registration_2SectionInfoCity {
    width: 100%; } }
@media (min-width: 472px) and (max-width: 1300px) {
  .registration_2SectionInfoCity {
    width: 100%; } }

.registration_2SectionInfoCity input {
  background-color: white !important;
  border-radius: 10px;
  padding: 10px;
  border: solid 1px white;
  margin: 0 5px 0 0;
  min-width: 220px;
  color: #016d78;
  box-shadow: 0px 3px 5px 1px rgba(1, 109, 120, 0.3);
  -moz-box-shadow: 0px 3px 5px 1px rgba(1, 109, 120, 0.3);
  -webkit-box-shadow: 0px 3px 5px 1px rgba(1, 109, 120, 0.3); }
  @media (min-width: 472px) and (max-width: 1300px) {
    .registration_2SectionInfoCity input {
      width: 100%; } }

.registration_2SectionInfoCity label {
  font-family: "Montserrat", sans-serif !important;
  font-size: 0.9em;
  color: white;
  margin: 0;
  width: 100%; }

.registration_2SectionInfoPostcode input {
  background-color: white !important;
  border-radius: 10px;
  padding: 10px;
  border: solid 1px white;
  margin: 0 5px 0 0;
  min-width: 220px;
  color: #016d78;
  box-shadow: 0px 3px 5px 1px rgba(1, 109, 120, 0.3);
  -moz-box-shadow: 0px 3px 5px 1px rgba(1, 109, 120, 0.3);
  -webkit-box-shadow: 0px 3px 5px 1px rgba(1, 109, 120, 0.3); }
  @media (min-width: 472px) and (max-width: 1300px) {
    .registration_2SectionInfoPostcode input {
      width: 100%; } }

.registration_2SectionValid {
  margin: 0 auto; }
  @media (max-width: 471px) {
    .registration_2SectionValid {
      width: 90%;
      margin: 0 auto;
      display: flex;
      align-items: center;
      justify-content: center; } }

.registration_2SectionBloc form a {
  text-decoration: none; }
  @media (max-width: 471px) {
    .registration_2SectionBloc form a {
      background-color: #83c5be;
      width: 100%;
      display: flex; } }

.registration_2SectionValid button {
  background-color: #016d78;
  font-family: "Montserrat", sans-serif !important;
  color: white;
  font-size: 1em;
  padding: 10px 50px;
  border-radius: 5px;
  cursor: pointer;
  box-shadow: 0px 3px 5px 1px rgba(1, 109, 120, 0.3);
  -moz-box-shadow: 0px 3px 5px 1px rgba(1, 109, 120, 0.3);
  -webkit-box-shadow: 0px 3px 5px 1px rgba(1, 109, 120, 0.3); }
  @media (max-width: 471px) {
    .registration_2SectionValid button {
      margin: 10px 0;
      width: 100%; } }

.registration_2SectionValid button:hover {
  background-color: white;
  color: #016d78; }

/*----------------------------------------- RESET PASSWORD*/
.resetSectionBloc {
  width: 100vw;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center; }
  @media (max-width: 471px) {
    .resetSectionBloc {
      margin: 10px 0 0 0; } }

.resetSectionBlocText {
  width: 70%;
  margin: 0 auto; }
  @media (max-width: 471px) {
    .resetSectionBlocText {
      width: 100%; } }

.resetSectionBlocText p {
  font-family: "Montserrat", sans-serif !important;
  font-size: 0.6em;
  color: white;
  width: 50%;
  margin: 0 auto; }
  @media (max-width: 471px) {
    .resetSectionBlocText p {
      width: 90%; } }

.resetSectionBloc form {
  width: 70%;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background-color: #83c5be;
  /*height: 100vh;*/ }
  @media (max-width: 471px) {
    .resetSectionBloc form {
      width: 100%; } }

.resetSectionPassword {
  width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  margin: 20px 0; }
  @media (max-width: 471px) {
    .resetSectionPassword {
      width: 90%; } }

.resetSectionPassword label {
  font-family: "Montserrat", sans-serif !important;
  font-size: 1em;
  color: white;
  margin: 0;
  width: 100%; }

.resetSectionPassword input {
  background-color: white;
  border-radius: 10px;
  padding: 10px;
  border: solid 1px white; }

.resetSectionPasswordConfirm button {
  background-color: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 10px 0;
  cursor: pointer; }

.resetSectionPasswordConfirm button p {
  font-family: "Montserrat", sans-serif !important;
  font-size: 1em;
  color: white;
  margin: 0 10px; }

.resetSectionValid {
  margin: 0 auto; }

.resetSectionValid button {
  background-color: #016d78;
  font-family: "Montserrat", sans-serif !important;
  color: white;
  font-size: 1em;
  padding: 10px 50px;
  border-radius: 5px;
  cursor: pointer; }

.resetSectionValid button:hover {
  background-color: white;
  color: #016d78; }

/*----------------------------------------- ACCOUNT UPDATE*/
.accountUpdateSectionBloc {
  width: 100vw; }
  @media (max-width: 471px) {
    .accountUpdateSectionBloc {
      margin: 30px 0; } }

.accountUpdateSectionBloc form {
  width: 90%;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background-color: #83c5be;
  height: 100vh;
  /*@media (min-width: 150px) and (max-width: 319px){
    // Mobile dimensions
    padding-top: 100px;
  }
  @media (min-width: 320px) and (max-width: 349px){
    // Mobile dimensions
    padding-top: 150px;
  }
  @media (min-width: 350px) and (max-width: 439px){
    // Mobile dimensions
    padding-top: 110px;
  }
  @media (min-width: 450px) and (max-width: 470px){
    // Mobile dimensions
    padding-top: 50px;
  }*/ }
  @media (max-width: 471px) {
    .accountUpdateSectionBloc form {
      height: initial; } }

.accountUpdateSectionBloc form div input {
  background-color: white !important; }

.accountUpdateSectionTitle {
  width: 50%;
  display: flex;
  justify-content: flex-start;
  flex-direction: column; }
  @media (max-width: 471px) {
    .accountUpdateSectionTitle {
      width: 100%; } }
  @media (min-width: 472px) and (max-width: 1300px) {
    .accountUpdateSectionTitle {
      width: 100%; } }

.accountUpdateSectionTitle1 {
  font-family: "Montserrat", sans-serif !important;
  font-size: 1.1em;
  color: white;
  text-transform: uppercase;
  margin: 0 0 5px 0; }

.accountUpdateSectionInfo {
  width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  margin: 10px 0; }
  @media (max-width: 320px) {
    .accountUpdateSectionInfo {
      width: 100%;
      height: 50px; } }
  @media (min-width: 321px) and (max-width: 471px) {
    .accountUpdateSectionInfo {
      width: 100%; } }
  @media (min-width: 472px) and (max-width: 1300px) {
    .accountUpdateSectionInfo {
      width: 100%; } }

.accountUpdateSectionInfo label {
  font-family: "Montserrat", sans-serif !important;
  font-size: 0.9em;
  color: white;
  margin: 0;
  width: 100%; }

.accountUpdateSectionInfo input {
  background-color: white !important;
  border-radius: 10px;
  padding: 10px;
  border: solid 1px white;
  color: #016d78;
  box-shadow: 0px 3px 5px 1px rgba(1, 109, 120, 0.3);
  -moz-box-shadow: 0px 3px 5px 1px rgba(1, 109, 120, 0.3);
  -webkit-box-shadow: 0px 3px 5px 1px rgba(1, 109, 120, 0.3); }

.accountUpdateSectionCodeCity {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 50%; }
  @media (max-width: 471px) {
    .accountUpdateSectionCodeCity {
      flex-direction: column;
      width: 100% !important; } }
  @media (min-width: 472px) and (max-width: 1300px) {
    .accountUpdateSectionCodeCity {
      width: 100%; } }

@media (max-width: 471px) {
  .accountUpdateSectionInfoPostcode {
    width: 100% !important;
    margin: 10px 0; } }

.accountUpdateSectionInfoPostcode label {
  font-family: "Montserrat", sans-serif !important;
  font-size: 0.9em;
  color: white;
  margin: 0;
  width: 100%; }

.accountUpdateSectionInfoCity input {
  background-color: white !important;
  border-radius: 10px;
  padding: 10px;
  border: solid 1px white;
  margin: 0 5px 0 0;
  min-width: 220px;
  color: #016d78;
  box-shadow: 0px 3px 5px 1px rgba(1, 109, 120, 0.3);
  -moz-box-shadow: 0px 3px 5px 1px rgba(1, 109, 120, 0.3);
  -webkit-box-shadow: 0px 3px 5px 1px rgba(1, 109, 120, 0.3); }
  @media (max-width: 471px) {
    .accountUpdateSectionInfoCity input {
      width: 100% !important; } }

@media (max-width: 471px) {
  .accountUpdateSectionInfoCity {
    width: 100% !important;
    margin: 10px 0; } }

.accountUpdateSectionInfoCity label {
  font-family: "Montserrat", sans-serif !important;
  font-size: 0.9em;
  color: white;
  margin: 0;
  width: 100%; }

.accountUpdateSectionInfoPostcode input {
  background-color: white !important;
  border-radius: 10px;
  padding: 10px;
  border: solid 1px white;
  margin: 0 5px 0 0;
  min-width: 220px;
  color: #016d78;
  box-shadow: 0px 3px 5px 1px rgba(1, 109, 120, 0.3);
  -moz-box-shadow: 0px 3px 5px 1px rgba(1, 109, 120, 0.3);
  -webkit-box-shadow: 0px 3px 5px 1px rgba(1, 109, 120, 0.3); }
  @media (max-width: 471px) {
    .accountUpdateSectionInfoPostcode input {
      width: 100% !important; } }

.accountUpdateSectionValid {
  margin: 0 auto; }

.accountUpdateSectionValid button {
  background-color: #016d78;
  font-family: "Montserrat", sans-serif !important;
  color: white;
  font-size: 1em;
  padding: 10px 50px;
  border-radius: 5px;
  cursor: pointer;
  box-shadow: 0px 3px 5px 1px rgba(1, 109, 120, 0.3);
  -moz-box-shadow: 0px 3px 5px 1px rgba(1, 109, 120, 0.3);
  -webkit-box-shadow: 0px 3px 5px 1px rgba(1, 109, 120, 0.3); }

.accountUpdateSectionValid button:hover {
  background-color: white;
  color: #016d78; }

/*----------------------------------------- PASSWORD UPDATE*/
.passwordUpdateSectionBloc {
  width: 100vw;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center; }
  @media (max-width: 471px) {
    .passwordUpdateSectionBloc {
      margin: 10px 0 0 0; } }

.passwordUpdateSectionBlocText {
  width: 70%;
  margin: 0 auto; }
  @media (max-width: 471px) {
    .passwordUpdateSectionBlocText {
      width: 100%; } }
  @media (min-width: 472px) and (max-width: 1300px) {
    .passwordUpdateSectionBlocText {
      width: 100%; } }

.passwordUpdateSectionBlocText p {
  font-family: "Montserrat", sans-serif !important;
  font-size: 0.6em;
  color: white;
  width: 50%;
  margin: 0 auto; }
  @media (max-width: 471px) {
    .passwordUpdateSectionBlocText p {
      width: 90%; } }
  @media (min-width: 472px) and (max-width: 1300px) {
    .passwordUpdateSectionBlocText p {
      width: 80%; } }

.passwordUpdateSectionBloc form {
  width: 70%;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background-color: #83c5be;
  /*height: 100vh;*/ }
  @media (max-width: 471px) {
    .passwordUpdateSectionBloc form {
      width: 100%; } }
  @media (min-width: 472px) and (max-width: 1300px) {
    .passwordUpdateSectionBloc form {
      width: 100%; } }

.passwordUpdateSectionPassword {
  width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  margin: 20px 0; }
  @media (max-width: 471px) {
    .passwordUpdateSectionPassword {
      width: 90%; } }
  @media (min-width: 472px) and (max-width: 1300px) {
    .passwordUpdateSectionPassword {
      width: 80%; } }

.passwordUpdateSectionPassword label {
  font-family: "Montserrat", sans-serif !important;
  font-size: 1em;
  color: white;
  margin: 0;
  width: 100%; }

.passwordUpdateSectionPassword input {
  background-color: white;
  border-radius: 10px;
  padding: 10px;
  border: solid 1px white;
  box-shadow: 0px 3px 5px 1px rgba(1, 109, 120, 0.3);
  -moz-box-shadow: 0px 3px 5px 1px rgba(1, 109, 120, 0.3);
  -webkit-box-shadow: 0px 3px 5px 1px rgba(1, 109, 120, 0.3); }

.passwordUpdateSectionPasswordConfirm button {
  background-color: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 10px 0;
  cursor: pointer; }

.passwordUpdateSectionPasswordConfirm button p {
  font-family: "Montserrat", sans-serif !important;
  font-size: 1em;
  color: white;
  margin: 0 10px; }

.passwordUpdateSectionValid {
  margin: 0 auto; }

.passwordUpdateSectionValid button {
  background-color: #016d78;
  font-family: "Montserrat", sans-serif !important;
  color: white;
  font-size: 1em;
  padding: 10px 50px;
  border-radius: 5px;
  cursor: pointer;
  box-shadow: 0px 3px 5px 1px rgba(1, 109, 120, 0.3);
  -moz-box-shadow: 0px 3px 5px 1px rgba(1, 109, 120, 0.3);
  -webkit-box-shadow: 0px 3px 5px 1px rgba(1, 109, 120, 0.3); }

.passwordUpdateSectionValid button:hover {
  background-color: white;
  color: #016d78; }

/*----------------------------------------- HISTORIQUE*/
.listSectionBloc {
  width: 100vw;
  margin: 20px 0;
  display: flex;
  flex-direction: column;
  justify-content: center; }

.listSectionVisit {
  width: 80%;
  margin: 0 auto;
  border-bottom: solid 2px white;
  padding: 30px 0; }
  @media (max-width: 471px) {
    .listSectionVisit {
      width: 90%; } }

.listSectionHistory {
  width: 80%;
  margin: 0 auto;
  padding: 30px 0; }
  @media (max-width: 471px) {
    .listSectionHistory {
      width: 90%; } }

.listSectionTitle {
  width: 50%;
  display: flex;
  justify-content: flex-start;
  flex-direction: column; }
  @media (max-width: 471px) {
    .listSectionTitle {
      width: 100%; } }
  @media (min-width: 472px) and (max-width: 1300px) {
    .listSectionTitle {
      width: 100%; } }

.listSectionTitle1 {
  font-family: "Montserrat", sans-serif !important;
  font-size: 1.3em;
  color: white;
  text-transform: uppercase;
  margin: 0 0 20px 0;
  font-weight: 700; }

.listSectionHistoryBloc {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
  width: 100%; }

.listSectionHistorySousBloc {
  /*min-width: 500px;*/
  width: 30%;
  margin: 10px; }
  @media (max-width: 471px) {
    .listSectionHistorySousBloc {
      width: 95%; } }
  @media (min-width: 472px) and (max-width: 1300px) {
    .listSectionHistorySousBloc {
      width: 100%; } }

.listText p {
  font-family: "Montserrat", sans-serif !important;
  padding: 1px 0;
  margin: 1px 0;
  font-size: 0.8em; }

.listTextTitle {
  text-transform: uppercase;
  color: #016d78;
  font-size: 0.8em; }

.listTextPara {
  font-size: 0.8em;
  color: white; }

.listImg {
  /*width: 80%;*/
  /*max-width: 300px;
  margin: 10px 0;*/
  max-width: 300px;
  margin: 10px 0;
  max-height: 250px;
  overflow: hidden;
  align-items: center;
  display: flex;
  justify-content: center; }
  @media (max-width: 471px) {
    .listImg {
      max-width: 100%; } }
  @media (min-width: 472px) and (max-width: 1300px) {
    .listImg {
      max-width: 200px;
      max-height: 150px; } }

.listImg img {
  width: auto;
  height: 100%; }

.listTextDate a {
  font-size: 0.8em;
  color: #802c3a;
  text-decoration: none;
  cursor: pointer; }

.listTextDate a p:hover {
  color: #016d78; }

.listTextAvis {
  font-size: 0.5em;
  color: #802c3a;
  cursor: pointer; }

.dateUpdateSectionBloc {
  width: 40vw;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: center; }
  @media (max-width: 471px) {
    .dateUpdateSectionBloc {
      width: 100vw; } }
  @media (min-width: 472px) and (max-width: 1300px) {
    .dateUpdateSectionBloc {
      width: 70vw; } }

.dateUpdateSectionVisit {
  width: 80%;
  margin: 0 auto;
  padding: 30px 0; }
  @media (max-width: 471px) {
    .dateUpdateSectionVisit {
      width: 90%; } }

.dateUpdateSectionTitle {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  flex-direction: column; }
  @media (max-width: 471px) {
    .dateUpdateSectionTitle {
      width: 100%; } }
  @media (min-width: 472px) and (max-width: 1300px) {
    .dateUpdateSectionTitle {
      width: 100%; } }

.dateUpdateSectionTitle1 {
  font-family: "Montserrat", sans-serif !important;
  font-size: 1.3em;
  color: white;
  text-transform: uppercase;
  margin: 0 0 20px 0;
  font-weight: 700; }

.dateUpdateSectionDate {
  display: flex;
  align-items: baseline;
  justify-content: space-around; }
  @media (max-width: 471px) {
    .dateUpdateSectionDate {
      flex-direction: column; } }

.dateUpdateTextForm {
  margin: 20px 0; }

.dateUpdateTextForm label {
  font-family: "Montserrat", sans-serif !important;
  font-size: 0.8em;
  color: white;
  padding: 0;
  margin: 0;
  width: 100%;
  text-transform: uppercase; }

.dateUpdateTextForm select {
  border: solid 1px white !important;
  border-radius: 5px;
  width: 100%;
  padding: 15px;
  cursor: pointer;
  background-color: transparent !important;
  margin: 0; }
  @media (max-width: 471px) {
    .dateUpdateTextForm select {
      width: 90vw;
      padding: 10px; } }

.dateUpdateTextForm input {
  border: solid 1px white !important;
  border-radius: 5px;
  width: 100%;
  padding: 15px;
  cursor: pointer;
  background-color: transparent !important;
  margin: 0; }
  @media (max-width: 471px) {
    .dateUpdateTextForm input {
      width: 90vw;
      padding: 10px; } }

.dateUpdateFormButton {
  width: 100%;
  margin: 50px 0 0 0; }

.dateUpdateFormButton button {
  background-color: #016d78;
  border: solid 2px #016d78;
  border-radius: 10px;
  padding: 10px;
  width: 100%;
  font-size: 1.5em;
  color: white;
  font-family: "Montserrat", sans-serif !important;
  cursor: pointer; }

.dateUpdateFormButton button:hover {
  background-color: #83c5be;
  border: solid white 2px; }

/*---------------------------- VISIT*/
/*------------------------- VISIT LIST*/
.visitListBlocs {
  width: 90%;
  margin: 0 auto;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap; }
  @media (max-width: 471px) {
    .visitListBlocs {
      flex-direction: column; } }
  @media (min-width: 472px) and (max-width: 1300px) {
    .visitListBlocs {
      align-items: flex-start; } }

.visitListBloc {
  width: 21%;
  margin: 50px 0 30px 0; }
  @media (max-width: 471px) {
    .visitListBloc {
      width: 100%;
      margin: 30px 0; } }

.visitListBloc a {
  text-decoration: none;
  cursor: pointer; }

.visitListImg {
  /*width: 100%;
  position: relative;*/
  height: 30vh;
  overflow: hidden;
  display: flex;
  /*align-items: center;*/
  justify-content: center;
  position: relative; }
  @media (max-width: 471px) {
    .visitListImg {
      /*height: 40vh;*/
      height: 300px;
      align-items: center; } }
  @media (min-width: 472px) and (max-width: 1300px) {
    .visitListImg {
      height: 15vh; } }

.visitListImg img {
  width: auto;
  height: 100%; }
  @media (max-width: 471px) {
    .visitListImg img {
      width: auto;
      /* height: auto; */
      min-height: 300px;
      max-height: 500px; } }

.visitListImgBorder {
  border: solid #016d78 2px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 95%;
  height: 95%; }

.visitListText {
  font-family: "Montserrat", sans-serif !important;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  border-bottom: solid 1px #83c5be; }

.visitListText h2 {
  font-size: 1.2em;
  text-transform: uppercase;
  color: #802c3a;
  font-weight: 700; }

.visitListText p {
  padding: 0;
  margin: 0 0 5px 0;
  font-size: 0.9em;
  color: #016d78; }

.visitListTimeDistance {
  display: flex;
  align-items: center;
  justify-content: flex-start; }

.visitListTime {
  display: flex;
  align-items: center;
  width: 30%;
  margin: 10px 50px 0 0; }

.visitListTime p {
  font-family: "Montserrat", sans-serif !important;
  color: #83c5be;
  font-size: 0.7em;
  padding: 0;
  margin: 0 0 0 10px; }

.visitListTime img {
  width: 30%; }

.visitListDistance {
  display: flex;
  align-items: center;
  width: 30%;
  margin: 10px 20px 0 0;
  min-width: 30%; }

.visitListDistance p {
  font-family: "Montserrat", sans-serif !important;
  color: #83c5be;
  font-size: 0.7em;
  padding: 0;
  margin: 0 0 0 10px; }

.visitListDistance img {
  width: 30%; }

.visitListLike {
  width: 95%; }

.visitListLike form {
  justify-content: flex-end;
  display: flex; }

.visitListLike button {
  background-color: transparent;
  cursor: pointer;
  display: flex;
  align-items: center;
  width: 8%; }
  @media (min-width: 472px) and (max-width: 1300px) {
    .visitListLike button {
      width: 15%; } }

.visitListLike img {
  width: 100%;
  margin: 0 10px 0 0; }

.visitListLike p {
  font-family: "Montserrat", sans-serif !important;
  font-size: 0.8em;
  color: #83c5be; }

/*------------------------- VISIT READ*/
.visitReadSection {
  width: 100vw; }

.visitReadSection1 {
  /*width: 90%;*/
  display: flex;
  align-items: flex-start; }
  @media (max-width: 471px) {
    .visitReadSection1 {
      flex-direction: column; } }
  @media (min-width: 472px) and (max-width: 1300px) {
    .visitReadSection1 {
      flex-direction: column; } }

.visitReadBlocInfos {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 50%;
  margin: 0 50px; }
  @media (max-width: 471px) {
    .visitReadBlocInfos {
      width: 90%;
      margin: 0 auto; } }
  @media (min-width: 472px) and (max-width: 1300px) {
    .visitReadBlocInfos {
      width: 90%;
      margin: 0 auto; } }

.visitReadBlocInfosBloc1 {
  display: flex;
  align-items: flex-end;
  position: relative; }

.visitReadBlocInfosBloc1Text h1 {
  font-family: "Montserrat", sans-serif !important;
  text-transform: uppercase;
  font-size: 1.5em;
  color: #802c3a;
  margin: 20px 0 0 0;
  width: 70%; }

.visitReadBlocInfosBloc1Text p {
  font-family: "Montserrat", sans-serif !important;
  font-size: 1.1em;
  color: #016d78;
  margin: 0 0 10px 0; }

.visitReadBlocInfosBloc1Text img {
  width: 5%; }

.visitReadBlocInfosBloc1TextStars {
  display: flex;
  align-items: center;
  width: 40%; }

.visitReadBlocInfosBloc1TextStars img {
  width: 50%; }

.visitReadBlocInfosBloc1Button {
  text-align: center;
  display: flex;
  margin: 10px 0;
  position: absolute;
  left: 70%;
  /*width: 35%;*/
  /*position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);*/
  /*@media (min-width: 472px) and (max-width: 1300px){
    // Mobile dimensions
    width: initial;
    left: 60%;
  }*/ }
  @media (min-width: 319px) and (max-width: 374px) {
    .visitReadBlocInfosBloc1Button {
      left: 60%;
      margin: 0;
      top: 35%; } }
  @media (min-width: 375px) and (max-width: 471px) {
    .visitReadBlocInfosBloc1Button {
      left: 65%;
      margin: 0;
      top: 35%; } }

.visitReadBlocInfosBloc1Button img {
  width: 100%; }

#visitReadBlocInfosBloc1Button1 button {
  text-decoration: none;
  width: 100%;
  background-color: #802c3a;
  font-family: "Montserrat", sans-serif !important;
  color: white;
  font-size: 1em;
  text-transform: uppercase;
  padding: 20px 30px;
  cursor: pointer !important;
  z-index: 9999; }
  @media (max-width: 471px) {
    #visitReadBlocInfosBloc1Button1 button {
      margin: 20px 0 0 0;
      padding: 12px 20px;
      font-size: 0.8em; } }
  @media (min-width: 472px) and (max-width: 1300px) {
    #visitReadBlocInfosBloc1Button1 button {
      width: 100%; } }

#visitReadBlocInfosBloc1Button1 button:hover {
  background-color: #83c5be !important;
  z-index: 99999 !important; }

/*.visitReadBlocInfosBloc1Button a button{
  @include fontMontserrat;
  color: white;
  font-size: 1em;
  text-transform: uppercase;
  background-color: transparent;
  padding: 20px 30px;
  cursor: pointer!important;
  z-index: 9999;

  @media (max-width: 471px){
    // Mobile dimensions
    font-size: 0.8em;
  }
}*/
.visitReadBlocInfosBloc1Button span {
  border: solid #016d78 2px;
  position: absolute;
  right: -3%;
  top: 15%;
  width: 98%;
  height: 98%;
  cursor: pointer;
  background-color: transparent;
  z-index: 0 !important; }
  @media (max-width: 471px) {
    .visitReadBlocInfosBloc1Button span {
      right: -5%;
      top: 47%;
      height: 60%; } }

.visitReadBlocInfosBloc1Button span:hover {
  border: solid #802c3a 2px !important; }

.visitReadBlocVisuel {
  width: 55%;
  height: 80vh;
  overflow: hidden;
  display: flex;
  justify-content: flex-end;
  position: relative; }
  @media (max-width: 471px) {
    .visitReadBlocVisuel {
      width: 100%;
      display: flex;
      margin: 0 auto;
      height: 300px;
      justify-content: center; } }
  @media (min-width: 472px) and (max-width: 1300px) {
    .visitReadBlocVisuel {
      height: 85vh; } }

.visitReadImageVignetteImg {
  /*display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 999;*/
  width: 90%; }
  @media (max-width: 471px) {
    .visitReadImageVignetteImg {
      width: 80%; } }
  @media (min-width: 472px) and (max-width: 1300px) {
    .visitReadImageVignetteImg {
      width: 70%; } }

.visitReadImageVignetteImg1 {
  width: 5%;
  cursor: pointer; }
  @media (max-width: 471px) {
    .visitReadImageVignetteImg1 {
      width: 10%; } }
  @media (min-width: 472px) and (max-width: 1300px) {
    .visitReadImageVignetteImg1 {
      width: 20%; } }

.visitReadImageVignetteImg2 {
  width: 5%;
  cursor: pointer; }
  @media (max-width: 471px) {
    .visitReadImageVignetteImg2 {
      width: 10%; } }
  @media (min-width: 472px) and (max-width: 1300px) {
    .visitReadImageVignetteImg2 {
      width: 20%; } }

.visitReadImageVignetteImg1 img {
  width: 100%; }

.visitReadImageVignetteImg2 img {
  width: 100%; }

.visitReadBlocVisuelImg {
  display: flex;
  /* align-items: center; */
  justify-content: center;
  position: relative;
  width: 100%;
  height: 80vh;
  overflow: hidden; }
  @media (min-width: 319px) and (max-width: 374px) {
    .visitReadBlocVisuelImg {
      /*height: 53vh;*/
      width: 100%;
      min-height: 300px;
      max-height: 300px; } }
  @media (min-width: 375px) and (max-width: 471px) {
    .visitReadBlocVisuelImg {
      position: relative;
      /*height: 45vh;*/
      width: 100%;
      min-height: 300px;
      max-height: 300px; } }
  @media (min-width: 472px) and (max-width: 1300px) {
    .visitReadBlocVisuelImg {
      height: 85vh; } }

.visitReadBlocVisuelImg img {
  /*width: initial!important;*/
  /*height: auto;*/
  /*height: auto;
  width: 100%;*/
  height: 100%;
  width: auto !important; }
  @media (min-width: 472px) and (max-width: 1300px) {
    .visitReadBlocVisuelImg img {
      /*height: 100%;*/
      height: auto;
      width: 100%; } }

.visitReadBlocVisuelImgBorder {
  border: solid white 2px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 95%;
  height: 95%; }
  @media (min-width: 320px) and (max-width: 374px) {
    .visitReadBlocVisuelImgBorder {
      width: 95%;
      height: 95%; } }
  @media (min-width: 375px) and (max-width: 472px) {
    .visitReadBlocVisuelImgBorder {
      width: 95%;
      height: 95%; } }
  @media (min-width: 472px) and (max-width: 1300px) {
    .visitReadBlocVisuelImgBorder {
      width: 95%;
      height: 95%; } }

.visitReadTextTarifs p {
  font-family: "Montserrat", sans-serif !important;
  color: #802c3a;
  font-size: 0.8em;
  padding: 0;
  margin: 10px 0; }
  @media (max-width: 471px) {
    .visitReadTextTarifs p {
      margin: 5px 0; } }

.visitReadline {
  width: 100%;
  display: flex; }

.visitReadline span {
  width: 100%;
  border-top: solid #83c5be 1px;
  margin: 10px 0; }

.visitReadSousTitle {
  font-family: "Montserrat", sans-serif !important;
  color: #016d78;
  font-size: 1.2em;
  margin: 10px 0;
  font-weight: 700; }
  @media (max-width: 471px) {
    .visitReadSousTitle {
      font-size: 0.9em;
      margin: 10px 0; } }

.visitReadSousTitle p {
  margin: 0; }

.visitReadSousTitleText {
  font-family: "Montserrat", sans-serif !important;
  color: #83c5be;
  font-size: 1em;
  margin: 0; }

.visitReadAudio {
  width: 80%; }
  @media (max-width: 471px) {
    .visitReadAudio {
      width: 100%; } }

.visitReadAudio audio {
  width: 100%;
  margin: 0 0 30px 0; }

/*------------------------- OWL CAROUSEL*/
.owl-nav {
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  z-index: 999999;
  justify-content: space-between;
  width: 90%;
  position: absolute; }

/*.owl-carousel .owl-nav button.owl-prev span{
  width: 100%;
  color:white!important;
}

.owl-carousel .owl-nav button.owl-next{
  width: 100%;
  color:white!important;
}*/
.owl-carousel .owl-nav button.owl-prev img {
  width: 50px; }
  @media (max-width: 471px) {
    .owl-carousel .owl-nav button.owl-prev img {
      width: 40px; } }

.owl-carousel .owl-nav button.owl-next img {
  width: 50px; }
  @media (max-width: 471px) {
    .owl-carousel .owl-nav button.owl-next img {
      width: 40px; } }

.owl-theme .owl-nav [class*=owl-]:hover {
  background: transparent !important; }

/*---------------------------- COMMAND*/
/*----------------------------------------- COMMAND*/
.commandThankSection {
  /*width: 100vh;*/
  max-height: 100vh;
  overflow: hidden;
  margin: 0;
  padding: 0;
  position: relative;
  background-size: cover !important; }

.commandThankImg {
  width: 100%; }

.commandThankImg img {
  height: auto;
  min-width: 100vw; }

.commandThankLogo {
  position: absolute;
  bottom: 2%;
  left: 50%;
  width: 15%;
  transform: translate(-50%, -5%); }
  @media (max-width: 471px) {
    .commandThankLogo {
      width: 50%; } }
  @media (min-width: 472px) and (max-width: 1300px) {
    .commandThankLogo {
      width: 30%; } }

.commandThankLogo a img {
  width: 100%; }

.commandThankText {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #016d78;
  padding: 10px; }
  @media (max-width: 471px) {
    .commandThankText {
      width: 90%; } }
  @media (min-width: 472px) and (max-width: 1300px) {
    .commandThankText {
      width: 70%; } }

.commandThankBorder {
  z-index: 1 !important; }

/*.commandThankBorder span{
  border:solid white 2px;
  position: absolute;
  left: 50%;
  top:50%;
  transform: translate(-50%,-50%);
  width: 95%;
  height: 95%;

  @media (max-width: 471px){
    // Mobile dimensions
  }
}*/
.commandThankTextPara {
  font-family: "Montserrat", sans-serif !important;
  font-size: 1em;
  color: white;
  padding: 50px;
  border-top: solid white 2px;
  border-left: solid white 2px;
  border-right: solid white 2px; }
  @media (max-width: 471px) {
    .commandThankTextPara {
      padding: 25px;
      font-size: 0.8em; } }

.commandThankTextPara1 {
  font-size: 2em;
  text-align: center;
  font-weight: 800;
  margin: 20px 0; }
  @media (max-width: 471px) {
    .commandThankTextPara1 {
      font-size: 1.8em;
      margin: 0; } }

.commandThankTextPara2 {
  text-align: center; }

.commandThankTextPara3 {
  text-align: left; }

.commandThankReturnArrow {
  padding: 0 0 50px 0;
  cursor: pointer;
  z-index: 999;
  border-bottom: solid white 2px;
  border-left: solid white 2px;
  border-right: solid white 2px; }
  @media (max-width: 471px) {
    .commandThankReturnArrow {
      padding: 0 0 20px 0; } }
  @media (min-width: 472px) and (max-width: 1300px) {
    .commandThankReturnArrow {
      margin: 0; } }

.commandThankReturnArrow a:hover {
  transform: scale(1.1); }

.commandThankReturnArrow a {
  width: 40%;
  margin: 0 auto;
  background-color: #016d78;
  text-align: center;
  cursor: pointer !important;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  transition: all .5s ease-in-out; }
  @media (max-width: 471px) {
    .commandThankReturnArrow a {
      justify-content: flex-start;
      width: 70%; } }
  @media (min-width: 472px) and (max-width: 1300px) {
    .commandThankReturnArrow a {
      width: 70%; } }

.commandThankReturnArrowImg {
  width: 15%;
  margin: 5px 20px 5px 0 !important; }
  @media (max-width: 471px) {
    .commandThankReturnArrowImg {
      width: 20%; } }
  @media (min-width: 472px) and (max-width: 1300px) {
    .commandThankReturnArrowImg {
      width: 12%; } }

.commandThankReturnArrowImg img {
  width: 100%; }

.commandThankReturnText p {
  font-family: "Montserrat", sans-serif !important;
  font-size: 1em;
  color: white;
  margin: 0;
  padding: 0; }
  @media (max-width: 471px) {
    .commandThankReturnText p {
      font-size: 0.6em;
      color: white; } }

/*----------------------------------------- COMMAND PAYMENT*/
.commandPaymentSection {
  width: 100vw;
  margin: 50px 0;
  /* margin: 0;
   padding: 0;
   display: flex;
   align-items: center;
   justify-content: space-between;*/ }
  @media (max-width: 471px) {
    .commandPaymentSection {
      margin: 30px 0; } }

.commandPaymentBloc {
  width: 80%;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-around; }
  @media (max-width: 471px) {
    .commandPaymentBloc {
      flex-direction: column;
      width: 90%; } }
  @media (min-width: 472px) and (max-width: 1300px) {
    .commandPaymentBloc {
      flex-direction: column; } }

.commandPaymentBloc1 {
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  width: 50%; }
  @media (max-width: 471px) {
    .commandPaymentBloc1 {
      flex-direction: column;
      width: 100%; } }
  @media (min-width: 472px) and (max-width: 1300px) {
    .commandPaymentBloc1 {
      width: 90%; } }

.commandPaymentText1 p {
  font-family: "Montserrat", sans-serif !important;
  font-size: 1em;
  color: #016d78;
  padding: 0;
  margin: 0; }

.commandPaymentText2 p {
  font-family: "Montserrat", sans-serif !important;
  font-size: 1.2em;
  color: #016d78;
  padding: 0;
  margin: 0; }

.commandPaymentText3 p {
  font-family: "Montserrat", sans-serif !important;
  font-size: 1.5em;
  color: #802c3a;
  font-weight: 700;
  padding: 0;
  margin: 0;
  text-transform: uppercase; }
  @media (max-width: 471px) {
    .commandPaymentText3 p {
      font-size: 1em; } }

.commandPaymentText4 p {
  font-family: "Montserrat", sans-serif !important;
  font-size: 1em;
  color: #016d78;
  padding: 0;
  margin: 0; }

.commandPaymentText5 p {
  font-family: "Montserrat", sans-serif !important;
  font-size: 0.7em;
  color: #016d78;
  padding: 0;
  margin: 0; }

.commandPaymentBloc2 {
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  width: 40%; }
  @media (max-width: 471px) {
    .commandPaymentBloc2 {
      width: 100%;
      margin: 30px 0 0 0; } }
  @media (min-width: 472px) and (max-width: 1300px) {
    .commandPaymentBloc2 {
      width: 90%;
      margin: 30px 0 0 0; } }

.commandPaymentBlocVisuel {
  width: 90%;
  margin: 50px 0; }
  @media (max-width: 471px) {
    .commandPaymentBlocVisuel {
      width: 100%;
      margin: 30px 0; } }

.commandPaymentBlocImg {
  /*width: 100%;
  position: relative;*/
  /*height: 30vh;*/
  max-width: 25vw;
  /*max-height: 40vh;*/
  overflow: hidden;
  display: flex;
  /*align-items: center;*/
  justify-content: flex-start;
  position: relative; }
  @media (max-width: 471px) {
    .commandPaymentBlocImg {
      height: auto;
      max-width: 100%; } }
  @media (min-width: 472px) and (max-width: 1300px) {
    .commandPaymentBlocImg {
      max-width: 40vw;
      height: auto; } }

.commandPaymentBlocImg img {
  /*width: auto;
  height: 100%;*/
  width: 100%;
  height: auto; }

.commandPaymentBlocImgBorder {
  border: solid white 2px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 95%;
  height: 95%; }

.commandPaymentTextTitle p {
  font-family: "Montserrat", sans-serif !important;
  font-size: 1.5em;
  font-weight: 700;
  color: #016d78;
  padding: 0;
  margin: 0 0 50px 0;
  text-transform: uppercase; }
  @media (max-width: 471px) {
    .commandPaymentTextTitle p {
      margin: 0; } }

.commandPaymentTextForm {
  margin: 20px 0; }

.commandPaymentTextForm label {
  font-family: "Montserrat", sans-serif !important;
  font-size: 0.8em;
  color: #016d78;
  padding: 0;
  margin: 0;
  width: 100%; }

.commandPaymentTextForm input {
  border: solid 1px #016d78;
  border-radius: 5px;
  width: 100%;
  padding: 10px;
  cursor: text; }

.commandPaymentTextForm div {
  border: solid 1px #016d78;
  border-radius: 5px;
  width: 100%;
  padding: 10px;
  cursor: pointer; }

.commandPaymentFormButton {
  width: 100%;
  margin: 50px 0 0 0; }

.commandPaymentFormButton button {
  background-color: #016d78;
  border-radius: 10px;
  padding: 10px;
  width: 100%;
  font-size: 1.5em;
  color: white;
  font-family: "Montserrat", sans-serif !important;
  cursor: pointer; }

.commandPaymentFormButton button:hover {
  background-color: #83c5be; }

.commandPaymentFormButton button:disabled {
  background-color: gainsboro; }

/*----------------------------------------- COMMAND INFO*/
.commandInformationsSection {
  width: 100vw;
  margin: 50px 0;
  display: flex;
  align-items: flex-start;
  justify-content: space-around; }
  @media (max-width: 471px) {
    .commandInformationsSection {
      margin: 30px 0; } }

.commandInformationsBlocAll {
  width: 80%;
  margin: 0 auto;
  display: flex;
  align-items: flex-start;
  justify-content: space-around; }
  @media (max-width: 471px) {
    .commandInformationsBlocAll {
      flex-direction: column;
      width: 90%; } }

.commandInformationsBlocA {
  width: 50%;
  /*margin: 0 auto;*/
  /*display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-around;*/ }
  @media (max-width: 471px) {
    .commandInformationsBlocA {
      flex-direction: column;
      width: 100%; } }
  @media (min-width: 472px) and (max-width: 1300px) {
    .commandInformationsBlocA {
      flex-direction: column; } }

.commandInformationsBloc1 {
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  width: 65%; }
  @media (max-width: 471px) {
    .commandInformationsBloc1 {
      flex-direction: column;
      width: 100%; } }
  @media (min-width: 472px) and (max-width: 1300px) {
    .commandInformationsBloc1 {
      width: 90%; } }

.commandInformationsText1 p {
  font-family: "Montserrat", sans-serif !important;
  font-size: 1em;
  color: #016d78;
  padding: 0;
  margin: 0; }

.commandInformationsText2 p {
  font-family: "Montserrat", sans-serif !important;
  font-size: 1.2em;
  color: #016d78;
  padding: 0;
  margin: 0; }

.commandInformationsText3 p {
  font-family: "Montserrat", sans-serif !important;
  font-size: 1em;
  color: #802c3a;
  font-weight: 700;
  padding: 0;
  margin: 0;
  text-transform: uppercase; }
  @media (max-width: 471px) {
    .commandInformationsText3 p {
      font-size: 1em; } }

.commandInformationsText4 p {
  font-family: "Montserrat", sans-serif !important;
  font-size: 0.8em;
  color: #016d78;
  padding: 0;
  margin: 0; }

.commandInformationsText5 p {
  font-family: "Montserrat", sans-serif !important;
  font-size: 0.5em;
  color: #016d78;
  padding: 0;
  margin: 0; }

.commandInformationsBloc2 {
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  width: 65%; }
  @media (max-width: 471px) {
    .commandInformationsBloc2 {
      width: 100%;
      margin: 30px 0 0 0; } }
  @media (min-width: 472px) and (max-width: 1300px) {
    .commandInformationsBloc2 {
      width: 90%;
      margin: 30px 0 0 0; } }

.commandInformationsBlocVisuel {
  width: 90%;
  margin: 0 0 30px 0; }
  @media (max-width: 471px) {
    .commandInformationsBlocVisuel {
      width: 100%;
      margin: 30px 0; } }

.commandInformationsBlocImg {
  /*width: 100%;
  position: relative;*/
  /*height: 30vh;*/
  min-width: 25vw;
  max-width: 25vw;
  /*max-height: 40vh;*/
  overflow: hidden;
  display: flex;
  /*align-items: center;*/
  justify-content: flex-start;
  position: relative; }
  @media (max-width: 471px) {
    .commandInformationsBlocImg {
      height: auto;
      max-width: 100%; } }
  @media (min-width: 472px) and (max-width: 1300px) {
    .commandInformationsBlocImg {
      max-width: 40vw;
      height: auto; } }

.commandInformationsBlocImg img {
  /*width: auto;
  height: 100%;*/
  width: 100%;
  height: auto; }

.commandInformationsBlocImgBorder {
  border: solid white 2px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 95%;
  height: 95%; }

.commandInformationsTextTitle h2 {
  font-family: "Montserrat", sans-serif !important;
  font-size: 1.3em;
  font-weight: 700;
  color: #016d78;
  padding: 0;
  margin: 20px 0 0 0;
  text-transform: uppercase; }
  @media (max-width: 471px) {
    .commandInformationsTextTitle h2 {
      margin: 0;
      text-align: center; } }

.commandInformationsForm {
  display: flex; }

.commandInformationsTextForm {
  margin: 20px 10px 20px 0;
  /*margin: 20px 0;*/
  width: 100%; }
  @media (max-width: 471px) {
    .commandInformationsTextForm {
      /*margin: 20px 0;*/ } }
  @media (min-width: 472px) and (max-width: 1300px) {
    .commandInformationsTextForm {
      /*margin: 20px 0;*/ } }

.commandInformationsFormNb {
  width: 100%;
  display: flex;
  /*align-items: center;*/
  justify-content: flex-start;
  position: relative; }

.commandInformationsTextFormImg {
  width: 7%;
  margin: 0 0 0 10px;
  cursor: pointer; }

.commandInformationsTextFormImg img {
  width: 100%; }

.commandInformationsTextFormHover p {
  display: none;
  background-color: grey;
  border-radius: 10px;
  padding: 10px;
  color: white;
  font-size: 0.6em;
  font-family: "Montserrat", sans-serif !important;
  width: 60%;
  position: absolute; }
  @media screen and (max-width: 470px) {
    .commandInformationsTextFormHover p {
      top: 50%;
      left: 5%; } }

.hover {
  display: block !important; }

/*.commandInformationsTextFormHover p:hover{
  display: block;
  background-color: grey;
  border-radius: 10px;
  padding: 5px;
  color:white;
  font-size: 0.5em;
  @include fontMontserrat;
}*/
.commandInformationsTextForm label {
  font-family: "Montserrat", sans-serif !important;
  font-size: 0.8em;
  color: #016d78;
  padding: 0;
  margin: 0;
  width: auto; }

.commandInformationsTextForm input {
  border: solid 1px #016d78;
  border-radius: 5px;
  width: 100%;
  padding: 10px;
  cursor: text;
  box-shadow: 0px 3px 5px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 3px 5px 1px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 3px 5px 1px rgba(0, 0, 0, 0.1); }

.commandInformationsTextForm select {
  border: solid 1px #016d78;
  border-radius: 5px;
  width: 100%;
  padding: 9px;
  cursor: pointer;
  box-shadow: 0px 3px 5px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 3px 5px 1px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 3px 5px 1px rgba(0, 0, 0, 0.1); }

.commandInformationsFormButton {
  width: 100%;
  margin: 50px 0 0 0; }

.commandInformationsFormButton button {
  background-color: #016d78;
  cursor: pointer;
  border-radius: 10px;
  padding: 10px;
  width: 100%;
  font-size: 1.5em;
  color: white;
  font-family: "Montserrat", sans-serif !important;
  box-shadow: 0px 3px 5px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 3px 5px 1px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 3px 5px 1px rgba(0, 0, 0, 0.1); }

.commandInformationsTextPrice {
  display: flex;
  text-transform: uppercase;
  font-family: "Montserrat", sans-serif !important;
  font-size: 1.3em;
  font-weight: 700;
  color: #016d78;
  align-items: center; }

.commandInformationsTextPrice p {
  margin: 0; }

.commandInformationsTextPrice€ {
  color: #802c3a;
  margin: 0 10px !important; }

.commandInformationsTextTitle h1 {
  font-family: "Montserrat", sans-serif !important;
  font-size: 1.5em;
  font-weight: 700;
  color: #016d78;
  padding: 0;
  margin: 0 0 10px 0;
  text-transform: uppercase; }
  @media (max-width: 471px) {
    .commandInformationsTextTitle h1 {
      text-align: center;
      font-size: 1.3em;
      margin: 20px 0; } }

.commandInformationsTextPriceAppareils {
  margin: 10px 0 0 0; }

.commandInformationsTextPriceAppareils p {
  font-family: "Montserrat", sans-serif !important;
  font-size: 0.8em;
  color: #016d78;
  padding: 0;
  margin: 2px 0; }

.commandInformationsTextPriceAppareils p span {
  margin: 0 0 0 5px; }

.commandInformationsBlocB {
  width: 40%; }
  @media (max-width: 471px) {
    .commandInformationsBlocB {
      flex-direction: column;
      width: 100%; } }
  @media (min-width: 472px) and (max-width: 1300px) {
    .commandInformationsBlocB {
      flex-direction: column; } }

.commandInformationsCGV {
  width: 100%;
  display: flex;
  justify-content: flex-start; }
  @media (max-width: 471px) {
    .commandInformationsCGV {
      width: 90%; } }

.commandInformationsCGV label {
  font-family: "Montserrat", sans-serif !important;
  font-size: 1em;
  color: darkgrey;
  margin: 0 10px;
  width: 100%; }
  @media (max-width: 471px) {
    .commandInformationsCGV label {
      font-size: 0.8em; } }

.commandInformationsCGV input {
  background-color: transparent;
  padding: 10px;
  border: solid 1px darkgrey;
  color: #016d78 !important;
  box-shadow: none !important;
  width: auto; }

.commandInformationsCGV input[type="checkbox"] {
  border: transparent !important; }

.commandInformationsCGV label a {
  color: darkgrey; }

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