.listing_portrait{}
.listing_portrait .lesportraits{}
.listing_portrait .lesportraits.portrait_gauche{}
.listing_portrait .lesportraits.portrait_droite{margin-top: 75px;}
.listing_portrait .lesportraits .content_un_portrait{margin: 5px; width: calc(100% - 10px); height: 420px; perspective: 600px; transition : all 0.4s linear; overflow: hidden; display: inline-block;}
.listing_portrait .lesportraits .content_un_portrait .un_portrait{ width: 100%; height: 420px;  display: inline-block; position: relative; overflow: hidden;  transition : all 0.4s linear;}


.listing_portrait .lesportraits .content_un_portrait .un_portrait .portrait_img{position: absolute;   -webkit-perspective: 0;   -webkit-backface-visibility: hidden;  -webkit-transform: translate3d(0,0,0);   visibility:visible;   backface-visibility: hidden; top: 0px; left: 0px; height: 100%; width: 100%; overflow: hidden; transition : all 0.4s linear;}
.listing_portrait .lesportraits .content_un_portrait .un_portrait .portrait_img img{position: absolute; height: 100%; max-width: none;}
.listing_portrait .lesportraits .content_un_portrait .un_portrait .portrait_content{  transition : all 0.4s linear; position: absolute; padding: 10px; height: 100%; width: 100%;  top: 0px; left: 0px; background: #42B6B0;  	-webkit-perspective: 0;    -webkit-backface-visibility: hidden;    -webkit-transform: rotateY(180deg);  transform: rotateY(180deg);   visibility:visible;    backface-visibility: hidden;}
.listing_portrait .lesportraits .content_un_portrait .un_portrait .portrait_content h3{ color:#FFFFFF; padding: 0px; margin: 0px; font: 24px/30px 'Nunito', sans-serif; }
.listing_portrait .lesportraits .content_un_portrait .un_portrait .portrait_content h3 .nom{ font-weight: 900; text-transform: uppercase;}
.listing_portrait .lesportraits .content_un_portrait .un_portrait .portrait_content h3 .prenom{ font-weight: 100; text-transform: uppercase;}
.listing_portrait .lesportraits .content_un_portrait .un_portrait .portrait_content .fonction{ color:#FFFFFF;}
.listing_portrait .lesportraits .content_un_portrait .un_portrait .portrait_content .presentation{ color:#FFFFFF;}

.listing_portrait .lesportraits .content_un_portrait:hover .un_portrait .portrait_content{transform-style: preserve-3d; -webkit-transform: rotateY(0deg); transform: rotateY(0deg);  transition : all 0.4s linear;}

.listing_portrait .lesportraits .content_un_portrait:hover .un_portrait .portrait_img{transform-style: preserve-3d; -webkit-transform: rotateY(180deg); transform: rotateY(180deg);  transition : all 0.4s linear;}

.btn_portrait{width: 263px; border: 1px solid #42B6B0; color:#42B6B0; font: 40px/50px 'Nunito', sans-serif; font-weight: 100; padding: 10px; display: block; margin: 5px;}
.btn_portrait:hover{color: #FFFFFF; background: #42B6B0;}