*,
::after,
::before {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.row-limit-size {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
}

.row-limit-size-full {
  width: 100%;
  margin: 0 auto;
}

body {
  font-family: "Hind Madurai", sans-serif;
  background-color: #fafafb;
}
body div.bloc-modale {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(6, 13, 30, 0.5);
  z-index: 50;
}

ul {
  list-style-type: none;
}

a {
  text-decoration: none;
  font-weight: bold;
}

h1,
h2 {
  font-family: "Nova Slim", sans-serif;
  font-size: 40px;
  line-height: 38px;
  text-align: center;
  letter-spacing: 0.04em;
  color: #0868ae;
  font-weight: bold;
}
@media screen and (min-width: 950px) {
  h1,
  h2 {
    font-size: 65px;
    line-height: 70px;
  }
}

p.sub-title-section {
  font-size: 20px;
  text-align: center;
  margin: 30px auto;
  font-weight: bold;
  line-height: 24px;
  color: #070606;
  display: block;
}
@media screen and (min-width: 950px) {
  p.sub-title-section {
    font-size: 22px;
    line-height: 30px;
    text-align: center;
  }
}

#font-logo {
  font-family: "Risque", cursive, sans-serif;
  letter-spacing: 2px;
}

#back-to-top {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 20;
  border: none;
  outline: none;
  background-color: #0868ae;
  cursor: pointer;
  padding: 12px;
  border-radius: 8px;
  font-size: 18px;
}
#back-to-top:hover {
  background-color: #05497b;
}
#back-to-top::after {
  content: url(../img/picto/arrow-narrow-up.svg);
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes slideIn {
  0% {
    transform: translateX(100%);
    opacity: 0;
  }
  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}
@keyframes slide-up {
  from {
    transform: translateY(100%);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
#main-header {
  width: 100%;
}
#main-header #main-nav-bar {
  transition: background-color 0.3s ease-in-out, border-bottom 0.3s ease-in-out;
  background: #0868ae;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
  width: 100%;
}
#main-header #main-nav-bar.anim-nav {
  box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
}
#main-header #main-nav-bar #container-nav-bar {
  position: relative;
  width: 100%;
  height: 72px;
  padding: 10px 10px 10px 0px;
  display: flex;
  justify-content: center;
  align-items: center;
}
#main-header #main-nav-bar #container-nav-bar #container-group-logo {
  margin-right: auto;
}
#main-header #main-nav-bar #container-nav-bar #container-group-logo a.link-page-home {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
#main-header #main-nav-bar #container-nav-bar #container-group-logo a.link-page-home:hover {
  cursor: pointer;
}
#main-header #main-nav-bar #container-nav-bar #container-group-logo a.link-page-home img {
  width: 65px;
}
@media screen and (min-width: 500px) {
  #main-header #main-nav-bar #container-nav-bar #container-group-logo a.link-page-home img {
    width: 85px;
  }
}
#main-header #main-nav-bar #container-nav-bar #container-group-logo a.link-page-home #nav-logo-text {
  font-family: "Risque", cursive, sans-serif;
  font-size: 26px;
  color: #fff;
}
@media screen and (min-width: 500px) {
  #main-header #main-nav-bar #container-nav-bar #container-group-logo a.link-page-home #nav-logo-text {
    font-size: 36px;
  }
}
@media screen and (min-width: 650px) {
  #main-header #main-nav-bar #container-nav-bar #container-group-logo a.link-page-home #nav-logo-text {
    font-size: 36px;
  }
}
#main-header #main-nav-bar #container-nav-bar #container-group-search-nav-top {
  display: none;
  position: relative;
  width: 95%;
  margin: 0 auto;
}
@media screen and (min-width: 650px) {
  #main-header #main-nav-bar #container-nav-bar #container-group-search-nav-top {
    width: 350px !important;
    display: block !important;
  }
}
@media screen and (min-width: 950px) {
  #main-header #main-nav-bar #container-nav-bar #container-group-search-nav-top {
    width: 600px !important;
  }
}
#main-header #main-nav-bar #container-nav-bar #container-group-search-nav-top form {
  display: flex;
  flex: 1;
}
#main-header #main-nav-bar #container-nav-bar #container-group-search-nav-top form #input-search-nav-top {
  position: relative;
  font-size: 18px;
  width: 90%;
  height: 45px;
  border: none;
  border-bottom: 1px solid #fefeff;
  background-color: transparent;
  color: #fefeff;
  margin: 0 auto;
}
#main-header #main-nav-bar #container-nav-bar #container-group-search-nav-top form #input-search-nav-top::-moz-placeholder {
  color: #fff;
  background-color: transparent;
}
#main-header #main-nav-bar #container-nav-bar #container-group-search-nav-top form #input-search-nav-top::placeholder {
  color: #fff;
  background-color: transparent;
}
#main-header #main-nav-bar #container-nav-bar #container-group-search-nav-top form #input-search-nav-top::-webkit-input-placeholder {
  background-color: transparent;
}
#main-header #main-nav-bar #container-nav-bar #container-group-search-nav-top form #input-search-nav-top:focus {
  outline: none;
}
#main-header #main-nav-bar #container-nav-bar #container-group-search-nav-top form input#btn-search-nav-top {
  display: block;
  position: absolute;
  right: -8px;
  top: 5px;
  width: 30px;
  height: 30px;
  background-image: url("../img/picto/search-lg.svg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-color: transparent;
  border: none;
  cursor: pointer;
  transition: background-color 0.3s ease;
}
@media screen and (min-width: 650px) {
  #main-header #main-nav-bar #container-nav-bar #container-group-search-nav-top form input#btn-search-nav-top {
    position: absolute;
    right: 50px;
    top: 5px;
  }
}
#main-header #main-nav-bar #container-nav-bar #container-group-search-nav-top form input#btn-search-nav-top:hover {
  cursor: pointer;
  transform: scale(1.07);
}
#main-header #main-nav-bar #container-nav-bar div#btn-responsive-search {
  position: absolute;
  right: 65px;
  bottom: 19px;
}
@media screen and (min-width: 500px) {
  #main-header #main-nav-bar #container-nav-bar div#btn-responsive-search {
    position: absolute;
    right: 70px;
  }
}
@media screen and (min-width: 650px) {
  #main-header #main-nav-bar #container-nav-bar div#btn-responsive-search {
    display: none;
  }
}
#main-header #main-nav-bar #container-nav-bar div#btn-responsive-search button#show-search-bar {
  display: inherit;
  width: 30px;
  height: 30px;
  background-color: #0868ae;
  border: none;
}
#main-header #main-nav-bar #container-nav-bar div#btn-responsive-search button#show-search-bar:hover {
  cursor: pointer;
}
#main-header #main-nav-bar #container-nav-bar #container-group-btn-connexion {
  position: relative;
  margin-left: auto;
}
#main-header #main-nav-bar #container-nav-bar #container-group-btn-connexion #btn-sign-up span#mobile {
  display: block;
  margin-top: 8px;
}
@media screen and (min-width: 650px) {
  #main-header #main-nav-bar #container-nav-bar #container-group-btn-connexion #btn-sign-up span#mobile {
    display: none;
  }
}
#main-header #main-nav-bar #container-nav-bar #container-group-btn-connexion #btn-sign-up span#desktop {
  display: none;
}
@media screen and (min-width: 950px) {
  #main-header #main-nav-bar #container-nav-bar #container-group-btn-connexion #btn-sign-up span#desktop {
    display: block;
  }
}
@media screen and (min-width: 950px) and (min-width: 950px) {
  #main-header #main-nav-bar #container-nav-bar #container-group-btn-connexion #btn-sign-up span#desktop {
    display: block;
    padding: 12px 24px;
    background-color: #ff5e38;
    color: #fff;
    border-radius: 8px;
    text-align: center;
    transition: background-color 0.3s ease;
  }
  #main-header #main-nav-bar #container-nav-bar #container-group-btn-connexion #btn-sign-up span#desktop:hover {
    background-color: #b53928;
  }
}
#main-header #main-nav-bar #container-nav-bar #container-group-btn-connexion div#container-box-index-logout a#btn-index-session img {
  width: 38px;
  line-height: 72px;
}
@media screen and (min-width: 500px) {
  #main-header #main-nav-bar #container-nav-bar #container-group-btn-connexion div#container-box-index-logout a#btn-index-session img {
    width: 50px;
  }
}
@media screen and (min-width: 950px) {
  #main-header #main-nav-bar #container-nav-bar #container-group-btn-connexion div#container-box-index-logout a#btn-index-session img {
    width: 50px;
    margin-top: 4px;
  }
}
#main-header #main-nav-bar #container-nav-bar #container-group-btn-connexion div#container-box-index-logout div#box-index-logout {
  z-index: 999;
  position: absolute;
  top: 42px;
  right: 0px;
  width: 220px;
  height: 160px;
  background-color: #fff;
  border-radius: 8px;
  padding: 10px 20px;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
@media screen and (min-width: 500px) {
  #main-header #main-nav-bar #container-nav-bar #container-group-btn-connexion div#container-box-index-logout div#box-index-logout {
    top: 55px;
  }
}
@media screen and (min-width: 950px) {
  #main-header #main-nav-bar #container-nav-bar #container-group-btn-connexion div#container-box-index-logout div#box-index-logout {
    top: 70px;
  }
}
#main-header #main-nav-bar #container-nav-bar #container-group-btn-connexion div#container-box-index-logout div#box-index-logout::after {
  position: absolute;
  display: block;
  content: "";
  top: -8px;
  left: 88%;
  margin-left: -8px;
  width: 0;
  height: 0;
  border-color: transparent transparent #fff;
  border-style: solid;
  border-width: 0 1pc 1pc;
}
@media screen and (min-width: 500px) {
  #main-header #main-nav-bar #container-nav-bar #container-group-btn-connexion div#container-box-index-logout div#box-index-logout::after {
    left: 86%;
  }
}
#main-header #main-nav-bar #container-nav-bar #container-group-btn-connexion div#container-box-index-logout div#box-index-logout ul li {
  margin-top: 10px;
}
#main-header #main-nav-bar #container-nav-bar #container-group-btn-connexion div#container-box-index-logout div#box-index-logout ul li:first-of-type {
  font-size: 18px;
  color: #0868ae;
}
#main-header #main-nav-bar #container-nav-bar #container-group-btn-connexion div#container-box-index-logout div#box-index-logout ul li:last-of-type {
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 220px;
  background-color: #043a61;
  padding: 6px;
  border-radius: 0 0 8px 8px;
}
#main-header #main-nav-bar #container-nav-bar #container-group-btn-connexion div#container-box-index-logout div#box-index-logout ul li:last-of-type a {
  font-size: 16px;
  color: #fff;
  margin-left: 2px;
  float: left;
  padding-left: 10px;
  padding: 5px 0 5px 10px;
}
#main-header #main-nav-bar #container-nav-bar #container-group-btn-connexion div#container-box-index-logout div#box-index-logout ul li:last-of-type a:hover {
  color: #ff5e38;
}
#main-header #main-nav-bar #container-nav-bar #container-group-btn-connexion div#container-box-index-logout div#box-index-logout ul li a {
  font-size: 16px;
}
#main-header #main-nav-bar #container-nav-bar #container-group-btn-connexion div#container-box-index-logout div#box-index-logout ul li a:hover {
  color: #043a61;
}
#main-header #main-nav-bar #container-nav-bar #arrow-container {
  display: none;
  margin-right: 1rem;
}
#main-header #main-nav-bar #container-nav-bar #arrow-container #left-arrow {
  background-color: transparent;
  border: none;
  cursor: pointer;
}
#main-header #main-nav-bar #container-nav-bar #arrow-container #left-arrow img {
  width: 24px;
  height: 24px;
}

section#section-main-hero {
  padding-top: 110px;
  padding-bottom: 40px;
  background-color: #fff;
  height: 50%;
}
@media screen and (min-width: 650px) {
  section#section-main-hero {
    min-height: 300px;
    max-height: 950px;
  }
}
@media screen and (min-width: 950px) {
  section#section-main-hero {
    min-height: 600px;
    padding-top: 140px;
  }
}
section#section-main-hero div#container-section-main-hero {
  display: flex;
  flex-wrap: wrap;
  padding-top: 30px;
  padding-bottom: 50px;
  margin: 0 auto;
  overflow: hidden;
}
section#section-main-hero div#container-section-main-hero div#item-section-main-hero-left {
  z-index: 10;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 90%;
  margin: 0 auto;
}
@media screen and (min-width: 650px) {
  section#section-main-hero div#container-section-main-hero div#item-section-main-hero-left {
    width: 40%;
  }
}
@media screen and (min-width: 950px) {
  section#section-main-hero div#container-section-main-hero div#item-section-main-hero-left {
    width: 50%;
  }
}
@media screen and (min-width: 1200px) {
  section#section-main-hero div#container-section-main-hero div#item-section-main-hero-left {
    margin-right: -100px;
    margin-left: 100px;
  }
}
@media screen and (min-width: 1400px) {
  section#section-main-hero div#container-section-main-hero div#item-section-main-hero-left {
    margin-right: -100px;
    margin-left: 100px;
  }
}
section#section-main-hero div#container-section-main-hero div#item-section-main-hero-left .animated-word {
  transition: all 0.3s ease-in-out;
  opacity: 1;
}
@keyframes smoke {
  0% {
    opacity: 0.1;
    text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #ff00de, 0 0 70px #ff00de, 0 0 80px #ff00de, 0 0 100px #ff00de, 0 0 150px #ff00de;
  }
  100% {
    opacity: 1;
    text-shadow: none;
  }
}
section#section-main-hero div#container-section-main-hero div#item-section-main-hero-left .smoke-effect {
  animation-name: smoke;
  animation-duration: 1s;
  animation-fill-mode: forwards;
}
section#section-main-hero div#container-section-main-hero div#item-section-main-hero-left h1#title-hero {
  font-size: 50px;
  font-family: "Risque", cursive, sans-serif;
  letter-spacing: 2px;
  color: #070606;
  text-align: center;
}
@media screen and (min-width: 650px) {
  section#section-main-hero div#container-section-main-hero div#item-section-main-hero-left h1#title-hero {
    font-size: 70px;
  }
}
@media screen and (min-width: 1280px) {
  section#section-main-hero div#container-section-main-hero div#item-section-main-hero-left h1#title-hero {
    font-size: 100px;
  }
}
section#section-main-hero div#container-section-main-hero div#item-section-main-hero-left p#sub-title-hero {
  margin-top: 30px;
  margin-bottom: 40px;
  font-size: 20px;
  font-weight: bold;
  color: #070606;
  font-family: "Nova Slim", cursive, sans-serif;
}
@media screen and (min-width: 650px) {
  section#section-main-hero div#container-section-main-hero div#item-section-main-hero-left p#sub-title-hero {
    font-size: 20px;
  }
}
@media screen and (min-width: 1280px) {
  section#section-main-hero div#container-section-main-hero div#item-section-main-hero-left p#sub-title-hero {
    font-size: 40px;
  }
}
section#section-main-hero div#container-section-main-hero div#item-section-main-hero-left div.picto-choise-profil {
  position: relative;
}
section#section-main-hero div#container-section-main-hero div#item-section-main-hero-left div.picto-choise-profil img.pict-hero-commun {
  width: 60px;
  margin-left: 10px;
  margin-right: 10px;
}
@media screen and (min-width: 950px) {
  section#section-main-hero div#container-section-main-hero div#item-section-main-hero-left div.picto-choise-profil img.pict-hero-commun {
    margin-left: 15px;
    margin-right: 15px;
  }
}
@media screen and (min-width: 950px) {
  section#section-main-hero div#container-section-main-hero div#item-section-main-hero-left div.picto-choise-profil img.pict-hero-commun {
    width: 120px;
  }
}
@media screen and (min-width: 950px) {
  section#section-main-hero div#container-section-main-hero div#item-section-main-hero-left div.picto-choise-profil img.pict-hero-commun {
    width: 120px;
  }
}
@media screen and (min-width: 1280px) {
  section#section-main-hero div#container-section-main-hero div#item-section-main-hero-left div.picto-choise-profil img.pict-hero-commun {
    width: 140px;
  }
}
section#section-main-hero div#container-section-main-hero div#item-section-main-hero-left div.picto-choise-profil img.pict-hero-commun:hover {
  cursor: pointer;
}
section#section-main-hero div#container-section-main-hero div#item-section-main-hero-left div.picto-choise-profil img#pict-hero-cursor {
  z-index: 5;
  position: absolute;
  bottom: 0px;
  left: 50px;
  height: 20px;
}
@media screen and (min-width: 950px) {
  section#section-main-hero div#container-section-main-hero div#item-section-main-hero-left div.picto-choise-profil img#pict-hero-cursor {
    z-index: 5;
    position: absolute;
    bottom: -40px;
    left: 80px;
    height: 80px;
  }
}
section#section-main-hero div#container-section-main-hero div#item-section-main-hero-left a#discover-space {
  margin-top: 60px;
  padding: 12px 36px;
  font-weight: bold;
  background: #ff5e38;
  color: #fff;
  border-radius: 8px;
  transition: all 0.35s;
}
section#section-main-hero div#container-section-main-hero div#item-section-main-hero-left a#discover-space:hover {
  background: #b53928;
  color: #fff;
}
section#section-main-hero div#item-section-main-hero-right {
  z-index: 1;
  display: none;
}
section#section-main-hero div#item-section-main-hero-right img.pict-reader-hero {
  width: 326px;
  height: auto;
}
@media screen and (min-width: 950px) {
  section#section-main-hero div#item-section-main-hero-right img.pict-reader-hero {
    width: 450px;
  }
}
@media screen and (min-width: 1280px) {
  section#section-main-hero div#item-section-main-hero-right img.pict-reader-hero {
    width: 680px;
  }
}
@media screen and (min-width: 650px) {
  section#section-main-hero div#item-section-main-hero-right {
    display: block;
    width: 50%;
  }
}

section#section-news {
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
  box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
  background: #0868ae;
  padding-top: 40px;
  padding-bottom: 40px;
}
@media screen and (min-width: 1280px) {
  section#section-news {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
section#section-news div#container-section-news {
  width: 90%;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  overflow: hidden;
}
@media screen and (min-width: 950px) {
  section#section-news div#container-section-news {
    flex-wrap: nowrap;
  }
}
section#section-news div#container-section-news #item-section-news-left {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
@media screen and (min-width: 950px) {
  section#section-news div#container-section-news #item-section-news-left {
    padding-top: 60px;
    width: 90%;
    margin: 0 auto;
  }
}
section#section-news div#container-section-news #item-section-news-left h1 {
  white-space: nowrap;
  color: #f9b017;
  font-size: 25px;
  line-height: 30px;
  z-index: 1;
}
@media screen and (min-width: 500px) {
  section#section-news div#container-section-news #item-section-news-left h1 {
    font-size: 40px;
    line-height: 50px;
  }
}
@media screen and (min-width: 650px) {
  section#section-news div#container-section-news #item-section-news-left h1 {
    font-size: 55px;
    line-height: 65px;
    margin-bottom: 0px;
  }
}
@media screen and (min-width: 1350px) {
  section#section-news div#container-section-news #item-section-news-left h1 {
    font-size: 65px;
    line-height: 80px;
  }
}
section#section-news div#container-section-news #item-section-news-left p#sub-title {
  margin-top: 25px;
  margin-bottom: 20px;
  line-height: 24px;
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  text-align: center;
}
@media screen and (min-width: 500px) {
  section#section-news div#container-section-news #item-section-news-left p#sub-title {
    font-size: 16px;
  }
}
@media screen and (min-width: 650px) {
  section#section-news div#container-section-news #item-section-news-left p#sub-title {
    line-height: 35px;
    font-size: 25px;
    width: 600px;
  }
}
@media screen and (min-width: 1280px) {
  section#section-news div#container-section-news #item-section-news-left p#sub-title {
    margin-top: 40px;
    margin-bottom: 30px;
  }
}
@media screen and (min-width: 1350px) {
  section#section-news div#container-section-news #item-section-news-left p#sub-title {
    font-size: 30px;
    width: 100%;
  }
}
section#section-news div#container-section-news #item-section-news-left a#btn-join-reader {
  padding: 12px 36px;
  font-weight: bold;
  background: #ff5e38;
  color: #fff;
  border-radius: 8px;
  transition: all 0.35s;
}
section#section-news div#container-section-news #item-section-news-left a#btn-join-reader:hover {
  background: #b53928;
  color: #fff;
}
@media screen and (min-width: 950px) {
  section#section-news div#container-section-news #item-section-news-left {
    width: 50%;
  }
}
section#section-news div#container-section-news #item-section-news-right {
  width: 100%;
  text-align: center;
  padding-top: 50px;
  display: none;
}
@media screen and (min-width: 1280px) {
  section#section-news div#container-section-news #item-section-news-right {
    display: block;
    width: 50%;
  }
}
section#section-news div#container-section-news #item-section-news-right #item-news-right-top {
  display: flex;
  justify-content: center;
  align-items: baseline;
}
section#section-news div#container-section-news #item-section-news-right #item-news-right-top img:first-of-type {
  margin-right: 15px;
  margin-bottom: 10px;
}
section#section-news div#container-section-news #item-section-news-right #item-news-right-bottom {
  display: flex;
  justify-content: center;
}
section#section-news .flip {
  position: relative;
}
section#section-news .flip > .front,
section#section-news .flip > .back {
  display: block;
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition-duration: 2.5s;
  transition-property: transform, opacity;
}
section#section-news .flip > .front {
  transform: rotateY(0deg);
}
section#section-news .flip > .back {
  position: absolute;
  opacity: 0;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  transform: rotateY(-180deg);
}
section#section-news .flip:hover > .front {
  transform: rotateY(180deg);
}
section#section-news .flip:hover > .back {
  opacity: 1;
  transform: rotateY(0deg);
}
section#section-news .flip.flip-vertical > .back {
  transform: rotateX(-180deg);
}
section#section-news .flip.flip-vertical:hover > .front {
  transform: rotateX(180deg);
}
section#section-news .flip.flip-vertical:hover > .back {
  transform: rotateX(0deg);
}
section#section-news .flip.auto-flip > .front, section#section-news .flip.manual-flip > .front {
  transform: rotateY(180deg);
}
section#section-news .flip.auto-flip > .back, section#section-news .flip.manual-flip > .back {
  opacity: 1;
  transform: rotateY(0deg);
}
section#section-news .flip {
  position: relative;
  display: inline-block;
  margin-right: 1em;
  margin-bottom: 1em;
  width: 150px;
}
@media screen and (min-width: 1430px) {
  section#section-news .flip {
    width: 200px;
  }
}
section#section-news .flip > .front,
section#section-news .flip > .back {
  display: block;
  color: #fff;
  width: inherit;
  background-size: cover !important;
  background-position: center !important;
  padding: 1em 2em;
  background: #ff5e38;
  border-radius: 8px;
}
section#section-news .flip > .front p,
section#section-news .flip > .back p {
  font-size: 0.9125rem;
  line-height: 160%;
  color: #fff;
  text-align: start;
}
section#section-news .flip > .front p span,
section#section-news .flip > .back p span {
  font-weight: bold;
}
section#section-news .flip > .front-item-1 {
  height: 240px;
}
section#section-news .flip > .front-item-2 {
  height: 180px;
}
section#section-news .flip > .front-item-3 {
  height: 240px;
}
section#section-news .flip > .front-item-4 {
  height: 180px;
  display: none;
}
@media screen and (min-width: 950px) {
  section#section-news .flip > .front-item-4 {
    display: block;
  }
}
section#section-news .flip > .front-item-5 {
  height: 180px;
  display: none;
}
@media screen and (min-width: 950px) {
  section#section-news .flip > .front-item-5 {
    display: block;
  }
}
section#section-news .text-shadow {
  text-shadow: 1px 1px rgba(0, 0, 0, 0.04), 2px 2px rgba(0, 0, 0, 0.04), 3px 3px rgba(0, 0, 0, 0.04), 4px 4px rgba(0, 0, 0, 0.04), 0.125rem 0.125rem rgba(0, 0, 0, 0.04), 6px 6px rgba(0, 0, 0, 0.04), 7px 7px rgba(0, 0, 0, 0.04), 8px 8px rgba(0, 0, 0, 0.04), 9px 9px rgba(0, 0, 0, 0.04), 0.3125rem 0.3125rem rgba(0, 0, 0, 0.04), 11px 11px rgba(0, 0, 0, 0.04), 12px 12px rgba(0, 0, 0, 0.04), 13px 13px rgba(0, 0, 0, 0.04), 14px 14px rgba(0, 0, 0, 0.04), 0.625rem 0.625rem rgba(0, 0, 0, 0.04), 16px 16px rgba(0, 0, 0, 0.04), 17px 17px rgba(0, 0, 0, 0.04), 18px 18px rgba(0, 0, 0, 0.04), 19px 19px rgba(0, 0, 0, 0.04), 1.25rem 1.25rem rgba(0, 0, 0, 0.04);
}

#section-heart {
  width: 100%;
  margin: 0 auto;
  padding-top: 80px;
  padding-bottom: 60px;
  overflow: hidden;
}
@media screen and (min-width: 950px) {
  #section-heart {
    padding-top: 120px;
  }
}
#section-heart p#sub-title-heart {
  margin-top: 10px;
  margin-bottom: 40px;
  text-align: center;
}
#section-heart ul.top {
  text-align: center;
  list-style-type: none;
}
@media screen and (min-width: 950px) {
  #section-heart ul.top {
    display: flex;
    flex-wrap: wrap;
  }
}
#section-heart ul.top li {
  width: 95%;
  margin-bottom: 70px;
}
@media screen and (min-width: 950px) {
  #section-heart ul.top li {
    width: 100%;
    margin-right: -100px;
    margin-bottom: 100px;
    margin-left: -30px;
    padding: 0;
    padding: 60px;
  }
}
@media screen and (min-width: 950px) {
  #section-heart ul.top li {
    width: 57%;
    transition: all 0.5s ease;
  }
}
@media screen and (min-width: 1400px) {
  #section-heart ul.top li {
    width: 33%;
    margin-bottom: 0;
  }
}
#section-heart ul.top li a {
  font-weight: bolder;
  font-size: 230px;
  font-family: "Risque", cursive, sans-serif;
  margin-bottom: 20px;
}
#section-heart ul.top li a img {
  width: 130px;
  height: 250px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 8px;
  margin-left: -15px;
}
@media screen and (min-width: 950px) {
  #section-heart ul.top li a img {
    width: 180px;
    height: 280px;
    -o-object-fit: cover;
       object-fit: cover;
    border-radius: 8px;
    margin-left: -50px;
  }
}
@media screen and (min-width: 950px) {
  #section-heart ul.top .animated-card {
    position: relative;
    left: 0;
    opacity: 0;
  }
}
#section-heart ul.top li:nth-child(1) {
  margin-bottom: 130px;
}
@media screen and (min-width: 850px) {
  #section-heart ul.top li:nth-child(1) {
    top: -63px;
  }
}
@media screen and (min-width: 1400px) {
  #section-heart ul.top li:nth-child(1) {
    top: -40px;
    left: -45px;
  }
}
#section-heart ul.top li:nth-child(1) a {
  color: #ff6b38;
  position: relative;
  left: -20%;
  top: -8px;
}
@media screen and (min-width: 500px) {
  #section-heart ul.top li:nth-child(1) a {
    left: -60px;
  }
}
@media screen and (min-width: 950px) {
  #section-heart ul.top li:nth-child(1) a {
    left: -100px;
    top: 40px;
    margin-right: -100px;
  }
}
#section-heart ul.top li:nth-child(1) a img {
  position: absolute;
  top: 20px;
  transform-origin: bottom left;
  transform: rotate(-5deg);
  width: 150px;
  height: 260px;
  margin-left: 0px;
}
@media screen and (min-width: 950px) {
  #section-heart ul.top li:nth-child(1) a img {
    position: absolute;
    top: 0px;
    width: 200px;
    height: 300px;
    margin-right: 35px;
  }
}
#section-heart ul.top li:nth-child(2) a {
  color: #0868ae;
}
#section-heart ul.top li:nth-child(3) a {
  color: #f9b017;
}
#section-heart ul.top li:nth-child(4) a {
  color: #043a61;
}
#section-heart #btn-show-heart {
  display: block;
  width: 243px;
  margin: 70px auto 0;
  text-align: center;
  padding: 12px 24px;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  background: #0868ae;
  box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
  border-radius: 8px;
  color: #fff;
  transition: all 0.3s ease;
}
#section-heart #btn-show-heart:hover {
  opacity: 0.9;
  transform: scale(1.1);
}
@media screen and (min-width: 950px) {
  #section-heart #btn-show-heart {
    width: 343px;
    margin-top: -20px;
  }
}

#section-soon-available {
  width: 100%;
  padding-top: 120px;
  padding-bottom: 120px;
}
#section-soon-available #h3-tag {
  width: -moz-fit-content;
  width: fit-content;
  font-family: "Nova Slim", sans-serif;
  margin: 20px auto 10px;
  padding: 10px;
  font-style: normal;
  font-size: 22px;
  line-height: 20px;
  text-align: center;
  color: #0868ae;
  background-color: #f9f5ff;
  border-radius: 8px;
}
#section-soon-available #container-cards {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
}
#section-soon-available #container-cards .card {
  position: relative;
  width: 100%;
  max-width: 350px;
  margin: 320px auto -50px auto;
  padding: 15px;
  min-height: 180px;
  height: -moz-fit-content;
  height: fit-content;
  border-radius: 8px;
  background-color: #fff;
  opacity: 0;
  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}
@media screen and (min-width: 500px) {
  #section-soon-available #container-cards .card {
    max-width: 450px;
    height: 230px;
    margin: 100px 10px 40px 10px;
    padding: 15px 5px 15px 200px;
    background-color: #fafafb;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    transform: translateY(100%);
  }
}
#section-soon-available #container-cards .card:hover img.pict-card-book {
  transform: translateY(-15px);
}
#section-soon-available #container-cards .card:hover {
  background-color: #fff;
}
#section-soon-available #container-cards .card.show-card-row1 {
  animation: slide-up 0.5s ease forwards;
  animation-delay: calc(0.3s * (var(--card-index) - 1));
}
#section-soon-available #container-cards .card.show-card-row2 {
  animation: slide-up 0.5s ease forwards;
  animation-delay: calc(0.3s * (var(--card-index) - 1));
}
#section-soon-available #container-cards .card.show-card-row3 {
  animation: slide-up 0.5s ease forwards;
  animation-delay: calc(0.3s * (var(--card-index) - 1));
}
#section-soon-available #container-cards .card input.heart-wishlist {
  position: absolute;
  top: 10px;
  right: 10px;
}
#section-soon-available #container-cards .card input.input-heart {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-color: transparent;
  border: none;
  cursor: pointer;
  width: 30px;
  height: 30px;
}
#section-soon-available #container-cards .card input.input-heart:hover {
  background-image: url("../img/picto/heart-rounded-full-blue.svg");
}
#section-soon-available #container-cards .card input.input-fill-blue {
  background-image: url("../img/picto/heart-rounded.svg");
}
#section-soon-available #container-cards .card input.input-heart-red {
  background-image: url("../img/picto/heart-rounded-full-red.svg");
}
#section-soon-available #container-cards img.pict-card-book {
  position: absolute;
  top: -100px;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 150px;
  height: 230px;
  -o-object-fit: cover;
     object-fit: cover;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  transition: all 0.5s ease;
}
@media screen and (min-width: 500px) {
  #section-soon-available #container-cards img.pict-card-book {
    top: -40px;
    left: 25px;
    transform: none;
  }
}
#section-soon-available #container-cards img.pict-card-book:hover {
  transform: translateY(-15px);
}
#section-soon-available #container-cards div.bottom-item-card h4#title-genre {
  font-size: 16px;
  margin: 15px 0;
  text-transform: capitalize;
}
#section-soon-available #container-cards div.bottom-item-card h3.title-card-index {
  font-family: "Nova Slim", sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  line-height: normal;
  letter-spacing: 0.04em;
  color: #0868ae;
  text-overflow: ellipsis;
  margin-bottom: 12px;
}
#section-soon-available #container-cards div.bottom-item-card h5.title-author {
  font-size: 14px;
  text-transform: capitalize;
}
#section-soon-available #container-cards div.bottom-item-card a.link-page {
  position: absolute;
  bottom: 5px;
  right: 15px;
  font-size: 16px;
  color: #0868ae;
  margin-right: 10px;
  margin-top: 20px;
}
@media screen and (min-width: 500px) {
  #section-soon-available #container-cards div.bottom-item-card a.link-page {
    position: absolute;
    right: 10px;
    bottom: 15px;
  }
}
#section-soon-available #container-cards div.bottom-item-card a.link-page:hover {
  color: #043a61;
}
#section-soon-available .card.show-card-row1 {
  animation: slide-up 1s ease;
}
#section-soon-available .card.show-card-row2 {
  animation: slide-up 1.8s ease;
}
#section-soon-available .card.show-card-row3 {
  animation: slide-up 2.6s ease;
}

#section-cta-available {
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
  padding-top: 80px;
  padding-bottom: 80px;
  box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
  background-image: radial-gradient(circle at 19% 90%, rgba(190, 190, 190, 0.04) 0%, rgba(190, 190, 190, 0.04) 17%, transparent 17%, transparent 100%), radial-gradient(circle at 73% 2%, rgba(78, 78, 78, 0.04) 0%, rgba(78, 78, 78, 0.04) 94%, transparent 94%, transparent 100%), radial-gradient(circle at 45% 2%, rgba(18, 18, 18, 0.04) 0%, rgba(18, 18, 18, 0.04) 55%, transparent 55%, transparent 100%), radial-gradient(circle at 76% 60%, rgba(110, 110, 110, 0.04) 0%, rgba(110, 110, 110, 0.04) 34%, transparent 34%, transparent 100%), radial-gradient(circle at 68% 56%, rgba(246, 246, 246, 0.04) 0%, rgba(246, 246, 246, 0.04) 16%, transparent 16%, transparent 100%), radial-gradient(circle at 71% 42%, rgba(156, 156, 156, 0.04) 0%, rgba(156, 156, 156, 0.04) 47%, transparent 47%, transparent 100%), radial-gradient(circle at 46% 82%, rgba(247, 247, 247, 0.04) 0%, rgba(247, 247, 247, 0.04) 39%, transparent 39%, transparent 100%), radial-gradient(circle at 50% 47%, rgba(209, 209, 209, 0.04) 0%, rgba(209, 209, 209, 0.04) 45%, transparent 45%, transparent 100%), linear-gradient(90deg, rgb(8, 104, 174), rgb(5, 73, 123));
  background-position: center;
  background-size: cover;
  text-align: center;
}
#section-cta-available h2.title-cta {
  width: 90%;
  margin: 0 auto;
  font-size: 25px;
  line-height: 35px;
  color: #fff;
}
@media screen and (min-width: 650px) {
  #section-cta-available h2.title-cta {
    font-size: 35px;
  }
}
@media screen and (min-width: 1270px) {
  #section-cta-available h2.title-cta {
    font-size: 50px;
  }
}
#section-cta-available p#sub-title-cta {
  text-align: center;
  margin-top: 25px;
  margin-bottom: 20px;
  font-size: 14px;
  font-weight: bold;
  color: #fff;
}
@media screen and (min-width: 650px) {
  #section-cta-available p#sub-title-cta {
    margin-top: 35px;
    margin-bottom: 25px;
    font-size: 20px;
  }
}
#section-cta-available a {
  display: block;
  margin: 0 auto;
  width: 199px;
  padding: 12px 24px;
  background-color: #ff5e38;
  color: #fff;
  border-radius: 8px;
  text-align: center;
  transition: background-color 0.3s ease;
}
#section-cta-available a:hover {
  background-color: #b53928;
}

#section-blog {
  height: -moz-fit-content;
  height: fit-content;
  padding-top: 60px;
  padding-bottom: 40px;
}
@media screen and (min-width: 1150px) {
  #section-blog {
    padding-bottom: 0px;
  }
}
#section-blog h2 {
  margin-top: -25px;
  margin-bottom: 40px;
}
#section-blog #container-section-blog {
  width: 90%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  align-items: center;
  margin: 0 auto;
}
#section-blog #container-section-blog .card-blog {
  width: 100%;
  max-width: 420px;
  height: 540px;
  background-color: #fff;
  border-radius: 8px 8px 0 0;
  overflow: hidden;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
  margin: 0 5px 40px 5px;
  transition: all 0.5s ease;
}
@media screen and (min-width: 950px) {
  #section-blog #container-section-blog .card-blog {
    width: 384px;
    height: 456px;
  }
  #section-blog #container-section-blog .card-blog:hover .bg-image {
    transform: scale(1.1);
  }
}
#section-blog #container-section-blog .card-blog div.bg-image#pict-aticle-1 {
  background-image: url(../img/photosblog/cards/pexels-tim-mossholder-4843912.jpg);
}
#section-blog #container-section-blog .card-blog .bg-image#pict-aticle-2 {
  background-image: url(../img/photosblog/cards/pexels-pixabay-52500.jpg);
}
#section-blog #container-section-blog .card-blog .bg-image#pict-aticle-3 {
  background-image: url(../img/photosblog/cards/pexels-ketut-subiyanto-4473398.jpg);
}
#section-blog #container-section-blog .card-blog .bg-image#pict-aticle-4 {
  background-image: url(../img/photosblog/cards/pexels-akil-mazumder-1072824.jpg);
}
#section-blog #container-section-blog .card-blog .bg-image#pict-aticle-5 {
  background-image: url(../img/photosblog/cards/pexels-photo-532192.jpeg);
}
#section-blog #container-section-blog .card-blog .bg-image#pict-aticle-6 {
  background-image: url(../img/photosblog/cards/pexels-brett-sayles-992734.jpg);
}
#section-blog #container-section-blog .card-blog .card-blog-top {
  height: 50%;
  max-height: 50%;
  overflow: hidden;
  position: relative;
  transition: all 0.5s ease;
  -o-object-fit: cover;
     object-fit: cover;
}
#section-blog #container-section-blog .card-blog .card-blog-top .bg-image {
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: cover;
  position: absolute;
  transition: transform 0.5s ease;
}
#section-blog #container-section-blog .card-blog .card-blog-top .article-infos {
  position: absolute;
  top: 0px;
  right: 0;
  padding: 8px 16px;
  background: #ff5e38;
  border-top: 1px solid rgba(255, 255, 255, 0.5);
  color: #fff;
  font-weight: bold;
  font-size: 14px;
  border-radius: 0 8px 0 8px;
}
#section-blog #container-section-blog .card-blog .card-blog-bottom {
  position: relative;
  height: 50%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 20px 24px;
}
#section-blog #container-section-blog .card-blog .card-blog-bottom h4 {
  font-size: 18px;
  font-family: "Nova Slim", cursive, sans-serif;
}
#section-blog #container-section-blog .card-blog .card-blog-bottom p {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  margin: 8px 0 14px;
}
#section-blog #container-section-blog .card-blog .card-blog-bottom p.date-article-blog {
  position: absolute;
  left: 20px;
  bottom: 4px;
}
#section-blog #container-section-blog .card-blog .card-blog-bottom a {
  position: absolute;
  right: 20px;
  bottom: 20px;
  color: #0868ae;
}
#section-blog #container-section-blog .card-blog .card-blog-bottom a:hover {
  color: #043a61;
}

#section-zoom {
  padding-top: 60px;
  padding-bottom: 40px;
  height: -moz-fit-content;
  height: fit-content;
}
@media screen and (min-width: 950px) {
  #section-zoom {
    padding-top: 120px;
    padding-bottom: 0;
  }
}
#section-zoom #container-section-zoom {
  padding-top: 60px;
  width: 90%;
  margin: 0 auto;
}
#section-zoom #container-section-zoom div.pict-left,
#section-zoom #container-section-zoom div.pict-right {
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
  justify-content: space-evenly;
}
#section-zoom #container-section-zoom div.pict-left h4,
#section-zoom #container-section-zoom div.pict-right h4 {
  font-size: 30px;
  color: #ff5e38;
  margin-bottom: 2px;
  font-family: "Nova Slim", sans-serif;
}
#section-zoom #container-section-zoom div.pict-left h5,
#section-zoom #container-section-zoom div.pict-right h5 {
  font-size: 18px;
  margin-bottom: 20px;
  font-style: italic;
}
#section-zoom #container-section-zoom div.pict-left p,
#section-zoom #container-section-zoom div.pict-right p {
  font-size: 16px;
  line-height: 30px;
  color: #070606;
}
@media screen and (min-width: 1150px) {
  #section-zoom #container-section-zoom div.pict-left p,
  #section-zoom #container-section-zoom div.pict-right p {
    font-size: 20px;
  }
}
#section-zoom #container-section-zoom div.pict-left p span,
#section-zoom #container-section-zoom div.pict-right p span {
  font-size: 30px;
  color: #0868ae;
}
#section-zoom #container-section-zoom div.pict-right {
  width: 100%;
}
#section-zoom #container-section-zoom div.pict-right .item-text-commun {
  padding: 20px;
}
@media screen and (min-width: 1150px) {
  #section-zoom #container-section-zoom div.pict-right .item-text-commun {
    width: 49%;
  }
}
@media screen and (min-width: 1150px) {
  #section-zoom #container-section-zoom div.pict-right .item-pict-commun {
    width: 49%;
  }
}
#section-zoom #container-section-zoom div.pict-right .item-pict-commun img {
  display: none;
  height: 80%;
  width: auto;
  float: right;
  border-radius: 8px;
}
@media screen and (min-width: 1150px) {
  #section-zoom #container-section-zoom div.pict-right .item-pict-commun img {
    display: block;
  }
}
#section-zoom #container-section-zoom div.pict-left {
  width: 100%;
}
#section-zoom #container-section-zoom div.pict-left .item-text-commun {
  padding: 20px;
}
@media screen and (min-width: 1150px) {
  #section-zoom #container-section-zoom div.pict-left .item-text-commun {
    width: 49%;
  }
}
@media screen and (min-width: 1150px) {
  #section-zoom #container-section-zoom div.pict-left .item-pict-commun {
    width: 40%;
  }
}
#section-zoom #container-section-zoom div.pict-left img {
  display: none;
  height: 80%;
  width: auto;
  float: left;
  border-radius: 8px;
}
@media screen and (min-width: 1150px) {
  #section-zoom #container-section-zoom div.pict-left img {
    display: block;
  }
}

#section-faq {
  position: relative;
  padding-top: 60px;
  padding-bottom: 40px;
  height: -moz-fit-content;
  height: fit-content;
}
@media screen and (min-width: 950px) {
  #section-faq {
    padding-top: 120px;
  }
}
#section-faq h2#section-title {
  margin-bottom: -10px;
}
#section-faq h3.h3-faq {
  text-align: center;
  margin-top: 40px;
  margin-bottom: 60px;
}
#section-faq #container-faq {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 40px;
  width: 90%;
  margin: 0 auto;
}
@media screen and (min-width: 950px) {
  #section-faq #container-faq {
    margin-top: 60px;
  }
}
#section-faq #container-faq hr {
  width: 80%;
  margin-top: 15px;
  margin-bottom: 5px;
  border: 1px solid lightgray;
}
@media screen and (min-width: 950px) {
  #section-faq #container-faq hr {
    width: 70%;
  }
}
#section-faq #container-faq .item-faq {
  position: relative;
  width: 100%;
  max-width: 900px;
  height: -moz-fit-content;
  height: fit-content;
  padding-left: 15px;
  padding-right: 30px;
  cursor: pointer;
}
#section-faq #container-faq .item-faq .toggle-symbol {
  position: absolute;
  top: 8px;
  right: 20px;
  font-size: 28px;
  font-weight: bold;
  cursor: pointer;
}
#section-faq #container-faq .item-faq .toggle-symbol:before {
  content: "+";
}
#section-faq #container-faq .item-faq p.question {
  margin: 12px 0 8px;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 5px;
  font-weight: bold;
  line-height: 24px;
  width: 95%;
}
@media screen and (min-width: 950px) {
  #section-faq #container-faq .item-faq p.question {
    font-size: 20px;
  }
}
#section-faq #container-faq .item-faq p.faq-answer {
  display: none;
  font-size: 14px;
  opacity: 0;
  transition: opacity 0.5s ease;
}
@media screen and (min-width: 950px) {
  #section-faq #container-faq .item-faq p.faq-answer {
    font-size: 18px;
  }
}
#section-faq #container-faq .item-faq.active .faq-answer {
  display: block;
  animation: fadeIn 0.3s ease;
  opacity: 1;
}
#section-faq #container-faq .item-faq.active .toggle-symbol:before {
  content: "-";
}
#section-faq #banner-faq-contact {
  width: 90%;
  height: 400px;
  margin: 80px auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-evenly;
  text-align: center;
  background-color: #0868ae;
  border-radius: 8px;
  color: #fff;
  padding: 20px;
  box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
}
#section-faq #banner-faq-contact div#pict-admin-faq img {
  width: 70px;
  height: auto;
}
#section-faq #banner-faq-contact h4 {
  font-style: normal;
  font-weight: 600;
  font-size: 25px;
  line-height: 30px;
}
@media screen and (min-width: 950px) {
  #section-faq #banner-faq-contact h4 {
    font-size: 30px;
  }
}
#section-faq #banner-faq-contact p {
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 28px;
}
@media screen and (min-width: 950px) {
  #section-faq #banner-faq-contact p {
    font-size: 22px;
  }
}
#section-faq #banner-faq-contact a {
  display: block;
  padding: 12px 32px;
  background-color: #ff5e38;
  color: #fff;
  border-radius: 8px;
  text-align: center;
  transition: background-color 0.3s ease;
}
#section-faq #banner-faq-contact a:hover {
  background-color: #b53928;
}

#section-location {
  position: relative;
  padding-bottom: 180px;
  height: -moz-fit-content;
  height: fit-content;
}
@media screen and (min-width: 950px) {
  #section-location {
    padding-top: 80px;
  }
}
#section-location div#iframe-google {
  margin-top: 30px;
  margin-bottom: 30px;
}
@media screen and (min-width: 950px) {
  #section-location div#iframe-google {
    width: -moz-fit-content;
    width: fit-content;
    margin: 30px auto;
  }
}
#section-location div#iframe-google iframe {
  width: 100%;
  max-width: 1200px;
  height: 450px;
  margin: 0 auto;
}
#section-location div#iframe-google #container-info-location {
  width: 100%;
  max-width: 1200px;
  height: -moz-fit-content;
  height: fit-content;
  padding: 30px;
  margin: -10px auto 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: baseline;
  border-radius: 0 0 8px 8px;
  background-color: #fff;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
}
@media screen and (min-width: 650px) {
  #section-location div#iframe-google #container-info-location {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
  }
}
#section-location div#iframe-google #container-info-location ul {
  margin: 20px 50px;
}
#section-location div#iframe-google #container-info-location ul li {
  font-size: 18px;
  margin: 10px 0;
}
#section-location div#iframe-google #container-info-location ul li span {
  font-weight: bold;
  color: #0868ae;
}

#footer {
  width: 100%;
  padding: 60px 20px 60px;
  background-color: #043a61;
  box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
}
#footer #container-footer-top {
  width: 80%;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media screen and (min-width: 950px) {
  #footer #container-footer-top {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-evenly;
  }
}
#footer #container-footer-top #item-footer-left {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
@media screen and (min-width: 950px) {
  #footer #container-footer-top #item-footer-left {
    justify-content: flex-start;
  }
}
#footer #container-footer-top #item-footer-left div#container-group-logo-botom {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin-left: -25px;
}
@media screen and (min-width: 950px) {
  #footer #container-footer-top #item-footer-left div#container-group-logo-botom {
    justify-content: flex-start;
  }
}
#footer #container-footer-top #item-footer-left div#container-group-logo-botom a.link-page-home {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
#footer #container-footer-top #item-footer-left div#container-group-logo-botom a.link-page-home:hover {
  cursor: pointer;
}
#footer #container-footer-top #item-footer-left div#container-group-logo-botom a.link-page-home img {
  width: 85px;
}
#footer #container-footer-top #item-footer-left div#container-group-logo-botom a.link-page-home #nav-logo-text {
  font-family: "Risque", cursive, sans-serif;
  font-size: 36px;
  color: #fff;
}
#footer #container-footer-top #item-footer-left ul {
  margin-top: 20px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
@media screen and (min-width: 950px) {
  #footer #container-footer-top #item-footer-left ul {
    margin-top: -20px;
  }
}
#footer #container-footer-top #item-footer-left ul #list-left {
  margin-right: 20px;
}
@media screen and (min-width: 950px) {
  #footer #container-footer-top #item-footer-left ul #list-left {
    display: flex;
    flex-wrap: wrap;
  }
}
@media screen and (min-width: 950px) {
  #footer #container-footer-top #item-footer-left ul #list-right {
    display: flex;
    flex-wrap: wrap;
    margin-left: -20px;
  }
}
#footer #container-footer-top #item-footer-left ul li {
  margin: 15px 0;
}
#footer #container-footer-top #item-footer-left ul li a {
  color: #fff;
}
#footer #container-footer-top #item-footer-left ul li a:hover {
  color: #b53928;
}
@media screen and (min-width: 950px) {
  #footer #container-footer-top #item-footer-left ul li a {
    margin-right: 20px;
  }
}
#footer #container-footer-top #item-footer-right {
  text-align: center;
  margin-top: 40px;
  margin-bottom: 20px;
}
#footer #container-footer-top #item-footer-right form#newsletter {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  text-align: center;
  margin-bottom: 35px;
}
@media screen and (min-width: 950px) {
  #footer #container-footer-top #item-footer-right form#newsletter {
    flex-direction: row;
  }
}
#footer #container-footer-top #item-footer-right form#newsletter input {
  width: 212px;
  height: 36px;
  margin-top: 5px;
  border-radius: 8px;
  padding-left: 10px;
}
@media screen and (min-width: 950px) {
  #footer #container-footer-top #item-footer-right form#newsletter input {
    width: 300px;
    height: 50px;
    font-size: 16px;
  }
}
#footer #container-footer-top #item-footer-right form#newsletter input#btn-submit-newsletter {
  display: block;
  margin-top: 10px;
  font-size: 16px;
  font-weight: bold;
  background-color: #ff5e38;
  color: #fff;
  border-radius: 8px;
  transition: background-color 0.3s ease;
}
@media screen and (min-width: 950px) {
  #footer #container-footer-top #item-footer-right form#newsletter input#btn-submit-newsletter {
    width: 150px;
    height: 48px;
    margin-left: 10px;
    padding-right: 10px;
  }
}
#footer #container-footer-top #item-footer-right form#newsletter input#btn-submit-newsletter:hover {
  background-color: #b53928;
  cursor: pointer;
}
#footer #container-footer-top #item-footer-right hr {
  width: 300px;
  margin: 0 auto;
}
@media screen and (min-width: 950px) {
  #footer #container-footer-bottom {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
#footer #container-footer-bottom ul {
  display: flex;
  justify-content: center;
}
#footer #container-footer-bottom ul li {
  margin: 20px 10px;
}
@media screen and (min-width: 950px) {
  #footer #container-footer-bottom ul li {
    margin: 20px;
  }
}
#footer #container-footer-bottom ul li a {
  color: #667085;
}
#footer #container-footer-bottom p {
  text-align: center;
  color: #d0d5dd;
}
@media screen and (min-width: 950px) {
  #footer #container-footer-bottom p {
    margin: 20px;
  }
}
#footer hr {
  margin-bottom: 20px;
  max-width: 1440px;
  margin: 0 auto;
}/*# sourceMappingURL=style.css.map */