
.ContentEquipe{display: block; width: 100%; height: 300px; }
.ContentEquipe .ListingEquipe{position: absolute; height: 300px; width: 100%; left: 50%; top: 50%; transform: translateY(-50%); background: #FFFFFF; border-left: 1px solid  #e7e7e7; border-top: 1px solid  #e7e7e7;  border-bottom: 1px solid  #e7e7e7; box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; }

.ContentEquipe .ListingEquipe .UnMembre{position: absolute; padding: 20px; top: 0px; left: 50%; z-index: 1; opacity: 0; width: calc(50% - 40px); height: 260px; background: #FFFFFF; }
.ContentEquipe .ListingEquipe .UnMembre:first-child{opacity: 1; z-index: 99 !important; left: 0%;}
.ContentEquipe .ListingEquipe .UnMembre:nth-child(2){opacity: 0.25; z-index: 99 !important; }

.ContentEquipe .ListingEquipe .UnMembre h3{font:24px/30px 'Barlow', sans-serif; font-weight:700; position: relative;}
.ContentEquipe .ListingEquipe .UnMembre h3::after{ content:"."; font:24px/30px 'Barlow', sans-serif; color:#009fe3;}
.ContentEquipe .ListingEquipe .UnMembre h3::before{content:""; background:#009fe3; position: absolute; bottom: -12px; left: 0px; height: 4px; width: 80px; z-index: 1; margin-top: 20px;}
.ContentEquipe .ListingEquipe .UnMembre .fonction{font:20px/24px 'Barlow', sans-serif; font-weight:300;}
.ContentEquipe .ListingEquipe .UnMembre p{font:15px/22px 'Barlow', sans-serif; font-weight:300;color:#0d0c1c;}
/*
* NAVIGATION
*/
.EquipeNavigation{position: absolute; bottom: -30px; left: calc(50% - 30px); background: #009fe3; height: 60px; width: 60px; border-radius: 30px; z-index: 991; }

.EquipeNavigation .NextEquipe{position: absolute; top: 0px; right: 0px; height: 60px; width: 30px; border-top-right-radius: 30px; border-bottom-right-radius: 30px; display: block;}
.EquipeNavigation .NextEquipe::before{content: "";  -webkit-mask: url('../img/Next.svg') no-repeat 50% 50%;  mask: url('../img/Next.svg') no-repeat 50% 50%; width: 20px; height: 20px; background: #FFFFFF; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%);}

.EquipeNavigation .PreviousEquipe{position: absolute; top: 0px; left: 0px; height: 60px; width: 30px; border-top-left-radius: 30px; border-bottom-left-radius: 30px; display: block;}
.EquipeNavigation .PreviousEquipe::before{content: "";  -webkit-mask: url('../img/Previous.svg') no-repeat 50% 50%;  mask: url('../img/Previous.svg') no-repeat 50% 50%; width: 20px; height: 20px; background: #FFFFFF; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%);}

.EquipeNavigation .NextEquipe:hover, .EquipeNavigation .PreviousEquipe:hover{background: #71d3fd;}

@media screen and (max-width: 768px) 
{
	.ContentEquipe .ListingEquipe{left: 30%;}
}