body
{
 margin: auto; /* Pour centrer notre page */
}


#log 
{
width: 900px;
overflow: hidden;
padding-left: 0%;
padding-top: 2px;
padding-bottom: 2px;
color: white;
background-color: #008080;
margin-left: auto; 
margin-right: auto; 
font-family: "courrier new";
}


#menu 
{
width:900px;
height: 50px;
background-color: white;
overflow: hidden; /* Empêche le dépassement des flottants. */
margin-left: auto; 
margin-right: auto; 
font-family: "courrier new";
margin-top:5px;
margin-bottom:5px;

}

#contenu 
{
width: 900px;
height: 850px;
background-color: white;
overflow: hidden;
margin-left: auto; 
margin-right: auto; 
font-family: "courrier new";
}


#contenu  td
{
	font-family: "Times New Roman", Times, serif;
    font-size: small;
	background-color:#EAEAAE;
	
}

#contenu  th
{
	font-family: "Times New Roman", Times, serif;
    font-size: small;
	background-color:#EAEAAE;
	
}




#contenu  td
{
	font-family: "Times New Roman", Times, serif;
    font-size: small;
	background-color:#EAEAAE;
	
}

#contenu  th
{
	font-family: "Times New Roman", Times, serif;
    font-size: small;
	background-color:#EAEAAE;
	
}

#contenu_mobile
{
display:none;
}


#blocgauche
{
width: 500px;
height: 800px;
background-color: white;
overflow: hidden;
margin-left: 0; 
margin-right: auto; 
font-family: "courrier new";
float: left;
}

#blocgauche1
{
width: 450px;
height: 700px;
background-color: #E1E6FA;

margin-left: 400 px; 
margin-right: auto; 
padding-left: 20 px;
font-family: "courrier new";
float: left;
word-wrap: break-word;
}



#blocdroit
{
width: 400px;
height: 700px;
background-color: #B0F2B6;

margin-left: 400 px; 
margin-right: auto; 
padding-left: 20 px;
font-family: "courrier new";
float: right;
word-wrap: break-word;
}




#footer
{
width: 900px;
background-color: black;
overflow: hidden;
margin-left: auto; 
margin-right: auto; 
font-family: "courrier new";
color: white;
font-size: small;
text-align:center;
}


/* Définit la couleur des liens hypertexte dans le div contenu */
a:link {  color: black ; text-decoration:undreline;}
a:visited {  color: black ; text-decoration:undreline;}
a:hover {  color: red ; text-decoration:undreline;}


/* Définit la couleur des liens hypertexte dans le div footer */
#footer a:link {  color: white ; text-decoration:undreline;}
#footer a:visited {  color: white ; text-decoration:undreline;}
#footer a:hover {  color: red ; text-decoration:undreline;}

/* Définit la couleur des liens hypertexte dans le div log */
#log a:link {  color: white ; text-decoration:undreline;}
#log a:visited {  color: white ; text-decoration:undreline;}
#log a:hover {  color: red ; text-decoration:undreline;}



@media all and (min-width: 320px) and (max-width: 930px) /* Pour les smartphones */
{
	
body
{
   width: 100%;
   height: 100%;
   margin: auto; /* Pour centrer notre page */
   margin-top: 0px; 
   margin-bottom: 20px;
   background-color: white;
  
}

#log
    {
	display: none;
	
  }
  
#contenu
    {
	display: none;
	
  }
  
#contenu_mobile
    {
	display:block ;
	width: 100%;
    height: 100%;
    background-color: white;
    padding-left: 0%;
	
  } 
  
#footer
    {
	display: none;
	
  }

 #conexion
{
   
   font-size : 60%;
  

}

#form
{
   text-align: center;
   font-size : 400%;
}

.centrage {text-align: center;}

}