/* CSS Document */
/* --------------------------------------------------------------------------------------------- remise à zéro */
	body { 
		margin:0;
		padding:0;
		font-family:arial;
		font-size:11px;
		color:#6d6d6d;
		background-color:#fff
	}
	
	a img {border:0}
	form { 
		margin:0;
		padding:0
	}
/* --------------------------------------------------------------------------------------------- Global */
	#global {
		width:995px;
		margin:0 auto
	}
/* --------------------------------------------------------------------------------------------- Header */
	#header	{
		float:left;
		width:985px;
		background:url(../img/structure_front/header.jpg) no-repeat left bottom;
		padding:8px 0 22px 10px
	}
/* ------------------------------------------------------------------------- Logo HEI */
	#header	#logo_hei {
		display:inline;
		float:left;
		margin:13px 3px 0 0
	}
/* ------------------------------------------------------------------------- Visuels */
	#imageSlideshowHolder {
		position:relative;
		float:left;
		width:702px;
		height:173px;
		background:url(../img/structure_front/visuels.gif) no-repeat right bottom
	}
	#imageSlideshowHolder img {
		position:absolute;
		left:0px;
		top:0px
	}
/* ------------------------------------------------------------------------- Identification */
	#identification {
		float:left;
		width:131px;
		background:url(../img/structure_front/identification.gif) no-repeat;
		padding:22px 0 0 0;
		margin:134px 0 0 0
	}
	#identification input.champ {
		width:100px;
		font-size:1em;
		color:#9e9e9e;
		border:1px solid #cdcdcd;
		padding:1px 0 1px 3px
	}
	#identification input.ok_jaune {
		position:relative;
		top:5px;
		left:2px
	}
	#identification a {
		display:block;
		text-align:right;
		font-size:.9em;
		color:#ffba01;
		text-decoration:none;
		margin:2px 0 0 0
	}
	#identification a.oubli_mdp {
		font-size:.8em;
		margin:5px 0 0 0
	}
	#identification a:hover {text-decoration:underline}
/* --------------------------------------------------------------------------------------------- Conteneurs */
	#left {
		float:left;
		width:182px;
	}
	#content {
		float:left;
		width:513px;
		padding:0 40px
	}
	#right {
		float:left;
		width:185px;
		padding:20px 35px 0 0
	}
/* --------------------------------------------------------------------------------------------- Blocs */
/* ------------------------------------------------------------------------- Bloc A */
	.bloc .blocA1 {
		width:100%;
		text-indent:20px;
		text-transform:uppercase;
		font-size:1.3em;
		font-weight:bold;
		color:#a21700;
		background:url(../img/structure_front/dotted_rouge.gif) repeat-x bottom;
		padding:0 0 2px 0;
		margin:0 0 7px 0
	}
	.bloc .blocA2 { 
		width:154px;
		padding:0 0 0 28px;
		margin:0 0 25px 0
	}
	.bloc .blocA3 {display:none}
/* ----------------------------------------------------- Liste */
/* --------------------------------- Premier niveau */
	.bloc .blocA2 ul {
		list-style:none;
		font-size:1.1em;
		padding:0;
		margin:0
	}
	.bloc .blocA2 ul li {
		background:none;
		padding:0;
		margin:0 0 3px 0
	}
	.bloc .blocA2 ul li a {
		color:#333;
		background-image:url(../img/structure_front/fleches_gris.gif);
		background-repeat:no-repeat;
		background-position:0 5px;
		text-decoration:none;
		padding:0 0 0 11px
	}
	.bloc .blocA2 ul li a:hover {
		color:#a82611;
		background-image:url(../img/structure_front/fleches_rouge.gif);
		text-decoration:underline
	}
/* --------------------------------- Second niveau */
	.bloc .blocA2 ul li ul {
		font-size:.9em;
		padding:3px 0 0 20px
	}
/* ------------------------------------------------------------------------- Bloc B */
	.bloc .blocB1 {
		width:100%;
		text-transform:uppercase;
		font-size:1.3em;
		color:#fff;
		background:#a21700 url(../img/structure_front/blocB1.gif) no-repeat;
		text-indent:5px;
		padding:6px 0 2px 0
	}
	.bloc .blocB2 {
		width:163px;
		border-left:1px solid #a21700;
		border-right:1px solid #a21700;
		padding:5px 10px
	}
	.bloc .blocB3 {
		width:100%;
		height:7px;
		font-size:0;
		background:url(../img/structure_front/blocB3.gif) no-repeat;
		margin:0 0 10px 0
	}
/* ----------------------------------------------------- Liste */
	.bloc .blocB2 ul {
		list-style:none;
		padding:0 0 0 10px;
		margin:0
	}
	.bloc .blocB2 ul li {
		background:url(../img/structure_front/puce_rouge.gif) no-repeat 0 6px;
		padding:0 0 0 8px;
		margin:0 0 3px 0
	}
	.bloc .blocB2 ul li a {
		color:#e60203;
		text-decoration:none
	}
	.bloc .blocB2 ul li a:hover {text-decoration:underline}
/* ----------------------------------------------------- Forum */
	.bloc .blocB2 ul.forum {margin:5px 0 10px 0}
	.bloc .blocB2 ul.forum li {background-image:url(/img/structure_front/puce.gif)}
	.bloc .blocB2 ul.forum li a {color:#59504d}
/* --------------------------------------------------------------------------------------------- Footer */
	#footer {
		width:995px;
		list-style:none;
		font-size:.9em;
		color:#333;
		background:url(../img/structure_front/footer.gif) no-repeat;
		padding:35px 0 40px 0;
		margin:0
	}
	#footer li {
		display:inline;
		padding:0;
		margin:0
	}
	#footer li a {
		color:#333;
		text-decoration:none
	}
	#footer li a:hover {text-decoration:underline}
	#footer li img {
		vertical-align:middle;
		margin:0 160px 0 3px
	}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	#fixFooter{ /*pied de page permet l'alignement de la partie gauche et de la partie droite*/
		height:1px;
		clear:both;
	}
	.liens_evidences a {
		color:#0000CC;
		text-decoration:none;
		font-size:100%;
	}
	.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;
	}
	
	#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;
	}