h1 {font-family: Verdana; font-size: 16px; font-weight: bold; color: rgb(102, 102, 204); text-align:left;}
h2 {font-family: Verdana; font-size: 12px; font-weight: bold; color: rgb(102, 102, 204); text-align:left;}
a img{border: none;}
.general_style {font-family: Verdana; font-size: 13px; margin: 5px; text-align: left; margin-bottom: 10px;}
.main_title{font-family: Verdana; font-size: 18px; font-weight: bold; color: rgb(102, 102, 204); text-align: center; margin-bottom: 15px;}
.commentaire {font-size: 10px; text-align: center; margin-top: 10px;}

/*****mise en forme des tableaux d'affichage des articles***********/
table.article {font-family: Verdana; font-size: 10px; width: 100%; background-color: rgb(245, 245, 255); border:1px solid rgb(102, 102, 204);}

/*****mise en forme des tableaux issus du site de la FFBB***********/
table.tableauFFBB {font-family: Verdana; font-size: 12px; background-color: rgb(175, 207, 255); margin-left:auto; margin-right:auto;}
table.tableauFFBB td {padding: 5px;}
table.tableauFFBB .table_title {font-weight: bold;}
table.tableauFFBB .select-altern, .select-no-altern {font-weight: bold;}
table.tableauFFBB .altern-2 {background-color: rgb(230, 230, 255);}
table.tableauFFBB .no-altern-2 {background-color: rgb(245, 245, 255);}
table.tableauFFBB2 {font-family: Verdana; font-size: 12px; background-color: rgb(175, 207, 255); margin-left:auto; margin-right:auto;}
table.tableauFFBB2 td {padding: 5px;}table.tableauFFBB2 .table_title {font-weight: bold;}
table.tableauFFBB2 .altern-2, .no-altern-2 {background-color: rgb(245, 245, 255);}

/*****mise en forme du menu de gauche********************************/
#monmenu {font-family: Verdana; font-size: 12px; margin-left: 15px;}
#monmenu table.titre {font-family: Verdana; font-size: 12px; color: rgb(255, 255, 255); font-weight: bold; width: 160px; padding-left: 0px; border-top: 0px; border-left: 0px; border-right: 0px; border-bottom: 1px solid white;}
#monmenu ul {position: relative; left: -35px;}
#monmenu li {padding: 1px; margin: 0px; width: 150px; list-style-type: none; background-color: #9ac7df; left: 0px; position: relative;}
#monmenu ul.niveau2 li {width: 90px;}
#monmenu ul ul {display: none; padding: 0px; margin: 0px; border: #FFFFFF 1px solid; position: absolute; top: -1px; left: 152px;}
#monmenu li:hover ul.niveau2 {display: block;}
#monmenu li:hover {background-color: rgb(230, 230, 255)}
#monmenu .clignotant_style {text-align: center; text-decoration: blink;}

/*****mise en forme des tableaux de playoffs ************************/
table.tableau_playoffs {font-family: Verdana; font-size: 12px; background-color: rgb(175, 207, 255); margin-left:auto; margin-right:auto; width:610px}
table.tableau_playoffs td {padding: 5px; text-align: center;}
table.tableau_playoffs td.colonne_titre {width: 140px; text-align: left;}

/***********************************************************************************************************************************************************/
/* tutoriel moontools*/
/* rendons notre barre de nav un peu plus belle*/
#barre_navigation {width : 200px; padding: 0; margin : 0; float : left;}
#barre_navigation h4{padding: 4px 10px ; font-size: 12px; font-weight: normal; text-transform: uppercase; color: #FFF; background: #3399FF; cursor: pointer; margin : 0 0 1px 0 ;}
#barre_navigation a{text-decoration : none;}
#barre_navigation ul{padding: 4px 2px 4px 10px; font-size: 11px; color: #FFF;}
#barre_navigation ul li{list-style-type : none; padding : 2px 0 2px 0; margin : 0;}
#barre_navigation ul li a {text-decoration: none; color: #000000;}
#barre_navigation ul li a:hover {text-decoration: none; color: #00FF00; background-color: #FF3366;}
#contenu_galerie img{margin: 10px 10px 10px 10px;}

/***********************************************************************************************************************************************************/
/* tutoriel Accordion */
#accordion {	margin:20px 0px;}
h3.toggler {	cursor: pointer;	border: 1px solid #f5f5f5;	border-right-color: #ddd;	border-bottom-color: #ddd;	font-family: 'Andale Mono', sans-serif;	font-size: 12px;	background: #D2E0E6;	color: #528CE0;	margin: 0 0 4px 0;	padding: 3px 5px 1px;}
div.element p, div.element h4 {	margin:0px;	padding:4px;}
blockquote {	padding:5px 20px;}

/*###### DATE PICKER ######*/ 
/*###### Bouton gauche des mois ######*/ 
	.MonthLeft{
		width:14px;
		height:50px;
		background:url('images/static.png') -112px -250px;
		position:absolute;
		left:-2px;
		top:0px;
	}
	.MonthLeftOver{
		width:14px;
		height:50px;
		background:url('images/static.png') -126px -250px;
		position:absolute;
		left:-2px;
		top:0px;
	}
	.MonthLeftClick{
		width:14px;
		height:50px;
		background:url('images/static.png') -140px -250px;
		position:absolute;
		left:-2px;
		top:0px;
	}
	/*###### Bouton droit des mois ######*/ 
	.MonthRight{
		width:14px;
		height:50px;
		background:url('images/static.png') -154px -250px;
		position:absolute;
		right:-2px;
		top:0px;
	}
	.MonthRightOver{
		width:14px;
		height:50px;
		background:url('images/static.png') -168px -250px;
		position:absolute;
		right:-2px;
		top:0px;
	}
	.MonthRightClick{
		width:14px;
		height:50px;
		background:url('images/static.png') -182px -250px;
		position:absolute;
		right:-2px;
		top:0px;
	}	
	/*###### Bouton haut des années ######*/ 	
	.YearTop{
		width:14px;
		height:25px;
		background:url('images/static.png') -196px -250px;
		position:absolute;
		right:-2px;
		top:0px;
	}
	.YearTopOver{
		width:14px;
		height:25px;
		background:url('images/static.png') -210px -250px;
		position:absolute;
		right:-2px;
		top:0px;		
	}
	.YearTopClick{
		width:14px;
		height:25px;
		background:url('images/static.png') -224px -250px;
		position:absolute;
		right:-2px;
		top:0px;		
	}
	/*###### Bouton bas des années ######*/ 	
	.YearBottom{
		width:14px;
		height:25px;
		background:url('images/static.png') -196px -275px;
		position:absolute;
		right:-2px;
		bottom:0px;		
	}
	.YearBottomOver{
		width:14px;
		height:25px;
		background:url('images/static.png') -210px -275px;
		position:absolute;
		right:-2px;
		bottom:0px;			
	}
	.YearBottomClick{
		width:14px;
		height:25px;
		background:url('images/static.png') -224px -275px;
		position:absolute;
		right:-2px;
		bottom:0px;			
	}
	/*###### conteneur principal ######*/ 
	.calendar{
		width:300px;
		height:250px;
		background:url('images/static.png') no-repeat;
		position:absolute;
		left:400px;
		font-weight:bold;
		font-family:Tahoma,"Lucida Grande",Verdana,Arial,Helvetica,sans-serif;
		font-size:11px;
		text-align:center;
	}

	.contentMonth{
		width:130px;
		height:50px;
		background:url('images/static.png') -100px -300px repeat-x;
		position:absolute;
		left:85px;
		top:5px;
	}
	.pMonth{
		width:130px;
		height:50px;
		line-height:50px;
		display:block;
	}
	.contentDay{
		width:56px;
		height:50px;
		line-height:25px;
		text-align:center;
		background:url('images/static.png') 0px -250px;
		position:absolute;
		left:15px;
		top:5px;
	}
	.contentYear{
		width:56px;
		height:50px;
		background:url('images/static.png') -56px -250px;
		position:absolute;
		left:230px;
		top:5px;
	}
	.pYear{
		width:42px;
		height:50px;
		line-height:50px;
		display:block;
	}
	.contentListDay{
		width:290px;
		height:155px;
		overflow:hidden;
		position:absolute;
		left:5px;
		top:90px;

	}
	.contentListDay ul{
		width:100%;
		height:100%;
		position:absolute;
		margin:0px;
		padding:2px 0px 0px 1px;
	}
	.dayCurrent{
		width:41px;
		height:25px;
		line-height:25px;
		display:block;
		float:left;
		text-align:center;
		color:#000000;
		font-weight:bold;
		background:url('images/static.png') -41px -352px;
	}
	.liOut{
		width:41px;
		height:25px;
		line-height:25px;
		display:block;
		float:left;
		text-align:center;
		color:#000000;
		font-weight:bold;
		background:url('images/static.png') 0px -352px;
		cursor:pointer;
	}
	.liHover{
		width:41px;
		height:25px;
		line-height:25px;
		display:block;
		float:left;
		text-align:center;
		color:#000000;
		font-weight:bold;
		background:url('images/static.png') -41px -352px;
		cursor:pointer;
	}
	.liInactive{
		width:41px;
		height:25px;
		line-height:25px;
		display:block;
		float:left;
		text-align:center;
		color:#000000;
		font-weight:bold;
		background:url('images/static.png') -82px -352px;
	}
	.contentNameDay{
		width:290px;
		height:27px;
		line-height:27px;
		overflow:hidden;
		position:absolute;
		left:5px;
		top:63px;
		padding:0px;
		margin:0px;
		list-style:none;
	}
	
	.contentNameDay li{
		width:41px;
		display:block;
		float:left;
		text-align:center;
		color:#000000;
		font-weight:bold;
	}

	.bugFrame{
		position:absolute;
		top:0px;
		left:0px;
		background:url('images/static.png') no-repeat;
		z-index:0;
		width:100%;
		height:100%;
		border:0px;
	}
</style>