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

/* cadres, photo, texte */
.cadre-ext {
	border: none;
	/* border-color: #404040; */
}
.cadre-int {
	background: #f8f8f8;
	border-color: #ffffff;
}

.photo { 
	outline: 1px solid #A0A0A0; 
	/* box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/ /*  ombre photo - style à appliquer au div les contenant ???2024*/
}

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

/* bouton */
.gris {
	background-color: #808080;
	border: 1px solid #343434;
}
#info li { color: #101010; }
#info ul { background: rgba(255, 255, 255, 0.85); }	

/* 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 #C0C0C0; 
	background: #F0F0F0;
}
a.fleche:hover {
	color: #040404;
	border: 1px solid #080808;
}

/* index */

.trilien {
	color: #808080;
	border: 1px solid #C0C0C0; 
}
a.trilien:hover {
	color: #040404;
	border: 1px solid #080808;
}
.triactif {
	color: #040404;
	border: 1px solid #080808;
}

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