@charset "utf-8";

html {
  height: 100%;
  width: 100%;
}

body {
  margin-left: 0px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  background-image:url(../images/bg_site_new.jpg);
  background-repeat: repeat-x;
  background-color: #CDCDCD;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #336699;

}

#site {
  background-color: white;
  width: 760px;
  margin-right: auto;
  margin-left: auto;
  clear: both;
  height: 100%;
}



/* SECTION DU MENU PRINCIPAL */

#headercontainer {
  margin-top: 1px;
  overflow: hidden;
  position: relative;
  width: 760px;
  height:321px;
}

#headerphoto {
  width: 760px;
  height:321px;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 1;
}

#mask {
  width: 760px;
  height:231px;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 1;
  background-color:#FFCC00;
}

#menu {
  margin-top: 92px;
  width: 760px;
  height:321px;
  position: absolute;
  left: 0px;
  top: 0px;
  overflow: visible;
  z-index: 4;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
}

.menugroup { display: block; clear: both; }
.menugroup a { text-decoration: none; color: #ffffff; }
.menugroup a:hover { color: #333333; background-color: #eeeeee;}

.menuitem {
  display: block;
  float:left;
  margin: 0px 1px 1px 0px;
  background-color: #1b648f;
  background-repeat:no-repeat;
  vertical-align: middle;
  border-right: 1px solid #272F61;
  border-bottom: 1px solid #272F61;
}

.first { width:108px; text-align: right; padding: 3px 3px 3px 2px; }
.sub { width: 124px; padding: 3px 1px 3px 2px; display: none; }

.bt { margin-bottom: 1px; }



/*** SECTION ENTTE ***/

#titlebar {
  background-image: url(../images/titlebarbackground.jpg);
  background-repeat: repeat-x;
  background-position: bottom;
  margin-bottom: 20px;
  padding-bottom: 15px;
}

#titre {
  margin: 7px 20px 0px 5px;
  font: 13px Verdana, Arial, Helvetica, sans-serif;
  color: #336699;
  text-transform: uppercase;
  float: left;
  width: 375px;
}

#utilityLinks {
  margin: 10px 5px 0px 0px;
  float: right;
}

#utilityLinks a { text-decoration: none; color: #336699; font-weight: bold; font-size: 9px; }


#utilityPane { padding: 30px; background-color: white; display: none; }


/*** PROJETS RÉSIDENTIELS ***/

#modelesDisponiblesContainer {}
#modelesDisponiblesToolbar { padding: 5px 10px 5px 10px; border-bottom: 1px solid #cccccc; }
#modelesDisponiblesDiv { position:relative; width: 460px; height: 450px; display: block; margin-bottom: 30px; overflow: auto; border-bottom: 1px solid #cccccc; }

#projet_header {
  position: relative;
  background-color: #f0f0f0;
  background-image: url(../images/projet_header_bg.jpg);
  background-repeat: no-repeat;
  height: 170px;
}

#projet_header_no_pic {
  position: relative;
  background-color: #f0f0f0;
  height: 170px;
}

#projet_header #photoprojet {
  position: absolute;
  left: 24px;
  top: 29px;
  width: 141px;
}

#projet_header #logoprojet {
  position: absolute;
  left: 610px;
  top: 25px;
}

#projet_header_no_pic #logoprojet {
  position: absolute;
  left: 610px;
  top: 25px;
}


#prev_next {
  margin-bottom: 20px;
}

#projet_titre {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  position: absolute;
  left: 200px;
  top: 30px;
  width: 400px;
}

#projet_nom {
  text-transform: uppercase;
  color: #e7cf3a;
  font-size: 30px;
}

#projet_ville {
  color: #1c6690;
  font-size: 13px;
}




/*** SECTION CONTENU CENTRAL ***/

#middle {
  clear: both;
  display: block;
  width: 760px;
}

#middle a {
  font-weight: bold;
  color: #336699;
  text-decoration: underline;
}

#middle a:hover {
  color: #B09A3A;
  text-decoration: none;
}
/*
#middle h2 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  color: #aaaaaa;
  display: block;
  font-size: 10px;
  background-color: #eeeeee;
  border-bottom: 1px solid #cccccc;
  padding-left: 10px;
  padding-top: 20px;
  padding-bottom: 2px;
  margin-top: 0px;
  margin-bottom: 10px;
  clear: both;
}
*/
#middle h2 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  color: #b09a3a;
  display: block;
  font-size: 10px;
  background-color: #FFF2BD;
  padding-left: 28px;
  padding-top: 2px;
  padding-bottom: 2px;
  margin-top: 0px;
  margin-bottom: 20px;
  clear: both;
}


#middle h3 {
  font-size: 12px;
  font-weight: bold;
  color: #336699;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  margin-left: 28px;
  margin-bottom: 5px;
  margin-top: 25px;
}


#middle p {
  margin: 0px 20px 20px 28px;
}

#middle li.projet {
  margin: 0px 20px 10px 28px;
}

ul.projet { margin-bottom: 30px; }

li.projet ul.projet {
  margin-top: 20px;
}


/*** SECTION LEFT ***/

#left {
  display: block;
  float: left;
  width: 460px;
  margin-bottom: 20px;
  border-right: 1px solid #cccccc;
  padding-right: 7px;
}

#left h1 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  color: #336699;
  display: block;
  padding-left: 28px;
  font-size: 11px;
  padding-bottom: 10px;
  padding-top: 15px;
}

#left div.pictureframe1 {
  float: left;
  margin: 0px 15px 40px 0px;
  background-image: url(../images/pictureframe.jpg);
  background-repeat: no-repeat;

}



/*** SECTION RIGHT ***/

#right {
  width: 285px;
  display: block;
  float: right;
  margin-bottom: 30px;
  /*min-height: 333px;*/
}



/*** SECTION FOOTER ***/

#footer {
  display: block;
  width: 760px;
  margin-right: auto;
  margin-left: auto;
  clear: both;
}

#menu_jaune {
  background: #FFCC00;
  display: block;
  font: 9px Verdana, Arial, Helvetica, sans-serif;
  color: #336699;
  text-align: center;
  padding-top: 5px;
  padding-bottom: 5px;
}
#menu_jaune a {
  color: #336699;
  text-decoration: none;
}

#menu_jaune a:hover { color: #FFFFFF; }

#footer_menu {
  display: block;
  color: #666666;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 9px;
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: center;
}

#footer_menu a {
  color: #666666;
  text-decoration: underline;
  margin: 0px;
}

#footer_menu a:hover { color: #336699; text-decoration:none; }

#footer_menu p {
  margin: 0px 0px 10px;
  padding: 0px;
}


.fleche {
  color: #FFCC00;
  font-weight: bold;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  display: inline;
  float: left;
  width: 10px;
  margin: 0px 0px 0px -12px;
  text-indent: -3px;
}

.cosmeticframe1 { float: left; padding: 11px 0px 0px 13px; width: 161px; margin: 0px 0px 20px 28px; background-image: url(../images/cosmeticframe1.jpg); background-repeat: no-repeat; }
.projectlogo { float: left; width: 125px; margin-right: 10px; }
.projectdescription { float: left; width: 375px; margin-left: 10px; padding-left: 0px; border-left: 1px solid #cccccc; }

a.houseForSale { display: block; height: 49px; margin: 1px 0px 1px 10px; padding: 13px 0px 0px 55px; font-size: 10px; background-repeat: no-repeat; background-image:url(/images/icons/icon_key.gif);}
a.pdf { display: block; height: 60px; margin: 1px 0px 1px 10px; padding: 5px 0px 20px 30px; font-size: 10px; background-repeat: no-repeat; background-image:url(/images/icons/icon_pdf.gif);}