body{
	margin-top: 1em;
	font-family: verdana;
	text-align: center;
	font-size:small;
	font-weight:normal;
}
.ban_text{
	width:60%;
	margin-left: auto; margin-right: auto;
	line-height:12px;
	text-shadow: 1px 1px 2px black;
	border-spacing: 1%;
}
.degrade{
	width:17%;
	table-layout:fixed;
	border-spacing: 4px; border-radius: 20px; border:none;
	background-image: linear-gradient(90deg, rgba(48,51,181,1) 0%, rgba(69,174,252,1) 50%, rgba(48,51,181,1) 100%); 
	box-shadow: 4px 4px 6px #777;
	padding: 0 12px 0 12px;
	text-align: center;
}
.degrade a{
	display:block;
	text-decoration:none;
	height:100%; width:100%; color:white;
}
.degrade:hover {
	text-decoration:none;
	background-image: linear-gradient(180deg, rgba(48,48,232,1) 0%, rgba(153,153,247,1) 50%, rgba(48,48,232,1) 100%);  
	border:none;
	color:red;
}
.titre_baniere{
	font-size: large; font-weight:normal;
	text-align: center; color:black; text-shadow:none;
}
a{
    position:relative;
    z-index:25;
    color:black;
    text-decoration:none;
}
a:hover {z-index:70}
a span{display: none}
a:hover span{
    display:block;
    position:absolute;
    top:3em; left:1em; width:max-content;
    border:1px solid #0cf;
    background-color:red;
	font-size:small;
	text-align:left; color:white;
	text-shadow:none;
}