@charset "utf-8";

/************************************ CSS DOCUMENT - BREST METROPOLE HABITAT / ESPACE BMH *******************************/

/***********************************
COULEURS ESPACE BMH :

	- VERT CLAIR : B8C900
	- MARRON / VERT TEXTE : 52572C
	- MARRON / VERT MENU : 51562D
************************************/
.espace a img {
	border: 2px solid #B8C900;
	padding: 1px;
}
html>body .espace a:hover img {
	border: 2px solid #51562D;
	padding: 1px;
}
.espace a {
	color: #52572C;
}
.espace a:hover {
	text-decoration: none;
	color: #B8C900;
}
.espace {
	color: #52572C;
}
/***************************************************** MENU *********************************************************/
#menu ul{
	background-image:url('../../img/site/espace-bmh/menu/fond.png');
}
#menu ul li a,
#menu ul li span{
	color:#51562D;
	background-color:#B8C900;
	background-image:url('../../img/site/espace-bmh/menu/puce.png');
}
#menu ul li.selection a,
#menu ul li.hover a,
#menu ul li.selection span,
#menu ul li.hover span{
	background-color:#51562D;
	background-image:url('../../img/site/espace-bmh/menu/puce-over.png');
}
#menu ul li.suivant a{
	background-image:url('../../img/site/espace-bmh/menu/navigation.png');
	background-color:transparent;
	background-repeat:no-repeat;
	background-position:0 0;
}
#menu ul li.precedent a{
	background-image:url('../../img/site/espace-bmh/menu/navigation.png');
	background-color:transparent;
	background-repeat:no-repeat;
	background-position:0 -20px;
}
#menu ul li.suivant a:hover,
#menu ul li.suivant a:focus{
	background-image:url('../../img/site/espace-bmh/menu/navigation.png');
	background-position:-26px 0;
}
#menu ul li.precedent a:hover,
#menu ul li.precedent a:focus{
	background-image:url('../../img/site/espace-bmh/menu/navigation.png');
	background-position:-26px -20px;
}
body.js #menu ul li ul{
	background-image:url('../../img/site/espace-bmh/menu/fond.png');
}
#menu ul li ul li{
	background-image:url('../../img/site/espace-bmh/menu/separation.png');
}
#menu ul li ul li a,
#menu ul li.selection ul li a,
#menu ul li:hover ul li a,
#menu ul li.hover ul li a,
#menu ul li ul li span,
#menu ul li.selection ul li span,
#menu ul li:hover ul li span,
#menu ul li.hover ul li span{
	background:#51562D;
}
#menu ul li ul li a:hover{
	color:#51562D;
	background-color:#FFF;
}
#menu ul li ul li.selection a,
#menu ul li ul li.selection a:hover,
#menu ul li ul li.selection span{
	color:#51562D;
	background-color:#FFF;
	background-repeat:no-repeat;
	background-position:right 0;
	background-image:url('../../img/site/espace-bmh/menu/selection.png');
}
#menu ul li ul.navigation li a,
#menu ul li ul.navigation li span{
	background-image:url('../../img/site/espace-bmh/menu/navigation.png');
}
#menu ul li ul.navigation li.suivant a{
	background-position:0 -40px;
}
#menu ul li ul.navigation li.suivant a{
	background-position:0 -40px;
}
#menu ul li ul.navigation li.suivant a:hover,
#menu ul li ul.navigation li.suivant a:focus{
	background-position:-26px -40px;
}
#menu ul li ul.navigation li.precedent a{
	background-position:0 -60px;
}
#menu ul li ul.navigation li.precedent a{
	background-position:0 -60px;
}
#menu ul li ul.navigation li.precedent a:hover,
#menu ul li ul.navigation li.precedent a:focus{
	background-position:-26px -60px;
}
/************************************************* BLOC-TYPE-1 : bloc colonne gauche ********************************/
.espace .bloc-type-1 h3 {
	border-bottom: 1px solid #B8C900;
}
.espace .bloc-type-1 h4 {
	border-bottom: 1px dashed #B8C900;
}
.espace .bloc-type-1 p {
	color: #52572C;
}
.espace .bloc-type-1 li {
	color: #52572C;
}
.espace .bloc-type-1 label {
	color: #52572C;
}
.espace .bloc-type-1 .date {
	color: #B8C900;
}
.espace .bloc-type-1 input {
	border: 1px solid #E0E0E0;
	background: #FFFFFF;
	color: #52572C;
}
.espace .bloc-type-1 .submit {
	background: transparent url('../../img/site/espace-bmh/picto-ok.jpg') no-repeat 0 0;
}
.espace .bloc-type-1 input:focus {
	border: 1px solid #B8C900;
}
/*************************************** BLOC-TYPE-2 : bloc 50% colonne droite  **************************************/
.espace .bloc-type-2 .top {
	background: transparent url('../../img/site/espace-bmh/bloc-type-2-top.jpg') no-repeat;
}
.espace .bloc-type-2 h3 {
	border-bottom: 1px solid #B8C900;
}
.espace .bloc-type-2 h4 {
	border-bottom: 1px dashed #B8C900;
}
/*
.espace .bloc-type-2 ul li, .espace .bloc-type-3 ul li {
	list-style-image: url('../../img/site/espace-bmh/picto-rond.jpg');
	color: #52572C;
}
*/
.espace .bloc-type-2 ul li, .espace .bloc-type-3 ul li {
	background: transparent url('../../img/site/espace-bmh/picto-rond.jpg') no-repeat 0 6px;
}
.espace .bloc-type-2 li.jpg, 
.espace .bloc-type-2 li.jpeg, 
.espace .bloc-type-2 li.gif, 
.espace .bloc-type-2 li.png,
.espace .bloc-type-3 li.jpg, 
.espace .bloc-type-3 li.jpeg,  
.espace .bloc-type-3 li.gif, 
.espace .bloc-type-3 li.png{
	padding:1px 0 2px 25px;
	background: transparent url('../../img/site/picto-image.jpg') no-repeat 0 1px;
}
.espace .bloc-type-2 li.pdf,
.espace .bloc-type-3 li.pdf{
	padding:1px 0 2px 25px;
	background: transparent url('../../img/site/picto-pdf.jpg') no-repeat 0 0;
}
.espace .bloc-type-2 li.doc,
.espace .bloc-type-2 li.odt,
.espace .bloc-type-3 li.doc,
.espace .bloc-type-3 li.odt{
	padding:1px 0 2px 25px;
	background: transparent url('../../img/site/picto-doc.jpg') no-repeat 0 0;
}
.espace .bloc-type-2 li.xls,
.espace .bloc-type-2 li.ods,
.espace .bloc-type-3 li.xls,
.espace .bloc-type-3 li.ods{
	padding:1px 0 2px 25px;
	background: transparent url('../../img/site/picto-xls.jpg') no-repeat 0 0;
}
.espace .bloc-type-2 li.ppt,
.espace .bloc-type-2 li.odt,
.espace .bloc-type-3 li.ppt,
.espace .bloc-type-3 li.odt{
	padding:1px 0 2px 25px;
	background: transparent url('../../img/site/picto-ppt.jpg') no-repeat 0 0;
}
.espace .bloc-type-2 span.cat, .espace .bloc-type-3 span.cat {
	font-weight: bold;
	font-variant: small-caps;
	padding-bottom: 1px;
	margin: 5px 0 5px 0;
	border-bottom: 1px dashed #B8C900;
}
.espace .bloc-type-2 .galerie li a .vignette {
	border: 2px solid #B8C900;
	background: #FFFFFF;
}
.espace .bloc-type-2 .galerie li a:hover img {
	border: 2px solid #52572C;
}
/******************************************** BLOC-TYPE-3 : bloc 100% colonne gauche *********************************/
.espace .bloc-type-3 .top {
	background: transparent url('../../img/site/espace-bmh/bloc-type-3-top.jpg') no-repeat;
}
.espace .bloc-type-3 h3 {
	border-bottom: 1px solid #B8C900;
}
.espace .bloc-type-3 h4 {
	border-bottom: 1px dashed #B8C900;
}
.espace .bloc-type-3 input {
	color: #52572C;
}
.espace .bloc-type-3 input.text {
	border: 1px solid #E0E0E0;
}
.espace .bloc-type-3 .submit {
	background: #52572C;
	color: #FFFFFF;
}
.espace .bloc-type-3 textarea {
	border: 1px solid #E0E0E0;
	color: #B8C900;
}
.espace .bloc-type-3 input:focus, .espace .bloc-type-3 textarea:focus {
	border: 1px solid #B8C900;
}
/******************************************** BLOC-TYPE-4 : bloc 100% colonne unique *********************************/
.espace .bloc-type-4 .top {
	background: transparent url('../../img/site/espace-bmh/bloc-type-4-top.jpg') no-repeat;
}
.espace .bloc-type-4 h3 {
	border-bottom: 1px solid #B8C900;
}
.espace .bloc-type-4 h4 {
	border-bottom: 1px dashed #B8C900;
}
.espace #organigramme, .espace #contact-acces {
	width: 672px;
	margin-left: 3px;
	height: auto;
}
.espace #organigramme img, .espace #contact-acces img {
	margin: 0;
	padding: 0;
	border: 0;
}
/********************************************* RESSOURCES HUMAINES ***********************************************/
.espace #annonce{
	height: auto;
}
.espace #annonce-reponse .annonce-contenu {
	border: 1px dotted #9EAC0B;
	border-top: 0;
	margin: 0 15px 0 15px;
}
.espace #annonce .annonce-intitule {
	background: #B8C900 url('../../img/site/espace-bmh/fond-stripes.jpg');
	color: #52572C;
	overflow: hidden;
	margin-bottom: 0;
}
.espace #annonce-reponse .annonce-intitule {
	background: #B8C900 url('../../img/site/espace-bmh/fond-stripes.jpg');
	color: #52572C;
	overflow: hidden;
	margin: 0 15px 0 15px;
}
.espace #annonce .annonce-intitule .date, .espace #annonce-reponse .annonce-intitule .date {
	margin: 0 10px 0 5px;
	padding: 2px 0 2px 22px;
	background: transparent url('../../img/site/picto-date.png') no-repeat 0 1px;
	float: left;
	font-size: 11px;
}
.espace #annonce .titre, .espace #annonce-reponse .titre  {
	border-left: 1px dotted #FFF;
	font-weight: bold;
	width: 505px;
	height: auto;
	padding: 0 10px 0 10px;
	margin: 2px 15px 2px 0;
	font-variant: small-caps;
	float: left;
	font-size: 11px;
}
.espace #annonce .annonce-details {
	text-align: right;
	border: 1px dotted #9EAC0B;
	border-top: 0;
}
.espace #annonce-reponse .annonce-details {
	text-align: right;
	border: 0;
	border-top: 0;
}
.espace #annonce p.annonce-details, .espace #annonce-reponse p.annonce-details {
	margin-top: 0;
	padding: 5px 5px 5px 0;
}
.espace #annonce .details, .espace #annonce-reponse .details {
	margin: 0 10px 0 0;
	padding-left: 12px;
	background: transparent url('../../img/site/espace-bmh/picto-rappel-logo.jpg') no-repeat 0 4px;
}
.repondre, .telecharger {
	margin: 0 0 0 10px;
	padding-left: 12px;
	background: transparent url('../../img/site/espace-bmh/picto-rappel-logo.jpg') no-repeat 0 4px;
}
.espace p.suite {
	clear:both;
	float:right;
	overflow:hidden;
	padding-left: 12px;
	background: transparent url('../../img/site/espace-bmh/picto-rappel-logo.jpg') no-repeat 0 5px;
}
.espace p.retour {
	clear:both;
	text-align:left;
	padding-left: 12px;
	background: transparent url('../../img/site/espace-bmh/picto-rappel-logo.jpg') no-repeat 0 5px;
}
.espace .bloc-type-3 #annonce-reponse fieldset {
	margin:0;
	padding: 0;
}
.espace #annonce-reponse fieldset.submit {
	text-align: center;
	background: none;
	width: 100%;
}
#annonce-reponse input.submit {
	width: auto;
	display:inline;
	color:#51562d;
	border:0;
	height:20px;
	padding:0 7px 0 21px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	font-variant: small-caps;
	text-decoration:none;
	line-height:21px;
	color:#51562D;
	background-color:#B8C900;
	background-image:url('../../img/site/espace-bmh/menu/puce.png');
	background-repeat:no-repeat;
	background-position:7px 0;
	margin-bottom: 15px;
}
#annonce-reponse input.submit:hover{
	cursor:pointer;
	color:#FFF;
	background-color:#51562D;
	background-image:url('../../img/site/espace-bmh/menu/puce-over.png');
}
/******************************************* TEXTES EN ACCORDEON ****************************************/
.espace #accordion .toggler {
	color: #FFFFFF;
	background-color: #51562D;
}
/********************************************** IMMOWARE ******************************************************/
.espace .bloc-type-3#immoware-recherche input{
	display:inline;
}
#immoware-recherche object{
	margin:10px 0 0 5px;
}
#immoware-recherche form{

}
#immoware-recherche form fieldset{
	border:1px solid #b8c900;
	padding:0;
}
#immoware-recherche form fieldset.ferme div{
	display:none;
}
#immoware-recherche form fieldset.button{
	border:0;
	background:none;
}
#immoware-recherche form fieldset.button div.button{
	text-align:center;
}
#immoware-recherche form fieldset.button div.button input.submit{
	display:inline;	
}
#immoware-recherche form fieldset legend{
	display:block;
	color:#52572c;
	font-size:10px;
	font-weight:bold;
	padding:0 2px;
	margin:0 10px;
}
#immoware-recherche form fieldset div{
	overflow:hidden;
	clear:both;
	margin:5px 0;
}
#immoware-recherche form fieldset div label{
	float:left;
	width:150px;
	margin:0;
	padding:0 10px 0 0;
	text-align:right;
	line-height:20px;
}
#immoware-recherche form fieldset div input,
#immoware-recherche form fieldset div select{
	color:#51562d;
	margin:0;
}
#immoware-recherche form fieldset div select{
	width:300px;
}
#immoware-recherche form fieldset div select optgroup{
	margin-top:5px;
	color:#51562d;
	font-style:normal;
	text-transform:uppercase;
}
#immoware-recherche form fieldset div select option{
	color:#51562d;
	text-indent:5px;
	text-transform:none;
}
#immoware-recherche form fieldset div optgroup option:first-child{
	border-top:1px solid #b8c900;
}
#immoware-recherche form fieldset div ul,
#immoware-recherche form fieldset div p{
	list-style:none;
	margin:0;
	padding:0;
	text-indent:0;
	float:left;
}
#immoware-recherche form fieldset div ul li{
	display:inline;
	margin:0;
	padding:0 10px 0 0;
	background:none;
}
#immoware-recherche form fieldset div ul li input{
	border:0;
	padding:0;
}
#immoware-recherche form fieldset div ul li label,
#immoware-recherche form fieldset div p label{
	display:inline;
	float:none;
	width:auto;
	padding:0;
	text-align:left;
	font-weight:normal;
}
#immoware-recherche form fieldset.submit{
	border:0;
	margin:0;
	padding:0;
	background:none;
	text-align:center;
	width:100%;
	cursor:default;
}
#immoware-recherche form fieldset.submit input{
	display:inline;
	color:#51562d;
	border:0;
	height:20px;
	margin:0;
	padding:0 7px 0 21px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	font-variant: small-caps;
	text-decoration:none;
	line-height:21px;
	color:#51562D;
	background-color:#B8C900;
	background-image:url('../../img/site/espace-bmh/menu/puce.png');
	background-repeat:no-repeat;
	background-position:7px 0;
}
#immoware-recherche form fieldset.submit input:hover{
	cursor:pointer;
	color:#FFF;
	background-color:#51562D;
	background-image:url('../../img/site/espace-bmh/menu/puce-over.png');
}
#immoware-recherche ul.onglets{
	border:0;
	margin:0 15px;
	padding:0;
	background:none;
	list-style:none;
}
#immoware-recherche ul.onglets li{
	display:inline;
	margin:0 0 0 5px;
	padding:2px;
	border:0;
	background:#FFF none;
	border:1px solid #B8C900;
}
#immoware-recherche ul.onglets li.tab-selected{
	border-color:#51562D;
}
#immoware-recherche ul.onglets li a{
	padding:0;
	margin:0;
	text-decoration:none;
	font-variant:small-caps;
}
#immoware-recherche ul.onglets li.tab-selected a{
	font-weight:bold;
}

#immoware-resultats .programme{
	border:1px dotted #9EAC0B;
	border-top:0;
	margin:15px;
	height:100%;
}
#immoware-resultats .programme h4{
	margin:0;
	background:#B8C900/* url('../../img/site/espace-bmh/fond-stripes.jpg')*/;
	color:#52572C;
	padding:4px 5px;
}
#immoware-resultats .programme p{
	position:relative;
	margin:5px;
	padding:0;
}
#immoware-resultats .programme p a.suite{
	position:absolute;
	right:0;
	top:0;
	display:block;
	text-indent:12px;
	background:transparent url('../../img/site/espace-bmh/picto-rappel-logo.jpg') no-repeat center left;
}
* html #immoware-resultats .programme p a.suite{
	top:-2px;
	right:20px;
}
#immoware-resultats .programme .infos{
	padding:5px;
}
#immoware-resultats .programme .infos h5{
	margin:10px 0 5px 0;
	font-size:11px;
	font-variant:small-caps;
	clear:both;
}
#immoware-resultats .programme .infos ul li{
	margin-left:10px;
}
#immoware-resultats .programme .infos ul.photos{
	list-style:none;
}
#immoware-resultats .programme .infos ul.photos li{
	background:none;
	padding:0;
	margin:0;
	display:inline;
}
#immoware-resultats .programme .infos ul.photos li.lien{
	display:none;
}
#immoware-resultats .programme .infos ul.prestations{
	overflow:hidden;
}
#immoware-resultats .programme .infos ul.prestations li{
	margin:0;
	padding:0;
	display:block;
	float:left;
	text-indent:0;
	width:60px;
	height:71px;
	text-indent:-1000px;
	background-image:none;
}
#immoware-recherche ul.legende-resultats{
	margin:25px 0 0 0;
	overflow:hidden;
}
#immoware-recherche ul.legende-resultats li{
	height:71px;
	padding:10px 0 0 55px;
	width:200px;
	float:left;
}
#immoware-resultats .programme .infos ul.prestations li.immeuble,
#immoware-recherche ul.legende-resultats li.immeuble{
	background:transparent url(../../img/site/espace-bmh/immoware/immeuble.png) no-repeat 0 0;
}
#immoware-resultats .programme .infos ul.prestations li.pavillon,
#immoware-recherche ul.legende-resultats li.pavillon{
	background:transparent url(../../img/site/espace-bmh/immoware/pavillon.png) no-repeat 0 0;
}
#immoware-resultats .programme .infos ul.prestations li.chauffage-individuel,
#immoware-recherche ul.legende-resultats li.chauffage-individuel{
	background:transparent url(../../img/site/espace-bmh/immoware/chauffage-individuel.png) no-repeat 0 0;
}
#immoware-resultats .programme .infos ul.prestations li.chauffage-collectif,
#immoware-recherche ul.legende-resultats li.chauffage-collectif{
	background:transparent url(../../img/site/espace-bmh/immoware/chauffage-collectif.png) no-repeat 0 0;
}
#immoware-resultats .programme .infos ul.prestations li.ascenseur,
#immoware-recherche ul.legende-resultats li.ascenseur{
	background:transparent url(../../img/site/espace-bmh/immoware/ascenseur.png) no-repeat 0 0;
}
#immoware-resultats .programme .infos ul.prestations li.conventionne,
#immoware-recherche ul.legende-resultats li.conventionne{
	background:transparent url(../../img/site/espace-bmh/immoware/logement-conventionne.png) no-repeat 0 0;
}
#immoware-resultats .programme .infos ul.prestations li.parking,
#immoware-recherche ul.legende-resultats li.parking{
	background:transparent url(../../img/site/espace-bmh/immoware/parking.png) no-repeat 0 0;
}
#immoware-resultats .programme .infos ul.prestations li.handicape,
#immoware-recherche ul.legende-resultats li.handicape{
	background:transparent url(../../img/site/espace-bmh/immoware/amenagements-handicapes.png) no-repeat 0 0;
}
#immoware-resultats .programme .infos table{
	padding:5px;
	margin:0;
	table-layout:fixed;
	width:100%;
}
#immoware-resultats .programme .infos table th,
#immoware-resultats .programme .infos table td{
	margin:0;
	padding:2px;
}
#immoware-resultats .programme .infos table th{
	font-size:12px;
	text-transform:none;
	vertical-align:bottom;
}
#immoware-resultats .programme .infos table td{
	border-top:1px solid #9EAC0B;
	vertical-align:middle;
}
#immoware-resultats ul.multipage{
	list-style:none;
	text-align:center;
}
#immoware-resultats ul.multipage li{
	display:inline;
	padding:0 5px 0 10px;
	margin:0;
	text-indent:0;
}
#immoware-resultats ul.multipage li.prev{
	background:none;
}
#immoware-resultats ul.multipage li a{
	margin:0;
	padding:0;
}
/************************** NOUVELLES OPERATIONS ****************************/
#immoware-resultats .programme .infos table tbody tr th{
	border-top:1px solid #9FAE00;
	text-align:left;
}
#immoware-resultats .programme .infos table tbody tr td.vide{
	color:#D4DF66;
}
#immoware-resultats .programme .infos table tbody tr td.total.vide,
#immoware-resultats .programme .infos table tbody tr.total td.vide{
	color:#9FAE00;
}
#immoware-resultats .programme .infos table thead tr th.total,
#immoware-resultats .programme .infos table tbody tr td.total,
#immoware-resultats .programme .infos table tbody tr.total th,
#immoware-resultats .programme .infos table tbody tr.total td{
	background-color:#D4DF66;
}
#immoware-resultats .programme .infos table thead tr th.total,
#immoware-resultats .programme .infos table tbody tr td.total{
	border:1px solid #9FAE00;
}
#immoware-resultats .programme .infos table tbody tr.total td.total{
	border-left:0;
}
#immoware-resultats .programme .infos table tbody tr.total th{
	border-left:1px solid #9FAE00;
}

/* Contact */
#contact-link {
	height: 20px;
	overflow: hidden;
}
#contact-form-wrapper {
	height: 0px;
	overflow: hidden;
	margin: 0 15px;
	padding: 0;
}
#contact-form-wrapper #contact-hide{
	margin: 0 15px;
	padding: 10px 0;	
}

#contact-form {
	margin: 0;
	padding: 10px 0 20px 0;
	text-align: left;
}
#contact-form p {
	height: auto;
	margin: 0;
	padding: 8px 0;
	clear: both;
}
#contact-form p label {
	width: 200px;
	margin: 0 5px 0 0;
	padding: 0;
	text-align: right;
	float: left;
}
#contact-form p input,
#contact-form p select,
#contact-form p textarea {
	margin: 0;
	padding: 0;
	float: left;
	color: #52572C;
}
#contact-form p textarea {
	width: 400px;
	height: 200px;
}
#contact-form p.text {
	height: 18px;
}
#contact-form p.text input {
	width: 200px;
}
#contact-form fieldset.contact-submit {
	width: 650px;
	text-align: center;
	background: none;
	margin:0;
	padding: 0;
	clear: both;
}
#contact-form input.submit {
	width: auto;
	display:inline;
	color:#51562d;
	border:0;
	height:20px;
	padding:0 7px 0 21px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	font-variant: small-caps;
	text-decoration:none;
	line-height:21px;
	color:#51562D;
	background-color:#B8C900;
	background-image:url('../../img/site/espace-bmh/menu/puce.png');
	background-repeat:no-repeat;
	background-position:7px 0;
	margin: 15px 0;
}
#contact-form input.submit:hover{
	cursor:pointer;
	color:#FFF;
	background-color:#51562D;
	background-image:url('../../img/site/espace-bmh/menu/puce-over.png');
}
#contact-form p.champ-rouge label {
	color: #cb003b;
}
#contact-ok {
	font-weight: bold;
}

/*B8C900
	- MARRON / VERT TEXTE : 52572C*/