body {
          position : relative;
          background-color : black;
          margin : 0;
          padding : 0
          }

div#titre {
          position : absolute;
          left : 200px;
          top : 50px;
          padding : 30px 10px
          }

div#verticale {
          position : absolute;
          top : 5px;
          left : 5px;
          width: 800px;
          background-color: transparent
          }

div#navindex {
          background-color : transparent;
          position : absolute;
          left : -20px;
          top : 15px;
          width : 20%;
          height : 420px;
          padding-top : 10px
          }

div#navindex ul {
             background-color : transparent
             }

div#navindex li {
          display : block;
          list-style-type : none;
          height : 30px;
          width : 30%;
          text-align : left
          }

div#navindex a {
          text-align : left;
          font : 12px Arial Rounded MT, sans-serif;
          font-weight : bold;
          letter-spacing : 0.2em;
          margin : 50px;
          margin-left : 1px;
          padding-right: 5px;
          padding-top : 5px;
          padding-bottom : 5px;
          padding-left : 0;
          border-width : 0;
          text-decoration : none;
          color : #ffff33;
          background-color : transparent
          }

div#navindex a:hover {
          color : white;
          background-color : transparent
          }

div#navindex a span {
          display : none
          }

div#navindex a:hover span {
          display : block;
          position : absolute;
          top : 165px;
          left : 170px;
          width : 130px;
          z-index : 100;
          color : #ff3399;
          background : transparent;
          font : 14px Arial Rounded MT, sans-serif;
          font-weight : bold;
          letter-spacing : 0.3em;
          text-align : center
          }

div#entete {
             position: absolute;
              top: 0;
              left: 1px;
              width: 95%;
              height: 200px;
              color: black;
              background-color: transparent;
              font: bold 11px Verdana , sans-serif;
              padding: 10px
           }

div#pasideent1 {
            float: left;
            width: 350px;
            margin-top: -5px;
            margin-right: 20px;
            margin-bottom: 10px;
            margin-left: 1px;
            background-color: transparent
            }

div#pasideent1 p {
            font : bold 11px Verdana;
            letter-spacing : 0.1em;
            line-height : 20px;
            color: #ff33cc;
            margin-left: 30px;
            text-align: justify
            }


div#principal {
          position : absolute;
          top : 5px;
          left : 140px;
          width : 80%;
          color : #330000;
          background-color: black;
          font : 14px Verdana;
          font-weight : bold;
          padding : 0

          }

div#principal a:link {
          color : #FF3399;
          text-decoration : none
          }

div#principal a:visited {
          color : #FF9933;
          text-decoration : none
          }

div#principal a:hover {
          color : #ff9933
          }

div#principal p {
          margin-top : 2px;
          margin-bottom: 2px;
          margin-left : 0;
          margin-right: 0;
          padding: 10px;
          font : 11px Verdana;
          font-weight : bold;
          letter-spacing : 0.2em;
          color: white;
          line-height : 25px;
          text-align : center
          }


div#droite {float: left;
           width: 10%
           }


h1 {
          text-align : left;
          background : transparent;
          margin-left : 35px;
          margin-bottom :-10px;
          color : #cc3399;
          font : 13px Helvetica;
          font-weight : bold;
          letter-spacing : 0.1em
          }


h2 {
         text-align : center;
          background : transparent;
          margin-left : 35px;
          margin-bottom :-10px;
          color : #ff3399;
          font : 13px Helvetica;
          font-weight : bold;
          letter-spacing : 0.1em
          }

h3 {
          text-align : left;
          background : transparent;
          margin-left : 35px;
          margin-bottom :-10px;
          color : #ff3399;
          font : 13px Helvetica;
          font-weight : bold;
          letter-spacing : 0.1em

          }
h4 {
          text-align : center;
          background : black;
          color : white;
          letter-spacing : 0.2em;
          font : 14px Arial, sans-serif;
          font-weight : bold;
           line-height : 25px
          }
h5 {
         text-align : left;
         margin-left : 35px;
          background : black;
          color : white;
          letter-spacing : 0.2em;
          font : 14px Arial, sans-serif;
          font-weight : bold
          }

h6 {
         text-align : center;
         margin-left : 35px;
          background : black;
          color : white;
          letter-spacing : 0.2em;
          font : 14px Arial, sans-serif;
          font-weight : bold
          }


div#img { position : absolute;
        margin-left : 0
        }

div#img p {
          margin-top : 2px;
          margin-bottom: 2px;
          margin-left : 0;
          margin-right: 0;
          padding: 20px;
          background-color: black;
          font : 12px Verdana;
          font-weight : bold;
          color: #ff3399;
          line-height : 25px;
          text-align : center
          }


div#img a:link {
          color : white;
          text-decoration : none
          }

div#img a:visited {
          color : #ff3399;
          text-decoration : none
          }

div#img a:hover {
          color : white
          }

div#img1 { position : absolute;
         text-align: center;
         margin-left : 3px
         }

div#img1 p {
          margin-top : 10px;
          margin-bottom: 2px;
          margin-left : 20px;
          margin-right: 0;
          padding-right: 0;
          background-color: black;
          font : 13px Helvetica;
          font-weight : bold;
          color: #ff3399;
          line-height : 20px;
          text-align : justify
          }


div#img1 a:link {
          color : #FFCCFF;
          text-decoration : none
          }

div#img1 a:visited {
          color : #FFCCFF;
          text-decoration : none
          }

div#img1 a:hover {
          color : #ff3399
          }

div#img2 { position : absolute;
         text-align: center;
         margin-left : 3px
         }

div#img2 p {
          margin-top : 2px;
          margin-bottom: 2px;
          margin-left : 0;
          margin-right: 0;
          padding: 20px;
          background-color: black;
          font : 11px Verdana;
          font-weight : bold;
          letter-spacing : 0.2em;
          color: #333333;
          line-height : 25px;
          text-align : center
          }


div#img2 a:link {
          color : #ff3300;
          text-decoration : none
          }

div#img2 a:visited {
          color : white;
          text-decoration : none
          }

div#img2 a:hover {
          color : #ff3399
          }

div#img3 {   position : absolute;
             text-align: center;
             margin-left : 30px
          }

div#img3 p {
         margin-top : 2px;
          margin-bottom: 2px;
          margin-left : 3px;
          margin-right: 0;
          padding: 9px;
          background-color: black;
          font : 10px Helvetica;
          font-weight : bold;
          color: white;
          line-height : 10px;
          text-align : justify
          }


div#img3 a:link {
          color : #ff3300;
          text-decoration : none
          }

div#img3 a:visited {
          color : white;
          text-decoration : none
          }

div#img3 a:hover {
          color : black
          }

div#img4 { text-align: center;
           margin-left : 1px;
           margin-top : 3px
          }

div#img4 p {
          margin-top : 2px;
          margin-bottom: 2px;
          margin-left : 3px;
          margin-right: 0;
          padding: 9px;
          background-color: black;
          font : 11px Helvetica;
          font-weight : normal;
          color: white;
          line-height : 15px;
          text-align : center
          }

div#img4 a:link {
          color : white;
          text-decoration : none
          }

div#img4 a:visited {
          color : white;
          text-decoration : none
          }

div#img4 a:hover {
          color : #ff3399
          }

div#img5 { text-align: center;
  margin-left : 1px
          }

div#img5 p {
         margin-top : 2px;
          margin-bottom: 2px;
         margin-left : 3px;
          margin-right: 0;
          padding: 9px;
          background-color: black;
          font : 10px Helvetica;
          font-weight : bold;
          color: white;
          line-height : 10px;
          text-align : center
          }


div#img5 a:link {
          color : #ff3300;
          text-decoration : none
          }

div#img5 a:visited {
          color : white;
          text-decoration : none
          }

div#img5 a:hover {
          color : black
          }

div#img6 {float: right;
         padding: 10px
         }

div#img7 { text-align: center;
  margin-left : 1px
          }

div#img7 p {
         margin-top : 2px;
          margin-bottom: 2px;
         margin-left : 3px;
          margin-right: 0;
          padding: 9px;
          background-color: black;
          font : 10px Helvetica;
          font-weight : bold;
          color: white;
          line-height : 10px;
          text-align : center
          }


div#img7 a:link {
          color : #ff3300;
          text-decoration : none
          }

div#img7 a:visited {
          color : white;
          text-decoration : none
          }

div#img7 a:hover {
          color : black
          }

div#img8 { text-align: center;
  margin-left : 1px
          }

div#img8 p {
         margin-top : 2px;
          margin-bottom: 2px;
         margin-left : 3px;
          margin-right: 0;
          padding: 9px;
          background-color: black;
          font : 10px Helvetica;
          font-weight : bold;
          color: white;
          line-height : 10px;
          text-align : center
          }


div#img8 a:link {
          color : #ff3300;
          text-decoration : none
          }

div#img8 a:visited {
          color : white;
          text-decoration : none
          }

div#img8 a:hover {
          color : black
          }

div#img9 { text-align: center;
  margin-left : 1px
          }

div#img9 p {
         margin-top : 2px;
          margin-bottom: 2px;
         margin-left : 3px;
          margin-right: 0;
          padding: 9px;
          background-color: black;
          font : 10px Helvetica;
          font-weight : bold;
          color: white;
          line-height : 10px;
          text-align : center
          }


div#img9 a:link {
          color : #ff3300;
          text-decoration : none
          }

div#img9 a:visited {
          color : white;
          text-decoration : none
          }

div#img9 a:hover {
          color : black
          }

div#img10 { text-align: center;
  margin-left : 1px
          }

div#img10 p {
         margin-top : 2px;
          margin-bottom: 2px;
         margin-left : 3px;
          margin-right: 0;
          padding: 9px;
          background-color: black;
          font : 10px Helvetica;
          font-weight : bold;
          color: white;
          line-height : 10px;
          text-align : center
          }


div#img10 a:link {
          color : #ff3300;
          text-decoration : none
          }

div#img10 a:visited {
          color : white;
          text-decoration : none
          }

div#img10 a:hover {
          color : black
          }
div#img11 { text-align: center;
  margin-left : 1px
          }

div#img11 p {
         margin-top : 2px;
          margin-bottom: 2px;
         margin-left : 3px;
          margin-right: 0;
          padding: 9px;
          background-color: black;
          font : 10px Helvetica;
          font-weight : bold;
          color: white;
          line-height : 10px;
          text-align : center
          }


div#img11 a:link {
          color : #ff3300;
          text-decoration : none
          }

div#img11 a:visited {
          color : white;
          text-decoration : none
          }

div#img11 a:hover {
          color : black
          }

div#img12 { text-align: center;
  margin-left : 1px
          }

div#img12 p {
         margin-top : 2px;
          margin-bottom: 2px;
         margin-left : 3px;
          margin-right: 0;
          padding: 9px;
          background-color: black;
          font : 10px Helvetica;
          font-weight : bold;
          color: white;
          line-height : 10px;
          text-align : center
          }


div#img12 a:link {
          color : #ff3300;
          text-decoration : none
          }

div#img12 a:visited {
          color : white;
          text-decoration : none
          }

div#img12 a:hover {
          color : black
          }

div#boite1 { position : absolute;
           top : 580px;
           left : 10px;
           background : transparent;
           width : 130px ;
           height : 180px ;
           z-index : 1
           }

div#boite2 { position : absolute;
           top : 1000px;
           left : 10px;
           background : transparent;
           width : 120px ;
           height : 190px ;
           z-index : 2
           }

div#boite3 { position : absolute;
           top : 470px;
           left : 45px;
           background : transparent;
           width : 120px ;
           height : 190px ;
           z-index : 3
           }

div#boite4 { position : absolute;
           top : 850px;
           left : 45px;
           background : transparent;
           width : 120px ;
           height : 190px ;
           z-index : 4
           }

div#boite5 { position : absolute;
           top : 1280px;
           left : 45px;
           background : transparent;
           width : 120px ;
           height : 190px ;
           z-index : 5
           }

div#boite6 { position : absolute;
           top : 1405px;
           left : 45px;
           background : transparent;
           width : 120px ;
           height : 190px ;
           z-index : 6
           }

div#boite7 { position : absolute;
           top : 1535px;
           left : 45px;
           background : transparent;
           width : 120px ;
           height : 190px ;
           z-index : 7
           }

div#boite8 { position : absolute;
           top : 470px;
           left : 8px;
           background : transparent;
           width : 130px ;
           height : 180px ;
           z-index : 8
           }

div#boite9 { position: absolute;
          top: 365px;
          left: -127px;
          background: #000;
          width: 112px;
          height: 54px;
          z-index: 9
          }

div#boite10 { position: absolute;
          top: 380px;
          left: -126px;
          background: #000;
          width: 112px;
          height: 54px;
          z-index: 10
          }

div#boite11 { position : absolute;
           top : 1000px;
           left : 8px;
           background : transparent;
           width : 130px ;
           height : 180px ;
           z-index : 8
           }