/*ceci est mon fichier css appelé esperanto.css  utilisé avec esperanto pleintrafic.com */

*{ margin: 0; }
body

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

#en_tete img   /* image, banière */

{
width : 740px;
margin-left: 480px;
   margin-top: 20px;
   margin-bottom: 20px; 
 /*margin-left : 25px; 
  margin-right : 25px; */
text-align : center;

 border-style : inset;
 border-width :3px;
border-color : blue;
/*background-color : lightblue; couleur du fond */

width : 420px;   /*largeur de l'image */
height : 85px;
   }
#en_tete a:hover /*passage de la souris */
{

 /*  background-color: blue;*/
   color: yellow;
    padding-left: 0px; /*marge du texte */
 }
 
   
   
   
div#corps 
{ 
 border: solid 0px;
 width : 1300px; 
 background-color : #ddffee;
 
 
 
 }
 
  div#corps p 
  {
  margin-left : 250px; 
  margin-right : 250px;

 border-style : inset;
 border-width :0px;
border-color : blue;
background-color : lightblue;
   padding-left: 30px; /*marge du texte */
  
  }  

 /*#corps
{
  width : 800px;
   padding: 1px;
  
   margin-left : 250px;
       background-image : url("http://pleintrafic.com/ciel.jpg");
}*/


#corps h1  /*texte à droite */
{
    font-family:   "Verdana", Arial,serif; 
   padding-left: 30px; /*aligne le texte */
   color: black;
 margin-left : 250px; 
  margin-right : 250px;
   font-weight : lighter;  
   font-size: 21px;
   background-color : lightblue;
}


#corps h2 
{
    font-family: "Arial",  Verdana, serif; 
   padding-left: 0px; /*aligne le texte */
   color: blue;
 margin-left : 350px; 
  margin-right : 250px;
   font-weight : lighter;  
   size: 1px;
   background-color : lightblue;
     padding-left: 30px;
}

#corps h3  /*texte à droite */
{
    font-family: "Arial",  Verdana, serif; 
   padding-left: 5px; /*aligne le texte */
   color: black;
   font-weight : bold;  
  margin-left : 250px; 
  margin-right : 250px;
   margin-top : 0px;  
 margin-bottom : 0px; /*marge */
   font-size : 15px;
   background-color : lightblue;
     padding-left: 30px; /*mage du texte */
}





#corps h4  /*texte à droite */
{
    font-family: "Arial",  Verdana, serif; 
   /*padding-left: 5px; aligne le texte 
   color: black;
   text-align: center;*/
    text-decoration: underline; /*souligne*/
   font-weight : bold;  
   size : 60px;
   margin-left : 250px; 
  margin-right : 250px;
background-color : lightblue;  
   padding-left: 30px; /*marge du texte */
   margin-top :0px;  
 margin-bottom : 0px;
}
#corps h5  /*texte à droite */
{
    font-family: "Arial",  Verdana, serif; 
  
   color: black;
   font-weight : bold;  

  text-decoration: underline; /*souligne */
  margin-left : 250px; 
  margin-right : 250px;
   font-size : 15px;
    margin-top :0px;  
 margin-bottom : 0px;
 background-color : lightblue;
  padding-left: 30px; /*mage du texte */
}

#corps h6  /*texte à droite */
{
  font-family: "Arial",  Verdana, serif; 
   padding-left: 5px; /*aligne le texte */
 font-weight : lighter;
font-style: italic;
  margin-left : 250px; 
  margin-right : 250px;
   margin-top : 0px;  /*marge */
 margin-bottom : 0px;/*marge */
   font-size : 15px;
   background-color : lightblue;
    padding-left: 30px; /*mage du texte */
}

#corps  td   /* Toutes les cellules des tableaux... */
    {
	  width : 760px;
margin-left: 160px;
	font-size : 12px; /*texte total tableau*/
   border-style : outset ; /*bordure tableau en relief*/
   border-width : 2px; /* interieur du tableau auront une bordure de 1px */
   border-color : blue; /*couleur bordure tableau*/
   border-collapse : collapse;
   font-family: "Arial",  Verdana, serif;
   	color : black; /*couleur texte case coté gauche*/
	text-align : center; /*cetre le text dans la colonne de droite et dans les bannière texte*/
 background-color : #ffffff; /*couleur blanche  fond du tableau*/

 
}
#corps  th /*tete du tableau ou th aulieu de td */
    { font-weight : bolder;
	  width : 760px;
margin-left: 160px;
	font-size : 12px; /*texte total tableau*/
   border-style : outset ; /*bordure tableau en relief*/
   border-width : 2px; /* interieur du tableau auront une bordure de 1px */
   border-color : blue; /*couleur bordure tableau*/
   border-collapse : collapse;
   font-family: "Arial",  Verdana, serif;
   	color : black; /*couleur texte case coté gauche*/
	text-align : center; /*cetre le text dans la colonne de droite et dans les bannière texte*/
 background-color : #ffffff; /*couleur blanche  fond du tableau*/
	
	}

#corps img
{
padding-left: 150px
width : 150px;   /*largeur de l'image */
height : 100px;
margin-top : 1px;

  margin-left : 150px; 
  margin-right : 1px;
}

.drapeau 
 { display : inline;
 padding-left: 550px
 width :350px;   /*largeur de l'image */
height : 100px;
margin-top : 1px;

  margin-left : 130px; 

}








 #corps a
{
   color: blue; /*couleur autour des bannières  et du texte*/
       font-size : 15px;
	   font-family:  "Verdana" Arial, serif;
	  	   font-weight : bold;
}

 #corps a:hover /*passage de la souris */
{

   background-color: blue;
   color: yellow;
    padding-left: 3px; /*marge du texte deplace au passage de la souris */
 }
 
  
/* Le pied de page (qui se trouve tout en bas, en général pour les copyrights) */


#pied_de_page img
{
width : auto;   /*largeur */
height : auto;
 border-style : inset;
 border-width :3px;
border-color : blue;
}
#pied_de_page p
{
text-align : center;
}
 
  #pied_de_page a
  {
   color: blue; /*couleur autour des bannières  et du texte*/
       font-size : 15px;
	   font-family:  "Verdana" Arial,, serif;
	  	   font-weight : bold;
  margin-left : 50px;
  }
 
 #pied_de_page a:hover  /*passage de la souris */
{

   background-color: blue;
   color: yellow;
    padding-left: 3px; /*marge du texte deplace au passage de la souris */
 }