html {
  height: 100%;
}


body {background-color:#FFFFFF;
      background-image: url(../images/P11.jpg);
      background-size: cover;
      background-attachment: fixed;
      color:#000000;
      font-family:Arial;
      font-size:9pt;
      text-decoration:none;
      min-height: 100%;
      position:relative;padding-bottom: 100px;

}

.champ {color: #000000;
       font-family:Arial;
       font-size:9pt;
       text-decoration:none;
       background-color: #FFFFFF;
       border: 1px solid #000000;
}

.Footer{position: absolute; bottom: -100px;
    height: 100px;
        background-image: url(../images/fondfooter.jpg); 
       font-family:trebuchet, helvetica, sans-serif;;
       font-size:10pt;
       text-decoration:none;
       text-align: center;
       width:1040px;
       
       
}

.Top{background-color:#FFFFFF;
    background-image: url(../images/back.jpg); 
    background-repeat:repeat; 
    background-position:top left; 
    background-attachment: fixed;
    background-position-y: 60px;
    height:100%; 
    color:#000000;
    font-family:Arial;
    font-size:9pt;
    text-decoration:none;
    max-width:1280px;
min-height:100%;
position:relative;
    
}

.Deco{ height:150px;
       font-family:Arial;
       font-size:9pt;
       text-decoration:none;
}

.Titre{ 
text-shadow: 2px 2px 4px black;
}

.Relief{
box-shadow: 6px 6px 6px black;
}

Espace{
    height: 50px;
}

#navigation {
    width:796px;
    height:40px;
    position: fixed;
    top:5px;
    right:10%;
}

#navigation ul{
    padding:0;
    width:796px;
    height:30px;
}

#navigation ul li{
    position:relative;
    list-style:none;
    display:inline-block;
    width: 130px;
    height: 40px; 
    z-index:305;
    box-shadow: 6px 6px 6px black;
}

#navigation ul li a:hover { 
                   background-image: url(../images/men.jpg);
                  }

#navigation ul li a{
    text-decoration: none; 
               display:inline-block;
               width:130px;
               height:40px;
            color:#FFFFFF;
            line-height:40px;
            text-align: center;
            background-image: url(../images/unhovmen.jpg);
            font-family:verdana, serif;
            font-size:15px;
            font-weight:bold;
            font-variant:small-caps ;
                
}

#navigation ul li ul{
    position:absolute;
    top:40px;
    left:0px;
    display:none;
    width:130px;
    height:40px;
    top:40px; 
    left:0px;
}

#navigation ul.niveau1 li.sousmenu:hover ul.niveau2 {
    display:block;
}

.flotteg {
    
    float:left;
}


.flotted {
    
    float:right;
}





#gal ul li{
     position:relative;float:left;top:0px;
     max-width:230px;height:auto; max-height:200px ;padding:30px;list-style:none;
}
/*permet de créer deux lignes*/
#gal ul li:nth-child(16n){clear:left;} 

          
#gal ul li a{
     display:block;overflow:hidden;
     width:230px; height:200px; 
}

          
#gal ul li a img{
     position:absolute;-index:20;
     max-width:230px; height:auto; max-height:200px ;
          margin:0 auto;
       width: 100%;
       text-align:center;
}