/* -----------------------
 * LAUSANNE JARDINS 2009
 * -----------------------
 */

/* Importation des styles pre-definis */
@import url("editor_css.css");

*
{
  margin: 0;
  padding: 0;
}

body
{
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 0.8em;
  margin: 0;
  padding: 0;
  background: black;
  color: white;
  position: relative;
}
/*
td
{
  padding-right: 10px;
}*/

img {
    border: none;
}

#header
{
  height: 120px;
  background-color: black;
  padding: 40px 0 0 40px;
}

#header img
{
  border: 0;
}

#header span.block
{
  display: block;
  font-size: 0.8em;
}

#conteneur
{
  position: absolute;
  width: 100%;
  background-color:black; /*Menu color*/
  padding-bottom: 25px;
}

#centre
{
  background-color:black;
  /*max-width: 665px;*/
  max-width: 720px;
  /*margin: 6px auto;*/
  color: white;
}

.contentpaneopen
{
  background-color: black;
  /*width: 569px;*/
  width: 100%;
  padding: 0px;
  width: 100%;
  font-size: 1.2em;
}

#gauche
{
  position: relative;
  float: left;
  left:0;
  /*width: 295px;*/
  width: 240px;
  z-index: 5;
  font-size: 0.9em;
}

#droite
{
  position: absolute;
  right:0;
}

#pied
{
  height: 1px;
  background-color: black;
}

.menugauche
{
  list-style-type: none;
  margin: 5px 0 0 40px;
  padding:0;
}

#mainlevel li
{
  margin-bottom: 18px;
}

ul#mainlevel
{
  list-style-type: none;
}

.menugauche a
{
  margin: 0 2px;
  color: #000000;
  text-decoration: underline;
}

.menugauche a:hover
{
  text-decoration: none;
}

p
{
  /*margin: 0 0 10px 0;
  text-align: left;*/
}

.contentpaneopen {
    text-align: justify;
}
a img {
    cursor: pointer;
}

/* Liens et textes */
#header
{
  color: white;
}

a:link, a:visited, a:active
{
  color: #FFF;
  text-decoration: none;
}

a:hover
{
  color: #FFF;
  text-decoration: underline;
}

a#active_menu, #active_menu, .active_menu
{
  color:#ff1188 !important;
}

a.mainlevel, a.sublevel
{
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 15px;
  display: block;
}

a.sublevel
{
  margin-top:-10px;
  margin-left: 20px;
  margin-bottom: 20px;
}

#centre a, #centre a:hover, #centre a:visited, #centre a:active
{
  color: white;
}


/* Pages du site */
.contentpaneopen_presentation
{
  background-color:black;
  width: 569px;
  padding: 20px;
  width: 100%;
}

/* LANGUAGES */

div#jflanguageselection
{
  position: absolute;
  left: 895px;
  top: 102px;
  width: 70px;
  /*font-weight: bold !important;*/
  font-size: 0.8em;
}

body.presentation #jflanguageselection
{
  left: 904px;
}

#jflanguageselection ul.jflanguageselection li
{
  margin: 0 2px;
  padding: 0px;
  float: none;
  clear: none;
  display: inline;
}

div#jflanguageselection ul.jflanguageselection a
{
  margin: 0px;
  padding: 0;
  display: inline;
}

ul.jflanguageselection li#active_language a,
ul.jflanguageselection li#active_language a:visited,
ul.jflanguageselection li#active_language a:active
{
  color:#ff1188;
}

div#jflanguageselection ul.jflanguageselection
{
  list-style-type: none;
}


/* Divers */
.contentpaneopen li
{
  list-style-type: square;
  margin-left: 13px;
  padding:0;
}

/* CARTO */
.iframe
{
  left:0;
  position: absolute;
  padding-left: 30px;
  z-index: 4;
}
div.contentpane_presentation
{
  width: 95%;
  position: absolute;
  left: 0;
}





/*SAFARI*/
.safari #centre
{
  width: 715px;
}
.safari .menugauche
{
  margin: 5px 0 0 40px;
}
.safari a.sublevel
{
  margin-top:-10px;
}
.safari body
{
  font-size: 0.7em;
}
.safari #gallery
{
  width: 665px;
}
.safari div#jflanguageselection
{
  margin: 0;
  margin-right: -35px;
}

/*INTERNET EXPLORER*/
.ie #conteneur
{
  width: expression((document.body.clientWidth > 1024) ? '1024px' : 'auto');
}
.ie #centre
{
  width: 720px;
}
.ie #helpMessage {
  position: absolute;
  left: 0;
}
.ie #gallery
{
  width: 705px;
}
.ie a.sublevel
{
  margin-top:-10px;
}
.ie div#jflanguageselection
{
  margin-top: -15px;
  left: 894px;
}
.ie #gauche
{
  width: 242px;
}
.ie .contentpaneopen td
{
  padding: 0;
}

/*OPERA ;)*/
.opera .contentpaneopen
{
  width: 99%;
}
.opera  #gallery
{
  width: 99%;
}
.opera div#jflanguageselection
{
  margin: 0;
  margin-top: -15px;
  margin-right: -25px;
}
.opera #centre
{
  max-width: 735px;
  margin: 6px auto 6px 240px;

}
.opera #gauche
{
  width: 240px;
}

.preview *
{
    color: white;
}