/* bug Mozilla */
html { 
    min-width: 800px;
}
img	{
    border: 0 0 0 0;
}
body{
    /*background-color: #ffff99;*/
    font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
    margin: 10px; /*internal margin, is equal to "margin: 10px 10px 10px 10px"*/
    color:#000000; /*font color*/
    font-family: "Trebuchet MS",Verdana,Geneva,Arial,Helvetica,sans-serif;
    font-size:small;
    padding: 5px 0 0 0 ;
    border: 0 0 0 0;
    text-align: center;
    background-color:#ffff99;
    }
    #fond {
    width: 750px;
    background-color:#ffffff; /*font color*/
    border: 3px solid;
    margin: 0 auto;
    padding: 0 0 0 0;
    /*ibackground: url(../NAVPICS/fond_xrings.gif) repeat-y; */
    voice-family: "\"}\""; 
    voice-family: inherit;   
}
html>body #fond { /* Pour Opera */
  width: 750px; 
}
/* *****************************************************************/
/* Principal */
/* *****************************************************************/
#principal {
    margin: 0 auto;
    padding: 0 0 8px 0;
    text-align: left;
    overflow: hidden;
    /* Pour IE5 Win */
    voice-family: "\"}\""; 
    voice-family: inherit;
    background-color:#ffffff; /*font color*/
    width: 750px;
    /* fausse valeurs de marges pour IE Win, incluant 6.0    margin-left: 5px;*/
    margin-left: 0;
}
html>body #principal {
    /* Correction des valeurs pour les navigateurs qui n'ont pas le bug IE Windows */
    width: 750px;  
    max-width: 750px;
    margin-left: 0;
}
    /* *****************************************************************/

    /* Banner */

    /* *****************************************************************/

#banner {
    display: block;
    position: relative;
    background-color:#ffffff; /*font color*/
    width: 750px;
    height: 110px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    border: 0 0 0 0;
    background-image: url("banner.jpg");
    background-repeat: no-repeat;
    background-position: center; /*autre valeur possible bottom right */
}
html>body #banner {
    /* Correction des valeurs pour les navigateurs qui n'ont pas le bug IE Windows */
    width: 750px;
    max-width: 750px;
    margin-left: 0;
}
/* *****************************************************************/
/* menuZone 1 */
/* *****************************************************************/
#menuZone {
    display: block;
    position: relative;
    left: 8px;
    float: left;
    width: 180px;
    height: auto;
    margin: 10px 0 0 0;
    padding: 5px 0 0 0;
    border: 0 0 0 0;
    text-align: left;
    voice-family: "\"}\""; 
    voice-family: inherit;
    background-color:#e6bd45; /*font color*/
}
html>body #menuZone {
  width: 180px;
  max-width: 180px;
}
/* *****************************************************************/
/* menuZone 2 */
/* *****************************************************************/
#menuZone2 {
    display: block;
    position: relative;
    width: 545px;
    left: 196px;
    height: auto;
    margin: 8px 0 0 0;
    padding: 0 0 0 0;
    border: 0 0 0 0;
    text-align: left;
    voice-family: "\"}\""; 
    voice-family: inherit;   /*background-color:#cc9933; *//*font color*/
}
html>body #menuZone2 {
  width: 545px;
  max-width: 545px;
}

/* *****************************************************************/
/* ContentZone */
/* *****************************************************************/
#contentZone {
    float: right;
    position: relative;
    right:8px;
    width: 525px;
    margin: 10px 0 0 0;
    padding: 5px;
    padding-left: 15px;
    border: 0 0 0 0;
    background-image: url("bg.jpg");
    background-repeat: no-repeat;
    background-position: bottom right;
    /*background: url(../NAVPICS/ligne_sep.jpg) no-repeat top left;*/   
    background-color:#cccc99; /*font color*/
    voice-family: "\"}\""; 
    voice-family: inherit;
}
html>body #contentZone {
  width: 525px;
  max-width: 525px;
}
/* Espaceur */
div.spacer {
    line-height: 4px;
    clear: both;
}
#content-bottom {
    float: right;
    position: relative;
    right:8px;
    width: 525px;
    margin: 0px 0px 0 0;
    padding: 5px;
    padding-left: 15px;
    border: 0 0 0 0;
    background-image: url("content-bottom.png");
    background-repeat: repeat;
    background-position: bottom right;
    background-color:#cccc99; /*font color*/
}
/* *****************************************************************/
/* ContentZone */
/* *****************************************************************/
#loginZone{
margin: 20px 10px 10px 10px;
}
/* *****************************************************************/
/* Menu */
/* *****************************************************************/
.menuNiveau1:first-letter{
    color: #990000;
    font-weight:bold;
    font-size:large;
}
.menuNiveau1{
    font-size:medium;
    margin-left: 10px;
    margin-right: 15px;
    border-bottom: 2px dotted #990000;
    padding-bottom: 5px;
}
.avecSousMenu {
    border-bottom: 0px solid  #000000;
    padding-bottom: 0px;
    margin-bottom: 5px;
}
.menuNiveau2{
    margin-left: 45px;
    padding-left:0px;
    list-style:none;
    }
.menuNiveau3{
    text-decoration: underline;
    border-bottom: 1px dotted #000000;
    margin-right: 7px;
}
#menu-bottom{
    background-image: url("menu-bottom.png");
    background-repeat: repeat;
    height:35px;
}
/* *****************************************************************/
/* Divers */
/* *****************************************************************/
h2{
    font-size: large;
    font-weight: bold;
    font-variant: small-caps;
}
a{
    background-color:transparent;
    color:#000000;
    text-decoration:none;
}
a:hover{
    background-color: #cc6633;
    color:#000000;
    text-decoration:none;
}
.menuNiveau1 a:hover{
    display:block;
    }
a:first-letter{
    color: #990000;
    font-weight:bold;
    font-size:large;
}