body
   {
   margin-top: 20px;
   margin-left: 5%;
   margin-right: 5%;
   background-color:#123456;
   color:#FFFFFF;
   font-family: Verdana;
   font-size: 13px;
   }
   
a:link, a:visited
   {
   font-size: 13px;
   color: #4a90e2; /* bleu logo */
   }

a:focus, a:hover, a:active  
   {
   /* border-bottom: 1px solid; */
   /* background: #d8f5fe; */
   /* font-weight: bold;  */
   text-decoration: none; /* lien non souligné */
   color: #3b8d00;        /* rouge foncé : #c00000*/
   }
   
/* les liens de la classe 'menu' sont plus petits et non soulignés */
a:link.menu, a:visited.menu, a:focus.menu, a:hover.menu, a:active.menu { text-decoration: none; font-size: 10px; }

/* les liens de la classe 'menu' sont entourés de crochets */
.menu::before { content: " [ "; }
.menu::after  { content: " ] "; }

.copyright 
   {
   font-size: 11px;
   color: #888888;
   }   

table tr { height: 30px; }   
img
   {
   vertical-align:middle;
   }
.entete { font-size: 25px; color:#000000; }
.comment { font-size: 11px; color:#999999; }

#header 
   {
   position : absolute;
   top : 100;
   left: 50%;
   transform: translate(-50%, -50%); 
   }