/*
	CSS pour DUP - Principal
	Tom - egzakt.com
	2010-02-12
*/


/* Styles de base */

body {
  margin:0 0 10px 0;
  background-color: #999999;
  font:75%/130% Arial, Verdana, sans-serif;
}

h1 {
  font-size:1.17em;
  color:#ffffff;
  margin:0;
  padding:0;
}

img {
  border:none;
}
p {
  font-size:0.92em;
  line-height:1.45em;
}

.blanc {
  color:#cccccc;
}

.float-right {
  float:right;
}

a {
  color:#E3E4E5;
}

a:hover {
  color:#0066CC;
}

.bleu, .gris {
  background-color:#005A9C;
  color:#ffffff;
  padding:2px;
  text-transform:uppercase;
  font-size:0.75em;
}

.gris {
  background-color:#999B9E;
}


/* Wrapper général */

#wrapper {
  width:940px;
  margin:0 auto;
  background: #161517 url('/images/ul/tuiles/tuile_background.gif') no-repeat 0 130px;
  color:#999B9E;
  position:relative;
}


/* Header */

#wrapper .entete {
  height:130px;
  width:100%;
  background: #ffffff url('/images/ul/tuiles/tuile_header.gif') top left no-repeat;
  position:relative;
}

#wrapper .entete img.logo {
  margin:35px 0 0 30px;
}

#wrapper .entete ul.menu {
  margin:0;
  padding:0;
  position:absolute;
  right:30px;
  bottom:10px;
  padding: 7px 0 7px 0;
}

#wrapper .entete ul.menu li {
  margin:0;
  padding:0;
  list-style:none;
  display:inline;
  border-left: 1px solid #d9d9db;
  padding:7px 0 7px 3px;
  height:14px;
}

#wrapper .entete ul.menu li.dernier {
  padding-right:3px;
  border-right: 1px solid #d9d9db;
}

#wrapper .entete ul.menu li a {
  text-transform:uppercase;
  text-decoration:none;
  color: #444444;
  padding:7px 6px 7px 6px;
  font-size:0.92em;
}

#wrapper .entete ul.menu li a:hover,
#wrapper .entete ul.menu li a.selected {
  background-color: #84accd;
  color:#ffffff;
}

#wrapper .entete ul.menu a.zone_client {
  padding-right:20px;
  background: url('/images/ul/icones/zone_client.gif') no-repeat right 2px;
}

#wrapper .entete ul.menu li a.zone_client.selected {
  background-image: url('/images/ul/icones/zone_client_hover.gif');
}

#wrapper .entete ul.menu a.zone_client:hover {
  background-image: url('/images/ul/icones/zone_client_hover.gif');
}


/* Contenu */

#wrapper #contenu {
  margin-top:20px;
}

#wrapper #contenu .gauche, #wrapper #contenu .droite {
  float:left;
  width:425px;
  margin-left:30px;
  position:relative;
}

/* Pied de page */

#wrapper #footer {
  color:#999B9E;
  font-size:0.92em;
  padding:0 23px 5px;
  position:relative;
  height:32px !important;
  height:20px; /* Pour IE6 */
}

#wrapper #footer p {
  top:0px !important;
  top:5px; /* Pour IE6 */
  position:absolute;
  z-index:10;
  font-size:1em;
}

/* Boutons */


/* Accueil */

form#recherche-accueil label,
form#recherche-droite label {
  font-size:0.92em;
}

form#recherche-accueil input,
form#recherche-accueil select,
form#recherche-droite input,
form#recherche-droite select {
  margin-top:5px;
}

form#recherche-accueil .form_gauche,
form#recherche-accueil .form_droite {
  float:left;
  width:200px;
  margin-left:5px;
  display:inline; /* Pour IE6! */
}

form#recherche-accueil {
  margin-top:10px;
}

form#recherche-accueil select.ville,
form#recherche-accueil select.type,
form#recherche-droite select.ville,
form#recherche-droite select.type {
  width:186px;
}

form#recherche-accueil input.adresse,
form#recherche-accueil input.superficie_min,
form#recherche-accueil input.superficie_max,
form#recherche-droite input.adresse,
form#recherche-droite input.superficie_min,
form#recherche-droite input.superficie_max {
  width:180px;
}

form#recherche-accueil input.chercher {
  position:absolute;
  right:29px;
}

form#recherche-droite input.chercher {
  position:absolute;
  right:34px;
}

#wrapper #contenu #colonnes {
  background: url('/images/ul/tuiles/tuile_accueil.gif') repeat-y top left;
  margin-top:10px;
  position:relative;
  width:940px;
  margin-left:3px;
}

#wrapper #contenu #colonnes .colonne {
  float:left;
  width:227px;
  margin-left:5px;
  color:#000000;
  font-size:0.92em;
  display:inline;
}

#wrapper #contenu #colonnes .colonne .contenu {
  padding:20px;
}

#wrapper #contenu #colonnes .colonne a.vedette {
  color:#000000;
  text-decoration:none;
}

#wrapper #contenu #colonnes .colonne a.vedette .ville {
  color:#444444;
}

#wrapper #contenu #colonnes .colonne a.vedette .img {
  width:185px;
  height:110px;
  border:1px solid #999B9E;
  margin-bottom:10px;
}

#wrapper #contenu #colonnes .colonne a.vedette .superficie {
  margin-top:5px;
  color:#005A9C;
}

#wrapper #contenu #colonnes .colonne a.item {
  margin-top:15px;
  display:block;
  color:#000000;
  text-decoration:none;
  width:190px;
}

#wrapper #contenu #colonnes .colonne a.item .ville {
  color:#444444;
}

#wrapper #contenu #colonnes .colonne a.item .img {
  width:58px;
  height:38px;
  border:1px solid #999B9E;
  float:left;
  margin-right:10px;
}

#wrapper #contenu #colonnes .colonne a.item .details {
  float:left;
  width:120px;
}


#wrapper #contenu #colonnes .colonne a.toutes {
  border-top:2px solid #000000;
  color: #444444;
  background:url('/images/ul/tuiles/toutes.gif') top left no-repeat;
  display:block;
  text-decoration:none;
  padding:3px 0 1px 15px;
  font-size:0.92em;
  width:212px;
  position:absolute;
  bottom:0;
}

#wrapper #contenu #colonnes .colonne a.toutes:hover {
  background-position: 0 -20px;
}

#wrapper #contenu #colonnes .colonne a.toutes_bureau {
  left:5px;
}

#wrapper #contenu #colonnes .colonne a.toutes_industriel {
  left:237px;
}

#wrapper #contenu #colonnes .colonne a.toutes_commercial {
  left:469px;
}

#wrapper #contenu #colonnes .colonne a.toutes_entreposage {
  left:701px;
}

#wrapper #contenu #colonnes .colonne a.entete {
  text-transform:uppercase;
  text-decoration:none;
  font-weight:bold;
  font-size:1.08em;
  color:#ffffff;
  height:21px;
  padding:17px 0 8px 20px;
  display:block;
  background-repeat:no-repeat;
  background-position:top left;
  width:207px;
}

#wrapper #contenu #colonnes .colonne a.bureau {
  background-image: url('/images/ul/titrages/titre_bureau.gif');
}

#wrapper #contenu #colonnes .colonne a.commercial {
  background-image: url('/images/ul/titrages/titre_commercial.gif');
}

#wrapper #contenu #colonnes .colonne a.industriel {
  background-image: url('/images/ul/titrages/titre_industriel.gif');
}

#wrapper #contenu #colonnes .colonne a.entreposage {
  background-image: url('/images/ul/titrages/titre_entreposage.gif');
}

#wrapper #contenu #colonnes .colonne a.bureau:hover,
#wrapper #contenu #colonnes .colonne a.commercial:hover,
#wrapper #contenu #colonnes .colonne a.industriel:hover,
#wrapper #contenu #colonnes .colonne a.entreposage:hover {
  background-position: 0 -46px;
}


/* Page details */

#wrapper #contenu #colonne_wrapper {
  width:678px !important;
  width:670px; /* Pour IE6 */
  float:left;
}

#wrapper #contenu #colonne_wrapper #colonne_contenu {
  margin-left:20px;
}

#wrapper #contenu #colonne_wrapper #colonne_contenu .entete {
  height:21px;
  width:658px !important;
  width:660px;
  padding:5px 0 0 10px;
  background: url('/images/ul/tuiles/tuile_grise.gif') -2px 0 no-repeat;
}

#wrapper #contenu #colonne_wrapper #colonne_contenu .entete.bottom {
  border-top:2px solid #000000;
}

#wrapper #contenu #colonne_wrapper #colonne_contenu .entete .options {
  position:absolute;
  right:10px;
  top:7px !important;
  top:5px; /* Pour IE6 */
  text-align:right;
}

#wrapper #contenu #colonne_wrapper #colonne_contenu .entete .pagination_margin {
  margin-right:75px
}

#wrapper #contenu #colonne_wrapper #colonne_contenu .entete .options a.imprimer {
  padding-left:20px;
  background: url('/images/ul/icones/imprimer.gif') no-repeat left 0px;
}

#wrapper #contenu #colonne_wrapper #colonne_contenu .entete .options a {
  text-decoration:none;
}

#wrapper #contenu #colonne_wrapper #colonne_contenu .entete .options a:hover {
  color:#000000;
}

#wrapper #contenu #colonne_wrapper #colonne_contenu #page {
  border-top:2px solid #000000;
  width:668px;
  color:#000000;
  background: url('/images/ul/tuiles/tuile_details.gif') top left repeat-y;
}

#wrapper #contenu #colonne_wrapper #colonne_contenu #page.texte {
  background:#F2F2F2;
}

#wrapper #contenu #colonne_wrapper #colonne_contenu #page.texte .contenu {
  padding:20px;
}

#wrapper #contenu #colonne_wrapper #colonne_contenu #page.texte .contenu a {
  color:#0066CC;
}

#wrapper #contenu #colonne_wrapper #colonne_contenu #page.texte .contenu a:hover {
  color:#4F71D9;
}

#wrapper #contenu #colonne_wrapper #colonne_contenu #page .page_gauche .details_batisse {
  width:500px;
}

#wrapper #contenu #colonne_wrapper #colonne_contenu #page .page_gauche .details_batisse p {
  width:200px;
  display:inline;
  float:left;
  margin-left:20px;
}

#wrapper #contenu #colonne_wrapper #colonne_contenu #page .page_gauche {
  float:left;
  width:450px;
  padding-top:5px !important;
  padding-top:20px; /* Pour IE6 */
}

#wrapper #contenu #colonne_wrapper #colonne_contenu #page .page_gauche p {
  margin:5px 0 0 20px;
  font-size:1em;
  color:#5C5E63;
}

#wrapper #contenu #colonne_wrapper #colonne_contenu #page .page_gauche strong {
  color:#000000;
}

#wrapper #contenu #colonne_wrapper #colonne_contenu #page .page_gauche .ligne {
  height:1px;
  width:429px;
  background-color:#cfd0d1;
  margin-left:10px;
  font-size:0em;
  line-height:0px;
}

#wrapper #contenu #colonne_wrapper #colonne_contenu #page .page_gauche .derniere-maj {
  text-transform:uppercase;
  color:#005A9C;
  font-size:0.83em;
}

#wrapper #contenu #colonne_wrapper #colonne_contenu #page .page_gauche .commentaires {
  width:400px;
  margin-bottom:5px;
}

#wrapper #contenu #colonne_wrapper #colonne_contenu #page .page_gauche .tableau {
  border:1px solid #d9d9db;
  margin:2px 10px 2px 10px;
  padding:5px 5px 7px 5px;
  background-color:#ffffff;
}

#wrapper #contenu #colonne_wrapper #colonne_contenu #page .page_gauche h2 {
  font-size:1.17em;
  color:#000000;
  margin:5px 0 0 20px;
}

#wrapper #contenu #colonne_wrapper #colonne_contenu #page .page_gauche .tableau .details_gauche {
  width:285px;
  margin-top:0px;
}

#wrapper #contenu #colonne_wrapper #colonne_contenu #page .page_gauche .tableau .details_droite {
  width:100px;
  margin-top:0px;
}

#wrapper #contenu #colonne_wrapper #colonne_contenu #page .page_gauche .details_droite,
#wrapper #contenu #colonne_wrapper #colonne_contenu #page .page_gauche .details_gauche {
  float:left;
  width:225px;
  margin-top:5px;
}

#wrapper #contenu #colonne_wrapper #colonne_contenu #page .page_gauche h1 {
  color:#005A9C;
  margin-left:20px;
  padding:7px 5px 5px 0;
  font-size:1.33em;
}

#wrapper #contenu #colonne_wrapper #colonne_contenu #page .page_droite {
  float:left;
  width:210px;
  margin-left:5px;
}

#wrapper #contenu #colonne_wrapper #colonne_contenu .page_droite h1 {
  color:#005A9C;
  margin-left:10px;
  padding:7px 5px 5px 0;
  margin-bottom:5px;
  font-size:1.18em;
}

#wrapper #contenu #colonne_wrapper #colonne_contenu .page_droite .current_photo img {
  width:185px;
  height:122px;
  border:1px solid #999B9E;
  margin-left:12px;
}

#wrapper #contenu #colonne_wrapper #colonne_contenu .page_droite #photos {
  margin:5px 0 0 10px;
}

#wrapper #contenu #colonne_wrapper #colonne_contenu .page_droite img {
  width:58px;
  height:38px;
  border:1px solid #999B9E;
  margin:3px 0 0 3px;
  float:left;
}

#wrapper #contenu #colonne_wrapper #colonne_contenu .page_droite #map {
  width:185px;
  height:185px;
  border:1px solid #999B9E;
  margin-left:12px;
}


/* Colonne droite */

#wrapper #contenu #droite h1 {
  margin-bottom:10px;
}

#wrapper #contenu #droite {
  width:220px;
  float:left;
  position:relative;
  margin-left:10px !important;
  margin-left:0px; /* Pour IE6 */
  padding-left:30px;
}


/* Misc */

#pont {
  background: url('/images/ul/tuiles/tuile_pont.gif') no-repeat top left;
  width:235px;
  height:200px;
  position:absolute;
  right:0px;
  bottom:0px;
  z-index:0;
}


/* Pagination */

#pagination_bas,
#pagination_haut {
  position:relative;
}

#pagination_bas ul,
#pagination_haut ul {
  padding:0;
  margin:0;
  display:inline;
  height:33px;
  top:-24px;
  right:5px;
  position:absolute;
}

#pagination_bas ul {
  top:-27px;
}

#pagination_bas ul li,
#pagination_haut ul li {
  margin:0;
  padding:0;
  list-style:none;
  display:inline;
}

#pagination_bas ul li a {
  padding-top:14px;
}

#pagination_bas ul li a,
#pagination_haut ul li a {
  color:#ffffff;
  display:inline-block;
  width:15px;
  height:33px;
  padding-top:12px;
}

#pagination_haut ul li a {
  padding-top:10px;
}

#pagination_bas ul li.selected a,
#pagination_haut ul li.selected a {
  background: url('/images/ul/tuiles/pagination_selected.png') no-repeat top left;
  width:15px;
  padding-right:8px;
}

#pagination_bas ul li.selected a {
  background: url('/images/ul/tuiles/pagination_bas_selected.png') no-repeat top left;
}

#pagination_bas ul li.selected a,
#pagination_haut ul li.selected a {
  color:#000000;
}

/* Table #resultats & Tablesorter */

table#resultats {
  margin-top:10px;
  padding-bottom:10px;
}

table#resultats tr td {
  vertical-align:top;
  padding:10px 0 10px 0;
}

table#resultats tr td a {
  text-decoration:none;
  color:#000000;
}

table#resultats tbody td {
  border-bottom:1px solid #cbcccd;
}

table#resultats thead th {
  border-bottom:1px solid #cbcccd;
  padding-bottom:5px;
}

table#resultats tr:hover {
  background-color:#E6E6E6;
}

table#resultats tr.head:hover {
  background-color:#f2f2f2;
}

table#resultats th.header,
table#resultats th.headerSortUp,
table#resultats th.headerSortDown {
  cursor:pointer;
  padding-right:10px;
  color:#005A9C;
  text-decoration:underline;
  font-weight:normal;
  font-size:0.92em;
}

table#resultats th.photo {
  text-decoration:none;
}

table#resultats th.photo {
  background:none !important;
  width:150px;
}

table#resultats th.adresse {
  width:170px;
}

table#resultats th.superficie {
  width:120px;
  color:#005A9C;
  font-weight:normal;
  font-size:0.92em;
}

table#resultats th.espace {
  width:90px;
}

table#resultats th.type {
  width:100px;
}

table#resultats th.header {
  text-align:left;
  padding-left:15px;
  background:url('/images/ul/boutons/sort.gif') 0px 5px no-repeat;
}

table#resultats th.headerSortUp {
  padding-left:15px;
  background:url('/images/ul/boutons/sort_up.gif') 0px 5px no-repeat;
}

table#resultats th.headerSortDown {
  padding-left:15px;
  background:url('/images/ul/boutons/sort_down.gif') 0px 5px no-repeat;
}

table#resultats td .image {
  border:1px solid #005A9C;
  width:126px;
  height:83px;
  margin-left:10px;
  background-color:#f2f2f2;
}


/* EGZAKT */
#egzakt {
  position:absolute;
  right:0;
  bottom:-20px;
  right:32px;
}

#egzakt a {
  text-decoration:none;
  color:#666666;
  font-size:0.85em;
}


/* Google Maps */
#map span {
	display:none;
}


/* Blocs déroulants */
span.noir {
  color:#000000;
}

a.derouleur {
  display:block;
  padding:3px 2px 2px 20px;
  height:16px;
  text-decoration:none;
  background:url('/images/ul/tuiles/blocs.gif') top left no-repeat;
  background-position:0 -21px;
  width:608px;
}

a.derouleur:hover {
  background-position:0 -21px;
}

a.closed {
  background-position:0 0;
}

.bloc_deroulant {
  margin-bottom:8px;
}

.a_derouler {
  border-bottom:1px solid #d0d1d2;
  border-left:1px solid #d0d1d2;
  border-right:1px solid #d0d1d2;
  background-color:#f2f2f2;
  width:588px;
  color:#000000;
  padding:20px;
}