/* CSS Document */
/* --------------------------------------------------------------------------------------------- Remise à zéro de tous les préformatages navigateurs */
	* {
		padding:0;
		margin:0;
		list-style:none
	}
	body {
		font-size:62.5%;
		font-family:arial, helvetica, sans-serif;
		color:#000;
		background:#B1F30B;
	}
	a {text-decoration:none}
	a:hover {text-decoration:underline}
	img {border:none}
	strong {font-weight:bold}
	em {font-style:italic}
	label {cursor:pointer}
	abbr, acronym {
	  border-bottom:1px dotted #333;
	  cursor:help
	}
/* --------------------------------------------------------------------------------------------- Récurrents */
	input.bouton {
		font-family:tahoma;
		font-size:1em;
		color:#AE9D71;
		background:url(../../images/elements/bt_recherche.gif) no-repeat left top;
		border:none;
		padding:4px 4px 2px 2px;
		cursor:pointer
	}
/* --------------------------------------------------------------------------------------------- Page */
	#page {
		width:995px;
		margin:0 auto;
	}
/* --------------------------------------------------------------------------------------------- Global */
	#global {
		float:left;
		width:100%;
		background:url(../../images/structure/background/global.gif) repeat-y left top;
	}
/* --------------------------------------------------------------------------------------------- Global2 */
	#global2 {
		float:left;
		width:100%;
		background:url(../../images/structure/background/global2.gif) no-repeat left bottom;
	}
/* --------------------------------------------------------------------------------------------- Header */
	#header {
		float:left;
		width:100%;
		background:url(../../images/structure/background/header.gif) no-repeat left top
	}
/* ------------------------------------------------------------------------- Liens d'accès rapide */
	#header #acces_rapide {
		text-align:right;
		color:#000;
		margin:0 6px 0 0
	}
	#header #acces_rapide li {display:inline}
	#header #acces_rapide li a {color:#000}
/* ------------------------------------------------------------------------- Header left */
	#header #header_left {float:left}
/* ----------------------------------------------------- Logo */
	#header #header_left #logo_opac {margin:20px 0 10px 60px}
/* ----------------------------------------------------- Recherche */
	#header #header_left #recherche {
		font-size:1.1em;
		margin-left:54px;
	}
	#header #header_left #recherche label {
		display:block;
		padding:0 8px 0 4px;
	}
	#header #header_left #recherche input.champ_recherche {
		width:150px;
		font-size:1em;
		border:1px solid #AE9D71;
		padding:4px 0 4px 3px;
		margin:0 3px;
	}
/* ------------------------------------------------------------------------- Menu */
/* ----------------------------------------------------- Premier niveau */
	#header #menu {
		position:relative;
		float:left;
		margin:11px 0 0 0;
		width:250px;
		font-size:1.4em;
		text-align:right;
		line-height:90%;
		background:url(../../images/structure/background/menu_ul.gif) no-repeat left top;
	}
	#header #menu li {
		float:left;
		width:210px;
		padding:0 40px 0 0;
	}
	#header #menu li.on {background:url(../../images/structure/background/fleche_menu.gif) no-repeat right 80%;}
	#header #menu #intitule_01{
		padding-top:10px;
		padding-bottom:3px;}
	#header #menu #intitule_02{
		padding-top:10px;
		padding-bottom:3px}
	#header #menu #intitule_03{
		padding-top:14px;
		padding-bottom:3px}
	#header #menu #intitule_04{
		padding-top:11px;
		padding-bottom:3px}
	#header #menu #intitule_05{
		padding-top:16px;
		padding-bottom :7px;
	}
	#header #menu li a {color:#FFF}
	#header #menu #intitule_01 a {color:#000}
/* ----------------------------------------------------- Second niveau */
	#header #menu li ul{
		position:absolute;
		top:10px;
		left:254px;
		margin:0;
		padding:0 8px 3px 5px;
		width:197px;
		/* height:180px;*/
		font-size:0.9em;
		text-align:left;
		line-height:normal;
		background:url(../../images/structure/background/menu_ul2.png) repeat left top;
	}
	#header #menu #niveau_2{height:180px}
	/*#header #menu #intitule_01 ul {top:10px}
	#header #menu #intitule_02 ul {top:-30px}
	#header #menu #intitule_03 ul {top:-60px}
	#header #menu #intitule_04 ul {top:-100px}
	#header #menu #intitule_05 ul {top:-120px}*/
	#header #menu li ul li{
		float:left;
		width:100%;
		border-bottom:1px solid #CCCCCC;
		padding:3px 0 3px 4px;
	}
	#header #menu li ul li.last{border:0}
	#header #menu li ul li a{
		display:block;
		color:#000
	}
	#header #menu li ul li a:hover, #header #menu li ul li a.on{
		color:#fff;
		background-image:url(../../images/structure/background/fleche_menu.gif);
		background-repeat:no-repeat;
		background-position:180px 50%
	}
	#header #menu  #niveau_3 li a:hover, #header #menu #niveau_3 li a.on{background:none}
	#header #menu #intitule_01 ul li a:hover, #header #menu #intitule_01 ul li a.on{
		color:#000;
		background-color:#FFED00
	}
	#header #menu #intitule_02 ul li a:hover, #header #menu #intitule_02 ul li a.on{background-color:#0092DB}
	#header #menu #intitule_03 ul li a:hover, #header #menu #intitule_03 ul li a.on{background-color:#DE1C12}
	#header #menu #intitule_04 ul li a:hover, #header #menu #intitule_04 ul li a.on{background-color:#98D400}
	#header #menu #intitule_05 ul li a:hover, #header #menu #intitule_05 ul li a.on{background-color:#594E52}
/* ----------------------------------------------------- Troisième niveau */
	#header #menu li ul li ul{top:-5px;left:224px}

/* --------------------------------------------------------------------------------------------- Main */
	#main {
		float:left;
		width:927px;
		font-size:1.1em;
		padding:0 29px 0 39px
	}
/* ------------------------------------------------------------------------- Left */
	#main #left {
		float:left;
		width:713px;
	}
/* ------------------------------------------------------------------------- Right */
	#main #right {
		float:left;
		width:214px;
		/*padding-top:18px;*/
		padding-bottom:10px
	}
	#main #right img {vertical-align:middle}
/* ----------------------------------------------------- Infos */
	#main #right #infos {
		position:relative;
		float:left;
		width:192px;
		height:320px;
		background:url(../../images/structure/background/locataire.gif) no-repeat;
		border-left: 1px solid #7EC800;
		border-right: 1px solid #7EC800;
		padding:5px 10px;
	}
	#right #infos h2 {
		color:#231F20;
		font-size:1.5em;
		font-weight:bold;
	}
	#right #infos h3 {
		color:#7EC800;
		font-size:1.2em;
		font-weight:bold;
		padding-top:10px;
	}
	#right #infos h3 a {color:#7EC800;}
	#right #infos #paiement {
		position:absolute;
		bottom:5px;
		left:32px;
	}
/* ----------------------------------------------------- Acces */
	#right #acces {
		float:left;
		width:214px;
		height:90px;
		background:#7EC800 url(../../images/structure/background/acces.gif) no-repeat bottom;
	}
	#right #acces h2 {
		margin:7px 0 0 0;
		text-align:center;
		color:#FFFFFF;
		font-size:1.3em;
		font-weight:bold;
	}
	#right #acces form {margin:5px 0 0 5px;}
	#right #acces form input.champ_acces {
		width:72px;
		font-size:1em;
		border:1px solid #AEF400;
		padding:3px 4px;
		margin-left:4px
	}
	#right #acces form input.bouton_acces {
		font-family:tahoma;
		font-size:1em;
		color:#587B00;
		background:url(../../images/elements/bt_acces.gif) no-repeat left top;
		border:none;
		padding:4px 4px 2px 1px;
		margin-left:3px;
		cursor:pointer
	}
	#right #acces a {
		float:left;
		width:80%;
		font-size:1em;
		color:#FFFFFF;
		margin-top:1px;
		margin-left:10px;
	}
/* ----------------------------------------------------- Acces logguee */
	#main #right_logguee {
		float:left;
		width:214px;
	}
	#right_logguee #acces {
		float:left;
		width:214px;
	}
	#main #right_logguee img {vertical-align:middle}
	#right_logguee #infos {
		position:relative;
		float:left;
		width:192px;
		border-left: 1px solid #7EC800;
		border-right: 1px solid #7EC800;
		padding:0 10px 25px 10px;
	}
	#right_logguee #interface li {
		float:left;
		width:100%;
		display:block;
	}
	#right_logguee #interface a {
		float:left;
		font-size:1em;
		color:#98D400;
		font-weight:bold;
		margin-top:1px;
		margin-left:2px;
	}
	#right_logguee #bas {
		float:left;
		width:214px;
		height:25px;
		background:#7EC800 url(../../images/structure/background/acces.gif) no-repeat bottom;
		padding:0;
		margin-bottom:10px;
	}
/* --------------------------------------------------------------------------------------------- Footer */
	#footer {
		float:left;
		width:100%;
		height:47px;
		background:url(../../images/structure/background/footer.gif) no-repeat left top;
		text-align:center;
		padding-top:10px;
	}
	#footer li {
		display:inline;
	}
	#footer li a{
		color:#5a7e00;
	}