@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@300&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Lato&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Sofia+Sans:wght@200;400&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Antonio:wght@100&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Abel&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");
.roboto-thin {
  font-family: "Roboto", sans-serif;
  font-weight: 100;
  font-style: normal; }

.roboto-light {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  font-style: normal; }

.roboto-regular {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-style: normal; }

.roboto-medium {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-style: normal; }

.roboto-bold {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-style: normal; }

.roboto-black {
  font-family: "Roboto", sans-serif;
  font-weight: 900;
  font-style: normal; }

.roboto-thin-italic {
  font-family: "Roboto", sans-serif;
  font-weight: 100;
  font-style: italic; }

.roboto-light-italic {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  font-style: italic; }

.roboto-regular-italic {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-style: italic; }

.roboto-medium-italic {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-style: italic; }

.roboto-bold-italic {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-style: italic; }

.roboto-black-italic {
  font-family: "Roboto", sans-serif;
  font-weight: 900;
  font-style: italic; }

/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Montserrat Regular"), local("Montserrat-Regular"), url(https://fonts.gstatic.com/s/montserrat/v14/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: local("Montserrat Black"), local("Montserrat-Black"), url(https://fonts.gstatic.com/s/montserrat/v14/JTURjIg1_i6t8kCHKm45_epG3gnD_g.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face {
  font-family: 'TimeTraveler';
  font-style: normal;
  font-weight: 400;
  src: url("/fonts/TimeTravelerPal-Normal-Regular.ttf") format("truetype"); }
@font-face {
  font-family: 'poppins';
  src: url("poppins/Poppins-Regular.ttf") format("truetype"); }
.carte {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  transition: 0.3s; }

.abel_police {
  font-family: "Abel", sans-serif; }

.antonio_police {
  font-family: "Antonio", sans-serif; }

* {
  padding: 0;
  margin: 0;
  box-sizing: content-box;
  font-family: "Abel", sans-serif;
  font-weight: 400;
  font-size: 12pt; }

.card, .actif, div.item_article {
  /* Add shadows to create the "card" effect */
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  transition: 0.3s; }

body {
  position: relative; }
  body.corp {
    background-color: white; }

section#section-head {
  position: sticky;
  top: 0px;
  z-index: 100; }
  section#section-head header.entete {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    background-color: #3677ed;
    padding: 0.5%; }
    section#section-head header.entete div#titre-header {
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: space-around;
      flex-basis: 20%; }
      section#section-head header.entete div#titre-header figure {
        text-align: center; }
        section#section-head header.entete div#titre-header figure img {
          width: 60%; }
    section#section-head header.entete div.containe-recherche {
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;
      flex-basis: 35%; }
      @media screen and (max-width: 600px) {
        section#section-head header.entete div.containe-recherche {
          margin-top: 2%;
          margin-bottom: 3%; } }
      section#section-head header.entete div.containe-recherche input {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        width: 100%;
        height: 40px;
        padding: 1.5%;
        border-bottom-left-radius: 5px;
        border-top-left-radius: 5px;
        border: 0.5px solid #fff;
        outline: none; }
        @media screen and (max-width: 600px) {
          section#section-head header.entete div.containe-recherche input {
            width: 85%; } }
      section#section-head header.entete div.containe-recherche button {
        border: none;
        height: 40px;
        width: 20%;
        border-bottom-right-radius: 5px;
        border-top-right-radius: 5px;
        background: #161b23;
        color: white;
        border: 1px solid #161b23;
        transition: 1s all; }
        @media screen and (max-width: 600px) {
          section#section-head header.entete div.containe-recherche button {
            width: 15%; } }
        section#section-head header.entete div.containe-recherche button:hover {
          background: #000;
          color: #ffbe40;
          cursor: pointer; }
    section#section-head header.entete label.menu {
      display: none;
      position: fixed;
      top: 1.5%;
      right: 10%; }
      section#section-head header.entete label.menu i {
        font-size: 2em;
        color: black; }
        section#section-head header.entete label.menu i:hover {
          color: #f50909;
          cursor: pointer; }
      @media screen and (max-width: 600px) {
        section#section-head header.entete label.menu {
          display: block; } }
    section#section-head header.entete input.menu {
      display: none; }
    section#section-head header.entete nav {
      flex-basis: 30%; }
      section#section-head header.entete nav ul {
        padding: 0;
        margin: 0;
        list-style: none;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-around; }
        section#section-head header.entete nav ul li {
          display: flex;
          flex-direction: row;
          align-items: center;
          justify-content: space-around; }
          section#section-head header.entete nav ul li a {
            text-decoration: none;
            color: #fff;
            font-size: 12pt; }
            section#section-head header.entete nav ul li a:hover {
              color: white; }
            @media screen and (max-width: 600px) {
              section#section-head header.entete nav ul li a {
                display: block;
                padding: 5%;
                font-size: 10pt; }
                section#section-head header.entete nav ul li a:hover {
                  background: #f50909;
                  color: white; } }
          @media screen and (max-width: 600px) {
            section#section-head header.entete nav ul li {
              display: block;
              border-bottom: 1px solid #e6e4e4; } }
        @media screen and (max-width: 600px) {
          section#section-head header.entete nav ul {
            display: block; } }
      @media screen and (max-width: 600px) {
        section#section-head header.entete nav {
          display: none; } }
    @media screen and (max-width: 600px) {
      section#section-head header.entete {
        display: block; } }
  section#section-head input#menu:checked ~ nav {
    display: block;
    transition: 2s all; }

div#contenair_central {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: flex-start;
  width: 95%;
  margin: auto;
  margin-top: 1%;
  margin-bottom: 1%;
  padding: 0.5%;
  background-color: #eceff1; }
  @media screen and (max-width: 600px) {
    div#contenair_central {
      display: block;
      width: 98%; } }
  div#contenair_central section#categorie_central {
    flex-basis: 12%;
    position: relative; }
    div#contenair_central section#categorie_central label#menu_cat_label {
      position: absolute;
      right: 1%;
      top: 6px;
      display: none; }
      div#contenair_central section#categorie_central label#menu_cat_label i {
        font-size: 1.5em; }
      div#contenair_central section#categorie_central label#menu_cat_label:hover {
        cursor: pointer;
        color: #fff;
        background-color: #232934; }
      @media screen and (max-width: 600px) {
        div#contenair_central section#categorie_central label#menu_cat_label {
          display: block; } }
    div#contenair_central section#categorie_central input#menu_cat {
      display: none; }
      div#contenair_central section#categorie_central input#menu_cat:checked ~ nav {
        display: block; }
    @media screen and (max-width: 600px) {
      div#contenair_central section#categorie_central nav {
        display: none; } }
    div#contenair_central section#categorie_central nav ul {
      padding: 0;
      margin: 0;
      list-style: none; }
      div#contenair_central section#categorie_central nav ul li {
        border-bottom: 0.5px solid #f2f3f7;
        height: 45px;
        display: flex;
        flex-direction: row;
        justify-content: space-around;
        align-items: center;
        margin-bottom: 5%;
        border-bottom: 1px solid rgba(199, 199, 199, 0.648); }
        div#contenair_central section#categorie_central nav ul li a {
          text-decoration: none;
          height: 40px;
          display: flex;
          flex-direction: row;
          justify-content: space-between;
          align-items: center;
          width: 100%;
          padding-left: 2%;
          font-weight: bolder;
          transition: 1s all; }
          div#contenair_central section#categorie_central nav ul li a:hover {
            color: #fff;
            background-color: #232934;
            transform: scale(1.1);
            box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 0 8px rgba(0, 0, 0, 0.3); }
          div#contenair_central section#categorie_central nav ul li a i {
            flex-basis: 15%; }
          div#contenair_central section#categorie_central nav ul li a span {
            flex-basis: 80%;
            font-size: 10pt; }
  div#contenair_central section#carousel_central {
    flex-basis: 50%; }
    div#contenair_central section#carousel_central div#myCarousel div.carousel-inner div {
      background: white; }
      div#contenair_central section#carousel_central div#myCarousel div.carousel-inner div.item img {
        width: 100%;
        height: 400px; }
        @media screen and (max-width: 600px) {
          div#contenair_central section#carousel_central div#myCarousel div.carousel-inner div.item img {
            height: auto; } }
      div#contenair_central section#carousel_central div#myCarousel div.carousel-inner div.item video {
        width: 100%;
        height: 400px; }
        @media screen and (max-width: 600px) {
          div#contenair_central section#carousel_central div#myCarousel div.carousel-inner div.item video {
            height: auto; } }
  div#contenair_central section#annonce_centre {
    flex-basis: 32%; }
    div#contenair_central section#annonce_centre div {
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: space-between;
      margin-bottom: 2.1%; }
      div#contenair_central section#annonce_centre div a {
        flex-basis: 30%;
        background-color: white;
        text-decoration: none;
        color: #232934; }
        div#contenair_central section#annonce_centre div a figure {
          position: relative; }
          div#contenair_central section#annonce_centre div a figure img {
            width: 100%; }
          div#contenair_central section#annonce_centre div a figure figcaption {
            padding: 1.5%; }

div#contenair_barre_flash div#contenair_flash {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  font-size: 9pt; }
  div#contenair_barre_flash div#contenair_flash div#flash_titre {
    height: 30px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    flex-basis: 10%;
    background-color: #fff;
    color: #161b23;
    position: relative;
    z-index: 111;
    font-weight: bolder; }
    @media screen and (max-width: 600px) {
      div#contenair_barre_flash div#contenair_flash div#flash_titre {
        flex-basis: 20%;
        font-size: 8pt;
        padding: 1.5%; } }
  div#contenair_barre_flash div#contenair_flash div#flash_contenu {
    height: 30px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    flex-basis: 90%;
    background: #1a1a1a;
    white-space: nowrap;
    overflow: hidden; }
    @media screen and (max-width: 600px) {
      div#contenair_barre_flash div#contenair_flash div#flash_contenu {
        flex-basis: 80%; } }
    div#contenair_barre_flash div#contenair_flash div#flash_contenu p#paragraphe {
      animation-name: slidein;
      animation-duration: 30s;
      animation-iteration-count: infinite;
      animation-direction: normal;
      animation-timing-function: linear;
      white-space: nowrap;
      font-family: "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif;
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;
      padding: 0;
      margin: 0; }
      div#contenair_barre_flash div#contenair_flash div#flash_contenu p#paragraphe:hover {
        animation-play-state: paused; }
      div#contenair_barre_flash div#contenair_flash div#flash_contenu p#paragraphe a {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        text-decoration: none;
        color: white; }
        div#contenair_barre_flash div#contenair_flash div#flash_contenu p#paragraphe a:hover {
          color: #fff; }

.actif {
  color: #fff;
  background-color: #232934; }

.inactif {
  background: none;
  color: black; }

@keyframes slidein {
  from {
    margin-right: -150vw; }
  to {
    margin-left: -150vw; } }
div.item_article {
  flex-basis: 17%;
  margin: 1%; }
  div.item_article figure img {
    width: 100%; }

section#container_niveau_deux {
  width: 98%;
  padding: 1%;
  margin: auto; }
  section#container_niveau_deux div.presentation {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2%;
    font-weight: bolder;
    margin-top: 2%;
    margin-bottom: 2%; }
    section#container_niveau_deux div.presentation h1 {
      margin: 0%;
      padding: 0%;
      font-size: 90%;
      letter-spacing: 0.6%;
      color: #000; }
    section#container_niveau_deux div.presentation h2 {
      margin: 0%;
      padding: 0%;
      font-size: 3em;
      letter-spacing: 0.3em;
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center; }
  section#container_niveau_deux div#affiche {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between; }
    section#container_niveau_deux div#affiche figure {
      flex-basis: 45%;
      background-color: white;
      padding: 0.5%; }
      section#container_niveau_deux div#affiche figure img {
        width: 100%; }

footer {
  background: #ffffff; }
  footer hr {
    height: 5px;
    background: #06c539;
    background: linear-gradient(90deg, #06c539 0%, rgba(0, 140, 177, 0.8017331933) 39%, rgba(30, 82, 181, 0.9613970588) 100%); }
  footer div.footer-contener-level-1 {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 80%;
    margin: auto;
    padding-bottom: 2%;
    border-bottom: 1px solid rgba(143, 143, 143, 0.411); }
    @media screen and (max-width: 600px) {
      footer div.footer-contener-level-1 {
        display: block; } }
    footer div.footer-contener-level-1 div {
      padding: 0.5%;
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      align-items: center;
      border: none; }
      @media screen and (max-width: 600px) {
        footer div.footer-contener-level-1 div {
          display: flex;
          flex-direction: row;
          justify-content: center;
          align-items: center; } }
      footer div.footer-contener-level-1 div.logo_titre {
        font-size: 2em; }
        footer div.footer-contener-level-1 div.logo_titre h4 {
          font-weight: bold;
          color: #5c5d5dec; }
      footer div.footer-contener-level-1 div.social {
        flex-basis: 20%;
        font-size: 1.5em; }
        footer div.footer-contener-level-1 div.social a {
          text-decoration: none;
          flex-basis: 10%;
          color: #1a459a; }
  footer div.footer-contener-level-2 {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    width: 90%;
    font-size: 9pt;
    margin: auto;
    padding-top: 2%;
    padding-bottom: 2%; }
    @media screen and (max-width: 600px) {
      footer div.footer-contener-level-2 {
        display: block; } }
    footer div.footer-contener-level-2 span {
      color: #5c5d5dec; }
      @media screen and (max-width: 600px) {
        footer div.footer-contener-level-2 span {
          display: block;
          text-align: center; } }

.fa-whatsapp {
  color: #08af6c;
  font-size: 20pt; }

section.detail-produit {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: flex-start;
  padding: 1%;
  background: #fff;
  margin-top: 0.5%; }
  section.detail-produit div.detail-image {
    flex-basis: 25%; }
    section.detail-produit div.detail-image div.image-p {
      display: flex;
      flex-direction: row;
      justify-content: space-around;
      align-items: flex-start;
      padding: 1%;
      margin-bottom: 2%; }
      section.detail-produit div.detail-image div.image-p figure {
        border: 1px solid #eceff1;
        flex-basis: 100%;
        height: 100%; }
        section.detail-produit div.detail-image div.image-p figure img {
          width: 100%; }
    section.detail-produit div.detail-image div.image-item {
      padding: 1%;
      display: flex;
      flex-direction: row;
      justify-content: space-around;
      align-items: flex-start; }
      section.detail-produit div.detail-image div.image-item figure {
        border: 1px solid #eceff1;
        flex-basis: 30%;
        border-radius: 5px;
        padding: 1%; }
        section.detail-produit div.detail-image div.image-item figure:hover {
          cursor: pointer;
          border: 1px solid #ffbe40; }
        section.detail-produit div.detail-image div.image-item figure img {
          width: 100%; }
  section.detail-produit div.detail-description {
    flex-basis: 68%; }
    section.detail-produit div.detail-description div.detail-nom {
      display: flex;
      flex-direction: row;
      justify-content: flex-start;
      align-items: center;
      padding: 1%;
      color: #1a1a1a8f;
      font-size: 1.5em;
      text-transform: capitalize;
      border-bottom: 1px solid #1a1a1a8f; }

.image-active {
  border: 1px solid #ffbe40; }

.separateur {
  font-size: 8pt;
  font-weight: bolder;
  background: white;
  line-height: 90px;
  padding: 2.5%;
  margin-left: 2%;
  margin-right: 2%; }

.etat-economique {
  color: #fa3636;
  margin-left: 2%;
  margin-right: 2%; }

.police_h2 {
  padding: 0%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  text-transform: capitalize; }

h2.police_h2 {
  margin-top: 5%;
  padding-left: 5%; }
  @media screen and (max-width: 600px) {
    h2.police_h2 {
      font-size: 14pt;
      font-weight: bolder; } }

section.contact-part-1 {
  height: 40vh;
  background: #dfdfdf;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
  border-top: 1px solid #eff4f6; }
  section.contact-part-1 div {
    color: #636368;
    text-align: center; }
    section.contact-part-1 div p {
      font-size: 16px; }
section.contact-part-2 form {
  width: 80%;
  margin: auto; }
  @media screen and (max-width: 600px) {
    section.contact-part-2 form {
      display: block;
      width: 95%; } }
  section.contact-part-2 form div.groupe {
    display: flex;
    flex-direction: row;
    align-items: baseline;
    justify-content: space-between;
    margin-top: 5%;
    margin-bottom: 1%; }
    @media screen and (max-width: 600px) {
      section.contact-part-2 form div.groupe {
        display: block;
        margin-top: 0%;
        margin-bottom: 0%; } }
    section.contact-part-2 form div.groupe input {
      flex-basis: 48%;
      height: 40px;
      padding: 1%;
      border: none;
      outline: none; }
      section.contact-part-2 form div.groupe input::placeholder {
        font-size: 9pt;
        color: #5a5f62; }
      @media screen and (max-width: 600px) {
        section.contact-part-2 form div.groupe input {
          display: block;
          width: 100%;
          margin-bottom: 2%; } }
    section.contact-part-2 form div.groupe textarea {
      width: 100%;
      height: 20vh;
      border: none;
      outline: none;
      padding: 1%; }
    section.contact-part-2 form div.groupe button {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      height: 35px;
      border: none;
      outline: none;
      padding: 1%;
      flex-basis: 30%;
      border-radius: 5px;
      background: #1a459a;
      color: white; }
      @media screen and (max-width: 600px) {
        section.contact-part-2 form div.groupe button {
          display: block;
          width: 50%; } }
section.contact-part-3 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-around;
  padding: 5%;
  background: #232934;
  margin-top: 10%;
  margin-bottom: 5%; }
  @media screen and (max-width: 600px) {
    section.contact-part-3 {
      display: block; } }
  section.contact-part-3 div {
    flex-basis: 25%;
    height: 200px;
    background: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3%; }
    @media screen and (max-width: 600px) {
      section.contact-part-3 div {
        margin-bottom: 2%;
        height: auto; } }
    section.contact-part-3 div figure {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center; }
      section.contact-part-3 div figure img {
        width: 60%;
        margin: auto; }
    section.contact-part-3 div figcaption {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center; }
      section.contact-part-3 div figcaption a {
        text-decoration: none;
        font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
        margin-top: 1%;
        margin-bottom: 1%; }

section.lien_page_article {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: baseline;
  padding: 0.5%; }
  section.lien_page_article a {
    text-decoration: none;
    color: black;
    margin-left: 1%;
    margin-right: 1%; }

section#page_flash {
  padding: 2%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start; }
  section#page_flash div#page_flash_vue {
    background-color: white; }
    section#page_flash div#page_flash_vue span.page_flash_titre {
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;
      padding: 1%;
      font-size: 9pt; }
    section#page_flash div#page_flash_vue blockquote {
      margin: 5%;
      font-family: "Abel", sans-serif;
      padding: 1%;
      font-size: 12pt;
      color: #232934; }

billet-niveau-un .barre-separatrice {
  height: 5px;
  background-color: #fff; }

.cache {
  display: none; }

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