/* admin */
.Admin
{
    display:flex;
    width:100%;
    height:100%;
}

.admin-menu
{
    display:flex;
    width:20%;
    height:auto;
}

.admin-data
{
    display:flex;
    width:75%;
    height:auto;
}

.admin-data-titre {
    display:flex;
    width:5%;
    height:auto;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    background-color:orange;
    color:white;
}

.admin-data-titre h1
{
    height:auto;
    text-align:center;
    transform: rotate(180deg);
    writing-mode : vertical-lr;
}

.admin-data-list
{
    display:flex;
    flex-wrap:wrap;
    height:auto;
    margin-top:1%;
    width:95%;
    justify-content: center;
    align-items: center;
}

.admin-data-list-cadre-user
{
    display:flex;
    height:300px;
    align-items:center;
    justify-content: center;
    flex-direction:column;
    margin-top:2%;
    position:relative;
    width:15%;
    margin-left:2%;
    margin-right:2%;
    border-radius:8px;
    color:rgb(30, 63, 100);
    background-color: orange;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);
}

.admin-data-list-cadre-user p
{
    width:80%;
    font-weight:bold;
    color:rgb(30, 63, 100);
    text-align:center;
    font-size:15px;
}

.admin-data-list-cadre-user h2
{
    font-size:30px;
    margin-bottom:10%;
}

.admin-data-list-cadre-user img
{
    width:25%;
    margin-bottom:5%;
}

.admin-data-list-cadre
{
    display:flex;
    height:300px;
    align-items:center;
    flex-direction:column;
    margin-top:2%;
    position:relative;
    width:28%;
    margin-left:2%;
    margin-right:2%;
    border-radius:8px;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);   
}

.admin-data-list-cadre h1
{
    font-size:25px;
}

.admin-data-list-cadre img
{
    width:20%;
    margin-bottom:10%;
}

.admin-data-list-cadre-bouton-niv1
{
    display:flex;
    align-items:center;
    justify-content:center;
    font-weight:bold;
    font-size:12px;
    width:45%;
    text-align:center;
    text-transform:uppercase;
    height:25px;
    border-radius:10px;
    text-decoration:none;
    color:white;
    border:1px solid rgb(30, 63, 100);
    background-color:rgb(30, 63, 100);
    cursor:pointer;
}

.admin-data-list-cadre-bouton-niv2
{
    display:flex;
    align-items:center;
    justify-content:center;
    font-weight:bold;
    font-size:12px;
    width:40%;
    text-align:center;
    text-transform:uppercase;
    height:25px;
    border-radius:10px;
    text-decoration:none;
    color:white;
    border:1px solid rgb(30, 63, 100);
    background-color:rgb(30, 63, 100);
    cursor:pointer;
    margin-left:10%;
    margin-right:10%;
}

.admin-cadre-bouton
{
    display:flex;
    width:100%;
    justify-content:center;
    height:50px;
    align-items:center;
}

/* UsersList */
.UsersList
{
    display:flex;
    width:100%;
    height:auto;
}

.userslist-menu
{
    display:flex;
    width:15%;
    height:800px;
}

.userslist-data
{
    display:flex;
    flex-direction:column;
    width:83%;
    margin-left:1%;
    margin-right: 1%;
}

.userslist-data-entete
{
    display:grid;
    grid-template-rows: auto;
    grid-template-columns: 2fr 1fr 1fr 1fr 1fr;
    background-color:black;
    color:white;
    font-size:12px;
}

.userslist-data-list
{
    display:grid;
    grid-template-rows: auto;
    grid-template-columns: 2fr 1fr 1fr 1fr 1fr;
    border-bottom:1px solid black;
    font-size:12px;
}

.userslist-data-action
{
    display:flex;
    width:100%;
    align-items: center;
    
}

/*UsersCreate */
.UsersCreate
{
    display:flex;
    width:100%;
    height:auto;
}

.userscreate-menu
{
    display:flex;
    width:15%;
    height:800px;
}

.userscreate-titre
{
    display:flex;
    flex-direction:column;
    width:100%;
    align-items:center;
}

.userscreate-data
{
    display:flex;
    flex-direction:column;
    width:83%;
    margin-left:1%;
    margin-right: 1%;
}

.userscreate-form
{
    display:flex;
    flex-direction:column;
    width:100%;
    align-items:center;
    height:auto;
}

.userscreate-form select
{
    width:70%;
}

.userscreate-form input
{
    width:70%;
}

.userscreate-form-submit
{
    display:flex;
    width:100%;
    height:auto;
    margin-top:1%;
    justify-content: center;
}

.userscreate-form-submit input
{
    display:flex;
    justify-content:center;
    align-items:center;
    border:1px solid orange;
    background-color: orange;
    width:75%;
    height:45px;
    margin-top:2%;
    margin-bottom:2%;
    text-transform: uppercase;
    color:white;
    cursor:pointer;
} 

/*StockCreate */
.StockCreate
{
    display:flex;
    width:100%;
    height:auto;
}

.stockcreate-menu
{
    display:flex;
    width:15%;
    height:800px;
}

.stockcreate-titre
{
    display:flex;
    flex-direction:column;
    width:100%;
    align-items:center;
}

.stockcreate-data
{
    display:flex;
    flex-direction:column;
    width:83%;
    margin-left:1%;
    margin-right: 1%;
}

.stockcreate-form
{
    display:flex;
    flex-direction:column;
    width:100%;
    align-items:center;
    height:auto;
}

.stockcreate-form select
{
    width:70%;
}

.stockcreate-form input
{
    width:70%;
}

.stockcreate-form-submit
{
    display:flex;
    width:100%;
    height:auto;
    margin-top:1%;
    justify-content: center;
}

.stockcreate-form-submit input
{
    display:flex;
    justify-content:center;
    align-items:center;
    border:1px solid orange;
    background-color: orange;
    width:75%;
    height:45px;
    margin-top:2%;
    margin-bottom:2%;
    text-transform: uppercase;
    color:white;
    cursor:pointer;
} 

/*Categories */
.CatCreate
{
    display:flex;
    width:100%;
    height:auto;
}

.catcreate-menu
{
    display:flex;
    width:15%;
    height:800px;
}

.catcreate-titre
{
    display:flex;
    flex-direction:column;
    width:100%;
    align-items:center;
}

.catcreate-data
{
    display:flex;
    flex-direction:column;
    width:83%;
    margin-left:1%;
    margin-right: 1%;
}

.catcreate-form
{
    display:flex;
    flex-direction:column;
    width:100%;
    align-items:center;
    height:auto;
}

.catcreate-form select
{
    width:70%;
}

.catcreate-form input
{
    width:70%;
}

.catcreate-form-submit
{
    display:flex;
    width:100%;
    height:auto;
    margin-top:1%;
    justify-content: center;
}

.catcreate-form-submit input
{
    display:flex;
    justify-content:center;
    align-items:center;
    border:1px solid orange;
    background-color: orange;
    width:75%;
    height:45px;
    margin-top:2%;
    margin-bottom:2%;
    text-transform: uppercase;
    color:white;
    cursor:pointer;
}

/*Categories Edit */
.CatEdit
{
    display:flex;
    width:100%;
    height:auto;
}

.catedit-menu
{
    display:flex;
    width:15%;
    height:800px;
}

.catedit-titre
{
    display:flex;
    flex-direction:column;
    width:100%;
    align-items:center;
}

.catedit-data
{
    display:flex;
    flex-direction:column;
    width:83%;
    margin-left:1%;
    margin-right: 1%;
}

.catedit-form
{
    display:flex;
    flex-direction:column;
    width:100%;
    align-items:center;
    height:auto;
}

.catedit-form select
{
    width:70%;
}

.catedit-form input
{
    width:70%;
}

.catedit-form-submit
{
    display:flex;
    width:100%;
    height:auto;
    margin-top:1%;
    justify-content: center;
}

.catedit-form-submit input
{
    display:flex;
    justify-content:center;
    align-items:center;
    border:1px solid orange;
    background-color: orange;
    width:75%;
    height:45px;
    margin-top:2%;
    margin-bottom:2%;
    text-transform: uppercase;
    color:white;
    cursor:pointer;
}


/* Categories List */
.CategoriesList
{
    display:flex;
    width:100%;
    height:auto;
}

.categorieslist-menu
{
    display:flex;
    width:15%;
    height:800px;
}

.categorieslist-data
{
    display:flex;
    flex-direction:column;
    width:83%;
    margin-left:1%;
    margin-right: 1%;
}

.categorieslist-data-entete
{
    display:grid;
    grid-template-rows: auto;
    grid-template-columns: 2fr 1fr 1fr 1fr 1fr;
    background-color:black;
    color:white;
    font-size:12px;
}

.categorieslist-data-list
{
    display:grid;
    grid-template-rows: auto;
    grid-template-columns: 2fr 1fr 1fr 1fr 1fr;
    border-bottom:1px solid black;
    font-size:12px;
}

.categorieslist-data-action
{
    display:flex;
    width:100%;
    align-items: center;
    
}

/* ProduitsList */
.ProduitsList
{
    display:flex;
    width:100%;
    height:auto;
}

.produitslist-menu
{
    display:flex;
    width:15%;
    height:800px;
}

.produitslist-data
{
    display:flex;
    flex-direction:column;
    width:83%;
    margin-left:1%;
    margin-right: 1%;
}

.produitslist-data-entete
{
    display:grid;
    grid-template-rows: auto;
    grid-template-columns: 2fr 1fr 1fr 1fr 1fr;
    background-color:black;
    color:white;
    font-size:12px;
}

.produitslist-data-list
{
    display:grid;
    grid-template-rows: auto;
    grid-template-columns: 2fr 1fr 1fr 1fr 1fr;
    border-bottom:1px solid black;
    font-size:12px;
}

.produitslist-data-action
{
    display:flex;
    width:100%;
    align-items: center;
    
}

/*ProduitsCreate */
.ProduitCreate
{
    display:flex;
    width:100%;
    height:auto;
}

.produitcreate-menu
{
    display:flex;
    width:15%;
    height:800px;
}

.produitcreate-titre
{
    display:flex;
    flex-direction:column;
    width:100%;
    align-items:center;
}

.produitcreate-data
{
    display:flex;
    flex-direction:column;
    width:83%;
    margin-left:1%;
    margin-right: 1%;
}

.produitcreate-form
{
    display:flex;
    flex-direction:column;
    width:100%;
    align-items:center;
    height:auto;
}

.produitcreate-form select
{
    width:70%;
}

.produitcreate-form input
{
    width:70%;
}

.produitcreate-form-desc
{
    width:70%;
    height:300px;
    white-space : pre; 
}

.produitcreate-form-submit
{
    display:flex;
    width:100%;
    height:auto;
    margin-top:1%;
    justify-content: center;
}

.produitcreate-form-submit input
{
    display:flex;
    justify-content:center;
    align-items:center;
    border:1px solid orange;
    background-color: orange;
    width:75%;
    height:45px;
    margin-top:2%;
    margin-bottom:2%;
    text-transform: uppercase;
    color:white;
    cursor:pointer;
}

/* ProduitsEdit */
.ProduitEdit
{
    display:flex;
    width:100%;
    height:auto;
}

.produitedit-menu
{
    display:flex;
    width:15%;
    height:800px;
}

.produitedit-titre
{
    display:flex;
    flex-direction:column;
    width:100%;
    align-items:center;
}

.produitedit-data
{
    display:flex;
    flex-direction:column;
    width:83%;
    margin-left:1%;
    margin-right: 1%;
}

.produitedit-form
{
    display:flex;
    flex-direction:column;
    width:100%;
    align-items:center;
    height:auto;
}

.produit-edit-form-infos
{
    display:flex;
    width:100%;
    height:auto;
}

.produit-edit-form-gauche
{
    display:flex;
    flex-direction: column;
    width:50%;
    align-items:center;
    height:auto;
}

.produit-edit-form-gauche textarea
{
    width:70%;
    height:200px;
}

.produit-edit-form-droite
{
    display:flex;
    flex-direction: column;
    width:50%;
    align-items:center;
    height:auto;
}
.produitedit-form select
{
    width:70%;
}

.produitedit-form input
{
    width:70%;
}

.produitedit-form-desc
{
    width:70%;
    height:150px;
    white-space : pre; 
}

.produitedit-form-submit
{
    display:flex;
    width:100%;
    margin-top:1%;
    align-items:center;
    justify-content: center;
}

.produitedit-form-submit input
{
    display:flex;
    justify-content:center;
    align-items:center;
    border:1px solid orange;
    background-color: orange;
    width:75%;
    height:45px;
    margin-top:2%;
    margin-bottom:2%;
    text-transform: uppercase;
    color:white;
    cursor:pointer;
} 

.produitedit-form-images
{
    display:flex;
    flex-wrap:wrap;
    width:70%;
    height:auto;
    margin-top:2%;
}

.produitedit-form-images-ligne
{
    display:flex;
    width:15%;
    height:200px;
    flex-direction:column;
    height:auto;
}

.produitedit-form-images-ligne img
{
    width:100%;
}

/*ProduitsParams */
.ProduitParams
{
    display:flex;
    width:100%;
    height:auto;
}

.produitparams-menu
{
    display:flex;
    width:15%;
    height:800px;
}

.produitparams-titre
{
    display:flex;
    flex-direction:column;
    width:100%;
    align-items:center;
}

.produitparams-data
{
    display:flex;
    flex-direction:column;
    width:83%;
    margin-left:1%;
    margin-right: 1%;
}

.produitparams-form
{
    display:flex;
    flex-direction:column;
    width:100%;
    align-items:center;
    height:auto;
}

.produitparams-form input
{
    width:45%;
}

.produitparams-form-submit
{
    display:flex;
    width:100%;
    margin-top:1%;
    align-items:center;
    justify-content: center;
}

.produitparams-form-submit input
{
    display:flex;
    justify-content:center;
    align-items:center;
    border:1px solid orange;
    background-color: orange;
    width:75%;
    height:45px;
    margin-top:2%;
    margin-bottom:2%;
    text-transform: uppercase;
    color:white;
    cursor:pointer;
} 



/*UsersEditImage */
.ProduitImage
{
    display:flex;
    width:100%;
    height:auto;
}

.produitimage-menu
{
    display:flex;
    width:15%;
    height:800px;
}

.produitimage-titre
{
    display:flex;
    flex-direction:column;
    width:100%;
    align-items:center;
}

/* Boutons Liens */
.action-liens
{
    display:flex;
    align-items:center;
    justify-content: center;
    width:25px;
    height:25px;
    margin-left:2%;
    margin-right:2%;
    color:white;
    font-weight: bold;
    border-radius:50%;
    text-decoration:none;
    background-color: orange;
    text-transform:uppercase;
}

.commandelist-data-action-genfacture
{
    display:flex;
    align-items:center;
    justify-content: center;
    width:25px;
    height:25px;
    margin-left:2%;
    margin-right:2%;
    color:white;
    font-weight: bold;
    border-radius:50%;
    text-decoration:none;
    background-color: orange;
    text-transform:uppercase;
    cursor:pointer;
}

/* Commandes List */
.CommandesList
{
    display:flex;
    width:100%;
    height:auto;
}

.commandeslist-menu
{
    display:flex;
    width:15%;
    height:800px;
}

.commandeslist-data
{
    display:flex;
    flex-direction:column;
    width:83%;
    margin-left:1%;
    margin-right: 1%;
}

.commandeslist-data-entete
{
    display:grid;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    background-color:black;
    color:white;
    font-size:12px;
}

.commandeslist-data-list
{
    display:grid;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    border-bottom:1px solid black;
    font-size:12px;
}

.commandeslist-data-action
{
    display:flex;
    width:100%;
    align-items: center;
    
}

.CmdsGenEtiquette
{
    display:flex;
    width:100%;
    height:auto;
}

/* Commandes List */
.cmdsgenetiquette-menu
{
    display:flex;
    width:15%;
    height:800px;
}

.cmdsgenetiquette-data
{
    display:flex;
    flex-direction:column;
    width:83%;
    margin-left:1%;
    margin-right: 1%;
}