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

div#titre {
          position: absolute;
          left: 15px;
          top: 200px;
          width: 560px
          }

div#nav1 {
        position: relative;
        top: 30px;
        left: -30px;
        width: 166px;
        height: 20px;
        font: 16px Verdana, sans-serif;
        white-space: nowrap
        }

div#nav1 li {
           display:inline;
           list-style-type: none
           }

div#nav1 a {
          text-align: center;
          font: bold 1em sans-serif;
          padding: 5px 10px;
          margin: 0;
          border-width: 0;
          text-decoration: none;
          color: black;
          background-color: white
          }

div#nav1 a:hover {
                color: orange;
                background: white
                }

div#nav1 a span {
               display: none
               }

div#nav1 a:hover span {
                     display: block;
                     position: absolute;
                     top: 110px;
                     left: 35px;
                     padding: 5px;
                     margin: 10px;
                     z-index: 100;
                     color: #FF6600;
                     background: transparent;
                     font: bold 14px Verdana, sans-serif;
                     text-align: center
                     }

div#nav2 {
        position: relative;
        top: 8px;
        left: -30px;
        width: 166px;
        height: 25px;
        font: 17px Verdana, sans-serif;
        white-space: nowrap
        }

div#nav2 li {
           display:inline;
           list-style-type: none
           }

div#nav2 a {
          text-align: center;
          font: bold 1em sans-serif;
          padding: 5px 10px;
          margin: 0;
          border-width: 0;
          text-decoration: none;
          color: black;
          background-color: white
          }

div#nav2 a:hover {
                color: orange;
                background: white
                }

div#nav2 a span {
               display: none
               }

div#nav2 a:hover span {
                     display: block;
                     position: absolute;
                     top: 70px;
                     left: 35px;
                     padding: 5px;
                     margin: 10px;
                     z-index: 100;
                     color: #FF6600;
                     background: transparent;
                     font: bold 14px Verdana, sans-serif;
                     text-align: center
                     }

div#nav3 {
        position: relative;
        top: 6px;
        left: -30px;
        width: 166px;
        height: 25px;
        font: 17px Verdana, sans-serif;
        white-space: nowrap
        }

div#nav3 li {
           display:inline;
           list-style-type: none
           }

div#nav3 a {
          text-align: center;
          font: bold 1em sans-serif;
          padding: 5px 10px;
          margin: 0;
          border-width: 0;
          text-decoration: none;
          color: black;
          background-color: white
          }

div#nav3 a:hover {
                color: orange;
                background: white
                }

div#nav3 a span {
               display: none
               }

div#nav3 a:hover span {
                     display: block;
                     position: absolute;
                     top: 33px;
                     left: 35px;
                     padding: 5px;
                     margin: 10px;
                     z-index: 100;
                     color: #FF6600;
                     background: transparent;
                     font: bold 14px Verdana, sans-serif;
                     text-align: center
                     }

div#photo1 {
       position: absolute;
       top: 95px;
       left: 670px
       }

div#photo2 {
       position: absolute;
       top: 34px;
       left: 730px
       }

div#photo3 {
       position: absolute;
       top: 10px;
       left: 670px
           }

div#photo4 {
       position: absolute;
       top: 50px;
       left: 730px
           }

div#photo5 {
       position: absolute;
       top: 40px;
       left: 730px
           }

div#photo6 {
       position: absolute;
       top: 33px;
       left: 730px
           }

div#principal {
              position: absolute;
              top: 250px;
              left: 5px;
              right: 5px;
              color: #333333;
              background-color: white;
              font: bold 11px Verdana , sans-serif;
              padding: 10px;
              border-top: 3px solid #CCCCCC;
              border-bottom: 1px solid #CCCCCC
              }

div#principal p {
              margin-top: 25px;
              margin-right: 30px;
              margin-bottom: 20px;
              margin-left: 15px;
              line-height: 20px;
              letter-spacing : 0.1em;
              text-align: left
              }

div#principal a:link {
              color: #CC0000
              }

div#principal a:visited {
              color: blue
              }

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

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

div#principal a:hover {
              color: orange
              }

div#paside1 {
            float: left;
            width: 350px;
            height: 600px;
            margin-top: -5px;
            margin-right: 20px;
            margin-bottom: 10px;
            margin-left: 10px;
            background-color: white;
            border-right: 1px solid #CCCCCC
            }

div#paside1 p {
            font : bold 12px Verdana;
            letter-spacing : 0.1em;
            line-height : 22px;
            color: black;
            margin-left: 30px;
            text-align: justify
            }

div#paside2 {
            float: right;
            width: 300px;
            height: 130px;
            margin-top: 10px;
            margin-right: 20px;
            margin-bottom: 10px;
            margin-left: 10px;
            border-top: 1px solid #CCCCCC;

            border-bottom: 1px solid black;

            }

div#paside2 p {
            font : bold italic 12px Verdana, sans-serif;
            letter-spacing : 0.1em;
            color: black;
            margin-left: 30px;
            line-height : 20px;
            }

div#paside3 {
            float: left;
            width: 350px;
            height: 230px;
            margin-top: -5px;
            margin-right: 20px;
            margin-bottom: 10px;
            margin-left: 10px;
            background-color: white;
            border-top: 1px solid #CCCCCC;
            border-left: 1px solid #CCCCCC;
            border-bottom: 1px solid black;
            border-right: 1px solid black;
            }

div#paside3 p {
            font : bold 11px Verdana;
            letter-spacing : 0.1em;
            line-height : 22px;
            color: #FF0099;
            margin-left: 30px;
            margin-top: 15px;
            margin-bottom: 5px;
            text-align: justify
            }

div#paside4 {
            float: right;
            width: 300px;
            height: 130px;
            margin-top: 10px;
            margin-right: 20px;
            margin-bottom: 10px;
            margin-left: 10px;
            border-top: 1px solid #FF99CC;
            border-left: 1px solid #FF99CC;
            border-bottom: 1px solid #FF0099;
            border-right: 1px solid #FF0099;
            background-color: #CC99CC
            }

div#paside4 p {
            font : bold italic 12px Verdana, sans-serif;
            letter-spacing : 0.1em;
            color: white;
            margin-left: 30px;
            line-height : 20px;
            }

div#paside5 {
            float: right;
            width: 227px;
            height: 130px;
            margin-top: 10px;
            margin-right: 20px;
            margin-bottom: 10px;
            margin-left: 10px;
            border-top: 1px solid #CCCCCC;
            border-left: 1px solid #CCCCCC;
            border-bottom: 1px solid black;
            border-right: 1px solid black;
            background-color: #333333
            }

div#paside5 p {
            font : bold italic 12px Verdana, sans-serif;
            letter-spacing : 0.1em;
            color: #FFCC99;
            margin-left: 30px;
            line-height : 20px;
            }

div#paside6 {
            float: left;
            width: 200px;
            height: 300px;
            margin-top: -5px;
            margin-right: 20px;
            margin-bottom: 10px;
            margin-left: 10px;
            background-color: white
            }

div#paside6 p {
            font : bold 12px Verdana;
            letter-spacing : 0.2em;
            line-height : 25px;
            color: black;
            margin-left: 30px;
            text-align: center
            }

div#paside7 {
            float: left;
            width: 350px;
            height: 550px;
            margin-top: -5px;
            margin-right: 20px;
            margin-bottom: 10px;
            margin-left: 10px;
            background-color: white;
            border-right: 1px solid #CCCCCC
            }

div#paside7 p {
            font : bold 12px Verdana;
            letter-spacing : 0.1em;
            line-height : 22px;
            color: black;
            margin-left: 30px;
            text-align: justify
            }


div#img {
          background-color: white;
          color: black;
          padding-left: 10px;
          letter-spacing: 1em
          }

h1 {
   margin: -9px -1px 0.5em;
   padding: 15px 30px 5px 0;
   text-align: left;
   background: white;
   color: black;
   letter-spacing: 0.2em;
   font: bold 33px sans-serif;
   height: 28px;
   vertical-align: middle;
   white-space: nowrap
   }

h2 {
   margin: -9px -1px 0.5em;
   padding: 15px 30px 5px 0;
   text-align: center;
   color: #FFC;
   letter-spacing: 0.1em;
   text-transform: lowercase;
   font: bold 20px sans-serif;
   height: 28px;
   vertical-align: middle;
   white-space: nowrap
   }

h3 {
   padding-bottom: 10px;
   padding-left: 15px;
   text-align: left;
   color: #FF6600;
   letter-spacing: 0.2em;
   font: bold italic 13px sans-serif;
   height: 28px;
   vertical-align: middle;
   white-space: nowrap
   }