.logo {
      height: 50px;
    }

    .bg-dark2 {
      background-color: #050a0d !important;
    }

    .bg-degrade {
      background: rgb(30,36,42);
      background: -moz-linear-gradient(324deg, rgba(30,36,42,1) 46%, rgba(47,55,59,1) 100%);
      background: -webkit-linear-gradient(324deg, rgba(30,36,42,1) 46%, rgba(47,55,59,1) 100%);
      background: linear-gradient(324deg, rgba(30,36,42,1) 46%, rgba(47,55,59,1) 100%);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1e242a",endColorstr="#2f373b",GradientType=1);
    }


    .breaking_news_text {
      padding-top: 0;
    }

    @media only screen and (max-width: 450px) {
      .breaking_news_text {
        padding-top: 20px;
      }
    }



    /* ---------------
      Alveoles 
    ---------------- */
    .gallery {
      --s: 125px; /* control the size */
      --g: 10px;  /* control the gap */
      display: grid;
      margin: calc(var(--s) + var(--g));      
    }
    .alveoles {
      margin-left: -90px;
    }
    .mieux_comprendre_en_2_minutes {
       font-size: 18pt;
    }
    .margin-top-titre {
      margin-top: -50px !important;
    }
    .titre-page-section {
       height: 220px !important;
    }
    .titre-page {
      margin-top: 80px;
    }

    @media only screen and (max-width: 900px) {
      .gallery {
        --s: 95px; /* control the size */
        --g: 10px;  /* control the gap */
        display: grid;
        margin: calc(var(--s) + var(--g));
      }
      .mieux_comprendre_en_2_minutes {
         font-size: 16pt;
      }
      .margin-top-titre {
        margin-top: -25px !important;
      }
      .titre-page-section {
         height: 240px !important;
      }
      .titre-page {
        margin-top: 105px;
      }
    }

    @media only screen and (max-width: 450px) {
      .gallery {
        --s: 70px; /* control the size */
        --g: 10px;  /* control the gap */
        display: grid;
        margin: calc(var(--s) + var(--g));
      }
      .alveoles {
        margin-left: 50px !important;
        margin-top:  0 !important;
      }
      .mieux_comprendre_en_2_minutes {
         font-size: 14pt;
      }
      .margin-top-titre {
        margin-top: 0 !important;
      }
      .titre-page-section {
         height: 200px !important;
      }
      .titre-page {
        margin-top: 105px;
      }
    }

    .gallery > img {
      grid-area: 1/1;
      width: var(--s);
      aspect-ratio: 1.15;
      object-fit: cover;
      clip-path: polygon(10% 25%, 50% 0, 90% 25%, 90% 75%, 50% 100%, 10% 75%); /*(25% 0%, 75% 0%, 100% 50%,75% 100%,25% 100%,0 50%);*/
      transform: translate(var(--_x,0),var(--_y,0)) scale(var(--_t,1));
      cursor: pointer;
      filter: grayscale(40%);
      transition: .2s linear;
    }

    .gallery > img:hover {
      filter: grayscale(0);
      z-index: 1;
      --_t: 1.2;
    }


    .gallery > img:nth-child(1) {--_x: calc( 10% - .87*var(--g))}  /* 1. Horizontal */
    .gallery > img:nth-child(1) {--_y: calc(-100% - var(--g))}      /* 1. Vertical */
    .gallery > img:nth-child(2) {--_x: calc( 100% - .87*var(--g))}  /* 2. Horizontal */
    .gallery > img:nth-child(2) {--_y: calc(-100% - var(--g))}      /* 2. Vertical */
    .gallery > img:nth-child(3) {--_x: calc( 191% - .87*var(--g))}  /* 3. Horizontal */
    .gallery > img:nth-child(3) {--_y: calc(-100% - var(--g))}      /* 3. Vertical */
    .gallery > img:nth-child(4) {--_x: calc( 54% - .87*var(--g))}  /* 4. Horizontal */
    .gallery > img:nth-child(4) {--_y: calc(-14% - var(--g))}      /* 4. Vertical */
    .gallery > img:nth-child(5) {--_x: calc(145% - .87*var(--g))}  /* 5. Horizontal */
    .gallery > img:nth-child(5) {--_y: calc(-14% - var(--g))}      /* 5. Vertical */
    .gallery > img:nth-child(6) {--_x: calc(236% - .87*var(--g))}  /* 6. Horizontal */
    .gallery > img:nth-child(6) {--_y: calc(-14% - var(--g))}      /* 6. Vertical */
    .gallery > img:nth-child(7) {--_x: calc( 10% - .87*var(--g))}  /* 7. Horizontal */
    .gallery > img:nth-child(7) {--_y: calc( 72% - var(--g))}      /* 7. Vertical */
    .gallery > img:nth-child(8) {--_x: calc( 100% - .87*var(--g))} /* 8. Horizontal */
    .gallery > img:nth-child(8) {--_y: calc( 72% - var(--g))}      /* 8. Vertical */
    .gallery > img:nth-child(9) {--_x: calc( 190% - .87*var(--g))} /* 9. Horizontal */
    .gallery > img:nth-child(9) {--_y: calc( 72% - var(--g))}      /* 9. Vertical */
    .gallery > img:nth-child(10) {--_x: calc(281% - .87*var(--g))} /* 10. Horizontal */
    .gallery > img:nth-child(10) {--_y: calc(72% - var(--g))}      /* 10. Vertical */
    .gallery > img:nth-child(11) {--_x: calc(236% - .87*var(--g))}  /* 11. Horizontal */
    .gallery > img:nth-child(11) {--_y: calc(157% - var(--g))}      /* 11. Vertical */