/* BBCode */
div.bbcode_quote {
	background-color: #fff;
	position: relative;
	color: #999;
	font: italic normal 10px Verdana, Geneva, Arial, sans-serif;
	text-align: justify;
	padding: 5px;
	margin: 0 10px 0 10px; /* top right bottom left */
	border-left: 2px solid #ff9933; 
	border-right: 1px dotted #999; 
	border-top: 1px dotted #999; 
	border-bottom: 1px dotted #999; }
div.bbcode_quote_auteur {
	/* background: #f7f7f7 url(../images/divers/icone_quote.gif) no-repeat right; 
	padding: 0 60px 1px 0;
	*/
	background: #f7f7f7;
	position: relative;
	color: #999;
	font: italic bold 10px Verdana, Geneva, Arial, sans-serif;
	text-align: right;
	padding: 0 5px 1px 0;
	margin: 0 10px 0 10px; /* top right bottom left */
	}

/* Menus */
.menu_horizontal_bas {
	position: relative;
	color: #666;
	text-align: center;
	list-style: none;
	margin: 0px;
	padding: 3px; }
.menu_horizontal_bas li {
	background: #ccc;
	color: #666;
	display: inline;
	margin: 0px; }
.menu_horizontal_bas li a {
	background: #ccc;
	color: #666;
	text-align: center;
	text-decoration: none;
	padding: 2px 4px 4px 4px; /* top right bottom left */ }
.menu_horizontal_bas li a:hover, .menu_horizontal_bas li a:focus, .menu_horizontal_bas li a:active {
	background: #999;
	color: #666;
	text-decoration: none;
}
.menu_horizontal_haut {
	position: relative;
	color: #fff;
	list-style: none;
	text-align: center;
	margin: 0px;
	padding: 3px; }
.menu_horizontal_haut li {
	background: #999;
	color: #fff;
	margin: 0px;
	display: inline; }
.menu_horizontal_haut li a {
	color: #fff;
	text-align: center;
	text-decoration: none;
	padding: 2px 4px 4px 4px; /* top right bottom left */ }
.menu_horizontal_haut li a:hover, .menu_horizontal_haut li a:focus, .menu_horizontal_haut li a:active {
	background: #666;
	color: #fff;
	text-decoration: none; }

/* Box Divers */
div.bande_noir {
	background-color: #000;
	position: relative;
	width: 900px;
	height: 1px;
	float: left;
	padding: 0;
	margin: 0; 
	clear: both; }

/* Box loading page */
#box_hide_page {
	position: absolute;
	filter : alpha(opacity=50);
	background-color: #fff; 
	font: bold 11px Verdana, Geneva, Arial, sans-serif;
	color: #ccc;
	text-align: center;
	width: 100%;
	height: 100%;
	z-index: 20; }
#box_hide_page_loading {
	width: 100%;
	height: 100%;
	z-index: 21; }

/* Box affichage nombre de connecté et génération de page */
#box_administration { 
	color: #666;
	font: normal 10px Verdana, Geneva, Arial, sans-serif;
	text-align: right;
	background-color: #000;
	position: relative;
	padding-right: 5px;
	padding-top: 2px; 
	padding-bottom: 3px; 
	margin: 0; }

/* Box affichage bandeau maintenance */
#box_maintenance {
	background-color: #666;
	position: relative;
	color: #ff9933;
	font: normal bold 10px Verdana, Geneva, Arial, sans-serif;
	text-align: center;
	text-decoration: blink;
	height: 15px;
	padding: 0;
	border: 0; }

/* Box affichage de la personne loggée */
#box_logger { 
	background: url('../images/divers/fond_deco.gif');
	color: #666;
	font: bold 10px Verdana, Geneva, Arial, sans-serif;
	text-align: center;
	background-color: #f7f7f7;
	position: relative;
	border-bottom: 1px solid #999;
	padding-top: 2px; 
	padding-bottom: 2px; 
	margin: 0; }

/* Box affichage des alertes */
span.alert {
	background-color: #ff9933;
	color: #fff;
	font: normal bold 10px Verdana, Geneva, Arial, sans-serif;
	padding: 0 5px 2px 5px; /* top right bottom left */
	margin: 0 0 0 0; }
#box_alert {
	background-color: #fff;
	position: relative;
	color: #ff9933;
	font: normal bold 10px Verdana, Geneva, Arial, sans-serif;
	text-align: center;
	padding: 10px 10px 10px 10px;
	margin: 0 0 15px 0; /* top right bottom left */
	border: 1px solid #ff9933; }

/* Box affichage des informations */
span.admin {
	position: absolute;
	color: #ffffff;
	font: normal 10px Verdana, Geneva, Arial, sans-serif;
	background-color: #000;
	padding: 0 5px 2px 5px; /* top right bottom left */
	top: 0px;
	left: 0px;
	margin: 0px; }
div.box_admin {
	position: absolute;
	color: #000;
	font: normal 10px Verdana, Geneva, Arial, sans-serif;
	text-align: left;
	padding: 10px;
	top: 14px;
	left: 0px;
	background-color: #fff;
	border: 1px solid #000; 
	z-index: 60;}

/* Box affichage des informations */
span.info {
	color: #fff;
	font: normal bold 10px Verdana, Geneva, Arial, sans-serif;
	background-color: #999;
	padding: 0 5px 2px 5px; /* top right bottom left */
	margin: 0 0 0 0; }
div.box_info {
	position: relative;
	color: #999;
	font: normal 10px Verdana, Geneva, Arial, sans-serif;
	text-align: center;
	background-color: #fff;
	padding: 10px 10px 10px 10px;
	margin: 0 0 15px 0; /* top right bottom left */
	border: 1px solid #999; }

/* Box Navigation */
div.navigation {
	background-color: #ff9933;
	color: #666;
	position: relative;
	text-align: center;
	letter-spacing: 1px;
	width: 900px;
	float: left;
	padding-top: 2px; 
	padding-bottom: 3px; 
	margin: 0; 
	clear: both; }
div.box_navigation {
	position: relative;
	width: 570px;
	float: left;
	border: 1px dotted #999; 
	padding: 5px 10px 7px 10px; 
	margin: 0; 
	clear: both; }

div.box_download {
	position: relative;
	float: left;
	border-left: 1px dotted #999; 
	margin-top: 10px; 
	padding-left: 10px; 
	clear: right; }

div.box_lien {
	position: relative;
	float: left;
	border-left: 1px dotted #999; 
	margin-top: 10px; 
	padding-left: 10px; 
	clear: right; }

p.retour_ligne {
	position: relative;
	width: 100%;
	margin: 0; 
	clear: right; }

/* Box Popup */
#box_popup_cadre {
	background-color: #fff;
	padding: 18px; }
#box_popup_titre {
	background-color: #f7f7f7; 
	height: 16px;
	text-align: center;
	padding: 2px;
	border-bottom: 1px solid #ff9933; }
#box_popup_texte {
	padding: 10px;
	border: 1px dotted #999;
	background-color: #f7f7f7; 
	height: 74px; 
	text-align: justify; }
#box_popup_image {
	background-color: #fff;
	height: 480px; 
	padding-bottom: 25px;
	text-align: center; }
#box_popup_close {
	padding: 5px 5px 5px 20px; 
	background-color: #f7f7f7; }

/* Box Texte */
div.texte {
	position: relative;
	text-align: justify;
	line-height: 1.5em;
	width: 100%;
	margin: 0;
	float: left;
	padding-left: 0px; 
	padding-bottom: 5px; 
	clear: right; }

/* Box Navigation rubrique */
#nav_rubrique {
	color: #999;
	letter-spacing: 1px;
	position: relative;
	text-align: left;
	width: 100%;
	height: 15px;
	float: left;
	border-left: 1px solid #999; 
	border-bottom: 1px solid #999; 
	padding-left: 5px;
	padding-top: 2px;
	margin: 0; }

/* Box Haut et Saut de page */
div.haut_de_page { 
	text-align: right;
	letter-spacing: 1px;
	width: 100%;
	padding-top: 0px;
	padding-bottom: 6px;
	margin: 0;
	clear: both; }
div.saut_de_page { 
	width: 100%;
	padding-top: 4px;
	padding-bottom: 6px;
	margin: 0;
	clear: both; }

/* Box colonnes page */
div.col_gauche {
	position: relative;
	float: left;
	text-align: right;
	width: 125px;
	margin-left: 20px;
	margin: 0; }
div.col_droite {
	position: relative;
	float: left;
	width: 600px;
	margin-left: 20px;
	margin-right: 125px;
	padding: 0; }
	
div.col_gauche_demi {
	position: relative;
	float: left;
	width: 375px;
	margin-left: 50px;
	padding: 0; }
div.col_droite_demi {
	position: relative;
	float: left;
	width: 375px;
	margin-left: 20px;
	padding: 0; }

div.box_encart {
	border: 1px solid #ccc;
	padding: 15px; }

/* Cadres page intérieure */
#cadre {
	background-color: #fff;
	position: relative;
	text-align: justify;
	border-left: 1px solid #999;
	border-right: 1px solid #666;
	width: 900px;
	margin: 0;
	padding: 0; }
#en-tete {
	position: relative;
	float: left;
	padding: 0;
	margin: 0; }
#tof_bande {
	text-align: center; 
	padding: 0;
	margin: 0; 
	clear: both; 
	border-top: 1px solid #000;
	border-bottom: 1px solid #000; }
#milieu {
	background-color: #fff;
	width: 870px;
	float: left;
	padding: 15px;
	margin: 0; }
#pied-de-page {
	background-color: #f7f7f7;
	position: relative;
	width: 900px;
	height: 25px;
	float: left;
	padding: 0;
	margin: 0; }

.box_information { width: 900px; }

/* Box affichage info club / saison en cours */
#box_club {
	color: #999;
	background-color: #000;
	text-align: left;
	position: relative;
	width: 440px;
	float: left;
	height: 16px; 
	padding-top: 2px;
	padding-left: 10px; }

#box_saison {
	color: #ff9933;
	background-color: #000;
	text-align: right;
	position: relative;
	width: 440px;
	float: left;
	height: 16px; 
	padding-top: 2px;
	padding-right: 10px; }

/* Box affichage nombre de connecté / génération de page et Cosmo */
#box_nb_connecte {
	color: #999;
	background-color: #000;
	text-align: left;
	position: relative;
	width: 440px;
	float: left;
	height: 18px; 
	padding-top: 4px;
	padding-left: 10px; }

#box_cosmo {
	color: #ff9933;
	background-color: #000;
	text-align: right;
	position: relative;
	width: 440px;
	float: left;
	height: 18px; 
	padding-top: 4px;
	padding-right: 10px; }

/* Cadres page index */
#cadre_general_index {
	position: relative;
	background-color: #fff;
	border-left: 1px solid #999;
	border-right: 1px solid #666;
	/*height: 100%;*/
	width: 625px; }
#cadre_index {
	position: relative;
	text-align: center;
	width: 580px;
	padding-top: 20px;
	padding-left: 20px;
	clear: both; }
#accroche_index {
	position: absolute;
	width: 580px;
	z-index: 1;
	padding: 0;
	margin-top : 0px; }
#anim_index {
	position: relative;
	text-align: center;
	width: 580px;
	height: 350px;
	padding: 0;
	margin: 0;
	clear: both; }
#gauche_index {
	position: relative;
	text-align: justify;
	width: 235px;
	float: left;
	margin: 0px; }
#droite_index {
	position: relative;
	text-align: justify;
	width: 230px;
	float: left;
	margin: 0; }
div.link_index {
	width: 100%;
	text-align: justify; 
	margin: 0;
	padding: 0;
	color: #ccc;
	clear: both;
}
div.link_index a {
	color: #ccc;
	text-decoration: none; }
div.link_index a:hover, div.link_index a:focus, div.link_index a:active {
	color: #ccc;
	text-decoration: underline; }