/* Generated by KompoZer */
#page {
  border-style: solid;
  border-width: 0px;
  margin-left: auto;
  text-align: left;
  width: 800px;
  margin-right: auto;
  background-color: white;
  color: #6666cc;
  height: auto;
  min-height: 100%;
  margin-top: 0px;
}
.haut {
  background-image: url(haut.jpg);
  background-repeat: no-repeat;
  width: 800px;
  height: 96px;
}
.bas {
  width: 800px;
  height: 96px;
  background-image: url(bas.jpg);
  background-repeat: no-repeat;
}
.hautgauche {
  background-image: url(hautgauche.jpg);
  background-repeat: no-repeat;
  width: 96px;
  height: 300px;
  font-family: Arial,Helvetica,sans-serif;
  font-size: smaller;
}
.gauche {
  background-repeat: repeat-y;
  height: 100%;
  background-image: url(gauche.jpg);
  background-position: left center;
  font-family: Arial,Helvetica,sans-serif;
  font-size: smaller;
}
.basgauche {
  background-image: url(basgauche.jpg);
  background-repeat: no-repeat;
  width: 96px;
  height: 300px;
  background-position: left top;
  font-family: Arial,Helvetica,sans-serif;
  font-size: smaller;
}
.hautdroite {
  background-image: url(hautdroite.jpg);
  background-repeat: no-repeat;
}
.droite {
  background-image: url(droite.jpg);
  background-repeat: repeat-y;
  background-position:  center center;
  height: 100%;
}
.basdroite {
  background-image: url(basdroite.jpg);
  background-repeat: repeat-y;
}
#coinhg {
  background-repeat: no-repeat;
  width: 18px;
  height: 18px;
  background-image: url(coinhg.jpg);
  position: relative;
  float: right;
  left: 18px;
}
#coinhd {
  background-image: url(coinhd.jpg);
  background-repeat: no-repeat;
  width: 18px;
  height: 18px;
  position: relative;
  right: 18px;
  float: left;
}
#lemiscat {
  background-repeat: no-repeat;
  width: 113px;
  height: 199px;
  position: relative;
  float: right;
  left: 54px;
  bottom: 75px;
  background-image: url(lemiscat.gif);
}
#marge {
  margin-top: 3px;
  font-family: Arial,Helvetica,sans-serif;
  font-size: smaller;
  color: black;
  z-index: 3;
  margin-left: 33px;
  margin-right: 18px;
}
#coinbg {
  background-image: url(coinbg.jpg);
  background-repeat: no-repeat;
  position: relative;
  width: 18px;
  height: 18px;
  float: left;
  left: 96px;
}
#coinbd {
  background-image: url(coinbd.jpg);
  background-repeat: no-repeat;
  width: 18px;
  height: 18px;
  position: relative;
  float: left;
  right: 18px;
}
#etoiles {
  background-image: url(etoiles.gif);
  background-repeat: no-repeat;
  width: 63px;
  height: 273px;
  float: left;
  z-index: 3;
  position: relative;
  top: 163px;
  left: 23px;
}
#icones {
  position: relative;
  left: 5px;
  width: 35px;
  bottom: 313px;
  z-index: 5;
}
#textebas {
  font-family: Arial,Helvetica,sans-serif;
  font-size: smaller;
  margin-top: 7px;
}
#logo {
  height: 50px;
  position: relative;
  bottom: 93px;
  float: left;
  z-index: 2;
  width: 33px;
  right: 170px;
}
#menu {
  position: relative;
  float: left;
  z-index: 2;
  height: 26px;
  bottom: 84px;
  font-weight: bold;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 14px;
  right: 516px;
  width: 625px;
}
#menu li {
  display: inline;
  margin-right: 6px;
}
#menu ul {
  margin: 5px 0px 0px;
  padding-right: 5px;
  padding-left: 4px;
}
#menu ul li a {
  text-decoration: none;
  color: #4b194b;
}
#menu ul li a:hover, #menu ul li a.current, #menu ul li a:active {
  color: white;
}
#transparent {
  opacity: 0.5;
  background-color: white;
}
h1 {
  color: black;
  font-weight: bold;
  text-align: center;
  font-style: italic;
  font-size: 18px;
  font-family: Arial,Helvetica,sans-serif;
  padding-bottom: 5px;
}
.texte-soft {
  font-style: italic;
  font-family: papyrus,serif;
  font-weight: bold;
}
.texte-soft-light {
  font-style: italic;
  font-family: papyrus,serif;
}
.texte-plan {
  font-size: smaller;
}
h2 {
  color: black;
  font-weight: bold;
  font-style: italic;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 1em;
  text-align: center;
  text-decoration: underline;
}
h3 {
  color: black;
  font-weight: bold;
  font-style: italic;
  font-family: Arial,Helvetica,sans-serif;
  text-align: left;
  font-size: 1em;
  text-decoration: underline;
}
.arrondi4bleu {
  border: 1px solid #9999ff;
  padding: 1px;
  -moz-border-radius-bottomleft: 10px;
  -moz-border-radius-bottomright: 10px;
  -moz-border-radius-topright: 10px;
  -moz-border-radius-topleft: 10px;
  background-color: #ccccff;
}
.arrondi4rose {
  border: 1px solid #ff99ff;
  padding: 1px;
  -moz-border-radius-bottomleft: 5px;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-topleft: 5px;
  background-color: #ffccff;
}
.tableHautBleuFonce {
  border: 1px solid #9999ff;
  -moz-border-radius-topright: 8px;
  -moz-border-radius-topleft: 8px;
  background-color: #9999ff;
}
.tableBasBleuClair {
  border: 1px solid #9999ff;
  -moz-border-radius-bottomright: 8px;
  -moz-border-radius-bottomleft: 8px;
  background-color: #ccccff;
}
.blogText {
  border: 1px solid #ccccff;
  padding: 5px;
  overflow: auto;
  background-color: #eff0ff;
  width: 97%;
  height: 530px;
}
.offsetUp {
  font-size: x-small;
  position: relative;
  float: right;
  display: block;
  top: 2px;
}