/* passer body (et tous les éléments de largeur fixe) en largeur automatique */
BODY 	{
	width: auto; margin: 0; padding: 0; background-color: #000;
	background-position: center 0; min-width: 100px; maxi-width: 640px;
}
@media screen and (min-width: 100px) and (max-width: 640px) {
  .bloc {
    display:block;
    clear:both;
  }
}
BODY,TD {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #C0C0C0; font-size: 12pt; line-height: 200%; 
}
#main {
  max-width: 600px;
  margin: 0 auto; 
}
.layermob { background:#000000; border:1px solid #000000; font-family: Verdana, Arial, helvetica;
	font-size: 14px; color: #FFFFFF; 
}
.textclock { 
	BACKGROUND:black; border:1px solid #000000; padding: 2;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; COLOR: white;
	FONT-SIZE: 11pt; text-align: center; 
}
#bloc_haut { width: 100%; text-align:center; margin-top: 0px; font-family: Verdana, Arial; font-size:1em #FFFFFF;}
#bloc_centre { width: 100%; font-family: Verdana, Arial; font-size:1em; color:silver; line-height:200%; }
#bloc_bas { width: 100%; text-align:center; color: #FFF; font-family: Verdana, Arial; font-size: 0.9em; line-height:175%; 
}
h1 { 	font-size: 1.02em; text-align: center; text-transform: uppercase; border-left: 3px solid #F60D0D; 
	font-weight: bold; color: #FFFFFF; line-height: 200%;
}
h2 { font-size: 1.2em; font-weight: normal; color: #fff; text-align: center; line-height: 175%;
}
.th1 /* Les cellules d'en-tête */
{
   margin: auto;  
   background-color: grey;
   border-bottom: 1px solid black;
   color: #000000;
   font-size: 10pt;
   font-family: Arial, Arial Black, Times, Times New Roman, serif;
}
.th2 /* Les cellules normales */
{  
   background-color:#E4DFDF;  
   font-family: Arial, Arial Black, Times, Times New Roman, serif;
   font-size: 9pt; color: #000000; line-height: 120%;
   text-align: /* Tous les textes des cellules seront centrés*/
   padding: 5px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */
}
/* t9b = liens 9pt blanc fond noir texte blanc souligné */
a.t9b: a:link, a:visited, a:active, a:hover, {FONT-SIZE: 9pt;}
a.t9b:visited {text-decoration: underline; color: #FFFFFF; FONT-SIZE: 9pt;}
a.t9b:link { font-size:9pt; color: #FFFFFF;  text-decoration:underline; padding-bottom:3px; }
a.t9b:hover { color:white; background-color:black; border-bottom-width:3px; border-bottom-color:rgb(247,80,81); border-bottom-style:solid; }
}
/* t9n = liens 9pt noir fond clair texte noir souligné */
a.t9n: a:link, a:visited, a:active, a:hover, {FONT-SIZE: 9pt;}
a.t9n:visited {text-decoration: underline; color: #000000; FONT-SIZE: 9pt;}
a.t9n:link { font-size:9pt; color: #000000;  text-decoration:underline; padding-bottom:3px; }
a.t9n:hover { color:white; background-color:black; border-bottom-width:3px; border-bottom-color:rgb(247,80,81); border-bottom-style:solid; }
}
.verda2-mo { font-family: Verdana, Arial; font-size: 0.9em; line-height:175%;
}
#paragraphe { 
	text-align:justify; margin-top:0; margin-bottom:15px;
}
.para { text-align:justify; margin-top:0; margin-bottom:15px; margin-right:10px; margin-left:10px;
	  font-family: Verdana, Arial; font-size: 12pt; line-height: 175%;
}
.para-c { margin-top:0; margin-bottom:15px; text-align:center; font-family: Verdana, Arial; 
	font-size: 12pt; line-height: 175%;
}
.para-d { text-align:right; margin-top:0; margin-bottom:15px font-family: Verdana, Arial; 
	font-size: 12pt; line-height: 175%;
}
.big-red {
	color: #FFFFFF; text-align: center; border-left: 5px solid #F60D0D; text-transform: uppercase;
	font: bold 12pt Arial, Verdana, Helvetica, sans-serif; line-height: 250%;
	padding: 1px 1px 1px 1px; 
}
.big-red10 {
	color: #FFFFFF;
	border-left: 3px solid #F60D0D;
	text-transform: uppercase;
	font: 10pt Verdana, Arial, Helvetica, sans-serif;
	padding: 1px 2px 1px 5px; 
}
.big-red10bold  {
	color: #FFFFFF;	
	border-left: 3px solid #F60D0D;
	text-transform: uppercase;
	font: bold 10pt Verdana, Arial, Helvetica, sans-serif;
	padding: 1px 2px 1px 5px; 
}
.big-red11 {
	color: #FFFFFF;
	border-left: 3px solid #F60D0D;
	text-transform: uppercase;
	font: 11pt Verdana, Arial, Helvetica, sans-serif;
	padding: 1px 2px 1px 5px; 
}
#comment { width: 95%; height:"5%"; border:1px solid #FFFFFF; 
	border-radius:30px; <!-- On peut éventuellement arrondir les angles: --> 
	border-width:1px; border-color:white; border-style:solid;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	-o-border-radius: 30px;
	-ms-border-radius: 30px;
	-khtml-border-radius: 30px;
 	font-family: Arial, Verdana; font-size:1.15em; font-weight: normal; color:rgb(203,10,12);
	text-align:center; line-height:175%; margin-right:1%; margin-left:1%; 
}
.box-shadow { width: 90%; border:1px solid #FFFFFF; 
	border-radius:30px;<!-- On peut éventuellement arrondir les angles: --> 
	border-width:1px; border-color:white; border-style:solid;
	-moz-box-shadow: 6px 6px 12px #888;
	-webkit-box-shadow: 6px 6px 12px #888; box-shadow:6px 6px 12px #888;
	font-family: Verdana, Arial; font-size:1em; color:#FFF; 
	text-align:center; line-height:175%; margin-right:1%; margin-left:1%; 
}
.shaded { padding: 8px; border: 1px solid #CCC; box-shadow:8px 8px 12px #888; border-radius:6px; }

       UL { 
         background: #111; 
         margin: 12px 12px 12px 12px;
         padding: 3px 3px 3px 3px;
                                      / * No borders set * /
       }
       LI { 
         couleur blanche;  / * Couleur du texte est blanc * / 
         background: blue;  / * Contenu, rembourrage sera bleu * /
         margin: 12px 12px 12px 12px;
         padding: 12px 0px 12px 12px;  / * Note 0px rembourrage droite * /
         list-style: none / * pas de glyphes devant un élément de la liste * /
                                      / * No borders set * /
       }
       .LI.withborder {
         border-style: en pointillés;
         border-width: medium;  / * Définit largeur de la bordure sur tous les côtés * /
         border-color: la chaux;
       }
.souligne-rouge { 
	line-height:175%; border-bottom-width:1px; 
	border-bottom-color:rgb(246,13,13); border-bottom-style:solid;
}
a:visited {text-decoration: underline; color: #FFFFFF; FONT-SIZE: 11pt;}
a:link { font-size:11pt; color:white; text-decoration:underline; padding-bottom:3px; }
a:hover { color:white; background-color:black; border-bottom-width:3px; border-bottom-color:rgb(247,80,81); border-bottom-style:solid;
}
.DASHED { 
	BORDER-STYLE: dashed; BORDER-WIDTH: 1px;
        BORDER-top-style:dashed; BORDER-right-style:dashed; 
	BORDER-bottom-style:dashed; BORDER-left-style:dashed;
        BORDER-BOTTOM-COLOR:rgb(204,204,204); PADDING: 5px;
}
.DASHED4 { 
	BORDER-STYLE: dashed; BORDER-WIDTH: 1px;
        BORDER-top-style:dashed; 
	BORDER-right-style:dashed; 
	BORDER-bottom-style:dashed; 	  	  
	BORDER-left-style:dashed;
        BORDER-BOTTOM-COLOR:rgb(204,204,204);
        PADDING: 5px;}

.DASHED3 {
        BORDER-STYLE: dashed; BORDER-WIDTH: 1px;
        BORDER-top-style:none; 
	BORDER-right-style:dashed; 
	BORDER-bottom-style:dashed; 	  	  
	BORDER-left-style:dashed;
}
.DASHED3H {
        BORDER-STYLE: dashed; BORDER-WIDTH: 1px;
        BORDER-top-style:dashed; 
	BORDER-right-style:dashed; 
	BORDER-bottom-style:none; 	  	  
	BORDER-left-style:dashed;
        BORDER-BOTTOM-COLOR:rgb(204,204,204);
        PADDING:5px;
}
.DASHED2 {
        BORDER-STYLE: dashed; BORDER-WIDTH: 1px;
        BORDER-top-style:none; 
	BORDER-right-style:dashed; 
	BORDER-bottom-style:none;   	  
	BORDER-left-style:dashed;
        BORDER-BOTTOM-COLOR:rgb(204,204,204);PADDING: 5px;
}


<!-- 

a { font-size:1em; color:rgb(255,255,204); text-decoration:underline; padding-bottom:3px; }
a:hover { color:rgb(247,80,81); border-bottom-width:3px; border-bottom-color:rgb(247,80,81); border-bottom-style:solid; }
Recommandations
Il est conseillé d'inclure dans les pages optimisées pour les appareils mobiles une fenêtre d'affichage Meta dans l'en-tête du document spécifiant "width=device-width, initial-scale=1". 
<meta name=viewport content="width=device-width, initial-scale=1">
Les unités relatives sont:
• EM: le 'font-size' de la police pertinente
• ex: le 'x-height' de la police pertinente

h1 {margin: 0.5em} / * em * /
h1 {margin: 1ex} / * * ex /
 -->