@media all and (min-width:50px) and (max-width: 3000px)

{


















.mon-element:hover {
    background-color: #BEAEE2;
    color: white;
}

h1:hover {
    color: #CDF0EA;
}

p:hover {
    color: #F9CEEE;
}

a:visited
{

	color:black;
}


.conteneur
{



    display: grid;
    flex-direction:row;
    align-content:space-around;
   
  flex-wrap:wrap;

  justify-content:space-around;

 

  
    grid-template-columns: 200px 200px 200px;
    
    gap: 20px;




padding: 60px;





}


.Siteneur
{


  
	padding:20px;
	font-size:1.9em;
	border-style:solid;
	border-width:3px;
	border-radius:20px;

	width:200px;

	height:150px;

	background-color:white;



   

	


}


.Siteneur:hover
{

background-color: blue;

}









.basse
{

	

   background-image: url('KING 3.png');

   width: 1400px;

   height:660px;

   width


	background-attachment:fixed;


}




.pied
{





    width: 1400px;

    background-color:#ffd87b;

   height:660px;

   background-attachment:fixed;

   background-image: url('KING 4.png');




}


.main
{

	background-color:black;
	width: 1400px;
}


















.Systeneur
{



     display: grid;
    flex-direction:row;
    align-content:space-around;
   
  flex-wrap:wrap;

  justify-content:space-around;

 

  
    grid-template-columns: 200px 200px 200px;
    
    gap: 20px;




padding: 60px;




}





















.hteneurUn
{

padding:20px;
	font-size:1.9em;
	border-style:solid;
	border-width:3px;
	border-radius:20px;

	width:350px;

	height:350px;

	background-color:blue;



}


.hteneurUn:hover
{

background-color: blue;

}


























.hteneurDeux
{

padding:20px;
	font-size:1.9em;
	border-style:solid;
	border-width:3px;
	border-radius:20px;

	width:700px;

	height:350px;

	background-color:white;



}


.hteneurDeux:hover
{

background-color: blue;

}




























.hteneurTrois
{

padding:20px;
	font-size:1.9em;
	border-style:solid;
	border-width:3px;
	border-radius:20px;

	width:1000px;

	height:150px;

	background-color:#f3d88f;



}


.hteneurTrois:hover
{

background-color: #13dfc9;

}





















.hteneurQuatre
{

padding:20px;
	font-size:1.9em;
	border-style:solid;
	border-width:3px;
	border-radius:20px;

	width:1000px;

	height:2500px;

	background-color:white;



}


.hteneurQuatre:hover
{

background-color: white;

}












.Sain
{


background-color:red;
	width: 1400px;


}




.Titre
{


 color:#fbbf09;


}







.PageArriere
{

padding:20px;
	font-size:1.9em;
	border-style:solid;
	border-width:3px;
	border-radius:20px;

	width:1000px;

	height:800px;

	background-color:white;



}


.PageArriere:hover
{

background-color: #13dfc9;

}













.hteneurhuit
{

padding:20px;
	font-size:1.9em;
	border-style:solid;
	border-width:3px;
	border-radius:20px;

	width:1000px;

	height:150px;

	background-color:#ffffff;



}


.hteneurhuit:hover
{

background-color: #13dfc9;

}




























}