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


/* Changement des couleurs du site */

body{
  color : #414142;
}

.facebookOrange{

  width:16px !IMPORTANT;
  height:16px !IMPORTANT;
  margin-top:-2px;
  margin-left:3px;

}

.block-promo .promo-code{
  background : #ffffff;
}

.btn, .btn-to-top, .product-flags .new, .block-categories .category-top-menu .h6, .search-bar .search-bar__btn, .cart-header .cart-products-count, .owl-controls .owl-dot span, .product-cover .zoom-in, .bootstrap-touchspin .btn.btn-touchspin,
.product-features > dl.data-sheet dt.name, .show .select-title i, .dropdown-menu > a:hover, .dropdown-menu li > a:hover, .list .quick-view i:hover, .list .link-view i:hover, .list .addToWishlist i:hover, .list .add-cart i:hover,
#products .page-not-found #_desktop_search_bar .search-btn, #pagenotfound .page-not-found #_desktop_search_bar .search-btn, #testimonials-dots .owl-dot:hover:before, #testimonials-dots .owl-dot.active:before, .checkout-step .step-title,
.addresses-footer a, .address-footer a, .page-footer a, .alert-danger, .quickview .arrows i, #header .search-close:hover{
  background : #ea591b;
}

.pagination .current a, .pagination .current a:hover, .custom-checkbox input[type="checkbox"]:checked + span, .nav.nav-tabs_alternative .nav-item .nav-link.active, .nav.nav-tabs_alternative .nav-item .nav-link:hover,
.list .quick-view i:hover, .list .link-view i:hover, .list .addToWishlist i:hover, .list .add-cart i:hover, .list .quick-view:hover i, .list .link-view:hover i, .list .addToWishlist:hover i, .list .add-cart:hover i,
.pagination a:hover, .nav.nav-inline .nav-link.active, .nav.nav-inline .nav-link:hover, .page-my-account #content .links .link-item:hover{
  background : #ea591b;
  border-color : #ea591b;
}

.product-images > .thumb-container > .thumb.selected, .product-images > .thumb-container > .thumb:hover, .show .select-title, .checkout-step .address-item.selected, .custom-radio input[type="radio"]:checked + span, .form-control:focus,
select:focus, select.form-control:focus{
  border-color : #ea591b;
}

.custom-radio input[type="radio"]:checked + span {
    -webkit-box-shadow: inset 0 0 0 6px #ea591b;
            box-shadow: inset 0 0 0 6px #ea591b;}

.nav.nav-tabs .nav-item .nav-link:after{
  border-top-color : #ea591b;
}

.nav.nav-tabs .nav-item .nav-link:hover, a:hover, a:focus, .price, .grid .highlighted-informations a:hover, .grid .show_grid, .display-view .view-item:hover, .list .show_list, .cart-grid-body a.label:hover, .carousel-title,
.breadcrumb li:last-child a, .product-prices .current-price > .price, .cart-wishlist-item > .product-price, .social-sharing li a, .list .quick-view i, .list .link-view i, .list .addToWishlist i, .list .add-cart i,
.list .quick-view:hover, .list .link-view:hover, .list .addToWishlist:hover, .list .add-cart:hover, .m-link-2, #header .search-btn-toggle:hover, .contact-rich .block .icon, .product-line-grid-body > .product-line-info .value, .block-promo .promo-code-button,
.register-form a {
  color : #ea591b;
}

.register-form a:hover {
  color : #ff8c3f;
}

#header .search-block .input-text:focus {
  color : #ea591b;
  border-color : #ea591b;
}

.btn:hover, .btn-to-top:hover, .search-bar .search-bar__btn:hover, .alert-warning, .product-cover .zoom-in:hover, .bootstrap-touchspin .btn.btn-touchspin:hover, .button-ask-question:hover, .addresses-footer a:hover, .address-footer a:hover,
 .page-footer a:hover, .page-footer a:focus, .quickview .arrows i:hover{
  background : #ffaa34;
}

.social-sharing li a:hover{
  background : #ffaa34;
  border-color : #ffaa34;
}

.btn:active, .btn-primary:active, .btn-secondary:active, .btn-tertiary:active, .btn:focus, .btn-primary:focus, .btn-secondary:focus, .btn-tertiary:focus{
  background : #ff8c3f;
}

.btn.disabled, .btn:disabled, .btn-primary.disabled, .btn-primary:disabled, .btn-secondary.disabled, .btn-secondary:disabled, .btn-tertiary.disabled, .btn-tertiary:disabled{
  background : #bfbfc1;
  color : #7d8084;
}

.sidebar .h6 {
  background : none;
  color : #ffaa34;
}

.footer-three{
  background : #ea591b;
}

.block-categories .category-top-menu .h6{
  color : #ffffff;
}

.text-right, .text-right .headline-section, .promo-banner .text-right{
  text-align : right;
}

.text-left, .text-left .headline-section, .promo-banner .text-left{
  text-align : left;
}

.checkout-step .add-address a{
  background : #ea591b;
  border-color : #ea591b;
  color : #ffffff;
  padding : 1.1em;
}

.checkout-step .add-address a:hover{
  background : #ffaa34;
  border-color : #ffaa34;
}


.checkout-step .add-address{
 margin-bottom : 30px;
}

.cart-content-btn .btn-secondary{
  border : 1px solid #ea591b;
  color : #ea591b;
  background : #ffffff;
}

.block_newsletter .btn-submit{
  box-shadow : inset 0 0 .5em white;

}

/* Bloc search */

#header .search-form {
  height : 12vh;
}

#header .search-block .input-text:focus + .search-btn {
  color : #ea591b;
}

#header .search-block .input-text{
  font-size : 3em;
  height : 55px;
}


.cart-content-btn .btn-secondary:hover, .modal .close:hover{
  color : #ffffff;
  background : #ea591b;
}

.product-variants select {
  color : #ffaa34;
}

.cart-content-btn .btn {
  text-transform : none;
}

#block-reassurance li {
  padding-left : 0;
  padding-right : 0;
}

a.label {
  color: #ea591b;
  padding: 15px;
}

a.label:hover {
  color: #ffffff !important;
  background : #ea591b;
}

.product-line-info a.label:hover{
  background : none;
  color : #ea591b !important;
}

.product-miniature .product-title{
  text-transform : none !important;
}

.block-social{
  width : 60px;
  max-width : 60px;
  display : inline-block;
}

.block-social a{
  display : inline-block;
  color : white;
}

.form-footer.clearfix {
  text-align:right;
}

/*#checkout-login-form .help-block ul li{
   background-color : rgba(206,62,62,0.8);
   color : #ffffff;
   text-align : center;
   padding-top : 10px;
   padding-bottom : 10px;
}*/

.facebook a {
  height : 30px;
  width : 30px;
  font-size : 20px;
  line-height : 30px;
  margin-left : 5px;
}

.facebook a:hover{
  color : #ea591b;
}

.facebook:before{
  display : inline-block;
  /*content : "Suivez-nous ";*/
  border-right: 1px solid rgba(255, 255, 255, 0.2);
}

.custom-text:after{
  border-right: 1px solid rgba(255, 255, 255, 0.2);
}

.ps-alert-success svg{
  display:none;
}

#gdpr_consent {
   padding-top : 15px;
}


.footer-one {
  background : #f8f8f8;
  color : #414142;
}

.footer-one .links h3{
  color : #414142;
}

.footer-one .links p{
  color : #414142;
}

.footer-two{
  color : #414142;
  background : #ffffff;
  font-weight : 500;
}



@media only screen and (max-width: 575px){
  .nav.nav-tabs .nav-item .nav-link.active {
    background: #ea591b !important;
    color: #ffffff !important;
  }

  .text-right p, .text-left p, .custom-panel p, .wClass p {
    text-align : justify !important;
  }

  .text-right h1, .text-right h2, .text-right h3, .text-right h4, .text-right h5, .text-right h6, .text-left h1, .text-left h2, .text-left h3, .text-left h4, .text-left h5, .text-left h6,
  .custom-panel h1, .custom-panel h2, .custom-panel h3, .custom-panel h4, .custom-panel h5, .custom-panel h6, .wClass h1, .wClass h2, .wClass h3, .wClass h4, .wClass h5, .wClass h6{
    text-align : center !important;
  }

  .custom-panel .pictos{
    text-align : center !important;
  }
}

#testimonials-dots .owl-dot:hover:before, #testimonials-dots .owl-dot.active:before {
  box-shadow : none !important;
}

/* Ajustements des blocs et suppression d'animations */

h2 {
  36px;
}


.attachment {
  color : #ffffff;
}

.attachement p, .attachment h4 {
  color : #414142;
}

.productstabs-section{
  margin-bottom : 50px;
}

.custom-margin{
  margin-top : 3%;
  margin-left : 3%;
}

.headline-section{
  color : #ffffff;
  line-height : 1.2;
}

.productstabs-section .headline-section{
  color : #414142 !important;
}

.contact-form b{
  color:#414142;
}

.contact-form a b u:hover{
  color:#ea591b;
}


.separate {
  width : 80%;
  margin-left : 10%;
  border-bottom : 1px solid #d1d1d1;
  margin-bottom : 30px;
}


figure{
  height : 100%;
  overflow:hidden;
}

.wClass {
  margin-top : 30px;
}

#custom-text{
  padding : 0px 0px 0px 0px;
  margin-bottom : 0px;
  /*margin-left : 14px;*/
  width : 42%;
  display : inline-block;
  float : right;
  background : transparent;

}

.language-selector{

  margin-left:14px;

}

.contact {
  display : inline-block;
  margin-left: 15px;
  color : white;
  height : 37px;
  line-height : 39px;
  vertical-align : bottom;
}
  .contact i {
    font-size : 0px;
    cursor : pointer;
    vertical-align: center;
  }

  .contact i:before{
    font-size : 16px;
    padding-top : 4px;
    vertical-align: center;
    top : 2px;
  }

  .contact i:hover{
    color : #ea591b;
    transition : 1s;
  }


.img-banner{
  height : 100%;
  width : auto;
  object-fit : cover;
  margin-left : 30px;
  margin-right : 30px;
  margin-top : 30px;
  -webkit-transition-property: none !important;
  -moz-transition-property: none !important;
  -o-transition-property: none !important;
  transition-property: none !important;
}

.img-right .img-banner{
  margin-left : 0px;
  margin-right : 30px;
  float : right;
}

.footer-two .aeuc_footer_info{
  display : none !important;
}

@media only screen and (max-width:1198px){
  #custom-text{
    width : 52%;
  }
}



@media only screen and (max-width: 991px){
  .img-banner, .img-right .img-banner {
    margin-left : 0px;
    margin-right : 0px;
    margin-top : 0px;
  }

  #custom-text{
    display : none;
  }

  .block-social{
    display : none;
  }

  .custom-panel{
    padding:5% !important;
  }

  .footer-container .links .title, .links_blog{
    padding: 0 15px;
    color : #414142;
  }

  .footer-container .links .h3{
    color : #414142; !important
  }

}

@media only screen and (max-width: 768px){
  .feature-item {
    margin-top : 15px !important;
    margin-bottom : 15px !important;
  }

  .links_blog {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
}

@media only screen and (max-width: 575px){
  .feature-item p{
    margin-bottom : 15px !important;
  }
}


.reassurance-home .banner-link figure .img-banner{
  margin-top : 0;
  margin-left : 0;
  margin-right : 0;
}

.banner-link:before{
  -webkit-transition-property: none !important;
  -moz-transition-property: none !important;
  -o-transition-property: none !important;
  transition-property: none !important;
}

.custom-panel{
  padding-left:25%;
  padding-right:25%;
  margin-top : 2% !important;
  margin-bottom : 2% !important;
}

.no-transition{
  -webkit-transition-property: none !important;
  -moz-transition-property: none !important;
  -o-transition-property: none !important;
  transition-property: none !important;
}

.top-banner{
  -webkit-transition-property: none !important;
  -moz-transition-property: none !important;
  -o-transition-property: none !important;
  transition-property: none !important;
}

.top-banner p, .top-banner .banner-description, .top-banner .banner-link, .top-banner .banner-link:before, .top-banner .banner-link:hover p:nth-child(2n + 1),
.top-banner .banner-link:hover .img-banner, .top-banner .banner-link:hover:before, .top-banner .banner-link:hover p:nth-child(2n){
  -webkit-transition-property: none !important;
  -moz-transition-property: none !important;
  -o-transition-property: none !important;
  transition-property: none !important;
  transform:none !important;
  -webkit-transform:none !important;
  -o-transform:none !important;
  animation:none !important;
  -webkit-animation:none !important;
  overflow: auto;
  opacity:1;
}

.banner-link:hover{
  -webkit-transition-property: none !important;
  -moz-transition-property: none !important;
  -o-transition-property: none !important;
  transition-property: none !important;
  -webkit-transform:none !important;
  -o-transform:none !important;
}

.top-banner .banner-link:before {
  background:none;
}

.top-banner .img-banner{
  transform:none !important;
  -webkit-transform:none !important;
  -o-transform:none !important;
}

#

.contact-rich{
  display : none !important;
}

.bloc-social a{
    position: fixed !important;
    right: 30px !important;
    width: 40px !important;
    height: 40px !important;
    bottom: 135px !important;
    background: #ea591b !important;
    color: #ffffff !important;
    line-height: 40px !important;
}

.feature-item{
  margin-top : 100px;
}

.testimonial, .testimonials-item .testimonials-author{
  color:#ffffff
}

.banner-link{
  height : 100%
}

/* Special font (icons) */

@font-face {
  font-family: "Custom-fontello";
  src: url(../css/fontello.eot);
  src: url(../css/fontello.woff2) format("woff2"), url(../css/fontello.woff) format("woff"), url(../css/fontello.ttf) format("truetype"), url(../css/fontello.svg) format("svg");
  font-weight: normal;
  font-style: normal; }

[class^="Cfont-"]:before, [class*=" Cfont-"]:before {
  font-family: "Custom-fontello";
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.Cfont-referee:before{
  content : '1'
}

.Cfont-thumb:before{
  content : '2'
}


@font-face {
  font-family: 'reassurance';
  src: url('./reassurance.eot');
  src: url('./reassurance.eot') format('embedded-opentype'),
       url('./reassurance.woff2') format('woff2'),
       url('./reassurance.woff') format('woff'),
       url('./reassurance.ttf') format('truetype'),
       url('./reassurance.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'reassurance';
    src: url('../font/reassurance.svg?49158637#reassurance') format('svg');
  }
}
*/

 [class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "reassurance";
  font-style: normal;
  font-weight: normal;
  speak: none;

  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */

  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;

  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;

  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;

  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */

  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.icon-phone:before { content: '\21'; } /* '!' */
.icon-mail-alt:before { content: '\3f'; } /* '?' */
.icon-picto-satisfait:before { content: '\23'; font-size: 60px;} /* '#' */
.icon-picto-livraison:before { content: '\28'; } /* '[' */
.icon-picto-3x-sans-frais:before { content: '\5d'; } /* ']' */
.icon-picto-sav:before { content: '\7b'; } /* '{' */
.icon-picto-garantie:before { content: '\29'; } /* '}' */

.icon-picto-satisfait {
  font-weight : 100;
}


.flag-icon-background {
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
}
.flag-icon {
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  position: relative;
  display: inline-block;
  width: 1.33333333em;
  line-height: 1em;
}
.flag-icon:before {
  content: "\00a0";
}
.flag-icon.flag-icon-squared {
  width: 1em;
}

.flag-icon-gb {
  background-image: url(./4x3/gb.svg);
}
.flag-icon-gb.flag-icon-squared {
  background-image: url(./1x1/gb.svg);
}

.flag-icon-fr {
  background-image: url(./4x3/fr.svg);
}
.flag-icon-fr.flag-icon-squared {
  background-image: url(./1x1/fr.svg);
}

/* Bloc newsletter */

.bloc_newsletter {
  background : rgb(41,41,42);
}


/* Formulaire de contact */

.contact-form table, .contact-form th, .contact-form td{
  border: 1px solid #414142;
  border-collapse: collapse;
  padding : 1em;
  text-align : center;
}

.contact-form table{
  margin-bottom : 30px;
}

.contact-form th{
  background : #ea591b;
  color : #ffffff;
}


.productstabs-section .headline-section{
  color : #414142;
}

.informations-contact ul{
  list-style : inside;
  padding-left : 15px;
}

.informations-contact a b{
  color : #ea591b;
}

.contact-form{
  color : #414142;
}

.nav.nav-tabs .nav-item .nav-link:after{
  border-top : none;
}

.tel-nbr {
  display : inline-block;
  height : 37px;
  width : auto;
  margin-left : 15px;
  line-height : 37px;
  text-align : center;
  color : white;
}
  .tel-nbr p .nbr{
    height : 37px;
    line-height : 39px;
    width : inherit;
    margin : inherit;
    border-radius: 500px;
    font-size : 16px;
    color : #ffffff;
  }

  .tel-nbr p .cache-nbr{
    background: #1d1d1b;
    position : relative;
    overflow: hidden;
    height : 37px;
    width : inherit;
    margin : inherit;
    top : -40px;
    border-radius: 500px;
    border : 1px solid #ffffff;
    margin-bottom : 0px;
    outline : none;
    cursor : pointer;
    color : #ffffff;
    padding : 5px 30px;
    font-size : 11px;
  }

  .tel-nbr p .cache-nbr:focus{
    animation : slide-left .1s linear 1 forwards;
    -webkit-animation : slide-left .1s linear 1 forwards;
    -o-animation : slide-left .1s linear 1 forwards;
  }

  .tel-nbr p .cache-nbr:hover{
    /*color : #ea591b;
    border-color : #ea591b;*/
    opacity : 0;
    transition : 1s;



  .tel-nbr p .cache-nbr i {
    font-size : 0px;
    vertical-align: bottom;
    }

  .tel-nbr p i:before{
    font-size : 16px;
    vertical-align: center;
  }
}

#custom_contact{

  position: relative;
  height:20px;

}

#custom_contact-drapeau{

  position:absolute;
  top:-6px;
  left:0px;
  bottom:-6px;
  height:20px;

}

#custom_contact-drapeau img{

  height:32px !IMPORTANT;

}

#custom_contact-title{

  padding-left:30px;
  padding-top:3px;
  font-size: 13px;

}

@media only screen and (min-width: 1200px){

  #custom_contact-title{

    padding-left:45px;

  }

}

#custom_contact-facebook{

  margin-left:13px;
  border-left: 1px solid rgba(255, 255, 255, 0.2);
  padding:0px 12px;

}

#custom_contact-facebook img{

  height:18px !IMPORTANT;

}

.imageLikeIcon{

  height:34px !IMPORTANT;

}

#conditions-to-approve{

  background-color: #ea591b;
  padding:6px;
  padding-left:15px;
  padding-bottom:1px;
  color:white;

}

#conditions-to-approve a{

  font-weight:bold;

}

#conditions-to-approve a:hover{

  color:#414142;

}

#product_comments_block_tab p{

  background-color: #EBEBEB;
  color:#414142;

}

.help-block,.alert.alert-danger.js-error {

  padding:15px 25px !IMPORTANT;
  font-size:14px;
  font-weight:bold;
  border: 1px solid #ea591b;
  color:black;
  background-color: white;
  border-radius:10px;
  margin-bottom:25px;

}

.alert.alert-danger.js-error:after, .alert.alert-danger.js-error > i {

  display:none;

}

.alert.alert-danger.js-error > span {

    margin-bottom:0px;
    display:block;
    margin-left:20px !IMPORTANT;

}

.alert.alert-danger.js-error > span:before{

  position:absolute;
  content:"\26A0";
  display:block;
  margin-left:-20px;
  color:#ea591b;

}

.help-block ul{

  margin-bottom:0px;
  display:inline-block;
  margin-left:20px;

}

.help-block ul:before{

  position:absolute;
  content:"\26A0";
  display:block;
  margin-left:-20px;
  color:#ea591b;

}

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

  .psgdprgetdatabtn17{

    margin-top:5px;

  }

}

.product-cover-modal-close{

  position: absolute;
  top:30px;
  right:20px;
  cursor:pointer;
  animation : color .5s linear 5 forwards;
  -webkit-animation : color .5s linear 5 forwards;
  -o-animation : color .5s linear 5 forwards;

}

.product-cover-modal-close > i {

  font-size:34px !IMPORTANT;

}

.product-cover-modal-close:hover{

  color:#ea591b;

}

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

  .product-cover-modal-close{

    display:block;

  }

}

.isMobile{

  display:none;

}

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

  .isMobile{

    display: block;

  }

  .isNotMobile{

    display:none;

  }

}