body {font:  normal 12pt bold Times New Roman, serif;color:#ff8;margin:0 auto;background-color: #030 }
img {border:none;vertical-align:middle;margin-right:5px;}
a{text-decoration:none;color:#fff;border:none}
a:focus {outline:none;}
a :hover{color:#ff6;border:none}
h3{background: #030;color: #f0fcf0;text-align: center;margin:0px;}
ul {margin-top:-3px;}
.texte {color: #fff;text-align: justify;font: italic 900 18pt Times,serif;}
.texte:first-letter:  {font: italic 28pt bold serif;margin-left:50px; }
 
.boite { /* définition de la boite 1 */
  position:absolute ; 
  top:0px ; 
  left: 0px ; 
  height:1000px ; /* hauteur de la boite */
  width:100% ; /* largeur de la boite */
  }
.contenu {
  position:absolute ; 
  top:200px ; 
  left: 0px ; 
  height:800px ; /* hauteur de la boite */
  width:100% ; /* largeur de la boite */
  color :#ff8;
  }
  
.copyright{font:normal 8pt serif;color:#fff;position:absolute;left:5px;text-align:left; }

  
.rondi {display:block}
.rondi *{display:block;height: 1px;overflow: hidden}
.r1{margin: 0 5px}
.r2{margin: 0 3px}
.r3{margin: 0 2px}
.r4{margin: 0 1px;height: 2px;}

#contenu {
  position:absolute ; 
  top:200px ; 
  left: 0px ; 
  height:800px ; /* hauteur de la boite */
  width:100% ; /* largeur de la boite */
  color :#fff;
  margin:0 auto;
  }
div.panneau{width: 200px;background: #363;margin-bottom: 20px;}