/* CSS Document */

body {
  margin: 0;
  background-color: #EEEEEB;
  /*tex-align: center;*/
}

.wapper {
  height: 100%;
  width: 1000px;
}

#main {
  position: relative;
  float: left;
  width: 1000px;
  text-align: left;
}

#main-liens {
  position: relative;
  float: left;
  width: 1000px;
  height: 750px;
  text-align: left;
  background: transparent url(Img/EcranLiens.jpg) center center no-repeat;
}

#menu-principal {
  float: left;
  clear: both;
  width: 100%;
}

#menu-principal-liens {
  position: absolute;
  top: 112px;
  width: 100%;
}

.menu-barre {
  float: right;
  clear: both;
  border-bottom: 1px solid #A50F46;
}

.menu-barre img {
  margin-right: 30px;
  margin-bottom: 5px;
  padding-top: 10px;
  border: 0;
}

.menu-barre .rb img {
  margin-right: 0;
  margin-bottom: 0;
  padding-top: 0;
}

* html .menu-barre .rb img {
  margin-bottom: 8px;
}

*:first-child+html .menu-barre .rb img {
  margin-bottom: 8px;
}

.menu-barre-noborder {
  float: right;
  clear: both;
  border-bottom: 1px solid #EEEEEB;
}

.menu-barre-noborder img {
  margin-right: 30px;
  margin-bottom: 5px;
  padding-top: 10px;
  border: 0;
}

.menu-barre-noborder .rb img {
  margin-right: 0;
  margin-bottom: 0;
  padding-top: 0;
}

* html .menu-barre-noborder .rb img {
  margin-bottom: 8px;
}

*:first-child+html .menu-barre-noborder .rb img {
  margin-bottom: 8px;
}

.sous-menu-sceno {
  position: absolute;
  top: 50px;
  left: 776px;
  z-index: 1;
}

.sous-menu-sceno img {
  margin-bottom: 5px;
}

#content {
  float: left;
  clear: both;
  height: 464px;
}

.menu-cv {
  position: relative;
  float: left;
  width: 144px;
  border-bottom: 1px solid #A50F46;
}

.menu-cv ul {
  list-style: none;
  padding-left: 0px;
  margin-left: 0px;
}

.menu-cv li {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 60%;
  color: #ff9034;
  padding-left: 0px;
  margin-left: 46px;
}

* html .menu-cv li {
  line-height: 120%;
}

*:first-child+html .menu-cv li {
  line-height: 120%;
}

.menu-cv li a {
  color: #ff9034;
  text-decoration: none;
}

.menu-cv img {
  margin-left: 46px;
  margin-bottom: 25px;
}

.menu-galerie {
  position: relative;
  float: left;
  width: 371px;
  height: 444px;
  padding-top: 20px;
  padding-left: 10px;
  background-color: #ffffff;
}

.e-1 {
  width: 323px;
}

.e-2 {
  width: 340px;
}

.e-3 {
  width: 290px;
}

.e-4 {
  width: 335px;
}

.e-5 {
  width: 249px;
}

.e-6 {
  width: 245px;
}

.e-7 {
  width: 314px;
}

.e-8 {
  width: 293px;
}

.e-9 {
  width: 351px;
}

.e-10 {
  width: 335px;
}

.e-11 {
  width: 346px;
}

.e-12 {
  width: 296px;
}

.e-13 {
  width: 320px;
}

.e-14 {
  width: 326px;
}

.e-15 {
  width: 321px;
}

.e-16 {
  width: 315px;
}

.e-17 {
  width: 319px;
}

.e-18 {
  width: 313px;
}

.e-19 {
  width: 282px;
}

.e-20 {
  width: 279px;
}

.e-21 {
  width: 284px;
}

.e-22 {
  width: 328px;
}

.e-23 {
  width: 315px;
}

.e-24 {
  width: 324px;
}

.e-25 {
  width: 287px;
}

.e-26 {
  width: 280px;
}

.e-27 {
  width: 306px;
}

.e-28 {
  width: 291px;
}

.e-29 {
  width: 325px;
}

.e-30 {
  width: 322px;
}

.e-31 {
  width: 292px;
}

.e-32 {
  width: 347px;
}

.e-33 {
  width: 190px;
}

.e-34 {
  width: 285px;
}

.e-35 {
  width: 297px;
}

* html .menu-galerie {
  width: 381px;
  height: 464px;
}

*:first-child+html .menu-galerie {
  width: 371px;
  height: 444px;
}

.menu-galerie img {
  margin-bottom: 4px;
}

.blabla {
  float: left;
  clear: right;
  width: 856px;
  height: 389px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 60%;
  padding-top: 75px;
}

* html .blabla {
  overflow: auto;
  scrollbar-face-color: #CECFD0;
  scrollbar-shadow-color: #EEEEEB;
  scrollbar-highlight-color: #EEEEEB;
  scrollbar-3dlight-color: #EEEEEB;
  scrollbar-darkshadow-color: #EEEEEB;
  scrollbar-track-color: #EEEEEB;
  scrollbar-arrow-color: #EEEEEB;
  height: 464px;
}

*:first-child+html .blabla {
  overflow: auto;
  scrollbar-face-color: #CECFD0;
  scrollbar-shadow-color: #EEEEEB;
  scrollbar-highlight-color: #EEEEEB;
  scrollbar-3dlight-color: #EEEEEB;
  scrollbar-darkshadow-color: #EEEEEB;
  scrollbar-track-color: #EEEEEB;
  scrollbar-arrow-color: #EEEEEB;
  height: 464px;
}

.blabla td {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 60%;
  padding-right: 75px;
  padding-left: 75px;
}

.photo {
  float: left;
  clear: right;
  width: 619px;
  height: 464px;
  background-color: #ffffff;
  text-align: right;
}

.o-1 {
  width: 667px;
}

.o-2 {
  width: 650px;
}

.o-3 {
  width: 700px;
}

.o-4 {
  width: 655px;
}

.o-5 {
  width: 741px;
}

.o-6 {
  width: 745px;
}

.o-7 {
  width: 676px;
}

.o-8 {
  width: 697px;
}

.o-9 {
  width: 639px;
}

.o-10 {
  width: 655px;
}

.o-11 {
  width: 644px;
}

.o-12 {
  width: 694px;
}

.o-13 {
  width: 670px;
}

.o-14 {
  width: 664px;
}

.o-15 {
  width: 669px;
}

.o-16 {
  width: 675px;
}

.o-17 {
  width: 671px;
}

.o-18 {
  width: 677px;
}

.o-19 {
  width: 708px;
}

.o-20 {
  width: 711px;
}

.o-21 {
  width: 706px;
}

.o-22 {
  width: 666px;
}

.o-23 {
  width: 703px;
}

.o-24 {
  width: 710px;
}

.o-25 {
  width: 684px;
}

.o-26 {
  width: 699px;
}

.o-27 {
  width: 665px;
}

.o-28 {
  width: 668px;
}

.o-29 {
  width: 698px;
}

.o-30 {
  width: 800px;
}

.o-31 {
  width: 643px;
}

.o-32 {
  width: 705px;
}

.o-33 {
  width: 693px;
}

.o-34 {
  width: 662px;
}

#logo {
  position: absolute;
  top: 435px;
  left: 10px;
}

#logo img {
  margin-left: 0;
  margin-bottom: 0;
}

#txt-algues {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 60%;
  width: 320px;
  position: absolute;
  top: 238px;
  left: 25px;
}

#txt-marais {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 60%;
  width: 260px;
  position: absolute;
  top: 220px;
  left: 25px;
}

#txt-autre_cote {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 60%;
  width: 260px;
  position: absolute;
  top: 290px;
  left: 25px;
}

#txt-traces {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 60%;
  width: 287px;
  position: absolute;
  top: 300px;
  left: 25px;
}

#txt-alice {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 60%;
  width: 240px;
  position: absolute;
  top: 280px;
  left: 25px;
}

#txt-sceno {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 60%;
  width: 260px;
  position: absolute;
  top: 60px;
  left: 25px;
}

#txt-insectes {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 60%;
  width: 300px;
  position: absolute;
  top: 25px;
  left: 25px;
}

#txt-insectes a:hover{
  text-decoration: none;
}

#txt-insectes .titre{
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 120%;
  font-weight: bold;
}

#txt-insectes .sous-titre{
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 110%;
  font-weight: bold;
  font-style: italic;
}

#txt-kiosque {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 60%;
  width: 300px;
  position: absolute;
  top: 25px;
  left: 25px;
}

#txt-kiosque .titre{
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 120%;
  font-weight: bold;
}

#txt-kiosque .sous-titre{
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 110%;
  font-weight: bold;
  font-style: italic;
}

#navigation {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 80%;
  text-align: right;
  padding-right: 100px;
  font-weight: bold;
}

#navigation a {
  color: #A50F46;
  text-decoration: none;
}

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

.sceno-images {
  position: relative;
  float: left;
  clear: right;
  width: 619px;
  height: 464px;
  background-color: #ffffff;
  text-align: right;
}

.img-1 {
  width: 652px;
}

.img-2 {
  width: 665px;
}

.sceno-petit {
  width: 85px;
  heigth: 85px;
}

.ti-1 {
  position: absolute;
  top: 60px;
  left: 310px;
}

.ti-2 {
  position: absolute;
  top: 60px;
  left: 480px;
}

.ti-3 {
  position: absolute;
  top: 145px;
  left: 395px;
}

.ti-4 {
  position: absolute;
  top: 145px;
  left: 225px;
}

.ti-5 {
  position: absolute;
  top: 145px;
  left: 55px;
}

.ti-6 {
  position: absolute;
  top: 230px;
  left: 480px;
}

.ti-7 {
  position: absolute;
  top: 230px;
  left: 310px;
}

.ti-8 {
  position: absolute;
  top: 230px;
  left: 142px;
}

.ti-9 {
  position: absolute;
  top: 315px;
  left: 225px;
}

.kiosque-images {
  position: relative;
  float: left;
  clear: right;
  width: 619px;
  height: 464px;
  background-color: #ffffff;
  text-align: right;
}

.que-1 {
  position: absolute;
  top: 60px;
  left: 95px;
}

.que-2 {
  position: absolute;
  top: 220px;
  left: -12px;
}

.que-3 {
  position: absolute;
  top: 60px;
  left: 345px;
}

#lien1 {
  position: absolute;
  top: 446px;
  left: 100px;
  width: 66px;
  height: 66px;
  z-index: 2;
}

#lien1-1 {
  position: absolute;
  top: 357px;
  left: 115px;
  visibility: hidden;
}

#lien1-1 a {
  font: 70% Verdana, Arial, Helvetica, sans-serif;
  color: #ffffff;
  text-decoration: none;
}

#lien1-1 a:hover {
  text-decoration: underline;
}

#lien2 {
  position: absolute;
  top: 627px;
  left: 332px;
  width: 66px;
  height: 66px;
  z-index: 2;
}

#lien2-1 {
  position: absolute;
  top: 647px;
  left: 225px;
  font: 70% Verdana, Arial, Helvetica, sans-serif;
  color: #ffffff;
  visibility: hidden;
}

#lien3 {
  position: absolute;
  top: 580px;
  left: 650px;
  width: 66px;
  height: 66px;
  z-index: 2;
}

#lien3-1 {
  position: absolute;
  top: 610px;
  left: 660px;
  font: 70% Verdana, Arial, Helvetica, sans-serif;
  color: #ffffff;
  visibility: hidden;
}

#lien4 {
  position: absolute;
  top: 463px;
  left: 435px;
  width: 66px;
  height: 66px;
  z-index: 2;
}

#lien4-1 {
  position: absolute;
  top: 450px;
  left: 405px;
  font: 70% Verdana, Arial, Helvetica, sans-serif;
  color: #ffffff;
  visibility: hidden;
}

#lien5 {
  position: absolute;
  top: 408px;
  left: 745px;
  width: 66px;
  height: 66px;
  z-index: 2;
}

#lien5-1 {
  position: absolute;
  top: 343px;
  left: 745px;
  visibility: hidden;
}

#lien5-1 a {
  font: 70% Verdana, Arial, Helvetica, sans-serif;
  color: #ffffff;
  text-decoration: none;
}

#lien5-1 a:hover {
  text-decoration: underline;
}

#lien6 {
  position: absolute;
  top: 580px;
  left: 463px;
  width: 66px;
  height: 66px;
  z-index: 2;
}

#lien6-1 {
  position: absolute;
  top: 556px;
  left: 459px;
  visibility: hidden;
}

#lien6-1 a {
  font: 70% Verdana, Arial, Helvetica, sans-serif;
  color: #ffffff;
  text-decoration: none;
}

#lien6-1 a:hover {
  text-decoration: underline;
}