/*ceci est mon fichier css appelé index.css  il gère le cours d'esperanto visuel */
body {
    margin: 0;
    padding: 0;
    width: 100%;
    background-color: #e1fcff; /* bleu clair partout */
}



/* L'en-tête */

#en_tete

{
width: 760px;
 
    height: 75px;
  text-align : center; /*centre le pavé dans la page a 990 pour explorer*/
margin-left : auto ; /*centre le pavé dans la page a 990 pour explorer*/
margin-right : auto ; /*centre le pavé dans la page a 990 pour explorer*/
  margin-top : 20px; /*marge du haut*/
 
 
      
}


/* Le menu */

#menu
{
 width: 760px;
 text-align : center; /*centre le pavé dans la page a 990 pour explorer*/
margin-left : auto ; /*centre le pavé dans la page a 990 pour explorer*/
margin-right : auto ; /*centre le pavé dans la page a 990 pour explorer*/
   margin-bottom: 5px;

   border: 0px solid black;  /*cadre du menu*/
   border-style : outset; /*cadre corps relief*/
 
}


 #menu h3
{  
margin-top : 5px; /*marge haut text menu */  
margin-bottom : 5px;
   color: blue;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   text-align: center;
}



 #menu a
{
text-align : center; /*centre le pavé dans la page a 990 pour explorer*/
margin-left : auto ; /*centre le pavé dans la page a 990 pour explorer*/
margin-right : auto ; /*centre le pavé dans la page a 990 pour explorer*/
font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
font-size : 16px;
   color: black;
 	border-style : outset; /*bord du bouton en relief suiavnt la cote border*/   border-width : 1px;
    border-color : #cccccc;
	
    background-image : url("boutong.jpg");
}

#menu  a:hover
{

   background-image : boutonv.jpg;
   color: red;
	border-style : outset; /*bord du bouton en relief suiavnt la cote border*/   border-width : 1px;
  border-color : #cccccc;
    background-image : url("boutonv.jpg");
}




/* Le corps de la page */

#corps {
    width: 100%;
    max-width: 790px;
    margin: auto;
    background-color: #e1fcff; /* même bleu que le body */
    padding-left: 15px;  /* marge interne */
    padding-right: 15px; /* marge interne */
    font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
     font-size: 18px; /* ? taille lisible */
    color: black;
    text-align: justify;
}







#corps p
{

text-align: left;

}


#corps ul
{
   list-style-image: url("images/puce.png");
   padding: 0px;
   padding-left: 0px;
   margin: 0px;
   margin-bottom: 0px;
}

#corps  a
{
text-align : center;
font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
font-size : 16px;
   color: blue;
  
  
  
  
	
 
}

 #corps a:hover
{
   
   color: red;
  border-width : 1px;
  border-color : #cccccc;
 
}
.euro 
{
font-size : 16px;
text-decoration : blink;
color : red;
  font-family: "Arial Black", "Times New Roman", Times, serif;
  margin-right : 1px;
  margin-left : 1px;
  background-color : yellow; 
}

#corps h1
{
   color: blue;
   text-align: center;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   font-size: 26px;
}
#corps h2
{
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   font-size : 20px;
    color: black;
  font-style: italic;
}
#corps h3
{

color : black;
font-size : 16px;
 font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
 display : inline;
}
#corps h4 /*texte  aà partire de 19 e */
{
color : red;
font-size : 18px;
 font-family: Arial, "Arial Black", "Times New Roman", Times, serif;

 display : inline;
 background-color : yellow;
}
#corps h5
{
color : black;
font-size : 18px;
 font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
 font-style : italic;
 font-weight : lighter;
}

#images img {
    width: 100%;
    height: auto;
    display: block;
}
#images {
    width: 100%;
    max-width: 450px;
    margin: 20px auto;
}





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

#pied_de_page
{
width: 760px;
font-size : 12px; /* taille texte des liens en bas de page */
 font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
    padding: 5px;
    margin-top : 30px;
   text-align: center;
   font-weight : bold;
   color: blue;
text-align : center; /*centre le pavé dans la page a 990 pour explorer*/
margin-left : auto ; /*centre le pavé dans la page a 990 pour explorer*/
margin-right : auto ; /*centre le pavé dans la page a 990 pour explorer*/
  
	   }
#banniere
{
width: 760px;
    height: 65px;
 text-align : center; /*centre le pavé dans la page a 990 pour explorer*/
margin-left : auto ; /*centre le pavé dans la page a 990 pour explorer*/
margin-right : auto ; /*centre le pavé dans la page a 990 pour explorer*/
   text-align: center; 
  margin-top : 20px; /*marge du haut*/
    background-repeat: no-repeat;
   background-color : #f3fcfe; 
      
}