#sidebar article.en-bref {
    padding-left: 105px;
}

#sidebar .en-bref .card-body-thumb{
	position: absolute;
	left: 0;
	top: 0;	
	height: 85px;
	width: 85px;
}


    
#sidebar .en-bref .card-body-thumb figure {
	width:100%;
	height:100%;
	overflow:hidden;
	margin-bottom:0;
	border-radius:50%;
}

#sidebar .en-bref .card-body-thumb figure.default {
    background: ;
    }
    
    
#sidebar .en-bref .card-body-thumb a:before{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	content: "";
	background-color: AA;
	z-index: 1;
	opacity:0;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
	border-radius:50%;

}

#sidebar .en-bref:hover .card-body-thumb a:before {
	opacity:0.9;
}

#sidebar .en-bref .card-body-thumb a:after{
	position: absolute;
	height: 32px;
	width: 32px;
	left: 50%;
	top: 50%;
	margin-left: -16px;
	margin-top: -16px;
    text-align: center;
    line-height: 20px;
    z-index: 9;
    content: url(images/picto_loupe.svg);
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

#sidebar .en-bref:hover .card-body-thumb a:after{
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}

#sidebar .en-bref h3{
	position: relative;
	margin-bottom: 7px;
	font-size:1em;
	text-transform:none;
}

#sidebar .en-bref h3 a{
	color: ;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

#sidebar .en-bref:hover h3 a{
	color:  !important;
}


#sidebar .en-bref h4{
	font-size:0.9em;
	position: relative;
	margin-bottom:0;
	color: !important;
	font-weight:500;
}

#sidebar .en-bref h4 a{
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
	color: !important;
}

#sidebar article:hover h4 a{
	color: !important;
}