.autour_profil
{
margin-bottom: 10px;
  position: relative;
  width: 220px; height: 340px;

}
.autour_profil .avatar_profil
{
position: absolute;
  z-index: 2;
  top: 0px; left: 0px;
  margin-top: 0px;
  background-color: #C7DEEF;
  box-shadow: inset 0px 0px 10px #98BDD9;
  padding: 10px;
  border-radius: 10px;
  color: #45759A;
  width: 200px; height: 320px;
  transition: z-index 0s 0.5s, top 0.5s 0.5s, left 0.5s 0.5s, margin-top 0.5s; -webkit-transition: z-index 0s 0.5s, top 0.5s 0.5s, left 0.5s 0.5s, margin-top 0.5s; }

.autour_profil .avatar_profil img
{ -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;}


.interieur_profil
{
z-index: 1;
  position: absolute;
  width: 200px; height: 320px;
  background-color: #FFEBAE;
  box-shadow: inset 0px 0px 10px #EFCC61;
  padding: 10px;
  margin:auto;
  border-radius: 10px;
  color: #EFB361;
 
  transition: z-index 0s 0.5s; -webkit-transition: z-index 0s 0.5s;

}

.autour_profil:hover .avatar_profil
{
z-index: 1;
 top: -100px; left: -20px;
margin-top: 90px;
 transition: z-index 0s 0.5s, top 0.5s, left 0.5s, margin-top 0.5s 0.5s; -webkit-transition: z-index 0s 0.5s, top 0.5s, left 0.5s, margin-top 0.5s 0.5s;
}

.autour_profil:hover .interieur_profil
{
z-index:2
}