.home #main {
        margin-bottom:0;
}
.bandeau-accueil {
        padding:50px 0;
        background-position:center;
        background-size:cover;
}

.bandeau-accueil.text-color-dark {
        color:var(--main-color);
}
.bandeau-accueil.text-color-light {
        color:#fff;
}
.bandeau-accueil .titre-bandeau {
        max-width: 500px;
}
.bandeau-accueil .texte-bandeau {
        font-size:.9em;
        line-height:1.4;
        font-weight:500;
}
.bandeau-accueil .actions-bandeau {
        margin-top:30px;
        padding-bottom:20px;
        margin-bottom:30px;
        position:relative;
}
.bandeau-accueil .actions-bandeau:after {
        content:'';
        position:absolute;
        bottom:-5px;
        left:0;
        height:5px;
        width:60px;
        background:var(--main-color);
}
.bandeau-accueil.text-color-light .actions-bandeau:after {
        background:var(--main-color-inverse);
}


/*
 * Bandeau diaporama
 */
#bandeau-diaporama {
        background: #00b0c5;
        padding: 0;
        font-size: 0;
}
#bandeau-diaporama .anim-wrapper {
        position:relative;
}
/*#bandeau-diaporama .anim-wrapper:before,
#bandeau-diaporama .anim-wrapper:after {
        content:'';
        position:absolute;
        width:100px;
        top:0;
        bottom:0;
        background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
        opacity:.2;
}
#bandeau-diaporama .anim-wrapper:before {
        right:100%;
        transform:rotate(180deg);
}
#bandeau-diaporama .anim-wrapper:after {
        left:100%;
}*/
#bandeau-diaporama .anim-wrapper video {
        object-fit:cover;
        height: 419px;
        width: 100%;
}

/*
 * Bandeau blog
 */
#bandeau-blog .derniers-articles {
        column-gap: 50px;
}
#bandeau-blog .derniers-articles article {
        width:320px;
}

#bandeau-blog .article-titre{
        font-weight: bold;
        margin-top: 5px;
        padding-bottom: 5px;
        position: relative;
}

#bandeau-blog .article-titre:after{
        content: '';
        position: absolute;
        top: calc(100% + 1px);
        left: 0;
        width: 20%;
        height: 3px;
        background-color: var(--main-color);
}

#bandeau-blog .article-texte{
        font-size: .9em;
        margin-bottom: 5px;
}

#bandeau-blog .article-meta{
        font-size: .9em;
}

#bandeau-blog .article-meta .article-date{
        font-weight: bold;
}

#bandeau-blog .horizontal-slider .btn-next,
#bandeau-blog .horizontal-slider .btn-previous{
        top: -140px;
}
/*
 * Bandeau annuaire
 */
#bandeau-annuaire {
        padding-top:0;
}
#bandeau-annuaire .carte-acteurs-wrapper {
        position: relative;
}
#bandeau-annuaire .carte-acteurs-wrapper:after {
        content: '';
        background: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 120px;
        opacity: .5;
}
#bandeau-annuaire #carte-acteurs {
        width: 100%;
        height: 460px;
        margin-bottom: 30px;
}
#bandeau-annuaire .selection-acteurs {
        margin-top:10px;
}
#bandeau-annuaire .selection-acteurs article{
        width:200px;
}
#bandeau-annuaire .selection-acteurs .horizontal-slider-inner {
        column-gap: 30px;
}
#bandeau-annuaire .horizontal-slider .btn-next,
#bandeau-annuaire .horizontal-slider .btn-previous{
        top: -30px;
}
#bandeau-annuaire .horizontal-slider .horizontal-slider-item .article-img-container{
        background: url(../img/stripes.php?color=00acc3);
        background-size: 550px;
        height: 200px;
        display:flex;
        align-items:center;
        justify-content:center;
}
#bandeau-annuaire .selection-acteurs .horizontal-slider-item:hover .article-img-container:after {
        opacity: .6;
}
#bandeau-annuaire .horizontal-slider .horizontal-slider-item .article-img-container .no-img-placeholder{
        height: 200px;
        display: flex;
        justify-content: center;
        align-items: center;
}
#bandeau-annuaire .horizontal-slider .horizontal-slider-item .article-img-container svg{
        height: 66%;
        transition: .3s;
}
#bandeau-annuaire .horizontal-slider .horizontal-slider-item:hover svg{
        transform: scale(1.1);
}
#bandeau-annuaire .horizontal-slider .horizontal-slider-item .article-img-container svg path,
#bandeau-annuaire .horizontal-slider .horizontal-slider-item .article-img-container svg circle,
#bandeau-annuaire .horizontal-slider .horizontal-slider-item .article-img-container svg rect,
#bandeau-annuaire .horizontal-slider .horizontal-slider-item .article-img-container svg line,
#bandeau-annuaire .horizontal-slider .horizontal-slider-item .article-img-container svg polygon{
        transition: .3s;
}
#bandeau-annuaire .horizontal-slider .horizontal-slider-item:hover .article-img-container svg path,
#bandeau-annuaire .horizontal-slider .horizontal-slider-item:hover .article-img-container svg circle,
#bandeau-annuaire .horizontal-slider .horizontal-slider-item:hover .article-img-container svg rect,
#bandeau-annuaire .horizontal-slider .horizontal-slider-item:hover .article-img-container svg line,
#bandeau-annuaire .horizontal-slider .horizontal-slider-item:hover .article-img-container svg polygon{
        fill: var(--current-page-color) ;
}
#bandeau-annuaire .horizontal-slider-item h4{
        font-weight: bold;
        padding-top: 5px;
}

/*
 * Bandeau annonces
 */
#bandeau-annonces > .container {
        display: flex;
}

#bandeau-annonces > .container .right-col,
#bandeau-annonces > .container .left-col{
        width: 47.5%;
        position: relative;
}

#bandeau-annonces > .container .left-col{
        margin-right: 5%;
}

#bandeau-annonces > .container .right-col{
        padding-left: 50px;
        padding-bottom: 40px;
        margin-top: 50px;
}

#bandeau-annonces > .container .right-col:before{
        content: '';
        position: absolute;
        left: 0;
        background-image: url(../img/stripes.php?color=f8de5d);
        background-repeat: no-repeat;
        clip-path: polygon(6% 0, 6% 94%, 100% 94%, 100% 100%, 0 100%, 0% 100%, 0 0);
}

#bandeau-annonces > .container .right-col:before{
        top: 0;
        width: 100%;
        height: 100%;
        background-size: 620px;
}

#bandeau-annonces .annonce,
#bandeau-annonces .offre{
        position: relative;
        color: var(--main-color);
        padding: 10px 15px;
        padding-right: 15px;
        margin-bottom: 10px;
}
#bandeau-annonces .annonce{
        padding: 5px 15px;
        padding-right: 20px;
}
#bandeau-annonces .offre{
        width: calc(100% - (65px / 3));
}
#bandeau-annonces .annonce:before{
        clip-path: polygon(100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 0);
        background-color: rgba(255, 255, 255, .8);
}
#bandeau-annonces .offre:before{
        clip-path: polygon(100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 0);
        background-color: var(--current-page-color);
}


#bandeau-annonces .offre .offre-title-container,
#bandeau-annonces .annonce .annonce-title-container{
        display: flex;
}

#bandeau-annonces .offre .offre-titre,
#bandeau-annonces .annonce .annonce-titre {
        margin-bottom: 0px;
        font-weight: bold;
        display: inline-block;
        max-width: 75%;
        margin-right: 5px;
}

#bandeau-annonces .offre .offre-date,
#bandeau-annonces .annonce .annonce-date {
        display: inline-block;
        max-width: 25%;
        font-size: 14px;
        text-transform: initial;
        font-weight: normal;
}

#bandeau-annonces .offre .offre-texte,
#bandeau-annonces .annonce .annonce-texte {
        margin-bottom: 0;
}

#bandeau-annonces .offre .offre-texte {
        font-size: 14px;
}

#bandeau-annonces .annonce .annonce-texte {
        font-size: 13px;
}

#bandeau-annonces .offre .offre-auteur {
        padding: 2px 5px;
        background-color: var(--current-page-color-inverse);
        color: var(--current-page-color);
        text-transform: uppercase;
        font-size: 12px;
}

#bandeau-annonces .container h3{
        margin-bottom: 10px;
        display: flex;
}

#bandeau-annonces .container h3 img{
        width: 30px;
        margin-right: 10px;
}


/*
* Bandeau agenda 
*/
.agenda-timeline-title {
        text-transform:none;
        font-weight:900;
        margin-bottom:15px;
}
.agenda-timeline-wrapper {
        overflow:hidden;
        position:relative;
        font-size:.9em;
        font-family:Faro;
}
.agenda-timeline {
        /*height:250px;*/
        cursor:grab;
        position:relative;
        user-select:none;
}
.agenda-timeline.dragged {
        cursor:grabbing;
}
.agenda-timeline .events {
        display:flex;
        column-gap:0px;
}
.agenda-timeline .event {
        position:relative;
        flex-shrink:0;
        flex-basis:200px;
        background:rgba(214, 111, 103, .2);
        /*border-left:solid 1px rgba(13, 22, 41, .05);*/
}
.agenda-timeline .event.before-today {
        opacity:.5;
        background:rgba(255, 255, 255, .5);
}
.agenda-timeline .event.first-of-month {
        border-left:solid 2px var(--main-color);
}
.agenda-timeline .event.first-of-year {
        border-left:double 4px var(--main-color);
}
.agenda-timeline .event.first-after-today {
        border-left:none;
}
.agenda-timeline .event.first-after-today:before {
        content: '';
        position: absolute;
        top: 0;
        left: -2px;
        bottom: 0;
        width: 4px;
        background: var(--agenda-color);
        z-index: 99;
}
.agenda-timeline .event-date {
        font-weight: 700;
        padding: 60px 40px 12px 20px;
        position:relative;
}
.agenda-timeline .event-date span {
        opacity:0;
}
.agenda-timeline .event.first-of-date .event-date span {
        opacity:1;
}
.agenda-timeline .event.first-of-date .event-date {
        /*border-left: solid 1px rgba(249, 97, 101, .15);*/
}

.agenda-timeline .event.first-of-month.first-of-date .event-date,
.agenda-timeline .event.first-after-today.first-of-date .event-date {
         border-left: none;
}
.agenda-timeline .event .event-date:after {
        content:'';
        position:absolute;
        bottom:0;
        left:-1px;
        right:-1px;
        height:10px;
        background: var(--main-color);
}
.agenda-timeline .event .event-date span.week-day {
        display: block;
        font-weight: 400;
        color: var(--agenda-color);
        line-height:1.3;
}
.agenda-timeline .event.first-of-date .event-date span.week-day {
        opacity: .75;
}
.agenda-timeline .event-title {
        padding:15px 40px 30px 20px;
        border-left: solid 1px rgba(249, 97, 101, .15);
}
.agenda-timeline .event.first-of-month .event-title,
.agenda-timeline .event.first-of-year .event-title,
.agenda-timeline .event.first-after-today .event-title {
        border-left:none;
}
.agenda-timeline .event-title a.title {
        color:var(--main-color);
        font-weight:900;
        text-transform:uppercase;
        line-height:1.3;
        display:block;
        user-select: none;
        -webkit-user-drag: none;
}
.agenda-timeline .event-title a.title:hover {
        color:var(--agenda-color);
}
.agenda-timeline .event-tags {
        margin-top:5px;
}
.agenda-timeline .event-tags .tag {
        font-weight: 700;
        padding: 0 8px;
        background: #f96165;
        color: #f1d4d0;
        max-width: 100px;
}
.agenda-timeline .month-label,
.agenda-timeline-wrapper .month-helper {
        transform: translateX(-100%) rotate(-90deg);
        transform-origin: top right;
        position: absolute;
        left: -19px;
        top: 5px;
        text-transform: uppercase;
        font-size: 0.7em;
        font-weight: 700;
}
.agenda-timeline-wrapper .month-helper {
        left:10px;
}
.agenda-timeline .year-label {
        color:var(--agenda-color);
}
.agenda-timeline .timeline-end {
        background: var(--current-page-color);
        color: var(--main-color);
        font-weight: 900;
        padding: 40px;
        display: flex;
        align-items: center;
        font-size: 1.1em;
        transition:all .5s;
        position:relative;
}
.agenda-timeline .timeline-end:hover {
        background: #d3464a;
        color: #fff;
}
.agenda-timeline .timeline-end:after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        width: 10px;
        background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
        opacity: .2;
}


/*
* Bandeau matériel 
*/
#bandeau-materiel .categories-container{
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        width: 65%;
}
#bandeau-materiel .link-materiel {
        color: var(--current-page-color-inverse);
        padding: 5px 15px 5px 10px;
        text-transform: uppercase;
        font-weight: bold;
        display: inline-block;
        margin-bottom: 10px;
        width: fit-content;
        position: relative;
        font-size: .8rem;
        font-family: 'Faro';
}
#bandeau-materiel .link-materiel:before {
        background-color: var(--current-page-color);
        clip-path: polygon(100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 0);
}


.home #main .coming-soon-text{
        font-size: 24px;
        font-weight: 900;
        text-transform: uppercase;
}
#bandeau-materiel .coming-soon-text{
        color: #fff;
}
#bandeau-outils .coming-soon-text{
        color: var(--main-color);
}