.fond {
	background-image: url(../image/fond1.png);
	background-color: grey;
	width: 1407px;
	height: 971px;
	margin-top:-16px;
	margin-left: -7px;
}


.liste {
	text-align: center;
}

.menu_gauche {
	
	margin: 0;
	padding: 0;
	padding-left: 10px;
	padding-right: 10px;
	width: 17.5%;
	height: 456px;
	padding-top: 48px;
	float: left;
}

.menu_gauche > details > summary {
		text-align: center;
}

.menu_droite > a:link {
	text-decoration: none;
	color: white;
}

.menu_droite_talent{
	background-color: #999999;
	position: absolute;
	top: 238px;
	left: 943px;
	width: 227px;
	height: 551px;
	text-align: center;
	padding-top: 70px;
	overflow: auto;
}

.menu_droite_talent1{
	background-color: #999999;
	position: absolute;
	top: 238px;
	left: 943px;
	width: 200px;
	height: 551px;
	text-align: center;
	padding-top: 70px;
	overflow: auto;
}

.redim {
	max-height : 150px;
	max-width : 200px;
	
}

.corps {
height: 623px;
	width: 890px;
	overflow: auto;
	position: absolute;
	top: 235px;
	padding-left: 51px;
}

.corps1{
	height: 623px;
	width: 1120px;
	overflow: auto;
	position: absolute;
	top: 235px;
	padding-left: 51px;
}

.recherche {
	padding-left: 86px;
}

.recherche_seul {
	padding-left: 423px;
}

.titre {
	text-align: center;
	font-size: 30px;
}

.titre1 {
	text-align: center;
}

.alea {
	width:100%;
	height: 100%;
	font-size: 30px;
	text-align: center;
	vertical-align: middle;
}

.haut {
	background-color: #999999;	
	margin: 0;
	padding: 0;
	width: 1116px;
	height: 179px;
	position: absolute;
	top: 55px;
	left: 55px;
}

.bouton {
height:5px;
width:10px;
}

.bouton1 {
position: absolute;
width:66px ;
height: 66px;
top:339px;
left:1266px;
}

.bouton2 {
position: absolute;
width:66px ;
height: 66px;
top:431px;
left:1265px;
}

.bouton3 {
position: absolute;
width:66px ;
height: 66px;
top:523px;
left:1266px;
}

.bouton4 {
position: absolute;
width:66px ;
height: 66px;
top:615px;
left:1265px;
}

.bouton5 {
position: absolute;
top:713px;
left: 1253px;
}

.bouton6 {
position:absolute;
left:1222px;
top:65px;
}

optgroup {
	text-align: center;
}

a.info {
   position: relative;
   color: black;
   text-decoration: none;
   border-bottom: 1px gray dotted; /* On souligne le texte. */
}
a.info span {
   display: none; /* On masque l'infobulle. */
}
a.info:hover {
   background: none; /* Correction d'un bug d'Internet Explorer. */
   z-index: 500; /* On définit une valeur pour l'ordre d'affichage. */

   cursor: help; /* On change le curseur par défaut par un curseur d'aide. */
}
a.info:hover span {
   display: inline; /* On affiche l'infobulle. */
   position: fixed;

   white-space: normal; /* On change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non désiré. */

   top: 50px; /* On positionne notre infobulle. */
   left: 50px;
	width: 1120px;
   height: auto;
   word-wrap: break-word;
   background: white;

   color: black;
   padding: 3px;

   border: 1px solid red;
   border-left: 4px solid red;
}


a:link {color: white;}
a:visited {color: black;}
a:hover {color: red;}
a:active {color: red;}