.contenu
{
 background-color: #f3f3f3;
 height:auto;

 margin-left:300px;
padding:420px 5px;
 margin-right:430px;
 }
.top
{
 margin-left:300px;
 
height:0px;
 margin-right:430px;
 }
 
.bandeau{
float:none;
position: absolute; z-index: 4;
 top: 0.5em;
  right: 0em;
  background-image: url('fondban.jpg');
  width:230px;
height:3100px;
opacity :0.6;

}
ul
{
float:left;
clear:both;
}
@font-face { 	font-family: "Lintel-Regular"; 	src: url('Lintel-Regular.otf'); }
body	
{
background-color:#f3f3f3;
font-family: "Lintel-Regular";

}
#menu-accordeon {
  padding:;
  margin:12px;
  list-style:none;
  text-align: center;
  width: 180px;
  height:180px;
}
#menu-accordeon ul {
  padding:0;
  margin:40px;
  list-style:none;
  text-align: center;
}
#menu-accordeon li {
   background-color:#ffffff; 
  border-radius: 6px;
   margin-bottom:5px;
   
   box-shadow: 3px 3px 3px #999;

}
#menu-accordeon li li {
 text-align: center;
   max-height:0;
   overflow: hidden;
   transition: all .5s;
   border-radius:2px;
  font-size: larger;

   border:none;
   margin:1px;
}
#menu-accordeon a {
  display:block;
  text-decoration: none;
  color: #282828;
  padding: 8px 0;
  font-family: Lintel-Regular;
  font-size:1.2em
}
#menu-accordeon ul li a, #menu-accordeon li:hover li a {
  font-size:1em
}
#menu-accordeon li :hover {
   background: #ffffff;
   opacity:0.7;
}
#menu-accordeon li li:hover {
   background: #999;
}
#menu-accordeon ul li:last-child {
   border-radius: 0 0 6px 6px;
   border:none;
}
#menu-accordeon li:hover li {
  max-height: 15em;
}
.grayscale img
{
        filter: grayscale(1);
        -webkit-filter: grayscale(1);
        -moz-filter: grayscale(1);
        -o-filter: grayscale(1);
        -ms-filter: grayscale(1);
}
.grayscale img:hover
{
        filter: grayscale(0);
        -webkit-filter: grayscale(0);
        -moz-filter: grayscale(0);
        -o-filter: grayscale(0);
        -ms-filter: grayscale(0);
}
.\-6u { margin-left: 50% }