body   {text-align:justify;
    margin-left:0px;margin-top:40px;
    background-attachment:fixed;
           font-family:arial,helvetica;
           font-size:1;
    scrollbar-face-color: #ffffff; scrollbar-shadow-color: #5B5B5F;
    scrollbar-highlight-color: #ffffff; scrollbar-3dlight-color: #ffffff;
    scrollbar-darkshadow-color: #ffffff; scrollbar-track-color: #ffffff;
    scrollbar-arrow-color: #5B5B5F;
    }


table   { width:80%;
text-align:justify;
    font-family:arial,helvetica;
    color: black;}

@media (max-width: 640px) { 

 /* passer tous les éléments de largeur fixe en largeur automatique */ 
 body, element1, element2 { 
  width: auto !important; 
  margin: auto !important; 
  padding: auto !important; 
 } 

 /* fixer une largeur maximale de 100 % aux éléments potentiellement problématiques */ 
 img, table, td, blockquote, code, pre, textarea, input, object, embed, video { 
  max-width: 100% !important; 
 } 

 /* gestion des mots longs */ 
 textarea, table, td, th, code, pre, samp { 
  word-wrap: break-word; /* césure forcée */ 
  white-space: pre-line; /* 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 !important; 
  width: auto !important 
 } 

 /* masquer les éléments superflus */ 
 .hide_mobile { 
  display: none !important; 
 } 

 /* Un message personnalisé */ 
 body:before { 
  content: "Version mobile du site"; 
  display: block; 
  color: #777; 
  text-align: center; 
  font-style: italic; 
 }