:root {
    --primary: #1d7d75;
    --second: #12544f;
    --gold: #f2c418;
    --light: #f2f7f6;
    --text: #333333;
}

body{font-family: 'Montserrat', sans-serif; max-width: 100%; overflow-x: hidden; padding: 0px !important; background: #fff; color: var(--text);}
a{transition: all 0.4s;}
.img-responsive{display: block; max-width: 100%; height: auto;}

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

/* bandeau haut */
#header{position: relative; z-index: 9; display: block; padding: 0px; height: auto;}
.top-header{padding: 0px; background: #fff;}
.top-header .top-banniere{background: var(--second); color: #fff; display: flex; justify-content: center; align-items: center; padding: 8px 15px; margin: 0px; font-size: 13px; letter-spacing: 1.5px; text-transform: uppercase; font-weight: 500; text-align: center;}
.top-header .top-banniere span:before{font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f0f1"; color: var(--gold); display: inline-block; margin-right: 10px;}

/* logo + coordonnées */
.top-header .top-logo-info{display: flex; align-items: center; margin: 0px; padding: 15px 30px; background: #fff;}
.top-header .box-logo{display: flex; align-items: center;}
.top-header .box-logo a{display: inline-block;}
.top-header .box-logo img{display: block; max-width: 100%; width: 340px; max-height: 110px; object-fit: contain; object-position: left center;}
.top-header .box-info{display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end;}
.top-header .box-info p{display: flex; align-items: center; justify-content: flex-end; margin: 8px 0px; font-size: 15px; font-weight: 500; color: var(--text);}
.top-header .box-info p:before{font-family: "Font Awesome 5 Free"; font-weight: 900; display: inline-flex; justify-content: center; align-items: center; flex: 0 0 42px; width: 42px; height: 42px; border-radius: 42px; margin-right: 12px; background: var(--light); color: var(--primary); font-size: 17px;}
.top-header .box-info p.adresse:before{content: "\f3c5";}
.top-header .box-info p.tel:before{content: "\f095";}
.top-header .box-info p.tel a{color: var(--primary); font-weight: 700; font-size: 22px; letter-spacing: 1px; text-decoration: none;}
.top-header .box-info p.tel a:hover{color: var(--second);}

/* style nav */
#main-nav{flex-wrap: wrap; box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.1); width: 100%; max-width: 100%; margin: 0px auto; position: relative; top: 0; left: 0; z-index: 999; display: flex; align-items: center; justify-content: center; padding: 0px; transition: all 0.4s; background: var(--primary);}
#home #main-nav{border-bottom: none;}
#main-nav .space-between{justify-content: space-between;}
#main-nav button:focus{outline: 0px;}
#main-nav .nav-link:focus{outline: none !important;}
#main-nav .nav-item{position: relative; padding: 0px 7px;}
#main-nav .nav-link{text-align: center; text-transform: uppercase; padding: 18px 8px; color: #fff; text-decoration: none; font-size: 14px; font-weight: 600; letter-spacing: 0.5px; position: relative; transition: all 0.4s; z-index: 99;}
#main-nav .nav-link:hover{color: #fff;}
#main-nav .nav-link:before{content: ''; transition: all 0.3s; display: block; width: 0px; height: 3px; background: var(--gold); position: absolute; left: 0; bottom: 0;}
#main-nav .nav-link:hover:before{width: 100%;}
#main-nav .nav-link.active{color: var(--gold);}
#main-nav .nav-link.active:before{width: 100%; background: var(--gold);}
#main-nav .dropdown-toggle::after{vertical-align: 2px;}
#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: 240px;}
#main-nav .dropdown-item{padding: 8px 15px; font-weight: initial; text-transform: initial; transition: all 0.4s; border-bottom: 1px solid rgba(0,0,0,0.1); font-size: 13px; color: var(--text);}
#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 .active-item{background: var(--primary); color: #fff;}
#main-nav.reduce{position: fixed; top: 0; left: 0; box-shadow: 0px 0px 7px 2px rgba(0,0,0,0.2);}
#main-nav.reduce .nav-link{padding-top: 14px; padding-bottom: 14px;}
.hamburger-box{margin-top: 6px;}
.hamburger{outline: none;}

/* 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: #fff;
	color: var(--primary);
	display: none;
	width: 45px;
	border-radius: 45px;
	height: 45px;
	line-height: 45px;
	z-index: 9999;
	font-size: 17px;
	position: fixed;
	bottom: 15px;
	right: 15px;
	transition: background-color 0.4s, color 0.4s;
}
#top:hover{
	background-color: var(--primary);
	color: #fff;
}

/* style caroussel */
@-webkit-keyframes zoom {
  from {
    -webkit-transform: scale(1, 1);
  }
  to {
    -webkit-transform: scale(1.3, 1.3);
  }
}

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

@-webkit-keyframes slideInSlider {
  from {
    -webkit-transform: translate3d(-100%, -50%, 0);
    transform: translate3d(-100%, -50%, 0);
    visibility: visible;
  }

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

@keyframes slideInSlider {
  from {
    -webkit-transform: translate3d(-100%, -50%, 0);
    transform: translate3d(-100%, -50%, 0);
    visibility: visible;
  }

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

.slideInSlider {
  -webkit-animation-name: slideInSlider;
  animation-name: slideInSlider;
}
#headercarousel{height: 520px; background: #000; width: 100%; overflow: hidden;}
#page #headercarousel{height: 420px;}
#headercarousel .carousel-inner{height: 100%;}
#headercarousel .carousel-item{height: 100%;}
#headercarousel .carousel-item:before{content: ''; display: block; width: 100%; height: 100%; position: absolute; background: rgba(0,0,0,0.25); z-index: 10;}
#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-control-next, #headercarousel .carousel-control-prev{width: 50px; z-index: 100;}
#headercarousel .carousel-indicators{bottom: 0px; z-index: 100;}
#headercarousel .carousel-caption{width: 560px; max-width: 94%; z-index: 99; min-height: 190px; background: rgba(29,125,117,0.93); color: #fff; border-left: 15px solid var(--gold); position: absolute; top: 50%; left: auto; right: 0px; bottom: auto; transform: translateY(-50%); padding: 25px 40px; text-align: left; display: flex; align-items: center; flex-wrap: wrap;}
#headercarousel .carousel-caption h3{margin: 0px; font-weight: 600; line-height: 1.1;}
#headercarousel .carousel-caption h3 big{display: block; font-size: 42px; font-weight: 800; color: #fff; text-transform: uppercase; letter-spacing: 1px;}
#headercarousel .carousel-caption h3 span{display: block; font-size: 30px; color: var(--gold); margin-top: 5px;}
#headercarousel .carousel-caption h3 small{font-size: 55%; vertical-align: super; font-weight: 600;}
#headercarousel .carousel-caption p{margin: 15px 0px 0px; font-size: 17px; font-weight: 500; color: #fff;}

#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: var(--gold);
  border-radius: 15px;
  border: 2px solid var(--gold);
}
#headercarousel .carousel-indicators li {
  cursor: pointer;
  width: 15px;
  height: 15px;
  margin: 5px;
  background-color: #fff;
  border-radius: 15px;
  border: 2px solid var(--gold);
}
/* !!!! FIN !!!! STYLE HEADER */

/* !!!! DÉBUT !!!! STYLE CONTENT PAGE */
#content{background: #fff; padding: 50px 0px 20px;}
#content p{font-size: 15px; line-height: 1.7;}
#content h1{font-size: 30px; font-weight: 600; color: var(--primary); margin-bottom: 40px;}
#content h1:after{content: ''; display: block; width: 70px; height: 3px; background: var(--gold); margin: 15px auto 0px;}
#content h2{font-size: 22px; font-weight: 600; color: var(--primary); margin: 20px 0px 15px;}
#content h3{font-size: 19px; color: var(--second);}
#content strong{color: var(--second);}
#content .text-center, #content .text-center p{text-align: center;}
#content ul{font-size: 15px; padding-left: 20px; margin-bottom: 15px;}
#content ul li{padding: 3px 0px;}
#content p a, #content ul li a{font-weight: bold; transition: all 0.4s; text-decoration: none; color: var(--primary);}
#content p a:hover, #content ul li a:hover{opacity: 0.5;}

#content .breadcrumb{background: rgba(0,0,0,0); border-bottom: 1px solid rgba(0,0,0,0.1); border-radius: 0px; 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: bold; text-decoration: none;}
#content .breadcrumb-item a:hover{opacity: 0.5;}
#content .breadcrumb-item.active{color: #000;}

#content .box-content{overflow: hidden;}
#content .box-content>div{padding: 0px 15px; margin-bottom: 30px;}
#content .box-texte{display: flex; align-items: flex-start; justify-content: center; flex-wrap: wrap;}
#content .box-texte>div{background: var(--light); padding: 30px 25px; height: 100%;}
#content .box-img{display: flex; justify-content: center; align-items: center; width: 100%; height: 400px; background: rgba(0,0,0,0.1);}
#content .box-img img{width: 100%; height: 100%; object-fit: cover;}

/* logos des marques */
#content .widget{display: flex; flex-wrap: wrap; justify-content: center; align-items: center; margin: 10px -5px 0px;}
#content .widget img{display: inline-block; width: 150px; height: 80px; max-width: 45%; object-fit: contain; margin: 6px; padding: 8px; background: #fff; border: 1px solid rgba(0,0,0,0.08); transition: all 0.4s;}
#content .widget img:hover{border-color: var(--primary); box-shadow: 0px 0px 8px rgba(0,0,0,0.12);}

/* promotions */
#content .box-actu .article{background: var(--light); padding: 30px 30px 15px; margin-bottom: 30px; border-left: 5px solid var(--primary);}
#content .box-actu .article h2{margin-top: 0px;}
.article img{max-width: 100%; height: auto !important;}

/* galerie photos */
#content #filter{margin-bottom: 15px;}
#content #gallery-page{text-align: center; margin: 0px 0px 25px;}
#content #gallery-page a{display: inline-block; width: 36px; height: 36px; line-height: 34px; border-radius: 36px; border: 1px solid var(--primary); color: var(--primary); font-weight: 600; margin: 0px 3px; text-decoration: none;}
#content #gallery-page a.active, #content #gallery-page a:hover{background: var(--primary); color: #fff;}
/* la grille de la galerie est celle du module (moduls/Full-Featured-Image-Viewer-Gallery/css/lightgallery.css) */
.axo-gallery{overflow: hidden; margin-bottom: 30px;}
.axo-gallery #lightgallery li{cursor: pointer;}

/* plan d'accès */
#content iframe{display: block; width: 100%; margin-bottom: 30px; box-shadow: 0px 0px 10px rgba(0,0,0,0.1);}

/* formulaire contact */
.contact_form.picto_pen{min-height: 110px;}
#content .contact_txt h2{font-size: 20px;}

#content .bottom-page{background: var(--light); border-top: 3px solid var(--primary); padding: 30px 15px 20px; margin: 10px auto 30px;}
#content .bottom-page p, #content .bottom-page h2, #content .bottom-page h3{text-align: center;}
/* !!!! FIN !!!! STYLE CONTENT PAGE */

/* !!!! DÉBUT !!!! STYLE SECTION */
.s-style>.container{width: 1300px; max-width: 100%;}
.s-style{padding-top: 80px; padding-bottom: 80px; overflow: hidden;}
.s-style p{font-size: 15px;}
.s-style .titre1{color: var(--second); font-weight: bold; font-size: 27px; margin-bottom: 40px;}
.s-style .titre1 span{display: inline-block;}
.s-style .titre1 span:after{content: ''; display: block; width: 60px; height: 3px; background: var(--gold); margin: 12px auto 0px;}

/* actualités (accueil) */
#section1{position: relative; z-index: 99; padding: 0px 15px 60px;}
#section1 .container{background: #fff; margin-top: -60px; padding: 50px 30px; box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.1);}
#section1.s-style{overflow: visible;}
#section1 .box-promotion>div{background: var(--light); padding: 0px 0px 20px; height: 100%;}
#section1 .box-promotion .box-img{padding: 0px; margin-bottom: 20px;}
#section1 .box-promotion .box-img img{display: block; width: 100%; height: 240px; object-fit: cover;}
#section1 .box-promotion .box-texte{padding: 0px 25px;}
#section1 .box-promotion h3{font-size: 22px; font-weight: 700; color: var(--primary); text-transform: uppercase; text-align: center; margin-bottom: 15px;}
#section1 .box-promotion .article{padding: 0px 50px; text-align: center;}
#section1 .box-promotion .article h5{font-size: 17px; font-weight: 700; color: var(--second); text-transform: uppercase; margin-bottom: 10px;}
#section1 .box-promotion .article p{font-size: 14px; margin-bottom: 6px;}
#section1 .box-promotion .article img{display: inline-block; max-height: 260px; width: auto !important;}
#section1 .slide1 .slick-track{display: flex; align-items: center;}
.fixed-nav{position: relative;}
#section1 .box-fb>div{display: flex; flex-direction: column; align-items: center; justify-content: flex-start;}
#section1 .box-fb iframe{display: block; max-width: 100%; box-shadow: 0px 0px 10px rgba(0,0,0,0.1);}
#section1 .box-fb a.bouton{display: inline-block; margin-top: 20px; border-radius: 60px; transition: all 0.4s;}
#section1 .box-fb a.bouton img{display: block; width: 60px; height: 60px;}
#section1 .box-fb a.bouton:hover{transform: scale(1.1);}

/* nos services */
#section2{background: #fff;}
.box-certif{margin: 15px auto;}
.box-certif .box-ico{display: flex; justify-content: center; align-items: center;}
.box-certif .box-ico img{display: block; width: 120px; height: 120px; padding: 28px; border-radius: 120px; background: var(--primary); object-fit: contain; box-shadow: 0px 0px 0px 8px var(--light); transition: all 0.4s;}
.box-certif:hover .box-ico img{background: var(--second); transform: translateY(-5px);}
.box-certif .texte h3.title{font-size: 17px; font-weight: 600; text-transform: uppercase; color: var(--second); margin: 25px 0px 0px;}
#section2 a.btn-renseignement{display: inline-block; margin: 40px auto 0px; background: var(--primary); color: #fff; border-radius: 50px; font-size: 14px; font-weight: 600; letter-spacing: 1px; text-transform: uppercase; padding: 15px 30px; text-decoration: none; transition: all 0.4s;}
#section2 a.btn-renseignement:after{font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f30b"; color: #fff; display: inline-block; margin-left: 10px;}
#section2 a.btn-renseignement:hover{background: var(--second); color: #fff;}

/* spécialités + horaires */
#section3{background: var(--light);}
#section3>.container>.row{align-items: stretch;}
#section3 .box-specialites{padding-top: 10px;}
#section3 .box-specialites .box-texte{padding: 0px;}
.slide3 .box-slide{padding: 0px 8px; outline: none;}
.slide3 a.img-slide{display: block; position: relative; overflow: hidden; background: #000; text-decoration: none; outline: none;}
.slide3 a.img-slide img{display: block; width: 100%; height: 260px; object-fit: cover; transition: all 0.6s;}
.slide3 a.img-slide h4{position: absolute; left: 0; right: 0; bottom: 0; margin: 0px; padding: 14px 10px; background: rgba(29,125,117,0.9); color: #fff; font-size: 15px; font-weight: 600; text-transform: uppercase; text-align: center; transition: all 0.4s;}
.slide3 a.img-slide:hover img{transform: scale(1.1); opacity: 0.8;}
.slide3 a.img-slide:hover h4{background: var(--second); padding-bottom: 22px;}

#section3 .box-horaire{display: flex; align-items: center; margin-top: 30px;}
#section3 .box-horaire>div{background: var(--primary); color: #fff; padding: 40px 30px; box-shadow: 0px 0px 15px 5px rgba(0,0,0,0.08);}
#section3 .box-horaire h3{color: #fff; font-size: 22px; font-weight: 700; text-transform: uppercase; text-align: center; margin-bottom: 25px;}
#section3 .box-horaire h3:before{font-family: "Font Awesome 5 Free"; font-weight: 400; content: "\f017"; color: var(--gold); display: block; font-size: 34px; margin-bottom: 10px;}
#section3 .box-horaire .table{color: #fff; font-size: 15px; margin-bottom: 25px;}
#section3 .box-horaire .table td{border-top: 1px solid rgba(255,255,255,0.25); padding: 9px 5px;}
#section3 .box-horaire .table tr:first-child td{border-top: 0px;}
#section3 .box-horaire .table td:first-child{font-weight: 600;}
#section3 .box-horaire .table td:last-child{text-align: right;}
#section3 .box-horaire a.bouton-plan{display: block; width: 220px; max-width: 100%; margin: 0px auto; text-align: center; background: var(--gold); color: var(--second); border-radius: 50px; padding: 12px 20px; font-size: 14px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; text-decoration: none; transition: all 0.4s;}
#section3 .box-horaire a.bouton-plan:before{font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f3c5"; display: inline-block; margin-right: 8px;}
#section3 .box-horaire a.bouton-plan:hover{background: #fff; color: var(--primary);}
/* !!!! FIN !!!! STYLE SECTION */

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

/* fleche-nav style */
.slide-style .slick-prev, .slide-style .slick-next,
.slide-style2 .slick-prev, .slide-style2 .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-style2 .slick-prev, .slide-style2 .slick-next{border-radius: 40px; box-shadow: 0px 0px 8px rgba(0,0,0,0.2);}
.slide-style .slick-prev:hover, .slide-style .slick-next:hover, .slide-style .slick-prev:focus, .slide-style .slick-next:focus,
.slide-style2 .slick-prev:hover, .slide-style2 .slick-next:hover, .slide-style2 .slick-prev:focus, .slide-style2 .slick-next:focus{background: var(--second);}
.slide-style .slick-prev{left: 0px;}
.slide-style .slick-next{right: 0px;}
.slide-style2 .slick-prev{left: -12px;}
.slide-style2 .slick-next{right: -12px;}
.slide-style .slick-prev:before, .slide-style2 .slick-prev:before{font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f053" !important; opacity: 1;}
.slide-style .slick-next:before, .slide-style2 .slick-next:before{font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f054" !important; opacity: 1;}

/* dots-nav style */
.slide-style .slick-dots li, .slide-style2 .slick-dots li{padding: 0px; margin: 0px;}
.slide-style .slick-dots li button, .slide-style2 .slick-dots li button{display: flex; justify-content: center; align-items: center; padding: 0px;}
.slide-style .slick-dots li button:before, .slide-style2 .slick-dots li button:before{left: 50%; top: 50%; transform: translate(-50%,-50%); transition: all 0.4s; background: #fff; border: 1px solid var(--primary); 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, .slide-style2 .slick-dots li.slick-active button:before{background: var(--primary);}

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

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

/* !!!! DÉBUT !!!! STYLE FOOTER */
footer{z-index: 9; position: relative; background: var(--second); color: #fff;}
footer .top-footer{padding: 40px 15px 25px; margin: 0px; overflow: hidden; align-items: center;}
footer .footer-logo{display: flex; justify-content: center; margin-bottom: 20px;}
footer .footer-logo img{display: block; width: 300px; max-width: 100%; height: auto;}
footer .info-contact p{font-size: 16px; color: #fff; margin: 10px 0px; line-height: 1.6;}
footer .info-contact p:before{font-family: "Font Awesome 5 Free"; font-weight: 900; display: inline-flex; justify-content: center; align-items: center; width: 44px; height: 44px; border-radius: 44px; background: var(--primary); color: var(--gold); font-size: 17px; margin-bottom: 8px;}
footer .info-contact p.adresse{text-align: right;}
footer .info-contact p.adresse:before{content: "\f3c5"; float: right; margin-left: 15px;}
footer .info-contact p.tel{text-align: left;}
footer .info-contact p.tel:before{content: "\f095"; float: left; margin-right: 15px;}
footer .info-contact p strong{color: var(--gold);}
footer a.link-footer{color: #fff; font-weight: 700; font-size: 20px; letter-spacing: 1px; text-decoration: none;}
footer a.link-footer:hover{color: var(--gold);}
footer .info-contact small{font-size: 13px; opacity: 0.8;}

.axo-footer{padding: 10px 15px; background: #fff; box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.1); color: var(--text);}
.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: 105px; display: inline-block; margin: 10px auto 0px;}
.axo-footer .footerlink{color: var(--primary);}
.axo-footer .footerlink a{color: var(--primary); transition: all 0.3s; text-decoration: none;}
.axo-footer .footerlink a:hover{color: var(--second);}
.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;}
/* !!!! FIN !!!! STYLE FOOTER */

/* RESPONSIVE */

@media all and (max-width: 1350px) {
  #main-nav .nav-item{padding: 0px 3px;}
  #main-nav .nav-link{font-size: 13px;}
}

@media all and (max-width: 1199px) {
  #main-nav{justify-content: center; min-height: 60px;}
  .hamburger{padding: 15px 20px; min-height: 60px;}
  #main-nav .navbar-collapse{width: 100%;}
  #main-nav .navbar-nav{padding: 0px 0px 15px; display: flex !important; justify-content: center; align-items: center;}
  #main-nav .nav-item{width: 100%; display: flex; justify-content: center; flex-wrap: wrap; margin: 2px auto; padding: 0px 10px;}
  #main-nav .nav-link{padding: 8px 15px !important; display: inline-block; font-size: 14px;}
  #main-nav .dropdown-menu{width: 100%; position: relative !important; transform: none !important; left: auto !important; box-shadow: none; background: var(--second);}
  #main-nav .dropdown-item{color: #fff; text-align: center; font-size: 13px; border-bottom-color: rgba(255,255,255,0.15);}
  #main-nav.reduce{position: relative;}
  #headercarousel{height: 420px;}
}

@media all and (max-width: 991px) {
  .top-header .top-logo-info{padding: 15px; justify-content: center;}
  .top-header .box-logo{justify-content: center; margin-bottom: 10px;}
  .top-header .box-logo img{object-position: center;}
  .top-header .box-info{justify-content: center;}
  .top-header .box-info p{justify-content: center;}
  #headercarousel{height: 360px;}
  #page #headercarousel{height: 260px;}
  #page .carousel-caption{display: none !important;}
  #headercarousel .carousel-caption{width: 94%; right: 3%; min-height: 150px; padding: 20px 25px;}
  #headercarousel .carousel-caption h3 big{font-size: 32px;}
  #headercarousel .carousel-caption h3 span{font-size: 24px;}
  #content h1{font-size: 26px;}
  #content ul{font-size: 14px;}
  #content p{font-size: 14px;}
  #content .box-img{height: 320px;}
  .s-style{padding-top: 60px; padding-bottom: 60px;}
  #section1 .container{margin-top: -30px; padding: 40px 15px;}
  #section1 .box-promotion{margin-bottom: 30px;}
  #section3 .box-horaire{margin-top: 40px;}
  footer .info-contact p.adresse, footer .info-contact p.tel{text-align: center;}
  footer .info-contact p.adresse:before, footer .info-contact p.tel:before{float: none; display: flex; margin: 0px auto 8px;}
}

@media all and (max-width: 767px) {
  .top-header .top-banniere{font-size: 11px; letter-spacing: 0.5px;}
  .top-header .box-info p.tel a{font-size: 19px;}
  .slide3 a.img-slide img{height: 220px;}
  #section1 .box-promotion .article{padding: 0px 45px;}
}

@media all and (max-width: 560px) {
  #headercarousel{height: 300px;}
  #headercarousel .carousel-caption{min-height: 120px; padding: 15px 20px; border-left-width: 8px;}
  #headercarousel .carousel-caption h3 big{font-size: 24px;}
  #headercarousel .carousel-caption h3 span{font-size: 19px;}
  #headercarousel .carousel-caption p{font-size: 14px; margin-top: 8px;}
  #content .box-img{height: 260px;}
  #content .box-texte>div{padding: 25px 15px;}
  #content .widget img{width: 130px; height: 70px;}
  .axo-gallery > ul > li{width: 48%;}
  .s-style .titre1{font-size: 23px;}
  #section1 .box-fb iframe{height: 450px;}
}