/* @media (max-width: 901px) {
  .droite {
    display: none;
  }
} */

/*	En dessous c'est le carousel des images*/
/* .mySlides {
  display: none;
}

img {
  vertical-align: middle;
} */

/* Slideshow container */
/* .slideshow-container {
  max-width: 95%;
  position: relative;
  margin: auto;
  padding-top: 2%;
} */

/* The dots/bullets/indicators */
/* .dot {
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
} */

/* Fading animation
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {
    opacity: .4
  }

  to {
    opacity: 1
  }
}

@keyframes fade {
  from {
    opacity: .4
  }

  to {
    opacity: 1
  }
} */

/* iframe.youtube {
  margin-bottom: -4px;
  height: 270px;
  border: none;
}

@media (max-width: 1300px) {
  iframe.youtube {
    height: 340px;
  }
}

@media (max-width: 1250px) {
  iframe.youtube {
    height: 300px;
  }
}

@media (max-width: 1050px) {
  iframe.youtube {
    height: 250px;
  }
}

@media (max-width: 850px) {
  iframe.youtube {
    height: 220px;
  }
}

@media (max-width: 710px) {
  iframe.youtube {
    height: 200px;
  }
}

@media (max-width: 680px) {
  iframe.youtube {
    height: 180px;
  }
}

@media (max-width: 615px) {
  iframe.youtube {
    height: 300px;
  }
}

@media (max-width: 550px) {
  iframe.youtube {
    height: 265px;
  }
}

@media (max-width: 485px) {
  iframe.youtube {
    height: 235px;
  }
}

@media (max-width: 435px) {
  iframe.youtube {
    height: 205px;
  }
}

@media (max-width: 360px) {
  iframe.youtube {
    height: 185px;
  }
}

@media (max-width: 300px) {
  iframe.youtube {
    height: 150px;
  }
} */

.blocvideoabidex {
  background-color: black;
  border: rgb(0, 56, 136);
  border-width: 4px;
  border-style: solid;
}

.bloctxtabidex2 {
  background-color: white;
  padding: 2%;
  color: black;
  border: rgb(0, 56, 136);
  border-width: 3px;
  border-style: solid;
  display: flex;
  cursor: default;
}

@media (max-width: 500px) {
  .bloctxtabidex2 {
    display: block;
  }
}

.bloctxt {
  cursor: default !important;
}

.bloctxtabidex {
  float: left;
  width: 100%;
  text-align: center;
  padding-top: 20px;
}

.blocrond {
  width: 85%;
  margin: auto;
}

.cache {
  display: none;
}

.visible {
  margin: auto;
  max-width: 250px;
  max-height: 200px;
}

@media (max-width: 500px) {
  .visible {
    margin-bottom: 2%;
  }
}

.pnewsimg {
  font-family: sans-serif;
  margin: auto;
  padding-left: 3%;
  padding-right: 2%;
  text-align: justify;
}

.pnewstxt {
  font-family: sans-serif;
  margin: auto;
}

.curseur:hover {
  cursor: inherit;
}

/* #reprendre {
  display: none;
  text-align: center;
  background-color: green;
  border: none;
  color: white;
  padding: 10px 39px;
  text-decoration: none;
  font-size: 14px;
  margin: auto;
  cursor: pointer;
  border-radius: 12px;
  margin-top: 1.5%;
}

@media screen and (max-width: 810px) {
  #reprendre {
    font-size: 13px;
    padding: 7px 20px;
  }
}

@media screen and (max-width: 720px) {
  #reprendre {
    font-size: 12.5px;
  }
}

@media screen and (max-width: 500px) {
  #reprendre {
    font-size: 11.5px;
    padding: 4px 16px;
  }
}

@media screen and (max-width: 330px) {
  #reprendre {
    font-size: 10px;
    padding: 3px 15px;
  }
}

#pause {
  text-align: center;
  background-color: #fc0;
  border: none;
  color: black;
  padding: 10px 39px;
  text-align: center;
  text-decoration: none;
  font-size: 14px;
  margin: auto;
  cursor: pointer;
  border-radius: 12px;
  margin-top: 1.5%;
}

@media screen and (max-width: 810px) {
  #pause {
    font-size: 13px;
    padding: 7px 20px;
  }
}

@media screen and (max-width: 720px) {
  #pause {
    font-size: 12.5px;
  }
}

@media screen and (max-width: 500px) {
  #pause {
    font-size: 11.5px;
    padding: 4px 16px;
  }
}

@media screen and (max-width: 330px) {
  #pause {
    font-size: 10px;
    padding: 3px 15px;
  }
} */

.dot {
  display: none;
}

.millieupage {
  padding-top: 0px;
}

.lien {
  color: blue !important;
  cursor: pointer !important;
  font-weight: bold;
}

/* surpasse imgrd.css pour afficher les 3 vignettes */
@media screen and (max-width: 330px) {
  .blocimgtxt2rond {
    width: 100% !important;
  }
}

/* Photo interactive */
.carteBtnLora {
  display: block;
  margin: 0 auto;
  width: 60px;
}

@media screen and (max-width: 1000px) {
  .carteBtnLora {
    width: 40px;
  }
}


@media screen and (max-width: 690px) {
  .carteBtnLora {
    width: 20px;
  }
}


.carteBtn {
  display: block;
  margin: 0 auto;
  width: 22px;
}

@media screen and (max-width: 1000px) {
  .carteBtn {
    width: 18px;
  }
}


@media screen and (max-width: 690px) {
  .carteBtn {
    width: 12px;
  }
}

@media screen and (max-width: 500px) {
  .carteBtn {
    width: 8px;
  }
}

.interactive {
  position: relative;
  /* display: inline-block; */
  max-width: 100%;
}

/* .interactive img {
        width: 100%;
        height: auto;
        display: block;
      } */

.hotspot {
  position: absolute;
  transform: translate(-50%, -50%);
  font-size: 20px;
  cursor: pointer;
  transition: transform 0.15s;
  text-decoration: none
}

.hotspot:hover {
  transform: translate(-50%, -50%) scale(1.2);
}

/* Photo interactive END */