/* Tutorial CSS */
 .demo-list li {display: inline;} 
 .demo-list li a {display: block; float: left; margin: 0 5px 5px 0;font-size: 0.7pc} 
 .demo-list li a:hover {background: none;} 

.infolocale .container_rubrique {
    height: 450px;
}

#info-list-droit img, #info-avis-droit img{
        margin-left:50px 0 0 80px;
}

.tooltip, .tooltip-2 {
    width: 256px; 
    position: absolute; 
    bottom: 0; 
    left: 0;
    display: none;
    font-weight: normal;
    font-size: 12px; 
    line-height: 1.5em; 
    color: #fff;
    z-index: 50;
    white-space: normal;
}
.tooltip .text {
    padding: 5px 15px 35px 15px; 
    background: url(images/tooltip.png) no-repeat 0 100%;
}
.tooltip .text_bas {
    padding: 5px 15px 35px 15px; 
    background: url(images/tooltip_reverse.png) no-repeat 0 100%;
}
.tooltip .top {
    height: 10px; 
    background: url(images/tooltip.png) no-repeat 0 0;
}

.tooltip .top_bas{
    height: 35px; 
    background: url(images/tooltip_reverse.png) no-repeat 0 0;
}

.tooltip-2 {color: #000;}
.tooltip-2 .text {
    padding: 5px 15px 35px 15px; 
    background: url(images/tooltip_2.png) no-repeat 0 100%;
}
.tooltip-2 .top {
    height: 10px; 
    background: url(images/tooltip_2.png) no-repeat 0 0;
}


.tooltip .info-photo img, .tooltip .info-photo .info-media-full img {
    width:100px !important;
    height:auto;
    border:none;
    margin:0 7px 3px 0;
}


.tooltip #text_tooltip .info-headline a{
    font-size: 13px;
    margin-top:20px !important;
}

.tooltip #text_tooltip p{
    font-size: 0.7pc;
    color:#fff;
    margin-bottom: 5px;
}

#text_tooltip .info-photo{
    float:left;
    position: inherit;
}

#text_tooltip p a{float:none;}

.tooltip .top{
    text-transform: uppercase;
    font-family: 'itc_avant_garde_gothic_stdemi';
    font-weight: bold;
    font-size: 0.8pc;
    letter-spacing: 0.03pc;
    line-height: 35px;
    text-align: center;
    border-bottom: 1px solid #FFFFFF;
    width: 98%;
    padding-bottom: 25px
}

.tooltip .top_bas{
    text-transform: uppercase;
    font-family: 'itc_avant_garde_gothic_stdemi';
    font-weight: bold;
    font-size: 0.8pc;
    letter-spacing: 0.03pc;
    line-height: 35px;
    text-align: center;
    border-bottom: 1px solid #FFFFFF;
    width: 100%;
    padding-top: 20px
}

  .example{
    float:left;
  }
  .sharrre .button{
    float:left;
    width:60px;
  }
  
  .sharrre .facebook{
    float:left;
    width:60px;
    margin-right: 10px;
  }