/* Exemple de feuille de style externe */
/* Remarque : en CSS, les commentaires s'écrivent entre "slash+star" et "star+slash" */

body {
   background: #ffffff; }

/* Explication de ".menu" : lorsqu'il y a un point séparant un sélecteur et un mot, cela signifie que ce mot est le nom d'une classe. Ce nom est choisi librement. Ici le sélecteur est "div", mais on peut aussi rattacher une classe à d'autres sélecteurs, comme p, ol, ul, span, etc. Par exemple: span.texte_en_vert { blablabla; }. Et dans le code html, on aura: <span class="texte_en_vert">Ce texte est écrit en vert</span>. */

div.menu {     
   border: 0;
   padding: 30px 0px 0px 0px;
   margin: 0; 
   width: 130px;
   height: 100%;
   background: #d6e6fe; }

ul {
   list-style-position: outside;  /* pour empêcher l'affichage des "puces" */
   font: bold 13px Verdana, Tahoma, Arial, sans-serif;
   text-align: center;
   line-height: 1.9ex;
   border: 0;
   padding: 0;
   margin-right: 4px; 
   margin-left: 4px;
   background: #d6e6fe; }

li {
   display: block;
   width: 100%;
   border: 0;
   margin: 0; }

li a:link, li a:visited, li a:active {
   display: block;
   width: 100%;
   padding: 7px 0px 7px 0px;
   color:#05277e;
   text-decoration: none; }

li a:hover {
   display: block;
   width: 100%;
   padding: 0px 0px 0px 0px;
   border-top: 7px solid #05277e;
   border-bottom: 7px solid #05277e;
   border-left: 0;
   border-right: 0;
   color: #d6e6fe;
   text-decoration: none;
   background: #05277e; }