body
{  
  // width: 900px;
height: 400px;

  // margin-top: 0px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d'enlever pour voir ! */
   //margin-bottom: 20px;    /* Idem pour le bas du navigateur */

   background-color: white;


 /*  background-attachment: fixed;  Le fond restera fixe */
text-decoration:none;



}
/* L'en-tête */


	}
#en_tete
{ 	
//position: absolute;
	width: 300px; /* Très important : donner une taille au menu */
	height: 100px;
	//top:30px;

	position:fixed;
	
	
   /* Le menu flottera à gauche */
  
  
}
#en_tete img
{ 	
position: absolute;
	
	margin-top:8px;
	padding-left:38%;
	position:fixed;
	
	
   /* Le menu flottera à gauche */
  
  
}
	
/* Le menu */

#menu
{		width: 300px; /* Très important : donner une taille au menu */
	position:absolute;
	left:25%;
	position:fixed;
	/*top:110px;*/
	margin-top:42px;
   /* Le menu flottera à gauche */
   
  
}
#menu2
{width: 300px;
position :absolute;
right:20%;
	position:fixed;
margin-top:42px;
	/*top:110px;*/
	margin-left:360px;
   /* Le menu flottera à gauche */
   	 /* Très important : donner une taille au menu */
  
}

#menu3
{width: 250px;
position :absolute;
bottom:10px;
	text-align : right;
	/*top:110px;*/
right:10px;
   /* Le menu flottera à gauche */
   	 /* Très important : donner une taille au menu */
  /*position:fixed;*/
}
.element_menu
{
   background-color: white;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   border: 0px solid blue;

   margin-bottom: 20px; /* Pour éviter que les éléments du menu ne soient trop collés */
}

/* Quelques effets sur les menus */


.element_menu h3 /* Tous les titres de menus */
{    
   color: black;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   text-align: center;
}



.element_menu a /* Tous les liens se trouvant dans un menu */
{
   color: black;
   text-decoration:none;
}

.element_menu a:hover /* Quand on pointe sur un lien du menu */
{
   background-color: white;
   color: grey;
}


/* Le pied de page (qui se trouve tout en bas, en général pour les copyrights) */


/* Le corps de la page */

#socket2
{   
	position: absolute;
padding: 40px; 
margin-top: 80px;
top:0px;
   left:0px;
   right:0px;
 bottom:25px;
   
	//width:1090px;
height: auto;
overflow-x: auto;
	overflow: scroll;
position:fixed;
  background-color: white;

//border: 2px solid blue;

}


#corps


{   position: absolute;
   width: 80%;
   left: 10%;
   top: 0px;

	
 height: 82%;
 overflow: auto;
margin-top: 78px;
position:fixed;
 /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
margin-bottom: 100px; /* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous */
   padding-bottom: 20px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
   overflow:auto;
   color: white;
   background-color: white; /* Une couleur de fond pour le corps */

//border: 2px solid blue;
   /* Une bordure pour bien marquer les limites du corps et pour faire joli */
}

#corps h1 /* Tous les titres h1 du corps */
{
   color: white;
   text-align: center;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   color:#1E6992;
}

#corps h2 /* Tous les titres h2 du corps */
{
   height: 20px;
 text-align: center;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;

   color: grey;

}
#corps h3 /* Tous les titres h2 du corps */
{
   height: 20px;

   
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   
   color: white;
   text-align: center;
  
}



#liens a
{
 font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   
   color: #1E6992;
   text-align: center;
   padding:20px;
}


#corps h4 /* Tous les titres h2 du corps */
{
   height: 0px;

   
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   
  color:grey;
   text-align: center;
   text-decoration: none;
   
}
#corps p /* Tous les titres h2 du corps */
{
   //height: 20px;


   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   
   color:black;
   text-align: center;
}
#socket
{   
	position: absolute;
padding: 40px; 
margin-top: 80px;
top:0px;
   left:0px;
   right:0px;
 bottom:25px;
   
	width:1090px;
height: auto;
overflow-x: auto;
	overflow: scroll;
position:fixed;
  background-color: black;

//border: 2px solid blue;

}


#corps2


{  height: max;
	//position: absolute;
//border: 2px solid red;
   left:0px;
	width: 5000px;
	//top:auto;

//margin-top: 78px; /* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous */
   margin-bottom: auto; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
   padding-left:100px;
   color: black;
   background-color: black; /* Une couleur de fond pour le corps */
   //top:3%;
//bottom:3%;

}

#corps2 img /* Tous les titres h2 du corps */

{   //position:relative;
	margin-left:200px;
height: auto;
//top:10px;
//bottom:10px;
margin-top:auto;
ovverflow:scroll;
//border: 2px solid orange;
}


#corps3


{  height: max;
	//position: absolute;
//border: 2px solid red;
   left:0px;

	width: 5000px;
	
	//top:auto;

//margin-top: 78px; /* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous */
   margin-bottom: auto; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
   padding-left:100px;
   color: black;
   background-color: white; /* Une couleur de fond pour le corps */
   //top:3%;
//bottom:3%;

}

#corps3 img /* Tous les titres h2 du corps */

{   //position:relative;
	margin-left:200px;
height: auto;
//top:10px;
//bottom:10px;
margin-top:auto;
ovverflow:scroll;
//border: 2px solid orange;
}

#compteur
{   position: absolute;
bottom:-14px;
	left:10px;
	color:black;
	position:fixed;
	
	
	}
#adminiss a
	{text-decoration:none;	
	position: absolute;
	bottom:2px;
	right:20px;
	color:#B3B3B3;
	
	text-align : right;
	position:fixed;
	
		}
/*#biglogo
	{position: absolute;
	top:-10px;
	left:10px;
	position:fixed;
	}*/
#pied_de_page
{ /*float: bottom;  Le menu flottera à gauche */
  // position: absolute;

  bottom: -15px;

   width: 100%; /* Très important : donner une taille au menu */
//height:12px;

position:fixed;

 //left:0px;

text-align: center;

   color: #B3B3B3;
   background:white;
   //padding-top:-25px;
}

#centrage
{
	
	   background:white;
	
	
	}

#liens0 a
{
		margin-bottom:5px;
	  text-decoration:none;
	color:#1E6992;
	font-size:larger;

	
	}
#liens0 p
{
	
	  text-decoration:none;
	color:black;
	font-size:small;line-height:30px;
	}
#liens0 a:hover /* Quand on pointe sur un lien du menu */
{
   background-color: white;
   color: grey;
}
#entree
{
	//position : fixed;
	
	margin-top : 25%;

	
	}
	#entree img
{
	//position : fixed;
	
border : none;
	
	}
	#retour p
	{  	text-align : center;
		
		}