#img_page_equipe {
	width:100%;
	height:300px;
	overflow:hidden;
	position:relative;
}
#img_page_equipe > img {
	position:absolute;
	min-width:100%;
	left:50%; top:50%;
	transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
	z-index:1;
	height: 100%;
}
#img_page_equipe > div#fil {
	position:absolute;
	top:0; bottom:0; left:0; right:0;
	background-color:#000;
	opacity:.6;
	z-index:2;
}
#text_eq_p {
	margin:10px 0px;
}
#liste_equ {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:wrap;
    flex-wrap:wrap;
	-webkit-box-pack:justify;
      -ms-flex-pack:justify;
          justify-content:space-between;
	margin:15px 0px;
	margin-bottom:250px;
	border:1px solid #E2E9ED;
	background-color:#FFF;
}
#liste_equ > .equ {
	width:25%;
	height:300px;
	/*overflow:hidden;*/
	position:relative;
	box-sizing:border-box;
	z-index:0;
	box-shadow:0 0 0 1px #E2E9ED;
	background-color:#FFF;

}
#liste_equ > .equ:hover {
z-index: 1;
  box-shadow: 0 8px 50px rgba(0, 0, 0, 0.2);
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
  transition: box-shadow 0.2s ease, z-index 0s 0s ease, -webkit-transform 0.2s ease;
  transition: box-shadow 0.2s ease, transform 0.2s ease, z-index 0s 0s ease;
  transition: box-shadow 0.2s ease, transform 0.2s ease, z-index 0s 0s ease, -webkit-transform 0.2s ease;
}
#liste_equ > .equ > .phs {
	width:100%;
	height:180px;
	overflow:hidden;
	position:relative;
	perspective:800px;
}
#liste_equ > .equ > .phs > div {
	position:absolute;
	width:150px;
	height:150px;
	overflow:hidden;
	top:50%;
	left:50%;
	border-radius:15px;
	backface-visibility:hidden;
	transition:all .5s ease-in-out;
}
#liste_equ > .equ > .phs > div > img {
	width:100%;
}
.devant {
	z-index: 100;
	background-color:#3333CC;
	transform:translate(-50%,-50%) rotateY(0deg);
}
.derriere
{
    z-index: 50;
    transform:translate(-50%,-50%) rotateY(-180deg);
	background-color:#009900;
}
#liste_equ > .equ:hover .devant
{
   transform:translate(-50%,-50%) rotateY(180deg); /* On passe de 0 à 360° : tour complet */
}
#liste_equ > .equ:hover .devant + .derriere
{
    transform:translate(-50%,-50%) rotateY(0deg);  /* On passe de -180° à 180° : tour complet */
}

.equ > h2 {
	font-weight:400;
	text-align:center;
	transition:all .5s ease-in-out;
	margin-bottom:4px;
}
#liste_equ > .equ:hover h2, #liste_equ > .equ:hover .f_eq{
	transform:translateY(-20px) scale(1.1);
	
}
.f_eq {
	font-size:12px;
	text-align:center;
	transition:all .5s ease-in-out;
}
.tel {
	transition:all .5s ease-in-out;
	font-size:10px;
	text-align:center;
	transform:translate(-100%,-20px);
	opacity:0;
}
.equ:hover .tel {
	transform:translate(0px,-20px);
	opacity:1;
	
}
.social {
	text-align:center;
	transform:translate(0px,0px);
	transition:all .5s ease-in-out;
	opacity:0;
}

#liste_equ > .equ:hover .social {
	transform:translateY(-15px) scale(1.1);
	opacity:1;
}

.social a {
	text-decoration:none;
	margin:0px 1px;
}
.social a svg {
	fill:#565656;
	height:16px;
}
.desc_eq {
	width:125%;
	height:auto;
	box-sizing:border-box;
	position:absolute;
	padding:10px;
	border:1px solid #E2E9ED;
	background-color:#FFF;
	z-index:10;
	left:50%;
	transform:translateX(-50%) rotateX(90deg);
	transition:all .5s ease-in-out;
	 box-shadow: 0 8px 50px rgba(0, 0, 0, 0.2);
}
#liste_equ > .equ:hover .desc_eq {
	transform:translateX(-50%) rotateX(0deg);
}
.desc_eq *{
	font-size:12px !important;
}
.desc_eq p {
	margin:1px 0px;
	
}