/* Ceci est un commentaire. <style>  est la balise indiquant que ce qui suit est du code CSS */ 

.separation {
  display:inline-block;
  position:relative;
  background-color:#ffffff;
  top:-5px;
  /*border:1px solid red;*/
  height:28px;  
}

/* .separation::after { content: " | ";  }  Ne permet pas d'insérer du code HTML */

#menu { /* Pour avoir un menu fixe en haut de fenêtre */
  position:fixed; 
  background-color:#e0e0e0;
  color:#000080;
  left:0px; 
  top:0px;
  height:18pt;
  width:100%;
  z-index:3;
  padding-top:5px;
  padding-left:8px;  
}

#menu a:hover{color:#0080ff;}

#menu1 { 
  display:inline-block;
  position:relative;
  text-align:left;
  }

#menu1:hover {
  cursor:default;
  }

#menu1_ouvert { 
  display:none; /* c.f. http://www.w3schools.com/cssref/pr_class_display.asp */
  position:relative; /* absolute; fixed; relative; static; */ 
  left:-6pt;
  top:2pt;
  padding:5px 8px 2px 8px;  
  font-size:12pt;
  background-color:#f0f0f0;
  line-height:180%;
  border-width:1px;
  border-style:none solid solid solid;
  border-color:#808080;
  }

#menu1:hover  #menu1_ouvert {
  display:inline-block; /* Ouvre le menu */
  }

#menu1_ouvert:hover{
  display:inline-block;  /* Pour garder le menu ouvert */
  }
/*=========================================*/

#menu2 { 
  display:inline-block;
  position:relative;
  text-align:left;
  }

#menu2:hover {
  cursor:default;
  }

#menu2_ouvert { 
  display:none; /* c.f. http://www.w3schools.com/cssref/pr_class_display.asp */
  position:relative; /* absolute; fixed; relative; static; */ 
  left:-6pt;
  top:2pt;
  padding:5px 8px 2px 8px;  
  font-size:12pt;
  background-color:#f0f0f0;
  line-height:180%;
  border-width:1px;
  border-style:none solid solid solid;
  border-color:#808080;
  }

#menu2:hover  #menu2_ouvert {
  display:inline-block; /* Ouvre le menu */
  }

#menu2_ouvert:hover{
  display:inline-block;  /* Pour garder le menu ouvert */
  }
/*=========================================*/

#menu3 { 
  display:inline-block;
  position:relative;
  text-align:left;
  }

#menu3:hover {
  cursor:default;
  }

#menu3_ouvert { 
  display:none; /* c.f. http://www.w3schools.com/cssref/pr_class_display.asp */
  position:relative; /* absolute; fixed; relative; static; */ 
  left:-6pt;
  top:2pt;
  padding:5px 8px 2px 8px;  
  font-size:12pt;
  background-color:#f0f0f0;
  line-height:180%;
  border-width:1px;
  border-style:none solid solid solid;
  border-color:#808080;
  }

#menu3:hover  #menu3_ouvert {
  display:inline-block; /* Ouvre le menu */
  }

#menu3_ouvert:hover{
  display:inline-block;  /* Pour garder le menu ouvert */
  }
/*=========================================*/

#menu4 { 
  display:inline-block;
  position:relative;
  text-align:left;
  }

#menu4:hover {
  cursor:default;
  }

#menu4_ouvert { 
  display:none; /* c.f. http://www.w3schools.com/cssref/pr_class_display.asp */
  position:relative; /* absolute; fixed; relative; static; */ 
  left:-6pt;
  top:2pt;
  padding:5px 8px 2px 8px;  
  font-size:12pt;
  background-color:#f0f0f0;
  line-height:180%;
  border-width:1px;
  border-style:none solid solid solid;
  border-color:#808080;
  }

#menu4:hover  #menu4_ouvert {
  display:inline-block; /* Ouvre le menu */
  }

#menu4_ouvert:hover{
  display:inline-block;  /* Pour garder le menu ouvert */
  }
/*=========================================*/

#corps {
  background-color:#ffffff;
  position:relative;
  top:30px;
  z-index:1;
  }

#pied {
  background-color:#603010;
  color:#ffff80;
  position:fixed; left:0px; bottom:0px;
  height:25px; width:100%; 
  z-index:2;
  padding-top:5px;
  padding-left:8px;
  }