/*-- reset css --*/

a, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}

body {
     margin: 0px;
     padding: 0px;
     text-align: center;
     }

div#dhecenterdiv1 {
                  margin: 0px auto;
                  position: relative;
                  width: 346px;
                  }

.verdana100FFFFFFt {
                   font-family: Verdana, Arial, Helvetica, serif;
                   font-size: 13px;
                   color: #000000;
                   text-decoration: none;
                   }
.verdana10CC3300FFFFFFt {
                        font-family: Verdana, Arial, Helvetica, serif;
                        font-size: 13px;
                        color: #0033CC;
                        text-decoration: none;
                        }
.verdana80FFFFFFt {
                  font-family: Verdana, Arial, Helvetica, serif;
                  font-size: 11px;
                  color: #000080;
                  background: #EAF2FD;
                  text-decoration: none;
                  }

.survol10 {
          font-family: Verdana, Arial, Helvetica, serif;
          font-size: 13px;
          text-decoration: underline;
          }
.survol8 {
         font-family: Verdana, Arial, Helvetica, serif;
         font-size: 11px;
         text-decoration: underline;
         }
.surplan {
         color: #0000FF;
         text-decoration: none;
         }

/*balise a generale*/
a:hover, a:active {
    text-decoration: none;
    color: #BD520E;
}   
/*banniere header*/
#logoonlydoo{
        width:900px;
        background:url('logo_prolonger.jpg') repeat-x;
    }


#mainContentainer{
        width:900px;
        margin:0 auto;
        text-align:left;
    }
#mainContent{

    }
    
#textContent{
        height:200px;
        overflow:auto;
        padding-left:5px;
        padding-right:5px;
    }

#menuDiv{
        width:100%;
        overflow:hidden;
    }

pre{
        color:#F00;
    }
p,pre{
    }

/*header Menu */
/* Basic code - don't modify */
 
 #nav { display: block; margin: 0; padding: 0; position: relative; }
  #nav li { display: block; list-style: none; margin: 0; padding: 0; float: left; position: relative; }
  #nav a { display: block; }
  #nav ul { display: none; position: absolute; left: 0; margin: 0; padding: 0; }
  * html #nav ul { line-height: 0; } /* IE6 "fix" */
    #nav ul a { zoom: 1; } /* IE6/7 fix */
    #nav ul li { float: none; }
    #nav ul ul { top: 0; }
    
/* Essentials - configure this */

#nav ul { width: 150px; }
#nav ul ul { left: 151px; }

/* Everything else is theming */
 
#nav { text-align: left; background-color: #30A8C3; background-image:url('../menu-images/menu_strip_bg.jpg'); height: 25px; }
#nav *:hover { text-align: left; background-color: #FFE3C0; }
#nav a { text-align: left; font-family: Arial; font-weight: bold; border-right: 1px solid white; color: black; font-size: 11px; padding: 6px; line-height: 1; }
  #nav li.hover a { text-align: left; background-color: #5E5A5A; background-image:url('../menu-images/menu_strip_bg.jpg'); }
  #nav ul { top: 25px; }
    #nav ul li a { text-align: left; background-color: #5E5A5A; background-image:url('../menu-images/menu_strip_bg.jpg');}
      #nav ul a.hover { text-align: left; background-color: none; background-image:url('../menu-images/menu_over.jpg');}
   #nav ul a { text-align: left; border-bottom: 1px solid white; border-right: none; opacity: 0.9; filter: alpha(opacity=90); }
/* #nav ul a { border-bottom: none; } - I also needed this for IE6/7 */