/*------------------------------------------------------------------------------*/
/*Mobile Version------------------------------------------------------------------*/
/*------------------------------------------------------------------------------*/
fieldset {
    border: none;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
    float: left;
}

.detail-projet.fix-ie p { height: 80px; }
.detail-projet {
}

@media (max-width: 767px) {
    .img-detail-projet {
        margin-bottom:15px;
    }
}

.citoyennete .main-desktop::before {
    width: 196%;
}

.citoyennete .formation-image-gauche img {
    height: 85px;
}

.montant { display: block !important;}

.btn-lg-ccah-contact {
    position: relative;
    padding: 10px 16px;
    margin: 10px 0;
    border-radius: 4px;
    display: inline-block;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    font-size: 16px;
    letter-spacing: 0.02em;
    white-space: normal;

    color: white;
    background-color: #e34f1c;
    border: 1px solid #e34f1c;

    -webkit-box-shadow: 0px 5px 0px 0px rgba(175, 61, 22,0.99);
    -moz-box-shadow: 0px 5px 0px 0px rgba(175, 61, 22,0.99);
    box-shadow: 0px 5px 0px 0px rgba(175, 61, 22,0.99);
}

.nuage-tag .logo-lien img{max-height: 150px; max-width: 150px;}

.partenaire-lien{max-height: 110px; max-width: 250px;}

.logo-lien {
    margin: 0;
    height: 150px;
    justify-content: center;
    align-items: center;}

nav.pagination-result {text-align: center;}
nav.pagination-result a { color: #e34f1c; border: none;}

.plan-list-style {margin-right: 29px;}

.ff-blue .separator-01 {border-bottom-color: #007ba9 !important;}
.ff-green .separator-01 {border-bottom-color: #2e8a81 !important;}
.ff-blue .l-ancre-aside {color: #007ba9 !important;}
.ff-green .l-ancre-aside {color: #2e8a81 !important;}
.ff-blue .ff-m-h1-nav {color: #007ba9 !important;}
.ff-green .ff-m-h1-nav {color: #2e8a81 !important;}

.fake-btn{
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-image: none;
    border-radius: 4px;}

.active { color: black; text-decoration: none; background-color: #d3d3d3; }

.formation-plan { border: solid 1px #4a1b57; height: 70px; margin-top: 20px; border-radius: 50px; background-color: #4a1b57; padding-left: 40px;}
.formation-sommaire ul { position: relative; padding-left: 19px; }
.formation-plan h2 {display: block !important;}
.formation-sommaire div { padding-top: 20px; position: relative; }
.formation-sommaire li { padding-top: 20px; position: relative; }
.titre-plan {color: white; text-decoration: none;}
.titre-plan:hover {color: white; text-decoration: none;}
.titre-plan:focus {color: white; text-decoration: none;}
.sous-titre-plan {color: black; text-decoration: none;}
.sous-titre-plan:hover {color: black; text-decoration: none;}
li.plan-list-style::before{  content: ""; height: 10px; width: 10px; background-color: #4a1b57; position: absolute; top: 27px; left: -25px; border-radius: 15px; outline: 7px solid white; }
.article-richtext {font-family: 'roboto'; font-size: 1.7rem; font-weight: 400; line-height: 28px;}
.article-titre {font-family: 'roboto'; font-size: 3.6rem; font-weight: 200; line-height: 42px;}
.article-richtext h1{font-family: 'roboto'; font-size: 3.6rem; font-weight: 600; line-height: 28px;}
.article-richtext h2{font-family: 'roboto'; font-size: 3.3rem; font-weight: 400; line-height: 28px;}
.article-richtext h3{font-family: 'roboto'; font-size: 3.0rem; font-weight: 600; line-height: 28px;}
.article-richtext h4{font-family: 'roboto'; font-size: 2.7rem; font-weight: 400; line-height: 28px;}
.article-richtext h5{font-family: 'roboto'; font-size: 2.4rem; font-weight: 600; line-height: 28px;}
.article-richtext h6{font-family: 'roboto'; font-size: 2.1rem; font-weight: 400; line-height: 28px;}
.detail-projet p {
    display: -webkit-box;
    display: -moz-box;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;}
.img-responsive-embed {max-width: none; margin-top: 20px; height: 100%;}
.img-embed{display : flex; flex-direction: column-reverse; }
.img-detail-projet { width: 289px; height: 200px; padding-left: 0px; margin-right: 10px; max-width: 100%;}
.img-detail-projet-fix { padding-left: 0px; margin-right: 10px;}
.icon-formation_dates {
    padding-right: 10px;
}
.icon-formation_duree {
    padding-right: 10px;
}
.icon-formation_lieu {
    padding-right: 10px;
}
.icon-formation_tarif {
    padding-right: 10px;
}

@media (max-width: 767px) {
    .separator-61{display: block; height: 50px; }
    .map {display: none;}
    .separator-60 {padding: 0px;}
    .img-responsive-embed {max-width: 150px; max-height: 150px; margin-top: 0px;}
    /*.art-embed-mob{max-height: 150px;}*/
    .art-embed-mob h2 {margin: 0px; padding-top: 0px;}
    /*.first-title {max-width: 600px;}*/
    .art-embed-mob p { padding-left: 20px;}
    .art-embed-mob a { padding-left: 20px !important;}

    .glyphicon-text-background:before, .glyphicon-text-color:before{background: #4a1b57;}
    .titre1-citoy {
        padding-left: 10px;
    }

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

    .citoyennete aside .aside-title-mobile {
        padding-top: 0px;
    }
}


/*input[id=ccah_contact_recipientEmail] {display: none;}*/

/*.intervenant img{height: 7.8em;}*/

.glyphicon-eye-close, .glyphicon-text-background, .glyphicon-cog, .glyphicon-text-color { font-size: 18px; color: white; }

.art-model-dark {border: none; height: 100%; width: 100%; padding: 10px; background: #4a1b57; margin-bottom: 10px; overflow: hidden;}

.btn-filter { padding: 15px 15px; margin-bottom: 10px; display: block; background: none; border: 1px solid #000; color: #000; font-weight: 600; font-size: 1.5rem;}
.btn-filter:hover {background:  #e34f1c; color:#fff; border: 1px solid #e34f1c; }
.btn-filter-active, .btn-filter:focus, .btn-filter:active { padding: 15px; background: #e34f1c; border: 1px solid #e34f1c; color: #fff !important; font-weight: 600;}
.btn-filtre-roll, .btn-filtre-roll:focus, .btn-filtre-roll:hover { text-decoration: none;}

input[type=radio] {margin-bottom: 15px; margin-right: 4px; width: 15px; height: 15px;}

.ff-h-03 {font-size: 2.4rem;}
.ff-h-2 {font-size: 3.0rem;}

.no-ul { margin: 0; padding: 0;}

.inv-c {background: navy!important; color: #FF0!important;}
.inv-c * {background: navy!important; color: #FF0!important;}
.inv-c *:before{background: navy!important; color: #FF0!important;}

.pt20 {padding-top: 20px;} .pb20 {padding-bottom: 20px;} .pl20 {padding-left: 20px; padding-top: 15px;} .pr20 {padding-right: 20px;}
.type-projet h3 { padding: 0 0 0 0; }


footer .social-block-footer h1{  color: #8ad2dc; font-size: 15px; letter-spacing: 0.05em; padding-bottom: 15px;}

.btn-membre {border: 1px solid #e34f1c; color: #e34f1c;}

.btn-lg-membre {
    position: relative;
    padding: 10px 16px;
    margin: 10px 0;

    text-decoration: none;
    text-align: center;
    letter-spacing: 0.02em;
    white-space: normal;

    color: white;
    background-color: #e34f1c;
    border: 1px solid #e34f1c;

    -webkit-box-shadow: 0px 5px 0px 0px rgba(175, 61, 22,0.99);
    -moz-box-shadow: 0px 5px 0px 0px rgba(175, 61, 22,0.99);
    box-shadow: 0px 5px 0px 0px rgba(175, 61, 22,0.99);
}

.navbar-inverse .navbar-nav>li>a.ff-m-h2-login {font-family: 'roboto'; font-weight: 300; font-size: 2.4rem; color: #fff;}
.navbar-inverse .navbar-nav>li>a.ff-m-h2 {font-size: 2.4rem; font-weight: 100; color: #fff;}
.ff-m-h2 {font-family: 'roboto'; font-weight: 300; font-size: 3.0rem; color: #fff;}
.ff-m-h2-dark {font-family: 'roboto'; font-weight: 300; font-size: 3.0rem; color: #000;}
.ff-m-h1 { font-family: 'roboto'; font-weight: 600; font-size: 3.6rem; color: #000; line-height: 42px; margin-top: 10px;}
.ff-m-h1-nav { font-family: 'roboto'; font-weight: 600; font-size: 3.6rem; color: #000; line-height: 42px; }
.ff-m-h1-active { font-family: 'roboto'; font-weight: 600; font-size: 3.6rem; color: #357680; line-height: 42px; }
.ff-m-courant { font-family: 'roboto'; font-weight: 400; font-size: 1.8rem; color: #000; line-height: 36px;}
.ff-m-courant-white { font-family: 'roboto'; font-weight: 300; font-size: 1.8rem; color: #fff; line-height: 23px;}
.ff-m-courant-preview { font-family: 'roboto'; font-weight: 400; font-size: 1.8rem; color: #000; line-height: 36px;}
.ff-m-active { font-family: 'roboto'; font-weight: 400; font-size: 1.8rem; color: #357680; line-height: 36px;}
a.ff-m-lien { font-family: 'roboto'; font-weight: 600; font-size: 2rem; color: #e34f1c; line-height: 24px; display: table; text-decoration: underline; width: auto; letter-spacing: 0.01em; padding-top: 20px; padding-bottom: 0px;}

.ff-m-h1-short-art { font-family: 'roboto'; font-weight: 600; font-size: 3.6rem; color: #fff; line-height: 42px; }
.ff-m-filter { font-family: 'roboto'; font-weight: 600; font-size: 1.6rem; color: #000; line-height: 18px;}
.ff-m-filter-active { font-family: 'roboto'; font-weight: 600; font-size: 1.5rem; color: #fff; line-height: 18px; cursor: default; letter-spacing: 0.01em;}
.ff-m-summary { font-family: 'roboto'; font-weight: 600; font-size: 1.8rem; color: #000; line-height: 24px;}
.ff-aside-h1 { font-family: 'roboto'; font-weight: 300; font-size: 3.2rem; color: black; letter-spacing: 0.03em; line-height: 1.25em; }
.ff-financement-filtre { font-family: 'roboto'; font-weight: 700; font-size: 1.8rem; color: black; letter-spacing: 0.03em; }
.ff-bankroll { font-family: 'roboto'; font-size: 3.8rem; font-weight: 400;}
.ff-financement-p { font-family: 'roboto'; font-size: 1.8rem; font-weight: 400;}
.ff-btn-finance-filter, .ff-btn-finance-filter:focus { font-family: 'roboto'; color: #fff; font-weight: 500; font-size: 1.8rem; padding: 15px 80px 15px 0; letter-spacing: 0.05em;}
.ff-m-projet-h1 {font-family: 'roboto'; font-size: 2.5rem; font-weight: 400;}
.ff-m-projet-h2 {font-family: 'roboto'; font-size: 1.8rem; font-weight: 600; line-height: 1.5em;}
.ff-m-proj-intro-h1 {font-family: 'roboto'; font-size: 3.2rem; font-weight: 400;}
.ff-m-legend {font-family: 'roboto'; font-size: 1.8rem; color: grey; font-style: italic; padding-right: 100px; border-bottom: none;}
.ff-m-stats-h4 {font-family: 'roboto'; font-size: 1.8rem; color: #2f2f2f; font-weight: 400; padding-top: 20px; padding-bottom: 20px;}
.ff-m-adresse {font-family: 'roboto'; font-size: 1.8rem; padding-top: 20px; padding-bottom: 20px;}
.ff-m-finproj-h1 {font-family: 'roboto'; font-size: 2.8rem; line-height: 34px; font-weight: 400; }
.ff-m-finproj-h2 {font-family: 'roboto';font-size: 1.8rem; font-weight: 600; line-height: 1.5em;}
.ff-d-quote-bold {font-family: 'roboto'; font-size: 2.8rem; font-weight: 600; line-height: 1.5em; letter-spacing: 0.02rem; font-style: italic; }
.ff-d-quote-regular {font-family: 'roboto'; font-size: 2.8rem; font-weight: 400; line-height: 1.5em; letter-spacing: 0.02rem; font-style: italic; }

.first-title {margin-top: 6px;}

.ff-footer {font-size: 5.0rem; list-style-type: none;}

h2.ff-formation-h { color: #fff; text-transform: uppercase; font-size: 2.4rem; letter-spacing: 0.03em;}
h2.ff-conseil-h { color: #fff; text-transform: uppercase; font-size: 2.4rem; letter-spacing: 0.03em;}

.ff-18 {font-size: 1.8rem; padding-bottom: 0px !important;}

.art-model-col {border: 2px solid #4a1b57; height: 100%; width: 100%; padding: 20px; background: #fff; margin-bottom: 10px;}

.loginmodal-container input[type=submit], .loginmodal-container textarea{  width: 100%;  display: block;  margin-bottom: 10px;  position: relative;  border-radius: 6px;  text-align: center;}
input[type=text], input[type=email], textarea {  height: 44px;  font-size: 16px;  width: 100%;  margin-bottom: 10px;  -webkit-appearance: none;  background: #fff;  border: 1px solid #d9d9d9;
    border-top: 1px solid #c0c0c0;  /* border-radius: 2px; */  padding: 0 8px;  box-sizing: border-box;  -moz-box-sizing: border-box;}
.loginmodal-container input[type=text]:hover, input[type=password]:hover, .loginmodal-container textarea {  border: 1px solid #b9b9b9;  border-top: 1px solid #a0a0a0;  -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);  -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);  box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);}

input[type=text], input[type=email], textarea {border: 2px solid;}
.loginmodal-container input[type=text]:hover, input[type=password]:hover, .loginmodal-container textarea {border: 2px solid;}

.loginmodal-container textarea {
    min-height: 200px;
    border-radius: 0;
    text-align: left;
    padding: 5px 10px;
}

.separator-03 { border-bottom: 1px solid #8ad2dc; margin-top: 30px; margin-bottom: 30px;display: block;  }



.separator-01 { padding-bottom: 30px; border-bottom: 2px solid #000; margin-bottom: 30px;  display: block;}

#popInForm .loginmodal-container {
    padding: 40px;
    max-width: 770px;
    min-width: 320px;
    background-color: #F7F7F7;
    margin: 0 auto;
    border-radius: 2px;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
    font-family: roboto;
    border: 5px solid #4a1b57;
    margin-top: 15vh;
}
#popInForm .modal-dialog { margin: 30px auto ;}

.synthese-citoy {
    background-color: rgba(227, 79, 28, 0.6);
    padding: 20px;
}

.synthese-citoy .text-center{
    margin-top: 0px;
    margin-bottom: 20px;
    color: wheat;
    text-transform: uppercase;
    font-weight: 300;
    text-align: right;
}

/*------------------------------------------------------------------------------*/
/*TABLETTE Version---------------------------------------------------------------*/
/*------------------------------------------------------------------------------*/

@media(min-width:768px) and (max-width: 992px) {

    .glyphicon-text-background:before, .glyphicon-text-color:before{background: white;}

    .align-left{
        float:left;
    }
    .nuage-tag .ezimage-field img{max-height: 37px;}
    .formation-plan { border: solid 1px #4a1b57; height: 70px; margin-top: 20px; border-radius: 50px; background-color: #4a1b57; padding-left: 40px;}
 .img-responsive{max-width: none;}
    .img-responsive-embed {height: 50%; margin-left: 20px; width: 50%;}
    .img-embed{flex-direction: column-reverse; }
    .display-t-content {display: block !important;}
.ezimage-field{width: 100%!important;}
    .glyphicon-eye-close, .glyphicon-text-background, .glyphicon-cog, .glyphicon-text-color { font-size: 18px; color: black; }
    .art-model-col {border: 3px solid #4a1b57; height: 100%; width: 100%; padding: 15px; background: #fff; display: flex; flex-direction: column-reverse; min-height: 200px;}
    .art-model {border: 3px solid #4a1b57; height: 100%; width: 100%; padding: 15px; background: #fff; display: flex; flex-direction: column-reverse; min-height: 200px;}

    .trunc-col{  width:auto;  height: 60px;  white-space: wrap;  overflow: hidden;  text-overflow: ellipsis;  margin-top: 0px;}
    .trunc-big{  width:auto;  height: 60px;  white-space: wrap;  overflow: hidden;  text-overflow: ellipsis;  margin-top: 0px;}

    .btn-filter, .btn-filter-active, .btn-filter:focus, .btn-filter:active {padding: 8px 10px; border-radius: 5px; display: inline-block; margin-right: 7px; }

    footer .social-block-footer h1 {padding-bottom: 15px;}

    h.ariane-block, h.ariane-block::before {padding-right: 5px; display: block; float: left;}
    h.ariane-block { display: flex; align-items: center; min-height: 28px;}
    h.ariane-block::before { content: ">";}

    .ff-footer {font-size: 5.0rem; list-style-type: none;}
    .ff-m-courant { font-family: 'roboto'; font-weight: 400; font-size: 1.5rem; color: #000; line-height: 28px;}
    .ff-m-courant-white { font-family: 'roboto'; font-weight: 300; font-size: 1.8rem; color: #fff; line-height: 34px;}
    .ff-m-courant-preview { font-family: 'roboto'; font-weight: 400; font-size: 1.3rem; color: #000; line-height: 20px;}
    .ff-m-active { font-family: 'roboto'; font-weight: 400; font-size: 1.8rem; color: #357680; line-height: 36px;}
    .navbar-inverse .navbar-nav>li>a.ff-m-h2 {font-size: 2.4rem; font-weight: 100; color: #fff;}
    .ff-m-h2 {font-family: 'roboto'; font-weight: 300; font-size: 3.0rem; color: #fff;}
    .navbar-inverse .navbar-nav>li>a.ff-m-h2-login {font-family: 'roboto'; font-weight: 300; font-size: 2.4rem; color: #fff;}
    .ff-m-h2-dark {font-family: 'roboto'; font-weight: 300; font-size: 3.0rem; color: #000;}
    .ff-m-h1 { font-family: 'roboto'; font-weight: 600; font-size: 2.4rem; color: #000; line-height: 24px; }
    .ff-m-h1-nav { font-family: 'roboto'; font-weight: 600; font-size: 3rem; color: #000; line-height: 34px; }
    .ff-m-h1-active { font-family: 'roboto'; font-weight: 600; font-size: 3.6rem; color: #357680; line-height: 42px; }
    .ff-m-h1-short-art { font-family: 'roboto'; font-weight: 600; font-size: 2.4rem; color: #fff; line-height: 24px; }
    .ff-m-filter { font-size: 1.5rem; letter-spacing: 0.01em;}
    a.ff-m-lien { font-family: 'roboto'; font-weight: 600; font-size: 1.5rem; color: #e34f1c; line-height: 20px; display: table; text-decoration: underline; width: auto; letter-spacing: 0.01em; padding-top: 20px;}

    .ff-ariane, .ff-ariane:hover  {font-size: 1.5rem; color: #000; font-style: italic; letter-spacing: 0.03em; font-weight: 400;}

    .ff-m-legend { margin-top: 20px; font-size: 1.5rem;}
    .ff-financement-filtre {font-size: 2.4rem; letter-spacing: 0px;}
    p.ff-courant-white { color: #fff; font-family: 'roboto'; font-weight: 600; font-size: 1.5rem;line-height: 28px; letter-spacing: 0.03em;}
    .navbar-inverse .navbar-nav>li>a.ff-m-h2 {  font-family: 'roboto'; font-weight: 500; font-size: 1.7rem; color: #000; white-space: nowrap;}
    .navbar-inverse .navbar-nav>li>a.ff-m-h2-login {font-family: 'roboto'; font-weight: 500; font-size: 1.3rem; color: #000;}
    .navbar-inverse .nav-order-desktop-bottom>li>a.ff-nav-mobile { font-size: 1.8rem; font-weight: 600; color: #000; }
    .navbar-inverse .nav-order-desktop-top>li>a.ff-nav-mobile { font-size: 1.3rem; font-weight: 500; color: #000; }
    .navbar-inverse .nav-order-desktop-top>li>a.bt-folder-desktop {background: #e34f1c; color: #fff; padding: 13px; border-radius: 4px;}

    .ff-btn-finance-filter, .ff-btn-finance-filter:focus, .ff-btn-finance-filter:hover,.ff-btn-finance-filter:active { font-family: 'roboto'; color: #fff; font-weight: 500; font-size: 1.8rem; padding: 15px 35px 15px 0; letter-spacing: 0.05em;}
}

/*------------------------------------------------------------------------------*/
/*DESKTOP Version---------------------------------------------------------------*/
/*------------------------------------------------------------------------------*/

@media(min-width:992px) {


    .glyphicon-text-background:before, .glyphicon-text-color:before{background: white;}

    .formation-image-gauche{margin: 0; padding-bottom: 20px;}
    .formation-image-gauche img{height: 250px; width: 250px;}

    .padding-bottom{padding-bottom: 30px;}

    .col-sm-3-desk{width: 30%; float: left;}
    .map {padding-left: 50px;}
    .btn-filter, .btn-filter-active, .btn-filter:focus, .btn-filter:active {padding: 8px 10px; border-radius: 5px; display: inline-block; margin-right: 7px;}
    .inv-c {background: navy!important; color: #FF0!important;}
    .intervenant img{height: 7.8em;}


    .sous-titre-plan {color: black; text-decoration: none;}
    .sous-titre-plan:hover {color: black; text-decoration: none;}

    .formation-plan { border: solid 1px #4a1b57; height: 100px; margin-top: 20px; border-radius: 50px; background-color: #4a1b57; padding-left: 40px; padding-top: 35px;}

    .separator-60 {display: block; height: 50px; }

    li.plan-list-style::before{  content: ""; height: 10px; width: 10px; background-color: #4a1b57; position: absolute; top: 27px; left: -25px; border-radius: 15px; outline: 7px solid white; }

    .a42-carousel {
        position: relative;
        width: 100%;
        margin: 20px auto;
        overflow: hidden;
        display: block;
        min-height: 270px;
    }

    .a42-carr-nav {
        position: absolute;
        width: 100%;
        DISPLAY: flex;
        FLEX-DIRECTION: row;
        JUSTIFY-CONTENT: CENTER;
        PADDING: 0;
    }

    .a42-carr-slide > article {
        border: solid 2px #007ba9;
        width: 100%;
        padding: 15px;
        background: #fff;
        display: flex;
        flex-direction: row-reverse;
    }

    .formation-art-block a {padding-top: 0px;}
    .formation-art-block p {padding-top: 0px; margin-top: 5px;}

    .art-pub {display: flex; flex-direction: row-reverse;}

    .art-bord  {border: none; padding: 75px 0 0 30px ; margin: 0; padding-bottom: 25px; min-height: 850px;}

    .art-bord.main {background: white;}

    #sticky-anc-index { position: absolute;}
    #sticky-anc-bottom { position: absolute; top: 0px;}
    #sticky.stick { top: 150px; z-index: 1;}

    .img-embed{ display: flex; flex-direction: row-reverse; height: 100%; }

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

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

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

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

    html {font-size: 62.5%}

    .art-model {border: 2px solid #4a1b57; height: 100%; width: 100%; padding: 15px; background: #fff; display: flex; flex-direction: row-reverse;}
    .art-model-col {border: 2px solid #4a1b57; height: 100%; width: 100%; padding: 15px; background: #fff; display: flex; flex-direction: column-reverse;}
    .art-text {display: block; align-items: stretch; flex-direction: column; flex-grow: 1;}

    /*.type-projet img {display: block; height: 7em; }*/
    .type-accroche {margin-bottom: 30px;}

    div.d-p-left { padding-left: 19px !important; }



    div.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; }

    li.switch-view:hover, li.switch-view:focus, li.switch-view:active {
        color: #e34f1c;
        cursor: pointer;
    }

    footer .social-block-footer h1 {padding-bottom: 15px;}

    .no-padding{padding-left: 0px!important;}

    .no-padding-right{padding-right: 0px; height: 60px;}

    .nav-arianne{ align-items: center;}

    p.ariane-block, p.ariane-block::before {padding-right: 5px; display: block; float: left;}
    p.ariane-block { display: flex; align-items: center; min-height: 28px; margin-bottom: 10px; margin-top: 10px;}
    p.ariane-block::before { content: ">";}

    .ff-footer {font-size: 5.0rem; list-style-type: none;}
    .ff-m-courant { font-family: 'roboto'; font-weight: 400; font-size: 1.5rem !important; color: #000; line-height: 28px;}
    .ff-m-courant-white { font-family: 'roboto'; font-weight: 300; font-size: 1.7rem; color: #fff; line-height: 26px;}
    .ff-m-courant-preview { font-family: 'roboto'; font-weight: 400; font-size: 1.3rem; color: #000; line-height: 20px;}
    .ff-m-active { font-family: 'roboto'; font-weight: 400; font-size: 1.8rem; color: #357680; line-height: 36px;}
    .navbar-inverse .navbar-nav>li>a.ff-m-h2 {font-size: 2.4rem; font-weight: 100; color: #fff;}
    .ff-m-h2 {font-family: 'roboto'; font-weight: 300; font-size: 3.0rem; color: #fff;}
    .navbar-inverse .navbar-nav>li>a.ff-m-h2-login {font-family: 'roboto'; font-weight: 300; font-size: 2.4rem; color: #fff;}
    .ff-m-h2-dark {font-family: 'roboto'; font-weight: 300; font-size: 3.0rem; color: #000;}
    .ff-m-h1 { font-family: 'roboto'; font-weight: 600; font-size: 2.4rem; color: #000; line-height: 24px; }
    .ff-m-h1-nav { font-family: 'roboto'; font-weight: 600; font-size: 4.0rem; line-height: 44px; }
    .ff-m-h1-nav-accueil { font-family: 'roboto'; font-weight: 600; font-size: 3rem; line-height: 34px; }
    .ff-m-h1-active { font-family: 'roboto'; font-weight: 600; font-size: 3.6rem; color: #357680; line-height: 42px; }
    .ff-m-h1-short-art { font-family: 'roboto'; font-weight: 600; font-size: 2.4rem; color: #fff; line-height: 24px; max-height: 190px; overflow: hidden; }
    .ff-m-filter { font-size: 1.5rem; letter-spacing: 0.01em;}
    a.ff-m-lien { font-family: 'roboto'; font-weight: 600; font-size: 1.5rem; color: #e34f1c; line-height: 20px; display: table; text-decoration: underline; width: auto; letter-spacing: 0.01em; padding-top: 20px;}

    .ff-ariane, .ff-ariane:hover  {font-size: 1.5rem; color: #000; font-style: italic; letter-spacing: 0.03em; font-weight: 400;}
    .ff-img-radius {padding: 20px 0 0 20px !important; height: 70px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
    .img-embed{overflow: hidden;}
    .ff-m-legend { margin-top: 20px; font-size: 1.5rem;}
    .ff-financement-filtre {font-size: 2.4rem; letter-spacing: 0px;}
    h2.ff-financement-filtre {font-size: 2.4rem; letter-spacing: 0px; margin-top: 0px; display: -webkit-box!important; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; max-height: 90px;}
    p.ff-courant-white { color: #fff; font-family: 'roboto'; font-weight: 600; font-size: 1.5rem;line-height: 28px; letter-spacing: 0.03em;}
    .navbar-inverse .navbar-nav>li>a.ff-m-h2 {  font-family: 'roboto'; font-weight: 500; font-size: 1.7rem; color: #000; white-space: nowrap;}
    .navbar-inverse .navbar-nav>li>a.ff-m-h2-login {font-family: 'roboto'; font-weight: 700; font-size: 1.3rem; color: black;}
    .navbar-inverse .nav-order-desktop-bottom>li>a.ff-nav-mobile { font-size: 1.8rem; font-weight: 600; color: #000; }
    .navbar-inverse .nav-order-desktop-top>li>a.ff-nav-mobile { font-size: 1.3rem; font-weight: 500; color: #000; }
    .navbar-inverse .nav-order-desktop-top>li>a.bt-folder-desktop {background: #e34f1c; color: #fff; padding: 13px; border-radius: 4px;}

    .ff-btn-finance-filter, .ff-btn-finance-filter:focus, .ff-btn-finance-filter:hover,.ff-btn-finance-filter:active { font-family: 'roboto'; color: #4a1b57; background-color:#fff; font-weight: 500; font-size: 1.5rem; padding: 15px 35px 15px 5px; letter-spacing: 0.05em; display: -webkit-box; -webkit-line-clamp: 1; overflow: hidden; text-overflow: ellipsis; display:block;}
    .ff-btn-finance-filter.filtered, .ff-btn-finance-filter.filtered:focus, .ff-btn-finance-filter.filtered:hover,.ff-btn-finance-filter.filtered:active { background-color: #4a1b57; color: #fff;}
    .ff-btn-finance-filter div.label-filtre {text-overflow: ellipsis; overflow-x: hidden}
    .btn-finance-m.ff-btn-finance-filter span.caret {color: #4a1b57}
    .btn-finance-m.ff-btn-finance-filter.filtered span.caret {color: #fff}

    .img-responsive-embed {max-width: none; margin-top: 20px; height: 100%;}
    .img-fluid {max-width: none; width: 200px; height: 200px;}
    .img-fluid-article7 {max-width: none; width: 200px; height: 460px;}

    .img-col {max-width: 400px; margin: 20px 0 0 0;}
    .img-col img {width: 100%; height: 100%;}

    .img-photo-membre {max-width: 430px;}

    .titre-article-block{max-height: 80px;  overflow: hidden; line-height: 26px;}
    .img-carousel {margin-top: 0px!important;}
    .titre-article-col{overflow: hidden;line-height: 26px; max-height: 106px;}
    .titre-article-col-big{overflow: hidden; max-height: 254px; line-height: 26px;}

    .intervenant p{padding-right: 20px!important; padding-top: 15px;}

    .glyphicon-eye-close, .glyphicon-text-background, .glyphicon-cog, .glyphicon-text-color { font-size: 18px; color:black; }

    .lien-carousel{padding-top: 15px!important; padding-bottom: 0px!important; -webkit-line-clamp: 3!important;}

    .list-col-6 { padding-bottom: 0px; padding-left: 0px; padding-right: 0px;}

    .pt40 {padding-top:15px;}


    .max-width100 {
        max-width: 100%;
    }

    .align-left{
        float:left;
    }

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

    .formation-conseil {border-left: 2px solid #d0ec32; padding-left: 45px; margin-left: 45px;}


    .a42-carousel button {
        font-size: 15px;
        color: #e34f1c;
        height: 35px;
        width: 35px;
        border: none;
        background: white;
        margin: 0 5px;
    }

    .citoyennete nav.navbar{
        height: 130px;
    }

    .citoyennete section.main-mobile{
        padding-top: 110px;
    }

    .citoyennete .navbar .navbar-brand-desk img {
        height: 75px;
        top: 25px;
    }

    .citoyennete .nav-order-desktop-bottom {
        height: 95px;
        margin-left: 15px;
    }

    .citoyennete .nav-full-height {
        min-height: 110px;
    }

    .citoyennete aside .aside-title-mobile{
        padding-top: 35px;
    }

    .citoyennete main.art-bord {
        padding-top: 20px;
    }

    .ref-formation{
        text-decoration: none;
    }
}

.humanandgo figure img { max-width:100%; margin-bottom:10px;}