body  { 
background-color:#000000; 
color: #3F3F3F; 
font-size: 8pt; 
font-family: Arial, Helvetica, sans-serif; 
background-repeat: no-repeat; 
margin: 0px; 
border: 0px none ;
scrollbar-3d-light-color: #414E5C; 
scrollbar-arrow-color:#000000; /* couleur des flèches */
scrollbar-base-color: #f5f6f8; 
scrollbar-dark-shadow-color: #414E5C; 
scrollbar-face-color: #d4dae1; /* couleur des barres */
scrollbar-highligth-color: #F5F6F8; 
scrollbar-shadow-color: #414E5C ;
}

table { background-repeat:no-repeat;
font-size: 11pt; 
border: 0px;
}
img{ border:0px none}

/* ------------- texte ------------*/

.TitreBPlus, .TitreHistoire, .TitreBo {
	font-size: 1.5em;
	font-weight: bold;
	margin-left:15px;
	margin-top: 5px;
	font-style: italic;
}
.TitreHistoire {	font-style: normal;
	font-size: 1.3em; color:#000099;
}
.TitreBo {font-size:1em;
}
.TitreCo{/*  titre compléments d'enquête*/
font-weight: bold;
text-align:center;
padding:5px;
}
.texte10 { font-size: 10pt}
.Textept { font-size: 9pt}
.texteFFF    { color: #ffffff; font-size:11px; font-weight:bold}
/* ------------- FIN  texte ------------*/


/*----------------TOUS  LES LIENS  ----------------------------------------------------------------------------------------------*/

a {text-decoration: none; border: 0px ; color:#990000; font-weight:bold;
}
a:hover { text-decoration:underline;
color:#000099;}

a.ext {border: 0px ; color:#000099; font-weight:normal;}

a.sceren {display:block;
background-image: url(images/sceren_off.gif);  width: 143px; height:38px;
}
a.sceren:hover {
	background-color: #000000; /* bugg si pas de background-color*/
	background-image: url(images/sceren_over.gif);  width: 143px; height:38px;
	z-index:2;
}
a.crdp {display:block;
background-image: url(images/crdp_off.gif);  width: 143px; height:43px;
}
a.crdp:hover {
	background-color: #000000; /* bugg si pas de background-color*/
	background-image: url(images/crdp_over.gif);  width: 143px; height:43px;
	z-index:2;
}

a.panier {display:block;
background-image: url(images/panier.gif);  width: 25px; height:20px; float:right;}
a.panier:hover {
	background-color: #ABABAB; /* bugg si pas de background-color*/
	background-image: url(images/panier2.gif); width: 25px; height:20px; float:right;
	z-index:2;
}


a.savoir {font-size:10px;}

a.liennoir, { font-size: 9pt; font-weight: bold;  border: 1px solid #fff; color:#000000; margin-bottom:4px; float:left;}
a.inactif  { font-size: 9pt; font-weight: bold;  border: 1px solid #fff; color:#000000; margin-bottom:4px; float:left;}
a.lienrouge  { font-size: 9pt; font-weight: bold;  border: 1px solid #fff; color:#000000; margin-bottom:4px; float:left;}
a.actif   { font-size: 9pt; font-weight: bold;  border: 1px solid #fff; color:#000000; margin-bottom:4px; float:left;}
a.actif2  { font-size: 9pt; font-weight: bold;  border: 1px solid #fff; color:#000000; margin-bottom:4px; float:left;}
a.actifrenaissance  { font-size: 9pt; font-weight: bold;  border: 1px solid #fff; color:#000000; margin-bottom:4px; float:left;}
a.actifbaroque  { font-size: 9pt; font-weight: bold;  border: 1px solid #fff; color:#000000; margin-bottom:4px; float:left;}
a.actifmonde  { font-size: 9pt; font-weight: bold;  border: 1px solid #fff; color:#000000; margin-bottom:4px; float:left;}
a.actifcollec   { font-size: 9pt; font-weight: bold;  border: 1px solid #fff; color:#000000; margin-bottom:4px; float:left;}

		
		a.liennoir:hover { font-size: 9pt; font-weight: bold;  border: 1px solid #fff; color:#000000; margin-bottom:4px; float:left; background-color: #FFFFCC; text-decoration: none; color:#990000;}
		a.liennoir:active { font-size: 9pt; font-weight: bold;  border: 1px solid #fff; color:#000000; margin-bottom:4px; float:left; background-color: #FFFFCC; text-decoration: none; color:#990000;}
	
	a.collec {font-size: 9pt; font-weight: bold;  border: 1px solid #fff; color:#000000; margin-bottom:4px; float:left; background:url(images/collec.jpg); height:32px;}	
	a.origine {font-size: 9pt; font-weight: bold;  border: 1px solid #fff; color:#000000; margin-bottom:4px; float:left; background:url(images/couv1.jpg); height:32px;}
	a.moyen {font-size: 9pt; font-weight: bold;  border: 1px solid #fff; color:#000000; margin-bottom:4px; float:left; background:url(images/couv2.jpg); height:32px;}
	a.renaissance {font-size: 9pt; font-weight: bold;  border: 1px solid #fff; color:#000000; margin-bottom:4px; float:left; background:url(images/couv3.jpg); height:32px;}
	a.baroque {font-size: 9pt; font-weight: bold;  border: 1px solid #fff; color:#000000; margin-bottom:4px; float:left; background:url(images/couv4.jpg); height:32px;}
	a.revolution {font-size: 9pt; font-weight: bold;  border: 1px solid #fff; color:#000000; margin-bottom:4px; float:left; background:url(images/couv6.jpg); height:32px;}
	a.impressionnistes {font-size: 9pt; font-weight: bold;  border: 1px solid #fff; color:#000000; margin-bottom:4px; float:left; background:url(images/couv7.jpg); height:32px;}
	a.monde {font-size: 9pt; font-weight: bold;  border: 1px solid #fff; color:#000000; margin-bottom:4px; float:left; background:url(images/couv5.jpg); height:32px;}

	
			a.actifcollec   { font-size: 9pt; font-weight: bold;  border: 1px solid #fff; color:#000000; margin-bottom:4px; float:left; background:url(images/collecc.jpg); height:32px;}	
			a.actifrenaissance    { font-size: 9pt; font-weight: bold;  border: 1px solid #fff; color:#000000; margin-bottom:4px; float:left; background:url(images/couv3c.jpg); height:32px;}
			a.actifbaroque   { font-size: 9pt; font-weight: bold;  border: 1px solid #fff; color:#000000; margin-bottom:4px; float:left; background:url(images/couv4c.jpg); height:32px;}
			a.actifrevolution   { font-size: 9pt; font-weight: bold;  border: 1px solid #fff; color:#000000; margin-bottom:4px; float:left; background:url(images/couv6c.jpg); height:32px;}
			a.actifimpressionnistes   { font-size: 9pt; font-weight: bold;  border: 1px solid #fff; color:#000000; margin-bottom:4px; float:left; background:url(images/couv7c.jpg); height:32px;}
			a.actifmonde   { font-size: 9pt; font-weight: bold;  border: 1px solid #fff; color:#000000; margin-bottom:4px; float:left; background:url(images/couv5c.jpg); height:32px;}

			
		a.collec:hover {background:url(images/collecb.jpg);height:32px; }
			a.collec:active {background:url(images/collecb.jpg);height:32px; }
			a.actifcollec:hover {background:url(images/collecb.jpg);height:32px; }
			a.actifcollec:active {background:url(images/collecb.jpg);height:32px; }

		a.origine:hover  {background:url(images/couv1b.jpg);height:32px;}
		a.origine:active {background:url(images/couv1b.jpg);height:32px;}

		a.moyen:hover {background:url(images/couv2b.jpg);height:32px;}
			a.moyen:active {background:url(images/couv2b.jpg);height:32px;}

		a.renaissance:hover {background:url(images/couv3b.jpg); height:32px;}
a.renaissance:active {background:url(images/couv3b.jpg); height:32px;}
a.actifrenaissance:hover {background:url(images/couv3b.jpg); height:32px;}
a.actifrenaissance:active {background:url(images/couv3b.jpg); height:32px;}

		a.baroque:hover {background:url(images/couv4b.jpg); height:32px;}
a.baroque:active {background:url(images/couv4b.jpg); height:32px;}
a.actifbaroque:hover {background:url(images/couv4b.jpg); height:32px;}
a.actifbaroque:active {background:url(images/couv4b.jpg); height:32px;}

		a.monde:hover {background:url(images/couv5b.jpg); height:32px;}
a.monde:active {background:url(images/couv5b.jpg); height:32px;}
a.actifmonde:hover {background:url(images/couv5b.jpg); height:32px;}
a.actifmonde:active {background:url(images/couv5b.jpg); height:32px;}		

		a.revolution:hover {background:url(images/couv6b.jpg); height:32px;}
a.revolution:active {background:url(images/couv6b.jpg); height:32px;}
a.actifrevolution:hover {background:url(images/couv6b.jpg); height:32px;}
a.actifrevolution:active {background:url(images/couv6b.jpg); height:32px;}		

		a.impressionnistes:hover {background:url(images/couv7b.jpg); height:32px;}
a.impressionnistes:active {background:url(images/couv7b.jpg); height:32px;}
a.actifimpressionnistes:hover {background:url(images/couv7b.jpg); height:32px;}
a.actifimpressionnistes:active {background:url(images/couv7b.jpg); height:32px;}		


	
a.retour_origine {background-color:#cccccc;  font-size: 11px; color:#000000; padding:0 5; border: 0px solid #ffffff; width:73px;}
a.retour_origine:hover {background-color:#000000; text-decoration: none; color:#ffffff; width:73px;}
a.retour_origine:active {background-color:#000000; text-decoration: none; color:#ffffff; width:73px;}
			
a.retour_collec {background-color:#999999;  font-size: 11px; color:#000000; padding:0 5; border: 0px solid #ffffff; width:73px;}
a.retour_collec:hover {background-color:#000000; text-decoration: none; color:#ffffff; width:73px;}
a.retour_collec:active {background-color:#000000; text-decoration: none; color:#ffffff; width:73px;}
			
a.retour_moyen {background-color:#cccccc;  font-size: 11px; color:#000000; padding:0 5; border: 0px solid #ffffff; width:73px;}
a.retour_moyen:hover {background-color:#000000; text-decoration: none; color:#ffffff; width:73px;}
a.retour_moyen:active {background-color:#000000; text-decoration: none; color:#ffffff; width:73px;}
	
a.actif     { background-color: #ffffff ; color:#009}
	a.actif:hover { background-color: #ffffff ;text-decoration: none;}
	a.collection:active { background-color: #ffffff ;text-decoration: none;}

a.actif2    { background-color: #cccccc ;}
	a.actif2:hover { background-color: #cccccc; text-decoration: none;}
	
a.inactif    { color: #3f3f3f; }
	a.inactif:hover  {text-decoration: none;	background-color: #cccccc;	color: #996633;}

a.rouge    { color: #990000; font-size: 11px;}
	a.rouge:hover     {background-color: #cccccc; text-decoration: none;}		
	
	
a.blanc    { color: #ffffff; font-size:11px;}
		a.blanc:hover {color:#FFCC00; text-decoration: none;}
	
a.doc { font-weight:normal; color: #3f3f3f; padding:2px 8px; }
	a.doc:hover {  color:#000000; background-color:#ccc;text-decoration: none;  border-bottom: 1px solid #555; }
			a.doc:visited {  color:#999999;}
			
a.PP   { color: #fff; font-size:14px; background-color:#990000; padding: 1px 8px;}
		a.PP:hover {color:#FFCC00; text-decoration: none;}
		
a.diap { color:#3f3f3f; font-size:10px; padding:2px 5px;}	
		a.diap:hover { color:#333333; text-decoration: none; background-color:#CCCCCC;}	
		
a.ssmenu {/* ------- sous menu ---------- */ 
	font-weight:normal; color: #3f3f3f; padding:2 8; display: block; font-size:smaller; }
	a.ssmenu:hover {
	color:#000000;
	background-color:#CCC;
	text-decoration: none; border-bottom: 1px solid #555; 
}

/* ------- lien  aide (?)   ------   et  rollover aide / info --------------- */
.TxBRed, .TitreAide {font-weight: bold; color: #e4293b;
}
.TitreAide   { background-color: #ffdf6d;  margin: -3px -8px 3px ; display: block; padding: 3px 100% 3px 8px ; width: 100%}



a.info {color: #990000;font-weight: bold;font-size:11px;
    position:relative; /*this is the key*/
    z-index:1;
}
a.info:hover {text-decoration: none;
	z-index:2;
	background-color: #ffffff; /* bugg si pas de background-color*/
}
a.info span {display: none;}

a.info:hover span {
color: #3f3f3f; 
border: 1px solid #3f3f3f;
 font-size:11px;
text-align: left;
display:block;
	padding:2px 8px;
 position: absolute;
    background-color:#CCCCCC;
text-decoration: none;
left:5px;
}

	
/* ------ FIN  -- lien  aide (?)   ------   et  rollover aide / info --------------- */