/****************************************************************************/
/*                                                                          */
/* Styles généraux applicables à toutes les pages et indépendants des skins */
/*                                                                          */
/****************************************************************************/

/* Pour centrer horizontalement une table dans la page avec CSS, utiliser : */
/*                                                                          */
/* <div class="center">                                                     */
/* <table>                                                                  */
/* ...                                                                      */
/* </table>                                                                 */
/* </div>                                                                   */
/*                                                                          */
/* Cela permet un fonctionnement correct avec certains navigateurs anciens  */
/* qui interprètent mal le centrage de table avec CSS (MSIE 5, Netscape 4)  */
body {margin: 0px}

div.center
{
  text-align: center;
}

div.center table
{
  margin-left: auto;
  margin-right: auto;
  text-align: left;
}

/* Uniformise les marges par défaut des différents navigateurs */

form {
  margin-top: 00px;
  margin-bottom: 10px;
  margin-left: 0px;
  margin-right: 0px;
  padding: 0px;
}

/* Ligne de séparation des formulaires (en noir par défaut) */

hr.separation_formulaire {
  height: 1px; border-bottom: 1px dashed black;
  border-top: 0; border-right: 0; border-left: 0; width: 100%;
}
#navcontainer {margin: 5px 0; padding: 0; width: 210px}

#navcontainer ul
{
list-style: none;
margin: 0;
padding: 0;
border: none;
}

#navcontainer li {border-bottom: 1px dashed #CCCCCC; margin: 0px}

#navcontainer li a {display: block; padding: 3px 4px 4px 0.5em; border-left: 0px solid silver; background: url(images/glossyback.gif) repeat-x bottom left; text-decoration: none; width: 100%; font-weight: bold; font-size: 16px; font-family: Arial, Lucida Sans,Verdana,Helvetica,sans-serif}

html>body #navcontainer li a { width: auto; }

#navcontainer li a:hover {border-left: 0px solid white; background:  url(images/glossyback2.gif) repeat-x bottom left; }



.glossymenu{
margin: 5px 0;
padding: 0;
width: 210px; 
border: 0px solid #9A9A9A;

}

.glossymenu a.menuitem{
background:  url(images/glossyback.gif) repeat-x top left;
font: bold 15px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
display: block;
color: white;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 4px 0;
padding-left: 5px;
text-decoration: none;
padding-top: 4px;
padding-bottom: 8px;
}




.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}

.glossymenu a.menuitem:hover {background-image: url(images/glossyback2.gif); color: #FF6600}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
background: white;
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}

.glossymenu div.submenu ul li {border-bottom: 1px solid #CCCC99}

.glossymenu div.submenu ul li a{
display: block;
font: normal 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: black;
text-decoration: none;
padding: 2px 0;
padding-left: 10px;
}

.glossymenu div.submenu ul li a:hover {background: #D4D4D4; color: #FF6600}

h1 {font-weight: bold;
   font-size: 20px
   }