#global {
background: url(images/ombre.png) repeat-y ;
  position: relative;
  top: -3px;
  left: 0;
  width: 882px;
  height: 850px;
  margin-right: auto;
  margin-left: auto;
}
ul
{
  font-family: Arial,Sans-Serif;
  font-size: 13px;
/*color: #800000;*/
  color:#ffffff;
 text-align: left;
}
p, li, hr {
  font-family: Arial,Sans-Serif;
  font-size: 13px;
/*color: #800000;*/
  color:#eaf872;
 /* text-align: left;*/
}
h3 {
/*  color: #fff;*/
/*  color: #800;*/
  color: #eaf872;
  font-family: Arial,Sans-Serif;
}
h4 {
/*  color: #fff;*/
/*  color: #800;*/
  color: #eaf872;
  font-family: Arial,Sans-Serif;
}
h6 {
/*  color: #fff;*/
/*  color: #800;*/
  color: #eaf872;
  font-family: Arial,Sans-Serif;
  font-size: 10px;
}
body
{
  border-style: none;
  background: url(images/fondo.jpg) repeat scroll 0% 50%;
  text-align: center;
}

#ban {
  background: transparent url(animban.swf) repeat scroll 0% 50%;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 850px;
  height: 133px;
}
#conteneur {
  width: 850px;
  font-size: medium;
  position: relative;
  margin-right: auto;
  font-family: Arial,Sans-Serif;
/*  color: #eaf8f6;*/
  color: #1b1a1a;
  margin-left: auto;
}
#principal {
/*  border-color: #b7b7f6;
  border-left: 1px solid #b7b7f6;*/
 background: #1b1a1a ;
 /*  background: #e5f4fb  ;*/
  overflow:auto;
  text-align: right;
  padding-left: 10px;
  padding-right: 10px;
  position: absolute;
  top:133px;
  left: 120px;
  width: 558px;
  height: 850px;
}
#droite {
/*  border-color: #b7b7f6;
  border-right: 1px solid #b7b7f6;*/
 background: #1b1a1a;
/*  background: #e5f4fb ;000*/
  background-repeat: no-repeat;
  position: absolute;
  top: 133px;
  left: 714px;
  width: 150px;
  height: 850px;
 border-top: 1px solid #fff;
 border-left: 1px solid #fff;
border-right: 1px solid #fff;
}
#gauche {
/*  border-color: #b7b7f6;
  border-right: 1px solid #b7b7f6;*/
 background: #1b1a1a;
/*  background: #e5f4fb ;000*/
  background-repeat: no-repeat;
  position: absolute;
  top: 133px;
  left: 16px;
  width: 120px;
  height: 850px;
 border-left: 1px solid #000000;
border-right: 1px solid #ffffff;

}
body {behavior: url(../../Documents/mes sites internet/GroupeNery/PGE/membre/include/csshover.htc);}
 div#menu {width: 100px;}
/* fond blanc pour le menu */
div#menu a {color:#eaf872}
div#menu ul {padding: 0; width: 120px; border:1px solid; margin:0px; background: #1b1a1a}

 /* fond different au survol de la souris pour les sous menu et les "basiques"*/
div#menu li:hover {background: #858282}/*menu sans sous-menu*/
div#menu li.sousmenu:hover {background: #858282;}/*tout le restes*/

/* Rajout d'une petite fleche pour les sous menu */
div#menu li.sousmenu {background: url(fleche.gif) 95% 50% no-repeat;}

div#menu ul li {position:relative; list-style: none; border-bottom:1px solid;}
div#menu ul ul {position: absolute; top: -1px; left: 120px; display:none}

/* on rajoute une bordure a gauche et des padding, on doit donc réajuster la taille 100-(8 de bordure + 8 de padding) =84 */
div#menu li a {text-decoration: none; padding: 4px 0 4px 8px; display:block; border-left: 8px solid #bbbbbb; width:84px}
div#menu ul.niveau1 li.sousmenu:hover ul.niveau2,
div#menu ul.niveau2 li.sousmenu:hover ul.niveau3 {display:block;}

/* la bordure de chaque hauteur a une couleure de survol*/
div#menu li a:hover {border-left-color: red;}
div#menu ul ul li a:hover {border-left-color: #00FF00;}
div#menu ul ul ul li a:hover {border-left-color: #800000;}

a:link {
  font-size: 11px;
  color: #ffffff;
/*color:#800000;*/
  text-decoration: none;
}
a:visited {
  font-size: 11px;
  color: #ffffff;
  text-decoration: none;
}
a:hover {
  font-size: 11px;
 /* color: #800000;*/
  color: #eaf872;
  text-decoration: none;
}