 * {margin:0; padding:0; }
 a {text-decoration:none; color: white; }
 a:hover { color:violet; }
 ul { list-style:none; }
 body { background-color:black; font-family:arial,sans; font-size:11px; text-align:center; padding-top: 50px;}
 /*
 div#conteneur { position:relative; width:1000px; height:480px; margin:auto; background-color:white; border:1px solid #888; text-align:left; }
  */
 div#conteneur { position:absolute;
 margin:auto; background-color:white; border:1px solid #888; text-align:left;
     left: 50%;
     top: 50%;
     width:900px; height:485px;
     margin-top: -242px; /* moitié de la hauteur */
     margin-left: -450px; /* moitié de la largeur */

  }

 div#music { position:absolute; top: -15px; left: 0px; }
 div#music ul { list-style:none; }
 div#music li { color: white; display:inline; text-transform:uppercase; }
 div#music li a:hover { color: violet }
 div#eshop {position:absolute; top:-15px; left:180px; }
 div#eshop ul { list-style:none; }
 div#eshop li {display:inline; color:white; margin:0 2px;}
 div#eshop li.pubJA {padding-left:14px; background:url(images/jeannearthes.png) no-repeat 0 1px;}
 div#eshop li.pubHT {padding-left:14px; background:url(images/happytherapy.png) no-repeat 0 1px;}
 div#eshop li.pubEL {padding-left:14px; background:url(images/elitemodel.png) no-repeat 0 1px;}
 div#eshop li a{ color: white;  text-transform:uppercase; }
 div#eshop li a:hover { color: violet }
 div#lang { color: white; width: 800px; position:absolute; top: -15px; text-align:right; left: 100px; }
 div#lang ul { list-style:none; }
 div#lang li { display: inline;  text-transform:uppercase;}

 div#menu { width:180px; border-right:1px solid #AAA; float:left; height:485px; background:url(images/14menu.jpg) repeat-x 0 0; }
 div#menu ul.root { list-style: none; margin: 20px 0 0 5px; }
 div#menu li { display:block; margin: 0; padding:0; text-transform: capitalize; }
 div#menu li a { padding:0 0 0 10px;}
 div#menu li a.fleche{ background:url(images/fleche.gif) no-repeat 2px 3px;}
 div#menu li.nv0 a{ color: #666; font-weight:bold; text-transform:uppercase;  }
 div#menu li.nv1 a{ color: #9B9B9B; font-weight:normal; text-transform:capitalize;  }
 div#menu li.nv2 a{ color: #9F0332; margin-left: 5px; font-weight:normal; text-transform:capitalize; }
 div#menu ul ul { }
 div#menu ul ul ul{ margin-left: 10px; }
 div#menu li a:hover { color: #A55AA3; }
 div#centre { margin-left: 180px; background-color:white; height: 480px;}
 div#illustration { position:absolute; left:181px;  }
 div#logo { position: absolute; left: 600px; top:40px; }
 div#titre { position: absolute; left:479px; top:106px; font-size:14px; font-weight:bold; text-transform:uppercase;color:#858585;}
 div#para { position: absolute;width: 380px; top: 130px; left: 479px; height:330px; overflow:hidden;}
 div#ascroll { color:#858585; font-size: 12px; padding:0; margin:0; position:relative; top: 0px; }
 div#ascroll a { color: black; }
 div#ascroll a:hover { color: orange; }
 div#ascroll h1 { color:#858585; font-size:16px; border-bottom: 1px solid #858585;  }
 div#ascroll h2.h2search { padding: 0 10px; border-bottom: none; color:white; background-color: #858585;   }
 div#ascroll h2 { color:#858585; font-size:14px; border-bottom: 1px solid #858585;  }
 div#ascroll ul,div#ascroll ol { font-size:12px; color: #858585; margin-left:30px; list-style: disc; }
 div#ascroll p { color:#858585; font-size: 12px; margin: 10px 0; }
 div#ascroll p.petit { font-size: 10px; font-style: italic; }

 div#ascroll form label { width:110px; float:left; }
 div#ascroll form input, div#ascroll form select { border:1px solid #858585; font-size: 11px; padding:0; }
 div#ascroll form p { font-size: 11px; margin:2px 0; }
 div#ascroll blockquote { margin: 0 0 0 40px; }
 div#ascroll form input.oblig { border: 1px solid red; }
 .recherche { background-color: yellow; }
 div#ascroll dl.dynamic { margin: 15px 0; }
 div#ascroll dl.dynamic dt { font-weight:bold; }
 div#ascroll dl.dynamic dd { padding-left:20px; background-color:#E5E5E5 }
 div#ascroll dl.dynamic dd.link { background:url(images/fleche1.gif) no-repeat 3px 3px; background-color:#E5E5E5}

 div#ascroll dl.search { margin: 15px 0; }

 div#commande { width:16px; height:330px; position:absolute; top:125px; left:875px; background:url(images/flecheScroll4.gif) repeat-y 0 0; }
 div#bas { position:absolute; top:325px; width:16px; height:16px;}
 div#haut { position:absolute; top:0px; width:16px; height:16px; }
 div#bas a { display:block; width:100%;background:url(images/flecheScroll3.gif) no-repeat -16px -5px;  }
 div#haut a { display:block; background:url(images/flecheScroll3.gif) no-repeat 0 0; }
 div#bas a:hover { background-position: -16px -29px;  }
 div#haut a:hover { background-position: 0 -24px; }

 div#footer { color: white; position:absolute; top:487px; left:0;}
 div#footer ul { list-style:none; }
 div#footer li { display:inline; text-transform:uppercase; margin:0 2px; }
 
 div#search { position:absolute; top:440px; left: 10px; width: 160px; }
 div#search dl { padding: 1px; border: 1px solid #BFBFBF; /*background: #F8F8F8;*/ }
 div#search dt { padding: 0 5px; }
 div#search dd { text-align: center; }
 div#search input { font-size: 11px; padding: 1px; color: #658AAB; }

div#mtf { position: absolute; top:405px; left:10px; width:160px; }
div#mtf li { margin: 0 0 2px 0; background-repeat: no-repeat; background-position: 0 0; }
div#mtf a { display: block; padding-left: 35px;  background-repeat: no-repeat;
             background-position: 0 0; line-height: 2.2em; height: 20px; text-transform: capitalize;
             font-size: 9px; color: #AAA; }
div#mtf a:hover {color: black; }
div#mtf li.Mmtf a { background-image: url(images/2mtf.gif); background-position: 0 -38px; }
div#mtf li.Mmtf a:hover { background-position: 0 -3px; background-color: #F8F8F8; }

div#load { position: absolute; top:487px; left:700px;  }
div#load li { margin: 0 0px 2px 0; background-repeat: no-repeat; background-position: 0 0; }
div#load a { display: block; padding-left: 35px;  background-repeat: no-repeat;
             background-position: 0 0; line-height: 2.2em; height: 20px; text-transform: capitalize;
             font-size: 9px; }
div#load a:hover {color: #AAA; }
div#load li.Mvideo a { width:80px; background-image: url(images/2video.gif); background-position: 0 -38px; }
div#load li.Mvideo a:hover { background-position: 0 -3px; }
div#load li.Mpdf a { background-image: url(images/2pdf.gif); background-position: 0 -38px; }
div#load li.Mpdf a:hover { background-position: 0 -3px; }

div#image { position:absolute; top:130px; width:720px; height:355px; overflow-y:scroll; text-align:center;}
div#texte { position:absolute; top:130px; width:678px; padding:20px;  color:#858585; height:314px; overflow:auto;}
div#texte a { text-transform:uppercase; color: black;}
div#texte ul { padding-left:50px;}
div#texte ul ul{ padding-left:160px;  }
div#texte li.nv0 {font-weight:bold; border-bottom:1px solid #858585; }
div#texte li.nv1 { font-weight:normal;}
div#texte li.nv2 a{ color:#858585;}
