/*
|--------------------------------------------------------------------------
| Barre de coordonnées (toutes les pages)
|--------------------------------------------------------------------------
| Sa hauteur était fixée à 40px : sur tablette et téléphone en paysage,
| l'adresse électronique passait à la ligne et débordait sur le logo et
| le menu. Elle s'agrandit maintenant avec son contenu.
*/

.header-top-bar-inner{

    height: auto;

    min-height: 40px;
}

/* écran très bas (téléphone en paysage) : lignes de la barre plus serrées */

@media (max-height: 480px){

    .header-top-bar-inner{

        min-height: 0;
    }

    .header-top-bar .top-bar-field{

        padding-top: 4px;

        padding-bottom: 4px;
    }
}

/*
|--------------------------------------------------------------------------
| Menu sur deux lignes (toutes les pages)
|--------------------------------------------------------------------------
| Entre 768 et 1500px de large, le menu ne tient pas sur une ligne. Chaque
| entrée garde 12px de marge intérieure en haut et en bas, ce qui laissait
| 24px de vide entre les deux lignes : on les resserre.
*/

@media (min-width: 768px) and (max-width: 1500px){

    #main_menu > li{

        padding-top: 3px;

        padding-bottom: 3px;
    }
}