1,400..700&family=Maven+Pro:wght@400..900&display=swap');
body {font-family: "Maven Pro", sans-serif;}
h1, h2, h3, h4 {font-family: "Lora", sans-serif;}

.navbar{
	--bs-navbar-active-color: #cecece; 
	--bs-navbar-hover-color: #cecece;
	background: #fff;z-index: 111 !important; 
}
/* ============ desktop view ============ */
@media all and (min-width: 992px) {
	.navbar .nav-item .dropdown-menu{ display: none;}
	.navbar .nav-item:hover .nav-link{   }
	.navbar .nav-item:hover .dropdown-menu{ display: block;}
	.navbar .nav-item .dropdown-menu{ margin-top:0;}
}	
/* ============ desktop view .end// ============ */   

.nav-item.active > a {border: 1px solid #D70A0F;color: #000 !important; }
.nav-link:focus, .nav-link:hover {color: #888;}
footer .nav-item.active > a { color:#D70A0F;border:none;}
html, body { width: 100%; overflow-x: hidden; }
img { max-width: 100%;}
header {position: relative;} 
a {text-decoration: none;}
.navbar-brand img {height: 40px;width: auto;}
.is-sticky nav#sticker > div {flex-direction: row;justify-content: space-between;}
.nav-link {font-style: normal; font-weight: 600; font-size: 16px; text-align: center;color: #000;padding: 5px 30px !important;}
.is-sticky .nav-link { font-size: 14px;}
.is-sticky div#main_nav {margin-top: 0px;}
.slick-dots {display: none !important;}
body .slick-dotted.slick-slider { margin-bottom: -6px;}
#accueil img {width: 100%;}
p.titre-page {font-family: "Lora", sans-serif;font-weight:900; font-size: 128px; color: #fff;-webkit-text-stroke: 1px #000;line-height: 1;}
body .h1, body h1{color: #000000;}
.activite { background: url(images/bg1.jpg) center center no-repeat; background-size: cover; position: relative;padding: 50px 0;}
/* .list-act {display: flex;} */
.list-act {padding-left: 0;}
.list-act li {display: inline-block;margin: 1%;}
.list-act li a {position: relative;display: block;}
.list-act li a img {border-radius: 0px;}
.list-act li a h3, .container_autres_activites h4 {position: absolute;bottom: 0;left: 0;width: 100%;background: linear-gradient(to top, #000, rgba(0,0,0,0)) !important; padding: 75px 20px 25px;color: #fff;margin: 0; right: 0;text-align: left;}
.slick-slide img {display: block; max-height: 720px; width: 100%; object-fit: cover; object-position: center;}
.container_autres_activites, .content-activites a {position: relative;}
.navbar-nav .dropdown-menu {background:#000;border:none;}
.dropdown-item {color:#fff;text-align: center;}

#activites h2 { color: #fff;}

#actus {padding: 50px 0;} 
#actus h2 {padding:0 0 30px;} 

#contact {background: #000;padding:50px 0 100px;}
#contact img,  .contact-interne img {float: right;}
#contact a {color:#fff;}
#contact p, .contact-interne p {font-size:24px;font-weight:bold;margin:0 0 5px;}
#contact p.adresse {font-family: Lora, sans-serif;color:#ffffff;}
#contact p.contact {font-size:16px;font-weight:normal;font-family: "Lora", sans-serif;}
.contact-interne p {color:#000;}

footer {text-align: center;display: flex;}
footer .navbar {justify-content: center;margin-bottom: 22px;}
footer .nav-link {color: #000;}

.footer-menu {padding-left: 0;list-style: none;margin: auto;}
.mentions * {font-family: 'Raleway', sans-serif;color: #fff;font-size: 16px;text-decoration: none;}
.visible-xs.footer-phone { background: #000; text-align: center; padding: 10px; color: #fff;position: fixed;bottom: 0;width: 100%;z-index: 3;}
div#map-canvas {border-radius: 30px;overflow: hidden;}
footer a {color: #000;}
.visible-xs.footer-phone p {margin: 0;}

body .form-control {box-sizing: border-box; border: 1px solid #FFFFFF; border-radius: 15px;font-family: 'Raleway';font-size: 16px;padding: 14px 30px;background: transparent;margin-bottom: 8px;color: #fff;
	--bs-secondary-color: #fff;}
body textarea.form-control {max-height: 110px;}
body .btn-primary {--bs-btn-bg: #D70A0F;width: 100%;text-transform: uppercase;font-family: 'Audiowide', sans-serif; font-size: 16px;border-radius: 50px;}
.coordonnes-home p, .coordonnes-home a {font-size: 29px;color: #fff;vertical-align: middle;text-decoration: none;}

.row.d-flex.content-contact-interne {background: #000;padding: 25px;color:#fff;}
.row.d-flex.content-contact-interne a {color:#fff;}
.btn-primary {border:none;margin-top:10px;}

.content_img {position: relative;}

.body-interne h2 {color: #192026;}

.style-titre-p { margin-bottom: 30px; }

.fb_iframe_widget { background: url(images/Device.png) center top no-repeat; padding: 47px 28px 25px 26px;display: inline-block;position: relative;margin: auto;}
.fb_iframe_widget > span {border-radius: 0 0 20px 20px;overflow: hidden;}

ul#breadcrumb { padding: 10px 16px; list-style: none; margin-bottom: 0; background: #e1e5ea;margin-bottom: 30px;border-radius: 10px;}
  
ul#breadcrumb li {display: inline;font-size: 16px;color: #545454;}
  ul#breadcrumb li+li:before {padding: 8px;color: black;content: ">\00a0";}
  ul#breadcrumb li a {color: #000000;text-decoration: none;}
  ul#breadcrumb li a:hover {color: #545454;text-decoration: none;}
  body .breadcrumb {margin-bottom: 0;background: transparent;justify-content: center;}

  ul.album-similar {display: flex;flex-wrap: wrap;justify-content: center;list-style: none;text-align: center;gap: 10px;}
  ul.album-similar li, .ug-thumb-wrapper.ug-tile.ug-tile-clickable {display: flex;flex-direction: column-reverse;gap: 10px;}
  ul.album-similar h4 {	padding: 10px 0;background: #fff;width: 100%;max-width: 100%;margin: auto;color: #11113D;font-family: "Anton";font-size: 20px;font-style: normal;font-weight: 600;line-height: normal;text-transform: uppercase;
	a {color: #2d2d2d;text-decoration: none;font-size: 16px;white-space: break-spaces;width: fit-content;text-wrap: wrap;padding: 10px;text-transform: initial;display: flex;	}
  }

.body-interne h2.titre-page, .interne h1.h1 {font-size: 61px;}
.interne .h1.style-titre-p {font-size: 24px;}
.container_autres_activites h3 {margin-top: 36px;}
.album_nav a {background: #000;color: #fff;border-radius: 7px 0 7px 0;font-size: 18px; padding: 7px 25px;display: inline-block;margin-top:30px;}
.google { margin-top: 30px;}

.btn-livraison {background:#D70A0F;display:inline-block;padding:7px 35px;color:#fff;text-transform:uppercase;font-size:18px;font-weight:bold;}


@media (min-width:768px) {
	.visible-xs {display: none;}
}

@media (min-width:992px) {
	body .h1, body h1{font-size: 18px;line-height: 1.6;}
	.accueil-img {text-align: center;order: 1;}
	.accueil-text {order: 2;}
	.is-sticky nav#sticker { background: #192026 !important;}
	.onepage nav#sticker { background: #192026;}
	.navbar {background: transparent !important;}
	.onepage nav#sticker { position: fixed; top: 0; width: 100%; z-index: 111111 !important;padding: 0;background: linear-gradient(to bottom, #fff, rgba(255,255,255,0)) !important;padding-bottom: 201px;}
	.onepage .is-sticky nav#sticker {background: #fff !important;padding-bottom: 0;}
	.navbar-expand-lg .navbar-collapse { display: flex !important; flex-basis: auto; justify-content: flex-end; }
	.navbar-brand img {height: 190px;width: auto;transition:0.25s;}
	.is-sticky .navbar-brand {clip-path: none;padding: 0 !important;}
	.is-sticky .navbar-brand img{height: 60px;}
	.onepage header, .slide {height: 700px;overflow: hidden;position:relative;}
	.onepage header:after {content: ' ';position: absolute;background: linear-gradient(to top, #fff, rgba(255,255,255,0));width: 100%;height: 200px;bottom: 0;}
	.onepage h2 {font-size:128px;font-weight:900;}
	.content {line-height: 1.2;padding-right: 10%;font-size: 15px;}
	#entreprise img {width: 88%;position: relative;top: -54px;}
	#entreprise h2 {margin: 30px 0 0;position:relative;z-index:1;}
	#entreprise .content { padding-top: 70px;}
	#activites h2 span { color: rgba(255,255,255,0);-webkit-text-stroke: 1px #fff;}
	#actus h2 span { color: rgba(255,255,255,0);-webkit-text-stroke: 1px #000;}
	#contact h2 { color: rgba(255,255,255,0);-webkit-text-stroke: 1px #fff;}
	.onepage #accueil .col-lg-6:last-child {position:relative;}
	.onepage #accueil .col-lg-6:last-child:after {position:absolute;content:' ';display:block;background:#D70A0F;width:5px;top:-40px; bottom:-40px;right:50px;}
	.onepage #entreprise .container {position:relative;}
	.onepage #entreprise .container:after {position:absolute;content:' ';display:block;background:#D70A0F;height:5px;left:-40px; right:-40px;bottom:90px;}
	.list-act li a h3:after {position:absolute;content:' ';display:block;background:#D70A0F;height:21px;width:21px;right:25px;top:84px;border-radius:100px;}
	.onepage #activites .container{position:relative;}
	.onepage #activites .container:after {position:absolute;content:' ';display:block;background:#D70A0F;width:5px;height:500px; bottom:-100px;right:50px;}
	.list-act li {width: 31%;}
	.list-act li img {width: 100%;}
	#contact .col-lg-6, .contact-interne .col-lg-6 {padding:0 14% 0 25px;border-left:5px #D70A0F solid;}
	#contact h2 {margin-bottom:40px;}
	#contact img, .contact-interne img {margin-top: 33px;}
	footer {padding: 56px 0 33px;}
	footer .nav-link {padding: 0 13px !important;text-transform: uppercase;font-size:15px;}
	.body-interne .navbar#sticker {background: #fff !important;margin-bottom: 55px;box-shadow: 0 0 20px #ddd;}
	.body-interne footer {box-shadow: 0 0 20px #ddd; margin-top: 100px;}
	.interne {min-height: calc(100vh - 464px);}
	.body-interne header {height: 228px;}
	#sticker-sticky-wrapper {position: absolute;width:100%;}

}
@media (max-width: 1199px) and (min-width: 992px) {
	footer .nav-link {padding: 0 10px !important;text-transform: uppercase;font-size:12px;}
	#entreprise .content {padding-top: 17px;}
	.onepage #activites .container:after {height: 300px;}
}
@media (max-width:991px) {
	nav#sticker {background:#fff !important;}
	.navbar-toggler {background: #000 !important;}
	.logos img {width: 49px;display: inline-block;}
	header .logos {display: block;padding-inline:0;padding-block: 0;border-radius: 10px 10px 0 0;width: 70%;text-align:center;}
	.coordonnes-home p, .coordonnes-home a {font-size: 20px;}
	.footer-menu.d-flex.flex-row {display: block !important;width: 100%;border-radius: 0;}
	.footer-menu li.nav-item {display: inline-block;}
	.footer-menu li.nav-item a {text-transform: none;font-size: 14px;padding: 6px 10px !important;}
	.facebook {text-align: center;margin-bottom: 50px;}
	.visible-xs.footer-phone a {color: #fff;font-size:24px;}
	footer .navbar {background: none;}
	.list-act li a h3, .container_autres_activites h4 {position: initial;width: 100%;height: 77px;font-size: 20px;padding: 22px 0 0;border-radius: 10px;}
	.list-act li a img, .content_img img {height: 77px;border-radius: 10px;float: left;margin-right:10px;}
	.list-act li {display: block;overflow:auto;margin-bottom: 21px;}
	.cn-body {font-size: 12px;}
	p.titre-page {font-size: 56px;margin-top: 24px;}
	.onepage .content h1 {font-size: 19px;}
	h2 {font-size: 32px;}
	#entreprise {padding: 40px 0;}
	#contact h2 {color: #fff;}
	#contact p {font-size: 20px;}
	#contact .col-lg-6, .contact-interne .col-lg-6 {padding:0 25px;border-left:5px #D70A0F solid;margin: 20px 0;}
	.body-interne h2.titre-page, .interne h1.h1 {font-size: 45px; margin-top: 20px;}
	.body-interne footer {box-shadow: 0 0 20px #ddd; margin-top: 100px;padding:35px 0;}
	.content-activites {margin-bottom: 15px;}
	ul#breadcrumb {width: 100%;margin-top: 20px;}
	footer p {margin-top: 20px;}
	.fb_iframe_widget_fluid {display: inline-block !important;}
	.navbar-brand {padding: 0;}
	#sticker {padding: 2px 0px;}
	.navbar-brand img {height: 49px;}
}