body{
/* background-color: yellow; */
/* background-color: hotpink; === Cuisse de nymphe émue */
   background-color: lightpink; 
/* width: 100%;  */
   max-width: 800px; 
   margin: 40px auto 40px auto;
   font-family: verdana, sans-serif; 
/* font-family: arial,   sans-serif; */
/* font-family: georgia, serif;      */
/* font-family: Monospace ; */
/* font-family: Cursive ;   */
/* font-family: Fantasy ;   */
   font-size: 100%;
   font-weight: 300;
/* color:navy ;  */
/* color:white ; */
   color: #444;
}

p{
   text-align: justify ;
   text-indent: 50px   ;
   line-height: 120% ;
   letter-spacing: opx ;
   font-size: 18px;
}

.monospace{
   font-family: "lucida console", "courier new";
}

h1,h2,h3,h4,h5,h6{
   font-weight: bold;
   color: black;
}
h1,h2,h3{
   text-align: center;
}
h4,h5,h6{
   text-align: left;
}
.droite{
   text-align: right ;
}

.platine{
   color:red;
}
/*
ul.a {list-style-position:inside;}
ul.b {list-style-position:outside;}
*/
ul {list-style-position:outside;
   line-height: 180% ;
}



/* http://www.w3.org/Style/Examples/007/leaders.fr.html */
ul.leaders {
    max-width: 30em;
    padding: 0;
    overflow-x: hidden;
    list-style: none;
}
ul.leaders li:before {
    float: left;
    width: 0;
    white-space: nowrap;
    content:
 ". . . . . . . . . . . . . . . . . . . . "
 ". . . . . . . . . . . . . . . . . . . . "
 ". . . . . . . . . . . . . . . . . . . . "
 ". . . . . . . . . . . . . . . . . . . . ";
}
ul.leaders span:first-child {
    padding-right: 0.33em;
    background: lightpink;
}
ul.leaders span + span {
    float: right;
    padding-left: 0.33em;
    background: lightpink;
}