.index .homeblock-section:not(.custom) {
    background: #f7f7f8;
    padding-bottom: 35px;
    padding-top: 70px;
}

.index .custom.homeblock-section {
    padding-top: 1px;
    background: #f7f7f8;
    padding-bottom: 35px;
}


.homeblock-title {
    font-size: 36px;
    font-family: var(--font-montserrat);
    text-align: center;
    color: var(--color-black);
    font-weight: 600;
    display: block;
    margin-bottom: 40px;
}

.index .homeblock-list {
    display: grid;
    max-width: 1350px;
    margin: auto;
    grid-template-columns: repeat(4, minmax(300px, 1fr));
    /*flex-wrap: wrap;*/
}

/* si le block n'est un module  */
.homeblock-notmod-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    padding: 25px 30px;
}

.homeblock-notmod-container .homeblock-item-title {
    text-transform: initial;
    position: relative;
    z-index: 1;
}

.homeblock-item-date {
    position: relative;
    z-index: 1;
}

.homeblock-item-content {
    height: 100%;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    position: relative;
}

.homeblock-item-content > a {
    text-align: center;
    padding: 25px 30px;
}

.homeblock-item-content > a h2 {
    font-size: 20px;
}

.article-item .homeblock-item-content > a {
    padding: inherit;
}

.homeblock-item-content > a:hover {
    color: white;
}

.homeblock-item-content::-webkit-scrollbar {
    display: none; /* Safari and Chrome */
}

/* les blocks qui ont de liens: link*/
.homeblock-item-content a,
.homeblock-item-content span {
    display: block;
    height: 100%;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.article-not-bg {
    color: white;
    height: 100%;
}

.article-is-bg {
    background-size: cover;
    background-position: center;
    color: white;
    height: 100%;

}

.homeblock-notmod-container.article-is-bg:before /*,
.homeblock-item-content > a.article-is-bg:before*/ {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 0;
    background: rgba(0, 0, 0, .3);
}

.homeblock-item-content > a.article-is-bg p,
.homeblock-item-content > a.article-is-bg h2 {
    position: relative;
    z-index: 1;
}

.article-item a {
    color: white;
}

.homeblock-item .calendarview.row {
    margin-right: 0;
    margin-left: 0;
}


/* =========homblock agenda=======*/
.homeblock_item_agenda {
    grid-column: span 2;
}

.homeblock_item_agenda .calendarview.row {
    background-repeat: repeat;
    background-size: cover;
}

.homeblock_item_agenda .homeblock-item-content {
    background: var(--color-black);
}

/*==============Twitter posts==============*/
.homeblock_item_twitter_posts .atom_twitter_feeds {
    padding: 0;
}

.homeblock_item_youtube_link a {
    min-height: 300px;
}

.homeblock_item_youtube_link > .homeblock-item-content > a:before,
.homeblock_item_twitter_link > .homeblock-item-content > a:before,
.homeblock_item_facebook_link > .homeblock-item-content > a:before,
.homeblock_item_linkedin_link > .homeblock-item-content > a:before {
    display: none;
}


aside.col-md-4 .homeblock-item-content span.article-not-bg {
    padding: 15px;
}

aside.col-md-4 .homeblock_item_formations .homeblock-item-content > a {
    min-height: 280px;
    background-position-y: -120px;

}

.homeblock_item_formations .homeblock-item-content > a {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

#section-bloc .slide {
    height: 655px;
    float: left;
}

#section-bloc .homeblock {
    float: left;
    box-shadow: 0 0 4px 1px #cfcbcb;
}

.homeblock-content {
    padding: 10px 20px;
    width: 100%;
    min-height: 150px;
}

.homeblock-link {
    display: block;
}

.homeblock-content p {
    font-size: 1em;
    line-height: 18px;
}


.homeblockmore-news-btn {
    text-align: center;
    display: block;
    max-width: 170px;
    margin: 50px auto;
    border: 1px solid var(--color-black);
    padding: 6px 10px;
    color: var(--color-black);
    text-transform: uppercase;
    font-weight: 700;
    transition: ease-in .3s;
}

/* vesrsion en colone*/
.col-md-4 .homblock-action {
    display: none;
}

aside.col-md-4 .homeblock-title {
    display: none;
}

aside.col-md-4 .moduletable .news {
    background: rgba(0, 124, 196, 0.9);
    padding: 20px;
}

aside.col-md-4 .moduletable .news h3 {
    color: white;
    font-weight: 100;
}

aside.col-md-4 .homeblock-item {
    margin-bottom: 15px;
}

aside.col-md-4 .homeblock-item-content {
    height: auto;
}


.h100 {
    height: 97.5%;
}

aside .h100 {
    min-height: 865px;
}

.h75 {
    height: 72%;
}

aside .h75 {
    min-height: 492px;
}

.h50 {
    height: 47.5%;
}

aside .h50 {
    min-height: 327px;
}

.h25 {
    height: 23%;
}


.haut .homeblock-content {
    position: absolute;
    top: 0;
}

.bas .homeblock-content {
    position: absolute;
    bottom: 0;
}

.homeblock-content .plus {
    background: url(../images/plus.png) no-repeat center right;
    width: 40px;
    position: absolute;
    height: 40px;
    display: block;
    right: 17px;
    bottom: 12px;
    transition: transform .5s;
}

.homeblock-content .plus:hover {
    transform: scale(0.8);
}

.h25.group .homeblock-content {
    background: rgba(60, 60, 60, 1);
}

.group .homeblock-content {
    background: rgba(60, 60, 60, 0.8);
}

.security .homeblock-content {
    background: rgba(0, 124, 196, 0.9);

}

.industry .homeblock-content {
    background: rgba(232, 138, 0, 0.8);
}

#section-bloc .bx-wrapper .bx-viewport {
    background: transparent;
}


/* Style des contenus clair / sombre */
.homeblock.sombre, .sombre .homeblock-link {
    color: #3c3c3c;
}

.homeblock.sombre .homeblock-content .plus {
    background: url(../images/plus_sombre.png) no-repeat center right;
}


.homeblock.clair, .homeblock-link.clair {
    color: #fff;
}


/* Blocks NEWS */

/*.homeblock.special {
	background:#3c3c3c;
}*/
.homeblock-item h3 {
    font-weight: 300 !important;
    margin-top: 10px;
}


.news .bx-wrapper .bx-prev {
    background: url(../images/fleche-haut-news.png) no-repeat;
    width: 16px;
    height: 9px;
    left: 84%;
    top: -14px;
    display: block !important;
}

.news .bx-wrapper .bx-next {
    background: url(../images/fleche-bas-news.png) no-repeat;
    width: 16px;
    height: 9px;
    right: 4%;
    top: -14px;
    display: block !important;
}

.latestnews b {
    font-size: 2.4rem;
    font-weight: 900;
}


.latestnews .date {
    padding: 0;
    text-align: right;
    line-height: 19px;
    width: 21%;
}

.news h3 {
    margin-bottom: 16px;
}

.industry .news h3 {
    margin-bottom: 20px;
}

.news .bx-wrapper .bx-viewport {
    height: 70px !important;
    background: none;
}


.news .texte-news {
    font-size: 1.35rem;
    line-height: 18px;
    display: block;

}

.homeblock-content .plus.actus {
    bottom: 5px;
    right: 17px;
}

.homeblock, .homeblock-link {
    color: #fff;
    font-weight: 300 !important;
}

.homeblock-link:hover, .homeblock-link:focus {
    text-decoration: none;
    color: #fff;
}

.sombre .homeblock-link:hover, .sombre .homeblock-link:focus {
    color: #3c3c3c;
}

.homeblock.item9 .homeblock-content {
    padding-top: 8px;
}

.homeblock.item12 .homeblock-content {
    padding: 12px 20px 4px;
}

.homeblock h3 {
    font-weight: 300 !important;
    margin-top: 10px;
}

.titre_gros h3 {
    font-size: 40px;
}

.homeblock h4 {
    font-weight: 300 !important;
    margin-top: 10px;
    font-size: 20px;
}

/* Blocks customisés via les modules */
.homeblock.imageauto {
    background: rgb(60, 60, 60);
}

.homeblock.imageauto a {
    color: #FFF;
}

.homeblock.imageauto a:hover, .homeblock.imageauto .active a {
    color: #4595da;
}

/* Blocks Agenda */

.homeblock-content .agenda {
    padding: 0;
}

/* Etude de cas */

.article .homeblock-content {
    padding: 0;
    bottom: 0;
}

.article .homeblock-content .homeblock-category {
    background: rgba(0, 124, 196, 0.9);
    color: #FFF;
    font-weight: 300 !important;
    font-size: 24px;
    padding: 16px 20px;
    width: 54%;
}


.article .homeblock-content .homeblock-introtext {
    background: rgba(0, 124, 196, 0.9) url(../images/plus.png) no-repeat 300px 50%;
    position: absolute;
    bottom: 0;
    padding: 10px 65px 10px 20px;
}

.home-fr-industry .article .homeblock-content .homeblock-introtext {
    background: rgba(232, 138, 0, 0.8) url(../images/plus.png) no-repeat 300px 50%;
}

.home-fr-industry .article .homeblock-content .homeblock-category {
    background: rgba(232, 138, 0, 0.8);
}


.article .homeblock-content .homeblock-introtext p {
    font-size: 1.35rem;
}


.article .homeblock-content .plus {
    background: none;
}

/* RESPONSIVE
*********************************************/
@media screen and (max-width: 640px) {
    body.index .homeblock-list {
        display: block;
        grid-template-columns: none;
        max-width: 100%;
        width: 100%;

    }

    .index .homeblock-list .homeblock-item-content > *:not(p),
    .index .homeblock-list .homeblock-item-content > *:not(p) .article-is-bg,
    .homeblock-item-content iframe {
        min-height: 300px;
    }

    .homeblock-item .atom_twitter_feeds {
        margin: auto;
    }

    .homeblock-list .homeblock_item_agenda {
        grid-column-start: unset;
        grid-column-end: unset;
    }


}


@media screen and (min-width: 641px) and (max-width: 840px ) {
    body.index .homeblock-list {
        grid-template-columns: repeat(2, 1fr);
        max-width: 100%;
        width: 100%;

    }

    .homeblock-list .homeblock_item_agenda {
        grid-column-start: unset;
        grid-column: 1/span 2;
    }

    .index .atom_twitter_feeds {
        margin: auto;
    }

    .index .homeblock-list .homeblock-item-content > *:not(p),
    .index .homeblock-list .homeblock-item-content > *:not(p) .article-is-bg,
    .homeblock-item-content iframe {
        min-height: 300px;
    }

    .index .homeblock-list .calendarview {
        background-image: none;
    }


}

@media screen and (min-width: 841px) and (max-width: 1224px ) {

    body.index .homeblock-list {
        grid-template-columns: repeat(3, 1fr);
        max-width: 100%;
        width: 100%;
    }

    .homeblock_item_agenda {
        grid-column: 1 / span 2;
        order: -1;
    }

    .index .homeblock-list .calendarview {
        background-image: none;
    }
}


@media only screen and (max-width: 1562px) {
    .news h3 {
        margin-bottom: 17px;
    }

    .industry .news h3 {
        margin-bottom: 21px;
    }

}

@media only screen and (max-width: 1378px) {
    .news h3 {
        margin-bottom: 18px;
    }

    .industry .news h3 {
        margin-bottom: 22px;
    }
}

@media only screen and (max-width: 1312px) {
    .industry .news h3 {
        margin-bottom: 23px;
    }
}

@media only screen and (max-width: 1227px) {
    .industry .news h3 {
        margin-bottom: 20px;
    }
}

@media only screen and (max-width: 1180px) {
    .article .homeblock-content .homeblock-category {
        width: 60%;
    }
}

@media only screen and (max-width: 1176px) {
    .industry .news h3 {
        margin-bottom: 21px;
    }
}

@media only screen and (max-width: 1076px) {
    .industry .news h3 {
        margin-bottom: 22px;
    }
}

@media only screen and (max-width: 1026px) {
    .news h3 {
        margin-bottom: 19px;
    }

    .industry .news h3 {
        margin-bottom: 23px;
    }
}

@media only screen and (max-width: 991px) {
    .news h3 {
        margin-bottom: 16px;
    }

    .industry .news h3 {
        margin-bottom: 20px;
    }
}

@media only screen and (max-width: 811px) {
    .news h3 {
        margin-bottom: 17px;
    }

    .industry .news h3 {
        margin-bottom: 21px;
    }
}

/* Small devices (tablets, 768px and up) */
@media (max-width: 768px) {
    .homeblock-content .plus {
        background: none;
    }
}

@media (max-width: 500px) {
    .home-fr-industry .article .homeblock-content .homeblock-introtext {
        background: rgba(232, 138, 0, 0.8) url(../images/plus.png) no-repeat 98% 50%;
    }
}


@media (max-width: 400px) {
    .article .homeblock-content .homeblock-introtext {
        background: rgba(0, 124, 196, 0.9) url(../images/plus.png) no-repeat 280px 37px;
    }
}