/* CSS Document */
BODY	{
		margin:0;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:12px;		
		/*background:URL(images/fond-body.jpg) top left repeat-y;*/
		}
H1		{
		background: url("images_presentation/fond-H1.jpg") top left repeat-x;
		float:left;
		height:23px;
		margin:0px;
		padding-left : 15px;
		padding-right:5px;
		padding-bottom:0px;
		padding-top:7px;
		font-size:12px;
		color: #ff6600;
		}		
H1	A	{
		color: #ff6600;
		text-decoration:none;
		}	
H1	A:HOVER{
			text-decoration:underline;
			}			
H2		{
		font-size:12px;
		color:#CC0000;
		margin:0px;
		margin-bottom:10px;
		}		
				
P		{
		margin-top:5px;
		margin-bottom : 10px;
		}		
A		{
		color : #CC0000;
		}			
		
UL	{list-style-type:none;margin:0 0 0 15px;}	

UL UL	LI{margin-left:25px;}

OL	LI	{margin:0;padding:0}	

OL	P	{margin:0;padding:0}	

OL	{margin:0px 0 0 25px;padding:0}



OL	UL	{margin:0;padding:0}
		
IMG	{border:0px;}
A:HOVER	{
		color : #ff6600;
		}			
		
BLOCKQUOTE	{
			margin:5px;
			margin-left:10px;
			}		
			
#total	{margin:0}			
			
#retourAccueil	{ 	width:21px;
					height:21px;
					position:absolute; 
					top:64px; 
					left:19px;
					z-index:50;
				}				
#club-score-logo	{
	position:absolute;
	top:7px;
	right:5px;
	z-index:51;
	width:115px;
	height:68px;  
				}		
						
#baseLine	{	
			position:absolute;
			top:12px;
			right:125px;
			z-index:50;
			width:295px;
			height:54px; 
			}
		
														
#navigation	{
			height:34px;
			position:absolute;
			top:56px;
			z-index:10;
			padding:0 0 0 0 ;
			font-weight:bold;
			color:#FFFFFF;
			text-align:left;
			position:absolute;
			top::60px;
			left:0px;
			right:0px;
			
			}	
			
#beforeNav	{background:URL(images_presentation/club-score_06.jpg); width:89px; height:36px; float:left;}

#navigation UL{margin:0px;padding:0;float:left;list-style-type:none;}	

#navigation	LI {list-style-position:inherit;}
	
#navigation A:hover	{
					text-decoration:underline;
					}
#navigation A	{
					color: #FFFFFF;
					text-decoration:none;
					}					
#navigation	.activ	{
					float:left;
					padding-right:15px;
					padding-top:11px;
					height:20px;
					background-image: url("images_presentation/fond-nav.jpg");
					background-position:89px 0px;
					background-repeat:repeat-x;
					}	
#navigation	.activ	A{					
					color: #FFCC00;
					}
#navigation	.unactiv	{
					float:left;
					padding-right:15px;
					padding-top:11px;
					background-image: url("images_presentation/fond-nav.jpg");
					background-position:89px 0px;
					background-repeat:repeat-x;		
					height:20px;			
					}	
									
#afterNav	{background:URL(images_presentation/nav-fin.jpg) top left no-repeat; width:64px; height:36px; float:left;}	

					
#titre	{
		height:30px;
		position:absolute; 
		top:92px; 
		left:0px;
		background:URL(images_presentation/H1-debut.jpg) top left no-repeat;
		padding:0 0 0 105px;
		}				
		
#titre	IMG	{float:left;}		
#titreAfter	{background:URL("images_presentation/H1-fin.jpg") top left no-repeat; width:33px; height:30px; float:left;}			
#contenu	{
			background: url("images_presentation/visuel-score.jpg") top left no-repeat;
			position:absolute;
			top:122px;
			left:0px;
			width:100%;
			height:445px;
			}				
#texte		{
				margin:0 130px 0px 165px;
				padding-top:20px;
				height:410px;
				overflow:auto;
				font-size:11px;
				z-index:200;
				}			
				
#texte UL		{
		list-style-type : square;
		list-style-image: url("images_presentation/puce_1.gif");
		list-style-position:outside;
		margin-top:5px;
		margin-bottom:15px;
		}						
				
#footer	{
		position:absolute;
		bottom:0px;
		top:550px;
		left:0px;
		width:100%;
		height:25px;
		background: url("images_presentation/fond-bottom.jpg") top left repeat-x;
		text-align:center;
		color:#FFFFFF;
		}	
	
.orange1	{
			color: #FFCC00;
			}	
.orange1-fond	{			
				background-color: #FFCC00;
				}					
.orange1	A{
			color: #FFCC00;
			}
.orange1	A:HOVER{
			color: #CC0000;
			}						
.orange2	{
			color: #ff6600;
			}
.orange2-fond	{			
				background-color: #ff6600;
				}					
.orange2	A{
			color: #ff6600;
			}			
.orange2	A:HOVER{
			color: #CC0000;
			}					
.bordeau	{
			color : #CC0000;
			}			
.bordeau-fond	{			
				background-color: #CC0000;
				}	
				
.cheveux-fond	{
				color:white;
				background: url("images_presentation/fond-bottom.jpg") top left;
				}							
.noir	{
		color:#000000;
		}		
		
.beige	{
		color:#FFF5E7;
		}	
.beige-fond	{
		background-color:#FFF5E7;
		}																	
.lien2		{
					color: #ff6600;
					text-decoration:none;
					}
.lien2:HOVER		{
					color: #FFCC00;
					text-decoration:none;
					}	
					
#pos-logo			{
	position:absolute;
	width:50px;
	top:380px;
	left:8px;
	z-index:99;
					}
				
#menu-gauche	{
				position:absolute; 
				left:5px; 
				top:125px;
				margin:0;
				padding:0;
				z-index:100;
				width:150px;
				}	
				
#menu-gauche UL	{margin:0; padding:0;}

#menu-gauche li	{				
		
				margin:0;
				padding:0;
				height:28px;
				margin-top:5px;
				border:1px solid #DDDDDD;
				border-left:0;
				background: url("images_presentation/btn-gauche_fond.jpg") top left repeat-x; 
				clear:both;
				font-weight:bold;
				list-style-position:inside;	
				}
				
#menu-gauche li.activ	{
						list-style-image:URL(images_presentation/btn-gauche_cible-activ.jpg);
						}				
						
#menu-gauche li.unactiv	{
						list-style-image:URL(images_presentation/btn-gauche_cible.jpg);
						}							
				
#menu-gauche	DIV {float:left;padding-left:2px;}						
			
#menu-gauche	A	{
						text-decoration:none;
						}						
#menu-gauche	A:HOVER	{						
						color:#FF6600;
						}		
						
#menu-gauche	li.activ	A{
							color: #ff6600;
							text-decoration:none;
								}	

#menu-droit	{
			position: absolute;
			top:120px;
			right:5px;			
			width:126px;
			z-index:101;
			}	
			
#menu-droit SPAN	{display:none}						
			
#savoir_plus	{
			margin:-10px 5px 0 0;
			font-weight:bold;
			background:URL("images_presentation/plus.gif") center left no-repeat;
			padding: 15px 0px 0px 30px;
			width:220px;
			float:right;
			height:35px;
			}	
			
#contact_2	{float:right;margin:0 10px 0 10px;}			
/*-------------------BULLE D'AIDE------------------*/
.bulle_aide {
	position: absolute;
	visibility: hidden;
	width: 200px;
	z-index: 30;
	background-color: white;
	font-size: 10px;
	border: 2px solid #990000;
}

.bulle_aide_titre {
	width: 100%;
	background-color: #990000;
	color: white;
	font-weight: bold;
}

.bulle_aide_contenu {
	width: 100%;
}

.bulle_aide_ombre {
	position: absolute;
	visibility: hidden;
	width: 200px;
	z-index: 29;
	background-color: black;
	font-size: 10px;
	color: black;
	border: 2px solid black;
	filter: Alpha(opacity=30); -moz-opacity: 0.30;
}

.bulle_aide_ombre_titre {
	width: 100%;
	background-color: black;
	color: black;
	font-weight: bold;
}

.bulle_aide_ombre_contenu {
	width: 100%;
	color: black;
}
							
/*-------------------INSCRIPTION-------------------*/			

						
#structures	{
			position:absolute;
			top:0px;
			left:5px;
			width:175px;
			margin-left:5px;
			margin-top:5px; 
			background-color:#FFFFFF; 
			z-index:10;
			border:1px solid #CCCCCC;
				}
						
			
						
#structures	OL			{
						margin:5px;
						margin-left:10px;
						list-style-position:inside;
						}			
						
#etape-inscr	{
				height:45px; 
				border:1px solid #CCCCCC; 
				position:absolute; 
				right:5px; 
				top: 96px; 
				z-index: 11;		
				background-image: url("images_presentation/etape-fond.gif");
				background-repeat : repeat-x;
				}
				
.etape-item	{
				margin:5px;
				width:34px;
				margin-bottom:0px; 
				float:left; 				 
				padding-bottom:13px; 
				padding-top:9px;
				text-align:center;
				color:#FFFFFF; 
				font-weight:bold;
				}				
				
.cible-orange			
				{
				background: url("images_presentation/cible-inscr-orange.gif") top left no-repeat;
				}		
				
.cible-gris-fonce			
				{
				background: url("images_presentation/cible-inscr-gris-fonce.gif") top left no-repeat;
				}										

.cible-gris-claire			
				{
				background: url("images_presentation/cible-inscr-gris-claire.gif") top left no-repeat;
				}		
				
#texte-inscr	{
				position:absolute;
				top:5px; 
				left:185px;
				width:600px;
				text-align:center;
				}	
				
.btn-rouge	{
					background :  url("images_presentation/inscr-btn-activ.jpg") top left no-repeat;
					width : 127px; 
					height : 26px;
					padding-top:5px;
					text-align:center;
					font-weight:bold;
					}		
					
.btn-rouge	INPUT{
					background:none;
					border:0px;
					color:#FFFFFF;
					font-weight:bold;
					width:120px;
					margin:0;
					}														
.btn-rouge A	{
							color:#FFFFFF; 
							text-decoration:none;
							}		
.btn-rouge A:HOVER	{
								text-decoration:underline;
								color:#FFFFFF;
								}				
.btn-gris		{
					background :  url("images_presentation/inscr-btn-unactiv.jpg") top left no-repeat;
					width : 127px; 
					height : 26px;
					font-weight:bold;
					padding-top:2px;
					text-align:center;
					}		
					
.btn-gris	INPUT{
					background:none;
					border:0px;
					font-weight:bold;
					width:120px;
					}	
.btn-gris A	{
							color:#000000;
							 text-decoration:none;
							 }	
.btn-gris A:HOVER	{
								text-decoration:underline;
								color:#000000;
								}				

#grille_tarifs	{border-spacing:0;
				outline:0;
				border-collapse: collapse;	
				width:600px;
				}
				
#grille_tarifs .prix	TD {height:25px}				

#grille_tarifs	TD	{border:1px solid black;margin:0px;padding:2px;text-align:center;font-weight:bold;}

#grille_tarifs	TH	{border:1px solid black;font-weight:bold;text-align:center;width:25%}

#grille_tarifs .bordeau-fond	{color:#FFFFFF;font-weight:bold;padding:3px}

#grille_tarifs .orange1-fond {font-weight:bold;padding:3px}

#grille_tarifs INPUT {text-align:center;padding-top:2px}

#ajouterFavoris {width:120px;}

#ajouterFavoris SPAN	{font-size:10px;}

#ajouterFavoris DIV	{float:left;}	

#ajouterFavoris IMG	{float:left; margin:-3px 5px 0 5px;}

#copyright	{
			margin-top:5px; 
			color:#555555; 
			font-weight:normal;
			font-size:8px;
			}
			
.champPasOk	{font-size:10px; color:#FF0000; margin-bottom:-10px;}		

.exlamation	{background:URL("images_presentation/exclam.gif") center left no-repeat; padding: 0px 0px 0px 35px;}
.exlamation_2	{background:URL("images_presentation/main.gif") center left no-repeat; padding: 0px 0px 0px 35px;}
#elemGraph1	{background:URL("images_presentation/score-top.jpg") top left no-repeat; width:346px; height:56px;z-index:20; position:absolute; top:0px; left:0px;}
#elemGraph2	{background: url("images_presentation/fond-haut.jpg") top left repeat-x;
			height:200px;
			position:absolute;
			top:0;
			width:100%;
			z-index:1;
			}