body {
	background-color: #1a1a1a;
	background-image: url(fond-noir.jpg);
	color: #909090;
}
#entete-menu-flottant {
	background: rgba(26, 26, 26, 0.75) /* 26*3 = #1a1a1a ; 0.75 = 75% d'opacité */
	/* opacity: 0.75; affecte aussi le texte */
}
.accueil, .accueil-nbc {
	color: #E0E0E0;
	border-bottom: 1px solid #F8F8F8;
}

/* cadres, photo, texte */
.cadre-ext { 
	border: none;
	/* border-top: none;
	border-left: 1px solid #404040;
	border-right: 1px solid #404040;
	border-bottom: 1px solid #404040; */
}

.cadre-int { 
	background: #111111;
	border-color: #010101;
}

.photo { outline: 1px solid #404040; }  /* border serait à l'intérieur de l'élément (et diminuerait la taille de la photo de 2 px) */

.titre-blanc-noir { color: #F8F8F8; }
.titre-carnets { color: #F8F8F8; }
.titre-gris { color: #AAAAAA; }
.textinfo, .titre-petit, .fondsdecran, .PDP { color: #909090; }
a.textinfo:hover { color: #909090; }

/* bouton */
.gris {
	background-color: #404040;
	border: 1px solid #343434;
}
#info li { color: #909090; }
#info ul { background: rgba(0, 0, 0, 0.85); } /* fond noir avec 85% d'opacité ; à la place de background-image: url(noir75.png); */

/* PAGES N&B ET COULEUR */

/* menu */

.courant {
	color: #E0E0E0;
	border-color: #F8F8F8;
}
.autre {
	color: #808080;
	border-color: #404040;
}
a.menu:hover {
	color: #F8F8F8;
	border-color: #F8F8F8;
}
.fleche {
	color: #808080;
	border: 1px solid #404040;
	background: #202020;	
}
a.fleche:hover {
	color: #F8F8F8;
	border: 1px solid #F8F8F8;
}

/* index */

.trilien {
	color: #808080;
	border: 1px solid #404040; 
}
a.trilien:hover {
	color: #F8F8F8;
	border: 1px solid #F8F8F8;
}
.triactif {
	color: #F8F8F8;
	border: 1px solid #F8F8F8;
}

.tdm tr:hover { background-color: #202020; }
.tdmchronos tr:hover { background-color: #202020; }
.tdm0 { background-color: #404040; }
.tdml { color: #808080; }
a.tdml:hover { color: #F8F8F8; }
.tdmt { color: #F8F8F8; }
.tdmp, .tdma, .tdmn, .tdmc {
	border-bottom: 1px solid #202020;
}