/* 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;
		background:url(../img/structure_front/global.gif) repeat-y
	}
/* --------------------------------------------------------------------------------------------- Header */
	#header	{
		float:left;
		width:985px;
		height:150px;
		background:url(../img/structure_front/header.gif) no-repeat left top;
		padding:0 0 20px 0
	}
	
	#header_en	{
		float:left;
		width:985px;
		height:150px;
		background:url(../img/structure_front/header_en.gif) no-repeat left top;
		padding:0 0 20px 0
	}
	
/* ------------------------------------------------------------------------- Langues */	
	#langue {
		margin:0 0 0 3px;
		padding:0;
		color:#B8C601;
		font-size:1.3em;
		font-weight:bold;
	}
	#langue a {
		color:#C29BA0;
		text-decoration:none;
	}
/* ------------------------------------------------------------------------- Logo ESIT */
	#header	#logo_esit {
		display:inline;
		float:left;
		margin:5px 0 0 0;
	}
	#header_en	#logo_esit {
		display:inline;
		float:left;
		margin:5px 0 0 0;
	}
/* ------------------------------------------------------------------------- Identification */
	#identification {
		float:left;
		width:250px;
		color:#FFFFFF;
		/*background:url(../img/structure_front/identification.gif) no-repeat;*/
		padding:22px 0 0 295px;
		margin:45px 0 0 0
	}
	#header	#identification span.titre {
		display:block;
		font-size:13px;
		font-weight:bold;
		color:#B6C700
	}
	#header_en	#identification span.titre {
		display:block;
		font-size:13px;
		font-weight:bold;
		color:#B6C700
	}
	#identification input.champ {
		width:100px;
		font-size:1em;
		color:#6B6B6B;
		border:1px solid #56595E;
		padding:3px 0 3px 3px
	}
	#identification input.ok_jaune {
		position:relative;
		top:5px;
		left:2px
	}
	#identification a {
		display:block;
		text-align:right;
		font-size:.9em;
		color:#FF6501;
		text-decoration:none;
		margin:2px 0 0 0
	}
	#identification a.oubli_mdp {
		font-size:.8em;
		margin:5px 40px 0 0
	}
	#identification a:hover {text-decoration:underline}
/* --------------------------------------------------------------------------------------------- Conteneurs */
	#left {
		float:left;
		width:210px;
	}
	#content {
		float:left;
		width:485px;
		font-size:12px;
		padding:0 30px
	}
	#right {
		color:#4B4B4B;
		float:left;
		width:205px;
		padding:0 0 0 25px;
	}
	#trouvez {
	margin:20px 0 10px 20px;
	}
/* --------------------------------------------------------------------------------------------- Blocs */
/* ------------------------------------------------------------------------- Bloc A */
	.bloc .blocA1 {
		width:100%;
		text-indent:10px;
		text-transform:uppercase;
		font-size:13px;
		font-weight:bold;
		color:#fff;
		background-color:#4D292D;
		padding:2px 0 4px 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 {
		border-bottom:1px solid #dcdcdc;
		background:none;
		padding:0 0 3px 10px;
		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:#828F01;
		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:13px;
		font-weight:bold;
		color:#fff;
		background:#B6C603;
		text-indent:10px;
		padding:2px 0 4px 0;
		margin:0 0 7px 0
	}
	.bloc .blocB2 {
		padding:0 10px 15px 10px;
		margin:0 0 25px 0
		width:163px;
	}
	.bloc .blocB3 {
		display:none;
	}
	.bloc .blocB2 p span {
		color:#B6C601;
		font-size:18px;
		font-weight:bold;
	}
/* ----------------------------------------------------- Liste */
	.bloc .blocB2 ul {
		font-size:1.1em;
		list-style:none;
		padding:0;
		margin:0
	}
	.bloc .blocB2 #offre_emplois, .bloc .blocB2 #actus {padding-left:25px}
	.bloc .blocB2 ul li {
		width:100%;
		/*border-bottom:1px solid #dcdcdc;*/
		background:none;
		padding:0 0 3px 0;
		margin:0 0 3px 0
	}
	.bloc .blocB2 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 .blocB2 ul li a:hover {text-decoration:underline;color:#B6C700}
	.bloc .blocB2 .liens_evidences a {
		color:#B6C601;
	}
	.bloc .blocB2 .liens_evidences li {
		border-top:1px solid #dcdcdc;
		border-bottom:none;
		padding-top:10px;
	}
	.bloc .blocB2 ul li span {
		float:left;
		width:100%;
		color:#FF6501;
		font-style:italic;
		margin-bottom:5px;
		text-indent:11px
	}
	.bloc .blocB2 #offre_emplois {
		margin-bottom:20px;
	}
	.bloc .blocB2 #offre_emplois li {
		border-bottom:none;
	}
/* ----------------------------------------------------- Forum */
	.bloc .blocB2 ul.forum {margin:5px 0 10px 0}
	.bloc .blocB2 ul.forum li {color:#8C3A48}
	.bloc .blocB2 ul.forum li a {color:#59504d}
/* --------------------------------------------------------------------------------------------- Footer */
	#footer {
		width:995px;
		height:100px;
		list-style:none;
		font-size:.9em;
		color:#333;
		background:url(../img/structure_front/footer.gif) no-repeat top left;
		margin:0 0 0 17px;
		/*padding-left:100px;*/
		padding-top:65px;
	}
	#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 400px 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;
	}