header{
	text-align:center;
	background-color: #041100;
	color: #FFFFFF;
	border-bottom: 1px solid transparent;
	border-top: 1px solid transparent;
}

html{
	background-image :url(./imagePortail/fond.jpg) ;
}
body{
	font-family: Helvetica, Arial, sans-serif;
}
.imgclasse{
	width:720px;
	height:540px;
	border: 2px solid black;
}
.classe{
	text-align:center;
	position: absolute;
    top: 60%;
	left: 33%;
}
.surligne{
	display: block;
	background-color: #233120;
	border: 3px solid transparent;
	margin-top:20%;
}
.listeGlo{
	list-style-type:none;
}
.listGlo2{
	margin-left:2px;
	position: absolute;
    top: 50%;
    left: 50%;
}
.listeGlo3, .listeGlo4, .listeGlo5,.listeGlo6, .listeGlo7, .listeGlo8,.listeGlo9,
 .listeGlo10, .listeGlo11,.listeGlo12, .listeGlo13, .listeGlo14,.listeGlo15, .listeGlo16,
 .listeGlo17,.listeGlo18, .listeGlo19, .listeGlo20,.listeGlo21, .listeGlo22, .listeGlo23{
	display:block;
	float : left ; 
	width: 200px;
	background-color: #041100;
	color: #FFFFFF;
	text-align:center;
	padding:5px;
	border:2px solid #233120;
	margin:1px ;
	font-size: 14pt;
	list-style-type:none;
	height: 100px;
	text-decoration:none;
	
}
.listeGlo3:hover{
	background-image:url(./imagePortail/anziled.png);
	border: 2px solid #041100;
}
.listeGlo4:hover{
	background-image:url(./imagePortail/aouissaouih.png);
	width: 200px;
	height: 100px;
	border: 2px solid #041100;
}
.listeGlo5:hover{
	background-image:url(./imagePortail/bajramil.png);
	border: 2px solid #041100;
}
.listeGlo6:hover{
	background-image:url(./imagePortail/bersierj.png);
	border: 2px solid #041100;
}
.listeGlo7:hover{
	background-image:url(./imagePortail/burgym.png);
	border: 2px solid #041100;
}
.listeGlo8:hover{
	background-image:url(./imagePortail/carmanj.png);
	border: 2px solid #041100;
}
.listeGlo9:hover{
	background-image:url(./imagePortail/castellai.png);
	border: 2px solid #041100;
}
.listeGlo10:hover{
	background-image:url(./imagePortail/clementa.png);
	border: 2px solid #041100;
}
.listeGlo11:hover{
	background-image:url(./imagePortail/daversae.png);
	border: 2px solid #041100;
}
.listeGlo12:hover{
	background-image:url(./imagePortail/diasmadeiral.png);
	border: 2px solid #041100;
}
.listeGlo13:hover{
	background-image:url(./imagePortail/dreostir.png);
	border: 2px solid #041100;
}
.listeGlo14:hover{
	background-image:url(./imagePortail/duboisj.png);
	border: 2px solid #041100;
}
.listeGlo15:hover{
	background-image:url(./imagePortail/favrej.png);
	border: 2px solid #041100;
}
.listeGlo16:hover{
	background-image:url(./imagePortail/gfellerm.png);
	border: 2px solid #041100;
}
.listeGlo17:hover{
	background-image:url(./imagePortail/gothueyt.png);
	border: 2px solid #041100;
}
.listeGlo18:hover{
	background-image:url(./imagePortail/morattelk.png);
	border: 2px solid #041100;
}
.listeGlo19:hover{
	background-image:url(./imagePortail/neuhausj.png);
	border: 2px solid #041100;
}
.listeGlo20:hover{
	background-image:url(./imagePortail/nicoletm.png);
	border: 2px solid #041100;
}
.listeGlo21:hover{
	background-image:url(./imagePortail/perroudg.png);
	border: 2px solid #041100;
}
.listeGlo22:hover{
	background-image:url(./imagePortail/vandenbroeckm.png);
	border: 2px solid #041100;
}
.listeGlo23:hover{
	background-image:url(./imagePortail/venanciop.png);
	border: 2px solid #041100;
}
.navGlo {
	margin: 0 auto;
	width: 1600px;	
	}