@media (max-width: 2000px) {

 /* passer tous les éléments de largeur fixe en largeur automatique */
 body {
   width: auto;
   margin: auto;
   padding: auto;
   background: url(img/mobile-bg.png);
   font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
 }

 /* 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: 100%;
 }
/* conserver le ratio des images et empêcher les débordements de boîtes dûs aux border ou padding */
 img {
   height: auto;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
 }

 /* gestion des mots longs */
 textarea, table, td, th, code, pre, samp {
   word-wrap: break-word; /* césure forcée */
 }
 
dl {
	 background-color:#fff;
	 padding:4px;
	 margin:20px;
	 border-radius:10px;
	 border:1px solid #ababab; } 
	 
dt { text-align:center; font-weight:bold; border-bottom:1px solid #CCC; padding:10px; font-size:1.2em; }
dd { padding:5px; margin:0;}
dd span.montant { font-size:1.5em; font-weight:bold;}
span.negatif { color: #F00;}
span.positif { color:#090;}

}