/* c.f. https://www.w3schools.com/cssref/css3_pr_mediaquery.asp */
/* Si l'écran est au minimum de ... px,  Ordinateurs */
@media only screen and (min-width:1040px) {

  nav ul {
    display:block;
    padding: 0px;
    margin: 0px;
    list-style-type: none;
    background-color: #B40404;
    text-align:center;
  }
  
  nav li {
    display:inline-block;
    width: 100px;
    height: 40px;
    border-right: 1px solid #CCCCCC;
    line-height: 40px;
  }
  
  nav li a {
    display:block;
    text-decoration: none;
    color: #FFFFFF;
  }
  
  nav li :hover {
    background-color: #610B0B
  }

  .classCorps {
    font-family:'Arial'; 
  }

  .classPiedPage {
    background-color:#988c8c; 
    text-align:center; 
    color:white; 
    font-family:'Arial'; 
    font-size:larger;
  }

  .classSmartphone {display:none;}   /* Pour cacher le "Burger_menu" sur un smartphone (écran petit) */
  .classVisibilite {display:block;}  /* Pour montrer le menu sur un ordinateur (écran assez grand) */
  
} /* @media only screen and (min-width:990px) { */

/*##############################################################################*/

/* Si l'écran est au maximum de ... px Smartphones */
@media only screen and (max-width:1040px) {
  
  nav ul {
    position:fixed;        /* Pour que le menu se place au-dessus du reste de la page */
    display:inline-block;  /* Style du menu sur le smartphone, lorsqu'il est visible' */
    padding: 0px;
    margin: 0px;
    margin-top:calc(-92px + 9vmin); /* Positionnement précis du menu, en fonction de l'écran */
    list-style-type: none;
    background-color: #B40404;
    text-align:left;
    font-size:8vmin;
  }
  
  nav li {    
    padding: 4px;
  }
  
  nav li a {
    display:block;
    text-decoration: none;
    color: #FFFFFF;
  }
  
  nav li :hover {
    background-color: #610B0B
  }

  .classCorps {
    font-family:'Arial'; 
    font-size:3.4vw; 
  }

  .classFormButton {
    font-size:3.4vw;     
  }

  .classPiedPage {
    background-color:#988c8c; 
    text-align:center; 
    color:white; 
    font-family:'Arial'; 
    font-size:3.4vw;
  }

.classSmartphone {display:inline;} /* Pour montrer le "Burger_menu" sur un smartphone (écran petit) */
.classVisibilite {display:none;}   /* Pour cacher au départ le menu sur un smartphone (écran petit) */
                                   /* Lorsque l'on retire cette classe, le menu apparaît sur le smartphone */

} /* @media only screen and (max-width:990px) { */