/* RESET */
* {
  z-index:0;
  }
fieldset, img,a img, :link img, :visited img {border: none }

ul, ol {list-style: none;}

:link, :visited {text-decoration: none;}

body, div, dl, dt, dd, ul, ol, li, h1,h2, h3, h4, h5, h6, pre,form, fieldset, input, textarea,p, blockquote, th, td {
  margin: 0;
  padding: 0;
 }
 
table {
  border-collapse: collapse;
  border-spacing: 0;
 }
 
address, caption, cite, code, dfn, em, th, var {
  font-style: normal;
  font-weight: normal;
 }
 
h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal;
}

q:before,q:after {
  content: '';
}

abbr, acronym {
  border: 0;
}
/* END RESET */

body {
  font-family:arial,verdana,sans-serif;
  font-size: 12px;
  }
  
p {
  margin-top: 6px;
  }
  
h1 {
  text-transform: uppercase;
  font-size:14px;
  color: #fff;
  font-weight: bold;
  line-height: 24px;
  }
  
h3 {
  font-size:12px;
  
  color: #fff;
  }

h4 {
  font-size:10px;
  
  color: #fff;
  }

/* bloc conteneur*/
#workspace {
  width: 997px;
  height: 684px;
  background: url(img/fond.jpg) no-repeat;
  }
  
#logoforum {
  float:left;
  width: 180px;
  height:90px;
  margin: 2px 0 0 50px;
  }
  

  
#appartement {
  float:right;
  width: 250px;
  height: 250px;
  margin: 0 -10px 0 0;
  }
  
#appartement a {
  display: block;
  width: 250px;
  height: 250px;
  background: url(img/demande_de_logement.png) no-repeat top left;
  text-indent: -5000px;
  cursor: pointer;
  }

#appartement a:hover {
  background-position: bottom left;
  }
  
#partners {
  position:absolute;
  margin-left:590px;
  margin-top: 100px;
  }
  
  
*+html #partners{ 
  margin-left:10px;
  }
    
* html #partners{ 
  margin-left:10px;
  }
  
#partners h2 {
  color: #333;
  border-left: 3px solid #333;
  margin: 14px 10px 0 0px;
  padding-left:10px;
  text-transform: uppercase;
  font-weight: bold;
  }
  
#partners h2 a {
  color: #333;
  }  
#partners h2 a:hover {
  text-decoration: underline;
  }
  
  
#fleche {
  background: url(img/fleche.png);
  width: 239px;
  height: 60px;
  }
  
#fleche:hover {
  background-position: bottom left;
  }
  
#fleche a{
  color: #fff;
  font-size:12px;
  text-decoration: none;
  padding-top: 21px;
 padding-left: 10px;
  display:block;
  }
  
#forgotten {
  position: absolute;
  margin-top: 30px;
  margin-left: 260px;
  }
  
#forgotten a {
  color: #fff;
  font-size:10px;
  text-decoration: none;
  }
  
#forgotten a:hover {
  text-decoration: underline;
  }
  
#condition {
  position: absolute;
  background-color:#FFFFFF;
  border:1px solid #DA5800;
  color:#666;
  z-index:100;
  padding: 20px;
  width: 400px;
  margin-left: -200px;
  margin-top: -405px;
  display:none;
  }
  
/*##################################################################
# input
##################################################################*/ 
.input {
  background: url(img/champ_gauche.png) no-repeat;
  padding-left: 8px;
  height:20px;
  float:left;
  }
  
.input div {
  background: url(img/champ_droite.png) no-repeat top right;
  height:20px;
  padding-right: 8px;
  
  }
  
* html .input div, * html .input{ 
  display:inline;
  }
  
.input input {
  border: 1px solid #fff3c5;
  border: 0 1px;
  color: #333;
  height:18px;
  background-color: #fff3c5;
  line-height: 18px !important;
  }
  
.input input {
  margin-top: -1px !important!;
  }
  
.input select {
  border: 0;
  color: #333;
  height:20px;
  background-color: #fff3c5;
  line-height: 20px !important;
  }
  

  
.login {
  background: url(img/bouton_se_connecter.png) no-repeat;
  width: 114px;
  height: 22px;
  display: block;
  float: left;
  text-indent: -5000px;
  margin-top: 15px;
  }
  
.login:hover {
  background-position: bottom left;
  }
  
#footer {
  position: absolute;
  top: 627px;
  left: 716px;
  width: 279px;
  height:55px;
  vertical-align: bottom;
  }
  
#footer p {
  margin:35px 10px 10px 10px;
  font-size:10px;
  color: #666;  
  }
#footer a {
  color: #666; 
  font-size:10px; 
  text-decoration: none;  
  }  
#footer a:hover {
  text-decoration: underline;  
  }  
/*##################################################################
# login
##################################################################*/ 
#login {
  float:right;
  margin-top:1px;
  width: 539px;
  height: 52px;
  line-height: 24px;  
  }
  
#login h1 {
  border-right: 3px solid #fff;
  float:left;
  margin: 14px 10px 0 14px;
  padding-right:10px;
  }
   
#login .input input{
  width: 120px;
  } 
  
#login div.input{
  margin-top: 16px;
  margin-right: 5px;
  } 
/*##################################################################
# menu
##################################################################*/ 
#top_menu {
  width: 997px;
  height: 56px;  
  }
  
#top_menu li {
  float:left;
  color: #666;
  margin-left:60px;
  }
  
#top_menu li#menu3 ul {
  margin-left: -396px;
  }

#top_menu li#menu4 ul {
  margin-left: -396px;
  }
  
#top_menu li#menu5 ul {
  margin-left: -396px;
  }
  
#top_menu li li {
  margin-left:0px;
  }
  
#top_menu ul ul {
  width: 500px;
  background-color: #fff;
  border: 1px solid #da5800;
  padding: 20px;
  margin-top: -4px;
  }
  
#top_menu li:hover ul {
  display: block;
  }
  
#top_menu li ul{
  position: absolute;
  display:none;
  z-index:100;
  }
  
#menu1 a,#menu2 a,#menu3 a,#menu4 a,#menu5 a {
  text-indent: -5000px;
  display: block;
  height: 56px;
  }
  
#menu1 a:hover,#menu2 a:hover,#menu3 a:hover,#menu4 a:hover,#menu5 a:hover {
  background-position: bottom left;
  }
  
#menu1 a {
  background: url(img/btn_des_logements_agreables_et_adaptes.png);
  width: 155px;
  }
  
#menu2 a {
  background: url(img/btn_des_espaces_a_vivre.png);
  width: 99px;
  }
  
#menu3 a {
  background: url(img/btn_des_prix_tout_compris.png);
  width: 100px;
  }
  
#menu4 a {
  background: url(img/btn_des_residences_bien_placees.png);
  width: 117px;
  }

#menu5 a {
  background: url(img/btn_des_equipes_sympas_et_a_l_ecoute.png);
  width: 146px;
  }
  
/*##################################################################
# page
##################################################################*/  
#mainspace {
  width: 997px;
  margin-top:-90px;
  }
  
*+html #mainspace{ 
  margin-top:-100px;
  }
    
* html #mainspace{ 
  margin-top:-100px;
  }
 
/*######################################
# temoignage
#######################################*/   
#temoignage {
  margin-top: 155px;
  margin-left:10px;
  color: #fff;
  float:left;
  width: 195px;
  height: 255px;
  }
  
*+html #temoignage{ 
  margin-top: 165px;
  }
    
* html #temoignage{ 
  margin-top: 165px;
  }
  
#temoignage h1 {
  border-left: 3px solid #fff;
  margin: 14px 10px 0 0px;
  padding-left:10px;
  }
  
#temoignage img {
  float:left;
  margin: 0 17px 5px 0;
  }

/*######################################
# last post
#######################################*/   
#lastpost {
  margin-left:125px;
  width: 250px;
  float: left;
  height: 600px;
  }  
  
#lastpost div a {
  text-decoration:none;
  color: #666;
  font-size:10px;
  }
  
#lastpost p a {
  text-decoration:none;
  color: #333;
  font-size:12px;
  }
  
*+html #lastpost{ 
  margin-left:120px;
  }
    
* html #lastpost{ 
  margin-left:110px;
  }
  
#lastpost p {
  margin:0;
  }
  
#lastpost h1 {
  color: #333;
  border-left: 3px solid #333;
  margin: 14px 10px 0 0px;
  padding-left:10px;
  }
  
#lastpost div {
  font-size: 10px;
  color: #666;
  }

/*######################################
# inscription
#######################################*/   
#inscription {
  float:right;
  width: 260px;
  font-size: 11px;
  margin-top:10px;
  z-index:200;
  }
  
*+html #inscription { 
  margin-top:110px;
  }
    
* html #inscription { 
  margin-top:110px;
  }
  
#inscription h1 {
  border-left: 3px solid #fff;
  margin: 10px 10px 10px 0px;
  padding-left:10px;
  }
  
.obli {
  line-height: 20px;
  font-size: 9px;
  display:block;
  margin-left: 170px;
  color: #990000;
  }
  
.creation {
  background: url(img/bouton_s_inscrire.png) no-repeat;
  width: 133px;
  height: 22px;
  display: block;
  float: right;
  text-indent: -5000px;
  margin-top: 5px;
  margin-right: 45px;
  }
  
#inscription div.input {
  margin-bottom: 5px;
  }
  
#inscription select {
  width:122px;
  }
  
#inscription a {
  color: #fff;
  text-decoration: none;
  }
  
#inscription a:hover {
  text-decoration: underline;
  }
   
/*######################################
# color forum
#######################################*/  
.avant   {color: #999900;}
.pendant {color: #ff6600;}
.apres   {color: #006600;}
.annonces{color: #3366cc;}
.talent  {color: #9933cc;}