body{overflow-x:hidden;}

main {
    margin-top: 95px;
  }

.blocTopArticle{background: #1a1a1a;height: 54vh;position: relative;}
.blocTopArticle .bgBloc{position:absolute;widtDh:100%;height:100%;top:0;left:0;right:0;bottom:0;}
.blocTopArticle .bgBloc img{width:100% !important;height:100% !important;object-fit:cover;z-index:1;position: absolute;}
.blocTopArticle .bgBloc .filtre{background: linear-gradient(rgba(0,0,0,0),black);width:100%;height:100%;z-index:2;position: absolute;}

.blocTitlePage {position: absolute;bottom: 0;left: 0;right: 0;z-index: 3;}
.blocTitlePage span.titre{display:block;color: #FFF;font-family: "Tiempos Headline";font-weight: 400;font-style: normal;font-size: 45px;padding-bottom:30px;margin-bottom: 0;}
.blocTitre{background:#FFF;}
.blocTitlePage h1 {font-family: "Suisse Intl";font-weight:900;font-size:45px;padding:3rem auto;color:#000;line-height: 1.1;}
.detailPublications p{font-size:1rem;margin-bottom:1.5rem}
.detailPublications p.accroche{text-align:center;font-weight:700;font-style:italic;}
.detailPublications h2 {font-size: 1.25rem;font-weight: bold;margin-bottom:1.5rem}
.detailPublications p.date{color:#707070;text-align:center;font-size:14px;margin-bottom:2.5rem;}
.detailPublications p a {color: #d0103a;text-decoration:underline;}
.detailPublications p a:hover {text-decoration:none;}
.arianne {color: #FFF;display: flex;}
.arianne .breadcrumb{margin-bottom:0.5rem}
.arianne li:not(:last-child){position:relative;padding-right:0.8rem;margin-right:0.8rem;}
.arianne li:not(:last-child):after{position:absolute;content:'>';right: -0.4rem;color:#FFF;}
.share {position:relative;}
.share p{font-size:14px;color:#707070;margin-bottom:0.3rem;}
.offre-social-icon {transition: all 0.4s;margin: 0 5px;border-radius: 50%;background:#EBEBEB;color:#979797;width: 36px;height: 36px;justify-content: center;align-items: center;z-index: 10;display: inline-flex;}
.offre-social-icon svg {fill:#979797;}
.offre-social-icon.l:hover {background: #006192;}
.offre-social-icon.t:hover {background: #1da1f2;}
.offre-social-icon.m:hover {background: #d0103a;}

.share .blocShare{position: -webkit-sticky; /* Safari */position: sticky;top: 100px;padding-left: 3rem;padding-top: 2rem;}

.LastArticles {}
.LastArticles h2{font-size:2.1rem;font-family: "Tiempos Headline";text-align:center;color:#000;}
.wBorder {border-top: 1px solid #000; justify-content: center; margin: auto; padding: 0 0;}
.splideArticles{height: 390px;}
.splideArticles .splide__track, .splideArticles .splide__track ul{height:100%;}
.splideArticles a{display:block;position:relative;height:100%;width:100%;}
.splideArticles a img{height:100% !important;width:100% !important;position:absolute;object-fit: cover;border-radius:9px;z-index:1;top:0;bottom:0;left:0;right:0}
.splideArticles a .filtre{background: linear-gradient(rgba(0,0,0,0),black);width: 100%;height: 95%;bottom: 0;position:absolute;border-radius:9px;z-index:2;left:0;right:0;}
.splideArticles h3{position: absolute;z-index: 3;color: #FFF;line-height: 1.15;font-weight: 700;width: 100%;padding: 0 8%;font-size:18px;bottom: 30px;text-align: center;}
.splideArticles .date {position:absolute;z-index:2;width:90%;text-align:center;bottom:10px;left:50%;transform:translateX(-50%);font-size: 12px;color: #FFF;line-height: 1.15;font-weight:700;}

.splideArticles .splide__arrow {background:#D9D9D9;height: 2.5rem;width: 2.5rem;}
.splideArticles .splide__arrow svg{stroke:#FFF;}
.splideArticles .splide__arrow svg path{fill:#FFF;}
.splide__arrow--prev{left:-4rem;}
.splide__arrow--next{right:-4rem;}

@media (max-width: 992px) {
    .blocTitlePage .arianne{color: #979797; font-size: 12px;}
    .arianne li:not(:last-child):after{color: #979797;}
    .blocTitlePage{position: inherit; padding: 0;}
    .blocTopArticle{height: 100%;}
    .blocTitlePage h1{font-size: 28px;}
    .bgBloc2 img{width: 100% !important; height: 250px !important; object-fit: cover;}
    .bgBloc2 .blocShare{padding: 0; position: absolute; top: 24px; right: 24px;}
    .bgBloc2 .blocShare .offre-social-icon svg{fill: #000;}
    .bgBloc2 .blocShare .offre-social-icon path{fill: #000;}
    .bgBloc2 .blocShare .offre-social-icon{background:#fff;}
    .detailPublications p.date {margin-bottom: 0.5rem;}
    .detailPublications .share{text-align: center;}
    .detailPublications .blocShare{padding: 0;}
    .splideArticles h3{font-size: 18px;}
    .splideArticles .date{font-size: 16px;}
    .detailPublications h2 {margin-top: 20px;}
    .LastArticles h2{font-size:1.25rem;}
    .wBorder{width: 90%; }
}