/**RESPONSIVE - COMMON CSS**/
@media screen and (max-width:1199px){
    /*IMAGE HEADER*/
    .post-template-default.single.single-post .page-subheader,
    .page-template.page-template-tpl .page-subheader {
        min-height: 20vh!important; /*TICKET: 2023_01 RESPONSIVE*/
        margin-top: 80px!important; /*TICKET: 2023_01 RESPONSIVE*/
    }
    .site-header-separator {
        height: 0!important;
        opacity: 0!important;
    }
}

@media screen and (max-width:991px) {  /* MODIFIÉ ancien : 980px*/
    .container {
        width: 100%;
    }
    [class*="col-md-"],
    [class^="col-md-"]{
        width:100%;
        float:none;
    }
    /*IMAGE ARTICLE*/
    article.style-5 .article-content>div[data-height] {
        height: 30vh!important; /*TICKET: 2023_01 RESPONSIVE*/
        height: 30vh!important; /*TICKET: 2023_01 RESPONSIVE*/
    }
    article.style-5,
    article.style-10{
        font-size: 1em!important;
    }
    .content h4 {
        font-size: 1.2em;
        line-height: 1.2em;
    }

    article.style-5 header/*,
    article.style-10 header */{
        width: 100%;
        float: none;
    }

    article header .article-subtitle{
        font-size:2.5em!important;
        width:100%!important;
        line-height: 1.15em;
    }

    article.style-5 header .article-title,
    article.style-10 header .article-title{
        max-width:100%;
    }

    article.style-8 header .article-subtitle{
        max-width:100%;
    }

    /*article.style-5 footer .content{
        position:absolute;
        right:inherit;
        bottom:inherit;
        left:inherit;
        width:50%;
        padding: 0; MODIFIÉ ancien: 40px
        text-align:center;
        background:rgba(0,0,0,.4);
        transform:translate(50%,-50%);
        font-size:2em;
        top:50%;
        color:#FFF;
    }*/

    article.style-5 footer{
        width: 100%;
        height: 590px;
        height: 30vh!important; /*TICKET: 2023_01 RESPONSIVE*/
        float: none;
    }
    article.style-5 footer,
    article.style-10 footer{
        background-position: right center;
    }

    article.style-5 .article-content,
    article.style-10 .article-content{
        width: 100%;
        padding: 40px 0!important; /*TICKET: 2023_01 RESPONSIVE*/
        /*padding: 40px 0!important;
        float: none!important;
        font-size:2em;*/
    }

    article.style-5 .article-content .rectangle .content/*,
    article.style-10 .article-content .rectangle .content*/{
        padding:0 40px 40px 40px;
    }

    article.style-5 > header > .content,
    article.style-5 > .content.additionnal_content,
    article.style-5 .article-content,
    .tpl_vd article.style-5.video .content,
    .video-boxes .style-10 header .content{
        width: 100%;
        padding:0;
        float: none;
        font-size:1.4em;  /*TICKET: 2023_01 RESPONSIVE*/
        text-align: initial;  /*TICKET: 2023_01 RESPONSIVE*/
    }

    section.tpl_lgl .content {
        font-size: 1.4em; /*TICKET: 2023_01 RESPONSIVE*/
    }

    /*BLOC FOCUS*/
    /*BLOC TEMOIGNAGE*/
    article.style-5 .content blockquote{
        font-size:1em;  /*TICKET: 2023_01 RESPONSIVE*/
    }

    /*VIDEO TPL_SHRT*/
    article.style-5 .content.additionnal_content .video-boxes.video-boxes-shortcode > .style-10 > header > .content {
        font-size: 1em;
    }

    .style-5 .content blockquote a.btn,
    .style-5 .content blockquote a.btn.btn-info{
        font-size: .875em !important;
    }

    .demo-icon{
        width:33%;
        height:33%;
        font-size:2em;
        display:block;
    }
    small, sub {
        font-size: .675em !important;
    }

    .acc--style2 .acc-tgg-button,
    .zn_accordion_element.references {
        font-size: 1em!important;
    }
    img {
        width:100%;
    }

    /*MEDIATHEQUE*/
    .tpl_media .masonry-filters-select-container {
        display: grid!important;
        margin-bottom: 5px!important;
    }
    .tpl_media .masonry-filters-select-container select.masonry-filters-select {
        font-size: 1.2em;
    }

}
@media screen and (max-width:767px){
    article.style-5 header,
    article.style-10 header {
        padding:0 !important;
    }

    .th-spacer{
        height: 0!important;
    }

    .demo-icon{
        width:50%;
        height:50%;
        font-size:2em;
    }
    .video-boxes [class*="col-"] {
        padding-right: 0;
    }
}

@media (max-width: 767px){
    .site-header .site-logo {
        padding-top: 15px;
        padding-bottom: 15px;
    }
    .site-header-separator {
        height: 0!important;
        opacity: 0!important;
    }
    .visible-xs {
        opacity: 0!important;
    }
}