.blogue .columns{display:flex;flex-wrap:wrap;margin-top:75px;justify-content: space-between;}
.blogue .columns .contenu{max-width:70%;width:70%;}
.blogue .columns .right-sidebar{max-width:20%;width:30%;}
.blogue .contenu h2{margin-top:0px;}

.blogue .contenu .top-post{max-width:60%;margin-bottom:50px;}
.blogue .contenu .top-post .excerpt-post h2{font-size:30px;margin-top:2px;}
.blogue .contenu .top-post .excerpt-post{background-color: #00000069;padding: 15px;color: white;position: relative;margin-top: -160px;min-height: 160px;max-height: 160px;}
.blogue .contenu .top-post img{width:100%;height:auto;}
.blogue .contenu .articles{display:flex;flex-wrap:wrap;margin:0px -15px;margin-top:30px;}


.blogue .contenu .articles .article{max-width:25%;padding:0px 15px;margin-bottom:30px;}
.blogue .contenu .articles .article .image {position:relative;width:100%;height:auto;display:block;}
.blogue .contenu .articles .article .image img{width:100%;height:200px;}
.blogue .contenu .articles .article a:hover .overlay{opacity:1}
.blogue .contenu .articles .article a{position:relative;width:100%;height:auto;display:block;}
.blogue .contenu .articles .article .overlay{position: absolute;top: 0;bottom: 0;left: 0;right: 0;height: 100%;width: 100%;opacity: 0;transition: .3s ease;background-color: #000000b0;}
.blogue .contenu .articles .article .overlay span{display: inline-block;height: 100%;vertical-align: middle;width: 100%;}
.blogue .contenu .articles .article .overlay span img{width: 64px;height: auto;margin: 0 auto;display: block;margin-top: calc(50% - 80px);}
.blogue .contenu .page-nav-container{padding:15px 0px;text-align:center;}
.blogue .contenu .page-nav-container .page-numbers{background-color:#1d1d1b;padding:10px;font-size:18px;}
.blogue .contenu .page-nav-container .page-numbers.current{background-color:#eea904;}

.blogue .right-sidebar{padding: 0px 0px 0px 30px;}
.blogue .right-sidebar .card{border:1px solid #cacaca;padding:15px 30px;width:100%;margin-bottom:50px;}
.blogue .right-sidebar .card .group-recherche{display:flex;}
.blogue .right-sidebar .card .recherche{width:100%;}
.blogue .right-sidebar .card .btnRecherche{background-color:#eea904;border:none;margin-left:10px;padding:5px;}
.blogue .right-sidebar .card .btnRecherche:hover{background-color:#1d1d1b;color:white;}

.blogue .right-sidebar .card .wpcf7-form-control-wrap input, textarea{width:100%;border: 1px solid darkgrey;}
.blogue .right-sidebar .card .wpcf7-submit{background-color:#eea904;border:none;padding:5px;}
.blogue .right-sidebar .card .wpcf7-submit:hover{background-color:#1d1d1b;color:white;}

.blogue-single{width:70%;margin:0 auto;margin-top:100px;}
.blogue-single #span-video img{width: 80%;margin: 0 auto; display: block;margin-bottom: 75px;}

.featured-video-plus iframe{width: 100%;min-height:400px;}


.img-author{
    width:100px;
    height:100px;
    border-radius: 50%;
}

.name-author, .titre-blog{
    color: #666157;
    font-family:Montserrat;
}

.titre-blog{
    font-size:24px;
}

.detail-author{
    color: #ebab1b;
    font-family:Montserrat;
}

.bold{
    font-weight:bold;
}

.link-blog{
    color:#ebab1b;
    text-decoration: underline;
}

.link-blog:hover{
    color:#eea904;
    cursor:pointer;
}

.tag-blog{
    background-color:#afadad;
    color:white;
    padding:5px 5px;
    min-width:60px;
    margin-right:10px;
    margin-bottom:10px;
    text-align:center;
}

.tags{
    flex-wrap: wrap;
}

.article-listing-body{
    background-color: #5f5c5b;
    padding:10px 25px;
}

.article-listing-body .img-author{
    width:56px;
    height: 56px;
}

.postone-blogue{
    height:100%;
    width:auto;
}

.article-listing-body .name-author{
    color:white;
}

.article-listing-body .titre-blog, .article-listing-body .description-blog{
    color:white;
}

.img-blogue{
    width:100%;
    height:auto;
}

.img-single-blogue{
    width:100%;
    height:auto;
}

@media (min-width: 1280px) and (max-width: 1620px){
    .blogue .banner-header, .single-post .banner-header {
        min-height: 465px;
    }
    .blogue .banner-header-inner, .single-post .banner-header-inner {
        min-height: 330px;
    }
}  

@media (min-width: 1050px) and (max-width: 1280px){
    .blogue .banner-header, .single-post .banner-header {
        min-height: 500px;
    }
    .blogue .banner-header-inner, .single-post .banner-header-inner {
        min-height: 370px;
    }
}

@media (min-width: 825px) and (max-width: 1050px){
    .blogue .banner-header, .single-post .banner-header {
        min-height: 960px;
    }
    .blogue .banner-header-inner, .single-post .banner-header-inner {
        min-height: 825px;
    }

    .postone-blogue{
        height:auto;
        width:100%;
    }
}

@media (min-width: 525px) and (max-width: 825px){
    .blogue .banner-header {
        min-height: 960px;
    }
    .blogue .banner-header-inner {
        min-height: 910px;
    }

    .postone-blogue{
        height:auto;
        width:100%;
    }

    .single-post .banner-header{
        min-height:295px;
    }

    .single-post .banner-header-inner {
        min-height: 295px;
    }
}

@media (min-width: 300px) and (max-width: 525px){
    .blogue .banner-header, .single-post .banner-header {
        min-height: 960px;
    }
    .blogue .banner-header-inner {
        min-height: 940px;
    }

    .postone-blogue{
        height:auto;
        width:100%;
    }

    .single-post .banner-header {
        height:235px;
        min-height: 235px;
    }

    .single-post .banner-header-inner {
        min-height: 235px;
        height:235px;
    }
}




@media (min-width: 100px) and (max-width: 900px){
    
}


@media (max-width: 1620px) and (min-width: 550px){
    .page-id-416 .banner-header-title-wrapper {
        bottom: -2em;
    }
    
}


@media all and (max-width: 1690px) {
    .blogue .contenu .top-post .excerpt-post h2{font-size:24px;margin-top:2px;}
    .blogue .contenu .articles .article{max-width:33%;}
    .blogue .contenu .articles .article .overlay span img{margin-top: calc(50% - 70px);}
    .blogue .columns .right-sidebar{max-width:25%;}
}
@media all and (max-width: 1280px) { 
    .blogue .contenu .top-post{max-width:80%;}
    .blogue .contenu .top-post .excerpt-post h2{font-size:22px;}
    .blogue .contenu .articles .article{max-width:50%;}
    .blogue .contenu .articles .article .overlay span img{margin-top: calc(50% - 125px);}
    .blogue .columns .right-sidebar{max-width:25%;}
}
@media all and (max-width: 1024px) { 
    .columns{padding:0px 30px;}
    .blogue .columns .right-sidebar{display:none;}
    .blogue .columns .contenu{max-width:100%;width:100%;}
}
@media all and (max-width: 600px) {
    .blogue .contenu .articles .article{max-width:100%;}
    .blogue .contenu .top-post{max-width:100%;}
    .blogue .contenu .top-post .excerpt-post h2{font-size:16px;}
    .blogue .contenu .top-post .entry-content{font-size:12px;}
    .blogue-single{width:90%;}
    .blogue-single #span-video img{width: 100%;}
 }

 @media all and (max-width: 350px) {
    .columns{padding:0px 10px;}
 }



 .single .article-listing-body{
     background-color:#CFCECD;
 }

 .single .article-listing-body .tag-blog{
     background-color:#E7E7E6;
 }