@charset "UTF-8";

/* CSS Document */



@font-face{
	font-family: "nunito";
	src: url(nunito.ttf);
}

@font-face{
	font-family: "libre";
	src: url(libre.ttf);
}


@font-face{
	font-family: "gotham";
	src: url(gotham.otf);
}

@font-face{
	font-family: "coolvetica";
	src: url(coolvetica.otf);
}

@font-face{
	font-family: "comfortaa";
	src: url(comfortaa.ttf);
}

@font-face{
	font-family: "montserrat";
	src: url(montserrat.ttf);
}

@font-face{
	font-family: "montserrat_light";
	src: url(montserrat_light.ttf);
}

@font-face{
	font-family: "lora";
	src: url(lora.ttf);
}

html{
	width: 100vw;
	max-width: 1366px;
	height: 100vh;
	margin: 0;
	padding: 0;
	margin-left: auto;
	margin-right: auto;
	scroll-behavior: smooth;

	
}

html {
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-khtml-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
}

body{
	width: 100%;
	height: 100%;
	
	padding: 0;
	margin:0;
	
	display: flex;
	flex-flow: row wrap;
	

	
	}
	
@keyframes fadeInAnimation {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
     }
}

body::-webkit-scrollbar {
    display: none;
}



.invert{filter: invert();}
.none{display: none}
.sienna{color: #E5764A}
/*
.sujet {
    display: none;
}
*/

img {
  -webkit-user-drag: none;
  -khtml-user-drag: none;
  -moz-user-drag: none;
  -o-user-drag: none;
  user-drag: none;
	 
}

.none{display: none;}

.uppercase{text-transform: uppercase;}
.hyphen_active{
	transform: rotate(125deg);
}

/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*----------------------------------------- HEADER ------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/



header{z-index: 1000;}

#header_index{
	
	width: 100%;
	height: 80px;
	transition: 1s;
	
	position: fixed;
	top: 0px;
	left: 0px;
	
	
	animation-name: slidein2;
	animation-duration: 2s;
	
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	align-content: center;
	
}
.header_index{width: 30%;}

.header_index_logo{
	width: auto;
	transition: 1s;
	text-align: center;
	
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	
	margin-top: 0px;
	margin-left: 0px;	
	
	
}
.header_index_logo a{text-decoration: none;}
.header_index_logo_img{
	width: 270px;
	text-align: center;
	justify-content: center;
	margin: 0;
	margin-left: 50px;
}
.header_index_logo_img img{width: 100%}

.header_index_logo2{
		width: auto;
		transition: 1s;
		text-align: center;

		display: flex;
		flex-flow: row wrap;
		align-items: center;

		margin-top: 0px;
		margin-left: 0px;	

		display: none;
	}
.header_index_logo2 a{text-decoration: none;}
.header_index_logo_img2{
		width: 200px;
		text-align: center;
		justify-content: center;
		margin: 0;
		margin-left: 30px;
	}
.header_index_logo_img2 img{width: 100%}

.header_index_logo3{
		width: auto;
		transition: 1s;
		text-align: center;

		display: flex;
		flex-flow: row wrap;
		align-items: center;

		margin-top: 0px;
		margin-left: 0px;
	}
.header_index_logo3 a{text-decoration: none;}
.header_index_logo_img3{
		width: 270px;
		text-align: center;
		justify-content: center;
		margin: 0;
		margin-left: 50px;
	}
.header_index_logo_img3 img{width: 100%}

.header_h1{
	font-family: "gotham";
	color: #1F2B90;
	text-transform: uppercase;
	font-size: 30px;
	letter-spacing: 2px;
	font-weight: 800px;
	
	padding: 0;
	margin: 0;
	margin-bottom: 0px;
	
	
}
.header_p{
	font-family: "nunito";
	color: black;
	text-transform: uppercase;
	font-size: 7px;
	letter-spacing: 1.5px;
	font-weight: 900px;
	
	padding: 0;
	margin: 0;
	margin-top: 5px;
	
	display: none;
}

.header_menu{
	width: auto;
	height: auto;
	margin: 0;
	padding: 0;
	
	display: flex;
	flex-flow: column wrap;
	
	position: absolute;
	right: 50px;
	
	text-align: right;
	align-content: flex-end;
	align-items: flex-end;
	
	cursor: pointer;
	
	z-index: 1000;
}

.header_menu img{
	margin: 2px;
	margin-right: 0;
	padding: 0;
}
.pipe1{width: 30px; height: 3px; transition: 1s;}
.pipe2{width: 30px; height: 3px; transition: 1s;}
.pipe2bis{ width: 30px; height: 3px; transition: 1s; position: absolute;}
.pipe3{width: 30px; height: 3px; transition: 1s;}


@media (max-width:1281px) { /* hi-res laptops and desktops */ }
@media (max-width:1025px) { /* big landscape tablets, laptops, and desktops */ }
@media (max-width:767px)  { 
	.header_index_logo{display: none;}
	.header_index_logo2{display: block;}
	.header_menu{
	right: 30px;
}
}
@media (max-width:600px)  { /* portrait tablets, portrait iPad, e-readers (Nook/Kindle), landscape 800x480 phones (Android) */}
@media (max-width:480px)  { .header_h1{font-size: 25px;} }
@media (max-width:320px)  { /* smartphones, portrait iPhone, portrait 480x320 phones (Android) */ }








/*----------------------------------------------------------------------*/
/*------------------------------- NAV ----------------------------------*/
/*----------------------------------------------------------------------*/


#nav{
	width: 100vw;
	height: 100vh;
	background-color: #172934;
	position: absolute;
	top: 0;
	right: 0;
	
	animation-name: showit;
	transition: 0.5s;
	
	display: none;
}

		

			nav ul {
				display: flex;
				flex-flow: column wrap;
				text-align: left;
				justify-content: center;
				
				margin: 0;
				padding: 0;
				
				height: auto;
				
				width: auto;
				margin-left: auto;
				margin-right: auto;
				
				
				
			}
			nav ul li {
				list-style: none;
				margin: 0;
				padding: 0;
			  	font-family: "comfortaa";
				font-size: 16px;
				text-transform: lowercase;
				
				font-weight: 700;
				letter-spacing: 1px;
				color: aliceblue;
				padding: 3px;
				
				transition: 1s;
				cursor: pointer;
				
				display: flex;
				flex-flow: row wrap;
				align-items: center;
			}
			nav ul li:hover{
				margin-left: 10px;
				letter-spacing: 2px;
}
			nav ul li img{margin-right: 10px; transition: 1s;}
			nav ul li a {
			  text-decoration: none;
			  text-styling: none;
			  color:inherit;
			}



			@keyframes showit {
					0% {
						opacity: 0;

					}
					50% {
						opacity: 0.5;

					}
					100% {
						opacity: 1;
					}
				}
			@keyframes slidein {
					0% {
						opacity: 0;

					}
					50% {
						opacity: 0;
						margin-top: -20px; 
					}
					100% {
						opacity: 1;
						margin-top: 0px; 
					}
				}
			@keyframes slidein2 {
					0% {
						opacity: 0;

					}
					50% {
						opacity: 0;
						margin-top: -20px; 
					}
					100% {
						opacity: 1;
						margin-top: 0px; 
					}
				}
			@keyframes slidein3 {
					0% {
						opacity: 0;

					}
					50% {
						opacity: 0;
						margin-top: -20px; 
					}
					100% {
						opacity: 1;
						margin-top: 0px; 
					}
				}
			
			.fadeout{
				animation: fadeout 1s linear 1 forwards;
			}

			@keyframes fadeout {
					from{
					opacity: 1;
				}
				to{
					opacity: 0;
				}
				}

			@keyframes byebye {
					0% {
						opacity: 100%;

					}
					50% {
						opacity: 0; 
					}
					100% {
						opacity: 0;
					}
				}

.byebye{
	animation-name: byebye;
	animation-duration: 3s;
	transition: 1s;
}
.hello{
	animation-name: showit;
	animation-duration: 3s;
	transition: 1s;
}			








/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*----------------------------------------- MAIN --------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/


main{
	width: 100%;
	height: auto;
	
	display: flex;
	flex-flow: row wrap;
	
	position: relative;
	overflow: scroll;
	
}
main::-webkit-scrollbar {
    display: none;
}




#main_intro{
	
	width: 100%;
	height: 100vh;
	
	padding: 0;
	margin: 0;
	
	background-image: url(images/photo_massouria/photo_massouria-20.jpg);
	background-position: center;
	background-size: cover;
	
	position: relative;
	
	
}

#main_landing{
	
	width: 100%;
	height: 100%;
	
	padding: 0;
	margin: 0;
	
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	
	
	z-index: 0;
	
	
	
}

	.main_landing_logo{
		margin: 0;
		padding: 0;
		
		position: absolute;
		bottom: 100px;
		left: 100px;
		width: 50vw;

		animation-name: slidein2;
		animation-duration: 1.5s;
		
		display: none;
	}


	.main_title{
		margin: 0;
		padding: 0;
		
		position: absolute;
		bottom: 100px;
		left: 100px;
		width: auto;

		animation-name: slidein2;
		animation-duration: 2s;
		
		display: flex;
		flex-flow:  row wrap;
		align-items: center;
		
		opacity: 1;
		
}
		.main_title img{
			width: 90px;
			text-align: center;
			justify-content: center;
		}
		.main_title h1{
			font-family: "gotham";
			color: #1F2B90;
			text-transform: uppercase;
			font-size: 50px;
			letter-spacing: 4px;
			font-weight: 800px;

			padding: 0;
			margin: 0;
			margin-bottom: 0px;
			margin-left: 10px;


		}
		.main_title p{
			font-family: "nunito";
			color: black;
			text-transform: uppercase;
			font-size: 7px;
			letter-spacing: 1.5px;
			font-weight: 900px;

			padding: 0;
			margin: 0;
			margin-top: 5px;

			display: none;
		}

		


	.nav{		
			width: auto;
			height: auto;
			
			display: block;
			
			animation-name: showit;
			animation-duration: 1s;
			
			position: absolute;
			bottom: 200px;
			margin-left: 210px;
		
			opacity: 1;
			
			}
		.nav ul {
				display: flex;
				flex-flow: column wrap;
				text-align: left;
				justify-content: center;
				
				margin: 0;
				padding: 0;
				
				height: auto;
				
				width: auto;
				margin-left: auto;
				margin-right: auto;
				
				
				
			}
		.nav ul li {
				list-style: none;
				margin: 0;
				padding: 0;
			  	font-family: "comfortaa";
				font-size: 18px;
				text-transform: lowercase;
				
				font-weight: 700;
				letter-spacing: 1px;
				color: #162833;
				padding: 3px;
				
				transition: 1s;
				cursor: pointer;
				
				display: flex;
				flex-flow: row wrap;
				align-items: center;
			}
		.nav ul li:hover{
				margin-left: 10px;
				letter-spacing: 2px;
}
		.nav ul li img{margin-right: 10px; transition: 1s;}
		.nav ul li a {
			  text-decoration: none;
			  text-styling: none;
			  color:inherit;
			}

			#metiers{
							animation-name: slidein;
							animation-duration: 3s;
						}
			#realisations{
							animation-name: slidein2;
							animation-duration: 3.2s;
						}
			#entreprise{
							animation-name: slidein2;
							animation-duration: 3.3s;
						}
			#contact{
							animation-name: slidein3;
							animation-duration: 3.4s;
						}




@media (max-width:1281px) { /* hi-res laptops and desktops */ }
@media (max-width:1025px) { /* big landscape tablets, laptops, and desktops */ }
@media (max-width:767px)  { 
	
	#main_intro{
		background-image: linear-gradient(rgba(255,255,255,0), rgba(255,255,255, 1)),url(images/photo_massouria/photo_massouria-20.jpg);
		
}
	
	.main_title{display: none;}
	.nav{
			bottom: 100px;
			margin-left: 30px;
			
			}
	.nav ul li {
				list-style: none;
				margin: 0;
				padding: 0;
			  	font-family: "comfortaa";
				font-size: 25px;
				text-transform: lowercase;
				
				font-weight: 300;
				letter-spacing: 1px;
				color: #162833;
				padding: 3px;
				
				transition: 1s;
				cursor: pointer;
				
				display: flex;
				flex-flow: row wrap;
				align-items: center;
			}
}
@media (max-width:600px)  { /* portrait tablets, portrait iPad, e-readers (Nook/Kindle), landscape 800x480 phones (Android) */}
@media (max-width:480px)  {}
@media (max-width:320px)  { /* smartphones, portrait iPhone, portrait 480x320 phones (Android) */ }





#main_presentation{
	width: 100%;
	min-height: 120vh;
	height: auto;
	
	overflow-x: hidden;
	
	margin: 0;
	
	display: flex;
	flex-flow: column wrap;
	
	position: relative;
	
	background-color: white;
	
}

.main_presentation_img{
	width: 50%;
	height: 100%;
	
	margin: 0;
	padding: 0;
	
	opacity: 1;
	background-image: linear-gradient(to right, rgba(0,0,0,0), rgba(255,255,255,1)), url(images/photo_dorrea/photo_dorrea-30.jpg);
	background-position: center;
	background-size: cover;}
.main_presentation_img img{
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	
}

.main_text{
	width: 100%;
	height: auto;
	
	margin: 0;
	padding: 0;
	
	position: absolute;
	bottom: 150px;
	right: 0;
	
	opacity: 1;
	
	display: flex;
	flex-flow: column wrap;
	
}
.main_presentation_title {
	width: auto;
	height: auto;
	
	margin-right: 300px;
	
	text-align: right;
	
	font-family: "nunito";
	font-size: 150px;
	line-height: 30px;
	color: #E5764A;
	text-transform: lowercase;
	
	opacity: 0;
	
	display: none;
	
	
} 
.main_presentation_text{
	width: 65%;
	margin-left: auto;
	margin-right: 50px;
	height: auto;
	
	font-family: "nunito";
	font-size: 30px;
	font-weight: 100;
	color: #134B67;
	
	opacity: 1;
	
}

.main_presentation_pipes{
	opacity: 0.8;
	position: absolute;
	right: 0;
	top: 150px;
	margin: 0;
	width: 60px;
	margin-left: auto;
	margin-right: 300px;
	text-align: right;
}
.main_presentation_pipes2{
	opacity: 0.8;
	position: absolute;
	right: 0;
	top: 180px;
	margin: 0;
	width: 60px;
	margin-left: auto;
	margin-right: 280px;
	text-align: right;
}
.main_presentation_pipes3{
	opacity: 0.8;
	position: absolute;
	right: 0;
	top: 210px;
	margin: 0;
	width: 60px;
	margin-left: auto;
	margin-right: 260px;
	text-align: right;
}


@media (max-width:1281px) { /* hi-res laptops and desktops */ }
@media (max-width:1025px) { /* big landscape tablets, laptops, and desktops */ }
@media (max-width:767px)  { 
	#main_presentation{height: auto; min-height: 100vh; }
	.main_presentation_img{opacity: 0.3; display: none;}
	.main_text{
		position: static;
		text-align: center;
}
	.main_presentation_text{
		width: 90%;
		margin-left: auto;
		margin-right: auto;
		font-size: 28px;
		font-weight: 200;
		color: #134B67;
		opacity: 1;
	
}
	.main_presentation_pipes{display: none;}
	.main_presentation_pipes2{display: none;}
	.main_presentation_pipes3{display: none;}
}
@media (max-width:600px)  { /* portrait tablets, portrait iPad, e-readers (Nook/Kindle), landscape 800x480 phones (Android) */}
@media (max-width:480px)  {}
@media (max-width:320px)  { /* smartphones, portrait iPhone, portrait 480x320 phones (Android) */ }



#main_categories{
	width: 100%;
	height: auto;
	margin: 0;
	
	display: flex;
	flex-flow: column wrap;
	
	
	position: relative;
	
}

	.main_categories_metiers{
		width: 100%;
		margin-top: -100px;
		z-index: 10;

		display: flex;

		position: relative;

	}
		.main_categories_metiers_img{
		width: 70%;
		margin-left: auto;
		margin-right: 30px;
		cursor: pointer;
	}
		.main_categories_metiers_img img{
			width: 100%;
			border-radius: 10px;
		}
		.main_categories_metiers_img p{
			font-family: "nunito";
			font-size: 45px;
			text-transform: uppercase;
			letter-spacing: 4px;

			position: absolute;
			bottom: 20px;
			right: 120px;

			color: white;
		}
	.main_categories_metiers_text{
		width: auto;
		position: absolute;
		left: 100px;
		top: 50%;
		font-family: "nunito";
		font-size: 20px; 
		color: #134B67;
		
		padding: 0;
		margin: 0;
		padding-top: 0px;
		cursor: pointer;
	}
	.main_categories_metiers_text p{
		width: 300px;
		padding-top: 10px;
		border-top: 1px solid #E5764A;
}
	.main_categories_metiers_text a{
	text-decoration: none;
	color: #134B67;
}

.main_categories_title{
	display: flex;
	flex-flow: row wrap;
	align-items: center;
}
.main_categories_title img{
	width: 20px;
	margin-right: 20px;
}
.main_categories_title h3{
	font-family: "nunito";
	letter-spacing: 3px;
	font-size: 50px;
	text-transform: lowercase;
	font-weight: 100;
	margin: 0;
	padding: 0;
	color: #162833;
	
}

.main_categories_realisations{
	width: 100%;
	margin-top: 20px;
	z-index: 10;
	
	display: flex;
	
	position: relative;
	
}
	.main_categories_realisations_img{
		width: 70%;
		margin-right: auto;
		margin-left: 30px;
	cursor: pointer;
}
		.main_categories_realisations_img img{
			width: 100%;
			border-radius: 10px;
		}
		.main_categories_realisations_img p{
			font-family: "nunito";
			font-size: 45px;
			text-transform: uppercase;
			letter-spacing: 4px;

			position: absolute;
			bottom: 20px;
			left: 120px;

			color: white;
		}
	.main_categories_realisations_text{
		width: auto;
		position: absolute;
		right: 100px;
		top: 50%;
		font-family: "nunito";
		font-size: 20px; 
		color: #134B67;
		padding: 0;
		margin: 0;
		padding-top: 0px;
		text-align: right;
		cursor: pointer;
	}
	.main_categories_realisations_text p{
		width: 300px;
		border-top: 1px solid #E5764A;
		padding-top: 10px;
		margin-left: auto;
}
	.main_categories_realisations_text a{
	text-decoration: none;
	color: #134B67;
}

@keyframes fadein {
					0% {
						margin-right: 200px;
						opacity: 0;

					}
	
					
					
					100% {
						margin-left: auto;
						opacity: 1;
					}
				}


@media (max-width:1281px) { /* hi-res laptops and desktops */ }
@media (max-width:1025px) { /* big landscape tablets, laptops, and desktops */ }
@media (max-width:767px)  { 
	.main_categories_metiers{
		width: 100%;
		margin-top: 0px;
		margin-right: 0;
		display: block;
		margin: 0;
		padding: 0;
		height: auto;
	}
	.main_categories_metiers_img{
		width: 90%;
		margin-left: auto;
		margin-right: auto;
	}
	.main_categories_metiers_text{
		width: 90%;
		margin-left: auto;
		margin-right: auto;
		position: static;
		font-size: 18px; 
		text-align: center;
	}
	.main_categories_metiers_text p{
		width: 100%;
		padding-top: 10px;
		border-top: 1px solid #E5764A;
}
	
	.main_categories_realisations{
		width: 100%;
		margin-top: 0px;
		margin-right: 0;
		display: block;
		margin: 0;
		padding: 0;
		height: auto;
		
		margin-top: 50px;
	}
	.main_categories_realisations_img{
		width: 90%;
		margin-left: auto;
		margin-right: auto;
	}
	.main_categories_realisations_text{
		width: 90%;
		margin-left: auto;
		margin-right: auto;
		position: static;
		font-size: 18px; 
		text-align: center;
	}
	.main_categories_realisations_text p{
		width: 100%;
		padding-top: 10px;
		border-top: 1px solid #E5764A;
}
	
	.main_categories_title{text-align: center; justify-content: center; margin-top: 30px;}
	.main_categories_title h3{
	font-family: "nunito";
	letter-spacing: 3px;
	font-size: 30px;
	text-transform: lowercase;
	font-weight: 100;
	margin: 0;
	padding: 0;
	color: #162833;
		
	
}
}
@media (max-width:600px)  { /* portrait tablets, portrait iPad, e-readers (Nook/Kindle), landscape 800x480 phones (Android) */}
@media (max-width:480px)  { .header_h1{font-size: 25px;} }
@media (max-width:320px)  { /* smartphones, portrait iPhone, portrait 480x320 phones (Android) */ }





#main_contact{
	width: 100%;
	height: auto;
	min-height: 120vh;
	
	
	background-image: linear-gradient(rgba(255,255,255,1), rgba(255,255,255,0.5)), url(images/photo_massouria/photo_massouria-4.jpg);
	background-position: center;
	background-size: cover;
	
	display: flex;
	flex-flow: column wrap;
}

.main_contact_text{
	width: 65%;
	
	margin-top: 300px;
	margin-left: auto;
	margin-right: 50px;
	
	opacity: 1;
	cursor: pointer;
}
.main_contact_text a{
	text-decoration: none;
	color: inherit;}
.main_contact_title {
	font-family: "libre";
	font-size: 30px;
	color: #E5764A;
	text-transform: lowercase;
	letter-spacing: 3px;
	text-align: right;
	
	margin-right: 100px;
	
	opacity: 0;
	
} 
.main_contact_txt {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	font-family: "nunito";
	font-size: 30px;
	font-weight: 100;
	color: #134B67;
}




@media (max-width:1281px) { /* hi-res laptops and desktops */ }
@media (max-width:1025px) { /* big landscape tablets, laptops, and desktops */ }
@media (max-width:767px)  { 
	.main_contact_text{
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 50vh;
		
	opacity: 1;
	cursor: pointer;
}

.main_contact_title { width: 100%; font-size: 30px; text-align: center;} 
.main_contact_txt {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	font-family: "nunito";
	font-size: 25px;
	font-weight: 100;
	color: #134B67;
	
	text-align: center;
}
}
@media (max-width:600px)  { /* portrait tablets, portrait iPad, e-readers (Nook/Kindle), landscape 800x480 phones (Android) */}
@media (max-width:480px)  {  }
@media (max-width:320px)  { /* smartphones, portrait iPhone, portrait 480x320 phones (Android) */ }




footer{
	width: 100%;
	height: auto;
	
	background-color:#172934;
	
  	padding:100px 0 20px;
	
	font-family: "nunito";
  	font-size:14px;
  	line-height:24px;
	
	display: flex;
	flex-flow: row wrap;
	justify-content: space-around;
	text-align: center;
}

.footer_container{
	width: 70%;
	margin-left: auto;
	margin-right: auto;
	
	display: flex;
	flex-flow: row wrap;
}

.footer_box{width: 50%; }
.footer_box p {
	font-size: 20px; 
	letter-spacing: 0.5px; 
	padding: 0;margin: 0; 
	text-align: left; 
	width: 90%; 
	color:#f0f7fd;}
.footer_box a{
  color:#737373;
}
.footer_box a:hover{
  color:#3366cc;
  text-decoration:none;
}

.footer_box2{width: 50%; display: flex; flex-flow: row wrap;}
.footer_box2 h6{
  color:#fff;
  font-size:16px;
  text-transform:uppercase;
	margin: 0;
	padding: 0;
  margin-top:15px;
	margin-bottom: 15px;
  letter-spacing:2px;
}
.footer_box2 p {padding: 0;margin: 0; }
.footer_box2 a{
  color:#737373;
}
.footer_box2 a:hover{
  color:#3366cc;
  text-decoration:none;
}



.footer-links{
	margin: 0;
	padding: 0;
  	list-style:none;
}
.footer-links li{
  display:block;
	margin: 0;
	padding: 0;
	padding: 5px;
	text-align: left;
}
.footer-links a{
  color:white;
	text-decoration: none;
}
.footer-links a:hover{
  color:#E5764A;
  text-decoration:none;
}
.footer-links.inline li{
  display:inline-block
}

.copyright-text{
  margin:0
}

@media (max-width:991px){
  .site-footer [class^=col-]
  {
    margin-bottom:30px
  }
}
@media (max-width:767px){
  .site-footer
  {
    padding-bottom:0
  }
  .site-footer .copyright-text,.site-footer .social-icons
  {
    text-align:center
  }
}


.footer_credits{
	font-family: "comfortaa";
	text-transform: uppercase;
	letter-spacing: 3px;
	font-size: 10px;
	width: 70%;
	margin-left: auto;
	margin-right: auto;
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	text-align: center;
	color:#fff;
	padding-top: 100px;
	padding-bottom: 50px;
}
.footer_credits a{color: inherit; text-decoration: none;}

.social-icons{
	margin: 0;
	padding: 0;
	list-style:none;
	text-align: left;
	justify-content: center;
}
.social-icons li{
  display:inline-block;
	margin: 0;
	padding: 0;
	margin: 5px;
	margin-top: 20px;
  margin-bottom:4px;
}
.social-icons li a{text-align: none;}
.social-icons img{width: 25px;}

@media (max-width:767px){
  .social-icons li.title
  {
    display:block;
    margin-right:0;
    font-weight:600
  }
}

.maclav{
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	justify-content: center;
	align-content: center;
	
	padding: 0;
	margin: 0;
}
.maclav p {margin: 0;padding: 0;}
.maclav img{margin-right:10px;}

.maclav_img{
	width: 50px;
}
.maclav_text{
	font-size: 20px;
	text-transform: uppercase;
}

@media (max-width:1281px) { /* hi-res laptops and desktops */ }
@media (max-width:1025px) { /* big landscape tablets, laptops, and desktops */ }
@media (max-width:767px)  { 
	.footer_container{
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	
	display: flex;
	flex-flow: column wrap;
}
	.footer_box{width: 100%; text-align: center;justify-content: center;}
	.footer_box p {
	text-align: center;;
	width: 90%; 
		margin-left: auto;
		margin-right: auto;}
	.footer_box2{width: 100%; text-align: center;justify-content: center;}
	.footer_box2 p {
	text-align: center;;
	width: 90%; 
		margin-left: auto;
		margin-right: auto;}
	
	.social-icons{
	margin: 0;
	padding: 0;
	list-style:none;
	text-align: center;
	justify-content: center;
		margin-top: 50px;
}
	.social-icons li{
	margin: 25px;
}
	
	.footer-links{
	margin: 0;
	padding: 0;
  	list-style:none;
		
		text-align: center;
		justify-content: center;
		
		margin-bottom: 50px;
		font-size: 20px;
}
	.footer-links li{
  display:block;
	margin: 0;
	padding: 0;
	padding: 5px;
	text-align: center;
}
}
@media (max-width:600px)  { /* portrait tablets, portrait iPad, e-readers (Nook/Kindle), landscape 800x480 phones (Android) */}
@media (max-width:480px)  {  }
@media (max-width:320px)  { /* smartphones, portrait iPhone, portrait 480x320 phones (Android) */ }




















/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*------------------------------------- NOS METIERS -----------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/




#nosmetiers_landing{
	
	width: 100%;
	min-height: 90vh;
	height: auto;
	
	padding: 0;
	margin: 0;
	
	background-image: linear-gradient(rgba(255,255,255,0.1), rgba(255,255,255,1)), url(images/photo_massouria/photo_massouria-12.jpg);
	background-position: center;
	background-size: cover;
	
	position: relative;
	
	overflow-x: hidden;
}
	
.nosmetiers_wrapper{
		margin: 0;
		padding: 0;
		
		position: absolute;
		bottom: 70px;
		left: 130px;
		width: auto;

		animation-name: slidein2;
		animation-duration: 2s;
		
		
}
	.nosmetiers_title{
	display: flex;
	flex-flow:  row wrap;
	align-items: center;
		
	opacity: 1;
		
		width: auto;
}
	.nosmetiers_title img{width: 50px; margin-left: 50px; margin-right: 20px; opacity: 0.8}
	.nosmetiers_title h1{
			font-family: "nunito";
			color: #292318;
			font-size: 75px;
			letter-spacing: 4px;
			font-weight: 100;
			text-transform: lowercase;

			padding: 0;
			margin: 0;
			margin-bottom: 0px;
			margin-left: 10px;
		
			animation-name: slidein2;
		animation-duration: 1s;


		}
	.nosmetiers_wrapper p{
		width: 70%;
			font-family: "nunito";
			color: black;
			text-transform: none;
			font-size: 20px;
			letter-spacing: 1.5px;
			font-weight: 400;

			padding: 0;
			margin: 0;
			margin-top: 50px;
		
		display: none;

		}

.nosmetiers_landing_presentation_smallscreens{
	width: 100%;
	height: auto;
	display: none;
}
.nosmetiers_landing_presentation_smallscreens p{
	
		width: 90%;
		margin-right: auto;
		margin-left: auto;
	
		font-family: "nunito";
		color: black;
		text-transform: none;
		text-align: center;
	
		font-size: 25px;
		text-align: center;
		letter-spacing: 1px;
		font-weight: 0;

			padding: 0;
			margin-top: 50px;
			margin-bottom: 50px;
	

		}

@media (max-width:1281px) { /* hi-res laptops and desktops */ }
@media (max-width:1025px) { /* big landscape tablets, laptops, and desktops */ }
@media (max-width:767px)  { 
	#nosmetiers_landing{
	
	width: 100%;
	height: auto;
		min-height: 90vh;
	
	padding: 0;
	margin: 0;
	
	background-image: linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1)), url(images/photo_massouria/photo_massouria-12.jpg);
	background-position: center;
	background-size: cover;
	
	position: relative;
	
		
		
}
	.nosmetiers_wrapper{
		
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		
		animation-name: slidein2;
		animation-duration: 2s;
		
		
			margin-bottom: 50px;
		
}
	.nosmetiers_title{
	display: flex;
	flex-flow:  row wrap;
	align-items: center;
	justify-content: center;
	opacity: 1;
		
		width: auto;
}
	.nosmetiers_title img{
		width: 25px; 
		margin-left: 0px; 
		margin-right: 20px; 
		opacity: 0.8;
		margin-bottom: 0px;
	}
	.nosmetiers_title h1{
			font-family: "nunito";
			color: #292318;
			font-size: 12vw;
			letter-spacing: 3px;
			font-weight: 100;
			text-transform: lowercase;

			padding: 0;
			margin: 0;
			margin-bottom: 0px;
			margin-left: 0px;
		
			animation-name: slidein2;
		animation-duration: 1s;


		}
	.nosmetiers_wrapper p{display: none;}
	.nosmetiers_landing_presentation_smallscreens{
			display: block;
			font-weight: 100;
		
			display: none;
		}
}
@media (max-width:600px)  { /* portrait tablets, portrait iPad, e-readers (Nook/Kindle), landscape 800x480 phones (Android) */}
@media (max-width:480px)  {  }
@media (max-width:320px)  { /* smartphones, portrait iPhone, portrait 480x320 phones (Android) */ }


#nosmetiers_categories{
	width: 100%;
	height: auto;
	margin: 0;
	
	display: flex;
	flex-flow: column wrap;
	
	
	position: relative;
	
	overflow-x: hidden;
	
}

.nosmetiers_categories_img1{
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 50px;
	z-index: 10;
	
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	
	position: relative;
	
}
	.nosmetiers_categories_txt1{
		width: 40%;
		margin-left: auto;
		margin-right: auto;
		display: block;
	}
		.nosmetiers_categories_title1{
		font-family: "nunito";
		font-size: 30px;
		text-transform: uppercase;
		letter-spacing: 4px;
		padding: 0;
		margin: 0;
			margin-bottom: 10px;

		 color: #292318;
	}
		.nosmetiers_categories_text1{
		font-family: "nunito";
		color: #292318;
		text-transform: none;
		font-size: 14px;
		letter-spacing: 0.5px;
		border-top: 1px solid #E5764A;
		padding: 0;
		margin: 0;
		margin-left: auto;
		margin-right: auto;
		padding-top: 10px;
	}
	.nosmetiers_categories_img1 img{
		width: 50%;
		margin-left: auto;
		margin-right: 0px;
		border-radius: 10px;
	}
.nosmetiers_categories_img_smallscreen{display: none;}
.nosmetiers_categories_img_bigscreen{display: block;}

.nosmetiers_categories_img2{
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 50px;
	z-index: 10;
	
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	
	position: relative;
	
}
	.nosmetiers_categories_txt2{
		width: 40%;
		margin-left: auto;
		margin-right: auto;
		display: block;
	}
		.nosmetiers_categories_title2{
			font-family: "nunito";
		font-size: 30px;
		text-transform: uppercase;
		letter-spacing: 4px;
		padding: 0;
		margin: 0;
			margin-bottom: 10px;

		 color: #292318;
		}
		.nosmetiers_categories_text2{
			font-family: "nunito";
			color: #292318;
			text-transform: none;
			font-size: 14px;
			letter-spacing: 1px;
			border-top: 1px solid #E5764A;
			padding: 0;
			margin: 0;
			margin-left: auto;
			margin-right: auto;
			padding-top: 10px;
}
.nosmetiers_categories_img2 img{
	width: 50%;
	margin-right: auto;
	margin-left: 0px;
	border-radius: 10px;
}

.nosmetiers_categories_img3{
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 50px;
	z-index: 10;
	
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	
	position: relative;
	
}
	.nosmetiers_categories_txt3{
		width: 40%;
		margin-left: auto;
		margin-right: auto;
		display: block;
	}
		.nosmetiers_categories_title3{
		font-family: "nunito";
		font-size: 30px;
		text-transform: uppercase;
		letter-spacing: 4px;
		padding: 0;
		margin: 0;
			margin-bottom: 10px;

		 color: #292318;
	}
		.nosmetiers_categories_text3{
		font-family: "nunito";
		color: #292318;
		text-transform: none;
		font-size: 14px;
		letter-spacing: 0.5px;
		border-top: 1px solid #E5764A;
		padding: 0;
		margin: 0;
		margin-left: auto;
		margin-right: auto;
		padding-top: 10px;
	}
	.nosmetiers_categories_img3 img{
		width: 50%;
		margin-left: auto;
		margin-right: 0px;
		border-radius: 10px;
	}

.nosmetiers_categories_img4{
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 50px;
	z-index: 10;
	
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	
	position: relative;
	
}
	.nosmetiers_categories_txt4{
		width: 40%;
		margin-left: auto;
		margin-right: auto;
		display: block;
	}
		.nosmetiers_categories_title4{
			font-family: "nunito";
		font-size: 30px;
		text-transform: uppercase;
		letter-spacing: 4px;
		padding: 0;
		margin: 0;
			margin-bottom: 10px;

		 color: #292318;
		}
		.nosmetiers_categories_text4{
			font-family: "nunito";
			color: #292318;
			text-transform: none;
			font-size: 14px;
			letter-spacing: 1px;
			border-top: 1px solid #E5764A;
			padding: 0;
			margin: 0;
			margin-left: auto;
			margin-right: auto;
			padding-top: 10px;
}
.nosmetiers_categories_img4 img{
	width: 50%;
	margin-right: auto;
	margin-left: 0px;
	border-radius: 10px;
}


@media (max-width:1281px) { /* hi-res laptops and desktops */ }
@media (max-width:1025px) { /* big landscape tablets, laptops, and desktops */ }
@media (max-width:767px)  { 
	.nosmetiers_categories_img1{flex-flow: column wrap;}
	.nosmetiers_categories_txt1{width: 100%;}
	.nosmetiers_categories_title1{
		text-align: center;
	}
	.nosmetiers_categories_text1{
		font-family: "nunito";
		color: #292318;
		text-transform: none;
		font-size: 18px;
		letter-spacing: 0.5px;
		border-top: 1px solid #E5764A;
		padding: 0;
		margin: 0;
		margin-left: auto;
		margin-right: auto;
		padding-top: 10px;
	}
	.nosmetiers_categories_img1 img{
		width: 100%;
	}
	.nosmetiers_categories_img_smallscreen{display: block; margin-bottom: 50px;}
	.nosmetiers_categories_img_bigscreen{display: none;}
	
	.nosmetiers_categories_img2{flex-flow: column wrap;}
	.nosmetiers_categories_txt2{width: 100%;}
	.nosmetiers_categories_title2{
		text-align: center;
	}
	.nosmetiers_categories_text2{
		font-family: "nunito";
		color: #292318;
		text-transform: none;
		font-size: 18px;
		letter-spacing: 0.5px;
		border-top: 1px solid #E5764A;
		padding: 0;
		margin: 0;
		margin-left: auto;
		margin-right: auto;
		padding-top: 10px;
	}
	.nosmetiers_categories_img2 img{
		width: 100%;
		margin-bottom: 50px;
	}
	
	.nosmetiers_categories_img3{flex-flow: column wrap;}
	.nosmetiers_categories_txt3{width: 100%;}
	.nosmetiers_categories_title3{
		text-align: center;
	}
	.nosmetiers_categories_text3{
		font-family: "nunito";
		color: #292318;
		text-transform: none;
		font-size: 18px;
		letter-spacing: 0.5px;
		border-top: 1px solid #E5764A;
		padding: 0;
		margin: 0;
		margin-left: auto;
		margin-right: auto;
		padding-top: 10px;
	}
	.nosmetiers_categories_img3 img{
		width: 100%;
	}
	
	.nosmetiers_categories_img4{flex-flow: column wrap;}
	.nosmetiers_categories_txt4{width: 100%;}
	.nosmetiers_categories_title4{
		text-align: center;
	}
	.nosmetiers_categories_text4{
		font-family: "nunito";
		color: #292318;
		text-transform: none;
		font-size: 18px;
		letter-spacing: 0.5px;
		border-top: 1px solid #E5764A;
		padding: 0;
		margin: 0;
		margin-left: auto;
		margin-right: auto;
		padding-top: 10px;
	}
	.nosmetiers_categories_img4 img{
		width: 100%;
		margin-bottom: 50px;
	}
	
}
@media (max-width:600px)  { /* portrait tablets, portrait iPad, e-readers (Nook/Kindle), landscape 800x480 phones (Android) */}
@media (max-width:480px)  {  }
@media (max-width:320px)  { /* smartphones, portrait iPhone, portrait 480x320 phones (Android) */ }




#nosmetiers_categories_realisations{
	width: 100%;
	height: auto;
	min-height: 120vh;
	
	
	background-image: linear-gradient(to right, rgba(255,255,255,0.5), rgba(255,255,255,1)), url(images/photo_massouria/photo_massouria-14.jpg);
	background-position: center;
	background-size: cover;
	
	display: flex;
	flex-flow: column wrap;
	
	overflow-x: hidden;
}

.nosmetiers_categories_realisations_text{
	width: 50%;
	
	margin-top: 300px;
	margin-left: auto;
	margin-right: 100px;
	
	opacity: 1;
	cursor: pointer;
}
.nosmetiers_categories_realisations_text a{text-decoration: none; color: inherit;}
.nosmetiers_categories_realisations_title {
	font-family: "libre";
	font-size: 30px;
	color: #E5764A;
	text-transform: lowercase;
	letter-spacing: 3px;
	text-align: right;
	
	margin-right: 20px;
	
	opacity: 0;
	
} 
.nosmetiers_categories_realisations_txt {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	font-family: "nunito";
	font-size: 30px;
	font-weight: 300;
	color: #134B67;
	text-align: right;
}


@media (max-width:1281px) { /* hi-res laptops and desktops */ }
@media (max-width:1025px) { /* big landscape tablets, laptops, and desktops */ }
@media (max-width:767px)  { 
	.nosmetiers_categories_realisations_text{
	width: 90%;
		margin-left: auto;
		margin-right: auto;
	
	margin-top: 50%;
	
	opacity: 1;
}
	.nosmetiers_categories_realisations_title {
	font-family: "libre";
	font-size: 30px;
	color: #E5764A;
	text-transform: lowercase;
	letter-spacing: 3px;
	text-align: right;
	
	margin-right: 20px;
	
	opacity: 0;
	
} 
	.nosmetiers_categories_realisations_txt {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	font-family: "nunito";
	font-size: 30px;
	font-weight: 300;
	color: #134B67;
	text-align: right;
}
	
}
@media (max-width:600px)  { /* portrait tablets, portrait iPad, e-readers (Nook/Kindle), landscape 800x480 phones (Android) */}
@media (max-width:480px)  {  }
@media (max-width:320px)  { /* smartphones, portrait iPhone, portrait 480x320 phones (Android) */ }






/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*---------------------------------- NOS REALISATIONS ---------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/




#nosrealisations_landing{
	
	width: 100%;
	min-height: 80vh;
	
	padding: 0;
	margin: 0;
	
	background-image: linear-gradient(rgba(255,255,255,0.1), rgba(255,255,255,1)), url(images/photo_massouria/photo_massouria-7.jpg);
	background-position: center;
	background-size: cover;
	
	position: relative;
	
	overflow-x: hidden;
	
}

.nosrealisations_wrapper{
	margin: 0;
		padding: 0;
	
		position: absolute;
		bottom: 50px;
		left: 150px;
		width: auto;

		animation-name: slidein2;
		animation-duration: 2s;
		
}
	.nosrealisations_title{
	display: flex;
	flex-flow:  row wrap;
	align-items: center;
		
	opacity: 1;
		
}
	.nosrealisations_title img{width: 3vw; margin-left: 50px; margin-right: 20px; opacity: 0.8}
	.nosrealisations_title h1{
			font-family: "nunito";
			color: #292318;
			font-size: 6vw;
			letter-spacing: 4px;
			font-weight: 100;
			text-transform: lowercase;

			padding: 0;
			margin: 0;
			margin-bottom: 0px;
			margin-left: 10px;
		
			animation-name: slidein2;
		animation-duration: 1s;


		}

	.nosrealisations_wrapper p{
		width: 70%;
			font-family: "nunito";
		font-size: 20px;
			color: black;
			text-transform: none;
			letter-spacing: 1.5px;
			font-weight: 400;

			padding: 0;
			margin: 0;
			margin-top: 50px;

		}
	.nosrealisations_text{font-size: 14px}

	.nosrealisations_title2{
	display: flex;
	flex-flow:  row wrap;
	align-items: center;
		
	opacity: 1;
		cursor: pointer;
		
}
	.nosrealisations_title2_img{width: 20px; margin-left: 30px; margin-right: 20px; opacity: 0.8}
	.nosrealisations_title2_h1{
			font-family: "nunito";
			color: #292318;
			font-size: 6vw;
			letter-spacing: 4px;
			font-weight: 100;
			text-transform: lowercase;

			padding: 0;
			margin: 0;
			margin-bottom: 0px;
			margin-left: 10px;
		
			animation-name: slidein2;
		animation-duration: 1s;


		}
	.nosrealisations_title2_h2{
			font-family: "nunito";
			color: #292318;
			font-size: 18px;
			letter-spacing: 4px;
			font-weight: 100;
			text-transform: lowercase;

			padding: 0;
			margin: 0;
			margin-bottom: 0px;
			margin-left: 10px;
		
			animation-name: slidein2;
		animation-duration: 1s;
		transition: 1s;


		}

	.nosrealisations_landing_presentation_bigscreens{
		width: 70%;
		height: auto;
		margin-left: 150px;
		margin-bottom: 50px;
}
	.nosrealisations_landing_presentation_bigscreens p{
	
		font-family: "nunito";
		color: black;
		text-transform: none;
	
		font-size: 20px;
		letter-spacing: 1px;
		font-weight: 400;

			padding: 0;
			margin-top: 0px;
			margin-bottom: 30px;
	

		}

	.nosrealisations_landing_presentation_smallscreens{
	width: 100%;
	height: auto;
	display: none;
}
	.nosrealisations_landing_presentation_smallscreens p{
	
		width: 90%;
		margin-right: auto;
		margin-left: auto;
	
		font-family: "nunito";
		color: black;
		text-transform: none;
		text-align: center;
	
		font-size: 25px;
		text-align: center;
		letter-spacing: 1px;
		font-weight: 100;

			padding: 0;
			margin-top: 50px;
			margin-bottom: 50px;
	

		}


@media (max-width:1281px) { /* hi-res laptops and desktops */ }
@media (max-width:1025px) { /* big landscape tablets, laptops, and desktops */ }
@media (max-width:767px)  { 
	#nosrealisations_landing{
	
	width: 100%;
	height: auto;
		min-height: 80vh;
	
	padding: 0;
	margin: 0;
	
	background-image: linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1)), url(images/photo_massouria/photo_massouria-7.jpg);
	background-position: center;
	background-size: cover;
	
	position: relative;
	
		
		
}
	.nosrealisations_wrapper{
		
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		
		animation-name: slidein2;
		animation-duration: 2s;
		
}
	.nosrealisations_title{
	display: flex;
	flex-flow:  row wrap;
	align-items: center;
		justify-content: center;
		
	opacity: 1;
		
		width: auto;
		
		
}
	.nosrealisations_title img{
		width: 20px; 
		margin-left: 0px;
		margin-right: 20px; 
		opacity: 0.8;
		margin-bottom: 0px;
	}
	.nosrealisations_title h1{
			font-family: "nunito";
			color: #292318;
			font-size: 10vw;
			letter-spacing: 3px;
			font-weight: 100;
			text-transform: lowercase;

			padding: 0;
			margin: 0;
			margin-bottom: 0px;
			margin-left: 0px;
		
			animation-name: slidein2;
		animation-duration: 1s;


		}
	.nosrealisations_wrapper p{display: none;}
	
	.nosrealisations_landing_presentation_bigscreens{
		display: none;
}
	.nosrealisations_landing_presentation_smallscreens{
			display: block;
		
		}
}
@media (max-width:600px)  { /* portrait tablets, portrait iPad, e-readers (Nook/Kindle), landscape 800x480 phones (Android) */}
@media (max-width:480px)  {  }
@media (max-width:320px)  { /* smartphones, portrait iPhone, portrait 480x320 phones (Android) */ }



#nosrealisations_categories{
	width: 100%;
	height: auto;
	margin: 0;
	
	display: flex;
	flex-flow: column wrap;
	
	
	position: relative;
	
	overflow-x: hidden;
}


#nosrealisations_categories_main{
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	height: auto;
	
	display: flex;
	flex-flow: row wrap;
	
	
	position: relative;
	
	overflow-x: hidden;
}
.nosrealisations_categories_box{
	width: 50%;
	position: relative;
	text-align: center;
	margin-bottom: 50px;
	cursor: pointer;
}
.nosrealisations_categories_box img{
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	border-radius: 5px;
}
.nosrealisations_categories_box p{
	margin: 0;
	padding: 5px 10px 5px 10px;
	border-radius: 5px;
	
	position: absolute;
	left: 50%;
	bottom: 20px;
	transform: translate(-50%, 0%);
	
	font-family: "nunito";
	background-color: #172934;
	color: aliceblue;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 12px;
}


.nosrealisations_categories_img1{
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 50px;
	z-index: 10;
	
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	
	position: relative;
	
}
	.nosrealisations_categories_txt1{
		width: 40%;
		margin-left: auto;
		margin-right: auto;
		display: block;
	}
		.nosrealisations_categories_title1{
		font-family: "nunito";
		font-size: 30px;
		text-transform: uppercase;
		letter-spacing: 4px;
		padding: 0;
		margin: 0;
			margin-bottom: 10px;

		 color: #292318;
	}
		.nosrealisations_categories_text1{
		font-family: "nunito";
		color: #292318;
		text-transform: none;
		font-size: 14px;
		letter-spacing: 0.5px;
		border-top: 1px solid #E5764A;
		padding: 0;
		margin: 0;
		margin-left: auto;
		margin-right: auto;
		padding-top: 10px;
	}
	.nosrealisations_categories_img1 img{
		width: 50%;
		margin-left: auto;
		margin-right: 0px;
		border-radius: 10px;
	}

.nosrealisations_categories_img2{
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 50px;
	z-index: 10;
	
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	
	position: relative;
	
}
	.nosrealisations_categories_txt2{
		width: 40%;
		margin-left: auto;
		margin-right: auto;
		display: block;
	}
		.nosrealisations_categories_title2{
			font-family: "nunito";
		font-size: 30px;
		text-transform: uppercase;
		letter-spacing: 4px;
		padding: 0;
		margin: 0;
			margin-bottom: 10px;

		 color: #292318;
		}
		.nosrealisations_categories_text2{
			font-family: "nunito";
			color: #292318;
			text-transform: none;
			font-size: 14px;
			letter-spacing: 1px;
			border-top: 1px solid #E5764A;
			padding: 0;
			margin: 0;
			margin-left: auto;
			margin-right: auto;
			padding-top: 10px;
}
.nosrealisations_categories_img2 img{
	width: 50%;
	margin-right: auto;
	margin-left: 0px;
	border-radius: 10px;
}


@media (max-width:1281px) { /* hi-res laptops and desktops */ }
@media (max-width:1025px) { /* big landscape tablets, laptops, and desktops */ }
@media (max-width:767px)  { 
	#nosrealisations_categories_main{
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	height: auto;
	
	display: flex;
	flex-flow: column wrap;
		justify-content: center;
	
	
	position: relative;
	
	overflow-x: hidden;
}
	.nosrealisations_categories_box{
	width: 100%;
	position: relative;
	text-align: center;
	margin-bottom: 50px;
	cursor: pointer;
}
}
@media (max-width:600px)  { /* portrait tablets, portrait iPad, e-readers (Nook/Kindle), landscape 800x480 phones (Android) */}
@media (max-width:480px)  {  }
@media (max-width:320px)  { /* smartphones, portrait iPhone, portrait 480x320 phones (Android) */ }



.nosrealisations_project_bg{
	width: 100%;
	height: 30vh;
	
	padding: 0;
	margin: 0;
	
	background-image: linear-gradient(rgba(255,255,255,0.1), rgba(255,255,255,1)), url(images/photo_massouria/photo_massouria-33.jpg);
	background-position: center;
	background-size: cover;
	
	position: relative;
	
	overflow-x: hidden;
}
.nosrealisations_project{
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 50px;
	z-index: 10;
	
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	
	position: relative;
	
}
	.nosrealisations_categories_txt1{
		width: 40%;
		margin-left: auto;
		margin-right: auto;
		display: block;
	}
		.nosrealisations_categories_title1{
		font-family: "nunito";
		font-size: 30px;
		text-transform: uppercase;
		letter-spacing: 4px;
		padding: 0;
		margin: 0;
			margin-bottom: 10px;

		 color: #292318;
	}
		.nosrealisations_categories_text1{
		font-family: "nunito";
		color: #292318;
		text-transform: none;
		font-size: 14px;
		letter-spacing: 0.5px;
		border-top: 1px solid #E5764A;
		padding: 0;
		margin: 0;
		margin-left: auto;
		margin-right: auto;
		padding-top: 10px;
	}
.nosrealisations_project_hyphen{width: 10px; margin-left: 10px;}
.nosrealisations_project_img{
	width: 50%;
	margin-right: auto;
	margin-left: 0px;
	border-radius: 10px;
}

#hyphen2{transition: 1s;}
.nosrealisations_title2_h2:hover{margin-left: 20px;}


@media (max-width:1281px) { /* hi-res laptops and desktops */ }
@media (max-width:1025px) { /* big landscape tablets, laptops, and desktops */ }
@media (max-width:767px)  { 
	.nosrealisations_project{
	flex-flow: column wrap;
	
}
	.nosrealisations_categories_txt1{
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		display: block;
	}
	.nosrealisations_project_img{
		display: none;
}
}
@media (max-width:600px)  { /* portrait tablets, portrait iPad, e-readers (Nook/Kindle), landscape 800x480 phones (Android) */}
@media (max-width:480px)  {  }
@media (max-width:320px)  { /* smartphones, portrait iPhone, portrait 480x320 phones (Android) */ }



/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*---------------------------------- NOTRE ENTREPRISE ---------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/



#notreentreprise_landing{
	
	width: 100%;
	min-height: 80vh;
	height: auto;
	
	padding: 0;
	margin: 0;
	border: none;
	
	background-image: linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1)), url(images/photo_massouria/photo_massouria-10.jpg);
	background-position: center;
	background-size: cover;
	
	position: relative;
	
	overflow: hidden;
	
}

.notreentreprise_wrapper{
	margin: 0;
		padding: 0;
		
		position: absolute;
		bottom: 50px;
		left: 150px;
		width: auto;

		animation-name: slidein2;
		animation-duration: 2s;
		
		
}
	.notreentreprise_title{
	display: flex;
	flex-flow:  row wrap;
	align-items: center;
		
	opacity: 1;
		
}
	.notreentreprise_title img{width: 50px; margin-left: 50px; margin-right: 20px; opacity: 0.8}
	.notreentreprise_title h1{
			font-family: "nunito";
			color: #292318;
			font-size: 6vw;
			letter-spacing: 4px;
			font-weight: 100;
			text-transform: lowercase;

			padding: 0;
			margin: 0;
			margin-bottom: 0px;
			margin-left: 10px;
		
			animation-name: slidein2;
		animation-duration: 1s;


		}
	.notreentreprise_wrapper p{
		width: 70%;
			font-family: "nunito";
			color: black;
			text-transform: none;
			font-size: 20px;
			letter-spacing: 1.5px;
			font-weight: 0px;

			padding: 0;
			margin: 0;
			margin-top: 50px;

		}

.notreentreprise_landing_presentation_bigscreens{
	margin: 0;
	padding: 0;
	border: none;
		width: 70%;
		height: auto;
		margin-left: 150px;
		margin-bottom: 50px;
}
.notreentreprise_landing_presentation_bigscreens p{
	
		font-family: "nunito";
		color: black;
		text-transform: none;
	
		font-size: 20px;
		letter-spacing: 1px;
		font-weight: 400;

			padding: 0;
			margin-top: 0px;
			margin-bottom: 30px;
	

		}

.notreentreprise_landing_presentation_smallscreens{
	width: 100%;
	height: auto;
	display: none;
}
.notreentreprise_landing_presentation_smallscreens p{
	
		width: 90%;
		margin-right: auto;
		margin-left: auto;
	
		font-family: "nunito";
		color: black;
		text-transform: none;
		text-align: center;
	
		font-size: 25px;
		text-align: center;
		letter-spacing: 1px;
		font-weight: 100;

			padding: 0;
			margin-top: 50px;
			margin-bottom: 50px;
	

		}

@media (max-width:1281px) { /* hi-res laptops and desktops */ }
@media (max-width:1025px) { /* big landscape tablets, laptops, and desktops */ }
@media (max-width:767px)  { 
	#notreentreprise_landing{
	
	width: 100%;
	height: auto;
		min-height: 80vh;
	
	padding: 0;
	margin: 0;
	
	background-image: linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1)), url(images/photo_massouria/photo_massouria-12.jpg);
	background-position: center;
	background-size: cover;
	
	position: relative;
	
		
		
}
	.notreentreprise_wrapper{
		
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		
		animation-name: slidein2;
		animation-duration: 2s;
		
		
}
	.notreentreprise_title{
	display: flex;
	flex-flow:  row wrap;
	align-items: center;
		justify-content: center;
		
	opacity: 1;
		
		width: auto;
}
	.notreentreprise_title img{
		width: 20px; 
		margin-left: 0px; 
		margin-right: 20px; 
		opacity: 0.8;
		margin-bottom: 0px;
	}
	.notreentreprise_title h1{
			font-family: "nunito";
			color: #292318;
			font-size: 10vw;
			letter-spacing: 3px;
			font-weight: 100;
			text-transform: lowercase;

			padding: 0;
			margin: 0;
			margin-bottom: 0px;
			margin-left: 0px;
		
			animation-name: slidein2;
		animation-duration: 1s;


		}
	.notreentreprise_wrapper p{display: none; }
	
	.notreentreprise_landing_presentation_bigscreens{display: none;}
	.notreentreprise_landing_presentation_smallscreens{
			display: block;
			font-weight: 100px;
		}
}
@media (max-width:600px)  { /* portrait tablets, portrait iPad, e-readers (Nook/Kindle), landscape 800x480 phones (Android) */}
@media (max-width:480px)  {  }
@media (max-width:320px)  { /* smartphones, portrait iPhone, portrait 480x320 phones (Android) */ }


#notreentreprise_categories{
	width: 100%;
	height: auto;
	margin: 0;
	
	display: flex;
	flex-flow: column wrap;
	
	
	position: relative;
	
	overflow-x: hidden;
}

.notreentreprise_categories_img1{
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 50px;
	z-index: 10;
	
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	
	position: relative;
	
}
	.notreentreprise_categories_txt1{
		width: 40%;
		margin-left: auto;
		margin-right: auto;
		display: block;
	}
		.notreentreprise_categories_title1{
		font-family: "nunito";
		font-size: 30px;
		text-transform: uppercase;
		letter-spacing: 4px;
		padding: 0;
		margin: 0;
			margin-bottom: 10px;

		 color: #292318;
	}
		.notreentreprise_categories_text1{
		font-family: "nunito";
		color: #292318;
		text-transform: none;
		font-size: 14px;
		letter-spacing: 0.5px;
		border-top: 1px solid #E5764A;
		padding: 0;
		margin: 0;
		margin-left: auto;
		margin-right: auto;
		padding-top: 10px;
	}
	.notreentreprise_categories_img1 img{
		width: 50%;
		margin-left: auto;
		margin-right: 0px;
		border-radius: 10px;
	}

.notreentreprise_categories_img2{
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 50px;
	z-index: 10;
	
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	
	position: relative;
	
}
	.notreentreprise_categories_txt2{
		width: 40%;
		margin-left: auto;
		margin-right: auto;
		display: block;
	}
		.notreentreprise_categories_title2{
			font-family: "nunito";
		font-size: 30px;
		text-transform: uppercase;
		letter-spacing: 4px;
		padding: 0;
		margin: 0;
			margin-bottom: 10px;

		 color: #292318;
		}
		.notreentreprise_categories_text2{
			font-family: "nunito";
			color: #292318;
			text-transform: none;
			font-size: 14px;
			letter-spacing: 1px;
			border-top: 1px solid #E5764A;
			padding: 0;
			margin: 0;
			margin-left: auto;
			margin-right: auto;
			padding-top: 10px;
}
.notreentreprise_categories_img2 img{
	width: 50%;
	margin-right: auto;
	margin-left: 0px;
	border-radius: 10px;
}


.notreentreprise_categories_img3{

		width: 90%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 50px;
	z-index: 10;
	
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	
	position: relative;
	
}
	.notreentreprise_categories_txt3{
		width: 40%;
		margin-left: auto;
		margin-right: auto;
		display: block;
	}
		.notreentreprise_categories_title3{
		font-family: "nunito";
		font-size: 30px;
		text-transform: uppercase;
		letter-spacing: 4px;
		padding: 0;
		margin: 0;
			margin-bottom: 10px;

		 color: #292318;
	}
		.notreentreprise_categories_text3{
		font-family: "nunito";
		color: #292318;
		text-transform: none;
		font-size: 14px;
		letter-spacing: 0.5px;
		border-top: 1px solid #E5764A;
		padding: 0;
		margin: 0;
		margin-left: auto;
		margin-right: auto;
		padding-top: 10px;
	}
	.notreentreprise_categories_img3 img{
		width: 50%;
		margin-left: auto;
		margin-right: 0px;
		border-radius: 10px;
	}

.notreentreprise_categories_img_smallscreen{display: none;}

@media (max-width:1281px) { /* hi-res laptops and desktops */ }
@media (max-width:1025px) { /* big landscape tablets, laptops, and desktops */ }
@media (max-width:767px)  { 
	.notreentreprise_categories_img1{flex-flow: column wrap;}
	.notreentreprise_categories_txt1{width: 100%;}
	.notreentreprise_categories_title1{
		text-align: center;
	}
	.notreentreprise_categories_text1{
		font-family: "nunito";
		color: #292318;
		text-transform: none;
		font-size: 18px;
		letter-spacing: 0.5px;
		border-top: 1px solid #E5764A;
		padding: 0;
		margin: 0;
		margin-left: auto;
		margin-right: auto;
		padding-top: 10px;
	}
	.notreentreprise_categories_img1 img{
		width: 100%;
	}
	.notreentreprise_categories_img_smallscreen{display: block; margin-bottom: 50px;}
	.notreentreprise_categories_img_bigscreen{display: none;}
	
	.notreentreprise_categories_img2{flex-flow: column wrap;}
	.notreentreprise_categories_txt2{width: 100%;}
	.notreentreprise_categories_title2{
		text-align: center;
	}
	.notreentreprise_categories_text2{
		font-family: "nunito";
		color: #292318;
		text-transform: none;
		font-size: 18px;
		letter-spacing: 0.5px;
		border-top: 1px solid #E5764A;
		padding: 0;
		margin: 0;
		margin-left: auto;
		margin-right: auto;
		padding-top: 10px;
	}
	.notreentreprise_categories_img2 img{
		width: 100%;
		margin-bottom: 50px;
	}
	
	.notreentreprise_categories_img3{flex-flow: column wrap;}
	.notreentreprise_categories_txt3{width: 100%;}
	.notreentreprise_categories_title3{
		text-align: center;
	}
	.notreentreprise_categories_text3{
		font-family: "nunito";
		color: #292318;
		text-transform: none;
		font-size: 18px;
		letter-spacing: 0.5px;
		border-top: 1px solid #E5764A;
		padding: 0;
		margin: 0;
		margin-left: auto;
		margin-right: auto;
		padding-top: 10px;
	}
	.notreentreprise_categories_img3 img{
		width: 100%;
	}
	
	.notreentreprise_categories_img4{flex-flow: column wrap;}
	.notreentreprise_categories_txt4{width: 100%;}
	.notreentreprise_categories_title4{
		text-align: center;
	}
	.notreentreprise_categories_text4{
		font-family: "nunito";
		color: #292318;
		text-transform: none;
		font-size: 18px;
		letter-spacing: 0.5px;
		border-top: 1px solid #E5764A;
		padding: 0;
		margin: 0;
		margin-left: auto;
		margin-right: auto;
		padding-top: 10px;
	}
	.notreentreprise_categories_img4 img{
		width: 100%;
		margin-bottom: 50px;
	}
	
}
@media (max-width:600px)  { /* portrait tablets, portrait iPad, e-readers (Nook/Kindle), landscape 800x480 phones (Android) */}
@media (max-width:480px)  {  }
@media (max-width:320px)  { /* smartphones, portrait iPhone, portrait 480x320 phones (Android) */ }






/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*--------------------------------------- CONTACT -------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/



#contact_landing{
	
	width: 100%;
	min-height: 80vh;
	height: auto;
	
	padding: 0;
	margin: 0;
	
	background-image: linear-gradient(rgba(255,255,255,0.1), rgba(255,255,255,1)), url(images/photo_collecteur.jpg);
	background-position: 70%;
	background-size: cover;
	
	position: relative;
	overflow-x: hidden;
	
}

.contact_wrapper{
	margin: 0;
		padding: 0;
		
		position: absolute;
		bottom: 50px;
		left: 150px;
		width: auto;

		animation-name: slidein2;
		animation-duration: 2s;
		
}
	.contact_title{
	display: flex;
	flex-flow:  row wrap;
	align-items: center;
		
	opacity: 1;
		
}
	.contact_title img{width: 50px; margin-left: 50px; margin-right: 20px; opacity: 0.8}
	.contact_title h1{
			font-family: "nunito";
			color: #292318;
			font-size: 6vw;
			letter-spacing: 4px;
			font-weight: 100;
			text-transform: lowercase;

			padding: 0;
			margin: 0;
			margin-bottom: 0px;
			margin-left: 10px;
		
			animation-name: slidein2;
		animation-duration: 1s;


		}
	.contact_wrapper p{
		width: 70%;
			font-family: "nunito";
			color: black;
			text-transform: none;
			font-size: 14px;
			letter-spacing: 1.5px;
			font-weight: 900px;

			padding: 0;
			margin: 0;
			margin-top: 50px;

		}

@media (max-width:1281px) { /* hi-res laptops and desktops */ }
@media (max-width:1025px) { /* big landscape tablets, laptops, and desktops */ }
@media (max-width:767px)  { 
	#contact_landing{
	
	width: 100%;
	height: auto;
		min-height: 100vh;
	
	padding: 0;
	margin: 0;
	
	background-image: linear-gradient(rgba(255,255,255,0.1), rgba(255,255,255,1)), url(images/photo_collecteur.jpg);
	background-position: center;
	background-size: cover;
	
	position: relative;
	
		
		
}
	.contact_wrapper{
		
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		
		animation-name: slidein2;
		animation-duration: 2s;
		
		
}
	.contact_title{
	display: flex;
	flex-flow:  row wrap;
	align-items: center;
		
	opacity: 1;
		
		width: auto;
}
	.contact_title img{
		width: 20px; 
		margin-left: 50px; 
		margin-right: 20px; 
		opacity: 0.8;
		margin-bottom: 50px;
	}
	.contact_title h1{
			font-family: "nunito";
			color: #292318;
			font-size: 12vw;
			letter-spacing: 3px;
			font-weight: 100;
			text-transform: lowercase;

			padding: 0;
			margin: 0;
			margin-bottom: 50px;
			margin-left: 0px;
		
			animation-name: slidein2;
		animation-duration: 1s;


		}
	.contact_wrapper p{display: none;}
	.contact_landing_presentation_smallscreens{
			display: block;
		
		}
}
@media (max-width:600px)  { /* portrait tablets, portrait iPad, e-readers (Nook/Kindle), landscape 800x480 phones (Android) */}
@media (max-width:480px)  {  }
@media (max-width:320px)  { /* smartphones, portrait iPhone, portrait 480x320 phones (Android) */ }


#contact_categories{
	width: 90%;
	margin: 0;
	margin-left: auto;
	margin-right: auto;
	height: auto;
	
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	
	animation-name: showit;
	animation-duration: 1s;
	overflow-x: hidden;
}

.contact_categories_form{
	width: 50%;
	margin-top: 0px;
	margin-bottom: 50px;
	z-index: 10;
	
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	
	position: relative;
	
	font-family: "nunito";
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 1px;
	
}
.contact_categories_form form{
	width: 90%;
	margin: 0;
	margin-left: auto;
	margin-right: auto;
}
.contact_categories_form p{
	padding: 0;
	margin: 0;
	margin-top: 15px;
}
.contact_categories_form input{
	  width: 100%;
	  font-size: 16px;
  	  font-size: max(16px, 1em);
	  font-family: inherit;
	  background-color: #fff;
		border: none;
	  border-bottom: 1px solid black;
	margin-bottom: 10px;
	
}
.contact_categories_form textarea{
	  width: 100%;
	  font-size: 16px;
  	  font-size: max(16px, 1em);
	  font-family: inherit;
	  padding: 0.25em 0.5em;
	  background-color: #fff;
	  border-bottom: 1px solid black;
	border-radius: 5px;
	margin: 0;
	margin-top: 15px;
}
.contact_categories_form button{
	margin: 0;
	margin-top: 15px;
	
	width: 150px;
	font-family: inherit;
	font-size: 14px;
	letter-spacing: 1px;
	
	text-transform: uppercase;
	background-color: #E5764A;
	border: none;
	border-radius: 5px;
	padding: 5px;
	color: white;
	
}
#formcontact > .remarque { display:none; }

.contact_categories_map{
	width: 50%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 50px;
	z-index: 10;
	
	text-align: center;
	
	
}
.contact_categories_map iframe{
	border-radius: 5px;
	width: 90%;
	height: 300px;
	margin-left: auto;
	margin-right: auto;
	
}

.contact_categories_info{
	width: 100%;
	margin: 0;
	margin-top: 50px;
	margin-bottom: 100px;
	
	display: flex;
	flex-flow: column wrap;
	justify-content: center;
	text-align: center;
}
.contact_categories_info img{width: 200px; margin-left: auto;margin-right: auto;}
.contact_categories_info p{
	font-family: "nunito";
	font-size: 16px;
	font-weight: 400;
}
.contact_categories_info a{
	color: inherit; 
	text-decoration: none;
	border-bottom: 1px solid black;
}

.contact_landing_presentation_smallscreens{
	width: 100%;
	height: auto;
	display: none;
}
.contact_landing_presentation_smallscreens p{
	
		width: 90%;
		margin-right: auto;
		margin-left: auto;
	
		font-family: "nunito";
		color: black;
		text-transform: none;
		text-align: center;
	
		font-size: 25px;
		text-align: center;
		letter-spacing: 1px;
		font-weight: 0;

			padding: 0;
			margin-top: 50px;
			margin-bottom: 50px;
	

		}





@media (max-width:1281px) { /* hi-res laptops and desktops */ }
@media (max-width:1025px) { /* big landscape tablets, laptops, and desktops */ }
@media (max-width:767px)  { 
	#contact_categories{
	flex-flow: column wrap;
}
	.contact_categories_form{
	width: 100%;
}
	.contact_categories_map{
	width: 100%;
	
}
}
@media (max-width:600px)  { /* portrait tablets, portrait iPad, e-readers (Nook/Kindle), landscape 800x480 phones (Android) */}
@media (max-width:480px)  {  }
@media (max-width:320px)  { /* smartphones, portrait iPhone, portrait 480x320 phones (Android) */ }






.contact_messageenvoye{
	width: 100%;
	
	min-height: 100vh;
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	align-content: center;
	justify-content: center;
	
	text-align: center;
}
.contact_messageenvoye p{
	font-family: "nunito";
	font-size: 24px;
}







.gallery{
	width: 90%;
	margin-left: auto;margin-right: auto;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-around;
	
}

.gallery img{
	flex-basis: 250px;
	height: 200px;
	margin: 0px 10px 10px 0px;
	border-radius: 5px;
}










/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*----------------------------------- MENTION LEGALES ---------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/

.mentionlesgales{
	background-color: floralwhite;
	width: 100%;
	height: auto;
	min-height: 100vh;
	
	color: #172934;
	font-family: "nunito";
	

	justify-content: center;
	text-align: center;
}

.mentionlesgales_text1{
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	font-size: 20px;
	
	margin-top: 100px;
}
.mentionlesgales_text2{
	margin-top: 0px;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	font-size: 16px;
	
	margin-bottom: 50px;
}
.mentionlesgales a{color: #172934;}




/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*----------------------------------- MENTION LEGALES ---------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/

.qualifications{
	background-color: floralwhite;
	width: 100%;
	height: auto;
	
	color: #172934;
	font-family: "nunito";
	
	text-align: center;
}

.qualifications_wrap{
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	align-content: center;
	justify-content: center;
	text-align: center;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	
	
	margin-top: 100px;
	margin-bottom: 100px;
	
}
.qualifications_wrap img{
	max-width: 200px;
	height: 100%;
	margin: 10px;
}