/* CSS Document */
/* DEBUT Définition par défaut des balises */

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #1884DC;
	padding: 0;
	margin: 0;
}

p {
  text-align:justify;
  font-size:12px;
}

h3 {
  text-align:center;
  margin:1em 0 2em 0;
}

h4 {
  font-size:14px;
}

li {
  font-size:12px;
}

a {
	color:#4848FF;
	font-weight:bold;
	padding:0;
}

a:hover {
	color:#FF3300;
}

img {
	border:none;
}

hr {
    clear:both;
	visibility:hidden;
	margin: 0;
}


/* FIN Définition par défaut des balises */

#page {
    /* Taille avec boutons Forum & Espace Membre
	width:939px;*/
	width:940px;
	text-align: left;
	margin: 0 auto;
}

#entete {
 	height:130px;
	border: 1px solid #000000;
	margin-bottom:15px;
}


	#entete img, #entete object {
 		float:left; 
  		width:117px;
  		height:130px;
  		background-color:#EDEFFE;
	}

	#entete #titre {
    	/* Taille avec boutons Forum & Espace Membre
           Taille de l'image bandeau : w=820px min. h=100px min. 
		width:909px;*/
        /* Taille de l'image bandeau : w=821px min. h=100px min. */ 
		background-color: #000000;
		border-bottom:1px solid #000000;
		border-left:1px solid #000000;
		float:left;
    	width:820px;
		font-style: oblique;
		font-weight: bold;
		color:#FFFFFF;
		position:relative;
		height:100px;
	}

		#entete #titre h1 {
			font-size: 18px;
			margin:0;
			padding: 0 10px;
			display:inline;
			position:absolute;
			top:0;
			left:0;
			z-index:10;
		}

		#entete #titre a {
			color:#FFFFFF;
			font-size: 14px;
			margin:0;
			padding:0;
			position:absolute;
   			text-decoration:none;
			top:3px;
			left:250px;
			z-index:10;
		}

		#entete #titre a:hover{
		color:#FFFFFF;
		}
		
		#entete #titre img {
			position:absolute;
			top:0;
			left:0;
			width:820px;
			height:100px;
		}

	#entete ul {
    	float:left;
		margin:0;
		padding:0;
		text-align:center;
		border-left:1px solid #000000;
		width:820px;
   		background-image: url(../images/ergo/fond_menu_gris.png);
	}

		#entete ul li {
			float:left;
			line-height:29px;
			padding:0;
			margin:0;
			background-position:top;
    		list-style: none;
		}

		#entete ul li a {
	        /* Correction bug IE  taille ici plutôt*/
			/* que sur #entete ul li pour réaction sur tout le bouton*/	    
			/* Taille avec boutons forum et Espace perso
			width:116px;*/
			width:136px;
    		display:block; 
			font-size: 10px;
			text-decoration:none;
			font-weight: bold;
			color: #000000;
		}

		#entete ul li a:hover {
/*			color: #000000;*/
			text-decoration:none;
    		background-image: url(../images/ergo/bouton/bouton_dessus_bleu.png);
			background-position:center;
			background-repeat:no-repeat;
		}

h3#chemin {
	margin:0;
	padding:0 0 0 1em;
	text-align:left;
	float:left;
	line-height:2em;
	font-size:14px;
    background-color:#000000;
	color:#FFFFFF;
}

h3#dateJour {
	text-align:right;
	margin:0;
	padding:0 1em 0 0;
	line-height:2em;
	font-size:14px;
    background-color:#000000;
	color:#FFFFFF;
	text-transform:capitalize;
}

.imgLegCentre {
	text-align: center;
}

.imgLegFlGauche {
	float:left;
	/* Ajout position relative pour affichage sous IE */
	position:relative;
	margin-right:15px;
}

	.imgLegCentre img, .imgLegFlGauche img {
		background-color: #FFFFFF;
		border :1px solid #000000;
		margin :0px;
		padding: 2px;
	}

	.imgLegCentre h4, .imgLegFlGauche h4 {
		font-size:10px;
		margin:0.5em 0 0 0;
		text-align:center;
	}
  
#contenu {
    background-color: #F5CA9A;
    margin:0;
	border :1px solid #000000;
	position:relative;
}

/* Copie de contenu dans le cas de bandeaux dont le maitre est le gauche 
   Remarque : on ne change que la couleur (Cause problème positionnement IE en absolu */
#contenu_gm {
	background-color: #FDF0D9;
    margin:0;
	border :1px solid #000000;
	position:relative;
}

/* Bandeau de droite Maitre
   Dans le cas où le bandeau de droite est plus le grand */
#gauche_es {
	position: absolute;
	width:220px;
	left:0;
	top:0;
}

#droite_ma {
	background-color: #FDF0D9;
	background-image:url(../images/ergo/degrade_gauche.gif);
	margin-left:220px;
	padding:15px;
	padding-left:20px;
	position:relative;
	min-height: 600px;
}

/* Bandeau de gauche Maitre 
   Dans le cas où le bandeau de gauche est plus le grand 
   Attention : Dépendant de la taille de la page (actuellement 940px)
   1px*2 (bordure contenu) + 220px + 698px + 10px*2 (padding)
*/
#gauche_ma {
    background-color: #F5CA9A;
	width:220px;
	padding:1em 0;
	margin:0;
}

#droite_es {
	position: absolute;
	right:0;
	top:0;
	width:698px;
	padding:10px;
}


.annonce {
	border: 1px solid #F4B735;
	margin:10px;
	background-color: #FEF8EB;
}

	.annonce h4 {
		font-size:12px;
		text-align:center;
		margin:0;
		padding:5px;
		display:block;
/*		border-bottom: 1px solid #000000;*/
		background-color: #F4B735;
	}
	
	.annonce p {
		padding: 0 10px;
		font-size:10px;
	}
	
	.annonce a {
		font-size:10px;
	}

ul.menuBandeau {
	font-weight: bold;
   	padding:0 20px;
   	margin:10px auto;
}

	ul.menuBandeau li {
   		font-size:11px;
   		background-color: #FDEDD0;
		/* Pour contourner un bug IE */
		/* Remplace margin-bottom:1px;*/ 
   		border-bottom: 1px solid #F5CA9A;
   		line-height: 2.5em;
		list-style: none;
	}

		ul.menuBandeau li a {
   			border: 1px solid #F4B135;
   			text-decoration:none;
   			display:block;
		    color:#BC6B12;
			padding:0 10px;
		}

			ul.menuBandeau li a.selected {
   				background-color:#FEF8EB;
		    	color:#7C470C;
			}

			ul.menuBandeau li a:hover{
		    	color:#7C470C;
   				background-color:#FEF8EB;
			}
#xiti-logo {
	margin:10px;
}

#connect {
	border:1px solid #000000;
	width:185px;
	margin:10px auto; 
	background-color: #FEF8EB;
	visibility:hidden;
}

	#connect h4 {
		background-color: #F4B735;
		padding: 5px;
		margin: 0;
		text-align:center;
		font-size:12px;
		border-bottom: 1px solid #000000;
	}
	
	#connect div {
/*		border:1px solid #000000;*/
		margin:10px 0;
	}
	
		#connect p {
			font-size:10px;
			width:90px;
			float:left;
			margin:0;
			padding-left:5px;
			line-height:2em;
		}
	
		#connect input {
			font-size:10px;
			border:1px solid #000000;
			width:80px;
			background-color: #FFFFFF;
		}

		
#pied  {
    margin-top:15px;
	padding: 10px; 
	border: 1px solid #000000;
	background-color:#CFC4A5;
	text-align:center;
}
	
	#pied address {
		font-style:normal;
		font-size: 11px;
	}
	
	#pied span {
		font-size: 10px;
	}
	
#validate {
	padding:3px;
	text-align:right;
}	

#erreur {
	text-align:center;
	height:400px;
}

	#erreur h2 {
		color:#FF6A6A;
	}
	
	#erreur p {
		text-align:center;
		margin:20px auto;
		font-size:14px;
	}
	
	#erreur a {
		font-size:12px;
	}

a.retour {
	display:block;
	text-align:center;
	font-size:12px;
	line-height:40px;
}