body{
    background-color: #fffae4;
    background: #fffae4;
    font-family: Georgia, 'Times New Roman', Times, serif;
    }
    *{
        background-color: #fffae4;
        background: #fffae4;
        font-family: Georgia, 'Times New Roman', Times, serif;
      }
.centre{
    width: 1000px;
    
     margin-left: 250px;
     font-family:'Times New Roman', Times, serif;
}
.diaporama{
    margin: 0 auto;
    width: 650px;
    height: 480px;
    background-image: url("./image/08assistance_tech.jpg");
    -webkit-animation-name: diapo1;
    -webkit-animation-duration: 9s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: normal;
     -moz-animation-name: diapo1;
     -moz-animation-name: diapo1;
     -moz-animation-duration: 9s;
     -moz-animation-timing-function: linear;
     -moz-animation-iteration-count: infinite;
     -moz-animation-direction: normal;
     animation-name: diapo1;
     animation-name: diapo1;
     animation-duration: 9s;
     animation-timing-function: linear;
     animation-iteration-count: infinite;
     animation-direction: normal;
}
@-webkit-keyframes diapo1{
    30%{background-image: url("./image/08assistance_tech01.png");}
    33%{background-image: url("./image/08assistance_tech.jpg");}
}
@-moz-keyframes diapo1{
    30%{background-image: url("./image/08assistance_tech01.png");}
    33%{background-image: url("./image/08assistance_tech.jpg");}
}
@keyframes diapo1{
    30%{background-image: url("./image/08assistance_tech01.png");}
    33%{background-image: url("./image/08assistance_tech.jpg");}

}
@media screen and (max-width:680px){
    body{
        background-color: #fffae4;
        background: #fffae4;
        }
    .centre{
        margin-left: 0px;
           text-align: left;
           font-family:'Times New Roman', Times, serif ;
           width:360px;
      }
      .diaporama{
         width: 370px;
         height: 200px;
         text-align: left;
         background-image: url("assist_tech_m.jpg");
         -webkit-animation-name: diapo1;
         -webkit-animation-duration: 5s;
         -webkit-animation-timing-function: linear;
         -webkit-animation-iteration-count: infinite;
         -webkit-animation-direction: normal;
         -moz-animation-name: diapo1;
         -moz-animation-name: diapo1;
         -moz-animation-duration:5s;
         -moz-animation-timing-function: linear;
         -moz-animation-iteration-count: infinite;
         -moz-animation-direction: normal;
         animation-name: diapo1;
         animation-name: diapo1;
         animation-duration: 5s;
         animation-timing-function: linear;
         animation-iteration-count: infinite;
         animation-direction: normal;
    }
    @-webkit-keyframes diapo1{
        30%{background-image: url("assist_tech_m.jpg");}  
        33%{background-image: url("assist_tech_m1.jpg");}
        20%{background-image: url("assist_tech_m2.jpg");}
    }
    
    @-moz-keyframes diapo1{
        30%{background-image: url("assist_tech_m.jpg");}   
        33%{background-image: url("assist_tech_m1.jpg");}
        20%{background-image: url("assist_tech_m2.jpg");}
    }
    @keyframes diapo1{
        30%{background-image: url("assist_tech_m.jpg");}
        33%{background-image: url("assist_tech_m1.jpg");}
        20%{background-image: url("assist_tech_m2.jpg");}
    }
}