/* Général*/
body{
    margin: 0 auto;
    }

main,.background,.title_article,.image,header,.references{
   
    flex-direction: row;
     }

.left,.right, header,main,section,article,.background,.title_article,.image,.study_and_job,.icons,.references{

    display: flex;
}
.left,.right,.study_and_job,article,section{
    flex-direction: column;
}
.background,.left_section,.icons,.references{
    justify-content: space-around;
}
/*Images*/

.image{
    justify-content:stretch;
    width: 300px;
    }
.image img{

    width: 20px;
    height: 20px;
    margin-right: 20px;
    }

/* HEADER*/


 #underline
{
      border-bottom: solid 2px #F2E74B ;
}
h1
{
 padding-left: 50px;
 margin-top: 100px;
 color:white;

}
.color_name{
    background-color:#011C40;
}

 figure img {
    position: relative;
    height: 225px;
    width: 225px;
    border-radius: 50%;
    border: rgba(0, 0, 0, 0.1) 2px solid;
 }

    
/*Partie Gauche*/
 

.left{
    justify-content: center;
    align-items: center;
    border-bottom: solid rgba(0, 0, 0, 0.096) 1px;
    padding-bottom: 20px;
    }
 .left_section,.left_figure{
        width: 30%;
         }
.leftbar{
     text-align: center;
    color:black;
    width: 80%;
    background-color:#F2E74B ;
    border-radius: 30px 10px 100px 50px;
   }

.text{
       padding: 30px;
       text-align: justify;
 }

 .icons{
    margin-top:50px ;
    width: 100%;
    }

    #icon1{
    background: url('images/music.svg' )  no-repeat;
    width: 50px;
    height: 50px;
    margin: auto;
    }


#icon2{
    background: url('images/vg.svg')no-repeat;
    width: 50px;
    height: 50px;
     margin: auto;
     }

#icon3{
     background: url('images/voyages.svg') no-repeat;
    width: 50px;
    height: 50px;
   margin: auto;
   }

 /* Partie droite*/
 
  .right{
    width: 70%;
}
.right article{
   margin-top: 20px;
   margin-left: 20px;
}
.title_article
{
    border-bottom: solid 2px #F2F1F0;
    margin-left: 10px;
}
.title_article img
{
  height: 40px;
  width: 40px;
 margin-right: 40px;
  
}
 .background{
    margin-top: 30px;
 }

 .study_and_job
 {   
     justify-content:stretch;
      width:70%;
 }
 .split{
    border-left:2px solid rgba(0, 0, 0, 0.493);
    padding-left: 5px;
}
.references{
    margin-top: 30px;
}
/* Fonts , changements de police et de tailles*/

.font1 /* "Pour les intitulés: Formation, expérience , contact etc*/
{
    font-size: 30px;
    font-family: 'Permanent Marker', cursive;

}

.font2 /* pour le sous titre, les titre  d'articles */
{
  font-size: 20px;
  font-family: 'Open Sans Condensed', sans-serif;
  font-family: 'Rubik', sans-serif;
}

.font3 /* pour le texte plus petit*/
{   
     font-size: 15px;
    font-family: 'Open Sans Condensed', sans-serif;
    font-family: 'Rubik', sans-serif;
}