@font-face {
    font-family: 'Oxygen Mono';
    font-display: swap;
		src:
    	local('Oxygen Mono'),
    	local('OxygenMono-Regular.otf'),
    	url('../fonts/Oxygen_Mono/OxygenMono-Regular.otf') format("opentype"); 
    font-weight: normal;
}

@font-face {
    font-family: 'Gothic A1';
    font-display: swap;
		src:
    	local('Gothic A1'),
    	local('GothicA1-Bold.woff'),
    	url('../fonts/Gothic_A1/GothicA1-Bold.woff') format("opentype");   
    font-weight: bold; 
}

             
/* Listes de chansons sur le page index */
#dTitresPopulaires{
	opacity:0;
	transition:opacity 0.3s linear;
}
/* Listes de chansons sur le page index */
#dDerniersAjouts{
	opacity:0;
	transition:opacity 0.25s linear;
}

/* pour loader.gif */
#dListeArtistesPages img{
	width:50px;
}

#dRechercheTitresPopulaires ul {
	padding:0px;
	position: relative;
	transition: top 1s linear;	
}
#dRechercheTitresPopulaires ul li{
	display: inline-block;
	width:100px;
	height:120px;
	padding:5px;
	text-align: center;
	vertical-align: top;
}


#dCadrePartition{

}
#divPrincPartition{
 	width: 100%;
	/*margin-left: 5px;*/
	display: inline-block;
/*	min-height: 625px;*/
}

div.dEntetePartition {
/*	margin:0px 10px 0px 5px;*/
}
/*
div.dTitrePartition {
	display:block;
	font-weight:bold;
	margin-bottom: 10px;
	border-bottom: solid 1px var(--couleur-secondaire);
	margin: 10px 1px 0px 0px;
	padding: 0px 0px 10px 0px;
}*/
div.dTitrePartition  {
	border-bottom: solid 1px var(--couleur-secondaire);	
}
div.dTitrePartition h1 {
	display: inline-block;
	font-size: larger;
	margin: 10px 0px 0px 0px;
/*	margin: 12px 0px 10px 0px;*/
	padding:0;
	border:none;
	width: auto;	
/*	vertical-align: middle;*/
	/*margin-right: 4px;*/
/*	margin: 5px 0px 0px 0px;*/
}

/*h2.dTitrePartition {*/
div.dTitrePartition h2 {
/*	display:block;
	font-weight:bold;
	margin-bottom: 10px;
	border-bottom: solid 1px var(--couleur-secondaire);
	margin: 10px 1px 0px 0px;
	padding: 0px 0px 10px 0px;
	font-size: inherit;*/
	margin: 0px 0px 5px 0px;
  font-size: smaller;
  font-weight: normal;
  color: var(--couleur-gris-moyen);
}
/*
div.dTitreChanson {
	display:inline-block;
	font-size: larger;
}
*/
div.dInfoChanson {
	margin:5px 0px;
}

#divDroitePagePartition{
	width:100%;
	display: inline-table;
	text-align: right;
	margin :5px 0px 0px 0px;
/*	min-height: 625px;*/
}

div.divAffImgOverAccord {
 position: absolute;
 z-index: 1000;
 display:none;
 left: 600px;
 top: 34px;
 background-color: #F5F5F5;
 padding: 5px;
 border: 1px #8888BB solid;
 border-radius:7px 7px 7px 7px;
 max-width:225px;
}

div.divAffImgOverAccord > div {
	text-align: center;
	padding: 5px 0px;
}


#dPartitionText{
	padding-top: 15px;
}

.divPartition {
	margin:25px 0 10px 0;
/*	font-family: monospace;*/
	font-family: var(--font-partition), monospace;
/*	font-size:small;*/
	max-width: calc(100% - 15px);
	color: var(--couleur-texte-partition);
}


.divPartition span.a {
	font-weight: bold;
	color: var(--couleur-accords-partition);
	cursor: pointer;
	padding: 0;
	margin: 0;
	font-family: var(--font-partition-accords);
	font-size:12px;
/*	padding: 2px 2px 2px 10px;*/
/*	padding: 2px 0px 2px 0px;*/
	padding: 2px 0 2px 10px;
}

.dCadreImpression span.a::before{
	content:attr(data-a);
}

.divPartition span.a::before {
	content:attr(data-aff);
}

.divPartition a {
	cursor: pointer;
}

div.pLV {
	height: 5px;
	margin: 5px 0px;
}

div.pLVV {
	height: 10px;
	margin: 10px 0px;
}

/*  ---- ANCIEN ----  */
div.dRefrain {
	padding:30px 0px 30px 40px;
}
div.dR {
	padding:30px 0px 30px 40px;
}

/*  ---- ANCIEN ----  */
span.interl {
	display:inline-block;
	position:relative;
	top:-1.1em;
	width:0px;
	right:10px;
	word-break:keep-all;
	white-space:nowrap;
}
span.sI {
	display:inline-block;
	position:relative;
	top:-1.5em;
	width:0px;
	right:10px;
	word-break:keep-all;
	white-space:nowrap;
	font-size:smaller;
}

/*  ---- ANCIEN ----  */
span.interl a {
	font-weight:bold;
	word-break:keep-all;
}
span.sI a {
	font-weight:bold;
	word-break:keep-all;
}

/*  ---- on remplace le séparateur '|' par une bordure ----  */
span.sIS{
    border-left: 1px solid var(--couleur-texte-partition);
    margin-left:5px;
    height: 17px;
    display: inline-block;
    vertical-align: middle;
}

/*  ---- ANCIEN ----  */
span.accLgnInstrumentale {
	display:inline-block;
	position:relative;
	font-size:10px;
}
span.ALI {
	display:inline-block;
	position:relative;
	font-size:10px;
	padding:2px 5px 0 0;
	width: max-content;
}

span.CALI {
	display: table-cell;
	font-size: smaller;
/*	min-width: max-content;*/
	line-height: 10px;
	/*padding: 2px 0;*/
	padding: 2px 5px 2px 10px;
	border-left: 1px solid var(--couleur-texte-partition);
}
span.CALI span.ALI:first-child .a  {
	padding: 2px 0 2px 0;
}
span.CALI:last-child {
	border-right: 1px solid var(--couleur-texte-partition);
}
span.CALIF {
	display: table-cell;
	font-size: smaller;
/*	min-width: max-content;*/
	line-height: 10px;
	/*padding: 2px 0;*/
	padding: 2px 5px 2px 10px;
	border-left: 1px solid var(--couleur-texte-partition);
}

div.CALI2 {
	height:5px;
	display:table-row;
}
span.espace {
	display:inline-block;
}

/*  ---- ANCIEN ----  */
div.pLgn {
	padding-top:10px;
	line-height:2.1em;
}
div.pL {
	padding-top:10px;
	line-height:2.1em;
}

/*  ---- ANCIEN ----  */
div.pLgnInstrumentale {
	line-height:1.2em;
}
div.pLI {
	line-height:1.1em;
  display: table-row;	
}
div.pLINT{
	line-height:0.1em;
}

span.tab{
 display:inline-block;
/* font-family:monospace;*/
/* font-family: var(--font-partition);*/
 margin:0px;
 padding:0px;
}

span.tab a {
	font-weight:bold;
	color:var(--couleur-de-liens);
	text-decoration:none;
}

span.tab pre {
	margin:3px 0px;
}


/*tables*/
div.tabT{
  display: inline-table;
  vertical-align: top;
}
/*div.tabT:first-child{
  margin-left:5px;
}*/
/*rangées*/
div.tabR{
	display: table-row;
}

div.tabR div.tabC span:first-child{
	right: 0.25em;
}
/*cellules non-vides*/
div.tabC{
	display: table-cell;
	border-top: 1px solid transparent;
  width: 0.6em;
  height: 17px;
  line-height: 17px;
}
/*cellules non-vides --­­> span*/
div.tabC span{
	font-weight: normal;
  display: block;
  position: relative;
/*  top: -0.72em;*/
  top: -0.625em;  
/*  font-size: 12px;*/
  margin: 0;
  width: max-content;
  
 /* left: -0.5em;*/  

}
/*cellules vides - CASES (lignes verticales)*/
div.tabD{
/*  border-left: 1px solid var(--couleur-gris-pale);*/
/*	border-top: 1px solid var(--couleur-gris-pale);*/
    border-top: 1px solid var(--couleur-gris-pale);
}
/*cellules vides*/
div.tabE{
	border-top: 1px solid var(--couleur-gris-pale);
}
/*cellules vides*/
div.tabB{
	border-left: 1px solid var(--couleur-gris-pale);
}
/*cellules vides - bouts de lignes */
div.tabF{
	border-top: 1px solid transparent;
}
/*cellules vides - bouts de lignes */
div.tabF:first-child{
	border-top: 1px solid var(--couleur-gris-pale);
}
div.tabAcc{
	display: block ruby;
/*	margin-left: 3px;*/
/*  top: 0.5em;*/
/*  position: relative;*/
}
div.tabAcc span{
/*	left: -0.1em;*/
/*	right:-0.3em;*/
/*	right:0.5em;*/
	top: -0.35em;
	padding: 0;
}

div.tabAcc span span.a {
/*	left: -0.1em;*/
/*	right:-0.3em;*/
/*	right:0.5em;*/
	padding: 0;
}


/* INFORMATIONS LÉGALES */
#dInfoDroits {
	width:410px;
	max-width:85%;
	text-align:center;
	color: var(--couleur-de-liens);
	text-decoration: underline;
	margin:10px auto;
	cursor: pointer;
}

#dInfoDroits img {
	vertical-align:middle;
	padding:5px;
	width:20px;
	height:18px;
	fill:var(--couleur-noir);
}
#dInfoDroits svg {
	vertical-align:middle;
	padding:5px;
	width:18px;
	height:18px;
	fill:var(--couleur-noir);
}
#dFermerFenetreInfoLegale{
	font-size: small;
	text-align:center;
	color: var(--couleur-de-liens);
	text-decoration: underline;
	cursor: pointer;
}

.dAvert{
	font-size: small;
	padding:0px 15px;
}

/* ACCORDS */
#dCadreDiagAccords{
	margin:5px;
}


#dAccordGaucher{
	text-decoration: underline;
	color: var(--couleur-de-liens);
	cursor: pointer;
}


#LienChangerInstruments {
	margin :0px;

}
#LienChangerInstruments span{
	display: block;
	text-align: center;
	font-weight: bold;
	margin :5px 0px 0px 0px;
	padding:5px;
/*	margin :5px 5px 0px 5px;*/	
	background-color: var(--couleur-secondaire);
	/*border: 1px solid var(--couleur-secondaire);*/
	border-radius: 5px;
	color: var(--couleur-texte-entete);
}
#LienChangerInstruments span{
	display: block;
	text-align: center;
	font-weight: bold;
	margin :5px 0px 0px 0px;
	padding:5px;
/*	margin :5px 5px 0px 5px;*/	
	background-color: var(--couleur-secondaire);
	/*border: 1px solid var(--couleur-secondaire);*/
	border-radius: 5px;
	color: var(--couleur-texte-entete);
}
	#LienChangerInstruments span p{
		display: inline-block;
    font-size: x-small;
		line-height: 0px;
    margin-left: 3px;
	}
#LienChangerInstruments span.sDetailInstrument{
	font-size: xx-small;
}
#LienChangerInstruments span.sInstrSelect{
	background-color: var(--couleur-principale);
	color: var(--couleur-texte-entete);
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
}
#LienMasquerAccords{
	display: none;
}
.sOngletInstrument{
	cursor: pointer;

}

#diagAccords{
	display: none;
}

div.dDiagAccords{
	margin: 0px;
	padding:10px;	
	border: 1px solid var(--couleur-principale);
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	background-color: var(--couleur-blanc);
}
.dLstDiagAccords {
	display: inline-block;
	text-align: center;
	font-weight: bold;
	font-family: var(--font-partition-accords);
	padding:5px 5px 5px 0px;
}
.dNomAcc{
	padding: 0 0 0 5px;
}
.imgAcc {
	cursor: pointer;
}
.imgAccGuitare{
	width:74px;
	height:73px;
}
.imgAccPiano{
	width:113px;
	height:37px;
	margin:0px 6px
}
.imgAccMandoline{
	width:68px;
	height:61px;
}
.imgAccUkulele{
	width:68px;
	height:61px;
}
.imgAccUkuleleBaryton{
	width:68px;
	height:61px;
}

/* AVERTISSEMENT PARTITION RETIRÉE */
#tblAvertissementRetrait{
	margin-top: 15px;
}
#tblAvertissementRetrait td{
	vertical-align: top;
}
#tblAvertissementRetrait td p{
	padding:0px 0px 5px 10px;
	margin:0px;
}
#tblAvertissementRetrait svg{
	fill:var(--couleur-avertissement-droit);
	width:24px;
	height:24px;
}
#tblAvertissementRetrait img{
	width:24px;
	height:24px;
}

/* Capo */
div.dCapo {
/*	font-weight: bold;*/
	margin :5px 0px;
}

div.dCommentaire{
	margin: 10px 0px 0 -4px;
	padding: 5px 0px 5px 4px;
/*	background-color: var(--couleur-fond-gris);*/
	border: 1px solid var(--couleur-gris-contraste-leger);
  border-radius: 5px;
}

div.dCommentaire span {
	margin-right: 3px;
/*	font-weight: bold;*/
}

/* Crédits - Paroles et musique */
div.dCredits {
	margin: 10px 0px;
}
span.sCreditLbl {
	font-weight: bold;
	margin: 0px 5px 0px 0px;
}
span.sCreditInfo {
		margin: 0px 5px 0px 0px;
}

/* TONALITÉ */
div.dTonalite {
	display: inline-block;
	font-weight: bold;
  margin-left: -4px;
	padding: 5px 0px 5px 4px;
	background-color: var(--couleur-tertiaire);
	border-radius: 5px;
}
/*
.hTitreChanson{
	display: inline;
	margin-right:5px;
}
.dNomArtiste{
	display: inline-block;
	position: absolute;
	vertical-align:text-bottom;
}
.dNomArtiste h3{
	display: inline;
}
*/


#dTitreChanson{
	display:inline-block;
	margin-right: 8px;
  margin-bottom: 5px;
/*	vertical-align: middle;*/
}

/* ------------------------------- */
/* Liste autres chansons (ARTISTE) */
/* ------------------------------- */

/* ---------------- À SUPPRIMER -----------------------*/
#dTitreNomArtiste{
	display: inline-block;
/*	font-weight: bold;*/
	padding: 3px 5px 5px 5px;
/*	margin-left: 4px;*/
	margin-right: 25px; /* pour empêcher l'élément d'embarquer sur l'icône défilement (version mobile) */
	background-color: var(--couleur-tertiaire);
	border-radius: 3px;
 /* vertical-align: middle;*/
/*  margin-top: 2px;*/
	margin-left: -4px;
}
/* ---------------- FIN À SUPPRIMER -------------------*/

/* ---------------- À SUPPRIMER -----------------------*/
#dTitreNomArtiste a h2{
	margin: 0;
	display: inline-block;
	font-size: inherit;
	vertical-align: middle;
}
/* ---------------- FIN À SUPPRIMER -------------------*/

div.dTitreNomArtiste{
	display: inline-block;
/*	font-weight: bold;*/
	padding: 3px 5px 5px 5px;
/*	margin-left: 4px;*/
	margin-right: 8px; /* pour empêcher l'élément d'embarquer sur l'icône défilement (version mobile) */
	background-color: var(--couleur-tertiaire);
	border-radius: 3px;
 /* vertical-align: middle;*/
/*  margin-top: 2px;*/
	margin-left: -4px;
}
div.dTitreNomArtiste:last-child{
	margin-right: 25px; /* pour empêcher l'élément d'embarquer sur l'icône défilement (version mobile) */
}
div.dTitreNomArtiste a h2{
	margin: 0;
	display: inline-block;
	font-size: inherit;
	vertical-align: middle;
}

#dConfigMembre{
/*  display:none;*/ 
  cursor:pointer; 
  float:right;
  width: 30px; 
  height: 30px;
  background-repeat: no-repeat; 
  background-size: contain;
 /* background-position: right;*/
  /*margin: 3px 0px;*/
  margin: 2px 7px;
  z-index: 1;
  position: relative;
  min-width: 30px;

/*
  margin: 10px 5px;
  width: calc(100% - 10px);
  min-height: 30px;
  background-color: var(--couleur-blanc-fonce);
  border: 1px solid var(--couleur-texte-pale);
  border-radius: 5px;
  background-size: 30px;
  background-position-y: 1px;
  height: auto;
*/  
  
}

#dConfigMembre.dConfigMembreActif {
  opacity: 0.9;
  margin: 10px 3px;
  width: calc(100% - 5px);
  min-height: 33px;
  background-color: var(--couleur-blanc-fonce);
  border: 1px solid var(--couleur-texte-pale);
  border-radius: 5px;
  background-size: 30px;
  background-position-y: 1px;
  background-position-x: calc(100% - 1px);
  height: auto;
}
#dConfigMembre.dConfigMembreActif span {
  display: inline-block;
}
#dConfigMembre.dConfigMembreInactif {
  opacity: 0.5;
  top: 10px;
}
#dConfigMembre.dConfigMembreInactif span {
  display: none;
}

#dConfigMembre:hover {	
	opacity: 0.9;
}


#dConfigMembre span{
  padding: 9px 7px;
  margin-right: 30px;
}
#dConfigMembre img{
	width: 30px;
  height: 30px;
  float: right;
  position: relative;
}

/* ----------------- À SUPPRIMER ---------------- */
#dImgLstAutresChansons {
	display: inline-block;
	vertical-align: middle;
	margin:0px 0px 0px 4px;
	float: inline-end;
}
#dImgLstAutresChansons svg {
/*	margin:1px 0px 0px 3px;*/
/*	border:1px solid var(--couleur-tertiaire);*/
	fill:var(--couleur-de-liens-actif);
	cursor: pointer;
/*	vertical-align: middle;*/
}
/* ---------------- FIN SUPPRIMER -------------- */

div.dImgLstAutresChansons {
	display: inline-block;
	vertical-align: middle;
	margin:0px 0px 0px 4px;
	float: inline-end;
}
div.dImgLstAutresChansons svg {
/*	margin:1px 0px 0px 3px;*/
/*	border:1px solid var(--couleur-tertiaire);*/
	fill:var(--couleur-de-liens-actif);
	cursor: pointer;
/*	vertical-align: middle;*/
}


/* ----------------- À SUPPRIMER ---------------- */
#divMenuAutreChanson {
	display:none;
	z-index:5;
/*	position:relative;*/
	position:absolute;
	overflow:auto;
	max-height:360px;
	min-width:250px;
 	max-width: calc(100% - 20px);	
	/*width:100%;*/
	/*margin:0px;*/
	padding:0px;
	font-weight:normal;
	scrollbar-width:thin;
	border:1px solid var(--couleur-principale);
	border-radius: 5px 0px 5px 5px;
	box-shadow: 3px 3px var(--couleur-gris-menu-alpha);
  opacity: 0; 
  visibility: hidden; 
  animation: slideInOut 0.25s ease-in-out; 
}
#divMenuAutreChanson ul {
	list-style-type :none;
	margin:0px;
	padding:0px;
}
#divMenuAutreChanson ul li {
	padding:9px 10px 4px 10px;
	border-bottom:1px solid var(--couleur-fond-gris);
	background-color: var(--couleur-blanc);
	color: var(--couleur-de-liens);
	min-height:20px;
	
}
#divMenuAutreChanson ul li:hover {
	background-color: var(--couleur-tertiaire);
}
/* --------------- FIN SUPPRIMER ---------------- */

div.divMenuAutreChanson {
	display:none;
	z-index:5;
/*	position:relative;*/
	position:absolute;
	overflow:auto;
	max-height:360px;
	min-width:250px;
 	max-width: calc(100% - 20px);	
	/*width:100%;*/
	/*margin:0px;*/
	padding:0px;
	font-weight:normal;
	scrollbar-width:thin;
	border:1px solid var(--couleur-principale);
	border-radius: 5px 0px 5px 5px;
	box-shadow: 3px 3px var(--couleur-gris-menu-alpha);
  opacity: 0; 
  visibility: hidden; 
  animation: slideInOut 0.25s ease-in-out; 
}
div.divMenuAutreChanson ul {
	list-style-type :none;
	margin:0px;
	padding:0px;
}
div.divMenuAutreChanson ul li {
	padding:9px 10px 4px 10px;
	border-bottom:1px solid var(--couleur-fond-gris);
	background-color: var(--couleur-blanc);
	color: var(--couleur-de-liens);
	min-height:20px;
}
div.divMenuAutreChanson ul li:hover {
	background-color: var(--couleur-tertiaire);
}

/*
ul.ulTonalListe, .ulTonalListe > li {
	display: inline-block;
	padding:2px;
}
*/



/* ------------------------------- */
/* Changement de tonalité					 */
/* ------------------------------- */
ul.ulTonalListe {
	display: inline-block;
	list-style: none;
	padding: 0px;
	margin: 0px 0px 0px 4px;
	font-family: var(--font-partition-accords);
/*	font-weight: bold;*/	
}
/*
ul.ulTonalListe > li {
	display: inline-block;
	margin:0px 2px;
}
.liTonalSepr{
	font-weight: normal;
	
}*/

ul.ulTonalListe li {
	display: inline-block;	
}

li.liTonalElmt {
	display: inline-block;
 	color: var(--couleur-accords-partition);
/*	text-decoration: underline;*/
/*	font-weight: bold;*/
	cursor: pointer;
	border-left: 1px solid var(--couleur-de-liens-actif);
	padding:0px 4.5px;
}

li.liTonalElmt:first-of-type {
	border:none;
	padding:0px 5px 0px 0px;
}
li.liTonalElmtSlct {
	font-weight: bold;
	color: var(--couleur-texte-partition);
	cursor: auto;
}
span.sTonalElmtRetour{
	font-family: var(--font-partition-accords);
	font-weight: bold;
	background-color: var(--couleur-secondaire);
	color:var(--couleur-blanc-fonce);
	cursor: pointer;
	padding:4px 6px;
	border-radius: 3px;
	font-size: 0.92em;
/*  padding: 3px;*/	
}
/*
span.sTonalElmtSlct {
	font-weight: bold;
}
span.sTonalElmt {
 	color: var(--couleur-de-liens);
	font-weight: bold;
	cursor: pointer;
}
span.liTonalElmt:hover {
 	color: var(--couleur-principale);
}*/

#divTopPagePartitionMobile{
	display: block;
	position:sticky;
	top:55px;
/*	text-align: center;*/
	height:0px;
	float: right;
}
div.divTopPagePartitionMobileRecueil{
	top:105px !important;
}




/* ------------------------------- */
/* Évaluation */
/* ------------------------------- */
#dEvaluation{
/*	display: inline-block;*/
	text-align: center;
/*	width:336px;*/
	margin:10px 0px 0px 0px;
}
.dEval {
	display: inline-block;
	width:20px;
	fill:var(--couleur-eval-off);
}
.dEval svg {
	width:15px;
	width:15px;
}

#pEvaluation{
	display: block;
	padding:0px;
	margin:0px;
	text-align: center;
}
#pLabelEvaluation {
	display: none;
	padding:0px;
	margin:0px;
	text-align: center;
}

/* ------------------------------- */
/* Publicité */
/* ------------------------------- */
#dPubDroitePartitionsMobile{
	text-align: center;
	min-height: 300px;
  margin: 5px 0px 0px 0px;
}
#dPubDroitePartitionsMobile div {
/*	position: sticky;*/
/*  transition: top 0.2s linear 0s;*/
/*  top: 55px;*/
}

#dPubDroitePartitions{
	display: none;
}

/* ------------------------------- */
/* Défilement */
/* ------------------------------- */
#divDefilementAuto{
	display: none;
}
#divDefilementAuto svg{
	display: none;
}
div.dIcoMnuPart {
	display: none;
}
div.dIcoMnuPart svg {
	width:24px;
	height:24px;
}
#iPleinEcran {
	display: none;
}
#iPleinEcranQuitte {
	display: none;
}
#iTaillePoliceGr {
	display: none;
}
#iTaillePolicePt {
	display: none;
}
#divProgressionDefilementAuto{
	display: none;
	position: absolute;
	top:1px;
	left:1px;
	width:32px;
	border:1px solid var(--couleur-principale);
	border-radius: 5px;
	background-color: var(--couleur-blanc-fonce);
 /* opacity: 0;*/ 
/*  visibility: hidden;*/ 
/*  animation: slideInOut 0.25s ease-in-out;*/ 
}

#divDefilementAutoMobile{
/*	padding:5px 5px 0px 0px;*/
	/*height:20px;*/
	/*float:right;*/
/*	display: block;*/
	display: inline-block;
	border:1px solid transparent;	
}
#divDefilementAutoMobile svg{
	padding:5px;
	stroke: var(--couleur-icones-partition);
}

#divProgressionDefilementAutoMobile{
	display: none;
	position: absolute;
	top:0px;
	right:0px;
	border:1px solid var(--couleur-gris-fonce);
	border-radius: 5px;
	background-color: var(--couleur-blanc-fonce);
	padding: 5px;
/*  opacity: 0; */
/*  visibility: hidden; */
/*  animation: slideInOut 0.25s ease-in-out;*/ 	
}

/* ------------------------------- */
/* VIDEOS */
/* ------------------------------- */
div.dZoneVideos {

}
div.dZoneVideos div {
/*	max-height: 500px;*/
/*	width:316px;*/
/*	height:150px;*/
	margin: 0 4px 8px 0px;
	text-align: center;
}
div.dZoneVideos iframe {
	  border-radius: 15px;
	  border: none;
/*	width:320px;*/
/*	height:180px;*/
	/*width="320" height="193"*/
}
div.dZoneVideos span {
  display: block;
  padding: 6px 4px 8px 0;
}

/* ------------------------------- */
/* AMAZON */
/* ------------------------------- */
	.pTitre{
/*		width: 336px;*/
		font-weight: bold;
		text-align: center;
		margin:5px;
		padding-top:10px;
		border-top:1px solid var(--couleur-gris-pale);
			
	}
	table.tCaseAlbum {
		/*width:314px;*/
		width:100%;
		margin :10px 0px 0px 0px;
	}
	td.tdCaseAlbum {
		width:100px;
		text-align:center;
	}
	td.tdCaseAlbum img {
		width:120px;
		height:120px;
		border-radius:20px;
	}
	td.tdCaseAlbumInfo {
		text-align: left;
		vertical-align:top;
		width:211px;
		padding-left:3px;
	}
	td.tdCaseAlbumInfo p {
		margin:0px;
	}
	.pAmzTitre {
		font-weight: bold;
	}
	.pAmzArtiste {
		color: var(--couleur-de-liens);
	}
	.pAmzLabel {
		color: var(--couleur-noir);
	}


/* ------------------------------- */
/* Lien Amazon Music  */
/* ------------------------------- */
table.tblLienChansonSurAmazon {
	width:100%;
	background-color: var(--couleur-blanc-fonce);
	border-radius: 5px;
	text-align: center;
}
table.tblLienChansonSurAmazon .tdCaseAmzImg {
	width:30px;
}
table.tblLienChansonSurAmazon .tdCaseAmzImg:first-of-type {
	padding:5px 0px 5px 5px;
}
table.tblLienChansonSurAmazon .tdCaseAmzImg:last-of-type {
	padding:5px 5px 5px 0px;
}
table.tblLienChansonSurAmazon svg {
	fill:var(--couleur-gris-pale);
}
table.tblLienChansonSurAmazon .sAmzMusicDetail, .sAmzMusicDesc{
	display: block;
}
table.tblLienChansonSurAmazon .sAmzMusicDetail{
	color: var(--couleur-principale);
	font-weight: bold;
}
table.tblLienChansonSurAmazon .sAmzMusicDesc{
	color: var(--couleur-gris-fonce);
	border-top: 1px solid var(--couleur-gris-pale);
	font-size: smaller;
}

/* ------------------------------- */
/* CONTRIBUTEUR(S)  */
/* ------------------------------- */
div.dInfoContribution{
 text-align:left;
	margin-left:20%;
	margin-top:10px;
	margin-bottom:5px;
}
#imgFlecheContr {
	vertical-align: middle;
	height:15px;
	width:15px;
	padding: 5px;
}
#dLstContr{
	display:none;
	opacity: 0;
  visibility: hidden;
  animation: 0.25s ease-in-out slideInOut;
}

#ulLstContr{
 margin:4px 28px 0px 28px;
 /*margin-left:16px;*/
 /*margin-right:32px;*/
 list-style: none; 
 padding: 0px;
}
#ulLstContr li{
 position:relative;
 list-style: none; 
 text-align:left;
 /*margin:5px 0px;*/
 margin: 2px 0px 0px 0px;
 padding: 2px 0px 0px 0px;
 }
span.sVignMembrePart {
	display: inline-block;
	width:24px;
	height:24px;
	text-align: center;
	margin: 0 3px 0 0;
  vertical-align: middle;	

  background-position-x: 50%;
  background-position-y: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 5px;	
}
span.sVignMembrePart img {
	max-width: 24px;
	max-height:24px;
	vertical-align: middle;
	border-radius: 5px;
}
 
li.liCtrbNeoVersion{
 border-top: 1px solid var(--couleur-gris-pale);
 margin-top: 5px;
}
span.sVersion{
 	color: var(--couleur-de-liens);
	text-decoration: underline;
	cursor: pointer;
}
span.sVersion:hover{
 	color: var(--couleur-principale);
}
#divVersionAvertissement{
	margin-top:5px;
	color:red; 
}
#divVersionLienRetour{
/*	padding-left:2px;*/
	/*margin-bottom:15px;*/
}
#dMsgVersAnt{
	display: none;
}
#dInfoVersion{
	margin:5px;
	padding:5px;
	text-align: right;
}