/* CSS Document */
body,td,th {
	font-family: Bookman Old Style;
	font-size: 12px;
}
body {
	font:1em, "Bookman Old Style";
	color: #DDC620;
	margin: auto; /* Pour centrer notre page */
	margin-top: 5px; /* créer un ecart avec le haut de la fenêtre du navigateur.  */
	margin-bottom: 10px;    /* Pareil pour en bas */
	width: auto;
	height: auto;
	scrollbar-face-color : #000000; /* couleur du dessus des boutons et de la barre de défilement */ 
	scrollbar-shadow-color : #DDC620;/* couleur sombre du relief des boutons */  
	scrollbar-highlight-color : #000000;/* couleur claire du relief des boutons */  
	scrollbar-3dlight-color : #DDC620;/* couleur claire du relief des boutons quand ceux-ci ne sont pas enfoncés */
	scrollbar-darkshadow-color : #000000;/* couleur sombre du relief des boutons quand ceux-ci ne sont pas enfoncés */ 
	scrollbar-track-color : #DDC620; /* couleur du fond de la barre */  
	scrollbar-arrow-color : #000000;/* couleur des flèches */  
	cursor: url(moncurseur.cur);
	background-color: #000000;
	font-size: 12px;
	}

	#table {
width: 180px;
		margin-left: 20px;
		float: left;
		margin-top: 5px;
}

.mot{  background-color:#B71E02; color: #FFFF80; } 

#Haut/* l'include pour la page droite.php3 */
{
	height: 100px;
	width: 87%;
	margin-left: auto;margin-right: auto;
	margin-top: -3px;
	border-bottom: medium dotted #DDC620;
	border-left: medium dotted #DDC620;
	border-right: medium dotted #DDC620;
}

#logo{
	border: none;
}
#total{
	border: medium dotted #DDC620;
}

#contenu2 /* l'include pour la page Bord_gauche.php3 */
{
	background-image: url(../images/diable.jpg); /* mettre a gauche */
	background-repeat: repeat-y; /* taille image */
	height: 100%;
	background-position: left;
	margin-bottom: -16px;
	text-align: center;
}

#contenu/* l'include pour la page droite.php3 */
{
background-image: url(../images/diable.jpg);             
   background-position: right; /* mettre a droite*/
   background-repeat: repeat-y;
   /*width: 60px; /* taille de l'image */ 
 height  : 100%;
 margin-bottom: -16px;
}
fieldset{
	border: none;
}

#corps{
width: 85%;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	padding: 0px 0px 0px 20px;
}
hr
{
   width: 50%;
   color: #DDC620; /* couleur trait horizontal */
   height: 3px;
}

#corps1{
width: 80%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	
	}
h1 {
	font-size: 16px;
	color: #DDC620;
	text-transform: uppercase;
	text-align: center;
	font-weight: bold
}
h2 {
	font-size: 14px;
	text-transform: uppercase; 
	color: #DDC620;
	text-align: center;
	font-weight: bold
	
}
h3 {
	font-size: 14px;
	color: #DDC620;
	font-weight: bold;
	
	}
h4 {
	font-size: 14px;
	color: #FFFFB7;
	font-weight: bolder;

}
H5 {
	font-size: 14px;
	color: #DDC620;
	text-align: center;
	font-variant:  bolder;
}
a {
	font-size: 12px;
	color: #DDC620;
	font-weight: bold;
	
}
a:visited {
	color: #DDC620;
}
a:hover {
	color: #DDC620;
}
a:active {
	color: #DDC620;
}
div#menu a {
color:#000000}
div#menu ul {
	padding: 0;
	margin:0px;
	text-align:center;
	background-color: #FFFFFF;
}
div#menu li {
	background-color: #DDC620;
	color: #000000;
}
div#menu li:hover {
background-color:#DDC620}
div#menu li.sousmenu:hover {
	background-color: #DDC620;
}
/* rejout couleur de fond */
div#menu li.sousmenu {
background-color:#990033}
/* rajout pr  couleur de fond*/
div#menu li.plop { 
	background-color: #DDC620;
		color: #000000;
}

/* une petite bordure en top*/
div#menu ul li {position:relative; list-style: none; float:left; border-top:1px solid}
div#menu ul ul { 
  display:none; 
  left:0; 
  position:absolute; 
  top:20px; 
  width:190px; 
}

div#menu li a {text-decoration: none; padding: 4px 0 4px; display:block;width:190px}
div#menu ul.niveau1 li.sousmenu:hover ul.niveau2, 
div#menu ul.niveau2 li.sousmenu:hover ul.niveau3 {display:block;}
div#menu ul.niveau3 {top:-1px; left: 190px;}

/* rajout de couleur de fond et de survol */
div#menu ul.niveau3 li { 
background-color:#990033}
div#menu ul.niveau3 li:hover {
	background-color: #00CCFF;
}