.listing_portrait{}
.listing_portrait .lesportraits{}
.listing_portrait .lesportraits.portrait_gauche{}
.listing_portrait .lesportraits.portrait_droite{margin-top: 25px;}
.listing_portrait .lesportraits.portrait_centre{margin-top: 50px;}
.listing_portrait .lesportraits .content_un_portrait{margin: 5px; width: calc(100% - 10px); height: 490px; perspective: 600px; transition : all 0.4s linear; overflow: hidden; display: inline-block;}
.listing_portrait .lesportraits .content_un_portrait .un_portrait{ width: 100%; height: 460px;  display: inline-block; position: relative; overflow: hidden;  transition : all 0.4s linear;border-top-left-radius: 50px;border-bottom-right-radius: 50px;}


.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{ object-fit: cover; width: 100%;  height: 100%;  transition: transform .7s ease; /* 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: #F5F1EB;  	-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{ font-size: 20px; font-weight: 300; color:#A13F28; text-transform: uppercase; letter-spacing: 0px; text-align: left; margin: 0px;}
.listing_portrait .lesportraits .content_un_portrait .un_portrait .portrait_content h3 .nom{ font-weight: 100; text-transform: uppercase;}
.listing_portrait .lesportraits .content_un_portrait .un_portrait .portrait_content h3 .prenom{ font-weight: 900; text-transform: uppercase;}
.listing_portrait .lesportraits .content_un_portrait .un_portrait .portrait_content .fonction{font-size: 14px; font-weight: 700; text-transform: uppercase;}
.listing_portrait .lesportraits .content_un_portrait .un_portrait .portrait_content .presentation{font-size: 14px; color:#75695D; }

.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;}