/* ==============================================
   FEUILLE DE STYLES DES GABARITS HTML/CSS
   Guadeloupe appartement
   ============================================== */






body {

font-family: 
Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
text-align: center;
	margin: auto; 
	margin-top: 0px;
   margin-bottom: 0px;   
   background: url("../images/brique1.jpg") top repeat;
   }
   



  
/* ==============================================
  LES IMAGES DE FOND
   ============================================== */ 
  
  .global {
  width: 810px  /* 698px*/ ;
   height:794px;
   margin: auto; 
  
  text-align: left;
  /* background-color: white; */
  }
  
  
  .left {
  width:56px;
  height: 794px;
  background: url("../images/left.jpg") top right repeat-y;
  /*float:left;*/
  margin-top: 0px;
  margin-left:0px;

  }
 

 .right {
  width:56px;
  height: 794px;
  background: url("../images/right.jpg") top left repeat-y;
  /*float:right;*/
margin-top:-794px;
margin-left: 754px;
  }
 
   
   #top {
   
  width: 531px /* 698px*/ ;
   height:794px ;
   text-align: left;
   /*background-color: red ;*/
   margin-left:56px ;
margin-top:-794px;

   }
   
   #top a{
  font-family:Verdana, Arial, Helvetica, sans-serif;
  /* font-size:18px; */
  padding:3px;
  
  background-color:#000000;
  color:#FFFFFF;
  /* float:right; */
  text-decoration:none;
  /* width:77px;
  height:20px; */
  margin-left: 17px;
  }
  
#top a:hover{
  /* padding:3px;*/
  background-color:#FF3399;
  color:#FFFFFF;
  
  text-decoration:none;
  }
   
   
#im{

   width: 531px;
   height: 19px;
   background-image:url("../images/appart_01.jpg");
   }
   
   #im1{
   width: 354px;
   height: 20px;
   background-image:url("../images/appart_02.jpg");
  
   }
   
    #im2{
   width: 79px;
   height: 33px;
   margin-top:-20px;
   margin-left:354px;
   background-image:url("../images/appart_03.jpg");
  }
  
  #im3{
   width: 98px;
   height: 775px;
   margin-top:-33px;
   margin-left:433px;
   background-image:url("../images/appart_04.jpg");
  }
  #im4{
   width: 243px;
   height: 50px;
   margin-top:-755px;
   margin-left:0px;
   background-image:url("../images/appart_05.jpg");
  }
  #im5{
   width: 67px;
   height: 37px;
   margin-top:-50px;
   margin-left:243px;
   background-image:url("../images/appart_06.jpg");
  }
  #im6{
   width: 44px;
   height: 110px;
   margin-top:-37px;
   margin-left:310px;
   background-image:url("../images/appart_07.jpg");
  }
  #im7{
   width: 79px;
   height: 97px;
   margin-top:-97px;
   margin-left:354px;
   background-image:url("../images/appart_08.jpg");
  }
  #im8{
   width: 67px;
   height: 718px;
   margin-top:-73px;
   margin-left:243px;
   background-image:url("../images/appart_09.jpg");
  }
  #im9{
   width: 89px;
   height: 99px;
   margin-top:-705px;
   margin-left:0px;
   background-image:url("../images/appart_10.jpg");
  }
  


  #im10{
   width: 59px;
   height: 34px;
   margin-top:-99px;
   margin-left:89px;
   background-image:url("../images/appart_11.jpg");
  }
  
  
  
  
  #im11{
   width: 95px;
   height: 705px;
   margin-top:-34px;
   margin-left:148px;
   background-image:url("../images/appart_12.jpg");
  }
  #im12{
   width: 59px;
   height: 245px;
   margin-top:-671px;
   margin-left:89px;
   background-image:url("../images/appart_13.jpg");
  }
  #im13{
   width: 89px;
   height: 39px;
   margin-top:-219px;
   margin-left:310px;
   background-image:url("../images/appart_14.jpg");
  }
  #im14{
   width: 34px;
   height: 645px;
   margin-top:-39px;
   margin-left:399px;
   background-image:url("../images/appart_15.jpg");
  }
  #im15{
   width: 89px;
   height: 29px;
   margin-top:-606px;
   margin-left:0px;
   background-image:url("../images/appart_16.jpg");
  }
  #im16{
   width: 89px;
   height: 606px;
   margin-top:-29px;
   margin-left:310px;
   background-image:url("../images/appart_17.jpg");
  }
  #im17{
   width: 89px;
   height: 151px;
   margin-top:-577px;
   margin-left:0px;
   background-image:url("../images/appart_18.jpg");
  }
  #im18{
   width: 122px;
   height: 33px;
   /* border: 1px solid green; */
   margin-top:0px;
   margin-left:0px;
   background-image:url("../images/appart_19.jpg");
  }
  #im19{
   width: 26px;
   height: 426px;
   margin-top:-33px;
   margin-left:122px;
   background-image:url("../images/appart_20.jpg");
  }
  #im20{
   width: 122px;
   height: 393px;
   margin-top:-393px;
   margin-left:0px;
   background-image:url("../images/appart_21.jpg");
  }
  
  
  
  
  

/* ==============================================
  LE CORPS
   ============================================== */ 
  
  
  #lemenu 
{
width:531px;
height:20px;
padding-top:2px;
vertical-align: center;
/* color:#FFFFFF; */
margin-top:-17px;
/*clear: both; */
background-color: #CC33FF;
text-align:center ;
}







#lemenu a
{
margin-left: 0px;

color: #FFFFFF;
text-decoration: none;
font-size: 12px;
background-color: #CC33FF;
}

#lemenu a:hover
{
font-size: 12px;
color: #FFFFFF;
text-decoration: none;
background-color: #FF0066;
}
   
.naviguer {
width:250px;
text-align: center ;
/* background-color: blue; */
font-size: 12px;
margin: auto;
}


ul, li {
display: inline ;
text-decoration: none;
list-style-type: none;
text-align: center;
margin: 0px;
}
  

  
  h1{
  margin:1px;
  color:#FF3399;
  font-style: normal;
  font-weight:lighter;
	font-size: 1.9em;
  font-family:Georgia, "Bitstream Vera Serif", Norasi, serif;
  }
  h3{
  color: #CC66FF;
  font-style: italic;
  font-weight:lighter;
	font-size: 1.3em;
  font-family:Georgia, "Bitstream Vera Serif", Norasi, serif;
  }
  h4{
  color:#9999FF;
  }
  
  

  
  #text{
   color:#FFCCFF;
   width: 473px;
   height: 337px;
   margin-top:-380px;
   margin-left:17px;
   text-align:right;
  }
  
  #text a{
  color:#FF3399;
  text-decoration:none;
  }
  
  #text a:hover{
  color:#FF9999;
  text-decoration:none;
 

  }
  


#text object {
margin-top: -47px;
}
  
  
  
  
.logo {

width: 167px;
height: 127px;
background: url("../images/logo.jpg") top no-repeat ;
margin-bottom: 7px;

}



/* ==============================================
  LA PUBLICITE
   ============================================== */ 
#pub{

background-color: #d89eff;
width:167px;
height: 794px /* 794px */;
margin-left: 587px; /* 587px  ;*/
margin-top:-794px;

/* float:right;*/
margin-bottom:0px;

text-align:center;
font-size: 14px;



}

.part {

  margin: auto;
   width: 698px;
   height:794px;
   text-align: left;
   /*background-color: red;*/
}

.conteneur_photo {
margin-left: 27px;
margin-top:-350px;
}