/*---------------------------------------------------------------*/
/* WEB_INDEX.CSS                                                 */
/* --------------------------------------------------------------*/
/*                                                               */
/* Module: WEB  |  Action: INDEX                                 */
/*                                                               */
/*---------------------------------------------------------------*/

/** SURCHARGES --------------------------------------------------------------*/
#partenaires{
top:-7em;
}

#footer{
top:-8em;
}


/** OUTILS -------------------------------------------------------------------*/
/** (Module de recherche / Compteur de visites et compétiteurs / Bloc Login   */

	/** STYLE GÉNÉRAL---------------------------------------------------------*/

	#tools{
	margin:				3px auto;
	text-align:			center;
	}

	/** STYLES SPÉCIFIQUES----------------------------------------------------*/

		/** BLOC  RECHERCHE --------------------------------------------------*/
		#blocrechercheIndex table{
		position:			relative;
		top:				3em;
		width:				50%;
		margin:				0 auto;
		}

		.search table{
		background:			#fff;
		border-collapse:	collapsed;
		border:				solid 1px #909090;
		}

		.search td{
		background:			#fff url(/images/web/fond_search.gif) repeat-x;
		height:				25px;
		}



		/* Bloc recherche issu du proto DN2010 */

		.articleSearchBox {
			/*background:	#d8d8d8 url(/images/web/accueilDN/dnSearchBg-ext.png) no-repeat;*/
			background-color: #d8d8d8;
			border: none;
			/*height: 61px;*/
			/*height: 78px;*/
			padding: 0px 5px 15px 5px !important;
			width: 165px;
			margin: 18px 0 0 45px;
			text-align: left;
			position: relative;
			*left: -65px;
		}

			.articleSearchBox h2 {
				background: none !important;
				height: auto !important;
				line-height: auto !important;
				padding: 0;
				margin-bottom: 5px;
				font-size: 12px;
				font-weight: bold;
			}

			 .articleSearchBox form {
				margin-bottom: 4px;
				*margin-bottom: 5px;
				position: absolute;
			}

			.articleSearchBox input {
				position: relative;
			}

			 .articleSearchBox input.searchInput {
				width: 125px;
				padding-left: 5px;
				height: 19px;
				line-height: 19px;
				border: solid 2px #c0c0c0;
				font-size: 10px;
				color: #928f8f;
				margin: 0 6px 0 0;
				float: left;
			}

			.articleSearchBox a {
				position: relative;
				background:	transparent url(/images/web/accueilDN/arrow-grey-e.gif) no-repeat 0 50%;
				padding-left: 15px;
				line-height: 18px;
				height: 18px;
				text-decoration: none;
				color: #68696a;
				text-shadow: #fff 1px 1px 0px;
				font-size: 10px;
				margin-top: 5px;
				*left: 5px;
			}

			.articleSearchBox #formSelect {
				position: relative;
				top: 28px;
				margin-bottom: 35px;
				*margin-bottom: 30px;
			}

			.articleSearchBox label {
				color: #68696a;
				text-shadow: #fff 1px 1px 0px;
				font-size: 10px;
				vertical-align: top;
				*vertical-align: middle;
			}




		#acts {z-index : 5000; }


		/** TABLEAU VISITEURS ------------------------------------------------*/
		#visiteurs{
		text-align:			center;
		color:				#ffffff;
		font-size:			95%;
		margin-top:			10px;
		position: 			relative;
		left: 					15px;
		}

		#visiteurs table{
		margin: 			0 auto;
		}

		#visiteurs td{
		padding:			0;
		}

		#visiteurs th{
		text-align:			center;
		font-weight:		bold;
		background:			#525461;
		height:				26px;
		font-weight:		bold;
		font-size:			115%;
		}

		.fond_visiteurs{
		background:			url(/images/web/visiteurs/visiteurs_09.png);
		height:				31px;
		color:				#f5b120;
		font-weight:		bold;
		font-family:		cursive;
		font-size:			110%;
		}

/** ZONE DE COMMUNICATION ----------------------------------------------------*/
/** (Choix du fond d'écran / L'UNSS c'est / Programme / UNSS NEWS)            */

	/** STYLE GÉNÉRAL---------------------------------------------------------*/
	#index_row1{
	height:				180px;
	text-align:			center;
	color:				#ffffff;
	position:			relative;
	}

	/** STYLES SPÉCIFIQUES----------------------------------------------------*/

		/** CHOIX FOND D'ÉCRAN -----------------------------------------------*/
		#style_switch{
		background:			transparent url(/images/web/accueil/licence.png) no-repeat;
		height:				151px;
		width:				233px;
		}

		#style_switch select{
		position:			relative;
		top:				110px;
		}

		#style_switch option{
		background:			#fff;
		}



		/** L'UNSS C'EST -----------------------------------------------------*/

		a#editoL {
		display:			block;
		width:				110px;
		height:				151px;
		position:			absolute;
		left:				280px;
		top: 				10px;
		}

		#editoNat {
		display:			block;
		position:			absolute;
		top: 				15px;
		left:				0px;
		width:				110px;
		height:				151px;
		cursor: 			pointer;
		}

		#edito p{
		font-size:			90%;
		color:				#505050;
		text-align:			justify;
		padding:			1.5em;
		margin-top:			35px;
		}


		/** CONTACTS ET ORIENTATIONS -----------------------------------------------------*/

		a#orientationsXL {
		display:			block;
		position:			absolute;
		top:				-10px;
		left:				250px;
		width:				182px;
		height:				190px;
		}

		/** DISTRICT -----------------------------------------------------------------*/

		a#districtXL {
		display:			block;
		position:			absolute;
		top:				0px;
		left:				450px;
		width:				245px;
		height:				175px;
		}


		/** DISTRICT : Présentation -----------------------------------------------------------------*/

		a#districtPresentationXL {
		display:			block;
		position:			absolute;
		top:				0px;
		left:				0px;
		width:				245px;
		height:				175px;
		}

		/** DISTRICT : Calendrier -----------------------------------------------------------------*/

		a#districtCalendrierXL {
		display:			block;
		position:			absolute;
		top:				10px;
		left:				240px;
		width:				245px;
		height:				175px;
		}

		/** DISTRICT : Circulaires -----------------------------------------------------------------*/

		a#districtCirculairesXL {
		display:			block;
		position:			absolute;
		top:				10px;
		left:				460px;
		width:				245px;
		height:				175px;
		}


		/** DISTRICT : Transport -----------------------------------------------------------------*/

		a#districtTransportXL {
		display:			block;
		position:			absolute;
		top:				0px;
		left:				35px;
		width:				245px;
		height:				175px;
		}


		/** DISTRICT : Résultats -----------------------------------------------------------------*/

		a#districtResultatsXL {
		display:			block;
		position:			absolute;
		top:				0px;
		left:				285px;
		width:				245px;
		height:				175px;
		}


		/** DISTRICT : Photos -----------------------------------------------------------------*/

		a#districtPhotosXL {
		display:			block;
		position:			absolute;
		top:				0px;
		left:				0px;
		width:				245px;
		height:				175px;
		}

		/** PROGRAMME --------------------------------------------------------*/

		a#programmeXL{
		display: 			block;
		height:				180px;
		width:				243px;
		position:			absolute;
		left:				450px;
		}

		a#programmeL{
		display: 			block;
		width:				200px;
		height:				148px;
		position:			absolute;
		top:				15px;
		left:				0px;
		}

		#liens{
		padding-top:		105px;
		padding-left:		150px;
		}

		/** UNSS NEWS -------------------------------------------------------*/

		#comm_news{
		background:			transparent url(/images/web/accueil/newspaper.gif) no-repeat;
		position:			relative;
		right:				0px;
		height:				251px;
		width:				252px;
		/*z-index:			150;*/
		margin-top:			-100px;
		text-align:			left;
		color:				#000;
		padding-left:		0.7em;#=
		}

		#actualite {
		position:			relative;
		z-index:			9999;
		width:				150px;
		height:				65px;
		top:				65px;
		text-align:			justify;
		font-size:			90%;
		padding: 1em 1.3em 1em 100px;
		color:#555;
		}

		#actualite p{
		padding: 10px 0 0 20px;
		margin-top:			10px;
		width:				210px;
		text-align: 		left;
		background:			transparent url(/images/icones/link_news.gif) no-repeat 0 5%;
		}

		#actualite a{
		color:				#505050;
		font-weight:		bold;
		text-decoration:	none;
		clear:				right;
		position:			relative;
		top:				-20px;
		left:				2px;
		}


		#featured_links a{
		display:			block;
		position:			relative;
		margin-top:			70px;
		margin-left:		-0.7em;
		width:				252px;
		height:				94px;
		text-decoration:	none;
		}

		#lien_bouge a{
		background:			#fff url(/images/web/accueil/bouge.gif) no-repeat;
		}

		#lien_bouge a:hover{
		background:			transparent url(/images/web/accueil/bouge_hover.gif) no-repeat;
		}

		#lien_equilibre a{
		background:			#fff url(/images/web/accueil/equilibre_horsDN.gif) no-repeat;
		}

		#lien_equilibre a:hover{
		background:			transparent url(/images/web/accueil/equilibre_horsDN-hover.gif) no-repeat;
		}

	/** STYLES SPÉCIFIQUES ---------------------------------------------------*/

		#index_row2{
		position:			relative;
		}

		/** JEUNES OFFICIELS -------------------------------------------------*/

		a#joL {
		display:			block;
		position:			absolute;
		left:				0;
		height:				182px;
		width:				188px;
		}

		/** LE PARCOURS DE TOUS TES EXPLOITS ---------------------------------*/

		a#exploitsXL {
		display:			block;
		position:			absolute;
		top: 				-15px;
		left:				250px;
		height:				205px;
		width:				214px;
		}

		/** LES ACTIVITÉS SPORTIVES ------------------------------------------*/

		a#actXL {
		display:			block;
		position:			absolute;
		top: 				15px;
		left:				250px;
		height:				200px;
		width:				202px;
		}

		/** PLUS PRÈS DE VOUS ------------------------------------------------*/

		a#presXL {
		display:			block;
		position:			absolute;
		top: 				-15px;
		left:				-60px;
		height:				220px;
		width:				266px;
		cursor: 			pointer;
		}

		a#presL {
		display:			block;
		position:			absolute;
		top: 				-5px;
		left:				-20px;
		width:				232px;
		height:				192px;
		}

		/** VOTRE REGION -----------------------------------------------------*/

		a#regionXL {
		display:			block;
		position:			absolute;
		top: 				-20px;
		left:				190px;
		height:				220px;
		width:				266px;
		cursor: 			pointer;
		}

		/** VOTRE DÉPARTEMENT -----------------------------------------------------*/

		a#departementXL {
		display:			block;
		position:			absolute;
		top: 				-20px;
		left:				400px;
		height:				220px;
		width:				266px;
		cursor: 			pointer;
		}

	/** QUESTION DU JOUR -----------------------------------------------------*/

	#question{
	width:				230px;
	height:				200px;
	position:			relative;
	top:				0px;
	left:				-30px;
	z-index:			9999;
	}

	#question h2{
	height:				27px;
	line-height:		27px;
	background:			transparent url(/images/web/questionsJO/fond_question.png) no-repeat;
	color:				#fff;
	font-weight:		bold;
	padding-left:		12px;
	}

	#question p , #question_ct {
	background:			transparent url(/images/web/questionsJO/question.png) repeat-y;
	width:				214px;
	padding:			0.2em 0.6em;
	color:				#505050;
	font-weight:		bold;
	font-style:			italic;
	}

	#form_question form{
	color: 				#3c7ae0;
	padding:			0;
	position:			relative;
	}

	#form_question input{
	margin-left:		0.3em;
	}

	#question_ft{
	background:			transparent url(/images/web/questionsJO/question_ft.png) no-repeat;
	height:				15px;
	}

	.winner, .loser{
	height:				83px;
	line-height:		83px;
	font-size:			400%;
	text-align:			center;
	}

		.winner{
		background:			url(/images/web/questionsJO/winner.png) no-repeat;
		color:				#505050;
		}

		.loser{
		background:			url(/images/web/questionsJO/loser.png) no-repeat;
		color:				#fff;
		}

/** LIEN VERS ANCIEN SITE -----------------------------------------------------*/

a.link_homepage
{
	display:			block;
	height:				120px;
	width:				384px;
	background:			transparent url(/images/web/wait_msg/wait_msg_lhome2.jpg) no-repeat;
	margin:				0 auto;
	text-align:			center;
	text-transform:		uppercase;
	text-decoration:	none;
	line-height:		86px;
	font-weight:		bold;
	font-size:			93%;
	color:				#888;
}

a.link_homepage:hover { text-decoration: underline; }