/*
STYLESHEET FOR THE BASIC HTML ENTITIES (BODY, A, STRONG, ETC), USED ESPECIALLY FOR THE ELEMENT FORMATTING THE TEXT.
*/

*{
  font-family: arial,sans-serif;
  font-size: 12px;
  color: #6A6A6A;
  border: 0px;
}
*{
  margin: 0px;
  padding: 0px;
}
ol, {
  list-style: none;
}
body{
  background: #FFFFFF;
}

div {
  position: absolute;
}

.head {
  width: 634px;
  height: 100px;
  left: 0px;
  top: 0px;
  background: #FFFFFF url("../images/head.jpg");
}

.legende {
  width: 87px;
  height: 327px;
  left: 547px;
  top: 100px;
  background: #FFFFFF url("../images/legende.jpg");
}

.frame {
  left: 0px;
  top: 100px;
}

.cartoclic {
  width: 547px;
  height: 327px;
  left: 0px;
  top: 0px;
}

.echelle {
  width: 158px;
  height: 21px;
  left: 10px;
  top: 10px;
}

.copyright {
  left: 432px;
  top: 312px;
  color: #6B6B6B;
  font-size: 10px;
  font-weight: normal;
}

.pop_programme {
  left: 30px;
  top: 17px;
  color: #CE272E;
  font-size: 14px;
  font-weight: bold;
}

.pop_numero {
  left: 360px;
  top: 13px;
  color: #6B6B6B;
  font-size: 18px;
  font-weight: bold;
}

.pop_nombre {
  color: #6B6B6B;
  font-size: 18px;
  font-weight: bold;
}

.pop_nom {
  left: 30px;
  top: 45px;
  color: #505050;
  font-size: 12px;
  font-weight: bold;
}

.pop_photo {
  left: 30px;
  top: 70px;
}

.pop_typo {
  left: 150px;
  top: 75px;
  color: #6B6B6B;
  font-size: 11px;
  font-weight: bold;
}

.pop_pieces {
  left: 150px;
  top: 90px;
  color: #6B6B6B;
  font-size: 11px;
  font-weight: bold;
}

.pop_projet {
  left: 150px;
  top: 85px;
  color: #505050;
  font-size: 20px;
  font-weight: bold;
}

.pop_prix {
  left: 270px;
  top: 75px;
  color: #6B6B6B;
  font-size: 11px;
  font-weight: normal;
}

.pop_venir {
  left: 270px;
  top: 90px;
  color: #6B6B6B;
  font-size: 11px;
  font-weight: normal;
}

.pop_prix_min {
  left: 270px;
  top: 85px;
  color: #505050;
  font-size: 20px;
  font-weight: bold;
}

.tabGen
{
  MARGIN: 0px;
  WIDTH: 600px
}

.infoTxtO
{
  COLOR: #FF7300;
  FONT-FAMILY: Arial, Helvetica, Swiss, sans-serif;
  FONT-SIZE: 12px
}

.infoTxt
{
  COLOR: #000000;
  FONT-FAMILY: Arial;
  FONT-WEIGHT: bold;
  FONT-SIZE: 12px;
}
.fieldsTxt
{
  COLOR: #000000;
  FONT-FAMILY: Arial, Helvetica, Swiss, sans-serif;
  FONT-SIZE: 12px;
  FONT-WEIGHT: bold
}
.titleTxt
{
  COLOR: #FF7300;
  FONT-FAMILY: Arial, Helvetica, Swiss, sans-serif;
  FONT-SIZE: 14px;
  FONT-WEIGHT: bold
}
.subTitleTxt
{
  COLOR: #FF7300;
  FONT-FAMILY: Arial, Helvetica, Swiss, sans-serif;
  FONT-SIZE: 12px;
  FONT-WEIGHT: bold
}
.infoTitleTxt
{
  COLOR: #FF7300;
  FONT-FAMILY: Arial, Helvetica, Swiss, sans-serif;
  FONT-SIZE: 12px;
  FONT-WEIGHT: bold
}
.infoMoinsTxt
{
  COLOR: #000000;
  FONT-FAMILY: Arial, Helvetica, Swiss, sans-serif;
  FONT-SIZE: 10px
}
.FontTitle
{
  COLOR: #FF7300;
  FONT-FAMILY: Arial, Helvetica, Swiss, sans-serif;
  FONT-SIZE: 12px;
  FONT-WEIGHT: bold
}
.infoTxtV
{
  COLOR: #FF7300;
  FONT-FAMILY: Arial, Helvetica, Swiss, sans-serif;
  FONT-SIZE: 12px
}
A:link
{
  COLOR: #000000;
  FONT-FAMILY: Arial;
  FONT-SIZE: 12px;
  FONT-WEIGHT: bold;
  TEXT-DECORATION: underline
}
A:visited
{
  COLOR: #000000;
  FONT-FAMILY: Arial;
  FONT-SIZE: 12px;
  FONT-WEIGHT: bold;
  TEXT-DECORATION: underline
}
A:active
{
  COLOR: #000000;
  FONT-FAMILY: Arial;
  FONT-SIZE: 12px;
  FONT-WEIGHT: bold;
  TEXT-DECORATION: underline
}
A:hover
{
  COLOR: #000000;
  FONT-FAMILY: Arial;
  FONT-SIZE: 12px;
  FONT-WEIGHT: bold;
  TEXT-DECORATION: underline
}
.noData
{
  COLOR: 000000;
  FONT-FAMILY: Arial, Helvetica, Swiss, sans-serif;
  FONT-SIZE: 12px;
  FONT-WEIGHT: bold;
}
.txt14bleu {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14pt;
  color: #FF7300;
  font-weight: bold;
}
.txt12bleu {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12pt;
  color: #FF7300;
  font-weight: bold;
}
.txt9noir {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 9pt;
  color: #000000;
}
.txt8noir {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 8pt;
  color: #000000;
}
.txt9noirb {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 9pt;
  color: #000000;
  font-weight: bold;
}
.form9noir {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 9pt;
  color: #000000;
  background-color: #FFFFFF;
  padding-right: 5px;
  padding-left: 5px;
  border: 1px solid #000000;
}
.form8noir {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 8pt;
  color: #000000;
  background-color: #FFFFFF;
  border: 1px solid #000000;
  z-index: -1;





}
.txt8noirb {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 8pt;
  color: #000000;
  font-weight: bold;
}
.txt8gris {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 8pt;
  color: #666666;

}
.navhaut {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 8pt;
  color: #666666;
  font-weight: bold;

}
.txt8grisb {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 8pt;
  color: #666666;
  font-weight: bold;

}
.txt9orange {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 9pt;
  color: #f57921;
  font-weight: bold;

}
p {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 9pt;
  color: #666666;
}
A.txt8gris:link {
  color: #666666;
}
.txt8orange {

  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 8pt;
  color: #f57921;
  font-weight: bold;
}
.txt9blanc {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 9pt;
  color: #FFFFFF;
  font-weight: normal;

}
.txt8blancb {

  font-family: Arial, Helvetica, sans-serif;
  font-size: 8pt;
  color: #FFFFFF;
  font-weight: bold;
}
.footer {

  font-family: Arial, Helvetica, sans-serif;
  font-size: 8pt;
  color: #999999;
}

span.allError
{
  color: #f00
}
.alert
{
  COLOR: red;
  FONT-FAMILY: Arial, Helvetica, Swiss, sans-serif;
  FONT-SIZE: 12px;
  FONT-WEIGHT: bold
}

.logo {
  left: 35px;
  top: 10px;
}

.boitier {
  width: 220px;
  height: 187px;
  left: 0px;
  top: 100px;
  background: #FFFFFF url("../images/boitier.gif");
}
.titre_plan {
  width: 146px;
  height: 25px;
  left: 235px;
  top: 35px;
}
.nom {
  left: 238px;
  top: 62px;
  font-size: 9pt;
  font-weight: bold
}
.adresse {
  left: 238px;
  top: 74px;
  font-size: 9pt;
  font-weight: bold
}
.ville {
  left: 238px;
  top: 86px;
  font-size: 9pt;
  font-weight: bold
}
.fermer {
  left: 583px;
  top: 26px;
}
.zoom {
  left: 233px;
  top: 123px;
}
.grand_plan {
  left: 402px;
  top: 127px;
}
.carte {
  width: 298px;
  height:299px;
  left: 237px;
  top: 150px;
  border: #F1F1F3 3px solid;
}
.vignette {
  width: 100px;
  height:100px;
  left: 550px;
  top: 150px;
  border: #F1F1F3 3px solid;
}
.pave1 {
  width: 106px;
  height:45px;
  left: 550px;
  top: 262px;
}
.pave2 {
  width: 132px;
  height:158px;
  left: 39px;
  top: 295px;
}
.pave3 {
  width: 160px;
  height:71px;
  left: 28px;
  top: 116px;
}
.pave4 {
  width: 132px;
  height:60px;
  left: 0px;
  top: 300px;
}
.pave5 {
  width: 132px;
  height:29px;
  left: 39px;
  top: 340px;
}
.pave6 {
  width: 132px;
  height:29px;
  left: 39px;
  top: 295px;
}
.pave7 {
  width: 132px;
  height:60px;
  left: 39px;
  top: 390px;
}
.tiret {
  width: 158px;
  height:1px;
  line-height:1px;
  left: 29px;
  top: 285px;
  background: #FFFFFF url("../images/tiret.gif");
}
.liste {
  width: 620px;
  left: 35px;
  top: 470px;
  background: #F6F6F6;
}
.plan_initial {
  left: 550px;
  top: 435px;
}

/* Liste services */

.services {
  left: 27px;
  top: 150px;
}

#global {
position:absolute;
left: 495px; 
width: 1px;
margin-left: -497px;
border: 0px solid;
height: 1px;
}
a:link{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #858585;
  text-decoration: none;
  font-style:normal;
}
a:visited{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #858585;
  text-decoration: none;
  font-style:normal;
}
a:hover{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #858585;
  text-decoration: none;
  font-style:normal;
}

div#global div#menu {
  position:absolute;
  width: 142px;
  height: 400px;
  background: #EEEEEE;
  top: 141px;
  z-index: 20;
  padding: 0px;
  margin:0px;
  left:20px;
}
div#global div#menu li {
  padding: 0px;
  border:0px solid;
  margin:0px;
  z-index : 21;
  left:0px;
  list-style-position:outside;
}
div#global div#menu ul {
  padding: 0px;
  border:0px solid;
  margin:0px;
  z-index : 21;
  left:0px;
}
div#global div#menu li a {
  text-decoration: none;
  height: 15px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 9px;
  border:0px solid;
  font-weight:regular;
  font-style:regular;
 }
div#global div#menu li a:hover {
  text-decoration: none;
  height: 15px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 9px;
  border:0px solid;
  font-weight:regular;
  font-style:normal;
  color: #00408A;
 }
.niveau2 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 9px;
  color: #303030;
  text-decoration: none;
  font-weight:regular;
  font-style:normal;
  background-image:url(../images/fd_menu.gif);
}
.niveau2:hover {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 9px;
  color: #303030;
  text-decoration: none;
  font-weight:regular;
  font-style:normal;
  background-image:url(../images/fd_menu.gif);
}
.niveau2:visited {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 9px;
  color: #303030;
  text-decoration: none;
  font-weight:regular;
  font-style:normal;
  background-image:url(../images/fd_menu.gif);
}

div#global div#menuplan {
  position:absolute;
  width: 142px;
  top: 45px;
  z-index: 20;
  left: 5px;
}
div#global div#menuplan ul {
  padding: 0;
  width: 142px;
  border:0px solid;
  margin:1px;
}
div#global div#menuplan ul li {
  position:relative;
  list-style: none;
  border-bottom: 1px solid #FFFFFF;
  font-family: Arial, Helvetica, sans-serif;
  color: #303030;
  font-size: 10px;
  font-stretch:condensed;
  height: 17px;
  background-image:url(../images/fd_menu.gif);
}
div#global div#menuplan ul li:hover {
  position:relative;
  list-style: none;
  border-bottom: 1px solid #FFFFFF;
  font-family: Arial, Helvetica, sans-serif;
  background-image:url(../images/fd_menu_fonce.gif);
  font-size: 10px;
  color: #FFFFFF;
  font-stretch:condensed;
  height: 17px;
}
div#global div#menuplan ul ul {
  position: absolute;
  top: -1px;
  left: 141px;
  visibility:hidden;
  font-family: Arial, Helvetica, sans-serif;
  color: #303030;
  font-size: 10px;
  font-stretch:condensed;
  height: 17px; 
  background-image:url(../images/fd_menu.gif);
}
div#global div#menuplan ul li:hover div#global div#menuplan ul ul ul {
  visibility:hidden;
}
div#global div#menuplan li a {
  text-decoration: none;
  height: 17px;
  font-weight:bold;
}
div#global div#menuplan li a:hover {
  text-decoration: none;
  height: 17px;
  font-weight:bold;
  color: #FFFFFF;
}
div#global div#menuplan li.sousmenu {
  border-bottom:1px solid white;
  background-image:url(../images/fd_menu.gif);
}
div#global div#menuplan li.soussousmenu {
  background-image:url(../images/fd_menu.gif);
  border-bottom:1px solid white;
}
div#global div#menuplan li.soussousmenu:hover {
  background-image:url(../images/fd_menu_fonce.gif);
  border-bottom:1px solid #FFFFFF;
}
div#global div#menuplan ul.niveau1 li.sousmenu:hover ul.niveau2 {
  visibility:visible;
}
div#global div#menuplan ul.niveau2 li.soussousmenu:hover ul.niveau3 {
  visibility:visible;
}


a.link1
{
  color: #000000;
  text-decoration: none;
  background: url(../images/puce_grise.gif) no-repeat left center;
  padding-left: 10px;
}
a.link1:hover
{
  color: #000000;
  text-decoration: none;
  background: url(../images/puce_grise.gif) no-repeat left center;
  padding-left: 10px;
}
a.link2
{
  color: #FF7300;
  text-decoration: none;
  background: url(../images/puce_grise.gif) no-repeat left center;
  padding-left: 10px;
}
a.link2:hover
{
  color: #FF7300;
  text-decoration: none;
  background: url(../images/puce_grise.gif) no-repeat left center;
  padding-left: 10px;

}

#menu1 {
  left: 187px;
  top: 197px;
  visibility:hidden;
}

#menu3 {
  left: 187px;
  top: 232px;
  visibility:hidden;
}

#menu4 {
  left: 187px;
  top: 250px;
  visibility:hidden;
}

.ligne {
border-bottom: 1px solid #FFFFFF;
height: 16px;
z-index:20;
}