@charset "UTF-8";
/* CSS Document */
/*@import url(http://fonts.googleapis.com/css?family=Montserrat:400,700);*/
.open {
    height: auto!important;
}
html{font-size: 62.5%;scroll-behavior: smooth;}
body{margin: 0 auto;padding: 0;overflow-x:hidden;position: relative;width:100%;background:#fff;font-family: 'Saira', Arial, Helvetica, sans-serif;font-weight:400;color:#262626;}

.container, .contDemi{position:relative;display:block;margin:0 auto;padding:0 80px;width:100%}
.container{max-width:1600px;}
.contDemi{max-width:800px;}

.Littlepad{padding-top:20px;padding-bottom:20px;}
.Littlepad-top{
	padding-top:20px;
}
.Littlepad-bot{
	padding-bottom:20px;
}
.pad{padding-top:40px;padding-bottom:40px;}
.pad-top{
	padding-top:40px;
}
.pad-bot{
	padding-bottom:40px;
}
.Bigpad{padding-top:80px;padding-bottom:80px;}
.Bigpad-top{
	padding-top: 80px;
}
.Bigpad-bot{
	padding-bottom: 80px;
}

.text-center {
    text-align: center;
}

.ml-auto {
    margin-left: auto;
}
a[href^=tel]{color:inherit;text-decoration:none;} a{text-decoration:none;color:inherit;cursor:pointer}a:focus{outline:0;}
a:hover{color: #b10000;}
img{max-width:100%;}
hr{border:0;border-bottom:1px solid #ccc;margin:40px 0;}

.nbsp { white-space: nowrap; }/* Textes insécables*/
.ancre{padding-top:50px;margin-top:-50px;}/* hauteur du header*/

.center{text-align:center;} .left{text-align:left;} .right{text-align:right;} .justify{text-align:justify;} .uppercase{text-transform:uppercase;}
.none{display:none;} .block{display:block;}
.down{margin-bottom:30px;}.up{margin-top:30px;}
.flt-left{float:left}.flt-right{float:right}.clear{clear:both;}

/* COULEUR */
.blanc{color:#fff;}
.charcoal{color:#333333;}
.bckpale{background:#262626; color: white;}
.bckGris{background:#222222;}
.bckNoir{background:#000;}
.bckVert{background:#262626;}

/* TEXTE */
h1, h2, h3, h4, h5, h6{margin:0;line-height:1;text-transform:uppercase;}
h1{font-size:34px;font-weight:lighter;color:#d10000;margin-bottom:15px;} h1 span{color:#41AF3A;font-size:30px}
h2{font-size:19px;font-weight:lighter;color:#000000;margin: 25px 0 15px;} h2 span {font-weight:lighter;}
h3{font-size:16px;font-weight:700;color:#d10000;margin: 25px 0 15px;}
h4{font-size:28px;font-weight:lighter;color:#d10000;margin: 25px 0 15px;}
h5{font-size:16px;font-weight:700;color:#000000;margin: 25px 0 15px;}
h6{font-size:15px;font-weight:700;color:#d10000;margin: 25px 0 15px;}

figcaption{
	font-size: 15px;
	font-weight: 700;
	color: #d10;
}
.sous-titre {color: #fff;}

/*h1 + p, h2 + p, h3 + p, h4 + p, h5 + p, h6 + p, h1 + ul, h2 + ul, h3 + ul, h4 + ul, h5 + ul, h6 + ul{margin-top:20px}*/

p, li{font-size:15px;line-height:1.7;margin:20px 0;}
strong {color: #333;font-size: 18px;}

@media (max-width: 768px){
	strong{
		font-size: 13px;
	}
}

ul li{margin:0 0 0 15px}
.piecesGroup > div > ul > li {list-style-image: url('../img/dot.png');}
div p a{color:#fff;text-transform: uppercase;font-weight: bold;transition: 0.3s all linear;}

/* HEADER */
header{width:100%;z-index:100;}
header .logo{float:left;margin-top:20px;width:auto;z-index: 500; overflow: hidden;position:absolute;display:block;left:5%;}
.home header .bgheader{height:0}
header .bgheader{width:100%;height:300px;z-index:100;background-color: #000;}

.mecanique header .bgheader{
	background: url(../img/header/header-mecanique.jpg) no-repeat center center / cover;
}

.soudure header .bgheader{
	background: url(../img/header/header-soudure.jpg) no-repeat center center / cover;
}

.pistenbully header .bgheader{
	background: url(../img/header/header-pistenbully.jpg) no-repeat center top / cover;
}

.sany header .bgheader{
	background: url(../img/header/header-sany.jpg) no-repeat center top / cover;
}


.comptoir header .bgheader{
	background: url(../img/header/header-magasin.jpg) no-repeat center top / cover;
}

.saaq header .bgheader{
	background: url(../img/header/header-saaq.jpg) no-repeat center top / cover;
}

.coupe-branche header .bgheader{
	background: url(../img/header/header-coupe-branche.jpg) no-repeat center top / cover;
}

.propos header .bgheader{
	background: url(../img/header/header-propos.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	background-size: cover;
	/* height: 500px; */
}

.services header .bgheader{
	background: url(../img/header/header-services.jpg) no-repeat center / cover;
}

.depositaires header .bgheader{
	background: url(../img/header/header-depositaires.jpg) no-repeat center top / cover;
}

/* .nous-joindre header .bgheader{
	background: url(../img/header/header-magasin.jpg) no-repeat center top / cover;
} */

/* BOUTONS */
.bt a{text-transform: uppercase;padding:10px;color:#FFF;background-color: #d10000;text-shadow: none;}
.bt .plus {font-size: 20px; color: #000; margin: 5px;}
.bt a:hover{background-color:#000; color: white;}
.bt a:hover .plus {color: #d10000;}
.bt span a{font-weight:normal;}
.btreverse a{text-transform: uppercase;border-style: solid;border-width:3px;padding:10px;font-weight:bold;color:#fff;border-color:#fff;}
.btreverse a:hover {color:#41AF3A;border-color:#41AF3A;}
.rig-btn a:hover {color:#fff;border-color:#fff;}
.rig-btn a {font-size:14px;text-transform: uppercase;border-style: solid;border-width:3px;padding:10px;font-weight:bold;color:#000;border-color:#000;}


.bt_active a{background-color: #d10000 !important;}

/* META NAV */
#navMenu {position:absolute;top:0;right:20px; z-index: 500;}
#navMenu ul li{display:inline-block;font-size:16px;line-height:1;margin:0;padding:0 20px 0 0;background:none;}
#navMenu ul li:last-child{padding:0}
#navMenu ul li a{color:#fff;text-transform: uppercase;}
#navMenu  a:hover{color:#d10000;}
#navMenu p {z-index: 500;text-align:right;font-size:3em;color:#d10000;padding-top:20px;padding-right:10px;}
#navMenu p a:hover{color:#fff;}
#navMenu li:last-child:after { content: " "; }
#navMenu nav {height: 40%;}
#navMenu ul li.active a{border-bottom: 3px solid #d10000;}
.lien-pistenbully{border: none !important;}
span#menuMob, .closebtn {display:none}

/* SLIDER HEADHOME */
#headhome .cycle-slideshow{position:relative;width:100%;margin:0 auto;margin:0;padding:0;z-index:0;height:100%;}
#headhome .cycle-slideshow .slide{width:100%;position:relative;height:100%;z-index:0}
#headhome .cycle-slideshow .slide .container{height:100%;padding-top:200px;text-align:left;z-index:999}
#headhome .cycle-slideshow .slide  h2, .headingbg{margin-top: 2em;color:#fff;font-size:60px;text-align:left;vertical-align: left;padding:40px 40px 0 0;}
#headhome .cycle-slideshow .slide  img{display: block; margin: 0 auto;}

#headhome .cycle-slideshow .slide1{background:url(../img/slider/fond-slide1.jpg) no-repeat center top;-webkit-background-size: cover; /* pour Chrome et Safari */-moz-background-size: cover; /* pour Firefox */-o-background-size: cover; /* pour Opera */background-size: cover; /* version standardisée */ text-shadow: 2px 2px 0px rgba(71,71,72,0.6); }
#headhome .cycle-slideshow .slide2{background:url(../img/slider/fond-slide2.jpg) no-repeat center top;-webkit-background-size: cover; /* pour Chrome et Safari */-moz-background-size: cover; /* pour Firefox */-o-background-size: cover; /* pour Opera */background-size: cover; /* version standardisée */ text-shadow: 2px 2px 0px rgba(71,71,72,0.6); }
#headhome .cycle-slideshow .slide3{background:url(../img/slider/fond-slide3.jpg) no-repeat center top ;-webkit-background-size: cover; /* pour Chrome et Safari */-moz-background-size: cover; /* pour Firefox */-o-background-size: cover; /* pour Opera */background-size: cover; /* version standardisée */ text-shadow: 2px 2px 0px rgba(71,71,72,0.6); }
#headhome .cycle-slideshow .slide4{background:url(../img/slider/fond-slide4.jpg) no-repeat center top ;-webkit-background-size: cover; /* pour Chrome et Safari */-moz-background-size: cover; /* pour Firefox */-o-background-size: cover; /* pour Opera */background-size: cover; /* version standardisée */ text-shadow: 2px 2px 0px rgba(71,71,72,0.6);}
#headhome .cycle-slideshow .slide5{background:url(../img/slider/fond-slide5.jpg) no-repeat center top ;-webkit-background-size: cover; /* pour Chrome et Safari */-moz-background-size: cover; /* pour Firefox */-o-background-size: cover; /* pour Opera */background-size: cover; /* version standardisée */ text-shadow: 2px 2px 0px rgba(71,71,72,0.6);}
#headhome .cycle-slideshow .slide6{background:url(../img/slider/fond-slide6.jpg) no-repeat center top ;-webkit-background-size: cover; /* pour Chrome et Safari */-moz-background-size: cover; /* pour Firefox */-o-background-size: cover; /* pour Opera */background-size: cover; /* version standardisée */ text-shadow: 2px 2px 0px rgba(71,71,72,0.6);}
#headhome .cycle-slideshow .slide7{background:url(../img/slider/fond-slide7.png) no-repeat center top ;-webkit-background-size: cover; /* pour Chrome et Safari */-moz-background-size: cover; /* pour Firefox */-o-background-size: cover; /* pour Opera */background-size: cover; /* version standardisée */ text-shadow: 2px 2px 0px rgba(71,71,72,0.6);}

#headhome .cycle-pager { z-index: 999; overflow: hidden;position:absolute;right:60px;bottom:80px;display:block}
#headhome .cycle-pager span { width: 17px; height: 17px;background:transparent;border:2px solid #fff;margin:0 5px;display:inline-block;cursor: pointer;}
#headhome .cycle-pager span.cycle-pager-active {border:2px solid #d10000;}
#headhome .cycle-pager > * { cursor: pointer;}


/* MENU PRINCIPAL */
#navPrincipal nav {position: relative; background-color:#222;text-align: center;}#navPrincipal ul{margin:0; margin-top: -5em; padding: 15px 0px;}
#navPrincipal ul li{width: calc(100% / 7.1);display:inline-block;font-size:1.4em;font-weight: bold;margin:0;padding:0;border-right: 3px solid #d10000;}
#navPrincipal ul li:last-of-type{border-right: none;}
#navPrincipal ul li a{color:#fff;text-transform: uppercase;font-weight: bold;vertical-align:middle;width:100%;} #navPrincipal ul li a:hover{color:#d10000;}
#navPrincipal ul li span {font-weight:300;}
#navPrincipal ul li img {vertical-align: middle;}
#navPrincipal ul li a.active{border-bottom: 3px solid #d10000;}
#navPrincipal li.active img{border-bottom: 5px solid #d10000;}
#menuPrincipalMobile {display:none;}
#navPrincipal ul ul  li a {text-transform: none;}
#navPrincipal ul .dropdown-menu li:after { content: " "; }

.facebook-entete{
	display: inline-block;
	width: 30px;
	height: 30px;
	background: url(../img/logo/facebook-entete.svg) no-repeat center / cover;
	transition: 0.3s all ease;
}

.facebook-entete:hover{
	background-image: url(../img/logo/facebook-entete-rouge.svg); 
}

ul li ul.dropdown-menu{min-width: 100%;  display: none; position: absolute;z-index: 999;left: 0;}
ul.dropdown-menu{padding:10px;background:#41AF3A;}
#navPrincipal ul.dropdown-menu li a{font-size:15px;text-transform:uppercase}
#navPrincipal ul.dropdown-menu li.active a  {border-bottom: 3px solid #d10000;color:#fff;}

/* W3 SLIDER */
.w3-container,.w3-panel{padding-top:0.01em; padding-bottom: 0.01em;}.w3-panel{margin-top:16px;margin-bottom:16px}
.w3-content{max-width:980px;margin:auto}.w3-rest{overflow:hidden}
.w3-section,.w3-code{margin-top:16px!important;margin-bottom:20px!important}
.w3-display-bottommiddle{position:absolute;left:50%;bottom:0;transform:translate(-50%,0%);-ms-transform:translate(-50%,0%)}
.w3-display-bottomleft{position:absolute;left:0;bottom:0}.w3-display-bottomright{position:absolute;right:0;bottom:0}
.w3-badge,.w3-tag{background-color:#000;color:#fff;display:inline-block;padding-left:8px;padding-right:8px;text-align:center;}.w3-badge{border-radius:0%}
.w3-transparent,.w3-hover-none:hover{background-color:transparent!important}
.w3-green,.w3-hover-green:hover{color:#fff!important;background-color:transparent!important}
.w3-animate-opacity{animation:opac 0.8s}@keyframes opac{from{opacity:0} to{opacity:1}}
.border-nav {border: 3px solid #d10000;}
.facebook-entete img {vertical-align: bottom;}

/* SLIDER PUBLICITE */
.swiper-container {margin-left: auto;margin-right: auto;position: relative;overflow: hidden;z-index: 1;}
.swiper-container h3 {  text-align: center;font-size: 24px;padding:60px;color:#fff;}
.pub{
	display: flex;
	justify-content: center;
}


.swiper-slide {padding-top: 15%;padding-bottom:15%;  }
.swiper-wrapper {position: relative;width: 100%;height: 100%;z-index: 1;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-transition-property: -webkit-transform;-moz-transition-property: -moz-transform;-o-transition-property: -o-transform;-ms-transition-property: -ms-transform;transition-property: transform;  -webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;}
.swiper-slide {-webkit-flex-shrink: 0;-ms-flex: 0 0 auto;flex-shrink: 0;width: 100%;height: 100%;position: relative;}
/* IE10 Windows Phone 8 Fixes */.swiper-wp8-horizontal {-ms-touch-action: pan-y;touch-action: pan-y;}
.swiper-pagination {padding-top:10px;text-align: center;-webkit-transition: 300ms;-moz-transition: 300ms;-o-transition: 300ms;transition: 300ms;  -webkit-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);z-index: 10;}
.swiper-pagination-bullet {width: 8px;height: 8px;display: inline-block;border-radius: 100%;background: #000;opacity: 0.2;}
.swiper-pagination-clickable .swiper-pagination-bullet {cursor: pointer;}
.swiper-pagination-bullet-active {opacity: 1;background: #000;}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 5px;}
.swiper-lazy-preloader {width: 42px;height: 42px;position: absolute;left: 50%;top: 50%;margin-left: -21px;margin-top: -21px;z-index: 10;-webkit-transform-origin: 50%;-moz-transform-origin: 50%;transform-origin: 50%;-webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;-moz-animation: swiper-preloader-spin 1s steps(12, end) infinite;animation: swiper-preloader-spin 1s steps(12, end) infinite;}
.swiper-lazy-preloader:after {display: block;content: "";width: 100%;height: 100%;  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position: 50%;-webkit-background-size: 100%;background-size: 100%;background-repeat: no-repeat;}
.swiper-lazy-preloader-white:after {background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");}
@-webkit-keyframes swiper-preloader-spin {100% {-webkit-transform: rotate(360deg);}}
@keyframes swiper-preloader-spin {100% {transform: rotate(360deg);}}

.TexteNicEdit > * {text-transform: lowercase !important;font-size: 14px !important; font-weight: normal !important;}

/*PARENT RELATIVE*/
.parent_relative{
	position: relative;
}

/* IMAGE DROITE PRODUITS */
.img2coldroite  img {position: absolute;top: 50%; width: 55%;height: auto;margin-top: -12.99639%; /* half the height */z-index:99}

.accueil-machinerie h4, .accueil-soudure h4 {margin-top: 20px;}
.accueil-machinerie h5, .accueil-soudure h5 {margin-top: 10px;}
.accueil-machinerie h5 {color: #d10000;}
.accueil-soudure .bt a {background-color: #000;}
.accueil-soudure .plus {color: #d10000;}
.accueil-soudure .bt a:hover {background-color: #d10000;}
.accueil-soudure .bt a:hover .plus {color: #000;}
.texte-droite {float: right; text-align: right; padding-top: 2em; padding-right: 2em; margin-top: 7%; margin-right: 5%;}
.texte-droite h2 {color: white; font-size: 56px;}


.inventaire .span4_of_12 img {display: block;}
.inventaire .span4_of_12 {margin-top: 5em; margin-bottom: 5em; max-width: 420px;}
.inventaire .span4_of_12 a div {position: relative;}
.inventaire .prix {position: absolute; bottom: 0; right: 0; background-color: #d10000; color: white; padding: 0.5em; font-size: 20px;}
.inventaire .span4_of_12 img {width: 420px;}

.inventaire .vendu {position: absolute; top: 0; left: 0; background-color: #d10000; color: white; padding: 0.5em; font-size: 20px;}
.captionInventaire .vendu {color:#41AF3A; font-size: 16px;}
.ficheproduit .vendu {font-size: 25px;font-weight: bold;}

.inventaire .new {position: absolute; top: 0; left: 0; background-color: #d10000; color: white; padding: 0.5em; font-size: 20px;}
.captionInventaire .new {color:#41AF3A; font-size: 16px;}
.ficheproduit .new {font-size: 25px;font-weight: bold;}

.fiche-detail {color: #000; font-weight: bold;}
.fiche-detail span {color: #d10000;}

.qualitebg {background-image: url('../img/meublage/qualitebg.jpg'); height: 500px; background-attachment: fixed; background-position: center; background-size: cover;}
.confiancebg {background-image: url('../img/meublage/confiancebg.jpg'); height: 500px; background-attachment: fixed; background-position: center; background-size: cover;}
.servicesbg {background-image: url('../img/meublage/servicesbg.jpg'); height: 1000px; background-position: center; background-size: cover;}
.pistenbullybg {position: relative;}
.texte-pistenbully {position: absolute; top:0; bottom: 0; left: 5%; width: 35%; background-color: rgba(35,31,32, 0.96); padding-top: 5%; text-align: center;}
.texte-pistenbully h2 {margin-top: 2em; color: #fff;}
.texte-pistenbully h4 {margin-top: 2em; margin-bottom: 2em;}
.texte-pistenbully p {color: #fff;}
.image-pistenbully {vertical-align: bottom;}

.sanybg {position: relative;}
.texte-sany {position: absolute; top:0; bottom: 0; right: 5%; width: 35%; background-color: rgba(35,31,32, 0.96); padding-top: 5%; text-align: center;}
.texte-sany h2 {margin-top: 2em; color: #fff;}
.texte-sany h4 {margin-top: 2em; margin-bottom: 2em;}
.texte-sany p {color: #fff;}
.image-sany {vertical-align: bottom;}

.services {padding-bottom: 0;}
.section-services {padding-top: 15%;}
.texte-services {text-align: right;}
.headingbg {padding: 0; margin-top: 0;}
.txtrouge {color: #d10000;}
.txtblanc {color: #fff;}
.rougebg {background-color: #d10000; color: #fff;}
.rougebg h2, .rougebg h3 {color: #fff;}

/*#categories {float: right;}*/
#categories p {margin-right: 1em;}
#categories p a {background-color: #262626;}
#categories p a .plus {color: #d10000;}
#categories p a:hover {background-color: #d10000;}
#categories p a:hover .plus {color: #262626;}
.nb-produits {float: right; margin-top: 0.5em;}
.page {font-weight: bold;}
.page-active {color: #d10000;}

.bt-details {margin-top: 2.5em;}
.bt-facebook {margin-left: 1em;}
.bt-facebook a {background-color: #262626;}
.bt-facebook a:hover {background-color: #d10000;}
.image-produit {position: relative;}
.image-produit img {width: 100%;}
.prix-produit {position: absolute; top: -20px; right: 0; background-color: #d10000; color: white; font-size: 32px; font-weight: bold; padding: 0.5em;}

.new-produit {position: absolute; top: -20px; left: 0; background-color: #d10000; color: white; font-size: 32px; font-weight: bold; padding: 0.5em;}
.new-produit {font-size: 32px;}

/* IMAGE AVEC TXT OVER  */
.bloc{color:#fff;background: #000;position:relative;line-height:0;overflow:hidden;text-align:center;}
.bloc .bt{margin-top:20px;display:inline;}
.bloc .content{position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.bloc .content{padding:25% 25%;width:100%;}
.bloc.sml .content{padding:50px;max-width:700px}
.bloc > img{overflow:hidden;opacity: 1;max-width:none;-webkit-transition: all 0.5s;transition: all 0.5s;-moz-transition:  all 0.5s;-ms-transition:  all 0.5s;-o-transition:  all 0.5s;min-width:110%; margin: 0 0 0 0;}
.bloc:hover > img {cursor: default!important;opacity: 0.3;-webkit-transform: scale(1.15);-moz-transform:scale(1.15);-ms-transform: scale(1.15);-o-transform: scale(1.15);transform:scale(1.15);}
.bloc .content h2, .bloc .content h2 span, .bloc .content p, .bloc .content img, .bloc .content h3, .bloc .content p a, .bloc .content img a { -webkit-transform: translate3d(0,0,0) !important; transform: translate3d(0,0,0) !important;}
.bloc h2 {color:#fff;font-size:22px;margin-top: 20px;}
.bloc .btreverse {font-size: 14px;}
.bloc .btreverse a{margin-right:10px;}
/*.bloc, .bloc .rig-btn {margin-top:30px;}*/
#blocVert {margin-top: 0px;}
.btreverse {margin-top: 50px;}
.bloc h3 {color:#fff;margin-top:20px;font-size: 16px;font-weight:100;text-transform: none;}
.bigLeft .btreverse a {margin-top:50px;}
.typeseries .col {margin: 0% 0% 0% 0;}
.typeseries .losangeimg img{width:40%;margin-top: 15px;}
.typeseries .noOpacity h2 {font-weight:bold;color:#000000;text-transform: uppercase;font-size: 18px;}
.typeseries .noOpacity:hover > img {opacity: 1;}
.justText {text-align: left;pointer-events: none;cursor: default;}
.justText h3 {color: #41af3a;text-transform: uppercase;font-weight: bold;font-size: 15px;}
.locationoutils:hover > img  {cursor: default!important;}

.blocMarque .col:nth-child(2n+0){margin-right:0}
.blocMarque .row{border:1px solid #f1f2f2;text-align:center;margin:0 auto}
.blocMarque .noMarg{padding:30px 15px}
.blocMarque p{margin:0}
.blocMarque img{-moz-transition:all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
.blocMarque img:hover{transform:scale(1.1)}

.menu {margin-left: 5em;}
.menu h4{color:#41af3a;margin:8px 0 10px}
.menu ul{border-top:1px solid #ccc;border-bottom:1px solid #ccc;list-style-type:none;margin:0 0 20px}
.menu ul li{font-weight:800;text-transform:uppercase;margin:15px 0;line-height:1.2}
.menu ul li a.current, .menu ul li a:hover{color:#41af3a;}

.jclair-cest h5 {color: #d10000;}
.bloc-cest {min-height: 160px;}

.liste-services {list-style-image: url('../img/dot.png');}

.fancybox-title-inside-wrap {visibility: hidden !important;}

#btnVert {margin-top: 2em;}

/* SECTION BG FULL SCREEN */
.paralax{padding-top:60px;padding-bottom:60px;color:#fff;}

.bckHomeCF{background: url(../img/meublage/cote-a-cote-cfmoto-noir.jpg) no-repeat center /cover fixed;}
.bckFrontier {background: url(../img/argo/bg1col2.jpg) no-repeat center / cover fixed;}
.bckAvenger {background: url(../img/argo/bg1col3.jpg) no-repeat center / cover fixed; }
.bckConquest {background: url(../img/argo/bg1col4.jpg) no-repeat center  / cover fixed;}
.bckXplorer {background: url(../img/argo/bg1col5.jpg) no-repeat center / cover fixed; }

.bckCforce {background: url(../img/CFmoto/cforce-parallax.jpg) no-repeat center / cover fixed; }
.bckUforce {background: url(../img/CFmoto/uforce-parallax.jpg) no-repeat center / cover fixed; }
.bckZforce {background: url(../img/CFmoto/zforce-parallax.jpg) no-repeat center / cover fixed;}

.paralax .container {padding-top:5%;padding-bottom: 5%;}
.paralax.bckHomeCF h2{color:#41AF3A;}.paralax h2{color:#fff}
.paralax h2 span{font-size: 50px;font-weight:400;display:block;color:#fff}

.bt-ancre {display: inline-block; font-size: 14px; margin-top: 2em; margin-bottom: 2em;}
.bt-ancre a:hover {color: #41AF3A; background-color: transparent; border-color: #41AF3A; }

/* SLICK CAROUSEL VÉHICULES USAGERS */
.slider {width: 100%;margin: 30px auto;}
.slick-slide {margin: 0px 20px;}
.slick-prev:before,.slick-next:before {color: #41AF3A; }

/* CAROUSEL VÉHICULES USAGERS */
.inventaire {text-align: center;position: relative;}
.inventaire .bt {padding-top: 30px;}
/*.uneslide a {color:#41AF3A;text-transform: uppercase;font-weight: 600;}*/

.produitinfos .rabais{color:#999999;display:block;font-size: 14px;text-decoration:line-through;}

.captionInventaire {color: #d10000;text-align: left;font-weight: bold;font-size: 20px; width:100%;}
.captionInventaire .rabais {color:#999999;float:right;font-size: 14px;margin-right: 10px;text-align: right;text-decoration:line-through;}
.captionInventaire .prix {color:#41AF3A; font-size: 16px;}
.captionInventaire .sous-titre{height:45px;overflow:hidden;display: inline-block;}
.captionInventaire .sous-titre{color:#000;text-align: left;font-weight: 500;font-size: 14px;float:left; width: 100%;}
.captionInventaire .tx {font-size:12px;}
.topright {background-color: #000;font-size: 18px;color: #fff;top: 0;padding: 0.6em 1em;position: absolute;z-index: 99;}

/* SECTION CAROUSEL MODELES */
.carouselModele h4  {color:#323232;}
.carouselModele .uneslide h3 {text-align: center;margin-top:10px;}

/* SECTION NAVIGATION PAGINATION */
.navPage {float:right;position: absolute;right: 90px;bottom: 20px;}
.navPage ul li {margin: 0 ;background-color: #d10000; color: #fff;}
.navPage .pagination li.current, .navPage .pagination li:hover {color: #d10000;border: 2px solid #d10; background-color: #fff;font-weight: 800;}
.navPage .pagination li {display: inline-block;padding: 0 10px;  transition: all 0.2s ease 0s;-webkit-transition: all 0.2s ease 0s; }

/* SECTION CATEGORIES ACCORDEON  */
.categories h5 { font-weight: bold;;padding-bottom:10px; border-bottom: 3px solid #019000; color:#019000;position:relative;}
.categories p a {float:right;padding-right: 5px;}
.categories .captionInventaire {margin-top: -3px;padding-top: 15px;max-width: 1000px;;}
.categories .topright {top:auto;}

/* SECTION  ACCORDEON */
.accordeon {position: relative; font-size: 16px;}
.accordeon ul li {list-style: none; margin: 0 0 0 40px;font-size: 13px;}
.accordeon ul li a  { list-style: none;text-decoration: none;margin-left: -40px;text-transform: uppercase;color: #000;}
.accordeon ul li a:hover { color: #41af3a;}
.accordeon dd {margin:-10px 0 0 40px;}
.accordeonTitleFalse ,.accordeonTitle,.accordeon__Heading{text-transform: uppercase;}
.accordeonTitleFalse {text-align: left;font-weight: lighter;padding: 1em;display: block;text-decoration: none;color: #000000;}
.accordeonTitleFalse.current, .accordeonTitleFalse.active {color: #41af3a;}
.accordeonTitle,.accordeon__Heading {font-weight: lighter;text-align: left;padding: 1em;display: block;text-decoration: none;color: #333333;border-top: 1px solid #ccc;}
.accordeon dt:first-child {border-top:none;}
.accordeonTitle:before,.accordeon__Heading:before {font-weight: bold;font-size:25px;content: "+";color:#41af3a;line-height: 0.5em;float: right;-webkit-transition: -webkit-transform 0.3s ease-in-out;transition: -webkit-transform 0.3s ease-in-out;  transition: transform 0.3s ease-in-out;transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;}
.accordeonTitleActive,.accordeonTitle.is-expanded {color:#333333;}
.accordeonTitleActive:before,.accordeonTitle.is-expanded:before {content: "-";font-weight: bold;font-size:30px;}
.accordeonItem {height: auto;overflow: hidden;max-height: 50em;-webkit-transition: max-height 1s;  transition: max-height 1s;}
.accordeonItem.is-collapsed {  max-height: 0;}
.accordeonItem .no-js .accordeonItem.is-collapsed {  max-height: auto;}
.animateIn {-webkit-animation: accordeonIn 0.45s normal ease-in-out both 1;  animation: accordeonIn 0.45s normal ease-in-out both 1;}
.animateOut {  -webkit-animation: accordeonOut 0.45s alternate ease-in-out both 1;  animation: accordeonOut 0.45s alternate ease-in-out both 1;}
@-webkit-keyframes accordeonIn {0% {opacity: 0;-webkit-transform: scale(0.9) rotateX(-60deg);  transform: scale(0.9) rotateX(-60deg);-webkit-transform-origin: 50% 0;  transform-origin: 50% 0;}100% {  opacity: 1;-webkit-transform: scale(1);        transform: scale(1);}}
@keyframes accordeonIn {0% {  opacity: 0;-webkit-transform: scale(0.9) rotateX(-60deg);    transform: scale(0.9) rotateX(-60deg);-webkit-transform-origin: 50% 0;    transform-origin: 50% 0;}100% {opacity: 1;-webkit-transform: scale(1);  transform: scale(1);}}
@-webkit-keyframes accordeonOut {0% {opacity: 1;-webkit-transform: scale(1);  transform: scale(1);}100% {  opacity: 0;-webkit-transform: scale(0.9) rotateX(-60deg);    transform: scale(0.9) rotateX(-60deg);}}
@keyframes accordeonOut {  0% {opacity: 1;-webkit-transform: scale(1);    transform: scale(1);  }100% {  opacity: 0;-webkit-transform: scale(0.9) rotateX(-60deg);transform: scale(0.9) rotateX(-60deg);}}

/* SECTION TOUT INVENTAIRE */
.toutinventaire h3{font-weight: lighter;float: left;  width: auto;}
.toutinventaireform {padding-bottom:20px;}

/* SECTION LISTE DEROULANTE TRIE TOUT INVENTAIRE */
.trier {font-weight: bold;text-transform: uppercase;float: right;margin-top:3em;}
.trier label { display : inline;font-size: 13px;}
.trier select {width:150px; background-size: 10px;padding-left: 5px;margin-left:10px; font-weight: bold;font-size: 12px; border-bottom: 2px solid #d10000; border-radius: 0;}
.trier select option {  margin: 10px 0;}

/* LIEN RETOUR */
.retour {float: right;}
.retour a {color:#262626; vertical-align: sub;}
.retour img{vertical-align: text-bottom;}

/* CONTACT */

.Fgroup > label, .textarea > label, .troisquart > label, .quart > label {font-size: 18px;}
.textarea {margin-top: 0px;}

/* SECTION FICHE PRODUITS */
.produitinfos h3 {font-weight: normal;}
.ficheproduit h4 {color:#323232;font-weight: bold;}
.anneeprix, .kms_hrs {font-weight: bold;text-transform: uppercase;}
.anneeprix {margin-bottom: 0;}
.ficheproduit .prix {font-size: 25px;font-weight: bold;}
.slider-nav-thumbnails {cursor: pointer;}
.ficheproduit .slick-slide.slick-current.slick-active {cursor:pointer;}
.slider-nav-thumbnails {padding-top:10px;}
.slider-nav-thumbnails .slick-slide {opacity: 0.5;}
.slider-nav-thumbnails .slick-current {opacity: 1;}

.logo-equipement-usages {width: 70px; float: left; margin-right: 1em;}

/* SECTION PARTAGEMS FICHE PRODUITS */
.partagerms li{display:inline-block;font-size:12px;margin:0;list-style-type: none;}
.partagerms a{color:#41af3a;font-weight: bold;text-transform: uppercase;}
.partagerms img {vertical-align: middle;margin: 0px 10px}

/* SECTION LOGO FOOTER */
.carouselLogo, .carouselLogoBg {background-color:#111;}

/* SECTION FOOTER */
footer {width:100%;background-color: #222; color:#fff; }
.tel a{font-size: 24px; color: #d10000;}
footer .FootNav ul li {color:#41AF3A;text-transform: uppercase;margin: 0em 0;line-height: 2;list-style: none;}
footer .FootNav .sous-nav {margin: 0em 0;}
footer .FootNav .sous-nav li a{color:#fff;text-transform:none; }
footer .FootNav .sous-nav li a:hover{color:#b10000;}
footer .FootNav .sous-nav li a.active{border-bottom:3px solid #b10000;}
footer .FootNav .sous-nav li a span{text-transform: uppercase;}
footer .FootNavGris ul li a {text-transform: uppercase;color:#999999;font-size:13px;}

table.hour {width:100%;margin-top:0px;font-size: 15px;}
.hour td {text-align: right;font-weight: 400;}
.hour th {text-align: left;font-weight: 400;padding:2px 0}

footer .note {font-size: 10px;padding-top:10px;}

div p.mailto a, div p.fax a, div p.phone a{color:#262626;}
p.phone, p.fax{font-weight:700;line-height:1;padding-left:30px;font-size:22px;margin:10px 0}
p.phone{background:url(../img/picto/phone.svg) no-repeat left center / 18px}
p.fax{background:url(../img/picto/fax.svg) no-repeat left center / 18px;color:#777;}

.map iframe{width:100%}
.mecanique-footer {font-size: 30px;}

.email-footer:hover{
	color: #d10;
}

.fb-footer{
	display: inline-block;
	width: 30px;
	height: 30px;
	background: url(../img/logo/facebook.svg) no-repeat center / cover;
	transition: 0.3s all ease;
}

.fb-footer:hover{
	background-image: url(../img/logo/facebook-rouge.svg);
}
.ig-footer{
	display: inline-block;
	width: 30px;
	height: 30px;
	background: url(../img/logo/ig-footer.png) no-repeat center / cover;
	transition: 0.3s all ease;
}

.ig-footer:hover{
	background-image: url(../img/logo/ig-footer-red.png);
}

.share-mail {
/*	margin-left: 5px;*/
	display: inline-block;
	width: 30px;
	height: 30px;
	background: url(../img/logo/share-mail.svg) no-repeat center / cover;
	transition: 0.3s all ease;
}

.share-mail:hover{
	background-image: url(../img/logo/email-rouge.svg);
}

/* SECTION CREDITS FOOTER */
#credits p {text-align:center;margin:0;font-size:11px;color:#aaa;background-color:#000;padding:10px 0}
#credits a{font-weight: lighter;}



/* ARGO */

.fourItemsContent h5{margin-top:20px;text-align:center}
.serie-section {margin-top: -3em;}


/* PIÈCES **/

.asterisque {color: red;}

#menuvertical li.menu-catalogue, #menuvertical li.menu-formulaire{
	font-size:16px;
	padding:0;
	border-bottom:1px dashed #41af3a;
	text-transform:uppercase;
	font-weight:800;
	margin:0
	}
	
#menuvertical li.menu-catalogue a, #menuvertical li.menu-formulaire a{
	width:100%;
	display:block;
	padding: 12px 10px;
	-moz-transition: all 0.2s ease;-webkit-transition: all 0.2s ease;transition: all 0.2s ease;
	text-align:left;
	}	
	
#menuvertical li.menu-catalogue a span::before {
    content: " + ";
    display: inline-block;
    float: right;
    font-size: 20px;
    }	
#menuvertical li.menu-formulaire a span::before {
    content: " ";
    display: inline-block;
    float: right;
    font-size: 20px;
    }	
#menuvertical li.menu-catalogue.menu-moins a span::before {content: " - ";}	
#menuvertical li.menu-catalogue.menu-moins a{background:#41af3a;color:#000;}

#menuvertical  li.menu-catalogue ul.menuouvert li, #menuvertical  li.menu-formulaire ul.menuouvert li{background:none;margin:0}
#menuvertical  li.menu-catalogue ul.menuouvert li a, #menuvertical  li.menu-formulaire ul.menuouvert li a{background:none;color:#000;padding:4px 20px;font-size:15px;}
#menuvertical  li.menu-catalogue ul.menuouvert li:hover a, #menuvertical  li.menu-catalogue ul.menuouvert li:hover a.current{color:#41af3a}

#menuvertical li.menu-catalogue ul.menuouvert li a.current{color:#32ad32;}

.pub-gravely {box-shadow: 2px 2px 2px #d3d3d3;}


.text-english {color: gray !important;}

@media only screen and (max-width: 1250px) {
.texte-pistenbully {width: 45%; padding-top: 3%;}
}

@media only screen and (max-width: 1180px) {
.texte-pistenbully {position: static; width: 100%; padding-top: 2em; padding-bottom: 2em; background-color: black;}
.texte-pistenbully img {width: 30%;}
}

@media only screen and (max-width: 1024px) {
	
.container, .contDemi{padding-left:50px;padding-right:50px}

#navPrincipal ul li, #navMenu ul li{font-size: 1.1em;}
.argolienimg img, .cfmotolienimg img{width:80px} 

.ficheproduitminidroite, .produitinfos {width:100%;}



}
	
	
@media only screen and (max-width: 960px) {
	
.typeseries .row .no_3_of_12 {width: 50%;}
.typeseries .row  {display:block;}

}
	

@media only screen and (max-width: 768px) {
		
.container, .contDemi{padding:0 40px;}
.pad{padding-top:30px;padding-bottom:30px}
.Bigpad{padding-top:60px;padding-bottom:60px}

h1{font-size:36px;}
h2{font-size:26px;}
h3{font-size:22px;}
h4{font-size:16px;}
h5{font-size:14px;}
h6{font-size:13px;}
p, li{font-size:13px;margin:15px 0;}
li{margin:5px 0}


header .logo img {width:120px;}
header{height:75px;background:rgba(0, 0, 0, 0.8); position: fixed;top: 0;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all   0.4s ease-in-out;-ms-transition: all  0.4s ease-in-out;-o-transition: all   0.4s ease-in-out;transition: all 0.4s ease-in-out;padding:5px 25px}
header.nav-up {top: -100px;}
header .logo{float:left;margin-top:0px;width:auto}

span#menuMob { z-index: 500;position:fixed;right:30px;width:40px;height:55px;display:block;background: url("../img/menu-mobile.svg") no-repeat center center / 30px;cursor:pointer;}

.open .overlay{width:100%}
.overlay{height:100%;width:0;position:fixed;z-index:1;top:0;left:0;background: rgba(0,0,0, 0.9);overflow-x: hidden;-webkit-transition: all .3s;-moz-transition: all  .3s;-ms-transition: all  .3s;-o-transition: all  .3s;transition: 0.3s;}
.overlay-content{position: relative;top: 25%;width: 100%;text-align: center;}
.overlay .closebtn {display:block;position: absolute;top:-120px;right: 30px;font-size: 60px;color:#fff;}
#navMenu .closebtn:hover {color:#d10000;}

#navMenu nav{position:relative;width:100%;height:30%;}
#navMenu ul li{display:block;text-align:center;padding:0;-webkit-transition: all .3s;-moz-transition: all  .3s;-ms-transition: all  .3s;-o-transition: all  .3s;transition: 0.3s;font-size: 15px;}
#navMenu ul li, #navMenu ul li:last-child{padding:5px;}
#navMenu ul li:hover {background-color:#d10000;}
#navMenu  li:after {content: " ";display:block;margin: 0;}
#navMenu p {text-align: center;margin-top:40px;}
#navMenu ul li a:hover , #navMenu p a:hover, #navMenu ul li.active a {color:#fff;}
#navMenu ul li.active {background-color:#d10000;}
#navPrincipal { display:none !important;}

#menuPrincipalMobile {display:block;padding-top:20px;}
#menuPrincipalMobile .dropdown-menu-mobile li.active {background-color: transparent;}
#menuPrincipalMobile .dropdown-menu-mobile li.active a{color:#41af3a;}
#menuPrincipalMobile .dropdown-menu-mobile {margin:0;}


#headhome div.cycle-slideshow .slide  h2{font-size:30px;padding:30px 30px 0 0;}

.img2coldroite img{position:static;width: 100%;margin-top: 0%;display: block;margin-left: auto;margin-right: auto;}

.menu {margin-left: 0em;}
.menu ul li{margin:5px 0;}

.trier {float:none;  display: inline-block;}
.trier select {width:130px;}
.trier select {font-size: 12px;}

.partagerms li{display:block;}
.categories p a {display:block;float: none;text-align: center;}

.texte-pistenbully {position: static; width: 100%; padding-top: 2em; padding-bottom: 2em; background-color: black;}

footer .FootNav, footer .FootNavGris, footer .vide {display:none;}
footer {text-align: center;}
footer h4 {text-align: left;}
footer .note{text-align: left;font-size: 13px;}

/* GE */
.bloc h2 {font-size:18px}
.bloc.sml .content{padding:30px}

.section-services {padding-top: 2em;}
.texte-services {text-align: left;}
.servicesbg {height: 750px;}

.inventaire {margin-top: 2em;}

#categories {float: none;}
#categories p a, .bt-details p a {display: block; width: 100%; text-align: center;}

.prix-produit {font-size: 20px;}
.bt-facebook {margin-left: 0;}

.retour {float: left;}

.bloc-cest {min-height: 0;}

}

	
	
@media only screen and (max-width: 480px) {

.container, .contDemi{padding:0 25px;}
.pad{padding-top:25px;padding-bottom:25px}
.Bigpad{padding-top:50px;padding-bottom:50px}
h1{font-size:24px;}
h2{font-size:20px;}
h3{font-size:16px;}
h4{font-size:14px;}
h5{font-size:12px;}
h6{font-size:11px;}
p, li{font-size:11px;}


#btnVert {margin-bottom: 10em;}

#headhome div.cycle-slideshow .slide .container {padding-top: 100px;}
#headhome div.cycle-slideshow .slide h2 {font-size:20px;margin-top:30px;}

.trier select {width:90px;}
.trier select {font-size: 10px;}

.categories {width:100%;padding:0px;}
.categories p a {text-align: center;display:block;}

.typeseries .row .no_3_of_12 {width: 100%;}

.fleche {display: none;}

/*.bloc{height:400px}*/
.bloc h2 {font-size:15px}

.btMobile {width: 100%;}

.texte-pistenbully {position: static; width: 100%; padding-top: 2em; padding-bottom: 2em; background-color: black;}	
	
footer p, footer .mailto {font-size: 13px;}
footer .FootNav ul li, .FootNavGris ul li{font-size: 14px;}
	
.captionInventaire .sous-titre{width: 270px;}

.texte-droite {margin-top: 50%;}
.texte-droite h2 {font-size: 32px;}

.texte-pistenbully img {width: 50%;}
.section-services {padding-top: 2em;}


}

.titre-para{
	font-size: 30px;
	color: #fff;
}

.separateur-slide{
	color: #d10;
	width: 30%;
	border: 1px solid #d10;
	margin: 10px 0px;
}

.separateur-para{
	color: #d10000;
	border:  1px solid #d10000;
	margin: 10px 0;
}

.sous-titre-para{
	color: #d10000;
	font-weight: bolder;
}

.align-vertical{
	margin: 0;
}

.fil-ariane{
	font-size: 16px;
	font-weight: 700;
}

.fil-ariane a{
	color: #d10000;
	transition: 0.3s all ease;
}

.fil-ariane a:hover{
	cursor: pointer;
	color: #000;
}

.conclusion ul{
	list-style-image: url(../img/puce-rouge.jpg);
}

.conclusion a{
	color: #d10;
	text-transform: none;
}

.conclusion a:hover{
	color: #000;
}


/*******____MÉCANIQUE____*******/
.mecanique section h2{
	margin: 0;
}

.mecanique #entretien-pre ul li, .mecanique .conclusion ul li{
	list-style-image: url(../img/puce-rouge.jpg);
}

.mecanique strong{
	font-size: unset;
}

.bg-mecanique{
	background-color: #b10000;
	color: #fff;
}

.bg-mecanique figcaption{
	color: #fff;
}

.bg-mecanique h2{
	color: #fff;
}

.liens-texte{
	color: #d10000;
	text-transform: unset;
}

.liens-texte:hover{
	color: #000;
}

.bg-mecanique .liens-texte{
	color: #fff;
}

.bg-mecanique .liens-texte:hover{
	color: #000;
}

.mecanique section.conclusion h2{
	margin: 20px 0;
}

/*******____SOUDURE____*******/
.parrallax-soudure{
	background-image: url(../img/meublage/parrallax-soudure.jpg);
    height: 800px;
	background-position: center;
	background-attachment: fixed;
	background-size: cover;
	color: #fff;
}

@media (max-width: 960px){
	.parrallax-soudure{
		height: 550px;
	}
	.parrallax-soudure .parrallax-contenu{
		padding: 0;
		width: 100%;
	}
}

.parrallax-soudure .parrallax-contenu{
	padding-top: 15%;
	float: right;
}

.parrallax-soudure .parrallax-contenu strong{
	color: #d10;
}

.parrallax-soudure .separateur-para{
	width: 75%;
}

.soudure h2{
	margin: 0;
}

.bg-soudure{
	background-color: #b10000;
	color: #fff;
}

.bg-soudure h2, .bg-soudure h3,.bg-soudure strong, .bg-soudure figcaption{
	color: #fff;
}
/*******____PISTENBULLY____*******/
.pistenbully .intro img{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

@media (max-width: 768px){
	.pistenbully .intro img{
		position: static;
		transform: none;
	}
}

/*
.pistenbully .content{
	display: flex;
	flex-flow: column nowrap;
	justify-content: center;
	transition: 0.5s all ease-in-out;
	background-color: #222222;
	color: #fff;
	min-height: 200px;
	padding: 20px;
}
*/

.pistenbully .types img{
/*	filter: grayscale(75%);*/
	transition:  0.3s all ease;
}

.pistenbully .content>p{
	padding: 25px;
	margin: 0;
    padding-bottom: 50px;
}

@media (max-width: 960px){
	.pistenbully .content{
		display: block;
	}
}

.pistenbully .parent_relative{
	transition: 0.2s all ease-in-out;
	line-height: 0;
}

.pistenbully .parent_relative:hover .content, .pistenbully .parent_relative:active .content{
	opacity: 1;
}

.pistenbully .parent_relative:hover img{
	filter: grayscale(0);
}

.pistenbully .beach img{
	width: 100%;
}

.fond-pistenbully{
	background-color: #d10000;
	color: #fff;
}

.fond-charcoal {
	background-color: #222;
}

.fond-pistenbully h2{
	color: #fff;
	margin-top: 0;
	margin-bottom: 0;
}

.pistenbully .types .bt{
	position: absolute;
	margin: 0;
	bottom: 15px;
	right:  5px;
	padding: 5px;
}

.fond-pistenbully strong{
	color: #fff;
}

.fond-pistenbully a{
	transition:  0.3s all ease-in-out;
}

.fond-pistenbully a:hover{
	color: #000;
}

/*******____COMPTOIR____*******/
.comptoir .parallax-comptoir .liste li {
	list-style-image: url(../img/puce-rouge.jpg);
}

.saaq .parallax-saaq .liste li {
	list-style-image: url(../img/puce-rouge.jpg);
}

.coupe-branche .parallax-coupe-branche .liste li {
	list-style-image: url(../img/puce-rouge.jpg);
}

@media (max-width: 960px){
	.comptoir .parallax-comptoir .liste li{
		list-style-image: unset;
	}

	.saaq .parallax-saaq .liste li{
		list-style-image: unset;
	}

	.coupe-branche .parallax-coupe-branche .liste li{
		list-style-image: unset;
	}
}

.comptoir .parallax-comptoir{
	background-image: url(../img/meublage/parallax-comptoir.jpg);
	height: 1200px;
	background-attachment: fixed;
    background-position: center;
	background-size: cover;
	color: #fff;
}

.saaq .parallax-saaq{
	background-image: url(../img/meublage/parallax-saaq.jpg);
	height: 1200px;
	background-attachment: fixed;
    background-position: center;
	background-size: cover;
	color: #fff;
}

.coupe-branche .parallax-coupe-branche{
	background-image: url(../img/meublage/parallax-coupe-branche.jpg);
	height: 800px;
	background-attachment: fixed;
    background-position: center;
	background-size: cover;
	color: #fff;
}

@media (max-width: 960px){
	.comptoir .parallax-comptoir{
		background-image: none;
		background: #d10;
		height: 1000px;
	}

	.saaq .parallax-saaq{
		background-image: none;
		background: #d10;
		height: 1000px;
	}

	.coupe-branche .parallax-coupe-branche{
		background-image: none;
		background: #d10;
		height: 800px;
	}
}

@media (max-width: 960px){
	.comptoir .parallax-comptoir .contenu{
		width: 100%;
	}

	.saaq .parallax-saaq .contenu{
		width: 100%;
	}

	.coupe-branche .parallax-coupe-branche .contenu{
		width: 100%;
	}
}

@media (max-width: 768px){
	.comptoir .parallax-comptoir .contenu{
		height: 700px;
	}

	.saaq .parallax-saaq .contenu{
		height: 700px;
	}

	.coupe-branche .parallax-coupe-branche .contenu{
		height: 700px;
	}
}

.comptoir .parallax-comptoir h2{
	color: #fff;
}

.saaq .parallax-saaq h2{
	color: #fff;
}

.coupe-branche .parallax-coupe-branche h2{
	color: #fff;
}

.parallax-comptoir strong{
	color: #fff;
	font-size: unset;
}

.parallax-saaq strong{
	color: #fff;
	font-size: unset;
}

.parallax-branche strong{
	color: #fff;
	font-size: unset;
}

.comptoir .liste .bloc-liste{
	text-align: unset;
	padding: 15px;
}

.comptoir .sous-liste li{
	margin-left: 40px;
}
/*******____BOUTIQUE____*******/

/*******____À PROPOS____*******/
.propos .parallax-famille{
	background-image: url(../img/meublage/parallax-propos1.jpg);
	height: 300px;
	background-position: center left;
	background-size: cover;
}

@media (max-width: 960px){
	.propos .parallax-famille{
		background-image: none;
		background-color: #b10000;
	}
}

.propos .parallax-famille h2, .propos .parallax-famille p{
	color: #fff;
}

.propos .parallax-famille h2{
	text-align: right;
	font-weight: 700;
}

@media (max-width: 768px){
	.propos .parallax-famille h2{
		text-align: left;
	}
}

.propos .parallax-famille .contenu-famille{
	width: 60%;
	position: absolute;
	top: 30px;
	right: 0;
}

@media (max-width: 960px){
	.propos .parallax-famille .contenu-famille{
		width: 100%;
		position: unset;
	}
}

.propos .membres h2{
	font-size: 22px;
}

.propos .membres .col{
	display: flex;
	flex-direction: column;
}

.membres-parents{
	margin-bottom: 15px
}

.membres-enfants{
	margin-top: 15px;
	padding: 40px;
}

.propos .membres .texte{
	min-height: 250px;
	background-color: #222222;
	color: #fff;
}

.propos .membres .texte p{
	margin: 20px 25px;
}

.propos .membres .texte h3{
	padding-top: 20px;
	padding-left: 20px;
	margin: 0;
}


.propos .membres .texte{
	min-height: 250px;
}

@media (max-width: 990px){
	.propos .membres .texte{
		min-height: 320px;
	}
}

@media (max-width: 768px){
	.propos .membres .texte{
		min-height: 120px;
	}
}

.propos .parallax-enfants{
	background-image: url(../img/meublage/parallax-propos2.jpg);
	height: 500px;
	background-position: center left;
	background-size: cover;
	margin: 25px 0;
}

@media (max-width: 1230px){
	.propos .parallax-enfants .quotation{
		top: 50px;
	}
	.propos .parallax-enfants .quotation p{
		color: #fff;
	}
	.propos .parallax-enfants{
		background-image: url(../img/meublage/parallax-propos2-tablette.jpg);

	}
}

@media (max-width: 960px){
	.propos .parallax-enfants{
		background-color: #d10;
		background-image: none;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
}

.propos .parallax-enfants .quotation{
	color: #000;
	float: right;
	position: absolute;
	top: 100px;
	right: 100px;
}

@media (max-width: 1230px){
	.propos .parallax-enfants .quotation{
		top: 50px;
	}
}

@media (max-width: 960px){
	.propos .parallax-enfants .quotation{
		color: #fff;
		width: 100%;
		position: unset;
		float: none;
	}
}

.propos .parallax-enfants .quotation p{
	font-size: 20px;
	font-weight: 500;
}

@media (max-width: 960px){
	.propos .parallax-enfants .quotation p{
		font-size: 16px;
	}
}

.propos .parallax-enfants .quotation .signature{
	font-size: 20px;
	font-weight: 700;
}

.quote{
	color: #d10000;
	font-weight: 900;
	font-size: 62px;
	position: absolute;
	top: -20px;
	left: -40px;
}

@media (max-width: 1230px){
	.quote{
		color: #fff;

	}
}

@media (max-width: 960px){
	.quote{
		font-size: 45px;
		top: 0;
		left: 10px;
	}
}

@media (max-width: 480px){
	.quote{
		font-size: 40px;
		top: 0;
		left: 0;
	}
}

.propos .parallax-enfants .img-quote{
	display: none;
}

@media (max-width: 960px){
	.propos .parallax-enfants .img-quote{
		display: block;
	}
}

.flex-liste{
	display: flex;
	flex-flow: row wrap;
}

.flex-logo{
	margin:  30px 40px;
	display: flex;
	flex-direction: column;
	justify-content:center;
}
@media (min-width: 816px){
	.flex-liste .flex-logo:first-of-type{
		margin-left: 0;
	}
}

.attestation{
	color: #d10;
	font-weight: 600;
	font-size: 17px;
}


.propos .bg-distinctions{
	background-color: #b10000;
	color: #fff;
}

.propos .bg-distinctions h2, .propos .bg-distinctions h3, .propos .bg-distinctions a{
	color: #fff;
}

/*******____SERVICES____*******/
.services .bg{
	background-color: #b10000;
	color: #fff;
}

.services .bg h2{
	color: #fff;
	margin: 0;
}

.services .bg a{
	font-weight: 800;
	font-size: 17px;
}

.services .bg a:hover{
	color: #000;
}



/*******____DÉPOSITAIRES____*******/
.services li{
	margin: 20px 0;
}

.depositaires h2{
	color: #d10000;
	font-weight: 800;
	margin-top: 100px;
}

.flex-container{
	display: flex;
	flex-flow: row wrap;
	
}

.flex-item{
	margin:  30px 40px;
	max-width: 250px;
	display: flex;
	flex-direction: column;
	justify-content: space-evenly;
	transition: 0.3s all ease;
}

.flex-item:hover{
	transform: scale(1.2);
}

.img-uniformisation{
	filter: grayscale(100%);
}

.legende {
    width: 100%;
    list-style-type: none;
    display: flex;
    padding: 0 10px;
}

.legende a {
    margin: 0 10px;
    height: 100px;
}