/*------------------------------------------------*/
/* max 1950 */
/*------------------------------------------------*/
@media only screen and (max-width : 1950px) {
   .header-content-wrapper{
      background: -webkit-gradient(linear, left top, right top, from(rgba(0,0,0,1)), color-stop(80%, rgba(0,0,0,1)), color-stop(80%, rgba(255,255,255,0)), to(rgba(255,255,255,0)));
      background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 80%, rgba(255,255,255,0) 80%, rgba(255,255,255,0) 100%);
      padding: 1.5rem 0 2rem;
    }
}
/*------------------------------------------------*/
/* max 1800 */
/*------------------------------------------------*/
@media only screen and (max-width : 1800px) {
    #bloc_fic .content .logo-fic{
        width: 10.5rem;
    }
    #bloc_fic .texte-fic{
        line-height:1.3;
    }
    #bloc_fic .bt-fic{
        padding-left: 1rem;
    }
    .cat-menu-container .menu li a{
        font-size: 1.7rem;
    }
    #global-header.sticky #sticky-wrapper #logoheadersticky{
        margin-right: 1rem;
    }
    #global-header.sticky #sticky-wrapper ul.menu li {
        margin-left: .5rem;
    }
    #global-header.sticky #sticky-wrapper ul.menu li.lang-item:not(:last-child) {
        margin-left: 2rem;
    }
    #topheader ul.menu li.lang-item:not(:last-child)::after {
        right: -0.7rem;
    }
}
/*------------------------------------------------*/
/* max 1600 */
/*------------------------------------------------*/
@media only screen and (max-width : 1650px) {
    #bloc_fic .content .logo-fic{
        width: 8rem;
    }
    #bloc_fic .texte-fic{
       margin-bottom: 1rem;
        line-height:1.2;
    }
    #mainheader a#logoheader{
        width:16rem;
    }
    #mainheader #menu_desktop ul li a{
        font-size:1.8rem;
    }
    .cat-menu-container .menu li:not(:last-child){
        margin-right: 1rem;
    }
    #topheader ul.menu li a{
        font-size:1.4rem;
    }
    
    #global-header.sticky #sticky-wrapper #logoheadersticky{
        width: 12rem;
        margin-right:0;
    }
    #global-header.sticky #sticky-wrapper ul.menu li{
        margin-left: 0.5rem;
    }
    #global-header.sticky #bloc_fic_wrapper:not(.freezed) {
        width: 16vw;
        min-width: 250px;
    }
    #menu_plus #sticky-wrapper2 ul.menu li {
        margin-left: 1vw;
    }
    #menu_plus #sticky-wrapper2 ul.menu li.lang-item:not(:last-child) {
        margin-left: 2vw;
    }
    
    .search-results .filterbox #inner-filtre .submit-wrapper{
        width: 100%;
        text-align: center;
        margin-top: 1em;
    }
}

/*------------------------------------------------*/
/* max 1550 */
/*------------------------------------------------*/
@media only screen and (max-width : 1550px) {
   .container{
        width: 90%;
    }
    #global-header.sticky #sticky-wrapper ul.menu li a {
        font-size: 1.2rem;
    }
    .single .navpost .boxtitresinglenav{
        font-size:1.6rem;
        max-width: 16rem;
    }
    .single .navpost #prevsingle span a{
        padding-left:2rem;
    }
    .single .navpost #nextsingle span a{
        padding-right:2rem;
    }
    #sec5 .newsletter .right > div:nth-child(2) {
        padding: 0;
    }
    #sec5 .newsletter .right > div:first-child {
        padding: 0 4rem 0 0;
    }
}



/*------------------------------------------------*/
/* max 1450 */
/*------------------------------------------------*/
@media only screen and (max-width : 1450px) {
    #topheader ul.menu li a {
        font-size: 1.3rem;
    }
    #mainheader #menu_desktop ul > li:not(:last-child){
        margin-right: .5em;
    }
    #mainheader #menu_desktop ul li a {
        font-size: 1.6rem;
    }
    .cat-menu-container .menu li:not(:last-child){
        margin-right: .5rem;
    }
    .cat-menu-container .menu li a{
        font-size: 1.6rem;
    }
    #global-header.sticky #bloc_fic_wrapper:not(.freezed) {
        width: 12vw;
        min-width: 150px;
        height: calc(14vw * .35);
        min-height: 100px;
    }
    #global-header.sticky #bloc_fic_wrapper:not(.freezed) #bloc_fic .content{
        padding: 1rem 0;
    }
    #global-header.sticky #bloc_fic_wrapper:not(.freezed) #bloc_fic .content .logo-fic {
        width: 5rem;
    }
    #global-header.sticky #bloc_fic_wrapper:not(.freezed) #bloc_fic .content .bt-fic a.bouton.yellow-bt {
        padding: 0.2rem 0.3rem;
    }
    #menu_plus #sticky-wrapper2 ul.menu li a {
        font-size: 1.4rem;
    }
    #menu_plus .container .pl3 {
        padding-left: 10vw;
    }
    .search-results .filterbox #inner-filtre .btnfilter {
        width: 25%;
        padding-bottom: .5em;
    }
}
/*------------------------------------------------*/
/* max 1400 */
/*------------------------------------------------*/
@media only screen and (max-width : 1400px) {
    #posts-tabs ul#tabs-title li {
        padding: .7em .2em;
        font-size: 1.4rem;
    }
    #sec6 .left {
        margin: 0 2rem 0 0;
    }
    #sec6 .middle {
        margin: 0 2rem;
    }
    #sec6 .right {
        margin: 0 0 0 2rem;
        padding: 3rem 2rem;
    }
    #sec6 .right .list-tribune li .content {
        padding: 0 0 0 2rem;
    }
}
/*------------------------------------------------*/
/* max 1350 */
/*------------------------------------------------*/
@media only screen and (max-width : 1350px) {
    #global-header.sticky #sticky-wrapper #stickymenu-wrapper {
        display: none;
    }
    #global-header.sticky #bloc_fic_wrapper:not(.freezed) {
        width: 16vw;
    }
    #sec2 .posts .list-posts {
        margin-bottom: 10%;
    }
    #sec2 #pub > div {
        width: calc(50% - 1rem );
    }
    #sec3 .list-contributeurs li{
        -webkit-box-flex:unset;
            -ms-flex:unset;
                flex:unset;
    }
    #sec3 .list-contributeurs li:first-child{
        width:100%;
        padding-bottom:4rem;
    }
    #sec3 .list-contributeurs li:first-child  p:last-of-type {
        margin-bottom:0;
        
    }
    #sec3 .list-contributeurs li:first-child .more {
        bottom:4rem;
        right:3rem;
    }
    #sec3 .list-contributeurs li:not(:first-child) {
        padding: 2.5rem 1.5rem;
        width:20%;
    }
    #sec4 .list-video > li:nth-child(2) ul li a h3 {
        font-size: 2rem;
    }
    #sec4 .list-video > li:first-child {
        padding: 10rem 3rem 6rem 3rem;
    }
    #sec4 .list-video > li:nth-child(2) ul li .play {
        margin: 3rem 2rem 3rem 2rem;
    }
    #sec5 .newsletter .right > div:nth-child(2),
    #sec5 .newsletter .right > div:first-child {
        width:100%;
        padding: 0 4rem;
    }
    #sec5 .newsletter .right .list-themes {
        margin: 0 0 0 0;
        -webkit-column-count: 0;
                column-count: 0; 
        display: -webkit-box; 
        display: -ms-flexbox; 
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }
    #sec5 .newsletter .right .list-themes li {
        width: 33.3%;
    }
    
}
/*------------------------------------------------*/
/* max 1290 */
/*------------------------------------------------*/
@media only screen and (max-width : 1290px) {
    #mainheader a#logoheader{
        margin-right:2rem;
    }
    .site-footer .site-info{
       -webkit-box-pack: justify;
           -ms-flex-pack: justify;
               justify-content: space-between;
    }
    .site-footer .col{
        margin: 0 0 var(--gutter);
    }
    .site-footer .col.col-1{
        width:100%;
        max-width:none;
        text-align:center;
        margin: 0 0 var(--gutter);
    }
    .site-footer .col.col-1 ul.socials {
        margin-bottom: 2rem;
    }
    .cat-menu-container .menu li a {
        font-size: 1.4rem;
    }
    #menu_plus #sticky-wrapper2 ul.menu li.lang-item:not(:last-child) {
        margin-left: 1vw;
    }
    #menu_plus #sticky-wrapper2 ul.menu li {
        margin-left: .5vw;
    }
    #menu_plus .container .pl3 {
        padding-left: 0;
    }
    .single .navpost .boxtitresinglenav {
        font-size: 1.4rem;
        max-width: 13rem;
    }
    .logo-footer {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
    #bloc_fic .texte-fic{
        font-size:1.5rem;
        max-width: 90%;
    }
    #posts-tabs .contents .tabs-content div h3 {
        font-size: 1.6rem;
        line-height: 1.5;
    }
    #sec4 .list-video > li:first-child a .cover_video .content h3 {
        font-size: 2.5rem;
    }
    #sec4 .list-video > li:nth-child(2) ul li a h3 {
        font-size: 1.8rem;
    }
    #sec4 .list-video > li:nth-child(2) ul li .play {
        width:6rem;
        height:6rem;
    }
    #sec6 .right .list-tribune li {
        display: block;
    }
    #sec6 .right .list-tribune li .img {
        width: 100%;
        display: block;
        max-width: 100%;
        text-align: center;
        margin-bottom: 1rem;
    }
    #sec6 span.more {
        position:relative;
        bottom:unset;
        left:unset;
    }
    #sec5 .newsletter .right > div:nth-child(2), #sec5 .newsletter .right > div:first-child {
        padding: 0 0 0 4rem;
    }
    #sec5 .newsletter .right .list-themes li label {
        font-size: 1.4rem;
    }
    
    
}

/*------------------------------------------------*/
/* max 1280 */
/*------------------------------------------------*/
@media only screen and (max-width:1280px){
    
    #sec6{
        -ms-flex-wrap:wrap;
            flex-wrap:wrap;
    }
    #sec6 .left{
        width:calc(55% - 2rem);
    }
    #sec6 .middle{
        width: calc(45% - 4rem);
    }
    #sec6 .right{
        width:100%;
        margin: 0;
    }
    #sec6 .right .list-tribune li {
        display: block;
    }
    #sec6 .right .list-tribune li .img {
        width: 100%;
        display: block;
        max-width: 100%;
        text-align: center;
        margin-bottom: 1rem;
    }
    #sec6 span.more {
        position:relative;
        bottom:unset;
        left:unset;
    }
    
}
/*------------------------------------------------*/
/* max 1200 */
/*------------------------------------------------*/
@media only screen and (max-width : 1200px) {
    #posts-tabs ul#tabs-title li{
        font-size: 1.4rem;
    }
    .archive #archives ul.col2 li .content h3 {
        font-size: 2rem;
    }
}
/*------------------------------------------------*/
/* max 1150 */
/*------------------------------------------------*/
@media only screen and (max-width : 1150px) {
   
    #bloc_fic_wrapper{
        width: 24vw;
        height: calc(24vw * 0.450);
        min-height: 190px;
    }
    #bloc_fic .content{
        padding: 1rem 0;
    }
    #bloc_fic .content .logo-fic {
        width: 7rem;
        margin-bottom: 0.6rem;
    }
    #bloc_fic .texte-fic{
        margin-bottom: 1rem;
    }
    #bloc_fic .texte-fic p{
        font-size:1.6rem;
    }
    #bloc_fic .bt-fic a.bouton.yellow-bt {
        padding: .2rem 1rem;
    }
    #topheader {
        margin-bottom: 1rem;
    }
    .header-content-wrapper{
        background: -webkit-gradient(linear, left top, right top, from(rgba(0,0,0,1)), color-stop(85%, rgba(0,0,0,1)), color-stop(85%, rgba(255,255,255,0)), to(rgba(255,255,255,0)));
        background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 85%, rgba(255,255,255,0) 85%, rgba(255,255,255,0) 100%);
    }
    #mainheader a#logoheader {
        margin-right: 1rem;
    }
    #mainheader #menu_desktop ul li a {
        font-size: 1.4rem;
    }
    #mainheader #menu_desktop ul > li:not(:last-child) {
        margin-right: 0.4em;
    }
    #menu_plus #sticky-wrapper2 ul.menu li a {
        font-size: 1.3rem;
    }
    .cat-menu-container .menu li:not(:last-child) {
        margin-right: .2rem;
    }
    /*.single .navpost .boxtitresinglenav span a {
        -webkit-writing-mode: vertical-rl;
            -ms-writing-mode: tb-rl;
                writing-mode: vertical-rl;
    }
    .single .navpost #nextsingle span a {
        -webkit-transform: rotate(180deg);
                transform: rotate(180deg);
    }*/
    .single .innerpost {
        width: 80%;
    }
    .single .navpost {
        position: relative!important;
        top: 0!important;
        margin: 4rem 0!important;
        -webkit-transform: translateY(0)!important;
        transform: translateY(0)!important;
    }
    .single .navpost .boxtitresinglenav{
        max-width:48%;
    }
    .single .navpost #prevsingle a::before{
        right:auto;
        left:0;
    }
    .single .navpost #nextsingle a::before{
        left:auto;
        right:0;
    }
    #posts-tabs ul#tabs-title li {
        padding: .7em .2em;
        font-size: 1.4rem;
    }
    
    #sec1 #alaune {
        width: 100%;
        border-bottom: 1px solid var(--alpha-bg-color);
    }
    #sec1 #agenda{
        border-left:none;
    }
    #sec1 #agenda,
    #sec1 #choix_redac{
        width:50%;
    }
    #sec2 .posts {
        width: 100%;
    }
    #sec2 #pub {
        width: 100%;
        padding-left: 0;
    }
    #sec2 #pub > div {
        width: calc(50% - 3rem );
    }
    #sec5 .newsletter {
        padding: 4rem 2rem 2rem 2rem;
    }
    #sec5 .newsletter .right > div:nth-child(2), #sec5 .newsletter .right > div:first-child {
        padding: 0 0 0 2rem;
    }
    #sec5 .newsletter .left h2 {
        font-size: 3.5rem;
        max-width: 27rem;
    }
    #sec5 .newsletter .right .list-themes li input {
        margin-right: 0.4rem;
    }
    
    
}
/*------------------------------------------------*/
/* max 1150  min 1024 */
/*------------------------------------------------*/
@media only screen and (min-width : 1024px) and (max-width : 1150px){
    #bloc_fic_wrapper.freezed {
        right: -4rem; 
    }
    
    
    
    
}
/*------------------------------------------------*/
/* max 1024 */
/*------------------------------------------------*/
@media only screen and (max-width : 1024px) {
    .cat-menu-container {
        display:none;
    }
    #global-header{
        margin-bottom:6rem;
    }
    body.noscroll {
        height: auto;
        overflow-y:auto;
        padding-right:0;
    }
    body.noscrollmobile{
       /*height: 100vh;*/
        overflow-y: hidden;
        padding-right: 15px;
    }
    .header-content-wrapper{
        padding: 1rem 0 1rem;
        background: -webkit-gradient(linear, left top, right top, from(rgba(0,0,0,1)), color-stop(100%, rgba(0,0,0,1)), color-stop(100%, rgba(255,255,255,0)), to(rgba(255,255,255,0)));
        background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 100%, rgba(255,255,255,0) 100%, rgba(255,255,255,0) 100%);
    }
    #menu_mobile.active{
        display: block;
        z-index: 20;
        position: fixed;
        width: 100vw;
        height: 100vh;
        overflow-y: auto;
    }
    #header-mobile{
        display:block;
    }
    #mainheader {
        display:none;
    }
    #topheader {
        display: none;
    }
    #menu_plus,
    #menu_plus.active{
        display:none;
    }
    #bloc_fic_wrapper{
        width: 16vw;
        min-width: 150px;
        height: calc(14vw * .35);
        min-height: 100px;
    }
    #bloc_fic .content{
        padding: 1rem 0;
    }
    #bloc_fic .content .logo-fic {
        width: 5rem;
    }
    #bloc_fic .content .texte-fic {
        display: none;
    }
    #bloc_fic .content .bt-fic a.bouton.yellow-bt {
        padding: 0.2rem 0.3rem;
    }
    
    
    .archive #archives ul.col4 li{
        width:calc(33.3% - 5.5rem);
    }
    .archive #archives ul.col4 li:not(:last-child),
    .archive #archives ul.col4 li:not(:nth-child(3n+1))
    {
        margin-right: 5.5rem;
    }
    #sec4 .list-video > li{
        width:100%;
    }
    #sec4 .list-video > li:first-child {
        border-bottom: 1px solid #fff;
    }

   /* #sec6 {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }
    #sec6 .left {
        width: 100%;
        margin: 0 0 6rem 0;
    }
    #sec6 .middle {
        width: calc(55% - 4rem);
        margin: 0 4rem 0 0;
    }

    #sec6 .right .list-tribune li .img {
        width: 10rem;
        display: table-cell;
        vertical-align: top;
    }*/
    #sec5 .newsletter {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        padding: 4rem 4rem 2rem 4rem;
    }
    #sec5 .newsletter .left,
    #sec5 .newsletter .right {
        width:100%;
    }
    #sec5 .newsletter .left h2 {
        max-width: none;
    }
    #sec5 .newsletter .left h2 br{
        content:' ';
    }
    #sec5 .newsletter .left h2 br::after{
        content:' ';
    }
    #sec5 .newsletter .right > div:nth-child(2), #sec5 .newsletter .right > div:first-child {
        padding: 0;
    }
    #partenaires {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }
    #partenaires .left {
        position:relative;
        width: 100%;
        padding: 2rem 3rem 4rem 3rem;
    }
    #partenaires .left .more {
        position: absolute;
        bottom: 1rem;
    }
    #partenaires .right {
        width: 100%;
    }
   
    #partenaires .right .slick-slide {
        border-top: 0;
        border-right: 0;
    }
    #partenaires .left p {
        margin-bottom: 2rem;
    }
    #partenaires .right .slick-list{
        border-left: 1px solid var(--alpha-bg-color);
    }
    #partenaires .right  .slick-track{
        margin-left:-1px;
        padding-bottom:1px;
    }
    #posts-tabs ul#tabs-title {
        display: none;
    }
    #posts-tabs .tabacc{
        display:block;
    }
    
    
   
    #sec3 .list-contributeurs li:not(:first-child) {
        width:100%;
        border-left:none;
        position: relative;
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        margin-left:calc(-1 * var(--gutter));
        /*border-top:1px solid var(--alpha-bg-color);*/
    }
    #sec3 .list-contributeurs li:not(:first-child)::before {
        content:'';
        position:absolute;
        top:0;
        left:var(--gutter);
        width:100%;
        height:1px;
        background-color:var(--alpha-bg-color); 
        
    }
    #sec3 .list-contributeurs li:not(:first-child){
        padding: 1.5rem 1rem;
    }
    #sec3 .list-contributeurs li:not(:first-child) .top{
        border-bottom: none;
        margin-bottom: 0;
        margin-left:var(--gutter);
    }
    #sec3 .list-contributeurs li:not(:first-child) .bottom{
        margin-left:var(--gutter);
    }
    #sec3 .list-contributeurs li:not(:first-child) .top .name{
        font-size: 1.7rem;
    }
}
/*------------------------------------------------*/
/* max 992 */
/*------------------------------------------------*/
@media only screen and (max-width : 992px) {
    .single .innerpost {
        width: 100%;
    }
    .single .content .box-white {
        max-width: none;
        float: none;
        margin-left: 0;
        margin-right: 0;
        padding: 2rem;
    }
    .single .content .newsletter {
        float: none;
        width: auto;
        margin-right: 0;
        margin-left: 0;
    }
    .single .content .newsletter p {
        margin-bottom:1rem;
    }
    .single .content .newsletter .list-themes {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
        margin: 2rem 0 0 0;
    }
    .single .content .newsletter .list-themes li {
        width: 50%;
    }
    .single .content .box-white .list-posts li h3 a{
        font-size: 2rem;
    }
    .single .content .box-white .cat-title {
        margin: 1rem 0 0;
    }
    .single .content .box-yellow .list-posts li h3 a{
        font-size: 2rem;
    }
    .single .content .box-yellow .cat-title {
        margin: 1rem 0 1rem;
    }
    .single .content .author {
        float: none;
        width: 80%;
        margin: 7rem auto 3rem;
    }
    .single .block-content .socials {
        bottom: auto;
        top:0;
        right: 0;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    .archive #archives ul.col2 li .content h3 {
        font-size: 3rem;
    }
    .archive #archives ul.col2 li .content {
        width: 85%;
    }
    #sec6 .right .list-tribune li .img {
        width: 10rem;
        display: table-cell;
        vertical-align: top;
        max-width: 20%;
    }
}
/*------------------------------------------------*/
/* max 992 */
/*------------------------------------------------*/
@media only screen and (min-width : 992px) {
    .archive #archives ul.col2 li .content{
     position:absolute;
     margin: 0 0 0 auto;
     width: 75%;
     bottom: -1px;
     right: -1px;
    }
}
/*------------------------------------------------*/
/* max 960 */
/*------------------------------------------------*/
@media only screen and (max-width : 960px) {
    
        /* TITLES */
        h1,
        .h1-like{
              font-size: 5rem;
              line-height: 5.6rem;
        }
        h2,
        .h2-like{
          font-size: 4.6rem;
          line-height: 5rem;
        }
        h3,
        .h3-like{
          font-size: 2.2rem;
          line-height: 2.6rem;
        }
    
    
    
    
    .site-footer .col {
        width: 100%;
        max-width: none!important;
        text-align: center;
    }
    .site-footer .col:not(.col-1){
        width: 33%;
        padding: 0 2%;
        max-width: none!important;
        text-align: left;
    }
    .site-footer .col ul{
        text-align: left;
        width: auto;
        display: inline-block;
        margin: 0 auto;  
    }
    .site-footer .col:not(.col-1) ul{
        text-align: left;
        width: auto;
        display: block;
        margin: 0 0 0 0;
        padding-left: 2em; 
    }
    .search-results .filterbox #inner-filtre .btnfilter {
        width: 33.3%;
    }
    
    .archive #archives ul.col2 li{
            width:100%;
     }
    .archive #archives ul.col2 li .content h3 {
        font-size: 3.2rem;
    }
    .archive #archives ul.col4 li{
        width: calc(50% - 2.8rem);
        margin-right:0;
    }
    .archive #archives ul.col4 li:not(:last-child),
    .archive #archives ul.col4 li:not(:nth-child(3n+1)){
        margin-right:0;
    }
   .archive #archives ul.col4 li:nth-child(odd){
        margin-right: 5.5rem;
    }
    .archive #archives ul.col4 li .content h3 {
        font-size: 2.5rem;
    }
    .archive #archives ul.col-full .content h3 {
        font-size: 3.2rem;
    }
    .single .block-content .intro h1 {
        font-size: 4.6rem;
        line-height:1.2;
    }
    .single .block-content .intro .fd-black .partenaire {
        font-size: 2.2rem;
    }
    
   
    
    #sec6 .left .top .content h3 {
        font-size: 3rem;
        line-height: 1.2;
    }
    #sec6 .left {
        width: 100%;
        margin: 0 0 4rem 0;
    }
    #sec6 .middle {
        width: 100%;
        margin: 0 0 4rem 0;
    }
    #sec6 .middle .list-posts li:first-child{
        width: calc(50% - 2rem);
        float: left;
    }
    #sec6 .middle .list-posts li:first-child h3{
        margin-bottom: 1rem;
    }
    #sec6 .middle .list-posts li:not(:first-child) {
        padding-top: 4rem;
        border-top: 1px solid var(--alpha-bg-color);
        width: calc(50% - 2rem);
        float: right;
    }
    #sec6 .middle .list-posts li:nth-child(2) {
        padding-top: 0;
        border-top: none;
    }
    
    
    
    
    
    
    
    #sec6 .right {
        width: 100%;
       
    }
    #sec6 .right .list-tribune li {
        /*display: table;*/
    }
    #sec6 .right .list-tribune li .img {
        width: 10rem;
        display: table-cell;
        vertical-align: top;
    }
    #sec5 .newsletter .left h2 {
        font-size: 3.2rem;
    }
}
/*------------------------------------------------*/
/* max 768 */
/*------------------------------------------------*/
@media only screen and (max-width : 768px) {
    .site-footer .col,
    .site-footer .col:not(.col-1){
        width: 100%;
        padding:0;
        max-width: none!important;
        text-align: center;
    }
    
    .site-footer .col ul{
        text-align: left;
        width: auto;
        display: inline-block;
        margin: 0 auto;  
    }
    .site-footer .col:not(.col-1) ul{
        text-align: center;
        width: auto;
        display: block;
        margin: 0 0 0 0;
        padding-left: 0; 
    }
    
    .search-results .filterbox #inner-filtre .btnfilter {
        width: 50%;
    }
    .search-results #resultat .col4 li h3 {
        font-size: 2.5rem;
    }
    
    .archive #archives ul.col-full li .img,
    .archive #archives ul.col-full .content{
        width:100%;
    }
    .wp-pagenavi a, .wp-pagenavi span {
        font-size: 3.1rem;
    }
    .wp-pagenavi .nextpostslink, .wp-pagenavi .previouspostslink {
        height: 4.8rem;
    }
    .single .content .post {
        padding: 6rem 1rem;
        width:100%;
    }
    .single .block-content .intro {
        width: 95%;
    }
    .single .block-content .intro h1 {
        font-size: 4.2rem;
    }
    .single .block-content .intro .fd-black .partenaire {
        font-size: 2rem;
    }
    .single .content .post :not(h2),
    .single .content .post :not(h3),
    .single .content .post :not(h4),
    .single .content .post :not(h5),
    .single .content .post :not(h6){
        font-size:1.8rem;
    }
    .single .content .author {
        width: 100%;
    }
    
    #sec3 .list-contributeurs li:first-child p:first-of-type{
        margin-bottom:2rem;
        max-width:100%;
    }
    
    #sec4 .list-video > li:first-child .cover_video .play{
        width: 6rem;
        height: 6rem;
        -webkit-transform:translate(-50%,0);
            transform:translate(-50%,0);
    }
    #sec4 .list-video > li:first-child .cover_video .content .time-name {
        margin-bottom: 1rem;
    }
    #sec4 .list-video > li:first-child .cover_video .content .yellow-cat {
        margin-bottom: 1rem;
    }
    #sec4 .list-video > li:first-child a .cover_video .content h3 {
        font-size: 2rem;
    }
    #sec4 .list-video > li:nth-child(2) ul li a h3 {
        font-size: 1.5rem;
    }
    #sec4 .list-video > li:nth-child(2) ul li .play {
        width: 4rem;
        height: 4rem;
    }
   /* #sec4 .list-video > li:nth-child(2) ul li .yellow-cat {
        display: block;
    }
    #sec4 .list-video > li:nth-child(2) ul li .yellow-cat::after {
       display:none;
    }*/
    #sec5 .newsletter .right .list-themes li {
        width: 50%;
    }
   
     #sec1 #agenda,
    #sec1 #choix_redac{
        width:100%;
    }
    #sec1 #choix_redac{
        border-left:none;
        border-top: 1px solid var(--alpha-bg-color);
    }

    #sec1 #choix_redac .list-redac li::before {
        font-size: 2rem;
        width: 4rem;
        height: 4rem;
        line-height: 4rem;
    }
    #sec1 #choix_redac .list-redac li .content {
        margin-left: 4.5rem;
    }
   
     #sec1 #alaune h3 a{
         font-size: 2.8rem;
        line-height:1.2;
    }
    #sec3 .list-contributeurs li:not(:first-child) .top img {
        width: 10rem;
    }
    
}
/*------------------------------------------------*/
/* max 650 */
/*------------------------------------------------*/
@media only screen and (max-width : 650px) {
  /* TITLES */
        h1,
        .h1-like{
              font-size: 4.5rem;
              line-height: 5.1rem;
        }
        h2,
        .h2-like{
          font-size: 4.1rem;
          line-height: 4.7rem;
        }
    #menu_mobile .wrapper-menus > div{
        width: 100%;
    }
    .search .searchform-wrapper #searchform input[type="text"] {
        width: 100%;
    }
    .search .searchform-wrapper #searchform input[type="submit"] {
        display:inline-block;
        margin:0.5em auto;
    }
    
    .archive #archives ul.col4 li{
        width:100%;
        margin-right:0;
    }
   .archive #archives ul.col4 li:nth-child(odd){
        margin-right:0;
    }
    .archive #archives ul.col2 li .content h3,
    .archive #archives ul.col-full .content h3{
        font-size: 2.9rem;
    }
    .single .block-content .intro h1 {
        font-size: 4rem;
        padding: 0 2rem;
    }
    .single .block-content .socials ul {
        width: 8.4rem;
    }
    .single .block-content .socials ul li .essb_icon {
        height: 4rem;
        width: 4rem;
    }
    .single .content .post :not(h2),
    .single .content .post :not(h3),
    .single .content .post :not(h4),
    .single .content .post :not(h5),
    .single .content .post :not(h6){
        font-size:1.6rem;
    }
    .single .content .newsletter .list-themes li {
        width: 100%;
    }
    .single .content .notes {
        width: 100%;
    }
    
    #authorpage .profil .infos {
        width: 100%;
        margin-bottom:2rem;
    }
    #authorpage .profil .bio {
        width: 100%;
    }
    
    #sec6 .left .top .content h3 {
        font-size: 2.7rem;
        line-height: 1.2;
    }
        #sec6 .middle .list-posts li h3 {
        font-size: 2.5rem;
        line-height: 1.1;
             margin-bottom: 1rem;
    }
    
     #sec6 .middle .list-posts li:first-child{
        width: 100%;
        float: none;
    }
    #sec6 .middle .list-posts li:not(:first-child) {
        padding-top: 3rem;
        padding-bottom:2rem;
        border-top: 1px solid var(--alpha-bg-color);
        width: 100%;
        float: none;
    }
    #sec6 .middle .list-posts li:nth-child(2) {
        padding-top: 3rem;
        border-top: 1px solid var(--alpha-bg-color);
    }
    
    
    
    
    #sec4 .list-video > li:first-child {
        padding: 10rem 1rem 6rem 1rem;
    }
    #sec4 .list-video > li:first-child .cover_video .play {
        width: 4rem;
        height: 4rem;
    }
    #sec4 .list-video > li:first-child .cover_video .content {
        width: 100%;
    }
    
    #sec2 .posts .list-posts{
        width: 100%;
        float: none;
        margin-right: 0;
    }
    #sec2 .posts  .col {
        width: 100%;
        float: right;
        margin-right: 0;
    }
    #sec2 #pub > div {
        width: calc(50% - .5rem );
    }
    #sec5 .newsletter .left h2 {
        font-size: 3rem;
    }
    #sec5 .newsletter .right .list-themes li {
        width: 100%;
    }
   
     #partenaires .right .slick-list{
        display:block;
    }
    
    
}
/*------------------------------------------------*/
/* max 480 */
/*------------------------------------------------*/
@media only screen and (max-width : 480px) {
    /* TITLES */
        h1,
        .h1-like{
              font-size: 4rem;
            line-height: 4.6rem;
        }
        h2,
        .h2-like{
          font-size: 3.8rem;
          line-height: 4.4rem;
        }
    
    #global-header{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
            -ms-flex-direction: column-reverse;
                flex-direction: column-reverse;
    }
    #bloc_fic_wrapper {
        position: relative!important;
        width:100%!important;
        height:auto!important;
        max-width:unset!important;
        min-height:unset!important;
        -webkit-clip-path:unset!important;
                clip-path:unset!important;
    }
    body.noscrollmobile #bloc_fic_wrapper{
        display:none;
    }
    #bloc_fic{
        position: relative;
        -webkit-clip-path:unset;
                clip-path:unset;
    }
     #bloc_fic .content{
        padding: 1rem 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        width: 90%;
        margin: 0 5%;
    }
    #bloc_fic .content .logo-fic{
        margin: 0;
        -webkit-transform: translateX(0);
                transform: translateX(0);
    } 
    #bloc_fic .bt-fic{
        
    } 
    .search-results .filterbox #inner-filtre .btnfilter {
        width: 100%;
    }
    .archive #archives ul.col2 li .content {
        margin: -8rem auto 0 auto;
        width: 95%;
    }
    .archive #archives ul.col2 li .content h3, .archive #archives ul.col-full .content h3 {
        font-size: 2.2rem;
    }
    .single .block-content .intro h1 {
        font-size: 3rem;
    }
    #sec6 .right {
        padding: 3rem 2rem;
    }
     #sec6 .right .list-tribune li {
        display: block;
    }
    #sec6 .right .list-tribune li .img {
        width: 100%;
        display: block;
        text-align: center;
        margin-bottom: 1rem;
    }
    #sec4 .list-video > li:nth-child(2) ul li .left {
        display:none;
    }
    #sec4 .list-video > li:first-child .cover_video .content .time-name {
        margin-bottom: .5em;
    }
    #sec4 .list-video > li:first-child .cover_video .content .yellow-cat {
        margin-bottom: 0;
    }
    #sec4 .list-video > li:first-child a .cover_video .content h3 {
        font-size:1.8rem;
    }
    #sec2 #pub {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }
    #sec2 #pub > div {
        width: 100%;
        margin-bottom:2rem;
    }
    #sec5 .newsletter .left h2 {
        font-size: 2.8rem;
    }
    #sec5 .newsletter {
        padding: 3rem 1rem 2rem 1rem;
    }
    #sec6 .left .top .content {
        margin: -8rem auto 0 auto;
        width: 95%;
    }
    #sec6 .left .top .content h3 {
        font-size: 2.2rem;
    }
    #sec3 .list-contributeurs li:first-child p:first-of-type {
        max-width: 100%;
    }
    
    .ct-ultimate-gdpr-cookie-modal-slider li label {
        line-height: 10px;
    }
    .ct-ultimate-gdpr-cookie-modal-desc {
        font-size: 14px;
        line-height: 24px;
    }
}
/*------------------------------------------------*/
/* min 320 */
/*------------------------------------------------*/
@media only screen and (max-width : 320px) {
  
}