/*  CSS tags valid for each browser without modification */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,code,address,caption,cite,em,strong,th,span,a,
select,option,textarea,input { 
	margin: 0; padding: 0; 
	font-size: 11px; line-height: 1.4em;
	font-weight: normal; font-style: normal; 
	font-family: "Lucida Grande", Geneva, Verdana, Kalimati, sans-serif;
	color: #000000;
}
td { 
	font-size: 11px; line-height: 1.4em;
	font-weight: normal; font-style: normal; 
	font-family: "Lucida Grande", Geneva, Verdana, Kalimati, sans-serif;
	color: #000000;
}
/*** pour IE car bizarrement, il ne prend pas correctement ce qui est au dessus 
et aussi pour pas perturber certains input qui ont des margin spécifiques, ... ***/
select,option,textarea,input { font-size:11px; font-family: "Lucida Grande", Geneva, Verdana, Kalimati, sans-serif; }
caption,th { text-align: left; }

/* ------------------- STYLE GENERIQUE ------------------- */
strong { font-weight: bold; }
a { color: #0024FD; text-decoration: none; }
a:hover {color: #000; text-decoration: underline; }
img {border: 0;}
acronym, abbr { cursor:help; border-bottom: 1px dotted #000; }
h1 { font-size: 1.2em; font-weight: bold;}

html { position: relative; width: 100%; height: 100%; }
body { position: relative; margin: 0px 0px 0 0px; padding: 0px 0px 0px 0px; width: 100%; background-color: #2e4501; }

#defifoot_body_popup { background-image: none; background-color: #FFF; }
/** cache recouvrant le site quand un window div s'ouvre */
#effet_arriere_plan { 
	position: absolute; z-index: 999; height: 100%; width: 100%; top: 0px; left: 0px;
	background-image: url(../images/page/pixel-blanc-transparent.png);
	display: none;
}

/********************************************************
LES CADRES DE BASE DE LA PAGE
*********************************************************/
#debug_js_alert { 
	position: fixed; background-color: transparent; color: #FFF; right: 0; top: 0; z-index: 999999; cursor: pointer; 
	width: 1em; height: 1em;
}
#site_container { 
	position: relative; top: 0px; z-index: 1;
	background-image: url(../images/page/background/fond.jpg); background-repeat: no-repeat;
	background-position: top center; background-color: #2e4500;
}
#jeu_container { 
	position: relative; top: 12px; width: 999px; left: 50%; margin-left: -499px;
}
/****** header ******/
#jeu_container > #header {
	position: relative; top: 0px; height:118px; width: 999px; z-index: 20;
	background-image: url(../images/page/header/header.png); background-repeat: no-repeat;
}
#jeu_container #header_testing_zone {
	position: absolute; top: 85px; left: 25px; z-index: 21;
}
#jeu_container > #logo { position: absolute; top: -10px; left: 15px; z-index: 21; }
#header_trans { position: absolute; right: 18px; top: 4px; height: 36px; width: 137px; text-align: center; }
#header_trans img { margin: 2px 2px; }
#jeu_container > #header > #header_barre_game {
	position: absolute; top: 68px; height: 50px; width: 999px; 
	background-image: url(../images/page/header/fond-header.png); background-repeat: repeat-y; background-position: left top;
}
/* ----- inscription */
#header > .public > #header_barre_game_contenu {
	position: absolute; height: 32px; left: 177px; width: 816px; bottom: 0;
	background-image: url(../images/page/header/barre-inscription.gif); background-repeat: no-repeat; background-position: left top;
}
#inscription_light { 
	position: relative; width: 242px;
	background-image: url(../images/page/header/bas-inscription.gif); background-repeat: no-repeat; background-position: left bottom;
	padding-bottom: 103px;
}
#inscription_light .cadre_frm { color: #FFF; }
#inscription_light .cadre_frm { position: relative; background-color:#990000; min-height:12px; width: 218px; padding-right: 12px; padding-left: 12px; }
#inscription_light .cadre_frm input { 
	line-height: 14px; height: 14px; margin-bottom: 2px; width: 110px; background-color: #000; color: #FFF; border:0; padding: 0 0 0 0;
	border: 1px solid #b2b2b2;
	background-image: url(../images/page/header/fond-input.gif); background-repeat: repeat-x; background-position: left top;
}
#inscription_light .cadre_frm input:focus { width: 110px; background-color: #dedede; color: #669900; background-image: none; }

/* ----- connecte */
#header > .connected > #header_barre_game_contenu {
	position: absolute; height: 32px; left: 177px; width: 816px; bottom: 18px;
	background-image: url(../images/page/header/barre-equipe.png); background-repeat: no-repeat; background-position: left top;
}
/****** jeu ****/
#jeu_container > #jeu_container_central {
	position: relative; width: 999px;
	background-image: url(../images/page/habillage/fond-contenu.png); background-repeat: repeat-y;
	background-position: right top;
}
#pied_ecran_joueur { 
	position: absolute; bottom: -38px; left: 50%; height: 312px; width: 178px; margin-left: -500px;
	background-image: url(../images/page/habillage/joueur-footer.png); background-repeat: no-repeat;
	background-position: center bottom; z-index: -1;
}
#jeu_container_central > #jeu_contenu { 
	position: relative; float: right; width: 822px;
}
#jeu_container_central > #jeu_contenu > #jeu_contenu_container { 
	position: relative; width: 567px; overflow: hidden; padding: 0 4px 8px 3px;
}
/****** jeu contexte ****/
#jeu_contenu > #jeu_contenu_contexte { position: relative; float: right; width: 240px; margin-right: 8px; padding-bottom:48px; }
#jeu_contenu > #jeu_contenu_contexte > #jeu_contenu_contexte_container { position: relative; width: 240px; overflow: hidden; }

/****** les extras du site ****/
#site_extra_container {
	position: relative; background-image: url(../images/page/habillage/fond-contenu-pied.png); background-repeat: repeat-y;
	background-position: center top; top: 0px; 
	z-index : 1;
}
#site_extra_container > #site_extra_contenu {
	position: relative; background-image: url(../images/page/habillage/gazon-footer.png); background-repeat: repeat-x;
	background-position: left top; min-height: 44px; top: 0px;
}
#site_extra_container > #site_extra_contenu > #site_extra_contenu_cadre {
	position: relative; width: 976px; left: 50%; margin-left: -488px;
	padding-top: 50px;
}
#site_mega_banner { 
	position: relative; width: 728px; height: 90px; background-color: #FFF; border: 1px solid #FFF;
	left: 50%; margin-left: -280px; margin-bottom: -6px; top: 4px;
}
#site_extra_share { 
	position: relative; background-color: #fff; height:25px; width: 964px;
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px; -webkit-border-bottom-right-radius: 10px;
	padding: 0 6px 0 6px; margin-bottom: 8px;
}

/********  PIED DE PAGE *****************/
#pied_page { position: relative; text-align: center; bottom: 0; width: 100%; height:34px; }
#pied_page_contenu { 
	position: absolute; height: 34px; bottom: 0; width: 100%; overflow:hidden;
	left: 0px; display: block; text-align: center;
}
#pied_page_contenu p { color: #FFFFFF; margin: 0 0 0 0; padding: 0 0 0 0; vertical-align: middle; }
#pied_page_contenu p span { color: #FFFFFF; }
#pied_page_contenu p a { line-height: 16px; color: #FFF; font-weight: bold; text-decoration: none;}
#pied_page_contenu p a:hover { text-decoration: underline;}
#pied_page_contenu #debug_js { color: #FFF; text-align: left; }
#pied_page_contenu #debug_js * { color: #FFF; }
/*****************************************
	PARTIE GAUCHE
******************************************/
#jeu_gauche { position: relative; width: 177px; padding-bottom: 50px; overflow: hidden; }
/****** connexion  et menu manager ****/
#jeu_gauche > #jeu_manager {
	background-image: url(../images/page/habillage/bas-manager.png); background-repeat: no-repeat;
	background-position: bottom left; padding-bottom: 12px;
}
#jeu_gauche > #jeu_manager > #jeu_manager_container {
	position: relative; background-image: url(../images/page/habillage/page-ombre-gauche.png); 
	background-position: top left; background-repeat: repeat-y;
}
#jeu_manager_container > #jeu_manager_contenu { 
	overflow: hidden; background-color: #cc0000; margin-left: 6px; width: 170px; padding-top: 0px; padding-left: 1px;
}
#jeu_manager_membre { position: relative; display: block; color: #FFF; left: 4px; margin-bottom: 4px; }
#jeu_manager_membre tr td { color: #FFF; }

/****** communaute ****/
#jeu_gauche > #communaute {
	position: relative; margin-top: 1.5em; padding-top: 44px; width:177px;
	background-image: url(../images/page/communaute/fond-titre.png); background-position: top left; background-repeat: no-repeat;
}
#jeu_gauche > #communaute > .title { 
	position: absolute; color: #FFF; font-size: 1.1em; font-weight: bold; overflow: hidden; width: 119px; left: 60px;
	height: 44px; line-height: 44px; padding-top: 9px; top: 0px;
}
#jeu_gauche > #communaute > #communaute_container {
	position: relative;  padding-bottom: 11px;
	background-image: url(../images/page/communaute/fond-bas.png); background-position: bottom left; background-repeat: no-repeat;
}
#jeu_gauche > #communaute > #communaute_container > #communaute_contenu {
	position: relative; background-image: url(../images/page/communaute/fond-contenu.png); background-position: top left; background-repeat: repeat-y;
	padding-top: 4px; padding-left: 2px;
}
/** on fixe une largeur car sous IE8 si texte trop long alors décalé sous le contenu principal de la page **/
ul.liste-communaute { display: block; position: relative; left: 4px; width: 165px; overflow: hidden; list-style: none; margin: 0 0 0 0; }
ul.liste-communaute li { display: block; background-position: 2px 0.2em; padding-left: 30px; background-repeat: no-repeat; margin-bottom: 2px; }
ul.liste-communaute li.fs { background-image: url(../images/page/communaute/picto-fs.png); }
ul.liste-communaute li.chat { background-image: url(../images/page/communaute/picto-chat.png); }
ul.liste-communaute li.buvette { background-image: url(../modules/communaute/buvette/images/citer.gif); }
ul.liste-communaute li.facebook { background-image: url(../images/page/communaute/picto-facebook.png); }

/*****************************************
	PUBLICITE CARRE
******************************************/
#publicite_carre {
	position: relative; display: none; top: 5px; left: 2px; width: 300px; margin-bottom: 8px;
	background-image: url(../images/page/cadre_pub/bordure-top.gif); background-position: left top; background-repeat: no-repeat;
}
#publicite_carre .content_pub {
	position: relative; top: 0px; left: 0px; width: 300px; z-index: 2;
	background-repeat: no-repeat; background-position: 254px 10px; 
	background-color: #FFF;
}
/*****************************************
	CONNEXION
******************************************/
#connexion_en_cours {
	color: #FFF; display: none; font-weight: bold; text-align: center; margin: 0px;
}
#cnx_formulaire {  }
#cnx_formulaire input { border:1px solid #000; background-color: #FFF; }
#cnx_formulaire input:focus { border:1px solid #FFF; background-color: #000; color: #FFF; }
#cnx_formulaire a.link { display: block; margin-left: 4px; }
/**** spécifique à gauche ***/
#jeu_gauche #cnx_formulaire { padding-left: 12px; margin-top: 10px; }
#jeu_gauche #cnx_formulaire input { 
	line-height: 14px; height: 14px; margin-bottom: 2px; width: 140px; background-color: #000; color: #FFF; 
	border:0; padding: 0 0 0 0;	border: 1px solid #b2b2b2;
	background-image: url(../images/page/header/fond-input.gif); background-repeat: repeat-x; background-position: left top;
}
#jeu_gauche #cnx_formulaire a.link { color: #FFF; text-align: center; display: block; width: 140px; }
/*****************************************
	MENU MANAGER CONNECTE
******************************************/
#info_connecte { 
	position: relative; overflow: hidden; padding-left: 28px; margin-left: 1px; margin-top: 8px; margin-bottom: 4px;
	background-image: url(../images/page/menus/casquette-manager.png); background-repeat: no-repeat; background-position: left top;
}
#info_connecte a {color: #FFF; text-decoration: none;}
#info_connecte a:hover {color: #FFF; text-decoration: underline;}
#info_connecte a.pseudo {font-weight: bold; font-size: 1em;}
#info_connecte a.deconnexion {font-size: 0.9em;}

#jeu_manager_contenu .sous_menu { padding-left: 2px; }
/*** non sélectionné ***/
#jeu_manager_contenu .menu_noselected  {
	position: relative; text-align: left; height: 25px; line-height: 25px;
	background-image: url(../images/page/menus/jeu/fond-menu-unselected.1.gif);
	background-repeat: no-repeat; background-position: left top;
}
#jeu_manager_contenu .menu_noselected > strong a {
	padding-left: 4px; display: block; font-weight: normal; color: #FFFFFF; text-decoration: none; line-height: 23px;
	white-space: pre; overflow: hidden;
}
#jeu_manager_contenu .menu_noselected a:hover {
	background-image: url(../images/page/menus/jeu/fleche-survol.1.gif); background-repeat: no-repeat;
	background-position: 153px 0px;
}
#jeu_manager_contenu .menu_noselected  .sous_menu { display: none; }
/*** sélectionné ***/
#jeu_manager_contenu .menu_selected {
	position: relative; text-align: left; min-height: 25px; line-height: 25px;
	background-image: url(../images/page/menus/jeu/fond-menu-selected.1.gif); background-color: #FFE2E2;
	background-repeat: no-repeat; background-position: left top;
}
#jeu_manager_contenu .menu_selected > strong a { 
	padding-left: 4px; display: block; font-weight: normal; color: #FFFFFF; text-decoration: none; line-height: 23px;
	white-space: pre; overflow: hidden;
}
#jeu_manager_contenu .menu_selected .sous_menu { line-height: 15px; }
#jeu_manager_contenu .menu_selected .sous_menu a { 
	display: block; line-height: 15px; color: #b80909; text-decoration: none; margin: 0px 5px 0px 0px; padding-left: 3px;
}
#jeu_manager_contenu .menu_selected .sous_menu a:hover { 
	display: block; color: #b80909; text-decoration: none; line-height: 15px; text-decoration: underline;
}
#jeu_manager_contenu .menu_selected  ul {
	list-style: none; list-style-type: none; margin: 0 0 0px 4px; padding: 0 0 6px 0; line-height: 14px;
}
#jeu_manager_contenu .menu_selected  ul li { line-height: 14px; }
/*** autres - mini bureau ***/
#jeu_manager_contenu .sous_menu .mini_bureau { margin: 0 0 0px 3px; padding: 0 0 5px 0; line-height: 15px; }
#jeu_manager_contenu .sous_menu .mini_bureau a { 
	display: inline; margin: 0; padding: 0; line-height: 15px; font-weight: normal; 
}
#jeu_manager_contenu .sous_menu .mini_bureau a:hover {  display: inline; margin: 0; padding: 0; line-height: 15px; font-weight: normal; }
/*** autres - options ***/
#jeu_manager_contenu .sous_menu .liste_options strong {
	display: block; font-size: 1em; line-height: 14px; margin: 0; padding: 0;
}
#jeu_manager_contenu .sous_menu .liste_options a {
	font-weight: normal;
}
#jeu_manager_contenu .sous_menu #promo_services { 
	margin: 5px 0px 2px -2px; padding: 2px; background-color: #FFFFFF;
	border-top: 1px solid #b80909; border-right: 0px solid #FFF; border-bottom: 1px solid #b80909; 
} 
#jeu_manager_contenu .sous_menu #promo_services .pub_offres_partenaires div {
	line-height: 14px; margin: 0; padding: 0;
}
#jeu_manager_contenu .sous_menu #promo_services .pub_vacances {
	line-height: 14px; margin: 0; padding: 0;
}
/*** autres - amis et managers ***/
#jeu_manager_contenu .sous_menu .liens_menu_amis {
	width: 100%;
}
#jeu_manager_contenu .sous_menu .liens_menu_amis tr td, #jeu_manager_contenu .sous_menu .liens_menu_amis tr td a {
	line-height: 15px; font-weight: normal;
}
#jeu_manager_contenu .sous_menu .liens_menu_amis tr td a:hover { line-height: 15px; font-weight: normal; }
#jeu_manager_contenu .sous_menu .liste_amis {
	line-height: 14px; font-weight: normal;
}
#jeu_manager_contenu .sous_menu .liste_amis #cadre_liste_amis {
	margin-right: 5px;
}
#jeu_manager_contenu .sous_menu .liste_amis #cadre_liste_amis a {
	display: inline; color: #000; text-decoration: underline; font-weight: normal; margin: 0; padding: 0;
}
#jeu_manager_contenu .sous_menu .liste_amis #cadre_liste_amis a:hover {
	display: inline; color: #000; text-decoration: none; font-weight: normal; margin: 0; padding: 0;
	background-color: transparent;
}
/**********************************
	MENU JEU
***********************************/
#menu_jeu_gestion {
	position:relative; top:0px;
}
#menu_jeu_gestion > .menu {
	position: relative; float: left; margin-left: 6px; z-index: 1;
	
}
#menu_jeu_gestion > .menu > .texte_menu {
	height: 32px; line-height: 32px; background-repeat: no-repeat; background-position: 6px center;
	text-align: center; font-weight: bold; color: #FFF; font-size: 1em; margin-right: 5px;
	padding-right: 7px;
}
#menu_club > .texte_menu { background-image: url(../images/page/header/menu/picto-club.png); padding-left: 30px; }
#menu_compet > .texte_menu { background-image: url(../images/page/header/menu/picto-compet.png); padding-left: 32px; }
#menu_tactique > .texte_menu { background-image: url(../images/page/header/menu/picto-tactique.png); padding-left: 30px; }
#menu_effectifs > .texte_menu { background-image: url(../images/page/header/menu/picto-effectif.png); padding-left: 30px; }
#menu_transfert > .texte_menu { background-image: url(../images/page/header/menu/picto-transfert.png); padding-left: 33px; }
#menu_entrainement > .texte_menu { background-image: url(../images/page/header/menu/picto-entrainement.png); padding-left: 32px; }
#menu_palmares > .texte_menu { background-image: url(../images/page/header/menu/picto-palmares.png); padding-left: 32px; }
#menu_compet .contenu_menu_links div > div {
	margin-bottom: 4px; margin-left: 8px; border-left: 1px solid #000;
}
#menu_compet .contenu_menu_links div > div > strong {
	display: block; margin-left: 8px;
}
/**** menu deroulant et liens ***/
#menu_jeu_gestion > .menu > .contenu_menu {	
	position: absolute;  display: none; top: 31px; left: 0px; min-width: 100%; padding-right: 8px; padding-bottom: 8px;
	background-image: url(../images/page/header/menu/coin-bas-sm.png); background-repeat: no-repeat; background-position: right bottom;
}
#menu_jeu_gestion > .menu > .contenu_menu > .contenu_menu_container {
	position: relative; bottom: -8px; min-width: 150px;
	background-image: url(../images/page/header/menu/bordure-bas-sm.png); background-repeat: repeat-x; background-position: left bottom;
}
#menu_jeu_gestion > .menu > .contenu_menu > .contenu_menu_container > .contenu_menu_links { 
	position: relative; right: -8px; bottom: 8px; white-space: pre;
	background-image: url(../images/page/header/menu/bordure-droite-sm.png); background-repeat: repeat-y; background-position: right top;
}
#menu_jeu_gestion > .menu .contenu_menu_links > div { position: relative; background-color: #669900; left: -8px; padding-bottom: 4px; padding-top: 4px; }
#menu_jeu_gestion > .menu .contenu_menu_links > div a {
	position: relative; background-color: #669900;
	display: block; line-height: 15px; color: #FFF; white-space: pre; padding: 2px 10px 2px 12px;
}
#menu_jeu_gestion > .menu .contenu_menu_links > div a:hover {
	position: relative; margin: 0; right: -2px;
	display: block; line-height: 15px; white-space: pre; background-color: #990000; text-decoration: none;
}
#menu_jeu_gestion > .menu .contenu_menu_links > div a.sousmenu { 
	background-image: url(../images/page/header/menu/fleche-sous-menu.png); background-repeat: no-repeat; background-position: right center;
	padding-right: 15px; 
}
#menu_jeu_gestion > .menu .contenu_menu_links > div a.sousmenu:hover { right: -3px; background-image: none; }
/*** sous menu ***/
#menu_jeu_gestion .menu .sous_menu_jeu { position: absolute; background-color: #990000; display: none; }
#menu_jeu_gestion .menu .sous_menu_jeu a {
	white-space: pre; display: block; line-height: 15px; color: #FFF; padding: 2px 10px 2px 12px;
}
#menu_jeu_gestion .menu .sous_menu_jeu a:hover {
	white-space: pre; display: block; line-height: 15px; color: #FFF; text-decoration: underline;
}
/**** MENU CONTEXTE ****/
.cadre_contenu_contexte {
	position: relative; width: 240px; margin: 0px 0 0 0; padding: 0;
	background-image: url(../images/cadres/menu-contexte/arrondi-top.gif); background-repeat: no-repeat;
	background-position: left top; border-top:3px solid #FFF; /*bordure inutile mais pour corriger bug FF donc on l'utilise pour faire la marge **/
}
.cadre_contenu_contexte .content_contexte {
	position: relative; background-image: url(../images/cadres/menu-contexte/fond.gif); background-repeat: repeat-y;
	background-position: left top; margin: 7px 0px 0px 0; padding: 2px 10px 2px 4px;
}
.cadre_contenu_contexte .arrondi_bas {
	position: relative; height: 11px; line-height: 0px; font-size: 0px;
	background-image: url(../images/cadres/menu-contexte/arrondi-bottom.gif); background-repeat: no-repeat;
	background-position: left bottom; margin: 0; padding: 0;
}
/***** ENCART AUTOUR DU JEU *****/
#contenu_page_menu_general {
	position: relative; margin: 0px 0 0 0; padding: 0px 0 0 0;
	/** border-top:1px solid #FFF;  bordure inutile pour corriger bug FF **/
}
#contenu_page_menu_general .encart_jeu {
	position: relative;	width: 240px; background-color: #669900; margin: 0 0 0 1px; padding: 0;
	background-image: url(../images/cadres/encart-jeu/ombre-gauche.gif); background-position: left top; background-repeat: repeat-y;
}
#contenu_page_menu_general .encart_jeu .titre {
	position: relative; width: 240px; margin: 0; padding: 11px 0 0px 0;
	background-image: url(../images/cadres/encart-jeu/top.png); background-position: left top; background-repeat: no-repeat;
}
#contenu_page_menu_general .encart_jeu .titre h2 {
	color: #FFF; font-size: 1em; text-align: center; border-bottom: 1px solid #446600;
	margin: 0 6px 0 9px; padding: 3px 0px 5px 0px; width: 225px; font-weight: bold;
}
#contenu_page_menu_general .encart_jeu .content {
	position: relative; width: 240px; margin: 0; padding: 0;
}
#contenu_page_menu_general .encart_jeu .content .data {
	position: relative; background-color: #FFF; margin: 0 6px 5px 9px; padding: 2px;
	width: 221px;
}
#contenu_page_menu_general .encart_jeu .end {
	position: relative; margin:0; padding: 0; background-color: #FFF;
	background-image: url(../images/cadres/encart-jeu/bottom.png); background-position: left bottom; background-repeat: no-repeat;
	width: 240px; font-size: 1px; line-height: 1px; height: 11px;
}
/**********************************
	CADRE PRINCIPAL
***********************************/
#contenu_page {
	position: relative; z-index: 1; top: -4px; width: 549px; left: 10px; padding-top: 0px;
}
#contenu_page_full { position: relative; z-index: 1; top: -4px; width: 791px; left: 10px; padding-top: 0px; }

/**********************************
	TITRE DE CONTENU D'UNE PAGE
***********************************/
#titre_page_vide { position: relative; width: 100%; left: -3px; height: 12px; }
#titre_page {
	position: relative; margin: 0px 0 8px 0px; left: -2px; top: 0px; width: 100%;
	background-image: url(../images/cadres/titre-page/bordure-bas.gif);
	background-repeat: repeat-x; background-position: left bottom;
	background-color: #FFEFBE;
}
#titre_page .content table tr td h1 { margin: 0; padding: 0; color: #000; font-size: 1.1em; }
#titre_page .top {
	position: relative; background-image: url(../images/cadres/titre-page/bordure-haut.gif);
	background-repeat: repeat-x; background-position: left top;
	height: 4px; font-size: 1px; line-height: 1px; margin: 0; padding: 0; width: 100%;
}
#titre_page .top .droite {
	position: relative; background-image: url(../images/cadres/titre-page/coin-haut-droit.gif); background-repeat: no-repeat; background-position: right top;
	height: 10px; font-size: 1px; line-height: 1px; margin: 0; padding: 0;
}
#titre_page .content {
	position: relative; background-image: url(../images/cadres/titre-page/coin-bas-droit.gif); background-repeat: no-repeat; background-position: right bottom;
	margin: 0px 0 0px 0px; padding: 2px 0 5px 0px;
}
#titre_page .content table.table_titre_page {}
#diplome_section {
	position: relative; z-index: 1;
	background-image: url(../images/page/diplome/fond-gauche.png); background-position: left top; background-repeat: no-repeat;
	margin-top: -12px; margin-left: -2px;
}
#diplome_section_container {
	position: relative; left: 15px;
	background-image: url(../images/page/diplome/fond-droit.png); background-position: right top; background-repeat: no-repeat;
	margin-right: 18px; padding-right:6px;
}
#diplome_section_contenu {
	position: relative; height: 33px; left: 0px;
	background-image: url(../images/page/diplome/fond.png); background-position: left top; background-repeat: repeat-x;
}
#diplome_section_contenu > img { float: right; margin-top: 6px; margin-left: 4px; }
#diplome_section_contenu > div { 
	position: relative; display: block; color: #FFF; text-decoration: none; font-weight: bold; text-align: right;
	top: 8px; cursor: pointer; height: 27px;
}
#diplome_section_contenu > div:hover { text-decoration: underline; }
#diplome_section_container > #diplome_section_detail { 
	border-left: 1px solid #669900; border-bottom: 1px solid #669900; margin-top: -5px;
	width: 99%;
}
#diplome_section_container > #diplome_section_detail > div { color: #FFF; padding: 4px 4px 4px 4px; background-color: #669900; }
#diplome_section_container > #diplome_section_detail > div * { color: #FFF; }

/**********************************
	CADRE DE BASE SANS TITRE
***********************************/
.cadre_orange {
	position: relative; margin: 4px 0 4px 0px; padding: 0px;
	background-image: url(../images/cadres/jeu-principal/coin-titre-gauche.gif); background-repeat: no-repeat;
	background-position: left top;
	border-top: 1px solid #E1E1E1;
	border-bottom: 1px solid #FFF; /** car pb avec IE sinon **/
}
.cadre_orange .content_cadre {
	position: relative; background-image: url(../images/cadres/jeu-principal/ombre-bas.gif); background-repeat: repeat-x;
	background-position: left bottom; margin: 0 0 0 0; padding: 0 0 0 0;
	border-top: 1px solid #AAAAAA;
	background-color: #FFEFBE;
}
.cadre_orange .content_cadre .ombre_gauche {
	position: relative;
	background-image: url(../images/cadres/jeu-principal/ombre-gauche.gif); background-repeat: repeat-y;
	background-position: left top; margin: 0; padding: 0;
}
.cadre_orange .content_cadre .ombre_droite {
	position: relative;
	background-image: url(../images/cadres/jeu-principal/ombre-droite.gif); background-repeat: repeat-y;
	background-position: right top; margin: 0; padding: 0;
}
.cadre_orange .content_cadre .angle_droit {
	position: relative;
	background-image: url(../images/cadres/jeu-principal/coin-bas-droit.gif); background-repeat: no-repeat;
	background-position: right bottom; margin: 0; padding: 0;
}
.cadre_orange .content_cadre .contenu {
	position: relative;
	background-image: url(../images/cadres/jeu-principal/coin-bas-gauche.gif); background-repeat: no-repeat;
	background-position: left bottom; margin: 0; padding: 7px 5px 8px 5px;
}

/**********************************
	CADRE DE BASE DU CONTENU AVEC ONGLETS
***********************************/
/*** contenu ***/
.onglet_cadre_orange {
	position: relative; margin: 4px 0 4px 0px; padding: 0px;
	background-image: url(../images/cadres/jeu-principal/coin-titre-gauche.gif); background-repeat: no-repeat;
	background-position: left top;
	border-bottom: 1px solid #FFF; /** car pb avec IE sinon **/
}
.onglet_cadre_orange .content_cadre {
	position: relative; background-image: url(../images/cadres/jeu-principal/ombre-bas.gif); background-repeat: repeat-x;
	background-position: left bottom; margin: 0 0 0 0; padding: 0 0 0 0;
	background-color: #FFEFBE;
}
.onglet_cadre_orange .content_cadre .ombre_gauche {
	position: relative;
	background-image: url(../images/cadres/jeu-principal/ombre-gauche.gif); background-repeat: repeat-y;
	background-position: left top; margin: 0; padding: 0;
}
.onglet_cadre_orange .content_cadre .ombre_droite {
	position: relative;
	background-image: url(../images/cadres/jeu-principal/ombre-droite.gif); background-repeat: repeat-y;
	background-position: right top; margin: 0; padding: 0;
}
.onglet_cadre_orange .content_cadre .angle_droit {
	position: relative;
	background-image: url(../images/cadres/jeu-principal/coin-bas-droit.gif); background-repeat: no-repeat;
	background-position: right bottom; margin: 0; padding: 0;
}
.onglet_cadre_orange .content_cadre .contenu {
	position: relative;
	background-image: url(../images/cadres/jeu-principal/coin-bas-gauche.gif); background-repeat: no-repeat;
	background-position: left bottom; margin: 0; padding: 7px 5px 8px 5px;
}
/*** onglets ***/
.onglet_cadre_orange .onglets {
	position: relative; margin: 0px 0px 0px 9px; padding: 0px; height: 25px;
	background-color: #ED9913; background-image: url(../images/cadres/jeu-principal/coin-titre-droit.gif);
	background-position: right top; background-repeat: no-repeat;
	z-index: 2;
}
.onglet_cadre_orange .onglets h2 {
	height: 15px; text-align: center;
	margin: 0px 5px 0 5px; padding: 0px 0px 0px 0px; color: #000; font-weight: bold;
}
.onglet_cadre_orange .onglets .content {
	margin-right: 4px;
}
.onglet_cadre_orange .onglets .fleche {
	display: none; position: absolute; left: 50%; margin-left: -12px; top: 16px; width: 21px;
	height: 10px; line-height: 1px; font-size: 1px;
	background-image: url(../images/cadres/jeu-principal/fleche-onglet.gif); background-repeat: no-repeat;
	background-position: top left;
}
.onglet_cadre_orange .onglets .onglet {height: 25px;}
/** -- survol --*/
.onglet_cadre_orange .onglets .survol {
	position: relative; float:left;
	margin: 5px 0px 0px 0px; padding: 0px; cursor: pointer;
}
.onglet_cadre_orange .onglets .survol h2 {
	color: #FFF; font-weight: normal;
}
.onglet_cadre_orange .onglets .survol h2 { color: #FFF; text-decoration: underline; }
/** -- selected --*/
.onglet_cadre_orange .onglets .selected .content {
	background-image: url(../images/cadres/jeu-principal/ballon-puce.gif); background-repeat: no-repeat;
	background-position: center 11px; z-index: 3;
}
.onglet_cadre_orange .onglets .selected {
	position: relative; float:left;
	margin: 5px 0 0 0; padding: 0px;
}
.onglet_cadre_orange .onglets .selected h2 {
	height: 16px; color: #FFF; border-bottom: 1px solid #FFF;
}
.onglet_cadre_orange .onglets .selected .fleche { display: block; }
/* --- no selected */
.onglet_cadre_orange .onglets .noselected {
	position: relative; float:left;
	margin: 5px 0px 0px 0px; padding: 0px; background-color: transparent;
}
.onglet_cadre_orange .onglets .noselected .content {
	margin-right: 4px; background-image: none;
}
.onglet_cadre_orange .onglets .noselected h2 {
	color: #FFF; font-weight: normal;
	background-image: none;
}
/*****************************************************
**************** CADRE AIDE
******************************************************/
.cadre_aide {
	position: relative; text-align: left; padding:0px; margin: 0 0 4px 0;
	background-color: #FFF;
	background-image: url(../images/cadres/aide/ombre-bas.gif); background-position: left bottom;
	background-repeat: repeat-x;
	border-bottom: 1px solid #FFF;
}
.cadre_aide .titre {
	position: relative; margin: 0; padding: 0;
	background-color: #446600;
	background-image: url(../images/cadres/aide/coin-gauche-titre.gif); background-position: left top;
	background-repeat: no-repeat;
}
.cadre_aide .titre .img_aide { position: absolute; right: 10px; top: 5px; }
.cadre_aide .titre h1 {
	position: relative; height: 16px; font-weight: bold; font-size: 0.9em; padding: 5px 3px 3px 7px; margin: 0px; color: #FFF;
	background-image: url(../images/cadres/aide/coin-droit-titre.gif); background-position: right top;
	background-repeat: no-repeat;
}
.cadre_aide .contenu {
	position: relative; background-image: url(../images/cadres/aide/ombre-gauche.gif); background-position: left bottom;
	background-repeat: no-repeat;
}
.cadre_aide .contenu .content {
	position: relative; padding: 2px 5px 7px 5px; margin: 0;
	background-image: url(../images/cadres/aide/ombre-droite.gif); background-position: right bottom;
	background-repeat: no-repeat;
}
/***********************************************************************
		NOTIFICATIONS ACTION ET MESSAGES ACTION
************************************************************************/
div.cadre_message_erreur {
	background-color: #FFF1F1;
	border: 1px solid red;
	border-bottom: 2px solid red;
	border-right: 2px solid red;
	text-align: left;
	padding: 4px 3px 4px 3px;
	color: red;
}
div.cadre_message_erreur a, div.cadre_message_erreur_2 a {color: red; text-decoration: underline;}
div.cadre_message_erreur span,
	div.cadre_message_erreur div,
	div.cadre_message_erreur strong,
	div.cadre_message_erreur i,
	div.cadre_message_erreur u,
	div.cadre_message_erreur p,
	div.cadre_message_erreur td {
	color: red;
}
div.cadre_message_erreur_2 {color: red;}
div.cadre_message_erreur_2 span,
	div.cadre_message_erreur_2 div,
	div.cadre_message_erreur_2 strong,
	div.cadre_message_erreur_2 i,
	div.cadre_message_erreur_2 u,
	div.cadre_message_erreur_2 p,
	div.cadre_message_erreur_2 td {
	color: red;
}
/* --- OK --- */
div.cadre_message_ok {
	background-color: #FAFFF2;
	border: 1px solid #007E09;
	border-bottom: 2px solid #007E09;
	border-right: 2px solid #007E09;
	text-align: left; color: #007E09;
	padding: 4px 3px 4px 3px;
}
div.cadre_message_ok span, div.cadre_message_ok div, div.cadre_message_ok strong, div.cadre_message_ok i, div.cadre_message_ok u, div.cadre_message_ok p, div.cadre_message_ok td {
	color: #007E09;
}

/***********************************************************************
		CADRE SECTION
************************************************************************/
/** Niveau 1 **/
.defifoot_section_niveau_1 { position: relative; margin: 0px 0px 4px 0px; }
.defifoot_section_niveau_1 .defifoot_section_niveau_1_contenu { position: relative; margin: 0px 1px 1em 3px; }
.defifoot_section_niveau_1 .defifoot_section_niveau_1_titre {
	position: relative; 
	background-image: url(../images/page/sections/bordure-degrade.gif);
	background-repeat: repeat-x; background-position: left bottom;
	margin-bottom: 2px;
}
.defifoot_section_niveau_1 .defifoot_section_niveau_1_aide {
	position: absolute; right: 2px; top: 1px;
}
.defifoot_section_niveau_1 .defifoot_section_niveau_1_aide img { cursor: pointer; }
.defifoot_section_niveau_1 .defifoot_section_niveau_1_titre h2 { 
	position: relative; 
	margin: 0px; padding-left: 14px; ligne-height: 12px; padding-bottom: 2px;
	text-align: left; font-weight: bold; font-size: 1.1em; color: #dc750f;
	background-image: url(../images/page/sections/puce-niveau1.gif);
	background-repeat: no-repeat; background-position: left center;
}
.defifoot_section_niveau_1 .defifoot_section_niveau_1_titre h2:first-letter { 
	font-size: 1.1em; color: #000;
}
/** Niveau 2 **/
.defifoot_section_niveau_2 { position: relative; margin: 0px 0px 10px 0px; }
.defifoot_section_niveau_2 .defifoot_section_niveau_2_contenu { 
	position: relative; margin: 0px 1px 0px 3px; border-top: 1px solid #537100; padding-top: 2px;
}
.defifoot_section_niveau_2 .defifoot_section_niveau_2_titre { position: relative; margin-bottom: 0px; background-color: #d5ce81; }
.defifoot_section_niveau_2 .defifoot_section_niveau_2_titre h2 { 
	position: relative; 
	margin: 0px; padding-left: 14px; ligne-height: 1em; padding-bottom: 0px;
	text-align: left; font-weight: bold; font-size: 1em; color: #537100;
	background-image: url(../images/page/sections/puce-niveau2.gif);
	background-repeat: no-repeat; background-position: left center;
}
.defifoot_section_niveau_2 .defifoot_section_niveau_1_titre h2:first-letter { font-size: 1em; color: #000; }
/***********************************************************************
		Tooltip
************************************************************************/
/* the default style */
.prototip .defifoot_default { color: #808080; }
.prototip .defifoot_default .toolbar { background: #ffffcc; font-weight: bold; }
.prototip .defifoot_default .title { padding: 2px; }
.prototip .defifoot_default .content { padding: 2px; background-color: #ffffcc; }
.prototip .defifoot_modal { color: #000; }
.prototip .defifoot_modal .toolbar { background-color: #336600; font-weight: bold; color: #fff; }
.prototip .defifoot_modal .title { padding: 2px 2px 5px 2px; color: #fff; }
.prototip .defifoot_modal .content { padding: 2px; background-color: #fff; }
.prototip .defifoot_classic { color: #000; }
.prototip .defifoot_classic .toolbar { background-color: #336600; font-weight: bold; color: #fff; }
.prototip .defifoot_classic .title { padding: 2px 2px 5px 2px; color: #fff; }
.prototip .defifoot_classic .content { padding: 2px; background-color: #fff; }

/***********************************************************************
		ACCUEIL ET PIED
************************************************************************/
#accueil_presentation, #accueil_presentation_round {
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px;
}
.sp_scroll_accueil .scrollbox {position: relative;}
.sp_scroll_accueil .scrollbox_content { margin-right: 15px; }
.sp_scroll_accueil .scrollbox_scrollbar { height: 100%;	width: 9px; margin: 0 2px 0 2px; }
.sp_scroll_accueil .scrollbox_up_button {
	background: transparent url(../images/accueil/button-up.png) bottom right no-repeat;
	height: 10px; width:9px;
}
.sp_scroll_accueil .scrollbox_down_button {
	background: transparent url(../images/accueil/button-down.png) top right no-repeat;
	height: 10px; width:9px;
}
.sp_scroll_accueil .scrollbox_handle {
	background-color: #000; cursor: pointer;
}
.sp_scroll_accueil .scrollbox_slider { background-color: silver; width: 2px; left: 3px; }

/******* PIED GAZON ******/
#site_extra_contenu_cadre .round {
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px; -webkit-border-bottom-right-radius: 10px;
}
#gazon_contenu {
	position: relative; width: 976px; background-color: #2e4500; padding: 7px 7px 0px 7px; margin-bottom: 8px;
}
#gazon_contenu_cache {
	background-color: #000; -moz-opacity: 0.7;
	background: rgba(0, 0, 0, 0.7); opacity: 0.7; filter:alpha(opacity=70);
	height: 100%; width: 100%; position: absolute; border:0; top: 0; left: 0; z-index: 44;
}
/* CADRE A ONGLET */
.gazon_onglet_container { position: relative; }
.gazon_onglet_container .gazon_cadre { top: 20px; padding: 0px; }
.gazon_onglet_container .gazon_cadre_contenu { top: 7px; }
.gazon_onglet_container .gazon_cadre_onglet {
	position: absolute; background-color: #FFF; display: inline-block; font-weight: bold; top: 0px;
	height: 18px; padding: 2px 4px 2px 4px;
	border-radius: 4px 4px 0px 0px;
	-moz-border-radius: 4px 4px 0px 0px;
	-webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px;
}
.gazon_onglet_container .gazon_cadre_onglet * { font-weight: bold; }
.gazon_cadre {
	position: relative; background-color:#fff; padding-top: 7px;
	border-radius: 3px 3px 5px 5px;
	-moz-border-radius: 3px 3px 5px 5px;
	-webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px;
	-webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px;
}
.gazon_cadre_contenu {
	background-color:#cccccc; position: relative;
	border-radius: 0px 0px 5px 5px;
	-moz-border-radius: 0px 0px 5px 5px;
	-webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px;
}

/* PUBLICITE */
#gazon_publicite {
	position: relative; height: 284px; width: 307px; overflow: hidden;
	background-color: #9b9b9b; padding-left: 4px; margin-bottom: 10px;
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 3px 3px 5px 5px;
	-webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px;
}
#gazon_publicite img.title { display: block; margin: 4px 0 0px 2px; }
/* INFOS FOOT SMALL */
#infos_foot { position: absolute; overflow: hidden; left: 326px; top: 39px; height:171px; width: 464px; }
#infos_foot  .gazon_cadre_contenu { height: 145px; }
#infos_foot #infos_foot_menu { position: absolute; overflow: hidden; left: 0px; width: 150px; height: 137px; top: 2px; }
#infos_foot #infos_foot_menu ul { margin: 0; padding: 0; list-style: none; }
#infos_foot #infos_foot_menu ul li { display: block; cursor: pointer; margin: 1px 1px 1px 3px; padding: 2px; height: 18px; background-image: none; width: 142px; font-weight: bold; background-color: #eeeeee; }
#infos_foot #infos_foot_menu ul li.selected { width: 143px; margin-right: 0px; background-image: url(../images/page/gazon/fleche-info-foot.png); background-repeat: no-repeat; background-position: 100% 50%; }
#infos_foot #infos_foot_contenu { position: absolute; background-color: #eeeeee; overflow: hidden; left: 150px; width: 310px; height: 137px; top: 3px; }
#infos_foot_contenu > div { position: absolute; overflow: hidden; height: 133px; padding: 2px 3px 2px 3px; }
#infos_foot_contenu > div strong { color: #990000; }
/* SITE A LA UNE */
#sites_promo { position: absolute; overflow: hidden; right: 7px; top: 39px; height:284px; width: 184px; }
#sites_promo  a { color: #000; }
#sites_promo  .gazon_cadre_contenu { height: 257px; }
/* SPONSORS */
#sponsors_gazon { position: absolute; left: 326px; top: 220px; }
#sponsors_gazon .gazon_cadre_contenu { overflow: hidden; height: 96px; width: 464px; }
#sponsors_gazon .habillage { position: absolute; left: 0px; top: 30px; }
#sponsors_gazon strong { position: absolute; display: block; width: 114px; text-align: center; left: 0px; top: 12px; }
#liste_sponsors_gazon { position: absolute; left: 114px; top: 8px; height: 80px; overflow: hidden; }
/* PARTENAIRES */
#cadre_partenaires {
	position: relative; overflow: hidden;
}
#cadre_partenaires strong.title { display: block; background-color: #eeeeee; padding: 4px; margin-top: 4px; margin-bottom: 3px  }
#cadre_partenaires .little_puce_ballon_fd_trans li a { color: #000; text-decoration: none; }
#cadre_partenaires .little_puce_ballon_fd_trans li a:hover { color: #000; text-decoration: underline; }
#cadre_partenaires .table_sites_sympas { width: 100%; }
#cadre_partenaires .table_sites_sympas tr td a.lien1 { color: #000; }
#cadre_partenaires .table_sites_sympas tr td a.lien2 { color: #990000; }

/***********************************************************************
		SOUS TITRE // NE PLUS UTILISER // A SUPPRIMER // REMPLACER PAR defifoot_section_niveau_1
************************************************************************/
div.soustitre { margin: 0 2px 0 2px; padding: 0; text-align: left; }
div.soustitre h2 {
	font-weight: bold;
	margin: 0px 0px 3px 0px; padding: 0px 0px 2px 0px;
	text-align: left; color: #dc750f;
	font-size: 1.1em;
	background-image: url(../images/page/sections/bordure-degrade.gif);
	background-repeat: repeat-x; background-position: left bottom;
}
div.soustitre p { margin: 0; padding: 0 0 0 3px; }
div.soustitre h2:first-letter { font-size: 1.1em; color: #000; }

/**************************************************************************
	TABLEAU GENERIQUE
***************************************************************************/
.tableau_listing {width: 100%;}
.tableau_listing .entete td { border-bottom: 1px solid #000000; font-weight: bold; }
.tableau_listing .centre td { text-align:center; }
.tableau_listing .tabselect { background-color:#FE9E9E;cursor:pointer;line-height:12px;}
.tableau_listing .tabpasse { background-color:#C7E7C8;cursor:pointer;line-height:12px; }
table tr.ligne1 td { background-color: #FED798; }
table tr.ligne2 td { background-color: #FECD7F; }
table tr.ligne_bw td { background-color: #eeeeee; }

td.tableau_joueurs_action { white-space : nowrap; }
td.tableau_joueurs_action * { display: inline; white-space : nowrap; }

/*tableau de joueurs*/
table tr.ligne_joueurs1 td { background-color: #FECD7F; }
table tr.ligne_joueurs2 td { background-color: #FED798; }
table tr.ligne_joueurs1:hover td { background-color: #eeeeee; }
table tr.ligne_joueurs2:hover td { background-color: #eeeeee; }
table tr.ligne_joueurs_highlight td { background-color: #FED798; }
table tr.ligne_joueurs_downlight td { background-color: #ffefbe; }
table tr.ligne_joueurs_highlight:hover td { background-color: #eeeeee; }
table tr.ligne_joueurs_downlight:hover td { background-color: #eeeeee; }

table tr.separation td { border-top: 1px solid #FECD7F; }
table tr td.image_etoile {
	text-align:center;
	background-position:center center;
	font-weight:bold;
	background-image:url('../images/pictos/progression/etoile-or-fd-clair.1.gif');
	background-repeat:no-repeat;
}

/**************************************************************************
WINDOW DIV
***************************************************************************/
.window_div { position: absolute; display: none; z-index:1000; }
.window_div .close {
	z-index: 1000; width: 100px; height: 15px;
	background-repeat: no-repeat; position: absolute; top: -12px; left: 50%;
	margin: 0 0 0 -50px; padding: 0; cursor: pointer; text-align: center;
	font-weight: bold; font-size: 0.8em; line-height: 15px;
}
.window_div .contenu { z-index: 999; position: relative; top: 2px; left: 0px; padding: 2px 2px 2px 2px; }

/**************************************************************************
STYLE DE TEXTE
***************************************************************************/
/**** PUCES ****/
ul { margin-left: 0.3em; list-style: none; margin-top: 0.5em; margin-bottom: 0.5em; }
ul li {
	display: block; background-image: url('../images/pictos/puces/little_puce_orange.gif');
	background-position: 0.1em 0.4em; padding-left: 1.3em; background-repeat: no-repeat;
}
ul.little_puce_orange {
	margin-left: 0.3em; list-style: none; margin-top: 0.5em; margin-bottom: 0.5em;
}
ul.little_puce_orange li {
	display: block; background-image: url('../images/pictos/puces/little_puce_orange.gif');
	background-position: 0.1em 0.4em; padding-left: 1.3em; background-repeat: no-repeat;
}
ul.little_puce_ballon_fd_vert { 
	margin-left: 0.3em; list-style: none; margin-top: 0.5em; margin-bottom: 0.5em;
}
ul.little_puce_ballon_fd_vert li {
	display: block; background-image: url('../images/pictos/puces/little_puce_ballon_fd_vert.gif');
	background-position: 0.1em 0.1em; padding-left: 1.3em; background-repeat: no-repeat;
}
ul.little_puce_ballon_fd_blanc { 
	margin-left: 0.3em; list-style: none; margin-top: 0.5em; margin-bottom: 0.5em; 
}
ul.little_puce_ballon_fd_blanc li {
	display: block; background-image: url('../images/pictos/puces/little_puce_ballon_fd_blanc.gif');
	background-position: 0.1em 0.4em; padding-left: 1.3em; background-repeat: no-repeat;
}
ul.little_puce_ballon_fd_trans { 
	margin-left: 0.3em; list-style: none; margin-top: 0.5em; margin-bottom: 0.5em; 
}
ul.little_puce_ballon_fd_trans li {
	display: block; background-image: url('../images/pictos/puces/little_puce_ballon_fd_trans.png');
	background-position: 0.1em 0.4em; padding-left: 1.3em; background-repeat: no-repeat;
}
ul.nopuce { margin: 0 0 0 0; padding: 0; list-style: none; background-image: none; }
ul.nopuce li, .cadre_simple ul.nopuce li {background-image: none; padding:0; margin:0;}
ul.little_puce {
	margin-left: 0.3em; list-style: none; margin-top: 0.5em; margin-bottom: 0.5em;
}
ul.little_puce li {
	display: block; background-image: url('../images/pictos/puces/little_puce_verte.gif');
	background-position: 0.1em 0.4em; padding-left: 1.3em; background-repeat: no-repeat;
}
ul.little_puce_jaune {
	margin-left: 0.3em; list-style: none; margin-top: 0.5em; margin-bottom: 0.5em;
}
ul.little_puce_jaune li {
	display: block; background-image: url('../images/pictos/puces/little_puce_jaune.gif');
	background-position: 0.1em 0.4em; padding-left: 1.3em; background-repeat: no-repeat;
}
ul.little_puce_gold {
	margin-left: 0.3em; list-style: none; margin-top: 0.5em; margin-bottom: 0.5em;
}
ul.little_puce_gold li {
	display: block; background-image: url('../images/pictos/puces/little_puce_gold.gif');
	background-position: 0.1em 0.4em; padding-left: 1.3em; background-repeat: no-repeat;
}
div.intro_puce {
	display: block;
	background-image: url(../images/pictos/navigation_fleche.gif); background-position: 0 0.5em; background-repeat: no-repeat;
	padding: 0.3em 0.3em 0.3em 1.5em;
}

/**************************************************************************
STYLE DIVERSES
***************************************************************************/
.break { clear: both; font-size: 1px; line-height: 1px; height: 1px; }
.break-left { clear: left; font-size: 1px; line-height: 1px; height: 1px; }
.spacer { clear: both; font-size: 1px; line-height: 1px; height: 1px; }

/*****************************************************
**************** BACKGROUND
******************************************************/
#absolute_background_defifoot { position: absolute; top: 0px; left: 0px; width: 100%; z-index: -1;  }
#absolute_background_defifoot .background { position: absolute; left: 0px; top: 0px;  width: 100%; }
#absolute_background_defifoot .right { position: absolute; width: 50%; left: 50%; top: 0px; }

/**************************************
********* BARRE DE SEPARATION
***************************************/
.barre_verte { position: relative; margin: 0px; padding: 0px; height: 5px; /*z-index: 2;*/ }
.barre_orange { position: relative; margin: 0px; padding: 0px; /*z-index: 2;*/  }
.barre_gold { position: relative; margin: 0px; padding: 0px; /*z-index: 2;*/  }
.barre_rouge { position: relative; margin: 0px; padding: 0px; /*z-index: 2;*/  }
.barre_verte .barre_separation {
	height: 5px; position: relative; line-height: 5px; font-size: 5px;
	background-image: url(../images/cadres/vert/cadre_onglet_barre.gif);
	background-repeat: repeat-x; background-position: bottom;
	margin: 0px; padding: 0px;
}
.barre_verte .barre_separation .start {
	z-index: 1; position: absolute; width: 4px; top: 0px; left: 0px;
	height: 5px; line-height: 5px; font-size: 5px;
	background-image: url(../images/cadres/vert/cadre_onglet_debut_barre.gif);
	background-repeat: no-repeat; background-position: left bottom;
	margin: 0px; padding: 0px;
}
.barre_verte .barre_separation .end {
	z-index: 1; position: absolute; width: 4px; top: 0px; right: 0px;
	height: 5px; line-height: 5px; font-size: 5px;
	background-image: url(../images/cadres/vert/cadre_onglet_fin_barre.gif);
	background-repeat: no-repeat; background-position: right bottom;
	margin: 0px; padding: 0px;
}
.barre_orange .barre_separation {
	height: 5px; position: relative; line-height: 5px; font-size: 5px;
	background-image: url(../images/cadres/orange/cadre_onglet_barre.gif);
	background-repeat: repeat-x; background-position: bottom;
	margin: 0px; padding: 0px;
}
.barre_orange .barre_separation .start {
	z-index: 1; position: absolute; width: 4px; top: 0px; left: 0px;
	height: 5px; line-height: 5px; font-size: 5px;
	background-image: url(../images/cadres/orange/cadre_onglet_debut_barre.gif);
	background-repeat: no-repeat; background-position: left bottom;
	margin: 0px; padding: 0px;
}
.barre_orange .barre_separation .end {
	z-index: 1; position: absolute; width: 4px; top: 0px; right: 0px;
	height: 5px; line-height: 5px; font-size: 5px;
	background-image: url(../images/cadres/orange/cadre_onglet_fin_barre.gif);
	background-repeat: no-repeat; background-position: right bottom;
	margin: 0px; padding: 0px;
}
.barre_gold .barre_separation {
	height: 5px; position: relative; line-height: 5px; font-size: 5px;
	background-image: url(../images/cadres/gold/cadre_onglet_barre.gif);
	background-repeat: repeat-x; background-position: bottom;
	margin: 0px; padding: 0px;
}
.barre_gold .barre_separation .start {
	z-index: 1; position: absolute; width: 4px; top: 0px; left: 0px;
	height: 5px; line-height: 5px; font-size: 5px;
	background-image: url(../images/cadres/gold/cadre_onglet_debut_barre.gif);
	background-repeat: no-repeat; background-position: left bottom;
	margin: 0px; padding: 0px;
}
.barre_gold .barre_separation .end {
	z-index: 1; position: absolute; width: 4px; top: 0px; right: 0px;
	height: 5px; line-height: 5px; font-size: 5px;
	background-image: url(../images/cadres/gold/cadre_onglet_fin_barre.gif);
	background-repeat: no-repeat; background-position: right bottom;
	margin: 0px; padding: 0px;
}
.barre_rouge .barre_separation {
	height: 5px; position: relative; line-height: 5px; font-size: 5px;
	background-image: url(../images/cadres/rouge/cadre_onglet_barre.gif);
	background-repeat: repeat-x; background-position: bottom;
	margin: 0px; padding: 0px;
}
.barre_rouge .barre_separation .start {
	z-index: 1; position: absolute; width: 4px; top: 0px; left: 0px;
	height: 5px; line-height: 5px; font-size: 5px;
	background-image: url(../images/cadres/rouge/cadre_onglet_debut_barre.gif);
	background-repeat: no-repeat; background-position: left bottom;
	margin: 0px; padding: 0px;
}
.barre_rouge .barre_separation .end {
	z-index: 1; position: absolute; width: 4px; top: 0px; right: 0px;
	height: 5px; line-height: 5px; font-size: 5px;
	background-image: url(../images/cadres/rouge/cadre_onglet_fin_barre.gif);
	background-repeat: no-repeat; background-position: right bottom;
	margin: 0px; padding: 0px;
}
/**************************************
********* BOUTTON
***************************************/
.defifoot_bouton {
	background-image: url(../images/elements/bouton/bordure-left.gif); background-repeat: no-repeat;
	background-position: top left; height: 17px;
	padding-left: 3px;
}
.defifoot_bouton .container {
	background-image: url(../images/elements/bouton/bordure-right.gif); background-repeat: no-repeat;
	background-position: top right; padding-right: 4px; height: 17px;
}
.defifoot_bouton .container .content_bouton {
	background-image: url(../images/elements/bouton/fond.gif); background-repeat: repeat-x; height: 17px;
	padding-right: 2px;
}
.defifoot_bouton .container .content_bouton .img {
	white-space: pre; overflow: hidden; text-align: center;
	color: #FFF; line-height: 17px; background-repeat: no-repeat; height: 17px; background-position: left center; padding-left: 14px;
}
input.button_style_1 {
	background-color: #FFE28C;
	color: #DC750F;
	border-top: 1px solid #E48611;
	border-bottom: 2px solid #DC750F;
	border-left: 1px solid #E48611;
	border-right: 2px solid #DC750F;
	font-weight: bold;
}
/**************************************
********* STYLE POUR PRESENTER COUPE
***************************************/
.resultats_coupes {}
.resultats_coupes tr {/*text-align:center;*/}
.resultats_coupes tr.entete { font-weight: bold; color: #FFFFFF; }
.resultats_coupes tr.entete td.legende { text-align: center; }
.resultats_coupes tr td.legende { text-align: center; }
.resultats_coupes td { padding: 2px; }
.resultats_coupes tr.ligne_match_1 td { background-color: #FED798; border-top: 1px solid #000; }
.resultats_coupes tr.ligne_match_2 td { background-color: #FECD7F; border-top: 1px solid #000; }

/**************************************
********* ANCIEN STYLE A MIGRER (JOUNNAL ET CLASSEMENT FAIR PLAY)
***************************************/
.statistiques {
	border-right: 1px solid #000000;
	border-top: 1px solid #000000;
}
.statistiques tr {
	background-color: #FFE598;
	/*text-align:center;*/
}
.statistiques tr.entete {
	background-color: #EDFFCF;
	font-weight: bold;
	color: #FFFFFF;
}
.statistiques td {
	border-bottom: 1px solid #000000;
	border-left: 1px solid #000000;
	padding: 2px;
}

.statistiques td.blanc {
	text-align: center;
	background-color: #FFFFFF;
}

.statistiques td.rouge,tr.rouge {
	text-align: center;
	background-color: #FCCEE0;
}

.statistiques tr.total {
	text-align: center;
	color:black;
	font-weight: bold;
	background-color: #FE9E9E;
}

.statistiques td.vert,tr.vert {
	text-align: center;
	background-color: #C7E7C8;
}

.statistiques td.vert,tr.vert {
	text-align: center;
	background-color: #C7E7C8;
}