:root {
	--black:#282727;
	--bleu: #33428c;
	--primary: #33428c;
	--second: #231f20;
	--grey: #231f20;
	--main-police : 'Poppins', sans-serif;
	--second-police : 'Poppins', sans-serif;
}

body{font-family: var(--main-police); overflow-x: hidden; max-width: 100%; overflow-x: hidden; padding: 0px !important;}

/* !!!! DÉBUT !!!! STYLE CONTENT PAGE */
#content{padding: 40px 15px 40px; overflow: hidden;}
#content .label{display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}
#content .label img{max-width: 100%; display: inline-block; object-fit: contain; margin: 10px;}

#content .font2{font-family: var(--second-police); font-size: 40px; line-height: 45px;}

#content .box-content{padding: 30px 0px;}
#content .back-side-primary:before,#content .back-side-primary:after{background: var(--bleu);}
#content .back-side-second:before,#content .back-side-second:after{background: var(--grey);}
#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(--bleu); 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(--grey); 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: auto; max-width: 100%; object-fit: cover; display: block; margin: 0px auto; width: 100%;}
#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{font-weight: 700;}
#content h1{font-size: 29px; font-family: var(--second-police); color: var(--black)}
#content h1 span.color1{color: var(--primary);}
#content h1 small{display: block; text-transform: uppercase; letter-spacing: 2px; font-size: 19px; color: var(--grey); font-family: var(--main-police)}
#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: 16px; line-height: auto; font-weight: 400;}
#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: 16px;}
#content p a, #content ul a{color: var(--bleu); 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;background: var(--bleu); color: #fff; border-radius: 60px; 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(--black); 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(--bleu); transition: all 0.4s; font-weight: bold; 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 .axo-style-page .slider-img{width: 600px; float: none; display: block; margin: 0px auto 20px; max-width: 100%;}
	#content .axo-style-page{padding: 20px 15px !important;}
	#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; color: #000; 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(--bleu);}
.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: var(--black);}
.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: #fff;}
.axo-footer .footerlink a{color: #efefef; 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 */
/* !!!! DÉBUT !!!! STYLE HEADER */
.top-nav{display: flex; color: #fff; justify-content: space-around; align-items: center; flex-wrap: wrap; padding: 10px 15px; background: var(--black); position: relative; z-index: 4; border-bottom: 1px solid rgba(255,255,255,0.2);}
.top-nav .citation{font-family: var(--second-police); font-size: 17px; margin-right: 10px;} 

.top-phone{display: flex; align-items: center;}
.rs-box{text-transform: uppercase; font-size: 16px; display: flex; align-items: center;}
.rs-box a,.top-phone a{display: inline-block; font-weight: 800; font-size: 19px; transition: all 0.4s; margin: 0px 5px; color: #fff; text-decoration: none;}
.rs-box a:hover, .top-phone a:hover{opacity: 0.4;}
.rs-box a.icone{background: #fff; display: flex; width: 35px; height: 35px; justify-content: center; align-items: center; border-radius: 35px; color: var(--primary);}
.top-nav .container-top-nav{display: flex; width: 100%; margin:0px auto; justify-content: space-between; align-items: center;}
/* style nav */

#main-nav .navbar-nav{padding: 0px;}
#main-nav a.navbar-brand{padding: 15px;}
#main-nav a.navbar-brand img{transition: all 0.4s; max-width: 100%;}
#main-nav a.navbar-brand:hover img{opacity: 0.6;}

#main-nav{flex-wrap: wrap; margin: 0px auto; width: 100%; box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.1); max-width: 100%;position: relative;z-index: 999; display: flex; align-items: center; justify-content: center;padding: 0px 0px; transition: all 0.4s;}
#main-nav button:focus{outline: 0px;}
#main-nav .nav-link:focus{outline: none !important;}
#main-nav .nav-link{text-align: center; text-transform: uppercase; padding: 30px 15px; color:#000; text-decoration: none; font-size: 17px;font-weight: 500; position: relative; transition: all 0.4s; z-index: 99;}
#main-nav .navbar-nav .nav-item:after{content: '';display: inline-block;width: 20px; height: 20px; background: url(../images/patate.svg) no-repeat center/contain; position: absolute; top: 50%; right: -10px; transform: translate(0,-50%);}
#main-nav .navbar-nav .nav-item:after:last-child{display: none;}
#main-nav .nav-link:hover{color: var(--bleu);}
#main-nav .nav-link:before{content: ''; transition: all 0.3s; display: block; width: 0px; height:2px; display: block;background: var(--bleu); position: absolute; left: 0; bottom: 0;}
#main-nav .nav-link:hover:before{width: 100%; background: var(--bleu);}

#main-nav .nav-item:last-child:after{display: none;}
#main-nav .nav-item{position: relative; padding: 0px 5px;}
#main-nav .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(--bleu); color: #fff; border-color: var(--bleu);}
#main-nav .nav-link.active{color: var(--bleu);}
#main-nav .nav-link.active:before{width: 100%; background: var(--bleu);}
#main-nav .active-item{background: var(--bleu); color: #fff;}

#main-nav.reduce .navbar-brand{ padding: 10px 15px;}
#main-nav.reduce{position: fixed;transform: none;left: 0; width: 100%; top: 0px; box-shadow: 0px 0px 15px rgba(0,0,0,0.2); background: #fff;}



@keyframes animation-shake {
	0% {
		-webkit-transform: translateY(-50%) rotate(0deg);
	}
	20% {
		-webkit-transform: translateY(-50%) rotate(15deg);
	}
	40% {
		-webkit-transform: translateY(-50%) rotate(-15deg);
	}
	60% {
		-webkit-transform: translateY(-50%) rotate(7deg);
	}
	80% {
		-webkit-transform: translateY(-50%) rotate(-7deg);
	}
	100% {
		-webkit-transform: translateY(-50%) rotate(0deg);
	}
}

@-webkit-keyframes animation-shake {
	0% {
		-webkit-transform: translateY(-50%) rotate(0deg);
	}
	20% {
		-webkit-transform: translateY(-50%) rotate(15deg);
	}
	40% {
		-webkit-transform: translateY(-50%) rotate(-15deg);
	}
	60% {
		-webkit-transform: translateY(-50%) rotate(7deg);
	}
	80% {
		-webkit-transform: translateY(-50%) rotate(-7deg);
	}
	100% {
		-webkit-transform: translateY(-50%) rotate(0deg);
	}
}

/* Fleche scroll top */
a#down{text-decoration: none;color: #fff; text-transform: uppercase; transition: all 0.4s;}
a#down:hover{background: var(--grey)}
a#down {
	position: absolute;
	z-index: 9;
	left: calc(50% - 22.5px);
	bottom: 80px;
	transform: translate(-50%,-50%);
	-webkit-animation: sdb05 1.5s infinite;
	animation: sdb05 1.5s infinite;
	box-sizing: border-box;
	background: var(--bleu);
	width: 45px; height: 45px;
	border-radius: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
}

a#down span.ico{
	position: absolute;top: 42%; left: 58%;
	width: 18px;
	height: 18px;
	border-left: 2px solid #fff;
	border-bottom: 2px solid #fff;
	-webkit-transform: rotate(0deg) translate(-50%,-50%);
	transform: rotate(0deg) translate(-50%,-50%);}

	@-webkit-keyframes sdb05 {
		0% {
			-webkit-transform: rotate(-45deg) translate(0, 0);
			opacity: 0;
		}
		50% {
			opacity: 1;
		}
		100% {
			-webkit-transform: rotate(-45deg) translate(-20px, 20px);
			opacity: 0;
		}
	}
	@keyframes sdb05 {
		0% {
			transform: rotate(-45deg) translate(0, 0);
			opacity: 0;
		}
		50% {
			opacity: 1;
		}
		100% {
			transform: rotate(-45deg) translate(-20px, 20px);
			opacity: 0;
		}
	}


	a#top svg{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
	a#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(--black);
		display: none;
		width: 40px;
		border-radius: 40px;
		height: 40px;
		color: #fff;
		z-index:99999;
		font-size:18px;
		position:fixed;
		bottom:15px;
		right:15px;
		transition: background-color 0.4s, color 0.4s;
	}

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


	/* style caroussel */
	#header{width: 100%; height: calc(100vh - 135.5px);overflow: hidden; position: relative; z-index: 99; padding: 0px; background: url(../images/filter.png) no-repeat center/cover; box-shadow: 0px 0px 15px 5px rgba(0,0,0,0.1);}

	@-webkit-keyframes zoom {
		from {
			-webkit-transform: scale(1, 1);
		}
		to {
			-webkit-transform: scale(1.5, 1.5);
		}
	}

	@keyframes zoom {
		from {
			transform: scale(1, 1);
		}
		to {
			transform: scale(1.5, 1.5);
		}
	}

	@-webkit-keyframes fadeInUpslide {
		from {
			opacity: 0;
			-webkit-transform: translate3d(0, 100%, 0) translateX(-50%);
			transform: translate3d(0, 100%, 0) translateX(-50%);
		}

		to {
			opacity: 1;
			-webkit-transform: translate3d(0, 0, 0) translateX(-50%);
			transform: translate3d(0, 0, 0) translateX(-50%);
		}
	}

	@keyframes fadeInUpslide {
		from {
			opacity: 0;
			-webkit-transform: translate3d(0, 100%, 0) translateX(-50%);
			transform: translate3d(0, 100%, 0) translateX(-50%);
		}

		to {
			opacity: 1;
			-webkit-transform: translate3d(0, 0, 0) translateX(-50%);
			transform: translate3d(0, 0, 0) translateX(-50%);
		}
	}

	.fadeInUpslide {
		-webkit-animation-name: fadeInUpslide;
		animation-name: fadeInUpslide;
	}

	#headercarousel{display: block;position: absolute; top: 0; left: 0; width: 100%; height: 100%;z-index: 1;}
	#headercarousel .carousel-item{height: 100%; width: 100%; z-index: 9;}
	#headercarousel .carousel-item .img-carousel{width: 100%; height: 100%; object-fit: cover; display: block; position: relative;  -webkit-animation: zoom 20s;
		animation: zoom 20s;
	}
	#headercarousel .carousel-item:before{content: ''; display: block; width: 100%; height: 50%; position: absolute; left: 0; top: 0; z-index: 2; background: rgb(0,0,0);
	background: linear-gradient(180deg, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 100%);}
	#header .caption-header{position: absolute; text-shadow: 0px 0px 7px rgba(0,0,0,0.25); z-index: 9; top: 48%; left: 50%; transform: translate(-50% , -50%) !important; right: auto; width: 1200px; padding: 15px; max-width: 100%; margin: 0px auto;}
	#header .caption-header h3{color: #fff; font-size: 38px; font-weight: 600; font-family: var(--second-police); position: relative; z-index: 3;}
	#header .caption-header p{color: #fff; font-size: 25px; font-style: italic; font-weight: 400;}
	#header .caption-header img{position: relative; z-index: 2; display: block; max-width: 100%; display: block; margin: 20px auto;animation: 5s infinite swing; transform-origin: top center}
#headercarousel .carousel-caption>div{/*background: #fff;*/}
#headercarousel .carousel-caption h3{font-weight: bold; font-size: 24px;}
#headercarousel .carousel-caption p{font-size: 16px;}

#headercarousel .carousel-inner{height: 100%; width: 100%;}
#headercarousel .carousel-control-next,#headercarousel .carousel-control-prev{width: 50px;}
#headercarousel .carousel-indicators{bottom: 0px;}
#headercarousel.carousel-fade .carousel-item {
	opacity: 0;
	transition: opacity ease-out .7s;
}

#headercarousel.carousel-fade .carousel-item.active,
#headercarousel.carousel-fade .carousel-item-next.carousel-item-left,
#headercarousel.carousel-fade .carousel-item-prev.carousel-item-right {
	opacity: 1;
}

#headercarousel.carousel-fade .active.carousel-item-left,
#headercarousel.carousel-fade .active.carousel-item-right {
	opacity: 0;
}

#headercarousel.carousel-fade .carousel-item-next,
#headercarousel.carousel-fade .carousel-item-prev,
#headercarousel.carousel-fade .carousel-item.active,
#headercarousel.carousel-fade .active.carousel-item-left,
#headercarousel.carousel-fade .active.carousel-item-prev {
	transform: translateX(0);
	transform: translate3d(0, 0, 0);
}

#headercarousel .carousel-indicators .active {
	width: 15px;
	height: 15px;
	margin: 5px;
	background-color: #fff;
	border: none;
	border-radius: 15px;
	border:1px solid #fff;
}
#headercarousel .carousel-indicators li {
	cursor: pointer;
	width: 15px;
	height: 15px;
	margin: 5px;
	background-color: transparent;
	border: none;
	border-radius: 15px;
	border:1px solid #fff;
}

.fix-element{position: fixed; z-index: 100; right: 0; top: 50%; transform: translateY(-50%); display: flex; flex-direction: column;}
.fix-element a{display: flex;height: 62px; box-shadow: 0px 0px 15px 3px rgba(0,0,0,0.15); width: 200px; transform: rotate(-90deg); transition: all 0.4s; text-decoration: none; margin: 5px 0px; align-items: center; justify-content: flex-start; background: #fff; padding:15px 0px; color: var(--primary); position: relative;right: -75px; top: 0;}
.fix-element a:hover{background: var(--primary); color: #fff;}
.fix-element a .ico{font-size: 18px; display: inline-block; padding:0px 0px 0px 15px;}
.fix-element a .txt{text-align: left; padding: 0px 15px; font-size: 14px;}
.fix-element a .txt b{display: block; }
.fix-element a.fix-phone .txt{font-size: 17px;}



#section1{background: url(../images/back1.jpg) no-repeat center/cover; color: #fff;}
#section1 .box-texte p:last-child:after{display: block;width: 30px; height: 30px; background: var(--primary); content: ''; margin-left: auto; margin-top: 20px;}
#section1 .container{}
#section1 .row{min-height: 550px; align-items: center;}
#section1 .titre1{color: #fff;}

#section3{background: url(../images/back1.jpg) no-repeat top center/cover; color: #fff;}
#section3 .row{min-height: 500px; align-items: center;}

#section5 .box-img img{display: block; margin: 20px auto; width: 400px; border-radius: 100%; max-width: 100%;}
#section5 h4{text-align: center; font-size: 30px; color: var(--primary); margin-bottom: 40px;}
#section5.s-style{background: #fff; color: var(--black);}
#section5 .box-border{border:10px solid var(--primary);position: relative; display: flex; justify-content: center; align-items: center; text-align: center;}
#section5 .box-border>div{margin-top: 40px; margin-bottom: 40px;}
#section5 .box-border ul{list-style: none; margin:0px 0px; padding: 0px 0px;}
#section5 .box-border ul li{font-size: 22px; padding: 12px 0px; font-weight: 600; display: flex; align-items: center; width: 100%;}
#section5 .box-border ul li:before{content: ''; transition: all 0.4s; display: inline-block; width: 30px; height: 30px; margin-right: 15px;}
#section5 .box-border ul li{text-decoration: none; text-align: left; display: block; transition: all 0.4s; display: flex; align-items: center; color: var(--primary);}

#section5 .box-border ul.liste2 li:before{background: url(../images/certif-ico.png) no-repeat center/contain;}


#section5 .citation{font-size: 23px;}
#section5 .box-border:before,#section5 .box-border:after{content: ''; display: block; width: 580px; max-width: 80%; position: absolute; left: 50%; transform: translateX(-50%); height: 10px; background: #fff; z-index: 4;}
#section5 .box-border:before{top: -10px;}
#section5 .box-border:after{bottom: -10px;}

#section5.s-style .titre1{color: var(--primary)}
#section4 .citation{font-family: var(--second-police); color: var(--grey); font-size: 45px; margin-bottom: 0px; line-height: 38px;}
.box-slider{border: 2px solid var(--primary);}

.paquet{display: flex; justify-content: center; align-items: center;}
.paquet img{max-width: 100%; display: inline-block; transition: all 0.4s;}
.paquet img:hover{opacity: 0.8;}

#section-prestation{}
#section-prestation .row{justify-content: center; align-items: center; margin-left: 0px; margin-right: 0px;}
#section-prestation .box-prestation{text-decoration: none; color: var(--black); display: flex; justify-content: center; width: calc(100% / 4); padding:0px 10px;}
#section-prestation .box-prestation a{text-decoration: none; margin: 15px 0px; overflow: hidden; transition: all 0.5s; display: block; width: 100%; position: relative;}
#section-prestation .box-prestation a:hover img{transform: scale(1.2);}
#section-prestation .box-prestation a:hover h3{background: #fff; color:  var(--bleu);}
#section-prestation .box-prestation h3{font-family: var(--second-police); background: var(--black); min-height: 80px; display: flex;justify-content: center; align-items: center; width: 100%; text-align: center; padding: 15px 8px;font-size: 17px; color: #fff; transition: all 0.4s; position: absolute; z-index: 3; text-align: center; text-transform: uppercase; bottom: 0px; margin-bottom: 0px;}
#section-prestation .box-prestation h3 small{display: block;}
#section-prestation .box-prestation p{font-size: 17px;}
#section-prestation .box-prestation img{display: block; transition: all 0.4s; width: 100%; max-width: 100%; object-fit: cover; margin: 0px auto; position: relative; z-index: 2;}
#section-prestation .box-prestation a.bouton{display: inline-block;margin-top: 15px; background: var(--bleu); color: var(--black); text-transform: uppercase; padding: 9px 20px; text-decoration: none; transition: all 0.4s;}
#section-prestation .box-prestation a.bouton:hover{background: var(--grey); color: #fff;}

#section8{background: url(../images/back2.jpg) no-repeat right bottom/contain;}
#section8 .box-texte{background: rgba(255,255,255,0.5);}
#section8 .box-certif img{display: block; margin: 0px auto 20px; width: 120px; height: 100px; object-fit: contain;}
#section8 .box-certif{text-align: center; font-weight: 800; font-size: 19px;padding: 40px 15px;}
/* !!!! FIN !!!! STYLE HEADER */

/* !!!! FIN !!!! STYLE HEADER */

/* !!!! DÉBUT !!!! STYLE SECTION */

.titre1{font-weight: 600; font-size: 32px; margin-bottom: 25px; color: var(--primary);}
.titre1 .big-title{font-size: 35px; display: block;}
.titre1 small{display: block; font-size: 20px; font-family: var(--main-police);}
.titre1 .color{color: var(--bleu);}

.s-style{padding: 80px 15px; overflow: hidden;}
.s-style p{font-size: 16px;}
.s-style .container{width: 1440px; max-width: 100%;}
.s-style a.bouton{display: inline-block; color: #fff; transition: all 0.4s; background: var(--bleu); color: #fff; padding: 15px 20px; text-transform: uppercase; font-size: 17px; text-decoration: none;}
.s-style a.bouton:hover{background: var(--black);}
.s-style p a{color: var(--primary); font-weight: 600; transition: all 0.4s; text-decoration: none;}
.s-style p a:hover{color: #000;}
.slide-img img{width: 100%;}

/* !!!! FIN !!!! STYLE SECTION */


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

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

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

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

.slide-avis .box-avis{background: url(../images/back-review.png) no-repeat center/contain; height: 350px; display: flex !important; justify-content: center; align-items: center;}
.slide-avis .box-avis>div{width: 200px; margin: 0px auto; text-align: center;}
.slide-avis .box-avis>div p{font-size: 14px; margin-top: 10px;}
.slide-avis .box-avis>div .date{font-weight: 300; display: block; font-size: 13.5px;}
.slide-avis .box-avis>div .name{font-weight: 700;}

.slide-marques img{max-width: 100%; height: 370px; object-fit: contain; width: 370px; display: block; margin: 0px auto;}

.flex-prestation .box-prestation a{display: block; color: var(--primary); text-decoration: none; transition: all 0.4s; margin: 10px auto;}
.flex-prestation .box-prestation a img{width: 100%; display: block; transition: all 0.4s;}
.flex-prestation .box-prestation h4{padding: 15px 0px; text-align: right; font-size: 22px; display: flex; align-items: center; justify-content: flex-end;}
.flex-prestation .box-prestation h4:after{content: '';transition: all 0.4s; width: 60px; height: 30px; background: var(--primary); display: block; margin-left: 15px; opacity: 0.2;}
.flex-prestation .box-prestation a:hover img{opacity: 0.7;}
.flex-prestation .box-prestation a:hover h4:after{opacity: 1; width: 20px;}
/* FOOTER */

footer{background: url(../images/contact.jpg) no-repeat center/cover; overflow: hidden; color: #fff;}
footer .top-footer p a{color: #fff; text-decoration: none; font-weight: bold; transition: all 0.4s;}
footer .top-footer p a:hover{opacity: 0.4;}
footer .info-box{padding: 20px 40px;}
footer .logo-footer{width: 280px; max-width: 100%; display: block;margin: 20px auto;}
footer .rs-box{font-weight: 600; font-size: 22px;}
footer .info-box h3{text-transform: uppercase; font-size: 50px; opacity: 0.1; font-weight: 700;}
footer .info-box h3 span{font-family: var(--second-police); font-size: 40px; text-transform: none; display: block;}
footer .info-box a.bouton{display: inline-block; border-radius: 60px; transition: all 0.4s; background: #fff; color: var(--black); text-transform: uppercase; padding: 15px 20px; font-weight: 500; text-decoration: none;}
footer .info-box a.bouton:hover{background: var(--bleu); color: #fff;}
footer .info-box p{font-size: 18px; font-weight: 300;}
footer .container{width: 1550px; max-width: 100%;}
footer .top-footer{padding: 60px 15px 60px; align-items: center;}
footer .top-footer p.adresse{font-size: 20px;}
footer .top-footer .border-box{border-left: 4px solid var(--bleu);}
footer .top-footer a.tel{color: #fff; font-weight: 700; font-size: 24px; text-decoration: none; transition: all 0.4s;}
footer .top-footer a.tel:hover{opacity: 0.4;}
footer h4{text-transform: uppercase; margin-bottom: 20px;}
footer h4:after{content: ''; display: block; width: 100px; max-width: 100%; margin-top: 15px; background: var(--bleu); height: 3px;}

@media all and (max-width: 1550px) {
	#main-nav .nav-link{padding: 30px 7px; font-size: 16px;}
	#header{height: calc(100vh - 135px);}
	#content .box-etape{width: 400px;}
	#header .scene-pdt{left: -10%; opacity: 0.8;}
	#header .box-titre{width: 700px;}
	.box-prestation h3{font-size: 15px;}
}

@media all and (max-width: 1380px) {
		#main-nav .nav-link{padding: 30px 7px; font-size: 16px; text-transform: none;}
	#main-nav .nav-item{padding: 0px 5px;}
	#main-nav a.navbar-brand img{width: 220px;}
}

@media all and (max-width: 1200px) {
		#section-prestation .box-prestation{width: calc(100% / 4);}
	#header .caption-header h3{font-size: 30px;}
	#section3 .box-white img{position: relative; transform: none; display: block; margin: 0px auto; left: 0; bottom: 0;}
	#section3 .box-white .box-texte{min-height: auto;}
	.top-nav{position: absolute;top: 78px; z-index: 999; padding: 10px 10px;}
	#section3{background-attachment: scroll;}
	#header .scene-pdt .box-scene{display: none;}
	#header .scene-pdt{left: 0; top: 0; transform: none; opacity: 1; position: relative; width: 100%; margin-top: 15px;}
	#header .box-titre{width: 100%; position: relative;left: 0; top: 0; transform: none; margin-top: -70px;}
	#header .scene-pdt .mobile-montage{display: block; margin: 0px auto;width: 400px; max-width: 70%;}
	#header .caption-header .title1{margin-bottom: 0px;}
	#header .caption-header{top: 50%;}
	.top-nav .citation{display: none;}
	.top-nav .container-top-nav{width: 100%;}
	#header .banner:before{height: 90px;}
	.box-slider{padding: 0px 15px;}
	#section3 .row{height: auto; min-height: auto;}
	#section3{background-size: cover;}
	#page #header{padding-bottom: 0px;}
	#header{ margin-top: 0px; height: 100vh;}
	#header .banner{position: relative;}
	#main-nav .navbar-nav .nav-item{padding: 5px 10px;}
	#main-nav a.navbar-brand{padding: 10px 5px;}
	#main-nav .hamburger{padding: 0px 15px; min-height: 78px;}
	#main-nav a.navbar-brand img,#main-nav.reduce a.navbar-brand img{object-fit: contain;}
	#main-nav,#main-nav.reduce{margin: 0px auto;background: #fff; display: flex; justify-content: space-between;position: fixed; top: 0; left: 0; width: 100%; z-index: 9999; min-height: 78px; box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.15); padding: 0px;}
	#main-nav .navbar-nav{padding: 15px 0px; margin-left: 0px !important; 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{color: var(--bleu); opacity: 0.4;}
	#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: 0px auto; padding: 0px 5px;}
	#main-nav .dropdown-item{color: #000; text-align: center; font-size: 15px;}
}
@media all and (max-width: 1200px) {
	#content{padding-top: 150px;}
}

@media all and (max-width: 991px) {
	.fix-element a .ico{font-size: 15px; display: inline-block; padding:0px 0px 0px 15px;}
.fix-element a .txt{text-align: left; padding: 0px 15px; font-size: 13px;}
.fix-element a{padding: 8px 0px; width: 180px; height: auto; width: auto; right: -70px;}
	#section5 .box-border ul li a:before{width: 20px; height: 20px;}
	#section5 .box-border ul li a{font-size: 18px;}
	#header .caption-header h3.text-right{text-align: center !important; font-size: 40px;}
	#header .caption-header img{width: 260px;}
	#section-prestation .box-prestation{background: none; height: auto;}
	#section-prestation{padding: 80px 15px;}
	#section4 .fleche img{width: 100px; transform: rotate(45deg);}
	#content .flex-fabrication .picto{width: 220px; height: 210px;}
	#content .font2{font-size: 35px; line-height: 40px;}
	#content .box-etape{width: 100%; margin-top: 0px !important;}
	#content .box-etape.etape1 .fleche{transform: rotate(45deg); margin-top: 40px;}
	#content .box-etape.etape2 .fleche{transform: rotate(-55deg); margin-top: 40px;}
	#content .box-etape.etape3 .fleche{transform: rotate(55deg); margin-top: 40px;}
	.top-nav .container-top-nav{}
	.top-nav .rs-box{width: 100%;}
	.s-style .titre-big{font-size: 40px;}
}

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

}

@media all and (max-width:767px) {
	#section5 .box-border ul li{font-size: 17px;}
	#main-nav a.navbar-brand img{width: 250px !important;}
	.fix-element a img{width: 130px;}
	#section-prestation .box-prestation img{height: 320px;}
	#section-prestation .box-prestation{width: calc(100% / 3);}
	.s-style{padding: 50px 15px;}
	.top-phone a{font-size: 15px;}
	.titre1{font-size: 27px;}
	.s-style p{font-size: 15px;}
	.titre1 small{font-size: 18px;}
	footer .info-box h3{font-size: 40px;}
	footer .top-footer .border-box{border: 0px;}
	footer .info-box{padding: 20px 0px;}
	footer .logo-footer{width: 180px; margin: 20px 0px;}
	#header .caption-header  .title1{padding:0px 15px;}
	#header .caption-header .title1 .main-title{font-size: 42px;}
	#header .caption-header .title1 .subtitle{font-size: 33px;}
	#header .caption-header .title1 .subtitle .chiffre{font-size: 33px;}
	#header .caption-header .title1 .subtitle .chiffre small{font-size: 80%;}
	#header .box-titre{margin-top: -40px;}
	.counter {
		height: 2.4rem;
		font-size: 2.4rem;
	}
	.top-nav .rs-box{font-size: 14px;}
	.top-nav .rs-box img{width: 25px;}
	#section4 .row{min-height: auto;}
	#section4 h3{font-size: 22px;}
	.box-avis p{font-size: 14px;}
	.box-title-avis img{width: 180px;}
	#section-avis h3{font-size: 30px;}
	.top-nav .top-adresse{font-size: 13px;}
	#header .caption-header p{font-size: 18px;}
	.top-nav{flex-direction: column;}
	#header .caption-header:before, #header .caption-header:after{display: none;}
	#page #header .banner{height: 220px;}
}

@media all and (max-width:560px) {
#section-prestation .box-prestation{width: calc(100% / 2);}
	.top-nav .rs-box span{display: none;}
	#header .caption-header .title1 .main-title{font-size:32px;}
	#header .caption-header .title1 .subtitle{font-size: 30px;}
	#header .caption-header .title1 .subtitle .chiffre{font-size: 30px;}
	.counter {
		height: 2rem;
		font-size: 2rem;
	}
}


.page-loader {
	width: 100%;
	height: 100vh;
	position: fixed;
	top: 0; left: 0;
	background: var(--black);
	z-index: 999999999;
	display: flex;
	align-items: center;
	justify-content: center;
}
.page-loader img{width: 300px; max-width: 100%;}