/* DISCOGRAPHIE */

/* #magasin supprimé - div superflue, styles déplacés sur #col2 */
#magasin_liste {
	margin-top: -2px;
}
#magasin_liste {
	list-style: none;
	display: list-item;
	background-color: #0084F1;
}
#magasin_liste li:nth-child(2n+2) {
	/* background: #ddd; */
}
/* couleur en alternance */
/*
#magasin_liste .album_ligne:nth-child(2n+2) {
	background: #ddd;
}
#magasin_liste .album_ligne:nth-child(2n+1) {
	background: #eee;
}
*/
.magHover {
	background: transparent url(../img/fond_magasin_hover.png) repeat-y;
	background-color: red;
	cursor: pointer;
}
.magHoverRouge {
	/*background: url(../img/fond_over_disc_p2.png) left center no-repeat, url(../img/fond_over_disc_p1.png) left repeat-y, url(../img/fond_over_rouge.png) repeat-y ; */
	background: url(../img/fond_over_rouge.png);
	cursor: pointer;
}
.magClickRouge {
	background: url(../img/rouge_degrade2.png);
	cursor: normal;
}
#magasin_liste .album_ligne_0{
	/* display: inline; */
	width: 299px;
	/* height: 60px; */
	/* border: 1px solid red; */
	position: relative;
	/* padding-top: 5px; */
	background-color: #eee;
	border-bottom: 1px dotted #808080;
	line-height: 14px;
	padding-bottom: 0px;
}
#magasin_liste .album_ligne_1{
	/* display: inline; */
	width: 299px;
	position: relative;
	background-color: #ddd;
	border-bottom: 1px dotted #808080;
	line-height: 14px;
	padding-bottom: 0px;
}
#magasin_liste .album_ligne_0 p, #magasin_liste .album_ligne_1 p {
	margin-top: -3px;
	margin-left: 5px;
	margin-bottom: 6px;
	font: 12px "Times New Roman", Georgia, Times, serif;
	font-style: italic;
	width: 250px;
}
#magasin_liste .album_ligne_0 a, #magasin_liste .album_ligne_1 a {
	text-decoration: none;
	margin-top: 2px;
	padding-top: 2px;
	color: #444444;
}
#magasin_liste .album_date,
#magasin_liste time.album_date {
	font: 14px "Times New Roman", Georgia, Times, serif;
	color: #666;

	/* top: 10px; */
}
#magasin_liste .album_nom,
#magasin_liste a.album_nom {
	/* position: absolute; */
	/* left:5px; */
	text-decoration: none;
	color: inherit;
	cursor: pointer;
	margin-left: 5px;
	margin-top: -20px;
	width: 250px;
	/* font: 14px Encorpada-Black; */
	font: 18px/26px 'League Gothic Regular';
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	font-weight: normal;
	font-style: normal;
	text-transform: uppercase;
	/* top: 5px; */
}

#magasin_liste .album_caddie {
	height: 32px;
	left: 260px;
	position: absolute;
	top: 6px;
	width: 32px;
	cursor: pointer;
}
#magasin_liste .album_no_caddie {
	position: absolute;
	right:7px;
	top: 6px;
	width: 32px;
	height: 32px;
	text-indent: -4000px;
	color: red;
	background: transparent url(../boutons_paypal/caddie_no4.png);
}

/* extraits */
#liste_extraits ul { list-style: none;}

/* .credit { display: none;} */

.player_extrait {
	position: absolute;
	width: 32px;
	height: 32px;
	margin-right: 10px;
	/* border: 1px solid red; */
	left: 264px;
	top: 10px;
	margin-top: -7px;
}
.player_extrait a{
	position: absolute;
	width: 32px;
	height: 32px;
	text-indent: -2000px;
	cursor: pointer;
}

.player_extraitV {
	position: absolute;
	width: 32px;
	height: 32px;
	margin-right: 10px;
	/* border: 1px solid red; */
	left: 264px;
	top: 10px;
	margin-top: -7px;
}
.player_extraitV a{
	position: absolute;
	width: 32px;
	height: 32px;
	text-indent: -2000px;
	cursor: pointer;
}

.lire {
	/* background: transparent url(../img/picto_player_bleu.png) 0px -0px no-repeat; */
	background: #0084f1 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-volume-1'%3E%3Cpolygon points='11 5 6 9 2 9 2 15 6 15 11 19 11 5'%3E%3C/polygon%3E%3Cpath d='M15.54 8.46a5 5 0 0 1 0 7.07'%3E%3C/path%3E%3C/svg%3E") 6px 6px no-repeat;
	/* ) */
	border-radius: 50%;
}
.lire:hover {
	color: #fff;
	background: #57b3ff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-volume-2'%3E%3Cpolygon points='11 5 6 9 2 9 2 15 6 15 11 19 11 5'%3E%3C/polygon%3E%3Cpath d='M19.07 4.93a10 10 0 0 1 0 14.14M15.54 8.46a5 5 0 0 1 0 7.07'%3E%3C/path%3E%3C/svg%3E") 6px 6px no-repeat;
}
/* player Video */
.lireV {
	background: transparent url(../img/picto_player_bleu.png) 0px -168px no-repeat;
}
.pause {
	/* background: transparent url(../img/picto_player_bleu.png) 0px -42px no-repeat; */
	background: #ff665d url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-volume-x'%3E%3Cpolygon points='11 5 6 9 2 9 2 15 6 15 11 19 11 5'%3E%3C/polygon%3E%3Cline x1='23' y1='9' x2='17' y2='15'%3E%3C/line%3E%3Cline x1='17' y1='9' x2='23' y2='15'%3E%3C/line%3E%3C/svg%3E") 6px 6px no-repeat;
	border-radius: 50%;
}

/* ajout d'un picto svg sur le  bouton submit (remplacé en php) */
.album_caddie input[type="submit"],
.album_caddie img {
	cursor: pointer;
}

.album_caddie input[type="submit"]{
	width: 2rem;
	height: 2rem;
	text-indent: -100px;
	border: none;
	border-radius: 50%;
	background: #0084f1
	url("data:image/svg+xml,%3Csvg viewBox='0 0 84 84' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' clip-rule='evenodd' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='31.25' cy='72.917' r='3.472' fill='none' stroke='%23fff' stroke-width='6.94'/%3E%3Ccircle cx='69.444' cy='72.917' r='3.472' fill='none' stroke='%23fff' stroke-width='6.94'/%3E%3Cpath d='M3.472 3.472h13.889l9.306 46.493a6.966 6.966 0 006.944 5.591h33.75a6.968 6.968 0 006.945-5.591l5.555-33.298H20.833' fill='none' stroke='%23fff' stroke-width='6.94'/%3E%3Cpath d='M50 27.083c.146.056 0 16.667 0 16.667M58.366 35.384c-.056.147-16.667 0-16.667 0' fill='none' stroke='%23fff' stroke-width='6.25' stroke-miterlimit='1.5'/%3E%3C/svg%3E") 4px 8px no-repeat;
	background-size: 66%;
}

.telecharger {
	position: absolute;
	width: 32px;
	height: 32px;
	margin-right: 10px;
	/* border: 1px solid blue; */
	left: 264px;
	top: 10px;
	margin-top: -7px;
}
.telecharger a {
	position: absolute;
	width: 32px;
	height: 32px;
	background: transparent url(../img/picto_player_bleu.png) 0 -84px no-repeat;
	text-indent: -2000px;
}
.telecharger a:hover {

	background-position: 0 -126px;

}
.titre_boucle {
	letter-spacing: 1px;
	text-transform: uppercase;
	position: relative;
	left: 6px;
	/* font: 16px Encorpada-Black; */
	font: 18px 'League Gothic Regular';
	color: #666;
	font-weight: normal;
	font-style: normal;
	margin-bottom: 3px;
	top: -1px;
	padding-top: 2px;
	width: 214px;
	/* border: 1px solid red; */

}
.titre_boucle span {
	background-color: #404040;
	color: white;
	padding: 3px 4px 0;
}

.credit {
	position: absolute;
	width: 32px;
	height: 32px;
	margin-right: 10px;
	/* border: 1px solid blue; */
	left: 187px;
	top: 10px;
	margin-top: -7px;
}
.credit a {
	text-indent: -2000px;
	position: absolute;
	width: 32px;
	height: 32px;
	/* bac	kground: transparent url(../img/picto_player_extrait.png) 0 0px no-repeat; */
	background: #808080 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-help-circle'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpath d='M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3'%3E%3C/path%3E%3Cline x1='12' y1='17' x2='12.01' y2='17'%3E%3C/line%3E%3C/svg%3E") 6px 6px no-repeat;
	/* url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-help-circle'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpath d='M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3'%3E%3C/path%3E%3Cline x1='12' y1='17' x2='12.01' y2='17'%3E%3C/line%3E%3C/svg%3E") */
	border-radius: 50%;
}
.credit a:hover {
	background-color: #9d9d9c;

	/* background: transparent url(../img/picto_player_extrait.png) 0 -40px; */
}

.paroles {
	position: absolute;
	width: 32px;
	height: 32px;
	margin-right: 10px;
	/* border: 1px solid blue; */
	left: 226px;
	top: 10px;
	margin-top: -7px;
}
.paroles a {
	text-indent: -2000px;
	position: absolute;
	width: 32px;
	height: 32px;
	background: #0084f1 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-file-text'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'%3E%3C/path%3E%3Cpolyline points='14 2 14 8 20 8'%3E%3C/polyline%3E%3Cline x1='16' y1='13' x2='8' y2='13'%3E%3C/line%3E%3Cline x1='16' y1='17' x2='8' y2='17'%3E%3C/line%3E%3Cpolyline points='10 9 9 9 8 9'%3E%3C/polyline%3E%3C/svg%3E") 6px 6px no-repeat;
	border-radius: 50%;
	/* background: transparent url(../img/picto_player_extrait.png) 0 -80px no-repeat; */
}
.paroles a:hover {
	background: #57b3ff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-file-text'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'%3E%3C/path%3E%3Cpolyline points='14 2 14 8 20 8'%3E%3C/polyline%3E%3Cline x1='16' y1='13' x2='8' y2='13'%3E%3C/line%3E%3Cline x1='16' y1='17' x2='8' y2='17'%3E%3C/line%3E%3Cpolyline points='10 9 9 9 8 9'%3E%3C/polyline%3E%3C/svg%3E") 6px 6px no-repeat;
	border-radius: 50%;
	/* background: transparent url(../img/picto_player_extrait.png) 0 -120px; */
}

.parolesHover {
	background: transparent url(../img/picto_player_extrait.png) 0 -120px;
}

#liste_extraits {
	position: static;
	list-style: none;
	margin: 10px 0 1rem 0;
	padding: 1px 0 0;
}
#liste_extraits li:nth-child(2n+2) {
	background-color: #eee;
	/* background-color: #e2f1ff; */

}
#liste_extraits li {
	/* border: 1px dotted blue; */
	border-bottom: 1px dotted #808080;
	/* min-height: 38px; */
	background-color: #ddd;
	width: 299px;
	position: relative;
	height: 38px;
}
#liste_extraits p.duree {
	margin: -6px 0 3px 0;
	padding: 0;
}
#liste_extraits p.duree span {
	/* background-color: #808080; */
	background-color: #9c9c9c;
	/* #0084f1; */
	color: #ffffff;
	padding: 0px 3px 0px;
	font-style: normal;
	font-family: Times New Roman, Times, serif;
	font-size: 12px;
	margin-left: 5px;
/* 	margin-top: -10px; */
	position: relative;
	/* letter-spacing: .1em; */
}
#liste_extraits p.titre_extrait {
	/* letter-spacing: 1px; */
	text-transform: uppercase;
	position: relative;
	left: 6px;
	font-size: 18px;
	font: 17px 'League Gothic Regular';
	color: #666;
	font-weight: normal;
	font-style: normal;
	margin-bottom: 3px;
	top: -1px;
	padding-top: 2px;
	width: 299px;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	/* border: 1px solid red; */
}

#paroles p.titre_extrait {
	/* letter-spacing: 1px; */
	text-transform: uppercase;
	position: relative;
	left: 6px;
	font-size: 18px;
	font: 17px 'League Gothic Regular';
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	color: #0084F1;
	font-weight: normal;
	font-style: normal;
	margin-bottom: 3px;
	margin-left: 0px;
	top: -1px;
	padding-top: 12px;
	width: 299px;
	/* border: 1px solid red; */
}
#paroles p:last-of-type {
	padding-bottom: 1rem;
}
#paroles p.duree {
	margin: -4px 0 3px 0;
	padding: 0;
}
#paroles p.duree span {
	/* background-color: #808080; */
	/* background-color: #9c9c9c; */
	background-color: #FF665D;
	/* #0084f1; */
	color: #ffffff;
	padding: 0px 3px 0px;
	font-style: normal;
	font-family: Times New Roman, Times, serif;
	font-size: 12px;
	margin-left: 5px;
/* 	margin-top: -10px; */
	position: relative;
	/* letter-spacing: .1em; */
}

.coul {
	color: #FF665D;
}
#paroles p {
	font-style: italic;
	/* -webkit-font-smoothing: antialiased; */
	/* font-smoothing: antialiased; */
	margin-left: 10px;
	color: #808080;
}
#paroles p+p+p {
	width: auto;
	-webkit-font-smoothing:subpixel-antialiased;
	font-smoothing: none;
}
#paroles p+p+p em {
	color: #0084F1
}
#paroles {
	background-color: #eee;
	margin: 1rem 0;
	/* padding: .5rem 0; */
}
.qtip-content {
	font: 12px/14px "Crimson Text", serif;
}
.qtip-contentWrapper {
	border: 1px dotted red;
}

/*** set the width and height to match your images **/

#slideshow {
    position:relative;
    height:299px;
}

#slideshow img {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow img.active {
    z-index:10;
    opacity:1.0;
}

#slideshow img.last-active {
    z-index:9;
}

/* #videoPlayer {
	position: fixed;
	top: 50vh;
	left: 50vw;
	height: 100vh;
	width: 100vw;
	object-fit: contain;
} */