HTML {
	FONT-SIZE: 11px; OVERFLOW: hidden; FONT-FAMILY: Arial, Helvetica, sans-serif; BACKGROUND-COLOR: black
}
BODY {
	FONT-SIZE: 11px; OVERFLOW: hidden; FONT-FAMILY: Arial, Helvetica, sans-serif; BACKGROUND-COLOR: black
}
HTML {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
BODY {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
H1 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
H2 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
H3 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
H4 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
H5 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
H6 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
FORM {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
INPUT {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}

.background1 {
	z-index: 10;
	position:absolute;
	left: 0px;
	}
/******** Style du menu ********/

	#menu {
		z-index: 999;
		
		position: absolute;
		left: 0px;
		top: 50%;
		margin-top: -250px;
		
		width: 125px;
		height: 233px;
	}
		#menu UL {
			list-style-type: none;
			background-color: #FF6633;
			padding: 0px;
			margin-left: 0px;
			margin-bottom: 0px;
			
/*		PADDING-RIGHT: 0px;
			PADDING-LEFT: 0px;
			PADDING-BOTTOM: 0px;
			margin-left:: 0px;
			margin-bottom: 0px;
			margin-right: 0px;
			PADDING-TOP: 0px;
/**/
		}
		
	.section1 {margin-top: 5px}
	.section2 {margin-top: 10px}
	.section3 {margin-top: 10px}
	
	li {
		padding: 0px;
		margin: 0px;

/**/	PADDING-RIGHT: 0px;
		PADDING-LEFT: 0px;
		PADDING-BOTTOM: 0px;
		MARGIN: 0px;
		PADDING-TOP: 0px
/**/
	}
		
	#menu LI A {
		display:block;
		height: 15px;
		
		padding-left: 5px;
		padding-top: 5px;
		padding-right: 5px;
		padding-bottom: 5px;
		
		border-bottom: #003300 1px solid;
		
		color: white;
		text-align: left;
		text-decoration: none;
		background-color: #336633;
	}
	
	#menu LI A:hover {
/*		border-bottom: #f7ffbc 1px solid;  */
		color: #FFFF99;
		background-color: #339933;
	}




/******** Styles pour la page ********/

#container {
	z-index: 100;
	position: absolute;
	width: 10240px;
	height: 500px;
	left: 0px;
	top: 0px;
/*	top: 50%;*/
/*	margin-top: -285px;*/
}

#container2 {
	z-index: 100;
	position: absolute;
	width: 10240px;
	height: 500px;
	left: 0px;
	top: 50%;
	margin-top: -285px;
	}


.container_guide {
	z-index: 998;
	position: relative;
}

.section {
	float: left;
	height: 500px;
}



/******** Styles des sections ********/

#accueil {
	width: 1024px;
	position: relative;
	
/*	background-color: #333333;*/
}


#info {
	width: 1024px;
	position: relative;
	
/*	background-color: #0033FF;*/
}

	.iframe_info {
		width: 300px;
		height: 250px;
		position: absolute;
		top: 165px;
		left: 235px;
		overflow-x: hidden;
		overflow-y: auto;
	}

				


#horaire {
	width: 1024px;
	position: relative;
	
/*	background-color: #CC9900;*/
}

	.horaire1 {
		position: absolute;
		width: 500px;
		top: 125px;
		left: 200px;
		font-size: 14px;
		color: #FFFFFF;
	}
	
	.horaire2 {
		position: absolute;
		width: 500px;
		top: 265px;
		left: 550px;
		font-size: 14px;
		color: #FFFFFF;
	}



#evenements {
	width: 1024px;
	position: relative;
	
/*	background-color: #CC0000;*/
}


	#tabs_evenements {
		position: absolute;
		bottom: 40px;
		right: 150px;
		z-index: 999;
	}
	
		#tabs_evenements li {
			display: inline;
			list-style-type: none;
			padding: 0px;
			margin: 0ps;
		}
		
		#tabs_evenements li a {
			height: 20px;
			padding-top: 7px;
			padding-bottom: 7px;
			padding-left: 15px;
			padding-right: 15px;
			
			text-align: right;
			font-size: 20px;
			font-weight: 500;
			
			color: #666666;
		}
		
		#tabs_evenements li a:hover {
			color:  #FFFFFF;
		}
		
	.info_evenement {
		display: none;
/*		z-index: 900;*/
		overflow: visible;
		position: absolute;
		top: 145px;
		left: 160px;
/*		background-color: #000066;*/
		
		height: 350px;
		width: 750px;
		
/*		opacity: 20;
		filter: alpha(opacity=20);		*/
	}
	
/*.logo_evenement {height: 84px;}*/
	
	.titre_evenement {
		position: absolute;
		top: -40px;
		left: 250px;
		width: 250px;
		height: 75px;
/*		background-color:#3333FFl*/
	}
	
	.description_evenement {
		top: 75px;
		left: 50px;
		width: 500px;
		height: 175px;
/*		background-color: #FF6600;*/
		color: #CCCCCC;
		font-size: 14px;
		overflow: auto;
	}
	
	.container_date {
		position: absolute;
/*		z-index: 900;*/
		overflow: visible;
		top: 305px;
		font-size: 15px;
		font-family: Arial, Helvetica, sans-serif;
		font-weight: 100;
		text-align: center;
		color: #999999;
	}
	
	#evenement1 {}
		.date1 {left: 136px;}
	#evenement2 {}

/*		.date2 {
			left: 895px;
			margin-top: 145px;
		}
		.bal_en_blanc {
			display: none;
			z-index: 100;
			position: absolute;
			left: 2584px;
			width: 2000px;
			height: 500px;
			background-color: #FFFFFF;
		}*/
		
		.date2 {left: 232px;}
	#evenement3 {}
		.date3 {left: 378px;}
	#evenement4 {}
		.date4 {left: 504px;}
	#evenement5 {}
		.date5 {left: 625px;}
	





#sports {
	width: 1024px;
	position: relative;
	
/*	background-color: black;*/
}

.horaire_pdf {
	position: absolute;
	top: 95px;
	left: 682px;
	background-color: #FFFFFF;
	font-size: 18px;
	padding: 5px;
}

	.div_iframe_sports {
		position: absolute;
		z-index: 100;	
		top: 130px;
		left: 175px;
		width: 770px;
		height: 370px;
/*		background-color: #FFFFCC;*/

	}
	
	.iframe_sports {
		position: absolute;
		left: 100px;
		width: 570px;
		height: 370px;
		display: none;
		z-index: 400;
	}
	
	
	#sport1 {background-color: #CCFF00;}
	#sport2 {background-color: #FFCC99;}
	#sport3 {background-color: #CCCCFF;}
	#sport4 {background-color: #9999FF;}
	#sport5 {background-color: #FF99FF;}
	#sport6 {background-color: #9999FF;}
	#sport7 {background-color: #6699FF;}
	#sport8 {background-color: #663333;}
	#sport9 {background-color: #336633;}
	#sport10 {background-color: #00FFFF;}
	#sport11 {background-color: #FFFFFF;}
	#sport12 {background-color: #CCFF00;}
	#sport13 {background-color: #FFCC66;}
	#sports14 {background-color: #99CCCC;}
	#sport15 {background-color: #0099CC;}
	#sport16 {background-color: #CCCCCC;}
	#sport17 {background-color: #FF3300;}
	#sport18 {background-color: #666600;}
	
	.sport_titre1 {
		right: 15px;
		top: 10px;
		
		font-size: 32px;
		color: #333333;
	}
	
	.sport_titre2 {
		right: 15px;
		top: 40px;
		
		font-size: 20px;
		color: #666666;
	}
	
	.sport_titre3 {
		font-size: 16px;
		font-weight: 800;
		margin: 0px;
		color: #333333;
	}

	.sport_info1 {
		left: 15px;
		top: 15px;
		display: none;
		
		font-size: 14px;
		color: #333333;
	}
	
	.sport_regles_titre1 {
		top: 15px;  /*anciennement 75 ou 15*/
		left: 15px;
	}
	
	.parasport_regles_titre1 {
		top: 50px;  /*anciennement 75 ou 15*/
		left: 15px;
	}

	
	.sport_regles_texte {
		top: 40px; /*anciennement 100 ou 40*/
		left: 15px;
		
		height: 280px; /*anciennement 220 ou 280*/
		width: 280px;
		overflow: auto;
/*		background-color:#CCCCCC;*/
		margin: 0px;

	}
	
	.parasport_regles_texte {
		top: 50px; /*anciennement 100 ou 40*/
		left: 15px;
		
		height: 275px; /*anciennement 220 ou 280*/
		width: 310px;
		overflow: auto;
/*		background-color:#CCCCCC;*/
		margin: 0px;

	}

	
	.sport_resultats1 {
		left: 15px;
		bottom: 15px;
	}

	.gagnant {font-weight:100}
		
	.sport_horaire {
		top: 75px;
		right: 15px;
		height: 282px;
		width: 245px;
		
/*		background-color: #FFFF00;*/
	}
	
	
	.menug2 {
		position: absolute;
		left: 0px;
		top: 0px;
		width: 100px;
	}
	
	.menug3 {
		position: absolute;
		left: 0px;
		top: 0px;
		width: 140px;
	}
	
	.menud1 {
		position: absolute;
		left: 670px;
		bottom: -1px;
		width: 100px;
	}
	
	
			#menug1 UL {
				list-style-type: none;
				background-color: #CC6600;
				padding: 0px;
				margin: 0px;
				
			}
				
				.aligng {text-align: left;}
				.alignd {text-align: right;}
				
				#menug1 LI A {
					display: block;
					height: 15px;
						
					padding-left: 12px;
					padding-top: 7px;
					padding-right: 12px;
					padding-bottom: 7px;
					
					margin: 0px;
											
					border-bottom: #000000 1px solid;
						
					color: white;
					text-decoration: none;
					background-color: #333333;
				}
				
				#menug1 LI A:hover {
			/*		border-bottom: #f7ffbc 1px solid;  */
					color: #FFFF99;
					background-color: #339933;
				}















#parasports {
	width: 1024px;
	position: relative;
	
/*	background-color: #993366;*/
}

.offline {
	position: absolute;
	top: 250px;
	left: 460px;
	font-size:28px;
	color: #FFFFFF;
}

		.iframe_parasports {
		position: absolute;
		left: 150px;
		width: 350px;
		height: 370px;
		display: none;
		z-index: 400;
		background-color: #CC6600;
	}





#inscriptions {
	width: 2048px;
	position: relative;
	
/*	background-color: #6666CC;*/
}

	.div_iframe_inscriptions {
		position: absolute;
		z-index: 100;	
		top: 0px;
		left: 150px;
	}
	
		.iframe_inscriptions {
		width: 1800px;
		height: 500px;
	}

	
			
	.bouton1 {
	position: absolute;
	z-index: 200;
	top: 450px;
	left: 710px;
	height: 40px;
	width: 150px;
	
	color: #999999;
	font-size: 18px;
	}
	
	.fleche1 {display: none;}




#commanditaires {
	width: 1024px;
	position: relative;
	
/*	background-color: #339933;*/
}


#contact {
	width: 1024px;
	position: relative;
	
/*	background-color: #FFFF99;*/
}

.position_contacts {
	position: absolute;
	left: 150px;
	width: 500px;
}

.page {
	float: left;
	height: 570px;
	
	background-color: #FFFFFF;
}



#footer {
	z-index: 998;
	position: absolute;
	overflow: hidden;
	width: 100%;
	height: 100px;
	left: 0px;

/*	top: 50%;
	margin-top: 285px;
*/

	bottom: 0px;
	margin-bottom: 0px;
	text-align: center;
	
	
/*	background-color: white;*/
}

.logo_commanditaires {
	vertical-align: middle;
/*	overflow: hidden;*/
}

.offset_logo {
	margin-left: 38px;
/*	overflow:hidden;
	height:84px;
	width:100%;*/
}

.footer_credits {
	position: absolute;
	left: 4px;
	bottom: 0%;
	margin-bottom: 8px;
/*	text-align: center;*/
	font-size: 10px;
	color: #333333;
}


/*
	#menu {
		z-index: 999;
		
		position: absolute;
		left: 0;
		top: 50%;
		margin-top: -250px;
		
		width: 125px;
		height: 233px;
	}
*/

.cut {
	position: absolute;
	margin: 0px;
	padding: 0px;
	border: 0px;
	}
	
	.cut1{left:0px;}
	.cut2{left:2048px;}
	.cut3{left:5120px;}
	.cut4{left:8192px;}

.logo1 {
	position:absolute;
	top: 10px;
	left: 150px;
	height: 140px;
	width: 300px;
	border: 0;
	}
	
.logo2 {
	position:absolute;
	top: 155px;
	left: 150px;
	height: 45px;
	width: 170px;
	border: 0;
	}

.logo3 {
	position:absolute;
	top: 205px;
	left: 150px;
	height: 35px;
	width: 170px;
	border: 0;
	}
	
.logo4 {
	position:absolute;
	top: 245px;
	left: 150px;
	height: 50px;
	width: 170px;
	border: 0;
	}

.logo5 {
	position:absolute;
	top: 305px;
	left: 150px;
	height: 65px;
	width: 170px;
	border: 0;
	}

.logo6 {
	position:absolute;
	top: 380px;
	left: 150px;
	height: 45px;
	width: 300px;
	border: 0;
	}

.logo7 {
	position:absolute;
	top: 155px;
	left: 330px;
	height: 75px;
	width: 120px;
	border: 0;
	}

.logo8 {
	position:absolute;
	top: 235px;
	left: 330px;
	height: 75px;
	width: 120px;
	border: 0;
	}

.logo9 {
	position:absolute;
	top: 320px;
	left: 330px;
	height: 55px;
	width: 120px;
	border: 0;
	}

.logo10 {
	position:absolute;
	top: 10px;
	left: 480px;
	height: 120px;
	width: 520px;
	border: 0;
	}
	
.logo11 {
	position:absolute;
	top: 140px;
	left: 480px;
	height: 85px;
	width: 220px;
	border: 0;
	}

.logo12 {
	position:absolute;
	top: 235px;
	left: 480px;
	height: 115px;
	width: 145px;
	border: 0;
	}

.logo13 {
	position:absolute;
	top: 140px;
	left: 710px;
	height: 80px;
	width: 230px;
	border: 0;
	}

.logo14 {
	position:absolute;
	top: 355px;
	left: 480px;
	height: 90px;
	width: 300px;
	border: 0;
	}
	
.logo15 {
	position:absolute;
	top: 240px;
	left: 620px;
	height: 80px;
	width: 230px;
	border: 0;
	}