body {
  background-color: #E7E3E1;
  font-family: verdana,arial;
  font-size: 10px;
  color: #000000;
  padding: 0px;
  margin: 0px;
  text-align: center;
}

#container {
  position: absolute;
  left: 50%;
  top: 45%;
  background-color: #E7E3E1;
  width: 756px;
  margin: -250px 0px 0px -378px;
  text-align: left;
  font-family: verdana,arial;
  font-size: 10px;
}


/* ----- Corps ----- */

#corps {
  background-position: 0px 0px;
  background-repeat: no-repeat;
  width: 756px;
  height: 492px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}


/* ----- Langues ----- */

#langues {
  width: 756px;
  height: 60px;
}

#langues a {
  display: block;
  width: 130px;
  color: #727174;
  font-size: 10px;
  font-weight: bold;
  text-decoration: none;
  padding: 10px 0px 0px 0px;
}

#langues a:hover {
  color: #000000;
}


/* ----- Retour ----- */

#retour {
  position: absolute;
  top: 35px;
  right: 1px;
}

#retour a {
  color: #727174;
  font-size: 10px;
  text-decoration: none;
}

#retour a:hover {
  color: #000000;
}


/* ----- Ascenseurs ----- */

#up {
  position: absolute;
  top: 160px;
  left: 310px;
}

#down {
  position: absolute;
  top: 380px;
  left: 310px;
}


/* ----- Titre ----- */

#corps h1 {
  /*display: inline;*/
  font-size: 10px;
  font-weight: bold;
  margin: 45px 0px 10px 0px;
}

#corps h1 b {
  padding: 0px 0px 5px 30px;
  border-style: solid;
  border-width: 0px 0px 1px 0px;
  border-color: #000000;
}

#corps.gr1 h1 {
  color: #C65507;
}

#corps.gr2 h1 {
  color: #5F4E7C;
}

#corps.gr3 h1 {
  color: #218D69;
}

#corps p {
  margin: 0px 5px 11px 30px;
}

/* ----- Texte ----- */

#texte {
  position: absolute;
  top: 160px;
  overflow:hidden;
  width: 300px;
  height: 230px;
  margin: 0px 0px 6px 0px;
}

#texte p {
  margin: 0px 5px 9px 30px;
  line-height: 1.3em;
}

#texte.gr1 p.puce {
  background: url(images/puce_1.gif);
  background-position: 0px 2px;
  background-repeat: no-repeat;
  padding: 0px 0px 0px 15px;
  margin: 0px 5px 9px 15px;
}

#texte.gr2 p.puce {
  background: url(images/puce_2.gif);
  background-position: 0px 2px;
  background-repeat: no-repeat;
  padding: 0px 0px 0px 15px;
  margin: 0px 5px 9px 15px;
}

#texte.gr3 p.puce {
  background: url(images/puce_3.gif);
  background-position: 0px 2px;
  background-repeat: no-repeat;
  padding: 0px 0px 0px 15px;
  margin: 0px 5px 9px 15px;
}

#texte p.tiret {
  padding: 0px 0px 0px 15px;
  margin: 0px 5px 9px 15px;
}

#texte a {
  color: #000000;
  text-decoration: underline;
}

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

#texte.gr1 b {
  color: #C65507;
}

#texte.gr2 b {
  color: #5F4E7C;
}

#texte.gr3 b {
  color: #218D69;
}

#texte hr {
  color: #ffffff;
  background-color: #ffffff;
  margin: 0px 5px 11px 15px;
  border: 0px;
  height: 1px;
}

#texte small {
  font-family: verdana,arial;
  font-size: 9px;
}

/* ----- Listes ----- */

#texte .item {
  display: block;
  text-decoration: none;
  border-style: solid;
  border-width: 0px 0px 1px 0px;
  border-color: #ffffff;
  margin: 0px 0px 0px 15px;
  padding: 1px 0px 0px 0px;
}

#texte a.item:hover {
  background-color: #ffffff;
}

#texte .item p {
  margin: 11px 5px 11px 15px;
}


/* ----- Logo ----- */

#logo a {
  display: block;
  position: absolute;
  top: 50px;
  left: 340px;
  width: 405px;
  height: 110px;
}


/* ----- Navigation ----- */

#navigation {
  position: absolute;
  top: 396px;
  height: 96px;
}

#navigation a {
  background-position: 0% 100%;
  position: absolute;
  display: block;
  width: 108px;
  _height: 32px;
  min-height: 32px;
  color: #ffffff;
  font-size: 10px;
  font-weight: bold;
  text-align: right;
  text-decoration: none;
}

#navigation a.gr1:hover {
  background-position: 0px 110px;
  background-repeat: no-repeat;
  background-color: #f26d19;
}

#navigation a.gr2:hover {
  background-position: 0px 110px;
  background-repeat: no-repeat;
  background-color: #37225C;
}

#navigation a.gr3:hover {
  background-position: 0px 110px;
  background-repeat: no-repeat;
  background-color: #218D69;
}

#navigation a p {
  display: block;
  margin: 4px 5px 4px 2px;
}


#navigation a.r11 {
  left: 0px;
  top: 0px;
}

#navigation a.r22 {
  left: 108px;
  top: 32px;
}

#navigation a.r23 {
  left: 216px;
  top: 32px;
}

#navigation a.r31 {
  left: 0px;
  top: 32px;
}

#navigation a.r33 {
  left: 216px;
  top: 64px;
}

#navigation a.r35 {
  left: 432px;
  top: 64px;
}

#navigation a.r37 {
  left: 648px;
  top: 20px;
  height: 48px;
}

#navigation a.r41 {
  left: 0px;
  top: 64px;
}

#navigation a.r42 {
  left: 108px;
  top: 64px;
}

#navigation a.r44 {
  left: 324px;
  top: 64px;
}

#navigation a.r46 {
  left: 540px;
  top: 64px;
}

#navigation a.r47 {
  left: 648px;
  top: 64px;
}

#navigation img {
  border: 0px;
}


/* ----- Footer ----- */

#footer {
  background-color: #E7E3E1;
  height: 23px;
}

#footer span {
  display: block;
  float: left;
  width: 108px;
  height: 23px;
  text-align: center;
}

#footer a.gris {
  display: block;
  width: 108px;
  height: 23px;
  line-height: 23px;
  background-color: #A19E9D;
  color: #000000;
  font-size: 10px;
  font-weight: bold;
  text-decoration: none;
}

#footer a.gris:hover {
  background-color: #8C8989;
  color: #ffffff;
}

#footer a.noir {
  display: block;
  width: 108px;
  height: 23px;
  line-height: 23px;
  background-color: #000000;
  color: #ffffff;
  font-size: 10px;
  font-weight: bold;
  text-decoration: none;
}

#footer a.noir:hover {
  background-color: #ffffff;
  color: #000000;
}