/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */


body {
    font: 300 22px lato;
    color: #000
}

a, a::before, a::after, button, button::before, button::after, input[type="button"], input[type="submit"] {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

a,
a:focus,
a:hover {
  color: #000
}

.btn-primary,
.bootstrap-touchspin .group-span-filestyle .btn-touchspin, 
.group-span-filestyle .bootstrap-touchspin .btn-touchspin, 
.group-span-filestyle .btn-default,
.btn-primary.disabled, .btn-primary:disabled {
  background-color: #db0038;
  border-color: #db0038;
}

.btn-primary.focus, .btn-primary:focus, .btn-primary:hover,.btn-primary.disabled.focus, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary:disabled.focus, .btn-primary:disabled:focus, .btn-primary:disabled:hover {
  color: #db0038;
  background-color: #fff;
}

.container {
  width: 100%;
  max-width: 1920px;
}


.carousel-control .icon-next, .carousel-control .icon-prev {
  margin-top: -15px;
  font-size: 30px;
  color: #fff;
  border: solid 2px #fff;
  border-radius: 30px;
  margin-left: 3px !important;
  display: flex;
  align-items: center;
  justify-content: center;
}

.carousel .carousel-control .icon-next i, .carousel .carousel-control .icon-prev i {color: #fff !important;}

.all-product-link:hover{color: #db0038 !important;}

img {
    max-width: 100% !important;
    height: auto !important;
}

#header .header-top {padding-bottom: 0;}

#header .header-nav {margin-bottom: 0 !important;}

.header-top .row{
  display: flex;
  align-items: center;
}

#wrapper {  
  box-shadow: none;
  background-color: #fff;
}

#index #wrapper .container{  
  padding: 0 !important;   
}

#index #wrapper {
  padding-top: 0;
}

.block-category {
    min-height: unset;
    border: none;
    box-shadow: none;
}

#header .header-nav {
  border-bottom: 2px solid #db0038 !important;
  background: #db0038;
}

.search-widget form button[type="submit"] {
  bottom: 10px !important;
  color: #4f5974 !important;
}

.mm_menu_content_title i{display: none;}

#header .header-nav .blockcart {background: #db0038 !important;}

#header{
  color: #fff !important;
  font-weight: 500;
  font-family: Inter;
  font-size: 18px !important;
}

#search_widget input{
  font-family: Inter !important;
  font-style: italic !important;
}

#search_widget {font-size: 18px !important;}

.search-widget form input::placeholder, textarea::placeholder {
  color: #231f20;
}

#header .header-nav .search-widget {margin-top: 7px !important;}

.search-widget form input[type="text"]:focus {
  outline: none !important;
  color: #232323 !important;
}

.coordonnee-footer, .tel-footer a{
  font-family: Inter;
  color: #212832;
  font-weight: 400;
}

.coordonnee-footer{margin-bottom: 20px;}

.nous-ecrire{
  background: #db0038;
  color: #fff;
  font-family: Inter;
  border: solid #db0038;
  display: flex;
  align-items: center;
}

.nous-ecrire:hover{
  background: #162447;
  color: #fff;
   border: solid #162447;
}

.search-widget form input[type="text"] {
  padding: 6px !important;
  color: #231f20 !important;
  border: 1px solid #db0038 !important;
  border-radius: 9px;
}

.mypresta_scrollup {
  background: url(".././img/top.svg") no-repeat scroll 0% 0% !important;
  width: 3.906vw !important;
  height: 3.906vw !important;
  background-size: contain !important;
  opacity: 1 !important;
}


.ets_mm_megamenu_content_content li a {
  color: #212832 !important;
  font-weight: 500;
  font-family: Inter !important;
  text-transform: inherit !important;
}

.row {
  margin-right: 15px !important;
  margin-left: 15px !important;
}

.footer-container {
  margin-top: 0 !important;
  padding-top: 0 !important;
  box-shadow: none !important;
}

.partie-newsletter{background: #162447;}

.inscrire-titre{
  font-family: Inter;
  font-weight: 600;
  color: #fff;
}


.email_subscription .bouton-ok{
  padding: 8px 8px;
  text-transform: uppercase;
  border-radius: 0;
  background: #db0038;
  border: #db0038;
  color: #fff;
  font-family: Inter;
  font-weight: 400;
}

.email_subscription .bouton-ok:hover{
  background: #fff;
  border: #fff;
  color: #db0038;
}


.partie-contacter{background: #db0038;}


.footer-container .container{padding: 2.604vw 0;}

#_desktop_contact_link a, .user-info a {color: #fff !important;}

#header .header-nav .cart-preview .shopping-cart {color: #fff !important;}

.block-contact .block-contact-title, .linklist .blockcms-title a {
  color: #212832;
  font-family: Inter;
  font-weight: 500;
}

.parallaxe-img{
  background: url('.././img/Parallaxe_grand.jpg') no-repeat fixed center center;
}

.colonne1-freinage{
  background: url('.././img/photo encart1.jpg') no-repeat center center;
  border-radius: 6px;
  background-size: contain;
}

.colone1-echappement {
  background: url('.././img/photo encart2.jpg') no-repeat center center;
  border-radius: 6px;
  background-size: contain;
}

.colone2-pneu{
  background: url('.././img/photo encart3.jpg') no-repeat center center;
  border-radius: 6px;
  background-size: contain;
}


.electricite{
  background: url('.././img/photo encart8.jpg') no-repeat center center;
  border-radius: 6px;
  background-size: contain;
  display: flex!important;
  align-items: center;
}

.liaison-sol{
  background: url('.././img/photo encart5.jpg') no-repeat center center;
  border-radius: 6px;
  background-size: contain;
  display: flex!important;
  align-items: center;
}

.transmission{
  background: url('.././img/photo encart6.jpg') no-repeat center center;
  border-radius: 6px;
  background-size: contain;
  display: flex!important;
  align-items: center;
}

.Piece-moteur{
  background: url('.././img/photo encart7.jpg') no-repeat center center;
  border-radius: 6px;
  background-size: contain;
  display: flex!important;
  align-items: center;
}

.cable{
  background: url('.././img/photo encart4.jpg') no-repeat center center;
  border-radius: 6px;
  background-size: contain;
  display: flex!important;
  align-items: center;
}

.carrosserie{
  background: url('.././img/photo encart9.jpg') no-repeat center center;
  border-radius: 6px;
  background-size: contain;
  display: flex!important;
  align-items: center;
}

.freinage{
  display: flex;
  justify-content: center;
}

.freinage .row, .liens-categories1 .row, .liens-categories2 .row{margin: 0 !important;}

.messagerie, .consulter, .texte-newsletter{
  color: #fff;
  font-family: Inter;
} 

.btn-ok{
  border: solid 2px #fff;
  color: #fff;
  background: transparent;
  font-family: Inter;
}

.btn-ok:hover{
  border: solid 2px #fff;
  color: #162447;
  background: #fff;
}

.produit-fare .titre-prod{
  font-family: Inter;
  font-weight: 600;
}

.messagerie, .texte-newsletter{font-weight: 300;} 

.consulter{font-weight: 500;} 

.email_subscription input::placeholder, .email_subscription textarea::placeholder {
  color: #7a7a7a;
  font-family: Inter !important;
  font-style: Italic !important;
  font-weight: 400;
}

.email_subscription input, .email_subscription textarea{
  color: #000;
  font-family: Inter !important;
  font-weight: 400;
}

.email_subscription input{padding: 7px;}

.text-rapide, .text-paiement, .text-paiement{
  font-family: Inter;
  font-weight: 600;
}

.titre-freinage, .titre-pneu, .titre-echappement, .txt-electricite,.txt-liaison-sol, .txt-transmission{
  font-family: Inter;
  font-weight: 600;
  color: #212832;
}


.btn-contact a{
  background: #fff;
  border:  solid 2px #fff;
  border-radius: 7px;
  color: #242b35;
  font-family: Inter;
  font-weight: 500;
}


.btn-contact a:hover{
  background: #212832;
  border:  solid 2px #212832;
  color: #fff;
}

.partie-contacter .contact{
  display: flex;
  justify-content: flex-end;
  font-family: Inter;
  font-weight: 600;
  color: #fff;
}


h1, .h1, .products-section-title{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  font-family: Inter;
  font-weight: 600;
  color: #212832;
  text-transform: initial !important;
}

h1::after, .h1::after, .products-section-title::after{
    content: "";
    display: flex;
    margin: 10px auto 25px;
    width: 100px;
    height: 5px;
    background: #212832;
}

#custom-text {text-align: left;}

.carousel {
  box-shadow: none;
  margin-bottom: 0;
}

.carousel .carousel-inner {
  height: auto;
  margin-bottom: 0
}

.carousel figure {
  margin-bottom: 0
}

#carousel figcaption.caption {display: none}

.carousel .carousel-control .icon-next:hover i, .carousel .carousel-control .icon-prev:hover i {
  color: red;
}


#products .thumbnail-container .product-thumbnail img, .featured-products .thumbnail-container .product-thumbnail img, .product-accessories .thumbnail-container .product-thumbnail img, .product-miniature .thumbnail-container .product-thumbnail img{
  position: initial; /*box-shadow: 2px 2px 8px 0 rgb(0 0 0 / 20%);*/
 
}

#products .product-description,
.featured-products .product-description,
.product-accessories .product-description,
.product-miniature .product-description {
  width: 100%;
  max-width: 334px;
  height: auto;
  position: initial;
  background-color: transparent;
  margin-bottom: 8px;
  padding: 0px;
  text-align: left;
 
}



#products .thumbnail-container:focus .product-description:after,
#products .thumbnail-container:hover .product-description:after,
.featured-products .thumbnail-container:focus .product-description:after,
.featured-products .thumbnail-container:hover .product-description:after,
.product-accessories .thumbnail-container:focus .product-description:after,
.product-accessories .thumbnail-container:hover .product-description:after,
.product-miniature .thumbnail-container:focus .product-description:after,
.product-miniature .thumbnail-container:hover .product-description:after {
  border-top: none
}

#products .product-miniature,
.featured-products .product-miniature,
.product-accessories .product-miniature,
.product-miniature .product-miniature {
  margin: 40px 15px 1.5rem;
  text-align: left;
  max-width: max-content;
  /*width: 100%;*/
  border: solid 1px;
  border-radius: 8px;
  padding: 0 15px;
}

#product-description-short {
    color: #000;
    font: 300 22px Lato;
}
#product-description-short p{
  color: #000;
  font-size: 14px;
  line-height: initial;   
  margin-bottom: .25rem;
}

#products #product-description-short::before,
.featured-products #product-description-short::before,
.product-accessories #product-description-short::before,
.product-miniature #product-description-short::before {
  content: "";
  display: block;
  width: 54px;
  height: 3px;
  margin: 12px 0;
  background-color: red
}  

#products .thumbnail-container,
.featured-products .thumbnail-container,
.product-accessories .thumbnail-container,
.product-miniature .thumbnail-container {
  max-width:334px;
  width: 100%;
  height: auto;
  text-align: left;
  background: transparent;
  box-shadow: none;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.btn-ajout{
  background: #db0038;
  padding: 8px 0;
  color: #fff;
  font-family: Inter;
  font-weight: 400;
  font-size: 20px;
  border-radius: 10px;
  width: 80%
}

.btn-ajout:hover{
  color: #fff !important;
  background: #212832;
}

#products .product-title,
.featured-products .product-title,
.product-accessories .product-title,
.product-miniature .product-title {
  font-family: Inter;
  font-weight: 500;
  text-transform: initial !important;
  font-size: 26px;
  color: #212832;
  text-align: center;
  line-height: initial;
  margin-bottom: 0;
}

#products .product-title a,
.featured-products .product-title a,
.product-accessories .product-title a,
.product-miniature .product-title a {
  font: 500 26.69px Inter;
  color: #212832;  
}

#products .product-price-and-shipping, .featured-products .product-price-and-shipping, .product-accessories .product-price-and-shipping, .product-miniature .product-price-and-shipping{
  font-family: Inter;
  font-weight: 500;
  font-size: 26px;
  color: #212832;
  text-align: center; 
  margin-bottom: 1rem;
  padding: 20px 0 0;
}


#products .highlighted-informations, 
.featured-products .highlighted-informations, 
.product-accessories .highlighted-informations, 
.product-miniature .highlighted-informations {
  width: 100%;
  max-width: 334px;
  bottom: auto;
  top: 120%;
  background: none;
  padding-top: 0;
}

#products .thumbnail-container:focus .highlighted-informations.no-variants, #products .thumbnail-container:hover .highlighted-informations.no-variants, .featured-products .thumbnail-container:focus .highlighted-informations.no-variants, .featured-products .thumbnail-container:hover .highlighted-informations.no-variants, .product-accessories .thumbnail-container:focus .highlighted-informations.no-variants, .product-accessories .thumbnail-container:hover .highlighted-informations.no-variants, .product-miniature .thumbnail-container:focus .highlighted-informations.no-variants, .product-miniature .thumbnail-container:hover .highlighted-informations.no-variants {
  bottom: auto;
  top: 0;
}


#products .all-product-link, 
.featured-products .all-product-link, 
.product-accessories .all-product-link, 
.product-miniature .all-product-link {color: #000000; margin-bottom: 72px;}

#products .all-product-link span, 
.featured-products .all-product-link span, 
.product-accessories .all-product-link span, 
.product-miniature .all-product-link span {
  padding: 16px 3.106vw;
  background-color:transparent;
  text-transform: uppercase;
  font-weight: 400;
  letter-spacing: 0.01rem;
  border: 1px solid #1b4e79;
  border-radius: 35px;
  color: #1b4e79;
}


#products .all-product-link:hover, .featured-products .all-product-link:hover, .product-accessories .all-product-link:hover, .product-miniature .all-product-link:hover {color: #fff;}
#products .all-product-link:hover span, .featured-products .all-product-link:hover span, .product-accessories .all-product-link:hover span, .product-miniature .all-product-link:hover span {background-color: #1b4e79;color: #fff;}


.product-flags li.product-flag.discount, 
.product-flags li.product-flag.discount-amount, 
.product-flags li.product-flag.discount-percentage {
  background-color: #000;
}

.product-flags {
  z-index: 3;
}

.product-flags li.product-flag {
  background: red;
}


#block_myaccount_infos .myaccount-title a,
.footer-container .links .h3,
.footer-container .h3,
.links p.h3 {
  text-transform: uppercase !important;
  color: #212832;
  font-family: Inter;
  font-weight: 500;  
}

.footer-container li a {
  font-family: Inter;
  color: #212832;
  font-weight: 400;
}

.btn-freinage, .btn-pneu, .btn-Echappement{
 /* border: solid 1px #212832;*/
  background: transparent;
  border-radius: 6px;
  color: #212832;
  font-family: Inter;
  font-weight: 400;
  text-align: center;
  border-top: solid 1px #db0038;
  border-left: solid 1px #e1466e;
  border-right: solid 1px #de2a58;
  border-bottom: solid 1px #df305c;
}

.btn-freinage:hover, .btn-pneu:hover, .btn-Echappement:hover{
  border: solid 1px #db0038;
  background: #db0038;
  color: #fff;
}

.footer-container li a:hover {
  color:red;
}


p#incomm {
  background: #db0038;
  padding-top: 1rem;
  padding-bottom: 1rem;
  margin-bottom: 0;
  color: white;
}

@media (max-width: 767px) {

.header-nav .container{
    display: flex;
    justify-content: center;
}

.carousel-control .icon-next, .carousel-control .icon-prev {
  width: 30px !important;
  height: 30px !important;
}

.carousel .carousel-control .icon-next i, .carousel .carousel-control .icon-prev i {font-size: 20px !important;}

#products .products, .featured-products .products, .product-accessories .products, .product-miniature .products {
  display: flex;
  justify-content: center !important;
}

h1, .h1, .products-section-title{font-size: 25px;}

.coordonnee-footer{margin-top: 20px;}

.notre-societe{margin-left: -30px;}

.email_subscription form{
  display: flex;
  flex-direction: column;
  width: 100%;
}

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

.btn-tel{margin: 20px 0;}

.btn-contact{flex-direction: column;}

.colonne1-freinage, .colone1-echappement, .colone2-pneu{
  padding-left: 30px;
  padding-bottom: 20px;
}

.txt-electricite,.txt-liaison-sol, .txt-transmission{
  font-size: 20px;
  margin-left: 20px;
}

.colonne2-freinage{padding: 0;}


.colone1-echappement, .colone2-pneu{
  width: 260px;
  height: 140px;
}

.btn-freinage, .btn-pneu, .btn-Echappement{
  padding: 10px 0;
  width: 55%;
  font-size: 14px;
  margin-top: 15px;
}

.electricite, .liaison-sol, .transmission, .Piece-moteur, .cable, .carrosserie{
  width: 280px !important;
  height: 100px !important;
}

.liens-categories1 .row, .liens-categories2 .row{
  display: flex;
  justify-content: center;
}

.liaison-sol, .cable{margin: 20px 0;}

.titre-freinage, .titre-pneu, .titre-echappement{font-size: 20px;}

.freinage{margin-top: 30px;}

.email_subscription input, .email_subscription textarea{font-size: 22px !important;}

.email_subscription input::placeholder, .email_subscription textarea::placeholder {font-size: 16px !important;}

.colone2-pneu{margin-top: -10px;}

.btn-ok{
  padding: 5px;
  font-size: 18px;
}

.colonne1-freinage{
  width: 318px;
  height: 240px;
}

.freinage .row{width: 80%;}


.produit-fare .img-prod{margin-top: 30px;}

.produit-fare{padding: 40px 0;}

.parallaxe-img{height: 300px;}

.partie-contacter .contact{font-size: 30px;}

.btn-contact a{
  padding: 8px 20px;
  font-size: 20px;
}

.text-rapide, .text-paiement, .text-paiement{
  font-size: 20px;
  margin-top: 30px;
}

.partie-contacter{padding: 40px 0;}

.partie-moyens-livraison{padding: 60px 0;}

.coordonnee-footer, .tel-footer a, .footer-container li a {font-size: 18px}

.partie-newsletter{padding: 30px 0;}

.ets_mm_megamenu_content_content li a {font-size: 20px !important;}

.nous-ecrire{font-size: 18px !important;}

.inscrire-titre{
  font-size: 25px;
  line-height: 35px;
}

.messagerie, .consulter{margin-bottom: 15px;}

.messagerie, .consulter, .texte-newsletter{
  font-size: 17px;
  line-height: 22px;
} 

.liens-categories1, .liens-categories2{margin-top: 20px;}

.block-contact .block-contact-title, .linklist .blockcms-title a,
#block_myaccount_infos .myaccount-title a,
.footer-container .links .h3,
.footer-container .h3,
.links p.h3 {
  font-size: 20px;
  margin-bottom: 20px;
}

.nous-ecrire{
  padding: 10px 35px;
  margin-top: 45px;
}

.produit-fare .titre-prod{font-size: 25px;}

.texte-newsletter{margin-bottom: 30px;}






}



@media (min-width: 768px) {

 #header .header-nav .search-widget{
    display: flex;
    align-items: center
    margin-top: 7px !important;
  }

#header .header-nav .user-info {margin-top: 8px !important;}

#header .header-nav .blockcart {padding: 6px !important;}

#header .header-nav .search-widget {margin-right: 20px!important;}

.mm_menus_ul,.scroll_heading .mm_menus_ul{
    display: flex !important;
    justify-content: center;
    align-items: center;
 }

 .search_widget{font-size: 16px !important;}

 .layout_layout1:not(.ybc_vertical_menu) .mm_menus_li > a::before, 
 .layout_layout1.ybc_vertical_menu:hover .ybc-menu-vertical-button::before,
  .layout_layout1:hover .ybc-menu-vertical-button .ybc-menu-button-toggle_icon_default .icon-bar, 
  .ybc-menu-vertical-button.layout_layout1:hover {background-color: transparent !important;}

.layout_layout1 .mm_menus_li:nth-child(2) {border-left: 1px solid transparent !important;}

.layout_layout1 .mm_menus_li, .layout_layout1 .mm_menus_li:last-child {border-right: 1px solid transparent;}

.layout_layout1 .ets_mm_megamenu_content {background: transparent !important;}

.layout_layout1 .ets_mm_megamenu_content {
  border-bottom: 1px solid transparent !important;
  border-top: 1px solid transparent !important;
}


}



@media (min-width: 768px) and (max-width: 991px) {

.header-nav .container{
    display: flex;
    justify-content: center;
}

.carousel .carousel-control .icon-next i, .carousel .carousel-control .icon-prev i {font-size: 25px !important;}

.carousel-control .icon-next, .carousel-control .icon-prev {
  width: 50px !important;
  height: 50px !important;
}

#products .products, .featured-products .products, .product-accessories .products, .product-miniature .products {
  display: flex;
  justify-content: center !important;
}

h1, .h1, .products-section-title{font-size: 40px;}

.partie-contacter .contact, .btn-contact{justify-content: center;}

.contact{margin-bottom: 50px;}

.btn-tel {margin-right: 30px;}

.changestatus.transition_floating .mm_menus_ul.active {flex-direction: column;}

.freinage{margin-top: 30px;}

.colonne1-freinage{
  width: 624px;
  height: 585px;
}

.colone1-echappement, .colone2-pneu{
  width: 700px;
  height: 267px;
}

.txt-electricite,.txt-liaison-sol, .txt-transmission{
  font-size: 30px;
   margin-left: 30px;
}

.electricite, .liaison-sol, .transmission, .Piece-moteur, .cable, .carrosserie{
  width: 403px !important;
  height: 130px !important;
}

.electricite, .Piece-moteur{margin-bottom: 20px;}

.btn-freinage, .btn-pneu, .btn-Echappement{
  padding: 14px 0;
  width: 40%;
  font-size: 20px;
  margin-top: 20px;
}

#_desktop_logo, .menu-header{text-align: center;}

.logo-footer{margin-bottom: 40px;}

.colonne1-freinage, .colone1-echappement, .colone2-pneu{
  padding-left: 30px;
  padding-bottom: 20px;
}

.email_subscription{margin: 40px 0;}

.titre-freinage, .titre-pneu, .titre-echappement{font-size: 40px;}

.colone2-pneu, .colone1-echappement{margin-top: 10px;}

.freinage .row{width: 80%;}

.produit-fare .img-prod{margin-top: 30px;}

.produit-fare .titre-prod{font-size: 45px;}

.email_subscription input, .email_subscription textarea{font-size: 22px !important;}

.partie-contacter .contact{font-size: 45px;}

.email_subscription input::placeholder, .email_subscription textarea::placeholder {font-size: 16px !important;}

.btn-contact a{
  padding: 10px 28px;
  font-size: 30px;
}

.produit-fare{padding: 40px 0;}

.inscrire-titre{
  font-size: 40px;
  line-height: 50px;
}

.liens-categories1, .liens-categories2{margin-top: 25px;}


.parallaxe-img{height: 400px;}

.text-rapide, .text-paiement, .text-paiement{
  font-size: 30px;
  margin-top: 60px;
}

.messagerie, .consulter, .texte-newsletter{
  font-size: 20px;
  line-height: 25px;
} 

.partie-contacter{  padding: 40px 0;}

.btn-ok{
  padding: 6px;
  font-size: 26px;
}

.messagerie, .consulter{margin-bottom: 15px;}

.nous-ecrire{
  padding: 10px 60px;
  margin-top: 45px;
}

.partie-moyens-livraison{padding: 60px 0;}

.partie-newsletter{padding: 30px 0;}

.coordonnee-footer, .tel-footer a, .footer-container li a {font-size: 18px}

#header {font-size: 18px !important;}

.ets_mm_megamenu_content_content li a {font-size: 20px !important;}

#search_widget{font-size: 16px !important;}

.nous-ecrire{font-size: 18px !important;}

.block-contact .block-contact-title, .linklist .blockcms-title a,
#block_myaccount_infos .myaccount-title a,
.footer-container .links .h3,
.footer-container .h3,
.links p.h3{
  font-size: 25px;
  margin-bottom: 40px;
}


.texte-newsletter{margin-bottom: 40px;}




}




@media (min-width: 992px) {

.carousel-control .icon-next, .carousel-control .icon-prev {
  width: 3.125vw !important;
  height: 3.125vw !important;
}

.carousel .carousel-control .icon-next i, .carousel .carousel-control .icon-prev i {font-size: 1.823vw !important;}

h1, .h1, .products-section-title{font-size: 2.396vw;}

.liens-categories1, .liens-categories2{margin-top: 1.563vw;}

.txt-electricite,.txt-liaison-sol, .txt-transmission{
  font-size: 1.563vw;
  margin-left: 2.083vw;
}

.featured-products .products{
  width: 80%;
  display: flex;
  justify-content: center;
}

.electricite, .liaison-sol, .transmission, .Piece-moteur, .cable, .carrosserie{
  width: 20.990vw !important;
  height: 7.604vw !important;
}

.inscrire-titre{
  font-size: 2.083vw;
  line-height: 2.5vw;
}

.featured-products{
  margin-top: 3.646vw;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.colonne1-freinage, .colone1-echappement, .colone2-pneu{
  padding-left: 2.604vw;
  padding-bottom: 1.823vw;
}

.titre-freinage, .titre-pneu, .titre-echappement{font-size: 2.083vw;}

.produit-fare .img-prod{margin-top: 2.083vw;}

.produit-fare{padding: 3.125vw 0;}

.email_subscription input, .email_subscription textarea{font-size: 1.146vw !important;}

.btn-tel{margin-right: 2.083vw;}

.messagerie, .consulter, .texte-newsletter{
  font-size: 1.042vw;
  line-height: 1.302vw;
} 

.produit-fare .titre-prod{font-size: 2.396vw;}

.btn-contact a{
  padding: 0.521vw 1.458vw;
  font-size: 1.563vw;
}

.colonne1-freinage{
  width: 32.500vw;
  height: 30.469vw;
}

.colone1-echappement, .colone2-pneu{
  width: 32.552vw;
  height: 14.427vw;
}

.btn-ok{
  padding: 0.313vw;
  font-size: 1.354vw;
}

.email_subscription input::placeholder, .email_subscription textarea::placeholder {font-size: 0.83vw !important;}

.partie-contacter .txt-contact{margin-right: 4.646vw;}

.text-rapide, .text-paiement, .text-paiement{
  font-size: 1.563vw;
  margin-top: 3.125vw;
}

.rapide, .paiement{border-right: solid 2px #979a9f;}

.partie-moyens-livraison{padding: 3.688vw 0;}

.partie-contacter{  padding: 3.385vw 0;}

.coordonnee-footer img{
  width: 0.833vw !important;
  height: 1.250vw !important;
}

.rapide img{
  width: 6.094vw !important;
  height: 2.813vw !important;
}

.paiement .img1-cone img{
  width: 5.104vw !important;
  height: 4.479vw !important;
}

.paiement .img2-cone img{
  width: 7.708vw !important;
  height: 1.146vw !important;
}

.offert img{
  width: 4.219vw !important;
  height: 4.479vw !important;
}

.btn-tel img{
  width: 1.563vw !important;
  height: 1.563vw !important;
}

.btn-nous-ecrire img{
  width: 1.510vw !important;
  height: 1.146vw !important;
}

.freinage{margin-top: 2.083vw;}

.freinage .row, .liens-categories1 .row, .liens-categories2 .row{width: 67%;}

.tel-footer img{
  width: 0.729vw !important;
  height: 1.250vw !important;
}

.partie-newsletter{padding: 2.2vw 0;}

.messagerie, .consulter{margin-bottom: 0.781vw;}

.footer-container li {
  margin-bottom: 0 !important;
  line-height: 1.563vw;
}

.map-container iframe{height: 23.438vw !important;}

#_desktop_logo{
  display: flex;
  justify-content: flex-end;
}

.coordonnee-footer, .tel-footer a, .footer-container li a {font-size: 0.938vw;}

#header .header-nav {
  max-height: 60px !important;
  padding: 5px 50px;
}

.nous-ecrire{
  padding: 0.521vw 3.125vw;
  margin-top: 2.344vw;
}

.nous-ecrire img{
  width: 1.302vw !important;
  height: 0.990vw !important;
}

.parallaxe-img{height: 23.958vw;}


.ets_mm_megamenu_content li a span{border-bottom: solid 3px transparent;}

.ets_mm_megamenu_content li a span:hover, .ets_mm_megamenu_content li.active a span{border-bottom: solid 3px #162447;}

.ets_mm_megamenu_content li{padding: 0.581vw !important;}

.ets_mm_megamenu_content .mm_menu_content_title {
  padding-bottom: 8px !important;
  padding-top: 0 !important;
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.header-nav .container{
    display: flex;
    justify-content: flex-end;
}

.btn-freinage, .btn-pneu, .btn-Echappement{
  padding: 0.729vw 0;
  width: 35%;
  font-size: 1.042vw;
  margin-top: 1.042vw;
}

.colone2-pneu{margin-top: 1.563vw;}


.block-contact .block-contact-title, .linklist .blockcms-title a,
#block_myaccount_infos .myaccount-title a,
.footer-container .links .h3,
.footer-container .h3,
.links p.h3{
  font-size: 1.302vw;
  margin-bottom: 2.083vw;
}

.ets_mm_megamenu_content_content li a {font-size: 1.04vw !important;}

.nous-ecrire{font-size: 1.04vw !important;}

.texte-newsletter{margin-bottom: 3.125vw;}

.partie-contacter .contact{font-size: 2.396vw;}





}



@media (min-width: 992px) and (max-width: 1199px) {}
@media (min-width: 1200px) {}
@media (min-width: 1200px) and (max-width: 1365px) {}
@media (min-width: 1366px) {}
@media (min-width: 1366px) and (max-width: 1599px) {}
@media (min-width: 1600px) {}

/**Ma css**/
#authentication form#customer-form > section {
  display: flex;
  flex-direction: column;
}


#authentication form#customer-form > section > section > .form-group.row {
  display: none!important;
}

#authentication form#customer-form > section > section {
  order: 4;
}

#authentication form#customer-form > section:nth-child(1) {
  order: 0;
  margin-bottom: 0;
}

#authentication form#customer-form > section > .form-group:nth-of-type(2){
display: none; 
}

#authentication form#customer-form > section > .form-group:nth-of-type(3){
  order: 1;
}
#authentication form#customer-form > section > .form-group:nth-of-type(4){
  order: 2;
} 
#authentication form#customer-form > section > .form-group:nth-of-type(5){
  order: 3;
}
#authentication form#customer-form > section > .form-group:nth-of-type(6){
  order: 7;
}
#authentication form#customer-form > section > .form-group:nth-of-type(7){
  order: 8;
}
#authentication form#customer-form > section > .form-group:nth-of-type(8){
  order: 9;
}
#authentication form#customer-form > section > .form-group:nth-of-type(9){
  order: 10;
}
#authentication form#customer-form > section > .form-group:nth-of-type(10){
  order: 11;
}
#authentication form#customer-form > section > .form-group:nth-of-type(11){
  order: 12;
} 
#registration_fields .form-control-label > span{
  /* display: none; */

}
#customer-form .form-group label.form-control-label.required::before {
  content: '*';
  color: #FF5555;
  font-size: .875rem;
  display: inline-flex;
  /* margin-right: 1rem; */
}

#customer-form  #registration_fields .form-group label.form-control-label.required::before{
  display: none;
}

#customer-form .form-group  .form-control-comment {
    color: transparent;
}

a {
  color: #000 
}

#customer-form  a:hover {
  color: #000;
  text-decoration: underline;
}
.email_subscription .custom-checkbox label {
  color: white;
  /* text-align: center; */
}

.email_subscription  .custom-checkbox label span a {
color: white;
}

.email_subscription  .custom-checkbox label span a:hover {
color: #db0038;
}
.email_subscription .custom-checkbox input[type="checkbox"]+span {
  border: 2px solid #fff;
}
.email_subscription .custom-checkbox input[type="checkbox"]:checked + span .checkbox-checked {
color: white;
}

/*consentmanager custumer*/
.cmpbox {
  border-top: solid 12px #008000!important;
}
.cmpbox *, .cmpbox > * {
  *font-family: "Montserrat",s a+ns-serif !important;
  font-weight: 500 !important;
}
.cmpboxbtnyes, A.cmpboxbtnyes, A.cmpboxbtnyes:link {
  background-color: #008000 !important;
}
.cmpboxbtnno, A.cmpboxbtnno, A.cmpboxbtnno:link {
  background-color: #B8121A !important;
}
.cmpboxhl {
  font-size: 15pt !important;
  font-family: 'Montserrat',sans-serif !important;
}
/*consentmanager*/