::-webkit-scrollbar {
    width: 8px;
    background-color: #efefef;
}

::-webkit-scrollbar-thumb {
    background-color: black;
    border-radius: 0;
}

::-webkit-scrollbar-thumb:hover {
    background-color: #9b0000;
    border: none;
}

::-webkit-scrollbar-thumb:active {
    background-color: #9b0000;
    border: none;
}

::-webkit-scrollbar-track {
    border: none;
    border-radius: 0;
    -webkit-box-shadow: 0 0 1px gray inset;
}

@font-face {
    font-family: 'bootstrap-icons';
    src: url('https://cdn.jsdelivr.net/npm/bootstrap-icons@1.13.1/font/fonts/bootstrap-icons.woff2') format('woff2'),
        url('https://cdn.jsdelivr.net/npm/bootstrap-icons@1.13.1/font/fonts/bootstrap-icons.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat_b';
    src: url(../assets/fonts/Montserrat/Montserrat-SemiBold.ttf) format('opentype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat_Medium';
    src: url(../assets/fonts/Montserrat/Montserrat-Medium.ttf) format('opentype');
    font-weight: bold;
    font-style: normal;
}

.font-montserrat-medium {
    font-family: Montserrat_Medium;
}

/* 
.font-montserrat-semibold {
    font-family: Montserrat_semib;
} */

.font-montserrat-bold {
    font-family: Montserrat_b;
}

@font-face {
    font-family: 'StagM';
    src: url(../assets/fonts/stag/Stag-Medium.otf) format('opentype'),
        url(../assets/fonts/stag/Stag-Medium.woff) format('woff'),
        url(../assets/fonts/stag/Stag-Medium.ttf) format('truetype');
    font-style: normal;
}

.font-stagM {
    font-family: StagM, Helvetica, Arial, sans-serif;
}

@font-face {
    font-family: 'StagB';
    src: url(../assets/fonts/stag/Stag-Bold.otf) format('opentype'),
        url(../assets/fonts/stag/Stag-Bold.woff) format('woff'),
        url(../assets/fonts/stag/Stag-Bold.ttf) format('truetype');
    font-style: normal;
}

.font-stagB {
    font-family: StagB, Helvetica, Arial, sans-serif;
}

@font-face {
    font-family: 'Merriweather-medium';
    src: url(../assets/fonts/Merriweather/static/Merriweather_120pt-Medium.ttf) format('truetype');
    font-style: normal;
}

.font-merriweather-medium {
    font-family: Merriweather-medium, Helvetica, Arial, sans-serif;
}

@font-face {
    font-family: 'Merriweather';
    src: url(../assets/fonts/Merriweather/Merriweather-VariableFont_opsz,wdth,wght.ttf) format('truetype');
    font-style: normal;
}

.font-merriweather {
    font-family: Merriweather, Helvetica, Arial, sans-serif;
}


/*titre menu principal desctop*/
@font-face {
    font-family: oswald-light;
    src: url(../assets/fonts/face/oswald-light.eot);
    src: url(../assets/fonts/face/oswald-light.eot?#iefix) format('embedded-opentype'),
        url(../assets/fonts/face/oswald-light.svg#oswald-light) format('svg'),
        url(../assets/fonts/face/oswald-light.woff) format('woff'),
        url(../assets/fonts/face/oswald-light.ttf) format('truetype');
    font-weight: 400;
    font-style: normal
}

.font-oswald-light {
    font-family: oswald-light;
}

/**/
/*titre menu top desctop*/
@font-face {
    font-family: oswald-bold;
    src: url(../assets/fonts/face/oswald-bold.eot);
    src: url(../assets/fonts/face/oswald-bold.eot?#iefix) format('embedded-opentype'),
        url(../assets/fonts/face/oswald-bold.svg#oswald-bold) format('svg'),
        url(../assets/fonts/face/oswald-bold.woff) format('woff'),
        url(../assets/fonts/face/oswald-bold.ttf) format('truetype');
    font-weight: 400;
    font-style: normal
}

.font-oswald-bold {
    font-family: oswald-bold;
}


/**/
/*tite live dans la partie nos live*/
/**/
@font-face {
    font-family: sourceserifpro-black;
    src: url(../assets/fonts/face/sourceserifpro-black.eot);
    src: url(../assets/fonts/face/sourceserifpro-black.eot?#iefix) format('embedded-opentype'),
        url(../assets/fonts/face/sourceserifpro-black.svg#sourceserifpro-black) format('svg'),
        url(../assets/fonts/face/sourceserifpro-black.woff) format('woff'),
        url(../assets/fonts/face/sourceserifpro-black.ttf) format('truetype');
    font-weight: 400;
    font-style: normal
}

.font-sourceserifpro-black {
    font-family: sourceserifpro-black;
}

/* END FONTS */

:root {
    --blue: #007bff;
    --indigo: #6610f2;
    --purple: #6f42c1;
    --pink: #e83e8c;
    --red: #9b0000;
    --orange: #fd7e14;
    --yellow: #ffc107;
    --green: #28a745;
    --teal: #20c997;
    --cyan: #17a2b8;
    --white: #fff;
    --gray: #6c757d;
    --gray-dark: #343a40;
    --primary: #007bff;
    --secondary: #6c757d;
    --success: #28a745;
    --info: #17a2b8;
    --warning: #ffc107;
    --danger: #9b0000;
    --light: #f8f9fa;
    --dark: #343a40;
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}


/* BOOTSTRAP COLORS OVERRIDE */

:root {
    --bs-primary: #ffffff;
    --bs-secondary: #596e6e;
    --bs-success: #28a745;
    --bs-danger: #9b0000;
    --bs-warning: #ffc107;
    --bs-info: #17a2b8;

    --color-facebook: #1877F2;
    --color-twitter: #000000;
    --color-linkedin: #0077B5;
    --color-whatsapp: #25d366;
    --color-youtube: #FF0000;

    --bs-primary-rgb: 255, 255, 255;
    --bs-secondary-rgb: 89, 110, 110;
    --bs-success-rgb: 40, 167, 69;
    --bs-danger-rgb: 155, 0, 0;
    --bs-warning-rgb: 255, 193, 7;
    --bs-info-rgb: 23, 162, 184;

    --main-color: 155, 0, 0;
    --background-color-primary: 255, 255, 255;
    --background-color-secondary: 204, 204, 204;
    --background-color-tertiary: 89, 110, 110;
    --text-color-primary: 0, 0, 0;
    --text-color-secondary: 82, 78, 78;
    --link-color: 155, 0, 0;

    --color-white: 255, 255, 255;
    --color-red: 155, 0, 0;
    --color-yellow: 255, 229, 0;
    --color-green: 37, 211, 102;
}

[data-bs-theme="dark"] {
    --bs-primary: #131313;
    --bs-primary-rgb: 19, 19, 19;
    --background-color-primary: 19, 19, 19;
    --background-color-secondary: 143, 143, 143;
    --text-color-primary: 255, 255, 255
}

[data-bs-theme="dark"] .archive-post:hover {
    background: rgb(var(--text-color-secondary)) !important;
}

.btn-custom {
    background-color: rgb(var(--background-color-primary));
    color: rgb(var(--text-color-primary));
    border-color: rgb(var(--text-color-primary));
}

.btn-custom:hover {
    color: rgb(var(--background-color-primary));
    background-color: rgb(var(--text-color-primary));
    border-color: rgb(var(--text-color-primary));
}

.btn-danger {
    background-color: #9b0000 !important;
    /* your custom color */
    border-color: #9b0000 !important;
}

.btn-outline-danger {
    color: #9b0000;
    border-color: #9b0000;
}

.btn-outline-danger:hover {
    background-color: #9b0000;
    border-color: #9b0000;
}

.btn-danger:hover {
    background-color: #ab0000 !important;
    /* your custom color */
    border-color: #ab0000 !important;
}

.bg-facebook {
    background-color: var(--color-facebook) !important;
    color: #fff !important;
}

.bg-twitter {
    background-color: var(--color-twitter) !important;
    color: #fff !important;
}

.bg-linkedin {
    background-color: var(--color-linkedin) !important;
    color: #fff !important;
}

.bg-whatsapp {
    background-color: var(--color-whatsapp) !important;
    color: #fff !important;
}

.bg-youtube {
    background-color: var(--color-youtube) !important;
    color: #fff !important;
}

.cursor-pointer {
    cursor: pointer !important;
}

/* Optional text color utilities */
.text-facebook {
    color: var(--color-facebook) !important;
}

.text-twitter {
    color: var(--color-twitter) !important;
}

.text-linkedin {
    color: var(--color-linkedin) !important;
}

.text-whatsapp {
    color: var(--color-whatsapp) !important;
}

.text-youtube {
    color: var(--color-youtube) !important;
}

.font-facebook {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.font-twitter {
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

.font-whatsapp {
    font-family: "Segoe UI", Roboto, sans-serif;
}

.font-youtube {
    font-family: "Roboto", sans-serif;
}

.font-linkedin {
    font-family: system-ui, sans-serif;
}

.text-shadow-black {
    text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.5);
}


html,
body {
    margin: 0;
    padding: 0;
    background-color: rgb(var(--background-color-primary));
    color: rgb(var(--text-color-primary));
    font-family: Merriweather;
}

a {
    color: inherit;
    text-decoration: none;
}

hr.separator:last-of-type {
    display: none;
}

.img-thumbnail {
    border: none;
    background-color: transparent;
}

.bg-red,
.bg-red:hover {
    background-color: rgb(var(--color-red));
    color: rgb(var(--color-white));
}

.bg-yellow,
.bg-yellow:hover {
    background-color: rgb(var(--color-yellow));
    color: rgb(var(--text-color-black));
}

.bg-green,
.bg-green:hover {
    background-color: rgb(var(--color-green));
    color: rgb(var(--text-color-primary));
}

.bg-red:hover,
.bg-yellow:hover {
    text-decoration: underline;
}

.header-btn {
    text-transform: uppercase;
    font-size: .8em;
}

.icon-bold {
    -webkit-text-stroke: .5px;
    font-size: 1.2em;
}

/* .nav-link,
.nav-item {
    font-family: Oswald;
    font-weight: 100;
} */

.dropdown:hover>.dropdown-menu,
.dropdown:focus>.dropdown-menu {
    display: block;
}

.dropdown>.dropdown-toggle:active {
    pointer-events: none;
}

#top-menu-container {
    /* background-color: rgb(var(--background-color-primary)); */
    display: block;
    position: sticky;
    top: 0px;
    z-index: 2;
    /* box-shadow: 0 0 10px rgb(var(--background-color-tertiary)); */
}

#top-menu-container .logo {
    display: block;
    margin: auto;
    max-width: 100%;
    max-height: 100px;
}

#top-menu {
    display: block;
}

#top-menu a {
    padding-top: 0;
    padding-bottom: 0;
}

#main-menu>nav {
    padding: 0;
}

.medium-container,
.small-container {
    display: block;
    margin: 10px auto;
}

.medium-container {
    max-width: 1050px;
}

.small-container {
    max-width: 700px;
}

#main-menu .nav-link {
    color: rgb(var(--color-white));
}

.bottom-line {
    display: block;
    width: 100%;
    height: 8px;
    position: absolute;
    bottom: 0;
}

.img-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    /* crops but keeps proportions */
}


.premium-post {
    width: 20px;
    height: 20px;
    display: inline-block;
    background: url(img/premium.svg) 0 3px;
    margin-right: 3px;
}

.line-through-text {
    position: relative;
    display: inline-block;
}

.line-through-text::before,
.line-through-text::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    width: 100%;
    height: 2px;
}

.line-through-text::before {
    height: 10px;
    background-color: #000;
    top: calc(50% - 4px);
}

.line-through-text::after {
    height: 4px;
    background-color: rgb(var(--background-color-primary));
}


.letter-hightlight:before {
    color: rgba(0, 0, 0, 0.1);
    content: attr(data-first);
    font-size: 450%;
    font-weight: 600;
    line-height: 1;
    position: absolute;
    z-index: 0;
    display: block;
    left: 10px;
    top: -10px;
    font-family: stagM, Georgia, serif !important;
}

figcaption {
    background-color: black;
    color: white;
    text-align: center;
    padding: 4px;
}

#postContent div,
#postContent img,
#postContent figure,
#postContent iframe,
.post-content div,
.post-content img,
.post-content figure,
.post-content iframe {
    margin: 0 auto 1rem auto;
    max-width: 100%;
}

#postContent img,
#postContent iframe,
.post-content img,
.post-content iframe {
    display: block;
}

#postContent img,
.post-content img {
    height: auto;
}

#postContent figure img,
.post-content figure img {
    margin-bottom: 0;
}

#postContent a,
.post-content a {
    color: #9b0000;
    text-decoration: underline;
}

.link-effect:hover {
    text-decoration: underline;
}

.size-full {
    display: block;
    max-width: 100%;
}

@media only screen and (max-width: 1000px) {
    #top-menu-container>nav {
        display: none;
    }
}

/* ADS */
.full-banner,
.full-bunner,
.r-bunner {
    display: block;
    margin: auto;
    text-align: center;
    max-width: 100%;
    overflow: hidden;
}

.r-bunner img,
.r-bunner iframe {
    margin-bottom: 10px;
}

.full-bunner {
    margin: 10px 0;
    max-width: 100%;
}

/* Hide on desktop, show on mobile */
.ban_mobile {
    display: none;
}

.ban_desktop {
    display: block;
}

@media (max-width: 768px) {
    .ban_mobile {
        display: block;
    }

    .ban_desktop {
        display: none;
    }
}

/* END ADS */


/* IFRAME POWERBI */
#divparent {
    position: relative;
}

#masque {
    position: absolute;
    bottom: 0;
    background-color: #ecf0f1;
    width: 40%;
    color: #ecf0f1;
    height: 36px;
    margin: 0 !important;
}

#masque_2 {
    position: absolute;
    bottom: 0;
    right: 0;
    background-color: #ecf0f1;
    width: 40%;
    color: #ecf0f1;
    height: 36px;
    margin: 0 !important;
}

.dash-iframe {
    width: 100%;
    height: 630px;
}

.dash-iframe-wrapper {
    position: relative;
    /* padding-bottom: 56.25%; */
    padding-bottom: 65.25%;
    margin: 20px;
    /* 16:9, for an aspect ratio of 1:1 change to this value to 100% */
}

iframe.dash-iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

img {
    max-width: 100%;
    height: auto;
    object-fit: cover !important;
}

@media only screen and (max-width : 768px) {
    .dash-iframe {
        margin-top: 50px;
    }
}

/* END POWER BI */


/* CITATION */
.citation {
    clear: both;
    color: #2e3032;
    font-family: Velino, Times New Roman, serif;
    font-style: italic;
    position: relative;
    text-align: center;
    padding: 4.5rem 2rem !important;
}

.citation {
    quotes: "\201C""\201D""\2018""\2019";
}

span.citation {
    font-size: 2.5rem !important;
    line-height: 3.125rem !important;
    display: block;

}

.citation:after,
.citation:before {
    font-size: 9.375rem;
    color: #ce0033;
    font-family: Velino, Times New Roman, serif;
    font-style: italic;
    line-height: 1;
    position: absolute;
}

.citation:before {
    content: open-quote;
    left: 0.5rem;
    text-align: left;
    top: .02rem;
}

.citation:after {
    content: close-quote;
    right: 0.5rem;
    text-align: right;
}

/* END CITATION */


/* INTERLIGNE */
h1.interligne,
h1.interligne span {
    padding: 10px;
    font-size: 18pt !important;
    text-align: center;
    color: #041a1f;
    font-weight: bold;
}

/* INTERLIGNE */
h2.interligne,
h2.interligne span {
    padding: 10px;
    font-size: 17pt !important;
    text-align: left !important;
    color: #041a1f;
    font-weight: bold;
}
h3.interligne,
h3.interligne span {
    padding: 10px;
    font-size: 16pt !important;
    text-align: left !important;
    color: #041a1f;
    font-weight:800;
}

h4.interligne,
h4.interligne span {
    padding: 10px 0;
    font-size: 14pt !important;
    text-align: left !important;
    color: #041a1f;
    font-weight: 200;
    text-transform: uppercase;
}

p.interligne,
span.interligne {
    clear: both;
    color: #2e3032;
    position: relative;
    padding: 10px !important;
    font-size: 17pt !important;
    text-align: center;
    font-weight: bold;

}

/* END INTERLIGNE */


/* Header bouce effect */
.drop-bounce {
    animation: dropAndBounce .4s ease-out forwards;
}

@keyframes dropAndBounce {
    0% {
        transform: translateY(-100px);
    }

    /* Starting high */
    50% {
        transform: translateY(0);
    }

    /* Hits ground */
    70% {
        transform: translateY(-20px);
    }

    /* Bounces up */
    85% {
        transform: translateY(0);
    }

    /* Settles */
    100% {
        transform: translateY(0);
    }
}

/* END Header bouce effect */

/* Loading images effect */
.lozad {
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
    display: block;
    /* make sure img takes space */
}

.lozad.loaded {
    opacity: 1;
}

/* END Loading images effect */


.archive-post:hover {
    transition: all .25s;
    background: #f0f0f0 !important;
}

.hover-shadow:hover figure {
    /* box-shadow: 0 0 10px #9b0000 !important; */
    overflow: hidden;
}

.hover-shadow:hover img {
    transition: all .25s;
    transform: scale(1.06);
}

.embed-responsive iframe {
    width: 100%;
    height: 100%;
}

.gradient-mask::after {
    background: linear-gradient(to top, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));
    width: 100%;
    height: 100%;
    display: block;
}

.icon-animate {
    animation: colorChange 1s infinite alternate;
    opacity: 1;
}

@keyframes colorChange {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

#postContent #calendar {
    all: unset;
    display: block;
    width: 100% !important;
    min-height: 600px;
    box-sizing: border-box;
    font-size: 12pt !important;
}

#postContent #calendar .fc-event-title-container {
    font-size: 10pt !important;
}

#calendar .fc-event-time,
#postContent #calendar .fc-event-time {
    display: none;
}

#postContent #calendar {
    all: inherit;
}

#postContent #calendar a {
    all: inherit;
}

#postContent #calendar div {
    margin: inherit;
    max-width: inherit;
}

#postContent #calendar .fc-button-group {
    margin: auto;
}

@media only screen and (max-width: 720px) {
    .fc-header-toolbar {
        flex-direction: column-reverse;
        margin: auto !important;
    }

    .fc-header-toolbar .fc-toolbar-chunk {
        margin: 10px auto !important;
    }
}

/* #postContent #calendar * { */
/* #postContent #calendar .fc-day {
    all: unset;
    all: revert;
}

#postContent #calendar {
    all: unset;
    all: revert;
    font-family: inherit;
    font-size: inherit;
} */

/* Ensure all day cells align evenly */
#postContent #calendar .fc-daygrid-day-frame {
    height: 100% !important;
}

/* Prevent miscalculated top offset */
#postContent #calendar .fc-daygrid-event {
    top: 0 !important;
    margin-top: 2px !important;
}

.podcast-desc p:not(:first-of-type) {
    display: none;
}


/* MULTI-CAROUSEL */
/* Container for the entire carousel */
.multi-carousel-container {
    cursor: grab;
    margin: 0 auto;
    max-width: 100%;
    overflow: hidden;
    position: relative;
}

/* Cursor styles for dragging */
.multi-carousel-container.dragging,
.multiCarousel.dragging {
    cursor: grabbing;
}

/* Wrapper for all slides */
.multi-carousel-inner {
    display: flex;
    transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

/* Carousel cursor styling */
.multiCarousel {
    cursor: grab;
    touch-action: pan-y;
}

/* Disable text selection during drag */
.multiCarousel.dragging {
    user-select: none;
    -webkit-user-select: none;
}

/* END MULTI-CAROUSEL */
.accordion-finition .accordion-button {
    padding-right: 2rem !important;
}

.accordion-finition .accordion-button::after {
    font-family: "bootstrap-icons";
    content: '\F282';
    transform-origin: center;
}

/* Fix deprecated API warning */
img,
video,
canvas {
    overflow: clip !important;
}

/* side blocks */
.side-block {
    max-width: 300px;
    width: 300px;
}

.main-block {
    flex: auto;
}

@media (max-width: 576px) {
    .side-block {
        max-width: inherit;
        width: inherit;
    }
}

/* TICKER */
.ticker-container {
    display: flex;
    width: fit-content;
    animation: scroll 240s linear infinite;
}

.ticker-container:hover {
    animation-play-state: paused;
}

.ticker-content {
    display: flex;
    white-space: nowrap;
}

@keyframes scroll {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-100%);
    }
}

/* TICKER */