#texte .image1 {
  width:200px;
  position:absolute; 
 display:inline-block;
 top:250px;
 left:480px;
}

#texte .image2 {
   width:180px;
  position:absolute; 
 display:inline-block;
 top:255px;
 left:480px;
}


.quote h3 {
  font-size:18px;
}

.quote {
  position: relative;
  width: 250px;
  height:125px;
  padding: 10px 20px 20px 15px;
  margin: 1rem auto;
  font-family:  Arial, serif;
  color: #fff;
  background: rgb(63,165,235);
  border-radius: 1rem;
  font-size:17px;
  left:-230px;
     -webkit-animation: mymove 1s ; /* Safari 4.0 - 8.0 */
    animation: mymove 1s ;
    
    animation-fill-mode: forwards;
    opacity:0;
    
 
}

.quote:after {
  content: "";
  position: absolute;
  top: 100%;
  right:25px;
  border-width: 30px 0 0 30px;
  border-style: solid;
  border-color: rgb(63,165,235) transparent;     
}



/* Safari 4.0 - 8.0 */
@-webkit-keyframes mymove {
     0%   {opacity:0;}    
    100% {opacity:1;}
}

/* Standard syntax */
@keyframes mymove {
       0%   {opacity:0;}    
    100% {opacity:1;}
}



.quote2 {
  position: relative;
  width: 250px;
  height:125px;
  padding: 10px 15px 25px 20px;
  margin: 1rem auto;
  font-family:  Arial, serif;
  color: #fff;
  background: rgb(110,201,25);
  border-radius: 1rem;
  font-size:17px;
  left:220px;
  top:-100px;
    -webkit-animation: mymove 1s; /* Safari 4.0 - 8.0 */
    animation: mymove 1s ;
    animation-delay:2s;
    animation-fill-mode: forwards;
    opacity:0;
   
}

.quote2:after {
  content: "";
  position: absolute;
  top:70%;
  left:-10%;
  border-width: 0 0 30px 30px;
  border-style: solid;
  border-color: rgb(110,201,25) transparent;
}







.quote3 {
  position: relative;
  width: 250px;
  height:125px;
  padding: 10px 15px 10px 20px;
  margin: 1rem auto;
  font-family:  Arial, serif;
  color: #fff;
  background: rgb(249,134,7);
  border-radius: 1rem;
  font-size:17px;
  left:220px;
  top:-40px;
   -webkit-animation: mymove 1s; /* Safari 4.0 - 8.0 */
    animation: mymove 1s ;
    animation-delay:4s;
    animation-fill-mode: forwards;
    opacity:0;
}





.quote3:after {
  content: "";
  position: absolute;
  top:20%;
  left:-10%;
  border-width: 30px 0 0 30px;
  border-style: solid;
  border-color: rgb(249,134,7) transparent;
}

.quote4 {
  position: relative;
  width: 250px;
  height:125px;
  padding: 10px 15px 20px 20px;
  margin: 1rem auto;
 font-family:  Arial, serif;
  color: black;
  background: #ffc;
  border-radius: 1rem;
  font-size:17px;
  left:-230px;
  top:-100px;
  -webkit-animation: mymove 1s; /* Safari 4.0 - 8.0 */
    animation: mymove 1s ;
    animation-delay:6s;
    animation-fill-mode: forwards;
    opacity:0;
}

.quote4:after {
  content: "";
  position: absolute;
  top: -18%;
  right:25px;
  border-width: 0 0 30px 30px;
  border-style: solid;
  border-color: #ffc transparent;
}




.acces, .acces2 {
  position:relative;
  width:190px;
  height:auto;
  padding:10px 10px;
  border:1px solid black;
  top:-400px;
  left:260px;
  font-size:20px;
   -webkit-animation: mymove 1s; /* Safari 4.0 - 8.0 */
    animation: mymove 1s ;
    animation-delay:8s;
    animation-fill-mode: forwards;
    opacity:0;
    background-color:white;
    cursor:pointer;
   /* background-image:url("../images/Etablissements/RELIANCE/reliance.jpg"); */
  }


.acces:hover, .acces2:hover {
  background-color: lightgrey;

  -webkit-box-shadow: 3px 3px 3px #666666;
  -moz-box-shadow: 3px 3px 3px #666666;
  box-shadow: 3px 3px 3px #666666; 
 

}

.acces a, .acces2 a {
  text-decoration:none;
  color:black;
  font-family:"Comic sans ms", verdana, sans-serif;
}