/* Uniquement pour les écrans entre 1450 px et 1100 px de largeur  */
@media (max-width: 1450px) and (min-width: 1100px){

    ul.menu > li {
        margin: 0 6px;
    }

    ul.menu > li a {
        padding: 12px 5px;
    }

    ul.sous-menu {
        margin: 0;
    }

    ul.menu {
        float: right;
    }
}

/* Uniquement pour les écrans entre 1450 px et 1100 px de largeur  */
@media (max-width: 1480px) and (min-width: 1300px) {

    ul.menu > li {
        margin: 0 9px;
    }
}

/* Uniquement pour les écrans entre 1150 px et 1100 px de largeur */
@media (max-width: 1170px) and (min-width: 1100px){
    ul.menu {
        float: left;
    }
}

/* Uniquement pour les écrans de 1100 px de largeur max */
@media (max-width: 1100px) {

    ul.menu > li a {
        padding: 3px 20px;
    }

    ul.sous-menu li a {
        padding: 4px 40px;
    }

    ul.sous-menu {
        padding-bottom: 5px;
    }

    ul.menu {
        z-index: 1;
    }

    footer {
        z-index: 2 !important;
    }
}