/*
 * Rouge #f00
 * Gris clair #7E8AA2
 * Gris + #5e6c86
 */
 
.lien a:link,
.lien a:visited {
	text-decoration: none;
	border-bottom: solid 1px #f00;
	color: #000;
	transition : 0.5s;
 } 
 
.lien a:hover{
	border-bottom: solid 1px transparent;
	color: #f00;
	transition : 0.5s; 
 }

 
.lienCnx a:link,
.lienCnx a:visited{
	text-decoration: none;
	border: solid 1px transparent;
	background: none;
	color: #7E8AA2;
	padding: 5px 20px;
	box-shadow:2px 2px 6px #999;
	border-radius: 5px;
 }
 
 
.lienCnx a:hover{
	color: #f00;
	box-shadow: none;
	border: solid 1px #ddd;
}
  
 
.lientab a:link,
.lientab a:visited{
	color: #7E8AA2;
	text-decoration: none;
	border-bottom: none;	
	background: none;
 }
 
 
.lientab a:hover{
	text-decoration: none;
	border-bottom: none;
	color: #f00;
}
 

.lienreturn a:link,
.lienreturn a:visited{
	color : #7E8AA2;
	border: none;
	text-decoration: none;
	background: none;
}

.lienreturn a:hover{
	color: #f00;
}

 
 .lienfoot a:link,
 .lienfoot a:visited{
	text-decoration: none;
	color: #fff;
	border-bottom: solid 1px #fff;
	padding: 0 3px;
	transition : 0.5s;	
 }
 
 .lienfoot a:hover{
	background: #fff;
	color: #f00;
	border-bottom: solid 1px transparent;
	border-radius: 3px;
	transition : 0.5s;	
 }
 

 .lienfootstaff a:link,
 .lienfootstaff a:visited{
	text-decoration: none;
	color: #fff;
	border-bottom: none;
	padding: 0 3px;
	transition : 0.5s;	
 }
 
 .lienfootstaff a:hover{
	background: #fff;
	color: #000;
	border-bottom: none;
	border-radius: 3px;
	transition : 0.5s;	
 }
 
.lienFootSoc a:link,
.lienFootSoc a:visited{
	text-decoration: none;
	border: none;
	background: none;
	color: #fff;
	opacity: 1;
	transition : 0.5s;		
}
 
.lienFootSoc a:hover{
	text-decoration: none;
	border: none;
	opacity: 0.8;
	transition : 0.5s;		
}
 
.liencrew a:link,
.liencrew a:visited{
	color: #5e6c86;
	background: none;
	border: none;
	text-decoration: none;	
	transition : 0.5s;	
 }
 
.liencrew a:hover{
	color: #f00;
	transition : 0.5s; 
 }
 
 
.liencrew2 a:link,
.liencrew2 a:visited{
	text-decoration: none;
	border-bottom: solid 1px #7E8AA2;
	color: #000;
	padding: 0 3px;
	transition : 0.5s;
 }
 
.liencrew2 a:hover{
	background: #7E8AA2;
	border-bottom: solid 1px transparent;
	border-radius: 3px;
	color: #fff;
	transition : 0.5s; 		 
 }
 


.lienlang a:link,
.lienlang a:visited{
	text-decoration: none;
	padding: 4px 3px;
	color : #f00;
	font-weight: 600;
	background: #fff;
	border-radius: 3px;
	transition : 0.5s;
}
 
.lienlang a:hover{
	color : #fff;
	background: #f00;
	transition : 0.5s;	
}


.lienoff a:link,
.lienoff a:visited,
.lienoff a:hover {
	color : #fff;
	background: none;
	border: none;
	text-decoration: none;
}

/********************** infobulle *********************************/

a span.infobulle {
	width: 20%;
    position:absolute;
    margin-top:20px;
    margin-left:-50px;
    color:#000;
    background: #fff;
    padding: 20px;
	border: solid 1px #7E8AA2;
    border-radius:10px;    
    transform:scale(0);
    transition:all .5s;
    opacity:0;
	text-align: center;
  }
             
a:hover span.infobulle, 
a:focus span.infobulle {
    transform:scale(1);
    opacity:1;
}