body{
    background-color: rgb(200, 161, 236);
    color:white;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    font-size: 15pt;
}
label{display: inline-block;
        width: 150px;}
select{font-size: 15pt;}

#IdAdmin{
    position: absolute;
    width: 440px;
    background-color: rgb(89, 89, 211);
    padding: 20px;
    line-height: 3em;
    top:50%;
    left: 50%;
    margin-top: -150px;
    margin-left: -220px;
    border-radius: 15px ;
    -webkit-border-radius: 15px ;
    -moz-border-radius: 15px ;
    -ms-border-radius: 15px ;
    -o-border-radius: 15px ;
}
#IdAdmin input{padding:5px;
     font-size:15pt}
#IdAdmin h1{
    padding: 0;
    margin: 0;
}
td{
vertical-align: top;
}
.MainCadre{
    background-color: rgb(185, 128, 238);
    margin:20px;
    padding:20px;

} 
.UnEtablissement{
    background-color: rgb(215, 189, 240);
    position: relative;
}
.CadreNom{
    background-color: white;
    margin:20px;
    padding: 10px;
    font-size: 15pt;
    color:black;
   
}
.detailEtablissement{
    display :none;
    background-color: white;
    margin-left:40px;
    margin-right:20px;
    position: relative;
    font-size:13pt;
    padding:5px;
    color:black;
}
.status{
    right:30px;
    top:10px;
    position:absolute;
}
.Menu-Admin{
    margin:0;
    padding:0;
}

.Menu-Admin li{
    display:inline-block; 
    width:145px;
    border: 2px solid white;
    margin-right: 5px;
    font-weight: bold;
    padding:5px
}
/* .PanneauDetail>div{
    display: none;
   border: 2px solid white;
   padding: 10px;
} */

.PanneauDetail>div>div{
    display: block;

}
.PanneauDetail .Utilisateur{
    display:block;
}
.lstFacture table thead{
    background-color: rgb(185, 128, 238);
    color:white;
    font-weight: bold;
}
.lstFacture table{
    border-spacing:0
}
.lstFacture table td{
    padding:5px;
}
button{
    background-color: #5627e1;
    border-radius: 15px;
    color:white;
    padding:5px 20px;
    font-weight: bold;
    font-size: 13pt;
    float: right;
    margin-top: 15px;
   box-shadow: 0px;
   border: none;
   margin-left: 2px;
   margin-right: 2px;
}

.AdresseEtablissement{
    width:300px;
    /* background-color: aqua;  */
}
.frmAjoutPage{
    background-color: #714ed9;
width:400px;
height:200px;
padding: 5px;
}
.frmAjoutPage label{

    width:150px;
    }
.UneActivite{
    display: inline-block;
    background-color: white;
    color:black;
    height:70px;
    width: 270px;
    margin:5px;
    padding: 5px;
    border-radius: 10px;
}
.UneActivite img{
    float:left;
    margin-right: 5px;
}
.CadreListActivite{
    display: flex;
    flex-wrap: wrap;
    width:1300px;
    background-color: antiquewhite;
    height:800px;
    overflow-y: scroll;
}
.traitement{
    background-color: azure;
    width:400px;
    height:800px;
    position: fixed;
    top:100px;
    right: 25px;
}

.actdepart,.actarrive {
    background-color: #d4d4d4;
    height: 100px;
    width: 250px;
    display:block;
    margin:0 auto;
    color:black;
}
.actdepart img, .actarrive img{
    float: left;
    margin: 10px;
    }
.traitement>button{
    font-size: 15pt;
    width: 200px;
    text-align: center;
    margin:10px auto;

    float:initial;
    display: block;
}
.LogUtilisateur table tr:nth-child(even) {background: #f1f0f0}
.LogUtilisateur table thead tr{background-color: #a20ff7;
                                color:white;
                            }
.LogUtilisateur table thead tr td {padding: 10px; font-weight: bold;}
.LogUtilisateur .table{overflow: auto; height: 300px;}
.btnLogEspaceFamille{
    position: relative;
    float:none;
}
.afflog{
    height: 500;
    overflow-y: auto;
    width: 300px;

}
.LogEspaceFamille table tr:nth-child(even) {background: #f1f0f0}