body {background-color:#000;
  margin:90px;
}

#conteneur {width:980px;
  margin:0 auto;
  position:relative;
}

#entete {height:150px;
  width:100%;
  background-color:#000000;
  border:1px solid #FFFFFF;
  position:relative;
}

.logo {width:540px;
  height:130px;
  position:absolute;
  top:10px;
  left:40px;
}

#slide {float:right;
}

#contenu {width:100%;
  float:left;
  overflow:visible;
  border:1px solid #FFFFFF;
  margin-top:-4px;
}

/*----bandeau vertical noir--------*/
#bandeauvertical {width:220px;
  background-color:#000000;
  float:left;
  overflow:hidden;
}

.offredumoment {position:absolute;
  font-family: arial, Helvetica, sans-serif;
  color:#d86401;
  margin-left:30px;
  margin-top:45px;
}

.coupdecoeur {position:absolute;
  font-family: arial, Helvetica, sans-serif;
  color:#d86401;
  margin-left:45px;
  margin-top:365px;
}

.exclusif {font-family: arial, Helvetica, sans-serif;
  font-size:13px;
  color:#666;
  position:absolute;
  margin-top:390px;
  margin-left:20px;
}

.logorenoir {width:180px;
  float:left;
  margin-left:20px;
  margin-top:75px;
}

.visuelrenoir {width:180px;
  float:left;
  margin-left:20px;
}

.photocoupdecoeur {width:180px;
  margin-left:20px;
  margin-top:118px;
}
/*----bandeau vertical noir--------*/

#page {width:760px;
  height:580px;
  background-color:#D9D9D9;
  float:left;
  position:relative;
}

/*---------- MENU ----------*/
#menu {background:#F36717;
  list-style:none;
  margin:0px;
  font-family: arial, Helvetica, sans-serif;
  font-size:13px;
  height:46px;
}

#menu li {float:left;
  margin-left:3px;
}

#menu a {color:#000;
  text-decoration:none;
  display:table-cell;
  vertical-align:middle;
  text-align:center;
  width:123px;
  padding-top:4px;
  height:46px;
  -webkit-transition: all .5s ease-in;
  -moz-transition: all .5s ease-in;
  -o-transition: all .5s ease-in;
  transition: all .5s ease-in;
}

#menu a:hover {background:#FF9600;
  font-weight:bold;
}

#menu li ul  {background-color:#F36717;/*----sous menu----*/
  display:none;
  position:absolute;
}

#menu li ul a{height:46px;/*----sous menu----*/
}
#menu li ul a:hover{height:46px;/*----sous menu----*/
}

	
#menu li ul li{float:none;/*----sous menu----*/
}

#menu li:hover > ul{/*----sous menu hover----*/
display:block;
}
/*-------- FIN MENU --------*/


/*-----texte accueil------*/
#paragraphe {font-family: arial, Helvetica, sans-serif;
  font-size:15px;
  color:black;
  margin-top:30px;
  margin-right:50px;
  margin-bottom:30px;
  margin-left:50px;
  padding:0px 30px;
  text-align:justify;
  line-height:22px;
}

span {color:#d86401;
  font-weight:bold;
}

.h1 {font-family: arial, Helvetica, sans-serif;
  color:#d86401;
  text-align:center;
  margin-top:40px;
  font-size:24px;
}

.carreorange {margin-left:80px;
  margin-right:7px;
  width:8px;
  height:8px;
}

.textecarreorange {font-family:arial;
  font-size:15px;
  line-height:23px;
}

.flechette {position:absolute;
  width:350px;
  top:265px;
  left:350px;
}
/*-----texte accueil------*/



/*-------- FOOTER --------*/
#footer {height:60px;
  width:980px;
  background-color:#000000;
  float:left;
  position:relative;
  border:1px solid #FFFFFF;
  margin-top:10px;
}

#footer p {font-family: arial, Helvetica, sans-serif;
  font-size:11px;
  color:#d86401;
  float:left;
  padding-top:25px;
  letter-spacing:0.4;
}

#footer p a {text-decoration:none;
  color:#d86401;
}

#adresse {margin-left:60px;}

.logopiedpage {width:100px;
  position:absolute;
  top:20px;
  right:20px;
}

.tiretseparation{margin-left:15px;
  margin-right:15px;
}
/*-------- FOOTER --------*/

/*offre du moment*/
#paragrapheresidencerenoir {margin-left:30px;
  font-family: arial, Helvetica, sans-serif;
  font-size:15px;
  line-height:22px;
  text-align:justify;
  margin-right:30px;
}

.offrevisuelrenoir {float:right;
  width:300px;
  margin-left:15px;
  margin-right:30px;
}

.h1renoir {font-family: arial, Helvetica, sans-serif;
  color:#d86401;
  text-align:left;
  margin-top:40px;
  margin-left:30px;
  font-size:24px;
  margin-bottom:15px;
}
/*-----offre du moment-----*/


/*-----coup de coeur-----*/
.visuelcoupdecoeur {width:260px;
  float:right;
  margin-right:30px;
  margin-top:-40px;
}

.saisir {font-family: arial, Helvetica, sans-serif;
  font-size:15px;
  margin-left:30px;
  margin-top:30px;
}

.h1rochelle {font-family: arial, Helvetica, sans-serif;
  color:#d86401;
  text-align:left;
  margin-top:40px;
  margin-left:30px;
  font-size:24px;
  margin-bottom:15px;
}
/*-----coup de coeur-----*/


/*-----prestations-----*/
#paragrapheprestation {margin-left:30px;
  font-family: arial, Helvetica, sans-serif;
  font-size:15px;
  line-height:22px;
  text-align:justify;
  margin-right:30px;
}

.texteorange1{margin-left:30px;
  font-family: arial, Helvetica, sans-serif;
  font-size:15px;
  line-height:22px;
  color:#d86401;
  text-align:justify;
  margin-right:30px;
  margin-top:20px;	
}

.texteorange2{margin-left:50px;
  font-family: arial, Helvetica, sans-serif;
  font-size:15px;
  line-height:21px;
  color:#d86401;		
}

.h2prestation {font-family: arial, Helvetica, sans-serif;
  color:#d86401;
  text-align:left;
  margin-top:40px;
  margin-left:30px;
  font-size:24px;
  margin-bottom:15px;
}
/*-----prestations-----*/


/*-----offre immo investissement-----*/
.h3_ideal_invest {margin-left:60px;
  font-family: arial, Helvetica, sans-serif;
  color:#d86401;
  margin-bottom:15px;
}

.offre_immo_neuf {float:right;
  width:220px;
  margin-right:30px;
  margin-left:20px;
  margin-top:-30px;
}

.paragraphe_invest {font-family: arial, Helvetica, sans-serif;
  margin-left:30px;
  text-align:justify;
  line-height:22px;
  font-size:15px;
}

.liensuite {font-family: arial, Helvetica, sans-serif;
  font-size:12px;
  margin-left:30px;
  margin-top:15px;	
}

.liensuite a {margin-left:30px;
  color:#d86401;
  text-decoration:none;	
}

.h2offre {font-family: arial, Helvetica, sans-serif;
  color:#d86401;
  text-align:left;
  margin-top:40px;
  margin-left:30px;
  font-size:24px;
  margin-bottom:15px;
}
/*-----offre immo investissement-----*/



/*-----ideal investisseur-----*/
.h2_ideal_invest {margin-left:30px;
  font-family: arial, Helvetica, sans-serif;
  color:#d86401;
  margin-top:30px;
  margin-bottom:18px;
  font-size:18px;
}

.ideal_invest {
  font-family: arial, Helvetica, sans-serif;
  margin-left:30px;
  text-align:justify;
  font-size:15px;
  line-height:22px;
}

.offre_immo_neuf2 {float:right;
  margin-right:30px;
  margin-top:-22px;
  margin-left:20px;
  width:250px;	
}

.tarif {font-family: arial, Helvetica, sans-serif;
  color:#d86401;
  margin-left:30px;
  margin-top:-10px;
}
/*-----ideal investisseur-----*/

/*-------atouts logement-------*/
#paragrapheatouts {margin-left:30px;
  font-family: arial, Helvetica, sans-serif;
  font-size:15px;
  line-height:21px;
  text-align:justify;
  margin-right:30px;
}
.h2atouts {font-family: arial, Helvetica, sans-serif;
  color:#d86401;
  text-align:left;
  margin-top:40px;
  margin-left:30px;
  font-size:24px;
  margin-bottom:15px;
}

.qualite {color:#d86401;
  margin-bottom:5px;
}

.budget {color:#d86401;
  margin-bottom:10px;
}

.confort {color:#d86401;
  margin-top:15px;
  margin-bottom:10px;	
}
/*-------atouts logement-------*/

/*-------loi scellier--------*/
.h2scellier {font-family: arial, Helvetica, sans-serif;
  color:#d86401;
  text-align:left;
  margin-top:40px;
  margin-left:30px;
  font-size:24px;
  margin-bottom:15px;
}

.sous_titre {color:#d86401;
  margin-bottom:5px;
  margin-top:25px;
}

#paragraphes_scellier {margin-left:30px;
  font-family: arial, Helvetica, sans-serif;
  font-size:15px;
  line-height:21px;
  text-align:justify;
  margin-right:30px;
}

#page_scellier {width:760px;
  background-color:#D9D9D9;
  float:left;
  position:relative;
}
.sous_paragraphe {margin-bottom:5px;
}

.sous_paragraphe_fin {margin-bottom:10px;
}

.photo1 {position:absolute;
  width:310px;
  left:420px;
  top:405px;
}

.photo2 {position:absolute;
  left:560px;
  width:170px;
  bottom:370px;
}

.hautpage {text-decoration:none;
  font-family: arial, Helvetica, sans-serif;
  color:#d86401;
  font-size:12px;
  margin-left:30px;
}
/*-------loi scellier--------*/

/*-------programme neuf-------*/
#page_neuf {width:760px;
  background-color:#D9D9D9;
  float:left;
  position:relative;
}

.h2neuf {font-size:22px;
  font-family: arial, Helvetica, sans-serif;
  color:#d86401;
  margin-left:30px;
  margin-bottom:20px;
  margin-top:55px;
}

.paragraphe_rochelle {font-family: arial, Helvetica, sans-serif;
  margin-left:30px;
  text-align:justify;
  font-size:15px;
  line-height:22px;
}

.coupcoeur {float:right;
  margin-right:30px;
  margin-left:15px;
  margin-top:60px;
  width:200px;
  left:550px;
}

.residence {float:right;
  width:200px;
  margin-right:30px;
  margin-left:15px;
  margin-top:8px;
}

/*-------programme neuf-------*/

/*-------terrain--------*/
#page_plan {width:760px;
  height:650px;
  background-color:#D9D9D9;
  float:left;
  position:relative;
}

.photoplan {width:300px;
  position:absolute;
  left:30px;
  top:210px;
}

.phototerrain {position:absolute;
  width:250px;
  left:400px;
  top:210px;
}

.photomaison {position:absolute;
  width:250px;
  left:400px;
  top:430px;
}

/*-------terrain--------*/

/*-------plan du site--------*/
.plansite {font-family: arial, Helvetica, sans-serif;
  color:#d86401;
  text-align:left;
  margin-top:40px;
  margin-left:30px;
  margin-bottom:30px;
  font-size:24px;
}

.onglets {font-family: arial, Helvetica, sans-serif;
  color:#d86401;
  text-align:left;
  margin-left:30px;
  margin-top:20px;
  margin-bottom:10px;
  font-size:16px;
}

#page_plansite {width:760px;
  background-color:#D9D9D9;
  float:left;
  position:relative;
}

.textesousmenu {font-family: arial, Helvetica, sans-serif;
  font-size:15px;
  line-height:23px;
  margin-left:100px;
}

.onglets a {text-decoration:none;
  color:#d86401;
}

.textecarreorange a {text-decoration:none;
  color:#000;
}

.textesousmenu a {text-decoration:none;
  color:#000;
}
/*-------plan du site--------*/

#page_contact {width:760px;
  height:900px;
  background-color:#D9D9D9;
  float:left;
  position:relative;
}
 
 fieldset {font-size:16px;
   font-family: arial, Helvetica, sans-serif;
   margin-left:180px;
   margin-top:30px;
   border:1px solid #d86401;
   padding-left:15px;
   padding-top:15px;
   width:400px;
} 

#envoyer {color:#d86401;
  margin-left:180px;
  margin-top:20px;
}

#annuler {color:#d86401;
}

h1 {font-family: arial, Helvetica, sans-serif;
  font-weight:bold;
  color:#d86401;
  font-size:25px;
  text-align:center;
  margin-top:40px;
}

#texte1 {font-family: arial, Helvetica, sans-serif;
  font-weight:bold;
  margin-top:50px;
  margin-left:80px;
}

#texte2 {font-family: arial, Helvetica, sans-serif;
  margin-top:10px;
  margin-left:80px;
}