html, body {

	margin: 0;

	padding: 0;

	height: 100%;

	}



body {

	background:#fff url(../images/home_bgpage.gif) repeat-x top left;

	}

	

/* Ne pas oublier les styles suivants, à appliquer au premier élément et au dernier élément (hors pied de page) du bloc conteneur */

div#global #premier-element {

	margin-top: 0; /* évite tout risque de fusion des marges */

	}





div#loginbloc {

	position:absolute;

	top:0px;

	right: 30px;

	background: url(../images/home_bloclog.gif) no-repeat center top;

	height: 102px;

	width: 225px;

	}



div#pictov2 {

	position:relative;

	background: url(../images/home_pictov2.gif) no-repeat right top;

	height:50px;

	top:158px;

	text-align:right;

	width:120px;

	margin:0 auto 0 auto;

	}

	

/* --- PAGE 100% --- */



div#global{

	position:relative;

	margin:0 auto;

	width:100%;

	min-height: 100%;

	}



div#logo{

	text-align:center;

	position:relative;

	top:100px;

	width:520px;

	margin:0 auto 0 auto;

	}



/* --- DEBUT FORMULAIRE RECHERCHE ---*/

div#contentform {

	position:relative;

	background: url(../images/home_cadreorange.gif) no-repeat center top;

	top: 110px;

	width:520px;

	height:100px;

	margin:0 auto 0 auto;

	}



#toolbar{

	margin:0;

	padding: 18px 0 0 10px;

    list-style:none;

	}



#toolbar li{

    display: inline ;

    margin:0 12px 0 4px;

    padding:0 0 0 9px;

	}



#toolbar li a{

	text-decoration:none;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 13px;

	color:#fff;

	}



#toolbar li a:hover{

	text-decoration: underline;

	}



#toolbar li.active a{

	font-weight:bold;

	color:#fff;

	}



#toolbar li.active a:hover{

	text-decoration: none;

	}

	

div#recherche {

	padding:0;

	margin-left: 20px;

	margin-top: 4px;

        Z-Index:5;
	}

	

#recherche input#searcha {

	width: 350px;

	height: 16px;

	border: #ff5b02 solid 1px;

	}



.btn{

	margin-top: -2px;

	margin-left: 8px;

	width: 103px;

	height: 24px;

	border: none;

	}



div#option {

	padding:0;

	margin-top: 2px;

	margin-left: 16px;

        Z-Index:3;
	}

	

#option label {

	font-family:Arial, Helvetica, sans-serif;

	font-size:11px;

	color:#FFFFFF;

	margin-right:20px;

	}

/* --- FIN FORMULAIRE RECHERCHE --- */



div#reflet {

	position:relative;

	background: url(../images/home_refletcadre.gif) no-repeat center top;

	top:110px;

	width:520px;

	height:42px;

	margin:0 auto 0 auto;

	Z-Index:3;
	}



div#fonctions {

	position:relative;

	text-align:center;

	top: 110px;

	margin:0 auto 0 auto;

	height: 50px;

	width:520px;

        Z-Index:3;
	}



#iconbar {

	list-style: none ;

	margin: 0 0 0 -7px ;

	padding: 0 ;

	}



#iconbar li {

	margin: 0 10px 0 10px;

	display: inline ;

	}



div#dernier-element {

	margin-bottom: 0; /* évite tout risque de fusion des marges */

	padding-bottom: 5em; /* ATTENTION : cet espace doit permettre de placer le pied de page ! */

	visibility: hidden;

	}

	

/* --- PIED DE PAGE --- */

div#footer {

	position: absolute;

	bottom: 0; 

	left: 0;

	width: 100%;

	/* pour que le bloc prenne toute la largeur du bloc de référence

	 Note : le bloc de référence est le plus proche ancêtre positionné

	 en relatif ou en absolu */

	height: 4em;

	background:#fff url(../images/bg-footer.gif) repeat-x top left;

	}



#footer p#disclaimer a{
	margin:16px 0 8px 0;
	padding: 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
	text-align:center;
	text-decoration: none;
	
	}
	
#footer p#legal{
	margin:0;
	padding: 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#1868ab;
	text-align:center;

	}
.Style1 {color: #666666}