*{
      font-family: 'Bad Script', cursive;
}

body{
      background-color:#D8DFD7;
} 

/*bannière*/

#up{
      margin:30px;
      display:absolute;
      padding:auto;
      border: 2px solid #fff;
      text-align:center;
      border-radius:10px;
      background-color:#879089;
      box-shadow: 7px 7px 11px 0px rgba(119, 119, 119, 0.51);
      -moz-box-shadow: 7px 7px 11px 0px rgba(119, 119, 119, 0.51);
      -webkit-box-shadow: 7px 7px 11px 0px rgba(119, 119, 119, 0.51);}


#up h1{
    color: #fff;
    text-shadow: 1px 1px #555;

}

/*navigation*/

nav li{
      display:inline-block;
      width:155px;
      height:45px;
      Border-radius:3px;
      margin:7px; 
      text-align:center;
      padding-top:11px;
      font-size:1.25em;      
      background-color:#C60800;
      box-shadow:
      0px 5px 5px 0px rgbabackground-color:#555;
      box-shadow:
      0px 5px 5px 0px rgba(0, 0, 0, 0.5),
      0px 5px 5px 0px rgba(255, 255, 255, 0.5) inset;
      -moz-box-shadow:
      0px 5px 5px 0px rgba(0, 0, 0, 0.5),
      0px 5px 5px 0px rgba(255, 255, 255, 0.5) inset;
      -webkit-box-shadow:
      0px 5px 5px 0px rgba(0, 0, 0, 0.5),
      0px 5px 5px 0px rgba(255, 255, 255, 0.5) inset}

nav li a{
      font-weight:bold;      
      color:white;
      text-decoration:none;
      text-shadow:1px 1px black; 
      display:block;     
}

.selection{
      font-weight:light;
      display:inline-block;
      width:145px;
      height:45px;
      Border-radius:3px;
      margin:7px; 
      text-align:center;
      padding-top:11px;
      font-size:1.15em;
      background-color:#C60800;
      box-shadow: inset 0px 5px 5px 0px rgba(0, 0, 0, 0.5);
      -moz-box-shadow: inset 0px 5px 5px 0px rgba(0, 0, 0, 0.5);
      -webkit-box-shadow: inset 0px 5px 5px 0px rgba(0, 0, 0, 0.5);
      }



li{
      margin:auto;
}

nav{
      text-align:center;     
}

div{
      margin:10px;
} 


#corpus{
      background-color:white;
      padding:15px;
      border-radius:10px;
      border:2px solid #555;
      margin:30px;
      font-size:22px;
      display:none;
      
}

.imageflottante{
      float:left;
      margin:15px;
      margin-right: 30px;
      box-shadow: 3px 3px 1px 1px rgba(0,0,0,0.2);
      max-width: auto;
      max-height: 100%;
}

.image{
    max-width: 100%;
}

/*
#container{
      padding:0px;
      position:absolute;
      min-heigth:400px;
      width:auto;
      margin:30px;
      display:transparent;
}
*/

/*Sous menu glissé*/

.active{
      display:inline-block;
}
    

#footer {
    margin:1000px,40px,40px,40px;
    text-align: right;
    font-size: 1.2em;
    font-weight: bold; 
    float:none;
}

#footer a{
    text-decoration: none;
    color: #333;
    text-shadow: 1px 1px #fff;
}

#footer a:hover{
    color: #000;
}