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

div#preambule {
         width: 99%;
         clear: both;
         text-align: justify;
         font : 11px verdana;
         font-weight : bold;
         letter-spacing : 0.2em
         }

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

div#preambule a:visited {
          color : #FF00cc;
          text-decoration : none
          }

div#preambule a:hover {
          color : #ff99cc
          }

div#preambule p {
          background-color: white;
          font : 11px Verdana;
          font-weight : bold;
          letter-spacing : 0em;
          color: #333333;
          line-height : 16px;
          text-align : justify
          }


div#pied {
         position: relative;
         background-color : #333333;
         width:100%;
         color : white;
         margin-top: 8px
         }

div#pied p {
          font : 10px Verdana;
          font-weight : bold;
          letter-spacing : 0.2em;
          color: #CCCCCC;
          line-height : 25px;
          border-bottom: 1px solid black;
          padding-top: 5px;
          padding-bottom: 10px;
          text-align: center
          }

div#pied a:link {
              color: #FF66CC;
              text-decoration: none
              }

div#pied a:visited {
              color: #FF66CC;
              text-decoration: none
              }

div#pied a:hover {
              color: #ff0099
              }

div#g1 {
          float: left;
          width: 20%;
          margin-top : 2px
          }

div#g2 {
          float: left;
          width: 27%;
          margin-top : 190px
          }

div#dr1 {
       float: left;
       width: 20%;
       margin-top : 1px;
       color: white
       }

div#dr2 {
       float: left;
       width: 25%;
       margin-top : 235px;
       color: white
       }


div#principal {
          float: left;
          margin-top : 20px;
          width: 25%;
          color : #330000;
          background-color : white;
          font : 14px arial;
          font-weight : bold;
          padding-left: 100px
          }

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

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

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

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


 #container {
           position: relative;
           margin:0 auto;
           width: 50%;
           text-align: left
           }

.articlehu {
         margin: 0 0 0 0;
         padding: 0 0 0 15px
         }

.galeriehu {
         margin: 0 0 0 0;
         padding: 0 0 0 112px
         }

.vignettehu a {
          position:absolute;
          display: block;
          width: 200px;
          height: 177px;
          margin: 0 1em 0 0
          }

.vignettehu a:hover {
                position: absolute;
                display: block;
                width: 200px;
                height: 177px;
                margin: 0 1em 0 0
                }

.articleenf {
         float: right;
         margin: 0 0 0 0;
         padding: 0 0 0 15px
         }

.galerieenf {
         margin: 0 0 0 0;
         padding: 0 0 0 112px
         }

.vignetteenf a {
          position:absolute;
          display: block;
          width: 220px;
          height: 249px;
          margin: 0 1em 0 0
          }

.vignetteenf a:hover {
                position: absolute;
                display: block;
                width: 220px;
                height: 249px;
                margin: 0 1em 0 0
                }

.articleani {
         float: right;
         margin: 0 0 0 0;
         padding: 0 0 0 15px
         }

.galerieani {
         margin: 0 0 0 0;
         padding: 0 0 0 112px
         }

.vignetteani a {
          position:absolute;
          display: block;
          width: 225px;
          height: 225px;
          margin: 0 1em 0 0
          }

.vignetteani a:hover {
                position: absolute;
                display: block;
                width: 225px;
                height: 225px;
                margin: 0 1em 0 0
                }

.articleorg {
         float: right;
         margin: 0 0 0 0;
         padding: 0 0 0 15px
         }

.galerieorg {
         margin: 0 0 0 0;
         padding: 0 0 0 112px
         }

.vignetteorg a {
          position:absolute;
          display: block;
          width: 318px;
          height: 201px;
          margin: 0 1em 0 0
          }

.vignetteorg a:hover {
                position: absolute;
                display: block;
                width: 318px;
                height: 201px;
                margin: 0 1em 0 0
                }


.humour a {
        background: url(images/humnb.jpg) no-repeat top left
          }

.humour a:hover {
        background: url(images/humcoul.jpg) no-repeat bottom right;
        z-index: 100
                }

.enfants a {
        background: url(images/feenbj.jpg) no-repeat top left
          }

.enfants a:hover {
        background: url(images/feec.jpg) no-repeat bottom right;
        z-index: 100
                }

.animation a {
        background: url(images/anicancannb.jpg) no-repeat top left
          }

.animation a:hover {
        background: url(images/anicancancoul.jpg) no-repeat bottom right;
        z-index: 100
                }

.organisation a {
        background: url(images/duonbo.jpg) no-repeat top left
          }

.organisation a:hover {
        background: url(images/duoc.jpg) no-repeat bottom right;
        z-index: 100
                }