/*HEADER - NAVIGATION PRINCIPALE*/
    header {}
    header nav, header nav ul{}
    header nav ul li {list-style-type: none;}

/*SMARTPHONE HEADER - MENU FERMÉ*/
    header #menu-closed {}
    header #menu-closed .arborescence {list-style-type: none;}
    header #menu-closed .arborescence li {}
    header #menu-closed .arborescence li:last-child {padding: 2.5%;}

/*SMARTPHONE - MENU OUVERT*/
    #menu-opened_smartphone {
        position: fixed;
        top: 0; left: 0; right: 0; bottom: 0;
        z-index: 10;

        display: block;
        height: 100vh;
        width: auto;
        text-align: center;

        background-image: url("../images/tex/bg-tex-dentelle-blanc-fullHD-opPoint25.png");
        background-color: rgba(0,0,0,.95);

        background-size: contain;
        display: none;
    }
    #menu-opened_smartphone .arborescence {height: 20vh;}
    #menu-opened_smartphone .arborescence:first-child {padding: 0 20%;}
    #menu-opened_smartphone .arborescence li:last-child {
        position: fixed;
        z-index: 5;
        right: 0;
        padding: 2.5%;
    }

/*MENU SECONDAIRE - RUBRIQUES*/
    /*TAILLES TEXTE MODIF*/
    #menu-opened_smartphone #rubriques li a {font-size: 1.4em;}
    /*ELEMENTS*/
    #menu-opened_smartphone #rubriques {height: 80vh;}
    #menu-opened_smartphone #rubriques li {width: 100%; height: 13vh; margin-top: 1vh; /*15*5 = 75*/}
    #menu-opened_smartphone #rubriques li a {
        padding: 0; margin: 0;
        display: flex;
        justify-content: center;
        align-items: center;

        height: 100%;
        width: 100%;
        
        color: white;
        background-color: rgba(188, 152, 202, .75);
    }
#menu-opened_smartphone #rubriques li a:link, #menu-opened_smartphone #rubriques li a:visited {color: white; background-color: rgba(188, 152, 202, .75);}
#menu-opened_smartphone #rubriques li a:hover {background-color: rgba(128, 103, 138, .75);}
#menu-opened_smartphone #rubriques li a:active {color: rgba(188, 152, 202, .75); background-color: white;}

    #menu-opened_smartphone #rubriques li:nth-child(1) {
        background-image: url('../images/background-image/menu/1-univers.jpg');
        background-size: cover;
        background-position: center;
    }
    #menu-opened_smartphone #rubriques li:nth-child(2) {
        background-image: url('../images/background-image/menu/2-savoir-faire.jpg');
        background-size: cover;
        background-position: center top;
    }
    #menu-opened_smartphone #rubriques li:nth-child(3) {
        background-image: url('../images/background-image/menu/3-concept.jpg');
        background-size: cover;
        background-position: center center;
    }
    #menu-opened_smartphone #rubriques li:nth-child(4) {
        background-image: url('../images/background-image/menu/4-references.jpg');
        background-size: cover;
        background-position: center;
    }
    #menu-opened_smartphone #rubriques li:nth-child(5) {
        background-image: url('../images/background-image/menu/5-pratique.jpg');
        background-size: cover;
        background-position: center center;
    }

    #navigation-principale #bg-univers {
        background-image: url('../images/background-image/menu/1-univers.jpg');
        background-size: cover;
        background-position: center;   
    }
    #navigation-principale #bg-savoir-faire {
        background-image: url('../images/background-image/menu/2-savoir-faire.jpg');
        background-size: cover;
        background-position: center top; 
    }
    #navigation-principale #bg-concept {
        background-image: url('../images/background-image/menu/3-concept.jpg');
        background-size: cover;
        background-position: center center;
    }
    #navigation-principale #bg-references {
        background-image: url('../images/background-image/menu/4-references.jpg');
        background-size: cover;
        background-position: center;
    }
    #navigation-principale #bg-pratique {
        background-image: url('../images/background-image/menu/5-pratique.jpg');
        background-size: cover;
        background-position: center center;
    }

/*LAPTOP - DESKTOP MENU*/
    /*TAILLES TEXTE*/
    header #menu-opened_desktop #rubriques li a {font-size: 1.4em;}
    /*TAILLES BLOCS*/
    header #menu-opened_desktop .arborescence, header #menu-opened_desktop .arborescence li,
    header #menu-opened_desktop .arborescence li a:last-child {
        height: 22.5vh; 
        min-height: 100px;
    }
    header #menu-opened_desktop #navigation-principale {height: 65vh;}
/*LAPTOP - DESKTOP*/
    #menu-opened_desktop .arborescence li{}
    #menu-opened_desktop .arborescence li:last-child {
        position: fixed;
        z-index: 5;
        right: 0;
    }
    header #menu-opened_desktop #navigation-principale {
        width: auto;
        overflow: hidden;
    }
    header #menu-opened_desktop #navigation-principale img {
            width: 100%;
            height: auto;
            max-width: inherit;
        }
    #navigation-principale #rubrique-survol li {
        width: 100%;
        height: 100%;

        overflow: hidden;
    }
    #navigation-principale #rubrique-survol li a img {
        height: auto;
        width: 100%;
        max-height: inherit;
    }
    #menu-opened_desktop #rubriques-avant li, #menu-opened_desktop #rubriques-apres li {
        padding: 0;
        margin: 1% 0;
        
        height: 18%;
    }

    #menu-opened_desktop #rubriques-avant li a, #menu-opened_desktop #rubriques-apres li a {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100%;
        
        color: white;
        background-color: rgba(188, 152, 202, .75);
    }
#menu-opened_desktop #rubriques-avant li a:link, #menu-opened_desktop #rubriques-avant li a:visited,
#menu-opened_desktop #rubriques-apres li a:link, #menu-opened_desktop #rubriques-apres li a:visited {color: white; background-color: rgba(188, 152, 202, .75);}

#menu-opened_desktop #rubriques-avant li a:hover, #menu-opened_desktop #rubriques-apres li a:hover {background-color: rgba(128, 103, 138, .75);}
#menu-opened_desktop #rubriques-avant li a:active, #menu-opened_desktop #rubriques-apres li a:active {color: rgba(188, 152, 202, .75); background-color: white;}

    #menu-opened_desktop #rubriques-infos {position: fixed; bottom: 0;}
    #menu-opened_desktop #rubriques-infos, #menu-opened_desktop #rubriques-infos li {display: flex; height: 12.5vh;}

    #menu-opened_desktop {
        position: fixed;
        top: 0; left: 0; right: 0; bottom: 0;
        z-index: 555;

        display: block;
        height: 100vh;
        width: 100vw;
        text-align: center;

        background-image: url("../images/tex/bg-tex-dentelle-blanc-fullHD-opPoint25.png");
        background-color: rgba(0,0,0,.95);

        background-size: contain;
    }

/*FOOTER - NAVIGATION SECONDAIRE*/
 /*FOOTER*/
footer{}
footer nav {
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    background-color: rgba(0,0,0,0.5);
}
footer nav ul {
    display: flex;
    flex-direction: column;
    align-items: center;
    list-style-type: none;
}
footer nav .arbo-bonus {align-items: center; justify-content: center; height: 10vh;}
footer nav .arbo-bonus li .bouton-ouvrir-mentions {display: flex; display: 100%; height: 5vh; justify-content: center;  align-items: center; border-bottom: 2px solid rgba(255, 255, 255, 1);}
.bouton-ouvrir-mentions:link, .bouton-ouvrir-mentions:visited {border-bottom: 2px solid rgba(255, 255, 255, 1); transition: all .1s;}
.bouton-ouvrir-mentions:hover, .bouton-ouvrir-mentions:active {border-bottom: 2px solid rgba(255, 255, 255, .5); transition: all .3s;}
footer nav ul .logo {
    width: 100%;
    padding: 0 5%;
}
footer nav ul#social-nav li{
    float: left;
    width: 20%;
    margin: 0 2.5%;
}