/*mon fichier css */

/*style générale*/
	h1,h2,h3,h4 {
		font-family: 'Great Vibes', cursive;
	}
	h1 {
		color: #E3164D; font-size: 80px;
	}

	h3 {color: #F81462;}

	p {font-family: 'Roboto', sans-serif; height: 40px;}

	li {font-family: 'Roboto', sans-serif; height: 30px;}

/*style page d'accueil*/
	#haut {
		background-image: url("images/couverture.jpg");
		height: 60vh; 
		display: flex;
		align-items: center;
		justify-content: center;
		background-size: cover;}

	#haut {
		text-align: center;
		padding:  30px;}

	a {
	   color: floralwhite;}

	a:hover {
		text-decoration: line-through;
		color: white;}

	.btn { background-color: #F81462;
    width: 170px;
    height: 40px;
    margin-top: 20px;
    margin-right: 400px;
    margin-left: 400px;
    text-align: center;
    padding: 10px;
    }

	#milieu p{padding: 100px}
	#bas {width:100%;height:0;padding-bottom:50%; position:relative;margin-bottom: -250px;} 
	#motdelafin p {text-align: center;}


/*style mon jardin secret*/
	.encadremjs {
		border:  1px solid; 
		padding: 15px; 
		text-align:  center;
		height: 500px;}

.textejardinsecret p {text-align: center;}
.monimage {margin-right: 350px; margin-left: 350px;}
.facebook {width: 50px; margin-right: 600px; margin-left: 600px;margin-top: 40px; margin-bottom: 10px; float: left;}
.facebook svg:hover {fill: #E3164D;}

.messagerie p {width: 50px; margin-right: 600px; margin-left: 600px;margin-top: 10px; margin-bottom: 10px; float: left; color: #F81462; text-align: center;}

/*style expériences professionnelles*/
.encadreep {
		border:  1px solid; 
		padding: 15px;
		padding-bottom: 20px;
		margin-top: 20px; 
		margin-bottom: 20px;
		text-align:  center;
		height: 220px;}

/*style formation*/
.logoecole1 img {margin-right: 100px; margin-left: 200px;}
.logoecole2 img {margin-right: 100px; margin-left: 400px;}