body
{
  background:url(https://i.ytimg.com/vi/7XtH-Dpyi18/maxresdefault.jpg);
  background-size:100vw 100vh;
  background-repeat:no-repeat;
  color:#fff;
  font-family: 'Quicksand', sans-serif; 
 
}


section
{
/*   background:red; */
  width:50%;
  margin:3% auto;
  text-align:center;
  padding:1px
}

div {
  width: 150px;
  height: 150px;
  background-image: url('img/001.jpg'); /* Chemin relatif vers l'image */
  background-size: cover; /* Assure que l'image couvre tout le cercle */
  background-position: center; /* Centrer l'image dans le cercle */
  margin: 10% auto 0;
  border-radius: 50%; /* Donne la forme ronde */
  position: relative;
}



input
{
  width:250px;
  height:25px;
  padding-left:5px;
  position:relative;
  border:2px solid #aaa;
  outline:0
}

span
{
  position:relative
}

span:after
{
  content:"\f061";
  position:absolute;
  color:red;
  font-family:'FontAwesome';
  top:2px;
  display:block;
  background:#324556;
  right:1px;
  height:25px;
  width:28px;
  color:#fff;
  padding-top:2px
 
}


i 
{
  position:absolute;
  bottom:8px;
  
  
  
}

i:first-child
{
  
  right:15px
  
}

i:nth-child(2)
{
  right:45px;
}

i:nth-child(3)
{
  right:80px;
  bottom:6px;
  transform:rotate(-45deg)
  
}