@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');


@media (min-width: 1441px) and (max-width: 1600px) {}

@media (min-width: 1200px) and (max-width: 1440px) {
    body .container-fluid{
        overflow-y: auto;
    }
    .row .col-1 {
        display: none;
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    body .container-fluid{
        overflow-y: auto;
    }
    .row .col-1 {
        display: none;
    }
    nav#menu {
        list-style: none;
        display: flex;
        flex-direction: column;
        bottom: 0px;
        background-color: var(--main-black);
    }
    nav#menu ul {
        list-style: none;
        margin: 0 0 0 0;
    }
    .display-flex-direction-responsive{
        flex-direction: column;
    }
}

@media (min-width: 20px) and (max-width: 767px) {
    body .container-fluid{
        overflow-y: auto;
    }
    .container {
        overflow-y: auto;
    }
    nav#menu {
        list-style: none;
        display: flex;
        flex-direction: column;
        bottom: 0px;
        background-color: var(--main-black);
    }
    nav#menu ul {
        list-style: none;
        display: flex;
        flex-direction: column;
        margin: 0;
    }
    #date {
        height: 10rem;
        font-size: 2em;
        word-wrap: break-word;
        word-break: normal;
    }
    .tickercontainer{
        margin: 5rem 0 0 -15rem;
    }
    .tickercontainer .mask {
        width: 400px;
    }
    /* ul.newsticker li {
        font-size: 3em;
    } */
    #texte_defilant{
        font-size: 4em;
    }
    .row .col-1 {
        display: none;
    }
    .presentation-container {
        flex-direction: column;
    }
    h1 {
        font-variant-caps: all-petite-caps;
        font-weight: 800;
        font-size: 3em;
        word-break: break-word;
    }
    #bloctextea{
        padding: 0 1rem;
    }
    p.h1 {
        word-break: normal;
        word-wrap: normal;
        text-align: left;
        display: flex;
        justify-content: left;
        padding: 0.5rem;
        font-size: 1.5em;
    }
    .h1-style, .h1-text {
        font-size: 1.5em;
    }
    #logo {
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        flex: 1;
        margin: 0 0 0 1rem;
    }
    #logo img{
        width: 100%;
    }
    #langue {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;

    }
    #afficher_date{
        display: flex;
        flex-direction: column;
    }
    .display-flex-direction-responsive{
        flex-direction: column;
    }

    .right-column, #bloctexteb {
        padding: 0.5rem;
    }
}