/* CSS Document */

/*feuilles de styles pour la structure avec les blocs collés droits avec arrondi en haut de la colonne*/

/*styles globaux________________________________________________________________________________*/
	body{ /*définit les marges et la police pour l'ensemble du document*/
		margin:0;
		padding:0;
		font-family:Trebuchet MS,verdana,arial;
		font-size:10px;
		color:#59504D;
		background-color:#fff;
	}
	
	a img{ /*les images-liens n'ont pas de bordure*/
		border:0;
	}
	
	form{ /*les formulaires n'ont pas de marges*/
		margin:0;
		padding:0
	}
	
	#global{ /*div qui englobe toute la structure, fixé en largeur et centré horizontalement dans le navigateur*/
		margin:auto;
		width:780px;
		background-color:#fff;
		background-image:url(/img/structure_front/ombre_droite.gif);
		background-repeat:repeat-y;
		background-position:right;
	}
/*fin styles globaux___________________________________________________________________________*/


/*structure____________________________________________________________________________________*/
	#header{  /*entete*/
		width:779px;
		border-left:1px solid #8D8F8F;
		background-image:url(/img/structure_front/ombre_droite.gif);
		background-repeat:repeat-y;
		background-position:right;
		display:none;
	}
	
	#pub{ /*bandeau*/
		float:left;
		width:588px;
		height:120px;
	}
	
	/*	Old code
	#identification{ 
		float:left;
		width:190px;
		height:97px;
		margin-top:23px;
		color:#666;
		font-family:arial;
	}
	*/

	#identification{ /*module d'identification*/
		position:absolute;
		left:50%;
		margin-left:195px;
		top:23px;
		width:190px;
		height:97px;
		color:#fff;
		font-family:arial;
	}
	
	#identification p{ /*identification mode connecté*/
		margin:0 5px 10px 0;
		color:#fff;
		text-align:right;
	}
	
	#identification p a{/*identification mode connecté aspect des liens*/
		color:#fff;
		font-size:100%;
		text-decoration:underline;
	}
	
	#identification p a:hover{ /*identification mode connecté aspect des liens survolés*/
		text-decoration:none;
	}
	
	.identLabel{ /*identification intitulés identifiant et mot de passe*/
		text-align:right;
		padding-right:5px;
	}
	
	.identSubmit{ /*identification marge gauche des champs de saisie*/
		padding-left:5px;
	}
	
	.textField{ /*identification aspect des champs de saisie*/
		border:1px solid #666;
		font-family:arial;
		font-size:10px;
		color:#FE6B38;
		padding:1px 2px 1px 2px;
	}
	
	.identForgot{ /*identification marge et alignement du lien "j'ai oublié ces informations"*/
		padding-top:9px;
		text-align:right;
	}
	
	.identForgot a{ /* identification aspect du lien "j'ai oublié ces informations"*/
		font-family:arial;
		color:#fff;
		text-decoration:underline;
	}
	
	.identForgot a:hover{ /* identification aspect du lien "j'ai oublié ces informations" en mode survolé*/
		text-decoration:none;
	}
	
	#horizontalBar{ /*barre horizontale*/
		clear:both;
		width:779px;
		height:20px;
		padding-top:2px;
		background-image:url(/img/structure_front/horizontal_bar2.gif);
	}
	
	.horizontalBarDate{ /*barre horizontale aspect et marge de la date*/
		font-size:110%;
		color:#fff;
		width:550px;
		padding-left:10px;
	}
	
	.horizontalBarVisitors{ /*barre horizontale aspect du nombre de visiteurs*/
		width:150px;
		color:#59504D;
		font-size:110%;
	}
	
	.white{ /*permet d'afficher du texte en blanc*/
		color:#fff;
	}
	
	.horizontalBarFlags{ /*barre horizontale marge des drapeaux*/
		padding-top:2px;
	}
	
	.horizontalBarPrint{ /*barre horizontale marge du picto d'impression*/
		padding:2px 0 0 8px;
	}
	
	#left{ /*barre de gauche*/
		float:left;
		width:146px;
		background-color:#fff;
		background-image:url(/img/structure_front/arrondi_col.gif);
		background-repeat:no-repeat;
		background-position:3px 5px;
		padding:25px 0 0 3px;
		border-left:1px solid #8D8F8F;
		display:none;
	}
	
	#content{ /*partie centrale de contenu*/
		float:left;
		width:450px;
		margin:8px 14px 0 15px;
	}
	
	#right{ /*barre de droite*/
		float:left;
		width:146px;
		padding:25px 3px 0 0;
		background-color:#fff;
		background-image:url(/img/structure_front/arrondi_col.gif);
		background-repeat:no-repeat;
		background-position:0px 5px;
		border-right:1px solid #8D8F8F;
		display:none;
	}
	
	#fixStructure{ /*permet l'alignement des 3 éléments barre de gauche partie centrale et barre de droite*/
		clear:both;
		height:1px;
		background-image:url(/img/structure_front/ombre_droite.gif);
		background-repeat:repeat-y;
		background-position:right;
		border-left:1px solid #8D8F8F;
		width:779px;
		display:none;
	}
	
	#footer{ /*pied de page*/
		width:780px;
		background-color:#F4F4F4;
		background-image:url(/img/structure_front/ombre_footer.gif);
		background-repeat:no-repeat;
		padding:14px 0 8px 0;
		display:none;
	}
	
	#footerLeft{ /*pied de page partie gauche (liens)*/
		float:left;
		width:380px;
		padding:0 0 0 200px;
	}
	
	#footerLeft a{ /*pied de page partie gauche (liens) aspect des liens*/
		font-size:100%;
		color:#CC0000;
		text-decoration:none;
	}
	
	#footerLeft a:hover{ /*pied de page partie gauche (liens) aspect des liens survolés*/
		text-decoration:underline;
	}
	
	#footerRight{ /*pied de page partie droite (copyright)*/
		float:left;
		width:195px;
		text-align:right;
		padding-right:5px;
		font-size:100%;
		color:#8D8F8F;
	}
	
	#fixFooter{ /*pied de page permet l'alignement de la partie gauche et de la partie droite*/
		height:1px;
		clear:both;
		display:none;
	}
/* fin structure________________________________________________________________________________*/

/*blocs dans cette feuille de styles les blocs sont droits, collés entre eux et leurs 
conteneurs (barre de gauche et de droite) ne possédent pas d'arrondi____________________________*/

	.bloc{ /*taille d'un bloc*/
		width:146px;
	}
	
	.bloc ul{ /*liste des liens dans un bloc*/
		margin:0 0 5px 0;
		padding:0;
		list-style:none;
	}
	
	.bloc li{ /*liste des liens dans un bloc*/
		margin:0;
		padding:0 0 0 8px;
		background-image:url(/img/structure_front/puce.gif);
		background-repeat:no-repeat;
		background-position:0 7px;
	}
	
	ul.forum{ /*liste des liens pour les forums (bloc forum uniquement)*/
		margin:4px 0 8px 6px;
		padding:0;
		list-style:none;
	}
	
	ul.forum li{ /*liste des liens pour les forums (bloc forum uniquement)*/
		margin:0;
		padding:0 0 0 8px;
		background-image:url(/img/structure_front/puce.gif);
		background-repeat:no-repeat;
		background-position:0 8px;
	}
	
	ul.forum li a{ /*aspect des liens vers les forums (bloc forum uniquement)*/
		font-size:90%;
		color:#59504D;
		text-decoration:none;
	}
	
	ul.forum li a:hover{ /*aspect des liens survolés vers les forums (bloc forum uniquement)*/
		text-decoration:underline;
	}
	
	.bloc a{ /*aspect des liens des blocs*/
		color:#CC0000;
		text-decoration:none;
		font-size:100%;
	}
	
	.bloc a:hover{ /*aspect des liens survolés des blocs*/
		text-decoration:underline;
	}
	
	/*bloc style A : entête orange fond gris*/
		.blocA1{ /*bloc style A : entête*/
			width:128px;
			height:16px;
			padding:1px 0 0 16px;
			background-color:#FE6B38;
			font-size:110%;
			font-weight:bold;
			color:#fff;
			border-left:1px solid #8D8F8F;
			border-right:1px solid #8D8F8F;
		}
		
		.blocA2{ /*bloc style A : zone de contenu*/
			width:133px;
			padding:10px 5px 8px 6px;
			font-size:110%;
			color:#757779;
			background-color:#F4F4F4;
			border-top:1px solid #8D8F8F;
			border-left:1px solid #8D8F8F;
			border-right:1px solid #8D8F8F;
		}
		
		.blocA3{ /*bloc style A : pied*/
			width:144px;
			height:11px;
			background-color:#F4F4F4;
			border-bottom:1px solid #8D8F8F;
			border-left:1px solid #8D8F8F;
			border-right:1px solid #8D8F8F;
		
		}
	/* fin bloc style A : entête orange fond gris*/
	
	
	/* bloc style B : entête jaune fond du contenu gris*/
		.blocB1{ /*bloc style B : entête*/
			width:128px;
			height:16px;
			padding:1px 0 0 16px;
			background-color:#E0D567;
			font-size:110%;
			font-weight:bold;
			color:#8B853B;
			border-left:1px solid #8D8F8F;
			border-right:1px solid #8D8F8F;
		}
		
		.blocB2{ /*bloc style B : zone de contenu*/
			width:133px;
			padding:10px 5px 8px 6px;
			font-size:110%;
			color:#757779;
			background-color:#F4F4F4;
			border-top:1px solid #8D8F8F;
			border-left:1px solid #8D8F8F;
			border-right:1px solid #8D8F8F;
		}
		
		.blocB3{ /*bloc style B : pied*/
			width:144px;
			height:17px;
			background-color:#F4F4F4;
			border-bottom:1px solid #8D8F8F;
			border-left:1px solid #8D8F8F;
			border-right:1px solid #8D8F8F;

		}
	/* fin bloc style B : entête jaune fond du contenu gris*/
	
	/* bloc style C : entête orange fond du contenu blanc*/
		.blocC1{ /*bloc style C : entête*/
			width:128px;
			height:16px;
			padding:1px 0 0 16px;
			background-color:#FE6B38;
			font-size:110%;
			font-weight:bold;
			color:#fff;
			border-left:1px solid #8D8F8F;
			border-right:1px solid #8D8F8F;
		}
		
		.blocC2{ /*bloc style C : zone de contenu*/
			width:133px;
			padding:10px 5px 8px 6px;
			font-size:110%;
			color:#757779;
			background-color:#fff;
			border-top:1px solid #8D8F8F;
			border-left:1px solid #8D8F8F;
			border-right:1px solid #8D8F8F;
		}
		
		.blocC3{ /*bloc style C : pied*/
			width:144px;
			height:11px;
			background-color:#fff;
			border-bottom:1px solid #8D8F8F;
			border-left:1px solid #8D8F8F;
			border-right:1px solid #8D8F8F;
		}
	/* fin bloc style C : entête orange fond du contenu blanc*/
	
	/* bloc style D : entête jaune fond du contenu jaune pâle*/
		.blocD1{ /*bloc style D : entête*/
			width:128px;
			height:16px;
			padding:1px 0 0 16px;
			background-color:#E0D567;
			font-size:110%;
			font-weight:bold;
			color:#8B853B;
			border-left:1px solid #8D8F8F;
			border-right:1px solid #8D8F8F;
		}
		
		.blocD2{ /*bloc style D : zone de contenu*/
			width:133px;
			padding:10px 5px 8px 6px;
			font-size:110%;
			color:#757779;
			background-color:#F9F9E9;
			border-top:1px solid #8D8F8F;
			border-left:1px solid #8D8F8F;
			border-right:1px solid #8D8F8F;
		}
		
		.blocD3{ /*bloc style D : pied*/
			width:144px;
			height:11px;
			background-color:#F9F9E9;
			border-bottom:1px solid #8D8F8F;
			border-left:1px solid #8D8F8F;
			border-right:1px solid #8D8F8F;
		}
	/* fin bloc style D : entête jaune fond du contenu jaune pâle*/
	
/*fin des blocs____________________________________________________________________________________*/