@import url("https://use.typekit.net/qad3vao.css");
.bk-color {
    background:#edeff0;
}
.bk-white {
    background: #fff;
}
/*Meteo icons*/
.meteoBlockIcon {
    padding: 20px;
}

#menu {
    align-items: normal;
}

ul#menu li {
    align-self: flex-end;
}

.is_stuck {
    margin-top: 70px !important;
}

.padAfterPub {
    padding-top: 80px;
}
.dropdown-menu li > a > p {
   padding: 0px 7px 0px 0px;
}
@media only screen and (max-width: 767.98px) {
    .hlogo {
        width: 300px;
        max-width: 75%;
    }

    #menu {
        padding: 0px;
        text-align: center;
        justify-content: center;
    }
    .une-titre-mobile{
        padding-left: 0px !important;
    }

    .mobilee {
        margin-bottom: 20px;
    }

    .mobileActualite {
        margin-bottom: 50px !important;
    }

    .title-photo-mobile {
        font-size: 26px;
    }
}

.meteoBlockIcon img {
    min-height: 55px;
    max-height: 55px;
    min-width: 55px;
}

#weather-header .ID-MeteoIcon {
    width: 40px;
    height: 40px;
}

#page-meteo-content .ID-MeteoIcon {
    width: 55px;
    height: 55px;
}

#page-meteo-content .block4_box_pic {
    align-items: center;
}

    #page-meteo-content .block4_box_pic .ID-MeteoIcon {
        margin-bottom: 0.5rem;
        margin-right: 0.5rem;
    }

/*Fin Meteo icons*/
:root {
    --primary-font: graphie !important;
    --secondary-font: graphie;
}

* {
    font-family: var(--primary-font);
}

body {
    /*font-family: var(--primary-font);*/
}

html {
    /*font-family: var(--primary-font);*/
}

.primary-font {
    font-family: var(--primary-font);
}

.content {
    padding: 0 0 50px 0;
}

.content-padding-top-equiv {
    padding-top: 44px;
}

.content-infodimanche {
    padding: 0 0 44px 0;
}

.margin-t44-infodimanche {
    margin-top: 44px;
}

.margin-t50 {
    margin-top: 50px;
}

.margin-t80-infodimanche {
    margin-bottom: 80px;
}


.categorieTitle::before {
    min-height: 24px;
    min-width: 24px;
    content: "";
    color: inherit;
    background-color: currentColor;
    border-radius: 50%;
    display: inline-block;
    margin-right: 15px;
}

.UneData .categorieTitle {
    font: normal normal graphie 16px/19px Lato;
    padding-left: 0px;
    border-left: none;
    height: 28px;
    display: flex;
    letter-spacing: 0.8px;
    align-items: center;
}

.bigHeaderCategory {
    margin: 0 0 14px 0;
    min-height: 48px;
    padding-left: 0px;
    border-left: none;
}

    .bigHeaderCategory::before {
        min-height: 24px;
        min-width: 24px;
        content: "";
        color: inherit;
        background-color: currentColor;
        border-radius: 50%;
        display: inline-block;
        margin-right: 15px;
    }

.headingCategoryNoBorders::before {
    display: none !important;
}

.smallHeaderCategory::before {
    min-height: 26px;
    min-width: 26px;
    content: "";
    color: inherit;
    background-color: currentColor;
    border-radius: 50%;
    display: inline-block;
    margin-right: 15px;
}
.unes::before {
    min-height: 22px !important;
    min-width: 22px !important;
}
.smallHeaderCategory {
    margin: 0 0 14px 0;
    padding-left: 5px;
    font: normal normal bold 16px/19px var(--primary-font);
    padding-left: 0px;
    border-left: none;
    height: 28px;
    display: flex;
    letter-spacing: 0.8px;
    align-items: center;
}

.header-button .btn {
    border-radius: 30px !important;
}

.NewsCard a {
    color: inherit;
}

@media screen and (min-width: 992px) {
    .newsBlock2 .NewsCard {
        margin-bottom: 0px;
    }
}

.news-title {
    margin-top: 0.25rem;
    margin-bottom: 0.5rem;
}


.separatorLine, .background-video-Bloc.separator-line {
    border-top: 2px solid #E3E3E3;
    margin-bottom: 0px;
}

@media only screen and (min-width: 768px) {
    .hlogo {
        width: 375px;
        margin: 0px;
    }

    .relative-header {
        padding-left: calc((100vw - 1140px)/2);
        padding-right: calc((100vw - 1140px)/2);
    }

        .relative-header .profile-nav {
            margin: 0 !important;
        }

        .relative-header .wrap-center {
            width: 100%;
        }

    #navbarNav .center-menu {
        display: flex;
        justify-content: space-between;
        position: absolute;
        top: calc( 100% - 47px);
        padding-left: calc((100vw - 1140px)/2); /*vw necessaire pour safari*/
        padding-right: calc((100vw - 1140px)/2); /*vw necessaire pour safari*/
        left: 0;
        background-color: #2B2B2B;
    }

    .navbar {
        border-top: none;
        height: 47px; /*compense la postion absolute de #navbarNav*/
        margin-top:0px;
    }

    .navbar-light .navbar-nav .nav-link {
        color: white;
    }

    #sub-navbar-iconID {
        margin-right: 25px;
    }
}

@media only screen and (max-width: 991px) {
    #sub-navbar-iconID {
        display: none;
    }
}


/*SECTION A LA UNE*/

.NewsUneAd {
    margin-bottom: 15px;
}

.NewsUne {
    margin-top: 15px;
}

    .NewsUne .NewsCard {
        height: 100%;
        margin: 0;
    }

    .NewsUne .NewsCardData {
        padding: 20px 10px 30px 0px;
    }

@media screen and (min-width: 992px) {
    .col-une1-text {
        max-width: calc((1/3) * 100% + 9px);
        flex: 0 0 calc((1/3) * 100% + 9px);
    }

    .col-une1-img {
        max-width: calc((2/3) * 100% - 9px);
        flex: 0 0 calc((2/3) * 100% - 9px);
    }
}

@supports ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {
    .col-une1-text {
        background-color: rgba(0,0,0,0.7);
    }
}

.col-une1-text {
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
}

.block-une1-text .title {
    font-size: 30px;
    line-height: 34px;
}

.dateLienUne {
    position: absolute;
    bottom: 0;
}

@media screen and (max-width: 991px) {
    .dateLienUne {
        bottom: 10px;
    }
}

.margin-b15 {
    margin-bottom: 15px;
}

.card-article-description > p {
    font-size: 15px;
}


/*LES PLUS CONSULTES (MORE VIEWS)*/

.more-views-block {
    min-height: 325px;
    width: 100%;
    padding: 0px;
}

.more-views-number {
    position: absolute;
    top: 25px;
    left: 15px;
    color: #CBCBCB;
    font: normal normal bold 70px/36px var(--primary-font);
    letter-spacing: 0.7px;
    opacity: 0.88;
    height: 98px;
}

.more-views-small-card .smallHeaderCategory {
    font: normal normal bold 14px/19px var(--primary-font);
    margin: 0;
}

@supports ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {
    .more-views-data {
        backdrop-filter: blur(5px);
        -webkit-backdrop-filter: blur(5px);
    }
}

.moreViewsTabs {
    font: normal normal bold 16px/19px var(--primary-font);
    flex-basis: 50%;
    justify-content: flex-end;
    text-transform: uppercase;
}

    .moreViewsTabs > .tab {
        cursor: pointer;
        color: #959595;
        transition: color .1s ease, border .1s ease;
    }

        .moreViewsTabs > .tab > span {
            padding: 15px;
            display: block;
        }

.more-views-news-small-center {
    padding: 10px 5px 0px 5px;
    min-height: 290px;
}

@media screen and (max-width: 995px) {
    .more-views-news-small-center {
        padding: 10px 15px 0px 15px;
    }
}

.more-views-small-card {
    bottom: 0px;
}

.activeTab {
    border-bottom: 6px solid #1D1D1D;
    color: #1D1D1D !important;
}


@media screen and (max-width: 768px) {
    .moreViewsTabs {
        display: none;
    }

    #moreViewsToday {
        display: none !important;
    }

    #moreViewsWeek {
        display: flex !important;
    }
}

/*PUBLICITES*/
.add2 .pubHeader {
    margin: 0;
    padding: 11px 0;
    height: auto;
    background: #EDEDED;
    text-transform: uppercase;
    display: none;
}

    .add2 .pubHeader:after {
        margin: 0;
        padding: 0;
        height: 0;
    }

.ad-sidebar .inner-sidebar {
    min-height: 530px;
}

.ad-sidebar .inner-sidebar-noPad {
    min-width: 300px;
    min-height: 250px;
}

.y-side-ad {
    min-width: 300px;
    min-height: 250px;
}

header {
    padding-top: 50px;
}

#navdiv {
    margin-top: 0px !important;
}

    #navdiv:hover #sub-navbar {
        display: flex;
    }


/* Sous menu sticky sur desktop */

#sub-navbar {
    padding-left: calc((100vw - 1140px)/2);
    padding-right: calc((100vw - 1140px)/2);
}

    #sub-navbar > li {
        max-width:initial;
        padding: 0 !important;
        overflow:hidden;
        width: 100%;
    }

    #sub-navbar .md-grid2 {
        justify-content: flex-start;
        padding: 0 !important;
    }

    #sub-navbar .md-grid2 li {
        padding-right: 0px !important;
        margin-left: 5px !important;
        margin-right: 5px !important;
    }

    #sub-navbar a.dropdown-item {
        margin: 5px 0px;
        padding: 3px 0px;
    }

#nous-joindre-button-ID {
    position: absolute;
    right: 10%;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 108px;
    height: 32px;
    background-color: #E31B23;
    opacity: 1;
}

    #nous-joindre-button-ID a {
        font: normal normal bold 14px/17px Graphie;
        letter-spacing: 0px;
        text-decoration: none;
        color: #FFFFFF !important;
    }


/*BLOGUES*/

.titreBlog p {
    margin-bottom: 0;
}

.News-Card-blog {
    height: 100%;
}

.News-Card-blog .NewsCardData .title {
    line-height: 25px;
}
.blogue-row {
    min-height: 377px;
}
.blogue-card-wrapper{
    height: 250px;
}
.NewsCardData .title {
    font: normal normal 500 20px/25px var(--primary-font);
}

.dateBlog {
    /*min-height: 70px;*/
    margin-top: auto;
}

    .dateBlog p {
        margin: 0;
    }

@media screen and (max-width: 992px) {
    .dateBlog {
        margin-bottom: 1.2rem;
    }
}

/*****active le hover de actualite*/
#sub-navbar:not(.sticky) {
    display: none;
}

@media (max-width: 463px) { /*tuning special pour que ces bouton aillent une bonne taille sur mobile 320*/
    .btn-actualite3 {
        padding-right: 25px;
        padding-left: 15px;
        background-position: right 10px bottom 50% !important;
        margin-bottom: 10px;
    }
}

.nav-item2:hover #sub-navbar, .show #sub-navbar {
    display: flex;
}

.sub-menu {
    background-color: #E31B23;
}

#navbarNav a:hover {
    color: #000000;
}

.nav-link {
    font: normal normal bold 13px/16px Graphie !important;
}

.navbar-expand-pt .navbar-nav .nav-link {
    height: 50px;
    display: flex;
    align-items: center;
}

#navbarNav ul li {
    padding-bottom: 0px;
    vertical-align: middle;
}

#navbarNav a:hover, #navbarNav a:hover span, #extra > span.plus-extra.give-ml {
    color: #A1A1A1 !important;
}

.nav-link.is-active span {
    position: relative;
    top: 4px;
}

/* menu extra special */
.extra-menu .sub-menu {
    background-color: #A1A1A1;
}

.extra-menu .sub-link {
    color: #000000 !important;
}

#navbarNav .extra-menu .sub-menu a:hover, #navbarNav .extra-menu .sub-menu a:hover span {
    color: #000000 !important;
}

#navbarNav .extra-menu li.sub-menu-row-title {
    -webkit-border-top-right-radius: 15px;
    -webkit-border-bottom-right-radius: 15px;
    -moz-border-radius-topright: 15px;
    -moz-border-radius-bottomright: 15px;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
}

.sub-menu-row-title {
    position: relative;
}

    .sub-menu-row-title img {
        position: absolute;
        left: 8px;
        top: 0;
        bottom: 0;
        margin: auto;
    }

#navbarNav .extra-menu li.sub-menu-row-title.odd, #navbarNav .extra-menu li.sub-menu-row-title.odd img {
    background-color: #2B2B2B !important;
}

#navbarNav .extra-menu li.sub-menu-row-title.even, #navbarNav .extra-menu li.sub-menu-row-title.even img {
    background-color: #E31B23 !important;
}

#navbarNav .extra-menu li.sub-menu-row-title {
    -webkit-border-top-left-radius: 15px;
    -webkit-border-bottom-left-radius: 15px;
    -moz-border-radius-topleft: 15px;
    -moz-border-radius-bottomleft: 15px;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
    padding: 0px 12px 0px 12px !important;
    min-width:140px;
}

    #navbarNav .extra-menu li.sub-menu-row-title img {
        transform: rotate(180deg);
    }

#navbarNav .extra-menu .sub-menu-separator {
    background-color: #2B2B2B;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    display: block;
    border: none;
}

.extra-menu .sub-menu2 > li > ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-end;
    padding-right: 16% !important;
}

.extra-menu .sub-menu2 > li > ul {
    padding-right: 5% !important;
}

@media only screen and (min-width: 1200px) {
    .extra-menu .sub-menu2 > li > ul {
        padding-right: 16% !important;
    }
}

/*Fin menu extra special*/

.sub-menu-separator {
    display: none;
}

.sub-link, .sub-menu-title {
    font: normal normal bold 14px/16px Graphie;
}


#nous-joindre-button-ID {
    display: none;
}

@media only screen and (min-width: 768px) {
    #nous-joindre-button-ID {
        position: absolute;
        right: 10%;
        top: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 108px;
        height: 32px;
        background-color: #E31B23;
        opacity: 1;
    }

        #nous-joindre-button-ID a {
            font: normal normal bold 14px/17px Graphie;
            letter-spacing: 0px;
            text-decoration: none;
            color: #FFFFFF !important;
        }

    .sub-menu-row-title .sub-menu-title {
        background-color: transparent !important;
    }

    .sub-menu-title {
        width: 100%;
        text-align: left;
        margin-left: 8px;
        margin-right: 0px;
    }

    li.sub-menu-title-parent {
        background-color: #2B2B2B !important;
        /* border-radius: 30px; */
        -webkit-border-top-left-radius: 15px;
        -webkit-border-bottom-left-radius: 15px;
        -moz-border-radius-topleft: 15px;
        -moz-border-radius-bottomleft: 15px;
        border-top-left-radius: 15px;
        border-bottom-left-radius: 15px;
        height: 32px;

        padding-right: 0px !important;
        display: flex;
        justify-content: center;
        align-items: center;
        line-height: 1;
        padding-left: 15px !important;
        margin-right: 0 !important;
    }

    li.sub-menu-title-parent p{
        line-height:1;
        margin:0px!important;
    }

        li.sub-menu-title-parent p {
            line-height: 1;
            margin: 0px !important;
        }

    div.sub-menu-title-parent {
        background-color: #FFFFFF !important;
        color: #000000;
        height: 32px;
        position: relative;
        display: flex;
        align-items: center;
        -webkit-border-top-left-radius: 15px;
        -webkit-border-bottom-left-radius: 15px;
        -moz-border-radius-topleft: 15px;
        -moz-border-radius-bottomleft: 15px;
        border-top-left-radius: 15px;
        border-bottom-left-radius: 15px;
        -webkit-border-top-right-radius: 15px;
        -webkit-border-bottom-right-radius: 15px;
        -moz-border-radius-topright: 15px;
        -moz-border-radius-bottomright: 15px;
        border-top-right-radius: 15px;
        border-bottom-right-radius: 15px;
    }

        div.sub-menu-title-parent .sub-menu-title {
            background: #CE092C;
            color: #000000 !important;
        }

    li.sub-menu-title-parent p, .sub-menu-title-parent p, .sub-menu-title-parent img {
        background-color: transparent !important;
    }

    li.sub-menu-arrow-parent, .sub-menu-arrow-parent {
        -webkit-border-top-right-radius: 15px;
        -webkit-border-bottom-right-radius: 15px;
        -moz-border-radius-topright: 15px;
        -moz-border-radius-bottomright: 15px;
        border-top-right-radius: 15px;
        border-bottom-right-radius: 15px;
        background-color: #2B2B2B !important;
        height: 32px;
        margin: 0 20px 0 0 !important;
        /*Sinon la flèche est mal centré*/
        width: 15px;

        display: flex;
        align-items: center;
    }

    .Columns-Menu-wrapper {
        background-color: transparent;
        color: #FFFFFF;
        display: flex;
        justify-content: center;
        justify-content: flex-end;
        padding-right: 6%;
        pointer-events: none;
    }

    .specialpad-ID {
        padding-top: 2rem;
    }

    .Columns-Menu {
        background-color: #2B2B2B;
        color: #FFFFFF;
        display: flex;
        justify-content: center;
        justify-content: flex-end;
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 20px;
        pointer-events: auto;
    }

        .Columns-Menu .sub-menu-arrow {
            position: absolute;
            top: 0;
            bottom: 0;
            margin: auto;
            right: 10px;
        }

    .sub-menu2 {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .StandardMenuSeparator {
        height: 5px;
        width: 100%;
    }

    .dropdown-menu.sub-menu > li {
        max-width: calc(100vw - 20px);
        overflow: auto;
    }

    .dropdown-menu.sub-menu > li {
        -ms-overflow-style: none; /* IE and Edge */
        scrollbar-width: thin; /* Firefox */
    }

        .dropdown-menu.sub-menu > li::-webkit-scrollbar {
            height: 3px;
            background-color: transparent;
            border: none;
        }

        .dropdown-menu.sub-menu > li::-webkit-scrollbar-thumb {
            background-color: #aaa;
            border-radius: 10px;
        }

    .dropdown-menu.sub-menu > li::-webkit-scrollbar-thumb:hover, .dropdown-menu.sub-menu > li::-webkit-scrollbar-thumb:active {
        background: #aaa;
    }

    .extra-menu .sub-menu2 {
        padding-top:4px;
        padding-bottom:4px;
    }

    .wrapper-rabais-choc{
        margin:0px;
        padding:0px;
    }

    .extra-menu .sub-link, .extra-menu .sub-menu-title {
        font: normal normal bold 14px/4px Graphie;
    }
}


    #temperature-icon {
        /*margin: 15px;*/
    }

.meteo-actuellement {
    font-weight: bold;
}

.logo-box {
    order: 1 !important;
    padding-top: 0px;
    z-index: 1; /*Pour être par dessus la div de l'icone météo*/
}

#header-date-ID {
    order: 2 !important;
    line-height: 1;
    margin-bottom: 15px;
}

.temperature {
    line-height: 1;
    margin-bottom: 12px;
    font: normal normal bold 18px/19px var(--secondary-font);
}

    .dropdown-toggle.is-active{
        border-bottom: 8px solid #E31B23;
    }

    @media only screen and (max-width: 767.98px) {
        .is-active-vm {
            border-left: 8px solid #E31B23;
        }

        .dropdown-toggle.is-active {
            border-bottom: none;
        }

        #weather-header {
            top: 10px; /*Un plus 15px est dans le style de l'icon*/
        }
        .blogue-card-wrapper {
            height:initial;
        }
    }

    @media only screen and (min-width: 768px) {
        #header-date-ID {
            margin-bottom: 23px;
        }

        #neomedia-profil-logged {
            margin-bottom: 13px; /*car plus haut que #header-date-ID*/
        }

        .btn-profile {
            margin-bottom: 23px;
        }

        #weather-header {
            margin-bottom: 10px; /*Un plus 15px est dans le style de l'icon*/
        }
    }

#weather-header {
    order: 3 !important;
    margin-left: 10px;
}

    #neomedia-profil {
        order: 4;
    }
    .ml-40 {
        margin-left:40px;
    }
.btn-signup-for-comment {
    width: 181px;
    margin-right: 10px;
}

    }
    #neomedia-profil-logged {
        order: 4;
        padding-right: 70px; /*Sinon le menu sort du cadre*/
        z-index:51;/*Minimum pour passer au dessus de la ligne de menu mobile*/

    }

    @media only screen and (max-width: 767.98px) {
        #neomedia-profil-logged {
            position: absolute;
            top: 10px;
            right: 0px;
            padding-right: 0px;
        }
        #neomedia-profil {
            position: absolute;
            top: 11px;
            right: 0px;
            margin-bottom: 0px;
        }
        .logo-box button {
            top: 10px;
        }
        #hLogo{
            max-width:210px;
        }


        .logo-box {
            width: 100%;
        }

        .profile-menu {
            top: 25px;
            padding-top: 0px;
            left: -150px;
        }
        #neomedia-profil-logged .LetterAv {
            width: 25px;
            height: 25px;
            font-size: 11px;
        }

        #neomedia-profil a {
            position: relative;
            top: 2px;
            margin-left: 10px;
        }

        #header-date-ID {
            position: relative;
            top: 54px;
        }

        .headerMeteo-VM {
            top: 44px; /*10 de plus que global header*/
        }        

        .temperature {
            position: relative;
        }

    }

    @media only screen and (max-width: 425px) {
        .specialpad-ID {
            order: -2;
        }

        .search-component-vm {
            order: -1;
            position: relative;
            top: 0;
            right: 0;
            margin-left: 1rem !important;
        }
    }

    #sub-navbar-iconID img, .sub-menu-arrow-li img {
        background-color: transparent;
    }

    .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
        color: #ffff;
    }

    @media only screen and (max-width: 767.98px) {
        .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
            color: #000000;
        }
    }

    .sub-navbar-VM {
        width: 100%;
    }

        .sub-navbar-VM li {
            width: 100%;
        }

    .acceuil-infoDimanche {
        flex-wrap: wrap;
    }

    /**********************************
        Zone partial promo pub videos
****************************************/

    .swiper-promo-video {
        height: 300px;
    }

    @media screen and (min-width: 1200px) {
        .swiper {
            max-height: 400px;
        }
    }

    .swiper-pagination-bullet-active {
        background: #ffffff;
    }

    .swiper-pagination-bullet {
        background: white;
        border: 5px solid white;
    }

    .flex-swiperCustom {
        display: grid;
        grid-template-columns: repeat(auto-fit,minmax(300px,1fr));
    }

    .title-textDesc {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    .video-promVideo {
        height: 400px !important;
    }

    .src-promo-video {
        min-height: 100%;
        object-fit: cover;
    }

    .btn-promosVideos, .btn-promosVideos-vm {
        /*background-color: #3E3E3E;*/
        padding: 0px 40px 0px 25px;
        border: 1px solid #959595;
        border-radius: 30px !important;
    }


    .degrade-promVideos {
        position: absolute;
        width: 42%;
        left: -2px;
        height: 100%;
        background: transparent linear-gradient(270deg, #00000000 9%, #000000 98%) 32% 0% no-repeat padding-box;
    }

    .disablePause-promVideos {
        position: absolute;
        width: 100%;
        height: 100%;
        background: transparent;
    }

    .fa-play-promVideo {
        top: calc(50% - 46px);
        position: absolute;
        left: calc(50% - 46px);
        opacity: .5;
        width: 95px;
        height: 95px;
        font-size: 4em;
    }

    .bottom-border {
        border-bottom: 2px solid #FFFFFF;
        width: 100%;
        margin-top: 0.2rem;
        margin-bottom: 0.2rem;
        /*opacity: 0.25;*/
    }

    .fa-play-promVideo::before {
        position: absolute;
        top: 21px;
        left: 20px;
    }

    .header-btn-promoVideos, .header-btn-promoVideos-vm {
        padding-bottom: 15px !important;
    }

    .index-promoVideos {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        align-items: baseline;
        width: 100%
    }

    .desc-videoPromo {
        font: normal normal bold 22px/26px var(--primary-font);
        letter-spacing: 0px;
        color: #FFFFFF;
        opacity: 1;
    }

    .font-date-videoProm {
        font: normal normal bold 14px/17px var(--secondary-font);
        letter-spacing: 0px;
        color: #919191;
        opacity: 1;
    }

    .background-Pubvideo-Bloc {
        background: #000000;
    }

    .bigHeaderCategory::before {
        content: none;
    }

    .font-subTitle {
        font: normal normal normal 18px/26px var(--secondary-font);
        letter-spacing: 0px;
        color: #FFFFFF;
        opacity: 1;
    }

    @media only screen and (min-width:768px) {
        .position-calc {
            padding-left: calc((100vw - 100%) /2);
            width: calc(48vw - ((100vw - 100%)/2));
            /*width: calc(50vw - ((100vw - 100%)/2));*/
        }

        .src-promo-video {
            position: absolute;
            right: 0;
            left: 0;
            width: 100%;
            bottom: 50%;
            transform: translateY(50%);
            z-index: -1;
        }

        .hide-promo-image {
            display:none;
        }
    }
    /*mettre 767.98 pour qu'il ne soit pas vide a 768px a cause des d-sm-none*/
    @media only screen and (max-width:767.98px) {
        .flex-swiperCustom {
            display: grid;
            grid-template-columns: 1fr;
            grid-template-rows: auto auto auto;
        }

        .hide-desc-Vm {
            display: none;
        }

        .hide-desc-DT {
            padding-bottom: 25px;
        }

        hr {
            margin: 0;
            bottom: 0;
        }


        .marginSeparatorInfodimanche, .separator-line {
            margin-top: 10px !important;
        }


        .sond {
            margin-bottom: 10px;
        }

        .position-calc {
            /*padding-left: initial;*/
            width: initial;
        }

        .separator-linePhotos {
            margin-top: 10px;
        }

        .btn-promosVideos {
            display: none;
        }

        .btn-promosVideos-vm {
            padding: 0 50px 0 15px;
        }

        .video-promVideo {
            margin: 0 auto;
            width: 100%;
        }

        .degrade-promVideos {
            background: none
        }

        .pos-width {
            width: 100%;
        }

        .bigHeaderCategory-vm {
            justify-content: space-around;
            flex-direction: column;
        }

        .desc-videoPromo {
            padding-left: 20px;
        }

            .desc-videoPromo > p {
                margin-bottom: 0.5rem;
            }

        .header-btn-promoVideos-vm {
            padding-bottom: 10px !important;
        }

        .src-promo-video {
            height: 100%;
            width: 100%;
        }
    }



    /*Meteo (Temporaire pour la mise en ligne)*/


    .box p, .box h3 {
        color: silver;
    }

    .box_white {
        background: white;
    }
    /* END EXTRAS FOR DEMO */


    /* ICONS */

    .mist_left, .mist_right {
        background: white;
    }

        .mist_left:before, .mist_right:before, .mist_left:after, .mist_right:after {
            background: white;
        }

    .cloud {
        background: currentColor;
        box-shadow: -2.1875em 0.6875em 0 -0.6875em, 2.0625em 0.9375em 0 -0.9375em, 0 0 0 0.375em #fff, -2.1875em 0.6875em 0 -0.3125em #fff, 2.0625em 0.9375em 0 -0.5625em #fff;
    }

        .cloud svg path {
            stroke: #FFFFFF;
        }

        .cloud:after {
            background: currentColor;
            box-shadow: 0 0.4375em 0 -0.0625em #fff;
        }

        .cloud:nth-child(2) {
            background: #fff;
            box-shadow: -2.1875em 0.6875em 0 -0.6875em #fff, 2.0625em 0.9375em 0 -0.9375em #fff, 0 0 0 0.375em #fff, -2.1875em 0.6875em 0 -0.3125em #fff, 2.0625em 0.9375em 0 -0.5625em #fff;
        }

            .cloud:nth-child(2):after {
                background: white;
            }

    .sun {
        box-shadow: 0 0 0 0.375em #ffff00;
    }

    .rays {
        background: #ffff00;
        box-shadow: 0 5.375em #ffff00;
    }

        .rays:before,
        .rays:after {
            background: #ffff00;
            box-shadow: 0 5.375em #ffff00;
        }


    .rain:after {
        background: #0cf;
        box-shadow: 0.625em 0.875em 0 -0.125em rgba(255,255,255,0.2), -0.875em 1.125em 0 -0.125em rgba(255,255,255,0.2), -1.375em -0.125em 0 rgba(255,255,255,0.2);
    }

    .rain.rain_half:after {
        box-shadow:
        /*0.625em 0.875em 0 -0.125em rgba(255,255,255,0.2),
        -0.875em 1.125em 0 -0.125em rgba(255,255,255,0.2),*/
        -1.375em -0.125em 0 rgba(255,255,255,0.2);
    }


    .bolt {
        color: #fff;
        opacity: 0.3;
    }

    .flake:before,
    .flake:after {
        color: #fff;
        list-height: 1em;
        opacity: 0.2;
    }

    .dots:before,
    .dots:after {
        background: white;
    }


    /* WHITE */
    .box_white {
        color: white;
    }

        .box_white .cloud {
            box-shadow: -2.1875em .6875em 0 -0.6875em,2.0625em .9375em 0 -0.9375em,0 0 0 .375em #E31B23,-2.1875em .6875em 0 -0.3125em #E31B23,2.0625em .9375em 0 -0.5625em #E31B23;
        }

            .box_white .cloud::after {
                box-shadow: 0 .4375em 0 -0.0625em #E31B23;
            }

            .box_white .cloud:nth-child(2) {
                background: #E31B23;
                box-shadow: -2.1875em .6875em 0 -0.6875em #E31B23,2.0625em .9375em 0 -0.9375em #E31B23,0 0 0 .375em #E31B23,-2.1875em .6875em 0 -0.3125em #E31B23,2.0625em .9375em 0 -0.5625em #E31B23;
            }

    .cloud:nth-child(2)::after {
        background: #E31B23;
    }

    .box_white .flake::before, .box_white .flake::after {
        color: #555;
    }

    .box_white .tornado span {
        background: #E31B23;
    }

    .box_white .bolt {
        color: #E31B23;
    }

    .box_white .bolt {
        animation: lightning_white 2s linear infinite;
    }

        .box_white .bolt:nth-child(2) {
            animation: lightning_white 1.5s linear infinite;
        }

    .box_white .mist_left, .box_white .mist_right,
    .box_white .mist_left:before, .box_white .mist_right:before,
    .box_white .mist_left:after, .box_white .mist_right:after {
        background: #E31B23;
    }

    .box_white .dots::before, .box_white .dots::after {
        background: #555;
    }







    /* Animations */

    @keyframes rain {
        0% {
            background: #0cf;
            box-shadow: 0.625em 0.875em 0 -0.125em rgba(255,255,255,0.2), -0.875em 1.125em 0 -0.125em rgba(255,255,255,0.2), -1.375em -0.125em 0 #0cf;
        }

        25% {
            box-shadow: 0.625em 0.875em 0 -0.125em rgba(255,255,255,0.2), -0.875em 1.125em 0 -0.125em #0cf, -1.375em -0.125em 0 rgba(255,255,255,0.2);
        }

        50% {
            background: rgba(255,255,255,0.3);
            box-shadow: 0.625em 0.875em 0 -0.125em #0cf, -0.875em 1.125em 0 -0.125em rgba(255,255,255,0.2), -1.375em -0.125em 0 rgba(255,255,255,0.2);
        }

        100% {
            box-shadow: 0.625em 0.875em 0 -0.125em rgba(255,255,255,0.2), -0.875em 1.125em 0 -0.125em rgba(255,255,255,0.2), -1.375em -0.125em 0 #0cf;
        }
    }

    @keyframes rain_half {
        0% {
            background: #0cf;
            box-shadow:
            /*0.625em 0.875em 0 -0.125em rgba(255,255,255,0.2),
            -0.875em 1.125em 0 -0.125em rgba(255,255,255,0.2),*/
            -1.375em -0.125em 0 #0cf;
        }

        25% {
            box-shadow:
            /*0.625em 0.875em 0 -0.125em rgba(255,255,255,0.2),
            -0.875em 1.125em 0 -0.125em #0cf,*/
            -1.375em -0.125em 0 rgba(255,255,255,0.2);
        }

        50% {
            background: rgba(255,255,255,0.3);
            box-shadow:
            /*0.625em 0.875em 0 -0.125em #0cf,
            -0.875em 1.125em 0 -0.125em rgba(255,255,255,0.2),*/
            -1.375em -0.125em 0 rgba(255,255,255,0.2);
        }

        100% {
            box-shadow:
            /*0.625em 0.875em 0 -0.125em rgba(255,255,255,0.2),
            -0.875em 1.125em 0 -0.125em rgba(255,255,255,0.2),*/
            -1.375em -0.125em 0 #0cf;
        }
    }

    @keyframes lightning {
        45% {
            color: #fff;
            background: #fff;
            opacity: 0.2;
        }

        50% {
            color: #ffff00;
            background: #ffff00;
            opacity: 1;
        }

        55% {
            color: #fff;
            background: #fff;
            opacity: 0.2;
        }
    }

    @keyframes lightning_white {
        45% {
            color: #999;
            background: #999;
            opacity: 0.2;
        }

        50% {
            color: #E31B23;
            background: #E31B23;
            opacity: 1;
        }

        55% {
            color: #999;
            background: #999;
            opacity: 0.2;
        }
    }
    /* tornado */
    .tornado span {
        background: white;
        opacity: .6;
    }



    .HeaderMeteoIcon .icon {
        color: white;
    }
    /*Fin de taille par zone*/

    /*Ajustement de certainne couleur par zone*/
    .HeaderMeteoIcon, .HeaderMeteoIcon:hover {
        color: #800000;
    }

        .HeaderMeteoIcon .icon {
            color: #D30000;
        }

            .HeaderMeteoIcon .icon.sunny {
                color: #FFFFFF;
            }

        .HeaderMeteoIcon .cloud:nth-child(2):after, #page-meteo-content .cloud:nth-child(2):after {
            background: currentColor;
        }

        .HeaderMeteoIcon .blackcloud .cloud, #page-meteo-content .blackcloud .cloud {
            box-shadow: -2.1875em 0.6875em 0 -0.6875em, 2.0625em 0.9375em 0 -0.9375em,
            /*
                0 0 0 0.375em #000, 
                -2.1875em 0.6875em 0 -0.3125em #000, 
                2.0625em 0.9375em 0 -0.5625em #000
            */
            0 0 0 0.25em #F00, -2.1875em 0.6875em 0 -0.45em #F00, 2.0625em 0.9375em 0 -0.7em #F00;
        }

            .HeaderMeteoIcon .blackcloud .cloud:after, #page-meteo-content .blackcloud .cloud:after {
                /*box-shadow: 0 0.4375em 0 -0.0625em #000000;*/
                box-shadow: 0 0.4375em 0 -0.2em #F00;
            }

            .HeaderMeteoIcon .blackcloud .cloud svg path {
                stroke: #F00;
            }

        .HeaderMeteoIcon .cloud, #page-meteo-content .cloud {
            box-shadow: -2.1875em 0.6875em 0 -0.6875em, 2.0625em 0.9375em 0 -0.9375em,
            /*
            0 0 0 0.375em #000, 
            -2.1875em 0.6875em 0 -0.3125em #000, 
            2.0625em 0.9375em 0 -0.5625em #000
        */
            0 0 0 0.25em #E31B23, -2.1875em 0.6875em 0 -0.45em #E31B23, 2.0625em 0.9375em 0 -0.7em #E31B23;
        }

            .HeaderMeteoIcon .cloud:after, #page-meteo-content .cloud:after {
                /*box-shadow: 0 0.4375em 0 -0.0625em #000000;*/
                box-shadow: 0 0.4375em 0 -0.2em #E31B23;
            }

            .HeaderMeteoIcon .cloud svg path {
                stroke: #E31B23;
            }


    #page-meteo-content .icon {
        color: #D30000;
    }

    #page-meteo-content .icon {
        color: #D30000;
    }

        #page-meteo-content .icon.sunny {
            color: #FFFFFF;
        }


    #page-meteo-content .sun {
        background: #fd0000;
        box-shadow: 0 0 0 0.375em #fd0000;
    }

    #page-meteo-content .rays {
        background: #fd0000;
        box-shadow: 0 5.375em #fd0000;
    }

        #page-meteo-content .rays:before, #page-meteo-content .rays:after {
            background: #fd0000;
            box-shadow: 0 5.375em #fd0000;
        }

    .HeaderMeteoIcon .sun {
        background: #fd0000;
        box-shadow: 0 0 0 0.375em #fd0000;
    }

    .HeaderMeteoIcon .rays {
        background: #fd0000;
        box-shadow: 0 5.375em #fd0000;
    }

        .HeaderMeteoIcon .rays:before, .HeaderMeteoIcon .rays:after {
            background: #fd0000;
            box-shadow: 0 5.375em #fd0000;
        }


    .HeaderMeteoIcon .dots:before, #page-meteo-content .dots:before,
    .HeaderMeteoIcon .dots:after, #page-meteo-content .dots:after {
        background: #00ccff;
    }


    .HeaderMeteoIcon .bolt, #page-meteo-content .bolt {
        color: #E31B23;
    }

    @keyframes lightningWhiteBackground {
        45% {
            color: #fff;
            background: #fff;
            opacity: 0.2;
        }

        50% {
            color: #fd0000;
            background: #fd0000;
            opacity: 1;
        }

        55% {
            color: #fff;
            background: #fff;
            opacity: 0.2;
        }
    }

    .HeaderMeteoIcon .flake:before, #page-meteo-content .flake:before,
    .HeaderMeteoIcon .flake:after, #page-meteo-content .flake:after {
        color: #308DC9;
        opacity: 0.8;
    }


    .HeaderMeteoIcon .mist_left, .HeaderMeteoIcon .mist_right,
    #page-meteo-content .mist_left, #page-meteo-content .mist_right {
        background: #E31B23;
    }

        .HeaderMeteoIcon .mist_left:before, .HeaderMeteoIcon .mist_right:before,
        .HeaderMeteoIcon .mist_left:after, .HeaderMeteoIcon .mist_right:after,
        #page-meteo-content .mist_left:before, #page-meteo-content .mist_right:before,
        #page-meteo-content .mist_left:after, #page-meteo-content .mist_right:after {
            background: #E31B23;
        }

    .HeaderMeteoIcon .tornado span, #page-meteo-content .tornado span {
        background: #E31B23;
    }

    /*Fin ajustement de certainne couleur par zone*/

    /*Fin Meteo*/


    .bigHeaderCategory > h2,
    .bigHeaderCategory > h2 span,
    .bigHeaderCategory > h2 a {
        font: normal normal bold 32px var(--primary-font);
        text-transform: none;
    }

    /*border bottom pour _HighlightedCategoryMore-v2 dans /home/index-v2 */

    .borderBottom-highLighted {
        border-bottom: 2px solid #C7C7C7;
        opacity: 1;
        margin: 30px 15px 30px 15px;
    }

    /*css :highlighted More*/
    .mySwiperAndControls {
        position: relative;
    }

    .mySwiper,.mySwiper24h, .mySwiperNational {
        position: relative;
        overflow: hidden;
    }

    .swiper-button-next, .swiper-rtl .swiper-button-prev {
        right: -50px !important;
    }

    .swiper-button-next {
        width: 50px
    }

    .swiper-button-prev, .swiper-button-next {
        border-radius: 50%;
        background: #919191;
        width: 40px !important;
        height: 40px !important;
        box-shadow: 0 0 10px rgb(0 0 0 / 25%);
    }

        .swiper-button-prev:after, .swiper-button-next:after {
            font-size: 18px !important;
            color: white;
        }

    .swiper-button-prev, .swiper-rtl .swiper-button-next {
        left: -50px !important;
    }

    .swipercard-image {
        position: absolute;
        width: 100%;
        height: 275px;
        object-fit: cover;
    }

    .swipercard {
        height: 275px;
        display: flex;
        justify-content: end;
        align-items: flex-end;
    }

    .swipercard-text {
        background-color: rgba(0,0,0,.4);
        z-index: 1;
        color: white;
        padding: 20px;
        width: 100%;
        font: normal normal bold 20px/22px var(--primary-font);
        margin-left: 40px;
        height: 100px;
    }

    .swiper-pagination-bullet {
        border: 5px solid #FFF !important;
    }

    .date-swiper {
        bottom: 20px;
        position: absolute;
    }

    @media only screen and (max-width:820px) {
        .swipercard-text {
            margin-left: 0px;
            width: 85%;
        }
    }
@media only screen and (min-width:992px) and (max-width:1260px) {
    .swiper-button-next, .swiper-button-prev {
        display: none !important;
    }
}

    @media only screen and (min-width:768px) and (max-width:820px) {
        .swiper-button-next, .swiper-button-prev {
            display: none !important;
        }
    }

    @media only screen and (max-width:645px) {
        .swiper-button-next, .swiper-button-prev {
            display: none !important;
        }
    }

    @media only screen and (min-width:769px) {
        .swiper-pagination {
            display: none;
        }

        .date-swiper {
            bottom: 0;
        }
    }
    /*==== Sondage ====*/

    .sond-bloc {
        min-height: initial !important;
        margin-bottom: 0px;
    }

    .sondage_box {
        padding: 20px;
        padding-left: 0px;
    }


        .sondage_box p {
            width: 100%;
        }

    .sondage_box {
        display: flex;
        flex-wrap: wrap;
    }

    .sondage_title {
        font: normal normal bold 26px/30px var(--primary-font);
    }

    .btn-arrow.btn-red {
        background-image: url(/assets/images/white-right-arrow.svg) !important;
    }

    .btn-sondage[type='submit'] {
        border-radius: 30px !important;
        text-transform: uppercase;
    }

    #resulthideshow {
        min-height: initial !important;
        padding-bottom: 1.2em;
    }

        #resulthideshow .sondage-container {
            padding-bottom: 0px;
        }

        #resulthideshow .sondage_title {
        }

    .NewsCardData .author {
        text-align: left;
        font: normal normal bold 22px/26px var(--primary-font);
        letter-spacing: 0px;
        color: #E31B23;
        opacity: 1;
    }
.sondage-list{
    padding: 0;
}
.sondage-list li a {
    line-height: 35px;
    font-size: 16.5px;
}
.survey-year-dropdown {
    width: 85px;
    height: 30px;
    float: right;
    font-size: 16.5px;
}

    /*==== SECTION CATEGORIES (index) ====*/

    .dot {
        min-height: 24px;
        min-width: 24px;
        content: "";
        color: inherit;
        background-color: currentColor;
        margin: 0 10px -4px;
    }


    .cat-title {
        font: normal normal bold 21px/28px var(--primary-font);
        color: #2C2C2C;
    }

    .separatorLine-7 {
        border-top: 7px solid #C7C7C7;
        opacity: 1;
    }

    .NewsCardData .date {
        font: normal normal bold 15px/24px var(--primary-font);
        color: #5C5C5C;
    }

.NewsCardData .title {
    font: normal normal 500 18px/26px var(--primary-font);
    font-weight: bold;
    padding-top: 7px;
}

    .NewsCardList .date {
        font: normal normal bold 12px/24px var(--primary-font);
        color: #5C5C5C;
        padding: 0;
        margin: 0;
    }

    .mt-2 {
        padding: 0;
        margin-top: 0 !important;
        border-collapse: collapse;
    }

    .gridCard {
        display: grid;
        grid-template-columns: auto;
        grid-template-rows: minmax(80px, max-content) auto 1fr;
    }

        .gridCard .NewsCardData {
            padding: 0;
        }

    @media screen and (max-width: 768px) {
        .gridCard .NewsCardData {
            padding-top: 15px;
        }
    }
    /*==== Emplois ====*/

.style-town {
    font: normal normal normal 16.5px/26px var(--primary-font);
    line-height: 26px;
}
.sChampstitle {
    font: normal normal normal 16.5px/28px var(--secondary-font);
    line-height: 26px;
}
.sChampsEmploi {
    font: normal normal normal 16.5px/28px var(--secondary-font);
    line-height: 26px;
}
#DescEmploi.font-default {
    font: normal normal normal 16.5px/28px var(--secondary-font) !important;
    line-height: 26px !important;
}
.champs-Postuler {
    font: normal normal normal 16.5px/28px var(--secondary-font);
    line-height: 26px;
}

/*==== FOOTER ====*/
footer {
    background: linear-gradient(to bottom, #d5d5d5 0%, #999999 100%); /* #cecece;*/
    color: #000;
    height: 395px;
}

    @media only screen and (max-width:400px) {
        footer .container {
            width: 100%;
            padding-left: 0px;
            padding-right: 0px;
        }

        .linksEntreprise {
            padding-left: 5px;
            padding-right: 5px;
        }
    }

    .footer-main-row {
        justify-content: space-between;
        margin-top: 35px;
    }

    .social-links {
        overflow-x: hidden;
        white-space: nowrap;
        height: 26px;
        width: 100%;
        padding: 0px;
    }

    .links {
        text-align: left;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        flex-wrap: wrap;
    }


    .linksEntreprise,
    .linksSections {
        border-left: 1px solid #2B2B2B;
    }

        .linksEntreprise li,
        .linksSections li {
            line-height: 2;
        }


    footer ul li a {
        text-align: left;
        font: normal normal normal 14px/42px var(--primary-font);
        letter-spacing: 0px;
        color: #2B2B2B;
        line-height: 1.6;
    }

        footer ul li a:hover {
            text-decoration: none;
        }

    .footer-subtitle {
        font: normal normal bold 16px/24px var(--primary-font);
        margin-bottom: 10px;
    }

    .abonnementInfolettre {
        text-align: center;
    }

    .courrielInfolettre {
        width: 100%;
        background: #464646;
        border-radius: 30px;
        display: flex;
        align-items: center;
        font: normal normal bold 14px/42px var(--primary-font);
        margin-bottom: 10px;
    }

        .courrielInfolettre > * {
            border: none;
            color: white;
        }

        .courrielInfolettre > input[type="text"] {
            background: #464646;
            margin-left: 10px;
            width: 70%;
        }

            .courrielInfolettre > input[type="text"]:focus {
                outline: none;
            }

            .courrielInfolettre > input[type="text"]::placeholder {
                color: white;
            }

        .courrielInfolettre > button[type="submit"] {
            background: #E31B23;
            border-radius: 30px;
            font-weight: 600;
            margin: 0;
            padding-left: 10px;
            padding-right: 10px;
            cursor: pointer;
        }

    .footer-logo {
        background: #000;
        text-align: left;
        padding-left: 24px;
    }

    .footer-separator {
        margin-top: 1.5em;
        border-bottom: 1px solid #2B2B2B;
    }

    .copyright {
        text-align: left;
        margin-top: 14px;
        font: normal normal normal 14px/13px var(--secondary-font);
    }

    .legal {
        text-align: right;
        margin-top: 14px;
        font: normal normal normal 14px/13px var(--secondary-font);
    }

        .legal span {
            padding-left: 10px;
            padding-right: 10px;
        }

    .links li:first-child {
        font-size: 11px;
        font-weight: bold;
    }

    .pad-extra {
        padding: 7px;
    }

    .position-plus {
        margin: 0px 0px 0px 5px;
        font-size: 16px;
    }

    /***---------- FOOTER : repositionnment et ajout image gouvernement 07-04-22 ----------------------***/
    .footer-info {
        display: grid;
        grid-template-columns: repeat(2,minmax(150px,1fr));
    }

    .logo-area {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
    }

    .footer-img-ul {
        display: flex;
    }

    @media only screen and (max-width:768px) {
        .replace-logo {
            padding-left: 0px;
        }

        footer {
            height: 555px;
        }

            footer ul {
                padding-left: 0px;
            }

        .abonnementInfolettre {
            margin-top: 20px;
        }

            .abonnementInfolettre form {
                width: 70%;
                margin: 0 auto;
            }

        .legal .separator {
            display: none;
        }

        .legal p {
            display: flex;
            flex-direction: column;
        }
    }

    .logoSpace {
        margin-bottom: 50px;
    }

    /*enleve legend heigt sur les pubs*/
    .a-top-ad {
        min-height: 300px;
    }

    .centerAd {
        margin: 44px 0;
    }

    /*Class pub infodimanche*/
    .marginPubInfodimanche0 {
        margin: 0 0 0 0 !important;
    }

    .centerAd {
        display: flex;
        justify-content: center;
        margin: 0px 0 50px 0 !important;
    }

    .arrow-container {
        display: flex;
        align-items: center;
    }

    .red-filled-right-arrow {
        width: 0;
        height: 0;
        border-top: 5px solid transparent;
        border-left: 7px solid #db1616;
        border-bottom: 5px solid transparent;
    }

    .white-filled-right-arrow {
        width: 0;
        height: 0;
        border-top: 5px solid transparent;
        border-left: 7px solid #fff;
        border-bottom: 5px solid transparent;
    }

    .bottom-position-link {
        position: relative;
        bottom: 0;
    }
    /*Info video*/
    .btnplay-container {
        position: absolute;
        margin: auto;
        left: 10px;
        bottom: 8px;
        display: block;
        cursor: pointer;
        width: 42px;
        height: 42px
    }
.info-video-date {
    position: absolute;
    bottom: 0;
    font: normal normal bold 15px/17px var(--secondary-font);
}
.info-video-link{
    padding-bottom: 25px;
}
/* avis deces */
@media only screen and (max-width:768px) {
    .decesMobile {
        display: flex !important;
    }
}
.imageDeces {
    width:112px;
    height:150px;
}
.AvisListWrapper .btn, #SemaineAvis .btn {
    border-radius: 30px !important;
}

.avis-text {
    font: normal normal normal 16.5px/26px var(--secondary-font);
}

/* avis deces - detail */
.AvisListWrapper .title,
.AvisListWrapper .name {
    font-family: var(--secondary-font);
}

.AvisListWrapper .textNecro {
    font: normal normal normal 16.5px/26px var(--secondary-font);
}


/*RECOMMANDÉS POUR VOUS*/
.recommandationSection {
    flex-grow: 1;
}

        .recommandationSection .data {
            padding: 30px 30px 30px 0;
        }

    .btn-wrapper .btn {
        border-radius: 30px !important;
    }
    /*Page dans les articles*/
    .title-article {
        margin: -5px 0 15px 0 !important;
    }

.LetterAv {
    background: #E90000 !important;
}

.CommentName {
    font-family: var(--primary-font);
}

.commentText {
    font-size: 16px;
    font-family: var(--primary-font);
    letter-spacing: 0;
}

#navbarNav ul .nav-badge {
    padding-right: 21px !important;
}

.newsListing {
    margin-top: 0px;
}
.newsListing .data {
    padding-top: 0px;
}
.border-date {
    border-bottom: 0px solid #fff;
}
.articleAuteur .photoAuteur:after {
    border: 0px solid #fff;
}
.video-date {
    margin-top:8px;
}
.video-date .date {
    letter-spacing: 0px;
    font-size: 13px;
    font-weight: 600;
}
.VideoItem p {
    margin-top: 5px;
}

/*Actualité Icon*/

.flex_btn_icon {
    margin-top: 16px;
    display: flex;
    justify-content: flex-end;
}

/*Commentaire */

.commentMargin {
    margin-top: 44px;
}
/*Entete accueil*/

.separatorComponent {
    margin-top: 1rem;
}

/*Blogue*/
.left_block_infodimanche p {
    line-height: 26px !important;
    font-size: 16.5px !important;
}

/*Article*/
.sub-title-article {
    color: #D00025;
    margin-left: 0px;
    font-weight: bold;
}