.menu-flottant {
    width:15em; /* Largeur des items du menu*/
    position:fixed; 
    z-index:499!important;
    top: 40%; 
    font-size: 1em;
    font-weight:700;
    text-transform:uppercase; 
    left: -11em!important; 
}

.menu-flottant ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.menu-flottant ul li {
    display:block; 
    height: 4em;
    padding: 1em 1em;
    position: relative;
    -webkit-transition: -webkit-transform 0.5s; 
    -moz-transition: -webkit-transform 0.5s; 
	transition: transform .5s;
	box-shadow: 1px 1px 1px 1px rgba(0, 0,0, 0.08);
}

.contact-side{
    background-color: #0D5C95;

}

.jadhere-side{
    background-color: #C70626;
}


.mag-side{
    background-color: #000000;
}

.annonces-side{
    background-color:#ffffff;

}

.annonces-side a{

    color: #0D5C95!important;
}
.menu-flottant ul a{
	color:#FFFFFF;
}


.menu-flottant ul li:hover {
    -webkit-transform: translateX(11em);
    transform: translateX(11em);
	
}

/* Mise en forme des liens du menu*/
.menu-flottant ul li p {
    display: block;
    color: #FFF;
    /* text-align: center; */
    text-decoration: none;
    font-size: 0.85em;
    line-height: 2.5em;
    height: 2em;
}
  
/* Mise en forme des icônes du menu*/
  .menu-flottant ul li span img {
   float: right;
    line-height: 2.5em;
    padding-left: 20px!important;
    width: 55px;
    margin-top: -25px;

  }  

/* mode mobile */

@media all and (max-width: 767px) {
    
    .menu-flottant{
        display:none;
    }
    
/*
    .menu-flottant {
        width: 14em;}
    
    .menu-flottant ul li {
        height: 3.5em;}
    
    .menu-flottant ul li span img {

        width: 45px;}
    
*/
}