@import url("https://fonts.googleapis.com/css2?family=Roboto&display=swap");
@import url("https://fonts.googleapis.com/css?family=Poppins:100,200,300,400,500,600,700,800,900");
@import url("https://fonts.googleapis.com/css?family=Poppins:100,200,300,400,500,600,700,800,900");
/* :: 2.0 Import All CSS */
@import url(css/bootstrap.min.css);
@import url(css/owl.carousel.min.css);
@import url(css/animate.css);
@import url(css/magnific-popup.css);
@import url(css/font-awesome.min.css);
@import url(css/classy-nav.min.css);
@import url(css/audioplayer.css);
.card {
  /* Add shadows to create the "card" effect */
  -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  -webkit-transition: 0.3s;
  transition: 0.3s;
  background: #fff; }

/* On mouse-over, add a deeper shadow */
.card:hover {
  -webkit-box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2); }

body {
  margin: 0;
  padding: 0;
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  background: rgba(220, 220, 220, 0.785); }

section h2 {
  font-size: 12pt;
  font-weight: bolder;
  padding: 3%; }

header {
  background: #000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  @media screen and (max-width: 600px) {
    header {
      display: block; } }
  header figure {
    -ms-flex-preferred-size: 10%;
        flex-basis: 10%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 0;
    background: #fff; }
    header figure img {
      width: 40%; }
      @media screen and (max-width: 600px) {
        header figure img {
          display: block;
          width: 15%; } }
  header h1 {
    -ms-flex-preferred-size: 80%;
        flex-basis: 80%;
    font-size: 1.5em;
    text-align: center;
    color: #00fd5d; }
    @media screen and (max-width: 600px) {
      header h1 {
        display: block;
        font-size: 0.9em; } }

nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.5%;
  background: white; }
  @media screen and (max-width: 600px) {
    nav {
      display: block;
      position: fixed;
      top: 0%;
      height: 100vh;
      width: 100vw;
      background-color: #202124;
      z-index: 1000;
      -webkit-transition: 2s all;
      transition: 2s all;
      left: -150%; } }
  nav ul {
    -ms-flex-preferred-size: 90%;
        flex-basis: 90%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    list-style: none;
    padding: 0;
    margin: 0; }
    @media screen and (max-width: 600px) {
      nav ul {
        display: block;
        margin-top: 10%; } }
    @media screen and (max-width: 600px) {
      nav ul li {
        display: block;
        border-bottom: 1px solid grey; } }
    nav ul li a {
      font-size: 10pt;
      font-weight: bolder;
      display: inline-block;
      color: black; }
      @media screen and (max-width: 600px) {
        nav ul li a {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
              -ms-flex-direction: row;
                  flex-direction: row;
          -webkit-box-pack: start;
              -ms-flex-pack: start;
                  justify-content: flex-start;
          -webkit-box-align: start;
              -ms-flex-align: start;
                  align-items: flex-start;
          width: 100%;
          padding: 5%;
          color: #fff; } }
      nav ul li a:hover {
        text-decoration: none;
        color: #18391a; }

div#contenair_flash div#contenair_flash_1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  @media screen and (max-width: 600px) {
    div#contenair_flash div#contenair_flash_1 {
      display: block; } }
  div#contenair_flash div#contenair_flash_1 div#flash_titre {
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-preferred-size: 10%;
        flex-basis: 10%;
    background: #029740;
    color: #fff;
    font-size: 9pt;
    position: relative;
    z-index: 111; }
    @media screen and (max-width: 600px) {
      div#contenair_flash div#contenair_flash_1 div#flash_titre {
        -ms-flex-preferred-size: 14%;
            flex-basis: 14%;
        font-size: 9pt;
        padding: 2%;
        display: block;
        text-align: center; } }
  div#contenair_flash div#contenair_flash_1 div#flash_contenu {
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-preferred-size: 90%;
        flex-basis: 90%;
    white-space: nowrap;
    overflow: hidden;
    background-color: #eff4f6; }
    div#contenair_flash div#contenair_flash_1 div#flash_contenu p#paragraphe {
      -webkit-animation-name: slidein;
              animation-name: slidein;
      -webkit-animation-duration: 30s;
              animation-duration: 30s;
      -webkit-animation-iteration-count: infinite;
              animation-iteration-count: infinite;
      -webkit-animation-direction: reverse;
              animation-direction: reverse;
      -webkit-animation-timing-function: linear;
              animation-timing-function: linear;
      width: 3000px;
      white-space: nowrap;
      overflow: hidden;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      padding: 0;
      margin: 0;
      font-size: 9pt; }
      div#contenair_flash div#contenair_flash_1 div#flash_contenu p#paragraphe:hover {
        -webkit-animation-play-state: paused;
                animation-play-state: paused; }
      div#contenair_flash div#contenair_flash_1 div#flash_contenu p#paragraphe span {
        background: #18391a;
        color: white;
        padding: 1%; }
      div#contenair_flash div#contenair_flash_1 div#flash_contenu p#paragraphe a {
        color: black;
        text-decoration: none;
        margin-left: 1%;
        margin-right: 1%; }
        div#contenair_flash div#contenair_flash_1 div#flash_contenu p#paragraphe a:hover {
          color: #00e676; }

@-webkit-keyframes slidein {
  from {
    margin-left: -3500px; }
  to {
    margin-left: 0px; } }

@keyframes slidein {
  from {
    margin-left: -3500px; }
  to {
    margin-left: 0px; } }
section#container_central {
  width: 80%;
  margin: auto; }
  @media screen and (max-width: 600px) {
    section#container_central {
      display: block;
      height: auto; } }
  section#container_central div#container_slide {
    height: 80vh; }
    @media screen and (max-width: 600px) {
      section#container_central div#container_slide {
        height: auto; } }
  section#container_central div#container_article {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 0.5%; }
    section#container_central div#container_article h2 {
      color: black;
      text-align: center;
      text-align: center;
      margin: 0;
      padding: 2%;
      width: 100%; }
      @media screen and (max-width: 600px) {
        section#container_central div#container_article h2 {
          margin-top: 3%;
          margin-bottom: 3%; } }
    @media screen and (max-width: 600px) {
      section#container_central div#container_article {
        display: block;
        height: auto;
        margin-top: 2%;
        margin-bottom: 2%; } }

.carousel-caption {
  background-color: rgba(0, 0, 0, 0.616);
  border-radius: 5px; }
  .carousel-caption h3 {
    color: #00c853;
    font-size: 20pt; }
    @media screen and (max-width: 600px) {
      .carousel-caption h3 {
        font-size: 14pt; } }

section#container_description {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 1.5%;
  margin-top: 3%; }
  @media screen and (max-width: 600px) {
    section#container_description {
      display: block;
      margin-top: 1vh; } }
  section#container_description div {
    -ms-flex-preferred-size: 31%;
        flex-basis: 31%;
    padding: 1%; }
    section#container_description div.description_item {
      margin-bottom: 2%; }
      section#container_description div.description_item div.header-item {
        margin: 0;
        padding: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
        section#container_description div.description_item div.header-item figure {
          -ms-flex-preferred-size: 20%;
              flex-basis: 20%; }
          section#container_description div.description_item div.header-item figure img {
            width: 100%; }
        section#container_description div.description_item div.header-item h3 {
          -ms-flex-preferred-size: 80%;
              flex-basis: 80%;
          margin: 0;
          padding: 0;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
              -ms-flex-direction: row;
                  flex-direction: row;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          font-size: 14pt;
          color: #18391a; }
      section#container_description div.description_item div.body-item p {
        color: #636363; }

section#container_activites {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 1%;
  background: #fff;
  margin: auto;
  margin-top: 2%;
  margin-bottom: 2%; }
  @media screen and (max-width: 600px) {
    section#container_activites {
      display: block; } }
  section#container_activites div#contenair_lecteur {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    margin: auto; }
    section#container_activites div#contenair_lecteur iframe {
      width: 660px;
      height: 371px; }
      @media screen and (max-width: 600px) {
        section#container_activites div#contenair_lecteur iframe {
          display: block;
          width: auto;
          height: auto;
          margin: auto;
          width: 100%;
          height: 371px; } }
  section#container_activites div#contenair_lecteur_text {
    background: #18391a;
    height: 371px;
    padding: 1.5%;
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    color: #fff; }
    section#container_activites div#contenair_lecteur_text blockquote {
      font-size: 2.5em; }
    section#container_activites div#contenair_lecteur_text a {
      text-decoration: none;
      color: white;
      border-radius: 5px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      border: 1px solid white;
      padding: 2%;
      -webkit-transition: 1s all;
      transition: 1s all; }
      section#container_activites div#contenair_lecteur_text a:hover {
        background: #fff;
        color: #00c853;
        cursor: pointer; }
    @media screen and (max-width: 600px) {
      section#container_activites div#contenair_lecteur_text {
        display: block;
        height: auto; } }

section.container_rapports {
  display: block;
  padding: 1%;
  margin: 1%; }
  section.container_rapports div.container_rapports_items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start; }
    @media screen and (max-width: 600px) {
      section.container_rapports div.container_rapports_items {
        display: block; } }
    section.container_rapports div.container_rapports_items div {
      background-color: #eff4f6;
      -ms-flex-preferred-size: 23%;
          flex-basis: 23%;
      margin: 1%;
      margin-bottom: 3%; }
      @media screen and (max-width: 600px) {
        section.container_rapports div.container_rapports_items div {
          padding-bottom: 2.5%; } }
      section.container_rapports div.container_rapports_items div:hover {
        scale: 1.1;
        cursor: pointer; }
      section.container_rapports div.container_rapports_items div figure {
        width: 100%; }
        section.container_rapports div.container_rapports_items div figure span.date_activite {
          background: #029740;
          color: #ffffff;
          height: 40px;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          width: 100%;
          font-size: 9pt;
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
              -ms-flex-direction: row;
                  flex-direction: row;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center; }
        section.container_rapports div.container_rapports_items div figure img {
          width: 100%; }
        section.container_rapports div.container_rapports_items div figure figcaption {
          padding: 2%;
          font-size: 9pt; }
          section.container_rapports div.container_rapports_items div figure figcaption h3 {
            font-size: 12pt;
            font-weight: bolder;
            padding: 3%;
            border-bottom: 5px solid rgba(0, 0, 0, 0.169); }
          section.container_rapports div.container_rapports_items div figure figcaption span {
            padding: 2%; }
      section.container_rapports div.container_rapports_items div a {
        text-decoration: none;
        width: 25%;
        display: block;
        background: #00c853;
        color: white;
        padding: 2%;
        margin: 2.5%;
        font-size: 8pt;
        text-align: center;
        -webkit-transition: 5s all;
        transition: 5s all; }
        section.container_rapports div.container_rapports_items div a:hover {
          background: rgba(1, 240, 117, 0.644); }
        @media screen and (max-width: 600px) {
          section.container_rapports div.container_rapports_items div a {
            margin-bottom: 5%; } }

section#contenair_news {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #00c853;
  padding: 5%; }
  @media screen and (max-width: 600px) {
    section#contenair_news {
      display: block; } }
  section#contenair_news div {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%; }
    section#contenair_news div:nth-child(2) {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
      section#contenair_news div:nth-child(2) input,
      section#contenair_news div:nth-child(2) button {
        border: none;
        outline: none; }
      section#contenair_news div:nth-child(2) input {
        height: 35px;
        -ms-flex-preferred-size: 70%;
            flex-basis: 70%; }
      section#contenair_news div:nth-child(2) button {
        height: 35px;
        -ms-flex-preferred-size: 30%;
            flex-basis: 30%; }

footer {
  background: #000000; }
  footer div#container_footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    color: #fff;
    padding: 2%; }
    @media screen and (max-width: 600px) {
      footer div#container_footer {
        display: block; } }
    footer div#container_footer div {
      -ms-flex-preferred-size: 25%;
          flex-basis: 25%;
      color: #b5b6b6;
      padding: 1%;
      font-family: Arial, Helvetica, sans-serif; }
      @media screen and (max-width: 600px) {
        footer div#container_footer div {
          display: block; } }
      footer div#container_footer div h4 {
        color: #fff;
        text-align: center; }
      footer div#container_footer div figure {
        padding: 2%; }
        footer div#container_footer div figure img {
          display: block;
          width: 100%;
          margin-bottom: 5%; }
        footer div#container_footer div figure figcaption {
          text-align: justify;
          font-size: 10pt; }
      footer div#container_footer div ul {
        margin: 0;
        padding: 0;
        font-size: 9pt; }
        footer div#container_footer div ul li {
          margin-bottom: 4%; }
          footer div#container_footer div ul li a {
            color: #b5b6b6; }
            footer div#container_footer div ul li a:hover {
              color: #ffffff; }

section div#container_adhession {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  background: #fff;
  font-family: Arial, Helvetica, sans-serif; }
  @media screen and (max-width: 600px) {
    section div#container_adhession {
      display: block; } }
  section div#container_adhession div#container_adhession_form {
    -ms-flex-preferred-size: 80%;
        flex-basis: 80%;
    padding: 2%; }
    section div#container_adhession div#container_adhession_form h3 {
      font-weight: bolder;
      font-size: 16pt; }
    section div#container_adhession div#container_adhession_form form div {
      margin-bottom: 3%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-box-align: baseline;
          -ms-flex-align: baseline;
              align-items: baseline; }
      @media screen and (max-width: 600px) {
        section div#container_adhession div#container_adhession_form form div {
          display: block; } }
      section div#container_adhession div#container_adhession_form form div input {
        -ms-flex-preferred-size: 48%;
            flex-basis: 48%;
        height: 40px;
        border: none;
        border-bottom: 1px solid grey;
        outline: none;
        background: transparent; }
        @media screen and (max-width: 600px) {
          section div#container_adhession div#container_adhession_form form div input {
            display: block;
            width: 100%;
            margin: auto; } }
    section div#container_adhession div#container_adhession_form div button {
      margin: 5%;
      display: block;
      height: 40px;
      width: 200px; }

#container_footer_liste {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start; }

.menu {
  display: none; }

@media screen and (max-width: 600px) {
  #label_menu {
    display: block;
    z-index: 1002;
    color: white;
    position: fixed;
    top: 2.5%;
    left: 5%;
    cursor: pointer;
    font-size: 16pt;
    background: #202124;
    width: 40px;
    text-align: center;
    border-radius: 5px; }
    #label_menu:hover {
      color: #636363; } }

input#menu:checked ~ nav {
  left: 0%; }

.sous_menu {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
  @media screen and (max-width: 600px) {
    .sous_menu {
      display: block; } }
  .sous_menu ul {
    display: none;
    margin: 0%;
    padding: 0%;
    position: absolute;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    top: 100%;
    left: 0%;
    z-index: 1003;
    background: #fff;
    width: 200px;
    height: 100px; }
    @media screen and (max-width: 600px) {
      .sous_menu ul {
        position: static;
        background: none; } }
    .sous_menu ul li {
      width: 100%; }
      .sous_menu ul li a {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        padding: 5%; }
        .sous_menu ul li a:hover {
          background: #029740;
          color: white; }
          @media screen and (max-width: 600px) {
            .sous_menu ul li a:hover {
              background: #fff;
              color: #029740; } }

li.sous_menu {
  -webkit-transition: 2s all;
  transition: 2s all; }
  @media screen and (max-width: 600px) {
    li.sous_menu {
      display: block;
      width: 100%; } }
  li.sous_menu:hover > ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    @media screen and (max-width: 600px) {
      li.sous_menu:hover > ul {
        display: block; }
        li.sous_menu:hover > ul li {
          border: none; }
          li.sous_menu:hover > ul li a {
            width: 100%;
            display: block; } }

#container_actualite {
  padding: 2%;
  background: #fff;
  width: 90%;
  margin: auto; }
  @media screen and (max-width: 600px) {
    #container_actualite {
      width: 95%;
      margin-top: 3%; } }
  #container_actualite h1 {
    padding: 0%;
    margin: 0%;
    padding-bottom: 2%;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; }
    @media screen and (max-width: 600px) {
      #container_actualite h1 {
        font-size: 12pt; } }
  #container_actualite figure {
    position: relative; }
    #container_actualite figure img {
      width: 100%; }
      @media screen and (max-width: 600px) {
        #container_actualite figure img {
          width: 100%;
          height: auto; } }
    #container_actualite figure figcaption {
      top: 60%;
      left: 11%;
      right: 10%;
      display: block;
      background: #ffffffcf;
      color: #000000;
      padding: 1.5%;
      border-radius: 5px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -ms-flex-pack: distribute;
          justify-content: space-around;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      font-size: 9pt; }
      #container_actualite figure figcaption span {
        -ms-flex-preferred-size: 30%;
            flex-basis: 30%; }
  #container_actualite div.contenu_article {
    margin-top: 2%; }

.article_premier_items {
  padding: 1%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-column-gap: 2%;
          column-gap: 2%; }
  .article_premier_items div {
    -ms-flex-preferred-size: 30%;
        flex-basis: 30%;
    height: 400px;
    border: 1px solid red;
    margin-bottom: 2%; }

#gallerie-page {
  margin-bottom: 3rem;
  position: relative; }
  #gallerie-page h1 {
    line-height: 5rem;
    font-size: 2rem;
    width: 90%;
    margin: auto;
    color: white; }
    @media screen and (max-width: 600px) {
      #gallerie-page h1 {
        font-size: 1.7rem; } }
  #gallerie-page div.gallerie-control {
    background: #18391a;
    line-height: 30px;
    color: white;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    position: relative; }
    #gallerie-page div.gallerie-control span {
      position: relative;
      width: 100px;
      text-align: center;
      display: inline-block;
      right: 1px; }
      #gallerie-page div.gallerie-control span#afficher-date {
        color: #18391a; }
      #gallerie-page div.gallerie-control span:hover {
        color: #000;
        background: white;
        cursor: pointer; }
      #gallerie-page div.gallerie-control span label:hover {
        width: 100%;
        display: block;
        color: #18391a;
        background: white;
        cursor: pointer; }
  #gallerie-page div.gallerie-items {
    display: grid;
    grid-template-columns: 18% 18% 18% 18% 18%;
    -ms-flex-pack: distribute;
        justify-content: space-around; }
    #gallerie-page div.gallerie-items div.gallerie-item {
      position: relative;
      margin-bottom: 15%; }
      #gallerie-page div.gallerie-items div.gallerie-item figure {
        -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 0 8px rgba(0, 0, 0, 0.3);
                box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 0 8px rgba(0, 0, 0, 0.3); }
        #gallerie-page div.gallerie-items div.gallerie-item figure img {
          width: 100%;
          -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 0 8px rgba(0, 0, 0, 0.3);
                  box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 0 8px rgba(0, 0, 0, 0.3);
          display: block;
          padding: 2px;
          background-color: white; }
          #gallerie-page div.gallerie-items div.gallerie-item figure img:hover {
            cursor: pointer;
            transform: scale(1.05);
            -webkit-transform: scale(1.05);
            -moz-transform: scale(1.05);
            -ms-transform: scale(1.05);
            -o-transform: scale(1.05);
            -webkit-transition: -webkit-transform 0.20s;
            transition: -webkit-transform 0.20s;
            transition: transform 0.20s;
            transition: transform 0.20s, -webkit-transform 0.20s;
            -webkit-transition: transform 0.20s;
            -moz-transition: transform 0.20s;
            -ms-transition: transform 0.20s;
            -o-transition: transform 0.20s; }
        #gallerie-page div.gallerie-items div.gallerie-item figure figcaption.figcation {
          background: whitesmoke;
          color: black;
          display: block;
          font-size: .8rem;
          padding-left: 2.5%;
          height: 60px;
          overflow: hidden;
          display: -webkit-box;
          -webkit-line-clamp: 3;
          -webkit-box-orient: vertical; }
    @media screen and (max-width: 600px) {
      #gallerie-page div.gallerie-items {
        grid-template-columns: 48% 48%;
        -ms-flex-pack: distribute;
            justify-content: space-around; } }
  @media screen and (max-width: 600px) {
    #gallerie-page {
      margin-bottom: 2rem; } }

div.afficheur {
  display: none;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.8);
  position: fixed;
  top: 0;
  right: 0;
  z-index: 1000;
  padding: 1%; }
  div.afficheur div.liste-image {
    width: 2000px;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    bottom: 0;
    top: 2%;
    position: relative;
    -webkit-animation: 30s linear 0s infinite alternate slidein;
    animation: 30s linear 0s infinite alternate slidein;
    background: rgba(0, 0, 0, 0.8); }
    div.afficheur div.liste-image img {
      width: 200px;
      -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 0 8px rgba(0, 0, 0, 0.3);
              box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 0 8px rgba(0, 0, 0, 0.3);
      display: block;
      padding: 2px;
      border: 2px solid white;
      background-color: white;
      display: inline-block;
      -webkit-transition: -webkit-transform 0.20s;
      transition: -webkit-transform 0.20s;
      transition: transform 0.20s;
      transition: transform 0.20s, -webkit-transform 0.20s;
      -webkit-transition: transform 0.20s;
      -moz-transition: transform 0.20s;
      -ms-transition: transform 0.20s;
      -o-transition: transform 0.20s; }
      @media screen and (max-width: 600px) {
        div.afficheur div.liste-image img {
          width: 150px; } }
      div.afficheur div.liste-image img:hover {
        cursor: pointer;
        border: 1px solid white;
        transform: scale(1.05);
        -webkit-transform: scale(1.05);
        -moz-transform: scale(1.05);
        -ms-transform: scale(1.05);
        -o-transform: scale(1.05); }
    div.afficheur div.liste-image:hover {
      -webkit-animation-play-state: paused;
              animation-play-state: paused; }

.afficheur-div-img {
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  margin: auto; }
  .afficheur-div-img img {
    width: 100%;
    display: block;
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 0 8px rgba(0, 0, 0, 0.3);
            box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 0 8px rgba(0, 0, 0, 0.3);
    border: 0.2rem solid white;
    padding: 0.2rem; }
    .afficheur-div-img img:hover {
      transform: scale(1.2);
      -webkit-transform: scale(1.2);
      -moz-transform: scale(1.2);
      -ms-transform: scale(1.2);
      -o-transform: scale(1.2);
      -webkit-transition: -webkit-transform 0.60s;
      transition: -webkit-transform 0.60s;
      transition: transform 0.60s;
      transition: transform 0.60s, -webkit-transform 0.60s;
      -webkit-transition: transform 0.60s;
      -moz-transition: transform 0.60s;
      -ms-transition: transform 0.60s;
      -o-transition: transform 0.60s; }
  @media screen and (max-width: 600px) {
    .afficheur-div-img {
      width: 90%; } }

#video-page {
  position: relative;
  top: 0rem;
  bottom: 4rem;
  margin: 1%; }
  #video-page div#barre-recherche-video {
    line-height: 3.5rem;
    position: relative;
    background: #fff;
    padding: 0.5%; }
    #video-page div#barre-recherche-video div.div-recherche label[for='date-video-checrche'] {
      display: inline-block;
      height: 35px;
      width: 100px;
      text-align: center;
      margin-left: 3rem;
      background-color: #18391a;
      color: white; }
      #video-page div#barre-recherche-video div.div-recherche label[for='date-video-checrche']:hover {
        color: rgba(172, 245, 2, 0.986);
        transition: 0.18s;
        -webkit-transition: 0.18s;
        -moz-transition: 0.18s;
        -ms-transition: 0.18s;
        -o-transition: 0.18s;
        cursor: pointer; }
    #video-page div#barre-recherche-video div.div-recherche input,
    #video-page div#barre-recherche-video div.div-recherche button {
      border: 0;
      font-size: 1.1rem;
      line-height: 2.1rem;
      height: 35px; }
    #video-page div#barre-recherche-video div.div-recherche input {
      width: 36%;
      padding-left: 1%;
      display: inline-block;
      position: relative;
      right: -0.2%;
      border-bottom: 1px solid black; }
    #video-page div#barre-recherche-video div.div-recherche button {
      color: white;
      width: 12%;
      background-color: #18391a;
      display: inline-block;
      text-align: center; }
      #video-page div#barre-recherche-video div.div-recherche button:hover {
        color: white;
        background-color: #029740;
        transition: all 0.25s;
        -webkit-transition: all 0.25s;
        -moz-transition: all 0.25s;
        -ms-transition: all 0.25s;
        -o-transition: all 0.25s;
        cursor: pointer; }
  #video-page div.video-partie-1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    border-bottom: 0.5px solid white;
    padding-bottom: 2%;
    margin-top: 2%; }
    #video-page div.video-partie-1 div#container-video iframe {
      -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 0 8px rgba(0, 0, 0, 0.3);
              box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 0 8px rgba(0, 0, 0, 0.3);
      width: 620px;
      height: 350px; }
      @media screen and (max-width: 600px) {
        #video-page div.video-partie-1 div#container-video iframe {
          width: 100%;
          height: 100%;
          margin-bottom: 1.5rem; } }
    #video-page div.video-partie-1 div.video-recente {
      width: 45%; }
      #video-page div.video-partie-1 div.video-recente h1 {
        color: white;
        width: 100%;
        text-align: center;
        margin-bottom: 2rem; }
        @media screen and (max-width: 600px) {
          #video-page div.video-partie-1 div.video-recente h1 {
            margin-top: 2rem;
            margin-bottom: 2rem;
            margin-width: 100%; } }
      @media screen and (max-width: 600px) {
        #video-page div.video-partie-1 div.video-recente {
          width: 100%; } }
      #video-page div.video-partie-1 div.video-recente div.video-nouvelle {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: distribute;
            justify-content: space-around;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        row-gap: 5%;
        background: #000;
        line-height: 100px;
        padding: 1%; }
        #video-page div.video-partie-1 div.video-recente div.video-nouvelle figure {
          -ms-flex-preferred-size: 30%;
              flex-basis: 30%;
          margin-bottom: 2%; }
          #video-page div.video-partie-1 div.video-recente div.video-nouvelle figure a.video-nouvelle-item {
            -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 0 8px rgba(0, 0, 0, 0.3);
                    box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 0 8px rgba(0, 0, 0, 0.3);
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center; }
            #video-page div.video-partie-1 div.video-recente div.video-nouvelle figure a.video-nouvelle-item span {
              display: block;
              width: 100%;
              height: 100%;
              text-align: center;
              background: rgba(0, 0, 0, 0.5); }
              #video-page div.video-partie-1 div.video-recente div.video-nouvelle figure a.video-nouvelle-item span i {
                font-size: 2.5rem;
                color: white; }
                #video-page div.video-partie-1 div.video-recente div.video-nouvelle figure a.video-nouvelle-item span i:hover {
                  color: #db6a6a; }
          #video-page div.video-partie-1 div.video-recente div.video-nouvelle figure figcaption {
            line-height: 1.5rem;
            background: whitesmoke;
            color: black;
            -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 0 8px rgba(0, 0, 0, 0.3);
                    box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 0 8px rgba(0, 0, 0, 0.3);
            display: block;
            width: 100%; }
            #video-page div.video-partie-1 div.video-recente div.video-nouvelle figure figcaption span {
              font-size: .7rem;
              display: block;
              line-height: 20px; }
              #video-page div.video-partie-1 div.video-recente div.video-nouvelle figure figcaption span:nth-child(1) {
                font-weight: bolder;
                text-align: center; }
              #video-page div.video-partie-1 div.video-recente div.video-nouvelle figure figcaption span:nth-child(2) {
                padding-left: 2.5%;
                height: 60px;
                overflow: hidden;
                display: -webkit-box;
                -webkit-line-clamp: 3;
                -webkit-box-orient: vertical; }
          #video-page div.video-partie-1 div.video-recente div.video-nouvelle figure:hover {
            transform: scale(1.1);
            -webkit-transform: scale(1.1);
            -moz-transform: scale(1.1);
            -ms-transform: scale(1.1);
            -o-transform: scale(1.1);
            -webkit-transition: -webkit-transform 0.25s;
            transition: -webkit-transform 0.25s;
            transition: transform 0.25s;
            transition: transform 0.25s, -webkit-transform 0.25s;
            -webkit-transition: transform 0.25s;
            -moz-transition: transform 0.25s;
            -ms-transition: transform 0.25s;
            -o-transition: transform 0.25s; }
        @media screen and (max-width: 600px) {
          #video-page div.video-partie-1 div.video-recente div.video-nouvelle {
            grid-template-columns: repeat(2, 1fr);
            -webkit-column-gap: 2%;
                    column-gap: 2%;
            row-gap: 2%;
            margin: 0%; } }
    @media screen and (max-width: 600px) {
      #video-page div.video-partie-1 {
        display: block; } }
  #video-page div.video-part-2 {
    position: relative;
    margin-top: 3rem; }
    #video-page div.video-part-2 h1 {
      color: white;
      width: 20%;
      text-align: center;
      line-height: 2rem;
      margin-bottom: 2rem; }
      @media screen and (max-width: 600px) {
        #video-page div.video-part-2 h1 {
          width: 50%;
          margin-top: 3rem;
          margin-bottom: 2rem; } }
    #video-page div.video-part-2 div.video-ancienne {
      padding-bottom: 4rem;
      padding-left: 1rem;
      padding-right: 1rem;
      display: grid;
      grid-template-columns: repeat(5, 1fr);
      -ms-flex-pack: distribute;
          justify-content: space-around;
      -webkit-column-gap: 5%;
              column-gap: 5%;
      row-gap: 5%;
      line-height: 100px; }
      #video-page div.video-part-2 div.video-ancienne figure {
        width: 100%; }
        #video-page div.video-part-2 div.video-ancienne figure a.video-nouvelle-item {
          -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 0 8px rgba(0, 0, 0, 0.3);
                  box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 0 8px rgba(0, 0, 0, 0.3);
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center; }
          #video-page div.video-part-2 div.video-ancienne figure a.video-nouvelle-item span {
            display: block;
            width: 100%;
            height: 100%;
            text-align: center;
            background: rgba(0, 0, 0, 0.5); }
            #video-page div.video-part-2 div.video-ancienne figure a.video-nouvelle-item span i {
              font-size: 2.5rem;
              color: white; }
              #video-page div.video-part-2 div.video-ancienne figure a.video-nouvelle-item span i:hover {
                color: #db6a6a; }
        #video-page div.video-part-2 div.video-ancienne figure figcaption {
          line-height: 1.5rem;
          background: whitesmoke;
          color: black;
          -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 0 8px rgba(0, 0, 0, 0.3);
                  box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 0 8px rgba(0, 0, 0, 0.3);
          display: block;
          width: 100%; }
          #video-page div.video-part-2 div.video-ancienne figure figcaption span {
            font-size: .7rem;
            display: block;
            line-height: 20px; }
            #video-page div.video-part-2 div.video-ancienne figure figcaption span:nth-child(1) {
              font-weight: bolder;
              text-align: center; }
            #video-page div.video-part-2 div.video-ancienne figure figcaption span:nth-child(2) {
              padding-left: 2.5%;
              height: 60px;
              overflow: hidden;
              display: -webkit-box;
              -webkit-line-clamp: 3;
              -webkit-box-orient: vertical; }
        #video-page div.video-part-2 div.video-ancienne figure:hover {
          transform: scale(1.1);
          -webkit-transform: scale(1.1);
          -moz-transform: scale(1.1);
          -ms-transform: scale(1.1);
          -o-transform: scale(1.1);
          -webkit-transition: -webkit-transform 0.25s;
          transition: -webkit-transform 0.25s;
          transition: transform 0.25s;
          transition: transform 0.25s, -webkit-transform 0.25s;
          -webkit-transition: transform 0.25s;
          -moz-transition: transform 0.25s;
          -ms-transition: transform 0.25s;
          -o-transition: transform 0.25s; }
      @media screen and (max-width: 600px) {
        #video-page div.video-part-2 div.video-ancienne {
          grid-template-columns: repeat(2, 1fr); } }
    @media screen and (max-width: 600px) {
      #video-page div.video-part-2 {
        margin-top: 5rem; } }

#container_connexion {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  #container_connexion h3 {
    margin-top: 5%; }
  #container_connexion form.form {
    width: 30%;
    margin: auto;
    position: relative;
    margin-bottom: 5%; }
    #container_connexion form.form div.form-group label,
    #container_connexion form.form div.form-group input,
    #container_connexion form.form div.form-group span {
      display: block;
      width: 100%;
      height: 35px; }
    #container_connexion form.form div.form-group input[type="text"] {
      font-size: 1rem; }
    #container_connexion form.form div.form-group input[type="password"] {
      font-size: 1rem; }
    #container_connexion form.form div.form-group input[type="submit"] {
      background-color: #18391a;
      color: white;
      border: 0; }
      #container_connexion form.form div.form-group input[type="submit"]:hover {
        color: black;
        background-color: rgba(0, 0, 255, 0.5);
        cursor: pointer; }
    #container_connexion form.form div.form-group input[type="reset"] {
      background-color: #029740;
      color: white;
      border: 0; }
      #container_connexion form.form div.form-group input[type="reset"]:hover {
        color: black;
        background-color: rgba(255, 0, 0, 0.5);
        cursor: pointer; }
    #container_connexion form.form div.form-group span.form-erreur {
      background-color: rgba(255, 0, 0, 0.5);
      text-align: center; }
    @media screen and (max-width: 600px) {
      #container_connexion form.form {
        width: 100%; } }

section.container_histoire_apropos {
  margin: 2%; }
  section.container_histoire_apropos h3 {
    padding: 1%; }
  section.container_histoire_apropos div.container_1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start; }
    @media screen and (max-width: 600px) {
      section.container_histoire_apropos div.container_1 {
        display: block; } }
    section.container_histoire_apropos div.container_1 figure {
      -ms-flex-preferred-size: 40%;
          flex-basis: 40%; }
      @media screen and (max-width: 600px) {
        section.container_histoire_apropos div.container_1 figure {
          display: block;
          width: 100%; } }
      section.container_histoire_apropos div.container_1 figure img {
        width: 100%; }
    section.container_histoire_apropos div.container_1 blockquote {
      font-family: "Poppins", sans-serif;
      font-size: 14px;
      -ms-flex-preferred-size: 60%;
          flex-basis: 60%; }
      section.container_histoire_apropos div.container_1 blockquote strong {
        padding: 1%;
        display: block;
        border: 1px solid #029740;
        width: 20%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        border-radius: 5px;
        margin-bottom: 2%;
        margin-top: 2%; }
        @media screen and (max-width: 600px) {
          section.container_histoire_apropos div.container_1 blockquote strong {
            display: block;
            width: 50%;
            text-align: center; } }

.titre_section {
  margin-top: 3%;
  width: 30%;
  text-align: center;
  font-size: 3em;
  background: #00c853;
  color: white;
  padding: 0.5%; }
  @media screen and (max-width: 600px) {
    .titre_section {
      font-size: 1.5em;
      width: 50%; } }

#container_comment {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  width: 90%;
  margin: auto;
  padding: 1.5%;
  background: #fff; }
  @media screen and (max-width: 600px) {
    #container_comment {
      display: block;
      width: 95%;
      margin-top: 5%; } }
  #container_comment form {
    -ms-flex-preferred-size: 40%;
        flex-basis: 40%; }
    @media screen and (max-width: 600px) {
      #container_comment form {
        display: block;
        margin: auto; } }
    #container_comment form div {
      margin-bottom: 4%; }
      #container_comment form div input {
        width: 90%;
        margin: auto;
        display: block;
        height: 45px;
        padding: 2%;
        border: none;
        outline: none;
        border: 1px solid #029740;
        border-radius: 5px; }
        #container_comment form div input::-webkit-input-placeholder {
          color: #00c853; }
        #container_comment form div input:-ms-input-placeholder {
          color: #00c853; }
        #container_comment form div input::-ms-input-placeholder {
          color: #00c853; }
        #container_comment form div input::placeholder {
          color: #00c853; }
      #container_comment form div button {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        height: 35px;
        width: 50%;
        border: none;
        border-radius: 2px;
        background-color: #00c853;
        color: white;
        -webkit-transition: 1s all;
        transition: 1s all;
        margin: auto; }
        #container_comment form div button:hover {
          background: #029740; }
      #container_comment form div textArea {
        width: 90%;
        display: block;
        margin: auto; }
  #container_comment div#conaiteneir_liste_commentaire {
    -ms-flex-preferred-size: 55%;
        flex-basis: 55%; }
    #container_comment div#conaiteneir_liste_commentaire h2 {
      padding: 1.5%;
      margin: 0;
      border-bottom: 1px solid grey; }
    #container_comment div#conaiteneir_liste_commentaire ul {
      padding: 0;
      margin: 0;
      padding-top: 2%; }
      #container_comment div#conaiteneir_liste_commentaire ul li {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        -ms-flex-pack: distribute;
            justify-content: space-around;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start; }
        #container_comment div#conaiteneir_liste_commentaire ul li figure {
          -ms-flex-preferred-size: 20%;
              flex-basis: 20%;
          background: #eff4f6;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
              -ms-flex-direction: row;
                  flex-direction: row;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          height: 80pt; }
          #container_comment div#conaiteneir_liste_commentaire ul li figure i {
            font-size: 5em; }
        #container_comment div#conaiteneir_liste_commentaire ul li div {
          -ms-flex-preferred-size: 75%;
              flex-basis: 75%;
          font-size: 9pt;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column;
          -ms-flex-pack: distribute;
              justify-content: space-around;
          -webkit-box-align: start;
              -ms-flex-align: start;
                  align-items: flex-start; }
          #container_comment div#conaiteneir_liste_commentaire ul li div strong {
            margin-bottom: 2%; }

#concepteur {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  @media screen and (max-width: 600px) {
    #concepteur {
      display: block;
      text-align: center; } }
  @media screen and (max-width: 600px) {
    #concepteur strong {
      display: block;
      text-align: center; } }
  #concepteur a {
    color: white; }
    @media screen and (max-width: 600px) {
      #concepteur a {
        display: block;
        text-align: center; } }

#container_partage {
  width: 20vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  @media screen and (max-width: 600px) {
    #container_partage {
      width: 50vw; } }

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