/*SLIDESHOW*/
.debut{
display:block;
position:absolute;
z-index:0;
opacity:0;
background-image:url(http://www.lacor.info/programmations/national/acm/2014_jour_le_plus_court/img/acm.gif);
background-repeat:no-repeat;
background-size:cover;
background-position:right bottom;
   -moz-animation: debut 10s ease-out forwards 0s;
    -webkit-animation: debut 10s  ease-out forwards 0s;
    -o-animation: debut1 10s ease-out forwards 0s;
    -ms-animation: debut 10s ease-out forwards 0s;
    animation: debut 10s ease-out forwards 0s;
}

@-moz-keyframes debut {
   0%  {opacity:1;}
   100% {opacity:0;}
}
@-webkit-keyframes  debut {
   0%  {opacity:1;}
   100% {opacity:0;}
}
@-o-keyframes  debut {
   0%  {opacity:1;}
   100% {opacity:0;}
}
@-ms-keyframes  debut{
   0%  {opacity:1;}
   100% {opacity:0;}
}
@keyframes  debut {
   0%  {opacity:1;}
   100% {opacity:0;}
}

.roppert{ 
display:block;
position:absolute;
z-index:0;
background-image:url(http://www.lacor.info/programmations/national/acm/2014_jour_le_plus_court/img/axelle_ropert.jpg);
background-repeat:no-repeat;
background-size:cover;
opacity:0;
background-position:center;
    -moz-animation: roppert 10s ease forwards 0s;
    -webkit-animation: roppert 10s  ease forwards 0s;
    -o-animation: roppert 10s  ease forwards 0s;
    -ms-animation: roppert 10s  ease forwards 0s;
    animation: roppert 10s  ease forwards 0s;
    
     -moz-animation-delay: 6s;
    -webkit-animation-delay:6s;
    -o-animation-delay: 6s;
    -ms-animation-delay: 6s;
    animation-delay:6s;
}

@-moz-keyframes roppert{
   0%  {opacity:0;}
   50% {opacity:.3;}
   100% {opacity:0;}
}
@-webkit-keyframes roppert{
  0%  {opacity:0;}
      50% {opacity:.3;}
   100% {opacity:0;}
}
@-o-keyframes roppert{
  0%  {opacity:0;}
      50% {opacity:.3;}
   100% {opacity:0;}
}
@-ms-keyframes roppert{
   0%  {opacity:0;}
      50% {opacity:.3;}
   100% {opacity:0;}
}
@keyframes roppert{
  0%  {opacity:0;}
      50% {opacity:.3;}
   100% {opacity:0;}
}

.forgeard{ 
display:block;
position:absolute;
opacity:0;
z-index:0;
background-image:url(http://www.lacor.info/programmations/national/acm/2014_jour_le_plus_court/img/benoit_forgeard.jpg);
background-repeat:no-repeat;
background-size:cover;
background-position:bottom;
    -moz-animation: forgeard 15s linear forwards 19s;
    -webkit-animation: forgeard 10s linear forwards 19s;
    -o-animation: forgeard 15s linear forwards 19s;
    -ms-animation: forgeard 15s linear forwards 19s;
    animation: forgeard 15s linear forwards 19s;
}

@-moz-keyframes forgeard{
    0% {opacity:0;}
   45% {opacity:.3;}
   70% {opacity:1;}
   75% {opacity:.3;}
   100% {opacity:0;}
}
@-webkit-keyframes forgeard{
    0% {opacity:0;}
   45% {opacity:.3;}
   70% {opacity:1;}
   75% {opacity:.3;}
   100% {opacity:0;}
}
@-o-keyframes forgeard{
   0% {opacity:0;}
   45% {opacity:.3;}
   70% {opacity:1;}
   75% {opacity:.3;}
   100% {opacity:0;}
}
@-ms-keyframes forgeard{
    0% {opacity:0;}
   45% {opacity:.3;}
   70% {opacity:1;}
   75% {opacity:.3;}
   100% {opacity:0;}
}
@keyframes forgeard{
     0% {opacity:0;}
   45% {opacity:.3;}
   70% {opacity:1;}
   75% {opacity:.3;}
   100% {opacity:0;}
}


.hue{ 
display:block;
position:absolute;
opacity:0;
z-index:0;
background-image:url(http://www.lacor.info/programmations/national/acm/2014_jour_le_plus_court/img/hue_jean_charles_2014%C2%A9dr.jpg);
background-repeat:no-repeat;
background-size:cover;
background-position:left top;
    -moz-animation: hue 11s linear forwards 33s;
    -webkit-animation: hue 11s linear forwards 33s;
    -o-animation: hue 11s linear forwards 33s;
    -ms-animation: hue 11s linear forwards 33s;
    animation: hue 11s linear forwards 31s;
}

@-moz-keyframes hue{
   0%  {opacity:0;}
   57% {opacity:.3;}
   60% {opacity:1;}
   67% {opacity:.2;}
   100% {opacity:0;}
}
@-webkit-keyframes hue{
     0%  {opacity:0;}
   57% {opacity:.3;}
   60% {opacity:1;}
   67% {opacity:.2;}
   100% {opacity:0;}
}
}
@-o-keyframes hue{
      0%  {opacity:0;}
   57% {opacity:.3;}
   60% {opacity:1;}
   67% {opacity:.2;}
   100% {opacity:0;}
}
@-ms-keyframes hue{
     0%  {opacity:0;}
   57% {opacity:.3;}
   60% {opacity:1;}
   67% {opacity:.2;}
   100% {opacity:0;}
}
@keyframes hue{
      0%  {opacity:0;}
   57% {opacity:.3;}
   60% {opacity:1;}
   67% {opacity:.2;}
   100% {opacity:0;}
}

 
.fin{ 
display:block;
position:absolute;
z-index:0;
opacity:0;
background-image:url(http://www.lacor.info/programmations/national/acm/2014_jour_le_plus_court/img/jour_le_plus_court.jpg);
background-repeat:no-repeat;
background-size:cover;
background-position:center bottom;
    -moz-animation: fin 10s ease-in forwards 52s;
    -webkit-animation: fin 10s ease-in  forwards 52s;
    -o-animation: fin 10s ease-in  forwards  52s;
    -ms-animation: fin 10s ease-in  forwards 52s;
    animation: fin 10s ease-in  forwards 52s;
}

@-moz-keyframes fin {
   0%  {opacity:0;}
   100% {opacity:1;}
}
@-webkit-keyframes fin {
   0%  {opacity:0;}
   100% {opacity:1;}
}
@-o-keyframes fin {
   0%  {opacity:0;}
   100% {opacity:1;}
}
@-ms-keyframes fin {
   0%  {opacity:0;}
   100% {opacity:1;}
}
@keyframes fin {
   0%  {opacity:0;}
   100% {opacity:1;}
}