concession
{   
   width:490px; 
    }

#ConcessionTitre
{   
    margin-top :10px;
    margin-left :10px;
    margin-bottom:20px;
    font-size: 100%;
    font-weight: bold;
    }


#ImageMap
{  margin-top: 15px;
   margin-left: 180px;
   width: 410px;
   height :505px;
   background-image: url(images/CarteEtabBig1.png);
   background-repeat:no-repeat;
   z-index:10;
} 

.ButR_Autun{ position:relative; top: 43px; left: 177px; z-index:20; background: transparent; cursor:pointer; border-style:none;} 
.ButR_Creusot{position:relative; top: 90px; left: 85px; z-index:20; background: transparent; cursor:pointer; border-style:none;} 
.ButR_Chalon{position:relative; top: 92px; left: 180px; z-index:20; background: transparent; cursor:pointer; border-style:none;} 
.ButN_Chalon{position:relative; top: 92px; left: 177px; z-index:20; background: transparent; cursor:pointer; border-style:none;} 
.ButR_Montceau{position:relative; top: 145px; left: 40px; z-index:20; background: transparent; cursor:pointer; border-style:none;} 
/*.ButN_Montceau{position:relative; top: 145px; left: 38px; z-index:20; background: transparent; cursor:pointer; border-style:none; } */
.ButR_MaconN{position:relative; top: 180px; left: 80px; z-index:20; background: transparent; cursor:pointer; border-style:none;} 
.ButR_MaconS{position:relative; top: 195px; left: 15px; z-index:20; background: transparent; cursor:pointer; border-style:none;} 
.ButR_Villefranche{position:relative; top: 275px; left: -60px; z-index:20; background: transparent; cursor:pointer; border-style:none;} 
.ButN_Villefranche{position:relative;top: 275px; left: -62px; z-index:20; background: transparent; cursor:pointer; border-style:none;} 
.ButC_Villefranche{position:relative; top: 275px; left: -62px; z-index:20; background: transparent; cursor:pointer; border-style:none;} 
.ButR_StEtienne{position:relative; top: 345px; left: 190px; z-index:20; background: transparent; cursor:pointer; border-style:none;} 

#flyout
{ position:absolute;
    width: 290px; height: 290px;  
  display: none; overflow: hidden; z-index: 2; background-color: White ; border: solid 0px #D0D0D0;}

#info{ display: none; width: 290px; height: 290px; z-index: 2; background-image: url("images/ConcessionsFond2.jpg");  opacity: 0,1; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=10); -moze-opacity: 0.1; font-size: 12px; border: solid 0px #CCCCCC;padding: 0px;}

/*info{ display: none; width: 290px; height: 250px; z-index: 2; opacity: 0,1; filter: alpha(opacity= 10); -moze-opacity: 0.1;  font-size: 12px; border: solid 1px #CCCCCC; background-color: Black; padding: 5px;}*/

.btnCloseParent{float: right; margin-right:10px;  opacity: 0; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);}
.btnClose{background-color: #666666; color: #FFFFFF; text-align: center; font-weight: bold; text-decoration: none; border: outset thin #FFFFFF; padding-left: 2px; padding-right:2px;}

#fiche
{
    width: 270px;
    height: 260px;
    margin-top:10px;
     //margin-top:0; /*uniquement pour ie */
    margin-left:10px;
    /*margin: 0 10px 10px 10px;*/
    background: transparent;
    color: #333333;
   /* border-right: black 1px dotted;
    border-top: black 1px dotted;
    border-left: black 1px dotted;
    border-bottom: black 1px dotted;*/
}
#fiche p
{
    padding-top: 2px;
    padding-bottom: 2px;
    }

#ficheDesignLieu
{
    font-size: 130%;
    font-weight:bold;
    color: Black;
    
}


#ficheSociete
{
    font-size: 100%;
    font-weight:bold;
    color: Black;
    
}

#ficheAdresse
{
    font-size: 100%;
    
    
}


#ficheTelB
{
    font-size: 130%;
    font-weight:bold;
     color: Black;
   
}

#ficheOuvertures
{
    font-size: 85%;
    
    
}
#ficheLocaliser
{
   right: 30px;
    width:100px; 
    top: 0px;
    font-size: 100%;
    color:Black;
   text-decoration: none;
   z-index: 20;
    
    
    
}

.lienMap
{
    border-style:none;
    z-index: 10;
}