/* $Id: style.css,v 1.13 2006/04/03 22:20:48 unconed Exp $ */

/*
** HTML elements
*/
body {
  /*background-image:url("images/logo.png");*/
  margin: 2px;
  padding: 0;
  color: #000;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size:10px;
}

tr.odd td, tr.even td {
  padding: 0.3em;
}
h1, h2, h3, h4, h5, h6 {
  margin-bottom: 0.5em;
}
h1 {
  font-size: 1.3em;
}
h2 {
  font-size: 1.2em;
}
h3, h4, h5, h6 {
  font-size: 1.1em;
}

p {
  margin-top: 0.5em;
  margin-bottom: 0.9em;
}
a {
  text-decoration: none;
  font-weight: bold;
}
a:link {
  color: #533500;
}
a:visited {
  color: #533500;
}
a:hover {
  color: #533500;
  text-decoration: underline;
}
fieldset {
  border: 1px solid #ccc;
}
pre {
  background-color: #eee;
  padding: 0.75em 1.5em;
  font-size: 12px;
  border: 1px solid #ddd;
}
table {
  /* make <td> sizes relative to body size! */
  font-size: 1em;
}
.form-item label {
  font-size: 1em;
  color: #222;
}
.item-list .title {
  font-size: 1em;
  color: #222;
}
.links {
  margin-bottom: 0em;
}
.comment .links {
  margin-bottom: 0em;
}

#global {
	width:762px;
	/*
	margin:auto;
	*/
}

/*
** Page layout blocks / IDs
*/
#header, #content {
  width: 100%;
  background-color:white;
}

#content {
	background-color:#ddd;
}

#header {
  background-color: #ffffce;
}

#header .bandeauHaut {
	height:23px;
	background-image:url('images/ligne_jaune.gif');
}

#header .bandeauHautVide {
	height:23px;
	color:red;
}
#header .clic_fnaim {
	display:block;
	float:right;
}

#logo {
  vertical-align: middle;
  border: 0;
  height:82px;
  background-image:url('images/ligne_titre_haut.jpg');
  background-repeat:no-repeat;
}

#logo img {
  float: left;
  padding: 0em 1.0em 0em 1em;
  border: 0;
}

#menu {
  padding: 0.5em 0.5em 0 0.5em;
  text-align: right;
  vertical-align: middle;
}

.menuPiffImmo {
	padding:0;
	margin:0;
	background-image:url('images/fond-menu-haut.gif');
	background-repeat:repeat-y;
	background-color:white;
}

#primary {
  font-size: 1.0em;
  padding: 0em 0.8em 0.5em 0;
  color: #9cf;
}
#primary a {
  font-weight: bold;
  color: #fff;
}
#secondary {
  padding: 0 1em 0.5em 0;
  font-size: 0.8em;
  color: #9cf;
}
#secondary a {
  font-weight: bold;
  color: #9cf;
}
#search .form-text, #search .form-submit {
  border: 1px solid #369;
  font-size: 1.1em;
  height: 1.5em;
  vertical-align: middle;
}
#search .form-text {
  width: 8em;
  padding: 0 0.5em 0 0.5em;
}
#mission {
  background-color: #369;
  padding: 1.5em 2em;
  color: #fff;
}
#mission a, #mission a:visited {
  color: #9cf;
  font-weight: bold;
}
.site-name {
  margin: 0.6em 0em 0em 0em;
  padding: 0em;
  font-size: 2em;
}
.site-name a:link, .site-name a:visited {
  color: #fff;
}
.site-name a:hover {
  color: #369;
  text-decoration: none;
}
.site-slogan {
  font-size: 1em;
  color: #eee;
  display: block;
  margin: 0em 0em 0em 0em;
  font-style: italic;
  font-weight: bold;
}

#TDCENTRE {
  background-color:white;

  background-repeat:no-repeat;

  background-image:url('images/centre_bg.jpg');
  background-position:bottom right;

}

#main {
  /* padding in px not ex because IE messes up 100% width tables otherwise */
  padding:10px 2px 10px 3px;
  margin:auto;
}

#mission, .node .content, .comment .content {
  line-height: 1.4;
}
#help {
  font-size: 0.9em;
  margin-bottom: 1em;
}
.breadcrumb {
  margin-bottom: .5em;
}

.messages {
  background-color: #eee;
  border: 2px solid #1AD349;
  padding: 0.3em;
  margin-bottom: 1em;
}

.error {
  border-color: red;
}
#sidebar-left, #sidebar-right {
  /* padding in px not ex because IE messes up 100% width tables otherwise */
  padding: 0px;
  vertical-align: top;
}

#sidebar-left {

/*  background-color: #ddd;
*/
  width: 156px;	/*7 px de marge du au dégradé */
  background-position:right;
  background-image:url('images/fond-colonne-gauche.gif');
  background-repeat:repeat-y;
}

/* un sous-div permet de mettre un deuxieme fond */
#sidebar-left div.backImg {
	height:100%;
	background-image:url('images/colonne-gauche-img.jpg');
	background-position:bottom;
	background-repeat:no-repeat;
	padding-bottom:30px;
}

#sidebar-right {
  width:194px;
  padding-left:10px;
  background-color:#b9b9b9;
  background-image:url('images/fond-colonne-droite.gif');
  background-repeat:repeat-y;
}

#footer {
  background-image:url('images/ligne_jaune.gif');

  height:20px;
  padding-top:3px;

  font-size: 11px;
  font-weight:bold;
  text-align:center;

}

#footerBleu {
	background-image:url('images/footerBleu.gif');
	color:white;
}

/*
** Common declarations for child classes of node, comment, block, box, etc.
** If you want any of them styled differently for a specific parent, add
** additional rules /with only the differing properties!/ to .parent .class.
** See .comment .title for an example.
*/

.title, .title a {
  font-weight: bold;
  font-size: 1.3em;
  color: #777;
  margin: 0 auto 0 auto;  /* decrease default margins for h<x>.title */
}

#main h1.title {
	background-color:#FFFFFF;
	background-image:url("images/bandeau-titre.jpg");
	background-repeat:repeat-x;
	
	margin:5px 0;
	height:90px;
	padding:7px 0 0 12px;
	line-height:80px;
	font-size:18px;
	color:white;
}

.submitted {
  color: #999;
  font-size: 0.8em;
}
.links {
  color: #999;
}
.links a {
  font-weight: bold;
}

a.lien_bleu_marine {
	color:#000066;
	font-weight:bold;
	display:block;
	text-align:center;
}
.block, .box {
  padding: 0 0 1.5em 0;
}
.block {
	padding:0;
	margin:0;
}
.block .title {
  margin-bottom: .25em;
}
.box .title {
  font-size: 1.1em;
}


/* tous les nodes sont comme les stickys */
.node, .sticky {
  margin:0 1em;
  padding:5px 17px 5px 17px;
  
  /*
  background-color: #e3e2e2;
  */
  background-image:url('images/bg-trans.png');
  
  border: solid 1px #b8b8b8;
}

.node .content, .comment .content {
  margin: .5em 0 .5em 0;
  text-align:justify;
}

.node .content h2, .node .content h3 {
	font-size:18px;
	font-weight:bold;
	color:#e52b2b;
	text-align:left;
	line-height:20px;
	margin:0;
	padding:0;
	margin-bottom:5px;
}

.node .content h3 {
	font-size:14px;
	line-height:17px;
}

.node .content h4 {
	font-size:13px;
	color:#E52B2B;
}


.node .content p, li {
  text-align:justify;
}

.node .submitted {
	display:none;
}

.node .taxonomy {
  color: #999;
  font-size: 0.8em;
  padding: 1.5em;
}
.node .picture {
  border: 1px solid #ddd;
  float: right;
  margin: 0.5em;
}
.comment {
  border: 1px solid #abc;
  padding: .5em;
  margin-bottom: 1em;
}
.comment .title a {
  font-size: 1.1em;
  font-weight: normal;
}
.comment .new {
  text-align: right;
  font-weight: bold;
  font-size: 0.8em;
  float: right;
  color: red;
}
.comment .picture {
  border: 1px solid #abc;
  float: right;
  margin: 0.5em;
}

/*
** Module specific styles
*/
#aggregator .feed-source {
  background-color: #eee;
  border: 1px solid #ccc;
  padding: 1em;
  margin: 1em 0 1em 0;
}
#aggregator .news-item .categories, #aggregator .source, #aggregator .age {
  color: #999;
  font-style: italic;
  font-size: 0.9em;
}
#aggregator .title {
  margin-bottom: 0.5em;
  font-size: 1em;
}
#aggregator h3 {
  margin-top: 1em;
}
#forum table {
  width: 100%;
}
#forum td {
  padding: 0.5em 0.5em 0.5em 0.5em;
}
#forum td.forum, #forum td.posts {
  background-color: #eee;
}
#forum td.topics, #forum td.last-reply {
  background-color: #ddd;
}
#forum td.container {
  background-color: #ccc;
}
#forum td.container a {
  color: #555;
}
#forum td.statistics, #forum td.settings, #forum td.pager {
  height: 1.5em;
  border: 1px solid #bbb;
}
#forum td .name {
  color: #96c;
}
#forum td .links {
  padding-top: 0.7em;
  font-size: 0.9em;
}
#profile .profile {
  clear: both;
  border: 1px solid #abc;
  padding: .5em;
  margin: 1em 0em 1em 0em;
}
#profile .profile .name {
  padding-bottom: 0.5em;
}
.block-forum h3 {
  margin-bottom: .5em;
}
.calendar a {
  text-decoration: none;
}
.calendar td, .calendar th {
  padding: 0.4em 0;
  border-color: #888;
}
.calendar .day-today {
  background-color: #69c;
}
.calendar .day-today a {
  color: #fff;
}
.calendar .day-selected {
  background-color: #369;
  color: #fff;
}
.calendar .header-week {
  background-color: #ccc;
}
.calendar .day-blank {
  background-color: #ccc;
}
.calendar .row-week td a:hover {
  background-color: #fff; color: #000;
}

/*
** COLONNE DE GAUCHE
********************
*/

/*
** formulaires de demande
	style par défaut !
*/

#sidebar-left .li {
	list-style:none;
}

.block-menu, .block-menu ul, .block-menu ul li, .block-menu ul li a, .block-menu h2.title {
	background-repeat:no-repeat;
	margin:0 0 0 0;
	padding:0 0 0 0;
}

.block-menu h2.title, .block-menu td.title, #sidebar-left .title {
	color:#000000;
	background-image:url("images/titre_gris_col_gauche.jpg");
	background-repeat:no-repeat;
	font-size:12px;

	width:129px;
	padding-left:20px;

	height:29px;
}

.block-menu td.title {
	vertical-align:middle;
}

.block-menu ul {
	width:149px;
}

.block-menu li.leaf {
	background-image:url("images/bouton_gris_col_gauche.jpg");
	height:22px;	/*29*/
	padding-left:15px;
	padding-top:7px;
	list-style:none;
}

.block-menu li.leaf a {
	height:29px;
	color:#000000;
	text-decoration:none;
}

.block-menu li.leaf a:hover {
	color:gray;
}


/*
** fiches conseils
*/
#block-menu-37 h2.title, #block-menu-37 td.title {
	background-image:url("images/titre_jaune_col_gauche.jpg");
}


#block-menu-37 li.leaf {
	background-image:url("images/bouton_jaune_col_gauche.jpg");
}

/*
Formulaire pour les demandes de renseignement
*/
table.formulaire {
	border:1px solid #DDDDDD;
	border-collapse:collapse;
	background-color:#FFFFCE;
	width:390px;
}

table.formulaire th, table.formulaire td {
	padding:0;
} 

table.formulaire th {
	background-color:#DDDDDD;
}

table.formulaire td {
	padding-left:10px;
	padding-right:10px;
	padding-top:7px;
	padding-bottom:7px;
}

table.formulaire select,input {
	font-size:12px;
}

table.formulaire p.ville {
	font-weight:bold;
	color:#533500;
	font-size:11px
}

table.formulaire p.texte b {
	font-weight:bold;
	color:#000066;
	font-size:10px;

}
.bt_input {
text-decoration:none;
height:20px;
float:center;
display:block;
background-image:url(images/bt_jaune.jpg);
line-height:10px;
font-weight:bold;
color:#533500;
font-size:8px;
border:none;
width:99px;
}


/** Style pour les blocks d'annonces sur la gauche **/
.blockAnnonces {
	clear:both;
	background-color:#e3e2e2;
	overflow:auto;
	margin:0 5px 10px 0;
	padding:3px;
}

.blockAnnonces .texte {
	font-size:10px;
}

.blockAnnonces .image {
	width:97px;
	float:left;
	margin-right:3px;
	text-align:center;
}

.blockAnnonces a {
	color:black;
}

/* Le centre des annonces */
.Annonce td {
	padding:2px;
}

.Annonce .imgMedium, .Annonce .imgMini {
	text-align:center;
}

.Annonce .imgMedium img, .Annonce .imgMini img {
	border:2px solid #DDDDDD;
}

.Annonce .imgMini img {
	margin-bottom:5px;
	cursor:pointer;
}

.Annonce .separation td {
	border-bottom:1px dotted black;
}

.Annonce .agence, #messageForwardAnnonce {
    background-image:url('images/bg-trans.png');
	border:1px dotted #B9B9B9;
	padding:5px;
}

.Annonce .texte {
	background-color:#FFFFCE;
	margin:5px;
	padding:5px;
	font-size:12px;
}

.block-PIFannonces table {
	width:100%;
	border-bottom:5px solid white;
	margin-bottom:3px;
}

.block-PIFannonces .title {
	color:white;
	background-image:url("images/fond-titre-annonces.gif");
	background-repeat:no-repeat;
	background-position:right;
}

.block-block p {
	text-align:center;
}

.block-block p a {
	color:white;
}

/* Lien de smentions légales */
#block-block-3 a {
	color:black;
}

p.adminAnnonceTexte img {
	float:left;
	margin-right:5px;
}

p.adminAnnonceTexte {
	clear:left;
	border-top:1px solid #cccccc;
	padding-top:2px;
}

.liste_bien {
	border-top:1px solid #DDDDDD;
}

/* ADMINISTRATION DES DEMANDES */

.filtrer_par {
	height:50px;
	width:100%;
	background-color:#F9D14D;
	border:1px solid #666;
}

.filtrer_par td {
	padding:5px;
}

.trier {
	width:100%;
	background-color:#DDD;
	border-left:1px solid #666;
	border-right:1px solid #666;
	border-bottom:1px solid #666;
}

.trier td {
	padding:5px;
}

.liste_tri {
	cursor:pointer;
}

.liste_tri:hover {
	background-color: #FFCCCC;
}

.liste_tri td {
	padding-left:5px;
	padding-right:5px;
}

.liste_tri_s {
	cursor:pointer;
	background-color:#F9D14D;
	font-weight:bold;
}

.liste_tri_s td {
	padding-left:5px;
	padding-right:5px;
}



select {
	height:18px;
	font-size:10px;
	background-color:#FFFECE;
	border:1px solid black;
}

select .demande {
	width:120px;
}

select .bien {
	width:80px;
}

select .pieces {
	width:50px;
}

.espace {
	height:5px;
}

.liste_hidden {
	display:none;
}

.liste_nonhidden {
	background-color:#F9D14D;
}

.liste_ouverte {
	margin:5px;
	border:1px solid #666;
	background-color:#DDD;
}

.liste_ouverte td {
	padding:5px;
}

.notes {
	padding-top:10px;
	padding-bottom:10px;
}