body
{
	margin: 0;
	padding: 0;
	font-family: Helvetica, Arial, Ubuntu, sans-serif;
	
}
html{
	height: 100%;
	width: 100%;
}

.contenu{
	height: 650px;
	width: 850px;
}


p.hover{
	width: 250px;
	height: 130px;
	text-align: center;
	margin-bottom: 2px;
	margin: auto;
	font-size: 60px;

}

p.white{
	margin-left: 200px;
	font-size: 18px;
	width: 150px;
	height: 100px;
	
	
	
}

p.white2{

	margin-right: 20px;
	float: top left;
	font-size: 15px;	
	margin-left: 500px;
	width: 110px;
	height: 70px;
	
}

.white3{
	margin-right: 20px;
	text-align: center;
	font-size: 25px;	
	margin-left: 200px;
	
	
}

span { display: none; }

    .hover:hover .outil {
     transition: 7s;
     transform-origin: center;
     transform: scale(0.75);
     display: block;
     margin-top: 130px;
     margin-left: -250px; 
     z-index: -1;

      }

      .hover:hover .white3 {
      	transition: 2s;
      	 transform-origin: center;
     transform: scale(0.30);
     display: block;
     margin-top: 50px
      }
      

    .white:hover .rouge {
  
     display: block;

      }

	.white2:hover .beau {
		
		display: block;
	}

	.white3:hover .brou{
		display: block;
		margin-left: 150px;
		margin-bottom: -100px;
		z-index: -1; 
	}