/*
Theme Name: L'Europe s'engage en France - Specifics FO styles for displays (view-mode)
Author: ANCT
Author URI: https://agence-cohesion-territoires.gouv.fr/
Description: Theme de l'Europe s'engage en France basé sur le design system de l'Etat
License: LICENCE OUVERTE 2.0
License URI: https://github.com/etalab/licence-ouverte/blob/master/LO.md
*/

@charset "utf-8";

/******************************************************************************
  Teaser
*******************************************************************************/
.teaser {
    text-align: center;
    padding: 0;
    margin-bottom: 1.5rem;
    max-width: 292px;
    width: max-content;
}
.teaser a {
    text-decoration: none;
    color: var(--grey-50);
    margin: auto;
}
.teaser a div {
    position: relative;
}
.teaser a div .field.field__items > .field__item {
    float: none;
    margin-right: 0;
}
.teaser img {
    position: relative;
    margin-bottom: 20px;
}
.teaser span.content-type {
    font-size: 10px;
    font-weight: 600;
    color: var(--grey-625);
}
.teaser .title {
    margin-top: 3px;
    padding: 0 20px 0 20px;
    font-size: 20px;
    overflow-wrap: anywhere;
}
.teaser .field-content {
    padding: 0 20px 20px 20px;
    font-size: 14px;
}
.row .teaser { width: auto; }

/******************************************************************************
  Grid
*******************************************************************************/
.grid:not(.search-results), .grid:not(.search-results):visited {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #fff;
    position: relative;
    text-align: center;
    text-shadow: 0 1px #000;
    width: fit-content;
    max-width: 300px;
    margin: auto;
    padding: 0;
    margin-bottom: 1.5rem;
    overflow: hidden;
}
.carousel > div.grid {
    max-width: 280px;
    min-width: 260px;
}
.grid:not(.search-results):hover {
    text-decoration: none;
}
.grid:not(.search-results) a {
    text-decoration: none;
    color: var(--grey-1000);
    margin: auto;
}
.grid:not(.search-results) a div {
    position: relative;
}
.grid:not(.search-results) img {
    background-color: #555;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.4);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.4);
    box-shadow: 0 1px 2px rgba(0,0,0,.4);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-align: center;
    width: 100%;
    max-height: 197px;
}
.grid:not(.search-results) .shadow {
    background: -moz-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,0.01) 29%,rgba(0,0,0,0.01) 30%,rgba(0,0,0,0.01) 33%,rgba(0,0,0,0.17) 62%,rgba(0,0,0,0.24) 68%,rgba(0,0,0,0.62) 90%,rgba(0,0,0,0.73) 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(255,255,255,0)),color-stop(29%,rgba(255,255,255,0.01)),color-stop(30%,rgba(0,0,0,0.01)),color-stop(33%,rgba(0,0,0,0.01)),color-stop(62%,rgba(0,0,0,0.17)),color-stop(68%,rgba(0,0,0,0.24)),color-stop(90%,rgba(0,0,0,0.62)),color-stop(100%,rgba(0,0,0,0.73)));
    background: -webkit-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,0.01) 29%,rgba(0,0,0,0.01) 30%,rgba(0,0,0,0.01) 33%,rgba(0,0,0,0.17) 62%,rgba(0,0,0,0.24) 68%,rgba(0,0,0,0.62) 90%,rgba(0,0,0,0.73) 100%);
    background: -o-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,0.01) 29%,rgba(0,0,0,0.01) 30%,rgba(0,0,0,0.01) 33%,rgba(0,0,0,0.17) 62%,rgba(0,0,0,0.24) 68%,rgba(0,0,0,0.62) 90%,rgba(0,0,0,0.73) 100%);
    background: -ms-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,0.01) 29%,rgba(0,0,0,0.01) 30%,rgba(0,0,0,0.01) 33%,rgba(0,0,0,0.17) 62%,rgba(0,0,0,0.24) 68%,rgba(0,0,0,0.62) 90%,rgba(0,0,0,0.73) 100%);
    background: linear-gradient(to bottom,rgba(255,255,255,0) 0%,rgba(255,255,255,0.01) 29%,rgba(0,0,0,0.01) 30%,rgba(0,0,0,0.01) 33%,rgba(0,0,0,0.17) 62%,rgba(0,0,0,0.24) 68%,rgba(0,0,0,0.62) 90%,rgba(0,0,0,0.73) 100%);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}
.grid:not(.search-results) .content-title {
    bottom: 30px;
    left: 0;
    margin: 0 0 -17px;
    padding: 0 5px;
    position: absolute;
    right: 0;
    text-align: center;
    line-height: 125%;
    -webkit-transition: bottom .2s ease-in;
    transition: bottom .2s ease-in;
}
.grid:not(.search-results) .title {
    font-size: 16px;
    font-weight: bold;
    line-height: 20px;
    word-break: break-word;
    margin: 0 0 0.2rem;
    text-align: center;
}
.grid:not(.search-results) .description {
    font-size: 10px;
    font-style: italic;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    max-height: 1.75em;
    text-overflow: ellipsis;
    overflow: hidden;
}
.grid:not(.search-results) .bg-hover {
    background: #fff;
    background: rgba(255,255,255,.9);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    bottom: 0;
    left: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;
}
.grid:not(.search-results) .bg-hover .read-more {
    color: var(--grey-50);
    bottom: 36px;
    opacity: 1;
    position: absolute;
    width: 100%;
    text-align: center;
    font-size: 16px;
}
.grid:not(.search-results) span.content-type {
    font-size: 10px;
    font-weight: 600;
    color: var(--grey-625);
}
.grid:not(.search-results) .field-content {
    padding: 0 20px 20px 20px;
    font-size: 14px;
}
.grid:not(.search-results):hover .bg-hover .read-more {
    opacity: 1;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;
}
.grid:not(.search-results):hover {
    text-shadow: none;
}
.grid:not(.search-results):hover .content-title {
    color: var(--grey-50);
    bottom: 50%;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;
}
.grid:not(.search-results):hover .content-title .description {
    opacity: 0;
    color: var(--grey-50);
    -webkit-transition: opacity .2s ease-in;
    transition: opacity .2s ease-in;
}
.grid:not(.search-results):hover .bg-hover {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;
}

/******************************************************************************
  Carrousel 1
*******************************************************************************/
.carrousel-1 {
    margin: auto;
    float: left;
    font-size: 12px;
    border-width: 1px;
    line-height: 18px;
    width: 292px;
    padding: 19px;
    -webkit-transition: color .2s linear, box-shadow .2s linear;
    transition: color .2s linear, box-shadow .2s linear;
    color: var(--grey-425);
    text-align: center;
    text-decoration: none;
}
.carrousel-1:hover {
    color: #1e1e1e;
    -webkit-box-shadow: inset 0 0 10px rgba(0,0,0,.13);
    -moz-box-shadow: inset 0 0 10px rgba(0,0,0,.13);
    box-shadow: inset 0 0 10px rgba(0,0,0,.13);
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transition: color .2s linear, box-shadow .2s linear;
    transition: color .2s linear, box-shadow .2s linear;
    text-decoration: none;
}
.carrousel-1 img {
    margin: 0 0 28px 0;
    max-height: 158px;
    width: 100%;
    -webkit-transition: opacity .2s linear;
    transition: opacity .2s linear;
}
.carrousel-1 .title { 
    color: var(--grey-50);
    font-size: 20px;
    font-weight: normal;
    margin: 0;
    padding: 0 0 12px;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
}
.carrousel-1 .title span { 
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    max-height: 5.4em;
    text-overflow: ellipsis;
    overflow: hidden;
}
.carrousel-1:hover .title {
    color: var(--primary-color);
}

/******************************************************************************
  Carrousel 2
*******************************************************************************/
.carrousel-2 {
    /*width: fit-content;*/
    max-width: 300px !important;
    margin: auto;
}
.carrousel-2 img.no-image-style {
    width: 270px;
    height: 270px;
}
.carrousel-2 .default .description {
    border-top: 1px solid #e1e1e1;
    color: #505050;
    display: table;
    line-height: 18px;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 1;
}
.carrousel-2 .default .description .vertical {
    display: table-cell;
    height: 95px;
    padding-left: 5px;
    padding-right: 5px;
    vertical-align: middle;
}
.carrousel-2 .default .description .content-name {
    font-size: 18px;
    line-height: 140%;
    font-weight: normal;
    margin: 0 0 4px;
}
.carrousel-2 .default .description .content-name a {
    text-decoration: none;
    -webkit-transition: opacity .2s linear;
    transition: opacity .2s linear;
    color: var(--grey-200);
}
.carrousel-2 .default .description .content-name a span {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    max-height: 4.8em;
    text-overflow: ellipsis;
    overflow: hidden;
}
.carrousel-2 .content-hover {
    width: fit-content;
    max-width: 270px;
    color: var(--grey-1000);
    background: var(--secondary-blue-paon);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    bottom: 0;
    font-size: 12px;
    line-height: 20px;
    left: 0;
    padding: 16px 20px 90px;
    position: absolute;
    right: 0;
    top: 0;
    width: auto !important;
    left: 15px;
    right: 15px;
}
.carrousel-2 .content-hover .content-name {
    font-size: 18px;
    line-height: 140%;
    margin: 0 0 1rem;
}
.carrousel-2 .content-hover .content-name a{
    color: var(--grey-1000);
}
.carrousel-2 .content-hover .content-name a span {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    max-height: 5.8em;
    text-overflow: ellipsis;
    overflow: hidden;
}
.carrousel-2 .content-hover .field--name-field-description {
    margin-top: 15px;
    width: 100% !important;
    font-size: 12px !important;
    margin-bottom: 1.5rem;
    display: -webkit-box;
    -webkit-line-clamp: 7;
    -webkit-box-orient: vertical;
    max-height: 12.75em;
    text-overflow: ellipsis;
    overflow: hidden;
}
.carrousel-2 .content-hover .actions { text-align: center; }

/******************************************************************************
  Carrousel 3
*******************************************************************************/
.carrousel-3 {
    width: fit-content;
    max-width: 300px !important;
}
.carrousel-3, .carrousel-3:visited {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #fff;
    display: block;
    position: relative;
    text-align: center;
    text-shadow: 0 1px #000;
    width: fit-content;
    max-width: 300px;
    margin: auto;
}
.carrousel-3:hover {
    display: block;
    text-decoration: none;
}
.carousel .carrousel-3 {
    margin: 2px 1px;
}
.carrousel-3 a {
    text-decoration: none;
    color: var(--grey-1000);
    margin: auto;
  }
.carrousel-3:not(.tc_fonds) img {
    background-color: #fff;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.4);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.4);
    box-shadow: 0 1px 2px rgba(0,0,0,.4);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-align: center;
    width: 100%;
    min-height: 233px;
}
.carrousel-3 .shadow {
    background: -moz-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,0.01) 29%,rgba(0,0,0,0.01) 30%,rgba(0,0,0,0.01) 33%,rgba(0,0,0,0.17) 62%,rgba(0,0,0,0.24) 68%,rgba(0,0,0,0.62) 90%,rgba(0,0,0,0.73) 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(255,255,255,0)),color-stop(29%,rgba(255,255,255,0.01)),color-stop(30%,rgba(0,0,0,0.01)),color-stop(33%,rgba(0,0,0,0.01)),color-stop(62%,rgba(0,0,0,0.17)),color-stop(68%,rgba(0,0,0,0.24)),color-stop(90%,rgba(0,0,0,0.62)),color-stop(100%,rgba(0,0,0,0.73)));
    background: -webkit-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,0.01) 29%,rgba(0,0,0,0.01) 30%,rgba(0,0,0,0.01) 33%,rgba(0,0,0,0.17) 62%,rgba(0,0,0,0.24) 68%,rgba(0,0,0,0.62) 90%,rgba(0,0,0,0.73) 100%);
    background: -o-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,0.01) 29%,rgba(0,0,0,0.01) 30%,rgba(0,0,0,0.01) 33%,rgba(0,0,0,0.17) 62%,rgba(0,0,0,0.24) 68%,rgba(0,0,0,0.62) 90%,rgba(0,0,0,0.73) 100%);
    background: -ms-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,0.01) 29%,rgba(0,0,0,0.01) 30%,rgba(0,0,0,0.01) 33%,rgba(0,0,0,0.17) 62%,rgba(0,0,0,0.24) 68%,rgba(0,0,0,0.62) 90%,rgba(0,0,0,0.73) 100%);
    background: linear-gradient(to bottom,rgba(255,255,255,0) 0%,rgba(255,255,255,0.01) 29%,rgba(0,0,0,0.01) 30%,rgba(0,0,0,0.01) 33%,rgba(0,0,0,0.17) 62%,rgba(0,0,0,0.24) 68%,rgba(0,0,0,0.62) 90%,rgba(0,0,0,0.73) 100%);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    bottom: 0;
    left: 15px;
    position: absolute;
    right: 15px;
    top: 0;
}
.carrousel-3 .content-title {
    bottom: 30px;
    left: 15px;
    margin: 0 0 -17px;
    padding: 0 5px;
    position: absolute;
    right: 15px;
    text-align: center;
    line-height: 125%;
    -webkit-transition: bottom .2s ease-in;
    transition: bottom .2s ease-in;
}
.carrousel-3 .content-title span {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    max-height: 5.8em;
    text-overflow: ellipsis;
    overflow: hidden;
}
.carrousel-3 .title {
    font-size: 16px;
    font-weight: bold;
    line-height: 20px;
    margin: 0 0 0.2rem;
    text-align: center;
}
.carrousel-3 .description {
    font-size: 10px;
    font-style: italic;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    max-height: 1.75em;
    text-overflow: ellipsis;
    overflow: hidden;
}
.carrousel-3 .bg-hover {
    background: #fff;
    background: rgba(255,255,255,.9);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    bottom: 0;
    left: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;
}
.carrousel-3 .bg-hover .read-more {
    color: var(--grey-50);
    bottom: 36px;
    opacity: 1;
    position: absolute;
    width: 100%;
    text-align: center;
    font-size: 16px;
}
.carrousel-3:hover .bg-hover .read-more {
    opacity: 1;
    -webkit-transition: opacity .2s ease-in;
    transition: opacity .2s ease-in;
}
.carrousel-3:hover {
    text-shadow: none;
}
.carrousel-3:hover .content-title {
    bottom: 50%;
    color: var(--grey-50);
    -webkit-transition: bottom .2s ease-in;
    transition: bottom .2s ease-in;
}
.carrousel-3:hover .content-title .description {
    opacity: 0;
    -webkit-transition: opacity .2s ease-in;
    transition: opacity .2s ease-in;
  }
.carrousel-3:hover .bg-hover {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;
}

/******************************************************************************
  Mini carrousel 1
*******************************************************************************/
.carrousel-mini-1 {
    max-width: 144px;
    margin: auto;
    float: left;
    font-size: 12px;
    border-width: 1px;
    line-height: 18px;
    width: 292px;
    padding: 19px;
    -webkit-transition: color .2s linear, box-shadow .2s linear;
    transition: color .2s linear, box-shadow .2s linear;
    color: var(--grey-425);
    text-align: center;
    text-decoration: none;
}
.carrousel-mini-1:hover {
    color: #1e1e1e;
    -webkit-box-shadow: inset 0 0 10px rgba(0,0,0,.13);
    -moz-box-shadow: inset 0 0 10px rgba(0,0,0,.13);
    box-shadow: inset 0 0 10px rgba(0,0,0,.13);
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transition: color .2s linear, box-shadow .2s linear;
    transition: color .2s linear, box-shadow .2s linear;
    text-decoration: none;
}
.carrousel-mini-1 img {
    margin: 0 0 28px 0;
    max-height: 158px;
    width: 100%;
    -webkit-transition: opacity .2s linear;
    transition: opacity .2s linear;
}
.carrousel-mini-1 .title { 
    color: var(--grey-50);
    font-size: 14px;
    font-weight: normal;
    margin: 0;
    padding: 0 0 12px;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
}
.carrousel-mini-1 .title span {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    max-height: 5.8em;
    text-overflow: ellipsis;
    overflow: hidden;
}
.carrousel-mini-1:hover .title {
    color: var(--primary-color);
}

/******************************************************************************
  Mini carrousel 2
*******************************************************************************/
.carrousel-mini-2 {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    display: inline-block;
    float: none;
    margin: 0 0 40px;
    min-width: 240px;
    position: relative;
    text-align: left;
    vertical-align: top;
}
.carrousel-mini-2 .default {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    overflow: hidden;
    position: relative;
    padding: 1rem;
}
.carrousel-mini-2 .features-block .header-box { margin: 0; }
.carrousel-mini-2 .icone-img {
    text-align: center;
    float: left;
    margin: 0 10px 0 0;
    border-radius: 25px;
    overflow: hidden;
}
.carrousel-mini-2 .title {
    font-size: 16px;
    font-weight: normal;
    display: table-cell;
    vertical-align: middle;
    height: 50px;
}
.carrousel-mini-2 .title span {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    max-height: 4.8em;
    text-overflow: ellipsis;
    overflow: hidden;
}
.carrousel-mini-2 .field--name-field-description {
    font-size: 12px !important;
    margin-top: 0.5rem;
    margin-bottom: 1rem;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    max-height: 8.75em;
    text-overflow: ellipsis;
    overflow: hidden;
    min-height: 105px;
}
.carrousel-mini-2 .read-more {
    float: right;
}

/******************************************************************************
  Slider
*******************************************************************************/
.slid {
    position: relative;
}
.slid img { 
    max-height: 550px;
}
.slid img.no-image-style {
    width: 100%;
    height: 550px;
}
.slid .slid-content {
    bottom: 93px;
    color: #7b7b7b;
    font-size: 12px;
    line-height: 18px;
    overflow: hidden;
    padding: 38px 40px 0;
    position: absolute;
    right: 15px;
    top: 0;
    z-index: 3;
    height: 100%;
    background-color: rgba(58, 113, 156, 0.95);
}
.slid .slid-content .content-name {
    font-size: 18px;
    line-height: 140%;
}
.slid .slid-content .content-name a {
    color: var(--grey-1000);
}
.slid .slid-content .content-name a span {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    max-height: 5.8em;
    text-overflow: ellipsis;
    overflow: hidden;
}
.slid .slid-content .field--name-field-description {
    margin-top: 15px;
    width: 100% !important;
    font-size: 14px !important;
    margin-bottom: 2rem;
    display: -webkit-box;
    -webkit-line-clamp: 13;
    -webkit-box-orient: vertical;
    max-height: 16.75em;
    text-overflow: ellipsis;
    overflow: hidden;
    color: var(--grey-1000);
    text-align: justify;
}
.slid .slid-content .actions { text-align: center; }
.slid .slid-content .actions a { font-weight: 500; }

/* Max Width "991px" */
@media (max-width: 991px) {
    .slid .slid-content {
        padding: 25px 30px 0;
    }
    .slid .slid-content,
    .slid .slider-nav {
        width: 370px;
    }
    .slider .slid-content .title {
        margin: 0 0 14px;
    }
    .slid .slid-content .field--name-field-description {
        display: none;
    }
}

/* Max Width "767px" */
@media (max-width: 767px) {
    .slid {
        margin-left: 0;
        margin-right: 0;
    }
    .slid .col-sm-12.col-md-12 {
        padding-left: 0;
        padding-right: 0;
    }
    .slid .slid-content {
        bottom: 30px;
        padding: 13px 10px 0;
        right: 0;
        width: 50%;
    }
    .slid .slid-content .content-name {
        font-size: 14px;
    }
    .slid .slid-content .content-name a span {
        max-height: 5em;
        -webkit-line-clamp: 3;
    }
    .slid .slid-content .field--name-field-description {
        display: none;
    }
    .slid .slid-content .btn {
        font-size: 12px;
        padding-top: 8px;
        padding-bottom: 7px;
    }
}

/******************************************************************************
  Timeline
*******************************************************************************/
.timeline {
    padding: 20px 0;
    position: relative;
}
.timeline:before {
    background-color: #d2d2d2;
    background-color: rgba(0,0,0,.2);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    content: "";
    display: block;
    height: 100%;
    left: 50%;
    margin-left: -2px;
    position: absolute;
    top: 0;
    width: 4px;
}

.timeline-item {
    border: 0 none;
    margin: 0;
    padding: 0 40px 5px 0;
    width: 50%;
}
.timeline-item:last-child, .timeline-item:nth-child(even):last-child {
    padding-bottom: 0;
}
.timeline-item .timeline-time {
    color: #999;
    left: 50%;
    margin: 31px 0 0 40px;
    position: absolute;
}
.timeline-item .timeline-icon {
    background: var(--secondary-blue-paon);
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    color: #fff;
    font-size: 18px;
    height: 40px;
    left: 50%;
    line-height: 40px;
    margin: 22px 0 0 -20px;
    position: absolute;
    text-align: center;
    width: 40px;
}
.timeline-item .timeline-icon .livicon svg {
    left: 0 !important;
}
.timeline-item .timeline-content {
    background: #fff;
    border: 1px solid #ccc;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 46px;
    position: relative;
}
.timeline-item.no-padding .timeline-content {
    padding: 0;
}
.timeline-item .timeline-content a {
    padding: 10%;
    color: var(--grey-50);
}
.timeline-item .timeline-content a:hover {
    color: var(--primary-color);
    text-decoration: none;
}
.timeline-item .timeline-content .video-box:last-child,.timeline-item .timeline-content blockquote:last-child {
    margin-bottom: 0;
}
.timeline-item .timeline-content .map-canvas {
    height: 250px;
}
.timeline-item .timeline-content img {
    margin-bottom: 1rem;
}
.timeline-item .timeline-content .img-rounded {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
.timeline-item .timeline-content:before,.timeline-item .timeline-content:after {
    border: 15px solid transparent;
    border-left-color: #ccc;
    content: "";
    display: block;
    position: absolute;
    right: -30px;
    top: 26px;
}
.timeline-item .timeline-content:after {
    border: 14px solid transparent;
    border-left-color: #fff;
    right: -27px;
    top: 27px;
}
.timeline-item .timeline-content .entry-title {
    font-size: 18px;
    margin: 0 0 10px;
}
.timeline-item .timeline-content .field--name-field-description {
    margin-bottom: 2rem;
}
.timeline-item:nth-child(even) {
    margin-left: 50%;
    padding: 0 0 5px 40px;
}
.timeline-item:nth-child(even) .timeline-time {
    left: auto;
    margin: 31px 40px 0 0;
    right: 50%;
    text-align: right;
}
.timeline-item:nth-child(even) .timeline-content:before {
    border: 15px solid transparent;
    border-right-color: #ccc;
    left: -30px;
    right: auto;
}
.timeline-item:nth-child(even) .timeline-content:after {
    border: 14px solid transparent;
    border-right-color: #fff;
    left: -27px;
    right: auto;
}
.timeline-item .timeline-content.bg {
    background: #ccc;
}
.timeline-item:not(.no-padding) .timeline-content.bg:after {
    display: none;
}
.timeline-item .timeline-content.bg,.timeline .timeline-item .timeline-content.bg .entry-title a,.timeline .timeline-item .timeline-content.bg blockquote footer,.timeline .timeline-item .timeline-content.bg blockquote small,.timeline .timeline-item .timeline-content.bg blockquote .small {
    color: #fff;
}
.timeline-item .timeline-content .read-more { float: right; }

/* Max Width "767px" */
@media (max-width: 767px) {
    .timeline:before {
        left: 20px;
    }
    .timeline-item,
    .timeline-item:nth-child(even) {
        margin: 0;
        padding: 0 0 30px 60px;
        width: 100%;
    }
    .timeline-item .timeline-time,
    .timeline-item:nth-child(even) .timeline-time {
        left: 0;
        margin: 0 0 5px;
        position: relative;
        right: 0;
        text-align: left;
    }
    .timeline-item .timeline-icon {
        left: 0;
        margin: 22px 0 0 0;
    }
    .timeline-item .timeline-content:before,
    .timeline-item:nth-child(even) .timeline-content:before {
        border: 15px solid transparent;
        border-right-color: #ccc;
        left: -30px;
        right: auto;
    }
    .timeline-item .timeline-content:after,
    .timeline-item:nth-child(even) .timeline-content:after {
        border: 14px solid transparent;
        border-right-color: #fff;
        left: -28px;
        right: auto;
    }
    .timeline-item .timeline-content.bg:before,
    .timeline-item .timeline-content.border:before {
        border: 15px solid transparent;
        border-right-color: #ccc;
    }
    .timeline-item .timeline-content .entry-content img {
        width: 100%;
    }
}

/******************************************************************************
  Full
*******************************************************************************/
.full section { margin-bottom: 76px; }
.full section.container-fluid { padding: 50px 0 76px 0; }
.full section.container-fluid:last-child { margin-bottom: 0; }

.full .field.field--label-inline {
    width: 100%;
    margin-bottom: 0.5rem;
    display: inline-block;
}
.full .field.field--label-inline .field__label {
    float: left;
    margin-right: 0.5rem;
    color: var(--grey-425);
}
.full .field.field--label-above .field__label {margin-bottom: 0.5rem; }
.full .field .field__label::after { padding-left: 0.5rem; content: ":"; }
.full .field .field__items > .field__item { float: left; }
.full .field .field__items:not(.field--name-field-fonds) > .field__item:not(:last-child) { margin-right: 0.5rem; }
.full .field:not(.field--label-above) .field__items:not(.field--name-field-fonds) > .field__item::after { content: ","; }
.full .field:not(.field--label-above) .field__items:not(.field--name-field-fonds) > .field__item:last-child::after { content: "."; }
.full .description .info .field:not(.field--label-above) .field__items:not(.field--name-field-fonds) > .field__item:last-child::after {
    content: "";
}

.full .field.field--type-link { text-align: center; }

/* Section - Description */
.full #description > div { margin-bottom: 2rem; }
.full #description .infos { margin-bottom: 3rem; }
.full #description .infos > div { margin-right: 2rem; }
.full #description .thematiques { margin-bottom: 2rem; }
.full #description .thematiques span.label {
    float: left;
    color: var(--grey-50);
    font-size: 100%;
    padding-left: 0;
    margin-top: 3px;
}
.full #description .thematiques a {
    padding: 4px 10px 5px 10px;
    font-size: 16px;
    margin-bottom: 3px;
}
.full #description .illustration { 
    padding-bottom: 0;
    margin-bottom: 2rem;
}
.full #description .illustration.pull-right.frame-shadow-lifted::before {
    left: 35px;
}
.full #description .illustration.frame-shadow-lifted::after { 
    right: 35px;
}
.full #description .illustration img { 
    width: 100%;
    min-height: 160px;
}
.full #description .field--name-field-description { 
    display: block;
    font-weight: 600;
    text-align: justify;
    padding-left: 15px;
}
.full #description .field--name-field-contenu { display: block; padding-left: 15px; }
.full #description .see-others {
    float: right !important;
    border-left: thin solid #C5C5C5;
    padding: 0 15px 0 15px;
}
.full .leaflet-bottom.leaflet-right {
    /*display: none;*/
}
.full .leaflet-container {
    margin-bottom: 1rem;
}
@media (max-width: 767px) {
    .full.tc_fonds #description .infos .field {
        max-width: 85%;
    }
    .full #description .field--name-field-description, .full #description .field--name-field-contenu {
        padding-right: 15px;
    }
}
@media (min-width: 768px) {
    .full #description .illustration.pull-right, .full #description .col-md-4.pull-right {
        padding-left: 30px;
        padding-right: 0;
    }
    .full #description .illustration.frame-shadow-lifted::after {
        right: 5px;
    }
}

/* Section - Projets */
.full #projets { background-color: var(--grey-950); text-align: center; }
.full #projets .banner-set::before { border: none; }
.full #projets .banner-set { margin-bottom: 1.5rem; border-top-width: 0; }
.full #projets .banner-set > .container::before { border: none; }
.full #projets .banner-set > .container:after { border: none; }
.full #projets .banner-set .pagination a:not(.selected) { background: var(--grey-1000); }

/* Section - More like this */
.full #more-like-this { text-align: center; }
.full #more-like-this .banner-set, .full #more-like-this .carousel-box { margin-bottom: 1.5rem; }
.full #more-like-this .banner-set > .container::before { border: none; }

/* Section - Médias */
.full #medias .gallery-images { width: fit-content; margin: auto; margin-bottom: 1rem; }

/* Cibles */
.full #cibles { margin-bottom: 1rem; }
.full #cibles > div { margin-right: 0.5rem; }
.full #cibles > div a::after { content: ","; }
.full #cibles > div:last-child a::after { content: "."; }
.full #cibles .livicon {  margin-top: -0.5rem; }
.full #cibles .livicon svg path { fill: var(--primary-color); }
.full #cibles .text { color: var(--primary-color); }

/* Tags */
.full #tags { margin-bottom: 0; background: var(--grey-950); padding: 1rem 0 0.5rem 0; }
.full #tags .container > div { margin-right: 0.5rem; margin-bottom: 0.5rem; }
.full #tags .livicon svg path { fill: var(--grey-200); }
.full #tags .tags a { padding: 5px 10px 6px 10px; font-size: 16px; }

/******************************************************************************
  Layout - Sub-Header content types specific styles
*******************************************************************************/
/* Sub-header - specific filigrane style for content types */
#sub_header h1.tc_projet {
	max-width: 900px;
}
#sub_header .filigrane.tc_projet {
    font-size: 75px;
}
#sub_header .filigrane.tc_fonds {
    padding: 5px 10px 0 10px;
    line-height: 100%;
}
#sub_header .filigrane.tc_objectif_thematique, #sub_header .filigrane.tc_objectif_strategique, #sub_header .filigrane.tc_type_de_territoire, #sub_header .filigrane.tc_article, #sub_header .filigrane.tc_communique_presse, #sub_header .filigrane.tc_dossier_presse {
    width: 300px;
    font-size: 50px;
    line-height: 90%;
}
#sub_header .filigrane.tc_appels_projet {
    width: 300px;
    line-height: 90%;
}
#sub_header .filigrane.tc_article {
    font-size: 60px;
}
#sub_header .filigrane.tc_dossier_presse  {
    font-size: 62px;
}
#sub_header .filigrane.tc_ressource_documentaire.type-6265 {
    font-size: 71px;
}
#sub_header .filigrane.tc_ressource_documentaire.type-6266 {
    font-size: 39px;
}
#sub_header .filigrane.tc_ressource_documentaire.type-6267 {
    width: 300px;
    font-size: 48px;
    line-height: 90%;
}
#sub_header .filigrane.tc_ressource_documentaire.type-6268 {
    font-size: 58px;
}
#sub_header .filigrane.tc_infographie {
    font-size: 49px;
}
#sub_header .filigrane.tc_marche_appel_offre {
    width: 300px;
    font-size: 72px;
    line-height: 90%;
}
#sub_header .filigrane.tc_offre_emploi {
    width: 300px;
    font-size: 72px;
    line-height: 90%;
}
#sub_header .filigrane.tc_evenement {
    width: 300px;
    font-size: 55px;
}
#sub_header .filigrane.tc_page_regime_aides_etat {
    width: 300px;
    line-height: 90%;
}

/******************************************************************************
  Content bundle corner
*******************************************************************************/
.bundle-corner {
	border-right: 90px solid transparent;
    border-top: 90px solid rgba(92,92,92,0.77);
    display: flex;
    justify-content: center;
	position: absolute;
    width: 0;
	height: 0;
    z-index: 1;
    -webkit-transform: translateZ(0px);
    transform: translateZ(0px);
    line-height: 10px;
}
.bundle-corner span {
	display: block;
	position: absolute;
	left: 0;
	margin: -60px 0 0 5px;
    -webkit-transform: rotate(315deg);
    transform: rotate(315deg);
	line-height: 150%;
	text-transform: uppercase;
	font-weight: bold;
    font-size: 12px;
	color: #fff;
    text-align: center;
}

.bundle-corner.tc_appels_projet span {
    margin: -80px 0 0 5px;
    line-height: 110%;
}
.bundle-corner.tc_projet span {
    margin: -70px 0 0 5px;
}
.bundle-corner.tc_article span {
    margin: -70px 0 0 5px;
}
.bundle-corner.tc_article.nature-6296 span, .bundle-corner.tc_article.nature-6297 span {
    margin: -65px 0 0 0px;
}
.bundle-corner.tc_article.nature-6295 span {
    margin: -70px 0 0 10px;
}
.bundle-corner.tc_article.nature-6701 span {
    margin: -67px 0 0 -2px;
}
.bundle-corner.tc_objectif_thematique span, .bundle-corner.tc_objectif_strategique span {
    margin: -76px 0 0 -10px;
}
.bundle-corner.tc_type_de_territoire span {
    margin: -77px 0 0 -5px;
}
.bundle-corner.tc_fonds span {
    margin: -77px 0 0 -5px;
}
.bundle-corner.tc_ressource_documentaire span {
    margin: -65px 0 0 -20px;
    height: 15px;
    overflow: hidden;
}
.bundle-corner.tc_ressource_externe span {
    margin: -65px 0 0 -5px;
    height: 15px;
    overflow: hidden;
}
.bundle-corner.tc_ressource_documentaire.etude span, .bundle-corner.tc_ressource_externe.etude span {
    margin: -70px 0 0 5px;
}
.bundle-corner.tc_ressource_documentaire.rapport span, .bundle-corner.tc_ressource_externe.rapport span {
    margin: -65px 0 0 0px;
}
.bundle-corner.tc_ressource_documentaire.guide span, .bundle-corner.tc_ressource_documentaire.bilan span, .bundle-corner.tc_ressource_externe.guide span, .bundle-corner.tc_ressource_externe.bilan span  {
    margin: -70px 0 0 5px;
}
.bundle-corner.tc_ressource_documentaire.reglementation span, .bundle-corner.tc_ressource_externe.reglementation span {
    margin: -60px 0 0 -10px;
    font-size: 10px;
}
.bundle-corner.tc_ressource_documentaire.pedagogique span, .bundle-corner.tc_ressource_externe.pedagogique span {
    margin: -72px 0 0 -13px;
    font-size: 10px;
    height: 15px;
    overflow: unset;
}
.bundle-corner.tc_infographie span {
    margin: -60px 0 0 -6px;
}
.bundle-corner.tc_offre_emploi span {
    margin: -78px 0 0 0px;
}
.bundle-corner.tc_marche_appel_offre span {
    margin: -80px 0 0 5px;
}
.bundle-corner.tc_evenement span {
    margin: -62px 0 0 -2px;
}
.bundle-corner.tc_page_editoriale span, .bundle-corner.tc_page_info_fond_europeen span {
    margin: -75px 0 0 -12px;
    font-size: 10px;
}
.bundle-corner.tc_page_institutionnelle span {
    margin: -70px 0 0 -30px;
    height: 15px;
    overflow: hidden;
}
.bundle-corner.tc_communique_presse span {
    margin: -62px 0 0 -2px;
    font-size: 10px;
    height: 15px;
    overflow: hidden;
}
.bundle-corner.tc_dossier_presse span {
    margin: -78px 0 0 7px;
    font-size: 10px;
}
.bundle-corner.tc_page_regime_aides_etat span {
    margin: -80px 0 0 5px;
}

/******************************************************************************
  Content fields label pictos
*******************************************************************************/
.description {
	padding-top: 0;
}
.description .infos { text-align: left; }
.description .infos > div { display: inline-block; margin-right: 1rem; letter-spacing: -1px; }
.description .icon { 
    color: var(--secondary-blue-paon); 
    margin: 0;
    vertical-align: middle; 
}
.description .infos .field { 
    display: inline-block; 
    color: var(--secondary-blue-paon); 
    font-size: 115%;
    font-weight: 600;
    vertical-align: middle; 
}
.description .infos .field.field--name-field-fonds .field__item { display: block; float: left; }

.description .icon { margin-top: 0; }


.icon.field_date_projet i:before, .icon.field_date_publication i:before, .icon.field_date_debut i:before, .icon.field_date_entree_vig i:before, .icon.field_date i:before {
    content: "\f073";
}
.icon.field_cout_total i:before, .icon.field_enveloppe_total i:before {
    content: "\f153";
}
.icon.field_region i:before, .icon.field_commune i:before {
    content: "\f041";
}
.icon.field_periode_programmation i:before, .icon.field_date_expiration i:before , .icon.field_date_fin i:before, .icon.field_date_remise i:before, .icon.field_date_candidature i:before, .icon.field_date_debut_poste i:before, .icon.field_date_expiration i:before {
    content: "\f017";
}
.icon.field_structure i:before, .icon.field_recruteur i:before {
    content: "\f0f7";
}
.icon.field_reference_ue i:before {
    content: "\f02a";
}
.icon.field_politique i:before {
    content: "\f140";
}
.icon.field_auteur i:before {
    content: "\f007";
}
.icon.field_fonds { display: none; }


/******************************************************************************
  Content type - tc_fonds 
*******************************************************************************/
/* Inline view mode */
.label-fonds { display: inline-block; padding: 0 5px 0 5px; margin-right: 2px; font-weight: 500; color: var(--grey-1000); background-color: var(--grey-625); }
.label-fonds > div { color: var(--grey-1000) !important; vertical-align: top !important; }
.label-fonds .field.field__item:last-child::after { content: "" !important; }
.field.field--name-field-fonds:last-child::after, .field.field--name-field-fonds .field__item:last-child::after { content: "" !important; }

/* Full view mode */
.full.tc_fonds #description .infos { margin-bottom: 3rem; }
.full.tc_fonds #description .infos .field { font-size: 107%; }

.full.tc_fonds #description .field--name-field-description {
    margin-bottom: 4rem;
    Padding-left:0;
}
.full.tc_fonds #part .chart-legend, .full.tc_fonds #avancement .progress-legend {
    text-align: center;
    font-size: 14px;
    padding: 0 1rem 0 1rem;
    margin-bottom: 3rem;
}
.full.tc_fonds #avancement .progress-circular { margin-top: 1.5rem; }
.full.tc_fonds #avancement .field--name-field-date-avancement { 
    display: inline-block;
    vertical-align: middle;
}

.full.tc_fonds #objectifs > div { margin-bottom: 3rem; }

.full.tc_fonds #projets .title { color: var(--grey-1000); }
.full.tc_fonds #projets .title-box::before { background: var(--grey-50); }

.full.tc_fonds #projets .banner-set .banner { background: var(--grey-1000); }
.full.tc_fonds #projets .banner-set .banner .title { color: var(--grey-50); text-align: center; }
.full.tc_fonds #projets .banner-set .banner:hover .title { color: var(--primary-b-persan); }
.full.tc_fonds #projets .banner-set .banner .field--name-field-description { margin-bottom: 0; }

/* Teaser & grid view mode */
.teaser.embed-tc_fonds, .grid.embed-tc_fonds {
    margin-bottom: 2rem;
    border-radius: 10px;
    border: none;
    background-color: var(--grey-625);
}
.teaser.embed-tc_fonds {
    max-width: 250px;
    min-height: 400px;
}
.grid.embed-tc_fonds {
    max-width: 170px;
    min-height: 285px;
}
.teaser.embed-tc_fonds a {
    padding: 15px 20px 20px 20px;
    color: var(--grey-1000);
}
.grid.embed-tc_fonds a {
    padding: 15px 5px 15px 5px;
    color: var(--grey-1000);
}
.grid.embed-tc_fonds a .field.field__items > .field__item {
    float: none;
}
.grid.embed-tc_fonds img {
    margin-bottom: 10px;
    background-color: transparent;
    box-shadow: none;
    width: auto;
    min-width: 95px;
}
.teaser.embed-tc_fonds .field--name-field-acronyme, .grid.embed-tc_fonds .field--name-field-acronyme {
    font-family: 'Filson Soft', sans-serif;
    font-weight: bold;
    line-height: 100%;
    text-shadow: none;
    margin-bottom: 0.8rem;
    margin-top: 0.5rem;
}
.teaser.embed-tc_fonds .field--name-field-acronyme { font-size: 200%; }
.grid.embed-tc_fonds .field--name-field-acronyme { font-size: 160%; }

.teaser.embed-tc_fonds .btn.more, .grid.embed-tc_fonds .btn.more {
    color: #333;
    text-align: center;
    font-size: 88%;
    background-color: var(--grey-950);
    width: 125px;
    padding: 0.5rem;
    margin: 0.5rem auto 1.5rem auto;
}
.teaser.embed-tc_fonds a:hover .btn.more, .grid.embed-tc_fonds a:hover .btn.more {
    background-color: var(--grey-950-hover);
}
.teaser.embed-tc_fonds .title{
    font-size: 125%;
}
.grid.embed-tc_fonds .title {
    padding: 0 5px 0 5px;
    font-size: 94%;
    text-shadow: none;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    max-height: 5.75em;
    text-overflow: ellipsis;
    overflow: hidden;
}
.grid.embed-tc_fonds a:hover img {
    opacity: 0;
}
.grid.embed-tc_fonds a .btn.more {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    opacity: 0;
    transition: opacity 0.2s ease-in;
    border-radius: 50px;
    height: 90px;
    width: 90px;
    display: inline;
    padding: 20px;
  }
.grid.embed-tc_fonds a:hover .btn.more {
    opacity: 1;
}

@media (max-width: 767px) {
    .grid.embed-tc_fonds {
        max-width: 155px;
    }
}

/* Specific tc_fonds - FEAMPA */
#embed-12210.teaser .title {
    font-size: 108%;
    line-height: 145%;
}
/* Specific tc_fonds - FSE+ */
#embed-12209.teaser .title {
    margin-bottom: 4.5rem;
}
/* Specific tc_fonds - IGVF */
#embed-4686.teaser .title {
    font-size: 90%;
}

/* Carrousels */
.carrousel-mini-1.tc_fonds .img-carrousel {
    border-radius: 50px;
    padding: 1rem;
    margin: 0 0 28px 0;
}
.carrousel-mini-1.tc_fonds img { margin : 0 }

.carrousel-mini-2.tc_fonds .icone-img img { padding: 8px; }

/******************************************************************************
  Content type - tc_programme
*******************************************************************************/
/* Teaser view mode */
.teaser.embed-tc_programme {
    max-width: 100%;
    width: 100%;
}
.teaser.embed-tc_programme a {
    padding: 1rem;
}
.teaser.embed-tc_programme a > div.pull-left {
    min-width: 65%;
    max-width: 70%;
    text-align: left;
}
.teaser.embed-tc_programme a > div.pull-right {
    max-width: 30%;
    text-align: right;
}
.teaser.embed-tc_programme a div .field.field__items > .field__item {
    float: right;
}
.teaser.embed-tc_programme span.content-type {
    font-size: 14px;
}
.teaser.embed-tc_programme .title {
    padding: 0;
}
.teaser.embed-tc_programme .label-fonds .field--name-field-acronyme {
    font-size: 90%;
}
.teaser.embed-tc_programme .field--name-field-type-programme {
    display: inline-block;
}

.teaser.embed-tc_programme .btn.more {
    margin-top: 2rem;
    text-align: center;
}

/********************************************************************************************
  Content type - tc_objectif_thematique / tc_objectif_strategique / tc_type_de_territoire
********************************************************************************************/
/* Full view mode */
.full.tc_objectif_thematique #description > div, .full.tc_objectif_strategique #description > div { margin-bottom: 3rem; }

.full.tc_type_de_territoire #description .main-illustration .field--name-field-media-illustration { margin-right: 1.5rem; }
@media (max-width: 767px) {
    .full.tc_type_de_territoire #description .main-illustration {
        width: 100%;
        text-align: center;
    }
}

.full.tc_objectif_thematique #description .box-ot, .full.tc_objectif_strategique #description .box-ot {
    min-height: 200px;
    background: var(--grey-1000);
    margin: 2rem auto 4rem 0;
    border: 1px solid var(--grey-950);
    padding: 20px 15px 20px 15px;
    text-align: center;
    position: relative;
}
.full.tc_objectif_thematique #description .box-shadow, .full.tc_objectif_strategique #description .box-shadow { position: relative; }
.full.tc_objectif_thematique #description .box-shadow:before, .full.tc_objectif_thematique #description .box-shadow:after,
.full.tc_objectif_strategique #description .box-shadow:before, .full.tc_objectif_strategique #description .box-shadow:after {
    z-index: -1;
    position: absolute;
    content: "";
    bottom: 15px;
    width: 50%;
    top: 80%;
    left: 10px;
    max-width:300px;
    background: #777;
    box-shadow: 0 15px 10px #777;
    transform: rotate(-3deg);
}
.full.tc_objectif_thematique #description .box-shadow:after, .full.tc_objectif_strategique #description .box-shadow:after {
    transform: rotate(3deg);
    right: 10px;
    left: auto;
}
.full.tc_objectif_thematique #description .box-ot .nom-court,.full.tc_objectif_strategique #description .box-ot .nom-court {
    font-size: 18px;
    font-weight: 700;
}
.full.tc_objectif_thematique #description .box-ot .montant-previsionnel, .full.tc_objectif_strategique #description .box-ot .montant-previsionnel {
    font-size: 40px;
    color: #333333;
    font-weight: bold;
    line-height: 120%;
    margin-top: 2rem;
    display: flex;
    justify-content: center;
    align-items: center;
}
.full.tc_objectif_thematique #description .box-ot .montant-previsionnel i, .full.tc_objectif_strategique #description .box-ot .montant-previsionnel i {
    font-size: 60px;
    margin: 10px 30px 0 0;
}
.full.tc_objectif_thematique #description .box-ot .source-montant, .full.tc_objectif_strategique #description .box-ot .source-montant {
    margin-top: 0.5rem;
    font-size: 14px;
}
.full.tc_objectif_thematique .field--name-field-description, .full.tc_objectif_strategique .field--name-field-description {
    margin-bottom: 4rem;
}

.full.tc_objectif_thematique .grid.embed-tc_objectif_thematique, 
.full.tc_objectif_strategique .grid.embed-tc_objectif_strategique, 
.full.tc_type_de_territoire .grid.embed-tc_type_de_territoire { 
    min-height: 175px; 
    border: none; 
}
.full.tc_objectif_strategique .grid.embed-tc_objectif_strategique {
    min-height: 200px; 
}

.full.tc_objectif_thematique .grid.embed-tc_objectif_thematique:hover, 
.full.tc_objectif_strategique .grid.embed-tc_objectif_strategique:hover, 
.full.tc_type_de_territoire .grid.embed-tc_type_de_territoire:hover { 
    background-color: var(--grey-1000);
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    transform: scale(1.1);
 }
.full.tc_objectif_thematique .grid.embed-tc_objectif_thematique a:hover img, 
.full.tc_objectif_strategique .grid.embed-tc_objectif_strategique a:hover img, 
.full.tc_type_de_territoire .grid.embed-tc_type_de_territoire a:hover img {
    opacity: 1;
}
.full.tc_objectif_thematique .grid.embed-tc_objectif_thematique a,
.full.tc_objectif_strategique .grid.embed-tc_objectif_strategique a,
.full.tc_type_de_territoire .grid.embed-tc_type_de_territoire a { 
    padding: 0;
}
.full.tc_objectif_thematique .grid.embed-tc_objectif_thematique a .btn.more, 
.full.tc_objectif_strategique .grid.embed-tc_objectif_strategique a .btn.more, 
.full.tc_type_de_territoire .grid.embed-tc_type_de_territoire a .btn.more { 
    display: none;
}
.full.tc_objectif_thematique .grid.embed-tc_objectif_thematique .title, 
.full.tc_objectif_strategique .grid.embed-tc_objectif_strategique .title, 
.full.tc_type_de_territoire .grid.embed-tc_type_de_territoire .title {
     margin-bottom: 0;
}

.full.tc_objectif_thematique #nombres .progress-circular, .full.tc_objectif_strategique #nombres .progress-circular {
    margin: auto;
    padding-top: 15px;
    height: 251px;
}
.full.tc_objectif_thematique #nombres #part .chart-legend, .full.tc_objectif_thematique #nombres .progress-legend, .full.tc_objectif_thematique #nombres .part-ot-text, .full.tc_objectif_thematique #nombres .montant-ot-text,
.full.tc_objectif_strategique #nombres #part .chart-legend, .full.tc_objectif_strategique #nombres .progress-legend, .full.tc_objectif_strategique #nombres .part-ot-text, .full.tc_objectif_strategique #nombres .montant-ot-text {
    text-align: center;
    padding: 0 1rem 0 1rem;
}
.full.tc_objectif_thematique #nombres .field--name-field-date-avancement, .full.tc_objectif_strategique #nombres .field--name-field-date-avancement { 
    display: inline-block;
    vertical-align: middle;
}
.full.tc_objectif_thematique #nombres .chart, .full.tc_objectif_thematique #nombres .donut-graph,
.full.tc_objectif_strategique #nombres .chart, .full.tc_objectif_strategique #nombres .donut-graph {
    padding-top: 15px;
    text-align: center;
    height: 251px;
}
.full.tc_objectif_thematique #nombres .part-ot, .full.tc_objectif_strategique #nombres .part-ot {
    font-size: 20px;
    color: var(--grey-1000);
    bottom: 150px;
    left: 25px;
    position: relative;
    text-align: center;
    line-height: 120%;
}
.full.tc_objectif_thematique #nombres .part-ot-text, .full.tc_objectif_strategique #nombres .part-ot-text { margin-top: -1rem; }
.full.tc_objectif_thematique #nombres .montant-ot-text, .full.tc_objectif_strategique #nombres .montant-ot-text { margin-top: 0.5rem; }

.full.tc_objectif_thematique #informations, .full.tc_objectif_strategique #informations { padding-top: 0; }

.full.tc_type_de_territoire #programmes #zoom-fullscreen-2014 {display: none;}

.full.tc_objectif_thematique #projets .title, .full.tc_objectif_strategique #projets .title { color: var(--grey-1000); }
.full.tc_objectif_thematique #projets .title-box::before, .full.tc_objectif_strategique #projets .title-box::before { background: var(--grey-50); }
.full.tc_objectif_thematique #projets .banner-set::before, .full.tc_objectif_strategique #projets .banner-set::before { border: none; }
.full.tc_objectif_thematique #projets .banner-set, .full.tc_objectif_strategique #projets .banner-set { margin-bottom: 1.5rem; }
.full.tc_objectif_thematique #projets .banner-set > .container::before, .full.tc_objectif_strategique #projets .banner-set > .container::before { border: none; }
.full.tc_objectif_thematique #projets .banner-set > .container:after, .full.tc_objectif_strategique #projets .banner-set > .container:after { border: none; }
.full.tc_objectif_thematique #projets .banner-set .banner, .full.tc_objectif_strategique #projets .banner-set .banner { background: var(--grey-1000); }
.full.tc_objectif_thematique #projets .banner-set .banner .title, .full.tc_objectif_strategique #projets .banner-set .banner .title { color: var(--grey-50); text-align: center; }
.full.tc_objectif_thematique #projets .banner-set .banner:hover .title, .full.tc_objectif_strategique #projets .banner-set .banner:hover .title { color: var(--primary-b-persan); }
.full.tc_objectif_thematique #projets .banner-set .banner .field--name-field-description, .full.tc_objectif_strategique #projets .banner-set .banner .field--name-field-description { margin-bottom: 0; }

/* Teaser view mode */
.teaser.embed-tc_objectif_thematique, .grid.embed-tc_objectif_thematique, 
.teaser.embed-tc_objectif_strategique, .grid.embed-tc_objectif_strategique, 
.teaser.embed-tc_type_de_territoire, .grid.embed-tc_type_de_territoire {
    max-width: 150px;
    width: 150px;
    min-height: 210px;
    text-shadow: none;
}
.teaser.embed-tc_objectif_thematique a, .grid.embed-tc_objectif_thematique a, 
.teaser.embed-tc_objectif_strategique a, .grid.embed-tc_objectif_strategique a, 
.teaser.embed-tc_type_de_territoire a, .grid.embed-tc_type_de_territoire a {
    padding: 15px 20px 20px 20px;
}
.teaser.embed-tc_objectif_thematique a img, .grid.embed-tc_objectif_thematique a img, 
.teaser.embed-tc_objectif_strategique a img, .grid.embed-tc_objectif_strategique a img, 
.teaser.embed-tc_type_de_territoire a img, .grid.embed-tc_type_de_territoire a img {
    margin-bottom: 0.5rem;
    width: auto;
    min-width: 65px;
    max-width: 95px;
    background-color: transparent;
    box-shadow: none;
    opacity: 1;
    transition: opacity 0.2s ease-in;
}
.teaser.embed-tc_objectif_strategique a img, .grid.embed-tc_objectif_strategique a img { 
    border-radius: 50px;
}
.grid.embed-tc_objectif_strategique a img.no-image-style, 
.grid.embed-tc_objectif_thematique a img.no-image-style, 
.grid.embed-tc_type_de_territoire a img.no-image-style { 
    width: 95px;
    height: 95px;
}
.teaser.embed-tc_objectif_thematique a:hover img, .grid.embed-tc_objectif_thematique a:hover img, 
.teaser.embed-tc_objectif_strategique a:hover img, .grid.embed-tc_objectif_strategique a:hover img, 
.teaser.embed-tc_type_de_territoire a:hover img, .grid.embed-tc_type_de_territoire a:hover img {
    opacity: 0;
}
.teaser.embed-tc_objectif_thematique a .btn.more, .grid.embed-tc_objectif_thematique a .btn.more, 
.teaser.embed-tc_objectif_strategique a .btn.more, .grid.embed-tc_objectif_strategique a .btn.more, 
.teaser.embed-tc_type_de_territoire a .btn.more, .grid.embed-tc_type_de_territoire a .btn.more {
    position: absolute;
    top: 15%;
    left: 0;
    right: 0;
    margin: auto;
    max-width: 80px;
    opacity: 0;
    transition: opacity 0.2s ease-in;
  }
.teaser.embed-tc_type_de_territoire a .btn.more, .grid.embed-tc_type_de_territoire a .btn.more {
    top: 10%;
}
.teaser.embed-tc_objectif_thematique a:hover .btn.more, .grid.embed-tc_objectif_thematique a:hover .btn.more, 
.teaser.embed-tc_objectif_strategique a:hover .btn.more, .grid.embed-tc_objectif_strategique a:hover .btn.more, 
.teaser.embed-tc_type_de_territoire a:hover .btn.more, .grid.embed-tc_type_de_territoire a:hover .btn.more {
    opacity: 1;
    background-color: var(--grey-950-hover);
}
.teaser.embed-tc_objectif_thematique .title, .grid.embed-tc_objectif_thematique .title, 
.teaser.embed-tc_objectif_strategique .title, .grid.embed-tc_objectif_strategique .title, 
.teaser.embed-tc_type_de_territoire .title, .grid.embed-tc_type_de_territoire .title {
    padding: 0;
    margin-bottom: 0;
    font-size: 16px;
    color: var(--grey-50);
}

/* tc_type_de_territoire - Grid view (5) - Responsive */
@media (max-width: 767px) {
    .views-view-grid .tc-type-de-territoire .views-col {
        width: 50% !important;
    }
}

/* Specific tc_type_de_territoire - Espaces insulaires */
#embed-650 .title {
    font-size: 14px;
    line-height: 150%;
}
/* Specific tc_type_de_territoire - Espaces interrégionaux */
#embed-649 .title {
    font-size: 14px;
    line-height: 150%;
}
/* Specific tc_type_de_territoire - Espaces transfrontaliers */
#embed-648 .title {
    font-size: 13px;
    line-height: 150%;
}
/* Specific tc_type_de_territoire - Macrorégion */
#embed-647 .title {
    font-size: 14px;
}
/* Specific tc_type_de_territoire - Montagne */
#embed-642 .title {
    font-size: 16px;
}
/* Specific tc_objectif_thematique - Environnement */
#embed-738 .title {
    font-size: 14px;
}
/* Specific tc_objectif_thematique - Capacité administrative */
#embed-743 .title {
    font-size: 14px;
}

/******************************************************************************
  Content type - tc_projet
*******************************************************************************/
/* Full - Section description */
.full.tc_projet #description .synthese-financement {
    padding: 1rem;
    background-color: var(--primary-color);
    color: var(--grey-1000);
    margin-bottom: 1rem;
}
.full.tc_projet #description .synthese-financement > div:not(.row), .full.tc_projet #description .synthese-financement a, .full.tc_projet #description .synthese-financement .fonds-ue .fonds-title {
    display: inline-block;
}
.full.tc_projet #description .synthese-financement .fonds-ue .fonds-title, .full.tc_projet #description .synthese-financement .fonds-ue a {
    margin-bottom: 0.5rem;
    font-size: 18px;
}
.full.tc_projet #description .synthese-financement .fonds-ue {
    margin-right: 0.5rem;
}
.full.tc_projet #description .synthese-financement .fonds-ue .label-fonds {
    font-size: 150%;
    margin: 0;
}
.full.tc_projet #description .synthese-financement .fonds-ue a:hover {
    transform: scale(1.005);
    transition: all 0.1s ease-out;
    -webkit-box-shadow: 0 15px 10px -10px rgba(0,0,0,0.5), 0 1px 4px rgba(0,0,0,0.3);
    -moz-box-shadow: 0 15px 10px -10px rgba(0,0,0,0.5),0 1px 4px rgba(0,0,0,0.3);
    box-shadow: 4px 3px 10px -1px rgba(0,0,0,0.5);
}
.full.tc_projet #description .synthese-financement .part-ue {
    height: 45px;
    margin-bottom: 0.5rem;
    font-size: 140%;
    font-weight: 500;
}
.full.tc_projet #description .synthese-financement .part-ue .field--name-field-part-ue {
    display: inline-block;
}
.full.tc_projet #description .synthese-financement .programme .texte {
    padding-right: 0;
}
.full.tc_projet #description .synthese-financement .programme .teaser.embed-tc_programme .field--name-field-periode-programmation,
.full.tc_projet #description .synthese-financement .programme .teaser.embed-tc_programme .btn.more {
    display: none;
}
.full.tc_projet #description .synthese-financement .programme .teaser.embed-tc_programme a {
    padding: 0.5rem 1rem 0 1rem;
    font-size: 88%;
    width: 100%;
}
.full.tc_projet #description .synthese-financement .programme .teaser.embed-tc_programme a .field--name-field-fonds {
    font-size: 12px;
    float: right;
}
.full.tc_projet #description .synthese-financement .programme .teaser.embed-tc_programme span.content-type {
    font-size: 12px;
  }
.full.tc_projet #description .synthese-financement .programme .teaser.embed-tc_programme .title {
    font-size: 14px;
}
.full.tc_projet #description .synthese-financement .field.field--name-field-type-territoire .field__items {
    overflow: hidden;
    max-height: 210px;
    max-width: 160px;
}
.full.tc_projet #description .synthese-financement a.ancher-button {
    position: absolute;
    top: 45%;
    left: 190px;
    border-radius: 50%;
    height: 80px;
    width: 80px;
    padding-top: 1rem;
}
.full.tc_projet #description .synthese-financement .teaser.embed-tc_objectif_thematique, .full.tc_projet #description .synthese-financement .teaser.embed-tc_type_de_territoire {
    margin-bottom: 0.5rem;
}
.full.tc_projet #description .modern-gallery {
    width: 100%;
    float: left;
    position: relative;
    padding-left: 15px;
    padding-right: 15px;
}
.full.tc_projet #description .field--name-field-contenu {
    margin-bottom: 75px;
}
@media (max-width: 768px) {
    .full.tc_projet #description .field--name-field-contenu {
        min-height: 550px;
    }
}

/* Full - Section chiffre cles */
.full.tc_projet .chiffre-cles {
    display: flex;
}
.full.tc_projet .chiffre-cles img.blue-stars {
    height: 100%;
    vertical-align: middle;
}
.full.tc_projet .chiffre-cles .cadre-chiffre-clef .icon {
    margin-right: 1rem;
}
.full.tc_projet .chiffre-cles .cadre-chiffre-clef i.fa-trophy {
    color: var(--secondary-color);
    background-color: var(--grey-950);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    line-height: 60px;
}
.full.tc_projet .chiffre-cles .cadre-chiffre-clef .field--name-field-chiffre-cles {
    font-size: 88%;
    margin-bottom: 1rem;
}
@media (max-width: 767px) {
    .full.tc_projet .chiffre-cles {
        display: inline;
    }
    .full.tc_projet .chiffre-cles .cadre-chiffre-clef {
        margin: 2rem 0 2rem 0;
    }
}

/* Full - Section localisation */
.full.tc_projet #localisation .title-box {
    margin-bottom: 0;
}
.full.tc_projet #localisation .background-map {
    background-repeat: no-repeat;
    background-position: 50% 50% !important;
    background-attachment: fixed;
    background-size: 100%;
    min-height: 290px;
    padding-top: 2rem;
    padding-bottom: 2rem;
}
.full.tc_projet #localisation .field--name-field-region {
    font-size: 24px;
}
.full.tc_projet #localisation .field--name-field-region .field__label {
    color: var(--grey-50);
}
.full.tc_projet #localisation .field--name-field-commune {
    margin-bottom: 1.5rem;
}
.full.tc_projet #localisation .leaflet-container {
    margin-bottom: 2rem;
}
.full.tc_projet #localisation a.btn {
    margin-bottom: 2rem;
}

/* Full - Section financement */
.full.tc_projet #financement .field__label {
    font-size: 20px;
}
.full.tc_projet #financement .field--name-field-fonds .field__label, .full.tc_projet #financement .field--name-field-part-ue {
    color: var(--grey-50);
    font-size: 20px;
}
.full.tc_projet #financement .field--name-field-fonds {
    display: inline-block;
}
.full.tc_projet #financement :not(.teaser) .field--name-field-fonds {
    width: 100%;
}
.full.tc_projet #financement :not(.teaser) .field--name-field-fonds .grid.embed-tc_fonds {
    margin-right: 0.5rem;
}
.full.tc_projet #financement .field--name-field-cat-intervention {
    margin-bottom: 1rem;
    margin-top: 0.5rem;
}
.full.tc_projet #financement .field--name-field-part-ue:not(.field__item), .full.tc_projet #financement .field--name-field-priorite-investissement {
    margin-bottom: 1.5rem;
}
.full.tc_projet #financement .field--name-field-cat-intervention .field__label, .full.tc_projet #financement .field--name-field-priorite-investissement .field__label {
    margin-bottom: 0;
}
.tc_projet #financement .field--name-field-programmes .field__items > .field__item {
    margin-right: 0;
  }
  .tc_projet #financement .field--name-field-programmes .field--name-field-periode-programmation .field__label {
    font-size: 100%;
  }

/* Full - Section beneficiare */
.full.tc_projet #beneficiaire {
    background-color: var(--primary-color);
    color: var(--grey-1000);
}
.full.tc_projet #beneficiaire .title-box::before {
    background-color: var(--grey-1000);
}
.full.tc_projet #beneficiaire .type-beneficiaire {
    padding: 0.5rem 0.3rem;
    margin-bottom: 2rem;
    margin-left: auto;
    margin-right: auto;
    max-width: 570px;
}
.full.tc_projet #beneficiaire .type-beneficiaire .field, .full.tc_projet #beneficiaire .field--name-field-temoignage {
    color: var(--grey-50);
}
.full.tc_projet #beneficiaire .type-beneficiaire .field--name-field-type-beneficiaire {
    float: right;
    font-family: 'Filson Soft';
    color: var(--grey-850);
    text-transform: uppercase;
    letter-spacing: 0.1rem;
    line-height: 1em;
    font-size: 20px;
}
.full.tc_projet #beneficiaire .type-beneficiaire .field--name-field-nom-beneficiaire {
    padding: 1.5rem 1rem 1rem 1rem;
    font-size: 22px;
}
.full.tc_projet #beneficiaire .type-beneficiaire .field--name-field-contact-beneficiaire, .full.tc_projet #beneficiaire .type-beneficiaire .contact-links {
    padding: 0 1rem;
}
.full.tc_projet #beneficiaire .type-beneficiaire .field--name-field-contact-beneficiaire {
    font-size: 14px;
    margin-bottom: 1rem;
}
.full.tc_projet #beneficiaire .type-beneficiaire .field--name-field-contact-beneficiaire .field__label {
    color: var(--grey-425);
    margin-bottom: 0;
}
.full.tc_projet #beneficiaire .type-beneficiaire .contact-links a {
    padding: 26px;
    width: 32px;
    height: 32px;
}
.full.tc_projet #beneficiaire .type-beneficiaire .contact-links a.facebook {
    background-color: #3b5999;
}
.full.tc_projet #beneficiaire .type-beneficiaire .contact-links a.twitter {
    border: 1px solid #333;
    height: 92px;
    width: 92px;
    top: 1px;
    position: relative;
    display: inline-block;
}
.full.tc_projet #beneficiaire .type-beneficiaire .contact-links a.twitter svg {
    width: 40px;
    height: 40px;
}
.full.tc_projet #beneficiaire .respond .name .field--name-field-contact-temoignage {
    color: var(--grey-1000);
    display: inline-block;
}
.full.tc_projet #beneficiaire .respond {
    margin-bottom: 1rem;
}
.full.tc_projet #beneficiaire .cibles-title {
    font-size: 20px;
}
.full.tc_projet #beneficiaire .cibles-value::after  {
    content: ",";
}
.full.tc_projet #beneficiaire .cibles-value:last-child::after {
    content: ".";
}

/************************************************************************************************************************************************
  Content type - tc_ressource_documentaire / tc_ressource_externe / tc_infographie / tc_article / tc_communique_presse / tc_dossier_presse / tc_marche_appel_offre / 
**************************************************************************************************************************************************/
/* Full - tc_article / tc_communique_presse / tc_dossier_presse */
.full.tc_article #informations,
.full.tc_communique_presse #informations,
.full.tc_dossier_presse #informations {
    padding: 0;
    margin-bottom: 0;
}
.full.tc_article #description { margin-bottom: 0 }
.full.tc_article #description .illustration .logo-article img {
    min-height: auto;
}

/* Full - tc_ressource_documentaire */
.full.tc_ressource_documentaire .media.fichier { min-height: 150px; }

/* Full - tc_infographie */
.full.tc_infographie #description .field.field--name-field-media-illustration {
    text-align: center;
    margin-bottom: 3rem;
}
.full.tc_infographie #description .field--name-field-description {
    padding-left: 0;
    margin-bottom: 2rem;
}

/* Full - tc_appels_projet*/
.full.tc_appels_projet #programmes .field__items > .field__item {
    float: left;
}
.full.tc_appels_projet #description .col-md-4.pull-right {
    min-height: 410px;
}
.full.tc_appels_projet #description .field--name-field-description  {
    font-weight: 400;
    /*display: inline-block;*/
}


/* Full - tc_marche_appel_offre */
.full.tc_marche_appel_offre #description .resource-download {
    padding: 0 1.5rem;
}
.full.tc_marche_appel_offre #description .resource-download a {
    border-radius: 50px;
    background: var(--primary-color);
    padding: 1.5rem;
}
.full.tc_marche_appel_offre #description .resource-download a.media.fichier .title { color: var(--grey-1000); margin-top: 1rem; }
.full.tc_marche_appel_offre #description .resource-download a.media.fichier:hover .title { color: var(--secondary-blue-paon); text-decoration: none; }
.full.tc_marche_appel_offre #description .field.field--name-field-descriptif-ao { padding-left: 15px; }

/* Full - tc_offre_emploi */
.full.tc_offre_emploi #description .illustration {
    margin-bottom: 3rem;
}
.full.tc_offre_emploi #description .fichiers > div {
    float: none;
    margin: auto;
    margin-bottom: 2rem;
}

/* Full - tc_page_regime_aides_etat */
.full.tc_page_regime_aides_etat #description .field--name-field-description {
    padding: 0;
    font-weight: normal;
}
.full.tc_page_regime_aides_etat #description .metas {
    background-color: var(--grey-950);
    padding: 2.5rem;
    margin-top: 2rem;
}

@media (max-width: 767px) {
    .full.tc_article #description .illustration,
    .full.tc_communique_presse #description .illustration,
    .full.tc_dossier_presse #description .illustration {
        width: 100%;
        margin-bottom: 2rem;
        padding-left: 15px;
        padding-right: 15px;
    }
    .full.tc_article #description .illustration.frame-shadow-lifted::after,
    .full.tc_communique_presse #description .illustration.frame-shadow-lifted::after,
    .full.tc_dossier_presse #description .illustration.frame-shadow-lifted::after {
        right: 25px;
    }
    .full.tc_marche_appel_offre #description .field.field--name-field-descriptif-ao { 
        padding-right: 15px;
    }
}

/* Teaser/Grid */
.teaser.embed-tc_ressource_documentaire, .grid.embed-tc_ressource_documentaire, 
.teaser.embed-tc_ressource_externe, .grid.embed-tc_ressource_externe, 
.teaser.embed-tc_infographie, .grid.embed-tc_infographie,
.grid.embed-tc_article,
.grid.embed-tc_page_regime_aides_etat,
.grid.embed-tc_evenement {
    width: auto;
    min-height: 260px;
    border-color: var(--secondary-blue-paon);
    text-shadow: none;
}
.teaser.embed-tc_ressource_documentaire:hover, .grid.embed-tc_ressource_documentaire:hover, 
.teaser.embed-tc_ressource_externe:hover, .grid.embed-tc_ressource_externe:hover, 
.teaser.embed-tc_infographie:hover, .grid.embed-tc_infographie:hover,
.grid.embed-tc_article:hover,
.grid.embed-tc_page_regime_aides_etat:hover,
.grid.embed-tc_evenement:hover {
    border-color: var(--primary-b-persan);
}

.teaser.embed-tc_ressource_documentaire a, .grid.embed-tc_ressource_documentaire a, 
.teaser.embed-tc_ressource_externe a, .grid.embed-tc_ressource_externe a, 
.teaser.embed-tc_infographie a, .grid.embed-tc_infographie a,
.grid.embed-tc_article a,
.grid.embed-tc_page_regime_aides_etat a,
.grid.embed-tc_evenement a {
    padding: 15px 15px 20px 15px;
    color: var(--grey-50);
}

.teaser.embed-tc_ressource_documentaire a i, .grid.embed-tc_ressource_documentaire a i, 
.teaser.embed-tc_ressource_externe a i, .grid.embed-tc_ressource_externe a i, 
.teaser.embed-tc_infographie a i, .grid.embed-tc_infographie a i,
.grid.embed-tc_article a i,
.grid.embed-tc_page_regime_aides_etat a i,
.grid.embed-tc_evenement a i  {
    margin-bottom: 1rem;
}
.teaser.embed-tc_ressource_documentaire a:hover i svg path, .grid.embed-tc_ressource_documentaire a:hover i svg path, 
.teaser.embed-tc_ressource_externe a:hover i svg path, .grid.embed-tc_ressource_externe a:hover i svg path, 
.teaser.embed-tc_infographie a:hover i svg path, .grid.embed-tc_infographie a:hover i svg path,
.grid.embed-tc_article a:hover i svg path,
.grid.embed-tc_page_regime_aides_etat a:hover i svg path,
.grid.embed-tc_evenement a:hover i svg path {
    fill: var(--primary-b-persan);
}

.teaser.embed-tc_ressource_documentaire a h3, .grid.embed-tc_ressource_documentaire a h3, 
.teaser.embed-tc_ressource_externe a h3, .grid.embed-tc_ressource_externe a h3, 
.teaser.embed-tc_infographie a h3, .grid.embed-tc_infographie a h3,
.grid.embed-tc_article a h3,
.grid.embed-tc_page_regime_aides_etat a h3,
.grid.embed-tc_evenement a h3 {
    font-size: 16px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    max-height: 4.75em;
    text-overflow: ellipsis;
    overflow: hidden;
    padding: 0;
    margin-bottom: 2rem;
}

.teaser.embed-tc_ressource_documentaire a span.content-type, .grid.embed-tc_ressource_documentaire a span.content-type, 
.teaser.embed-tc_ressource_externe a span.content-type, .grid.embed-tc_ressource_externe a span.content-type, 
.teaser.embed-tc_infographie a span.content-type, .grid.embed-tc_infographie a span.content-type,
.grid.embed-tc_article a span.content-type,
.grid.embed-tc_page_regime_aides_etat a span.content-type,
.grid.embed-tc_evenement a span.content-type {
    font-size: 16px;
}


#breadcrumb .nav>li>a{
    position: relative;
    display: block;
    padding: 0px 10px 0px 10px;
    color: #333!important;
    font-size: 11px;
    font-family: arial;
    border-radius: 4px;
    height: auto;
}

#breadcrumb {
    margin-top: initial;
    right: 0px;
    background-color: #E0E0E0;
}

#breadcrumb .navbar-collapse {
    padding-right: 0px;
    padding-left: 0px;
}

.container-breadcrumb .navbar {
    min-height: 21px;
    margin-bottom: 0px;
}

.container-breadcrumb .navbar-default .navbar-nav>.active>a,.container-breadcrumb .navbar-default .navbar-nav>.active>a:focus,.container-breadcrumb .navbar-default .navbar-nav>.active>a:hover,.container-breadcrumb .navbar-default .navbar-nav>li>a,.color_black {
    color: #000!important;
}

.container-breadcrumb .navbar-default .navbar-nav>.active>a,.tc_projet .navbar-nav>.active>a,.container-breadcrumb .navbar-nav>li>a:hover {
    background: #999;
}

.container-breadcrumb .navbar-nav li.divider {
    border-right: 1px solid #000;
    display: block;
    height: 15px;
    margin-top: 2px;
}

.container-breadcrumb {
    text-align: right;
    margin-top: 0;
    z-index: 500;
    top: 70px;
    width: 100%;
}

.container-breadcrumb.affix {
    /* width: 61.5%; */
    width: 100%;
}

.cd-nav-trigger {display: none;}

@media (min-width: 992px) {
    .container-breadcrumb.affix {
        top: 70px !important;
        margin-top: 0px !important;
    }
}

@media (min-width: 1200px) {
    .container-breadcrumb {
        margin-top: -20px !important;
    }
}

@media only screen and (min-width: 768px) {
    .cd-nav-trigger,#cd-vertical-nav {
        display:none;
    }
}

@media only screen and (max-width: 767px) {
    .cd-img-replace {
        text-indent:100%;
        white-space: nowrap;
        overflow: hidden;
    }

    .cd-nav-trigger {
        display: block;
        z-index: 991;
        position: fixed;
        bottom: 100px;
        right: 6px;
        height: 40px;
        width: 40px;
        border-radius: 0.25em;
        background: #c6c6c6;
    }

    .cd-nav-trigger span {
        position: absolute;
        height: 4px;
        width: 4px;
        background-color: white;
        border-radius: 50%;
        left: 50%;
        top: 50%;
        bottom: auto;
        right: auto;
        -webkit-transform: translateX(-50%) translateY(-50%);
        -moz-transform: translateX(-50%) translateY(-50%);
        -ms-transform: translateX(-50%) translateY(-50%);
        -o-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
    }

    .cd-nav-trigger span::before,.cd-nav-trigger span::after {
        content: '';
        height: 100%;
        width: 100%;
        position: absolute;
        left: 0;
        background-color: inherit;
        border-radius: inherit;
    }

    .cd-nav-trigger span::before {
        top: -9px;
    }

    .cd-nav-trigger span::after {
        bottom: -9px;
    }

    #cd-vertical-nav {
        position: fixed;
        z-index: 900;
        right: 6px;
        bottom: 100px;
        width: 90%;
        max-width: 400px;
        max-height: 90%;
        -webkit-overflow-scrolling: touch;
        -webkit-transform-origin: right bottom;
        -moz-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        -o-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0);
        -webkit-transition-property: -webkit-transform;
        -moz-transition-property: -moz-transform;
        transition-property: transform;
        -webkit-transition-duration: 0.2s;
        -moz-transition-duration: 0.2s;
        transition-duration: 0.2s;
        border-radius: 0.25em;
        background-color: rgba(224,224,224,1);
    }

    #cd-vertical-nav a {
        display: block;
        padding: 1em;
        border-bottom: 1px solid rgba(62,57,71,0.1);
        color: #333 !important;
        font-size: 12px;
        font-family: arial;
    }

    #cd-vertical-nav a span:first-child {
        display: none;
    }

    #cd-vertical-nav a.is-selected {
        background: #999;
    }

    #cd-vertical-nav.open {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }

    #cd-vertical-nav.open + .cd-nav-trigger {
        background-color: transparent;
    }

    #cd-vertical-nav.open + .cd-nav-trigger span {
        background-color: rgba(62,57,71,0);
    }

    #cd-vertical-nav.open + .cd-nav-trigger span::before,#cd-vertical-nav.open + .cd-nav-trigger span::after {
        background-color: #3e3947;
        height: 3px;
        width: 20px;
        border-radius: 0;
        left: -8px;
    }

    #cd-vertical-nav.open + .cd-nav-trigger span::before {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        top: 1px;
    }

    #cd-vertical-nav.open + .cd-nav-trigger span::after {
        -webkit-transform: rotate(135deg);
        -moz-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
        -o-transform: rotate(135deg);
        transform: rotate(135deg);
        bottom: 0;
    }

    #cd-vertical-nav li:last-child a {
        border-bottom: none;
    }

    #cd-vertical-nav li.divider {
        display: none;
    }

    #cd-vertical-nav ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }

    #cd-vertical-nav ul li a:hover {
        background-color: #000;
    }

    #breadcrumb {
        display: none;
    }
}

/******************************************************************************
  Loading button
*******************************************************************************/
.btn.btn-loading {
    -webkit-transition: all .4s ease;
            transition: all .4s ease;
}
  
.btn.btn-loading.active {
    padding: 0 !important;
    margin-left: auto;
    margin-right: auto;
    border: 2px solid;
    font-size: 0 !important;
    border-radius: 25px !important;
    width: 50px !important;
    height: 50px !important;
    background: transparent !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}

.btn.btn-xs.btn-loading.active {
    width: 25px !important;
    height: 25px !important;
}

.btn.btn-sm.btn-loading.active {
    width: 30px !important;
    height: 30px !important;
}
.btn.btn-m.btn-loading.active {
    width: 35px !important;
    height: 35px !important;
}

.btn.btn-lg.btn-loading.active {
    width: 50px !important;
    height: 50px !important;
}

.md-objects .md-object a.btn.btn-loading.active {
    width: 50px !important;
    height: 50px !important;
}

.btn.btn-loading.loader {
    border-right: 2px solid #ffffff;
    -webkit-animation: loader 1s linear infinite;
            animation: loader 1s linear infinite;
}

@-webkit-keyframes loader {
    0% {
        -webkit-transform: rotateZ(0);
                transform: rotateZ(0);
    }
    100% {
        -webkit-transform: rotateZ(360deg);
                transform: rotateZ(360deg);
    }
}

@keyframes loader {
    0% {
        -webkit-transform: rotateZ(0);
                transform: rotateZ(0);
    }
    100% {
        -webkit-transform: rotateZ(360deg);
                transform: rotateZ(360deg);
    }
}