/* 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.3em; text-align: center; font-weight: bold; color: #fff; 
}
h2 { 	font-size: 1em; text-align: center; line-height: 200%; font-weight: normal; color: #FFF; 
}
.souligne-rouge { border-bottom: #F60D0D solid 1px; line-height: 175%;
}
.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%;
}
.dashed { border-width:thin; border-color:rgb(77,75,75); border-style:dashed;
}
#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%; 
}
.comment2{ width: 75%;  height:"5%"; margin-left: 10%; margin-right: 10%; border:1px solid #FFFFFF; border-radius:30px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px; line-height: 175%; text-align:center; color: #FFFFFF; font-family: Verdana, Arial; font-weight:bold; font-size:14px; 
}
.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; }
.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 * /
       }
.souligne-rouge { 
	line-height:175%; border-bottom-width:1px; 
	border-bottom-color:rgb(246,13,13); border-bottom-style:solid;
}
.verda2-mo { font-family:Verdana, Arial; font-size:11px; line-height:175%; 
}
.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:0.9em; 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; 
}
/* 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; }
}

img, table, td, blockquote, code, pre, textarea, input, iframe, object, embed, video
    { max-width: 100%; }

<!-- 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 /
 -->