
/* Pour tout le monde */
* {
    font-family: Arial, Helvetica, sans-serif;
    font-size:inherit;
    margin:0;
    padding:0;
    color:0;
    border-spacing:0; /* = cellspacing */ 
}

BODY {
    behavior:url("http://www.trouver-un-logement.com/lib/css/csshover.htc"); 
    background-color:#D6D9E2;
    margin:0;
    font-size: 0.78em;
    SCROLLBAR-FACE-COLOR: #e1e5ed;
    SCROLLBAR-HIGHLIGHT-COLOR: #e1e5ed;
    SCROLLBAR-SHADOW-COLOR: #999999;
    SCROLLBAR-3DLIGHT-COLOR: #8695b6;
    SCROLLBAR-ARROW-COLOR: #999999;
    SCROLLBAR-TRACK-COLOR: #8695b6;
    SCROLLBAR-DARKSHADOW-COLOR: #555555;
    }

/* Cas particuliers */
sup {
    font-size:0.1em;
}

strong, b{
    font-size: inherit;
}

img, fieldset, table, td {
    border:0;
    margin:0;
    border-collapse: collapse;
}

form, fieldset, table{
   font-size: 1em;
   padding:0;
   margin:0;
}

/* Liens */

a:link 
{
    color:#008;
    text-decoration:underline;
}

a:active
{
    color:#008;
    text-decoration:underline;
}

a:visited
{
    color:#008;
    text-decoration:underline;
}

a:hover
{
    color:#48F;
    text-decoration:none;    
}

.menu3d a:active{
    color:#008;
    text-decoration:underline;
}

/****** H titres *******/

h1,h2,h3
  { font-size:1em; }

h1.titre{
    background: #fff url(../../img/interface/bg_titre_accueil.gif) no-repeat;
    height:29px;
    font-size:10px;
    line-height:29px;
    padding-left:10px;
}

.present {
display:block;
margin:0 0 0 0;
font-size:12px;
color:#eee;
font-weight: bold;
white-space:nowrap;
overflow:hidden;
}

/******* Nouveau menu *******/

.menu_gauche
  {
  margin-right:6px;
  background:#fff;
  text-align: left;
  margin-left:-2px;
  width:160px;
  }

.menu_droit
  {
  background:#fff;
  text-align: left;
  margin-bottom:10px;
  }

.menu_gauche h1
  {
  color:white;
  margin-bottom:0px;
  padding-top:3px;
  padding-left:3px;  
  padding-right:3px;  
  padding-bottom:3px;
  margin-top:-1px;
  }

.MenuLoc{
  background:#f23f36;
  }

.MenuAchat {
  background:#365df2;
  }

.MenuDef {
  background:#8695b6;
  }
  
.menu_gauche li, .menu_droit li
  {
  border-bottom:solid 1px #8695B6;
  padding-left:4px;
  }
 
.menu_gauche li a, .menu_gauche li a:visited
  {
  width:100%;
  padding:0px 0 1px 0px;
  padding-left:5px;
  margin-left:-5px;
  font-size:0.90em;
  text-decoration:none;
  display:block;
  font-weight:normal;
  color:#000;
  }

.menu_droit li a, .menu_droit li a:visited
  {
  width:100%;
  padding:2px 0 2px 0px;
  padding-left:5px;
  margin-left:-5px;
  font-size:1em;
  text-decoration:none;
  display:block;
  font-weight:normal;
  color:#000;
  }
  
.menu_gauche li a:hover, .menu_droit li a:hover
  {
  text-decoration:none;
  background:#d6d9e2;
  color:#000;
  
  }

/* Annonces NEW */
.AnnonceHrzBig, .AnnonceHrzSmall, .AnnonceHrzSelect{
    clear:both;
/*     float:top; */
    background:#FFF;
    width:100%;
    font-size:1em; /* 13px */
    text-align:left;
}

.AnnonceHrzBig{
    position:relative;
    margin  :5px 0px 0px 10px; 
    width:98%;
    font-size:1em; /* 13px */
    text-align:left;
}

.AnnonceHrzSelect{
    clear:both;
    float:top;
    margin:5px;
    background:#d6d9e2;
    width:98%;
    font-size:1em;
    text-align:left;
    display:table;
}

.AnnonceHrzSmall{
    font-size:1em;
}

.AnnonceHrzBig .Hint em {
   margin-left:3px;
   margin-top:45px;
}

.AnnonceHrzSmall .Hint em {
   margin-left:-130px;
   margin-top:85px;
}

.AnnonceHrzSmall span .Hint em{
   margin-left:0px;
   top:-70px;
}

.AnnonceHrzBig span .Hint em {
   margin-left:0px;
   top:-25px;
}

.AnnonceHrzBig h2, .AnnonceHrzSmall h2, .AnnonceHrzSelect h2{
    font-size:1.166em; /*14px*/
    font-weight:bold;
    background:#F0F4F8;/* url(../../img/interface/fleche_blanche.gif) no-repeat top left;  */
    border-top:solid 1px #bbbec7;
    padding:3px 5px 3px 10px;
    margin:1px 10px 5px 196px;
    float:top;
    }

.AnnonceHrzSmall h2, .AnnonceHrzSelect h2{
    margin:1px 0 5px 134px;
    font-size:1em; /* 13px */
}

.AnnonceHrzBig h2 span, .AnnonceHrzSmall h2 span, .AnnonceHrzSelect h2 span{
    font-weight: bold;
    color:#8695b6;
    margin-left:3px;
    margin-right:3px;
}

.AnnonceHrzBig h2 span.prix, .AnnonceHrzSmall h2 span.prix, .AnnonceHrzSelect h2 span.prix{
    color:#000;
    font-weight:bold;
    float:right;
    font-size:1em;
}

.AnnonceHrzBig p, .AnnonceHrzSmall p, .AnnonceHrzSelect p{
    float:left;
    background: #FFF;
    margin:0 0 6px 16px;
    width:400px;
}

.AnnonceHrzSelect p{
    background:#d6d9e2;
    width:550px;
}

.AnnonceHrzSmall p{
    width:440px;
}
.AnnonceHrzBig .PhotoLeft, .AnnonceHrzSmall .PhotoLeft, .AnnonceHrzSelect .PhotoLeft{
    float:left;
}

.AnnonceHrzBig .PhotoLeft{
    width:190px;
    height:130px;
}

.AnnonceHrzSmall .PhotoLeft, .AnnonceHrzSelect .PhotoLeft{
    width:128px;
    height:87px;
}

.AnnonceHrzSmall p span, .AnnonceHrzBig p span, .AnnonceHrzSelect p span {
   font-size:.9em;
}

/******* Menu propres aux annonces *******/
.new_tools span{
    color:red;
}
ul.new_tools{
    list-style-type:none;
    height:19px;
    background: url(../../img/interface/bg_menu_TULNdeg.gif) repeat-x ;
    float:right;
    clear:both;
    width:100%;
    margin:5px 0px 12px 0;
    border-right:solid 1px #bbbec7;
    border-left:solid 1px #bbbec7;
    }

ul.new_tools li {
    float:right;
    border-left:solid 1px #bbbec7;
    font-weight:bold;
    height:18px;
    line-height:17px;

}

ul.new_tools li a, ul.new_tools li a:visited{
    padding:1px 10px 0 3px;
    text-decoration:none;
    display:block;
    color:#8695b6;
}

ul.new_tools li a:hover{
    color:#000;
    text-decoration:none;
    background: url(../../img/interface/bg_menu_TULN4.gif) repeat-x;
}

#RappelGratuit {
    position:absolute;
    left:180px;
    border-right:solid 1px #bbbec7;
}

#RappelGratuit img{
    position:relative;
    top:1px;
    margin-right:3px;
    float:left;
}

.BtSelect {
    text-align:center;
    width:130px;
    white-space:nowrap;
}

.hidden {
   /* visibility:hidden;*/
   display:none;
}


.mentions{
    font-size:0.83em;
    font-style: italic;
    color:#888;
}

ul.new_tools li.AnnonceDate {
  font-weight:lighter;
  font-style:italic;
  position:absolute;
  padding-left:30px;
  margin-left:-1px;
  margin-top:1px;
  color:#000;
  font-size:0.93em;
}

ul.new_tools li.select_deja {
    padding:1px 7px 0 7px;
    color:#000;
    font-style:italic;
    border-left:0px;
    font-weight:normal;
}            

/******* Icons des annonces *******/
ul.vrt_icons{
    list-style-type:none;
    white-space: nowrap;
    float:left;
    margin-left:10px;
}

ul.vrt_icons li {
    text-align:middle;
    color:#8695b6;
    line-height:18px;
    height:20px;
}

ul.vrt_icons li img{
    margin-right:5px;
     margin:3;
   float:left;
}

/******* Formulaires NEW*******/

.FormBig, .FormSmall {
    float:left;
    clear:both;
    width:100%;
    margin-top:5px;
    font-size:1.166em; /* 14px */    
    }

.FormSmall {
    font-size:1em;
    }

.FormBig fieldset, .FormSmall fieldset {
    background-color:#F0F0F0;
    border-top:1px solid #bbbec7;
    margin:10px 10px 10px 10px;
    clear:both;
    padding:10px;
    }

.FormSmall fieldset {
    background-color:#F0F0F0;
    border-top:1px solid #bbbec7;
    margin:5px;
    clear:both;
    padding:10px;
    }

.FormSmall label, .FormBig label {
     clear:both;
     float:left;
     width:100px;
     text-align:right;
    }

.FormSmall label {
    width:100px;
    height:1.3em;
    margin:0px 0 4px 5px !important;
    margin:0px 0 0px 5px;
    }

.FormBig input,.FormBig select,.FormBig textarea{
    font-size:2em;
    text-align:center;
    padding: 0px 4px 0px 2px;
}

.FormSmall input,.FormSmall textarea{
    font-size:1em;
    height:1.3em;
    text-align:left;
    padding: 0px 4px 0px 2px;
    float:left;
    margin:0px 0 4px 5px !important;
    margin:0px 0 0px 5px;
  
}

.FormSmall select{
    float:left;
    height:1.3em;
    margin:0px 0 4px 5px !important;
    margin:0px 0 0px 5px;
    padding: 0px 0px 0px 0px;
    position:relative;
    top:-2px;
    width:60px;
}

.inputbtn{
    float:right;
    }

.FormBig .inputerr, .FormBig .inputok {
    width:10em;
    border:solid 1px #8695b6;
    }

.FormSmall .inputerr, .FormSmall .inputok {
    width:18em;
    border:solid 1px #8695b6;
    }

.inputerr {
    background:#FDD;
    }
    
.FormBig p .mentions{
    display:block;
    margin-top:5px;
    margin-bottom:10px;
    color:#000;
}

.FormBig table .exemple{
    color:#777;
    font-style:italic;
}

.FormBig table{
   float:left;
   clear:both;
   }

.FormSmall table .exemple{
    color:#777;
    font-style:italic;
}

.FormBig table, .FormSmall table{
    text-align:center;
}


/*** PageNav Barre de navigation des pages ***/

.NavResult
{
    line-height:30px;
    height:30px;
    clear:both;
    margin-bottom:5px;
    text-align:center;
    font-size:.93em;
}

.PageNav td
{   
    padding:0 2px 0 2px;
    text-align:center;
    vertical-align:center;
}

.PageNav .PageCur
{
    color:#000;
    font-size:1.2em;
    font-weight: bold;
}



/* Barre de menu horizontale */

.menu3d {
    border-top:#8695b6 solid 1px;
    border-bottom:#8695b6 solid 1px;
    font-size:.9em; /*11px;*/
    font-weight:normal;
    BACKGROUND: url(http://www.trouver-un-logement.com/img/button.gif) #e1e5ed;
    padding:3px 10px 3px 10px;
    text-align:center;
    clear:both;
    margin:0 39px 0 39px;
    height:1.5 ex !important;
    height:4.1 ex;
    }

.menu3dbis {
    margin:0 0px 0 0px;
    }
    
.menu3d img{
    position:relative; 
    margin-right:5px;
    margin-left:3px;
 }


.menu3d a:link{
    text-decoration:underline;
}

.menu3d a:visited{
    text-decoration:underline;
}

.menu3d a:hover{
    text-decoration:underline;
}

.menu3d .fright a:link{
    text-decoration:none;
}



/* Footer */

.FooterNew
{   
    color:#888;
    font-size:0.916em; /*11px;*/
    background:#fff;
    padding:10px;
    text-align:justify;
    width:980px !important;
    width:980px;
}

.FooterNew p
{
    margin-top:5px;
    margin-bottom:5px;
}

.FooterNew a:link
{
    color:#8695b6;

}

.FooterNew a:hover
{
    color:#000;
}

.FooterNew a:visited 
{
    color:#8695b6;
}

/* alignements */
.center  { text-align:center; clear:both;}
.left    { text-align:left;}
.right   { text-align:right;}
.justify { text-align:justify;}
.fleft   { float:left;}
.fright  { float:right;}
.spaceup { margin-top:5p;}
.spacedn { margin-bottom:5p;}

/* fontes */
.bold         { font-weight:bold; }
.grey         { font-weight:normal; color:#888;}
.red          { font-weight:normal; color:#F00;}
.fluo         { background-color:#F0F000; }

UL {
  list-style:none;
  }

/**********/
/* header */
/**********/

#container {
    position:relative;
    background:url(http://www.trouver-un-logement.com/img/head_ombre.gif) repeat-y;
    height:100%;
    width:1022px;
    text-align:left;
    padding-left:11px;
    }

#head_haut {
   background:url(http://www.trouver-un-logement.com/img/headhaut.jpg) #8695b7 no-repeat;
   height:135px;
   width:1000px;
}

#head_hautonglet {
   background:url(http://www.trouver-un-logement.com/img/headhautonglet.gif) #8695b7 no-repeat;
   width:1000px;
   }

#head_med {
   top:-1px;
   background:url(http://www.trouver-un-logement.com/img/headmed.gif) #8695b7 repeat-y;
   width:1000px;
   }

#head_med_haut {
   position: absolute;
   background:url(http://www.trouver-un-logement.com/img/headmedhaut.gif) #8695b7 repeat-y;
   width:1000px;
   height:1px;
   font-size:1px;
   }

#head_bas {
   background:url(http://www.trouver-un-logement.com/img/headbas.gif) #8695b7 no-repeat;
   font-size:1px; /* pour bug ie */
   height:6px;
   width:1000px;
   }

#head_nav {
    position:relative;
    left:41px;
    width:749px;
    display:table;
    position:relative;
    z-index:10; /* patch bug ie pour Hint */
    }

#head_nav DIV {
   float:left;
   width:100%; 
}

#head_nav DIV DIV{
   float:left;
   width:auto; 
   margin:0px 3px 0px 4px;
}

#head_cadrepub {
    position:absolute;
    top:35px;
    left: 520px !important;
    left: 510px;
    width:468px;
    height:60px;
}

#head_cadredroite {
    position:absolute;
    top:143px;
    left:805px;
    width:150px;
    height:18ex;
    overflow:hidden;
    font-size:.8em;
}

#head_cadredroite img {
    margin-right:2px;
 
}

#head_txtintro {
    position:absolute;
    top:5px;
    left:0px;
    width:1000px;
    text-align:center;
} 

#head_index {
  width:91px;
  height:93px;
  position:absolute;
  top:25px;
  left:50px;
/*  cursor:pointer; */
}

#head_index a {
  display:block;
  height:100%;
  }
  
/*************************/
/* formulaire navigation */
/*************************/

/* onglets */

#head_onglets {
    display:table;    
    position:relative;
    z-index:20; /* patch bug ie pour Hint */
    left:110px;
    width:650px;    
    top:0px !important;
    top:-1px;
    height:auto;
    font-weight:bold;
    text-decoration:none;
    }

.form_nav_onglet0,.form_nav_onglet1 {
    position:relative;
    top:0 !important;
    top:1px;
    float:left;
    border-right: 1px #FFF solid;
    border-left: 1px #FFF solid;
    margin:1px 0 -1px -1px;
}

.form_nav_onglet1{
    padding:2px 15px 5px 15px;
    color:#fff;
    background:url(http://www.trouver-un-logement.com/img/head_onglet1.gif) #8695b7 top repeat-x;
}

.form_nav_onglet0 img, .form_nav_onglet1 img{
    position:relative;
    top:5px;  
}

.form_nav_onglet0 a,.form_nav_onglet0 a:visited{
  display:block;
  padding:2px 15px 5px 15px;
  text-decoration:none;
  color:#8695b7;
  }

.form_nav_onglet0 a:hover{
  color:#FFF;
}

  
/* Champs de formulaires*/ 
.form_nav select {
   border:#CCC 1px solid;
   width:121px;
   padding: 0px 0px 0px 3px;
   height:1.4em;
}

.form_nav p {
   clear:left;
   padding: 4px 0px 1px 5px;
   font-weight:bold;
   height:1.4em;
}

#combi_loc {
   width:200px;
   background:#FFF;
   border:#CCC 1px solid;   
   padding: 0px 2px 0px 4px;
   height:1.4em;
   }

#combi_bien {
   width:200px;
   background:#FFF;
   border:#CCC 1px solid;   
   color:#000;
   padding: 0px 2px 0px 4px;
   height:1.4em;
   }

#combi_reg {
   width:200px;
   background:#FFF;
   border:#CCC 1px solid;   
   color:#000;
   padding: 0px 2px 0px 4px;
   height:1.4em;
   }

.form_nav label {
   font-weight:bold; 
   color:#fff;
}

.form_nav label span{
   font-weight:normal;
   font-style:italic;  
   color:#fff;
}

.checklist{
   padding:1px 0 3px 0;
}

.checklist input{
   margin-left:4px !important;
   margin-left:1px;
   position:absolute;
}

.checklist label{
   margin:4px 3px 1px 18px;
   display:block;
   font-weight:normal; 
}

.checklist DT:hover{
   background:#aaa;}

.OptionDef {
   background:url(http://www.trouver-un-logement.com/img/button.gif) #e1e5ed;
}

.OptionDef:hover {
   background: none;
   }

#form_nav_valider {
  float:bottom;
  margin:13px 12px 0 0;
}

#form_nav {
   padding:0;
   margin:0;
}
/***********/
/* contenu */
/***********/

#content
{  /* display:table;           */
    position:relative;
    width:1000px;
    background:#FFF;
    }

   
#content td {
   vertical-align:top;
}

#contentcol1{
   width:758px;
   padding:6px 6px 10px 36px !important;
   padding:6px 6px 10px 35px;
}

#contentcol2{
   width:160px;
   padding:6px 0 10px 0;
   vertical-align:top;
}

#content_menu
{  width:160px;
   height:100%;
   padding-top:1px;
   vertical-align:top;
   margin-right:3px;
}

#content_centre{
  vertical-align:top;
  }


#content_centre p,#contentcol2 p{
  margin-bottom:5px;
  margin-top:5px;
  }

#contl1{
   border:1px solid #8695b7;
   margin-bottom:5px;
   height:164px; 
   background:url(http://www.trouver-un-logement.com/img/dernannvrt.gif) #FFF top left no-repeat;
}

#contl2{
   margin-bottom:5px;
}

#contl2c1
{  height:253px;
   width:282px;
   margin-right:6px;
   overflow:hidden;
   border:1px solid #8695b7;
}

#contl2c2{
   height:253px;
   width:306px;
   border:1px solid #8695b7;
}

#contl3{
   margin-bottom:5px;
}

#contl3 td{
   height:100%;
}

#contl3c1{
   display:table;
   height:100%;
   width:282px !important;
   width:280px;
   border:2px solid #7e6413;
   background:url(http://www.trouver-un-logement.com/img/parole-expert.gif) #EDC199 top right no-repeat;
}

#contl3c1 div{
   padding:20px;
   padding-top:82px;
}

#contl3c1 a{  
   color:#F00;
}

#contl3c2
{
   width:306px;
   display:table;
   height:100%;
   border:1px solid #8695b7;
   background:url(http://www.trouver-un-logement.com/img/actu.gif) #FFF top left no-repeat;
   margin-left:7px !important; 
   margin-left:6px; 
}

#contl3c2 div
{  
   padding:15px;
   padding-top:28px;
}

#contl3c2 a
{  
   color:#F00;
}


#contl4{
   display:table;   
   width:100%;

}

#content_intro{
  font-size:0.8em;
  margin-left:39px;
  margin-right:39px;
  margin-top:5px;
  padding-bottom:5px;
  border-bottom:#8695b7 1px solid;
  text-align:justify;

}

#bouton_particulier a{
   float:left;
   padding:5px;
   font-size:0.9em;
   color:#000;
   text-decoration:none;
}

#bouton_particulier a:hover{
   color:#FFF;
}

#bouton_particulier{
   float:left;
   width:120px;
   height:120px;
   background:url(http://www.trouver-un-logement.com/img/core/fd-annonces.gif) #FFF top right no-repeat;
   margin-right:5px;
}

.pub468 {
    position:relative;
}


#cadrel1{
   font-size:0.9em; 
   width:150px !important; /* le padding s'ajoute sous ff*/
   width:150px;
   padding: 35px 7px 5px 3px;  
   margin-bottom:7px;   
   border:1px solid #8695b7;
   background:url(http://www.trouver-un-logement.com/img/financer.gif) #FFF top no-repeat;
}

#cadrel2{
   width:160px;
   height:496px;
   padding: 50px 0px 0px 0px;  
   border:1px solid #8695b7;
   background:url(http://www.trouver-un-logement.com/img/selectionlog.gif) #FFF top no-repeat;
   }

.NavProximite {
   text-align:left;
   padding:0 0 20px 5px;
   font-size:0.9em;
   }

#zerores img{
  position:relative;
  top:9px;
}
 
#zerores {
  clear:left;
  margin:0 0 10px 0;
}

/**********/
/* expand */
/**********/
.expand_DL {
   position:relative; 
   }

.expand_DL:hover {
   z-index:10000;
   }

.expand_DL .expand_DD {
   position:absolute;
   width:200px;
   background:#D6D9E2;
   border:#CCC 1px solid; 
   display:block;
   visibility:hidden;   
   } 

.expand_DL:hover .expand_DD { 
   visibility:visible;
   } 

.expand_DL:hover .expand_DD LABEL { 
   color:#000;
   } 

  
/********/
/* Hint */
/********/
.Hint {
   position:relative;
   }

.Hint:hover {
   z-index:10000;
   }
   
.Hint em, .Hint em:hover{
    position: absolute;
    visibility:hidden;
    display: block;
    background: #ffc;
    border: 1px solid #ccc;
    padding: 5px;
    font-weight: normal;
    font-size:10px;
    top: 35px;
    left: 0px;
    width:200px;
    text-decoration:none;
    color:#000;
   }

.Hint:hover em{
   visibility:visible;
   }

.menu3d .Hint em{
    top: 15px;
  }   
   
/* Annonces cadre */

#scroll_annonces{
  height:162px;
  width:550px;
  overflow:hidden;
  }

#scroll_annonces_before{
  height:162px;
  width:551px;
  padding-left:43px;

  }

.scroll_annoncehrz{
  clear:both;
  }

.AnnonceCarre {
  width:158px;
  height:158px;
  float:left;
  padding:0px 5px 0 0px; 
  font-size:0.9em;
  z-index:1; 
  }

.AnnonceCarre div {
  text-align:center;
  }
  
.AnnonceCarre a, .AnnonceCarre a:visited{
  padding-top:5px;
  color:#000;
  text-decoration:none;
  display:block;
}

.AnnonceCarre a:hover{
  background:#d6d9e2;  
}

.AnnonceCarre img {
  width:150px;
  height:97px;
  float:top;
}

.AnnonceCarre h2 {
  color:#000;
  clear:both;
  margin-left:8px;
}

.AnnonceCarre span {
  color:#8695b7;
  clear:both;
  margin-left:8px;
}

.annonceliste{
  font-size:0.9em;
  width:300px;
  float:left;
  margin-left:30px;
}

.annoncelistes{
  font-size:0.9em;
  position:relative;
  clear:both;
  width:100%;
  margin-bottom:10px;
  margin-top:-20px;
  display:table;
}

#Diapo_h {
   background: #8695b7;
   padding:3px;
   text-align:center;
   color:#FFF;
}

#Diapo_desc{
   width:100%;
   background: #d6d9e2;
   padding:3px;
   font-size:0.9em;
   color:#000;
   }


#Diapo_desc span{
   padding:3px;
   padding-right:7px;
   font-weight:bold;
   float:right;
}


.Diapo_image {
  width:282px;
  height:200px;
}

.txtred {color:#F00;}

#blocklinks {
width:95%;
margin-left:30px;
margin-bottom:10px;
display:table;
}

#blocklinks li {
  float:left;
  width:300px;
  margin-right:5px;
  white-space:span;
}

/* Page d?tails */

#contentcol {
   position:relative;
   width:100%;
}

#Detailtab {
   width:923px;
   margin:10px 39px;
   font-size:0.93em;
}


#Detailtab .vrt_icons li{
    float:left; 
    width:110px;
}

#Detailtab .vrt_icons {
    margin-left:0;
}


#Detailcol1 {
   width:439px;
}

#Detailcol1 h2{
    font-size:1em;
    font-weight:bold;
    background:#F0F4F8;/* url(../../img/interface/fleche_blanche.gif) no-repeat top left;  */
    border-top:solid 1px #bbbec7;
    padding:3px 5px;
    margin:1px 10px 5px 0px;
}

#Detailcol1 span{
    font-weight: bold;
    color:#8695b6;
    margin-left:3px;
    margin-right:3px;
}

#Detailcol1 span.prix{
    color:#000;
    font-weight:bold;
    float:right;
    font-size:1em;
}

#DetailTabDesc {
    margin:10px 0 0px 0;
}

#DetailTabDesc td{
    padding:5px;
}

#Detailtab td{
    vertical-align:top;
}

#Caracteristiques {
    background:#F0F4F8;
    width:170px;
    height:100%;
    list-style:inside disc;
}


#Caracteristiques ul{
    list-style:inside disc;
    font-size:.93em;
}

#DetailPartenaires {
/*    list-style:inside disc; */
    list-style-type:none;     
}

#DetailPartenaires li {
    background:url(http://www.trouver-un-logement-neuf.com/images/interface/puce_partenaire2.gif) no-repeat;
    padding-left:20px;
    height:17px;
    line-height:17px;
}

#DetailPartenaires li a {
    color:#d7921c;
    text-decoration:none;
}

#DetailPartenaires li a:hover {
    text-decoration:underline;
}


#DetailPartTitre, h4 {
    font-weight:bold;
    color:#8695b7;
    list-style-type:none;
}

#DetailPartTitre {
    border-bottom:1px solid #8695b7;
    margin:4px 0;
}
 
.PhotoDetailMini {
    float:top;
    width:78px;
    height:58px;
    margin:0 0 4px 5px !important;
    margin:0 0 1px 5px;
    border:1px solid #ccc;
 }

#PhotoDetail {
    width:344px;
    height:252px;
    border:1px solid #ccc;    
}

#Detailcol2 {
    padding-left:10px;
    float:right;
    width:400px;
}

#gmap {
    border:#ccc solid 1px;
    width:400px;
    height:400px;
    margin-bottom:5px;
}

#DetailTitreBleu, #DetailTitreRouge  {
    float:left;
    background:url(http://www.trouver-un-logement.com/img/detail_achat.gif) repeat-x;
    height:2em;
    width:350px;
    padding:0 5px 10px 10px;
    line-height:2em;
    font-weight:bold;
    color:#FFF;

 }

#DetailTitreBleuDroit, #DetailTitreRougeDroit {
    float:left;
    background:url(http://www.trouver-un-logement.com/img/detail_achat_droit.gif) no-repeat left;
    width:25px;
    height:2em;
 }

#DetailForm {
    width:500px;
}

#DetailFormHead {
    width:100%;
    height:25px;
    background:url(http://www.trouver-un-logement.com/img/detail_annonceur.gif) no-repeat top;
    background-position: 0 0;
    color:#FFF;
    font-size:1.4em;
    font-weight:bold;
    padding:5px 0 0 20px;
}

#DetailFormForm {
    display:table;
    margin-left:1px;
    width:498px;
    height:auto;
    border:1px #ccc solid;
}

#DetailFormForm p {
width:100%;
}


#DetailFormForm .inputbtn{
    float:right;
    margin-bottom:-10px;
    top:-5px;
    position:relative;
    }

#DetailAnnonceBlock {
    width:441px;
}

.FormSelectionDetailAfter {
    border:1px #F00 solid;
    background:#fdd;
    padding:5px;
    width:500px;
    text-align:justify;
    color:#F00;
    font-weight:bold;
    }

.FormSelectionDetailAfter {
    font-weight:normal;
    }

#FORM_FormSelection {
    padding:10px;
    }
    

a.DetailLink {
    color:#d7921c;
    }

#divcontent {
  padding:10px;
}

#divcontent h2{
  margin-top:20px;
  margin-bottom:10px;
  font-size:1.3em;
  text-decoration:underline;
}
    
#divcontent p{
  margin-top:15px;
  margin-bottom:10px;
  text-align:justify;
}

/* SELECTION */

#selection_cadd{
background:#d6d9e2;
margin:3px 0;
}

#selection_cadd h3{
color:#fff;
height:30px;
line-height:30px;
font-size:12px;
padding-left:33px;
background:url(http://www.trouver-un-logement-neuf.com/images/interface/selection_titre.gif) no-repeat;
margin-bottom:1px;
}

.cadd_content{
height:210px;
overflow:auto;
}

.cadd_footer{
background:#8695b6;
height:102px;
}

p.cadd_infos{
float:left;
width:126px;
text-align:right;
font-size:9px;
padding:5px 8px;
}

p.cadd_infos strong{
font-weight:bold;
color:#FFF;
font-size:1.1em;
}

ul.cadd_footer_link{
font-size:10px;
float:left;
width:555px;
text-align:right;
margin-left:50px;
}

ul.cadd_footer_link li{
margin:7px 0;
padding-right:20px;
}
ul.cadd_footer_link li a, ul.cadd_footer_link li a:visited{
text-decoration:none;
color:#fff;
}                                                                                       

ul.cadd_footer_link li a:hover{
text-decoration:underline;
}
/* class icones */
.red_arrow{
background:url(http://www.trouver-un-logement-neuf.com/images/interface/mini_fleche_red.gif) no-repeat center right;
}

.print_ico{
background:url(http://www.trouver-un-logement-neuf.com/images/interface/icone_imprimer.gif) no-repeat top right;
}

.mess_add_prod{
    position:absolute;
    margin-left:200px;
    margin-top:-23px;
    font-size:12px;
    height:20px;
    line-height:20px;
    color:red;
    font-weight:bold;
}
    
    
a.inresult, a.inresult:hover, a.inresult:visited  {
  font-weight:bold;
  }

.Hville em{
   top:-65px;
   left:130px;
}