.BlocHowTo{
	width : 213px;
	height : 213px;
	margin : 1%;
	padding : 1%;
	border-radius : 19px;
    position: relative;
	display : inline-block;
	vertical-align : top;
	overflow : hidden;
}

.BlocHowTo img{
	width: 100%;
	transition: all 2s ease;
}

.BlocHowTo:hover{
	overflow : visible;
}

.BlocHowTo p {
	display : none;
	position: absolute;
	top: 41%;
	left: 0%;
	color: #fff;
	margin : 1%;
	padding : 1%;
}
        
.BlocHowTo:hover p {
	left: 1%;
	display : block;
	font-size : 0.719em;
	text-align : justify;
}

.BlocHowTo:hover img {
	transform: translateY(-51%);
}
        
.BlocHowTo:hover .description{
	top: 23%;
}

.BlocHowTo .description{
        width: 100%;
		min-height : 23px;
        height: 9%;
        background: rgba(119, 71, 71, 0.719);
		color : white;
        display: block;
        position: absolute;
        top: 41%;
        left: 0;
		text-align : center;
        transition: all 0.3s ease-in-out;
		border-radius : 19px;
		font-weight : bold;
		font-size : 1.19em;
}

.BlocHowTo:hover .description{
	height : 77%;
	border-radius : 19px;
}

a .BlocHowTo{
	display : inline-block;
}