@charset "UTF-8";
@font-face {
  font-family: "bertr";
  src: url(/assets/font/Block\ Berthold\ Regular.ttf);
}
@font-face {
  font-family: "berth";
  src: url(/assets/font/Block\ Berthold\ Heavy.ttf);
}
@font-face {
  font-family: "Centuryr";
  src: url(/assets/font/Century\ Gothic.ttf);
}
@font-face {
  font-family: "Centuryb";
  src: url(/assets/font/century-gothic-bold.ttf);
}
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  scroll-behavior: smooth;
}

body {
  margin: 0 auto;
  max-width: 100%;
  text-align: left;
  position: relative;
}
body #ThankYouMessage {
  display: none;
}
body li {
  list-style: none;
  font-family: Centuryr, serif;
  font-size: 20px;
  color: rgb(24, 55, 74);
}
@media screen and (max-width: 241px) {
  body li {
    font-size: 18px;
    line-height: 40px;
  }
}
@media screen and (max-width: 230px) {
  body li {
    font-size: 15px;
  }
}
@media screen and (max-width: 211px) {
  body li {
    font-size: 13px;
  }
}
body li span {
  font-family: Centuryb, sans-serif;
  font-size: 20px;
}
@media screen and (max-width: 241px) {
  body li span {
    font-size: 18px;
    line-height: 40px;
  }
}
@media screen and (max-width: 230px) {
  body li span {
    font-size: 15px;
  }
}
@media screen and (max-width: 211px) {
  body li span {
    font-size: 13px;
  }
}
body li a {
  font-size: 20px;
  text-decoration: none;
}
@media screen and (max-width: 241px) {
  body li a {
    font-size: 18px;
    line-height: 40px;
  }
}
@media screen and (max-width: 230px) {
  body li a {
    font-size: 15px;
  }
}
@media screen and (max-width: 211px) {
  body li a {
    font-size: 13px;
  }
}
@media screen and (max-width: 241px) {
  body li a span {
    font-size: 18px;
    line-height: 30px;
  }
}
@media screen and (max-width: 230px) {
  body li a span {
    font-size: 15px;
  }
}
@media screen and (max-width: 211px) {
  body li a span {
    font-size: 13px;
  }
}
body h1 {
  font-family: bertr, serif;
  text-transform: uppercase;
  letter-spacing: 5px;
  font-size: 48px;
}
body h1 span {
  font-family: berth, sans-serif;
  font-size: 48px;
}
body h2 {
  text-transform: uppercase;
  font-family: Centuryr, serif;
  font-size: 38px;
  line-height: 50px;
  padding-bottom: 30px;
  padding-top: 30px;
}
@media screen and (max-width: 918px) {
  body h2 {
    font-size: 35px;
  }
}
@media screen and (max-width: 803px) {
  body h2 {
    font-size: 32px;
  }
}
@media screen and (max-width: 735px) {
  body h2 {
    font-size: 31px;
  }
}
@media screen and (max-width: 730px) {
  body h2 {
    font-size: 30px;
  }
}
@media screen and (max-width: 688px) {
  body h2 {
    font-size: 28px;
  }
}
@media screen and (max-width: 613px) {
  body h2 {
    font-size: 26px;
    line-height: 30px;
  }
}
@media screen and (max-width: 597px) {
  body h2 {
    font-size: 25px;
  }
}
@media screen and (max-width: 573px) {
  body h2 {
    font-size: 24px;
    line-height: 60px;
  }
}
@media screen and (max-width: 551px) {
  body h2 {
    font-size: 23px;
  }
}
@media screen and (max-width: 497px) {
  body h2 {
    font-size: 22px;
    line-height: 30px;
  }
}
@media screen and (max-width: 492px) {
  body h2 {
    font-size: 22px;
    line-height: 30px;
  }
}
@media screen and (max-width: 253px) {
  body h2 {
    font-size: 21px;
  }
}
@media screen and (max-width: 211px) {
  body h2 {
    font-size: 20px;
  }
}
body h2 span {
  font-family: Centuryb, sans-serif;
  font-size: 38px;
  text-transform: uppercase;
}
@media screen and (max-width: 918px) {
  body h2 span {
    font-size: 35px;
  }
}
@media screen and (max-width: 803px) {
  body h2 span {
    font-size: 32px;
  }
}
@media screen and (max-width: 735px) {
  body h2 span {
    font-size: 31px;
  }
}
@media screen and (max-width: 730px) {
  body h2 span {
    font-size: 30px;
  }
}
@media screen and (max-width: 688px) {
  body h2 span {
    font-size: 28px;
  }
}
@media screen and (max-width: 613px) {
  body h2 span {
    font-size: 26px;
    line-height: 30px;
  }
}
@media screen and (max-width: 597px) {
  body h2 span {
    font-size: 25px;
  }
}
@media screen and (max-width: 573px) {
  body h2 span {
    font-size: 24px;
    line-height: 60px;
  }
}
@media screen and (max-width: 551px) {
  body h2 span {
    font-size: 23px;
  }
}
@media screen and (max-width: 492px) {
  body h2 span {
    font-size: 22px;
    line-height: 30px;
  }
}
@media screen and (max-width: 253px) {
  body h2 span {
    font-size: 21px;
  }
}
@media screen and (max-width: 211px) {
  body h2 span {
    font-size: 20px;
  }
}
body h3 {
  color: rgb(24, 55, 74);
  font-family: bertr, serif;
  text-transform: uppercase;
  font-size: 36px;
  letter-spacing: 5px;
  line-height: 50px;
  padding-bottom: 30px;
}
@media screen and (max-width: 918px) {
  body h3 {
    font-size: 35px;
  }
}
@media screen and (max-width: 803px) {
  body h3 {
    font-size: 32px;
  }
}
@media screen and (max-width: 735px) {
  body h3 {
    font-size: 31px;
  }
}
@media screen and (max-width: 730px) {
  body h3 {
    font-size: 30px;
  }
}
@media screen and (max-width: 688px) {
  body h3 {
    font-size: 28px;
  }
}
@media screen and (max-width: 613px) {
  body h3 {
    font-size: 26px;
    line-height: 30px;
  }
}
@media screen and (max-width: 597px) {
  body h3 {
    font-size: 25px;
  }
}
@media screen and (max-width: 573px) {
  body h3 {
    font-size: 24px;
    line-height: 40px;
  }
}
@media screen and (max-width: 551px) {
  body h3 {
    font-size: 23px;
  }
}
@media screen and (max-width: 492px) {
  body h3 {
    font-size: 22px;
    line-height: 30px;
  }
}
@media screen and (max-width: 479px) {
  body h3 {
    font-size: 20px;
  }
}
body h3 span {
  color: rgb(255, 255, 255);
  font-family: bertr, serif;
  text-transform: uppercase;
  font-size: 40px;
  line-height: 50px;
}
@media screen and (max-width: 918px) {
  body h3 span {
    font-size: 35px;
  }
}
@media screen and (max-width: 803px) {
  body h3 span {
    font-size: 32px;
  }
}
@media screen and (max-width: 735px) {
  body h3 span {
    font-size: 31px;
  }
}
@media screen and (max-width: 730px) {
  body h3 span {
    font-size: 30px;
  }
}
@media screen and (max-width: 688px) {
  body h3 span {
    font-size: 28px;
  }
}
@media screen and (max-width: 613px) {
  body h3 span {
    font-size: 26px;
    line-height: 60px;
  }
}
@media screen and (max-width: 597px) {
  body h3 span {
    font-size: 25px;
  }
}
@media screen and (max-width: 573px) {
  body h3 span {
    font-size: 24px;
  }
}
@media screen and (max-width: 551px) {
  body h3 span {
    font-size: 23px;
  }
}
@media screen and (max-width: 492px) {
  body h3 span {
    font-size: 22px;
    line-height: 30px;
  }
}
@media screen and (max-width: 479px) {
  body h3 span {
    font-size: 20px;
  }
}
body h4 {
  text-transform: uppercase;
  font-size: 20px;
  font-family: Centuryr, serif;
}
@media screen and (max-width: 371px) {
  body h4 {
    font-size: 18px;
    line-height: 20px;
  }
}
@media screen and (max-width: 314px) {
  body h4 {
    font-size: 17px;
  }
}
@media screen and (max-width: 290px) {
  body h4 {
    font-size: 16px;
    line-height: 20px;
  }
}
@media screen and (max-width: 241px) {
  body h4 {
    font-size: 14px;
    line-height: 20px;
  }
}
body h4 span {
  font-family: Centuryb, sans-serif;
  font-size: 28px;
  text-transform: uppercase;
}
@media screen and (max-width: 371px) {
  body h4 span {
    font-size: 18px;
    line-height: 20px;
  }
}
@media screen and (max-width: 314px) {
  body h4 span {
    font-size: 17px;
    line-height: 20px;
  }
}
@media screen and (max-width: 290px) {
  body h4 span {
    font-size: 16px;
    line-height: 20px;
  }
}
@media screen and (max-width: 241px) {
  body h4 span {
    font-size: 14px;
    line-height: 20px;
  }
}
body p {
  font-size: 20px;
  font-family: Centuryr, serif;
}
@media screen and (max-width: 241px) {
  body p {
    font-size: 18px;
    line-height: 40px;
  }
}
@media screen and (max-width: 230px) {
  body p {
    font-size: 15px;
  }
}
@media screen and (max-width: 211px) {
  body p {
    font-size: 13px;
  }
}
body p span {
  font-family: Centuryb, sans-serif;
  font-size: 20px;
}
@media screen and (max-width: 241px) {
  body p span {
    font-size: 18px;
    line-height: 40px;
  }
}
@media screen and (max-width: 230px) {
  body p span {
    font-size: 15px;
  }
}
@media screen and (max-width: 211px) {
  body p span {
    font-size: 13px;
  }
}
body button {
  border-radius: 10px;
  font-family: Centuryb, sans-serif;
  cursor: pointer;
  transition: 0.2s;
}
body button:hover {
  letter-spacing: 1px;
}
body a,
body a:visited {
  font-size: 20px;
  text-decoration: none;
}
@media screen and (max-width: 241px) {
  body a,
  body a:visited {
    font-size: 18px;
    line-height: 40px;
  }
}
@media screen and (max-width: 230px) {
  body a,
  body a:visited {
    font-size: 15px;
  }
}
@media screen and (max-width: 211px) {
  body a,
  body a:visited {
    font-size: 13px;
  }
}
@media screen and (max-width: 241px) {
  body a span,
  body a:visited span {
    font-size: 18px;
    line-height: 30px;
  }
}
@media screen and (max-width: 230px) {
  body a span,
  body a:visited span {
    font-size: 15px;
  }
}
@media screen and (max-width: 211px) {
  body a span,
  body a:visited span {
    font-size: 13px;
  }
}
body .cookie-consent {
  display: "";
  background: white;
  border-radius: 30px;
  position: fixed;
  bottom: 90px;
  right: 30px;
  z-index: 20;
  width: 400px;
  height: 225px;
  box-shadow: 15px 10px 20px 0px rgb(0, 0, 0);
}
@media screen and (max-width: 435px) {
  body .cookie-consent {
    height: 275px;
    width: 80%;
  }
}
@media screen and (max-width: 325px) {
  body .cookie-consent {
    height: 300px;
    width: 80%;
  }
}
@media screen and (max-width: 260px) {
  body .cookie-consent {
    height: 325px;
    width: 80%;
  }
}
@media screen and (max-width: 230px) {
  body .cookie-consent {
    height: 375px;
    width: 80%;
  }
}
@media screen and (max-width: 211px) {
  body .cookie-consent {
    height: 400px;
    width: 80%;
  }
}
body .cookie-consent .container-cookies {
  margin: 10px auto;
  display: flex;
  width: 80%;
  height: 100%;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
}
body .cookie-consent .container-cookies .title {
  margin: 10px auto;
  display: grid;
  width: 100%;
  grid-template-columns: 90% 10%;
  grid-template-areas: "tit clos";
}
@media screen and (max-width: 230px) {
  body .cookie-consent .container-cookies .title {
    grid-template-columns: 100%;
    grid-template-areas: "clos" "tit";
    row-gap: 10px;
  }
}
@media screen and (max-width: 230px) {
  body .cookie-consent .container-cookies .title {
    justify-items: center;
  }
}
body .cookie-consent .container-cookies .title h6 {
  font-family: bertr, serif;
  color: rgb(24, 55, 74);
  font-size: 18px;
  grid-area: tit;
  text-align: left;
}
body .cookie-consent .container-cookies .title .close-cookies {
  display: flex;
  justify-content: center;
  text-align: center;
  grid-area: clos;
  width: 30px;
  height: 30px;
  font-family: bertr, serif;
  border-radius: 100%;
  background: rgb(24, 55, 74);
  color: rgb(255, 255, 255);
  align-items: center;
  border: none;
  cursor: pointer;
}
body .cookie-consent .container-cookies .title .close-cookies:hover {
  letter-spacing: 0.9px;
  background: none;
  color: rgb(24, 55, 74);
  border: 1px solid rgb(24, 55, 74);
}
body .cookie-consent .container-cookies p {
  color: rgb(0, 0, 0);
  font-size: 12px;
  font-family: Centuryr, serif;
  text-align: left;
  padding-top: 20px;
}
body .cookie-consent .containerbouton {
  padding-top: 30px;
  width: 100%;
  display: grid;
  grid-template-columns: 50% 50%;
  grid-template-rows: 100%;
  gap: 5px;
  -moz-column-gap: 5px;
       column-gap: 5px;
  grid-template-areas: "ref acc";
  justify-items: center;
  align-items: center;
  align-content: center;
  justify-content: center;
}
@media screen and (max-width: 435px) {
  body .cookie-consent .containerbouton {
    grid-template-columns: 100%;
    grid-template-rows: 50% 50%;
    grid-template-areas: "ref" "acc";
  }
}
body .cookie-consent .containerbouton #refuser-cookies {
  grid-area: ref;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 15px 10px;
  background: rgb(24, 55, 74);
  font-family: Centuryb, sans-serif;
  border-radius: 15px;
  width: 100%;
  font-size: 12px;
  color: rgb(255, 255, 255);
  border: none;
  cursor: pointer;
}
body .cookie-consent .containerbouton #refuser-cookies:hover {
  letter-spacing: 0.9px;
  background: none;
  color: rgb(24, 55, 74);
  border: 1px solid rgb(24, 55, 74);
}
body .cookie-consent .containerbouton #accepter-cookies {
  grid-area: acc;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 15px 10px;
  background: rgb(24, 55, 74);
  font-family: Centuryb, sans-serif;
  border-radius: 15px;
  width: 100%;
  font-size: 12px;
  color: rgb(255, 255, 255);
  border: none;
  cursor: pointer;
}
body .cookie-consent .containerbouton #accepter-cookies:hover {
  letter-spacing: 0.9px;
  background: none;
  color: rgb(24, 55, 74);
  border: 1px solid rgb(24, 55, 74);
}
body .scroll-to-top {
  position: fixed;
  bottom: 30px;
  right: 30px;
  background-color: rgb(166, 80, 153);
  color: #fff;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 24px;
  border-radius: 50%;
  cursor: pointer;
  z-index: 5;
}

header {
  background: url(/assets/img/Image_création_articles_de_blog.webp) center/cover;
  width: 100%;
  height: auto;
  min-height: 60vh;
}
header::before {
  position: absolute;
  content: "";
  min-height: 100%;
  min-width: 100%;
  bottom: 0px;
  left: 100%;
  transform: translateX(-100%);
  background: rgba(19, 18, 18, 0.904);
  z-index: -1;
}
@media screen and (max-width: 1000px) {
  header {
    background: rgb(255, 192, 0);
    min-height: 40vh;
  }
}
header nav {
  width: 80%;
  margin: 0 auto;
  padding-top: 30px;
  padding-bottom: 50px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  height: 130px;
}
@media screen and (max-width: 242px) {
  header nav {
    padding-top: 10px;
  }
}
header nav .img-logo {
  width: 250px;
  height: 200px;
  margin-bottom: 5px;
  padding-right: 80px;
}
@media screen and (max-width: 630px) {
  header nav .img-logo {
    padding-right: 5px;
  }
}
header nav .img-logo img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
header nav .bar-nav {
  display: flex;
  height: 70px;
  flex-direction: row;
  width: 75%;
  margin-left: 10px;
  align-items: center;
  justify-content: space-evenly;
  align-content: center;
  background: rgb(255, 255, 255);
  border-radius: 20px;
  font-family: Centuryb, sans-serif;
  font-size: 15px;
  text-transform: normal;
  font-weight: 700;
}
@media screen and (max-width: 1189px) {
  header nav .bar-nav {
    width: 70%;
  }
}
@media screen and (max-width: 740px) {
  header nav .bar-nav {
    display: none;
  }
}
header nav .bar-nav ul {
  width: 80%;
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  text-align: center;
}
@media screen and (max-width: 1189px) {
  header nav .bar-nav ul {
    padding-left: 5px;
  }
}
header nav .bar-nav ul:hover li:not(:hover) a {
  font-size: 15px;
  text-transform: none;
  font-family: Centuryb, sans-serif;
  font-weight: 700;
  height: 100%;
  color: rgb(24, 55, 74);
  display: flex;
  align-items: center;
}
@media screen and (max-width: 1189px) {
  header nav .bar-nav ul:hover li:not(:hover) a {
    font-size: 0.9rem;
    padding-left: 25px;
    padding-right: 25px;
  }
}
@media screen and (max-width: 1002px) {
  header nav .bar-nav ul:hover li:not(:hover) a {
    font-size: 0.9rem;
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media screen and (max-width: 830px) {
  header nav .bar-nav ul:hover li:not(:hover) a {
    font-size: 0.9rem;
    padding-left: 5px;
    padding-right: 5px;
  }
}
header nav .bar-nav ul li {
  height: 100%;
  margin: 0 auto;
  width: 80%;
  cursor: pointer;
  transition: 0.15s;
}
header nav .bar-nav ul li:first-child a {
  font-size: 15px;
  text-transform: normal;
  font-family: Centuryb, sans-serif;
  font-weight: 700;
  height: 100%;
  color: rgb(255, 192, 0);
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 1189px) {
  header nav .bar-nav ul li:first-child a {
    font-size: 0.9rem;
    padding-left: 25px;
    padding-right: 25px;
  }
}
@media screen and (max-width: 1002px) {
  header nav .bar-nav ul li:first-child a {
    font-size: 0.9rem;
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media screen and (max-width: 830px) {
  header nav .bar-nav ul li:first-child a {
    font-size: 0.9rem;
    padding-left: 5px;
    padding-right: 5px;
  }
}
header nav .bar-nav ul li a {
  font-size: 15px;
  text-transform: normal;
  font-family: Centuryb, sans-serif;
  font-weight: 700;
  height: 100%;
  color: rgb(24, 55, 74);
  display: flex;
  align-items: center;
}
@media screen and (max-width: 1189px) {
  header nav .bar-nav ul li a {
    font-size: 0.9rem;
    padding-left: 25px;
    padding-right: 25px;
  }
}
@media screen and (max-width: 1002px) {
  header nav .bar-nav ul li a {
    font-size: 0.9rem;
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media screen and (max-width: 830px) {
  header nav .bar-nav ul li a {
    font-size: 0.9rem;
    padding-left: 5px;
    padding-right: 5px;
  }
}
header nav .bar-nav ul li a:hover {
  background: none;
  color: rgb(255, 192, 0);
}
header nav .bar-nav .button {
  height: 100%;
  width: 30%;
  background: rgb(24, 55, 74);
  font-size: 15px;
  text-decoration: none;
  border-radius: 20px;
  font-family: Centuryb, sans-serif;
  font-weight: 700;
  color: rgb(255, 221, 18);
  padding: 25px 30px 2px 35px;
}
@media screen and (max-width: 1189px) {
  header nav .bar-nav .button {
    font-size: 15px;
    padding: 15px 35px 40px 35px;
    text-align: center;
  }
}
@media screen and (max-width: 1124px) {
  header nav .bar-nav .button {
    padding: 15px 30px 35px 35px;
  }
}
@media screen and (max-width: 1007px) {
  header nav .bar-nav .button {
    padding: 10px 30px 35px 35px;
  }
}
@media screen and (max-width: 844px) {
  header nav .bar-nav .button {
    padding: 15px 30px 40px 30px;
  }
}
@media screen and (max-width: 786px) {
  header nav .bar-nav .button {
    padding: 15px 15px 40px 15px;
  }
}
@media screen and (max-width: 700px) {
  header nav .bar-nav .button {
    font-size: 0.9rem;
    padding: 30px 5px 20px 5px;
  }
}
header nav .bar-nav .button:hover {
  letter-spacing: 1px;
  padding: 25px 30px 35px 20px;
  text-align: center;
}
@media screen and (max-width: 1170px) {
  header nav .bar-nav .button:hover {
    padding: 25px 5px 30px 5px;
  }
}
@media screen and (max-width: 1015px) {
  header nav .bar-nav .button:hover {
    padding: 20px 5px 30px 5px;
  }
}
header nav .bar-nav .button:hover a {
  letter-spacing: 1px;
  height: 100%;
  width: 100%;
  text-align: center;
}
header nav .dropdown {
  position: relative;
  display: inline-flex;
  display: none;
}
@media screen and (max-width: 740px) {
  header nav .dropdown {
    display: contents;
  }
  header nav .dropdown .down {
    width: 250px;
  }
}
@media screen and (max-width: 740px) and (max-width: 600px) {
  header nav .dropdown .down {
    width: 100%;
  }
}
@media screen and (max-width: 740px) and (max-width: 500px) {
  header nav .dropdown .down {
    width: 100%;
  }
}
@media screen and (max-width: 740px) {
  header nav .dropdown .down .dropbtn {
    background: rgb(24, 55, 74);
    font-size: 1.5rem;
    text-decoration: none;
    border-radius: 20px;
    font-family: Centuryb, sans-serif;
    font-weight: 700;
    color: rgb(255, 221, 18);
    padding: 20px 20px 20px 50px;
    width: 100%;
    cursor: pointer;
    transition: 2ms;
  }
}
@media screen and (max-width: 740px) and (max-width: 600px) {
  header nav .dropdown .down .dropbtn {
    width: 100%;
    padding: 30px 5px 20px 5px;
  }
}
@media screen and (max-width: 740px) and (max-width: 500px) {
  header nav .dropdown .down .dropbtn {
    width: 100%;
    padding: 30px 5px 25px 5px;
  }
}
@media screen and (max-width: 740px) {
  header nav .dropdown .down .dropbtn:hover {
    letter-spacing: 2px;
    background: rgb(255, 255, 255);
    color: rgb(24, 55, 74);
    font-size: 2rem;
    border-radius: 20px 20px 0px 0px;
  }
}
@media screen and (max-width: 740px) and (max-width: 500px) {
  header nav .dropdown .down .dropbtn:hover {
    width: 100%;
    padding: 30px 5px 25px 5px;
  }
}
@media screen and (max-width: 740px) {
  header nav .dropdown .down .dropdown-content {
    display: none;
    width: 250px;
  }
  header nav .dropdown .down .dropdown-content a {
    display: block;
    letter-spacing: 1px;
    text-align: center;
    line-height: 50px;
    color: rgb(255, 192, 0);
    width: 100%;
    height: 100%;
    cursor: pointer;
    transition: 0.2ms;
  }
  header nav .dropdown .down .dropdown-content a:hover {
    letter-spacing: 2px;
    background: rgb(255, 255, 255);
    color: rgb(24, 55, 74);
  }
  header nav .dropdown .down .dropdown-content:hover .dropdown-content {
    display: none;
    flex-direction: column;
    position: absolute;
    background: rgb(24, 55, 74);
    color: rgb(255, 221, 18);
    width: 100%;
    z-index: 1;
    border: 2px solid black;
    border-radius: 0px 0px 20px 20px;
  }
  header nav .dropdown .down .dropdown-content:hover .dropdown-content a {
    letter-spacing: 2px;
    background: rgb(255, 255, 255);
    color: rgb(24, 55, 74);
  }
  header nav .dropdown .down:hover {
    position: relative;
  }
  header nav .dropdown .down:hover .dropbtn {
    letter-spacing: 2px;
    background: rgb(255, 255, 255);
    color: rgb(24, 55, 74);
    font-size: 2rem;
    border-radius: 20px 20px 0px 0px;
  }
  header nav .dropdown .down:hover .dropdown-content {
    display: flex;
    flex-direction: column;
    position: absolute;
    right: 0px;
    background: rgb(24, 55, 74);
    color: rgb(255, 221, 18);
    width: 100%;
    z-index: 1;
    border: 2px solid black;
    border-radius: 0px 0px 20px 20px;
  }
  header nav .dropdown .down:hover .dropdown-content a {
    line-height: 30px;
  }
}
header .phrase-d-accroche {
  width: 100%;
  margin: 0 auto;
  padding-top: 40px;
  padding-bottom: 40px;
  position: relative;
  text-align: center;
  height: auto;
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
}
header .phrase-d-accroche h1 {
  background: rgba(255, 191, 0, 0.787);
  width: 80%;
  margin: 0 auto;
  color: rgb(24, 55, 74);
  text-transform: uppercase;
}
@media screen and (max-width: 508px) {
  header .phrase-d-accroche h1 {
    font-size: 44px;
  }
}
@media screen and (max-width: 442px) {
  header .phrase-d-accroche h1 {
    font-size: 40px;
  }
}
@media screen and (max-width: 381px) {
  header .phrase-d-accroche h1 {
    font-size: 38px;
  }
}
@media screen and (max-width: 360px) {
  header .phrase-d-accroche h1 {
    font-size: 36px;
  }
}
@media screen and (max-width: 340px) {
  header .phrase-d-accroche h1 {
    font-size: 34px;
  }
}
@media screen and (max-width: 331px) {
  header .phrase-d-accroche h1 {
    font-size: 32px;
  }
}
@media screen and (max-width: 299px) {
  header .phrase-d-accroche h1 {
    font-size: 26px;
  }
}
@media screen and (max-width: 250px) {
  header .phrase-d-accroche h1 {
    font-size: 24px;
    width: 90%;
  }
}
@media screen and (max-width: 201px) {
  header .phrase-d-accroche h1 {
    font-size: 22px;
    width: 90%;
  }
}

.section-1a {
  background: rgb(255, 255, 255);
  line-height: 40px;
  height: auto;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  padding-bottom: 50px;
}
.section-1a .container-article {
  width: 90%;
  margin: 0 auto;
  height: auto;
  -moz-column-gap: 10px;
       column-gap: 10px;
  justify-content: center;
  align-items: center;
  align-content: center;
}
.section-1a .container-article .container_article_chapitre_1 {
  width: 90%;
  height: auto;
  margin: 0 auto;
}
.section-1a .container-article .container_article_chapitre_1 h2 {
  width: 100%;
  margin: 0 auto;
  padding-top: 30px;
  padding-bottom: 30px;
  color: rgb(255, 192, 0);
  text-align: center;
  text-transform: normal;
}
.section-1a .container-article .container_article_chapitre_1 h3 {
  width: 100%;
  margin: 0 auto;
  padding-top: 30px;
  padding-bottom: 30px;
  color: rgb(166, 80, 153);
  text-align: left;
  text-transform: normal;
}
.section-1a .container-article .container_article_chapitre_1 .container_article_terrain_jeu_entreprises {
  display: grid;
  grid-template-columns: 50% 50%;
  grid-template-rows: auto;
  gap: 20px;
  grid-template-areas: "text1 img1";
  width: 100%;
  margin: 0 auto;
}
@media screen and (max-width: 1189px) {
  .section-1a .container-article .container_article_chapitre_1 .container_article_terrain_jeu_entreprises {
    grid-template-columns: 100%;
    grid-template-rows: auto;
    grid-template-areas: "img1" "text1";
  }
}
.section-1a .container-article .container_article_chapitre_1 .container_article_terrain_jeu_entreprises .container_img1 {
  grid-area: img1;
  width: 100%;
}
.section-1a .container-article .container_article_chapitre_1 .container_article_terrain_jeu_entreprises .container_img1 #Image_manque_de_notoriété {
  width: 100%;
  margin: 0 auto;
}
.section-1a .container-article .container_article_chapitre_1 .container_article_terrain_jeu_entreprises .container_txt1 {
  width: 100%;
  grid-area: text1;
}
.section-1a .container-article .container_article_chapitre_1 .container_article_terrain_jeu_entreprises .container_txt1 p {
  padding-top: 0px;
  padding-bottom: 0px;
  width: 100%;
  margin: 0 auto;
  text-align: left;
  text-transform: normal;
  color: rgb(24, 55, 74);
}
.section-1a .container-article .container_article_chapitre_1 .container_article_terrain_jeu_entreprises .container_txt1 p span {
  width: 100%;
  margin: 0 auto;
  text-align: left;
  color: rgb(24, 55, 74);
}
.section-1a .container-article .container_article_chapitre_1 .container_article_terrain_jeu_entreprises .container_txt1 p a {
  color: rgb(238, 115, 27);
  font-family: Centuryb, sans-serif;
}
.section-1a .container-article .container_article_chapitre_1 p {
  width: 100%;
  padding-top: 30px;
  padding-bottom: 30px;
  text-align: left;
  text-transform: normal;
  color: rgb(24, 55, 74);
}
.section-1a .container-article .container_article_chapitre_1 p span {
  width: 100%;
  padding-top: 30px;
  padding-bottom: 30px;
  text-align: left;
  color: rgb(24, 55, 74);
}
.section-1a .container-article .container_article_chapitre_1 p a {
  color: rgb(238, 115, 27);
  font-family: Centuryb, sans-serif;
}
.section-1a .container-article .container_article_chapitre_2 {
  width: 90%;
  margin: 0 auto;
  height: auto;
}
.section-1a .container-article .container_article_chapitre_2 h2 {
  width: 100%;
  margin: 0 auto;
  padding-top: 30px;
  padding-bottom: 30px;
  color: rgb(255, 192, 0);
  text-align: center;
  text-transform: normal;
}
.section-1a .container-article .container_article_chapitre_2 h3 {
  width: 100%;
  margin: 0 auto;
  padding-top: 30px;
  padding-bottom: 30px;
  color: rgb(166, 80, 153);
  text-align: left;
  text-transform: normal;
}
.section-1a .container-article .container_article_chapitre_2 .container_article_def_visibilite_en_ligne {
  display: grid;
  grid-template-columns: 50% 50%;
  grid-template-areas: "text2 img2";
  width: 100%;
  margin: 0 auto;
}
@media screen and (max-width: 1189px) {
  .section-1a .container-article .container_article_chapitre_2 .container_article_def_visibilite_en_ligne {
    grid-template-columns: 100%;
    grid-template-rows: auto;
    grid-template-areas: "text2" "img2";
  }
}
.section-1a .container-article .container_article_chapitre_2 .container_article_def_visibilite_en_ligne .container_txt {
  width: 100%;
  grid-area: text2;
}
.section-1a .container-article .container_article_chapitre_2 .container_article_def_visibilite_en_ligne .container_txt p {
  width: 100%;
  margin: 0 auto;
  padding-top: 10px;
  padding-bottom: 0px;
  text-align: left;
  text-transform: normal;
  color: rgb(24, 55, 74);
}
.section-1a .container-article .container_article_chapitre_2 .container_article_def_visibilite_en_ligne .container_txt p span {
  width: 100%;
  margin: 0 auto;
  padding-top: 30px;
  padding-bottom: 30px;
  text-align: left;
  color: rgb(24, 55, 74);
}
.section-1a .container-article .container_article_chapitre_2 .container_article_def_visibilite_en_ligne .container_txt p a {
  color: rgb(238, 115, 27);
  font-family: Centuryb, sans-serif;
}
.section-1a .container-article .container_article_chapitre_2 .container_article_def_visibilite_en_ligne .container_img {
  grid-area: img2;
}
.section-1a .container-article .container_article_chapitre_2 .container_article_def_visibilite_en_ligne .container_img #Image_chercher_un_blog_populaire_correspondant_à_son_activité {
  width: 100%;
  height: auto;
  margin: 0 auto;
  padding-top: 0px;
  padding-bottom: 0px;
}
.section-1a .container-article .container_article_chapitre_2 p {
  width: 100%;
  padding-top: 30px;
  padding-bottom: 30px;
  text-align: left;
  text-transform: normal;
  color: rgb(24, 55, 74);
}
.section-1a .container-article .container_article_chapitre_2 p span {
  width: 100%;
  padding-top: 30px;
  padding-bottom: 30px;
  text-align: left;
  color: rgb(24, 55, 74);
}
.section-1a .container-article .container_article_chapitre_2 p a {
  color: rgb(238, 115, 27);
  font-family: Centuryb, sans-serif;
}
.section-1a .container-article .container_article_chapitre_3 {
  width: 90%;
  margin: 0 auto;
  height: auto;
}
.section-1a .container-article .container_article_chapitre_3 h2 {
  width: 100%;
  margin: 0 auto;
  padding-top: 30px;
  padding-bottom: 30px;
  color: rgb(255, 192, 0);
  text-align: center;
  text-transform: normal;
}
.section-1a .container-article .container_article_chapitre_3 h3 {
  width: 100%;
  margin: 0 auto;
  padding-top: 30px;
  padding-bottom: 30px;
  color: rgb(166, 80, 153);
  text-align: left;
  text-transform: normal;
}
.section-1a .container-article .container_article_chapitre_3 a {
  color: rgb(238, 115, 27);
  font-family: Centuryb, sans-serif;
}
.section-1a .container-article .container_article_chapitre_3 .container_article_redaction_de_l_article_invite {
  display: grid;
  grid-template-columns: 50% 50%;
  grid-template-areas: "text3 img3";
  width: 100%;
  margin: 0 auto;
}
@media screen and (max-width: 1189px) {
  .section-1a .container-article .container_article_chapitre_3 .container_article_redaction_de_l_article_invite {
    grid-template-columns: 100%;
    grid-template-rows: auto;
    grid-template-areas: "text3" "img3";
  }
}
.section-1a .container-article .container_article_chapitre_3 .container_article_redaction_de_l_article_invite .container_txt3 {
  width: 100%;
  grid-area: text3;
}
.section-1a .container-article .container_article_chapitre_3 .container_article_redaction_de_l_article_invite .container_txt3 p {
  width: 100%;
  margin: 0 auto;
  padding-top: 10px;
  padding-bottom: 0px;
  text-align: left;
  text-transform: normal;
  color: rgb(24, 55, 74);
}
.section-1a .container-article .container_article_chapitre_3 .container_article_redaction_de_l_article_invite .container_txt3 p span {
  width: 100%;
  margin: 0 auto;
  padding-top: 30px;
  padding-bottom: 30px;
  text-align: left;
  color: rgb(24, 55, 74);
}
.section-1a .container-article .container_article_chapitre_3 .container_article_redaction_de_l_article_invite .container_txt3 p a {
  color: rgb(238, 115, 27);
  font-family: Centuryb, sans-serif;
}
.section-1a .container-article .container_article_chapitre_3 .container_article_redaction_de_l_article_invite .container_img3 {
  grid-area: img3;
}
@media screen and (max-width: 1189px) {
  .section-1a .container-article .container_article_chapitre_3 .container_article_redaction_de_l_article_invite .container_img3 {
    padding-top: 10px;
  }
}
.section-1a .container-article .container_article_chapitre_3 .container_article_redaction_de_l_article_invite .container_img3 #Image_redaction_de_l_article_invite {
  width: 100%;
  height: auto;
  margin: 0 auto;
  padding-top: 0px;
  padding-bottom: 0px;
}
.section-1a .container-article .container_article_chapitre_3 p {
  width: 100%;
  padding-top: 30px;
  padding-bottom: 30px;
  text-align: left;
  text-transform: normal;
  color: rgb(24, 55, 74);
}
.section-1a .container-article .container_article_chapitre_3 p span {
  width: 100%;
  padding-top: 30px;
  padding-bottom: 30px;
  text-align: left;
  color: rgb(24, 55, 74);
}
.section-1a .container-article .container_article_chapitre_3 p a {
  color: rgb(238, 115, 27);
  font-family: Centuryb, sans-serif;
}
.section-1a .container-article .container_article_chapitre_4 {
  width: 90%;
  margin: 0 auto;
  height: auto;
}
.section-1a .container-article .container_article_chapitre_4 h2 {
  width: 100%;
  margin: 0 auto;
  padding-top: 30px;
  padding-bottom: 30px;
  color: rgb(255, 192, 0);
  text-align: center;
  text-transform: normal;
}
.section-1a .container-article .container_article_chapitre_4 h3 {
  width: 100%;
  margin: 0 auto;
  padding-top: 30px;
  padding-bottom: 30px;
  color: rgb(166, 80, 153);
  text-align: left;
  text-transform: normal;
}
.section-1a .container-article .container_article_chapitre_4 .container_article_contacter_le_proprietaire_du_blog {
  display: grid;
  grid-template-columns: 50% 50%;
  grid-template-areas: "text4 img4";
  width: 100%;
  margin: 0 auto;
}
@media screen and (max-width: 1189px) {
  .section-1a .container-article .container_article_chapitre_4 .container_article_contacter_le_proprietaire_du_blog {
    grid-template-columns: 100%;
    grid-template-rows: auto;
    grid-template-areas: "text4" "img4";
  }
}
.section-1a .container-article .container_article_chapitre_4 .container_article_contacter_le_proprietaire_du_blog .container_txt4 {
  width: 100%;
  grid-area: text4;
}
.section-1a .container-article .container_article_chapitre_4 .container_article_contacter_le_proprietaire_du_blog .container_txt4 p {
  width: 100%;
  margin: 0 auto;
  padding-top: 10px;
  padding-bottom: 0px;
  text-align: left;
  text-transform: normal;
  color: rgb(24, 55, 74);
}
.section-1a .container-article .container_article_chapitre_4 .container_article_contacter_le_proprietaire_du_blog .container_txt4 p span {
  width: 100%;
  margin: 0 auto;
  padding-top: 30px;
  padding-bottom: 30px;
  text-align: left;
  color: rgb(24, 55, 74);
}
.section-1a .container-article .container_article_chapitre_4 .container_article_contacter_le_proprietaire_du_blog .container_txt4 p a {
  color: rgb(238, 115, 27);
  font-family: Centuryb, sans-serif;
}
.section-1a .container-article .container_article_chapitre_4 .container_article_contacter_le_proprietaire_du_blog .container_img4 {
  grid-area: img4;
}
@media screen and (max-width: 1189px) {
  .section-1a .container-article .container_article_chapitre_4 .container_article_contacter_le_proprietaire_du_blog .container_img4 {
    padding-top: 10px;
  }
}
.section-1a .container-article .container_article_chapitre_4 .container_article_contacter_le_proprietaire_du_blog .container_img4 #Image_contacter_le_proprietaire_du_blog {
  width: 100%;
  height: auto;
  margin: 0 auto;
  padding-top: 0px;
  padding-bottom: 0px;
}
.section-1a .container-article .container_article_chapitre_4 p {
  width: 100%;
  padding-top: 30px;
  padding-bottom: 30px;
  text-align: left;
  text-transform: normal;
  color: rgb(24, 55, 74);
}
.section-1a .container-article .container_article_chapitre_4 p span {
  width: 100%;
  padding-top: 30px;
  padding-bottom: 30px;
  text-align: left;
  color: rgb(24, 55, 74);
}
.section-1a .container-article .container_article_chapitre_4 p a {
  color: rgb(238, 115, 27);
  font-family: Centuryb, sans-serif;
}
.section-1a .container-article .container_article_chapitre_conclusion {
  width: 90%;
  margin: 0 auto;
  height: auto;
}
.section-1a .container-article .container_article_chapitre_conclusion h2 {
  width: 100%;
  margin: 0 auto;
  padding-top: 30px;
  padding-bottom: 30px;
  color: rgb(255, 192, 0);
  text-align: center;
  text-transform: normal;
}
.section-1a .container-article .container_article_chapitre_conclusion h3 {
  width: 100%;
  margin: 0 auto;
  padding-top: 30px;
  padding-bottom: 30px;
  color: rgb(166, 80, 153);
  text-align: left;
  text-transform: normal;
}
.section-1a .container-article .container_article_chapitre_conclusion .container_article_conclusion {
  display: grid;
  grid-template-columns: 100%;
  grid-template-areas: "text5";
  width: 100%;
  margin: 0 auto;
}
.section-1a .container-article .container_article_chapitre_conclusion .container_article_conclusion .container_txt5 {
  padding-bottom: 10px;
  width: 100%;
  grid-area: text5;
}
.section-1a .container-article .container_article_chapitre_conclusion .container_article_conclusion .container_txt5 p {
  width: 100%;
  margin: 0 auto;
  padding-top: 10px;
  padding-bottom: 0px;
  text-align: left;
  text-transform: normal;
  color: rgb(24, 55, 74);
}
.section-1a .container-article .container_article_chapitre_conclusion .container_article_conclusion .container_txt5 p span {
  width: 100%;
  margin: 0 auto;
  padding-top: 30px;
  padding-bottom: 30px;
  text-align: left;
  color: rgb(24, 55, 74);
}
.section-1a .container-article .container_article_chapitre_conclusion .container_article_conclusion .container_txt5 p a {
  color: rgb(238, 115, 27);
  font-family: Centuryb, sans-serif;
}
.section-1a .container-article .container_article_chapitre_conclusion .container_article_conclusion #open-popup-newsletters2 {
  width: 300px;
  margin-top: 0 auto;
  padding: 15px 17px;
  background: rgb(24, 55, 74);
  font-size: 20px;
  font-family: Centuryb, sans-serif;
  color: rgb(255, 255, 255);
  align-self: center;
  border-radius: 10px;
  line-height: 25px;
  text-align: center;
  cursor: pointer;
  transition: 0.2s;
}
@media screen and (max-width: 299px) {
  .section-1a .container-article .container_article_chapitre_conclusion .container_article_conclusion #open-popup-newsletters2 {
    width: 200px;
  }
}
@media screen and (max-width: 213px) {
  .section-1a .container-article .container_article_chapitre_conclusion .container_article_conclusion #open-popup-newsletters2 {
    width: 175px;
  }
}
.section-1a .container-article .container_article_chapitre_conclusion .container_article_conclusion #open-popup-newsletters2:hover {
  letter-spacing: 0.5px;
}
@media screen and (max-width: 299px) {
  .section-1a .container-article .container_article_chapitre_conclusion .container_article_conclusion #open-popup-newsletters2:hover {
    letter-spacing: 0.5px;
    line-height: 25px;
    text-align: center;
  }
}
@media screen and (max-width: 276px) {
  .section-1a .container-article .container_article_chapitre_conclusion .container_article_conclusion #open-popup-newsletters2 {
    font-size: 20px;
  }
}
@media screen and (max-width: 253px) {
  .section-1a .container-article .container_article_chapitre_conclusion .container_article_conclusion #open-popup-newsletters2 {
    font-size: 18px;
  }
}
@media screen and (max-width: 213px) {
  .section-1a .container-article .container_article_chapitre_conclusion .container_article_conclusion #open-popup-newsletters2 {
    font-size: 15px;
  }
}
@media screen and (max-width: 205px) {
  .section-1a .container-article .container_article_chapitre_conclusion .container_article_conclusion #open-popup-newsletters2 {
    font-size: 12px;
  }
}
.section-1a .container-article .container_article_chapitre_conclusion p {
  width: 100%;
  padding-top: 30px;
  padding-bottom: 30px;
  text-align: left;
  text-transform: normal;
  color: rgb(24, 55, 74);
}
.section-1a .container-article .container_article_chapitre_conclusion p span {
  width: 100%;
  padding-top: 30px;
  padding-bottom: 30px;
  text-align: left;
  color: rgb(24, 55, 74);
}
.section-1a .container-article .container_article_chapitre_conclusion p a {
  color: rgb(238, 115, 27);
  font-family: Centuryb, sans-serif;
}

.section-Liste-Metier {
  background: rgb(255, 192, 0);
  height: auto;
  width: 100%;
  padding-bottom: 50px;
}
.section-Liste-Metier h2 {
  width: 80%;
  margin: 0 auto;
  padding-top: 30px;
  color: rgb(24, 55, 74);
  text-align: left;
  text-transform: normal;
}
.section-Liste-Metier .container-list {
  width: 80%;
  height: auto;
  margin: 0 auto;
  align-items: center;
  justify-items: start;
}
.section-Liste-Metier .container-list .container-list-left {
  width: 100%;
  height: 100%;
  height: auto;
}
.section-Liste-Metier .container-list .container-list-left ul {
  width: 100%;
  -moz-column-count: 2;
       column-count: 2;
  -moz-column-gap: 100px;
       column-gap: 100px;
}
@media screen and (max-width: 493px) {
  .section-Liste-Metier .container-list .container-list-left ul {
    -moz-column-gap: 50px;
         column-gap: 50px;
  }
}
@media screen and (max-width: 396px) {
  .section-Liste-Metier .container-list .container-list-left ul {
    -moz-column-count: 1;
         column-count: 1;
  }
}
.section-Liste-Metier .container-list .container-list-left ul li {
  line-height: 30px;
  width: 100%;
  height: 100%;
  text-decoration: none;
  margin: 0 auto;
  padding-top: 10px;
  color: rgb(24, 55, 74);
  font-size: 20px;
  cursor: pointer;
  transition: 0.2s;
  letter-spacing: 1px;
  list-style: outside;
}
@media screen and (max-width: 659px) {
  .section-Liste-Metier .container-list .container-list-left ul li {
    grid-area: left;
    width: 100%;
  }
}
.section-Liste-Metier .container-list .container-list-left ul li a {
  color: rgb(24, 55, 74);
}
.section-Liste-Metier .container-list .container-list-left ul li a:hover {
  color: rgb(255, 255, 255);
}
.section-Liste-Metier p {
  width: 80%;
  margin: 0 auto;
  padding-top: 30px;
  font-size: 25px;
  color: rgb(24, 55, 74);
}
@media screen and (max-width: 241px) {
  .section-Liste-Metier p {
    font-size: 23px;
    line-height: 40px;
  }
}
@media screen and (max-width: 230px) {
  .section-Liste-Metier p {
    font-size: 20px;
  }
}
@media screen and (max-width: 211px) {
  .section-Liste-Metier p {
    font-size: 18px;
  }
}

.offreDM {
  position: relative;
  background: rgb(255, 192, 0);
  line-height: 40px;
  height: auto;
}
.offreDM h2 {
  width: 90%;
  margin: 0 auto;
  color: rgb(24, 55, 74);
  text-align: center;
}
.offreDM h2 span {
  color: rgb(24, 55, 74);
  text-decoration: underline;
  text-underline-offset: 8px;
}
.offreDM .container-offre {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 1fr;
  width: 90%;
  height: auto;
  margin: 0% auto;
  align-content: stretch;
  align-items: center;
  justify-content: space-between;
  padding-top: 30px;
  padding-bottom: 30px;
  justify-items: center;
  row-gap: 20px;
}
@media screen and (max-width: 1189px) {
  .offreDM .container-offre {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    padding-top: 10px;
    justify-items: center;
  }
}
@media screen and (max-width: 840px) {
  .offreDM .container-offre {
    grid-template-columns: 1fr;
    grid-template-rows: 1fr 1fr 1fr;
    padding-top: 10px;
    justify-items: center;
  }
}
@media screen and (max-width: 414px) {
  .offreDM .container-offre {
    width: auto;
    max-width: 90%;
  }
}
.offreDM .container-offre .list {
  margin-left: 10px;
  width: 350px;
  height: 100%;
}
@media screen and (max-width: 1400px) {
  .offreDM .container-offre .list {
    width: 330px;
  }
}
@media screen and (max-width: 370px) {
  .offreDM .container-offre .list {
    width: auto;
    max-width: 80%;
  }
}
@media screen and (max-width: 349px) {
  .offreDM .container-offre .list {
    padding-top: 30px;
  }
}
@media screen and (max-width: 261px) {
  .offreDM .container-offre .list {
    padding-top: 50px;
  }
}
@media screen and (max-width: 241px) {
  .offreDM .container-offre .list {
    padding-top: 30px;
  }
}
@media screen and (max-width: 221px) {
  .offreDM .container-offre .list {
    padding-top: 50px;
  }
}
.offreDM .container-offre .list .list-left {
  border: 3px solid rgb(24, 55, 74);
  background: rgb(255, 255, 255);
  padding: 10px;
  border-radius: 30px;
  height: 100%;
  position: relative;
  box-shadow: -15px 10px 0px rgb(24, 55, 74);
}
@media screen and (max-width: 414px) {
  .offreDM .container-offre .list .list-left {
    width: auto;
    max-width: 90%;
  }
}
.offreDM .container-offre .list .list-left .list-container {
  padding: 0 10px;
  height: auto;
  display: grid;
  row-gap: 10px;
  grid-template-columns: 1fr;
  grid-template-rows: auto auto 100px;
  grid-template-areas: "ti" "texte" "bu";
}
.offreDM .container-offre .list .list-left .list-container h4 {
  color: rgb(24, 55, 74);
  grid-area: ti;
  text-align: left;
  text-transform: uppercase;
}
.offreDM .container-offre .list .list-left .list-container p {
  grid-area: texte;
  padding-top: 10px;
  padding-bottom: 10px;
  color: rgb(24, 55, 74);
  text-align: left;
  line-height: 30px;
}
.offreDM .container-offre .list .list-left .list-container #open-popup-lcs {
  grid-area: bu;
  padding: 5px 20px;
  border-radius: 10px;
  background: rgb(24, 55, 74);
  border: none;
  color: rgb(255, 255, 255);
  position: absolute;
  bottom: 20px;
  font-weight: bold;
  font-size: 1.2rem;
}
@media screen and (max-width: 230px) {
  .offreDM .container-offre .list .list-left .list-container #open-popup-lcs {
    font-size: 18px;
  }
}
@media screen and (max-width: 211px) {
  .offreDM .container-offre .list .list-left .list-container #open-popup-lcs {
    font-size: 15px;
  }
}
.offreDM .container-offre .list .list-middle {
  border: 3px solid rgb(238, 115, 27);
  background: rgb(255, 255, 255);
  padding: 10px;
  border-radius: 30px;
  height: 100%;
  position: relative;
  box-shadow: -15px 10px 0px rgb(238, 115, 27);
}
@media screen and (max-width: 414px) {
  .offreDM .container-offre .list .list-middle {
    width: auto;
    max-width: 90%;
  }
}
.offreDM .container-offre .list .list-middle .list-container {
  padding: 0 10px;
  height: auto;
  display: grid;
  row-gap: 10px;
  grid-template-columns: 1fr;
  grid-template-rows: auto auto 100px;
  grid-template-areas: "ti1" "texte1" "bu1";
}
@media screen and (max-width: 414px) {
  .offreDM .container-offre .list .list-middle .list-container {
    width: auto;
    max-width: 90%;
  }
}
.offreDM .container-offre .list .list-middle .list-container h4 {
  color: rgb(238, 115, 27);
  grid-area: ti1;
  text-align: left;
  text-transform: uppercase;
}
.offreDM .container-offre .list .list-middle .list-container p {
  grid-area: texte1;
  padding-top: 10px;
  padding-bottom: 10px;
  color: rgb(24, 55, 74);
  text-align: left;
  line-height: 30px;
}
.offreDM .container-offre .list .list-middle .list-container #open-popup-ldw {
  grid-area: bu1;
  padding: 5px 20px;
  border-radius: 10px;
  background: rgb(238, 115, 27);
  border: none;
  color: rgb(255, 255, 255);
  position: absolute;
  bottom: 20px;
  font-weight: bold;
  font-size: 1.2rem;
}
@media screen and (max-width: 230px) {
  .offreDM .container-offre .list .list-middle .list-container #open-popup-ldw {
    font-size: 18px;
  }
}
@media screen and (max-width: 211px) {
  .offreDM .container-offre .list .list-middle .list-container #open-popup-ldw {
    font-size: 15px;
  }
}
.offreDM .container-offre .list .list-right {
  border: 3px solid rgb(166, 80, 153);
  background: rgb(255, 255, 255);
  padding: 10px;
  border-radius: 30px;
  height: 100%;
  position: relative;
  box-shadow: -15px 10px 0px rgb(166, 80, 153);
}
@media screen and (max-width: 414px) {
  .offreDM .container-offre .list .list-right {
    width: auto;
    max-width: 90%;
  }
}
.offreDM .container-offre .list .list-right .list-container {
  padding: 0 10px;
  height: auto;
  display: grid;
  row-gap: 10px;
  grid-template-columns: 1fr;
  grid-template-rows: auto auto 100px;
  grid-template-areas: "ti2" "texte2" "bu2";
}
@media screen and (max-width: 414px) {
  .offreDM .container-offre .list .list-right .list-container {
    width: auto;
    max-width: 90%;
  }
}
.offreDM .container-offre .list .list-right .list-container h4 {
  color: rgb(166, 80, 153);
  text-align: left;
  text-transform: uppercase;
  grid-area: ti2;
}
.offreDM .container-offre .list .list-right .list-container p {
  padding-top: 10px;
  color: rgb(24, 55, 74);
  text-align: left;
  line-height: 30px;
  grid-area: texte2;
}
.offreDM .container-offre .list .list-right .list-container #open-popup-lrn {
  grid-area: bu2;
  padding: 5px 20px;
  border-radius: 10px;
  background: rgb(166, 80, 153);
  border: none;
  color: rgb(255, 255, 255);
  position: absolute;
  bottom: 20px;
  font-weight: bold;
  font-size: 1.2rem;
}
@media screen and (max-width: 230px) {
  .offreDM .container-offre .list .list-right .list-container #open-popup-lrn {
    font-size: 18px;
  }
}
@media screen and (max-width: 211px) {
  .offreDM .container-offre .list .list-right .list-container #open-popup-lrn {
    font-size: 15px;
  }
}

.section-temoignage {
  position: relative;
  background: rgb(255, 192, 0);
  display: none;
}
.section-temoignage::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(74, 68, 68, 0.55);
  z-index: 0;
}
.section-temoignage .container {
  text-align: center;
}
.section-temoignage .container h2 {
  padding-top: 30px;
  color: rgb(255, 255, 255);
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 253px) {
  .section-temoignage .container h2 {
    font-size: 28px;
  }
}
@media screen and (max-width: 211px) {
  .section-temoignage .container h2 {
    font-size: 24px;
  }
}
.section-temoignage .container .temoignage-container {
  display: flex;
  width: 100%;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  align-content: center;
  padding-top: 20px;
  padding-bottom: 20px;
}
.section-temoignage .container .temoignage-container .temoignage {
  width: 80%;
  height: 100%;
  padding: 20px;
  background-color: none;
  border-radius: 5px;
  transition: box-shadow 0.3s ease;
  z-index: 2;
}
.section-temoignage .container .temoignage-container .temoignage .temoignage-text {
  margin-bottom: 10px;
  color: rgb(255, 255, 255);
  font-size: 20px;
  line-height: 50px;
  font-style: italic;
}
.section-temoignage .container .temoignage-container .temoignage .temoignage-text span {
  font-size: 50px;
  line-height: 50px;
}
@media screen and (max-width: 241px) {
  .section-temoignage .container .temoignage-container .temoignage .temoignage-text {
    font-size: 13px;
  }
}
.section-temoignage .container .temoignage-container .temoignage .client-info {
  padding-top: 20px;
  font-size: 20px;
  color: rgb(255, 255, 255);
}
.section-temoignage .container .temoignage-container .temoignage .client-info span {
  color: rgb(255, 192, 0);
}
.section-temoignage .container .controls {
  display: flex;
  align-content: center;
  justify-content: center;
  align-items: center;
  z-index: 2;
}
.section-temoignage .container .controls .prev-slide,
.section-temoignage .container .controls .next-slide {
  width: 70px;
  height: 70px;
  background-color: rgba(0, 0, 0, 0.5);
  color: rgb(255, 255, 255);
  display: flex;
  align-content: center;
  justify-content: center;
  align-items: center;
  text-align: center;
  line-height: 50px;
  font-size: 75px;
  cursor: pointer;
  border-radius: 50%;
  transition: background-color 0.3s ease;
}
@media screen and (max-width: 478px) {
  .section-temoignage .container .controls .prev-slide,
  .section-temoignage .container .controls .next-slide {
    width: 50px;
    height: 50px;
  }
}
@media screen and (max-width: 422px) {
  .section-temoignage .container .controls .prev-slide,
  .section-temoignage .container .controls .next-slide {
    width: 20px;
    height: 20px;
  }
}
.section-temoignage .container .controls .prev-slide:hover,
.section-temoignage .container .controls .next-slide:hover {
  background-color: rgba(0, 0, 0, 0.7);
}
.section-temoignage .container .controls .prev-slide span,
.section-temoignage .container .controls .next-slide span {
  font-size: 70px;
}
@media screen and (max-width: 478px) {
  .section-temoignage .container .controls .prev-slide span,
  .section-temoignage .container .controls .next-slide span {
    font-size: 30px;
  }
}
@media screen and (max-width: 422px) {
  .section-temoignage .container .controls .prev-slide span,
  .section-temoignage .container .controls .next-slide span {
    font-size: 20px;
  }
}

.section-partenaire {
  background: rgb(255, 192, 0);
}
@media screen and (max-width: 730px) {
  .section-partenaire {
    display: none;
  }
}
.section-partenaire .container {
  text-align: center;
}
.section-partenaire .container h2 {
  padding-top: 30px;
  color: rgb(24, 55, 74);
}
@media screen and (max-width: 253px) {
  .section-partenaire .container h2 {
    font-size: 28px;
  }
}
@media screen and (max-width: 211px) {
  .section-partenaire .container h2 {
    font-size: 24px;
  }
}
.section-partenaire .container .partenaire-container {
  display: grid;
  grid-template-columns: 10% 80% 10%;
  width: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
}
.section-partenaire .container .partenaire-container .partenaire-slide {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  overflow-y: auto;
  scroll-snap-type: y mandatory;
  align-items: center;
  align-items: center;
  align-content: center;
}
.section-partenaire .container .partenaire-container .partenaire-slide .partenaire {
  scroll-snap-align: start;
  display: flex;
  width: 100%;
  height: auto;
  align-items: center;
  justify-content: space-around;
}
.section-partenaire .container .partenaire-container .partenaire-slide .partenaire img {
  width: 200px;
  height: auto;
}
.section-partenaire .container .partenaire-container .controls {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  align-content: center;
  z-index: 2;
}
.section-partenaire .container .partenaire-container .controls .prev-slide1,
.section-partenaire .container .partenaire-container .controls .next-slide1 {
  position: absolute;
  width: 70px;
  height: 70px;
  color: rgb(24, 55, 74);
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  line-height: 50px;
  font-size: 75px;
  cursor: pointer;
  border-radius: 50%;
  transition: background-color 0.3s ease;
}
@media screen and (max-width: 478px) {
  .section-partenaire .container .partenaire-container .controls .prev-slide1,
  .section-partenaire .container .partenaire-container .controls .next-slide1 {
    width: 50px;
    height: 50px;
  }
}
@media screen and (max-width: 422px) {
  .section-partenaire .container .partenaire-container .controls .prev-slide1,
  .section-partenaire .container .partenaire-container .controls .next-slide1 {
    width: 20px;
    height: 20px;
  }
}
.section-partenaire .container .partenaire-container .controls .prev-slide1 span,
.section-partenaire .container .partenaire-container .controls .next-slide1 span {
  font-size: 70px;
}
@media screen and (max-width: 478px) {
  .section-partenaire .container .partenaire-container .controls .prev-slide1 span,
  .section-partenaire .container .partenaire-container .controls .next-slide1 span {
    font-size: 30px;
  }
}
@media screen and (max-width: 422px) {
  .section-partenaire .container .partenaire-container .controls .prev-slide1 span,
  .section-partenaire .container .partenaire-container .controls .next-slide1 span {
    font-size: 20px;
  }
}
.section-partenaire .container .partenaire-container .controls .prev-slide1 {
  left: 0;
}
.section-partenaire .container .partenaire-container .controls .next-slide1 {
  right: 0;
}

.section-partenaire1 {
  background: rgb(255, 192, 0);
  display: none;
}
@media screen and (max-width: 730px) {
  .section-partenaire1 {
    display: contents;
  }
}
.section-partenaire1 .container {
  text-align: center;
  background: rgb(255, 192, 0);
}
.section-partenaire1 .container h2 {
  padding-top: 30px;
  color: rgb(24, 55, 74);
}
@media screen and (max-width: 253px) {
  .section-partenaire1 .container h2 {
    font-size: 28px;
  }
}
@media screen and (max-width: 211px) {
  .section-partenaire1 .container h2 {
    font-size: 24px;
  }
}
.section-partenaire1 .container .partenaire-container {
  display: grid;
  grid-template-columns: 10% 80% 10%;
  width: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
}
.section-partenaire1 .container .partenaire-container .partenaire-slide {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  overflow-y: auto;
  scroll-snap-type: y mandatory;
  align-items: center;
  align-items: center;
  align-content: center;
}
.section-partenaire1 .container .partenaire-container .partenaire-slide .partenaire1,
.section-partenaire1 .container .partenaire-container .partenaire-slide .partenaire2,
.section-partenaire1 .container .partenaire-container .partenaire-slide .partenaire3,
.section-partenaire1 .container .partenaire-container .partenaire-slide .partenaire4 {
  scroll-snap-align: start;
  display: flex;
  width: 100%;
  height: auto;
  align-items: center;
  justify-content: space-around;
}
.section-partenaire1 .container .partenaire-container .partenaire-slide .partenaire1 img,
.section-partenaire1 .container .partenaire-container .partenaire-slide .partenaire2 img,
.section-partenaire1 .container .partenaire-container .partenaire-slide .partenaire3 img,
.section-partenaire1 .container .partenaire-container .partenaire-slide .partenaire4 img {
  width: 200px;
  height: auto;
}
.section-partenaire1 .container .partenaire-container .controls {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  align-content: center;
  z-index: 2;
}
.section-partenaire1 .container .partenaire-container .controls .prev-slide1,
.section-partenaire1 .container .partenaire-container .controls .next-slide1 {
  position: absolute;
  width: 70px;
  height: 70px;
  color: rgb(24, 55, 74);
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  line-height: 50px;
  font-size: 75px;
  cursor: pointer;
  border-radius: 50%;
  transition: background-color 0.3s ease;
}
@media screen and (max-width: 478px) {
  .section-partenaire1 .container .partenaire-container .controls .prev-slide1,
  .section-partenaire1 .container .partenaire-container .controls .next-slide1 {
    width: 50px;
    height: 50px;
  }
}
@media screen and (max-width: 422px) {
  .section-partenaire1 .container .partenaire-container .controls .prev-slide1,
  .section-partenaire1 .container .partenaire-container .controls .next-slide1 {
    width: 20px;
    height: 20px;
  }
}
.section-partenaire1 .container .partenaire-container .controls .prev-slide1 span,
.section-partenaire1 .container .partenaire-container .controls .next-slide1 span {
  font-size: 70px;
}
@media screen and (max-width: 478px) {
  .section-partenaire1 .container .partenaire-container .controls .prev-slide1 span,
  .section-partenaire1 .container .partenaire-container .controls .next-slide1 span {
    font-size: 30px;
  }
}
@media screen and (max-width: 422px) {
  .section-partenaire1 .container .partenaire-container .controls .prev-slide1 span,
  .section-partenaire1 .container .partenaire-container .controls .next-slide1 span {
    font-size: 20px;
  }
}
.section-partenaire1 .container .partenaire-container .controls .prev-slide1 {
  left: 0;
}
.section-partenaire1 .container .partenaire-container .controls .next-slide1 {
  right: 0;
}

.section-SEO {
  background: rgb(24, 55, 74);
  line-height: 40px;
  height: auto;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  border: 3px solid rgb(255, 192, 0);
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 1189px) {
  .section-SEO {
    justify-content: space-between;
  }
}
@media screen and (max-width: 563px) {
  .section-SEO {
    margin: 0 auto;
  }
}
.section-SEO ul {
  padding-top: 20px;
  padding-bottom: 20px;
  width: 80%;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  color: rgb(255, 255, 255);
  font-size: 20px;
  text-align: left;
  line-height: 30px;
  font-weight: bold;
  row-gap: 5px;
  height: auto;
  min-height: 100%;
}
@media screen and (max-width: 563px) {
  .section-SEO ul {
    justify-content: flex-start;
  }
}
@media screen and (max-width: 533px) {
  .section-SEO ul {
    justify-content: flex-start;
  }
}
@media screen and (max-width: 230px) {
  .section-SEO ul {
    font-size: 18px;
  }
}
@media screen and (max-width: 211px) {
  .section-SEO ul {
    font-size: 15px;
  }
}
.section-SEO ul span {
  color: rgb(255, 192, 0);
  font-family: Centuryr, serif;
}
.section-SEO ul li {
  padding-left: 2px;
}
.section-SEO ul li:hover {
  cursor: pointer;
  transition: 0.2S;
  text-decoration: underline;
  text-underline-offset: 8px;
  letter-spacing: 0.2px;
}
.section-SEO ul li a {
  color: rgb(255, 255, 255);
}

footer {
  position: relative;
  background: rgb(255, 192, 0);
  height: 335px;
  position: relative;
}
@media screen and (max-width: 1189px) {
  footer {
    height: 350px;
  }
}
@media screen and (max-width: 860px) {
  footer {
    height: 775px;
  }
}
@media screen and (max-width: 380px) {
  footer {
    height: 815px;
  }
}
@media screen and (max-width: 311px) {
  footer {
    height: 825px;
  }
}
@media screen and (max-width: 230px) {
  footer {
    height: 900px;
  }
}
footer .landingPolitiqueConfidentialite {
  position: absolute;
  top: 0px;
  display: none;
  align-items: center;
  align-content: center;
  min-width: 100%;
  min-height: 100%;
  background: rgba(255, 255, 255, 0.901);
  z-index: 2;
}
footer .landingPolitiqueConfidentialite .card {
  position: relative;
  background: rgb(255, 255, 255);
  width: 80%;
  margin: 0 auto;
  border: 3px solid rgb(24, 55, 74);
  display: flex;
  flex-direction: column;
  box-shadow: -15px 10px 0px rgb(255, 255, 255);
}
footer .landingPolitiqueConfidentialite .card #close-popup-lpc {
  position: absolute;
  color: rgb(255, 192, 0);
  font-size: 3rem;
  border: 3px solid black;
  background: rgb(24, 55, 74);
  top: 0;
  right: 0;
}
footer .landingPolitiqueConfidentialite .card h4 {
  padding-top: 10px;
  text-align: center;
  text-transform: uppercase;
  font-size: 28px;
  font-family: Centuryr, serif;
  color: rgb(255, 192, 0);
  letter-spacing: 1px;
}
@media screen and (max-width: 690px) {
  footer .landingPolitiqueConfidentialite .card h4 {
    padding-top: 70px;
  }
}
@media screen and (max-width: 525px) {
  footer .landingPolitiqueConfidentialite .card h4 {
    font-size: 20px;
  }
}
footer .landingPolitiqueConfidentialite .card p {
  padding-top: 10px;
  text-align: center;
  text-transform: normal;
  font-size: 20px;
  font-family: Centuryr, serif;
  color: rgb(24, 55, 74);
  line-height: 25px;
  padding: 20px 50px;
  font-weight: bold;
}
@media screen and (max-width: 525px) {
  footer .landingPolitiqueConfidentialite .card p {
    font-size: 18px;
  }
}
footer .landingPolitiqueConfidentialite .card p span {
  color: rgb(255, 192, 0);
  font-weight: bold;
}
footer .LandingNewsLetters {
  position: fixed;
  z-index: 2;
  width: 100%;
  height: 100%;
  background: rgb(24, 55, 74);
  top: 0px;
  margin: 0 auto;
  display: none;
  padding-top: 10px;
  padding-bottom: 10px;
}
footer .LandingNewsLetters .popupnewsletters {
  position: absolute;
  width: 80%;
  height: auto;
  top: 20px;
  left: 170px;
  background: rgb(24, 55, 74);
  margin: 0 auto;
  border: 2px solid black;
}
@media screen and (max-width: 1400px) {
  footer .LandingNewsLetters .popupnewsletters {
    top: 20px;
    position: static;
    height: auto;
  }
}
@media screen and (max-width: 1044px) {
  footer .LandingNewsLetters .popupnewsletters {
    top: 20px;
    position: static;
  }
}
@media screen and (max-width: 598px) {
  footer .LandingNewsLetters .popupnewsletters {
    height: auto;
  }
}
footer .LandingNewsLetters .popupnewsletters .container-header-popup-NL {
  display: grid;
  grid-template-columns: 80% 20%;
  grid-template-areas: "h2 clo";
}
@media screen and (max-width: 768px) {
  footer .LandingNewsLetters .popupnewsletters .container-header-popup-NL {
    grid-template-columns: 70% 30%;
  }
}
@media screen and (max-width: 713px) {
  footer .LandingNewsLetters .popupnewsletters .container-header-popup-NL {
    grid-template-columns: 75% 25%;
  }
}
@media screen and (max-width: 638px) {
  footer .LandingNewsLetters .popupnewsletters .container-header-popup-NL {
    grid-template-columns: 70% 30%;
  }
}
@media screen and (max-width: 560px) {
  footer .LandingNewsLetters .popupnewsletters .container-header-popup-NL {
    grid-template-columns: 60% 40%;
  }
}
@media screen and (max-width: 496px) {
  footer .LandingNewsLetters .popupnewsletters .container-header-popup-NL {
    grid-template-columns: 100%;
    grid-template-rows: 50px 1FR;
    grid-template-areas: "clo" "h2";
  }
}
footer .LandingNewsLetters .popupnewsletters .container-header-popup-NL #close-popup-newsletters {
  grid-area: clo;
  position: absolute;
  top: 10px;
  right: 30px;
  background: rgb(255, 192, 0);
  padding: 10px 20px;
  border-radius: 20px;
  border-radius: none;
  color: rgb(24, 55, 74);
  font-size: 1.5rem;
  font-family: Centuryb, sans-serif;
  font-weight: 700;
}
@media screen and (max-width: 1400px) {
  footer .LandingNewsLetters .popupnewsletters .container-header-popup-NL #close-popup-newsletters {
    right: 190px;
    top: 15px;
  }
}
@media screen and (max-width: 1044px) {
  footer .LandingNewsLetters .popupnewsletters .container-header-popup-NL #close-popup-newsletters {
    right: 120px;
  }
}
@media screen and (max-width: 945px) {
  footer .LandingNewsLetters .popupnewsletters .container-header-popup-NL #close-popup-newsletters {
    right: 130px;
  }
}
@media screen and (max-width: 845px) {
  footer .LandingNewsLetters .popupnewsletters .container-header-popup-NL #close-popup-newsletters {
    right: 140px;
  }
}
@media screen and (max-width: 744px) {
  footer .LandingNewsLetters .popupnewsletters .container-header-popup-NL #close-popup-newsletters {
    right: 90px;
  }
}
@media screen and (max-width: 271px) {
  footer .LandingNewsLetters .popupnewsletters .container-header-popup-NL #close-popup-newsletters {
    font-size: 14px;
    right: 30px;
  }
}
@media screen and (max-width: 211px) {
  footer .LandingNewsLetters .popupnewsletters .container-header-popup-NL #close-popup-newsletters {
    font-size: 14px;
    right: 30px;
  }
}
@media screen and (max-width: 201px) {
  footer .LandingNewsLetters .popupnewsletters .container-header-popup-NL #close-popup-newsletters {
    font-size: 14px;
    right: 30px;
  }
}
footer .LandingNewsLetters .popupnewsletters .container-header-popup-NL h2 {
  grid-area: h2;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 50px;
  text-align: center;
  text-transform: uppercase;
  font-size: 28px;
  color: rgb(255, 192, 0);
  font-family: Centuryb, sans-serif;
}
@media screen and (max-width: 1044px) {
  footer .LandingNewsLetters .popupnewsletters .container-header-popup-NL h2 {
    padding-right: 0px;
    padding-left: 0px;
  }
}
@media screen and (max-width: 554px) {
  footer .LandingNewsLetters .popupnewsletters .container-header-popup-NL h2 {
    font-size: 24px;
  }
}
@media screen and (max-width: 435px) {
  footer .LandingNewsLetters .popupnewsletters .container-header-popup-NL h2 {
    font-size: 18px;
  }
}
@media screen and (max-width: 497px) {
  footer .LandingNewsLetters .popupnewsletters .container-header-popup-NL h2 {
    line-height: 25px;
  }
}
@media screen and (max-width: 270px) {
  footer .LandingNewsLetters .popupnewsletters .container-header-popup-NL h2 {
    font-size: 14px;
  }
}
@media screen and (max-width: 201px) {
  footer .LandingNewsLetters .popupnewsletters .container-header-popup-NL h2 {
    margin: 0%;
  }
}
footer .LandingNewsLetters .popupnewsletters .popup-content-newsletters {
  background: none;
  height: auto;
  max-height: 100%;
  max-width: 90%;
  text-align: center;
  display: grid;
  grid-template-columns: 50% 50%;
  grid-template-rows: 100%;
  grid-template-areas: "form imge";
  margin: 30px auto;
  justify-items: center;
  padding-top: 30px;
  align-items: stretch;
}
@media screen and (max-width: 1400px) {
  footer .LandingNewsLetters .popupnewsletters .popup-content-newsletters {
    margin: 10px auto;
    padding-top: 5px;
  }
}
@media screen and (max-width: 1044px) {
  footer .LandingNewsLetters .popupnewsletters .popup-content-newsletters {
    margin: 30px auto;
    grid-template-columns: 55% 45%;
    grid-template-rows: 100%;
    padding-top: 0px;
    grid-template-areas: "form imge";
  }
}
@media screen and (max-width: 1000px) {
  footer .LandingNewsLetters .popupnewsletters .popup-content-newsletters {
    grid-template-columns: 100%;
    grid-template-rows: 200px 200%;
    grid-template-areas: "imge" "form";
  }
}
@media screen and (max-width: 435px) {
  footer .LandingNewsLetters .popupnewsletters .popup-content-newsletters {
    margin: 0px auto;
  }
}
@media screen and (max-width: 201px) {
  footer .LandingNewsLetters .popupnewsletters .popup-content-newsletters {
    margin: 0px auto;
  }
}
footer .LandingNewsLetters .popupnewsletters .popup-content-newsletters .container-left-popup-newsletters {
  padding-right: 15px;
}
@media screen and (max-width: 1000px) {
  footer .LandingNewsLetters .popupnewsletters .popup-content-newsletters .container-left-popup-newsletters {
    padding-right: 0px;
  }
}
footer .LandingNewsLetters .popupnewsletters .popup-content-newsletters .container-left-popup-newsletters h3 {
  text-align: left;
  text-transform: uppercase;
  padding-bottom: 0px;
  font-size: 24px;
  color: rgb(255, 192, 0);
  font-family: Centuryb, sans-serif;
}
@media screen and (max-width: 554px) {
  footer .LandingNewsLetters .popupnewsletters .popup-content-newsletters .container-left-popup-newsletters h3 {
    font-size: 20px;
  }
}
@media screen and (max-width: 435px) {
  footer .LandingNewsLetters .popupnewsletters .popup-content-newsletters .container-left-popup-newsletters h3 {
    font-size: 14px;
    padding-top: 10px;
  }
}
@media screen and (max-width: 270px) {
  footer .LandingNewsLetters .popupnewsletters .popup-content-newsletters .container-left-popup-newsletters h3 {
    font-size: 10px;
    padding-top: 15px;
  }
}
@media screen and (max-width: 240px) {
  footer .LandingNewsLetters .popupnewsletters .popup-content-newsletters .container-left-popup-newsletters h3 {
    width: 150px;
  }
}
@media screen and (max-width: 201px) {
  footer .LandingNewsLetters .popupnewsletters .popup-content-newsletters .container-left-popup-newsletters h3 {
    width: 150px;
    text-align: center;
  }
}
footer .LandingNewsLetters .popupnewsletters .popup-content-newsletters .container-left-popup-newsletters form {
  padding-top: 20px;
  padding-bottom: 20px;
  grid-area: form;
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: 50px 50px 50px auto;
  gap: 10px;
  grid-template-areas: "nom" "prenom" "email" "case";
  justify-items: stretch;
  align-items: left;
}
@media screen and (max-width: 1400px) {
  footer .LandingNewsLetters .popupnewsletters .popup-content-newsletters .container-left-popup-newsletters form {
    grid-template-rows: 50px 50px 50px auto;
    gap: 5px;
  }
}
@media screen and (max-width: 270px) {
  footer .LandingNewsLetters .popupnewsletters .popup-content-newsletters .container-left-popup-newsletters form {
    padding-left: 5px;
    grid-template-rows: 50px 50px 50px;
    gap: 10px;
  }
}
@media screen and (max-width: 240px) {
  footer .LandingNewsLetters .popupnewsletters .popup-content-newsletters .container-left-popup-newsletters form {
    width: 150px;
  }
}
@media screen and (max-width: 201px) {
  footer .LandingNewsLetters .popupnewsletters .popup-content-newsletters .container-left-popup-newsletters form {
    width: 90px;
    justify-items: start;
    grid-template-columns: 100%;
    justify-content: space-around;
    align-items: stretch;
    width: 100%;
  }
}
footer .LandingNewsLetters .popupnewsletters .popup-content-newsletters .container-left-popup-newsletters form input {
  color: rgb(24, 55, 74);
}
footer .LandingNewsLetters .popupnewsletters .popup-content-newsletters .container-left-popup-newsletters form #NameInputNL {
  grid-area: nom;
  border-radius: 5px;
  border: none;
  font-size: 20px;
  font-family: Centuryr, serif;
  height: 100%;
}
@media screen and (max-width: 435px) {
  footer .LandingNewsLetters .popupnewsletters .popup-content-newsletters .container-left-popup-newsletters form #NameInputNL {
    font-size: 14px;
  }
}
@media screen and (max-width: 270px) {
  footer .LandingNewsLetters .popupnewsletters .popup-content-newsletters .container-left-popup-newsletters form #NameInputNL {
    width: 180px;
  }
}
@media screen and (max-width: 245px) {
  footer .LandingNewsLetters .popupnewsletters .popup-content-newsletters .container-left-popup-newsletters form #NameInputNL {
    width: 150px;
  }
}
@media screen and (max-width: 221px) {
  footer .LandingNewsLetters .popupnewsletters .popup-content-newsletters .container-left-popup-newsletters form #NameInputNL {
    width: 130px;
  }
}
footer .LandingNewsLetters .popupnewsletters .popup-content-newsletters .container-left-popup-newsletters form #FirstNameInputNL {
  grid-area: prenom;
  border-radius: 5px;
  border: none;
  font-size: 20px;
  font-family: Centuryr, serif;
  height: 100%;
}
@media screen and (max-width: 435px) {
  footer .LandingNewsLetters .popupnewsletters .popup-content-newsletters .container-left-popup-newsletters form #FirstNameInputNL {
    font-size: 14px;
  }
}
@media screen and (max-width: 270px) {
  footer .LandingNewsLetters .popupnewsletters .popup-content-newsletters .container-left-popup-newsletters form #FirstNameInputNL {
    width: 180px;
  }
}
@media screen and (max-width: 245px) {
  footer .LandingNewsLetters .popupnewsletters .popup-content-newsletters .container-left-popup-newsletters form #FirstNameInputNL {
    width: 150px;
  }
}
@media screen and (max-width: 221px) {
  footer .LandingNewsLetters .popupnewsletters .popup-content-newsletters .container-left-popup-newsletters form #FirstNameInputNL {
    width: 130px;
  }
}
footer .LandingNewsLetters .popupnewsletters .popup-content-newsletters .container-left-popup-newsletters form #emailInputNL {
  grid-area: email;
  border-radius: 5px;
  border: none;
  font-size: 20px;
  font-family: Centuryr, serif;
  height: 100%;
}
@media screen and (max-width: 435px) {
  footer .LandingNewsLetters .popupnewsletters .popup-content-newsletters .container-left-popup-newsletters form #emailInputNL {
    font-size: 14px;
  }
}
@media screen and (max-width: 270px) {
  footer .LandingNewsLetters .popupnewsletters .popup-content-newsletters .container-left-popup-newsletters form #emailInputNL {
    width: 180px;
  }
}
@media screen and (max-width: 245px) {
  footer .LandingNewsLetters .popupnewsletters .popup-content-newsletters .container-left-popup-newsletters form #emailInputNL {
    width: 150px;
  }
}
@media screen and (max-width: 221px) {
  footer .LandingNewsLetters .popupnewsletters .popup-content-newsletters .container-left-popup-newsletters form #emailInputNL {
    width: 130px;
  }
}
footer .LandingNewsLetters .popupnewsletters .popup-content-newsletters .container-left-popup-newsletters form .box {
  padding-top: 10px;
  grid-area: case;
  text-align: left;
}
@media screen and (max-width: 1400px) {
  footer .LandingNewsLetters .popupnewsletters .popup-content-newsletters .container-left-popup-newsletters form .box {
    padding-top: 0px;
  }
}
footer .LandingNewsLetters .popupnewsletters .popup-content-newsletters .container-left-popup-newsletters form .box #OptionNL {
  width: 10px;
}
footer .LandingNewsLetters .popupnewsletters .popup-content-newsletters .container-left-popup-newsletters form .box label {
  text-align: left;
  font-size: 18px;
  line-height: 30px;
  font-family: Centuryr, serif;
  color: rgb(255, 255, 255);
}
@media screen and (max-width: 435px) {
  footer .LandingNewsLetters .popupnewsletters .popup-content-newsletters .container-left-popup-newsletters form .box label {
    font-size: 14px;
  }
}
@media screen and (max-width: 271px) {
  footer .LandingNewsLetters .popupnewsletters .popup-content-newsletters .container-left-popup-newsletters form .box label {
    font-size: 14px;
    line-height: 20px;
  }
}
@media screen and (max-width: 201px) {
  footer .LandingNewsLetters .popupnewsletters .popup-content-newsletters .container-left-popup-newsletters form .box label {
    font-size: 10px;
    line-height: 20px;
  }
}
footer .LandingNewsLetters .popupnewsletters .popup-content-newsletters .container-left-popup-newsletters form .box label span {
  color: rgb(255, 192, 0);
}
footer .LandingNewsLetters .popupnewsletters .popup-content-newsletters .container-left-popup-newsletters form #ThankYouMessage {
  text-align: left;
  padding-top: 5px;
  font-size: 15px;
  line-height: 30px;
  font-family: Centuryr, serif;
  color: rgb(255, 221, 18);
}
@media screen and (max-width: 435px) {
  footer .LandingNewsLetters .popupnewsletters .popup-content-newsletters .container-left-popup-newsletters form #ThankYouMessage {
    font-size: 14px;
  }
}
@media screen and (max-width: 271px) {
  footer .LandingNewsLetters .popupnewsletters .popup-content-newsletters .container-left-popup-newsletters form #ThankYouMessage {
    font-size: 14px;
    width: 100%;
    padding-left: 5px;
    padding-top: 5px;
    margin-right: 0px;
    line-height: 20px;
  }
}
@media screen and (max-width: 201px) {
  footer .LandingNewsLetters .popupnewsletters .popup-content-newsletters .container-left-popup-newsletters form #ThankYouMessage {
    font-size: 10px;
    width: 150px;
    padding-left: 5px;
    padding-top: 5px;
    margin: 0px;
    line-height: 20px;
  }
}
footer .LandingNewsLetters .popupnewsletters .popup-content-newsletters .container-left-popup-newsletters form input {
  font-size: 20px;
}
footer .LandingNewsLetters .popupnewsletters .popup-content-newsletters .container-left-popup-newsletters form input::-moz-placeholder {
  color: rgb(24, 55, 74);
  background: rgb(126, 150, 164);
  border: none;
  padding-top: 100%;
  padding-bottom: 100%;
  padding-left: 10px;
  font-size: 20px;
}
footer .LandingNewsLetters .popupnewsletters .popup-content-newsletters .container-left-popup-newsletters form input::placeholder {
  color: rgb(24, 55, 74);
  background: rgb(126, 150, 164);
  border: none;
  padding-top: 100%;
  padding-bottom: 100%;
  padding-left: 10px;
  font-size: 20px;
}
footer .LandingNewsLetters .popupnewsletters .popup-content-newsletters .container-left-popup-newsletters form label[for=NameInputNL] {
  display: none;
}
footer .LandingNewsLetters .popupnewsletters .popup-content-newsletters .container-left-popup-newsletters form label[for=FirstNameInputNL] {
  display: none;
}
footer .LandingNewsLetters .popupnewsletters .popup-content-newsletters .container-left-popup-newsletters form label[for=EmailInputNL] {
  display: none;
}
footer .LandingNewsLetters .popupnewsletters .popup-content-newsletters .container-left-popup-newsletters p {
  text-align: left;
  padding-top: 20px;
  font-size: 1.2rem;
  line-height: 30px;
  font-family: Centuryr, serif;
  color: rgb(255, 255, 255);
}
@media screen and (max-width: 1400px) {
  footer .LandingNewsLetters .popupnewsletters .popup-content-newsletters .container-left-popup-newsletters p {
    padding-top: 0px;
  }
}
@media screen and (max-width: 435px) {
  footer .LandingNewsLetters .popupnewsletters .popup-content-newsletters .container-left-popup-newsletters p {
    font-size: 14px;
  }
}
@media screen and (max-width: 271px) {
  footer .LandingNewsLetters .popupnewsletters .popup-content-newsletters .container-left-popup-newsletters p {
    font-size: 14px;
    width: 100%;
    padding-left: 5px;
    padding-top: 15px;
    margin-right: 0px;
    line-height: 20px;
  }
}
@media screen and (max-width: 201px) {
  footer .LandingNewsLetters .popupnewsletters .popup-content-newsletters .container-left-popup-newsletters p {
    font-size: 10px;
    width: 150px;
    padding-left: 5px;
    padding-top: 5px;
    margin: 0px;
    line-height: 20px;
  }
}
footer .LandingNewsLetters .popupnewsletters .popup-content-newsletters .container-left-popup-newsletters #btn10 {
  padding: 15px 17px;
  background: rgb(255, 192, 0);
  font-size: 1.5rem;
  font-family: Centuryb, sans-serif;
  color: rgb(24, 55, 74);
  align-self: center;
  margin-top: 20px;
  border-radius: 20px;
  cursor: pointer;
  transition: 2ms;
}
@media screen and (max-width: 435px) {
  footer .LandingNewsLetters .popupnewsletters .popup-content-newsletters .container-left-popup-newsletters #btn10 {
    font-size: 14px;
  }
}
@media screen and (max-width: 270px) {
  footer .LandingNewsLetters .popupnewsletters .popup-content-newsletters .container-left-popup-newsletters #btn10 {
    width: 180px;
    padding: 15px 10px;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
  }
}
@media screen and (max-width: 241px) {
  footer .LandingNewsLetters .popupnewsletters .popup-content-newsletters .container-left-popup-newsletters #btn10 {
    width: 150px;
  }
}
@media screen and (max-width: 230px) {
  footer .LandingNewsLetters .popupnewsletters .popup-content-newsletters .container-left-popup-newsletters #btn10 {
    font-size: 18px;
  }
}
@media screen and (max-width: 211px) {
  footer .LandingNewsLetters .popupnewsletters .popup-content-newsletters .container-left-popup-newsletters #btn10 {
    font-size: 15px;
    width: 130px;
  }
}
@media screen and (max-width: 201px) {
  footer .LandingNewsLetters .popupnewsletters .popup-content-newsletters .container-left-popup-newsletters #btn10 {
    font-size: 15px;
    width: 130px;
    padding: 15px 10px;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
  }
}
footer .LandingNewsLetters .popupnewsletters .popup-content-newsletters .container-left-popup-newsletters #btn10:hover {
  letter-spacing: 1px;
}
footer .LandingNewsLetters .popupnewsletters .popup-content-newsletters .img-popup-newsletters {
  grid-area: imge;
  background: url(/assets/img/Freelance.webp) center/cover;
  padding: 5px;
  width: 425px;
  height: auto;
}
@media screen and (max-width: 1400px) {
  footer .LandingNewsLetters .popupnewsletters .popup-content-newsletters .img-popup-newsletters {
    width: 350px;
    height: auto;
  }
}
@media screen and (max-width: 1150px) {
  footer .LandingNewsLetters .popupnewsletters .popup-content-newsletters .img-popup-newsletters {
    width: 100%;
    height: auto;
  }
}
@media screen and (max-width: 1000px) {
  footer .LandingNewsLetters .popupnewsletters .popup-content-newsletters .img-popup-newsletters {
    display: none;
  }
}
footer .container-footer {
  padding-top: 30px;
  width: 80%;
  height: auto;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 33% 33% 33%;
  justify-content: space-between;
}
@media screen and (max-width: 1189px) {
  footer .container-footer {
    grid-template-rows: 175px;
    height: 250px;
    width: 90%;
  }
}
@media screen and (max-width: 990px) {
  footer .container-footer {
    grid-template-columns: 36% 28% 36%;
  }
}
@media screen and (max-width: 945px) {
  footer .container-footer {
    grid-template-columns: 34% 30% 36%;
  }
}
@media screen and (max-width: 940px) {
  footer .container-footer {
    grid-template-columns: 32% 32% 36%;
  }
}
@media screen and (max-width: 860px) {
  footer .container-footer {
    display: grid;
    grid-template-columns: 100%;
    grid-template-rows: 200px 200px 200px;
    align-content: space-between;
    align-items: center;
    padding-top: 15px;
    height: 100%;
    align-content: stretch;
  }
}
@media screen and (max-width: 273px) {
  footer .container-footer {
    display: grid;
    grid-template-columns: 100%;
    grid-template-rows: 275px 150px 150px;
    height: 300px;
  }
}
@media screen and (max-width: 230px) {
  footer .container-footer {
    display: grid;
    grid-template-columns: 100%;
    grid-template-rows: 275px 200px 225px;
    height: 725px;
  }
}
footer .container-footer .accueil {
  margin-right: 80px;
  border-right: 2px solid rgb(24, 55, 74);
  height: 215px;
}
@media screen and (max-width: 1189px) {
  footer .container-footer .accueil {
    margin-right: 50px;
  }
}
@media screen and (max-width: 945px) {
  footer .container-footer .accueil {
    width: 250px;
  }
}
@media screen and (max-width: 900px) {
  footer .container-footer .accueil {
    margin-right: 10px;
  }
}
@media screen and (max-width: 880px) {
  footer .container-footer .accueil {
    margin-right: 10px;
  }
}
@media screen and (max-width: 860px) {
  footer .container-footer .accueil {
    border-right: none;
  }
}
@media screen and (max-width: 860px) {
  footer .container-footer .accueil {
    padding-left: 0px;
    width: 100%;
  }
}
footer .container-footer .accueil h5 {
  text-transform: uppercase;
  font-size: 1.3rem;
  color: rgb(24, 55, 74);
  font-family: Centuryb, sans-serif;
}
@media screen and (max-width: 230px) {
  footer .container-footer .accueil h5 {
    font-size: 18px;
  }
}
@media screen and (max-width: 211px) {
  footer .container-footer .accueil h5 {
    font-size: 15px;
  }
}
footer .container-footer .accueil ul li {
  list-style: inside;
  list-style-position: inside;
  line-height: 40px;
  font-size: 1.2rem;
  color: rgb(24, 55, 74);
}
@media screen and (max-width: 264px) {
  footer .container-footer .accueil ul li {
    font-size: 18px;
  }
}
@media screen and (max-width: 247px) {
  footer .container-footer .accueil ul li {
    font-size: 15px;
  }
}
footer .container-footer .accueil ul li a {
  color: rgb(24, 55, 74);
}
footer .container-footer .accueil ul li:hover {
  cursor: pointer;
  transition: 0.2S;
  letter-spacing: 1px;
  text-decoration: underline;
}
footer .container-footer .Nous-suivre {
  margin-right: 80px;
  border-right: 2px solid rgb(24, 55, 74);
  height: 215px;
}
@media screen and (max-width: 1189px) {
  footer .container-footer .Nous-suivre {
    margin-right: 50px;
  }
}
@media screen and (max-width: 950px) {
  footer .container-footer .Nous-suivre {
    margin-right: 30px;
    margin-left: 20px;
  }
}
@media screen and (max-width: 945px) {
  footer .container-footer .Nous-suivre {
    margin-right: 30px;
    margin-left: 10px;
  }
}
@media screen and (max-width: 900px) {
  footer .container-footer .Nous-suivre {
    margin-right: 10px;
  }
}
@media screen and (max-width: 880px) {
  footer .container-footer .Nous-suivre {
    margin-right: 10px;
  }
}
@media screen and (max-width: 870px) {
  footer .container-footer .Nous-suivre {
    margin-right: 10px;
    margin-left: 10px;
  }
}
@media screen and (max-width: 860px) {
  footer .container-footer .Nous-suivre {
    border-right: none;
    padding-left: 0px;
    width: 100%;
  }
}
@media screen and (max-width: 221px) {
  footer .container-footer .Nous-suivre {
    width: 100%;
    margin-left: 0px;
  }
}
footer .container-footer .Nous-suivre h5 {
  font-family: Centuryb, sans-serif;
  text-transform: uppercase;
  font-size: 1.3rem;
  color: rgb(24, 55, 74);
}
@media screen and (max-width: 230px) {
  footer .container-footer .Nous-suivre h5 {
    font-size: 18px;
  }
}
@media screen and (max-width: 211px) {
  footer .container-footer .Nous-suivre h5 {
    font-size: 15px;
  }
}
footer .container-footer .Nous-suivre ul {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}
footer .container-footer .Nous-suivre ul li {
  list-style: none;
  margin-right: 20px;
  list-style-position: inside;
  line-height: 30px;
  font-size: 1.2rem;
  color: rgb(24, 55, 74);
}
@media screen and (max-width: 230px) {
  footer .container-footer .Nous-suivre ul li {
    font-size: 18px;
  }
}
@media screen and (max-width: 211px) {
  footer .container-footer .Nous-suivre ul li {
    font-size: 15px;
  }
}
footer .container-footer .Nous-suivre ul li a {
  color: rgb(24, 55, 74);
}
footer .container-footer .Nous-suivre ul li:hover {
  cursor: pointer;
  transition: 0.2S;
  font-size: 30px;
  padding-top: 10px;
}
@media screen and (max-width: 230px) {
  footer .container-footer .Nous-suivre ul li:hover {
    font-size: 18px;
  }
}
@media screen and (max-width: 211px) {
  footer .container-footer .Nous-suivre ul li:hover {
    font-size: 15px;
  }
}
footer .container-footer #open-popup-newsletters {
  margin-top: 15px;
  padding: 5px 15px;
  background: none;
  border: 2px solid rgb(24, 55, 74);
  font-size: 1.3rem;
  font-family: Centuryb, sans-serif;
  width: 290px;
  color: rgb(24, 55, 74);
}
@media screen and (max-width: 1400px) {
  footer .container-footer #open-popup-newsletters {
    margin-right: 50px;
    padding: 5px 20px;
    width: 225px;
    font-size: 1.3rem;
  }
}
@media screen and (max-width: 1189px) {
  footer .container-footer #open-popup-newsletters {
    margin-right: 50px;
    padding: 5px 20px;
    width: 250px;
  }
}
@media screen and (max-width: 1160px) {
  footer .container-footer #open-popup-newsletters {
    margin-right: 50px;
    padding: 5px 20px;
    width: 230px;
  }
}
@media screen and (max-width: 1080px) {
  footer .container-footer #open-popup-newsletters {
    margin-right: 50px;
    padding: 5px 20px;
    width: 210px;
  }
}
@media screen and (max-width: 1080px) {
  footer .container-footer #open-popup-newsletters {
    margin-right: 50px;
    padding: 5px 20px;
    width: 190px;
  }
}
@media screen and (max-width: 970px) {
  footer .container-footer #open-popup-newsletters {
    width: 180px;
    margin-right: 5px;
  }
}
@media screen and (max-width: 920px) {
  footer .container-footer #open-popup-newsletters {
    width: 180px;
    margin-right: 10px;
    padding: 5px 15px;
  }
}
@media screen and (max-width: 880px) {
  footer .container-footer #open-popup-newsletters {
    margin-right: 10px;
    padding: 5px 10px;
  }
}
@media screen and (max-width: 221px) {
  footer .container-footer #open-popup-newsletters {
    width: 150px;
    font-size: 14px;
  }
}
@media screen and (max-width: 1189px) {
  footer .container-footer .Nous-contacter {
    height: 170px;
  }
}
@media screen and (max-width: 860px) {
  footer .container-footer .Nous-contacter {
    border-right: none;
    padding-left: 0px;
    width: 100%;
    margin: 0;
  }
}
footer .container-footer .Nous-contacter h5 {
  font-family: Centuryb, sans-serif;
  text-transform: uppercase;
  font-size: 1.3rem;
  color: rgb(24, 55, 74);
}
@media screen and (max-width: 230px) {
  footer .container-footer .Nous-contacter h5 {
    font-size: 18px;
  }
}
@media screen and (max-width: 211px) {
  footer .container-footer .Nous-contacter h5 {
    font-size: 15px;
  }
}
footer .container-footer .Nous-contacter form {
  padding-top: 20px;
  width: 90%;
  display: grid;
  row-gap: 10px;
  grid-template-columns: 200px 90px;
  grid-template-rows: 30px 30px 30px 40px;
  grid-template-areas: "nom vi" "prenom vi" "email vi" "message btn";
}
@media screen and (max-width: 311px) {
  footer .container-footer .Nous-contacter form {
    grid-template-columns: 200px;
    row-gap: 5px;
    grid-template-rows: 30px 30px 30px 40px 30px;
    grid-template-areas: "nom" "prenom" "email" "message" "btn";
  }
}
@media screen and (max-width: 221px) {
  footer .container-footer .Nous-contacter form {
    grid-template-columns: 150px;
  }
}
footer .container-footer .Nous-contacter form #NameInputC {
  grid-area: nom;
  border-radius: 5px;
  border: none;
  background: rgb(240, 243, 84);
  font-family: Centuryr, serif;
  padding: 10px 10px;
  font-size: 1rem;
  color: rgb(24, 55, 74);
}
@media screen and (max-width: 221px) {
  footer .container-footer .Nous-contacter form #NameInputC {
    width: 150px;
  }
}
footer .container-footer .Nous-contacter form #FirstNameInputC {
  grid-area: prenom;
  border-radius: 5px;
  border: none;
  background: rgb(240, 243, 84);
  font-family: Centuryr, serif;
  padding: 10px 10px;
  font-size: 1rem;
  color: rgb(24, 55, 74);
}
@media screen and (max-width: 221px) {
  footer .container-footer .Nous-contacter form #FirstNameInputC {
    width: 150px;
  }
}
footer .container-footer .Nous-contacter form #ThankYouMessage {
  text-align: left;
  padding-top: 5px;
  font-size: 15px;
  line-height: 30px;
  font-family: Centuryr, serif;
  color: rgb(255, 221, 18);
}
@media screen and (max-width: 435px) {
  footer .container-footer .Nous-contacter form #ThankYouMessage {
    font-size: 14px;
  }
}
@media screen and (max-width: 271px) {
  footer .container-footer .Nous-contacter form #ThankYouMessage {
    font-size: 14px;
    width: 100%;
    padding-left: 5px;
    padding-top: 5px;
    margin-right: 0px;
    line-height: 20px;
  }
}
@media screen and (max-width: 201px) {
  footer .container-footer .Nous-contacter form #ThankYouMessage {
    font-size: 10px;
    width: 150px;
    padding-left: 5px;
    padding-top: 5px;
    margin: 0px;
    line-height: 20px;
  }
}
footer .container-footer .Nous-contacter form #EmailInputC {
  grid-area: email;
  border-radius: 5px;
  border: none;
  background: rgb(240, 243, 84);
  font-family: Centuryr, serif;
  padding: 10px 10px;
  font-size: 1rem;
  color: rgb(24, 55, 74);
}
@media screen and (max-width: 221px) {
  footer .container-footer .Nous-contacter form #EmailInputC {
    width: 150px;
  }
}
footer .container-footer .Nous-contacter form #MessageInputC {
  grid-area: message;
  border-radius: 5px;
  border: none;
  background: rgb(240, 243, 84);
  font-family: Centuryr, serif;
  padding: 10px 10px;
  font-size: 1rem;
}
@media screen and (max-width: 221px) {
  footer .container-footer .Nous-contacter form #MessageInputC {
    width: 150px;
  }
}
footer .container-footer .Nous-contacter form textarea {
  grid-area: message;
  border-radius: 5px;
  border: none;
  background: rgb(240, 243, 84);
  font-family: Centuryr, serif;
  padding: 10px 20px;
  font-size: 1rem;
  color: rgb(24, 55, 74);
}
footer .container-footer .Nous-contacter form textarea input::-moz-placeholder {
  color: rgb(24, 55, 74);
  background: rgb(240, 243, 84);
  border: none;
  padding-top: 100%;
  padding-bottom: 100%;
  padding-left: 10px;
}
footer .container-footer .Nous-contacter form textarea input::placeholder {
  color: rgb(24, 55, 74);
  background: rgb(240, 243, 84);
  border: none;
  padding-top: 100%;
  padding-bottom: 100%;
  padding-left: 10px;
}
footer .container-footer .Nous-contacter form label[for=NameInputC] {
  display: none;
}
footer .container-footer .Nous-contacter form label[for=FirstNameInputC] {
  display: none;
}
footer .container-footer .Nous-contacter form label[for=EmailInputC] {
  display: none;
}
footer .container-footer .Nous-contacter form label[for=MessageInputC] {
  display: none;
}
footer .container-footer .Nous-contacter form #btn6 {
  grid-area: btn;
  background: rgb(24, 55, 74);
  border: 2px solid rgb(255, 221, 18);
  border-radius: 5px;
  border: none;
  padding: 5px 15px;
  font-size: 1rem;
  font-family: Centuryb, sans-serif;
  color: rgb(255, 192, 0);
  text-align: center;
  cursor: pointer;
  transition: 0.2s;
}
@media screen and (max-width: 221px) {
  footer .container-footer .Nous-contacter form #btn6 {
    width: 150px;
  }
}
footer .container-footer .Nous-contacter form #btn6:hover {
  letter-spacing: 1px;
}
footer .copyrights {
  width: 100%;
}
footer .copyrights::before {
  position: absolute;
  content: "";
  min-height: 25%;
  min-width: 100%;
  bottom: 0px;
  left: 100%;
  transform: translateX(-100%);
  background: rgba(74, 68, 68, 0.55);
  z-index: 1;
}
@media screen and (max-width: 860px) {
  footer .copyrights::before {
    min-height: 15%;
  }
}
@media screen and (max-width: 380px) {
  footer .copyrights::before {
    min-height: 20%;
  }
}
@media screen and (max-width: 311px) {
  footer .copyrights::before {
    min-height: 20%;
  }
}
@media screen and (max-width: 230px) {
  footer .copyrights::before {
    min-height: 20%;
  }
}
footer .copyrights .container-copyrights {
  width: 1200px;
  margin: 0 auto;
  padding-top: 20px;
  display: grid;
  grid-template-columns: 25% 50% 25%;
  gap: 10px;
  justify-content: space-between;
  align-items: center;
  align-content: center;
  justify-items: start;
  position: absolute;
  left: 100px;
  top: 260px;
  z-index: 1;
  grid-template-areas: "img cop leg";
}
@media screen and (max-width: 1189px) {
  footer .copyrights .container-copyrights {
    grid-template-columns: 25% 50% 25%;
    left: 110px;
    top: 260px;
    width: 1000px;
    max-width: 100%;
    gap: 0px;
  }
}
@media screen and (max-width: 1121px) {
  footer .copyrights .container-copyrights {
    left: 40px;
  }
}
@media screen and (max-width: 1051px) {
  footer .copyrights .container-copyrights {
    left: 60px;
    width: 800px;
    grid-template-columns: 25% 50% 25%;
  }
}
@media screen and (max-width: 1010px) {
  footer .copyrights .container-copyrights {
    left: 50px;
  }
}
@media screen and (max-width: 990px) {
  footer .copyrights .container-copyrights {
    left: 70px;
  }
}
@media screen and (max-width: 885px) {
  footer .copyrights .container-copyrights {
    width: 700px;
  }
}
@media screen and (max-width: 860px) {
  footer .copyrights .container-copyrights {
    width: 700px;
    top: 680px;
  }
}
@media screen and (max-width: 760px) {
  footer .copyrights .container-copyrights {
    width: 625px;
    top: 670px;
  }
}
@media screen and (max-width: 780px) {
  footer .copyrights .container-copyrights {
    left: 40px;
  }
}
@media screen and (max-width: 666px) {
  footer .copyrights .container-copyrights {
    top: 650px;
    grid-template-columns: 25% 75%;
    grid-template-rows: 50px 50px;
    grid-template-areas: "img cop" "img leg";
    left: 30px;
    width: 610px;
  }
}
@media screen and (max-width: 630px) {
  footer .copyrights .container-copyrights {
    width: 500px;
    top: 655px;
    left: 20px;
    grid-template-columns: 40% 60%;
    grid-template-rows: 70px;
    grid-template-areas: "cop leg";
  }
}
@media screen and (max-width: 530px) {
  footer .copyrights .container-copyrights {
    width: 475px;
  }
}
@media screen and (max-width: 500px) {
  footer .copyrights .container-copyrights {
    width: 425px;
  }
}
@media screen and (max-width: 448px) {
  footer .copyrights .container-copyrights {
    grid-template-columns: 100%;
    grid-template-rows: 50px 50px;
    grid-template-areas: "cop" "leg";
    left: 15px;
    top: 650px;
    width: 350px;
  }
}
@media screen and (max-width: 380px) {
  footer .copyrights .container-copyrights {
    grid-template-columns: 100%;
    grid-template-rows: 65px 65px;
    top: 660px;
    height: 130px;
  }
}
@media screen and (max-width: 375px) {
  footer .copyrights .container-copyrights {
    width: 300px;
  }
}
@media screen and (max-width: 320px) {
  footer .copyrights .container-copyrights {
    width: 200px;
  }
}
@media screen and (max-width: 311px) {
  footer .copyrights .container-copyrights {
    top: 675px;
  }
}
@media screen and (max-width: 230px) {
  footer .copyrights .container-copyrights {
    top: 750px;
    left: 5px;
    width: 150px;
  }
}
footer .copyrights .container-copyrights .img-logo-white {
  background: url(/assets/img/LOGOS-15.png) center/cover;
  width: 150px;
  height: 50px;
  grid-area: img;
}
@media screen and (max-width: 900px) {
  footer .copyrights .container-copyrights .img-logo-white {
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media screen and (max-width: 630px) {
  footer .copyrights .container-copyrights .img-logo-white {
    display: none;
  }
}
footer .copyrights .container-copyrights .copyrights-container {
  grid-area: cop;
  text-align: center;
}
footer .copyrights .container-copyrights .copyrights-container p {
  color: rgb(255, 255, 255);
  font-size: 1rem;
}
@media screen and (max-width: 310px) {
  footer .copyrights .container-copyrights .copyrights-container p {
    font-size: 15px;
  }
}
footer .copyrights .container-copyrights .copyrights-container p span {
  color: rgb(255, 192, 0);
}
footer .copyrights .container-copyrights .copyrights-container p span a {
  color: rgb(255, 192, 0);
  text-decoration: none;
}
footer .copyrights .container-copyrights .copyrights-container p span a:hover {
  cursor: pointer;
  transition: 0.2S;
  letter-spacing: 1px;
  text-decoration: underline;
}
@media screen and (max-width: 1189px) {
  footer .copyrights .container-copyrights .copyrights-container p {
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media screen and (max-width: 900px) {
  footer .copyrights .container-copyrights .copyrights-container p {
    padding-right: 10px;
    padding-left: 10px;
  }
}
footer .copyrights .container-copyrights .legacy {
  width: 100%;
  grid-area: leg;
  text-align: center;
}
footer .copyrights .container-copyrights .legacy p {
  color: rgb(255, 255, 255);
  font-size: 1rem;
}
@media screen and (max-width: 310px) {
  footer .copyrights .container-copyrights .legacy p {
    font-size: 15px;
  }
}
footer .copyrights .container-copyrights .legacy p:hover {
  cursor: pointer;
  transition: 0.2S;
  letter-spacing: 1px;
  text-decoration: underline;
}/*# sourceMappingURL=index34.css.map */