/*-------------------------------->
    La Partie menu defilant de votre Site 
---------------------------------->*/




.btngal {
    display: inline-block;
   
    font-weight: 700;
    color: #ffffff!important;
    text-align: center;
    vertical-align: middle;
    user-select: none;
    background-color: #000000;
    border: 1px solid #f99200;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 6px;
    transition: all 0.15s ease-in-out;
}
.btngal-outline-warning {
    --bs-btn-color: #ffc107;
    --bs-btn-border-color: #ffc107;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #ffc107;
    --bs-btn-hover-border-color: #ffc107;
    --bs-btn-focus-shadow-rgb: 255,193,7;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #ffc107;
    --bs-btn-active-border-color: #ffc107;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #ffc107;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #ffc107;
    --bs-gradient: none;
}

.wrapper {
	width:600px;
	height:260px;
	margin:auto;
  z-index: 0; /* on définit une valeur pour l'ordre d'affichage */}
.bg_0{
	width:600px;
	height:260px;
	background-image:url('modules/menu/images/menu/banner.jpg')
	background-repeat:no-repeat;
	border: 0px solid #333333;
	overflow:hidden;}
	
.fa-lg {
    font-size: 1.25em;
    /* line-height: .05em; */
    vertical-align: -.075em;
}




.stateon{
	FILTER: alpha(Opacity=50);
	-moz-opacity: 0.8;
	border:#cc0d12 0px solid;
}
.stateoff{
	-moz-opacity: 1.0;
	border:#a0a0a0 0px solid;
}
.stateclicked{
	FILTER: alpha(Opacity=50);
	-moz-opacity: 0.5;
	border:#000 0px solid;
}

.viewer_wrapper{
	position:relative;
	top:0px;
	left:5px;

}

div.viewer {
	position:relative;
	top:0px;
	left:0px;
	height:200px;
	overflow:hidden;
	width:600px;
	padding-left:0px;
	padding-top:0px;
}
div.scrobbler {
	width:1500px;	
}

div.pics {
	width:300px;
	height:300px;
	float: left;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}
 .logo{
 	position:relative;
	left:0px;
	width:600px;
	height:35px;
	overflow:hidden;
	cursor:pointer;
	border:0px solid #666666;
 }
 
.girl{
 	position:relative;
	top:-237px;
	left:476px;
	width:100px;
	height:250px;
	overflow:hidden;
	cursor:pointer;
	border:0px solid #666666;
	float:left;
 }  

 .bottom{
 	position:relative;
	top:0px;
	left:0pxpx;
	width:600px;
	height:40px;
	overflow:hidden;
	cursor:pointer;
	border:0px solid #666666;
 }
/*-------------------------------->
    affichage infobulle
---------------------------------->*/


a.info {
   position: relative;
   color: black;
   text-decoration: none;

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

}
a.info:hover {
   background: none; /* correction d'un bug IE */
   z-index: 1; /* on définit une valeur pour l'ordre d'affichage */

 /*  cursor: help; /* on change le curseur par défaut en curseur d'aide */
}
a.info:hover span {
display:inline;
   position: absolute;
   white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
   left: 20px;
   color: black;
   padding: 3px;
 background: white;
opacity:0.7; 

}