@charset "utf-8";
/* CSS Document */

.CONTENEUR_PRICIPAL {
    display: flex; /* Crée un conteneur flexible */
    justify-content: space-between; /* Espace équitablement les éléments horizontalement */
    align-items: center; /* Centre les éléments verticalement */
    background-color: #f0f0f0;
    padding: 15px;
	max-height: 100vh;
	max-width: 100vw;
}

.CONTENEUR_CENTRAL {
    /*width: 50px;
    height: 50px;*/
    background-color: #3498db;
    color: #fff;
    text-align: center;
    line-height: 50px;
    margin: 5px;
	justify-content: space-between;
	height: 100vh;
	width: 100vw;
}

.CONTENEUR_MENU {
	height: auto;
	width: auto;
    display: flex; /* Crée un conteneur flexible */
    justify-content: space-between; /* Espace équitablement les éléments horizontalement */
    align-items: center; /* Centre les éléments verticalement */
    background-color: #f0f0f0;
    /*padding: 10px;*/
	/*max-height: 100vh;
	max-width: 100vw;*/
}


.FLAN {
	height: auto;
	width: auto;
    background-color: #3498db;
    color: #fff;
    text-align: center;
    line-height: 100px;
    margin: 5px;
}

.MENU_DU_DESSUS {
	/*flex: 1;
    width: inherit;
    height: inherit;
    background-color: #3498db;
    color: #fff;
    text-align: center;
    line-height: 100px;
    margin: 5px;*/
	
	display: flex;
    flex-direction: column; /* Utilisez "row" pour une disposition horizontale */
    align-items: center; /* Centre les éléments horizontalement */
    justify-content: center; /* Centre les éléments verticalement */
    height: 10%;
	width: auto;
}

.MENU_DU_DESSOUS {
	/*flex: 1;
    width: inherit;
    height: inherit;
    background-color: #3498db;
    color: #fff;
    text-align: center;
    line-height: 100px;
    margin: 5px;*/
	
	display: flex;
    flex-direction: column; /* Utilisez "row" pour une disposition horizontale */
    align-items: center; /* Centre les éléments horizontalement */
    justify-content: center; /* Centre les éléments verticalement */
    height: 90%;
	width: auto;
}

.CONTENU_DES_FLANS {
    width: 50px;
    height: 50px;
    background-color: #3498db;
    color: #fff;
    text-align: center;
    line-height: 50px;
    margin: 5px;
	padding: 5px;
	justify-content: space-between;
}


.CONTENU_ED_HAX_STUCK_ED_MENU {
    width: 50px;
    height: 50px;
    background-color: #3498db;
    color: #fff;
    text-align: center;
    line-height: 50px;
    margin: 5px;
	padding: 5px;
	justify-content: space-between;
}


.BORDERcolor {
	background-color: chartreuse;
	border: groove;
}

.ESSAI {
	background-color: red;
	border: groove;
}