@media screen and (max-width: 1430px){
}

@media screen and (max-width: 1280px){

}
@media screen and (max-width: 1024px){
    h1{
        font-size:3rem;
    }
    h2{
        font-size: 2rem;
    }
    h3{
        font-size: 1.8rem;
    }
    /*
    body {
        padding-left: 80px;
    }
    header {
        width: 80px;
        padding: 10px 0;
    }
    header .logo {
        padding: 5px;
        width: 50px;
        height: 50px;
    }
    header nav li a span.material-symbols-outlined {
        font-size: 2rem;
    }
    header nav li a:hover .titre{
        left: 10px;
    }
    header .user_connect{
        width: 80px;
    }
    */

    .btn_content{
        padding: 0 35px 0 90px;
    }

    /******** PARTIE CONFIG **********/
    .cfg_nav{
        padding: 10px;
    }
    .cfg_nav a{
        display: inline-block;
    }
    .cfg_nav .box{
        padding: 10px;
    }

    .cfg .col{
        width: 100%;
    }
    .cfg .box{
        overflow-x: auto;
    }
    .cfg .box table{
        min-width: 800px;
    }
}

@media screen and (max-width: 768px){
    .message_session .close {
        top: 6px;
    }
    header {
        width: 50px;
        padding: 10px 0;
        display: block;
    }
    header:hover,
    header:hover .user_connect{
        width: 150px;
    }
    header nav {
        padding: 10px 0 0;
    }
    header .logo {
        display: none;
    }
    header nav li{
        padding:0 5px;
    }
    header nav li .titre{
        width: 110px;
    }
    header nav li a{
        padding:5px;
    }
    header .user_connect{
        width: 50px;
    }
    section#content {
        padding: 15px;
        overflow-x: auto;
    }
    .last_maj,
    .sidebar,
    .material-symbols-outlined.aide,
    .add_btn{
        display: none;
    }
    .btn_content{
        padding: 0 35px 0 60px;
    }
    a.back span.material-symbols-outlined{
        font-size: 16px;
    }
    .btn .material-symbols-outlined{
        font-size: 16px;
    }
}