/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */
 
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@100;300;400;700;900&family=Oswald:wght@200;300;400;500;600;700&family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');


body {
    font: 300 16px lato;
    color: #000;
    overflow-x: hidden !important;
}

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

a, a:hover {text-decoration: underline ;}

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



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

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

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


.h2.products-section-title,
h1, .h1 {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  font:900 30px Lato;
  color: #3b3b3c;
}

.h2.products-section-title {text-transform: uppercase}



h1::after, .h1::after,
.h2.products-section-title::after {
    content: "";
    display: flex;
    margin: 40px auto 50px;
    width: 83px;
    height: 6px;
    background: #ff7e00;
}

.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: #ff7e00 !important;
}

.btn-primary:not([disabled]):not(.disabled):active, 
.btn-primary:not([disabled]):not(.disabled).active, 
.show > .btn-primary.dropdown-toggle,
.btn.btn-primary.js-mailalert-add,
.btn.btn-primary.js-mailalert-add:focus-visible,
.btn.btn-primary.js-mailalert-add:focus {
  background-color: #e30613!important;
  border-color: #e30613!important;
  box-shadow:none!important;
}


textarea,
select,
/*input,*/
.form-control {
  outline: none !important;
  box-shadow: none !important;
  border: 1px solid #232323 !important;
  color: #000 !important;
  font:400 16px Lato !important;
  padding-left: 5px!important;
  padding-right: 5px!important;
  opacity: 1!important;
}

select::placeholder,
/*input::placeholder,*/
textarea::placeholder,
.form-control::placeholder,
.form-control:focus,
.form-control:active,
.form-control:focus-visible,
.input-group.focus {
  outline: none !important;
  box-shadow: none !important;
  color: #000 !important;
  font:400 16px Lato !important;
  padding-left: 5px!important;
  padding-right: 5px!important;
  opacity: 1!important;
}


input[type="radio"],
input[type="checkbox"] {accent-color: #e30613 !important}


form .form-control-label {
  color: #000 !important;
  font:400 16px Lato !important;
}


.group-span-filestyle.input-group-btn .btn.btn-default {
  color: #000 !important;
  font:400 16px Lato !important;
}

.input-group-btn button.btn,
.group-span-filestyle.input-group-btn .btn.btn-default {
  color: #fff !important;
  font:400 16px Lato !important;
  background: #ff7e00 !important;
  height: 37.5px !important;
}


.btn.btn-primary,
.btn.btn-comment,
.btn-comment.disabled, 
.btn-comment:disabled,
.btn-primary.disabled, 
.btn-primary:disabled {
  background-color: #3c3c3c!important;
  border-color: #3c3c3c!important;
  font:400 16px Lato !important;
  color: #fff !important;
  outline: 0!important;
  box-shadow: none!important;
}



.btn.btn-comment:hover,
.btn-comment.disabled:hover, 
.btn-comment:disabled:hover,
.btn.btn-primary:hover,
.btn-primary.disabled:hover, 
.btn-primary:disabled:hover {
  background-color: #ff7e00 !important;
  border-color: #ff7e00 !important;
  font:400 16px Lato !important;
  color: #fff !important;
  outline: 0!important;
  box-shadow: none!important;
}


.btn.btn-secondary,
.btn-secondary.disabled, 
.btn-secondary:disabled {
  background-color: #3c3c3c !important;
  border-color: #3c3c3c !important;
  font: 400 18px Roboto!important;
  font:400 16px Lato !important;
  outline: 0!important;
  box-shadow: none!important;
}

.btn.btn-secondary:hover,
.btn-secondary.disabled:hover, 
.btn-secondary:disabled:hover {
  background-color: #ff7e00 !important;
  border-color: #ff7e00 !important;
  font:400 16px Lato !important;
  color: #fff !important;
  outline: 0!important;
  box-shadow: none!important;
}

#wrapper .banner,
.carousel .carousel-item {
    text-align: center;
}

#block_myaccount_infos .myaccount-title a,
.footer-container .links .h3,
.footer-container .h3,
.links p.h3 {
  color: red!important;
  text-transform: none!important;
  font: 700 20px Lato;
  margin-bottom: 1.25rem;   
}

.footer-container li a {
  color: #000;
  font: 300 16px Lato; 
}

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


#product #wrapper .container,
#cart #wrapper .container,
#checkout #wrapper .container,
.featured-products .container,
.section-2encarts .container {
  width: 85%!important;
}

.featured-products {
  padding: 80px 0px 65px;
  background: #efefef !important;
}

.product-miniature .product-description,
.product-miniature .thumbnail-container {
  background: transparent !important;
}

.product-flags li.product-flag {
  color: #fff;
  text-transform: initial;
  pointer-events: auto;
  background: #ff7e00;
  font: 900 19.32px Lato;
}

.product-miniature .product-title a {
  font: 900 19.32px Lato;
  color: #000;
  line-height: 1.5em;
  text-align: center;
}

.product-miniature .highlighted-informations .quick-view {
  font: 400 16px Lato;
  color: #000;
}

.product-miniature .highlighted-informations .quick-view:hover {
  color: #ff7e00;
}

.product-miniature .product-price-and-shipping {
  font: 400 23px Lato;
  color: #000;
  line-height: 1.5em;
  text-align: center;
}


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

.parallaxe1 {
  width: 100%;
  background-image: url(../img/parallax1.jpg);
  background-position: center;
  position: relative;
  background-attachment: fixed;
  height: 450px;
  padding: 30px 0 !important;
}

.parallaxe2 {
  width: 100%;
  background-image: url(../img/parallax2.jpg);
  background-position: center;
  position: relative;
  background-attachment: fixed;
  height: 450px;
  padding: 30px !important;
}

.reparation .titre-encart,
.accessoires .titre-encart,
.promotions .titre-encart {
  color: #3c3c3c;
  text-transform: uppercase;
}

.reparation,
.accessoires,
.promotions {
  background: #efefef;
  padding: 50px 15px;
}

.encart .titre-encart {
  font: 900 30px Lato;
  margin-bottom: 30px !important;
}

.encart .btn-encart {
  font: 900 20px Lato;
  color: #fff;
  background: #ff7e00;
  padding: 12px 30px;
  text-transform: uppercase;
  display: inline-block;
  width: auto;
  border-radius: 50px;
}

.parallaxe1 .titre-encart,
.parallaxe2 .titre-encart {
  color: #fff;
}

.parallaxe2 .titre-encart {margin-bottom: 0px !important;text-align: center}

#custom-text .contenu p {
    /* font: 300 0.95vw Lato;
        line-height: 1.5em; 
     text-align: left;
    color: #3c3c3c;*/
}

#custom-text {
  padding: 6.771vw 0px !important;
  margin-bottom: 0;
  background: #fff;
  border-radius: 0px;
}

#custom-text .container {width: 75% !important;}
#main .page-footer {display: none;}
#footer {
  padding-top: 0px !important;
}

.footer-container {
  background: #efefef;
  padding: 70px 0px !important;
}

.footer-container .container {width: 85% !important;}


#block_myaccount_infos .myaccount-title a, 
.footer-container .links .h3, 
.footer-container .h3, .links p.h3,
.footer-container .h3,
.footer-container .h4 {
  font: 400 22px Lato !important;
  color: #000 !important;
  text-align: center !important;
  line-height: 1.5em !important;
  margin-bottom: 15px !important;
  text-transform: uppercase !important;
}

.footer-container .footer-infos,
.footer-container .footer-infos p,
.footer-container .footer-infos a {
  font: 400 14px Lato;
  color: #000;
  text-align: center !important;
  line-height: 1.7em;
}

.footer-container .account-list li,
.footer-container .account-list li a {
  font: 400 14px Lato;
  color: #000;
  text-align: center !important;
  line-height: 1.2em;
}

.footer-container .footer-infos a:hover,
.footer-container .account-list li a:hover {
  color: #ff7e00;
}

.block_newsletter {
  background: transparent !important;
}

/* NEWSLETTER  */
.block_newsletter .block-form {
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
  justify-content: center;
}


.block_newsletter .block-form input[type="submit"]:focus-visible,
.block_newsletter .block-form input[type="submit"]:active,
.block_newsletter .block-form input[type="submit"]:focus,
.block_newsletter .block-form input[type="submit"] {
  margin-left: 0px!important;
  background-color: #ff7e00 !important;
  color: #fff;
  font: 400 14px Lato;
  width: 175px !important;
  height: 40px;
  opacity: 1;
  padding: 5px 10px;
  border-color: #ff7e00 !important;
  position: relative;
  text-align: center;
  margin-top: 10px;
}

.block_newsletter form input[type="email"] {
  width: 175px !important;
  height: 40px;
  border: 1px solid #000 !important;
}

.block_newsletter form input[type="email"]:focus,
.block_newsletter form input[type="email"]:focus-visible,
.block_newsletter form input[type="email"] {
  padding: 11px 15px !important;
  background: #fff !important;
  outline: 0;
  font: 400 14px Lato;
  color: #000;
}

.block_newsletter form input[type="email"]:focus::placeholder,
.block_newsletter form input[type="email"]:focus-visible::placeholder,
.block_newsletter form input[type="email"]::placeholder {
  font: 400 14px Lato;
  color: #000;
  background: #fff !important;
  opacity: 1!important;
  padding: 11px 15px !important;
  text-align: center;
}

.psgdpr_consent_message span,
.form-control-comment {
  font: 400 16px Lato !important;
  color: #000 !important;
  text-align: center !important;
}


.newsletter-condition,
.footer-container .psgdpr_consent_message span {
  font: 400 12px Lato !important;
  color: #000 !important;
  text-align: center !important;
}


.contact-rich .block .data {
  width: auto;
  overflow: hidden;
  font: 400 16px Lato !important;
  color: #000 !important;
}

#authentication #main,
#authentication #main p,
#authentication .register-form {
  font: 400 16px Lato !important;
  color: #000 !important;
}

#authentication #main a,
#authentication .register-form a,
.contact-rich .block .data a {
  color: #ff7e00;
  font: 400 16px Lato !important;
}

.custom-radio input[type="radio"]:checked + span {
  background-color: #ff7e00 !important;
}

.captcha_newsletter {padding: 0px !important}

.block_newsletter .custom-checkbox label {
  text-align: center !important;
}

.copyright-incomm {
  padding: 25px 20px !important;
  background: #3c3c3c !important;
}

.copyright-incomm p a,
.copyright-incomm p {
  font: 400 14px Lato !important;
  color: #fff !important;
}

.copyright-incomm p a:hover,
.psgdpr_consent_message span a {color: #ff7e00 !important;}

/* BARRE DE RECHERCHE */

.header-top #search_widget input {
  border: 1px solid #3c3c3c !important;
  background: #fff;
  outline: 0;
  border-radius: 0px;
  color: #000 !important;
  padding: 9px 10px !important;
  width: calc(100% - 40px) !important;
  height: 40px;
}

.header-top #search_widget input::placeholder {
  color: #000 !important;
  font: 400 14px Lato !important;
  opacity: 1!important;
}

#search_widget form i.search {
  background-position: center;
  background-size: contain;
  background: #3c3c3c;
  width: 40px;
  height: 40px;
  color: ;
  padding: 0;
  color: #ff7e00 !important;
  font-weight: 900;
  font-size: 30px;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

 #search_widget {
    min-width: 350px !important;
  }

#header .header-nav {
  max-height: none !important;
  border-bottom: none !important;
}


#header .header-nav .user-info,
#header .header-nav .blockcart {
  height: auto;
  padding: 0;
  margin-left: 30px !important;
  text-align: center;
  white-space: nowrap;
  background: transparent !important;
}


#header .header-nav .user-info span,
#header .header-nav .user-info a,
#header .header-nav .blockcart a,
#header .header-nav .blockcart span {
  color: #000 !important;
  font: 400 16px Lato !important;
}

#header .header-nav .user-info a,
#header .header-nav .blockcart a {color: #ff7e00 !important}


#header .header-nav .user-info,
#header .header-nav .blockcart .header {
  margin-top: 0 !important;
}

#search_widget {
  overflow: hidden;
}

#header .header-nav .nav-category .category-link {
  color: #3c3c3c !important;
  font: 900 19px Lato !important;
  text-align: center;
  margin: 0px 25px !important;
  text-transform: uppercase;
}

#header .header-nav .nav-category .category-link:hover {color: #ff7e00 !important}


/* MENU */

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

.layout_layout1 .mm_menus_li {
  border: none !important;
}

.layout_layout1 .ets_mm_megamenu_content {
  border-bottom: none !important;
  border-top: none !important;
}

.layout_layout1 .mm_menus_li > a::before {
  display: none !important;
}

.mm_menu_content_title {
  float: left;
  padding: 0px 20px;
  position: relative;
  min-height: auto;
  display: flex;
  align-items: center;
  font:900 17px Lato !important;
}

.layout_layout1 .mm_menus_li.promo-item a.ets_mm_url,
.layout_layout1 .mm_menus_li.promo-item a.ets_mm_url,
.layout_layout1 .mm_menus_li.promo-item:hover a.ets_mm_url {
  background: #ff0000 !important;
  border-radius: 0px !important;
  padding-top: 8px;
  padding-bottom: 8px;
  color: #fff !important;
}

#header .header-top {
  padding: 45px 15px 30px !important;
}


.page-category .container,
.page-contact .container,
.page-cms .container {
  padding-left: 15px !important;
  padding-right: 15px !important;
}


.encart .titre-encart {
  text-transform: uppercase;
  font: 900 30px Lato;
}

.parallaxe2 .titre-encart {margin-bottom: 0px !important}


#product h1::after {
  margin: 2.08vw 0 0px !important;
}

#product h1 {align-items: flex-start !important;}

.product-information p {
  font: 400 16px Lato;
  color: #000;
}

.product-price {
  font: 600 25px Lato;
  color: #ff7e00;
  margin-bottom: 0px !important;
}

.tabs .nav-tabs .nav-link {
  color: #3b3b3c;
  text-transform: uppercase;
  padding: 10px !important;
  font: 600 18px Lato !important;
}

.tabs .nav-tabs .nav-link:hover,
.tabs .nav-tabs .nav-link.active {
  color: #fff !important;
  border-bottom: none !important;
  background: #ff7e00 !important;
}

body#checkout section.checkout-step.-reachable.-current .step-number {
  background-color: #ff7e00 !important;
}

#product .tabs {
  padding: 1.25rem 0px !important;
}

.tabs .nav-tabs {
  border-bottom: #ff7e00 2px solid !important;
}

.product-images > li.thumb-container > .thumb.selected, 
.product-images > li.thumb-container > .thumb:hover {
  border: #ff7e00 3px solid !important;
}

.product-prices {display: flex;align-items: flex-start;}

.product-prices .tax-shipping-delivery-label {
  font: 600 20px Lato;
  color: #3b3b3c;
  margin-bottom: 0px !important;
  margin-left: 10px !important;
}

.js-show-details,
.media-body .product-name a,
.js-show-details:hover {
  font: 600 16px Lato !important;
  color: #ff7e00 !important;
}

body#checkout section.checkout-step.-reachable.-complete h1 .done {color: #ff7e00 !important;}


body#checkout section.checkout-step.-reachable.-complete h1 .step-edit,
body#checkout section.checkout-step .delivery-options .delivery-option label,
body#checkout .custom-checkbox > label {
  font: 400 16px Lato !important;
  color: #000 !important;
}

body#checkout .cart-grid-body a {
  color: #ff7e00 !important;
}

#product .featured-products {
  background-color: #fff !important;
  margin-top: 0px !important;
  padding-top: 30px !important;
}

#product-comments-list-header .comments-nb {
  font: 600 20px Lato;
  color: #3b3b3c;
  width: 100%;
  text-align: center;
}

.modal-header .close {
  padding: 0 !important;
  margin: 0 !important;
  margin-right: auto !important;
}


#blockcart-modal .product-name{
  font: 600 20px Lato;
  color: #3b3b3c !important;
  text-transform: uppercase;
}

.cart-grid-body a.label {
  font: 600 20px Lato;
  color: #3b3b3c !important;
}

body#checkout section.checkout-step .add-address,
body#checkout .js-address-form a,
body#checkout .js-address-form p,
.cart-summary-line .label, .cart-summary-line .value {
  font-size: 16px !important;
  color: #000 !important;
}

body#checkout section.checkout-step .address-item.selected {
  background: #fff;
  border: #3b3b3c 3px solid !important;
}

.btn.btn-secondary, .btn-secondary.disabled, .btn-secondary:disabled {color: #fff !important}

.page-my-account #content .links {
  width: 100%;
  padding-left: 7.5% !important;
  padding-right: 7.5% !important;
}


.page-my-account #content .links a:hover .link-item,
.page-my-account #content .links a:hover i {
  color: #ff7e00 !important;
}

.btn-primary:not([disabled]):not(.disabled):active, 
.btn-primary:not([disabled]):not(.disabled).active, 
.show > .btn-primary.dropdown-toggle, .btn.btn-primary.js-mailalert-add, 
.btn.btn-primary.js-mailalert-add:focus-visible, 
.btn.btn-primary.js-mailalert-add:focus {
  background-color: #ff7e00 !important;
  border-color: #ff7e00 !important;
  box-shadow: none !important;
}

#checkout #search_widget{
  display: block !important;
}

body#checkout #header .header-nav {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

@media (max-width: 991px) {

  #_desktop_logo a {
    display: block;
    text-align: center;
  }

  .carousel {padding-bottom: 0px!important}

  .encart.image-encart {
    padding: 0px !important;
  }

  .encart.image-encart img.img-fluid {
    width: 100% !important;
    max-width: 100% !important;
  }


  .elementvel,
  #_desktop_logo {
      margin-bottom: 20px !important;
  }

  #search_widget {margin: 15px 0px !important}

  #header .header-nav .right-nav {
      flex-direction: column;
  }

  .vente-telephone {
    text-align: center;
    padding: 20px 30px !important;
  }

  .section-2encarts{
    padding: 60px 0px;
  }

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

  .section-2encarts .section-promotions {
    margin-top: 25px !important;
    flex-direction: column-reverse;
  }


  .mm_menus_ul .mm_menus_li:hover a.ets_mm_url,
  .mm_menus_ul .mm_menus_li.active a.ets_mm_url {
    color: #ff7e00 !important;
  }

  .mm_menus_back_icon{
    border-color: #484848 !important;
  }

   .close_menu .icon-bar, 
   .ybc-menu-vertical-button .icon-bar{
    background-color: #484848 !important;
  }

  .transition_floating .close_menu *, 
  .transition_full .close_menu *, 
  .ybc-menu-vertical-button .icon-bar{
    color: #484848 !important;
  }

  .transition_floating .mm_menus_ul {
    flex-direction: column;
    justify-content: flex-start;
  }

  .ybc-menu-vertical-button, 
  .transition_floating .close_menu, 
  .transition_full .close_menu {
    background-color: #efefef !important;
  }

  .ybc-menu-toggle {width: max-content !important}
  .ets_mm_megamenu_content .ets_mm_megamenu_content_content {justify-content: center;}

}

@media (max-width: 767px) {
  #header .top-logo img {
    max-height: 100% !important;
  }

  #header .top-logo {
    width: 100% !important;
    min-height: auto !important;
    justify-content: center;
  }

  #header .header-top{
    padding: 30px 15px !important;
  }

  #search_widget {
    min-width: 100% !important;
    justify-content: center;
    display: flex;
  }

  #search_widget form {width:280px !important;}

  .nav-category, #_mobile_cart, #_mobile_user_info {
    margin-bottom: 20px;
  }

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

  #header .header-nav .nav-category .category-link {
    font: 900 15px Lato !important;
    margin: 0px 7px !important;
  }

  .featured-products{
    padding: 60px 0px 50px;
  }

  h1::after, 
  .h1::after, 
  .h2.products-section-title::after {
    margin: 20px auto 20px;
  }

  .btn.btn-primary, 
  .btn.btn-comment, 
  .btn-comment.disabled, 
  .btn-comment:disabled, 
  .btn-primary.disabled, 
  .btn-primary:disabled {
    font: 400 12px Lato !important;
  }

  .btn.btn-comment:hover, 
  .btn-comment.disabled:hover, 
  .btn-comment:disabled:hover, 
  .btn.btn-primary:hover, 
  .btn-primary.disabled:hover, 
  .btn-primary:disabled:hover {
    font: 400 12px Lato !important;
  }

  .btn-primary, .btn-secondary, .btn-tertiary {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  .qty .bootstrap-touchspin {display: flex;}

  .wishlist-button-product{
  margin-left: .25rem !important;
}

}

@media (max-width: 449px) {
  .featured-products .products .js-product.product {
    width: 100% !important;
  }
}



@media (min-width: 768px) {
  .mm_menus_ul,
  .scroll_heading .mm_menus_ul{
    display: flex !important;
    justify-content: center;
    align-items: center;
  }

  .encart .titre-encart {
    font: 900 40px Lato;
    line-height: 1.3em;
    margin-bottom: 50px !important;
  }

  .parallaxe2 .encart .titre-encart {margin-bottom: 0px !important;}

  .parallaxe1,
  .parallaxe2 {
    height: 500px;
  }

  .reparation, .accessoires, .promotions{
    padding: 90px 20px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {}


@media (min-width: 992px) {

  .h2.products-section-title,
  h1, .h1 {
    font:900 2.08vw Lato !important;
  }

  .layout_layout1 .mm_menus_li.promo-item a.ets_mm_url,
  .layout_layout1 .mm_menus_li.promo-item a.ets_mm_url,
  .layout_layout1 .mm_menus_li.promo-item:hover a.ets_mm_url {
    border-radius: 50px !important;
    padding-top: 0.42vw !important;
    padding-bottom: 0.42vw !important;
  }

  #search_widget {
    min-width: 17.188vw !important;
  }

  #header .header-nav .nav-category .category-link {
    font: 900 0.990vw Lato !important;
    margin: 0px 1.3vw !important;
  }

  #header.fixed-header {
    position: fixed !important;
    width: 100% !important;
    max-width: 100% !important;
  }
  .nav-category {margin-right: 1.3vw !important;}

  #header .header-nav .user-info, #header .header-nav .blockcart {
    margin-left: 1.56vw !important;
  }

  #header .header-top {
    padding: 2.344vw 0.781vw 1.56vw !important;
  }

  .ets_mm_megamenu_content .ets_mm_megamenu_content_content .mm_menus_li .mm_menu_content_title {
    padding: 0px 0.781vw !important;
    font:900 0.885vw Lato !important;
  }

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

  h1::after, .h1::after,
  .h2.products-section-title::after {
      margin: 2.08vw auto 2.6vw;
      width: 4.323vw;
      height: 6px;
  }

  #product h1::after {
  margin-bottom: 0px !important;
}


  .reparation,
  .accessoires,
  .promotions {
    background: #efefef;
    padding: 2.08vw 1.56vw 2.08vw 5.729vw;
  }

  .section-reparation .image-encart,
  .section-accessoires .image-encart {
    padding-left: 0px;
    padding-right: 1.56vw;
  }

  .section-promotions .image-encart {
    padding-left: 1.56vw;
    padding-right: 0;
  }

  .section-accessoires {
  margin-bottom: 1.56vw;
}

.parallaxe1 {
  margin: 0 0px 3.646vw !important;
}

.parallaxe2 {
  margin: 3.646vw 0px !important;
}

  .encart .titre-encart {
    font: 900 2.08vw Lato;
    margin-bottom: 2.6vw !important;
    text-transform: uppercase !important;
  }

  .encart.promotions .titre-encart {
    margin-bottom: 5.729vw !important;
  }

  .parallaxe2 .titre-encart {margin-bottom: 0px !important;}

  .parallaxe1 {
    padding-left: 14.583vw !important;
  }

  .parallaxe1,
  .parallaxe2 {
    height: 29.167vw;
  }

  #header .header-top-right .block-menu {
    margin-top: 1.82vw !important
  }

  .encart .btn-encart {
    font: 900 1.04vw Lato;
    color: #fff;
    background: #ff7e00;
    padding: 0.625vw 1.82vw;
    text-transform: uppercase;
    display: inline-block;
    width: auto;
    border-radius: 50px;
  }

}
@media (min-width: 992px) and (max-width: 1199px) {
  #header .header-nav .user-info span, 
  #header .header-nav .user-info a, 
  #header .header-nav .blockcart a, 
  #header .header-nav .blockcart span {
    color: #000 !important;
    font: 400 12px Lato !important;
  }
}

@media (min-width: 1200px) {}

@media (min-width: 1200px) and (max-width: 1365px) {
  #header .header-nav .user-info span, 
  #header .header-nav .user-info a, 
  #header .header-nav .blockcart a, 
  #header .header-nav .blockcart span {
    color: #000 !important;
    font: 400 14px Lato !important;
  }
}

@media (min-width: 1366px) {}

@media (min-width: 1366px) and (max-width: 1599px) {}

@media (min-width: 1600px) {}



/* Grow */
.hvr-grow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

/* Shrink */
.hvr-shrink {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-shrink:hover, .hvr-shrink:focus, .hvr-shrink:active {
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
}


/* Float */
.hvr-float {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-float:hover, .hvr-float:focus, .hvr-float:active {
  -webkit-transform: translateY(-8px);
  transform: translateY(-8px);
}

/*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*/





/****** Guide ******/

/* Chaque variable va être attribuée à un endroit dans le css plus bas
Par exemple la couleur que l'on mettra dans la variable : "--lien-couleur" va s'appliquer à la couleur des liens
Pas besoin de changer la taille des titres et paragraphes en responsive car ils se changeront tout seul en fonction de la version bureau pour que ce soit uniforme.

Le but est de pouvoir changer tout ce qui est nécessaire pour une MEP dans les variables afin de gagner du temps

Si vous avez des questions ou autre n'hésitez pas à me contacter sur Teams

Camille VACHER
*/

/************************************ Variables à compléter **************************/

:root {
  --couleur1: #000;
  --couleur2: #ff7e00;
  --couleur3: #000;
  --couleur4: #000;
  --couleur5: #fff;

  /**** Couleur des liens ****/

  --lien-couleur: var(--couleur2)!important;
  --lien-hover-couleur: black!important;

  /**** Couleurs des liens sur texte blanc ****/

  --lien-text-bl-couleur: var(--couleur3);
  --lien-text-bl-couleur-hover: white;

  /**** Titres et paragraphes ****/

  --font-family-h1: 'Lato' !important;
  --font-size-h1: 45px;
  --font-weight-h1: normal;
  --couleur-h1: var(--couleur1);

  --font-family-h2: 'Lato' !important;
  --font-size-h2: 28px;
  --font-weight-h2: 900;
  --couleur-h2: var(--couleur2);

  --font-family-h3: 'Lato' !important;
  --font-size-h3: 20px;
  --font-weight-h3: 900;
  --couleur-h3: var(--couleur3);

  --font-family-p: 'Lato' !important;
  --font-size-p: 18px;
  --font-weight-p: 300;
  --couleur-p: black;
  line-height: 1.6em;
}

/*********************** Fin de la section des variables à compléter ********************/

/************************** Lien dans les modules textes ******************************/
.contenu-edito .et_pb_text_inner a {
  color: var(--lien-couleur)!important;
  font-weight: bold;
  text-decoration: underline !important;
  transition: all 0.3s ease-in-out;
}

.contenu-edito .et_pb_text_inner a:hover {
  color: var(--lien-hover-couleur)!important;
  font-weight: bold;
  text-decoration: none !important;
  transition: all 0.3s ease-in-out;
}

/***************************************** Titres ***************************************/

.contenu-edito h1 {
  font-family: var(--font-family-h1);
  font-size: var(--font-size-h1) !important;
  font-weight: var(--font-weight-h1);
  color: var(--couleur-h1);
}

.contenu-edito h2 {
  font-family: var(--font-family-h2);
  font-size: var(--font-size-h2) !important;
  font-weight: var(--font-weight-h2);
  color: var(--couleur-h2) !important;
  text-transform: uppercase;
  text-align: left;
  line-height: 1.2em;
  
}


.contenu-edito h2::after {
    content: "";
    width: 50px;
    height: 6px;
    display: block;
    margin: 0.5em 0em;
    background-color: var(--couleur2);
    transform: skew(-40deg);
    box-shadow: 55px 0px var(--couleur4);
    }

    .contenu-edito .centrer h2::after {
        margin: 15px auto;
      }

      
.contenu-edito h3 {
  font-family: var(--font-family-h3);
  font-size: var(--font-size-h3) !important;
  font-weight: var(--font-weight-h3);
  color: var(--couleur-h3) !important;
  line-height: 1.2em;
}


.contenu-edito .libres h3 {
  background-color: #000;
  padding: 0.2em 0.8em;
  border-radius: 50px;
  border-left: 10px solid #f80104;
  margin-bottom: 0.2em; 
  transition: 0.5s all linear;}

  .contenu-edito .libres h3:hover {
  border-left: 4px solid #222;
}

/******************************* Paragraphes *****************************/
.contenu-edito p,
.contenu-edito ul,
.contenu-edito ol,
.contenu-edito li,
.contenu-edito table {
  font-family: var(--font-family-p);
  font-size: var(--font-size-p) !important;
  font-weight: var(--font-weight-p);
  color: var(--couleur-p) !important;
  text-align: left;
  line-height: 1.6em;

}



.contenu-edito ul li {
    list-style-type:none;
  margin-bottom: 0.4em;
  }
    
  .contenu-edito ul li::before {
    display: inline-block;
    content: "";
    width: 0.6em;
    aspect-ratio: 1;
    background-color: var(--couleur2);
    margin-right: 1em;
    /*border-radius:100%*/
  }
  
  .contenu-edito .grostitre p
  {
    font-size: clamp(28px,2vw,32px);
    color: var(--couleur-h1);
    font-family: var(--font-family-titres);
    font-weight: var(--font-weight-liens);
    text-align: center;
    color: var(--couleur-h3);
  }
  
  .grostitre p em {
    display: block;
    font-style: normal;
    font-weight: 300;
    font-size: 60%;
    text-align: left;
    color: var(--couleur-h2);
    text-transform: none;
    font-family: var(--font-family-p);
    line-height: 1.5em;
  }
  .contenu h2 strong, .contenu h3 strong{
    font-weight: 500;
  }
  
  .contenu p strong, .contenu strong{
    font-weight: 900;
  }

/********************* Changement de couleur si besoin***************************/
/***************** Pour mettre paragraphe et titre en blanc *******************/

.contenu-edito .texteblanc p,
.contenu-edito .texteblanc ul,
.contenu-edito .texteblanc ol,
.contenu-edito .texteblanc li,
.contenu-edito .texteblanc table,
.contenu-edito .texteblanc h1,
.contenu-edito .texteblanc h2,
.contenu-edito .texteblanc h3 {
  color: white !important;
}

.texteblanc a {
  color: var(--couleur3);
  font-weight: bold;
  text-decoration: underline !important;
  transition: all 0.3s ease-in-out;
}

.texteblanc a:hover {
  color: var(--lien-text-bl-couleur-hover) !important;
  font-weight: bold;
  text-decoration: none !important;
  transition: all 0.3s ease-in-out;
}


.texteblanc p,
.texteblanc ul,
.texteblanc ol,
.texteblanc li,
.texteblanc table {
  font-family: var(--font-family-p);
  font-size: var(--font-size-p) ;
  font-weight: var(--font-weight-p);
  color: var(--couleur5);
  padding-bottom: 0;
  line-height: 1.6em;
  margin-bottom: 1em;
  text-align: left;
}

.texteblanc h2 {
  font-family: var(--font-family-h2);
  font-size: var(--font-size-h2);
  font-weight: var(--font-weight-h2);
  color: var(--couleur5);
  line-height: 1.5em;
  text-transform: uppercase;
  text-align: left;
}

.texteblanc h2::after {
  content: "";
  width: 60px;
  height: 4px;
  display: block;
  background:  var(--couleur5);
  margin: 5px 0px;
  }



    
.texteblanc .centrer h2::after {
    margin: 15px auto;
  }

.texteblanc h3 {
  font-family: var(--font-family-h3);
    font-size: var(--font-size-h3);
    font-weight: var(--font-weight-h3);
    color: var(--couleur3);
  text-align: left;
}

.texteblanc ul li {
  list-style-type:none;
margin-bottom: 0.4em;
}

.texteblanc ul li::before {
  display: inline-block;
  content: "";
  width: 0.5em;
  aspect-ratio: 1;
  background-color: var(--couleur5);
  margin-right: 1em;
  
}


/***********AUTRE*********/

/************************************* Format **********************************/

.centrage {
  display: flex;
  align-items: center;
  justify-content: center;
}

/***************************** MediaQueries **********************************/

@media (max-width: 1366px) {
  .contenu-edito h1 {
    font-size: calc(var(--font-size-h1) - 5px) !important;
  }

  .contenu-edito h2 {
    font-size: calc(var(--font-size-h2) - 5px) !important;
  }

  .contenu-edito h3 {
    font-size: calc(var(--font-size-h3) - 5px) !important;
  }
}

@media (max-width: 980px) {
  .centrage {
    flex-direction: column;
  }

  .reverse {
    display: flex;
    flex-direction: column-reverse;
  }
}

@media (max-width: 820px) {
  .contenu-edito h1 {
    font-size: calc(var(--font-size-h1) - 5px);
  }

  .contenu-edito h2 {
    font-size: calc(var(--font-size-h2) - 4px) !important;
  }

  .contenu-edito h3 {
    font-size: calc(var(--font-size-h3) - 4px) !important;
  }

  .contenu-edito p,
  .contenu-edito ul,
  .contenu-edito ol,
  .contenu-edito li,
  .contenu-edito table {
    font-size: var(--font-size-p) !important;
  }
}

@media (max-width: 420px) {
  .contenu-edito h1 {
    font-size: calc(var(--font-size-h1) - 10px) !important;
  }

  .contenu-edito h2 {
    font-size: calc(var(--font-size-h2) - 4px) !important;
  }

  .contenu-edito h3 {
    font-size: calc(var(--font-size-h3) - 4px) !important;
  }

  .contenu-edito p,
  .contenu-edito ul,
  .contenu-edito ol,
  .contenu-edito li,
  .contenu-edito table {
    font-size: calc(var(--font-size-p) - 2px) !important;
  }
}






.cadress::before {
    content: "";
    display: inline-block;
    width: 50px;
    height: 50px;
    background-color: var(--couleur2);
    margin-bottom: -47px;
    margin-left: -7px;
}

.cadress::after {
    content: "";
    display: block;
    width: 50px;
    height: 50px;
    background-color: var(--couleur3);
    margin-left: calc(100% - 43px);
    margin-top: -43px;
}


.cadress2::before {
    content: "";
    display: inline-block;
    width: 50px;
    height: 50px;
    background-color: var(--couleur3);
    margin-bottom: -47px;
    margin-left: -7px;
}

.cadress2::after {
    content: "";
    display: block;
    width: 50px;
    height: 50px;
    background-color: var(--couleur2);
    margin-left: calc(100% - 43px);
    margin-top: -43px;
}


 

/* --------------------------- TABLEAUX ------------------------------------- */
/* SMARTPHONES */
@media only screen and (min-width: 320px){  
table, tbody { width:100% !important }
tr { display: table;}
td { display: table-row;}

#table {width: 100%;}
#table tr { display: table-row;}
#table td { display: table-cell;font-size: 11px;padding: 2px;line-height: 16px;border: 1px solid #fff !important;}
#table td p{ padding: 20px;}
.table td p{ /*padding: 20px;*/}
.table td { display: table-row;border-top: none !important;}
/*#table {
    overflow-x: scroll;
    display: block;
}*/

/* #cms1 #kameleon {padding-right: 0px;} */


}


/* TABLETTES */
@media only screen and (min-width: 768px){
tr { display: table-row;}
td { display: table-cell;}

.table tr { display: table;}
.table td { display: table-row;border-top: none !important;}
.table td p{ padding: 20px;}

#table {width: 100% ;}
#table tr { display: table-row;}
#table td { display: table-cell;/*font-size: 16px;*/padding: 20px;line-height: 20px;border: 1px solid #fff !important;}
#table td p{ padding: 20px;}

 
}

/* ORDINATEURS */
@media only screen and (min-width: 992px) {

tr { display: table-row;}
td { display: table-cell;}
.table tr { display: table;}
.table td { display: table-row;border-top: none !important;}
.table td p{ padding: 5px;}

#table {width: 100% ;}
#table tr { display: table-row;}
#table td { display: table-cell;font-size: 16px;padding: 5px;line-height: 20px;border: 1px solid #fff !important; }
#table td p{ padding: 5px;}


.mce-content-body tr { display: table-row;}
.mce-content-body td { display: table-cell;}
}

@media only screen and (min-width: 1024px) {
.table tr { display: table-row;}
.table td { display: table-cell; border-top: none !important;}
.table td p{ padding: 5px;}

 
}

@media only screen and (min-width: 1366px) {
.table tr { display: table-row;}
.table td { display: table-cell; border-top: none !important;}
.table td p{ padding: 5px;}
}


@media only screen and (min-width: 1600px) {
.table tr { display: table-row;}
.table td { display: table-cell; border-top: none !important;}
.table td p{ padding: 5px;}
}


@media only screen and (min-width: 1920px) {
.table tr { display: table-row;}
.table td { display: table-cell; border-top: none !important;}
.table td p{ padding: 5px;}
}

/******************************* Fin Edito *************************************/