/* 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:#484848;
		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
	}
	#page {
		width:995px;
		margin:0 auto
	}
	#global{
		width:901px;
		background:#dedede url(../img/structure_front/global.gif) repeat-y;
		padding:0 44px 0 50px
	}
/* ------------------------------------------------------------------------------------------------------ Header */
	#header {
		float:left;
		width:857px;
		height:184px;
		border-top:14px solid #dedede;
		background:url(../img/structure_front/header.jpg) no-repeat;
		padding:8px 0 0 44px
	}
/* ---------------------------------------------------------------------------------- Logo */
	#header #logo {
		float:left;
		margin:5px 0 0 6px
	}
/* ---------------------------------------------------------------------------------- Partie droite */
	#header #header_right {
		float:right;
		width:280px
	}
/* -------------------------------------------------------------- Liens d'évitement */
	#header #header_right #liens_evitement {
		text-align:right;
		list-style:none;
		font-family:tahoma;
		padding:0 7px 0 0;
		margin:0 0 5px 0
	}
	#header #header_right #liens_evitement li {display:inline}
	#header #header_right #liens_evitement li a {
		color:#000;
		text-decoration:none
	}
	#header #header_right #liens_evitement li a:hover {text-decoration:underline}
/* -------------------------------------------------------------- Zone d'identification */
	#header #header_right #titre_identification {
		display:block;
		width:218px;
		text-transform:uppercase;
		font-size:12px;
		color:#fff;
		background:#082a56;
		padding:1px 0 1px 62px;
		margin:0 0 8px 0
	}
	#header #header_right form {padding:0 0 0 62px}
	#header #header_right form input.champ {
		float:left;
		width:80px;
		height:15px;
		font-size:1em;
		color:#000;
		border:1px solid #082a56;
		padding:2px 0 0 3px;
		margin:0 6px 0 0
	}
	#header #header_right form input.btn {
		float:left;
		margin:1px 0 0 0
	}
	#header #header_right #mdp_oublie {color:#082a56}
	#header #header_right #mdp_oublie:hover {text-decoration:none}
	#header #header_right p.identifie {
		text-align:right;
	 	font-size:12px;
		font-weight:bold;
		color:#96b929;
		margin-top:5px;
		margin-bottom:5px;
		margin-right:7px
	 }
	 #header #header_right p.identifie a {
	 	font-size:11px;
	 	font-weight:normal;
		color:#082a56
	 }
	 #header #header_right p.identifie a:hover {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 {
		float:left;
		width:166px;
		background:url(../img/structure_front/left.jpg) no-repeat;
		padding:55px 0 0 0
	}
	#content {
		float:left;
		width:510px;
		background:url(../img/structure_front/middle.jpg) no-repeat;
		padding:80px 20px 0 20px
	}
	#right {
		float:left;
		width:185px
	}
	#right .bloc {width:185px}
	
	#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;
	}
	
	#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;
	}
	
	#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;
	}
/* 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:166px;
	}
		
	.bloc ul{ /*liste des liens dans un bloc*/
		margin:0;
		padding:0;
		list-style:none;
	}
	
	.bloc li{ /*liste des liens dans un bloc*/
		margin:0;
		padding:0
	}
	
	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 a{ /*aspect des liens des blocs*/
		color:#CC0000;
		text-decoration:none;
		font-size:100%;
	}
	
	.liens_evidences a {
		color:#0000CC;
		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 {display:none}
		.blocA2 {
			width:166px;
			background:#49c3f2
		}
		.blocA2 ul {
			list-style:none;
			font-size:12px;
			padding:0 0 0 16px;
			margin:0
		}
		.blocA2 ul li {
			background:url(../img/structure_front/carre_bleu.gif) no-repeat 0 6px;
			padding:0 0 0 7px;
			margin:0 0 8px 0
		}
		.blocA2 ul li a {color:#003961}
		.blocA2 ul li ul {
			font-size:11px;
			padding:0 0 0 10px;
			margin:5px 0 0 0
		}
		
		.blocA3 {display:none}
	/* fin bloc style A : entête orange fond gris*/
	
	
	/* bloc style B : entête jaune fond du contenu gris*/
		.blocB1 {
			text-indent:15px;
			font-size:16px;
			color:#fff;
			background:#96b929;
			padding:10px 0
		}
		.blocB2 {
			width:166px;
			background:#d7ea94
		}
		#right .blocB2 {width:185px}
		.blocB2 ul {
			font-size:11px;
			padding:15px 15px 10px 15px
		}
		.blocB2 ul li {
			background:url(../img/structure_front/carre_bleu.gif) no-repeat 0 6px;
			padding:0 0 5px 7px
		}
		.blocB2 ul li a {
			color:#003961
		}
		.blocB2 ul li a:hover {text-decoration:underline}
		.blocB3 {display:none}
	/* fin bloc style B : entête jaune fond du contenu gris*/
	
	/* bloc style C : entête orange fond du contenu blanc*/
		.blocC1 {
			text-indent:15px;
			font-size:16px;
			color:#fff;
			background:#f59b07;
			padding:10px 0
		}
		.blocC2 {
			width:155px;
			font-size:11px;
			color:#000;
			background:#fdca6f;
			padding:15px
		}
		.blocC2 a {color:#003961}
		.blocC2 ul li {
			background:url(../img/structure_front/carre_bleu.gif) no-repeat 0 6px;
			padding:0 0 0 7px;
			margin:0 0 3px 0
		}
		.blocC2 input.textField {border:1px solid #f59b07}
		.blocC3 {display:none}
	/* fin bloc style C : entête orange fond du contenu blanc*/
	
	/* bloc style D : entête jaune fond du contenu jaune pâle*/
		.blocD1 { 
			text-indent:15px;
			font-size:16px;
			color:#fff;
			background:#06BFEC;
			padding:10px 0
		}
		.blocD2 {
			width:161px;
			font-size:11px;
			font-weight:bold;
			color:#06bfec;
			background:#caf5fe;
			padding:12px
		}
		.blocD2 ul li {
			font-weight:normal;
			background:url(../img/structure_front/carre_bleuT.gif) no-repeat 0 6px;
			padding:0 0 0 8px
		}
		.blocD2 ul li a {color:#06bfec}
		.blocD3 {display:none}
	/* fin bloc style D : entête jaune fond du contenu jaune pâle*/
	
/*fin des blocs____________________________________________________________________________________*/
	#adresse {
		float:left;
		width:100%;
		text-align:center;
		color:#fff;
		background:url(../img/picto/adresse.gif) repeat-y
	}
	#adresse p {
		padding:2px 0;
		margin:0
	}
	#footer {
		float:left;
		width:561px;
		background:#dedede;
		padding:3px 241px 20px 193px
	}
	#footer span {
		float:left;
		color:#082a56
	}
	#footer ul {
		float:right;
		list-style:none;
		padding:0;
		margin:0
	}
	#footer ul li {display:inline}
	#footer ul li a {
		color:#082a56;
		text-decoration:none
	}
	#footer ul li a:hover {text-decoration:underline}
	.manfestations {
		background:#D7EA94;
		padding:10px
	}