/* = RAZ -- */

	@import "http://yui.yahooapis.com/2.5.2/build/reset-fonts/reset-fonts.css";

	/* = HTML -- */
	body {
		font-family: "Trebuchet MS",Helvetica, Arial, sans-serif;
	}
	html {background: #fff url(/global/img/bg_html.png) repeat-x;}
	strong {font-weight: bold;}
	em {font-style: italic;}
	a {color: #104273;text-decoration: none;}
	.clear {clear: both;}

	/* = Mise en page globale -- */

	#page {
		width: 940px;
		margin: 0 auto; 
		background: #fff;
		}
	#header, #main, #footer {clear: both;}
	#footer {position: relative; margin: 15px 0 0 0;}
	#main {}
	#header {height: 235px;position: relative;}
	#content {margin: 0 0 0 15px;float: left;}
	#content a {color: #17b5d9;}
	/* = Prélude, liens rapides accessibles par tabulation -- */

	#prelude a {
		position: absolute; top: -1000em;
		display: block;
		background: #104273;
		color: #fff;
		text-decoration: none;
		text-transform: uppercase;
		font-size: 85%;
		font-weight: bold;
		padding: .4em;
	}

	#prelude a:focus {position: relative; top: 0; left: 0; color: #fff!important;}

	/* = PRINT -- */

	#logoPrint {display: none;}

	/* = HEADER -- */

	#header {background: transparent url(/global/img/bg_header.png) no-repeat;}
	#logo {
		position: absolute;
		bottom: 0;
		left: 25px;
	}

	#logo img {
		width: 112px;
		height: 149px;
		background: #fff url(/global/img/logoOPHLM.png);
	}

	#baseline {
		position: absolute;
		left: 137px;
		bottom: 0;
	}
	#navCorpo,#navFooter {
		color: #0099cc;
		position: absolute;
		top: 0;
		left: 25px;
	}
	#navCorpo li, #navFooter li {
		float: left;
	}
	#navCorpo a,#navFooter a {
		color: #0099cc;
		text-decoration: none;
		padding: 0px 8px;
	}

	#zoneFlash {
		width: 238px;
		height: 154px;
		/*background: url(/global/img/flashHeader.png) no-repeat top left;*/
		position: absolute;
		top: 81px;
		right: -3px;
	}

	#zoneFlash embed {
		width: 238px;
		height: 152px;
		padding: 0px 1px;
	}

	#ZoneFlash { /* Pour la page avec la carte */
		position: relative;
		top: 0px;
		left: 0px;
		}

	/* http://www.positioniseverything.net/easyclearing.html */
	.clearfix:after{clear:both;content:'.';display:block;visibility:hidden;height:0;}
	.clearfix{display:inline-block;}
	* html .clearfix{height:1%;}
	.clearfix{display:block;}

	/* = NAVIGATION PRINCIPALE -- */
	#mainNav {
		width: 205px;
		float: left;
	}
	#officeMunicipal,#patrimoine, #espaceLocataire, #votreEspace {
	}
	#officeMunicipal h2 {
		display: block;
		color: #fff;
		font-size: 123.1%;
		font-weight: bold;
		background-color: #bd0926;
		padding: 3px 2px 2px 10px;
	}
	#officeMunicipal ul li {
	background-color: #edbbc3;
	border-bottom: 1px solid #bd0926;
	}
	#officeMunicipal ul li a {
		color: #363636;
		display: block;
		border-bottom: 1px solid #f3ddd8;
		padding: 2px 2px 0px 10px;
	}
	#espaceLocataire {
		margin: 5px 0 0 0;
	}
	#espaceLocataire h2 {
		display: block;
		font-size: 123.1%;
		font-weight: bold;
		color: #fff;
		background-color: #acda2f;
		padding: 3px 2px 2px 10px;
	}
	#espaceLocataire ul li {
	background-color: #eef8d5;
	border-bottom: 1px solid #a3d617;
	}
	#espaceLocataire ul li a {
		color: #363636;
		display: block;
		border-bottom: 1px solid #f9fdeb;
		padding: 2px 2px 0px 10px;
	}
	#patrimoine {
		padding: 5px 0 0 0;
		background: url(/global/img/bg_patrimoine.png) repeat-x;
	}
	#patrimoine h3 {
		color: #bd0926;
		font-size: 123.1%;
		font-weight: bold;
		display: block;
		padding: 3px 2px 2px 10px;
	}
	#patrimoine .content {
		height: 100px;
		position: relative;
		background: url(/global/img/picto_patrimoine.png) no-repeat top right;
	}
	#patrimoine .content p {
	}
	#patrimoine .content p a {
		width: 200px;
		height: 60px;
		position: absolute;
		display: block;
	}
	#patrimoine .content p a span {
		width: 100px;
		display: block;
		padding: 3px 2px 2px 10px;
	}
	#votreEspace {
		background: url(/global/img/bg_votreEspace.png) repeat-x;
		padding: 10px 0 0 0;
		margin: 0 0 10px 0;
	}
	#votreEspace h2 {
		color: #a3d617;
		font-size: 123.1%;
		font-weight: bold;
		display: block;
		padding: 3px 2px 2px 10px;
	}
	#votreEspace .content {
		background: url(/global/img/bg_blocEspace.png) no-repeat top left;
		padding: 5px 5px 10px 15px;
		color: #fff;
		float: left;
	}
	#votreEspace .content p.accroche {
		font-weight: bold;
		padding: 5px 0 5px 50px;
	}
	#votreEspace .content form, #votreEspace .content p#logintext {
		font-weight: normal;
		padding: 5px 0 10px 50px;
		width: 135px;
		}

	 #votreEspace .content p#logintext {
		padding: 15px 0 10px 50px;
		}
	#votreEspace .content #login p {
		width: 135px;
		float: left;
	}
	#votreEspace .content #login label {
		width: 135px;
		float: left;

	}
	#votreEspace .content #login input {
		margin: 0;
		padding: 0;
		float: left;
	}
	#votreEspace .content #login input#id_login {
		width: 100px;
	}
	#votreEspace .content #login input#id_pwd {
		width:70px;
	}
	#votreEspace .content #login input#loginButton {
		width: 26px;
		margin: 1px 0 0 4px;
	}
	#votreEspace p.oubli {
		text-align: right;
		font-size: 93%;
	}
	#votreEspace p.oubli a {color: #a3d617;text-decoration: underline;}

	/* = SIDEBAR -- */

	#side {width:230px; float: right;}

	#side .actualites {
		margin-bottom: 10px;
	}
	#side .actualites h2 {
		background-color:#17b5d9;
		color:#fff;
		display:block;
		font-size:123.1%;
		font-weight:bold;
		padding:3px 2px 2px 10px;
	}
	#side .actualites .blocActu {
		background: url(/global/img/bgActu-sidebar.gif) repeat-x top left;
		margin: 0 0 1px 0;
		border-bottom: 1px solid #17b5d9;
	}
	#side .actualites .blocActu h3 {
		font-weight: normal;
		margin: 0 0 5px;
	}

	#side .actualites .blocActu .readMore, #side .actualitesGdTravaux .blocActu .readMore {margin: 5px 0 0 0;}
	#side .actualites .blocActu h3,#side .actualites .blocActu .readMore a,#side .actualites .toutesActus a {color: #17b5d9;}
	#side .actualites .toutesActus,#side .actualitesGdTravaux .toutesActus {text-align: right; padding: 0 10px 0 0;}

	#side .actualitesGdTravaux {
		margin-bottom: 10px;	
	}

	#side .actualitesGdTravaux h3 {
		background-color:#BD0926;
		color:#FFFFFF;
		display:block;
		font-size:108%;
		font-weight:bold;
		padding:3px 2px 2px 10px;
	}

	#side .actualitesGdTravaux .blocActu {
		background: url(/global/img/bgActu-gdTravaux.gif) repeat-x top left;
		margin: 0 0 1px 0;
		padding: 10px;
		border-bottom: 1px solid #BD0926;
	}

	#side .actualitesGdTravaux .blocActu h4,#side .actualitesGdTravaux .blocActu .readMore a,#side .actualitesGdTravaux .toutesActus a {
		color: #BD0926;
	}
	#side .blocActu {
		padding: 10px;
	}
	#side .blocActu p {
		font-size: 85%;
	}
	#side .blocActu h2 {
		background: none;
		color: #17b5d9;
		padding:3px 5px 2px 0px;
	}

	#side .blocActu img {
		width: 200px;
		height: auto;
	}
	#side .blocActu h4 {
		font-size: 93%;
		font-weight: bold;
		padding: 0 0 5px 0;
	}

	#side .toutesActus a {
		font-size: 100%;
		font-weight: bold;
	}

	#side .blocActu.last {
		border-bottom: none !important;
	}

	#side .blocActu img {
	
	}
	/* = CONTENU PRINCIPAL -- */

	#content h1 {font-size: 167%; font-weight: bold; margin-bottom: 8px;}
	#content h2 {font-size: 153.9%;font-weight: bold;margin-bottom: 8px;}
	#content h3 {font-size: 138.5%;font-weight: bold;margin-bottom: 8px;}
	#content h4 {font-size: 116%;font-weight: bold;margin-bottom: 8px;}
	#content h5 {font-size: 108%;margin-bottom: 8px;}
	#content p {margin: 0 0 10px 0; font-size: 93%;}
	#content.deuxColonnes {
		width: 450px;
		padding: 10px;
	}
	#content.uneColonne {
		width: 700px;
		padding: 10px;
	}

	.officeMunicipal #content, .actualitesGdTravaux #content {
		background: url(/global/img/bgPage_municipal.gif) repeat-x top left;
	}


	.espaceLocataire #content {
		background: url(/global/img/bgPage_locataire.gif) repeat-x top left;
	}

	.actualites #content {
		background: url(/global/img/bgPage_actualites.gif) repeat-x top left;
	}
	.officeMunicipal #content h2, .officeMunicipal #content h3, .officeMunicipal #content h4, .actualitesGdTravaux #content h2, .actualitesGdTravaux #content h3, .actualitesGdTravaux #content h4, .actualitesGdTravaux #content .post_title a {
		color: #BD0926 ;
	}
	.espaceLocataire #content h2, .espaceLocataire #content h2, .espaceLocataire #content h3, .espaceLocataire #content h4 {
		color: #ACDA2F;
	}
	.actualites #content h2, .actualites #content h3, .actualites #content h4, .actualites #content .post_title a {
		color: #17b5d9;
	}
	#content .post_short {
		margin: 0 0 25px 0;
		border-bottom: 1px solid #17B5D9;
	}
	#content .post_title {

	}
	#content .post_date {
		font-size: 77%;
		font-weight: normal;
		color: #484848;
		margin: 0 0 0 10px  ;
	}

	#content .postby {
		color: #484848;
		font-style: italic;
	}
	#content .backLink {
		float: right;
		margin: 10px 10px 0 0;
	}

	/* = CARTOGRAPHIE */

	.ficheInfoLogement {
	width: 390px;
	margin-right: 10px;
	float: left;
	}

	.ficheInfoLogement p {
	color: #484848;
	}

	#content p.nom {
	width: 80%;
	float: left;
	font-size: 138.5% !important;
	color: #BD0926;
	}
	.ficheInfoLogement p span {
	font-weight: bold;
	}
	.ficheInfoLogement h2 {
	font-size: 108% ;
	}

	.visuelLogement {
	float: left;
	width: 300px;
	}

	#content .visuelLogement img {
	width: 280px;
	background: #fff;
	padding: 5px;
	margin-bottom: 5px;
	border: 1px solid #999;
	}
	#content img.pano {
	width: 680px;
	background: #fff;
	padding: 5px;
	border: 1px solid #999;
	}
	#content .regroupement {
		padding: 10px;
		/*background-color: #ebebeb;*/
		background: transparent url(/global/img/bgPage_municipal.gif) repeat-x scroll left top;
		margin-bottom: 15px ;
	}
	#content .regroupement p {
		margin: 0;
	}
	#content .regroupement p.adresse {
		margin-bottom: 10px;
	}
	#content .regroupement p.accueil {
		margin-bottom: 10px ;
	}

	#content hr.light {
		color: #999;
		background-color: #999;
		height: 1px;
		border: 0;
		margin: 10px 0;
	}
	/* = FOOTER -- */

	#footer {
		clear: both;
		width: 100%;
		border-top: 1px solid #0099cc;
	}

	#navFooter {
		left: 0;
		top: 5px;
	}
	#recherche {
		width: 380px;
		margin-top: 5px;
		float: right;
		text-align: right;
		display: block;
	}
	#recherche label {
		color: #0099cc;
		margin: 0 5px 0 0;
		float: left;
	}
	#recherche input#searchBox {
		border: 1px solid #0099cc;
		height: 16px;
		float: left;
		margin: 0 4px 0 0;
	}
	#recherche input#searchButton {
		float: left;
	}

	/* ================================================================================ */
	/* = Résultat de la recherche = */
	 .FormResultRech {
	 border: 1px #fff solid;
	 }
	 .FormResultRech,
	 .FormResultRech p {clear: both;}

	 .FormResultRech label,
	 .FormResultRech input.inptRech,
	 .FormResultRech input.radio {width: auto!important}

	 .FormResultRech label {
	 font-size: 93%!important;
	 font-weight: normal;
	 padding:0 0.5em 0 0
	 }
	 .FormResultRech p {
	 width: 98%;
	 padding: 0 0 0.5em 0;
	 background-color: none!important;
	 }
	 .FormResultRech input.champs {
	 width: 200px!important;
	 margin: 0 5px 0 0;
	 }
	 .FormResultRech input.inptRech {
	 border: 0;
	 margin: 0 5px 0 0;
	 color: #fff;
	 background-color: #ACDA2F;
	 }
	 .FormResultRech input.radio {
	 border: 1px #fff solid!important;
	 }

	.espaceLocataire hr {
		height: 3px;
		margin: 10px 0;
		border: 0;
		color: #ACDA2F;
		background-color: #ACDA2F;
	}

	 #tableResult {margin: 5px 0 0 0;}
	 #tableResult td {
	 padding: 0.2em;
	 font-size: 93%;
	 }
	 #tableResult td a {
	 font-size:100%;
	 text-decoration: none;
	 }


	/* 2010 loic - nouveau template ANRU */
	
	/*home*/
	.anru_home_content #colB {padding: 0 0 2.5em 0;}
	#anru_home {
		width: 250px;
		margin: 0 0 1em 0;
		}
	#anru_home a img {
		padding:0; border:0;
		}
	#anru_home a.link {
		position: absolute; 
		color:yellow;
		font-size: 93%;
		width: 115px; margin: 65px 0 0 130px;
		}

	#rowB_anru .actualitesGdTravaux {
		float: left; 
		margin:0 0 0 25px!important;
		width: 385px;
		overflow: hidden;
		}
	#rowB_anru .actualitesGdTravaux .blocTitre {
		width: 385px;
		padding:0; margin:0;
		}
	#rowB_anru .actualitesGdTravaux .blocTitre img {
		width: 385px;
		}
	#rowB_anru .actualitesGdTravaux h3 {
		width: 373px;
		padding:3px 2px 2px 10px;
		}
	
	/*page interne*/
	.anru_content {}
	.anru_content .logoANRU {}
	.anru_content .sommaire {
		margin: 0 0 .5em 0;
		background-color:#FFFCC8;
		}
	.anru_content .sommaire h2 {
		color:#FED800;
		display:block;
		border-top: 2px #fff solid;
		border-bottom: 1px #D25B61 solid;
		font-size:123.1%;
		font-weight:bold;
		padding:3px 2px 2px 10px;
		background-color: #CD013B;
		}
	.anru_content .sommaire h3 a {
		color:#CD013B;
		display:block;
		border-bottom: 1px #D25B61 solid;
		font-size:108%;
		font-weight:bold;
		padding:3px 2px 2px 10px;
		background-color: #FED800;
		}
	.anru_content .sommaire ul {padding:0;}
	.anru_content .sommaire ul li {
		margin: 0;
		padding: .1em .5em .1em .5em;
		border-bottom: 1px #D25B61 solid;
		}
	.anru_content .sommaire ul li a {
		font-size: 93%; 
		padding: 0; margin:0;
		color:#CD013B;
		}

	.anru_content #content {
		background: transparent url(/global/img/bgPage_anru.png) repeat-x 0 0;
		}
	
	.anru_content #content h2,
	.anru_content #content h3,
	.anru_content #content h4 {color:#F8AD2F;}


	/* ================================================================================ */
	/* = Gestion des tables = */
	 table {border-collapse: collapse;}
	 table th {}
	 table td {}

	/* = DEBUG */

	@import "debug.css";