/*--------feuille footer.php est optimisee*/


footer {
	padding: 10px 25px 20px 25px;
	/*background: url(/img/footer_bg.png) center top no-repeat;*/
	text-align: center;
	color: #747474;
	font-size: 0.9em;
}

footer a, footer a:visited, footer a:link {
	color: #747474;
}

.piedgauche{
    float:left;
}
.pieddroit{float:right;}
.remarque{float:left;margin-left:13%;}
.piedgauche,.pieddroit,.remarque{

text-align:center;
width:15%;
margin-top: 0;
	
	color: gray;
    padding: 4px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	-moz-box-shadow:0 0 12px #ccc;
	-webkit-box-shadow:0 0 12px #ccc;
	box-shadow:0 0 12px #ccc;
	background: #eef;
}

.piedgauche a,.pieddroit a,.remarque a{
    text-decoration: underline;
    color: red;
    
    padding: 0;
    
} 

.piedgauche:hover,.pieddroit:hover,.remarque:hover
{
-moz-box-shadow:0 0 12px #722;
	-webkit-box-shadow:0 20 12px #722;
	box-shadow:0 0 30px #722;
	
}

.infobulle,.infobulledroite{
    cursor: default;
    position: relative;
    
    
}
.infobulle > span{
    margin-left:-50px;
    font-family: 'Amaranth', Tahoma, sans-serif;
    
}
.infobulledroite > span{
    margin-left:-230px;
    font-family: 'Amaranth', Tahoma, sans-serif;
    
    
   
}
.infobulle > span,.infobulledroite > span{
    position:absolute;
    margin-top:28px;
     color: Black;
   background-color: #fff;
      /*background-color: #EBD9FA;*/
     padding:30px;
     border-radius:20px;
     box-shadow:0 0 2px rgba(0,0,0,.5);
     transform:scale(0) rotate(-12deg);
     -webkit-transform:scale(0) rotate(-12deg);
     transition:all 0.3s;
     opacity:0;
     white-space: nowrap;
      box-shadow: 10px 10px 15px #888;
    
}
.infobulle:hover > span,.infobulle:focus > span,.infobulledroite:hover > span,.infobulledroite:focus > span{
    -webkit-transform:scale(1) rotate(0);  
    transform:scale(1) rotate(0);  
    opacity:1;      
}

.infobulle > span:before, .infobulle > span:after{
    
     content: "";
        
         border: solid transparent;
         height: 0;
         width: 0;
     position: absolute;
     border-bottom-color: white;
     border-width: 0px 10px 10px 10px;
     left: 30px;
     margin-left: -10px;
     top: -7px;
      
}

.infobulledroite > span:before, .infobulledroite > span:after{
    
     content: "";
        
         border: solid transparent;
         height: 0;
         width: 0;
     position: absolute;
     border-bottom-color: white;
     border-width: 0px 10px 10px 10px;
     left: 50%;
     margin-left: -10px;
     top: -7px;
    
}

.infobulle ul {
   
    text-align: left;
    padding-left: 30px;
    padding-right: 30px;
}




.infobulle .lien,.infobulledroite .lien{
    color:#539FD9;
    font-weight: bold;
    font-size: initial;
}