@media(hover: hover){
    .header-ordinateur{
        position: fixed;
        z-index: 5;
        height: 50px;
        max-width: 1700px;
        width: max-content;
        min-width: 60px;
        top: 42px;
        right: 0;
        border-radius: 20px 0 0 20px;
        display: flex;
    }

header>svg{
    margin: 10px 0 10px 10px;
    height: 30px;
    width: auto;
}

.header-tablette{
    display: none;
}

/* Nav */
    nav{
        height: 70px;
        margin: 0 0 0 30px;
        padding: 0;
    }



    nav>ul{
        display: flex;
        margin: 0 15px 0 0;
        height: 100%;
    }

    nav>ul>li{
        width: max-content;
        margin: 0 20px;
    }



    /* h4 */
        nav h4{
            height: 30px;
            margin-top: 20px;
        }

        nav h4:hover{
            cursor: pointer;
        }

        nav>ul>li:hover h4{
            border-bottom: 4px solid;
            height: 36px;
            margin-top: 10px;
        }

        @media (min-width:1300px) {
            /* Section Sous-menu */
                nav>ul>li>section{
                    display: none;
                }

                .sous-menu{
                    width: max-content;
                    height: max-content;
                    padding: 15px;
                }

                .sous-menu>ul>li h5{
                    margin: 3px;
                }

                .sous-sous-menu{
                    display: none;
                }

                .titreSousMenu:hover>.sous-sous-menu{
                    display: block;
                    padding-left: 10px;
                    margin-bottom: 7px;
                }
                li:hover>section{
                    display: block;
                    position: fixed;
                }
            
        }
        

        

        @media(max-width:1300px){
            header{
                position: relative;
                z-index: 1;
            }
        
            .header-ordinateur{
                display: none;
            }
        
            .header-tablette{
                display: block;
                position: fixed;
                z-index: 5;
                top: 0;
                right: 0;
                background-color: #FFFFFF00;
            }
        
            .nav-tablette{
                width: 100vw;
                height: 100vh;
                overflow-y: scroll;
                position: absolute;
                right: 0;
                top: 0;
                z-index: 2;
            }
        
            .Menu-tablette{
                position: fixed;
                right: 0;
                top: 42px;
                z-index: 1;
                width: 65px;
                height: 60px;
                border-radius: 25px 0 0 25px;
            }
        
            .Menu-tablette>svg{
                width: 40px;
                height: auto;
                position: relative;
                top: 7px;
                left: 15px;
            }
        
            .nav-tablette>svg{
                position: fixed;
                z-index: 5;
                width: 40px;
                height: auto;
                transform: rotate(45deg);
                top: 47px;
                right: 15px;
            }
        
            /* Textes */
                .nav-tablette svg.logo-Menu{
                    position: relative;
                    top: 40px;
                    left: 50%;
                    transform: translateX(-50%);
                    width: auto;
                    height: 100px;
                }
        
                .nav-tablette>ul{
                    position: relative;
                    width: 350px;
                    height: max-content;
                    margin: 20px auto;
                    top: 100px;
                    padding-bottom: 100px;
                }
        
                .sous-sous-menu{
                    padding-left: 20px;
                }
        }
        
    }
/* Tablette */
@media (hover : none){
    header{
        position: relative;
        z-index: 1;
    }

    .header-ordinateur{
        display: none;
    }

    .header-tablette{
        display: block;
        position: fixed;
        z-index: 5;
        top: 0;
        right: 0;
        background-color: #FFFFFF00;
    }

    .nav-tablette{
        width: 100vw;
        height: 100vh;
        overflow-y: scroll;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 2;
    }

    .Menu-tablette{
        position: fixed;
        right: 0;
        top: 42px;
        z-index: 1;
        width: 65px;
        height: 60px;
        border-radius: 25px 0 0 25px;
    }

    .Menu-tablette>svg{
        width: 40px;
        height: auto;
        position: relative;
        top: 7px;
        left: 15px;
    }

    .nav-tablette>svg{
        position: fixed;
        z-index: 5;
        width: 40px;
        height: auto;
        transform: rotate(45deg);
        top: 47px;
        right: 15px;
    }

    /* Textes */
        .nav-tablette svg.logo-Menu{
            position: relative;
            top: 40px;
            left: 50%;
            transform: translateX(-50%);
            width: auto;
            height: 100px;
        }

        .nav-tablette>ul{
            position: relative;
            width: 350px;
            height: max-content;
            margin: 20px auto;
            top: 100px;
            padding-bottom: 100px;
        }

        .sous-sous-menu{
            padding-left: 20px;
        }
}