#conteneur{
    display: block;
    height: auto;
    border: 2px solid #eeeeee;
    overflow: auto;
}

/*
  .td_menu_1 :hover{
    background: #5a5;
  }*/
  /*
  .td_menu_1 :focus{
    background: #ccc;
  }*/

  
       
  .anim_apparition_rot10 {
    animation-name: fade_rot10;
    animation-duration: 1s;
  }
  @keyframes fade_rot10 {
    from {opacity: 0 ; transform: rotate3d(1,1,-1,10deg);} 
    to {opacity: 1;}
  } 
  .anim_apparition_rot30 {
    animation-name: fade_rot30;
    animation-duration: 4s;
  }
  @keyframes fade_rot30 {
    from {opacity: 0 ; transform: rotate3d(1,1,-1,30deg);} 
    to {opacity: 1;}
  } 

  .anim_apparition_scal {
    animation-name: fade_scal;
    animation-duration: 3s;
  }
  @keyframes fade_scal {
    from {opacity: 0 ; transform: scale(0.3);} 
    to {opacity: 1;}
  } 

  .anim_apparition_opacity {
    animation-name: fade_opacity;
    animation-duration: 7s;
  }
  @keyframes fade_opacity {
    from {opacity: 0 ;} 
    to {opacity: 1;}
  } 

  .anim_apparition_scal_continue_5 {
    animation: fade_scal_continue 5s infinite;
  }
  .anim_apparition_scal_continue_10 {
    animation: fade_scal_continue 10s infinite;
  }
  @keyframes fade_scal_continue {
    0% {opacity: 0.2 ; transform: scale(0.3);} 
    20% {opacity: 1; transform: scale(1);}
    100% {opacity: 1; transform: scale(1);}
  } 



  .anim_apparition_1 {
    animation-name: fadeqse;
    animation-duration: 3s;
  }
  @keyframes fadeqse {
    from {opacity: 0 ; /*padding-right: 100%;*/} 
    to {opacity: 1; /*padding-right: 0px;*/}
  } 






  .anim_fade_logo {
    animation: animationFade_logo 20s infinite;
  }

@keyframes animationFade_logo {
  0% {
    opacity: 0.5;
    transform: scale(0.8);
  }
  
  5% {
    transform: scale(0.85);
  }
  
  10% {
      transform: scale(0.9);
  }
  
   15% {
    opacity: 1;
      transform: scale(0.95);
  }
  
  20% {
    transform: scale(1);
  }
  80% {
    transform: scale(1);
  }
  85% {
    transform: scale(1);
    transform: rotate(180deg);
  }
  
  90% {
    transform: scale(1);
    opacity: 1;
  }
  
  95% {
    transform: scale(0.8);
  }
  
  100% {
    opacity: 0.3;
    transform: scale(0.8);
  }
}





  .anim_fade_logo_photo_dres_1 {
    animation: anim_fade_logo_photo_dres_a 20s infinite;
  }

@keyframes anim_fade_logo_photo_dres_a {
  0% {
    height: 0px;
  }
  
  45%{    
    height: 0px;
    transform: rotate(0deg);
    opacity: 1;
  }
  50%{    
    height: 0px;
    transform: rotate(180deg);
  }
  55%{    
    height: 98px;
    transform: rotate(0deg);
    transform: scale(1);
  }
  
  80% {
    opacity: 1;
  }
  90% {
    height: 98px;
    transform: scale(1);
  }
  100% {
    height: 98px;
    transform: scale(0);
    opacity: 0.3;
  }
}






  .anim_fade_logo_photo_dres_2 {
    animation: anim_fade_logo_photo_dres_b 20s infinite;
  }

@keyframes anim_fade_logo_photo_dres_b {
  0% {
    opacity: 0.5;
    transform: scale(0);
  }
  
  
   15% {
    opacity: 1;
  }
  
  20% {
    transform: scale(1);
  }
  45%{    
    height: 98px;
    transform: rotate(0deg);
  }
  50%{    
    height: 98px;
    transform: rotate(180deg);
  }
  55%{    
    height: 0px;
    transform: rotate(0deg);
  }
  
  100% {
    height: 0px;
  }
}
  .anim_fade_logo_photo_dres_3 {
    animation: anim_fade_logo_photo_dres_c 20s infinite;
  }

@keyframes anim_fade_logo_photo_dres_c {
  0% {
    opacity: 0.5;
    transform: scale(0);
  }
  
  
   15% {
    opacity: 1;
  }
  
  20% {
    transform: scale(0.5);
  }
  45%{    
    transform: scale(1);
    height: 98px;
    transform: rotate(0deg);
  }
  50%{    
    height: 98px;
    transform: rotate(180deg);
  }
  55%{    
    height: 0px;
    transform: rotate(0deg);
  }
  
  100% {
    height: 0px;
  }
}



  .anim_menu_1 {
    animation-name: anim_menu_a;
    animation-duration: 2s;
  }
  @keyframes anim_menu_a {
    from {opacity: 0 ;} 
    to {opacity: 1;}
  } 

  .anim_menu_2{
    animation-name: anim_menu_b;
    animation-duration: 0.5s;
  }
  @keyframes anim_menu_b {
    from {opacity: 0 ; width: 0px;} 
    to {opacity: 1; }
  } 


  .anim_menu_3 {
    animation-name: anim_menu_c;
    animation-duration: 0.5s;
  }
  @keyframes anim_menu_c {
    from {opacity: 0 ; width: 0px;} 
    to {opacity: 1; }
  } 








  /* Animation property */
.anim_bouton_1 {
  animation: wiggle_a 2s linear infinite;
}

/* Keyframes */
@keyframes wiggle_a {
  0%, 7% {
    transform: rotateZ(0);
  }
  15% {
    transform: rotateZ(-15deg);
  }
  20% {
    transform: rotateZ(10deg);
  }
  25% {
    transform: rotateZ(-10deg);
  }
  30% {
    transform: rotateZ(6deg);
  }
  35% {
    transform: rotateZ(-4deg);
  }
  40%, 100% {
    transform: rotateZ(0);
  }
}







  .anim_apparition_scal_continue_URGENT {
    animation: fade_scal_continue_URGENT 15s infinite;
    margin-left: 20px;
  }
  @keyframes fade_scal_continue_URGENT {
    0% {margin-left: 100%; opacity: 0.4;} 
    10% {margin-left: 0%; opacity: 1;}
    15% {margin-left: 20px; opacity: 1;}
    15% {visibility: visible;}
    16% {visibility: hidden;}
    20% {visibility: hidden;}
    21% {visibility: visible;}
    25% {visibility: visible;}
    26% {visibility: hidden;}
    30% {visibility: hidden;}
    31% {visibility: visible;}
    35% {visibility: visible;}
    36% {visibility: hidden;}
    40% {visibility: hidden;}
    41% {visibility: visible;}
    100% {opacity: 1;}
  }