.index_zone {
	width:100%;
	height:100vh;
	min-height:650px;
	position:relative;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center;
	box-shadow: 0px 1px 20px 3px #000000;
	}
	
@media (max-width: 880px) {
	.index_zone {
		height:fit-content;
		min-height:fit-content;
		}
	}

.index_zone h2 {
	font-size:1.8em;
	margin:0;
	margin-bottom:30px;
	}

.index_zone .content {
	margin:auto;
	width:calc(100% - 170px);
	max-width:1250px;
	height:100%;
	position:relative;
	}
	
@media (max-width: 1000px) {
	.index_zone .content {
		width:calc(100% - 50px);
		}
	}

.index_zone .content_middle {
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	height:fit-content;
	}
	
@media (max-width: 880px) {
	.index_zone .content {
		height:fit-content;
		padding:50px 0;
		}

	.index_zone .content_middle {
		position:relative;
		top:0;
		left:0;
		width:calc(100% - 50px);
		transform:none;
		}
	}

.index_zone .arrow_slides {
	position:absolute;
	right:35px;
	top:50%;
	transform:translateY(-50%);
	width:20px;
	height:80px;
	}
	
@media (max-width: 1000px), (max-height: 650px) {
	.index_zone .arrow_slides {
		display:none;
		}
	}

.index_zone .arrow_slides img {
	width:20px;
	}

.index_zone .arrow_slides .arrow_top {
	position:absolute;
	top:0;
	left:0;
	}

.index_zone .arrow_slides .arrow_bottom {
	position:absolute;
	bottom:0;
	left:0;
	}

.index_zone .arrow_slides img:not(.disabled) {
	cursor:pointer;
	}

.index_zone .arrow_slides img.disabled {
	opacity:0.5;
	}

.top {
	z-index:20;
	padding: 25px 75px;
	}

@media (max-width: 1000px), (max-height: 650px) {
	.top {
		padding: 25px;
		}
	}

.top .top_menu_container {
	width: 100%;
	height: 100%;
	position:relative;
	}

.top .top_menu_container .top_menu {
	aspect-ratio: 4/3;
	width: 100%;
	height: auto;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	font-size:16px;
	}

.top .top_menu .big-1 {
	width:50%;
	height:auto;
	aspect-ratio:1;
	position:absolute;
	top:0;
	left:0;
	}

.top .top_menu .small-1 {
	width:25%;
	height:auto;
	aspect-ratio:1;
	position:absolute;
	bottom:0;
	left:0;
	}

.top .top_menu .small-2 {
	width:25%;
	height:auto;
	aspect-ratio:1;
	position:absolute;
	bottom:0;
	left:25%;
	}

.top .top_menu .big-2 {
	width:50%;
	height:auto;
	aspect-ratio:1;
	position:absolute;
	top:0;
	right:0;
	}

.top .top_menu .small-3 {
	width:25%;
	height:auto;
	aspect-ratio:1;
	position:absolute;
	bottom:0;
	right:25%;
	}

.top .top_menu .small-4 {
	width:25%;
	height:auto;
	aspect-ratio:1;
	position:absolute;
	bottom:0;
	right:0;
	}
	
@media (max-width: 880px) and (min-width : 471px) {
	.top .top_menu_container .top_menu {
		aspect-ratio: 2/6;
		width: 400px !important;
		height: auto !important;
		font-size:5.8px !important;
		position:relative;
		top:0;
		left:0;
		transform:none;
		margin:auto;
		}
	}
	
@media (max-width: 470px) {
	.top .top_menu_container .top_menu {
		aspect-ratio: 2/6;
		width: 100% !important;
		height: auto !important;
		position:relative;
		top:0;
		left:0;
		transform:none;
		margin:auto;
		}
	}
	
@media (max-width: 880px) {
	.top .top_menu .big-1 {
		width:100%;
		height:auto;
		aspect-ratio:1;
		position:absolute;
		top:0;
		left:0;
		}

	.top .top_menu .small-1 {
		width:50%;
		height:auto;
		aspect-ratio:1;
		position:absolute;
		bottom:16.67%;
		left:0;
		}

	.top .top_menu .small-2 {
		width:50%;
		height:auto;
		aspect-ratio:1;
		position:absolute;
		bottom:16.67%;
		left:50%;
		}

	.top .top_menu .big-2 {
		width:100%;
		height:auto;
		aspect-ratio:1;
		position:absolute;
		top:33.33%;
		right:0;
		}

	.top .top_menu .small-3 {
		width:50%;
		height:auto;
		aspect-ratio:1;
		position:absolute;
		bottom:0;
		right:50%;
		}

	.top .top_menu .small-4 {
		width:50%;
		height:auto;
		aspect-ratio:1;
		position:absolute;
		bottom:0;
		right:0;
		}
	}

.top .top_menu .big-1 .content_menu,
.top .top_menu .big-2 .content_menu {
	width:93%;
	height:93%;
	margin:3.5%;
	padding:3.5%;
	}

.top .top_menu .small-1 .content_menu,
.top .top_menu .small-2 .content_menu,
.top .top_menu .small-3 .content_menu,
.top .top_menu .small-4 .content_menu {
	width:86%;
	height:86%;
	margin:7%;
	padding:7%;
	}

.top .top_menu .content_menu.content_menu_link {
	background-color:#9B592A;
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;
	border-radius:10px;
	box-shadow:2px 2px 4px 1px rgba(255,255,255,0.3);
	display:block;
	text-decoration:none;
	color:inherit;
	}

.top .top_menu .content_menu.content_menu_logo {
	color:#faedcd;
	text-align:center;
	}
	
@media (max-width: 880px) {
	.top .top_menu .content_menu.content_menu_logo {
		font-size:2em;
		}
	}

.top .top_menu .content_menu.content_menu_logo h1 {
	font-size:1.5em;
	}

.top .top_menu .content_menu.content_menu_logo span {
	display:block;
	}

.top .top_menu .content_menu.content_menu_logo span.trois_d {
	font-size:14.6em;
	line-height:0.74em;
	}

.top .top_menu .content_menu.content_menu_logo span.paysage {
	font-size:4em;
	}

.top .top_menu .content_menu.content_menu_logo span.sous_titre {
	font-size:1.05em;
	margin-top:0.83em;
	}

.top .top_menu .content_menu .box {
	border:3px solid #faedcd;
	width:100%;
	height:100%;
	border-radius:5px;
	position:relative;
	}

.top .top_menu .content_menu .box > * {
	display:none;
	}

.top .top_menu .content_menu:hover .box > * {
	display:block;
	}

.top .top_menu .content_menu .box img {
	filter: invert(91%) sepia(4%) saturate(1914%) hue-rotate(339deg) brightness(107%) contrast(96%);
	position:absolute;
	transform:translateX(-50%);
	}

.top .top_menu .content_menu .box p {
	text-align:center;
	font-family: "Rubik", sans-serif;
	color:#faedcd;
	font-weight:bold;
	}

.top .top_menu .content_menu .box.box_big {
	padding-top:80%;
	}

.top .top_menu .content_menu .box.box_big img {
	height:70% !important;
	width:auto !important;
	top:8.5%;
	left:50%;
	}

.top .top_menu .content_menu .box.box_big p {
	font-size:1.5em;
	}
	
@media (max-width: 880px) {
	.top .top_menu .content_menu .box.box_big p {
		font-size:3em;
		}
	}

.top .top_menu .content_menu .box.box_small {
	padding-top:64%;
	}

.top .top_menu .content_menu .box.box_small img {
	height:57% !important;
	width:auto !important;
	top:10.4%;
	left:50%;
	}

.top .top_menu .content_menu .box.box_small p {
	font-size:1.3em;
	}
	
@media (max-width: 880px) {
	.top .top_menu .content_menu .box.box_small p {
		font-size:2.5em;
		}
	}

.top .mobile_menu {
	filter: invert(91%) sepia(4%) saturate(1914%) hue-rotate(339deg) brightness(107%) contrast(96%);
	position:absolute;
	top:10px;
	left:15px;
	cursor:pointer;
	display:none;
	}
	
@media (max-width: 550px) {
	.top {
		padding-top:50px;
		}
	}
	
	
	
	
	
	



.index_fond_clair {
	background-color:#faedcd;
	color:#9b592a;
	}

.index_fond_fonce {
	background-color:#283518;
	color:#faedcd;
	}

.index_img h2 {
	text-align:left;
	margin-bottom:20px;
	}

.index_img .content .text > img,
.index_img .content .text > iframe,
.index_img .content .text > .before-after-container {
	width:500px !important;
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	box-shadow:2px 2px 4px 1px rgba(40,53,24,0.3);
	border-radius:5px;
	}

.index_img .content .text > img,
.index_img .content .text > iframe {
	height:auto !important;
	}

.index_img .content .text > iframe {
	aspect-ratio:500/350 !important;
	}

.index_img.index_fond_clair .content .text > img,
.index_img.index_fond_clair .content .text > iframe,
.index_img.index_fond_clair .content .text > .before-after-container {
	box-shadow:2px 2px 4px 1px rgba(40,53,24,0.3);
	}

.index_img.index_fond_fonce .content .text > img,
.index_img.index_fond_fonce .content .text > iframe,
.index_img.index_fond_fonce .content .text > .before-after-container {
	box-shadow:2px 2px 4px 1px rgba(250,237,205,0.3);
	}

.index_img .text {
	text-align:justify;
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	}

.index_img .zone_button {
	margin-top:15px;
	text-align:right;
	}

.index_img_droite .content .text > img,
.index_img_droite .content .text > iframe,
.index_img_droite .content .text > .before-after-container {
	right:0;
	}

.index_img_droite .text {
	padding-right:545px;
	left:0;
	}

.index_img_gauche .content .text > img,
.index_img_gauche .content .text > iframe,
.index_img_gauche .content .text > .before-after-container {
	left:0;
	}

.index_img_gauche .text {
	padding-left:545px;
	right:0;
	}
	
@media (max-width: 1200px) {
	.index_img .content .text > img,
	.index_img .content .text > iframe,
	.index_img .content .text > .before-after-container {
		width:400px !important;
		}

	.index_img_droite .text {
		padding-right:445px;
		}

	.index_img_gauche .text {
		padding-left:445px;
		}
	}
	
@media (max-width: 880px) {
	.index_img .content .text > img,
	.index_img .content .text > iframe,
	.index_img .content .text > .before-after-container {
		width:70% !important;
		position:relative;
		top:0;
		transform:none;
		display:block;
		margin:auto;
		margin-bottom:50px;
		}

	.index_img .text {
		position:relative;
		top:0;
		transform:none;
		}

	.index_img_droite .text {
		padding-right:0;
		}

	.index_img_gauche .text {
		padding-left:0;
		}
	}
	
@media (max-width: 750px) {
	.index_img .content .text > img,
	.index_img .content .text > iframe,
	.index_img .content .text > .before-after-container {
		width:90% !important;
		}
	}
	
@media (max-width: 490px) {
	.index_img .content .text > img,
	.index_img .content .text > iframe,
	.index_img .content .text > .before-after-container {
		width:100% !important;
		}
	}

.introduction {
	z-index:19;
	}

.eolien {
	z-index:18;
	}

.qui_sommes_nous {
	z-index:17;
	}

.qui_sommes_nous .content .text > img {
	width:400px !important;
	border-radius:50%;
	left:50px;
	}
	
@media (max-width: 1200px) {
	.qui_sommes_nous .content .text > img {
		width:300px !important;
		left:30px;
		}

	.qui_sommes_nous .text {
		padding-left:390px;
		}
	}
	
@media (max-width: 880px) {
	.qui_sommes_nous .content .text > img {
		width:50% !important;
		left:0;
		}

	.qui_sommes_nous .text {
		padding-left:0;
		}
	}
	
@media (max-width: 500px) {
	.qui_sommes_nous .content .text > img {
		width:70% !important;
		}
	}
	
@media (max-width: 360px) {
	.qui_sommes_nous .content .text > img {
		width:100% !important;
		}
	}

.solaire {
	z-index:16;
	}

.outils_de_travail {
	z-index:15;
	text-align:center;
	}

.outils_de_travail .outil {
	width:calc(33% - 100px);
	display:inline-block;
	margin:20px 50px;
	vertical-align:top;
	}

.outils_de_travail .outil > img {
	width:200px !important;
	height:auto !important;
	border-radius:50%;
	box-shadow:2px 2px 4px 1px rgba(40,53,24,0.3);
	}
	
@media (max-width: 1200px) {
	.outils_de_travail .outil {
		width:calc(33% - 45px);
		min-width:150px;
		margin:20px;
		}

	.outils_de_travail .outil > img {
		width:150px !important;
		}
	}

.outils_de_travail .outil > .titre {
	font-size:1.2em;
	font-weight:bold;
	}

.carriere {
	z-index:14;
	}

.ils_nous_font_confiance {
	z-index:13;
	text-align:center;
	}

.ils_nous_font_confiance .carousel_ils_nous_font_confiance {
	/* margin:100px auto; */
	margin:50px 0;
	}

.ils_nous_font_confiance .carousel_ils_nous_font_confiance img {
	width:100% !important;
	height:auto !important;
	border-radius:5px;
	/* display:block; */
	/* margin:auto; */
	}

.urbanisme {
	z-index:12;
	}

.urbanisme .content .text > .before-after-container {
	z-index:12;
	}
	
.formulaire_contact {
	z-index:11;
	}

.jardins {
	z-index:10;
	}

.jardins .content .text > iframe {
	z-index:10;
	}