@font-face {
  font-family: candara;
  src: url(../fonts/Candara.ttf);
}
@font-face {
  font-family: candaraBold;
  src: url(../fonts/Candara_Bold.ttf);
}
@font-face {
  font-family: calibri;
  src: url(../fonts/Calibri.ttf);
}
#actualites {
  display: block;
  width: 100%;
  padding-top: calc(min(10cqw, 150px) + 20px);
  background-color: #172869;
  clip-path: polygon(0 0, 100% min(10cqw, 150px), 100% 100%, 0 calc(100% - min(10cqw, 150px)));
}
#actualites .zoneActu.dragging {
  scroll-snap-type: none;
  scroll-behavior: auto;
}
#actualites .zoneActu.dragging .actu {
  cursor: grab;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
#actualites .zoneActu::-webkit-scrollbar {
  display: none;
}
#actualites .zoneActu.no-transition {
  scroll-behavior: auto;
}
#actualites .zoneActu {
  display: grid;
  grid-auto-flow: column;
  overflow-x: scroll;
  padding-bottom: calc(min(10cqw, 150px) + 20px);
  margin-left: auto;
  margin-right: auto;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
#actualites .zoneActu .actu {
  scroll-snap-align: start;
}
#actualites .zoneActu .actu .imageActu {
  display: block;
  background-color: #009DDF;
}
#actualites .zoneActu .actu .imageActu img {
  display: block;
  margin: auto;
  height: 100%;
  background-size: contain;
}
#actualites .zoneActu .actu .textActu {
  display: block;
  color: white;
  margin: auto;
  font-size: large;
  height: 100px;
}

.programme {
  margin-bottom: 50px;
}

#presentation {
  display: block;
  width: 100%;
  color: white;
}
#presentation hr {
  margin: auto;
  width: 50%;
  min-width: 300px;
  color: white;
  background-color: white;
  height: 2px;
  margin: 20px auto;
}
#presentation h2 {
  font-family: candaraBold;
  text-align: center;
  text-transform: uppercase;
  font-size: 22pt;
}
#presentation h4 {
  font-family: candara;
  text-align: center;
  text-transform: uppercase;
  font-size: 18pt;
}
#presentation p {
  font-family: calibri;
}
#presentation h2,
#presentation h4,
#presentation p {
  display: block;
  width: min(80vw, 1000px);
  margin: auto;
}

#histoireBinbin {
  margin-top: 70px;
  color: white;
  font-family: candara;
  text-align: center;
  text-transform: uppercase;
  font-size: 18pt;
}
#histoireBinbin hr {
  margin: 10px auto 30px auto;
  width: 50%;
  min-width: 300px;
  color: white;
  background-color: white;
  height: 2px;
}

.partenairesAccueil {
  margin-top: 40px;
  gap: 10px;
}
.partenairesAccueil h2 {
  display: block;
  width: 100%;
  text-align: center;
}
.partenairesAccueil .partenaire {
  flex-basis: content !important;
  display: flex !important;
  justify-content: center;
}
.partenairesAccueil .partenaire a {
  display: flex;
  justify-content: center;
}
.partenairesAccueil .partenaire a img {
  max-width: 300px !important;
  width: 75% !important;
  height: auto !important;
}

@media screen and (min-width: 801px) {
  .zoneActu {
    width: min(840px, 90vw);
  }
  .zoneActu .actu .imageActu {
    width: min(840px, 90vw);
    height: min(630px, 67.5vw);
  }
  .zoneActu .actu {
    /* .textActu{
        width: calc((1080px*0.5) - 50px);
    } */
  }
}
@media screen and (max-width: 800px) {
  .zoneActu {
    width: 90vw;
  }
  .zoneActu .actu .imageActu {
    width: min(840px, 90vw);
    height: min(630px, 67.5vw);
    /* img{
        width: min(90vw, calc(1200*0.4));
        height: calc(90vw * 0.75);
    } */
  }
  .zoneActu .actu {
    /* .textActu{
        width: calc((1080px*0.3) - 50px);

    } */
  }
}/*# sourceMappingURL=styleIndex.css.map */