/**********************************************************************************
 *
 *  FRONT-OFFICE : Accueil
 *  Stylesheet
 *  Version : $Id$
 *
 **********************************************************************************/



	/**********************************************************************************
	 *
	 *  HTML
	 *
	 **********************************************************************************/

		html								{ height:100%; }



	/**********************************************************************************
	 *
	 *  BODY
	 *
	 **********************************************************************************/

		body								{ font-family:Verdana, sans-serif; font-size:10pt; color:#000; padding:0; margin:0; background:#000; }



	/**********************************************************************************
	 *
	 *  GLOBAL STYLE
	 *
	 **********************************************************************************/

		._G_ERROR_CLASSNAME					{ background-image:url(../admin/images/interface/dirty.gif); background-repeat:no-repeat; background-position:1px 1px; }
		.obligatoire						{ font-weight:bolder; color:#f00; }
		.big								{ font-weight:bolder; color:#000; }
		.hidden								{ visibility:hidden; display:none; }
		.pointer							{ cursor:pointer; }
		.closeImg							{ position:absolute; margin:-10px 0 0 203px; }
		span.help							{ font-size:0.8em; color:#000; }
		.fieldFocused						{ /*background-color:#f6f6f6;*/ }
		a img								{ border:0; }
		.previewImage						{ margin:10px 2px; width:120px; float:left; text-align:center; font-size:0.8em;  }
		.clear								{ clear:both; }
		.left								{ float:left; border-right:18px solid; }
		.right								{ float:right; border-left:18px solid; }
		.center								{ display:block; text-align:center; margin:0 auto; }
		.sep								{ border-bottom:1px outset #f00; }
		.print								{ visibility:hidden; display:none; }
		.unprint							{ }
		.previsualisation					{ background:url(../images/preview/bg_preview.png) repeat-x; line-height:p30x; text-align:center; color:#fff; font-weight:bolder; font-size:20pt; position:fixed; top:0; z-index:9999; width:100%; }




	/**********************************************************************************
	 *
	 *  PAGE
	 *
	 **********************************************************************************/

		#main								{ margin-left:auto; margin-right:auto; }
		#main								{ width:960px; height:758px; padding:0; background:url(../images/interface/bg_index.png) no-repeat top left; }

			#logo						 	{ position:absolute; z-index:5; margin:10px 0 0 20px; }
			#panneau						{ position:absolute; z-index:4; margin-left:360px; width:445px; height:166px; padding-top:86px; background:url(../images/interface/bg_panneau.png) no-repeat top left; }
				#panneau ul					{ color:#fda418; font-weight:bolder; margin:0 0 0 55px; width:320px; height:76px; overflow:hidden; padding:0; list-style-type:none; }
			#p1								{ position:absolute; z-index:5; margin-left:820px; }
			#news							{ position:absolute; z-index:10; margin:200px 0 0 700px; width:258px; height:488px; background:url(../images/interface/bg_news.png) no-repeat top left; }
				#scroller					{ font-size:0.8em; margin:65px 0 0 45px; width:188px; height:390px; overflow:hidden; }
				#scroller div.bloc			{ margin:0 0 40px 0; width:188px; }
			#partenaires					{ position:absolute; z-index:10; margin:688px 0 0 730px; width:220px; height:50px; padding-top:20px; text-align:center; }
				#partenaires img				{ margin:0 15px; }
			#partenaires-haut				{ position:absolute; z-index:10; margin:0 0 0 820px; width:130px; height:50px; padding:5px 5px 0 0; text-align:right; }
			#footer							{ position:absolute; z-index:5; width:960px; height:118px; background:url(../images/interface/bg_connexion_x.png) repeat-x; margin-top:640px; }
			#connexion						{ font-size:0.8em; position:absolute; z-index:10; width:450px; padding-top:4px; height:54px; margin:0 0 0 350px; background:url(../images/interface/bg_connexion.png) no-repeat top center; text-align:center; }
				#mentions						{ width:725px; text-align:center; color:#fff; margin-top:90px;  }



		/**********************************************************************************
		 *
		 *  NAVIGATION
		 *
		 **********************************************************************************/

			#navigation						{ position:absolute; z-index:10; margin:350px 0 0 120px;  }
				#menu_contact				{ position:absolute; z-index:10; margin:10px 0 0 130px; }
				#menu_tournois				{ position:absolute; z-index:10; margin:50px 0 0 20px; }
				#menu_membres				{ position:absolute; z-index:10; margin:45px 0 0 225px; }
				#menu_club_house			{ position:absolute; z-index:10; margin:100px 0 0 0px; }
				#menu_foot_five				{ position:absolute; z-index:10; margin:95px 0 0 270px; }
				#menu_tarifs_horaires		{ position:absolute; z-index:10; margin:150px 0 0 -10px; }
				#menu_evenements			{ position:absolute; z-index:10; margin:145px 0 0 300px; }
				#menu_reservations			{ position:absolute; z-index:10; margin:220px 0 0 20px; }
				#menu_partenaires			{ position:absolute; z-index:10; margin:195px 0 0 330px; }
				#menu_galeries				{ position:absolute; z-index:10; margin:250px 0 0 220px; }



		/**********************************************************************************
		 *
		 *  FORMS
		 *
		 **********************************************************************************/

			#connexion form									{ padding:0; margin:0; text-align:center; }
			#connexion form input[type='password'],
			#connexion form input[type='text'], #connexion form select	{ border:1px solid #000; width:100px; height:17px; color:#555; }
			#connexion form input[type='password'],
			#connexion form input[type='text']				{ padding:2px 0 0 0; }
			#connexion form textarea						{ border:1px solid #000; color:#555; }
			#connexion form input[type='submit']			{ background-color:#fff; color:#000; }
			#connexion form input[type='button']			{ background-color:#FFCA4E; color:#4D4D4D; }
			#connexion form div								{ padding:0 0 0 12px; }
			#connexion form div.#connexion formLeft			{ padding:0; margin:0; float:left; width:50%; }
			#connexion form div.#connexion formRight		{ padding:0; margin:0; float:right; width:50%; }
			#connexion form span							{ }
			#connexion form div + div						{ margin:8px 0 0 0; }
			#connexion form div.last						{ text-align:right; }
			#connexion .btnContact							{ margin:0 18px 0 0; }
			#connexion form label							{ display:block; font-weight:bolder; text-transform:uppercase; color:#000; margin:0 0 5px 0; cursor:pointer; }

			/*
			form									{ padding:0; margin:0; }
			form input[type='text'], form select	{ border:1px solid #000; width:315px; height:20px; color:#555; }
			form input[type='text']					{ height:18px; padding:2px 0 0 0; }
			form textarea							{ border:1px solid #000; color:#555; }
			form input[type='submit']				{ background-color:#FFCA4E; color:#4D4D4D; }
			form input[type='button']				{ background-color:#FFCA4E; color:#4D4D4D; }
			form div								{ padding:0 0 0 12px; }
			form div.formLeft						{ padding:0; margin:0; float:left; width:50%; }
			form div.formRight						{ padding:0; margin:0; float:right; width:50%; }
			form span								{ }
			form div + div							{ margin:8px 0 0 0; }
			form div.last							{ text-align:right; }
			.btnContact								{ margin:0 18px 0 0; }
			form label								{ display:block; font-weight:bolder; text-transform:uppercase; color:#000; margin:0 0 5px 0; cursor:pointer; }
			*/




		/**********************************************************************************
		 *
		 *  Form Fields
		 *
		 **********************************************************************************/



		/**********************************************************************************
		 *
		 *  LINKS
		 *
		 **********************************************************************************/

			/* Default Links */
			a								{ outline:none; color:#fda418; text-decoration:underline; border:0; }
			a:link							{ 	}
			a:visited						{ 	}
			a:hover							{ text-decoration:none;  }

			/* Content & Connexion Links */
			#connexion a, #content_data a	{ color:navy; }
			#connexion a.biglink, #content_data a.biglink	{ color:navy; font-size:1.4em; font-weight:bolder; }



		/**********************************************************************************
		 *
		 *  TABLES
		 *
		 **********************************************************************************/



		/**********************************************************************************
		 *
		 *  LISTS (UL, OL, ...)
		 *
		 **********************************************************************************/

			ul { margin:0; padding:0; list-style-type:none; }



		/**********************************************************************************
		 *
		 *  PARAGRAPH
		 *
		 **********************************************************************************/




		/**********************************************************************************
		 *
		 *  HEAD (H1, ..., H5)
		 *
		 **********************************************************************************/

			h3		{ margin-top:0; color:#004292; }