/*-- debut de la feuille de style css du cv final*/ 

/*--page accueil*/ 
body {
	background: url(paint-2940513_1920.jpg); 
	background-attachment: fixed;
	background-repeat: no-repeat;
	position: absolute;
}
/*--je voulais que l'image reste fixe lorsque l'on schroll c'est pourquoi j'ai choisi de mettre "fixed", no-repeat permet que l'image s'adapte à l'écran 
et qu'elle ne se répète pas*/ 
 img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  clip-path:ellipse(50% 40%);
  width:200px;
  height:200px;
 }

 /*--display: block permet d'introduire l'image dans un bloc et qu'ensuite tous élèments présents dans ce dernier soit modifiés de la même façon, 
 margin left et right auto permet de centrer l'image, et ellipse de la rendre ronde, ce n'est pas 50-50 car l'image n'était pas totalement ronde 
 c'est pourquoi j'ai choisi de mettre 50-40% */ 

  h1 { 
	font-family: 'Abril Fatface', cursive;
	color: #efe8dd; 
	text-align: center;
	text-shadow: 1px 1px 2px black; 

  }
/*shadow permet d'introduire une ombre dans la police d'écriture*/ 
  h2 {
  	font-family: 'Abril Fatface', cursive;
	color: #7f98e8;
	text-align: center;

  }

  h3 {

  	font-family:'EB Garamond', serif; 
	color: black; 
	text-align: center;

  }

  h4 {
  	text-align: center;
  	color: white;
  	font-family:'EB Garamond', serif; 
  }
/*bouton déroulant en responsive pour changer la couleur afin qu'on le repère plus facilement*/ 
.navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-top: 8px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: #7f98e8;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}
/*fin bouton*/ 
.cadre {

  width: 95%;
  margin-right: auto;
  margin-left: auto;
  background-color:#efe8dd; 
		
}
.background {
	background: url(paint-2940513_1920.jpg); 
	background-attachment: fixed;
}

#icone {
	display: inline-flex; 
	padding-top: 15px;
    padding-bottom: 15px;
 } 

 #presentation {
 	border: double; 
 	border-color: #efe8dd; 
 	width: 400px;  
 	margin-left: auto;
 	margin-right: auto; 
 	margin-top: 30px; 
 }
    
  /*--icones navbar--*/ 
 .fa-facebook {
 	color: #3b5998; 
 }
 .fa-instagram {
 	color: #8a3ab9; 
 }
 .fa-twitter {
 	color: #00acee ; 
 }

 .propos {
	font-family: 'Old Standard TT', serif;
	text-align: center; 
	margin-bottom: 30px; 

 }

 .liste {
 	font-family: 'Old Standard TT', serif;
 	margin-top: 30px; 
 	text-align: center; 
 }

.actuellement {
	margin-top: 50px; 
	font-family: 'Old Standard TT', serif;
 	text-align: center; 
}

#stage {
	font-family: 'Old Standard TT', serif;
	text-align: center;
	margin-left: 50px; 
	margin-right: 50px; 
	margin-top: 30px; 
	margin-bottom: 50px; 
}

#info {
	font-family: 'Old Standard TT', serif;
	text-align: center;
	margin-left: 50px; 
	margin-right: 50px; 
	margin-top: 30px; 
	margin-bottom: 50px;
}


/*--fin page accueil*/