/* CSS Document */
/* --------------------------------------------------------------------------------------------- remise à zéro */
	body { 
		margin:0;
		padding:0;
		font-family:arial;
		font-size:11px;
		color:#484848;
		background-color:#fff
	}
	
	a img {border:0}
	form { 
		margin:0;
		padding:0
	}
/* --------------------------------------------------------------------------------------------- Page */
	#page {
		width:995px;
		margin:0 auto
	}
/* --------------------------------------------------------------------------------------------- Global */
	#global {
		float:left;
		width:100%;
		background:url(../img/structure_front/global.gif) repeat-y
	}
/* --------------------------------------------------------------------------------------------- Header */
	#header	{
		position:relative;
		float:left;
		width:995px;
		height:217px;
		background:url(../img/structure_front/header.jpg) no-repeat
	}
/* ------------------------------------------------------------------------- Logo ISIFA */
	#header	#logo_isifa {
		float:left;
		margin:56px 0 0 47px
	}
/* ------------------------------------------------------------------------- Identification */
	#header	#identification {
		float:right;
		width:250px;
		padding:5px 130px 0 0
	}
	#header	#identification span.titre {
		display:block;
		font-size:14px;
		font-weight:bold;
		color:#ff6c0a
	}
	#header	#identification input.champ {
		width:100px;
		font-size:1em;
		border:1px solid #565a5f;
		padding:2px 0 2px 3px
	}
	#header	#identification input.ok_jaune {
		position:relative;
		top:4px;
		left:2px
	}
	#header	#identification a {
		display:block;
		text-align:right;
		font-size:.9em;
		color:#ff6c0a;
		text-decoration:none;
		margin:1px 0 0 0
	}
	#header	#identification a.oubli_mdp {
		font-size:.8em;
		margin:5px 0 0 0
	}
	#header	#identification a:hover {text-decoration:underline}
/* ------------------------------------------------------------------------- S'inscrire */
	#header	#sinscrire {
		position:absolute;
		top:130px;
		left:703px;
		width:92px;
		height:40px
	}
/* --------------------------------------------------------------------------------------------- Header2 */
	#header2	{
		position:relative;
		float:left;
		width:995px;
		height:217px;
		background:url(../img/structure_front/header2.jpg) no-repeat
	}
/* ------------------------------------------------------------------------- Logo ISIFA */
	#header2	#logo_isifa {
		float:left;
		margin:56px 0 0 47px
	}
/* ------------------------------------------------------------------------- Identification */
	#header2	#identification {
		float:right;
		width:250px;
		padding:5px 130px 0 0
	}
	#header2	#identification span.titre {
		display:block;
		font-size:14px;
		font-weight:bold;
		color:#ff6c0a
	}
	#header2	#identification input.champ {
		width:100px;
		font-size:1em;
		border:1px solid #565a5f;
		padding:2px 0 2px 3px
	}
	#header2	#identification input.ok_jaune {
		position:relative;
		top:4px;
		left:2px
	}
	#header2	#identification a {
		display:block;
		text-align:right;
		font-size:.9em;
		color:#ff6c0a;
		text-decoration:none;
		margin:1px 0 0 0
	}
	#header2	#identification a.oubli_mdp {
		font-size:.8em;
		margin:5px 0 0 0
	}
	#header2	#identification a:hover {text-decoration:underline}
/* ------------------------------------------------------------------------- S'inscrire */
	#header2	#sinscrire {
		position:absolute;
		top:130px;
		left:703px;
		width:92px;
		height:40px
	}
/* --------------------------------------------------------------------------------------------- Conteneurs */
	#left {
		float:left;
		width:207px;
	}
	#left #isifa2 {
		display:block;
		margin:20px auto 0 auto
	}
	#content {
		float:left;
		width:509px;
		padding:0 40px 0 30px
	}
	#right {
		float:left;
		width:209px;
		color:#FF6600;
		font-weight:bold
	}
/* --------------------------------------------------------------------------------------------- Blocs */
/* ------------------------------------------------------------------------- Bloc A */
	.bloc .blocA1 {
		width:100%;
		text-indent:10px;
		text-transform:uppercase;
		font-size:14px;
		font-weight:bold;
		color:#fff;
		background:#ff6600 url(../img/structure_front/blocA1.gif) repeat-x bottom;
		padding:2px 0 4px 0;
		margin:0 0 7px 0
	}
	.bloc .blocA2 {margin:0 0 30px 0}
	#left .bloc .blocA2 {
		width:189px;
		padding:0 0 0 18px
	}
	#right .bloc .blocA2 {
		width:189px;
		padding:0 20px 0 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 20px;
		margin:0 0 3px 0
	}
	.bloc .blocA2 ul li a {
		font-weight:normal;
		color:#4b4b4b;
		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:#ff6600;
		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
	}
/* --------------------------------------------------------------------------------------------- Footer */
	#footer {
		float:left;
		width:970px;
		text-align:right;
		list-style:none;
		font-size:.9em;
		color:#000;
		background:url(../img/structure_front/footer.gif) repeat-x;
		padding:10px 25px 10px 0;
		margin:0
	}
	#footer li {
		display:inline;
		padding:0;
		margin:0
	}
	#footer li a {
		color:#000;
		text-decoration:none
	}
	#footer li a:hover {text-decoration:underline}
	#footer li img {
		vertical-align:middle;
		margin:0 160px 0 3px
	}
/* --------------------------------------------------------------------------------------------- Champ */
	.textField {
		border:1px solid #666;
		font-family:arial;
		font-size:10px;
		color:#FE6B38;
		padding:1px 2px 1px 2px;
	}