@charset "UTF-8";
/*ASPECT GENERAL DU SITE*/
	body{
		font-family:Verdana, Arial, Helvetica, sans-serif;
		background-image:url(../images/ImgFond.jpg);
		margin: 0; /* pour éviter les marges */
		text-align: center; /* pour corriger le bug de centrage IE */
	}
	#entete {
		position:absolute;
		top: 0px;
		left:0px;
		width:1024px;
		height:150px;
		color:
	}
	#piedPage {
		position:absolute;
		top:790px;
		left:0px;
		padding:12px;
		width:1000px;
		height:20px;
		background-image:url(../images/fondPiedPage.png);
		font-weight:normal;
		font-size:9px;
		color:#966
		
	}
	#conteneur {
		border: 1px solid #000000;
		position:relative;
		width:1024px;
		height:834px;
		margin-left: auto;
		margin-right: auto;
		text-align: left; /* on rétablit l'alignement normal du texte */
		background-color:#FFFFFF;
		
	}
	
	#barreLateraleGauche {
		position:absolute;
		top: 190px;
		left: 0px;
		padding:5px;
		width:200px;
		height:590px;
		background-image:url(../images/fondCote.png);
	}
	/*--------------------------------------News-------------------------------------*/
	#fenetreNews{
		position:absolute;
		top: 230px;
		font-size:11px;
		left:2px;
		width:202px;
		height:371px;
		/*background-image:url(../images/ecran_news.png);*/
		
	}
	#fenetreNewsTexte{
		position:absolute;
		top: 15px;
	}
	.titreNews{
		position:relative;
		padding-left:4px;
		padding-top:2px;
		width:199px;
		height:15px;
		left:-1px;
		background-color:#aaa;
		
	}
	.texteNews{
		position:relative;
		padding-left:4px;
		padding-top:1px;
		padding-bottom:6px;
		width:199px;
		height:63px;
		left:-1px;
		background-color:#ddd;
		
	}

	/*-------------Présentation image-------------------*/
	
	.img-shadow {
		float:left;
		/* La première ligne permet d'utiliser l'ombre au format png pour la plupart*/
		/* des navigateur. La seconde utilisera le format gif pour IE. */
		background: url(../images/shadowAlpha.png) no-repeat bottom right !important;
		background: url(../images/shadow.gif) no-repeat bottom right;
		}
	.img-shadow img {
		display: block;
		position: relative;
		border: 1px solid #a9a9a9;
		/* Cette ligne permet de placer correctement notre image par rapport à notre*/       
	  /*ombre.  Les valeur sont choisi en conséquence de l'étendue de l'ombre. */
		margin: -6px 6px 6px -6px;
	}
	.img-shadow div{
		display: block;
		position: relative;
		font-size:16px;
		color:#FFF;
		padding-left:5px;
		padding-top:5px;
		height:5px;
		filter:alpha(opacity=50); 
		opacity:0.5;
		background-color:#000;
		x-index:2;
		/* Cette ligne permet de placer correctement notre image par rapport à notre*/       
	  /*ombre.  Les valeur sont choisi en conséquence de l'étendue de l'ombre. */
		margin: -36px 6px 6px -6px;
	}
	
	#titreMenuVertical{
		position:absolute;
		left:2px;
		top:2px;
		height: 15px;
		background: url(../images/basculeurAccordeonActif.png);
		color: #ffffff;
		width: 202px;
		font-size:11px;
		text-align:center;
	}
	
	
	#fenetreAide{
		position:absolute;
		left:10px;
		top:20px;
		height: 210px;
		text-align:left;
		width: 195px;
		font-size:10px;
		overflow:auto;
		
	}
	.titreBarreLaterale {
		position:absolute;
		left:0px;
		top:2px;
		height: 15px;
		background: url(../images/basculeurAccordeonActif.png);
		color: #ffffff;
		width: 202px;
		font-size:11px;
		text-align:center;
	}
	
	#conteneurPrincipal {
		position:absolute;
		top: 190px;
		left: 206px;
		padding:2px;
		width:814px;
		height:598px;
		background-image:url(../images/fondCentralPN.png);
	}
		
	#barreTitre{
		z-index:1;
		position:absolute;
		color:#FFF;
		top: 3px;
		left: 2px;
		width:814px;
		text-align:center;
		font-size:12px;
		background-image:url(../images/basculeurAccordeonActif.png);
	}
	#barreTitreForum{
		z-index:2;
		position:absolute;
		top: 2px;
		left: 2px;
		width:1016px;
		text-align:center;
		font-size:12px;
		color:#FFFFFF;
		background-image:url(../images/basculeurAccordeonActif.png);
	}
	#conteneurTexte {
		position:absolute;
		top: 18px;
		left: 10px;
		padding:10px;
		width:785px;
		height:550px;
		font-size:12px;
		text-align:justify;
		overflow:auto;
		z-index:1;
		
	}
	#identForm {
		position:absolute;
		top: 10px;
		left: 10px;
		padding:10px;
		width:560px;
		height:560px;
		font-size:10px;
		text-align:justify;
		overflow:auto;
		
	}
	
	#deconnexion{
		font-size:10px;
		position:absolute;
		top: 3px;
		color:#FFFFFF;
		right:-30px;
		height:15px;
		width:100px;
		z-index:1;
	}
	#nomUtilisateur{
		font-size:10px;
		position:absolute;
		top:3px;
		left:10px;
		color:#FFFFFF;
		z-index:1;
	}
	#listeDesMembres {
		width:100%;
	}
	
	#listeDesMembres td{
		width:1%;
	}
/*-------------------------------------------------------*/


/*PAGE D'IDENIFICATION POUR MAJ DU SITE (ou Forum)*/
	#conteneurLarge {
		position:absolute;
		top: 192px;
		font-size:12px;
		left: 1px;
		padding:10px;
		width:1004px;
		height:580px;
		background-image:url(../images/fondIntegral.png);
	}
	#conteneurEdition {
		position:absolute;
		top: 192px;
		left: 212px;
		padding:10px;
		width: 792px;
		height:580px;
		padding: 10px;
		text-align:justify;
		background-image:url(../images/fondEdition.png);
	
	}
	#navigationVierge{
		position:absolute;
		padding:10px;
		font-size:14px;
		text-align:center;
		top:150px;
		left:0px;
		width:1004px;
		height:20px;
		background: url(../images/navigationVierge.png); 				
	}
	#contenu{
		width : 500px;
		heigth : 100px;

	}
	#majUtilisateur{
		font-size:14px;
		color:#FFFFFF;
	}
	/*#deconnexion a{
		position:absolute;
		top: 9px;
		right:8px;
		height:22px;
		width:22px;
		display: block;
		background-image:url(../images/logout.png);
		z-index:1;
	}*/
	
	
/*-------------------------------------------------------*/


/*PAGES AYANT UN MENU ACCODEON*/
	
	#vertical_container {
		position:absolute;
		top: 18px;
		padding-bottom:20px;
		padding-right:10px
		width:804px;
		height:558px;
		font-size:10px;
		text-align:justify;
		overflow:auto;
		
	}
	.accordion_toggle {
		/*display: block;*/
		height: 20px;
		width: 804px;
		padding-left:10px;
		line-height: 20px;
		font-weight: normal;
		outline: none;
		font-size: 10px;
		color: #000000;
		margin: 0 0 0 0;
		cursor:pointer;
		background: url(../images/basculeurAccordeon.png);
	}
	
	.accordion_toggle_active {
		height: 20px;
		background: url(../images/basculeurAccordeon.png);
		color: #933;
		width: 804px;
		padding-left:10px;
	}
	
	.accordion_content {
		width: 794px;
		padding : 10px;
		background-color:#933;
	}
		
		.accordion_content h2 {
			margin: 15px 0 5px 10px;
			color: #0099FF;
		}
		
		.accordion_content p {
			line-height: 100%;
			padding: 5px 10px 15px 10px;
		}
	
  	
	
/*-------------------------------------------------------*/


/*MENU DE NAVIGATION HORIZONTAL*/



/*2-PN*/
	#main-nav{
		position:absolute;
		top:150px;
		left:0px;
		width:1024px;
		height:40px;
		background: url(../images/navigation.png);
	}
	
	
	#main-nav ul{
		border: 0;
		margin: 0;
		padding: 0;
		list-style-type: none;
		text-align: center;
		clear: left;
	}
	
	#main-nav ul li{
		display: block;
		float: left;
		text-align: center;
		padding: 0;
		margin: 0;
	}
	
	#main-nav ul li a span{
		display:none;
	}
	#main-nav ul li a{
		width:128px;
		height:40px;
		margin:0px;
		padding:0px;
		display: block;
			
	}
	
	#main-nav ul li a.accueil:hover, #main-nav ul li a.accueil:active{
		background:  url(../images/navigation.png) 0px -40px;
	}
	#main-nav ul li a.contact:hover,#main-nav ul li a.contact:active{
		background:  url(../images/navigation.png) -128px -40px;
	}
	#main-nav ul li a.ecole:hover,#main-nav ul li a.ecole:active{
		background:  url(../images/navigation.png) -256px -40px;
	}
	#main-nav ul li a.juniors:hover,#main-nav ul li a.juniors:active{
		background:  url(../images/navigation.png) -384px -40px;
	}
	#main-nav ul li a.synchro:hover,#main-nav ul li a.synchro:active{
		background:  url(../images/navigation.png) -512px -40px;
	}
	#main-nav ul li a.synchro_masters:hover,#main-nav ul li a.synchro_masters:active{
		background:  url(../images/navigation.png) -640px -40px;
	}
	#main-nav ul li a.aquagym:hover,#main-nav ul li a.aquagym:active{
		background:  url(../images/navigation.png) -768px -40px;
	}
	#main-nav ul li a.triathlon:hover,#main-nav ul li a.triathlon:active{
		background:  url(../images/navigation.png) -896px -40px;
	}

/*3-Interface recherche*/
	#recherche{
		height:15px;
		width:140px;
		margin-top:8px;
		margin-left:20px;
		margin-bottom:7px;
	}
	#loupe{
		position:absolute;
		top:7px;
		right:162px;
		width:22px;
		height:23px;
		z-index:2;
	}
/*-------------------------------------------------------*/


/*MENU DE NAVIGATION VERTICAL */
	
	#menuVertical {
		position:absolute;
		left:1px;
		z-index:1;
		position:absolute;
		width: 199px;
		top:30px;
		
	}
	#menuVertical ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	#menuVertical li a {
		height: 18px;
		text-decoration: none;
		font-size:13px;
	}	
		
	#menuVertical li a:link, #menuVertical li a:visited {
		color: #000000;
		display: block;
		padding: 2px 0 0 5px;
	}
		
	#menuVertical li a:hover {
		color: #FFFFFF;
		display: block;
		vertical-align:middle;
		width:198px;
		background: url(/images/menuVertical.gif) -20px -20px;
				
	}
	/*#menuVertical li a:active {
		color: #FFFFFF;
		vertical-align:middle;
		background:  url(../images/menuVertical.gif) 0 -20px;
		padding: 1px 0 0 10px;
	}	*/
/*-------------------------------------------------------*/

/*FORMULAIRE D'IDENTIFICATION POUR PAGE SéCURISé*/
#formulaire{
	border-color:#000000;
	font-size:10px;
	padding-top:220px;
	padding-left:14px;
}
/*-------------------------------------------------------*/

/*Lien hypetexte*/
a:link {
	font-style:normal;
	color:#0000FF;
	text-decoration: none;		
}
a:visited { 
	color:#0000FF;
	text-decoration: none; 
}
a:hover { 
	color:#000000;
	font-style: normal;
	text-decoration: none; 
}
/*----------------------Auto Completion---------------------------------*/

div.autocomplete {
  position:absolute;
  width:300px;
  background-color:white;
  border:1px solid #888;
  margin:0;
  padding:0;
}
div.autocomplete ul {
  list-style-type:none;
  margin:0;
  padding:0;
}
div.autocomplete ul li.selected { background-color: #ffb;}
div.autocomplete ul li {
  list-style-type:none;
  display:block;
  margin:0;
  padding:2px;
  height:32px;
  cursor:pointer;
}