@media (max-width: 640px) {
  * {
    box-sizing: border-box;
  }
  
  /* passer body (et tous les éléments de largeur fixe) en largeur automatique */

  body {
    width: auto;
    margin: 0;
    padding: 0;
    


  }
  
  /* fixer une largeur maximale de 100% aux éléments potentiellement problématiques */

  img,
  table,
  td,
  blockquote,
  code,
  pre,
  textarea,
  input,
  iframe,
  object,
  embed,
  video {
    max-width: 90%;
  }
  
  /* conserver le ratio des images */

  img {
    height: auto;
  }
  
  /* gestion des mots longs */

  textarea,
  table,
  td,
  th,
  code,
  pre,
  samp {
    -webkit-hyphens: auto; /* césure propre */
    -moz-hyphens: auto;
    hyphens: auto;
    word-wrap: break-word; /* passage à la ligne forcé */
  }
  
  code,
  pre,
  samp {
    white-space: pre-wrap; /* passage à la ligne spécifique pour les éléments à châsse fixe */
  }
  
  /* Passer à une seule colonne (à appliquer aux éléments multi-colonnes) */

  .element1,
  .element2 {
    float: none;
    width: auto;
  }
  
  /* masquer les éléments superflus */

  .hide_mobile {
    display: none !important;
  }
  
  /* Un message personnalisé */

  body:before {
    content: "";
    display: block;
    text-align: center;
    font-style: italic;
    color: #777;
  }
}

@media (max-device-width:768px) and (orientation: landscape) {
  html {
   -webkit-text-size-adjust: 100%;
   -ms-text-size-adjust: 100%;
  }
}




h1
{
  

  }
h2

{

font-family: Helvetica, Arial, Verdana, sans-serif;
font-size: 0.6em;
font-variant: normal;
margin-left: 2%;
margin-right: 2%;

  

}

h3
{

font-family: Helvetica, Arial, Verdana, sans-serif;
font-size: 0.4em;
font-variant: normal;
margin-left: 2%;
margin-right: 2%;

  

}