/* CSS Document */
table {margin:auto;}
     ul ul {display: none;}
     li:hover ul.niveau2, li li:hover ul.niveau3 {display:block;}
     li img {height:10px;}
     .flotte {float:left;}
     .centrage {text-align: center;}
     .menu {background-color:#EEEEEE;border:2px solid red;}
     a img {border: none;}
     /*#bandeau {top:25px;margin:auto;width:100%;height:auto;overflow:hidden;}*/ 
     /*#bandeau{width:80%;height:150px;border:2px solid green;margin:0 auto;background-image:url(banniere41.jpg);}*/
     #bandeau{width:80%;height:160px;margin:auto auto;background-image:url(banniere41.jpg);overflow:visible;zindex:2;border:0px solid red;}     
      #left
      {float:left;width:20%;height:50px; margin-top:40px;
       text-align:center;color:blue;font-size:48px;font-family:"Comic Sans MS";
       -ms-transform: rotate(-30deg); /* IE 9 */
       -webkit-transform: rotate(-30deg); /* Chrome, Safari, Opera */
       transform: rotate(-30deg);
       /*border:2px solid blue;*/
      }
      #right                              
      {float:right;width:20%;height:25px; margin-top:60px;
       text-align:center;
       -ms-transform: rotate(30deg); /* IE 9 */
       -webkit-transform: rotate(30deg); /* Chrome, Safari, Opera */
       transform: rotate(30deg);
      /* border:2px solid blue;*/
      }
      #center{margin:30px auto;width:60%;text-align:center;font-size:24px;/*border:2px solid blue;*/}
     #corps {margin:auto;width:100%;height:auto; position:absolute; overflow:hidden; z-index:1;border:5px solid green;}/*border:5px solid green;}*/
      #deroul {width:80%; height:auto; text-align:center; margin-left:10%;float:left; overflow:hidden;background-image:url(banniere3.jpg);z-index:2;}/*ajout z-index*/
    /*#deroul {background-image:url(banniere3.jpg);width:80%; height:auto; text-align:center; margin-left:10%;float:left; overflow:hidden;z-index:2;} */           
     #liste {background-color:#EEEEEE;width:80%; margin-left:10%; padding:auto; height:auto; text-align:center; float:left; overflow:hidden;border:2px solid red;z-index:2;}/*}display:none; ajout de z-index*/
     #Essais {
  width: 100px;
  height: 100px;
  /*background-color: red;*/
  /*border: 2px solid black;*/
  position: relative;
  /*animation-name: example;
  animation-duration: 4s;*/
}

@keyframes example {
  0%   {/*background-color:red; border: 2px solid black;*/left:0px; top:0px;}
  25%  {/*background-color:yellow; border: 2px solid black;*/left:200px; top:0px;}
  50%  {/*background-color:blue; border: 2px solid black;*/left:200px; top:200px;}
  75%  {/*background-color:green; border: 2px solid black;*/ left:0px; top:200px;}
  100% {/*background-color:red; border: 2px solid black;*/left:0px; top:0px;}
}
     
     /*#travail {background-color:#DDDDDD;width:100%; clear:both; height:100px;}*//*border:5px solid red;} */
     body {font-family:Verdana, Arial, Helvetica;font-size:small;}