html, body {
background-color : #c0c0c0;
margin:0px 0px 0px 0px;
SCROLLBAR-FACE-COLOR: #333333; 
SCROLLBAR-HIGHLIGHT-COLOR: #333333; 
SCROLLBAR-SHADOW-COLOR: #000000; 
SCROLLBAR-3DLIGHT-COLOR: #000000; 
SCROLLBAR-ARROW-COLOR: #000000; 
SCROLLBAR-TRACK-COLOR: #000000; 
SCROLLBAR-DARKSHADOW-COLOR: #000000;
}

td.contenu {background: white url('../images/fond.jpg') no-repeat 0px 0px;}


a:link {color: #FFFFFF; font-family:Verdana, Times New Roman;font-size:10pt;text-decoration:none;}
a:visited {color: #FFFFFF; font-family:Verdana, Times New Roman;font-size:10pt;text-decoration:none;}
a:hover {color:#024D99; font-family:Verdana, Times New Roman;font-size:10pt;text-decoration:none;}

a.fiche:link {color: #024D99; font-family:Verdana, Times New Roman;font-size:10pt;text-decoration:none;}
a.fiche:visited {color: #024D99; font-family:Verdana, Times New Roman;font-size:10pt;text-decoration:none;}
a.fiche:hover {color:#024D99; font-family:Verdana, Times New Roman;font-size:10pt;text-decoration:underline;}

a.footer:link {color: #000000; font-family:Verdana, Times New Roman;font-size:10pt;text-decoration:underline;}
a.footer:visited {color: #000000; font-family:Verdana, Times New Roman;font-size:10pt;text-decoration:underline;}
a.footer:hover {color:#000000; font-family:Verdana, Times New Roman;font-size:10pt;text-decoration:none;}

a.referencement:link {color: #000000; font-family:Verdana, Times New Roman;font-size:10pt;text-decoration:none;}
a.referencement:visited {color: #000000; font-family:Verdana, Times New Roman;font-size:10pt;text-decoration:none;}
a.referencement:hover {color:#000000; font-family:Verdana, Times New Roman;font-size:10pt;text-decoration:underline;}

p {font-family:Verdana, Times New Roman;font-size:9pt;color:#ffffff;}
p.detail {font-family:Verdana, Times New Roman;font-size:9pt;color:#000000;}
p.footer{font-family:Verdana, Times New Roman;font-size:10pt;color:#000000;}
p.fiche {font-family:Verdana, Times New Roman;font-size:9pt;color:#ffffff;margin: 5px;}
p .visupanier{font-family:Verdana, Times New Roman;font-size:9pt;color:#000000;}

H1 {font-family:Verdana, Times New Roman;font-size:11pt;color:#024D99;font-weight:bold;margin: 5px;}

a.accueil { /* définition de la classe "image" de la balise <a> */
     display: block; /* la balise a doit être en bloc */
	 width: 96px; /* largeur de l'image réactive */
     height: 39px; /* hauteur de l'image réactive */
     background-image: url('../images/menus/accueil-dossiers-esoterisme.jpg'); /* source de l'image de départ */
     background-repeat: no-repeat
     }

a.accueil:hover { /* définition de la classe "image" de la balise <a> au survol */
     background-image: url('../images/menus/accueil/accueil-dossiers-esoterisme.jpg'); /* source de l'image d'arrivée */
     } 

a.dossiers { /* définition de la classe "image" de la balise <a> */
     display: block; /* la balise a doit être en bloc */
	 width: 173px; /* largeur de l'image réactive */
     height: 39px; /* hauteur de l'image réactive */
     background-image: url('../images/menus/dossiers-dossiers-esoterisme.jpg'); /* source de l'image de départ */
     background-repeat: no-repeat
     }

a.dossiers:hover { /* définition de la classe "image" de la balise <a> au survol */
     background-image: url('../images/menus/accueil/dossiers-dossiers-esoterisme.jpg'); /* source de l'image d'arrivée */
     } 
	 
a.mois { /* définition de la classe "image" de la balise <a> */
     display: block; /* la balise a doit être en bloc */
	 width: 176px; /* largeur de l'image réactive */
     height: 39px; /* hauteur de l'image réactive */
     background-image: url('../images/menus/mois-dossiers-esoterisme.jpg'); /* source de l'image de départ */
     background-repeat: no-repeat
     }

a.mois:hover { /* définition de la classe "image" de la balise <a> au survol */
     background-image: url('../images/menus/accueil/mois-dossiers-esoterisme.jpg'); /* source de l'image d'arrivée */
     } 
	 
a.actualites { /* définition de la classe "image" de la balise <a> */
     display: block; /* la balise a doit être en bloc */
	 width: 95px; /* largeur de l'image réactive */
     height: 39px; /* hauteur de l'image réactive */
     background-image: url('../images/menus/actualites-dossiers-esoterisme.jpg'); /* source de l'image de départ */
     background-repeat: no-repeat
     }

a.actualites:hover { /* définition de la classe "image" de la balise <a> au survol */
     background-image: url('../images/menus/accueil/actualites-dossiers-esoterisme.jpg'); /* source de l'image d'arrivée */
     } 
	 
a.contact { /* définition de la classe "image" de la balise <a> */
     display: block; /* la balise a doit être en bloc */
	 width: 79px; /* largeur de l'image réactive */
     height: 39px; /* hauteur de l'image réactive */
     background-image: url('../images/menus/contact-dossiers-esoterisme.jpg'); /* source de l'image de départ */
     background-repeat: no-repeat
     }

a.contact:hover { /* définition de la classe "image" de la balise <a> au survol */
     background-image: url('../images/menus/accueil/contact-dossiers-esoterisme.jpg'); /* source de l'image d'arrivée */
     } 	 

.dossiers-p{ /* défini les boites qui comprenent chaque menu de base */
padding:0 ; /* marges intérieures à 0 */
margin: 0 ; /* marges extérieures à 0 */
height:39px;
} /* Hauteur des boites */ 

#dossiersf
{
filter:alpha(opacity=90);
-moz-opacity:0.9;
opacity: 0.9;
background-color: #000000; 
display: none; /* les sous-menus ne sont pas affichés */
margin: 0px 0px; /* marges extérieures à 0 */
padding : 0; /* marges intérieures à 0 */
position : absolute ;
width : 350px;
z-index:10;
}	 
	 
	 
#credits
{
display: none; /* les sous-menus ne sont pas affichés */
background-color: #ffffff; 
position:absolute;
left: 50%; 
top: 50%;
width: 320px;
height: 430px;
margin-left: -160px; /* moitié de la largeur */
margin-top: -215px; /* moitié de la hauteur */
border: 1px solid #5D5D5D;
z-index:51;
}

#creditsi
{
display: none; /* les sous-menus ne sont pas affichés */
background-color: #ffffff; 
position:absolute;
left: 50%; 
top: 50%;
width: 320px;
height: 430px;
margin-left: -160px; /* moitié de la largeur */
margin-top: -215px; /* moitié de la hauteur */
border:none;
z-index:50;
}

#menu-gestion
{
background-color: #ffffff; 
position:absolute;
left: 50%; 
top: 50%;
width: 392px;
height: 199px;
margin-left: -146px; /* moitié de la largeur */
margin-top: -100px; /* moitié de la hauteur */
border: 1px solid #5D5D5D;
z-index:61;
}