body{
	background:url('../image/background-body.png') top left repeat;
}
#milieu_centre,#entete,#pied_page{
	width:90%;
	min-width:900px;
}
#sur_entete{
	position:absolute;
	top:0;
	left:0;
	height:18px;
	width:100%;
}
	#sur_entete_gauche{
		height:18px;
		width:49%;
		background-color:#b1ca00;
		float:left;
	}
	#sur_entete_droite{
		width:49%;
		background-color:#cde05a;
		height:11px;
		float:right;
	}
#entete{
	background:url('../image/trait_blanc.gif') center left repeat-x #cde05a;
	background-color:#cde05a;
	height:248px;
	margin:auto;
	position:relative;
}
	#entete a.haut{
		position:absolute;
		top:0;
		left:0;
	}
	#lien_home{
		position:absolute;
		top:0;
		left:0;
		list-style-type:none;
		margin:0;
		padding:0;
	}
	#lien_home li{
		float:left;
	}
	#lien_home li.accueil{
		position:relative;
		text-align:right;
		padding-right:34px;
		margin-right:10px;
		background-color:#b1ca00;
		width:90px;
		height:18px;
	}
	#lien_home li.accueil a{
		font-weight:bold;
		font-size:0.9em;
		color:#000;
		background:url('../image/home.png') center left no-repeat;
		padding-left:14px;
		text-decoration:none;
	}
	#lien_home li.accueil a:hover{
		text-decoration:underline;
	}
	#lien_home li.accueil img{
		position:absolute;
		top:0;
		right:0;
	}
	#accroche{
		position:absolute;
		right:20px;
		top:0;
		color:#624974;
		font-size:0.9em;
	}
	#offre_club{
		background:url('../image/offre_club.gif') top left no-repeat;
		position:absolute;
		top:27px;
		right:4%;
	}
	#offre_club{
		display:block;
		width:463px;
		height:146px;
		text-decoration:none;
	}
	#offre_club a{
		display:block;
		width:228px;
		height:146px;
		text-decoration:none;
		float:left;
	}
		#offre_club span.decouvrir{
			font-size:0.8em;
			color:#fff;
			background:url('../image/puce_ballon_rouge.png') center left no-repeat;
			padding-left:17px;
			position:absolute;
			bottom:18px;
			left:12px;
			text-decoration:underline;
		}
		#offre_club .descriptif{
			font-size:0.9em;
			color:#fff;
			position:absolute;
			top:50px;
			left:260px;
			margin:0;
			padding:0;
			width:170px;
		}
		#offre_club img{
			margin-right:5px;
		}
		#offre_club span.abonnez{
			font-size:0.8em;
			color:#fff;
			background:url('../image/puce_ballon_gris.png') center left no-repeat;
			padding-left:17px;
			position:absolute;
			bottom:20px;
			right:30px;
			font-weight:bold;
			text-decoration:underline;
		}
	#menu_portail{
		list-style-type:none;
		margin:0;
		padding:0;
		position:absolute;
		left:16px;
		bottom:5px;
	}
	#menu_portail li{
		float:left;
		margin-right:16px;
	}
	#recherche_club{
		position:absolute;
		right:12px;
		bottom:0;
		width:220px;
		text-align:center;
	}
	#recherche_club form{
		background-color:#b1ca00;
		padding:0;
		margin:0;
	}
	#recherche_club input{
		margin:0;
		padding:0;
	}
	#valide_recherche_club{
		margin:0;
		padding:0;
	}
#centre{
	background-color:#8b8b8b;
	width:100%;
	margin:0;
	padding:0;
	border-top:2px solid #fff;
	border-bottom:2px solid #fff;
}
	#milieu_centre{
		background-color:#999999;
		margin:auto;
		position:relative;
	}
		#votre_compte_bas{
			position:absolute;
			bottom:0;
			left:11px;
		}
		#haut_page{
			position:absolute;
			bottom:0px;
			right:11px;
		}
		#menu_gauche{
			float:left;
			width:220px;
			margin-bottom:30px;
			margin-left:10px;
			display:inline;
		}
			.element_vert_gauche{
				margin-bottom:10px;
			}
			.element_vert_gauche,.element_orange_gauche{
				padding-bottom:23px;
				margin-top:10px;
				width:220px;
			}
			.element_vert_gauche{
				background:url('../image/element_vert_gauche.png') bottom left no-repeat;
			}
			.element_vert_gauche ul,.element_orange_gauche ul{
				background-color:#b1ca00;
				padding:0;
				margin:0;
				list-style-type:none;
				padding-left:20px;
			}
			.element_orange_gauche ul{
				background-color:#f17700;
				padding:0;
				margin:0;
				list-style-type:none;
				padding-left:20px;
			}
			.element_orange_gauche{
				background:url('../image/element_orange_gauche.png') bottom left no-repeat;
				position:relative;
				margin-bottom:10px;
			}
			#services{
				background:url('../image/photo_service.png') center left no-repeat;
				list-style-type:none;
				margin:0;
				padding:0;
				background-color:#f17700;
				padding-left:67px;
				width:143px;
				border-left:10px solid #f17700;
			}
			#services li{
				background:url('../image/fleche_service.png') center left no-repeat;
				padding-left:14px;	
			}
			#services li a{
				color:#000;
				font-size:0.9em;
				text-decoration:none;
			}
			#services li a:hover{
				text-decoration:underline;
			}
			.espace_client{
				margin:0;
				padding:0;
				background-color:#f17700;
				width:220px;
			}
			.espace_client label{
				font-size:0.8em;
				color:#fff;
				font-weight:bold;
				width:85px;
				display:block;
				float:left;
				padding-left:8px;
			}
			.espace_client input{
				border:0;
				margin-bottom:6px;
			}
			#valide_espace_client{
				position:absolute;
				right:30px;
				bottom:0px;
			}
		#contenu{
			padding:0;
			width:auto;
			margin: 0 250px;
			padding-top:10px;
			margin-bottom:25px;
		}
			.element_vert_centre{
				background-color:#b1ca00;
				position:relative;
				zoom:1;
			}
			.element_vert_centre h4{
				margin:0;
				padding:0;
				font-size:0.8em;
				padding-bottom:6px;
				padding-left:9px;
			}
			.element_vert_centre span{
				color:#fff;
				font-weight:bold;
				padding-left:3px;
				margin:0;
			}
			.element_vert_centre p{
				border-top:1px solid #fff;
				margin:0;
				padding:0;
				color:#fff;
				font-size:0.8em;
				padding-left:10px;
			}
			#photo_zoom_sur{
				float:right;
				margin-right:30px;
				margin-top:20px;
				padding-bottom:10px;
			}
			.element_vert_centre div{
				padding-bottom:50px;
				width:40%;
				margin-top:10px;
				margin-left:10px;
			}
			.element_vert_centre div a{
				color:#fff;
				font-size:0.8em;
				display:block;
				background:url('../image/puce_ballon.png') center left no-repeat;
				padding-left:17px;
				float:right;
				margin-top:10px;
			}
			
			.element_blanc_centre{
				position:relative;
				background-color:#fff;
				zoom:1;
				padding:20px;
				min-height:700px;
			}
			.element_blanc_centre h2{
				color:#f17700;
				font-size:1.3em;
				font-weight:normal;
				margin:0;
				padding:10px;
			}
			.element_blanc_centre p{
				margin:0;
				padding-left:10px;
				padding-right:10px;
				color:#69534c;
				font-size:1em;
			}
			.element_blanc_centre a.savoir_plus{
				background:url('../image/puce_ballon_fond_blanc.png') center left no-repeat;
				padding-left:17px;
				color:#000;
				font-size:1em;
				display:block;
				margin-left:10px;
			}
			.coin_hg{
				position:absolute;
				top:0;
				left:0;
			}
			.coin_bg{
				position:absolute;
				bottom:0;
				left:0;
			}
			.coin_bd{
				position:absolute;
				bottom:0;
				right:0;
			}
			.coin_hd{
				position:absolute;
				top:0;
				right:0;
			}
			
		#menu_droite{
			float:right;
			position:relative;
			margin-right:10px;
			width:220px;
			margin-bottom:30px;
			display:inline;
		}
			.element_vert_droite,.element_orange_droite{
				background:url('../image/element_vert_droite.png') bottom left no-repeat;
				padding-bottom:23px;
				margin-top:10px;
				width:220px;
				float:right;
				position:relative;
			}

				.element_orange_droite{
					background:url('../image/element_orange_droite.png') bottom left no-repeat;
					position:relative;
					margin-bottom:10px;
				}
				#actu{
					list-style-type:none;
					margin:0;
					padding:0;
					background-color:#b1ca00;
					width:220px;
					border-bottom:1px solid #fff;
				}
				#actu li{
					padding-bottom:25px;
				}
				#actu li h4{
					margin:0;
					padding:0;
					font-size:0.8em;
					border-bottom:1px solid #fff;
					padding-bottom:6px;
					padding-left:9px;
				}
				#actu li h4 span{
					color:#fff;
					font-weight:bold;
					padding-left:3px;
				}
				#actu li img{
					margin:10px auto 0;
					display:block;
				}
				#actu li p{
					margin:0;
					padding:0;
					color:#fff;
					font-size:0.8em;
					padding-top:5px;
					padding-left:9px;
					padding-right:15px;
				}
				#actu li a.ballon{
					margin-left:110px;
					padding-left:20px;
					margin-top:10px;
					font-size:0.8em;
					color:#fff;
					background:url('../image/puce_ballon.png') center left no-repeat;
				}
				#plus_actu{
					position:absolute;
					bottom:5px;
					right:8px;
					font-size:0.8em;
					color:#fff;
					background:url('../image/puce_ballon.png') center left no-repeat;
					padding-left:17px;
					display:block;
				}
			
			#annuaire,#affiche_rech{	
				padding:0;
				width:auto;
				margin-left:250px;
				margin-right:10px;
				padding-top:10px;
				zoom:1;
			}
				#affiche_rech{
					position:relative;
					background-color:#fff;
					margin-top:10px;
					margin-bottom:30px;
				}
					#affiche_rech ul{
						list-style-type:none;
						margin:0;
						padding:0;
						padding-left:10px;
						padding-bottom:10px;
						margin-right:10px;
					}
					#affiche_rech ul li{
						margin-bottom:20px;
						position:relative;
						border-bottom:1px solid #b1ca00;
						padding-bottom:10px;
						height:100px;
					}
					#affiche_rech ul li h3{
						color:#b1ca00;
						font-weight:normal;
						font-size:1.3em;
						margin-left:10px;
					}
					#affiche_rech ul li a.url_club{
						background:url('../image/puce_ballon_fond_blanc.png') center left no-repeat;
						padding-left:17px;
						color:#000;
						font-size:1em;
						display:block;
						margin-left:10px;
					}
					#affiche_rech ul li img{
						float:left;
					}
					.info_club{
						float:left;
					}
					.info_club h3 span{
						color:#000;
						font-size:0.8em;
						margin-left:20px;
					}
					#no_logo{
						width:100px;
						height:100px;
						float:left;
					}
				#carte{
					position:relative;
					height:226px;
					background-color:#f17700;
				}
					#recherche{
						position:absolute;
						top:6px;
						left:7px;
						width:220px;
						background:url('../image/element_vert_gauche.png') bottom left no-repeat;
						z-index:1;
						padding-bottom:23px;
					}
					#recherche form{
						background-color:#b1ca00;
						padding-left:20px;
						padding-top:15px;
					}
					#recherche form label{
						color:#fff;
						font-size:0.9em;
					}
					#recherche form input,#recherche form select{
						margin-top:5px;
						margin-bottom:5px;
					}
					#carte_france{
						margin-left:230px;
					}
					
#pied_page{
	background-color:#cde05a;
	height:185px;
	margin:auto;
	position:relative;
}
	#menu_pied_page{
		list-style-type:none;
		margin:0;
		padding:0;
		position:absolute;
		left:16px;
		top:6px;
	}
	#menu_pied_page li{
		float:left;
		margin-right:16px;
	}
	#lien_utile{
		list-style-type:none;
		margin:0;
		padding:0;
		position:absolute;
		left:8px;
		bottom:7px;
	}
	#lien_utile li{
		float:left;
		margin-right:10px;
	}
	#lien_utile li a{
		color:#000;
		font-weight:bold;
		font-size:0.9em;
	}
	#lien_utile li img{
		margin-right:5px;
	}
	#logo_pied_page{
		position:absolute;
		right:20px;
		bottom:24px;
	}
#sous_pied_page{
	width:100%;
	height:16px;
	background-color:#b1ca00;
}

/*---------- Calendrier Agenda -----------------*/
#calendrier{
	width:220px;
	text-align:center;
	padding-top:2px;
	background-color:#b1ca00;
}
#calendrier_gauche{
	margin:0;
	padding:0;
	margin-left:40px;
	margin-top:4px;
	float:left;
}
#calendrier_droite{
	margin:0;
	padding:0;
	margin-right:40px;
	margin-top:4px;
	float:right;
}
#calendrier_mois{
	margin:0;
	padding:0;
	display:block;
	width:110px;	
	margin:auto;
	font-size:1em;
	text-decoration:none;
}
#calendrier_jours{
	clear:both;
	border-spacing:0;
	border:0;
	width:150px;
	margin-top:0px;
	margin:auto;
/*	height:50px;*/
}
#calendrier_jours th{
	font-weight:bold;
	font-size:0.9em;
}
#calendrier_jours td{
	padding:0;
	margin:0;
	font-size:0.8em;
	line-height:1.2em;
	text-align:center;
}
#calendrier_jours td a{
/*	font-size:8px;
	color:#505050;*/
	text-decoration:none;
}

#calendrier_mois{
	font-size:0.9em;
	margin-bottom:6px;
}

/*--------------------------------------------
			INSCRIPTION CLUB
--------------------------------------------*/
#form_inscription{
	border-right:1px solid #8b8b8b;
	width:45%;
	margin-bottom:50px;
	margin-left:10px;
}
#form_inscription label{
	color:#fff;
	width:130px;
	display:block;
	float:left;
	clear:left;
	font-weight:bold;
	font-size:0.85em;
	background:url('../image/inscription_num.png') center left no-repeat;
	padding-left:17px;
	position:relative;
	padding-top:4px;
	overflow:hidden;
	margin-right:5px;
}
#form_inscription label span{
	position:absolute;
	top:3px;
	left:2px;
}
#form_inscription span.condition{
	color:#fff;
	font-weight:bold;
	font-size:0.85em;
	padding-top:4px;
	display:block;
}
#form_inscription span.erreur{
	color:#fff;
	font-weight:bold;
	display:block;
	margin-bottom:10px;
}
#form_inscription span.condition a{
	color:#fff;
}
#form_inscription input{
	float:left;
	margin-bottom:5px;
}
#form_inscription input.url{
	width:370px;
	border:0;
	background:none;
	color:#fff;
	font-size:0.9em;
	font-weight:bold;
}
#form_inscription .choix_couleur{
	width:250px;
	margin-top:20px;
	margin-bottom:10px;
}
#valide_inscription_club{
	margin-top:10px;
	margin-left:300px;
	background:url('../image/valide_inscription.png') top left no-repeat;
	border:0;
	color:#fff;
	width:98px;
	height:20px;
	font-weight:bold;
	text-decoration:underline;
	padding-bottom:5px;
}
#entete_apercu{
	float:right;
	color:#fff;
	font-weight:bold;
	font-size:0.9em;
	width:415px;
	margin-right:50px;
}
#entete_form_inscription{
	font-weight:bold;
	color:#000;
	font-size:0.9em;
	display:block;
	width:30%;
	margin-left:10px;
}
#img_inscription_club{
	margin-left:10px;
	margin-top:15px;
}
#confirm_inscription{
	margin-left:10px;
	font-size:0.9em;
	font-weight:bold;
	color:#000;
	margin-bottom:50px;
	display:block;
}

/*-----------------------------
				NEWS
------------------------------*/
#admin_news{
	list-style-type:none;
	margin:0;
	padding:0;
	margin-top:-10px;
}
#admin_news li{
	margin-bottom:10px;
}
#admin_news span.date_news{
	font-weight:bold;
}
#admin_news span.libelle_news{
	color:#f17700;
	font-size:1.2em;
	font-weight:bold;
}
#admin_news span.titre_news{
	color:#f17700;
	font-size:1.3em;
}
#admin_news p.texte_news{
	color:#69534c;
}
.premiere_news{
	background-color:#b1ca00;
	position:relative;
	padding:10px;
	zoom:1;
}
#admin_news li.autre_news span.libelle_news,#admin_news li.autre_news span.titre_news,#admin_news li.autre_news p.texte_news,#admin_news li.autre_news span.date_news{
	padding-left:10px;
}
#admin_news li.autre_news span.libelle_news{
	padding:0;
}
#admin_news li.premiere_news span.libelle_news,#admin_news li.premiere_news span.titre_news,#admin_news li.premiere_news p.texte_news{
	color:#fff;
	padding-left:10px;
}
#admin_news li.premiere_news span.libelle_news{
	padding:0;
}
#admin_news li.premiere_news span.date_news{
	padding-left:10px;
}
#admin_news li.premiere_news span.titre_news{
	border-top:1px solid #fff;
	display:block;
	width:50%;
	margin:0;
	padding:0;
	padding-top:10px;
	margin-top:10px;
	padding-left:10px;
}
#admin_news li.autre_news{
	background-color:#fff;
	margin:0px;
	padding:10px;
	position:relative;
	zoom:1;
}
#admin_news li a.savoir_plus{
	margin-left:20px;
	background:url('../image/puce_ballon_fond_blanc.png') center left no-repeat;
	padding-left:17px;
	color:#000;
	font-size:1em;
	display:block;
	width:120px;
}
#admin_news li.premiere_news a.savoir_plus{
	background:url('../image/puce_ballon.png') center left no-repeat;
	color:#fff;
}
.img_premiere_news{
	float:right;
	margin-right:10px;
}


/*-----------------------------
			APERCU
------------------------------*/
#general_apercu{
	width:100%;
}
#titre_apercu{
	text-align:center;
	font-size:0.8em;
	color:#009de1;
}
#general_apercu img{
	float:left;
	margin:10px;
}

#apercu_site{
	float:right;
	width:415px;
	height:385px;
	margin-right:50px;
}
#fond_entete_apercu_site{
	height:100px;
	background-color:#009de1;
	position:relative;
}
#entete_apercu_site{
	position:absolute;
	top:10px;
	left:50px;
	width:315px;
	height:90px;
	background-color:#252d50;
}
#entete_apercu_gauche{
	float:left;
}
#entete_apercu_droite{
	float:left;
	margin-left:7px;
}
#pied_page_apercu{
	position:absolute;
	bottom:0;
	left:50px;
	background-color:#252d50;
	height:78px;
	width:315px;
}
#contenu_apercu{
	width:314px;
	height:220px;
	margin-left:50px;
	background:url('../image/fond_contenu_apercu.png') top left no-repeat;
	position:relative;
	border-right:1px solid #d4d4d4;
}
#seperateur_apercu1,#seperateur_apercu2,#seperateur_apercu3,#seperateur_apercu4,#seperateur_apercu5{
	background-color:#009de1;
}
#seperateur_apercu1{
	position:absolute;
	top:0;
	left:0;
	height:10px;
	width:92px;
}
#seperateur_apercu2{
	position:absolute;
	top:40px;
	left:0;
	height:10px;
	width:92px;
}
#seperateur_apercu3{
	position:absolute;
	top:79px;
	left:0;
	height:10px;
	width:92px;
}
#seperateur_apercu4{
	position:absolute;
	top:118px;
	left:0;
	height:10px;
	width:92px;
}
#seperateur_apercu5{
	position:absolute;
	top:157px;
	left:0;
	height:10px;
	width:92px;
}
#premier_para_apercu{
	position:absolute;
	top:10px;
	right:8px;
	height:105px;
	width:210px;
	background-color:#252d50;
}
#premier_para_apercu img{
	margin:2px;
}
#deuxieme_para_apercu{
	position:absolute;
	top:125px;
	right:8px;
	height:60px;
	width:210px;
	background-color:#252d50;
}
#deuxieme_para_apercu img{
	margin:2px;
}
#img_para2_apercu{
	position:absolute;
	top:7px;
	right:10px;
}


#menu_admin{
	margin-bottom:10px;
	background-color:gray;
}
#menu_admin a{
	margin-right:20px;
	text-decoration:none;
	color:#000;
}
#general label{
	width:200px;
	display:block;
	float:left;
	text-align:right;
	margin-right:20px;
}
#general table th{
	background-color:#ccc;
}
#general table .pair{
	background-color:#eee;
}
#general table th.tri{
	background-color:#9bffff;
}
#pagination{
	text-align:center;
	padding-bottom:5px;
}

/*a.bouton-pdf{
	display:block;
	font-weight:normal;
	line-height:17px;
	padding-left:25px;
	height:20px;
	background:url(../image/pict-pdf.gif) no-repeat;
	color:#000000;
	margin:0.8em 0 0.3em 0;
	text-decoration:none
}*/


/*---------- palette de couleur ------------*/
#palette_couleur_principale,#palette_couleur_secondaire{
	list-style-type:none;
	width:270px;
	float:left;
	margin:0;
}

#palette_couleur_principale li,#palette_couleur_secondaire li{
	width:10px;
	height:10px;
	float:left;
}
#palette_couleur_principale a,#palette_couleur_secondaire a{
	text-decoration:none;
	width:10px;
	display:block;
	overflow:hidden;
	height:10px;	
}
#apercu_couleur_principale,#apercu_couleur_secondaire{
	border:1px solid black;
	width:30px;
	height:30px;
	float:left;
	margin-left:10px;
}

#apercu_couleur_secondaire{
	background-color:gray;
}
/*----------------------------------------------
					CREDIT
-----------------------------------------------*/
#credits p.resume_credit{
	margin-bottom:30px;
}
#credits img{
	float:left;
	margin-right:15px;
	border:0;
}
/*-----------------------------------
			PLAN
-----------------------------------*/
#plan{
	list-style-type:none;
	margin:0;
	padding:0;
	padding-left:10px;
}
#plan li{
	margin-bottom:5px;
}
#plan ul{
	list-style-type:none;
	margin:0;
	padding:0;	
}
#plan ul ul{
	padding-left:30px;
}
#plan a:hover{
	color:#b1ca00;
}
input.enregistrer{
	border:0;
	padding:0;
	padding-left:30px;
	height:22px;
	line-height:22px;
	margin:2px;
	float:left;
	color:#000;
	display:block;
	text-decoration:none;
	text-align:left;
	background:url('../picto/document-save.png') top left no-repeat;
}
#go_inscription{
	background-color:#4f4f4f;
	color:#fff;
	background:url('../image/valide_inscription.png') top left no-repeat;
	padding-left:15px;
	padding-right:15px;
	padding-top:2px;
	padding-bottom:4px;
	
}