@font-face {font-family:Times New Roman; font-style:normal; font-weight:normal; src:url('../FicComm/times.woff'); }
@font-face {font-family:Times New Roman; font-style:italic; font-weight:normal; src:url('../FicComm/timesi.woff'); }
@font-face {font-family:Times New Roman; font-style:normal; font-weight:bold;   src:url('../FicComm/timesbd.woff'); }
@font-face {font-family:Times New Roman; font-style:italic; font-weight:bold;   src:url('../FicComm/timesbi.woff'); }
:root		{--VolumeLargeur:28px; }
#lectETlist	{width:308px; margin:0 auto; border:solid 2px #722626; border-radius:3px;
	box-shadow: 3px 3px 4px 0px #766642B2; }	/* rgba(118, 102, 66, 0.7) */
#pupitre	{width:100%;  height:30px; margin:0 auto; padding-top:4px; border:solid #660000; border-width:0 0 1px 0;
	background-color:#A6A197; }
#prec		{float:left; margin:3px 0   0  8px; cursor: pointer; border:solid transparent; border-width:0 1px 1px 0; }
#prec:hover	{border:solid transparent; border-width:1px 0 0 1px; }
#lire		{float:left; margin:1px 0   0  5px; cursor: pointer; width:25px; border:solid transparent; border-width:0 1px 1px 0; }
#lire:hover	{border:solid transparent; border-width:1px 0 0 1px; }
#suiv		{float:left; margin:3px 0   0  5px; cursor: pointer; border:solid transparent; border-width:0 1px 1px 0; }
#suiv:hover	{border:solid transparent; border-width:1px 0 0 1px; }
#stop		{float:left; margin:3px 0   0  8px; cursor: pointer; border:solid transparent; border-width:0 1px 1px 0; }
#stop:hover	{border:solid transparent; border-width:1px 0 0 1px; }
#boucl	{float:left; margin:3px 0   0 29px; cursor: pointer; border:solid transparent; border-width:0 1px 1px 0; }
#boucl:hover{border:solid transparent; border-width:1px 0 0 1px; }

#boiteTemps	{float:left; margin:4px 2px 0 10px; width:85px; height:16px; cursor: pointer; background:#000;
	border-top:		solid #737068 1px; border-right:	solid #FFF 1px;
	border-bottom:	solid #FFFFFF 1px; border-left:	solid #737068 1px; }
#barreTemps	{float:left; max-width:100%; height:16px; background:#E5DFD1; }

#boutVolume	{float:left; margin:3px 1px 0  0px; }
#volM		{float:left; margin:0px 0   0  8px; cursor: pointer; border:solid transparent; border-width:0 1px 1px 0; }
#volM:hover	{border:solid transparent; border-width:1px 0 0 1px; }
	/* Pour CACHER la bande de niveau sonore (volTout) passer "display" de "block" à "none" */
#volTout	{float:left; margin:1px 0   0  1px; display:block; width:28px; height:16px; background-color:#000; cursor: pointer;
	border-top:		solid #737068 1px; border-right:	solid #FFF 1px;
	border-bottom:	solid #FFFFFF 1px; border-left:	solid #737068 1px; }
#volAff	{float:left; margin:0px 0   0    0; height:16px; width:20px; max-width:28px;
	overflow:hidden; }
#volCoul	{float:left; margin:0px 0   0    0; height:16px; width:28px;
	background-color:#E5DFD1; background: linear-gradient(90deg, #FFF8E8, #756642);  }
#volForm	{position:relative; left:0; top:0; height:0; width:0;
	border-top:16px solid #000; border-right:28px solid transparent; }/* dessine triangle rectangle */
#volP		{float:left; margin:0px 0   0  2px; cursor: pointer; border:solid transparent; border-width:0 1px 1px 0; }
#volP:hover{border:solid transparent; border-width:1px 0 0 1px; }

#listeLec	{margin:0; padding-top:2px; text-align:left; background-color:#E5DFD1; }
.itemMus	{margin:0; padding:3px 0 2px 18px; text-align:left; border:solid #FFFFFF; border-width:0 0 1px 0; cursor:pointer; }
.itemMusAct	{margin:0; padding:3px 0 2px 14px; text-indent:-12px; text-align:left; border:solid #FFFFFF; border-width:0 0 1px 0;
	color:#660000; text-decoration:none; font-weight:bold; cursor:pointer; }
.itemMusAct::before {content:"► "; font-size:12px; }	/* ► + espace insécable (alt-0160) */