body{font-family: var(--mainfont); overflow-x: hidden; max-width: 100%; overflow-x: hidden; padding: 0px !important; background: #fff;}

:root {
	--primary: #098d37;
	--second: #2f3931;
	--mainfont: 'Roboto', sans-serif;
	--secondfont: 'Source Serif 4', serif;
}

/* !!!! DÉBUT !!!! STYLE CONTENT PAGE */
#content{padding: 40px 15px 0px; overflow: hidden;}

#content .box-content{padding: 60px 0px;}
#content .back-side-primary:before,#content .back-side-primary:after{background: var(--primary);}
#content .back-side-second:before,#content .back-side-second:after{background: var(--second);}
#content .back-side-primary:before,#content .back-side-second:before{margin-top: -120px;}
#content .back-side-primary:after,#content .back-side-second:after{margin-bottom: -120px;}
#content .back-side-primary:before, #content .back-side-primary:after,#content .back-side-second:before, #content .back-side-second:after{content: ''; display: block; width: 100%; height: 120px; transform: skew(-180deg,-2deg); position: relative; z-index: 1; left: 0;}


#content .back-side-primary{background: var(--primary); color: #fff; box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.2); position: relative; margin: 80px auto;}
#content .back-side-second{background: var(--second); color: #fff; box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.2); position: relative; margin: 80px auto;}
#content .back-images{position: relative; overflow: hidden; color: #fff; overflow: hidden;  margin: 80px auto; min-height: 600px; display: flex; align-items: center; justify-content: center;}
#content .back-images .images-fond{position: absolute; z-index: 1; left: 0; top: 0; display: block; width: 100%; height: 100%; object-fit: cover;}
#content .back-images:after{position: absolute; content: ''; z-index: 2; background: rgba(0,0,0,0.8); left: 0; top: 0; display: block; width: 100%; height: 100%;}
#content .back-images div{position: relative; z-index: 3;}

#content .container{width: 1400px; max-width: 100%;}
#content .box-img{display: flex; justify-content: center; align-items: center;}
#content .box-img img{width: 100%; max-width: 100%; max-height: 580px; object-fit: cover; display: block;}
#content .box-img.circle{width: 300px; height: 300px; max-width: 100%; border-radius: 100%;overflow: hidden; margin-left: auto; margin-right: auto;}
#content .box-img.circle img{width: 100%; height: 100%;}

#content h1,#content h2,#content h3,#content h4,#content h5{letter-spacing: 2px; font-weight: 400; font-family: var(--secondfont); text-transform: uppercase; color: var(--second);}
#content h1{font-size: 30px;}
#content h1 span.color1{color: var(--second);}
#content h1 small{display: block; text-transform: uppercase; font-size: 20px;font-family: var(--mainfont); color: var(--primary);}
#content h1:after,#content h2:after,#content h3:after{content: ''; display: block; width: 100px; height: 1px; margin: 20px 0px; background: var(--second);}
#content .back-side-second h1:after,#content .back-side-second h2:after,#content .back-side-second h3:after,#content .back-side-primary h1:after,#content .back-side-primary h2:after,#content .back-side-primary h3:after{background: #fff;}
#content h1.text-center:after,#content h2.text-center:after,#content h3.text-center:after{margin: 20px auto;}
#content h2{font-size: 26px;}
#content h3{font-size: 23px;}
#content h4{font-size: 20px;}
#content h5{font-size: 18px;}

#content h2.text-head{font-size: 15px; line-height: 20px; font-family: var(--mainfont); text-transform: none; font-weight: 400; letter-spacing: 0px;}
#content h2.text-head:after{display: none;}

#content .back-side-second p a,#content .back-side-second p a,#content .back-side-second p a,#content .back-side-primary p a,#content .back-side-primary p a,#content .back-side-primary p a,
#content .back-side-second ul a,#content .back-side-second ul a,#content .back-side-second ul a,#content .back-side-primary ul a,#content .back-side-primary ul a,#content .back-side-primary ul a{color: #fff;}


#content p{font-size: 15px;}
#content p a, #content ul a{color: var(--primary); font-weight: bold; transition: all 0.4s; text-decoration: none;}
#content p a:hover, #content ul a:hover{opacity: 0.4;}
#content ul{padding-left: 15px; margin-bottom: 15px; font-size: 15px;}

#content .table{font-size: 14px; background:rgba(0,0,0,0.05);}
#content .table tr td:last-child, #content .table tr td:nth-child(2){text-align: right; width: 150px;}

#content a.bouton{background: #fff;border: 1px solid var(--primary); color: #000; border-radius: 5px; cursor: pointer; text-transform: uppercase; transition: all 0.4s; display: inline-block;text-decoration: none; padding: 9px 15px; font-size: 15px; text-align: center; margin-bottom: 10px;}
#content a.bouton:hover{background: var(--primary); color: #fff;}

#content .breadcrumb{background: rgba(0,0,0,0); border-bottom: 1px solid rgba(0,0,0,0.1); display: flex; justify-content: center; margin-bottom: 40px;}
#content .breadcrumb-item{font-size: 14px;}
#content .breadcrumb-item a{color: var(--primary); transition: all 0.4s; font-weight: 600; text-decoration: none;}
#content .breadcrumb-item a:hover{opacity: 0.5;}
#content .breadcrumb-item .active{color: #000;}

#content .bottom-page{margin-top: 0px;}

@media all and (max-width: 991px) {
	#content h1{font-size: 27px; padding: 0px 15px;}
	#content h2{font-size: 25px;}
	#content h3{font-size: 22px;}
	#content h4{font-size: 20px;}
	#content h5{font-size: 18px;}
	#content .box-content{padding:30px 0px;}
}

@media all and (max-width: 560px) {
}

a.box-tel{color: initial; text-decoration: none;}

.axo-recherche{background: #fff; box-shadow: 0px 0px 15px 5px rgba(0,0,0,0.05); position: relative; padding: 20px 0px;}
.axo-recherche>.container{padding: 30px 20px;}
.axo-recherche h5{font-weight: bold; font-size: 16px; text-align: left;}
.axo-recherche .box-link{font-size: 13px;}
.axo-recherche .box-link ul{list-style: none; padding-left: 0px; margin-bottom: 0px;}
.axo-recherche .box-link ul li a{color: #000; transition: all 0.3s; text-decoration: none;}
.axo-recherche .box-link ul li a:hover{color: var(--primary);}
.axo-recherche .box-link p{font-weight: bold; margin-bottom: 5px;}
.axo-recherche .box-link{display: flex; justify-content: center; align-items: flex-start;}
.axo-recherche .box-link>div{padding: 15px 0px;}

.axo-footer{padding: 20px 15px; background: rgba(0,0,0,0.06);}
.axo-footer .axo-logo{display: flex; justify-content: center; align-items: center; margin: 5px 0px 5px;}
.axo-footer .axo-logo img{max-width: 100%; width: 125px;}
.axo-footer .footerlink{color: var(--second);}
.axo-footer .footerlink a{color: var(--second); transition: all 0.3s; text-decoration: none;}
.axo-footer .footerlink a:hover{opacity: 0.3}
.axo-footer .inlineblock{padding-left: 0px; text-align: center; margin-bottom: 10px; font-size: 12px;}
.axo-footer .inlineblock li{display: inline-block;}
.axo-footer .inlineblock li:after{content: ' - ';}
.axo-footer .inlineblock li:last-child:after{display: none;}

/* !!!! DÉBUT !!!! STYLE CONTENT PAGE */

/* !!!! DÉBUT !!!! STYLE HEADER */

/* style nav */
#main-nav .navbar-brand{padding: 25px 20px; margin: 0px;}
#main-nav .navbar-nav{padding: 0px;}
#main-nav .navbar-brand img{width: 150px; max-width: 100%;}
#main-nav{flex-wrap: wrap; width: 1440px; max-width: 100%; margin: 0px auto 0px; position: relative; top: 0; left: 0; z-index: 99; display: flex; align-items: center; justify-content: center; top: 0; padding: 0px 0px; transition: all 0.4s; background: #fff;}
#main-nav button:focus{outline: 0px;}
#main-nav .nav-link:focus{outline: none !important;}
#main-nav .nav-link{text-align: center; font-weight: 400; font-family: var(--secondfont); text-transform: uppercase; padding: 30px 8px; color:#000; text-decoration: none; font-size: 16px; position: relative; transition: all 0.4s; z-index: 99;}
#main-nav .nav-link:hover{color: var(--primary);}
#main-nav .nav-link:before{content: ''; transition: all 0.3s; display: block; width: 0px; height:1px; display: block;background: var(--primary); position: absolute; left: 0; bottom: 0;}
#main-nav .nav-link:hover:before{width: 100%; background: var(--primary);}

#main-nav .nav-item{position: relative; padding: 0px 10px;}
.hamburger-box{margin-top: 6px;}
#main-nav .dropdown-menu{border-radius: 0px; left: 50% !important; transform: translateX(-50%) !important; top: 100% !important; border: 0px;margin-top: 0px; padding: 0px; box-shadow: 0px 0px 10px rgba(0,0,0,0.2); z-index: 9999; min-width: 100%;}
#main-nav .dropdown-item{padding: 7px 15px; font-weight: initial; text-transform: initial; transition: all 0.4s; border-bottom: 1px solid rgba(0,0,0,0.1); font-size: 14px;}
#main-nav .dropdown-item:last-child{border-bottom: 0px;}
#main-nav .dropdown-item:hover{background: var(--primary); color: #fff; border-color: var(--primary);}
#main-nav .nav-link.active{color: var(--primary);}
#main-nav .nav-link.active:before{width: 100%; background: var(--primary);}
#main-nav .active-item{background: var(--primary); color: #fff;}

#main-nav.reduce .navbar-brand{padding: 10px 20px;}
#main-nav.reduce .navbar-brand img{width: 80px;}
#main-nav.reduce{position: fixed;box-shadow: 0px 0px 15px rgba(0,0,0,0.2); width: 100%;}

/* Fleche scroll top */
#top svg{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
#top{
	-webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 8px rgba(0,0,0,0.2);
	text-align: center;
	background-color: var(--primary);
	display: none;
	width: 50px;
	border-radius: 5px;
	height: 50px;
	color: #fff;
	z-index:99999;
	font-size:20px;
	position:fixed;
	bottom:15px;
	right:15px;
	transition: background-color 0.4s, color 0.4s;
}

#top:hover{
	background-color:var(--second);
	color: #fff;
}


/* style caroussel */
#page #header{display: none;}

#header{position: relative; z-index: 9;}
#header img{width: 100%; max-height: 100%; padding: 15px 0px; display: block; object-fit: cover;}
#header>.row{margin-left: 0px; margin-right: 0px;}
#header .big-img{height: 800px;}
#header .small-img{height: 400px;}
/* !!!! FIN !!!! STYLE HEADER */

/* !!!! DÉBUT !!!! STYLE SECTION */
.s-style .container{width: 1400px; max-width: 100%;}
.s-style{padding-top: 80px; padding-bottom: 80px; overflow: hidden;}
.s-style .titre1{font-family: var(--secondfont); margin-bottom: 25px; color: var(--second); font-weight: 300; text-transform: uppercase; font-size: 34px; letter-spacing: 2px;}
.s-style .titre1 small{color: var(--primary); display: block; text-transform: none; font-family: var(--mainfont); font-weight: 300; font-size: 24px; letter-spacing: 0px;}
.s-style p{font-size: 16px;}
.s-style .slide-img img{width: 100%;}

#section2{background: url(../images/back1.jpg) no-repeat center/cover;}
.box-prestation img{display: block; border:4px solid var(--second); width: 280px; border-radius: 100%; margin: 0px auto; margin-bottom: 15px;}
.box-prestation h3{font-family: var(--secondfont); text-transform: uppercase; font-weight: 400; letter-spacing: 2px; font-size: 24px;}
.box-prestation a{color: var(--primary); font-family: var(--secondfont); text-transform: uppercase; text-decoration: none; transition: all 0.4s;}
.box-prestation a:hover{color: var(--second);}
.box-prestation p{width: 230px; display: block; margin: 0px auto 10px;}
/* !!!! FIN !!!! STYLE SECTION */


/* !!!! DÉBUT !!!! STYLE SLIDER PRESTATION */

/* fleche-nav style */
.slide-prestation .slick-prev, .slide-prestation .slick-next{position: absolute; transition: all 0.4s; top: 50%; z-index: 99; background: var(--primary); width: 40px; height: 40px; display: flex; justify-content: center; align-items: center;}
.slide-prestation .slick-prev:hover,.slide-prestation .slick-next:focus,.slide-prestation .slick-prev:focus, .slide-prestation .slick-next:hover{background: #000;}
.slide-prestation .slick-prev{left: 0px;}
.slide-prestation .slick-next{right: 0px;}

/* dots-nav style */
.slide-prestation .slick-dots{bottom: 0px;}
.slide-prestation .slick-dots li{padding: 0px; margin: 0px;}
.slide-prestation .slick-dots li button{display: flex; justify-content: center; align-items: center; padding: 0px;}
.slide-prestation .slick-prev:before{font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f053" !important;}
.slide-prestation .slick-next:before{font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f054" !important;}
.slide-prestation .slick-dots li button:before{left: 50%; top: 50%; transform: translate(-50%,-50%);}
.slide-prestation .slick-dots li button:before{background: #fff; border: 2px solid var(--primary); content: '' !important; display: block; width: 14px !important; height: 14px !important; border-radius: 15px; opacity: 1 !important;}
.slide-prestation .slick-dots li.slick-active button:before{background: var(--primary);}

/* Style qui retire liseret bleu autour quand swipe */
.slide-prestation a{outline: none; text-decoration: none;}

/* !!!! FIN !!!! STYLE SLIDER PRESTATION */

.box-prestation{padding: 15px;}
.box-prestation .box-img img{width: 100%;}
.box-prestation .box-title{text-align: center; padding: 20px 15px; color: var(--primary);}

/* FOOTER */

footer{z-index: 9; position: relative; padding-bottom: 0px !important;}
.top-footer{position: relative; background: #fff;}
.top-footer p a{color: var(--primary);transition: all 0.4s; font-weight: bold; text-decoration: none;}
.top-footer p a:hover{color: var(--second);}
.top-footer .info-contact{color: #000; display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; padding: 0px 15px;}
.top-footer .info-contact p{margin: 10px auto; text-align: right; display: block;}
.top-footer .footer-logo{display: flex;align-items: center; justify-content: flex-start;}
.top-footer .footer-logo img{max-width: 100%;}
.top-footer .link-footer{text-decoration: none !important; display: inline-block; transition: all 0.4s; color: #000;}
.top-footer .link-footer:hover{opacity: 0.3;}
.top-footer .adresse{font-weight: 400; font-size: 16px;}
.top-footer .tel{font-weight: 700; font-size: 19px; letter-spacing: 1px;}



/* RESPONSIVE */

@media all and (max-width: 1550px) {
}

@media all and (max-width: 1350px) {
	#main-nav .navbar-brand img{width: 120px;}
	#main-nav .nav-item{padding: 3px;}
	#main-nav .nav-link{padding: 30px 5px;}

}

@media all and (max-width: 1200px) {
	#content{margin-top: 100px;}
		#header .big-img{height: 400px;}
		#header .small-img{height: 200px;}
	#main-nav .navbar-brand img{max-width: 100%;padding: 7px; height: 100px; object-fit: contain;}
	#page #headercarousel .carousel-item{max-height: auto; min-height: auto; height: 250px;}
	#header{margin-top: 100px; padding-top: 15px; padding-left: 0px; padding-right: 0px;}
	.hamburger{padding: 0px 15px; min-height: 50px;}
	#main-nav .navbar-brand{height: 100px; padding: 0px; display: flex; justify-content: center; align-items: center;}
	#main-nav{display: flex; justify-content: flex-start;}
	#main-nav .navbar-brand img{width: 100%; margin: 0px;}
	#main-nav{margin: 0px auto; display: flex; justify-content: space-between; background: #fff; position: fixed; top: 0; left: 0; width: 100%; z-index: 9999; min-height: 80px; box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.15); padding: 0px;}
	#main-nav .navbar-nav{margin-left: 0px !important; padding-bottom: 15px; display: flex !important; justify-content: center; align-items: center;}
	#main-nav .nav-link{background: initial; text-align: center; font-size: 17px; padding: 7px 15px !important; display: inline-block; text-transform: uppercase;}
	#main-nav .nav-link:hover{}
	#main-nav .dropdown-menu{width: 100%; position: relative;}
	#main-nav .nav-item{display: block; width: 100%; display: flex; justify-content: center; flex-wrap: wrap; margin: 3px auto; padding: 0px 10px;}
	#main-nav .dropdown-item{color: #000; text-align: center; font-size: 15px;}
}

@media all and (max-width: 991px) {
	.s-style .titre1{font-size: 27px;}
	.top-footer .info-contact p{text-align: center;}
	.top-footer .footer-logo{justify-content: center;}
	#page .carousel-caption{display: none;}
	#headercarousel .carousel-indicators{position: absolute; bottom: 0px;}
	#headercarousel .carousel-caption{width: 94%;}
	.header-contact .box{padding: 10px 15px;}
	.footer-logo{display: flex; justify-content: center;}
	.footer-logo img{width: 200px;}
}

@media all and (max-width:767px) {
	.s-style{padding-top: 45px; padding-bottom: 45px;}
}

@media all and (max-width:560px) {
			#header .big-img{height: 200px;}
		#header .small-img{height: 200px;}
}