@keyframes draw {
  0% {
    stroke-dasharray: 140 540;
    stroke-dashoffset: -474;
    stroke-width: 8px;
  }
  100% {
    stroke-dasharray: 760;
    stroke-dashoffset: 0;
    stroke-width: 3px;
  }
}

/*desine le tour du div***********************************/

@keyframes border {
  0% {
    width: 0;
    height: 0;
  }
  25% {
    width: 100%;
    height: 0;
  }
  50% {
    width: 100%;
    height: 100%;
  }
  100% {
    width: 100%;
    height: 100%;
  }
}
@keyframes borderColor {
  0% {
    border-bottom-color: #79001c;
    border-left-color: #79001c;
  }
  50% {
    border-bottom-color: #79001c;
    border-left-color: #79001c;
  }
  51% {
    border-bottom-color: transparent;
    border-left-color: transparent;
  }
  100% {
    border-bottom-color: #79001c;
    border-left-color: #79001c;
  }
}

/*desine le tour du div***********************************/


/********Animation ZOOM SUR IMAGE 

    img{border:4px solid white; transition: transform 0.8s; 
			
		&:hover{transform: scale(1.2);}
	}
	
********* Animation ZOOM SUR IMAGE */

/********FAIT APPARAITRE UNE LIGNE /*/

  @keyframes appear {
  0% {border-bottom:3px solid transparent;}
  100% {border-bottom:3px solid #79001c;}
}
	
/********* FAIT APPARAITRE UNE LIGNE */


/********* EFFET MACHIEN A ECRIRE */

/* The typing effect */
@keyframes typing {
  from { width: 0 }
  to { width: 100% }
}

/* The typewriter cursor effect */
@keyframes blink-caret {
  from, to { border-color: transparent }
  50% { border-color: orange; }
}

/********* EFFET MACHIEN A ECRIRE */