/*************************************************************/
/***********         REFONTE du SITE             *************/
/*************************************************************/


/****** BANNER ****/

    .banner-wrapper {
      background: #000;
      color: #fff;
      height: 40px;
      text-align: center;
      width: 100%;
	  display: block;
	  /*display: none;*/
    }

    .banner-slick {
      height: 100%;
	  max-width: 1200px;
	  margin: auto;
      display: flex;
      align-items: center;
    }

    .banner-wrapper .slick-arrow {
      display: none !important;
    }

    .banner-slick-item {
      display: flex !important; 
      align-items: center;
      padding: 0 20px;
      justify-content: center;
	  font-weight: bold;
    }

	 .banner-slick-item a {
	 		color: #fff;
	 }

    .banner-slick-item .fa-check {
      color: #FF4F00;
    }

	.slick-list {
		width: 100%;
	}


	/*****BANNER *****/


/*********** PROMO ***********/


/*#urbain .categoryProduct .item:nth-child(6) .product-price > div, 
#urbain .categoryProduct .item:nth-child(3) .product-price > div,
#terrain .categoryProduct .item:nth-child(1) .product-price > div {
		opacity: 0;
}

#urbain .categoryProduct .item:nth-child(6) .image a, 
#urbain .categoryProduct .item:nth-child(3) .image a,
#terrain .categoryProduct .item:nth-child(1) .image a {
		position: relative;
}

#urbain .categoryProduct .item:nth-child(6) .image a:after, 
#urbain .categoryProduct .item:nth-child(3) .image a:after,
#terrain .categoryProduct .item:nth-child(1) .image a:after {
		content: '';
		display: block;
		position: absolute;
		background: url('./cmsimg/promo.png');
		background-repeat: no-repeat;
		background-size: contain;
		height: 80px;
		width: 80px;
		top: 0;
		left: 0;
}

#urbain .categoryProduct .item:nth-child(6) .product-price:before {
		content: '\00E0  partir de 1399\20AC';
		display: block;
}

#urbain .categoryProduct .item:nth-child(3) .product-price:before {
		content: '\00E0  partir de 1999\20AC';
		display: block;
}

#terrain .categoryProduct .item:nth-child(1) .product-price:before {
		content: '\00E0  partir de 2549\20AC';
		display: block;
}*/

/*********** PROMO ***********/


/*********** 3 colonnes Chiffres  ***********/


  .container-columns-number {
    max-width: 1100px;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
	margin-top: 150px;
	margin-bottom: 120px;
  }

  @media all and (max-width: 1024px) {
    .container-columns-number {
      flex-direction: column;
    }
  }

  .columns-number-col {
    flex: 1;
    text-align: center;
    margin-bottom: 30px;
  }

  .columns-number-col img {
    width: 80px;
    height: 80px;
    object-fit: contain;
  }

  .columns-number-col-title {
   font-size: 18px;
    font-weight: 300;
    margin-top: 20px;
  }

  .columns-number-col-title-first {
		font-family: 'AvenirLTStd-Black';
		font-size: 32px;
		line-height: 44px;
  }

  .columns-number-col-title-first, 
  .columns-number-col-title-second {
    opacity: 0;
    transform: translateY(-15%);
    transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
  }

.columns-number-col-title-second {
  transition-delay: 0.5s;
}

.container-columns-col-view .columns-number-col-title-first, 
.container-columns-col-view .columns-number-col-title-second {
    opacity: 1;
    transform: translateY(0);
}


/*********** 3 colonnes  Chiffres ***********/


/*********** Img et Texte ***********/

  .container-textleft-imgright {
    display: none;
    max-width: 1200px;
    margin: 50px auto;
    align-items: center;
    padding: 0 30px;
  }

  .container-textleft-imgright-left {
    flex: 1;
    padding-right: 50px;
  }

  .container-textleft-imgright-left-title {
		margin-bottom: 15px;
		font-family: 'AvenirLTStd-Black';
		font-size: 32px;
		line-height: 44px;
  }

  .container-textleft-imgright-right {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    height: 500px;
  }

  .container-textleft-imgright-right img {
    width: 100%;
    height: 500px;
    object-fit: cover;
  }

  .container-textleft-imgright .img-right-title {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    font-size: 52px;
  }

  @media all and (max-width: 992px) {
    .container-textleft-imgright {
      flex-direction: column-reverse;
    }

     .container-textleft-imgright-right {
	  width: 100%;
    }
     .container-textleft-imgright .img-right-title {
      font-size: 32px;
     }

     .container-textleft-imgright-left {
      text-align: center;
      margin-top: 30px;
	  padding-right: 0;
    }

  }

  @media all and (max-width: 550px) {

   .container-textleft-imgright-right, .container-textleft-imgright-right img {
      height: 300px;
    }

  }

/*********** Img et Texte ***********/



/*********** Bannière FAQ ***********/

.container-full-width-banner {
  display: flex;
  position: relative;
  background: rgba(0,158,167);
  color: #fff;
  text-align: center;
  padding: 100px 0;
  flex-direction: column;
}

.container-full-width-banner-txt-title {
  margin-bottom: 30px; 
  font-family: 'AvenirLTStd-Black';
  font-size: 32px;
  line-height: 44px;
}

.container-full-width-banner .container-full-width-lien {
  position: relative;
  bottom: 0;
  font-family: 'AvenirLTStd-Black';
  color: #000;
  line-height: 55px;
  margin: 0 auto;
  display: inline-block;
  margin-top: 30px;
}

.container-full-width-banner .cms-tmef p {
		text-align: center; 
}

/*********** Bannière FAQ ***********/


body {
		font-size: 16px; 
		line-height: 22px;
}


/******* POP UP ***********/

#popup {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    
    display: none;
    z-index: 999;
	width: 100%;
	max-width: 700px;
}

#popup img {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  border: 10px solid #fff;
  max-width: 900px;
  width: 100%;
}

#popup .fa {
	float: right;
	margin-bottom: 10px;
}

#popup:after {
	content: '';
	display: block;
	position: absolute;
	top: -500px;
    left: calc(330px - 200%);
	height: 200vh;
	width: 200vw;
	background: rgba(0,0,0, 0.3);
	z-index: -2;
	backdrop-filter: blur(3px);
}


/******* Page Contactez-nous *******/

.container-contact-us {
		display: grid;
		grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
}

.container-contact-us::before {
		display: none;
}

.container-contact-us .contact-us-item {
		padding: 20px;
}

.container-contact-us .contact-us-item:first-child {
		padding-left: 12px;
}

.container-contact-us .contact-us-item:last-child {
		padding-right: 0;
}

.container-contact-us .contact-us-content {
		margin-top: 10px;
}

.container-contact-us .contact-us-region {
		font-weight: 700;
}


/******* Page Pro ********/

.contact-us-pagepro {
		position: absolute;
		top: 350px;
		right: 90px;
	    text-align: left;
		background: #FF4F00;
		color: #fff;
		text-decoration: none;
		font-weight: bold;
		padding: ;
		padding: 10px 25px;
		border-radius: 4px;
		font-size: 2rem;
}


.contact-us-pagepro:hover {
		color: #FFF;
		background: #000;
}

.bloc-offre-pro-container {
		max-width: 1200px;
		margin: 0 auto;
}

.page-offre-pro .blog-intro.parallaxOffset.parallaxbg {
		background-position: 50% -20px !important;
}

.page-offre-pro .bloc-offre-pro-container {
		max-width: 100%;
		scroll-snap-type: block;
}

.page-offre-pro h2.parallaxSubtitle {
		display: none;
}

.bloc-offres-pro {
  position: relative;
  max-width: 100%;
  text-align: center;
  height: 745px;
}

.bloc-offres-modal {
		display: none;
}

.bloc-offres-presentation {
		padding: 0 30px;
}

.page-offre-pro .paragraphe-offre-pro {
		text-align: center;
		padding: 60px 20px;
		font-size: 2rem;
		max-width: 1200px;
		margin: auto;
}

.bloc-offres-pro-titre {
  position: absolute;
  top: 100px;
  right: 80px;
  text-align: left;
}

.bloc-offres-pro h2 span {
		background-color: #00989F;
		color: #fff;
		text-transform: uppercase;
		font-size: 5rem;
		padding: 20px;
		line-height: 9rem;
		font-weight: bold;
}

.bloc-offres-pro h2 span:last-child {
  font-size: 6rem;
  padding-bottom: 20px;
}

.bloc-offres-pro > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.bloc-offres-pro-lien {
  position: relative;
  bottom: 200px;
  margin: auto;
  font-size: 4rem;
  color: #fff;
  height: 80px;
  width: 200px;
  font-weight: bold;
  background: none;
  border: none;
}

.bloc-offres-pro img.bloc-offre-pro-button {
	height: 60px;
	width: 60px;
    position: absolute;
    left: 70px;
    bottom: -40px;
}

.page-offre-pro .fa.fa-window-close {
  position: absolute;
  top: 20px;
  right: 20px;
  font-size: 2em;
}

.bloc-offres-pro-lien .fa-chevron-down {
  color: #fff;
}

.bloc-offres-presentation-row {
  margin-bottom: 30px;
}


.bloc-offres-presentation-row .cms-tmef,
.bloc-offres-presentation-row .cms-tmef p {
	margin-top: 10px;
	font-size: 1.75rem;
	margin-bottom: 20px;
}

.bloc-offre-titre {
  position: relative;
  display: inline;
  font-family: 'AvenirLTStd-Black';
  font-size: 32px;
  line-height: 44px;
  padding-bottom: 5px;
}

.bloc-offre-titre:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  background: #00989F;
  height: 5px;
  width: 100%;
  z-index: -1;
}

.bloc-offre-titre-yellow:after {
 background: #fed500;
}

.bloc-offre-titre-orange:after {
 background: #FF4F00;
}

.bloc-offres-presentation-paragraph {
  font-size: 20px; 
}

.bloc-offres-presentation, 
.bloc-offres-avantages h2, 
.bloc-offres-avantages-row {
  max-width: 1100px;
  margin: auto;
  padding: 50px 0;
}

.bloc-offres-avantages-row {
  padding: 0;
}


.bloc-offres-avantages {
  background: #f4f4ed;
  padding-bottom: 50px;
}

.bloc-offres-avantages h2 {
  font-family: 'AvenirLTStd-Black';
  font-size: 32px;
  line-height: 44px;
  text-transform: uppercase;
}

.bloc-offres-avantages-row {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(550px, 1fr));
}

.bloc-offres-avantages-item {
  text-align: center;
  padding: 30px 80px;
  font-size: 1.75rem;
  padding: 50px;
}

.bloc-offres-avantages-item-img, 
.blog-wrapper .bloc-offres-avantages-item-img {
  max-width: 200px;
}

.bloc-offres-avantages-item h3 {
		font-weight: bold;
		font-size: 2.5rem;
		  margin: 10px 0 5px 0;
}

.bloc-offres-contact-row {
  text-align: center;
  margin: 50px 0;
  text-align: center;
  margin: 50px 0;
  height: auto;
  display: flex;
  align-content: center;
  justify-content: center;
}

.button.bloc-offres-contact {
  background: #FF4F00;
  color: #fff;
  text-decoration: none;
  font-weight: bold;
  font-size: 2rem;
}

.bloc-offre-pro-plus-container {
		padding: 60px;
		color: #fff;
}

.bloc-offre-pro-plus {
		max-width: 1200px;
		margin: auto;
		padding: 50px;
		background: #00989F;
}


.bloc-offre-pro-plus-title {
		text-transform: uppercase;
		font-family: 'AvenirLTStd-Black';
		font-size: 32px;
		line-height: 44px;
}


.bloc-offre-pro-plus-grille {
		display: grid;
		grid-template-columns: repeat(auto-fill, minmax( 550px, 1fr));
}

.bloc-offre-pro-plus-item {
		text-align: center;
		padding: 50px;
}


.bloc-offre-pro-plus-h3 {
		font-weight: bold;
		position: relative;
		width: 100%;
		font-size: 2.5rem;
}

.bloc-offre-pro-plus-h3:after {
		content: "";
		height: 5px; 
		width: 55%;
		background: #FFD200;
		display: block;
		margin: 5px auto;
}	

.bloc-offre-pro-grille-container {
		text-align: center;
		margin-top: 80px;
}	

.bloc-offre-pro-grille {
		padding: 0 50px;
		max-width: 1200px;
		margin: auto;
}

#bloc-offre-pro-grille {
		display: flex;
		flex-wrap: wrap;
		padding: 30px 0;
}

.bloc-offre-pro-grille h2 {
		font-family: 'AvenirLTStd-Black';
		font-size: 32px;
		line-height: 44px;
}


#bloc-offre-pro-grille > a {
		display: inline-block;
		max-width: 20%;
		margin-bottom: 40px;
		text-align: center;
		flex: 20%;
}

.offre-pro-grille-item-logo {
		height: 80px; 
		width: auto;
		margin: auto;
}

@media all and (max-width: 1024px) {
		#bloc-offre-pro-grille > a {
				max-width: 33%;
				flex: 33%;
		}

}

@media all and (max-width: 768px) {
		.bloc-offres-modal {
				top: 60px;
		}

		.navbar-brand img {
			height: auto;
		}

		.bloc-offres-pro-lien {
				font-size: 3rem;
		 }

		.bloc-offres-presentation, .bloc-offres-avantages h2, .bloc-offres-avantages-row {
				padding: 50px;
		}

		.bloc-offres-avantages-row,
		.bloc-offre-pro-plus-grille {
				display: block;
		}

		.bloc-offre-pro-plus-item {
				 padding: 50px 0;
		}

		.bloc-offre-pro-plus-container {
				padding: 50px 20px;
		}

		.bloc-offres-pro-titre {
				top: 243px;
				right: 0px;
		}

		.contact-us-pagepro {
				top: 450px;
		}

		.bloc-offres-pro h2 span {
				font-size: 3rem;
				line-height: 7rem;
		}

		.bloc-offres-pro h2 span:last-child {
				font-size: 4rem;
		}

}

@media all and (max-width: 450px) {
		#bloc-offre-pro-grille > a {
				max-width: 50%;
				flex: 50%;
		}

		.offre-pro-grille-item-logo {
				height: 60px; 
		}

}

/******* Page Pro ********/

/**** Devenez Distributeur/Loueur ****/

.megamenu-offre-pro .dropdown-menu,
.spemenu-distributeurs .dropdown-menu {
		width: 290px !important;
		left: auto !important;
}

.spemenu-distributeurs .dropdown-menu {
		right: 14% !important;
}



#offre-entreprises, 
#offre-collectivites, 
#devenez-distributeur, 
#devenez-loueur {
  scroll-margin-top: 100px;
  margin-top: -100px;
  padding-top: 100px;
}

.devenez-distributeur, 
.devenez-loueur {
		display: flex;
		align-items: center;
		max-width: 1200px;
		width: 100%;
		margin: auto;
		padding: 80px 0 80px 0;
}

.devenez-loueur {
		flex-direction: row-reverse;
}

.devenez-distributeur-col1,
.devenez-distributeur-col2,
.devenez-loueur-col1,
.devenez-loueur-col2 {
		flex: 1;
		padding: 20px;
}


.devenez-distributeur-col2,
.devenez-loueur-col2 {
		padding: 50px;
}

.devenez-distributeur-col2-h2, 
.devenez-loueur-col2-h2 {
		font-family: 'AvenirLTStd-Black';
		font-size: 32px;
		line-height: 28px;
		position: relative;
		display: inline-block;
		margin-bottom: 40px;
}

.devenez-distributeur-col2-h2:after, 
.devenez-loueur-col2-h2:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  background: #00989F;
  height: 5px;
  width: 100%;
  z-index: 1;
}

.devenez-distributeur-col1 img,
.devenez-loueur-col1 img {
		max-width: 100%;
		object-fit: cover;
}

.devenez-loueur-container {
		background: #f4f4ed;
}

.devenez-distributeur-col2-row-btn, 
.devenez-loueur-col2-row-btn {
		text-align: center;
		padding: 40px 0;
}

.devenez-distributeur-col2-btn,
.devenez-loueur-col2-btn {
		padding: 10px 25px;
		background: #FF4F00;
		border-radius: 4px;
		color: #fff;
		font-family: 'AvenirLTStd-Black';
}

.devenez-distributeur-col2-btn:hover,
.devenez-loueur-col2-btn:hover,
.devenez-distributeur-col2-btn:hover a,
.devenez-loueur-col2-btn:hover a {
		background: #000;
		color: #fff;
}

/**** Devenez Distributeur/Loueur ****/


.lienBouton {
		display: none;
}


.blogIntroContent .introContent h1 {
		text-transform: uppercase;
}

body:lang(fr) .disclaimer {
		display: none;
}

.disclaimer {
		text-align: center;
		font-weight: 800;
		margin-top: 25px;
}

body:lang(es) .cartMenu,
body:lang(pt) .cartMenu,
body:lang(es) .userMenuDesktop .userMenu,
body:lang(pt) .userMenuDesktop .userMenu,
body:lang(en) .cartMenu,
body:lang(en) .userMenuDesktop .userMenu,
body:lang(en) .add-to-cart, 
body:lang(pt) .add-to-cart, 
body:lang(es) .add-to-cart {
		/*display: none;*/
}

/**** lang ****/
body:lang(es) .spemenu-documentos, 
body:lang(es) .spemenu-contactenos,
body:lang(es) .megamenu-blog,
body:lang(es) .megamenu-offre-pro,
body:lang(pt) .spemenu-documentos, 
body:lang(pt) .spemenu-contato,
body:lang(pt) .megamenu-blog,
body:lang(pt) .megamenu-offre-pro,
body:lang(en) .megamenu-content ul,
body:lang(es) .megamenu-content ul,
body:lang(pt) .megamenu-content ul,
body:lang(nl) .megamenu-content ul, 
body:lang(en) .menuInfoRight .,
body:lang(es) .menuInfoRight .,
body:lang(pt) .menuInfoRight .breadcrumb,
body:lang(nl) .menuInfoRight .breadcrumb, 
body:lang(en) .menuInfoRightPagePro,
body:lang(es) .menuInfoRightPagePro,
body:lang(pt) .menuInfoRightPagePro,
body:lang(nl) .menuInfoRightPagePro,
body:lang(en) li.spemenu-contact,
body:lang(es) li.spemenu-contact,
body:lang(pt) li.spemenu-contact,
body:lang(nl)  li.spemenu-contact,
.spemenu-nuestras-bicicletas .caret,
body:lang(en) .megamenu-blog, 
body:lang(en) .megamenu-offre-pro,
body:lang(nl) .spemenu-documenten,
body:lang(nl) .spemenu-dealers,
.spemenu-nuestras-bicicletas .caret,
body:lang(nl) .cartMenu,
body:lang(nl) .userMenuDesktop .userMenu,
body:lang(nl) .megamenu-blog {
		display: none;
}

body:lang(es) .cms-tmef, 
body:lang(en) .cms-tmef, 
body:lang(pt) .cms-tmef, 
body:lang(nl)  .cms-tmef {
  line-height: 24px;
  text-align: justify;
}
#language-switcher-header #language-switcher a.lien-langue[href*="https://www.neomouv.com/nl"]
{
		display:none;
}

.order-box-content .btn-default {
		background: #000;
}

/**** lang ****/ 

@font-face {
	font-family: "AvenirNext-Light";
	src: url("cmsfont/AvenirNext-Light.ttf") format("truetype");
	font-display: swap;
}

 {
	font-family: "Avenir-Light";
	src: url("cmsfont/Avenir-Light.ttf") format("truetype");
	font-display: swap;
}

body {
		margin-bottom: 0;
		overflow-x: hidden;
		color: #000;
}

.site-color {
  color: #00989F !important;
}

.navbar-nav > li > a.menu-blog {
		color: #000;
		font-family: 'AvenirLTStd-Black';
		font-size: 12px;
		line-height: 16px;
		font-weight: lighter;
}


#cms-admincontent,
#cms-main {
		overflow-x: hidden;x
}

.container {
		width: 100%;
		padding: 0;
}

.cmsjs-dyncontainer .row, 
.section-title-inner, 
.block-title-3 {
		max-width: 1200px; 
		margin: auto;
}



.contact-us .p-wrap {
		text-align: center;
}

.contact-us .cms-tmef ul li:before, 
.contact-us .footer .container ul li.link-footer:before {
		display: none;
}

.contact-us .social li a i {
		margin: 0;
}

.contact-us .social li {
  background: none repeat scroll 0 0 #000;
  border: 2px solid #000;
}

.contact-us .social {
		text-align: center;
		display: inline-block;
}

.contact-us .cms-tmef, 
.contact-us .cms-tmef p {
		text-align: center;
}

.row-center {
		display: flex; 
		align-items: center;
		-webkit-align-items: center;
}

.hidden-refonte {
		display: none;
}

.button, .btn {
		padding: 10px 25px;
		background: #fff;
		border: 1px solid #fff;
		border-radius: 4px;
		font-family: 'AvenirLTStd-Black';
}

.button:hover {
		border: 1px solid #fff;
		background: #000;
		color: #fff;
}

.btn.btn-primary { 
		background: #000;
		border: 1px solid #000;
}

.modal-footer .btn-default {
		color: #000; 
		border: 1px solid #000;
}

.modal-footer .btn-primary:hover {
		color: #000;
		background: #fff;
		-webkit-transition: all .5s;
		-o-transition: all .5s;
		transition: all .5s;
}

.hasUserMenu > .dropdown-menu {
  right: 109px !important;
}

.contact-global {
	left: 0;
	background: rgba(51, 51, 51, 0.3);
	width: 130px;
    height: 30px;
	border: none;
}

.contact-global:hover {
  transition: width .4s;
  width: 130px;
}

.contact-global .btn-contact-wrapper {
  text-align: left;
}

.contact-global .btn-contact-wrapper .btn {
		background: none;
		border: none;
		-webkit-box-shadow: none;
}

.wrapper.contact-us {
		margin-top: 0;
}

.btn-contact-wrapper:after {
		content: "Besoin d'aide ?";
		display: inline-block;
		font-family: 'AvenirLTStd-Black';
		color: #fff;
		font-size: 12px;
		position: absolute;
		left: 30px;
		top: 6px;
}

body:lang(es) .btn-contact-wrapper::after {
		content: 'Necesita ayuda?';
}

body:lang(en) .btn-contact-wrapper::after {
		content: 'Need help?';
}

body:lang(pt) .btn-contact-wrapper::after {
		content: 'Precisa de ajuda?';
}

body:lang(nl) .btn-contact-wrapper::after {
		content: 'Hulp nodig?';
}

body:lang(nl) .row-footer:first-child {
		display: none;
}

.btn-contact-wrapper .btn-contact {
		width: 100%;
		text-align: left;
		z-index: 999;
		position: relative;
}

.mainMenu {
	z-index: 999;
	display: inline-block !important;
	width: auto;
	height: 50px;
}

#mainMenu  .userMenuMobile li a, 
#mainMenu  .userMenuMobile li {
		font-family: 'AvenirLTStd-Black';
		color: #000;
		font-weight: 400;
}

.userMenu>li>a,
.userMenu>li>div.checkbox {
  line-height: 14px !important;
}

.userMenuDesktop li:nth-child(2) {
		max-width: 222px;
}

.noMarginLeft .col-xs-12:last-child a {
		padding-bottom: 0;
}


.navbar-nav > li.open.spemenu-univers-neomouv  > span > a,
.navbar-nav > li.open.spemenu-nos-conseils  > span > a,
.navbar-nav > li.open.spemenu-nos-actus  > span > a, 
.navbar-nav > li.open.spemenu-neomouv-universe > span > a,
.navbar-nav > li.open.spemenu-descubra-neomouv > span > a
 {
  color: #fff ;
}

 a:hover, a:focus, a.link, .link, .tab-content .tab-pane a:not(.btn):hover, .cms-tmef a:not(.btn):hover {
  color: #00989F;
}

.stuck2 .navbar-brand {
  padding: 25px !important;
}

#icotype {
  width: 181px;
  height: 107px;
  position: absolute;
  top: 245px;
  z-index: 9;
}

#icotype-vert, 
#icotype-jaune, 
#icotype-orange {
  position: absolute;
  top: 0;
}

#icotype-vert {
  width: 105px;
  height: 107px;
  background-image: url('cmsimg/img/icotype-vert-NEOMOUV-velo-assistance-electrique.png');
  background-size: contain;
  background-repeat: no-repeat;
  left: 0;
  top: 0;
}

#icotype-jaune {
  width: 92px;
  height: 107px;
  background-image: url('cmsimg/img/icotype-jaune-NEOMOUV-velo-assistance-electrique.png');
  background-size: contain;
  background-repeat: no-repeat;
  left: 45px;
  top: 0;
}

#icotype-orange {
  width: 52px;
  height: 68px;
  background-image: url('cmsimg/img/icotype-orange-NEOMOUV-velo-assistance-electrique.png');
  background-size: contain;
  background-repeat: no-repeat;
  left: 129px;
  top: 0;
}

.move-icotype-vert {
  animation: move__icotype-vert 800ms;
}

@keyframes move__icotype-vert {
    0% {
        transform: translate(-450%, 0);
    }
    100% {
        transform: translate(0, 0);
    }
}

.move-icotype-jaune {
  animation: move__icotype-jaune 800ms;
}

@keyframes move__icotype-jaune {
    0% {
        transform: translate(400%, 800%);
    }
    100% {
        transform: translate(0, 0);
    }
}

.move-icotype-orange {
  animation: move__icotype-orange 800ms;
}

@keyframes move__icotype-orange {
    0% {
        transform: translate(300%, -490%);
    }
    100% {
        transform: translate(0, 0);
    }
}

/**** CARROUSEL HOMEPAGE ****/

#NV_carrousel {
  width: 100%;
  height: 630px;
  margin-top: 136px;
  margin-bottom: 30px;
  font-family: "Avenir-Light", sans-serif;
}

.NV_carrousel_background_img.home-mobile {
		display : none;
}

.NV_carrousel, .NV_carrousel_background {
  position: relative;
}

.NV_carrousel_background::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  display: block;
  z-index: 98;
}			

/* .home::before {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 74.05%, rgba(255, 255, 255, 0.71) 100%);
  transform: rotate(180deg);
}

.urbains::before, .pliants::before, .tout-chemin::before  {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 74.05%, rgba(0, 0, 0, 0.55) 100%);
  mix-blend-mode: darken;
  transform: rotate(180deg);
}

.tout-terrain::before {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 74.05%, rgba(0, 0, 0, 0.3) 100%);
  mix-blend-mode: darken;
  transform: rotate(180deg);
} */

.NV_carrousel_gammes_list {
  position: absolute;
  top: 150px;
  right: 300px;
  z-index: 99;
  max-width: 270px;
  margin: 0;
  padding: 0;
}

.NV_carrousel_gammes_list_item {
  background: #fff;
  margin: 6px 0;
  line-height: 40px;
  height: 40px;
  border-radius: 3px;
  -webkit-transition: all .8s;
  -o-transition: all .8s;
  transition: all .8s;
  display: inline-block;
}


.NV_carrousel_gammes_list_item span {
   font-family: "Avenir-Roman", sans-serif;
}


.NV_carrousel_gammes_list_item a {
  text-transform: uppercase;
  color: #000;
  text-decoration: none;
  -webkit-transition: all .8s;
    -o-transition: all .8s;
    transition: all .8s;
	line-height: 40px;
	height: 40px;
	display: inline-block;
	width: 100%;
	padding: 0 20px;
}

.NV_carrousel_gammes_list_item:hover {
  background: #000;
}

.NV_carrousel_gammes_list_item:hover a {
  color: #fff;
}

.NV_carrousel_background_title {
  position: absolute;
  top: 30px;
  width: 100%;
  text-align: center;
  z-index: 99;
  font-size: 32px;
}

.urbains, 
.pliants, 
.tout-chemin, 
.tout-terrain {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 630px;
 display: none;
 }

.urbains .NV_carrousel_background_title, 
.pliants .NV_carrousel_background_title, 
.tout-chemin .NV_carrousel_background_title, 
.tout-terrain .NV_carrousel_background_title {
  color: #fff;
}

.NV_carrousel_background_title h1, .NV_carrousel_background_title h2,
.NV_carrousel_background_title h1 span, .NV_carrousel_background_title h2 span {
  font-weight: bold;
  font-size: 32px;
  font-family: "Avenir-Roman", sans-serif;
}

.NV_carrousel_background_img {
  width: 100%;
  object-fit: cover;
  height: 630px;
}

/**** CARROUSEL HOMEPAGE ****/


/**** BLOC IMAGE GAUCHE et TEXTE DROITE ****/

.container-composant {
    max-width: 1200px;
    margin: 60px auto;
	padding: 0 50px;
  }

  h2.title-h2 {
    font-family: 'AvenirLTStd-Black';
    font-size: 32px;
    line-height: 44px;
  }

  .paragraph .cms-tmef {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    margin: 20px 0;
	text-align: justify;
  }

  .bloc-img-left-txt-right {
    display: grid;
    -moz-box-pack: center;
    justify-content: center;
	-webkit-justify-content: center;
    justify-items: center;
	-webkit-justify-items: center;
    grid-template-columns: repeat(auto-fill, minmax(450px, 1fr));
    gap: 3rem;
  }

  .bloc-img-left {
    max-height: 650px;
  }

  .bloc-img-left-txt-right img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .bloc-txt-right {
    display: flex;
    align-items: center;
	-webkit-align-items: center;
  }

  .bloc-txt-right-img {
    position: relative;
    display: flex;
    align-items: center;
	-webkit-align-items: center;
  }

  .bloc-txt-right-img-title {
    position: absolute;
    font-family: 'AvenirLTStd-Black';
    font-size: 25px;
    line-height: 36px;
    color: #fff;
    text-align: right;
    right: 15px;
  }

/**** BLOC IMAGE GAUCHE et TEXTE DROITE ****/


/**** BLOC 3 COLONNES TEXTE SURLIGNES ****/

.col-3-container {
    display: grid;
    -moz-box-pack: center;
    justify-content: center;
	-webkit-justify-content: center;
    justify-items: center;
	-webkit-justify-items: center;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 3rem;
    font-family: 'AvenirLTStd-Black';
	padding: 30px 0;
}

.text-underline {
  position: relative;
  display: inline-block;
}

.text-underline span {
  position: relative;
  z-index: 10;
}

.text-underline:before {
  content: '';
  display: inline-block; 
  position: absolute;
  width: 100%;
  height: 10px;
  top: 11px;
  z-index: 1;
  padding: 0 3px;
  left: 0px;
}

.text-underline-green::before {
  background: #009ea7;
}

.text-underline-yellow::before {
  background: #fed500;
}

.text-underline-orange::before {
  background: #ff4800;
}

/**** BLOC 3 COLONNES TEXTE SURLIGNES ****/


/**** IMGE FULL WIDTH ****/

.container-full-width {
		position: relative;
		margin: 30px auto;
		max-height: 610px;
}

.container-full-width img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		max-height: 610px;
}

.container-full-width-img.home-mobile {
		display: none;
}

.container-full-width-lien {
		position: absolute;
		bottom: 55px;
		margin-left: calc(50% - 90px);
		font-family: 'AvenirLTStd-Black';
		color: #000;
		line-height: 55px;
}

/**** IMGE FULL WIDTH ****/


/**** SPARA_COL_TEXT ****/

.spara_col_text {
		max-width: 1200px;
		margin: 0 auto;
}

.spara_col_text .col-lg-3 {
		padding-left: 0;
}

.spara_col_text .col-lg-3 a, 
.spara_col_text .col-lg-3 img {
		display: inline-block;
		margin-bottom: 15px;
}



/**** NOS GAMMES ****/

.container-gamme {
    max-width: 1200px;
    margin: auto;
	margin: 60px auto;
	padding: 0 50px;
  }

  .container-gamme-col {
    display: grid;
    -moz-box-pack: center;
    justify-content: center;
	-webkit-justify-content: center;
    justify-items: center;
	-webkit-justify-items: center;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 3rem;
  }

  .gamme-title {
		font-family: 'AvenirLTStd-Black';
		font-size: 32px;
		line-height: 44px;
		margin-bottom: 15px;
  }

  .gamme-item {
    position: relative;
    text-align: center;
	overflow: hidden;
	width: 100%;
  }

  .gamme-item-img:hover img, .gamme-item:hover img {
		transform: scale(1.1);
  }

   .gamme-item:hover .gamme-item-btn {
		border: 1px solid #000;
		background: #000;
		color: #fff;
   }

  .gamme-item-img {
		height: 450px;
  }

  .gamme-item-img:before {
		content: "";
		display: block;
		width: 100%;
		height: 100%;
		background: linear-gradient(180deg, rgba(0, 0, 0, 0) 74.05%, rgba(0, 0, 0, 0.55) 100%);
		mix-blend-mode: darken;
		transform: rotate(180deg);
		position: absolute;
		z-index: 10;
  }

  .gamme-item-img img {
    width: 100%;
	height: 100%;
	object-fit: cover;
	position: relative;
	z-index: 5;
	-webkit-transition: all .8s;
    -o-transition: all .8s;
    transition: all .8s;
  }

  .gamme-item-title {
    color: #fff;
    font-size: 32px;
    position: absolute;
    top: 0;
    text-transform: uppercase;
    margin: 0;
    line-height: 29px;
    left: 50%;
    transform: translate(-50%,0);
	font-family: 'AvenirLTStd-Black';
	z-index: 25;
	height: 100%;
	width: 100%;
  }		

  .gamme-item-title a {
		height: 100%;
		width: 100%;
		display: inline-block;
		color: #fff;
  }

 .gamme-item-btn {
		position: absolute;
		z-index: 30;
		bottom: 20px;
		 left: 50%;
		 transform: translate(-50%,0);
		 line-height: 22px;
  }

/**** NOS GAMMES ****/



/**** REVENDEURS ****/

.revendeurs-inside {
  display: flex; 
  align-items: center;
  -webkit-align-items: center;
}

.col-50 {
  flex: 50%;
  max-width: 50%;
}

.col-50:first-child {
		padding: 0 50px 0 0;
}

.col-50:last-child {
		padding: 0 0 0 50px;
}

.revendeurs-col-img {
  text-align: right;
}

.revendeurs-col-img img {
		max-width: 100%;
		object-fit: contain;
}

.revendeurs-col-txt-btn {
		border: 1px solid #000;
		background: #000;
		color: #fff;
}

.revendeurs-col-txt-btn:hover {
		background: #fff;
		color: #000;
		border: 1px solid #000;
}

.revendeurs-col-txt-paragraph .cms-tmef {
		margin: 0 0 30px 0;
}


/**** REVENDEURS ****/



/**** BLOC CALL-TO-ACTION Garantie ****/

.call-to-action-inside {
  display: flex; 
  align-items: center;
  -webkit-align-items: center;
}

.call-to-action-inside .col-50 img {
  width: 100%;
  max-width: 100%;
  height: 225px;
  object-fit: cover;
}

.call-to-action-inside .col-50 img.home-mobile {
		display: none;
}

.call-to-action-col {
  padding: 0 10px;
  position: relative;
  overflow: hidden;
}

.call-to-action-txt {
  position: absolute;
  z-index: 20;
  top: 0px;
  color: #fff;
  font-family: 'AvenirLTStd-Black';
  width: 100%;
  display: inline-flex;
  align-items: center;
  -webkit-align-items: center;
  text-align: right;
  height: 100%;
  left: 0px;
}

.call-to-action-txt:before {
  content: "";
  display: block;
  height: 100%;
  width: 25%;
  position: absolute;
  z-index: 10;
  right: 0;
  top: 0;
  background: #000;
}

.call-to-action-txt:after {
  content: '';
  position: absolute;
  top: 0;
  right: 25%;
  display: inline-block;
  height: 0;
  width: 0;
  border-bottom: 225px solid #000;
  border-left: 50px solid transparent;
}

.call-to-action-lien {
  width: 100%;
  height: 100%;
  top: 0;
  position: absolute;
  z-index: 999;
  color: transparent;
}

.call-to-action-txt span {
  color: #fff;
  font-size: 23px;
	position: absolute;
	z-index: 99;
	width: 27%;
	right: 0;
	padding: 5px;
	display: inline-block;
	line-height: 28px;
}

.call-to-action-txt span:before {
  content: '';
  display: block;
  height: 3px;
  width: 50%;
  margin: 0 20%;
  background: #fff;
  position: absolute;
  top: -20px;
  transform: translateX(0%)
  -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.call-to-action-txt span:after {
  content: '';
  display: block;
  height: 3px;
  width: 50%;
  margin: 0 20%;
  background: #fff;
  position: absolute;
  bottom: -20px;
  transform: translateX(115px);
  -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

/**** BLOC CALL-TO-ACTION Garantie ****/


/***************/
/**** E-SHOP ****/
/***************/

@media not all and (min-resolution:.001dpcm)
{ 
		@supports (-webkit-appearance:none) {
		   .product-page .zoom img {
				max-height: 450px;
			}

			.rubrique-page .MnuNiv2-img {
				padding: 17px 0 5px 0 !important;
			}

			.taille-selected .filtreTailles, .batterie-selected .filtreBatteries {
					font-weight: lighter !important; 
			}
		}
}

.MnuNiv2-item.selected {
		border: 2px solid #333333;
}

.container-liste-produit .text-center,
.category-top .categoryImage {
		display: none;
}

.category-top {
		margin: 20px 0 30px 0;
}

.full-container .rubrique-page, 
.full-container .product-page {
  padding-top: 119px !important;
  max-width: 1100px;
  margin: auto;
}

.breadcrumb {
		border: none;
		margin-bottom: 0;
		padding: 27px 0 8px 0;
}

.breadcrumb > li + li::before {
		content: " | ";
}

.breadcrumb * {
  font-weight: 400;
}

.rubrique-page .lienBouton button {
		margin: 0 0 0 15px;
		border: 1px solid #000;
		border-radius: 4px;
		box-shadow: 0 0px 0 #b4b3b3;
}

.doubleboutons {
  margin-bottom: 30px;
  margin-top: 20px;
}

.rubrique-page h1 {
		font-family: 'AvenirLTStd-Black';
		font-size: 21px;
		line-height: 29px;
}

.panel-default {
  border: none;
}

.rubrique-page .MnuNiv2-item {
		position: relative;
		display: inline-block;
		height: 120px;
		width: 160px;
		margin: 0 17px;
		background: #fff;
		overflow: hidden;
}

.rubrique-page .MnuNiv2-item:first-child {
		margin-left: 0;
}

.rubrique-page .MnuNiv2-item:last-child {
		margin-right: 0;
}

.rubrique-page .MnuNiv2-link {
		position: absolute;
		z-index: 2;
		display: flex;
		align-items: end;
		-webkit-align-items: end;
		width: 100%; 
		height: 100%;
		justify-content: center;
		-webkit-justify-content: center;
		font-weight: bold;
		font-family: "Avenir-Roman", sans-serif;
		padding-bottom: 5px;
}		

.rubrique-page .MnuNiv2-item:hover .MnuNiv2-link {
		color: #000;
}

.rubrique-page .MnuNiv2-item:hover .MnuNiv2-img {
		transform: scale(1.05);
		-webkit-transition: all .5s;
		-o-transition: all .5s;
		transition: all .5s; 
}

.rubrique-page .MnuNiv2-img {
		position: absolute;
		z-index: 1;
		height: 100%;
		width: 100%;
		object-fit: contain;
		padding: 5px 0 30px 0;
}

.titreCaracteristiques, 
.panel-default {
		background: #f2f2f2;
		padding: 28px 35px;
}

.titreCaracteristiques {
		padding-bottom: 7px;
}

.panel-default {
		padding-top: 7px;
		margin-bottom: 0;
}

.filter-choice {
		background: #f2f2f2;
		padding: 0 35px 30px 35px;
		margin: 0;
}

.filter-choice [type="checkbox"]:not(.cms-mini-ck, .orejime-AppItem-input) + label::before {
		top: 0;
		border: 1px solid #000;
}

[type="checkbox"]:not(.cms-mini-ck):checked + label::before {
  background: #00989F;
}

.filter-choice [class*="col-"] {
		display: flex;
		align-items: center;
		-webkit-align-items: center;
		padding-left: 0;
}

.filter-choice .cms-rangeSliderContainer {
		width: 45%;
}

.filter-choice label, .filter-choice label.form-check-label.label-in-stock {
		margin-bottom: 0;
		margin-right: 10px;
		font-family: 'AvenirLTStd-Black'; 
}

.filter-choice label.form-check-label {
		font-family: AvenirLTStd-Book,"Open Sans",sans-serif;
}

.cms-rangeSliderInputContainer:first-child {
  font-size: 13px;
}

.ui-slider {
		width: 150px;
}

.filtreCouleurs .couleur {
  margin: 0 2px;
  border: 1px solid #5c5c5c !important;
}

.couleur-selected .couleur {
		box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.7);
		-webkit-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.7);
		-moz-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.7);
}

.thumbSetting .listeCouleurs.filtreCouleurs.filtresListePro .couleur, 
.listeCouleurs a .couleur {
		border: 1px solid #5c5c5c !important;
}

.cms-itemProduct {
		margin-bottom: 80px;
		margin-top: 0;
}

.wraper-menu-filtre {
		display: flex;
}

.filter-choice .filterBatteriesrow {
		flex-wrap: wrap;
		margin-top: 25px;
}

[type="checkbox"]:not(.cms-mini-ck, .orejime-AppItem-input):checked + label::after {
  top: 10px;
}

.filterBatteriesrow .form-check-inline {
		display: inline-block;
		margin: 5px;
}

.wraper-menu-filtre {
  background: #f2f2f2;
  padding: 20px 35px;
}

.lienBouton button {
		-webkit-transition: all .5s;
		-o-transition: all .5s;
		transition: all .5s;
}

.lienBouton button:hover {
		background: #000;
		color: #fff;
}

/**** CARD ****/

.product, .product:hover {
  box-shadow: none;
  position: relative;
}

.product .description {
		position: absolute;
		top: -10px;
		font-size: 20px;
		z-index: 99;
}

.containerTexteRubrique {
		position: absolute;
		top: 15px;
		z-index: 99;
		padding: 5px 10px;
		text-align: left;
}

.product .image {
  padding: 20px;
  position: relative;
  z-index: 10;
  -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.product .image a:before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		background: linear-gradient(180deg, rgba(255, 255, 255, 0) 74.05%, rgba(255, 255, 255, 0.71) 100%);
		transform: rotate(180deg);
		height: 100%;
		z-index: 70;
}

.product .image a img {
	-webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
	position: relative;
}

.product .thumbSetting {
		margin-top: -20px;
}

.product-price {
  color: #777;
  font-style: normal;
  font-size: 16px;
  font-weight: 400;
  line-height: normal;
  margin-top: 10px;
}

.containerIndicStock {
  z-index: 999;
  position: absolute;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  width: 100%;
  top: 240px;
}

.listeCouleurs {
  position: relative;
  z-index: 999;
}

.product .action-control {
  padding-top: 5px;
}

.description:after {
		content: "";
		display: block;
		position: absolute;
		right: -45px;
		top: 0;
		background: url('../../cmsimg/img/Frame_NEOMOUV_velo_electrique-min.png');
		background-repeat: no-repeat;
		width: 16px;
		height: 100%;
		background-size: contain;
		top: 12px;
		-webkit-transition: all .5s;
		-o-transition: all .5s;
		transition: all .5s;
}

.product:hover .description:after {
		right: -60px;
}

/**** CARD ****/


/**** Fiche Produit ****/

#tab3 a.lienDocPage {
		margin-left: 63px;
}

.productPage #zoomContent {
		border: none;
}

.productPage .zoomThumb span a img {
		object-fit: cover;
}

.price-sales {
		text-align: right;
		padding-right: 40px;
		color: #000;
}

.prevControl, .nextControl {
		transform: translateX(0px);
		opacity: 1;
}

#copyHTMLElement, #pasteHTMLElement {
		display: flex;
		align-items: center;
		-webkit-align-items: center;
		border: none;
		text-align: right;
		margin-top: 0;
}

#pasteHTMLElement {
		margin-top: 50px;
}

.add-to-cart, .stockIndicator {
		flex: auto;
}

.aSuivreStock, .productPage a.aSuivreStock  {
		background: #FF0000;
		border-radius: 3px;
		color: #fff;
		text-transform: uppercase;
		padding: 15px;
		border: 1px solid #F00;
		text-decoration: none;
		display: inline-block;
		margin-left: 15px;
}

.aSuivreStock:hover, .productPage a.aSuivreStock:hover {
		background: #FFF;
		border: 1px solid #F00;
		color: #F00;
}

.cms-SaisieMailStock {
		background: #000;
		text-transform: uppercase;
		border: 1px solid #000;
}

.cms-SaisieMailStock:hover {
		background: #fff;
		text-transform: uppercase;
		border: 1px solid #000;
		color: #000;
}

.modal-header {
  background: #00989F;
}

.stockIndicator {
		width: 100%;
		display: inline-block;
		padding-right: 0;
}

.cart-actions button, .cart-actions .wishlist {
  background: none repeat scroll 0 0 #000;
  border: 2px solid #000;
  font-family: 'Avenir', sans-serif !important;
}

.stockIndicator {
		padding-right: 30px;
}

img.iconesCaract {
  padding: 0;
  width: 23px;
}

.cs_caracimg .labelValeur {
		padding-left: 5px;
}

#spe_caracImg {
		margin-bottom: 30px;
}

.cs_caracimg {
		display: inline-block;
}

.cs_caracimg .divImgCaract {
		display: inline-flex;
		margin: 5px 0;
		padding-right: 30px;
		align-items: flex-end;
		-webkit-align-items: flex-end;
}

.cs_caracimg .pipeCaract {
		display: none;
}

.nav-tabs {
  border: none;
}

#content_ref, .container-liste-produits-2 {
		display: none;
}

.produit-desc-short {
		font-size: 16px;
}

.zoomThumb a {
		border: none;
}

.listeCouleurs {
  z-index: 99;
}

.cms-productTitle {
  color: #000;
  font-size: 32px;
  line-height: 44px;
  font-family: 'AvenirLTStd-Black';
  font-weight: 400;
}

h1.product-title {
		padding-bottom: 0;
}

.produit-desc-short {
  font-weight: 400 !important;
}

.listeCouleurs.couleur-selected a .couleur {
		box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.7);
		-webkit-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.7);
		-moz-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.7);
}

.couleur-selected .filtreCouleurs .couleur, .filtreCouleurs .couleur-selected .couleur {
  border: none;
}

.row-flex {
		display: flex; 
		align-items: center;
		-webkit-align-items: center;
}

.row-couleur {
		margin-bottom: 30px;
}

.labelTailles, .filtreBatteries {
		display: flex; 
		align-items: center;
		-webkit-align-items: center;
}

.filtreTailles, .filtreBatteries {
  padding: 0;
  width: 100%;
  display: inline-flex;
}

 .filtreBatteries {
		justify-content: center;
		-webkit-justify-content: center;
 }

.tailleRecommandee {
  height: 100%;
  padding: 10px 0;
}

.titreBatteries, .titreTailles {
		margin-bottom: 5px;
}

.titreTailles, .titreCouleurs {
		padding-left: 60px;
}

.titreBatteries, 
.filtreBatteries {
		text-align: center;
}

.listeTailles, .listeBatteries {
  padding-top: 0;
  padding-bottom: 0;
  margin-bottom: 7px;
}

.filtreBatteries {
		height: 44px;
}

.price-sales {
		font-size: 32px;
		line-height: 44px;
		font-family: 'AvenirLTStd-Black';
}

.cart-actions button:hover {
  background: #fff;
  color: #000;
  border: solid 2px #000;
}

.nav-tabs > li.active > a, 
.nav-tabs > li.active > a:hover, 
.nav-tabs > li.active > a:focus, 
.nav-tabs > li:hover > a, 
.nav-tabs li a  {
		 color: #000 !important;
		 text-transform: capitalize;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus, .nav-tabs > li:hover > a {
  background: #F2F2F2;
}

.row-couleur {
		margin-bottom: 20px !important;
}

.cart-actions button {
	-webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}


/**** Fiche Produit ****/


/**** Cart ****/ 

.costDetails table td {
  text-align: left;
}

.orderStep {
		margin-top : 30px;
}


/***************/
/**** E-SHOP ****/
/***************/


/*******************/
/**** Mon Compte ****/
/*******************/


.formCompte .panel-default {
		margin: 0 15px;
}

.loginInfo .col-xs-12 {
		padding: 0;
		margin: 0 !imporant;
}

.loginInfo .col-xs-12 .panel-default {
		margin: 0;
}

.section-title-inner,
.block-title-3 {
		padding-left: 15px;
}

.formCompte .cms-Compte {
		margin-top: 20px;
}


/*******************/
/**** Mon Compte ****/
/*******************/




tr.CartProduct td, tr.CartProduct th {
  text-align: left;
}

.cartRecap tr.CartProduct .CartDescription {
  text-align: left !important;
}


/***************/
/**** Editorial ****/
/***************/

.well {
  padding: 35px;
   background: #00989F;
  color: #fff;
}


.menuInfoRight .breadcrumb {
  display: none;
}

.top60px {
		margin-top: 60px;
		padding-bottom: 0;
		margin-bottom: 60px;
}


.titre-center {
  text-align: center;
  margin-top: 60px;
  padding-bottom: 0;
}

.blog-wrapper .container-composant {
  max-width: 1200px;
  margin: 20px auto;
  padding: 20px 13px;
}

h2.titreh2 {
  font-family: 'AvenirLTStd-Black';
  font-size: 32px;
  line-height: 28px;
}

.full-container .blog-intro.parallaxOffset.parallaxbg {
		background-size: cover !important;
}

.cms-tmef p {
		font-weight: 400;
		font-size: 16px;
		line-height: 24px;
		text-align: justify;
}

.timelineSingleEvent {
		background: #fff;
		position: relative;
		z-index: 99;
}

.timelineSingleEvent .cms-tmef p {
		text-align: left;
}

.cms-tmef h4 {
		padding: 0 13px;
		margin: 10px 0;
		font-size: 20px;
		font-family: 'AvenirLTStd-Black';
}

.cms-tmef {
		max-width: 1200px;
		margin: 0 auto;
}

/**** 2 colonnes Bloc ****/

.container-2-colonnes, 
.container-2-colonnes-image {
  display: flex; 
  align-items: center;
  -webkit-align-items: center;
}

.container-2-colonnes-image .col-50 {
		height: 400px;
}

.container-2-colonnes-image .col-50 img {
		width: 100%;
		height: 100%;
		object-fit: cover;
}

.container-2-colonnes-contenu-inside {
		display: flex; 
}

.container-2-colonnes-top {
		display: flex;
}

.container-2-colonnes .exergue, 
.container-2-colonnes-contenu-inside .exergue {
  font-size: 30px;
  line-height: 30px;
}

.container-2-colonnes .col-50 {
		padding: 0;
}

 .container-2-colonnes .col-50:first-child {
		padding-right: 20px;
}

 .container-2-colonnes .col-50:last-child {
		padding-left: 20px;
}

ul.lesPlusListe {
		column-count: 2;
}

ul.lesPlusListe li {
		padding-left: 8px;
		text-align: left;
}

h3.titreh3Before, 
h3.titreh3BeforeJaune {
  text-align: center;
  display: inline-block;
  font-family: 'AvenirLTStd-Black';
  position: relative;
}

h3.titreh3Before span,
h3.titreh3BeforeJaune span {
  position: relative;
  z-index: 20;
}

h3.titreh3Before:before, 
h3.titreh3BeforeJaune:before {
  content: '';
  display: inline-block;
  position: absolute;
  width: 100%;
  height: 10px;
  top: 14px;
  z-index: 1;
  padding: 0 3px;
  left: 0;
  z-index: 10;
  background: #FF4F00;
}

h3.titreh3BeforeJaune:before {
		background: #FFD200;
}

/***** 3 colonnes *****/

.container-3colonnes-image {
		display: flex; 
		text-align: center;
}

.container-3colonnes-image .col3 {
		flex: 1;
		height: 350px;
		padding: 30px;
		position: relative;
}

.container-3colonnes-image .col3 img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		position: relative; 
		z-index: 20;
}

.container-3colonnes-image .col3.col3FirstChild {
		padding: 0 30px 0 0;
}

.container-3colonnes-image .col3.col3SecondChild {
		padding: 0 15px;
}

.container-3colonnes-image .col3.col3LastChild {
		padding: 0 0 0 30px;
}

.col3FirstChild:before {
  content: "";
  display: block;
  width: 70px;
  height: 215px;
  background-image: url('cmsimg/img/icotype-vert-NEOMOUV-velo-assistance-electrique.png');
  background-size: cover;
  background-repeat: no-repeat;
  top: -25px;
  left: 49px;
  position: absolute;
  z-index: 10;
}

 .col3SecondChild:before {
    content: "";
	display: block;
    width: 139px;
    height: 190px;
    background-image: url('cmsimg/img/icotype-jaune-NEOMOUV-velo-assistance-electrique.png');
    bottom: -55px;
    left: 100px;
    background-size: contain;
    background-repeat: no-repeat;
	position: absolute;
	z-index: 10;
}
 
.col3LastChild:before {
  content: "";
  display: block;
  width: 80px;
  height: 136px;
  background-image: url('cmsimg/img/icotype-orange-NEOMOUV-velo-assistance-electrique.png');
  right: 46px;
  top: -15px;
  z-index: 97;
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  z-index: 10;
}

/***** 3 colonnes *****/

/***** FAQ *****/

.faq-img {
	display: block;
}

#livraison {
  scroll-margin-top: 150px;
  padding-top: 150px;
  margin-top: -150px;
}


#faq-list {
	margin-top: 30px;
}

#faq-list .top15px {
		margin-top: 50px;
		padding-left: 13px;
}

details {
  max-width: 100%;
  border-radius: 5px;
  overflow: hidden;
  transition: height 1s ease;
  border: 1px solid #eee;
  margin: 10px 13px;
}

details .tableau-taille {
  margin: 0 0 40px 0;
  width: 50%;
}

details:not([open])
{
    height: auto;
	
}

details[open]
{
    height: auto;
}

summary {
  padding: 1rem;
  display: block;
  padding-left: 2.2rem;
  position: relative;
  cursor: pointer;
}

summary:before {
  content: '';
  border-width: .4rem;
  border-style: solid;
  border-color: transparent transparent transparent #000;
  position: absolute;
  top: 1.3rem;
  left: 1rem;
  transform: rotate(0);
  transform-origin: .2rem 50%;
  transition: .25s transform ease;
}

details .paragraph .cms-tmef,
details .paragraph .cms-tmef ul li {
		font-size: 16px;
		padding: 0 2.2rem;
}

details .paragraph .cms-tmef {
  margin: 10px 0 15px 0;
 }


/* THE MAGIC Â */
details[open] > summary:before {
  transform: rotate(90deg);
}


details summary::-webkit-details-marker {
  display:none;
}

details > ul {
  padding-bottom: 1rem;
  margin-bottom: 0;
}

details[open] summary ~ * {
  animation: sweep .5s ease-in-out;
}

@keyframes sweep {
  0%    {
		opacity: 0; 
	}

  100%  {
		opacity: 1; 
	}
}


/***** FAQ *****/

/**** 2 colonnes Bloc ****/



/**** 3 photos ****/
.container-3-photos {
  height: 450px;
  position: relative;
}

.photoSingle {
  position: absolute;
}

.photoSingle:before {
  content: "";
  position: absolute;
  display: block;
}

.photoSingle1:before {
  width: 70px;
  height: 215px;
  background-image: url('cmsimg/img/icotype-vert-NEOMOUV-velo-assistance-electrique.png');
  background-size: cover;
  background-repeat: no-repeat;
  top: -20px;
  left: -15px;
}

.photoSingle2:before {
  width: 139px;
  height: 190px;
  background-image: url('cmsimg/img/icotype-jaune-NEOMOUV-velo-assistance-electrique.png');
  top: -25px;
  left: 100px;
  background-size: contain;
  background-repeat: no-repeat;
}

.photoSingle3:before {
  width: 80px;
  height: 136px;
  background-image: url('cmsimg/img/icotype-orange-NEOMOUV-velo-assistance-electrique.png');
  right: -25px;
  top: -21px;
  z-index: 97;
  background-size: contain;
  background-repeat: no-repeat;
}

.photoSingle img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 99;
}

.photoSingle1 img {
  object-position: left;
}

.photoSingle1 {
  left: 28px;
  bottom: 0;
  width: 350px;
  height: 270px;
  z-index: 99;
}

.photoSingle2 {
  left: 340px;
  width: 500px;
  height: 330px;
  z-index: 89;
  top: 20px;
}

.photoSingle3 {
  right: 43px;
  width: 350px;
  height: 270px;
  z-index: 98;
  bottom: 20px;
}

/**** 3 photos ****/


/**** Timeline ****/

.container-timeline {
  display: flex; 
  position: relative;
  flex-wrap: wrap;
}

.container-timeline:before {
  content: "";
  display: block;
  height: 4px; 
  width: 100%;
  background: #000;
  position: absolute;
  top: 133px;
}

.timelineSingle {
  flex: 1;
  position: relative;
}

.timelineSingle:before {
  content: "";
  display: block;
  height: 35px; 
  width: 2px;
  background: #000;
  position: absolute;
  left: 35px;
}

.timelineSingle:nth-child(2n+1):before {
 top: 78px;
}

.timelineSingle:nth-child(2n):before {
 top: -48px;
}

.timelineSingle:nth-child(2n) {
  margin-top: 165px;
}

.timelineSingleYear {
  font-family: 'AvenirLTStd-Black';
  font-size: 22px;
}

/**** Timeline ****/

/**** Image titre, Image Banner ****/

.container-img, .container-img-banner {
		display: flex; 
		align-items: center;
		-webkit-align-items: center;
		position: relative;
		width: calc(100% + 340px);
		margin-left: -170px;
		height: 300px;
}

.container-img:before {
		content: "";
		display: block;
		height: 100%;
		width: 100%;
		background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.71) 100%);
		transform: rotate(180deg);
		position: absolute;
		top: 0;
		left: 0;
		z-index: 20;
}

.container-img img, 
.container-img-banner img {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
		z-index: 15;
}

.container-img-inside {
		position: relative;
		z-index: 25;
		padding: 0px 184px;
		width: 100%;
		text-align: center;
}

/**** Image titre ****/


/**** Texte Droite Vert ****/

.container-txt {
		display: flex;
		align-items: center;
		-webkit-align-items: center;
}

.container-txt h3 {
		text-align: center;
		display: inline-block;
		font-family: 'AvenirLTStd-Black';
		position: relative;
}

.container-txt-dte, .container-txt-gche {
		text-align: center;
}

.container-txt h3:before {
		content: '';
		display: inline-block;
		position: absolute;
		width: 100%;
		height: 10px;
		top: 14px;
		z-index: 1;
		padding: 0 3px;
		left: 0;
		z-index: 10;
}

.container-txt-dte-vert h3:before {
		background: #009ea7;
}

.container-txt-dte-jaune h3:before {
		background: #FFD200;
}

.container-txt-dte-orange h3:before {
		background: #FF4F00;
}

.container-txt h3 span,
.titreh3Before span {
		position: relative;
		z-index: 20;
}

.container-txt-dte-vert .container-txt-img:before,
.container-txt-dte-jaune .container-txt-img:before,
.container-txt-dte-orange .container-txt-img:before {
		content: "";
		display: block;
		position: absolute;
		height: 90%;
		width: 120%;
		background-repeat: no-repeat !important;
		background-size: contain !important;
		z-index: 20;
		left: -10%;
		top: 5%;
}

.container-txt-dte-vert .container-txt-img:before {
		background: url('cmsimg/img/fond-icotype-vert-NEOMOUV-velo-assistance-electrique.png');
}

.container-txt-dte-jaune .container-txt-img:before {
		background: url('cmsimg/img/fond-icotype-jaune-NEOMOUV-velo-assistance-electrique.png');
}

.container-txt-dte-orange .container-txt-img:before {
		background: url('cmsimg/img/fond-icotype-orange-NEOMOUV-velo-assistance-electrique.png');
}

.container-txt-img {
		height: 250px;
		min-width: 290px;
		max-width: 290px;
		position: relative;
}

.container-txt-img img {
		height: 100%;
		object-fit: cover;
		z-index: 25;
		position: relative;
}

.container-txt-dte {
		padding: 0 0 0 50px;
}

.container-txt-gche {
		padding: 0 50px 0 0;
}

.container-txt-dte-no-color.container-txt h3:before {
		content: '';
		display: inline-block;
		position: absolute;
		width: 100%;
		height: 10px;
		top: 14px;
		z-index: 1;
		padding: 0 3px;
		left: 0;
		z-index: 10;
		background: #FF4F00;
}

.container-txt-dte-no-color .container-txt-dte {
  text-align: left;
}


/**** Texte Droite Vert ****/



/**** Image titre ****/



/***************/
/**** Editoriale ****/
/***************/



/**** FOOTER ****/

.footer .row-center {
		margin-top: 30px;
}

.footer ul li a {
		  display: inline-block;
}

.footer .row-center ul.social {
		margin-top: 0;
}

.footer .row-center .social li {
		background: none repeat scroll 0 0 #000;
		border: 2px solid #000;
}

.footer .lienBouton {
		display: inline-block;
		width: 100%;
		text-align: center;
}

.FooterListColMiddle {
		margin-top: 20px;
}

.footer .logoWhite {
		height: 36px;
		object-fit: contain;
}

.footer .lienBouton {
		display: inline-block !important;
		margin-top: 20px;
}

.footer .lienContactMail {
		font-size: 18px;
}

.footer .footer-logo-img {
		text-align: leftr;
}

.footer .lienBouton button {
		background: #fff;
		border-radius: 3px;
		border: 1px solid #000;
		box-sizing: border-box;
		box-shadow: 0 0px 0 #b4b3b3;
}

.footer-bottom {
		background: #333333;
}

.footer-bottom .container {
		display: flex; 
		align-items: center;
		-webkit-align-items: center;
}

.footer a:hover {
  color: #00989F;
}

.footer-bottom .container a {
		color: #fff;
}

.footer-bottom .icotype {
		text-align: center;
}

.footer-bottom .footer-bottom-menu ul li {
		padding: 0 25px;
}

.footer-bottom .paymentMethodImg {
		padding: 0 15px;
		text-align: left;
}

.footer-bottom .paymentMethodImg img {
		margin: 0 10px;
}

.footer-bottom .icotype,
.footer-bottom .footer-bottom-menu, 
.footer-bottom .paymentMethodImg {
		flex: 1;
}

/**** FOOTER ****/


/**** PANIER ****/

.main-container, .main-container.headerOffset {
		max-width: 1200px;
		margin: auto;
		padding: 90px 30px 0 30px;
}


.btnEmptyCart {
		background: #fff;
		color: #000;
		border: 1px solid #000;
}

.btnEmptyCart:hover {
		background: #000;
		color: #fff;
}

table.cartTable .CartProductThumb {
		height: auto;
		display: flex !important;
		align-items: center;
		-webkit-align-items: center;
		justify-content: center;
		-webkit-justify-content: center;
}

table.cartTable tbody tr {
  background: #fff !important;
}

.cartFooter .btn, 
.box-footer .btn {
		border: 1px solid #000;
		background: #000;
}

.cartFooter .btn:hover, 
.box-footer .btn:hover {
		border: 1px solid #000;
		background: #fff;
		color: #000;
}

.box-footer .cms-Suivant {
		background: #00989F;
		border: 1px solid #00989F;
}

.box-footer .cms-Suivant.btn:hover {
		background: #FFD200;
		border: 1px solid #FFD200;
}


/**** PANIER ****/



/**** DIVERS ****/

.row-center {
		margin-top: 40px;
}

.breadcrumb li .show-breadcrumb-sub-list {
		display: none;
}

.blog-wrapper nav .breadcrumb {
		display: none; 
}

.blog-wrapper {
		margin: auto;
		padding: 70px 160px 0 160px;
}

.panel {
		box-shadow: none;
}

.formCompte.cms-formulaire .panel-defautl {
		background: #fff;
		padding: 28px 0;
}

.btn.cms-Compte {
		background: #000;
		border: 1px solid #000;
}

.panel-default > .panel-heading {
  border-top: 3px solid #00989F;
}

#tcd .orderStep li.cms-courante .tcdBlock {
  background: #00989F;
}

#tcd .orderStep li.cms-courante .tcdBlock::after {
  border-top-color: #00989F !important;
}

#tcd .orderStep li.cms-validee .tcdBlock {
  background: #000;
}

.delete .btn-default .glyphicon {
		color: #000;
}

.btn.btn-primary, .btn.btn-danger, .btn.btn-default, .btn.btn-success, .btn.btn-info, .btn.btn-warning, .btn.btn-fb, .btn.btn-tw {
  text-shadow: none;
  -o-text-shadow: none;
  -webkit-text-shadow: none;
  -ms-text-shadow: none;
  box-shadow: none;
  -webkit-box-shadow: none;
}


.new-user-inner .btn.btn-primary, 
.btn.cms-Authent {
		border: 1px solid #000;
		background: #000;
}

.navbar-brand {
  padding: 25px;
  z-index: 999;
  position: relative;
}

.navbar-header {
	position: relative;
}

.megamenu .nav.navbar-nav .cartMenu {
  position: absolute;
  right: 12px;
  bottom: 4px;
}

.modalPanier .btn {
		background: #000;
		border: 1px solid #000;
}

.modalPanier .btn:hover {
		background: #fff;
		color: #000;
}

.cartMenu a.dropdown-toggle, .cartMenu a#cart-sidebar-toggle {
		text-transform: none;
}

.navbar .navbar-top {
		height: 40px;
		min-width: 557px;
		text-transform: initial;
		font-family: 'AvenirLTStd-Black';
		font-size: 12px;
		line-height: 16px;
		padding: 12px;
		color: #ffffff;
		background: #000000;
		position: relative;
		z-index: 999;
}

.navbar-top:before {
		content: '';
		position: absolute; 
		left: -22px;
		top: 0;
		display : inline-block;
		height : 0;
		width : 0;
		border-bottom : 40px solid #000;
		border-left : 23px solid transparent;
}

.userMenu > li > a, .userMenu > li > div.checkbox {
		line-height: 16px;
		color: #fff;
}

.userMenu li .fa {
		margin-right: 4px;
}

.navbar-toggle {
		position: relative;
}

.navbar-toggle.button-menu {
		margin-right: 20px;
		margin-top: 14px;
		width: 30px;
		height: 30px;
}

.navbar-toggle.button-menu .icon-bar {
		transition: all 0.3s;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		margin-top: 0;
}

.navbar-toggle.button-menu .icon-bar:nth-child(2) {
  top: calc(50% - 9px);
}

.navbar-toggle.button-menu .icon-bar:nth-child(4) {
  top: calc(50% + 9px);
}

.navbar-toggle.button-menu.menu-open .icon-bar:nth-child(2) {
  top: calc(50% - 10px);
  left: 2px;
  transform-origin: 0 0;
  transform: translateY(-50%) rotate(45deg);
}

.navbar-toggle.button-menu.menu-open .icon-bar:nth-child(3) {
  transform: translate(-100%, -50%);
  opacity: 0;
}

.navbar-toggle.button-menu.menu-open .icon-bar:nth-child(4) {
  top: calc(50% + 10px);
  transform-origin: 0 0;
  transform: translateY(-50%) rotate(-45deg);
}

#language-switcher-header {
		z-index: 999;
}

#language-switcher-header #language-switcher ul {
		padding: 0 5px;
		background: #000;
		display: inline-block;
}

#language-switcher-header #language-switcher ul > li.lang-item {
  display: none;
  margin-left: 0;
  margin: 5px 0;
}

#language-switcher-header #language-switcher ul > li.langCurrent {
  display: block;
  margin-top: 0;
}

#language-switcher-header {
	padding-top: 0;
	margin-top: -2px;
}

#language-switcher-header:hover #language-switcher ul > li.lang-item {
	display: block;
}

#language-switcher-header #language-switcher {
		top: 0;
		transform: translate(0, 0%);
}

.align-center {
		display: flex;
		align-items: center;
		-webkit-align-items: center;
}

.cartRespons {
  width: 90px;
  margin-left: 13px;
  display: block;
}

.cartMenu .dropdown-menu {
		margin-top: 20px;
		min-width: 305px;
}


.miniCartTable .mCSB_container {
  margin-right: 15px !important;
  top: 0;
  display: inline;
}

.cartMenu h4 {
  line-height: 13px;
}

.miniCartDescription .price {
  color: #000;
 }

 .miniCartQuantity {
		color: #9f9e9e;
		font-size: 12px;
 }

 .miniCartSubtotal {
		color: #000;
		font-size: 12px;
		padding: 0 5px;
 }

 .miniCartDescription {
		padding: 0 5px;
 }

.megamenu .dropdown.cartMenu a.dropdown-toggle:hover, .nav .open > a, .nav .open > a:hover, .nav .open > a:focus, .cartMenu:hover > a.dropdown-toggle  {
		background: #000;
		color: #fff;
}

.dropdown-menu {
  border-top: solid #000;
}

.userMenuMobile {
		display: none;
}

.btn-info {
  background-color: #000;
}

.miniCartFooter {
  background: #FFF;
  border-top: 1px solid #dedede;
}

.btn-info {
	border: 1px solid #000;
}

.btn-info:hover {
  background-color: #fff;
  color: #000;
  border: 1px solid #000;
}

.mainMenu::before {
		background: none;
}

.navbar .navbar-collapse {
		background: none;
}

.navbar-nav > li > span > a {
		color: #000;
}

#mainMenu li > span a {
  font-family: 'AvenirLTStd-Black';
  font-size: 12px;
  line-height: 16px;
  text-transform: uppercase;
}

.spemenu-documents, 
.spemenu-contact {
		display: none !important;
}

#mainMenu {
		padding-top: 0;
}

#menuWrapper {
		position: relative;
}


.full-container .blog-intro.parallaxOffset.parallaxbg {
		margin-top: 6px;
		height: 150px;
		border: none;
}



.headerOffset {
  padding-top: 90px;
}

.introContent {
		height: 150px;
		position: relative;
}

@media screen and (min-width: 768px) {
.full-container .blog-intro.parallaxOffset.parallaxbg {
		
		height: 350px;
		}
		.introContent {
		height: 350px;
		}
		
}

h1.x2large {
		font-family: 'AvenirLTStd-Black'; 
		font-size: 32px;
		line-height: 40px;
		color: #00989F;
		text-shadow: none;
		text-transform: none;
		display: inline-block;
		background: #fff;
		padding: 6px 18px;
		position: absolute;
		bottom: -17px;
		left: 168px;
}

h2.parallaxSubtitle, 
h5.parallaxSubtitle {
		font-family: 'AvenirLTStd-Black';
		font-size: 32px;
		line-height: 40px;
		color: #00989F;
		text-transform: none;
		display: inline-block;
		background: #fff;
		padding: 6px 18px;
		position: absolute;
		bottom: -60px;
		left: 168px;
}

.div-rubrique {
  display: none;
}

.footer-above {
		padding: 30px 0 50px 0;		
}

.row-footer {
		padding: 0 200px;
}

.footer-above-col {
		text-align: center;
		padding: 40px;
		position: relative;
}

.footer-above-link {
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
}

.footer-above-col-txt, .footer-above-col-img {
		width: 100%;

}

.stuck2 .navbar-brand {
		padding: 30px;
}

.stuck2 .container-logo .logoSite {
  padding: 0;
}

.stuck2 .navbar-brand img.logoWhite {
  max-height: 45px;
}

.navbar.stuck2 {
  -webkit-box-shadow: 0 0 0px 0 rgba(0,0,0,0);
  -moz-box-shadow: 0 0 0px 0 rgba(0,0,0,0);
  box-shadow: 0 0 0px 0 rgba(0,0,0,0);
}

.navbar.stuck .navbar-top {
  margin-top: 0 ;
}

.footer-above-col-txt {
		font-weight: bold;
		margin-top: 5px;
		line-height: 18px;
}

.userMenuFooter  ul li  a {
		color: #000;
}

.footer-garantie {
		padding: 5px !important;
		background: #000;
		display: inline-block !important;
		color: #fff;
		margin-bottom: 5px;
}

.footer .footerListMiddle li::before {
  content: "";
  width: 6px;
  height: 6px;
  display: inline-block;
  vertical-align: top;
  margin-top: 7px;
  background: #41b6dc;
  margin-right: 10px;
}

.footer .footerListMiddle {
		margin-top: 20px;
}

.cms-tmef ul li::before, 
.footer .container ul li.link-footer::before,
.footer .footerListMiddle li::before {
		background: #000;
		border-radius: 50%;
}


/***** Media Queries *****/

@media all and (min-width: 768px) {
		.mainMenu {
				position: absolute;
				bottom: 0;
				left: 352px;
		}

		.navbar-collapse.collapse {
				display: inline-block !important;
		}

		.spemenu-nos-velos:hover, 
		.nav > li.active.spemenu-nos-velos,
		.nav > li.spemenu-nos-velos > span:hover, 
		.nav > li.spemenu-nos-velos > span:focus, 
		.nav > li.spemenu-nos-velos:hover > span,
		.nav > li.active,
		.nav > li > span:hover, 
		.nav > li > span:focus, 
		.nav > li:hover > span  {
				background: #000;
				-webkit-transition: all .2s;
				-o-transition: all .2s;
				transition: all .2s; 
		}

		.spemenu-distributeurs:hover {
				background: #fed500;
				-webkit-transition: all .2s;
				-o-transition: all .2s;
				transition: all .2s; 
		}

		.navbar-nav > li > span:hover > a {
				color: #fff;
		}

		.navbar-nav > li.spemenu-nos-actus > span:hover > a {
				color: #000;
		}

		.navbar-nav > li.spemenu-nos-actus > span:hover .caret {
				color: #000;
		}

		.nav > li.active.spemenu-univers-neomouv, 
		.nav > li.spemenu-univers-neomouv > span:hover, 
		.nav > li.spemenu-univers-neomouv > span:focus, 
		.nav > li.spemenu-univers-neomouv:hover > span,
		.nav > li.spemenu-univers-neomouv.open > span, 
		.nav > li.active.spemenu-universo-neomouv, 
		.nav > li.spemenu-universo-neomouv > span:hover, 
		.nav > li.spemenu-universo-neomouv > span:focus, 
		.nav > li.spemenu-universo-neomouv:hover > span,
		.nav > li.spemenu-universo-neomouv.open > span,
		.nav > li.active.spemenu-neomouv-universe, 
		.nav > li.spemenu-neomouv-universe > span:hover, 
		.nav > li.spemenu-neomouv-universe > span:focus, 
		.nav > li.spemenu-neomouv-universe:hover > span,
		.nav > li.spemenu-neomouv-universe.open > span,
		.nav > li.active.spemenu-descubra-neomouv, 
		.nav > li.spemenu-descubra-neomouv > span:hover, 
		.nav > li.sspemenu-descubra-neomouv > span:focus, 
		.nav > li.spemenu-descubra-neomouv:hover > span,
		.nav > li.spemenu-descubra-neomouv.open > span, 
		.nav > li.active.megamenu-appli , 
		.nav > li.megamenu-appli  > span:hover, 
		.nav > li.megamenu-appli  > span:focus, 
		.nav > li.megamenu-appli:hover > span,
		.nav > li.megamenu-appli.open > span
		 {
				background: #00989F;
		}

		.nav > li.active.spemenu-nos-conseils , 
		.nav > li.spemenu-nos-conseils  > span:hover, 
		.nav > li.spemenu-nos-conseils  > span:focus, 
		.nav > li.spemenu-nos-conseils:hover > span, 
		.nav > li.spemenu-nos-conseils.open  > span, 
		.nav > li.active.spemenu-distributeurs , 
		.nav > li.spemenu-distributeurs  > span:hover, 
		.nav > li.spemenu-distributeurs  > span:focus, 
		.nav > li.spemenu-distributeurs:hover > span, 
		.nav > li.spemenu-distributeurs.open  > span, 
		.nav > li.active.spemenu-distribuidores , 
		.nav > li.spemenu-distribuidores  > span:hover, 
		.nav > li.spemenu-distribuidores  > span:focus, 
		.nav > li.spemenu-distribuidores:hover > span, 
		.nav > li.spemenu-distribuidores.open  > span, 
		.nav > li.active.spemenu-revendedores , 
		.nav > li.spemenu-revendedores  > span:hover, 
		.nav > li.spemenu-revendedores  > span:focus, 
		.nav > li.spemenu-revendedores:hover > span, 
		.nav > li.spemenu-revendedores.open  > span, 
		.nav > li.active.spemenu-find-a-store , 
		.nav > li.spemenu-find-a-store  > span:hover, 
		.nav > li.spemenu-find-a-store  > span:focus, 
		.nav > li.spemenu-find-a-store:hover > span, 
		.nav > li.spemenu-find-a-store.open  > span, 
		.nav > li.active.megamenu-blog , 
		.nav > li.megamenu-blog  > span:hover, 
		.nav > li.megamenu-blog  > span:focus, 
		.nav > li.megamenu-blog:hover > span,
		.nav > li.megamenu-blog.open > span
		 {
				background: #FFD200;
		}

		.nav > li.active.spemenu-nos-actus , 
		.nav > li.spemenu-nos-actus  > span:hover, 
		.nav > li.spemenu-nos-actus  > span:focus, 
		.nav > li.spemenu-nos-actus:hover > span,
		.nav > li.spemenu-nos-actus.open > span,
		.nav > li.active.megamenu-offre-pro , 
		.nav > li.megamenu-offre-pro  > span:hover, 
		.nav > li.megamenu-offre-pro  > span:focus, 
		.nav > li.megamenu-offre-pro:hover > span,
		.nav > li.megamenu-offre-pro.open > span
		 {
				background: #FF4F00;
		}

		.call-to-action-col:hover .call-to-action-txt span:before {
				transform: translateX(115px);
		}

		.call-to-action-col:hover .call-to-action-txt span:after {
				 transform: translateX(0%);
		}


		.footer-above {
				max-width: 1200px;
				margin: auto;
		}
}

@media all and (max-width: 1250px) {
		.navbar-brand {
				padding: 10px 0 35px 10px !important;
		}

		.mainMenu {
		     height: 40px;
		}

		.blog-wrapper {
				 padding: 70px 60px 0 60px;
		}

		.container-3colonnes-image .col3.col3FirstChild {
				padding: 30px 10px 30px 0;
		}

		.container-3colonnes-image .col3.col3SecondChild {
				padding: 30px 5px 30px 5px;
		}

		.container-3colonnes-image .col3.col3LastChild {
				padding: 30px 0 30px 10px;
		}

		.col3FirstChild::before {
				top: 10px;
		 }
		 
		.col3SecondChild::before {
			bottom: -25px;
		}

		.col3LastChild::before {
		    right: 46px;
		    top: 5px;
		}

		.mainMenu {
				bottom: 5px;
				left: 6px;
		}

		.megamenu .nav.navbar-nav .cartMenu {
				right: 5px;
		}

		.nav > li > span {
				padding: 10px 8px;
		}

		.cartMenu a.dropdown-toggle, .cartMenu a#cart-sidebar-toggle {
		  padding-left: 10px;
		  padding-right: 0px;
		}

		.bloc-img-left-txt-right {
				grid-template-columns: repeat(auto-fill, minmax(390px, 1fr));
		 }

		 .col-3-container {
				grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
		}

		.row-footer {
				padding: 0 100px;
		}


		.container-gamme-col {
				grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
		}

		.full-container .rubrique-page,
		.full-container .product-page {
				padding: 0 30px;
		}

		.tailleRecommandee {
				margin-right: 0;
		}

		.container-3-photos {
		  height: 500px;
		 }

		.photoSingle2 {
		    left: 150px;
		  }

		  .photoSingle1 {
				height: 250px;
		  }

		  .photoSingle3 {
				height: 170px;
		  }

}
		
@media all and (max-width: 1200px) {
		.col-filtreSpeCouleur {
				padding: 30px 0 0 0;
		}
	}


@media all and (max-width: 991px) {
		.devenez-distributeur, 
		.devenez-loueur {
				flex-direction: column-reverse;
		}

		#popup::after {
				left: calc(330px - 100%);
		}

		.mainMenu {
		      bottom: -5px;
		 }

		 .megamenu .nav.navbar-nav .cartMenu {
				bottom: -9px;
		}

		h1.x2large, h2.parallaxSubtitle, h5.parallaxSubtitle {
				left: 70px;
				font-size: 25px;
				line-height: 25px;
		}

		.blog-wrapper {
				padding: 70px 60px 0 60px;
		}		

		.cartMenu .dropdown-menu {
				right: -1px;
		}

		.megamenu .nav.navbar-nav .cartMenu {
				right: 4px;
		}

		.cartRespons {
				width: auto;
		}

		.titreBatteries, .titreBatteries {
				text-align: left;
				 padding-left: 60px;
		}

		.tailleRecommandee {
				margin-right: 10px;
		}

		.container-gamme-col {
				grid-template-columns: repeat(auto-fill, minmax(161px, 1fr));
				gap: 1rem;
		}

		.call-to-action-txt span:after {
				display: none;
		}

		.gamme-item-img {
				height: 350px;
		}

		.bloc-img-left-txt-right {
				grid-template-columns: repeat(auto-fill, minmax(550px, 1fr));
		 }

		  .col-3-container {
				grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
		}

		 .bloc-txt-right {
				order: -1;
		 }

		 .bloc-txt-right-img {
				max-height: none;
		 }

		 .bloc-img-left {
				max-height: none;
		}

		.mainMenu {
				left: 6px;
		}

		.container {
				max-width: 100% !important;
		}

		.navbar .navbar-top {
				min-width: 435px;
				padding-right: 10px;
		}

		#language-switcher-header {
				padding-right: 0;
		}

		.row-footer {
				padding: 0px 60px;
		}

		.col-50 {
				padding: 0;
		}

		.call-to-action-inside {
		    display: block;
		  }

		  .col-50.call-to-action-left, 
		  .col-50.call-to-action-right {
		    flex: 50%;
		    max-width: 100%;
		    width: 100%;
		    margin: 20px 0;
		    padding: 0;
		  }
		
		  .call-to-action-right .call-to-action-txt span {
		    left: 0;
		    text-align: left;
		  }
		
		  .call-to-action-right .call-to-action-txt span::before {
		    margin: 0 10%;
		  }
		
		  .call-to-action-right .call-to-action-txt::before {
		    left: 0;
		  }
		
		  .call-to-action-right .call-to-action-txt::after {
		    left: 25%;
		    border-bottom: 225px solid #000;
		    border-left: none;
		    border-right: 50px solid transparent;
		  }

		  .titreCaracteristiques, .panel-default {
				padding: 28px 10px;
		   }

		   .filter-choice {
				padding: 0 15px 30px 15px;
			}

		  .rubrique-page .MnuNiv2-item {
				margin: 0 5px;
		  }

		  .filter-choice .cms-rangeSliderContainer {
				width: 35%;
		  }

		  .cms-rangeSliderInputContainer:first-child {
				font-size: 12px;
		  }

		  .cms-rangeSliderInputContainer:last-child {
				font-size: 12px;
		   }

		   .titreCaracteristiques {
				padding-bottom: 7px;
		    }

			.panel-default {
				padding-top: 7px;
		  }

		  .stuck2 .navbar-brand, .navbar-brand {
				padding: 10px 0 35px 10px !important;
		  }

		 .stuck2 .mainMenu {
				bottom: -5px;
		}

		  .userMenuDesktop li:nth-child(2) {
				max-width: 122px;
		  }

		.photoSingle3 {
		    width: 350px;
		    height: 250px;
		    bottom: 50px;
		  }
		
		  .photoSingle1 {
		    width: 300px;
		  }
		
		  .photoSingle2 {
		    left: 200px;
		    width: 400px;
		    z-index: 98;
		  }
		
		  .photoSingle2 img, 
		  .photoSingle3 img  {
		    object-position: left;
		  }
		
		  .photoSingle3 {
		    z-index: 95;
		    bottom: 30px;
		    right: 33px;
		  }

		  .timelineSingle:nth-child(2n+1):before {
		    top: 99px;
		  }

		  .timelineSingle:nth-child(2n)::before {
			 top: -60px;
		   }
		
		  .container-timeline:before {
		    top: 150px;
		  }
		
		  .timelineSingle:nth-child(2n) {
		    margin-top: 190px;
		  }
}

@media all and (max-width: 768px) {
		.menuInfoRightGarantie,
		.menuInfoRightPagePro 
		 {
				display: none;
		}

		.devenez-distributeur-col1 img,
		.devenez-loueur-col1 img {
				height: auto;
				width: 100%;
		}

		.cartFooter .btn {
				padding: 10px;
		}

		.userMenuDesktop .userMenu .libcourtCnxuser, .userMenuDesktop .userMenu {
				display: none;
		}

		.myAccountList li a i {
				font-size: 30px;
		}
		

		.main-container, .container.main-container.headerOffset { 
				padding-top: 90px;
		}

		.userMenuDesktop .userMenu .fa-user,
		.userMenuDesktop .userMenu .libcourtCnxuser,
		.userMenuDesktop .userMenu .caret {
				color: #000;
		}

		.userMenuDesktop .userMenu .dropdown a {
				padding: 0;
				display: flex;
				align-items: center;
				width: 100%;
				height: 40px;
				margin-top: 15px;
				padding-left: 18px;
		}

		.userMenuDesktop .userMenu .dropdown a .fa-user{
				padding: 0;
		}

		..userMenuDesktop .userMenu hasUserMenu > .dropdown-menu {
				  right: auto !important;
				  top: 288px !important;
		}

		.hasUserMenu.open > .dropdown-menu {
				display: block !important; 
				 right: auto !important;
				  top: 288px !important;
		}

		.mainMenu {
				height: auto;
				width: 100%;
				margin-top: 20px;
		}
		
		#mainMenu {
				width: 100%;
		}		

		.container-txt-gche {
				padding: 0;
		}

		.navbar-toggle {
		  z-index: 20;
		}

		.navbar-brand, .stuck2 .navbar-brand {
				padding: 28px 0 0px 15px !important;
		}

		.nav > li.active.spemenu-nos-velos, 
		.nav > li.spemenu-nos-velos > span:hover, 
		.nav > li.spemenu-nos-velos > span:focus, 
		.nav > li.spemenu-nos-velos:hover > span {
				background: #000;
		}

		.nav > li.active.spemenu-nos-velos a, 
		.nav > li.spemenu-nos-velos > span:hover a, 
		.nav > li.spemenu-nos-velos > span:focus a, 
		.nav > li.spemenu-nos-velos:hover > span a {
				color: #fff;
		}

		.nav > li.active, .nav > li > span:hover, .nav > li > span:focus, .nav > li:hover > span {
				background: #00989F;
		}

		.cartFooter .box-footer div {
				width: auto;
		}

		.cartFooter .box-footer .pull-right {
				text-align: right;
		}

		table.cartTable .CartProductThumb {
				height: 50px;
		 }

		.obligatoire, .cartFooter {
				padding: 5px 15px;
		}

		.order-box-content .address {
				padding: 0 15px;
		}


		details .tableau-taille {
		  width: 100%;
		}

		.container-2-colonnes-contenu-inside, 
		.container-2-colonnes-image {
				display: block;
		}

		.container-3colonnes-image,
		.container-2-colonnes-top {
			display: block;
		}

		.col-50:first-child, 
		.col-50:last-child {
				padding: 0;
				max-width: 100%;
		}

		.col-50:last-child {
				margin-top: 40px;
		}

		.container-txt {
				display: block;
				text-align: center;
		}

		.container-txt-dte-vert .container-txt-dte,
		.container-txt-dte-jaune .container-txt-dte,
		.container-txt-dte-orange .container-txt-dte {
				padding-top: 30px;
		}

		.container-txt-dte {
				padding: 0px;
		}

		.container-txt-img {
		  display: inline-block;
		  max-width: 290px;
		}

		.container-txt-dte-no-color .container-txt-dte {
				margin-top: 30px;
		}

		.container-2-colonnes {
				padding: 0px 15px;
		}

		.container-2-colonnes .col-50 {
				padding: 0;
		}

		.container-2-colonnes .col-50:first-child {
				padding-right: 20px;		
		}

		.container-2-colonnes .col-50:last-child {
				padding-left: 20px;		
		}

		.navbar-nav > li.open.spemenu-univers-neomouv > span > a, .navbar-nav > li.open.spemenu-nos-conseils > span > a, .navbar-nav > li.open.spemenu-nos-actus > span > a {
		  color: #000;
		}

		.megamenu .dropdown.megamenu-fullwidth.open .dropdown-menu {
		  background:#f2f2f2;
		 }

		 .megamenu .megamenu-content {
			padding-left: 15px;
		}

		a.sous-rubrique {
				font-size: 16px;
				padding-bottom: 0px;
				padding: 10px 0;
		}

		h1.x2large, h2.parallaxSubtitle, h5.parallaxSubtitle {
				left: 30px;
				max-width: calc(100% - 60px);
				flex-wrap: nowrap;
				display: inline-flex;
				font-size: 20px;
		}

		h1.x2large {
				left: 30px;
		}

		 h2.parallaxSubtitle, h5.parallaxSubtitle {
				bottom: -73px;
		}

		.blog-wrapper {
				padding: 70px 20px 0 20px;
		}

		.blog-wrapper .pnvMenuVeditor {
				margin-bottom: 40px;
		}

		.cartMenu {
				margin-top: 0;
		}

		.navbar {
				max-height: auto;
		}

		.titreTailles, .titreCouleurs, .titreBatteries {
				padding-left: 40px;
		}

		.thumbSetting .listeCouleurs.filtreCouleurs.filtresListePro .couleur {
				object-fit: contain;
				padding: 0;
		}


		.full-container .rubrique-page, .full-container .product-page {
				padding: 0 20px;
		}

		[type="checkbox"]:not(.cms-mini-ck, .orejime-AppItem-input):checked + label::after {
				display: none;
		}

		.col-filtreSpeStock, h1.titreCaracteristiques {
				display: none !important;
		}

		#icotype {
				display: none;
		}

		.product .image {
				padding: 0;
		 }

		 .rubrique-page .MnuNiv2-item {
				height: 32px;
		  }

		  .rubrique-page .MnuNiv2-img {
				  display: none;
				  height: 0px;
		  }

		.container-gamme-col {
				grid-template-columns: repeat(auto-fill, minmax(214px, 1fr));
				gap: 1rem;
		}

		.gamme-item-img {
				height: 450px;
		}

		.bloc-img-left-txt-right {
				grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
		 }

		 .col-3-container {
				grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
		}

		.userMenuMobile {
				margin: 0 -15px;
				padding-left: 10px;
		}

		.userMenuMobile .userMenu .hidden-xs,
		.userMenuMobile {
				display: block !important;
				visibility: visible !important;
		}

		.userMenuMobile .userMenu > li > a, 
		.userMenuMobile .userMenu > li > div.checkbox {
				color: #000;
		}

		.userMenuMobile .monCptProgi {
				width: 100%;
				display: flex;
				align-items: center;
				-webkit-align-items: center;
		}

		.userMenuMobile > li,
		.userMenuMobile .userMenu, 
		.userMenuMobile .userMenu li {
				width: 100%;
				display: inline-flex;
				height: 40px;
				align-items: center;
				-webkit-align-items: center;
				font-weight: bold;
		}

		.userMenuMobile > li {
				padding: 0 15px;
				border-bottom: 1px solid #fff;
				font-size: 12px;
		}

		.userMenuMobile > li:last-child {
				border-bottom: none;
				color: #000;
		}

		.userMenuMobile > li .fa  {
				margin-right: 8px;
				font-size: 16px;
		}

		#mainMenu.in {
				display: inline-table;
				padding-bottom: 50px;
				background: #f2f2f2;
		}

		.mainMenu {
				background: #f2f2f2;
		}

		.navbar .navbar-top {
				background: transparent;
				position: absolute;
				right: 0;
				z-index: 10;
		}

		#language-switcher-header #language-switcher ul {
				background: transparent;
		}

		.navbar-nav li {
				border-bottom: 1px solid #fff;
		}

		.menuInfoRight {
				width: 100%;
		}

		#language-switcher-header {
				position: absolute;
				right: 95px;
				margin-top: 7px;
		}


		.navbar-top::before {
				display: none;
		}

		.navbar.megamenu {
				-webkit-box-shadow: 0 0 7px 0 rgba(0,0,0,0);
				 -moz-box-shadow: 0 0 7px 0 rgba(0,0,0,0);
				box-shadow: 0 0 7px 0 rgba(0,0,0,0);
		}

		.navbar.stuck2 .navbar-top {
				margin-top: 0;
		}

		.navbar-header .navbar-toggle {
				background: none !important;
		}

		.navbar-toggle .icon-bar {
				border: solid 1px #000;
				height: 1px;
				-webkit-transition: all 0.5s 0s ease;
				-moz-transition: all 0.5s 0s ease;
				-o-transition: all 0.5s 0s ease;
				transition: all 0.5s 0s ease;
		}

		.fa-shopping-cart.colorWhite {
				color: #000 !important;
		}

		.qteProduitMob {
				background: none;
				color: #000;
				left: 10px;
				top: -8px;
				border-radius: 50%;
				line-height: 13px;
				font-size: 12px;
				width: 15px;
				height: 15px;
		}

		#language-switcher-header #language-switcher ul > li.current-lang a:hover {
				box-shadow: none;
		}

		.navbar-toggle {
				margin: 0 ;
				padding: 30px 20px 0 0;
		}

		 .navbar-toggle .icon-bar {
				width: 28px;
		}

		.navbar-collapse {
				padding-right: 40px;
				padding-left: 40px;
		}

		.NV_carrousel_background_title {
			text-align: left;
			padding-left: 90px;
		}

		.NV_carrousel_gammes_list {
			right: auto;
			top: auto;
			left: 90px;
			bottom: 52px;
		}

		.NV_carrousel_background_img {
			object-position: left;
		}

		#NV_carrousel {
				margin-top: 79px;
		}

		.container-full-width {
				height: 350px;
		}

		.container-full-width img {
		  width: 100%;
		  height: 100%;
		  object-fit: cover;
		  object-position: left;
		}

		.revendeurs-col-img {
		  padding: 0 30px;
		}

		.revendeurs-col-txt-title .paragraph {
				padding: 0;
		}

		.footer-above-col {
				padding: 40px;
		}

		.footer-bottom .footer-bottom-menu ul li {
				padding: 0 5px;
		}

		.footer-bottom .paymentMethodImg {
				display: none;
		}

		.row-footer.row-center {
				display: block;
		}

		.footer .left-list ul {
				column-count: 1;
		}

		.footer ul li a {
		  padding: 0;
		  display: inline-block;
		}

		.footer .link-footer, .userMenuFooter li, 
		.footer .footerListMiddle li {
				margin: 10px 0;
		}

		.footer .footerListMiddle {
				margin-top: 0px;
		}

		.footer .link-footer:last-child {
				margin-bottom: 0;
		}

		.userMenuFooter {
				margin-top: 0 !important;
		}

		.footer-bottom .icotype, 
		.footer-bottom .footer-bottom-menu, 
		.footer-bottom .paymentMethodImg {
				 flex: auto;
		}

		.container-filtre-option {
				top: 0;
				right: 0;
				padding: 30px;
		}

		.doubleboutons {
				margin-bottom: 0;
				margin-top: 0;
		}

		.col-filtreSpeCouleur {
				padding-top: 0;
		}

		.btn-filtre-option .btn {
				background: #F2F2F2;
				border-radius: 4px 0px 0px 4px;
		}

		.btn-filtre-option-min .btn {
				position: relative;
		}

		.btn-filtre-option-min .btn:after {
				  content: "X";
				  display: inline-block;
				  margin-left: 10px;
				  background: #fff;
				  padding: ;
				  width: 21px;
				  height: 21px;
				  line-height: 21px;
				  text-align: center;
				  right: 0;
				  position: absolute;
		}

		.rubrique-page .MnuNiv2-item {
				  width: calc(50% - 20px);
				  margin-bottom: 10px;
				  margin-top: 10px;
		}

		.rubrique-page .MnuNiv2-item:first-child,
		.rubrique-page .MnuNiv2-item:last-child {
				width: calc(25% - 10px);
		}

		.doubleboutons .lienBouton {
				margin: 5px 0;
				display: inline-block !important;
		}

		.titreCaracteristiques, .panel-default {
				padding: 28px 0 28px 10px;
		}

		h1.titreCaracteristiques {
		  font-size: 19px !important;
		  line-height: 24px;
		}

		.filter-choice {
				display: block;
				padding: 0 15px;
		 }

		 .filter-choice [class*="col-"] {
				margin: 10px 0;
		}

		.titreCaracteristiques, .panel-default {
				padding: 28px 0 0 10px;
		}

		 .filter-choice [class*="col-"] > label {
		 		width: 60px;
				text-align: right;
				margin-right: 15px;
		 }

		 .btn-filtre-option {
		 		margin-top: 10px;
		}

		.filtreCouleurs .couleur {
				margin: 0;
		}

		.rubrique-page .MnuNiv2-item {
				  width: calc(25% - 10px);
		}

		.doubleboutons .lienBouton .btn {
				padding: 4px;
		 }

		 .rubrique-page .MnuNiv2-img {
				  height: 100px;
				  padding: 5px 0 30px 0;
		}

		.rubrique-page .MnuNiv2-link {
				font-size: 12px;
		}

		.titreCaracteristiques {
		  padding: 10px 0 0 10px;
		}

		 .panel-default {
		  padding: 0 0 0 10px;
		}

		.btn-filtre-option-min .btn {
		  position: relative;
		  width: 100%;
		  padding: 5px;
		  text-align: left;
		  background: #f2f2f2;
		  border: none;
		  font-family: AvenirLTStd-Book;
		}

		.rubrique-page .panel-body {
		  padding: 0;
		}

		.ui-slider {
		  width: 105px;
		}

		.filtreCouleurs {
				padding: 0 5px;
		}

		.full-container .rubrique-page, 
		.full-container .product-page {
				padding-top: 70px !important;
		}

		#NV_carrousel {
				margin-bottom: 0;
		}
		
		.container-composant {
				margin: 30px auto;
		}

		.navbar-toggle.button-menu {
				margin-top: 24px;
		}

		.container-gamme {
				margin: 30px auto;
		}

		.call-to-action-txt span {
				padding: 5px 15px 5px;
		}

		.call-to-action-txt::before, 
		.call-to-action-txt::after {
				width: 30%;
		}

		.call-to-action-txt span {
				width: 50%;
		}

		#language-switcher-header {
				margin-top: 17px;
		}


		.filter-choice .filterBatteriesrow .form-check-inline {
				margin: 5px 0;
		}

		.titreCaracteristiques, .panel-default {
				margin-top: 10px;
		}

		.wraper-menu-filtre {
			padding: 10px;
		}

		.product .image img {
				object-fit: contain;
		}

		.product .image a {
				display: flex;
		}

		.productPage .zoomThumb span a img,
		.productPage .zoomThumb span a {
				height: auto !important;
		}

		#slider-product .miniature-block {
				height: auto;
		}
		
		.miniature-active {
				border: 2px solid black !important;
		}

		.responsiveCarrouselMiniatures .responsiveCarrouselMiniature {
				width: 20vw !important;
				margin: 5px !important;
		}

		.sliderControl {
				top: 42%;
		}

		.full-container .rubrique-page, .full-container .product-page {
				padding-top: 90px !important;
		}

		.sliderControl .fa-3x {
				font-size: 3em;
		}

		.row-couleur, #spe_caracImg {
				margin-bottom: 0px;
		}

		.photoSingle2 {
		    left: 140px;
		    height: 250px; 
		    width: 350px;
		  }
		
		  .photoSingle1 {
		    width: 300px;
		    height: 250px;
		  }
		
		  .photoSingle3 {
		    width: 300px;
		    height: 200px;
		  }
		
		  .photoSingle1::before {
		    height: 160px;
		  }

		  .headerOffset {
				padding-top: 72px;
		  }

		  .container-3-photos {
				height: 450px;
		  }

		  .container-timeline {
		    display: inline-block;
			margin-left: calc(50% - 13px) !important;
			margin-top: 0 !important;
		  }
		
		  .container-timeline::before {
		    height: 100%;
		    width: 4px;
		    top: 0px;
		  }
		
		  .timelineSingle {
		    margin: 30px 0;
		  }
		
		  .timelineSingle:nth-child(2n) {
		    margin-left: 60px;
		    margin-top: 30px;
		  }
		
		  .timelineSingle:nth-child(2n+1) {
		    margin-left: -180px;
		  }
		
		  .timelineSingle:before {
		    height: 2px;
		    width: 35px;
		  }
		
		  .timelineSingle:nth-child(2n):before {
		    left: -57px;
		    top: 15px;
		  }
		
		  .timelineSingle:nth-child(2n+1):before {
		    left: 145px;
		    top: 15px;
		  }
		
		  .timelineSingleEvent {
		    display: inline-block;
		    max-width: 150px;
		  }

		  .form-group {
				display: inline-block;
				margin: 10px 0 !important;
				height: auto !important;
		  }

		.form-group .control-label, .form-group > .col-sm-9 {
				width: 100%;
		}

		.cms-formAdrContainer h2 {
				padding: 0;
		}

		.cms-formAdrContainer {
				padding: 0 15px;
		}

		.order-box-content {
				padding: 0 0 15px 0;
		}

		.order-box-header {
				padding: 15px;
		}

		.cms-formAdrContainer [class*="col-"] {
				padding: 0;
		}



}

@media all and (max-width: 550px) {
		 .container {
				padding: 0;
		  }

		  .container.main-container {
				padding: 0;
		  }

		  .container-full-width-img.home-dektop {
				display: none;
		}

		.container-full-width-img.home-mobile {
				display: block;
		}

		.call-to-action-inside .col-50 img.home-mobile {
				display: block;
		}

		.call-to-action-inside .col-50 img.home-desktop {
				display: none;
		}

		  .container-2-colonnes {
				display: block;
		  }

		  .container-2-colonnes .col-50:first-child {
				padding-right: 0;
		  }

		  .container-2-colonnes .col-50:last-child {
				padding-left: 0;
		  }

		  .container-2-colonnes .exergue {
				margin: 30px 0;
				text-align: center;
		  }

		  #tab3 a.lienDocPage {
				margin-left: 48px;
		}

		  .orderStep {
				margin-top : 80px;
		  }
 
		  .orderStep img {
				width : 40px;
		  }

		  .title-big {
				font-size: 35px;
		  }

		  .innerPage {
				padding-top: 140px;
		}

		  #zoomContent {
				height: 225px;
				width: 100%;
		  }

		  #zoomContent a {
				height: 225px;
				width: 100%;
				display: inline-block;
		  }

		  #zoomContent a img.cms-grandeimage {
				width: 100%;
				object-fit: contain;;
		  }

		  .responsiveCarrouselMiniatures .responsiveCarrouselMiniature {
				width: 19vw !important;
		  }

		  .nextControl {
				right: -3px;
		  }

		  .prevControl {
				left: -3px;
		  }

		  .responsiveCarrouselMiniatures {
				margin-top: 0px;
		  }

		  .sliderControl {
				top: 10%;
		  }

		  .container-filtre-option {
				padding: 15px;
		}

		.call-to-action-txt span, 
		.call-to-action-right .call-to-action-txt span {
				width: 50%;
		}

		.rubrique-page .MnuNiv2-item {
		  width: calc(25% - 4px);
		}

		h1.titreCaracteristiques {
		  margin: 10px 0;
		}

		.filter-choice [class*="col-"] {
		  margin: 7px 0;
		  padding-right: 0;
		}

		.form-check-inline .form-check-label {
				display: flex;
				align-items: center;
				-webkit-align-items: center;
		}

		.form-check-inline .form-check-label span {
				line-height: 18px;
		}

		.filter-choice [type="checkbox"]:not(.cms-mini-ck, .orejime-AppItem-input) + label::before {
				top: auto;
		}

		.rubrique-page .MnuNiv2-item:first-child,
		.rubrique-page .MnuNiv2-item:last-child {
				width: calc(25% - 2px);
		}

		.rubrique-page .MnuNiv2-link {
		  font-size: 13px;
		  text-transform: capitalize;
		  line-height: 15px;
		}

		.rubrique-page .MnuNiv2-item {
		  margin: 0 2px;
		}

		.titreCaracteristiques, .panel-default {
		  padding: 0;
		}
		
		.titreCaracteristiques {
		  padding: 0 5px;
		}

		.filter-choice {
		  padding: 5px;
		}

  .container-composant {
		padding: 0;
  }

  .container-call-to-action {
		padding: 0 30px;
  }


  .col-3-container {
		padding: 0 30px;
  }

  .container-gamme {
		padding: 0 30px;
   }

   .container-gamme-col {
		  gap: 2rem;
	}

	.revendeurs-inside {
		 display: block;
	}

	.col-50 {
		width: 100%;
		max-width: 100%;
	}

  .bloc-txt-right-h2, .paragraph {
		padding: 0 30px;
  }

  .revendeurs-col-txt-paragraph.paragraph {
		padding: 0 15px;
  }

  .revendeurs-col-img {
		padding: 0 80px;
  }

	.revendeurs-col-txt {
		padding: 30px;
		text-align: center;
	}

  .bloc-txt-right-img {
		height: 145px;
  }

  .NV_carrousel_background_title {
    max-width: 320px;
  }

  .NV_carrousel_background_img {
    object-position: 0px;
  }

    .NV_carrousel_background_img.home-mobile {
			display : block;
	}

	.NV_carrousel_background_img.home-desktop {
		display : none;
	}

  .col-3-container .col-1 {
		text-align: center;
  }

  .col-3-container {
		grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  }

  .row-footer {
		padding: 0px 25px;
   }

   .row-footer.row-center {
		padding: 0 20px;
   }

	.footer-logo-img {
		padding: 0;
	}

	 .row-footer.row-center .col-xs-7 {
		padding-righ: 0;
	 }

	 .product .image {
		height: 290px;
	 }

	 .filter-choice [class*="col-"] > label {
		margin-right: 10px;
	}

	.filtreCouleurs {
		padding: 0 4px;
	}

		.photoSingle2 {
		    left: 10%;
		    max-width: 90%;
		  }
		
		  .container-3-photos {
		    height: 650px;
		  }
		
		  .photoSingle1 {
		    width: 300px;
		    height: 210px;
		    bottom: 190px;
		    max-width: 80%;
		  }
		
		  .photoSingle3 {
		    width: 230px;
		    height: 180px;
		    right: 5px;
		    min-width: 80%;
		  }

		  .timelineSingle:nth-child(2n+1) {
		    margin-left: -140px;
		  }
		
		  .timelineSingleEvent {
		    max-width: 140px;
		  }
		
		  .timelineSingle:nth-child(2n+1)::before {
		    left: 105px;
		  }

		

}

@media all and (max-width: 350px) {

		.social li {
		  margin: 0 3px 0 0;
		}

		.product .image {
				height: 235px;
		}

		.container-gamme {
		  padding: 0 20px;
		}

		.container-call-to-action {
		  padding: 0 20px;
		}

		.call-to-action-txt span, .call-to-action-txt::before, .call-to-action-txt::after {
		  width: 35%;
		}

}

/*******************************************************/
/***********                  REFONTE du SITE                 *************/
/*******************************************************/

.tableauCommande__criteresListItem .criteresListItemImg {
    margin-bottom: 5px;
	padding: 0;
	border-radius: 2px;
}

.tableauCommande__criteresListItem .criteresListItemImg label {
		margin-bottom:0;
}

.tableauCommande__criteresListItem img {
		width: 100%;
		object-fit: contain;
		box-shadow: none;
		-moz-box-shadow: none;
}

.tableauCommande__criteresListItem .cms-itemSelectImgCaractFichePro {
		border-bottom: none;
		box-shadow: 0 0 7px 0 rgba(0,0,0,0.6);
		-moz-box-shadow: 0 0 7px 0 rgba(0,0,0,0.6);
}

.product-page .zoom img {
	height: 100%;
	object-fit: contain;
}

.productPage .zoomThumb span  {
	height: 200px; 
	display: inline-block;
	margin: 10px;
	width: calc(50% - 10px);
}

.productPage .zoomThumb span:nth-child(2n+1)  {
	margin-left: 0;
}

.productPage .zoomThumb span:nth-child(2n)  {
	margin-right: 0;

}

.productPage .zoomThumb span  a {
	height: 200px; 
    object-fit: contain;
	width: 100%;
}

.productPage .zoomThumb span  a img {
	height: 100%; 
    object-fit: contain;
	width: 100%;
}

.produit-desc-short {
		font-weight: 600;
}

.desc-produit > br, .desc-produit > ul > br {
		display: none;
}


.desc-produit p > br {
		display: block;
}

.desc-produit h3 {
		font-weight: 600;
}

.desc-produit h4 {
		font-weight: 500;
		text-decoration: underline;
}

.desc-produit ul li::marker {
		background: #41b6dc;
}


.tableau-taille br {
		display: none;
}

.tableau-taille {
         width: 100%;
         text-align: center;
         border-radius: 100px;
         overflow: hidden;
         margin: 40px 0 0 0;
}

@media (max-width:576px) {
            
            .tableau-taille {
                margin: 40px 0;
            }
}

.tableau-taille-row-1, 
.tableau-taille-row-2, 
.tableau-taille-row-3 {
		vertical-align: center;
		display: flex;
		align-items: center;
		-webkit-align-items: center;
		height: 50px;
}

        @media all and (max-width: 992px) {
             .tableau-taille {
                border-radius: 50px;
             }

            .tableau-taille-row-1, 
            .tableau-taille-row-2, 
            .tableau-taille-row-3 {
                height: 100px;
            }
        }

        .tableau-taille-row-1 {
            background: #b1c5c8;
            color: #000;
            font-weight: bold;
        }

        .tableau-taille-row-2 {
            background: #788990;
            color: #fff;
        }

        .tableau-taille-row-3 {
            background: #61747b;
            color: #fff;
        }

        .colonne-1, 
        .colonne-2,
        .colonne-3 {
            flex: 1;
            padding: 0 20px;
        }

        .colonne-1 {
            text-align: right;
        }

        .row-taille {
            height: 80px;
            display: flex;
            align-items: center;
			-webkit-align-items: center;
            border: 1px solid #b1c5c8;
            border-radius: 100px;
            width: 350px;
            margin: 10px 0; 
        }

        .row-taille-1,
        .row-taille-2,
        .row-taille-3
        {
            flex: 1;
            padding: 0 20px;
        }

        .row-taille-1 {
            text-align: right;
        }

        .row-taille-2 span,
        .row-taille-3 span{
            padding: 10px;
            background: #b1c5c8;
            border-radius: 3px;
        }

/* Orejime PNV*/
.orejime-Button--info.orejime-Button--info
{
		cursor: pointer;
}
.orejime-Button.orejime-Button--save{
background: none repeat scroll 0 0 #000;
    border: 2px solid #000;
    font-family: 'Avenir', sans-serif !important;
	cursor: pointer;
}
.orejime-Button.orejime-Button--save:hover, li.orejime-Notice-actionItem.orejime-Notice-actionItem--decline button:hover{
  background: #fff;
  color: #000;
  border: solid 2px #000;
}
li.orejime-Notice-actionItem.orejime-Notice-actionItem--decline {
    display: inline !important;
	
}
li.orejime-Notice-actionItem.orejime-Notice-actionItem--decline button
{
		cursor: pointer;
}
.orejime-Notice orejime-Notice--mandatory
{
		font-family: AvenirLTStd-Book, "Open Sans", sans-serif;
font-size :14px;
font-weight :400;
    color: #000;
}
.orejime-Notice-learnMoreButton
{
		    color: #000;
}
@media (min-width: 1024px)
{
.orejime-Notice {
   
	bottom: 35%;
		}
}
.robot [class^=orejime-]
{
		display:none;
}

.blocChoixAffRevendeurs
{
    margin-bottom: 6px;
	}
.content-list-address li span
{
    align-self: center;

}
.item-agence .ct-blocName .ct-selection
{
    display: inline-flex;
    flex-direction: row;
    width: 100%;
    justify-content: flex-end;
    align-items: center;
    margin-right: 29px;
    margin-top: -15px;
}

.page-revendeur .well {
		margin-top: 30px;