html, body
	{
	/*Fond du site*/
	font-family: 'Open Sans Condensed', sans-serif;
	background-color: #e8e8e8;
	color: #444444;
	width: 100%;
	height: 100%;
	margin: 0;
	overflow-x: hidden;
	}



/* Header */
	header {
		width: 100%;
		display: flex;
    	justify-content: space-between;
    	align-items: center;

	}


	/* Navigation Header*/
		nav ul{
			list-style-type: none;
			display: flex;
			justify-content: right;
			padding-left: 0;
			padding-bottom: 10px;
			margin-right: 50px;
			border-bottom: solid 1px;
		}

		nav li {
			font-size: 2rem;
			font-variant-caps: small-caps;
			margin-left: 20px;
			margin-right: 20px;
			justify-content: center;
			align-items: center;
			display: flex;

		}

		nav a {
			text-decoration: none;
			color: #444444;
		}

		nav a:hover {
			color: black;
		}

	#logonav {
		margin: 30px;
	}
/* Fin Header */




/* Footer */

	footer {
		padding-top: 20px;
		width: 100%;
		height: 250px;
		background-color: #cccccc;
		display: flex;
		align-items: center;
	}

	#conteneur2 {
		width: 90%;
		display: flex;
		justify-content: center;
		align-items: center;	}

	#cred {
		font-size: 2rem;
		text-align: right;
		margin: 30px;
		}

	#omph {
		margin: 30px;
		text-align: center;
		align-items: center;
	}

	#reseaux {
		margin: 30px;
		width: 15%;
		display: flex;
		justify-content: space-between;
	}

	#end {
		margin-top: 20px;
		margin-bottom: 10px;
		text-align: center;
		font-size: 6pt;
			}

/* Fin Footer */

/*PAGE ACC*/
	#conteneur1 {
		width: 80%;
			margin-top: 10px;
		padding-bottom: 50px;
		margin-left: auto;
		margin-right: auto;
			display: block;
			}

	iframe{
		display: block;
		margin: auto;
	}



	#conteneur_3d {
		display: flex;
		justify-content: space-around;
		margin-bottom: 3%;
	}

	#presentation {
		left: 0;
		display: block;
		width: 100%;
		position: relative;
	}

	#texte-img-acc{
		position: absolute;
		top: 35%;
		left: 60%;
		transform: translate(-50%, -50%);
		text-align: right;
	}

	#title{
		font-size: 5rem;
		letter-spacing: 1rem;
		font-family: "Be Vietnam Pro ExtraBold", sans-serif;
		color: rgba(250, 235,215);
	}

	#subtitle{
		font-size: 4rem;
		font-family: "Be Vietnam Pro Black", sans-serif;
		color: #ec3d3d;
		transform: translate(-1rem);
	}
	span.en-évidence{
		color: #cccccc;
	}
	span.portativité{
		color: #ec3d3d;

	}



	.bg-video {
	}

	@media (min-aspect-ratio: 16/9) {
		.bg-video{
			width: 100%;
			height: 100%;
		}
	}

	@media (max-aspect-ratio: 16/9) {
		.bg-video{
			width: 100%;
			height: 100%;
		}
	}


	#imgacc {
	}

	#intro {
		margin-top: 25px;
		margin-left: auto;
		margin-right: auto;
		width: 75%;
		display: block;
		align-content: center;
		justify-content: center;
	}
		h1 {
			font-weight: bold;
			color: black;
			font-size: 25pt;
			}

		h2 {
			font-size: 15pt;
			font-weight: lighter;
			margin-top: -20px;
			}
		#subvideo-text {
			color: darkgoldenrod;
			text-align: right;
			font-size: 4rem;
			font-family: "Be Vietnam Pro SemiBold", sans-serif;
		}

/*BOUTONS ACC*/
	#conteneur_button {
		display: flex;
		margin-top: 30px;
		justify-content: center;
	}

	#conteneur_button a{
		text-decoration: none;
	}

	#conteneur_button a:hover{
		font-weight: bold;
	}

	.button_1 {
		font-size: 3rem;
		font-variant-caps: small-caps;
		margin: 30px;
		padding-left: 40px;
		padding-right: 40px;
		padding-top: 15px;
		padding-bottom: 15px;
		background-color: #3a3a3a;
		color: white;
	}

/*NOUS*/
	#conteneur_nous {
			margin: 5%;
			margin-top: 5px;
			margin-bottom: 7%;
			display: flex;
			justify-content: space-around;
			align-items: center;
			}


		h3 {
			font-family: "Be Vietnam Pro SemiBold", sans-serif;
			font-weight: bold;
			color: #100e0e;
			font-size: 5rem;
			}

		h4 {

			font-size: 4rem;
			font-weight: lighter;
			margin-top: -35px;
			}

		h5 {
			font-family:  "Be Vietnam Pro Medium", sans-serif;
			font-size: 3rem;
		}

	#nous_sommes {
			width: 60%;
			margin: auto;
			text-align: justify;
	}

	#titre-photogrammetrie{
		transform: translate(-50px);
	}


	
		#conteneur_services {
			margin: 5%;
			display: block;
			justify-content: space-around;
			align-items: center;

			}

		#conteneur_img_services {
			margin-bottom: -50px;
			display: block;
			justify-content: space-around;
			align-items: center;
		}

		.img_services{

		}

		@media (max-aspect-ratio: 16/9) {
			.img_services{
				width: 180%;
				height: 180%;
				transform: translate(-25%);
			}
		}

		@media (min-aspect-ratio: 16/9) {
			.img_services{
				width: 100%;
				height: 100%;
			}
		}



	#services {
			margin: auto;
			width: 75%;
			text-align: justify;
	}

	p {
		font-family: "Be Vietnam Pro ", sans-serif;
		display: block;
		text-indent: 20px;
		font-size: xxx-large;
		color: #463f3f;
		padding-bottom: 20px;
	}


	#pourquoi {
		margin: 10%;
		margin-bottom: 50px;
		margin-top: -120px;
		text-align: justify;
	}

	#conteneur_button_nous {
		width: 75%;
		margin: 10%;
		display: flex;
		justify-content: center;

	}

		#conteneur_button_nous a{
		text-decoration: none;
	}

		#conteneur_button_nous a:hover{
		font-weight: bold;
	}

		#en-cours{
			color: #b38539;
		}

		#button_2 {
		font-variant-caps: small-caps;
		margin: 10px;
		padding-left: 100px;
		padding-right: 100px;
		padding-top: 15px;
		padding-bottom: 15px;
		background-color: #3a3a3a;
		color: white;
	}

		a{
			text-decoration: none;
			color: darkgoldenrod;
		}

		#conteneur-contacts{
			margin-top: 10px;
			display: block;
			margin: 5%;
			justify-content: center;
			align-items: center;
		}

		#nous-contacter{
			display: block;
			justify-content: center;
			text-align: center;
		}