/* Thème dark 
Codes couleur : 
#ffb301 (jaune)
#060200 (fond)
*/
body {background-color: #63213d; color:#fff;}
a {color:#fff;}
a:hover {color:#fad9e7;}
h2, .h2 {padding: 0 0 5px 10px;
   color: #fff;
   font-size: 2rem;
   background-color: #fad9e7;}

.jukebox-title { text-align:center; color:#fff; font-size:2.2rem; }
.jukebox-title img { max-width:250px; width:100%; display:block; margin-left:auto; margin-right:auto;}
.letter-index{ font-size:1.1rem; list-style-type: none; margin:0; padding:0; display:flex; align-items: center; flex-wrap:wrap; justify-content: center; align-content: center;}
.song-list{font-size:1.1rem; list-style-type: none;
   padding-inline-start:20px;}
.song-list li {padding: 10px 0;}
.desactive {color:#919090;}
.modal {color: #000;}
.btn-primary {background-color: #ffb301;
   border-color: #ffb301;}

.btn-primary:hover {background-color: #ff9601;
      border-color: #ff9601;}

.claxtheme {width:100%;
position:fixed;
top:0;
right:0;
height:100%;
text-align:center;
}
.inside {position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
box-shadow: none;
max-width:initial;
width:80%;}

#fader { display:flex; align-items: center; align-content: center; justify-content: center; position:fixed; top:0; left:0; right:0; bottom:0; background-color:rgba(0,0,0,0.7); z-index:9999999; }
button svg { width: 20px;}

.fix_to_bottom {
   margin-bottom: 0 !important;
   left: 0;
   width: 100%;
   margin: 0;
   position: fixed;
   bottom: 0;
   background-color: #343434;
   font-size: 0.9rem;
   z-index:1000;}

a.info {
    position: relative;
    text-decoration: none;
    color:#9d9d9d;
    font-size:0.9rem;
	font-weight:bold;
 }

 a.info span {
    display: none; /* On masque l'infobulle. */
	 
 }

 a.info:hover {
    background: none; /* Correction d'un bug d'Internet Explorer. */
   /* cursor: help;   */
 }

 a.info:hover span {
    display: inline; /* On affiche l'infobulle. */
    position: absolute;
  	width:260px;
    top: 30px; 
    left: 20px;
    background-color:#fff;
    padding: 4px 8px;
    border-radius:10px;
    font-weight:300;
    z-index: 500;
    white-space:initial;
    line-height:1.5em;
    color:#000;
 }