.mobile { display: none; } 
body, div, ul { margin: 0; padding: 0; }

body { ;
  font-family: Garamond, Times, sans-serif; }




#menu { height: 48px; background-color: lavender;
  background: linear-gradient(lightgray, whitesmoke);
  border-bottom: solid 1px lavender; }




aside { float: right; width: 30%;
    padding-top: 15px; text-align: center; }
.pied { clear: both; height: 85px;
  background: linear-gradient(whitesmoke, lightgray);
  padding: 5px; border-top: solid 1px lightgray; }

/* Détails pour le menu de navigation */
#menu li { float: left; list-style-type: none;
    line-height: 28px; }

#menu li a, #menu li a:visited {
  display: block; padding: 10px 28px;
  border-right: solid lightgray 1px;
  font-family: Arial, sans-serif;
  font-size: 1em; font-weight: bold;
  color: brown; text-shadow: white 2px 0 0;
  text-decoration: none; }

#menu li a:hover {
  background-color: lightsteelblue;
  background: linear-gradient(silver, dimgray);
  color: white; text-shadow: none; }

/* Contenu de la page */
h1 { font-family: Arial, sans-serif;
    font-size: 1.5em; color: #d06b19; }
h2 { font-family: Arial, sans-serif;
    font-size: 1.2em; color: brown; }

.droite { float: right; margin-left: 10px; }
.gauche { float: left; margin-right: 10px; }

/* RESPONSIVE */


#menu li { float: none; 
  background-color: lightgray;
  background: linear-gradient(lightgray, whitesmoke);
  border-bottom: solid 1px lavender; }

#menutitre { display: block; width: 100%; line-height: 3em; 
  background-color: lightsteelblue;
  background: linear-gradient(silver, gray);
  text-align: center; font: 1.1em/2.5em Arial, sans-serif;
  color: white; font-weight: bold; text-decoration: none; }


}