.Bouchra
{
	font-family: "Comfortaa", sans-serif;
	color : #1077c6;
}




.titre
{
    position: absolute;
    animation: glisseD 1s forwards 1s;
    opacity: 0;
    top: 50%; /* Positionnement vertical à 50% */
    left: 50%; /* Positionnement horizontal à 50% */
    transform: translate(-50%, -50%);
	
	font-weight: 500;
	font-style: normal;
}

@keyframes glisseD 
{
    0% 	
	{
        top: 5%;
		left: -50%;
		opacity : 50%;
	}
	

    100% 	
	{
        top: 5%;
		left: 50%;
		opacity : 100%;
	}
		
}	


.button 
{
  	background-color: white;
  	color: #1077c6;
		
	font-family: "Comfortaa", sans-serif;
	border: none;
	
	padding: 10px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 18px;
	margin: 4px 2px;
	cursor: pointer;
	border-radius: 12px;
	width: 150px;
	font-weight: bold;
	border: 2px solid #1077c6;
}	

.button:hover
{
	background-color: #1077c6;
	color: white;
	transform: translate(2px, 2px);
 
}


.bsel 
{
	background-color: #1077c6;
	color: white;
		
	font-family: "Comfortaa", sans-serif;
	border: none;
	
	padding: 10px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 18px;
	margin: 4px 2px;
	cursor: pointer;
	border-radius: 12px;
	width: 150px;
	font-weight: bold;
	border: 2px solid red;
}


i {
    font-size: 36px; 
	padding: 10px;
	
}

input::placeholder, textarea::placeholder {
    font-weight: bold;
    opacity: .25;
    color: red;
	font-size: 15px;
}

input[disabled]::placeholder {
    color: #999; /* Couleur du placeholder */
    font-style: italic; /* Style de police (italique) */
    /* Autres styles CSS */
}

ul {
	width: 500px;
	border: 1px solid #eaeaea;
	z-index: 9;
	background: #f3f3f3;
	list-style: none;	
	margin: 0;
	padding: 0;
	
	position: inherit;
	text-align: left;
}

ul li 
{
	padding: 2px;
}

 ul li:hover 
{
	background: #eaeaea;
}

.b2 
{
  	background-color:  #1077c6;
  	color: white;
		
	font-family: "Comfortaa", sans-serif;
	border: none;
	
	padding: 15px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 26px;
	margin: 10px;
	cursor: pointer;
	border-radius: 12px;

	font-weight: bold;

}	

.b2:disabled 
{
	cursor:none;
	background-color: Grey;
	color: #CCCCCC; 
 
}