/* 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:Arial, Helvetica, sans-serif;
		font-size:10px;
		color:#59504D;
		background-color:#F4F4F4;
	}

	input, textarea, select {font-size:11px}
	
	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:864px;	/* Old value : 780, +84 */
		background-color:#fff;
		background-image:url(/img/structure_front/ombre_droite.gif);
		background-repeat:repeat-y;
		background-position:0 0;
	}
/*fin styles globaux___________________________________________________________________________*/


/*structure____________________________________________________________________________________*/
	#header{  /*entete*/
		width:864px;	/* Old value : 779 */
		/*
		background-image:url(/img/structure_front/ombre_droite.gif);
		background-repeat:repeat-y;
		background-position:right;*/
	}
	
	#header img { 
		/*display:none*/
		margin:0 0 0 1px;
	}
	
	#pub{ /*bandeau*/
		width:861px;	/* Old value : 588 */
		height:197px;
	}
	
	#identification{ /*module d'identification*/
		position:absolute;
		left:50%;
		margin-left:225px;
		top:12px;
		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:#4a6951;
		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:862px;
		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:620px;
		padding-left:10px;
	}
	
	.horizontalBarVisitors{ /*barre horizontale aspect du nombre de visiteurs*/
		width:150px;
		color:#fff;
		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:175px;	/* 200 - (20+4+1) */
		background-color:#fff;
		padding:25px 20px 0 4px;
		border-left:1px solid #8D8F8F;
	}
	
	#content { /*partie centrale de contenu*/
		float:left;
		width:465px;	/* 479 - (14) */
		margin:8px 0 0 0;
		padding:0 14px 0 0;
	}
	
	#right{ /*barre de droite*/
		float:left;
		width:182px;	/* 182 */
		padding:25px 0 0 0;
	}
	
	#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;
		width:863px;	/* 864 - (1) */
		border-left:1px solid #8D8F8F;
	}
	
	#footer { /*pied de page*/
		width:864px;
		background-color:#f4f4f4;
		background-image:url(/img/structure_front/ombre_footer.gif);
		background-repeat:no-repeat;
		padding:14px 0 8px 0;
	}
	
	#footerLeft { /*pied de page partie gauche (liens)*/
		float:left;
		width:479px;	/* 679 - (200) */
		padding:0 0 0 200px;
	}
	
	#footerLeft a { /*pied de page partie gauche (liens) aspect des liens*/
		font-size:110%;
		color:#8c1e39;
		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:180px;
		text-align:right;
		padding-right:5px;
		font-size:110%;
		color:#8D8F8F;
	}
	
	#fixFooter{ /*pied de page permet l'alignement de la partie gauche et de la partie droite*/
		height:1px;
		clear:both;
	}
/* 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:173px;
	}
		
	.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 0;
		padding:0;
		list-style:none;
	}
	
	ul.forum li{ /*liste des liens pour les forums (bloc forum uniquement)*/
		margin:0;
		padding:0 0 0 15px;
		background-image:url(/img/structure_front/puce.gif);
		background-repeat:no-repeat;
		background-position:8px 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 {
		margin:0 0 0 0;
	}
	.bloc a { /*aspect des liens des blocs*/
		color:#8c1e39;
		text-decoration:none;
		font-size:100%;
	}
	
	.liens_evidences a {
		color:#8c1e39;
		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 B : entête*/
			width:148px;	/* 173 - (19+6) */
			height:15px;	/* 18 - (3) */
			padding:3px 0 0 19px;
			font-size:110%;
			font-weight:normal;
			color:#8e2039;
			border-left:6px solid #fff;
			background-color:#eccda0
		}
		
		.blocA2 { /*bloc style B : zone de contenu*/
			width:151px;	/* 173 - (1+1+10+10) */
			padding:10px 10px 8px 10px;
			font-size:110%;
			color:#8c1e39;
			background-color:#fff3e3;
			border-top:1px solid #bb5858;
			border-left:1px solid #bb5858;
			border-right:1px solid #bb5858;
		}
						
		.blocA3 { /*bloc style B : pied*/
			width:171px;	/* 173 - (1+1) */
			height:5px;
			font-size:.1em;
			background-color:#fff3e3;
			border-bottom:1px solid #bb5858;
			border-left:1px solid #bb5858;
			border-right:1px solid #bb5858;
		}
	/* 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:148px;	/* 173 - (19+6) */
			height:15px;	/* 18 - (3) */
			padding:3px 0 0 19px;
			font-size:110%;
			font-weight:normal;
			color:#fff;
			border-left:6px solid #fff;
			background-color:#8c1e39
		}
		
		.blocB2 { /*bloc style B : zone de contenu*/
			width:151px;	/* 173 - (1+1+10+10) */
			padding:10px 10px 8px 10px;
			font-size:110%;
			color:#8c1e39;
			background-color:#fff3e3;
			border-top:1px solid #bb5858;
			border-left:1px solid #bb5858;
			border-right:1px solid #bb5858;
		}
						
		.blocB3 { /*bloc style B : pied*/
			width:171px;	/* 173 - (1+1) */
			height:5px;
			font-size:.1em;
			background-color:#fff3e3;
			border-bottom:1px solid #bb5858;
			border-left:1px solid #bb5858;
			border-right:1px solid #bb5858;
		}
	/* fin bloc style B : entête jaune fond du contenu gris*/
	
	/* bloc style C : entête orange fond du contenu blanc*/
		.blocC1{ /*bloc style B : entête*/
			width:148px;	/* 173 - (19+6) */
			height:15px;	/* 18 - (3) */
			padding:3px 0 0 19px;
			font-size:110%;
			font-weight:normal;
			color:#8e2039;
			border-left:6px solid #fff;
			background-color:#eccda0
		}
		
		.blocC2 { /*bloc style B : zone de contenu*/
			width:151px;	/* 173 - (1+1+10+10) */
			padding:10px 10px 8px 10px;
			font-size:110%;
			color:#eccda0;
			background-color:#8c1e39;
			border-top:1px solid #bb5858;
			border-left:1px solid #bb5858;
			border-right:1px solid #bb5858;
		}
						
		.blocC2 a {
			color:#eccda0;
		}
						
		.blocC3 { /*bloc style B : pied*/
			width:171px;	/* 173 - (1+1) */
			height:5px;
			font-size:.1em;
			background-color:#8c1e39;
			border-bottom:1px solid #bb5858;
			border-left:1px solid #bb5858;
			border-right:1px solid #bb5858;
		}
	/* 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 B : entête*/
			width:148px;	/* 173 - (19+6) */
			height:15px;	/* 18 - (3) */
			padding:3px 0 0 19px;
			font-size:110%;
			font-weight:normal;
			color:#fff;
			border-left:6px solid #fff;
			background-color:#8c1e39
		}
		
		.blocD2 { /*bloc style B : zone de contenu*/
			width:151px;	/* 173 - (1+1+10+10) */
			padding:10px 10px 8px 10px;
			font-size:110%;
			color:#8c1e39;
			background-color:#fff;
			border-top:1px solid #bb5858;
			border-left:1px solid #bb5858;
			border-right:1px solid #bb5858;
		}
						
		.blocD3 { /*bloc style B : pied*/
			width:171px;	/* 173 - (1+1) */
			height:5px;
			font-size:.1em;
			background-color:#fff;
			border-bottom:1px solid #bb5858;
			border-left:1px solid #bb5858;
			border-right:1px solid #bb5858;
		}

		.blocA2 table, .blocB2 table, .blocC2 table, .blocD2 table {
			width:100%
		}
		.blocA2 table td, .blocB2 table td, .blocC2 table td, .blocD2 table td {
			font-size:100%; color:#59504d
		}
		.blocA2 table td.tab1, .blocB2 table td.tab1, .blocC2 table td.tab1, .blocD2 table td.tab1 {
			background-color:#eccda0; padding:3px 0 3px 0;
		}
		.blocA2 table td.tab1 a.c6, .blocB2 table td.tab1 a.c6, .blocC2 table td.tab1 a.c6, .blocD2 table td.tab1 a.c6 {
			font-size:1em; color:#8c1e39
		}
		.blocA2 table tr.c0 td, .blocB2 table tr.c0 td, .blocC2 table tr.c0 td, .blocD2 table tr.c0 td {
			background-color:#eccda0; color:#8c1e39;
			font-size:1.1em
		}
		.blocA2 table td.c3, .blocB2 table td.c3, .blocC2 table td.c3, .blocD2 table td.c3 {
			color:#fff
		}

	/* fin bloc style D : entête jaune fond du contenu jaune pâle*/
	
/*fin des blocs____________________________________________________________________________________*/

