body{
    font-size:13px;
    font-family:"Verdana", Helvetica, Arial, sans-serif;
}

.acre_btn_app{
  font-size:11px;
  padding:3px 10px;
}

.container-fluid.app_bord{
    max-width:1600px;
    margin:auto;
}

.decor_bord_nav{
    padding-top:9px;
    padding-bottom:8px;
    box-shadow:
        0 1px 1px 0 rgba(0,0,0,0.2),
        0 1px 1px 0 rgba(0,0,0,0.19);
     background-color:rgb(0, 60, 120)!important;
}

.ultra_bord_top_nav li a,
.ultra_bord_top_nav li button{
    display:block;
    background-color:white;
    color:rgb(60,60,60);
    padding:7px 15px;
    border:none;
}

.ultra_bord_top_nav.right li{
    margin-left:15px;
}

@media (max-width: 800px) {
    .decor_bord_nav{
        position:fixed;
        width:100%;
        z-index:100;
        background-color:rgb(90, 0, 116);
        background-color:rgb(0, 0, 0);
        top:0;
        left:0;
    }

    .ultra_bord_top_nav.right li{
        margin-left:10px;
    }

    .bord_centre{
        margin-top:50px;
    }
}


.decor_ecole_infos{
    background-color:white;
    padding:10px 15px;
    font-size:13px;
    position:relative;
}

.decor_ecole_infos h2{
    font-size:13px;
    text-align:center;
}


.app_main_center{
    margin-top:15px;
    margin-bottom:150px;
}

@media (max-width: 800px) {

    .decor_ecole_infos h2{
        font-size:10px;
    }

}


@media (min-width: 801px) {

    .decor_bord_aside{
        padding:25px 20px;
        box-shadow: 
            0 8px 16px 0 rgba(0, 0, 0, 0.2) inset, 
            0 5px 20px 0 rgba(0, 0, 0, 0.19) inset;
        border-radius:10px;
        margin-bottom:200px;
        background-color:rgb(90, 0, 116);
         background-color:rgb(0, 60, 120)!important;
    }

    .decor_bord_aside nav{
        background-color:white;
    }

    button.gaucheItems{
        display:block;
        width:100%;
        border:none;
        border-bottom:2px solid white;
        color:white;
        background-color:rgb(0, 140, 60);
        border:none;
        font-size:11px;
        padding:8px;
        font-weight:bold;
        border-bottom:none!important;
    }

    .ultra_group_aside{
        border-bottom:1px solid rgb(180,180,180);
    }

    .ultra_aside_sous{
        max-height:0;
        overflow: hidden;
        transition: max-height 0.2s ease-out;
    }

    .ultra_group_aside li .acre_accordions{
        display:block;
        padding:8px;
        position:relative;
        background-color:rgb(225, 225, 225);
        color:rgb(60,60,60);
        font-weight:bold;
        font-size:12px;
        border-bottom:1px solid rgb(200,200,200);
    }

    .ultra_group_aside li.list_acre_items button{
        display:block;
        background-color:white;
        border:none;
        border-bottom:1px solid rgb(200,200,200);
        width:100%;
        text-align:left;
    }

    .ultra_aside_sous li button{
        display:block;
        padding:8px 5px;
        color:rgb(60,60,60);
        display:block;
        transition: all 0.5s ease-in-out;
        padding:8px 15px;
        font-size:13px;
        background-color:white;
        width:100%;
        border:none;
        text-align:left;
        border-bottom:1px solid rgb(200,200,200);
    }

    .ultra_aside_sous li button:hover{
        background-color:rgb(240,240,240);
        color:#000;
    }
}

.app_close_sidebar{
    display:inline-block;
    border-radius:100px;
    padding:4px 12px 5px 12px;
    background-color:white;
    font-size:15px;
    border:none;
}


@media (max-width: 800px) {
    .decor_bord_aside{
        position:fixed;
        top:0;
        left:0;
        width:0;
        height:100%;
        z-index:1000000;
        overflow-x: hidden;
        transition: all 0.4s ease-in-out;
        overflow-y: auto;
        scrollbar-width: thin;
        scrollbar-color: transparent transparent;
        box-shadow: 3px 5px 5px rgba(0, 0, 0, 0.3);
        background-color:rgb(90, 0, 116);
         background-color:rgb(0, 60, 120)!important;
    }

}

@media (max-width: 480px) {
    
    .decor_bord_aside{
        width:0;
        height:100%;
        transition:all 0.2s ease-in-out;
    }

    .decor_bord_gauche{
        padding-top:15px;
        padding-bottom:100px;
        padding-left:15px;
        padding-right:15px;
    }

     button.gaucheItems{
        display:block;
        width:100%;
        border:none;
        border-bottom:2px solid white;
        color:white;
        background-color:rgb(56,155,60);
        border:none;
        font-size:11px;
        padding:8px;
        font-weight:bold;
        border-bottom:none!important;
    }

    .ultra_group_aside{
        border-bottom:1px solid rgb(180,180,180);
    }

    .ultra_aside_sous{
        max-height:0;
        overflow: hidden;
        transition: max-height 0.2s ease-out;
    }

    .ultra_group_aside li .acre_accordions{
        display:block;
        padding:8px;
        position:relative;
        background-color:rgb(225, 225, 225);
        color:rgb(60,60,60);
        font-weight:bold;
        font-size:12px;
        border-bottom:1px solid rgb(200,200,200);
    }

    .ultra_group_aside li.list_acre_items button{
        display:block;
        background-color:white;
        border:none;
        border-bottom:1px solid rgb(200,200,200);
        width:100%;
        text-align:left;
    }

    .ultra_aside_sous li button{
        display:block;
        padding:8px 5px;
        color:rgb(60,60,60);
        display:block;
        transition: all 0.5s ease-in-out;
        padding:8px 15px;
        font-size:13px;
        background-color:white;
        width:100%;
        border:none;
        text-align:left;
        border-bottom:1px solid rgb(200,200,200);
    }

    .ultra_aside_sous li button:hover{
        background-color:rgb(240,240,240);
        color:#000;
    }
}


.decor_bord_main_center{
    padding:25px 20px;
    box-shadow: 
      0 8px 16px 0 rgba(0, 0, 0, 0.2) inset, 
      0 5px 20px 0 rgba(0, 0, 0, 0.19) inset;
    border-radius:10px;
    margin-bottom:100px;
     background-color:rgb(0, 60, 120)!important;
}

.main_bord_center{
    background-color:white;
    border-radius:10px;
    min-height:300px;
    padding:15px;
    padding-bottom:100px;
}



.horloge{
    display:none;
    padding:7px 15px;
    text-align:center;
    width:200px;
    background-color:#000;
    color:white;
    font-size:16px;
    font-weight:bold;
}


.decor_elements.bgwhite{
    background-color:white;
}



.infos_users{
    padding-bottom:15px;
    background-color:rgb(230,230,230);
    padding:15px;
    margin-bottom:20px;
}

.decorColsInfos{
    max-width:500px;
}

.infos_users img{
    width:60px;
    border-radius:50px;
    float:left;
    margin-right:5px;
}

.ultra_main_infos{
    font-size:15px;
}

.ultra_main_infos .pull-right{
    margin-top:10px;
}

/*********** form add ***************/

.form_add{
    padding:15px;
    border-radius:5px;
    background-color:rgb(220, 220, 220);
    box-shadow: 
      0 8px 16px 0 rgba(0, 0, 0, 0.2) inset, 
      0 5px 20px 0 rgba(0, 0, 0, 0.19) inset;
}

.form_add .titre{
    color:red;
    font-weight:bold;
    text-decoration:underline;
}

.form_add button.big{
    padding:15px 50px;
}

.form_add label{
    font-weight:bold;
}


.form_add_error_add{
    background-color:red;
    padding:7px 15px;
    color:white;
    font-size:12px;
    margin-bottom:15px;
}


/*********************************************/

.decor_page_titre{
    margin-bottom:10px;
    padding-bottom:10px;
    border-bottom:1px solid rgb(200,200,200);
 }
.decor_page_titre h1, 
.decor_page_titre h2{
    font-size:18px;
    color:red;
    font-weight:bold;
}

.decor_group_btn_add a,
.decor_group_btn_add button{
    font-size:13px;
}

.acre_table_btn{
    color:rgb(0,70,255);
    padding:8px 15px;
    display:inline-block;
    width:100%;
    text-align:left;
    background-color:transparent;
    border:none;
    font-size:12px;
}


.btn_infos_acre{
    color:rgb(0,70,255);
    padding:8px 15px;
    display:inline-block;
    width:100%;
    text-align:left;
    background-color:transparent;
    border:none;
    font-size:12px;
}

.group_page_buttons button,
.group_acres_buttons button{
    display:block;
    width:300px;
    margin-bottom:15px;
    padding-top:16px;
    padding-bottom:15px;
    font-size:15px;
}

/*********** add ***********/
.decor_header_bord_add{
    padding-top:8px;
    padding-bottom:7px;
    box-shadow:
        0 1px 1px 0 rgba(0,0,0,0.2),
        0 2px 2px 0 rgba(0,0,0,0.19);
    text-align:center;
}

.decor_header_bord_add button{
    border:none;
    background-color:white;
    padding:6px 15px;
}

.decor_bord_section_add{
    background-color:rgb(240,240,240);
    padding-top:20px;
    padding-bottom:100px;
}

/************************/