html{
	font-family: Calibri;
}

.base_logo {
		border: 0px;
		background-color: #fff;
		position: absolute;
		top: 10px; 
		left: 0px;
		width: 212px;
		height: 105px;
		z-index: 1000;
}
	
	
.base_haut {
		border: 0px;
		background-color: #000000;
		position: absolute;
		top: 0px; 
		left: 212px;
		width: 100%;
		height: 105px;
		z-index: 1000;
}
	

.base_gauche {
		border: 0px;
		background-color: #000000;
		position: absolute;
		top: 105px; 
		left: 0px;
		width: 212px;
		height: 100%;	
		z-index: 1000;
}
	
	
.centre {
		border: 0px;
		background-color: #fff;
		position: relative;
		top: 105px;  /* Ajuste la position verticale si nécessaire */
		left: 212px;   /* Centré horizontalement */
		width: 100%;
		height: 100%;
		z-index: 2000;
}


.overlay-popup {
	position: fixed;
	top: 0;
	left:0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.8);
	display: none;
	z-index: 2;
}

.content-popup {
	position: relative;
	min-width: 600px;
	max-width: 800px;
	padding: 40px;
	background-color: #fff;
	border-radius: 20px;
	z-index: 2;
}

.active-popup {
		display: flex !important;
}


div.mycontainer {
		  width: 100%;
		  overflow: auto;
		}
		
div.mycontainer div {
	width: 30%;  
	float: left;
}

div.mycontainer2 {
		  width: 100%;
		  overflow: auto;
		}
		
div.mycontainer2 div {
	width: 30%;  
	float: top;
}


.base_login {
	position: absolute;
	width: 99%;
	height: 99%;
	background-color: #E1E1E1;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
}

.base_connect {
	width: 40%;
	height: 40%;
	border-radius: 20px;
	background-color: #F1F1F1;
	box-shadow: 5px 5px 10px 10px rgba(0, 0, 0, .2);
}

.imput {
	position: absolute;
	top: 40%;
	width: 20%;
	margin: 3%;
	background-color: #fff;
	border-color: #fff;
}

.pass {
	position: absolute;
	top: 46%;
	width: 20%;
	margin: 3%;
	background-color: #fff;
	border-color: #fff;
}

input {
	border: none;
	vertical-align: middle;
	outline: none;
}

.pass img {
	width: 8%;
	vertical-align: middle;
	cursor: pointer:
}

.Txt {
	position: absolute;
	top: 40%;
	left: 16%;
	width: 50%;
}