/* CSS Document */

.blockRecetteMois h3{
	display:flex;
	flex-direction:column;
	justify-content:flex-end;
	transition: all 0.2s ease-in-out 0s;	
	}
	
.blockRecetteMois img{
	opacity:0.7;
	transition: all 0.2s ease-in-out 0s;
	}
	
.blockRecetteMois .sousTitre{
	transition: all 0.2s ease-in-out 0s;
	}
	
	
	
.blockRecetteMois:hover h3{
	color:#82bc00;
	transition: all 0.2s ease-in-out 0s;	
	}
	
.blockRecetteMois:hover img{
	opacity:1;
	transition: all 0.2s ease-in-out 0s;
	}
	
.blockRecetteMois:hover .sousTitre{
	background-color:#82bc00;
	transition: all 0.2s ease-in-out 0s;
	}
	
.recettebtn,.recettebtn:hover {
	width:inherit;
	display:inline;
	padding-left:40px;
	padding-right:40px;
	}
	
.blockRecetteCategorie{
	padding-top: 40px;
    padding-bottom: 20px;
    margin-bottom: 25px;
	border-left:3px solid rgb(241,244,246);
	transition: all 0.2s ease-in-out 0s;
	cursor:pointer;
	}
	
.blockRecetteCategorie:Hover{
	border-left:3px solid #82bc00;
	transition: all 0.2s ease-in-out 0s;
	}
	
.blockRecetteCategorie:hover.lightgrey{
	background-color:#FFFFFF;
	transition: all 0.2s ease-in-out 0s;
	}
	
.blockRecetteCategorie:hover h3{
	color:#82bc00;
	transition: all 0.2s ease-in-out 0s;
	}
	
	
.sousTitreRecette{
	color:#82bc00;
	transition: all 0.2s ease-in-out 0s;
	}
	
.titreRecette{
	display:flex;
	flex-direction:column;
	justify-content:flex-end;
	transition: all 0.2s ease-in-out 0s;
	}
	
.viewRecette{
		display:none;
	}

.viewRecette img{
	opacity:0.7;
	transition: all 0.2s ease-in-out 0s;	
	}
	
	
.viewRecette .col-md-3:hover .sousTitreRecette{
	color:rgb(80,80,80);
	transition: all 0.2s ease-in-out 0s;
	}
	
.viewRecette .col-md-3:hover .titreRecette strong{
	display:flex;
	flex-direction:column;
	justify-content:flex-end;
	transition: all 0.2s ease-in-out 0s;
	color:#82bc00;
	}

.viewRecette .col-md-3:hover img{
	opacity:1;
	transition: all 0.2s ease-in-out 0s;	
	}	
	
.viewRecette .col-md-3{
	margin-bottom:40px;
	}	
.containerImgRecette{
	overflow:hidden;
	}