/*
 * jquery.popeye.css 2.0
 *
 * Mandatory CSS classes for jQuery.popeye
 *
 * Copyright (C) 2010 Christoph Schuessler (schreib@herr-schuessler.de)
 * 
 * This program is free software; you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation; either version 2 of the License, or
 * (at your option) any later version.
 *
 */
.ppy-outer {
    display:                none;
}
.ppy-active .ppy-outer {
    display:                block;
}
.ppy-stage {
    background-repeat:      no-repeat !important;
    /* background-position:    center center !important; */
    position:               relative;
}

.ppy-placeholder {
    position:               relative;
}

.ppy-caption,
.ppy-captionwrap {
    overflow:               hidden;
}

.ppy-hidden {
    display:                none !important;
}
/* fallback styles for image list */
.ppy-imglist {
  width:          100%;
  display:        block;
  overflow:       hidden;
}

.ppy-imglist li {
  padding:        10px;
  border:         1px solid #f0f0f0;
  border-radius:          2px;
  -moz-border-radius:     2px;
  -khtml-border-radius:   2px;
  -webkit-border-radius:  2px;
  background:     #fff;
  list-style:     none;
  float:          left;
  display:        block;
  margin:         0 10px 10px 0;
}

.ppy-imglist li a img {
  display:        block;
  border:         0;
}

#diashow .ppy-extcaption {
  width:          440px;
  display:        block;
}

#diashow .ppy-stage {
  width:                  420px;
  height:                 270px;
  border-radius:          0;
  -moz-border-radius:     0;
  -webkit-border-radius:  0;
}

#diashow .ppy-outer:hover,
#diashow.ppy-expanded .ppy-outer {
  box-shadow:         0 0 7px #ccc;
  -moz-box-shadow:    0 0 7px #ccc;
  -webkit-box-shadow: 0 0 7px #ccc;
}

#diashow .ppy-caption {
  margin:         5px 0 0 0;
  padding:        10px;
  font-size:      0.9em;
  line-height:    1.3em;
  color:          #809f21;
  background:     #eeffa8;
  border-radius:          0;
  -moz-border-radius:     0;
  -webkit-border-radius:  0;
  box-shadow:         0 0 7px #ccc;
  -moz-box-shadow:    0 0 7px #ccc;
  -webkit-box-shadow: 0 0 7px #ccc;
  visibility:         hidden; /* prevent flash of content before popeye loads */
}

#diashow .ppy-caption a {
  color:          #66bde9;
}
#diashow .ppy-caption a:hover {
  text-decoration:underline;
}

#diashow .ppy-counter {
  padding:        2px;
  margin:         0 0 5px 0;
  font-size:      0.9em;
}

#diashow .ppy-stagewrap {
  background:             #eeeeee;
  border-radius:          0;
  -moz-border-radius:     0;
  -webkit-border-radius:  0;
}

#diashow .ppy-loading {
  background:     #eeeeee url(/assets/1x1_trans-306a6ab5a95be55ebaf7ee8903854037ad0c5b4215073a3676c29b31a2019812.gif) no-repeat center !important;
}

#diashow .ppy-nav {
  /* background:     #0c3b3d; */
  background:     -moz-linear-gradient(
    center bottom,
    rgb(12,59,61) 0%,
    rgb(58,131,133) 100%
  );
  width:          104px;
  height:         32px;
  padding:        5px;
  position:       absolute;
  bottom:         0;
  left:           0;  
  border-radius:          0 5px 0 5px;
  -moz-border-radius:     0 5px 0 5px;
  -webkit-border-radius:  0 5px 0 5px;   
}

#diashow .ppy-nav a {
  display:        block;
  overflow:       hidden;
  text-indent:    -900em;
  height:         22px;
  float:          left;
  padding:        5px;
  border-radius:          2px;
  -moz-border-radius:     2px;
  -khtml-border-radius:   2px;
  -webkit-border-radius:  2px; 
}

#diashow .ppy-prev {
  width:          22px;
  background:     url(/assets/icons/last-a16720d398927b2d3e10972ee334ea421c1af25dbf336246e8308c60a1a34278.png) no-repeat center;
}

#diashow .ppy-next {
  width:          22px;
  background:     url(/assets/icons/next-b5ce71e4025c69d99b8ffb47562156ebf3536bd1f733ac738c37301ef75e5ef7.png) no-repeat center;
}

#diashow .ppy-switch-enlarge {
  width:          30px;
  background:     url(/assets/icons/zoom_in-a61dcd3f5afd62557d49fb4e7cb3db2bdd98bef6d8c712a175e7d6165bdfe224.png) no-repeat center;
}

#diashow .ppy-switch-compact {
  width:          30px;
  background:     url(/assets/icons/zoom_out-776a1822da736add369d94411d63494a405f5e0861503c3f3a78f9b4981fc2a7.png) no-repeat center;
}

#diashow .ppy-nav a:hover {
  background-color:   #dddddd;
  cursor:             pointer;
}

html, body {
  width:        100%;
  height:       100%;
  margin:       0px;
  padding:      0px;

  font:         italic 14px georgia;
  line-heigth:  18px;
}

#canvas {
  width:    1300px; 
  height:   800px; 
  position: relative; 
  margin:   auto;
  background: url(/assets/planmasse-transparent-797e821a8353deae0e8286cab90c41fc16d97e6e7a41ded51e3a9714f4c35f7f.png) 10px 10px no-repeat;
}

h1, .h1 {
  font-weight:  bold;
  font-variant: italic;
  font-size:    26px;
}

h2, .h2 {
  font-variant: italic;
  font-size:    24px;
  color:        #000000!important;
}

a {
  text-decoration: none;
  color: #000000;
}

a img {
  border: 0px;
}

a:hover {
  color: #999999;
}

ul {
  margin-top:           0;
  list-style-type:      disc;
  list-style-position:  outside;
  padding-left:         20px;
}

ul.bracked {
  list-style-type:      none;
  padding-left:         0px;
}

p {
  margin-bottom: 0;
}

td {
  vertical-align: top;
}


#navitable {
  position:         absolute;
  top:              30px;
  left:             -1000px;
  border-collapse:  collapse;
}

#navitable td {
  border-top:     1px solid black;
  border-bottom:  1px solid black;
  line-height:    22px;
  color:          #999999;
  padding-left:   20px;
  padding-right:  20px;
  vertical-align: bottom;
}

#maintable {
  position: absolute;
  top:      530px;
  left:     25px;
}

#maintable td {
  padding-left:   10px;
  padding-right:  10px;
  white-space: nowrap;
}

#footer {
  height:       40px;
  position: relative;
  padding-left: 50px;
}

#langnav {
  position: relative;
  top:      -60px;
}

#popup {
  position: absolute; 
  border:   1px solid black; 
  width:    400px; 
  background-color: #fff; 
  z-index:  10; 
  padding:  0px 10px 10px 10px;
  max-height: 500px;
  overflow: auto;
}

.main_menu {
  position: absolute;
  top: 200px;
  background-color: #fff; 
  padding: 10px;
  min-width: 60px; 
  max-width: 300px; 
}

#diashow {
  position: absolute; 
  top:      20px; 
  left:     600px;
  width:    440px;
  height:   325px;
}

.ppy-outer {
  border:         1px solid transparent;
  padding:        5px 9px 5px 9px;
  background:     #ffffff;
}

.ppy-outer.promomode {
  border:         1px solid black;
}

#project_info {
  position: absolute; 
  top:      350px; 
  left:     600px;
  width:    438px; 
  border:   1px solid black; 
  background-color: #fff; 
  z-index:  5; 
}

#diatitle {
  width:    80%;
  margin:   10%;
  position: absolute; 
  z-index:  10; 
  top:      30px; 
  color:    #ffffff;
  font-size:  50px;
  text-align: center;
}

#login_form {
  position: absolute; 
  top:      30px; 
  left:     30px;
  width:    400px; 
  border:   1px solid black; 
  background-color: #fff; 
  padding:  10px 10px 10px 10px;
}

.infotext {
  padding:  10px;
  margin:   0;
}
.maisons, .maisons a.active {
  color: #ff9933;
}

td.maisons:hover, td.maisons.h1:hover a, td.maisons.active, td.maisons.active a  {
  color:            #ffffff;
  background-color: #ff9933;
}

.residences, .residences a.active {
  color: #cc3366;
}

td.residences:hover, td.residences:hover a, td.residences.active, td.residences.active a  {
  color: #ffffff;
  background-color: #cc3366;
}

.social, .social a.active {
  color: #cc33cc;
}

td.social:hover, td.social:hover a, td.social.active, td.social.active a    {
  color: #ffffff;
  background-color: #cc33cc;
}

.urbanisme, .urbanisme a.active {
  color: #6600cc;
}

td.urbanisme:hover, td.urbanisme:hover a, td.urbanisme.active, td.urbanisme.active a    {
  color: #ffffff;
  background-color: #6600cc;
}

.resort, .resort a.active {
  color: #3366cc;
}

td.resort:hover, td.resort:hover a, td.resort.active, td.resort.active a  {
  color: #ffffff;
  background-color: #3366cc;
}

.activite, .activite a.active {
  color: #336600;
}

td.activite:hover, td.activite:hover a, td.activite.active, td.activite.active a    {
  color: #ffffff;
  background-color: #336600;
}

.art, .art a.active {
  color: #99cc33;
}

td.art:hover, td.art:hover a, td.art.active, td.art.active a    {
  color: #ffffff;
  background-color: #99cc33;
}

.esquisses, .esquisses a.active {
  color: #ffcc00;
}

td.esquisses:hover, td.esquisses:hover a, td.esquisses.active, td.esquisses.active a    {
  color: #ffffff;
  background-color: #ffcc00;
}