/*------------------------------------------------------------------------------*/
/*DESKTOP VERSION---------------------------------------------------------------*/
/*------------------------------------------------------------------------------*/
@media(min-width:768px) and (max-width: 991px){
    .art-height {min-height: 210px;}
    .type-projet h3, .type-projet p {margin: 0; padding: 0;}
    .type-projet h3, .type-projet img, .type-projet a {width: 100%; padding-top: 20px;}

    .hide-content {display: none;}
}

@media(min-width:992px) {

    .hide-content {display: none !important;}
    .display-content {display: block !important;}

    .d-float {float: left;}
    .d-nofloat {float: none;}
    .d-relative {position: relative;}

    .reset-d-padding {padding: 0 !important;}
    .reset-d-padding-l-r {padding-left: 0; padding-right: 0 !important;}
    .reset-d-margin {margin: 0 !important;}

    .clearfix {  overflow: auto;  zoom: 1; clear: both;}
    .cursor {cursor: default; pointer-events: none; }

    .col-sm-2 {width: 20%;}
    .col-sm-3 {width: 30%;}
    .col-sm-6 {width: 50%;}
    .col-sm-9 {width: 70%;}
    .col-sm-10 {width: 80%;}
    .col-sm-12 {width: 100%;}

    .m00 {margin: 0;}
    .mr50 {margin-right: 50px;} .ml50 {margin-left: 50px;}
    .mt30 {margin-top: 30px;} .mb30 {margin-bottom: 30px;} .mr30 {margin-right: 30px;} .ml30 {margin-left: 30px;}
    .margin-height {height: 50px; display: block;}
    .pt50 {padding-top: 50px;} .pb50 {padding-bottom: 50px;} .pl50 {padding-left: 50px;} .pr50 {padding-right: 50px;}
    .pt30 {padding-top: 30px;} .pb30 {padding-bottom: 30px;} .pl30 {padding-left: 30px;} .pr30 {padding-right: 30px;}

    .link-02, .link-02:visited {font-size: 14px;}
    .list-col-6 { padding-bottom: 0px;}
    .p-t-ul-aside {padding-top: 20px;}

    .filter-vertical {display: inline;}
    .radius-cercle {border-radius: 1000px;}

    .separator-01 { padding-bottom: 30px; border-bottom: 2px solid #000; margin: 0;  display: block;}
    .separator-02 { border-bottom: 1px solid #8ad2dc;display: block; padding-bottom: 30px; }
    .separator-05 { border-top: 1px solid #c9f1f3; border-bottom: 0; display: block; height: 50px; }

    .trunc{  display: block;  display: -webkit-box;  max-width: 100%;  height: 60px;
        margin: 0 auto;  font-size: 14px;  line-height: 1;  -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;  overflow: hidden;  text-overflow: ellipsis; padding-top: 7px;}

    .trunc-big {
        display: block;  display: -webkit-box;  max-width: 100%;  max-height: 305px;
        margin: 0px;  font-size: 14px;  line-height: 1;  -webkit-line-clamp: 11;
        -webkit-box-orient: vertical;  overflow: hidden;  text-overflow: ellipsis;
    }

    body {background: #fff;}
    .bg-desktop {background: #fff; border-bottom: 2px solid #f6f6f6; letter-spacing: 0.01em;}

    .art-bord  {border: none; padding: 75px 0 0 30px ; margin: 0; padding-bottom: 25px;}
    .article-bord-financement {padding: 50px 0 0 30px;}
    .article-main {width: 100%}
    .article-1, .article-2, .article-3 { display: flex; flex-direction: column; width: 100%; height: 100%; }
    .art-width {width: 100%;}
    .art-width-full {width: 100%;}
    .art-height {height: 250px;}
    .art-height-med {height: 510px;}
    .art-height-big {height: 770px;}
    .art-pad { background: white; padding-left: 15px; padding-bottom: 15px;}
    .art-pad-bt {padding-bottom: 10px;}
    .art-pad-lf {padding-left: 10px;}
    .art-bor-top  {margin-top: 0;}
    .art-1-2 {width: 66.66666666%;}
    .art-1-2-ex {width: 100%;}
    .art-1-1 {width: 33.33333333%;}
    .art-3-1 {width: 33.33333333%;}
    .art-3-2 {width: 66.66666666%;}
    .art-2-1 {width: 50%;}
    .art-2-1-ex {width: 33.33333333%;}
    .art-2-2 {width: 100%;}
    .art-model {border: 2px solid #4a1b57; height: 100%; width: 100%; padding: 15px; background: #fff;}
    .art-text {display: flex; align-items: stretch; flex-direction: column;}
    .art-text-pad { padding-left: 20px; padding-right: 20px;}
    .art-text-pad.debord { padding-left: 0; padding-right: 0;}
    .art-text-pad.debord h2 { padding-left: 20px; padding-right: 20px;}
    .art-text-pad.debord img { max-width:100%;}
    .art-resp-img a {display: block; max-width: 200px; }
    .art-img-left {margin-right: 20px;}
    h3.art-padd-text { padding: 15px 0 0px 20px; }

    .collapse {display: inline;}

    .direction-row {display: flex; flex-direction: row; }
    .direction-column {display: flex; flex-direction: column; }

    .detail-d-projet {padding: 50px 0; float: left;}
    .detail-d-project {width: 25%; margin-right: 10%;}
    .detail-d-projet img.logo-brand {width: 20%;}

    .financement-block {position:relative; display: flex; flex-direction: column-reverse;}
    .financement-m-txt {width: 70%; padding-left: 20px; line-height: 24px}
    .financement-m-txt, .type-projet { line-height: 24px}
    .financement-m-txt > strong {margin-top: 30px; display: block}
    .financement-m-txt .btn-lg-dossier .glyphicon-save {top: 15px;}
    .financement-m-txt .btn-lg-dossier {padding: 10px;}
    .financement-block .separator-03 {margin-bottom: 40px;}
    .financement-block img {margin-top: 20px;}

    #finance-filtre .detail-projet { border: none; padding: 0; margin: 0;float: right; position: absolute; top: -10px; right: 0;}
    #finance-filtre > p { padding: 0; margin-bottom: 50px;}
    #finance-filtre > img {width: 70%; display: block; padding-left: 50px;}
    .fin-filter-group {width: 30%; float: left; margin-top: 50px;}
    .fin-aside-li { font-weight: 600; list-style-type: none; padding-left: 25px; position: relative; margin-top: 18px;}
    .projet-finance {position:relative;}

    .type-projet img {display: block; }
    .financement-block h3 { padding: 30px 0 5px 0;}

    .main-mobile {padding-top: 160px; padding-bottom: 0;}
    .main-mobile-pt {padding-top: 0px;}
    .main-desktop {position: relative;}
    .main-desktop::before {  position: absolute;  display: block;  content: '';  width: 200%;  height: 100%;  top: 0;  background: #f6f6f6;  left: -166%;}

    .formation-h { border: solid 1px #007ba9; height: 100px; margin-top: 20px; border-radius: 50px; background-color: #007ba9; padding-left: 40px; padding-top: 24px;}
    .formation-sommaire {border-left: 2px solid #d0ec32; padding-left: 0px; margin-left: 45px;}
    .formation-sommaire ul { position: relative; padding-left: 19px; }
    ul.d-p-left { padding-left: 19px !important; }
    .formation-sommaire li { list-style-type: none; padding-top: 20px; position: relative; }
    li.formation-list-style::before{  content: ""; height: 10px; width: 10px; background-color: #007ba9; position: absolute; top: 27px; left: -25px; border-radius: 15px; outline: 7px solid white; }
    /*.formation-art-block { border: solid 3px #007ba9; padding: 20px 5px; margin: 20px 20px -10px;}*/
    .formation-art-block h3, .formation-art-block p, .formation-art-block a {padding-top: 10px;}
    .formation-img-corner { width: 100%; height: 100%}
    .formation-d-p {padding-left: 20px;}
    .formation-d-date h2 {color: #e34f1c; font-size: 18px;}
    .formation-d-date p {color: #000; font-size: 15px; margin-top: -7px;}

    .conseil-h { border: solid 1px #2e8a81; margin-top: 20px; border-radius: 50px; background-color: #2e8a81; padding-right: 40px; padding-left: 40px; padding-top: 24px; }
    .conseil-art-block { border: solid 3px #2e8a81; padding: 20px 5px; margin: 20px 20px -10px;}
    .conseil-img-corner { position: absolute; width: 11%; z-index: 10; right: 0; top: 75px;}

    .projet-finance, .vous-avez-projet {padding-top: 0;}
    .pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus,
    .pagination>li>span:hover { color: #e34f1c; border: none;}

    .type-projet p.p-m-stat-block {margin-top: 0px;}

    .video-title { position: relative; display: block; height: 160px;}
    .l-qsn-title {height: 80px;}


}

.bandeau_formation{
    display: flex;
    background: #e34f1c;
    color: #fff;
}

.bandeau_formation > div {
    display: flex;
    flex-direction: column;
    width: 33%;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
}

.bandeau_formation > div > img {
    height:   60px;
    margin-bottom: 10px;

}

.bandeau_formation > div > .chiffre {
    font-weight:bold;
    font-size:30px;

}

.bandeau_formation > div > .label {
    font-size: 16px;
    font-weight: 400;
    white-space: normal;
}
@media(max-width:767px) {

    .bandeau_formation{
        flex-direction: column;
    }

    .bandeau_formation > div{
        width:100%;
    }
}