/**********************************\
    Fonts
\**********************************/
@font-face {
    font-family: "AvenirLTStd-Heavy";
    src: url("../fonts/AvenirLTStd-Heavy.otf");
}

@font-face {
    font-family: "AvenirNextLTPro-Regular";
    src: url("../fonts/AvenirNextLTPro-Regular.otf");
}

@font-face {
    font-family: "AvenirNextLTPro-Bold";
    src: url("../fonts/AvenirNextLTPro-Bold.otf");
}

@font-face {
    font-family: "AvenirLTStd-Light";
    src: url("../fonts/AvenirLTStd-Light.otf");
}

@font-face {
    font-family: "AvenirNextLTPro-Demi";
    src: url("../fonts/AvenirNextLTPro-Demi.otf");
}

@font-face {
    font-family: "OpenSans-Regular";
    src: url("../fonts/OpenSans-Regular.ttf");
}

@font-face {
    font-family: "OpenSans-SemiBold";
    src: url("../fonts/OpenSans-SemiBold.ttf");
}

@font-face {
    font-family: "helvetica";
    src: url("../fonts/Helvetica.ttf");
}

@font-face {
    font-family: "HelveticaNeue-Light";
    src : url("../fonts/HelveticaNeue-Light.woff") ;
    font-weight: 400;
}
@font-face {
    font-family: "HelveticaNeue-bold";
    src : url("../fonts/HelveticaNeueBold.woff") ;
    font-weight: bold;
}

/**********************************\
    Default
\**********************************/
.row{
    margin: 0;
    padding: 0
}
body{
    font-family: "OpenSans-Regular";
    font-size: 14px;
    color: #333333;
    position: relative;
    overflow-x: hidden ;
}
body:before {
    content: '';
    position: absolute;
    top: 0px;
    left: 0;
    right: 0;
    bottom: 0;
    background: #4A4A4A;
    opacity: 0;
    z-index: 11;
    transition: .3s all;
    pointer-events: none;
}
.core-site{
    position: relative;
}
a{
    color: #474747;
    text-decoration: none;
}
a:focus, a:hover{
    text-decoration: none;
    
}
.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus{
    outline: none;
}
section{
    padding: 60px 0;
}
.btn:focus, .btn:hover{
    color: #FFF;
}
ul{
    list-style: none;
    padding: 0;
    margin: 0;
}
*{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    outline: none;
}
.nav>li>a:focus, .nav>li>a:hover {
    background-color: transparent;
}
.navbar-toggle .icon-bar {
    background: #fff;
    transition: .7s;
    width: 30px;
}
.navbar-toggle .icon-bar:nth-child(2) {
    margin: 3px 0;
}
.slick-next{
    right: 25px;
}
.slick-prev{
    left: 25px;
    z-index: 9;
    display: none !important;
}
/**********************************\
    End Default
\**********************************/

/**********************************\
    Header
\**********************************/
header .container{
    position: relative;
    padding-left: 0;
}
header .logo {
    float: left;
    padding: 10px 0;
    position: absolute;
    top: 0;
    left: -30px;
}
header .search-mobile {
    display: none;
}
.navbar-toggle {
    position: absolute;
    left: 15px;
    top: 34px;
    margin: 0;
    padding: 0;
    z-index: 111;
}
.navbar-toggle .icon-bar {
    background: #223D73;
    transition: .7s;
    width: 36px;
    height: 4px;
    border-radius: 50px;
}
header .nav-header {
    float: right;
    max-width: calc(100% - 166px);
}
header .navbar{
    float: left;
    text-align: center;
    margin-bottom: 0;
    min-height: auto;
    border: 0;
}
header .navbar-collapse{
    padding-right: 0;
}
header .navbar-nav>li>a {
    font-size: 12px;
    padding: 14px 10px 0px;
    width: 130px;
    line-height: 16px;
    min-height: 90px;
    transition: .8s all;
}
header .navbar-nav .active a, .navbar-nav>li:hover a, header .navbar-nav>li:focus a {
    background: #1E3D73;
    color: #fff;
}
header .navbar-nav .nav-img{
    position: relative;
    height: 30px;
    display: block;
    margin-bottom: 4px;
}
.header .navbar-nav .nav-img img{
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    height: 30px;
    transition: .8s all;
}
header .navbar-nav .nav-img .icon-nav-blanc{
    opacity: 0;
}
header .navbar-nav .active .icon-nav-blanc, header .navbar-nav>li:hover .icon-nav-blanc{
    opacity: 1;
}
header .navbar-nav .active .icon-nav-black, header .navbar-nav>li:hover .icon-nav-black{
    opacity: 0;
}
header .navbar-nav>li span{
    display: block;
}
header .header-search {
    float: left;
    padding-top: 25px;
    width: 380px;
}
.header-search form{
    position: relative;
}
.header-search .form-control{
    border: 1px solid #979797;
    padding: 6px 15px;
    height: 38px;
    box-shadow: none;
}
.header-search .search-submit {
    position: absolute;
    top: 10px;
    left: 15px;
    padding: 0;
    background: transparent;
    border: none;
}
.header-search .icon-search {
    display: inline-block;
    background: url(../images/search-icon.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 18px;
    height: 18px;
}
.bloc-deconnect, .bloc-connect {
    float: left;
    text-align: center;
}
.bloc-connect a {
    font-family: "OpenSans-SemiBold";
    background: #D8D8D8;
    padding: 28px 16px;
    display: block;
    color: #333333;
    font-size: 12px;
    min-height: 90px;
}
.bloc-deconnect a {
    font-family: "OpenSans-SemiBold";
    background: #223D73;
    padding: 20px 16px;
    display: block;
    color: #fff;
    font-size: 12px;
}
.bloc-deconnect i{
    display: inline-block;
    background: url(../images/user-icon.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 18px;
    height: 24px;
}
.bloc-deconnect span, .bloc-connect span {
    display: block;
}


.bloc-header-home {
    background-position: center;
    background-size: cover;
    padding: 34vmin 0;
    position: relative;
    text-align: center;
}
.bloc-header-home-connect{
    background-position: center;
    background-size: cover;
    padding: 24vmin 0;
    position: relative;
    text-align: center;
}
.bloc-header-home-connect .header-search{
    padding: 0;
    float: none;
    display: inline-block;
    width: 45%;
}
.bloc-header-home-connect .header-search .form-control {
    height: 46px;
}
.bloc-header-home-connect .header-search .search-submit {
    top: 15px;
}
.bloc-header-home-connect .titre-search{
    font-size: 34px;
    text-align: center;
    margin-bottom: 20px;
    color: #fff;
    letter-spacing: 1px;
}
.home-presentation .bloc-presentation-home{
    text-align: center;
    margin-bottom: 50px;
    font-family: "OpenSans-SemiBold";
}
.home-presentation .content-presentation-home {
    display: inline-block;
    text-align: justify;
    width: 90%;
}
.home-presentation .titre-home-presenation{
    font-family: "OpenSans-SemiBold";
    position: relative;
    text-align: center;
    padding: 0 30px;
    font-size: 40px;
    color: #223D73;
    text-transform: initial;
    margin-top: 20px;
    margin-bottom: 50px;
    letter-spacing: 1px;
}
.home-presentation .titre-home-presenation:before{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    /*background: url(../images/motif-titre-home.svg);*/
    background-repeat: no-repeat;
    background-repeat: no-repeat;
    width: 19px;
    height: 36px;
}
.home-presentation .text-presentation-home {
    opacity: .6;
    line-height: 24px;
}
.home-presentation .content-presentation-home p {
    margin-bottom: 30px;
}
.home-presentation .item-specialite {
    padding: 0 25px;
    margin-bottom: 30px;
}
.home-presentation .item-specialite img {
    width: 100%;
}
.titre-item-connect {
    font-family: "OpenSans-Regular";
    font-size: 40px;
    text-align: center;
    margin-bottom: 50px;
    text-transform: initial;
}
.instances-home-items{
    padding-top: 40px;
}
.instances-home-items .titre-item-connect {
    margin-bottom: 40px;
}
footer {
    background: #223D73;
    color: #D8D8D8;
    text-align: center;
    padding: 40px 0 20px;
    
}
footer p{
    margin-bottom: 5px;
}
/**********************************\
    Page Categorie
\**********************************/
.header-default {
    padding-top: 16vmin;
    background-position: center;
    background-size: cover;
}
.header-default .bloc-top-fillter{
    background: #FFF;
    padding: 0px 15px;
}
.header-default .nav-top-fillter{
    padding: 8px 0 5px;
    border-bottom: 1px solid #979797;
}
.header-default .nav-top-fillter a {
    font-family: "OpenSans-Regular";
    font-size: 14px;
    color: #333333;
    opacity: 0.41;
    padding-bottom: 0px;
    display: inline-block;
    border-bottom: 2px solid #fff;
    margin: 0 22.5px;
}
.header-default .nav-top-fillter a:first-child {
    margin-left: 0;
}
.header-default .nav-top-fillter .active, .header-default .nav-top-fillter a:hover{
    font-family: "OpenSans-SemiBold";
    border-color: #169BD7;
    opacity: 1;
    color: #333;
}
.categories-filter-section {
    padding: 40px 0 60px;
}
.content-ajax{
    padding: 0 15px;
}
.content-ajax > div{
    margin-bottom: 40px;
}
.titre-categorie-filter {
    font-family: "OpenSans-SemiBold";
    font-size: 32px;
    margin-top: 0;
    margin-bottom: 10px;
}
.sub-first-fillter{
    border-bottom: 1px solid #979797;
    padding: 0 15px 5px;
    margin: 30px 0;
}
.sub-first-fillter a, .sub-last-fillter a {
    font-family: "OpenSans-SemiBold";
    font-size: 12px;
    padding-bottom: 3px;
    display: inline-block;
    border-bottom: 2px solid #fff;
    margin: 0 15px;
    transition: .6s all;
    opacity: .5;
}

.sub-first-fillter .active, .sub-first-fillter a:hover, .sub-last-fillter .active, .sub-last-fillter a:hover{
    border-color: #169BD7;
    opacity: 1;
    color: #333
}
.sub-first-fillter a:first-child, .sub-last-fillter a:first-child {
    margin-left: 0;
}
.bloc-sub-last-filter{
    margin-bottom: 40px;
}
.sub-last-fillter{
    border-bottom: 1px solid #979797;
    padding: 0 0px 5px 0;
    display: inline-block;
}
.select-filter {
    position: relative;
}
.select-filter:before {
    content: '';
    position: absolute;
    top: 18px;
    right: 20px;
    pointer-events: none;
    border-style: solid;
    border-width: 6px 6px 0 6px;
    border-color: #4A4A4A transparent transparent transparent;
}
.select-filter .form-control {
    text-align: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 40px;
    border-radius: 3px;
    border: 1px solid #d9d9d9;
    box-shadow: 0px 3px 10px -3px #9e9e9e;
}
.select-filter .form-control::-ms-expand {
    display: none;
}
.titre-filter-cat{
    font-family: "OpenSans-SemiBold";
    font-size: 30px;
    font-weight: normal;
    margin-bottom: 20px;
    color: #AF173A;
}
.year-filer{
    display: inline-block;
    width: 100%;
    border-top: 1px solid #D8D8D8;
    border-bottom: 1px solid #D8D8D8;
    font-family: "OpenSans-SemiBold";
    margin-bottom: 50px;
    position: relative;
}
.year-filer .nextt,.year-filer .prevv,
.bloc-sub-first-fillter .nextt,.bloc-sub-first-fillter .prevv{
    position: absolute;
    right: 0;
    top: 8px;
    z-index: 111;
    color: #169cd8;
    font-family: "OpenSans-Regular";
}
.year-filer .prevv,
.bloc-sub-first-fillter .prevv{
    right: 30px;
}

.more-years{
    float: left;
    width: 60px;
    margin: 0;
    box-shadow: 2px 0px 4px -1px #D8D8D8;
    text-align: center;
    border-right: 1px solid #D8D8D8;
}
.bloc-slide-years{
    float: left;
    width: calc(100% - 60px);
    position: relative;
    color: #979797;
}
.bloc-slide-years:before{
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 140px;
    background: rgba(255,255,255,0);
    background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(50%, rgba(255,255,255,1)));
    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%);
    background: -o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%);
    background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%);
    background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 );
    z-index: 11;
}
.filter-post-results, .filter-post-by-year{
    padding: 8px;
    text-align: center;
}
.item-caty-post {
    padding: 0 30px;
    position: relative;
    margin-bottom: 30px;
    height: 255px;
}
.item-caty-post .text-right {
    position: absolute;
    right: 35px;
    bottom: 0;
    margin: 0;
}
.item-caty-post:before {
    content: '';
    position: absolute;
    top: 50%;
    right: 0px;
    transform: translateY(-50%);
    height: 70%;
    width: 1px;
    background: #D8D8D8;
}
.item-caty-post:nth-child(3n + 1){
    padding-left: 0;
}
.item-caty-post:nth-child(3n + 3):before{
    content: none;
}
.item-caty-post .item-post-category span {
    padding: 6px 20px;
    display: inline-block;
    background: #169CD8;
    color: #fff;
    font-size: 13px;
    letter-spacing: 1px;
}
.item-caty-post .item-post-date {
    font-size: 13px;
    color: #169BD7;
}
.item-caty-post .item-post-title {
    font-family: "OpenSans-SemiBold";
    font-size: 20px;
    color: #333;
    margin-bottom: 15px;
}
.item-caty-post .item-post-description {
    opacity: .5;
    margin-bottom: 25px;
}
.item-caty-post .item-post-read{
    display: inline-block;
    letter-spacing: 1px;
    color: #333333;
}
.bloc-load-more{
    padding: 20px 0;
    text-align: center;
}
.load-more, .btn-load-more{
    background: #AE173A;
    border: 1px solid #AE173A;
    border-radius: 3px;
    color: #E9DBCD;
    letter-spacing: 1px;
    padding: 9px 34px;
    color: #FFF;
    
}
/**********************************\
    Single Fichier
\**********************************/

.single-fichier {
    padding-top: 20px;
}
.single-fichier .fil-ariane{
    font-size: 16px;
}
.single-fichier .fil-ariane a, .single-fichier .fil-ariane .fil-ariane-separateur{
    color: #333;
    opacity: .5;
}
.single-fichier .fil-ariane .fil-ariane-post-title {
    font-family: "OpenSans-SemiBold";
    opacity: 1;
}
.single-fichier .titre-single-fichier{
    font-family: "OpenSans-SemiBold";
    margin-top: 30px;
    margin-bottom: 20px;
}
.single-fichier .discription-single-fichier{
    margin-bottom: 30px;
    opacity: .5;
}
.single-fichier .discription-single-fichier p{
    margin-bottom: 5px;
}
.single-fichier .catalog-fichier{
    text-align: center;
    margin-bottom: 50px;
}
.single-fichier .file-bloc {
    display: inline-block;
    position: relative;
}
.single-fichier .file-bloc > button{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 11;
    height: 36px;
    width: 36px;
    border-radius: 50%;
    border: 1px solid #333;
    font-size: 20px;
    text-align: center;
}
.single-fichier .file-bloc > .btn-prev {
    left: -120px;
}
.single-fichier .file-bloc > .btn-next {
    right: -120px;
}
.single-fichier .pdfemb-viewer {
    border: 16px solid #d8d8d8 !important;
}

.single-fichier .file-download {
    text-align: center;
    margin-bottom: 40px;
}
.single-fichier .btn-download{
    background: #AE173A;
    border: 1px solid #AE173A;
    border-radius: 3px;
    color: #E9DBCD;
    letter-spacing: 1px;
    padding: 9px 34px;
    color: #FFF;
}
.single-fichier .item-caty-post:nth-child(3n + 1) {
    padding-left: 15px;
}
.single-fichier .item-caty-post{
    transition: .8s all;
    padding: 20px 20px;
}
.single-fichier .item-caty-post.active-post-item {
    color: #fff;
    background: #223D73
}
.single-fichier .item-caty-post.active-post-item:before{
    background: #223D73
}
.single-fichier .item-caty-post.active-post-item .item-post-title, .single-fichier .item-caty-post.active-post-item .item-post-description{
    color: #fff;
    opacity: 1;
}
.single-fichier .text-right{
    margin: 0;
}
.single-fichier .item-post-read{
    background: transparent;
    border: 0;
    margin: 0;
}
/**********************************\
    Responsive
\**********************************/



@media (min-width: 768px) {
    .container {
        width: 100%;
        padding: 0 30px;
    }
    
    
}
@media (min-width: 1280px) {
    .container {
        width: 1180px;
    }
}

@media (min-width: 1520px) {
   
}

@media (max-width: 1519px) {
   
}


/* Large devices (desktops, less than 1200px)*/
@media (max-width: 1199px) {
    header .container {
        padding: 0 15px;
    }
    header .logo{
        position: static;
        width: 100%;
        padding-bottom: 30px;
        text-align: center;
    }
    header .nav-header {
        max-width: 100%;
        float: none;
    }
    header .header-search {
        width: calc(100% - 569px);
    }
    /* header menu */
    body:before{
        content: '';
        position: absolute;
        top: 87px;
        left: 0;
        right: 0;
        bottom: 0;
        background: #4A90E2;
        opacity: 0;
        transition: .5s all;
        z-index: 10;
    }
    body.toggled:before, body.toggled-search:before{
        opacity: .5;
        pointer-events: all;
    }
    .navbar-toggle {
        display: block;
    }
    .collapse {
        display: none !important;
    }
    .navbar-collapse.collapse {
        display: none !important;
    }
    .collapse.in {
        display: block !important;
    }
    .navbar-nav, .navbar-nav>li {
        float: unset;
    }
    header .container {
        padding: 0;
        z-index: 111
    }
    header .logo{
        padding-bottom: 10px;
        position: relative;
        left: auto;
        top: auto;
        z-index: 12;
    }
    .toggled .logo{
        padding-bottom: 10px;
        box-shadow: 0px 2px 4px 0px #c7c7c7;
    }
    
    header .search-mobile {
        display: block;
        position: absolute;
        top: 32px;
        right: 15px;
        background: url(../images/icon-search-mobile.svg);
        background-repeat: no-repeat;
        background-size: contain;
        width: 26px;
        height: 26px;
        z-index: 111;
    }
    .toggled-search .header-search{
        top: 0;
    }
    header .header-search{
        position: absolute;
        right: 0;
        width: 100%;
        top: -100px;
        transition: .5s all;
        background: #fff;
        z-index: 1111;
        padding: 26px 0px;
    }
    header .header-search .form-control {
        border-radius: 50px;
        box-shadow: 0 0 3px 0 #B5AFAF;
    }
    header .navbar{
        position: absolute;
        top: 88px;
        left: 0;
        right: 0;
        background: #fff;
        z-index: 11;
    }
    header .navbar-collapse {
        padding: 0;
    }
    .navbar-nav {
        margin: 0;
    }
    header .navbar-nav>li>a{
        width: auto;
        min-height: auto;
        text-align: left;
        padding: 12px 6px;
        border-bottom: 1px solid #D8D8D8;
    }
    header .navbar-nav .nav-img, header .navbar-nav>li span {
        display: inline-block;
        vertical-align: middle;
    }
    .header .navbar-nav .nav-img img {
        position: static;
        transform: none;
        min-width: 70px;
    }
    header .navbar-nav .nav-img .icon-nav-blanc {
        display: none;
    }
    .bloc-connect a {
        background: #fff;
        padding: 15px 10px;
        color: #333333;
        min-height: auto;
        text-align: left;
    }
    .bloc-connect{
        width: 100%;
    }
    .bloc-connect span {
        display: inline-block;
        vertical-align: middle;
    }
    .bloc-connect .icon-user-connect{
        font-size: 0;
        display: inline-block;
        min-width: 70px;
        text-align: center;
        padding-right: 15px;
    }
    .bloc-connect .icon-user-connect i {
        display: inline-block;
        background: url(../images/user-icon-connect.svg);
        background-repeat: no-repeat;
        background-size: contain;
        width: 22px;
        height: 26px;
    }
    .bloc-deconnect{
        position: absolute;
        right: 15px;
        top: 32px;
    }
    .bloc-deconnect a {
        padding: 8px 12px;
    }
    .bloc-deconnect i{
        vertical-align: middle;
    }
    .bloc-deconnect span{
        display: none;
    }
    
    
    .home-presentation .titre-home-presenation{
        font-size: 26px;
        padding: 0;
    }
}

/* Small devices (landscape phones, less than 768px)*/
@media (max-width: 993px) { 
/**********************************\
    Page Categorie
\**********************************/
    .categories-filter-section .container {
        padding: 0;
    }
    .titre-categorie-filter, .titre-filter-cat {
        font-size: 20px;
        text-align: center;
    }
    .year-filer .nextt,
    .bloc-sub-first-fillter .nextt{
        display: none ;
        right: 10px;
        top: 20px;
    }
    .year-filer .prevv,
    .bloc-sub-first-fillter .prevv{
        top: 20px;
    }
    .bloc-slide-years:before {
        width: 80px;
    }
    .sub-first-fillter {
        border-top: 1px solid #DEDEDE;
        border-bottom: 1px solid #DEDEDE;
        padding: 10px 0 8px;
        box-shadow: 0px 2px 10px 0px #DEDEDE
    }
    .sub-first-fillter a {
        margin: 0 8px;
        opacity: 1;
        padding: 8px 25px;
        background: #F2F2F2;
        border-radius: 50px;
    }
    
    .bloc-sub-last-filter{
        text-align: center;
    }
    .sub-last-fillter{
        border-top: 1px solid #DEDEDE;
        border-bottom: 1px solid #DEDEDE;
        padding: 10px 0 8px;
        margin-bottom: 60px;
        box-shadow: 0px 2px 10px 0px #DEDEDE
    }
    .sub-last-fillter a {
        margin: 0 2px;
        opacity: 1;
        padding: 10px 25px;
        background: #F2F2F2;
        border-radius: 50px;
    }
    .sub-first-fillter .active, .sub-first-fillter a:hover, .sub-last-fillter .active, .sub-last-fillter a:hover {
        background: #169BD7;
        color: #fff;
    }
    
    .select-filter {
        display: inline-block;
        width: 40%;
    }
    .item-caty-post{
        padding: 0 20px
    }
    .item-caty-post:nth-child(3n + 1) {
        padding-left: 20px;
    }
    .item-caty-post:nth-child(3n + 3):before, .item-caty-post:nth-child(2n + 2):before{
        content: none;
    }
    .item-caty-post:nth-child(2n + 1):before{
        content: '';
    }
    .year-filer {
        border-top: 1px solid #D8D8D8;
        border-bottom: 1px solid #D8D8D8;
        padding: 8px 0;   
        box-shadow: 0px 2px 10px 0px #DEDEDE;
    }
    .bloc-slide-years {
        width: calc(100% - 82px);
    }
    .more-years {
        width: 70px;
        box-shadow: none;
    }
    .year-filer .active{
        background: #009bdb;
        color: #fff;
    }
    .filter-post-results, .filter-post-by-year {
        padding: 8px 20px;
        text-align: center;
        border-radius: 50px;
        background: #f2f2f2;
        color: #333;
        margin: 0 6px;
    }
/**********************************\
    Single Fichier
\**********************************/
    .single-fichier .file-bloc > .btn-prev {
        left: -50px;
    }
    .single-fichier .file-bloc > .btn-next {
        right: -50px;
    }
    
    .single-fichier .titre-single-fichier, .single-fichier .discription-single-fichier {
        text-align: center;
    }
    .single-fichier .pdfemb-viewer, .single-fichier .pdfemb-pagescontainer, .single-fichier .pdfemb-inner-div, .single-fichier .pdfemb-viewer canvas {
        width: auto !important;
        height: 100% !important;
    }
    .filter-post-results.slick-current-active, .filter-post-by-year.active-year-filter {
        background-color: #009ad9;
        color: #fff !important;
    }
}
/* Small devices (landscape phones, less than 768px)*/
@media (max-width: 767px) {
    body:before{
        content: '';
        position: absolute;
        top: 87px;
        left: 0;
        right: 0;
        bottom: 0;
        background: #4A90E2;
        opacity: 0;
        transition: .5s all;
        z-index: 10;
    }
    body.toggled:before, body.toggled-search:before{
        opacity: .5;
        pointer-events: all;
    }
    header .container {
        padding: 0;
        z-index: 111
    }
    header .logo{
        padding-bottom: 10px;
        position: relative;
        left: auto;
        top: auto;
        z-index: 12;
    }
    .toggled .logo{
        padding-bottom: 10px;
        box-shadow: 0px 2px 4px 0px #c7c7c7;
    }
    
    header .search-mobile {
        display: block;
        position: absolute;
        top: 32px;
        right: 15px;
        background: url(../images/icon-search-mobile.svg);
        background-repeat: no-repeat;
        background-size: contain;
        width: 26px;
        height: 26px;
        z-index: 111;
    }
    .toggled-search .header-search{
        top: 0;
    }
    header .header-search{
        position: absolute;
        right: 0;
        width: 100%;
        top: -100px;
        transition: .5s all;
        background: #fff;
        z-index: 1111;
        padding: 26px 0;
    }
    header .header-search .form-control {
        border-radius: 50px;
        box-shadow: 0 0 3px 0 #B5AFAF;
    }
    header .navbar{
        position: absolute;
        top: 88px;
        left: 0;
        right: 0;
        background: #fff;
        z-index: 11;
    }
    header .navbar-collapse {
        padding: 0;
    }
    .navbar-nav {
        margin: 0;
    }
    header .navbar-nav>li>a{
        width: auto;
        min-height: auto;
        text-align: left;
        padding: 12px 6px;
        border-bottom: 1px solid #D8D8D8;
    }
    header .navbar-nav .nav-img, header .navbar-nav>li span {
        display: inline-block;
        vertical-align: middle;
    }
    .header .navbar-nav .nav-img img {
        position: static;
        transform: none;
        min-width: 70px;
    }
    header .navbar-nav .nav-img .icon-nav-blanc {
        display: none;
    }
    .bloc-connect a {
        background: #fff;
        padding: 15px 10px;
        color: #333333;
        min-height: auto;
        text-align: left;
    }
    .bloc-connect{
        width: 100%;
    }
    .bloc-connect span {
        display: inline-block;
        vertical-align: middle;
    }
    .bloc-connect .icon-user-connect{
        font-size: 0;
        display: inline-block;
        min-width: 70px;
        text-align: center;
    }
    .bloc-connect .icon-user-connect i {
        display: inline-block;
        background: url(../images/user-icon-connect.svg);
        background-repeat: no-repeat;
        background-size: contain;
        width: 22px;
        height: 26px;
    }
    .bloc-deconnect{
        position: absolute;
        right: 15px;
        top: 32px;
    }
    .bloc-deconnect a {
        padding: 8px 12px;
    }
    .bloc-deconnect i{
        vertical-align: middle;
    }
    .bloc-deconnect span{
        display: none;
    }
    
    
    .home-presentation .titre-home-presenation{
        font-size: 26px;
        padding: 0;
    }
/**********************************\
    Page Categorie
\**********************************/
    .content-ajax {
        padding: 0;
    }
    .content-ajax > div {
        margin-bottom: 20px;
    }
    .bloc-sub-first-fillter{
        padding: 0;
    }
    .sub-first-fillter {
        border-bottom: 1px solid #DEDEDE;
        padding: 10px 0 8px;
        margin-bottom: 15px;
    }
    .sub-last-fillter {
        border-bottom: 1px solid #DEDEDE;
        border-top: 1px solid #DEDEDE;
        padding: 5px 0;
        display: inline-block;
        width: 100%;
    }
    .bloc-sub-last-filter > div{
        padding: 0;
    }
    .select-filter {
        width: 65%;
    }
    .bloc-slide-years:before, .item-caty-post:nth-child(2n + 1):before{
        content: none !important;
    }
    .item-caty-post{
        padding: 0 30px !important;
        height: auto;
    }
    .single-fichier .container, .single-fichier .filter-years-single > div{
        padding: 0;
    }
    .single-fichier .file-bloc > button{
        display: none;
    }
    .single-fichier .file-view{
        width: auto;
    }
    .single-fichier .file-view.pdf {
        height: 324px;
    }
    .single-fichier .fil-ariane {
        font-size: 12px;
    }
    .single-fichier .titre-single-fichier{
        font-size: 22px;
    }
    .page-template-pagecontenu .item-caty-post {
        min-height: 250px !important;
        padding: 0 !important;
        margin-left: 30px;
        margin-right: 30px;
        margin-bottom: 26px;
        padding-bottom: 26px;
        border-bottom: 1px solid #F3EEEE;
    }
    .page-template-pagecontenu .item-caty-post:last-child,
    .single-fichier .item-caty-post:last-child {
        border-bottom: 0;
    }
    .page-template-pagecontenu .item-caty-post .text-right,
    .single-fichier .item-caty-post .text-right {
        bottom: 22px;
    }
    .single-fichier .item-caty-post {
        border-bottom: 1px solid #F3EEEE;
        padding: 0px !important;
        margin: 26px 20px 0 20px;
    }
    .single-fichier .item-caty-post.active-post-item {
        padding: 20px !important;
        margin: 0;
        margin-bottom: 30px;
    }
    .single-fichier .item-caty-post:first-child {
        margin-top: 0;
    }
}
/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 600px) {
    .home-presentation .titre-home-presenation {
        font-size: 18px;
        padding-left: 32px;
        text-align: left;
    }
}

/* ============ 05/2019 ========== */
a.category-brother{width: auto !important;}
.bloc-sub-first-fillter .slick-track{width: 4000px !important;}

#CybotCookiebotDialogBodyLevelButtonsSelectPane div[title=""]{display: none;}
#CybotCookiebotDialogDetailBodyContentCookieContainerPreference,#CybotCookiebotDialogDetailBodyContentCookieContainerAdvertising,#CybotCookiebotDialogDetailBodyContentCookieContainerUnclassified{display: none;}