body 	{
		background-color: #2D3C8F;
		background-image: url(../IMAGE/bg+16.gif);
		font-size:10px; font-family: verdana, helvetica, arial, sans-serif;
		margin: 0;
		color: #000000;
		}
a 		{ 
		text-decoration: none; 
		color: #444444;
		}
a:hover { 
		color: red;
		}
a img 	{
		border: 0px;
		}
p 		{ 
		text-indent: 0px; margin: 0px; padding: 0px
		}
h1, h2, h3, h4, h5	{ 
		display: inline;}
h2  	{
		font-size: 14px;
		}
h3  	{
		font-size: 11px;
		}
h4  	{
		font-size: 11px; 
		font-weight: normal;
		}
h5  	{
		font-size: 10px; font-weight: normal; color:#BBB
		}
th  	{
		font-weight: strong;
		}
input 	{
border: 1px solid #CCCCCC;
background-color: #F7F7F7;
font-size: 9px;
font-family: verdana, helvetica, arial, sans-serif;
color: #293CBC;
}
textarea{
border: 1px solid #CCCCCC;
background-color: #F7F7F7;
font-size: 11px;
font-family: verdana, helvetica, arial, sans-serif;
color: #293CBC;
}
label 	{
color: #777;
font-size: 9px;
/*height: 20px;*/
}
fieldset{
border: 1px solid #F8DB6C;
padding: 3px;
background-color: white;
}
.form_login {
border: 1px solid #B9BFDE;
}
fieldset legend {
color: #EFC70E;
font-weight: bold;
}
.form_login legend {
color: #848DC1;
}
select 	{
	font-size:10px;
	font-family: verdana, helvetica, arial, sans-serif;
	color: #293CBC;
}
#bodi 	{
		/*height: 500px;*/
		background-color: #FFFFFF;
		}
html>body #bodi { 						/* Hack bug d'IE :-(((*/
/*		height: auto;
		min-height: 500px;*/
		}

#page 	{
		margin: 5px auto;
		/*position: absolute; left: 0px; top: 5px;*/
		width:750px;
		}		
#entete 	{
		height: 147px; width: 750 px;
		background-image: url('../IMAGE/entete-2010.gif'); background-repeat: no-repeat;
		}
#menu	{
		padding-top: 100px;
		height: 24px; width: 750px;
		}
#menu hr{ 
		background-color: #777; 
		height: 1px; border: 0;
		} /* ne pas toucher... car compatible pour IE, FF, OP */
#langu 	{
		float: right; padding: 5px 15px 2px 15px;
		}
#contact 	{
		position: relative;
		top: 1px;
		left: 694px;
		}
div#defilan {
		position: 	relative;
		left: 			330px; 
		width: 		341px;
		height:		21px;
		font-size: 	17px; font-style: italic; font-weight: bold; 
		color: 		#FAF305;
		}
div#defilan img {
		position: absolute; 
		left: 0px;
		top: 0px;
}

#formu	{
		margin-bottom: 15px;
		}
form .formu {
		margin-bottom: 15px;
}
#saisons, #bientot {
	background-color: 	#DEDEDE;
	padding:		 	4px 15px;
	margin-bottom: 		15px;
	margin-right: 		0;
	font-style:			bold;
	color:				#666666;
}
#saisons {
	text-align: right;
	}
.formu_titre	{
	font-size: 11px;
	}		
.page-foot {
	min-height: 12px;
	background-image: url(../IMAGE/page-bg-foot.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
	}

.sommaire hr 	{ 
		color: #F8DB6C; background-color: #F8DB6C;
		}

.corps-100pc {
	padding: 0px 20px 15px 20px;
	background-color: #F6F6F6;
	height: 900px;
	min-height: 900px;
	}
.corps-droitetendu {
	padding: 0px 10px 10px 10px;
	background-color: #F6F6F6;
	height: 900px;
	min-height: 900px;
	}
html>body .corps-100pc { 						/* Hack bug d'IE :-(((*/
	height: auto;
	min-height: 900px;
	} 

.corps-droit {
	padding: 0px 13px 10px 13px;
	margin-left: 180px;
	background-color: #F6F6F6;
	border-left: 1px double #F0F0F0;
	height: 900px;
	min-height: 900px;
	}
html>body .corps-droit { 						/* Hack bug d'IE :-(((*/
	height: auto;
	min-height: 900px;
	} 
.corps-gauche {
	/*background-color: #FFFFFF;*/
	float: left;
	width: 180px;
	height: inherit;
	} 
#classement {
	position: absolute;
	top: 150px;
	}
#schedule {
	/*position: relative;
	top: 460px;
	left: 20px;
	background-color: #FFFFFF;
	width: 708px;
	z-index: 2;
	border: 1px solid #FFDB4A;*/
	}
#form_connexion {
	position: absolute;
	top: 128px;
	left: 210px;
	z-index: 20;
	}
#banniere 		{
	width: 180px;
	position: absolute;
	top: 150px;
	left: 780px;
	}
a#banniere_presaison 		{
	display: 	none; /* block ou none; */
	width: 		170px;
	height:  	80px;
	min-height: 80px;
	padding: 	5px 5px;
	text-align: center;
	color: 		white;
	background: url('../IMAGE/banniere-presaison2.gif');
	}
.banniere-foot 	{
	height: 18px; 
	text-align: left; vertical-align: middle;
	font-size: 11px; font-weight: normal; color: #FFB100;
	}
.banniere-item	{
	display: block;
	width: 180px; height: 220px;
	border-width: 2px; border-color: #FBEFCF;	border-style: solid; /*border-color: #FBEFCF;*/
	margin-bottom: 10px;
	font-family: arial, helvetica, verdana, sans-serif;
	text-decoration: none;
	}
.banniere-bg	{
	display: block;
	width: 180px; height: 220px;
	background-repeat: no-repeat;
	background-position: left top;
	}
.marche-txt1 	{
	text-align: right; padding: 4px;
	font-size:20px; font-weight:bolder; font-style:italic; color: #FFB100;
	}
.annuel-txt1 	{
	text-align: left; padding: 4px;
	font-size:20px; font-weight:bolder; font-style:italic; color: red;
	}
.inconnue-txt1	{
	text-align: left; padding: 4px;
	font-size:20px; font-weight:bolder; font-style:italic; color: white;
	}

.form_bouton {
	background-color: #EFEFEF;
}


.div1, .div2, .div3, .div4 {
	margin-left: 360px; margin-bottom: 10px;
	width: 350px; height: 160px;
	background-image: url("../IMAGE/scoreboard-02.gif");
	}
.div1, .div3 {
	float: left;
	margin-left: 0px;
	}
.div1 {
	background-image: url("../IMAGE/scoreboard-01.gif");
	}
.divb1, .divb2, .divb3, .divb4 {
	margin-left: 360px; margin-bottom: 10px;
	width: 350px; height: 160px;
	background-image: url("../IMAGE/scoreboard-01.gif");
	}
.divb1, .divb3 {
	float: left;
	margin-left: 0px;
	}
.classementx .div3, .classementx .div4 {
	background-image: url("../IMAGE/scoreboard-03.gif");
	}
.div4 .titre {
	padding-top: 9px;
	padding-left: 30px;
	height: 29px;
	}

.next_match_date 	{
		margin-left: 15px;
		font-size: 11px; 
		font-weight: normal;
		}
.next_date  		{
		font-size: 14px; 
		font-weight: bold;
		}
.next_equipe 		{
		margin-left: 15px;
		font-size: 11px; 
		font-weight: bold;
		}
.contre 			{ 
		color: #888; font-style: normal; font-weight: normal; font-size: 10px; 
		}	
.prev_match 		{
		margin-left: 9px;
		font-size: 9px; color: #999;
		}
		
.scoreboard-style1 {font-size: 14px; font-weight: bold;}
.ligne1 {line-height: 32px;  padding-left: 8px;}
.ligne2 {line-height: 19px;  padding-left: 8px;}
.ligne3 {line-height: 16px;  padding-left: 8px;}
.ligne4 {line-height: 20px;  padding-left: 8px;}
.ligne5 {display:inline;} /*-- Tableau en CSS --*/
.cellule {float:left; line-height: 13px}


.onglet-g, .onglet-d, .onglet-line {
	vertical-align: bottom;
	padding: 0px 5px 3px 20px;
	font-size: 11px;
	background-image: url("../IMAGE/scoreboard-onglet-g.gif");
	}
.onget-g {background-repeat: no-repeat; }
.onglet-d {background-image: url("../IMAGE/scoreboard-onglet-d.gif");}
.onglet-line {
	padding-left: 		8px; 
	background-image: 	url("../IMAGE/scoreboard-onglet-line.gif");
	font:				normal 9px verdana, helvetica, arial, sans-serif;			
	}
	
.float-a {
	/*width: 40px;*/
	text-align: right;
	float: left;
	}
	.float-b {
	padding-right: 5px;
	float: right;
	text-align: right;
	}
	.float {
	padding-left: 8px;
	height: 20px;
	font-weight: bold;
	line-height: 20px;
	vertical-align: middle;
	}

.news {
	padding: 10px 10px 4px 15px;
	text-align: left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	}
.news h1, .news h2, .news h3, .news h4, .news h5, .news h6 { 
	font-size: 11px;
	font-weight: bold;
	display : block;
	}
.normal  	{ color: #61709C; font-weight: bold;}
.important 	{ color: red; font-weight: bold; }
.news p, .news li {
	font-size: 10px; color: #444444;
	}
.news-info	{
	text-align: left;
	text-decoration: none;
	font-size: 9px; font-weight: normal; color: #FF9900;
	margin-top: 20px;
	}
.news-auteur-date {
	float: right;
	text-align: right;
	color: #61709C; 
	}
.news-more {
	color: #FF9900;
	text-decoration: none;
	font-style: normal; font-weight: normal;
	}
.news-navig {
	border-top-style: none;
	border-left-style: none;
	margin-left: 10px;
	/*margin-right: 10px;*/
	margin-top: 10px;
	margin-bottom: 3px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FF9900;
	text-align: right;
	text-decoration: none;
	}

.item-entete {
	background-image: url("../IMAGE/aureole.gif");
	background-repeat: no-repeat;
	height: 50px;
	}
.item-0a {
	font-size: 11px;
	font-weight: bold;
	vertical-align: top;
	padding-left: 12px;
	padding-top: 11px;
	background-image: url("../IMAGE/scoreboard-onglet-g.gif");
	background-repeat: no-repeat;
	height: 26px;
	/*border-bottom: 1px solid #FFDB4A;*/
	}
.tab_divers {
	color: #7580B8;
	font-size: 11px;
	font-weight: bold;
	vertical-align: top;
	padding-left: 12px;
	padding-top: 11px;
	/*background: white url("../IMAGE/onglet-petit-g-bleu.gif") -5px 0px no-repeat;*/
	background: white url("../IMAGE/scoreboard-onglet-g.gif") -5px 0px no-repeat;
	height: 26px;
	/*border-bottom: 1px solid #FFDB4A;*/
	}
.figures {
	background: white url("../IMAGE/tab_degrade_v_bleu.gif") repeat-x;
	text-align: center;

}
.sponsor img {
	padding: 10px 0;
}	
.link_sponsors {
	display: block;
	background: transparent url("../IMAGE/bg-degrade-bleu.gif") 50% 50% no-repeat;
	background: #FEC50A;
	height: 20px;
	padding: 2px 0;
	font: bold 12px/20px Verdana;
	color: #F92601;
}
.link_sponsors:hover {
	color: #111111;
}	
	
.item-1 {
	padding-left: 8px;
	min-height: 15px;
	font-weight: bold; color: #999999;
	line-height: 15px;
	vertical-align: middle;
	}
.item-1b {
	color: #FFB200;
	}
.item-2 {
	height: 14px;
	line-height: 14px;
	color:  #61709C;
	}
.item-3 {
	height: 14px;
	line-height: 14px;
	color:  #61709C;
	text-align: left;
	padding-left: 8px;
	}
.item-2a {
	width: 40px;
	text-align: right;
	float: left;
	display: inline;
	}
.item-2b {
	padding-right: 5px;
	float: right;
	text-align: right;
	display: inline;
	}
.agenda-d {	padding-right: 8px;}

.flottant {
	position: absolute;
	top: 195px;
	left: 580px;
	z-index: 80;
	}
.bordereau-droit {
	position: absolute;
	left: 750px;
	top: 0px;
	float: left;
	display: block;
	background-color: #2D3C8F;
	}

.menu-sous {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	}
.menu-sous-lien {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: underline;
	}
.border0010-01 {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #222222;
	}
.classement {
  	margin-left: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	margin-right: 12px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #222222;
	}
.autorise {
	color: #000000;
}
.non-autorise {
	color: #999999;
}
.refuse {
	text-align: center;
	vertical-align: middle;
	height: 250px;
	font-size: 70px; font-weight: bolder; color: #61709C;}
.victoire 	{
	color: green;
	}
.defaite 	{
	color: red;
	}
.egalite 	{
	color: grey;
	}
.reussite 	{
	text-align: left; padding: 3px;
	font-size: 11px; font-weight: bold; color: green;}
.echec 	{
	text-align: left; padding: 3px;
	font-size: 11px; font-weight: bold; color: red;}
.gras	{
	font-style:		bold;
	}


	
a.infobulle {
   position: relative;
   color: black;
   text-decoration: none;
   float: right;
   text-align: left;
   z-index:30;
   /*border-bottom: 1px gray dotted;*/ /* on souligne le texte */
}
a.infobulle span {
   display: none; /* on masque l'infobulle */
}
a.infobulle:hover {
   background: none; /* correction d'un bug IE */
   z-index: 500; /* on définit une valeur pour l'ordre d'affichage */
}
a.infobulle:hover span {
   display: block; /* on affiche l'infobulle */
   position: absolute;
   left: 20px; top:-1	px; /* on positionne notre infobulle */
   background: white;
   color: #DA6554;
   border: 1px solid #DA6554;
   border-left: 4px solid #DA6554;
   padding: 3px;
   /*white-space: nowrap;*/ /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
	width: 210px;

}
a.infobulle span h2 {
		line-height: 16px;
		font-size: 11px;
		width: 210px;
		}
a.infobulle span p {
		width: 210px;
		}

a.cartejoueur {
	display: block;
	float: left;
	padding: 2px;
	padding-left: 15px;
	width: 95px;
	position: relative;
	color: #003399;
	text-decoration: none;
	/*float: right;*/
	text-align: left;
	/*border-bottom: 1px blue solid;*/ /* on souligne le texte */
	}
a.cartejoueur span {
	display: none; /* on masque l'infobulle */
	}
a.cartejoueur:hover {
	color: red;
	background: none; /* correction d'un bug IE */
	z-index: 500; /* on définit une valeur pour l'ordre d'affichage */
	}
a.cartejoueur:hover span {
	display: block; /* on affiche l'infobulle */
	position: absolute;
	left: 36px; top:18px; /* on positionne notre infobulle */
	background: white;
	color: #003399;
	border: 1px solid #003399;
	/*border-left: 3px solid #003399;*/
	padding: 2px;
	width: 206px;
	}

	
a.infojoueur {
	display: block;
	float: left;
	padding: 2px;
	padding-left: 15px;
	width: 95px;
	position: relative;
	color: #003399;
	text-decoration: none;
	/*float: right;*/
	text-align: left;
	/*border-bottom: 1px blue solid;*/ /* on souligne le texte */
	}
a.infojoueur span {
	display: none; /* on masque l'infobulle */
	}
a.infojoueur:hover {
	color: red;
	background: none; /* correction d'un bug IE */
	z-index: 500; /* on définit une valeur pour l'ordre d'affichage */
	}
a.infojoueur:hover span {
	display: block; /* on affiche l'infobulle */
	position: absolute;
	left: 36px; top:18px; /* on positionne notre infobulle */
	background: white;
	color: #003399;
	border: 1px solid #003399;
	border-left: 3px solid #003399;
	padding: 2px;
	width: 225px;
	}
a.infojoueur span h2 {
	color: #000000;
	line-height: 22px;
	font-size: 14px;
	/*width: 190px;*/
	margin-left: 80px;
	border-bottom: 1px solid #888888;
	}
a.infojoueur span p {
	padding: 15px;
	/*width: 190px;*/
	margin-left: 60px;
	font-weight: bold;
	}
a.infojoueur span p label {
	font-weight: normal;
	}
a.infojoueur span img {
	float: left;
	/*border: 1px solid white;*/
	}
	
#NEXT {
	margin: 0;
	padding: 0;
	list-style: none inside;
}




		
/* VARIANTE ... left -999 à la place de display:none (fonctionne aussi)
a.infobulle2 {
   position: relative;
   color: black;
   text-decoration: none;
   --border-bottom: 1px gray dotted; -- on souligne le texte --
}
a.infobulle2 span {
	position: absolute;
	left: -999em; -- on met left plutôt que display pour cacher les menus parce que display: none n'est pas lu par les lecteurs d'écran --
}
a.infobulle2:hover {
   background: none; -- correction d'un bug IE --
   z-index: 500; -- on définit une valeur pour l'ordre d'affichage --
	left: auto;

   --cursor: help; -- on change le curseur par défaut en curseur d'aide --
}
a.infobulle2:hover span {
   display: inline; -- on affiche l'infobulle --
   position: absolute;
   left: 20px; -- on positionne notre infobulle --

   background: white;
   color: green;
   border: 1px solid green;
   border-left: 4px solid green;
   
   padding: 3px;
   white-space: nowrap; -- on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré --
}
*/