/* CSS Document */

body {
	margin:0px;
	font-family: Arial, Helvetica, sans-serif;
	background-color:#ffffff;	
	overflow:hidden;
		}


 a{
text-decoration:none;}

 .div_01{
width:19vw;
height:99vh;
background-image: url("img/01.jpg");
background-size: 20vw 100vh;
float:left;
border: 0.5vw solid white;
background-color:#0099cc;
 }

  .div_02{
width:19vw;
height:99vh;
background-image: url("img/02.jpg");
background-size: 20vw 100vh;
float:left;
border: 0.5vw solid white;
background-color:#669933;
 }

  .div_03{
width:19vw;
height:99vh;
background-image: url("img/03.jpg");
background-size: 20vw 100vh;
float:left;
border: 0.5vw solid white;
background-color:#cc9933;
 }

  .div_04{
width:19vw;
height:99vh;
background-image: url("img/04.jpg");
background-size: 20vw 100vh;
float:left;
border: 0.5vw solid white;
background-color:#993399;
 }

  .div_05{
width:19vw;
height:99vh;
background-image: url("img/05.jpg");
background-size: 20vw 100vh;
float:left;
border: 0.5vw solid white;
background-color:#0099cc;
 }

.div_01 img, .div_02 img, .div_03 img, .div_04 img, .div_05 img{
width:90%;
margin-left:5%;
margin-right:5%;
 }


@keyframes slide{
  0% {
    transform: translateY(0%);
  }
  50% {
    transform: translateY(-5%);
    }
}

.div_01:hover, .div_02:hover, .div_03:hover, .div_04:hover, .div_05:hover {

animation: 10s infinite slide; 
background-color:#669933;
 }

 .centrer{
width:300px;
margin-left:auto;
margin-right:auto;
text-align: center;
 }

 .titre{
  background-color:#0099cc;
  color:#FFFFFF;
 }