.videorecits{
    width:100%;
    height: auto;
}

.contenant-recits {
    position: relative;
    width: 100%;
  }

  .image-recits {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 10px;
    opacity:1;
    transition: 0.5s;
  }
  .recouvrement {
    position: absolute;
    border-radius: 10px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    height: 100%;
    
    opacity: 0;
    transition: 0.5s ease;
  }

  .contenant-recits:hover .image-recits {
    opacity: 0;
  }

  .contenant-recits:hover .recouvrement {
    opacity: 1;
  }

  .etienne-brule {
    position: absolute;
    border-radius: 10px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-image: url("https://francophoniedesameriques.com/sites/default/files/A12276_Re%CC%81cits-historiques-des-Ame%CC%81riques_mozai%CC%88que_1080X1080_EPF-02.jpg?fid=3016");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    overflow: hidden;
    opacity: 1;
  }

  .simon-bolivar {
    position: absolute;
    border-radius: 10px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-image: url("https://francophoniedesameriques.com/sites/default/files/A12276_Re%CC%81cits-historiques-des-Ame%CC%81riques_mozai%CC%88que_1080X1080_EPF-04.jpg?fid=3018");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    overflow: hidden;
    opacity: 1;
  }

.marie-anne-gaboury {
    position: absolute;
    border-radius: 10px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-image: url("https://francophoniedesameriques.com/sites/default/files/A12276_Re%CC%81cits-historiques-des-Ame%CC%81riques_mozai%CC%88que_1080X1080_EPF-06.jpg?fid=3020");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    overflow: hidden;
    opacity: 1;
  }

.samuel-de-champlain {
  position: absolute;
  border-radius: 10px;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-image: url("https://francophoniedesameriques.com/sites/default/files/A12276_Re%CC%81cits-historiques-des-Ame%CC%81riques_mozai%CC%88que_1080X1080_EPF-08.jpg?fid=3022");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
  overflow: hidden;
  opacity: 1;
}

.che-guevara {
  position: absolute;
  border-radius: 10px;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-image: url("https://francophoniedesameriques.com/sites/default/files/A12276_Re%CC%81cits-historiques-des-Ame%CC%81riques_mozai%CC%88que_1080X1080_EPF-10.jpg?fid=3024");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
  overflow: hidden;
  opacity: 1;
}

.emilie-fortin-tremblay {
  position: absolute;
  border-radius: 10px;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-image: url("https://francophoniedesameriques.com/sites/default/files/A12276_Re%CC%81cits-historiques-des-Ame%CC%81riques_mozai%CC%88que_1080X1080_EPF-12.jpg?fid=3026");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
  overflow: hidden;
  opacity: 1;
}

.francoise-marie-jacquelin {
  position: absolute;
  border-radius: 10px;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-image: url("https://francophoniedesameriques.com/sites/default/files/A12276_Re%CC%81cits-historiques-des-Ame%CC%81riques_mozai%CC%88que_1080X1080_EPF-14.jpg?fid=3028");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
  overflow: hidden;
  opacity: 1;
}

.gabriel-dumont {
  position: absolute;
  border-radius: 10px;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-image: url("https://francophoniedesameriques.com/sites/default/files/A12276_Re%CC%81cits-historiques-des-Ame%CC%81riques_mozai%CC%88que_1080X1080_EPF-16.jpg?fid=3030");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
  overflow: hidden;
  opacity: 1;
}

.louis-cyr {
  position: absolute;
  border-radius: 10px;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-image: url("https://francophoniedesameriques.com/sites/default/files/A12276_Re%CC%81cits-historiques-des-Ame%CC%81riques_mozai%CC%88que_1080X1080_EPF-18.jpg?fid=3032");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
  overflow: hidden;
  opacity: 1;
}

.toussaint-louverture {
  position: absolute;
  border-radius: 10px;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-image: url("https://francophoniedesameriques.com/sites/default/files/A12276_Re%CC%81cits-historiques-des-Ame%CC%81riques_mozai%CC%88que_1080X1080_EPF-20.jpg?fid=3034");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
  overflow: hidden;
  opacity: 1;
}

.marie-pantalon {
  position: absolute;
  border-radius: 10px;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-image: url("https://francophoniedesameriques.com/sites/default/files/A12276_Re%CC%81cits-historiques-des-Ame%CC%81riques_mozai%CC%88que_1080X1080_EPF-22.jpg?fid=3036");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
  overflow: hidden;
  opacity: 1;
}

.pierre-esprit-radisson {
  position: absolute;
  border-radius: 10px;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-image: url("https://francophoniedesameriques.com/sites/default/files/A12276_Re%CC%81cits-historiques-des-Ame%CC%81riques_mozai%CC%88que_1080X1080_EPF-24.jpg?fid=3038");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
  overflow: hidden;
  opacity: 1;
}

.joseph-beausoleil-broussard {
  position: absolute;
  border-radius: 10px;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-image: url("https://francophoniedesameriques.com/sites/default/files/A12276_Re%CC%81cits-historiques-des-Ame%CC%81riques_mozai%CC%88que_1080X1080_EPF-26.jpg?fid=3040");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
  overflow: hidden;
  opacity: 1;
}

.marie-rollet {
  position: absolute;
  border-radius: 10px;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-image: url("https://francophoniedesameriques.com/sites/default/files/A12276_Re%CC%81cits-historiques-des-Ame%CC%81riques_mozai%CC%88que_1080X1080_EPF-28.jpg?fid=3042");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
  overflow: hidden;
  opacity: 1;
}


.mathieu-leveille {
  position: absolute;
  border-radius: 10px;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-image: url("https://francophoniedesameriques.com/sites/default/files/A12276_Re%CC%81cits-historiques-des-Ame%CC%81riques_mozai%CC%88que_1080X1080_EPF-30.jpg?fid=3044");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
  overflow: hidden;
  opacity: 1;
}

.marie-laveau {
  position: absolute;
  border-radius: 10px;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-image: url("https://francophoniedesameriques.com/sites/default/files/A12276_Re%CC%81cits-historiques-des-Ame%CC%81riques_mozai%CC%88que_1080X1080_EPF-32.jpg?fid=3046");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
  overflow: hidden;
  opacity: 1;
}

.sacagawea {
  position: absolute;
  border-radius: 10px;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-image: url("https://francophoniedesameriques.com/sites/default/files/A12276_Re%CC%81cits-historiques-des-Ame%CC%81riques_mozai%CC%88que_1080X1080_EPF-34.jpg?fid=3059");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
  overflow: hidden;
  opacity: 1;
}


.francois-xavier-aubry {
  position: absolute;
  border-radius: 10px;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-image: url("https://francophoniedesameriques.com/sites/default/files/A12276_Re%CC%81cits-historiques-des-Ame%CC%81riques_mozai%CC%88que_1080X1080_EPF-36.jpg?fid=3061");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
  overflow: hidden;
  opacity: 1;
}

.jeanne-mance {
  position: absolute;
  border-radius: 10px;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-image: url("https://francophoniedesameriques.com/sites/default/files/A12276_Re%CC%81cits-historiques-des-Ame%CC%81riques_mozai%CC%88que_1080X1080_EPF-38.jpg?fid=3063");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
  overflow: hidden;
  opacity: 1;
}


.domagaya {
  position: absolute;
  border-radius: 10px;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-image: url("https://francophoniedesameriques.com/sites/default/files/A12276_Re%CC%81cits-historiques-des-Ame%CC%81riques_mozai%CC%88que_1080X1080_EPF-40.jpg?fid=3065");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
  overflow: hidden;
  opacity: 1;
}

/* Bootstrap*/
.row.row-grid [class*="col-"] + [class*="col-"] {
    margin-top: 15px;
}

@media (min-width: 1200px) {
    .row.row-grid [class*="col-lg-"] + [class*="col-lg-"] {
        margin-top: 0;
    }
}
@media (min-width: 992px) {
    .row.row-grid [class*="col-md-"] + [class*="col-md-"] {
        margin-top: 0;
    }
}
@media (min-width: 768px) {
    .row.row-grid [class*="col-sm-"] + [class*="col-sm-"] {
        margin-top: 0;
    }
}

.autres-recits
{
	margin-top:30px;
}