body {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	margin: 0;
	padding: 0;
	/*background-color: #C9C5C6;*/
	background-color: #0b3e78;
	background-repeat: repeat;
	
}

td.barre_degrade_bleu {
	background: url(images/CSS/barre_degrade_bleu.jpg);
	font-weight: bold; 
	color: white;
	text-align: center;
	vertical-align: middle;
	font-size: 7pt;
}

td.barre_degrade_bleu_left {
	background: url(images/CSS/barre_degrade_bleu.jpg);
	font-weight: bold; 
	color: white;
	text-align: left;
	vertical-align: middle;
	font-size: 7pt;
}

td.barre_degrade_bleu_right {
	background: url(images/CSS/barre_degrade_bleu.jpg);
	font-weight: bold; 
	color: white;
	text-align: left;
	vertical-align: middle;
	font-size: 7pt;	
}

td.barre_bleu_left {
	background: url(images/CSS/barre_degrade_bleu_gauche.jpg);
	font-weight: bold; 
	color: white;
	text-align: left;
	vertical-align: middle;
	width:2px;
}

td.barre_bleu_right {
	background: url(images/CSS/barre_degrade_bleu_droite.jpg);
	font-weight: bold; 
	color: white;
	text-align: left;
	vertical-align: middle;
	width:2px;	
}

td.barre_bleuclair_left {
	background: url(images/CSS/barre_degrade_bleuclair_gau.jpg);
	font-weight: bold; 
	color: white;
	text-align: left;
	vertical-align: middle;
	width:2px;
}

td.barre_bleuclair_right {
	background: url(images/CSS/barre_degrade_bleuclair_dro.jpg);
	font-weight: bold; 
	color: white;
	text-align: left;
	vertical-align: middle;
	width:2px;	
}

td.barre_bleuclair_haut {
	background: url(images/CSS/barre_degrade_bleuclair_hau.jpg);
	font-weight: bold; 
	color: white;
	text-align: left;
	vertical-align: middle;
	height:3px
}

td.barre_bleu_bas {
	background: url(images/CSS/barre_degrade_bleu_bas.jpg);
	font-weight: bold; 
	color: white;
	text-align: left;
	vertical-align: middle;
	height:2px
}

td.barre_degrade_bleu_matchs {
	background: url(images/CSS/barre_degrade_bleu.jpg);
	font-weight: bold; 
	color: white;
	text-align: left;
	vertical-align: middle;
	font-size: 7pt;
}

.tableNews {
	border: 1px solid silver;	
}

.imageNews {
	text-align: left;
	vertical-align: top;
	padding: 2px 2px 0 0;
	line-height: 100%;
	float: left;
	margin-left:5px;
	margin-right:5px;
	margin-bottom:5px;
	margin-top:5px;
}
	
.dateNews {
	height: 50px;
	width: 45px;
	background: url(images/calendar-news.gif) no-repeat;
	font: normal 22px Arial, Helvetica, sans-serif;
	color: #666666;
	text-align: center;
	padding: 0px 2px 0 0;
	line-height: 100%;
	float: right;
	margin-left:5px;
	margin-bottom:5px;
	margin-top:5px;
}

.dateNews span {
	height: 16px;
	display: block;
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #ffffff;
	text-align: center;
	padding-top: 5px;
}




.buteur
{
	padding: 0;
    height: 20px;
    border: solid 1px #808080;
    color:#3D3D3D;
    font: normal 1em Arial, Helvetica, sans-sherif;
    background: url(./images/ball_01.jpg) repeat-x;
    text-align: center;
	}
	.succes
	{
		color: #1B9B1B;	
	}
	
	.titre_grille
	{
		font-family: Trebuchet MS, Tahoma;
		font-weight: bold;
		font-size: 14px;
		color: gray;
	}
	
	.expiration_grille
	{
		font-size: 7pt;
		color : red;
	}
	
	/* Pronostics */
	table.pronos
	{
		border : 1px solid silver;	
	}
	
	td.prono_d
	{
		text-align : right;
	}
	
	td.prono_g
	{
		text-align : left;
	}

	td.sub_prono
	{
		text-align : right;
	}
	
	td.tdprono
	{
		width: 17px;
	}

/* Fin style pronostics */

a.opacity img {filter:alpha(opacity=50);
               -moz-opacity: 0.5;
               opacity: 0.5;}

a.opacity:hover img {filter:alpha(opacity=100);  
                     -moz-opacity: 1.0;  
                     opacity: 1.0;}
    
.trebu_gris_20
{
	font-family: Trebuchet MS, Tahoma;
	font-weight: bold;
	font-size: 20px;
	color: gray;
}

/*
 * Submit style
 */

.submitbutton {
    margin: 4px 2px 4px 2px;
    padding: 0;
    height: 20px;
    border: solid 1px #808080;
    color:#3D3D3D;
    font: normal 1em Arial, Helvetica, sans-sherif;
    background: url(./images/submit_button.gif) repeat-x;
    text-align: center;
}

.submitbutton_login {
    padding: 0;
    height: 15px;
    border: solid 1px #808080;
    color:#3D3D3D;
    font: normal 0.8em Arial, Helvetica, sans-sherif;
    background: url(./images/submit_button.gif) repeat-x;
    text-align: center;
}

.search_button {
    background: url(./images/submit_button_search.gif);
    width: 100px;
    padding: 0 10px 0 24px;
}

.create_button {
    background: url(./images/submit_button_save.gif);
    width: 90px;
    padding: 0 10px 0 24px;
}
.filter_button {
    background: url(./images/submit_button_filter.gif);
    width: 90px;
    padding: 0 10px 0 24px;
}

.reset_button {
    background: url(./images/submit_button_reset.gif);
    width: 100px;
    padding: 0 10px 0 24px;
}

.reset_button_create {
    background: url(./images/submit_button_reset_create.gif);
    width: 90px;
    padding: 0 10px 0 24px;
}

.save_button {
    background: url(./images/submit_button_save.gif);
    width: 100px;
    padding: 0 10px 0 24px;
}

.save_button_create {
    background: url(./images/submit_button_save_create.gif);
    width: 120px;
    padding: 0 10px 0 24px;
}

.validate_button {
    background: url(./images/submit_button_validate.gif);
    width: 120px;
    padding: 0 10px 0 24px;
}

.cancel_button {
    background: url(./images/submit_button_cancel.gif);
    width: 168px;
    padding: 0 10px 0 24px;
}

.ok_button {
    background: url(./images/submit_button_validate.gif);
    width: 168px;
    padding: 0 10px 0 24px;
}

.edit_button {
    background: url(./images/submit_button_edit.gif);
    width: 168px;
    padding: 0 10px 0 24px;
}

.back_button {
    background: url(./images/submit_button_back.gif);
    width: 90px;
    padding: 0 10px 0 24px;
}

.login_button {
    color: #000;
    width: 100px;
}

/* Fin button */

.trebu_gris_14
{
	font-family: Trebuchet MS, Tahoma;
	font-weight: bold;
	font-size: 14px;
	color: gray;
}

.trebu_gris_10
{
	font-family: Trebuchet MS, Tahoma;
	font-weight: bold;
	font-size: 12px;
	color: gray;
}  

/* Barre graphique */
.graphe {
     font-family: Tahoma;
     font-size: 4pt;
     position: relative; /* IE hack */
     width: 150px;
     border: 1px solid #B1D632;
     padding: 1px;
     margin: 0 auto;
}

.graphe .barre {
     display: block;
     position: relative;
     background: #B1D632;
     text-align: center;
     color: #333;
     height: 2em;
     line-height: 2em;
}
/* Fin barre graphique */

/* Affichage de bulle */

a.tooltip em {
    display:none;
}
a.tooltip:hover {
    border: 0;
    position: relative;
    z-index: 500;
    text-decoration:none;
}

a.tooltip:hover em {
    font-style: normal;
    display: block;
    position: absolute;
    top: 20px;
    left: -10px;
    padding: 5px;
    color: #000;
    border: 1px solid #bbb;
    background: #ffc;
    width:170px;
}
a.tooltip:hover em span {
    position: absolute;
    top: -7px;
    left: 15px;
    height: 7px;
    width: 11px;
    background: transparent url(images/infobullet/infobulletop_simple.gif);
    margin:0;
    padding: 0;
    border: 0;
}

/* Fin affichage info bulle */

.titre_generic
{
	font-weight: bold;	
}


 

.bloc_masquable
{
	text-align: left;	
}
	
	
#titre_b{
	border: 0px solid black;	
	background-image: url(images/design/titre-jam.jpg);
	background-repeat: no-repeat;
	color: black;
	font-weight: bold;
	font-family: Tahoma;
	/*background-color: #cdcdcd;*/
	font-size: 8pt;
	margin-bottom: 0px;
	padding-left: 115px;
	height: 15px;
	text-align: left;
	margin-bottom: 20px;
}

.barre_liens_photos {
	text-align: center;
}

.barre_liens {
	text-align: center;
}

.img_photo_fiche
{
	border: 1px solid silver;
}

/**********/
/* liens  */
/**********/

a:link{
	color: #000000;
	/*font-size: 8pt;*/
	text-decoration: none
}
a:visited {
	color: #000000;
	/*font-size: 8pt;*/
	text-decoration: none
}
a:active {
	color: #FF0000;
	/*font-size: 8pt;*/
	text-decoration: none
}
a:hover {
	color: #FF0000;
	/*font-size: 8pt;*/
	text-decoration: none
}

INPUT, SELECT, TEXTAREA {
   font-family : Tahoma;
   font-size : 7pt;
}


#conteneur {
	position: relative;
	width: 835px;
	margin-left: auto;
	margin-right: auto;
}

#conteneur_menu {
	width: 835px;
	background-image: url('images/autres2/fond_new.jpg');
	background-repeat: repeat-y; 
}

#header {
	width:835px;
	height: 138px;
	/*
		background-image: url(images/design/header_20072008/header02.jpg);
	*/
	background-image: url('images/design/20092010/haut-02.jpg');
	background-repeat: no-repeat;
}

#header_flash {
	width:835px;
	height: 140px;
	margin-left: -1px;
}

#haut {
	position: relative;
	height: 24px;
	width: 835px;
	background-image: url('images/design/20082009/menu/fond-menu.jpg');
	background-repeat: no-repeat;
	border: 0px solid red;
	background-repeat: repeat;
	background-color: white;
	padding-bottom:0px;
	margin-bottom:0px;
}

#haut_bak {
	position: relative;
	height: 24px;
	width: 835px;
	background-image: url('images/autres2/fond_menu_new.jpg');
	background-repeat: no-repeat;
	border: 0px solid red;
	background-repeat: repeat;
	background-color: white;
	padding-bottom:0px;
	margin-bottom:0px;
}

#centre {
	background-image: url('images/autres2/fond_new.jpg');
	background-repeat: repeat-y; 
	/*z-index: 1;*/
	padding-left:15px;
/*	padding-right:15px;*/
/*	padding-top: 10px;	*/
/*	padding-bottom: 0px; */ 
	width:835px;
}

#pied {
	border: 0px solid Blue;
	height: 110px;
	width: 835px;
	background-image: url(images/autres2/footer_new.jpg);
	background-repeat: no-repeat;
	text-align: right;
	padding-top: 70px;
	padding-right:50px;
}

.contenu {
	/*background-image: url(images/design/cleague2.gif);*/
	background-position: top left;
	background-repeat: no-repeat;
	border: 0px dashed pink;
	padding: 5px 2px 0px 2px;
	text-align: justify;
	height: 100%;
	margin-top: 5px;
}

.menu_droite{
	float: right;
	margin-bottom: 10px;
	margin-top: 5px;
	margin-left: 3px;
	padding-right : 60px;
	width: 150px;
	background-color: transparent;
	border: 0px solid #FFD700;
}

.gauche-old{
	float: left;
	margin-bottom: 10px;
	margin-top: 5px;
	margin-left: 3px;
	width: 150px;
	background-color: transparent;
	border: 0px solid #FFD700;
}

/* Zone de texte principale - à gauche du menu du site*/
.principal {
	margin-left: 0px;
	margin-right:0px;
	margin-bottom: 10px;
	margin-top: 5px;
	background-color: transparent;
	padding: 5px 0px 0px 0px;
	/* top right bottom left */
	border: 0px solid red;
	height: 100%;
}

.principal-old {
	margin-left: 170px;
	margin-right:20px;
	margin-bottom: 10px;
	margin-top: 5px;
	background-color: transparent;
	padding: 5px 5px 0px 10px;
	border: 1px solid red;
	height: 100%;
}

.spacer {
	clear:both;
	font-size: 1px;
	line-height: 0px;
}

#bloc_haut{
	
	width: 590px;
	height: 73 px;
	margin-left:0px;
}

#bloc_texte{
	background-image: url('images/autres/bg_topBlock.png');
	background-position: top left;
	background-repeat: no-repeat;
	border: 0px solid silver;
	/*background-color: white;*/
	padding-bottom: 5px;
	padding-left: 20px;
	padding-right: 5px;
	padding-top: 18px;
	margin-bottom: 10px;
	margin-top: 0px;
	width: 590px;
	height: 100%;
	margin-left:0px;
}

#bloc_bas{
	background-image: url('images/autres/bg_bottomBlock.png');
	background-position: bottom right;
	background-repeat: no-repeat;
	width: 590px;
	height: 73 px;
	margin-left:0px;
}

#bloc_texte_accueil{
	/*border: 1px solid #009799;*/
	background-color: white;
	padding: 5px 5px 5px 5px;
	margin-bottom: 10px;
	line-height: 140%;
}

.image{
	/*width: 450px;*/
}
.bloc_texte_gris {
	width: 450px;
	margin-bottom : 15px;
}

.titre_bloc{
	background-image: url(pictures/css/bloc/haut.gif);
	background-repeat: no-repeat;
	height:20px;
	padding-top:3px;
	padding-left:3px;
	border-bottom: 1px dashed gray;
}

.contenu_bloc{
	background-image: url(pictures/css/bloc/milieu.gif);
	background-repeat: repeat;
	padding: 5px 5px 5px 5px;
	
}

.bas_bloc {
	background-image: url(pictures/css/bloc/bas.gif);
	background-repeat: no-repeat;
	height: 12px;
	
}

.bloc_menu_gauche{
	width: 150px;
	border: 1px dashed Gray;
	background-color: transparent;
	padding: 2px 2px 2px 2px;
	margin-bottom: 15px; 
	margin-right: 2px;
	float: left;
	text-align: left;
}

.bloc_menu_gauche_presentation{
	width: 150px;
	border: 1px dashed Gray;
	background-color: transparent;
	padding: 2px 2px 2px 2px;
	margin-bottom: 15px; 
	margin-right: 2px;
	float: left;
	text-align: left;
	font-size: 7pt;
}

.bloc_menu_gauche_mail{
	width: 150px;
	border: 0px dashed Gray;
	background-color: transparent;
	padding: 2px 2px 2px 2px;
	margin-bottom: 15px; 
	margin-right: 2px;
	float: left;
	text-align: center;
	font-size: 9pt;
}







/* Mise en page FonT */
.italique{width: 25px;font-style: italic;}
.gras{font-weight: bold;width: 25px;}
.souligne{text-decoration: underline;width: 25px;}

.rouge {color: Red;}
.vert{color: Green;}
.bleu{color: blue;}
.gris{color: Gray;}
.jaune{color: Yellow;}

.rougeGras {color: Red; font-weight:bold;}
.vertGras{color: Green; font-weight:bold;}
.bleuGras{color: blue; font-weight:bold;}
.grisGras{color: Gray; font-weight:bold;}
.jauneGras{color: Yellow; font-weight:bold;}

/* Styles Pour le menu déroulant */
.menu {
	color:black;
	font-size:12px;
	font-weight:bold;
	border:0;
	padding:0;
/* width et margin sont au cas où le javascript est désactivé. */
	width:15em;
	margin:1em;
	
	/*
	background-color: white;;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.5;
	*/
}

.ssmenu {
	background-color: #2B4A5F;
	color:black;
	font-size:10px;
	font-weight:normal;
	border-collapse: collapse;
	border: 1px solid silver;
	padding:0;
/* width et margin sont au cas où le javascript est désactivé. */
	width:15em;
	margin:1em;
	background-color: white;;
	/*
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.5;
	*/
}
/* .menu = les cases toujours visibles (comme Fichier, Edition... dans un logiciel) */
.menu {
	text-align:center;
}

.menu span, .ssmenu span {
/* Ne pas toucher
	C'est pour cacher les ; en fin de <li>, ce qui permet aux synthèse vocales de prendre une
	pause dans l'élocution */
	display:none;
}

.ssmenu ul, .ssmenu li {
/* Ne pas trop toucher.
	Les items (les <li>) des sous-menus, notamment pour enlever les puces des liste */
	padding:0;
	margin:0;
	list-style-type:none;
	border-bottom: 1px solid silver;
	border-collapse: collapse;
	font-family: Arial, Helvetica, sans-serif;
}

.menu a, .ssmenu a, .menu a:visited, .ssmenu a:visited, .ssmenu a:link {
/* Les liens qui ne sont pas sous le curseur. */
	font-family:Tahoma;
	text-decoration:none;
	color:black;
	padding:2px;
/* Ne pas modifier le block */
	display:block;
/*	Un width:100% fait planter Mozilla, sans le width:100% c'est IE et Opera... La combinaison
	aucun width et height:100% marche sur tous, donc ne pas toucher ces 2 lignes */
/*	height:100%;
	margin:0px;*/
	margin:0px;
	width:100%;
	background: #F8F8F8;
}
html>body .menu a, html>body .menu a:visited, html>body .menu a:hover, html>body .menu a:active,
html>body .ssmenu a, html>body .ssmenu a:visited, html>body .ssmenu a:hover, html>body .ssmenu a:active {
	width:auto;
}
/* spécificité au menu image pour ne pas avoir d'espace autour des images...*/
.menu a, .menu a:visited {
	padding:0;
}

.ssmenu ul:hover, .ssmenu a:hover, .ssmenu a:focus {
/* Les liens sous le curseur.
	On change les couleurs du texte et de fond, et on enlève le soulignement.
	*/
	/*background: url("images/autres/fond_ssmenu.jpg");*/
	/*background-color: #2B4A5F;*/
	padding-left: 18px;
	background: url("images/ballon_15.gif");
	background-repeat:no-repeat;
	font-weight: bold;
	/*text-align: right;*/
	color: blue;
	text-decoration:none;
}

.menu_chap {
	list-style-type:none;
	border-bottom: 1px solid silver;
	border-collapse: collapse;
	font-family:Tahoma;
	background: url("images/autres/fond_ssmenu.jpg");
	text-align: right;
	text-decoration:none;
	color:black;
	font-size:11px;
	font-weight:bold;
	border:0;
	padding:0;
}

img {
/* Si on met une image dans un lien (par exemple un logo à gauche du lien), pas de bordure
	car c'est vilain :-p */
	border:none;
}

.ssmenu img {
/* un petit espacement entre l'image et le texte du lien <a href="..."><img.../>blabla</a> */
	margin-right:2px;
}

.ssmenu img.hr {
/* Encore un peu expérimental, un <hr /> entre deux items pour faire un "séparateur"... */
	margin-top:1px;
	margin-bottom:1px;
	margin-left:0;
	margin-right:0;
	width:100%;
	display:block;
}

/*
Bref... pour résumer, ce qu'il y a à modifier à la base, c'est :
- couleurs, police, bordure.
- l'effet spécial IE pour les ssmenu si on aime ça...
- police et couleurs des liens "non survolés" et "survolés".
*/


/* Images flottantes */
.img_flottante_gauche{
	float: left;
	border: 0px solid black;
	margin: 5px;
}

.img_flottante_droite{
	float: right;
	border: 0px solid black;
	margin: 5px;
}

.img_du_jour {
	border: 1px solid black;
	vertical-align: middle;
	text-align: center;
}


.titre_news2{
	background-image: url(images/news/haut.gif);
	background-repeat: no-repeat;
	height: 25px;
	vertical-align: middle;
	color: blue;
	font-family:"Tahoma";
	font-weight: bold;
	padding-top: 0px;
	font-size: 9pt;
	border-bottom: 1px dashed gray;
	padding-left: 4px;
	padding-right: 5px;
	vertical-align: middle;
	padding-top: 5px;
}

.contenu_news2{
	background-image: url(images/news/milieu.gif);
	background-repeat: repeat;
	vertical-align: middle;	
	font-size: 8pt;
	padding-right: 2px;
	padding-left:13px;
	text-align: justify;

}

.bas_news{
	height: 12px;
	border-left: 0px solid Silver;
	border-right: 0px solid Silver;
	border-bottom: 0px solid Silver;
	
	/* background-image: url('images/design/fond-news.jpg'); */
	background-position: center;
	background-repeat: no-repeat;
}

.barre_degrade{
	height: 12px;
	background-image: url('images/design/fond-news.jpg');
	background-position: center;
	background-repeat: no-repeat;
}

.bas_news2{
background-image: url(images/news/bas.gif);
	background-repeat: no-repeat;
	height: 
	12px;
}


.date_news{
	text-align: right;
	font-size: 7pt;
	color: gray;
}




.titre_n {
	//color: blue;
	font-family:"Tahoma";
	font-weight: bold;
	font-size: 8pt;
	text-align: left;
}

.contenu_news{
border-right: 0px solid Silver;
	border-left: 0px solid Silver;
	
	vertical-align: baseline;
	font-size: 8pt;
	padding-right: 2px;
	padding-left:13px;
	
	
	text-align: justify;
}

td.texte_news
{
	padding-left: 10px;
	vertical-align: top;
}

.date_news3{
	text-align: right;
	font-size: 7pt;
	color: gray;
}


TD {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: black;
	background-position: center center;
}
TD.titremenu {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	background-position: center center;
}

TD.textemenu {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: black;
	background-position: center center;
}

TD.textesite {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: black;
	background-position: center center;
}

TD.texteblanc {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: white;
	background-position: center center;
}

TD.fondgris{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: black;
	background-color: #CCCCCC;
	background-position: center center;
	text-align: center;
}

TD.fondblanc{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: black;
	background-color: #FFFFFF;
	background-position: center center;
	text-align: center;

}

TD.fondButsBlanc{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: black;
	background-color: #FFFFFF;
	/*background-position: center center;*/
	text-align: left;
	padding:3px 3px 3px 3px;
}

TD.fondgris2{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: black;
	background-color: #CCCCCC;
	/*background-position: center center;*/
	text-align: center;
	padding:3px 3px 3px 3px;
}


TD.fondButsGris{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: black;
	background-color: #CCCCCC;
	/*background-position: center center;*/
	text-align: left;
	padding:3px 3px 3px 3px;
}


TD.fondblanc2{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: black;
	background-color: #FFFFFF;
	background-position: center center;
	text-align: center;
	padding:3px 3px 3px 3px;
}

TD.fondgrisgauche{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: black;
	background-color: #CCCCCC;
	background-position: center center;
	text-align: left;
}

TD.fondgrisdroite{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: black;
	background-color: #CCCCCC;
	background-position: center center;
	text-align: right;
}

TD.fondblanc{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: black;
	background-color: white;
	background-position: center center;
	text-align: center;
}

TD.fondblancdroite{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: black;
	background-color: white;
	background-position: center center;
	text-align: right;
}

TD.fondblancgauche{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: black;
	background-color: white;
	background-position: center center;
	text-align: left;
}


TD.fondbleu{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: white;
	background-color: #000099;
	background-position: center center;
	text-align: center;
}
TD.fondjaune{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: black;
	background-color: #ffffd0;
	background-position: center center;
	text-align: center;
}

TD.fondjaunenonaligne{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: black;
	background-color: #ffffd0;
	background-position: center center;
	text-align: left;
}

TD.fondgrisnonaligne{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: black;
	background-color: #CCCCCC;
	background-position: center center;
}

TD.fondgrisperdu{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: red;
	background-color: #CCCCCC;
	background-position: center center;
	text-align: center;
}

TD.fondgrisgagne{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: green;
	background-color: #CCCCCC;
	background-position: center center;
	text-align: center;
}

TD.fondgrisnul{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: blue;
	background-color: #CCCCCC;
	background-position: center center;
	text-align: center;
}


TD.fondblancperdu{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: red;
	background-color: #FFFFFF;
	background-position: center center;
	text-align: center;
}

TD.fondblancgagne{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: green;
	background-color: #FFFFFF;
	background-position: center center;
	text-align: center;
}

TD.fondblancnul{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: blue;
	background-color: #FFFFFF;
	background-position: center center;
	text-align: center;
}

TD.fondgrisja{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: blue;
	background-color: #CCCCCC;
	background-position: center center;
	text-align: center;
}
TD.fonddernier{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: white;
	background-color: red;
	background-position: center center;
	text-align: center;
}
TD.fondpremier{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: black;
	background-color: #66CC66;
	background-position: center center;
	text-align: center;
}
TD.enteteclassement{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	color: black;
	background-color: #00CC33;
	background-position: center center;
	text-align: center;
}



A:link { color: #000055; text-decoration: none } 
A:visited { color: #000055; text-decoration: none } 
A:active { color: #000055;  text-decoration: none } 
A:hover { color: blue; text-decoration: none} 

A.liensondage:link { color: black;  text-decoration: none } 
A.liensondage:visited { color: black;  text-decoration: none } 
A.liensondage:active { color: black;  text-decoration: none } 
A.liensondage:hover { color: red;  text-decoration: none} 

A.lienmail:link { color: blue;  text-decoration: none } 
A.lienmail:visited { color: blue; text-decoration: none } 
A.lienmail:active { color: blue; text-decoration: none } 
A.lienmail:hover { color: red;  text-decoration: none} 

A.lien2:link { color: blue; text-decoration: none } 
A.lien2:visited { color: blue;  text-decoration: none } 
A.lien2:active { color: blue;  text-decoration: none } 
A.lien2:hover { color: red; text-decoration: none} 

A.lien3:link { color: black; text-decoration: none } 
A.lien3:visited { color: black;  text-decoration: none } 
A.lien3:active { color: black;  text-decoration: none } 
A.lien3:hover { color: red; text-decoration: none} 

A.lienPhoto:link { color: black; text-decoration: none } 
A.lienPhoto:visited { color: black;  text-decoration: none } 
A.lienPhoto:active { color: black;  text-decoration: none } 
A.lienPhoto:hover { color: white;  text-decoration: none} 

INPUT, SELECT, TEXTAREA {
   font-family : Tahoma;
   font-size : 8pt;
   
}


.bouton_form {
	font-weight : bold;
	background-color: silver;
}

/*
.8pix {
	font-size: 8px
}

*/
.texte {
	padding-left: 5px; color: #000000; padding-TOP: 1px
}
.texte2 {
	padding-left: 5px; background-color: white; color: #000000; padding-TOP: 1px
}
.texte3 {
	padding-left: 5px; background: #c2d0da; color: #000000; padding-TOP: 1px
}
td.pix {
	border-bottom: 1px solid black;
	height: 1px;
}

.pix {
	border-bottom: 1px solid black;
	height: 1px;
}

.gris1 {
	FONT-WEIGHT: bold; background: #BEBEBE; color: white;
}

.bleu_titre
{
	 FONT-WEIGHT: bold; background: #247CA7; color: white;
}


.gris2 {
	background: #d6d3d6; color: #000000; padding-TOP: 1px
}

.gras {
	FONT-WEIGHT: bold; color: #000000
}
.gris3 {
	padding-left: 4px; FONT-WEIGHT: bold; background: #a3a3a3; color: #ffffff
}
.input {
	border-TOP-width: 0pt; border-left-width: 0pt; font-size: 10px; border-bottom-width: 0pt; color: #000000; background-color: #ffffff; border-right-width: 0pt
}
.input2 {
	font-size: 11px; color: #000000; background-color: #ffffff
}
.barre1 {
	font-size: 10px; background: #000000; color: #ffffff
}

.input_c {
	font-size: 9px; color: gray; background-color: #ffffff
}

.barre1bis { 
	/*background-color: #1D4B9E;*/
background-image: url('images/autres/fond-bleu.gif');
	background-repeat: repeat-x;
	padding-left: 0px;
	font-weight: normal;
	color: #ffffff;
	padding-top: 3px;
	padding-bottom: 3px;
	height:25px;
}


.barre1dos {
	background: #606060; color: #ffffff
}
.barre2 {
	font-size: 10px; background: #999999; color: #ffffff
}
A.navnoir:link {
	color: #000000; text-decoration: none
}
A.navnoir:active {
	color: #000000; text-decoration: none
}
A.navnoir:visited {
	color: #000000; text-decoration: none
}
A.navnoir:hover {
	color: #ff0000; text-decoration: none
}


.bureau{
	border: 1px solid silver;
	/*background-color: #E4E4E4;*/
}

.bureau1 {
	width:145px;
	text-align: right;
	font-weight: bold;
}

.bureau2{
	text-align: left;
}


.b_texte{
	width: 550px;
	padding: 5px 5px 5px 5px;
	/*border: 1px solid silver;*/
}


img {
	border: none;
}

#actions_news {
	padding-bottom: 2px;
	background-color: transparent;
	text-align: right;
	font-size: 7pt;
}

#titre_news{
	float: left;
	text-align: left;
	font-size: 8pt;
	font-weight: bold;
}

#date_news{
	margin-top: 15px;
	margin-bottom: 5px;
	color: gray;
	text-align: right;
	font-size: 7pt;
}
/* fin pour editeur de News et Agenda */

#bloc_texte {
	margin-bottom: 15px;
	background-color: white;
	width: 570px;
}

#bloc_news {
	
	width: 560px;
	padding: 0px 0px 0px 0px;
	margin-bottom: 15px;
	
}

.button_calendar {
	
	background-image: url(images/b_calendar.png);
	background-repeat: no-repeat;
	border: none;
	background-color: white;
	height: 16px;
	width: 16px;
	
}

#haut_texte {
	/*background-image: url(pictures/css/bloc/barre_bloc_bleu.gif);*/

	height: 22px;
	color: white;
	font-family: Tahoma;
	font-weight: bold;
	font-size: 10pt;
	padding-top: 2px;
	padding-left: 5px;
}

#contenu_bloc_texte {
	padding: 15px 15px 15px 15px;
	background-position: top left;
	background-repeat: no-repeat;
	line-height: 130%;
	font-size: 8pt;

}

#complement_infos{
	margin-top: 0px;
	margin-bottom: 10px;
	padding : 5px 5px 5px 5px;
	color: gray;
	text-align: left;
	font-size: 8pt;
}

#barre_tri {
	text-align: center;
	margin-bottom : 15px;

}

#titre_liste{
	float: left;
	text-align: left;
	font-size: 8pt;
	font-weight: bold;

}

#bloc_liste {
	width: 97%;
	border: 1px solid pink;
	padding: 5px 5px 5px 5px;
	
}

#actions_droite {
	border-bottom: 0px dashed gray;
	background-color: transparent;
	text-align: right;
	font-size: 7pt;
}

#editeur{
	width:500px;
	background-color: white;
	margin-top: 2em;
	padding:5px;
	height: 100%;
}

#test_beta{
	width: 97%;
	border: 1px solid pink;
	padding: 5px 5px 5px 5px;
}

/*
#titre_b{
	border: 0px solid black;
	height: 18px;
	background-color: #708090;
	width: 590px;
	background-image: url(images/design/bbleue.gif);
	background-repeat: no-repeat;
	color: white;
	font-weight: bold;
	font-family: Tahoma;
	padding-top:3px;
	padding-left: 8px;
	font-size: 9pt;
}
*/

.texte_fond_gris {
	padding-left: 5px; background-color: #F5F5F5; padding-top: 2px; padding-bottom: 2px; border-bottom: 2px solid white;
}
.texte_fond_blanc {
	padding-left: 5px; background-color: #F5F5F5; color: #000000; padding-top: 2px; padding-bottom: 2px; border-bottom: 2px solid white;
}

.texte_premier
{
	padding-left: 5px; background-color: #D9E7F7; color: #000000; padding-top: 2px; padding-bottom: 2px; border-bottom: 2px solid white;
}

.texte_dernier
{
	padding-left: 5px; background-color: #F4E8F6; color: #000000; padding-top: 2px; padding-bottom: 2px; border-bottom: 2px solid white;
}



.texte_fond_bleu_ciel {
	padding-left: 5px; background: #8EA6EC; color: #000000; padding-TOP: 1px
}

.table_theme{
	border : 0px solid silver;
	width: 100%;
}

.fond_over_odd{
	color:white;
	background-color:#668ACD;
}

.fond_over_even{
	color:white;
	background-color:#668ACD;
}

.fond_out_odd{
	color:black;
	background-color:#D3D0D0;
}

.fond_out_even{
	color:black;
	background-color: #F5F5F5;
}


.fond_over{
	color:black;
	background-color:silver;
}

.fond_out{
	color:black;
}


#confirmation {
	background-image: url(./pictures/css/alertes/att60x60.gif);
	background-position:top left;
	background-repeat: no-repeat;
	padding-left: 70px;
	padding-top: 5px;
	margin-top: 10px;
	padding-bottom: 5px;
	height: 80px;
	text-align: center;
}

#ok {
	background-image: url(./pictures/css/alertes/ok60x60.gif);
	background-position:top left;
	background-repeat: no-repeat;
	padding-left: 70px;
	padding-top: 5px;
	margin-top: 10px;
	padding-bottom: 5px;
	height: 80px;
	text-align: center;
}

#erreur {
	padding-left: 70px;
	padding-top: 5px;
	margin-top: 10px;
	padding-bottom: 20px;
	background-image: url(./pictures/css/alertes/err60x60.gif);
	background-position:top left;
	background-repeat: no-repeat;
	text-align: center;
}


.table_gestion {
	border: 1px solid gray;
}

.table_buteurs {
	border: 1px solid silver;
}

td.gestion {
	font-weight: bold;
	font-family: Arial;
	padding: 6px 6px 6px 6px;
}

td.titre_gestion {
	background-color:#708090;
	font-weight: normal;
	color:white;
	padding: 3px 3px 3px 3px;
}

.test_table{
	border-bottom:2px solid #C8C8C8;

}

.design_bas{
	border-top: 2px solid #C8C8C8;
	background-color : white;
	text-align:center;
}

#titre_menu_first {
	background-color:#708090;
	font-weight: bold;
	color:white;
	padding: 3px 3px 3px 3px;
	margin-top: 2px;
	margin-bottom: 10px;
}

#titre_menu {
	background-color:#708090;
	font-weight: bold;
	color:white;
	padding: 3px 3px 3px 3px;
	margin-top: 15px;
	margin-bottom: 10px;
}

/* Liste des joueurs convoqués */
.transp {
	background-color: transparent;
	text-align: left;
}

#convocs{
	background-image: url('images/terrain.gif');
	background-repeat: no-repeat;
text-align:center;
}

/* Pour le menu */
#conteneur_menu {

}

td.gris_c {
	padding: 4px;
	background-color: #dedede;
	font-size:7pt;	
}

td.autre_c {
	padding: 4px;
	background-color: #fefefe;
	font-size:7pt;
}

td.gris_r {
	padding: 4px;
	background-color: #dedede;
	font-size:7pt;	
	color:red;
	font-weight:bold;
	text-align: center;
}

td.autre_r {
	padding: 4px;
	background-color: #fefefe;
	font-size:7pt;
	color:red;
	font-weight:bold;
		text-align: center;
}



td.titre_c {
	padding: 4px;
	text-align: center;
	background-color: #2A7FFF;
	font-size:8pt;
	font-weight: bold;
	color:white;
}