/*-------------------------------------------------navigation-------------------------*/
#navi {

	width:100%;
	height:45px;
	margin-left:auto;
	margin-right:auto;
	/*background-color:orange;*/
	/*text-align:center;*/
}


a:link {
	color:black;
	text-decoration:none;
}
a:visited {
	color:black;
}
a:focus {
	color:black;
}
a:hover {
	color:blue;
}
a:active{
	color:black;
}


#bloc {
    float:left;
	background-image:url('images/negnav.jpg');
	width:50px;
	height: 45px;
	font-family:"Courier New", Courier, monospace;
	font-size:xx-large;
	font-weight:bold;
	
}

#bloclarge {
    float:left;
	background-image:url('images/negnavbig.jpg');	
	background-repeat:no-repeat;
	width:80px;
	height: 72px;
	font-family:"Courier New", Courier, monospace;
	font-size:xx-large;
	font-weight:bold;	
}

#numero {
	/*position:relative;*/
	top:4px;
	text-align:center;
	padding:4px;
	
}

.posi {
    position:absolute;
	top:20px;
	margin-left:8px;
	/*margin-left:0.33em;*/
}


#numerolarge {
	position:absolute;
	bottom:1px;
	text-align:center;
	vertical-align:middle;

}

#actuel {
	
	color:red;
}
#petit {   
    
	font-size:medium;
}
#moyen {
	font-size:large;
}
@media screen and (max-width:800px)
{
	#navi {
	height: 90px;
}
}