/*-- début page etudes*/ 
  h1 { 
	font-family: 'Abril Fatface', cursive;
	color: white; 
	text-align: center;
	text-shadow: 1px 1px 2px black; 
  }

h4 {
  	text-align: center;
  	color: white;
  	font-family:'EB Garamond', serif; 
  }

body {
	background: url(paint-2940513_1920.jpg); 
	background-repeat: no-repeat;
	background-attachment: fixed;
}

/*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*/ 

#presentation {
 	border: double; 
 	border-color: white; 
 	width: 400px;  
 	margin-left: auto;
 	margin-right: auto; 
 	margin-top: 60px; 
 	margin-bottom: 90px ; 
 }

 #icone {
	display: inline-flex; 
	padding-top: 15px;
    padding-bottom: 15px;
 } 
 /*--ici, j'ai choisi de mettre inline-flex ce qui permet à l'élèment de se comporter comme un élèment en ligne au lieu d'obéir seulement au même bloc dans lequel il est--*/ 
  /*--icones navbar--*/ 
 .fa-facebook {
 	color: #3b5998; 
 }
 .fa-instagram {
 	color: #8a3ab9; 
 }
 .fa-twitter {
 	color: #00acee ; 
 }
.parcours {
	margin-top: 30px; 
}

.etudes {
	background: url(etudes.jpg);
	background-repeat: no-repeat;
	background-size: 300px; 
}

 #parcours {
 	margin-right: auto;
 	margin-left: auto;
 	width: 500px; 
 	margin-top: 50px; 
 }

.decor {
	padding-left: 50px; 
	padding-right: 50px; 
}

#etudes {
	width: 500px; 
	margin-right: auto;
	margin-left: auto;
}