/*Menu du site*/
.menunav {
    padding: 0px;
    font-family: Avenir, sans-serif;
}

nav{
    width: auto;
    position: sticky;
    top: 10px;
    height: 30px;
    text-decoration: none;
}

a.showText {text-decoration: none;}
	  
      a.showText:hover {position: relative;}
	  
      a.showText span {display: none;}
	  
      a.showText:hover span {
        padding: 5px 20px 5px 5px;
        display: block;
        z-index: 1000;
        left: 0px;
        margin: 15px;
        width: 200px;
        position: absolute;
        top: 15px;
    	border-radius:10px;
		text-align:center;
        text-decoration: none;

    }

/*----------------------- effet bulle 1*/
.span1 {
	color: #1f1161;
	font-size: 20px;
    text-decoration: none;
}

.span1:hover,
a:focus {
	background: rgba(254, 251, 251, 0.4);
	text-decoration: none;
}

.span1 span {
	position: absolute;
	margin-top: 23px;
	margin-left: -35px;
	color: #ffff;
	background-color: #1f1161;
	padding: 15px;
	border-radius: 10px;
	box-shadow: 0 0 1px rgba(253, 252, 252, 0.5);
	transform: scale(0) rotate(-12deg);
	transition: all .25s;
    text-decoration: none;

}

.span1 a:hover span,
a:focus span {
	transform: scale(1) rotate(0);
	opacity: 1;
    text-decoration: none;
}