/*box 1*/
.box1{
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 100vh;
}

	.box1 .photoProfil{
		
	}

		.photoProfil img{
			width: 25vw;
			border-radius: 8px;
			/*box-shadow: 40px 40px #f6f6f3;*/
		}

	.box1 .apropos{
		padding: 0 50px;
		display: inline-block;
		max-width: 500px;
		flex-direction: column;
	}

		.apropos h2{
			font-size: 3em;
		}

		.apropos p:last-child a{
			margin-top: 15px;
		}

/*box 2*/
.box2{
	width: 80%;
	margin-bottom: 100px;
}

	.box2 h2{
		font-size: 3em;
	}

	.box2 form{
		display: flex;
		flex-direction: column;
	}
	
.form_Boutons{
	display: grid;
	grid-template-columns: auto auto 1fr;
	grid-column-gap: 15px;
}

/*Ecran Tablette*/
	@media all and (max-width:1250px){
		/*index 1*/
			.box1{
				grid-template-columns: 100%;
				margin-top: 100px;
			}

				.box1 .photoProfil{
					width: 100%;
					margin-bottom: 50px;
				}

				.box1 .apropos{
				}

				.apropos h2{
					text-align: center;
				}

				.apropos p:last-child{
					text-align: center;
					margin: 0;
				}
	}
		
/*Ecran portable*/
	@media all and (max-width:768px){
		/*index 1*/
			.box1{
				flex-direction: column;
				margin-bottom: 50px;
				margin-top: 0;
			}

				.box1 .photoProfil{
					width: 100%;
					margin-bottom: 50px;
				}

					.photoProfil img{
						width: 100%;
					}

				.box1 .apropos{
					max-width: 100%;
					padding: 0;
				}

				.apropos h2{
					text-align: center;
				}

				.apropos p:last-child{
					text-align: center;
					margin: 0;
				}

		/*index 2*/
			.box2{
				width: 100%;
			}
				
			.email{
				width: 100vw;
			}

			.email .intro{
				margin-left: 5vh;
			}

			.contact .form_Boutons{
				display: flex;
				justify-content: center;
			}

	}