@charset "utf-8";

/*Mise en forme général de la page*/

body {
	background-image: url(fond.png);
	margin-top:0px;
	margin-bottom:0px;
}

#total {
	background-color: #FFFFFF;
	height: 1000px;
	width: 976px;
	position:relative;
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:0px;
	bottom:0px;
}

/*Bandeau*/

#bandeau {
	height: 200px;
	width: 976px;
	margin-left: auto;
	margin-right: auto;
}

/*Mise en forme du menu*/

#G {
	position:absolute;
	left:18px;
	width:142px;
	height:700px;
	top:240px;
	z-index:2;
}
#menu {
	position: relative;
	width: 100px;
	height:100px;
	left:0px;
	top:0px;
	z-index:2;
	}
.menu1{	position:absolute; margin-top: 0px; margin-left: 0px; padding:0px;}
#total #menu .menu1 a {
	text-decoration: none;
	color:#CC0000;
}
.menu2 {display: none;	position: absolute;	left: 141px;	top: 0px;	margin:0px;	padding: 0px;}
  #menu li {
	position: relative;
	width: 124px;
	background-color: #AAAAAA;
	padding: 2px 2px 2px 14px;
	margin: -1px 0px 0px 0px;
	border: 1px solid #666666;
	font-family: Arial;
	font-size: 15px;
	color: #CC0000;
	font-weight: bold;
	text-align: left;
	list-style-type: none;
}
  #menu li:hover {background-color: #DDDDDD;}
  #menu li:hover ul.menu2, #menu li li:hover ul.menu3 {display: block}
  
  
/*Mise en forme du prochain match*/

#total #prochainMatch {
	position:relative;
	height: 120px;
	width: 138px;
	background-color: #A8111A;
	left:0px;
	top:90px;
	border: 2px solid #666666;
}
#total #prochainMatch h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: bold;
	color: #000000;
	text-align: center;
	margin-top:16px;
	background-color: #FFFFFF;
}
#total #prochainMatch p {font-family: Arial, Helvetica, sans-serif;	font-size: 14px; font-weight: bold;	text-align: center;	line-height: 25px;}
#total #prochainMatch #date {font-size: 11px;}

/*Mise en forme dernier match*/

#total #DernierMatch {
    position:relative;
	height: 120px;
	width: 138px;
	background-color: #000000;
	left:0px;
	top:92px;
	border: 2px solid #666666;
}

#total #DernierMatch h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: bold;
	color: #000000;
	text-align: center;
	margin-top:16px;
	background-color: #FFFFFF;
}
#total #DernierMatch p {font-family: Arial, Helvetica, sans-serif;	font-size: 14px; font-weight: bold;	text-align: center;	color: #FFFFFF; line-height: 25px;}
#total #DernierMatch #score {font-size: 22px;}

/*Mise en forme classement*/

#total #Classement table {border-spacing:0px;}
#total #Classement tr {font-family: Arial, Helvetica, sans-serif; color: #000000; text-align: left;	font-size:11px;}
#total #Classement .premiers { background-color: #FFFF99;}
#total #Classement .derniers {background-color: #A8111A;}
#total #Classement th {	font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; background-color:#000000; text-align: left;	font-weight: bold;}
#total #Classement {position:relative; height: 240px; width: 138px;	background-color: #FFFFFF; left:0px; top:97px; border: 2px solid #666666;}

/*Mise en forme du stade*/

#C {
	position:relative;
	left:165px;
	width:790px;
	height:690px;
	top:39px;	
	z-index:1;
}


#total #C h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #333333;
	text-indent: 10px;
	margin-top:4px;
	margin-bottom:15px;
}

#total #C p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: normal;
	color:#111111;
	text-align: justify;
	text-indent:10px;
}

#total #C img{
	float: right;
	margin-left:10px;
	margin-top:10px;
	margin-bottom:10px;
}

#total #C .tlse {
	color: #990000;
	font-weight:bold;
}
