.body{
	background-color: #FCF6F5FF;
}

/*Ordinateurs*/
@media all  and (min-width: 1026px){
	/*---- Navbar ----*/
	.nav-link{
		font-size: 1.4rem;
		color: #E3781E !important;
		transition: transform .1s;
	}
	.active{
		color: #333 !important;
	}
	.nav-link:hover{
		color: #145A32 !important;
		-ms-transform: scale(1.1); /* IE 9 */
		-webkit-transform: scale(1.1); /* Safari 3-8 */
		transform: scale(1.1);
		border-bottom: 1px solid #145A32;
	}
	/*---- Navbar ----*/
	
	/*---- Global ----*/
	.body{
		margin-bottom: -10%;
		padding-bottom: 10%;
	}
	hr.hr{
		width: 70%;
		margin: 0 auto;
	}
	.container-1{
		margin-top: 2%;
	}
	h1.h1{
		font-size: 5em;
	}
	.p1, .p2, .p3{
		display: flex;
	}
	p.paragraphe-1, .paragraphe-2, .paragraphe-3{
		color : #145A32;
	}
	.vertical{
		border-left: 4px solid #E3781E;
		height: 170px; 
		border-width: 10px;
		border-radius: 10px;
		display: inline-block;
		margin-top: 130px;
		margin-right: 1%;
	}
	.vertical-2{
		border-left: 4px solid #E3781E;
		height: 210px; 
		border-width: 10px;
		border-radius: 10px;
		display: inline-block;
		margin-top: 130px;
		margin-right: 1%;
	}
	.vertical-3{
		border-left: 4px solid #E3781E;
		height: 200px; 
		border-width: 10px;
		border-radius: 10px;
		display: inline-block;
		margin-top: 130px;
		margin-right: 1%;
	}
	p.paragraphe-1, .paragraphe-2, .paragraphe-3{
		font-size: 1.4em;
		text-align: justify;
		margin-top: 15%;
	}
	img{border-radius: 2%;}
	.img1{width : 800px;margin-left: 5%;}
	.img2{width : 1000px;margin-right: 5%;}
	.img3{width : 800px;margin-left: 5%;}
	.img1:hover{transform: scale(1.1);transition: 1.2s;}
	.img2:hover{transform: scale(1.1);transition: 1.2s;}
	.img3:hover{transform: scale(1.1);transition: 1.2s;}
	/*---- Global ----*/

	/*---- Body ----*/
	.container-1, .container-2, .container-3{
		display: flex;
		margin-top: 2%;
		margin-bottom: 2%;
	}
	/*---- Body ----*/
}

/*----- Ipad Pro -----*/
@media all  and (min-width: 1024px) and (max-width: 1025px){
	/*---- Navbar ----*/
	.nav-link{
		color :#E3781E !important;
		font-size: 1.4rem;
	}
	.active{
		color: #333 !important;
	}
	/*---- Navbar ----*/

	/*---- Global ----*/
	h1.h1{
		font-size: 5em;
	}
	hr.hr{
		width: 90%;
		margin: 0 auto;
	}
	p.paragraphe-1, .paragraphe-2, .paragraphe-3{
		color : #145A32;
	}
	/*---- Global ----*/

	/*---- Body ----*/
	p.paragraphe-1, .paragraphe-2, .paragraphe-3{
		font-size: 1.4em;
		text-align: justify;
		margin-top: 5%;
	}
	img{border-radius: 2%;}
	.img1{width : 800px;margin-left: 5%;}
	.img2{width : 1000px;margin-right: 5%;}
	.img3{width : 800px;margin-left: 5%;}
	/*---- Global ----*/

	/*---- Body ----*/
	.container-1, .container-2, .container-3{
		display: flex;
		margin-top: 2%;
		margin-bottom: 2%;
	}
	.p1, .p2, .p3{
		display: flex;
	}
	.vertical{
		border-left: 4px solid #E3781E;
		height: 250px; 
		border-width: 10px;
		border-radius: 10px;
		display: inline-block;
		margin-top: 30px;
		margin-right: 1%;
	}
	.vertical-2{
		border-left: 4px solid #E3781E;
		height: 280px; 
		border-width: 10px;
		border-radius: 10px;
		display: inline-block;
		margin-top: 30px;
		margin-right: 1%;
	}
	.vertical-3{
		border-left: 4px solid #E3781E;
		height: 280px; 
		border-width: 10px;
		border-radius: 10px;
		display: inline-block;
		margin-top: 30px;
		margin-right: 1%;
	}
	/*---- Body ----*/
}

/*----- Tablettes -----*/
@media all  and (min-width: 501px) and (max-width: 1023px){
	/*---- Navbar ----*/
	.nav-link{
		color :#E3781E !important;
		font-size: 1.4rem;
	}
	.active{
		color: #333 !important;
	}
	/*---- Navbar ----*/

	/*---- Global ----*/
	.body{
		margin-bottom: -15%;
		padding-bottom: 10%;
	}
	h1.h1{
		font-size: 5em;
	}
	hr.hr{
		width: 90%;
		margin: 0 auto;
	}
	p.paragraphe-1, .paragraphe-2, .paragraphe-3{
		color : #145A32;
	}
	/*---- Global ----*/

	/*---- Body ----*/
	p.paragraphe-1, .paragraphe-2, .paragraphe-3{
		font-size: 1.4em;
		text-align: justify;
		margin-top: 5%;
	}
	img{border-radius: 2%;}
	.img1{width : 1200px;margin-left: 5%; margin-top: 6%;}
	.img2{width : 1400px;margin-right: 5%; margin-top: 8%;}
	.img3{width : 1200px;margin-left: 5%; margin-top: 6%;}
	/*---- Global ----*/

	/*---- Body ----*/
	.container-1, .container-2, .container-3{
		display: flex;
		margin-top: 2%;
		margin-bottom: 2%;
	}
	.p1, .p2, .p3{
		display: flex;
	}
	.vertical{
		border-left: 4px solid #E3781E;
		height: 370px; 
		border-width: 10px;
		border-radius: 10px;
		display: inline-block;
		margin-top: 20px;
		margin-right: 1%;
	}/*Barre vertical*/
	.vertical-2{
		border-left: 4px solid #E3781E;
		height: 390px; 
		border-width: 10px;
		border-radius: 10px;
		display: inline-block;
		margin-top: 28px;
		margin-right: 1%;
	}
	.vertical-3{
		border-left: 4px solid #E3781E;
		height: 400px; 
		border-width: 10px;
		border-radius: 10px;
		display: inline-block;
		margin-top: 20px;
		margin-right: 1%;
	}
	/*---- Body ----*/
}

/*---- Smartphones ----*/
@media all  and (min-width: 322px) and (max-width: 500px){
	/*---- Navbar ----*/
	.nav-link{
		color :#E3781E !important;
		font-size: 1.2rem;
	}
	.active{
		color: #333 !important;
	}
	/*---- Navbar ----*/

	/*---- Global ----*/
	.body{
		margin-bottom: -15%;
		padding-bottom: 10%;
	}
	h1.h1{
		margin-top: 1%;
		font-size: 3em;
	}
	hr.hr{
		width: 90%;
		margin: 0 auto;
	}
	p.paragraphe-1, .paragraphe-2, .paragraphe-3{
		color : #145A32;
	}
	/*---- Global ----*/

	/*---- Body ----*/
	p.paragraphe-1, .paragraphe-2, .paragraphe-3{
		font-size: 1.1em;
		text-align: justify;
		margin-top: 5%;
	}
	img{border-radius: 2%;}
	.img1{width : 300px; margin: 0 auto; margin-top: 6%; margin-bottom: 6%;}
	.img2{width : 300px; margin: 0 auto; margin-top: 6%; margin-bottom: 6%;}
	.img3{width : 300px; margin: 0 auto; margin-top: 6%; margin-bottom: 6%;}
	/*---- Global ----*/

	/*---- Body ----*/
	.container-1, .container-2, .container-3{
		display: flex;
		flex-direction: column;
		margin-bottom: 2%;
	}
	.container-2{
		flex-direction: column-reverse;
	}
	.p1, .p2, .p3{
		display: flex;
	}
	/*---- Body ----*/
}

/*Petits smartphones*/
@media all  and (min-width: 319px) and (max-width: 321px){
	/*---- Navbar ----*/
	.nav-link{
		color :#E3781E !important;
		font-size: 1.2rem;
	}
	.active{
		color: #333 !important;
	}
	/*---- Navbar ----*/

	/*---- Global ----*/
	.body{
		margin-bottom: -15%;
		padding-bottom: 10%;
	}
	h1.h1{
		font-size: 2em;
	}

	hr.hr{
		width: 90%;
		margin: 0 auto;
	}
	p.paragraphe-1, .paragraphe-2, .paragraphe-3{
		color : #145A32;
	}
	/*---- Global ----*/

	/*---- Body ----*/
	p.paragraphe-1, .paragraphe-2, .paragraphe-3{
		font-size: 1em;
		text-align: justify;
		margin-top: 5%;
	}
	img{border-radius: 2%;}
	.img1{width : 250px; margin: 0 auto; margin-top: 6%; margin-bottom: 6%;}
	.img2{width : 250px; margin: 0 auto; margin-top: 6%; margin-bottom: 6%;}
	.img3{width : 250px; margin: 0 auto; margin-top: 6%; margin-bottom: 6%;}
	/*---- Global ----*/

	/*---- Body ----*/
	.container-1, .container-2, .container-3{
		display: flex;
		flex-direction: column;
		margin-top: 2%;
		margin-bottom: 2%;
	}
	.container-2{
		flex-direction: column-reverse;
	}
	.p1, .p2, .p3{
		display: flex;
	}
	/*---- Body ----*/
}