/*
SMALL DEVICE
*/

@media screen and (max-width: 1210px) {
    #header .headerlogo a span.title span {
        font-size: 14px;
        line-height: 17px;
    }
    
    #header .headerlogo a {
        font-size: 14px;
    }
}

/* Réduction supplémentaire de la taille entre 990px et 1100px où le menu complet prend beaucoup de place */
@media screen and (min-width: 990px) and (max-width: 1100px) {
    #header .headerlogo a span.title span {
        font-size: 12px;
        line-height: 14px;
    }
    
    #header .headerlogo a {
        font-size: 12px;
    }
    
    #header .headerlogo .logoheader {
        margin-right: 10px;
        width: 50px;
        height: 50px;
    }
    
    .main-menu {
        gap: 5px;
    }
    
    #header nav ul a {
        font-size: 11px;
    }
}

@media screen and (min-width: 990px) and (max-width: 1280px) {
    #header .headerlogo {
        min-width: 150px;
    }
    
    #header .headerlogo .logoheader{
        margin-right: 15px;
    }

    .main-menu{
        gap: 10px;
    }

    .search_home h2{
        margin-bottom: 8px;
    }

    #footer p{
        max-width: 268px;
    }
    #footer{
        padding: 15px 0;
    }
}

@media screen and (max-width: 989px) {
    .main-menu{
        display: none;
    }
    #header #burgermobile{
        display: flex;
    }
    .container{
        max-width: calc(100% - 30px);
    }

    #header .headerlogo .logoheader{
        margin-right: 12px;
        margin-left: -5px;
    }
    .search_home h2{
        margin-bottom: 0;
    }
    .search_home{
        margin-bottom: 50px;
    }

    #content.home h1{
        margin-bottom: 0;
    }
    #footer ul{
        flex-direction: column;
        align-items: flex-start;
    }

    #footer ul li + li {
        padding-left: 0px;
        border-left: none;
        margin-top: 15px;
    }

    #footer{
        padding: 23px 0;
        margin-top: 35px;
    }

    #footer p{
        margin-top: 25px;
    }

    #content h1{
        display: flex;
        padding: 25px 0 25px;
    }
    #content h1 i.flag-cr,
    #content h1 i.flag-di,
    #content h1 i.flag-dc,
    #content h1 i.flag-jo{
        width: 64px;
        min-width: 64px;
        height: 80px;
        margin-top: 11px;
    }
    .newssingle .col-image,
    .newscard .col-image{
        max-width: 100%;
        margin-bottom: 20px;
    }
    
    /* Espacement entre le menu parent et le contenu principal sur mobile */
    #content .section .row > .col-md-4 {
        margin-bottom: 20px;
    }
    
}

@media screen and (max-width: 455px) {
    #header .headerlogo a span.title span {
        font-size: 12px;
        line-height: 12px;
    }
    
    #header .headerlogo a {
        font-size: 12px;
    }
}