@charset "utf-8";
	
	
/* IMPORT AVANT GARDE */
@import url('font.css');

	
/* IMPORT POPPINS */
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

body {
	overflow-x: hidden;
}





/* DESACTIVATION RESPONSIVE */


.site-responsive {
	display: none;
}





/* HEADER */
.site-header {
	width: 100%;
	min-height: 160px;
	/*background-color: #71C6A3;*/
	position: absolute;
	z-index: 5;
}

	.site-header-wrapper {
		width: 1150px;
		height: 160px;
		margin: auto;
		/*background-color: #71C6B9;*/
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

		.site-header-logo img {
			width: 90px;
			height: 80px;
			filter: brightness(0) invert(1);
		}

		.site-all-nav {
			display: flex;
			width: 700px;
			justify-content: space-between;
			align-items: center;
		}

		.site-nav {
			display: flex;
			list-style-type: none;
		}

		.site-nav li {
			display: flex;
			position: relative;
			/*background-color: red;*/
		}

		.site-nav-submenu {
			display: none;
		}

		/* APPARITION DU SOUS-MENU */

			.site-nav li:hover .site-nav-submenu {
				text-align: left;
				left: 40px;
				top: 30px;
				padding-top: 20px;
				min-width: 130px;
				position: absolute;
				display: block;
				padding: 10px;
				background-color: white;
				border-radius: 5px;
			}

				.nav-subitem {
					font-family: Poppins, sans-serif;
					color: #2C3338;
					padding: 15px 20px;
					font-size: 12px;
					text-decoration: none;
					transition: 0.3s;
					position: relative;
				}

				.nav-subitem::after {
					content: '>';
					font-family: Poppins, sans-serif;
					font-weight: 800;
					margin-left: 15px;
					opacity: 0;
					transition: 0.1s;
				}

				#nav-subitem1::before, 	#nav-subitem2::before, 	#nav-subitem3::before {
					font-family: 'icomoon';
  					color: #2C3338;
  					margin-right: 20px;
				}

				#nav-subitem1::before {
					content: "\e900";
				}

				#nav-subitem2::before {
					content: "\e901";
					font-size: 15px;
					margin-left: 3px;
					margin-right: 23px;
				}

				#nav-subitem3::before {
					content: "\e902";
					margin-left: 3px;
					margin-right: 20px;
				}


				#nav-subitem1:hover::before, #nav-subitem2:hover::before, #nav-subitem3:hover::before {
					color: #71C67D;
				}

				.nav-subitem:hover::after {
					opacity: 1;
				}

				.nav-subitem:hover {
					color: #71C67D;
					background-color: rgba(113, 198, 125, 0.1);
					border-radius: 5px;
				}

			.nav-item {
				font-family: Poppins, sans-serif;
				color: white;
				font-size: 13px;
				margin: 10px 30px;
				text-decoration: none;
			}

			.nav-item::after {
				content: '';
				display: block;
				width: 0%;
				border-bottom: 3px solid #ffffff;
				border-radius: 5px;
				transition: width 0.2s;
			}

			.nav-item:hover::after {
				width: 100%;
			}

	.site-nav2 {
		display: flex;
		align-items: center;
	}

	.nav-paner {
		width: 100%;
		height: 50px;
		display: flex;
		align-items: center;
		background-color: white;
		border-radius: 5px;
		text-decoration: none;
		padding: 5px 0px 5px 15px;
	}

	.nav-paner img {
		width: 25px;
		height: 26px;
		padding-right: 15px;
	}



	.nav-paner p {
		padding-left: 15px;
		font-family: Poppins, sans-serif;
		font-size: 18px;
		color: #71C67D;
		border-left: 2px solid #71C67D;
	}

	.nav-account {
		width: 50px;
		margin-left: 25px;
	}

	.nav-account img {
		width: 100%;
	}





























/* MAIN */

.site-main {
	width: 100%;
	height: 900px;
	position: relative;
}

.slide-header .slick-slide.slick-current.slick-active {
	transform: scale(1.4) rotate(5deg);
	transition: 3s;
}

.site-main-wrapper {
	width: 100%;
	margin: auto;
	min-height: 900px;
	/*background-color: orange;*/
	display: flex;
	align-items: center;
	overflow: hidden;
}

#slide-1 {
	background: url(../img/Restauration.jpg) 0 0 repeat;
	/*background: url(../img/Restauration_parralaxe.jpg) 0 0 repeat; -> Pour parralaxe */ 
	background-size: 140%;
}

/*.slick-slide.slick-current.slick-active .parralax-header {
	overflow: hidden;
	position: absolute;
	width: 2150px;
    top: 20px;
    left: 25px;
    z-index: 50;
    opacity: 1;
    transition: 1s;
}

.parralax-header {
	display: none;
}*/

#slide-2 {
	background-image: url(../img/deco.jpg);
	background-size: 130%;
	overflow: hidden;
}

#slide-3 {
	background-image: url(../img/evenements.jpg);
	background-size: 130%;
}

.slick-active .site-main-wrapper .site-main-text {
	transform: scale(0.70) rotate(-5deg);
	transition: ease-in-out 2s;
}

.site-main-text {
	margin: auto;
	width: 1150px;
	height: 240px;
	/*background-color: blue;*/
}

.site-main-text p {
	color: white;
	width: 370px;
}

.site-subtitle {
	font-family: Poppins, sans-serif;
	font-size: 50px;
	font-weight: 600;
	margin-bottom: 10px;
	color: white;
}

.site-text {
	font-size: 15px;
	font-family: 'avant_garde_cebook';
	margin-bottom: 40px;
	line-height: 24px;
}

	.site-text strong {
		font-family: 'avant_garde_cedemi';
	}

.btn.blue {
		background-color: white;
		border: 1px solid white;
		color: #71C6A3;
	}

	.btn.blue:hover, .btn.green:hover, .btn.orange:hover {
		background-color: transparent;
		color: white;
	}

.btn.green {
		background-color: white;
		border: 1px solid white;
		color: #C4DE96;
	}

.btn.orange {
		background-color: white;
		border: 1px solid white;
		color: #F9B35F;
	}

/* Slicker dots */

.slick-dots {
	width: 30px;
	bottom: inherit;
}

.slick-dots li button {
	width: 30px;
	height: 30px;
	border: 1px solid white;
}







/* ABOUT */

.site-about {
	width: 100%;
	min-height: 400px;
	display: flex;
	background-image: url('../img/img-about.png');
	background-size: 100% auto;
	background-position: center;
	background-attachment: fixed;
}

.site-about-wrapper {
	width: 565px;
	min-height: 200px;
	margin: auto;
	text-align: center;
}

.site-title {
	text-transform: uppercase;
	font-family: Poppins, sans-serif;
	font-size: 100px;
	font-weight: 700;
	margin-bottom: 10px;
}

.btn {
	text-decoration: none;
	border-radius: 5px;
	padding: 10px 25px;
	font-family: Poppins, sans-serif;
	transition: all 0.3s;
}

	.btn.black {
		background-color: #2C3338;
		border: 1px solid #2C3338;
		color: white;
	}

	.btn.black:hover {
		background-color: transparent;
		color: #2C3338;
	}





















/* FONCTIONNEMENT */
	
.site-operation {
	margin-top: 200px;
	width: 100%;
	min-height: 435px;
	/*background-color: lightgreen;*/
}

.site-operation-wrapper {
	margin-top: 85px;
	width: 1150px;
	height: 435px;
	/*background-color: blue;*/
	margin: auto;
}

.site-sub-subtitle {
	font-family: Poppins, sans-serif;
	font-size: 45px;
	font-weight: 600;
	margin-bottom: 50px;
	color: #2C3338;
}


.site-operation-allsteps {
	width: 100%;
	height: 300px;
	/*background-color: orange;*/
	display: flex;
	justify-content: space-between;
}

.site-operation-step {
	width: 25%;
	min-height: 285px;
	/*background-color: red;*/
	display: flex;
	flex-direction: column;
}

.operation-step-number {
	font-family: Poppins, sans-serif;
	font-weight: 600;
	font-size: 41px;
	color: #71C67D;
	margin-bottom: 20px;
} 

.operation-step-picture {
	width: 190px;
}

.site-operation-step img {
	height: 100%;
	width: 100%;
}















/* SERVICES */

.site-services {
	margin-top: 200px;
	width: 100%;
	min-height: 600px;
}

.site-services-wrapper {
	width: 1150px;
	margin: auto;
}

.site-services-lvl01, .site-services-lvl02, .site-services-lvl03 {
	margin: auto;
	width: 100%;
	min-height: 335px;
}

.site-services-lvl01 {
	background-color: rgba(112, 198, 163, 0.2);
}

.site-services-lvl02 {
	background-color: rgba(196, 222, 150, 0.2);
} 

.site-services-lvl03 {
	background-color: rgba(249, 179, 95, 0.2);
} 

.site-services-lvl01-wrapper, .site-services-lvl02-wrapper, .site-services-lvl03-wrapper {
	margin: auto;
	width: 1440px;
	display: flex;
}

.site-services-picture {
	width: 50%;
	min-height: 335px;
	background-color: orange;
} 

.site-services-picture img {
	width: 100%;
	height: 100%;
}

.site-services-lvl01-text, .site-services-lvl02-text,.site-services-lvl03-text {
	width: 45%;
	margin-left: 140px;
	position: relative;
} 

.parallaxe1 {
	position: absolute;
	width: 150px;
	top: 1px;
	right: -30px;
	transform: rotate(-20deg);
}

.parallaxe2 {
	position: absolute;
	width: 250px;
	top: -10px;
	right: -120px;
	transform: rotate(-20deg);
}

.services-title {
	margin-top: 40px;
	margin-bottom: 20px;
	font-family: Poppins, sans-serif;
	font-size: 30px;
	font-weight: 600;
}

.site-services-text {
	width: 460px;
	font-size: 15px;
	font-family: 'avant_garde_cebook';
	line-height: 22px;
	position: relative;
}

.site-services-lvl01-text .services-title {
	color: #71C6A3;
}

.site-services-lvl02-text .services-title {
	color: #C4DE96;
}

.site-services-lvl03-text .services-title {
	color: #F9B35F;
}


/* Bouton Services */

.services-btn {
	position: absolute;
	bottom: 50px;
	right: 100px;
	text-align: left;
	font-size: 18px;
	font-weight: 200;
	font-style: italic;
	text-decoration: none;
	font-family: Poppins, sans-serif;
	font-weight: 200;
}

.services-btn::after {
	content: '>';
	font-family: Poppins, sans-serif;
	margin-left: 30px;
	text-align: left;
	font-size: 35px;
	font-weight: 300;
	font-style: normal;
	color: white;
	padding: 0px 15px;
	border-radius: 50%;
	transition: 0.3s;
	transition: all 0.3s;
}

.services-btn.blue {
	color: #71C6A3;
}

.services-btn.blue::after {
	background-color: #71C6A3;
	border: 1px solid #71C6A3;
}

.services-btn.blue:hover::after {
	background-color: transparent;
	color: #71C6A3;
}

.services-btn.green {
	color: #C4DE96;
}

.services-btn.green::after {
	background-color: #C4DE96;
	border: 1px solid #C4DE96;
}

.services-btn.green:hover::after {
	background-color: transparent;
	color: #C4DE96;
}

.services-btn.orange {
	color: #F9B35F;
}

.services-btn.orange::after {
	background-color: #F9B35F;
	border: 1px solid #F9B35F;
}

.services-btn.orange:hover::after {
	background-color: transparent;
	color: #F9B35F;
}



























/* REALISATIONS */

.site-realisations {
	margin-top: 200px;
	width: 100%;
	min-height: 700px;
	/*background-color: gold;*/
}

.site-realisations-wrapper {
	position: relative;
	width: 1150px;
	min-height: 100px;
	margin-bottom: 100px;
	margin: auto;
	/*background-color: darkred;*/
}

.caroussel-realisations-all {
	min-width: 100%;
	min-height: 600px;
	/*background-color: blue;*/
}

.carouselTicker {
  overflow: hidden;
  float: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.carouselTicker__list {
  margin: 10px 0;
  padding: 0;
  list-style-type: none;
  overflow: hidden;
}

.carouselTicker__item {
  margin: 0 0 0 15px;
  float: left;
  width: 350px;
  height: 300px;
  line-height: 60px;
  text-align: center;
  border-radius: 5px;
}

.carouselTicker__item img {
  border-radius: 5px;
  width: 100%;
  height: 100%;
}
















/* AVIS */

.site-clients {
	margin-top: 200px;
	width: 100%;
	min-height: 550px;
	padding: 75px 0px;
	background-color: rgba(113, 198, 125, 0.2);
}

.site-clients-wrapper {
	margin: auto;
	width: 1150px;
	/*background-color: green;*/
}

.site-clients-slider .slick-slide {
	margin-top: 80px;
	color: black;
	font-family: sans-serif;
	text-align: center;
	transform: scale(0.6);
	font-size: 40px;
	opacity: 0.2;
	background-color: white;
	border-radius: 5px;
}

.site-clients-slider .slick-slide.slick-current.slick-active.slick-center {
	transform: scale(1);
	opacity: 1;
	width: 800px;	
	min-height: 200px;
	background-color: white;
}

.site-clients-name {
	margin: 30px;
	font-family: Poppins, sans-serif;
	font-size: 35px;
	color: #71C67D;
	font-weight: 500;
}


.site-clients-rate {
	width: 200px;
	margin: auto;
}

.site-text.slider {
	width: 530px;
	margin: auto;
	/*background-color: orange;*/
	margin: 40px auto;
}










/* FOOTER */

.site-footer {
	padding-top: 30px;
	padding-bottom: 30px;
	background-color: #2C3338;
}

.site-footer-wrapper-up {
	display: flex;
	justify-content: space-between;
	margin: auto;
	width: 1150px;
}

.site-footer-logo {
	width: 130px;
}

.footeritem-title {
	margin-bottom: 25px;
	font-family: Poppins, sans-serif;
	font-size: 18px;
	color: white;
	font-weight: 600;
}

.footeritem-list a {
	font-family: 'avant_garde_cebook';
	font-size: 12px;
	color: white;
	text-decoration: none;
}

.footeritem-list li {
	margin-bottom: 15px;
}

.newsletter-form-wrapper {
	display: flex;
}

.newsletter-form-label {
	font-family: Poppins, sans-serif;
	font-size: 18px;
	color: white;
	font-weight: 600;
}

.newsletter-form-input {
	margin-top: 25px;
	height: 30px;
	width: 200px;
	padding-left: 10px;
	border: 2px solid white;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	background-color: white;
}

.newsletter-form-submit {
	margin-top: 25px;
	width: 40px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	border: none;
	background-size: 60% auto;
	background-repeat: no-repeat;
	background-color: #71C67D;
	background-position: center center;
}

input::placeholder {
	color: rgba(44, 51, 56, 0.3);
	font-family: Poppins, sans-serif;
	font-style: italic;
	font-size: 11px;
	font-weight: 200;
}

.site-footer-wrapper-down {
	display: flex;
	justify-content: space-between;
	margin: auto;
	width: 800px;
	margin-top: 50px;
	border-top: 1px solid white;
}

.footer-legal-link {
	font-family: Poppins, sans-serif;
	font-size: 12px;
	color: white;
	font-weight: 200;
	text-decoration: none;
}

.site-footer-wrapper-down li {
	list-style-type: none;
	margin-top: 30px;	
}









/* REVEAL TEXTE */


[class*=reveal-] {
	margin-right: 58px;
	opacity: 0;
	transition: 0.8s;
}

.reveal-visible {
	margin-right: -12px;
	opacity: 1;
}

.reveal-1, .reveal-13, .reveal-23 {
	transition-delay: 0.5s;
}

.reveal-2, .reveal-14, .reveal-24 {
	transition-delay: 0.6s;
}

.reveal-3, .reveal-15, .reveal-25 {
	transition-delay: 0.7s;
}

.reveal-4, .reveal-16, .reveal-26 {
	transition-delay: 0.8s;
}

.reveal-5, .reveal-17, .reveal-27 {
	transition-delay: 0.9s;
}

.reveal-6, .reveal-18, .reveal-28 {
	transition-delay: 1s;
}

.reveal-7, .reveal-19, .reveal-29 {
	transition-delay: 1.1s;
}

.reveal-8, .reveal-20, .reveal-30 {
	transition-delay: 1.2s;
}

.reveal-9, .reveal-21, .reveal-31 {
	transition-delay: 1.3s;
}

.reveal-10, .reveal-21 {
	transition-delay: 1.4s;
}

.reveal-11, .reveal-22 {
	transition-delay: 1.5s;
}

.reveal-12 {
	transition-delay: 1.6s;
}