/* 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*/
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
	}
	
	* {
		background-repeat:no-repeat;
		margin:0;
		padding:0;
		list-style:none;
		background-repeat:no-repeat;
		text-decoration:none;
	}
	
	a img{ /*les images-liens n'ont pas de bordure*/
		border:0;
	}
	
	#global{ /*div qui englobe toute la structure, fixé en largeur et centré horizontalement dans le navigateur*/
		margin:auto;
		width:770px;
	}
	
	.white{ /*permet d'afficher du texte en blanc*/
		color:#fff;
	}
	
	a.link {color:#ff9900;}
	
	a:hover.link {text-decoration:underline;}
/*fin styles globaux___________________________________________________________________________*/

/*----------------------------------------------------------------- Top */
	#top {
		width:770px;
		float:left;
	}
/*----------------------------------------------- Visuel */
	#visu {
		width:447px;
		height:270px;
		float:left;
		margin:0 4px 4px 0;
	}
	* html #visu {
		margin-bottom:0;
	}
/*----------------------------------------------- Logo cliquable */
	#logo {
		width:194px;
		height:119px;
		float:left;
		background-image:url(../img/structure_front/logo.gif);
		background-position:125px 2px;
		padding:2px 0 0 125px;
	}
	#goHome {
		width:126px;
		height:111px;
		display:block;
		padding:2px 0 0 57px;
	}
/*----------------------------------------------- Adresse et accès rapide */
	#address_access  {
		width:301px;
		height:131px;
		float:left;
		background-image:url(../img/structure_front/degrade_acces.jpg);
		background-repeat:repeat-x;
		padding:9px;
	}
	#address {
		/*background-image:url(../img/structure_front/adresse.jpg);
		background-position:bottom;
		padding-bottom:10px;*/
		text-align:right;
		color:#fff;
		font-size:0.9em;
	}
	#address a {
		color:#fff;
		text-decoration:underline;
	}
	#quick_access {color:#666;}
	#quick_access p {
		margin:5px 0 0 0;
		font-size:1.1em;
		color:#fff;
	}
	.id_mdp {
		width:100px;
		float:left;
		margin-top:3px;
		color:#aeaeae;
		font-size:0.9em;
	}
	.champs {
		width:108px;
		height:15px;
		margin:0 10px 4px 0;
		padding:1px 0 0 3px;
		color:#0c3753;
		border:solid 1px #9f9f9f;
		font-size:0.9em;
	}
/*structure____________________________________________________________________________________*/
	/*#header{
		width:770px;
	}
	
	#pub{
		float:left;
		width:588px;
		height:234px;
	}*/

	#identification{ /*module d'identification*/
		margin-left:30px;
	}
	
	#identification p{ /*identification mode connecté*/
		margin:0 5px 5px 0;
		color:#fff;
		text-align:right;
		font-size:0.9em;
		color:#ff9900;
	}
	
	#identification p a{/*identification mode connecté aspect des liens*/
		color:#fff;
		text-decoration:underline;
	}
	
	#identification p a:hover{ /*identification mode connecté aspect des liens survolés*/
		text-decoration:none;
	}
	
	.textField{ /*identification aspect des champs de saisie*/
		border:1px solid #666;
		font-family:arial;
		font-size:10px;
		color:#ff9900;
		padding:1px 2px 1px 2px;
	}
	
	.identForgot{ /*identification marge et alignement du lien "j'ai oublié ces informations"*/
		position:relative;
		left:100px;
	}
	
	.identForgot a{ /* identification aspect du lien "j'ai oublié ces informations"*/
		color:#fff;
		font-size:0.9em;
		text-decoration:none;
	}
	
	.identForgot a:hover{ /* identification aspect du lien "j'ai oublié ces informations" en mode survolé*/
		text-decoration:underline;
	}
	
	#horizontalBar{ /*barre horizontale*/
		width:770px;
		height:22px;
		padding-top:2px;
		background-image:url(/img/structure_front/horizontal_bar.gif);
		background-repeat:repeat-x;
		float:left;
	}
	
	.horizontalBarDate{ /*barre horizontale aspect et marge de la date*/
		color:#fff;
		width:550px;
		padding-left:10px;
	}
	
	.horizontalBarVisitors{ /*barre horizontale aspect du nombre de visiteurs*/
		width:150px;
		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;
		padding:8px 0 0 3px;
		background-image:url(../img/structure_front/global.gif);
		background-repeat:repeat-y;
		background-position:left top;
	}
	
	#content{ /*partie centrale de contenu*/
		position:relative;
		float:left;
		width:454px;
		padding:72px 0px 0 8px;
		font-size:0.9em;
	}
	#content #pub {
		position:absolute;
		top:8px;
		left:3px
	} 
	#right{ /*barre de droite*/
		float:right;
		width:142px;
		padding:8px 3px 0 0px;
	}
	
	#fixStructure{
		height:1px;
		background-image:url(/img/structure_front/ombre_droite.gif);
		background-repeat:repeat-y;
		background-position:right;
		border-left:1px solid #8D8F8F;
		width:770px;
		float:left;
	}
	
	#footer{
		width:730px;
		height:32px;
		margin:0 auto 0 auto;
		background-image:url(/img/structure_front/footer.gif);
		background-repeat:repeat-x;
		float:left;
		padding-top:30px;
		color:#71706c;
		padding-left:40px;
		font-size:0.9em;
	}
	#copyright {
		float:left;
		width:250px;
	}
	#footer2 {
		float:left;
	}
	#footer2 a {
		color:#71706c;
		text-decoration:underline;
	}
	#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:145px;
	}
		
	.bloc ul{ /*liste des liens dans un bloc*/
		margin-bottom:5px;		
	}
	
	.bloc li{ /*liste des liens dans un bloc*/
		background-image:url(/img/structure_front/puceO.gif);
		background-position:0 7px;
		padding-left:8px;
	}
	
	ul.forum{ /*liste des liens pour les forums (bloc forum uniquement)*/
		margin:4px 0 8px 0;
	}
	
	ul.forum li{ /*liste des liens pour les forums (bloc forum uniquement)*/
		padding-left:15px;
		background-image:url(/img/structure_front/puce.gif);
		background-position:8px 8px;
	}
	
	ul.forum li a{ /*aspect des liens vers les forums (bloc forum uniquement)*/
		color:#28526e;
		font-size:0.9em;
	}
	
	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:#28526e;
	}
	
	.liens_evidences a {
		color:#000;
	}
	
	.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:133px;
			height:17px;
			font-weight:bold;
			color:#fff;
			background-image:url(../img/structure_front/entete.jpg);
			background-repeat:repeat-x;
			padding:2px 0 0 11px;
			float:left;
		}
		
		.blocA2{ /*bloc style A : zone de contenu*/
			width:134px;
			padding:10px 5px 8px 6px;
			color:#757779;
			background-image:url(../img/structure_front/bloc_bg.gif);
			background-repeat:repeat-y;
			float:left;
		}
		
		.blocA3{ /*bloc style A : pied*/
			width:145px;
			height:4px;
			background-image:url(../img/structure_front/bloc_bt.gif);
			margin-bottom:5px;
			float:left;
		}
	/* 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:133px;
			height:17px;
			font-weight:bold;
			color:#fff;
			background-image:url(../img/structure_front/entete.jpg);
			background-repeat:repeat-x;
			padding:2px 0 0 11px;
			float:left;
		}
		.blocB2{ /*bloc style B : zone de contenu*/
			width:134px;
			padding:10px 5px 8px 6px;
			color:#757779;
			background-image:url(../img/structure_front/bloc_bg.gif);
			background-repeat:repeat-y;
			float:left;
		}
		.blocB2 a{ /*bloc style B : zone de contenu*/
			background-image:url(/img/structure_front/puceO.gif);
			background-position:0 7px;
			padding-left:8px;
		}
		.blocB3{ /*bloc style B : pied*/
			width:145px;
			height:4px;
			background-image:url(../img/structure_front/bloc_bt.gif);
			margin-bottom:5px;
			float:left;
		}
	/* 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:133px;
			height:17px;
			font-weight:bold;
			color:#fff;
			background-image:url(../img/structure_front/entete.jpg);
			background-repeat:repeat-x;
			padding:2px 0 0 11px;
			float:left;
		}
		
		.blocC2{ /*bloc style C : zone de contenu*/
			width:134px;
			padding:10px 5px 8px 6px;
			color:#757779;
			background-image:url(../img/structure_front/bloc_bg.gif);
			background-repeat:repeat-y;
			float:left;
		}
		
		.blocC3{ /*bloc style C : pied*/
			width:145px;
			height:4px;
			background-image:url(../img/structure_front/bloc_bt.gif);
			margin-bottom:5px;
			float:left;
		}
	/* 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:133px;
			height:17px;
			font-weight:bold;
			color:#fff;
			background-image:url(../img/structure_front/entete.jpg);
			background-repeat:repeat-x;
			padding:2px 0 0 11px;
			float:left;
		}
		
		.blocD2{ /*bloc style D : zone de contenu*/
			width:134px;
			padding:10px 5px 8px 6px;
			color:#757779;
			background-image:url(../img/structure_front/bloc_bg.gif);
			background-repeat:repeat-y;
			float:left;
		}
		
		.blocD3{ /*bloc style D : pied*/
			width:145px;
			height:4px;
			background-image:url(../img/structure_front/bloc_bt.gif);
			margin-bottom:5px;
			float:left;
		}
	/* fin bloc style D : entête jaune fond du contenu jaune pâle*/
	
/*fin des blocs____________________________________________________________________________________*/