/* on touche le bloc du container*/
#container
{
  width: 40%;
  height: 80%;
  border: 3px solid black;
  box-shadow: 2px 2px 10px black;
  margin: auto;
  border-radius: 20px;
  background-color: #112232;
  color: #B3b8Cd;
  align-items: center;
}
.marge
{
    padding-left: 14px;
}
/* la photo principale de la carte de visite*/
.picture_avatar, h2
{
	text-align: center;
}
/* le fond de la carte de visite*/
body
{
	background-image: url(images/lodyas.png); 
	
}
/* le pied de la page les liens*/
footer ul
{
  display: flex; 
  justify-content: space-around;
  list-style-type: none;
 
}
/* Modification du texte (police et taille du texte) */
@font-face {
    font-family: 'josefin_sansbold';
    src: url('josefinsans-bold-webfont.woff2') format('woff2'),
         url('josefinsans-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
  h2
 {
 	font-family: 'josefin_sansbold',sans-serif;
 	font-size: 1em;
 }
@font-face {
    font-family: 'montserrat_alternatesregular';
    src: url('fontserat/montserratalternates-regular-webfont.woff2') format('woff2'),
         url('fontserat/montserratalternates-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
ul
{
	font-family: 'montserrat_alternatesregular',sans-serif;
    font-size: 0.9em;
}