/**********************************
	* CSS DOCUMENT
**********************************/	
@font-face{
    /* Texte courant avec la font light */
    font-family:"Ministry";
    src:    url("Fonts/a8c25969-16a0-4158-9955-06070e4d9469.woff2") format("woff2"),
            url("Fonts/9049c274-fbac-41d5-9007-8c4a4385f9c0.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}
@font-face{
    /* Texte en gras avec la font heavy */
    font-family:"Ministry";
    src:    url("Fonts/272e68e3-718e-47f8-951d-2e3588999a48.woff2") format("woff2"),
            url("Fonts/c30f5f11-eef3-4614-b24e-f09ba086b244.woff") format("woff");
    font-weight: bold;
    font-style: normal;
}
@font-face{
  /** TEXTE MEDIUM**/
    font-family:"Ministry Medium";
    src: url("Fonts/e423660f-42fe-475d-8446-a346ca26cf43.woff2") format("woff2"),
         url("Fonts/696cee6b-23ee-4b94-aad7-cae68411190c.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}
/** ====================================================
   GLOBAL RESET
====================================================== */
*, html, body, iframe, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h5, h5, h6, pre, form, label, fieldset, input, p, blockquote, table, th, td, audio, video { margin:0; padding:0; outline:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, img { display:block; }
table { border-collapse:collapse; border-spacing:0; }
table td { vertical-align:top; }
iframe, fieldset, img, a img { border:0 none; }
address, caption, cite, code, dfn, th, var { font-style:normal; font-weight:normal; text-align:left; } 
h1, h2, h3, h5, h5, h6 { font-size:100%; }
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }
nav ul { list-style:none }
ol, ul, li { list-style:none; }
html>body * a { position:relative; }  /* Gets links displaying over a PNG background */
a { outline:none; } /* Gets rid of Firefox's dotted borders */
input, select { vertical-align:middle; }

/* ======================================================
   GENERIQUE
====================================================== */
html { height:100%; /*important for chrome*/ width:100%; }
body { width:100%; font:0.9em/1.4em "Ministry",helvetica, Arial, sans-serif; color:#333; text-align:left; background-color: #fff; }
/*********************************************
	* GLOBAL STYLE
*********************************************/
h1 { margin:0.7em 0; color: #125093; font: bold 2.0em/1.2em "Ministry",helvetica, Arial, sans-serif; text-transform: uppercase; }
h2 { margin:0.7em 0; color: #125093; font: normal 1.2em/1.4em "Ministry",helvetica, Arial, sans-serif; text-transform:uppercase; }
h3 { margin:0.7em 0; color: #125093; font: normal 1.2em/1.4em "Ministry",helvetica, Arial, sans-serif; text-transform:uppercase; }
h4 { font: normal 1em/1.4em "Ministry",helvetica, Arial, sans-serif; text-transform:uppercase; }
h5 { font: normal 1em/1.4em "Ministry",helvetica, Arial, sans-serif; text-transform:uppercase; }
h6 { margin:0.7em 0 0; color: #125093; font: normal 1.0em/1.4em "Ministry",helvetica, Arial, sans-serif; text-transform:uppercase; }

a { color:#e62f39; text-decoration:none }
a:hover, a:focus { color:#e62f39; text-decoration:underline }
strong, b { font-weight:bold; font-family:"Ministry",helvetica, Arial, sans-serif; }
em, i { font-style:italic; }
p { margin:1em auto; max-width: 750px; }
img { width: 100%; max-width: 100%; }
h1 a, h2 a { color: #125093; }
h1 a:hover, h1 a:focus, h2 a:hover, h2 a:focus { color: #125093; }

hr { display:block; margin:1em 0; padding:0; border:none; background-color:#616365; color:#616365; font-size:1px; height:1px; line-height:1px; }

.imgToLeft { float:left; margin: 0 1em 1em 0; }
.imgToLeft { float:left; margin: 0 1em 1em 0; }
.imgToRight { float:right; margin: 0 0 1em 1em; }
.invisible, .hidden { display:none; }
.smaller { font-size:0.8em; }
.fit-contain { margin: 0 auto; width: 100%; height: 100%; object-fit: contain; }
/*.light-font { font-family:'PMNCaeciliaW01-45Light', Georgia; }*/
.msg, .error-msg { color:#e62f39; padding: 0 0.5em; }
.ctn-msg { padding: 1em 0;} /***#039112***/
.ctn-msg .error { background-color: #f4ced6; border-radius: 5px; padding:0.4em; color:#e62f39; } /***#039112***/
.ctn-msg .success { background-color: #dde9be; border-radius: 5px; padding:0.4em; color:#86ba0e; } /***#039112***/
.ctn-msg p { margin: 0.5em 0; } /***#039112***/
.clearing { clear:both; }
.clear-float { clear:both; }
.clear-fix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.tab-pane ul { margin:1em 0; }
.tab-pane ul li { float:none; list-style:disc outside; margin:0 0 0 1em; }

/**BUTTONS**/
.button, .btn { 
  border-radius: 5px; padding:0 2em; line-height: 2em; background-color: #e62f39; border: 0; color: #fff; cursor: pointer; display: inline-block; margin: 1em 0 0;
  text-transform:uppercase;  text-decoration: none; transition: all 200ms ease; vertical-align: middle;
}
.button:hover, .button:focus, .btn:hover, .btn:focus { background-color: #fff; color: #e62f39; text-decoration: none; }
.btn-small { border-radius: 1em; padding: 0.3em 0.7em; line-height: 1.2em }
.btn-round { border-radius: 100%; display: inline-block; padding: 0.3em; }
.btn-disable { background-color: #f1efec; color: #e62f39; cursor: default; }
.button.active { background-color: #f1efec; color: #e62f39; }
.btn-close-filters { float: right; font-size: 1.2em; cursor: pointer; padding: 0.5em 0 0.5em 1em; }
.btn-add-cart { font-size: 1.4em; }
.btn-priceOnDemand, .txt-priceOnDemand { font-family: "ministry medium",arial,helvetica,sans-serif; font-size: 1.2em; font-weight: normal; }
.btn-priceOnDemand { position: relative; top: -14px; }
.btn-add-wishlist, .btn-compare { font-size: 0.9em; }
.btn-compare { background-color: transparent; border: 0; color: #e62f39; cursor: pointer; }
.btn-compare:hover { text-decoration: underline; }
#footer a.btn-facebook { margin:0.5em 1em 0 0; padding-left: 28px; width: auto; height: 20px; background: url('../images/logo_facebook.svg') no-repeat center left; background-size: contain; display: inline-block; font-size: 1em; color: #e62f39; }
#footer a.btn-instagram { margin:0.5em 1em 0 0; padding-left: 28px; width: auto; height: 20px; background: url('../images/logo_instagram.svg') no-repeat center left; background-size: contain; display: inline-block; font-size: 1em; color: #e62f39; }
#footer a.btn-facebook:hover, #footer a.btn-instagram:hover { color: #e62f39; }
/* Formulaires */
form { margin:1em 0; }
form p, form .line { clear:both; margin: 0 0 0.7em; }
form label { padding:0.3em 0; cursor:pointer; text-align: left; }
form input[type="text"], form input[type="password"], form input[type="email"], form textarea, form select { 
  border: 1px solid #eee; color: #616365; height: 27px;
  padding:0.2em 0.5em 0; width:100%; font:normal 1.0em/1.2em "Ministry",helvetica, Arial, sans-serif;
}
input::placeholder, input::-moz-placeholder, textarea::placeholder, textarea::-moz-placeholder {
  color: #616365; opacity: 0.5;
}
form input[type="text"]:focus, form input[type="password"]:focus, form input[type="email"]:focus, form textarea:focus { 
  border-color:#e62f39; 
}
form textarea { height:10.7em; }
form input[type="submit"] { 
  margin:1em 0; padding:0.2em 1em; border:2px solid #f5f4f1; cursor:pointer; transition: all 200ms ease; 
}
form .not-valid input[type="text"] { border: 1px solid #e62f39; }
.ctn-checkbox input { float: left; margin: 4px 4px 4px 0; }

.code-image { clear:both; margin:1em 0; }
.code-image label { display:block; float:none; margin-bottom:0.5em; }
.code-image img { border:medium none; float:left; margin:0 1em 0 0; width:160px; border-radius:inherit; }
.code-image #field-captcha { float: right; height:50px; width:40%; text-align:center; letter-spacing:0.5em; text-transform:uppercase; }

.wrapper { position:relative; margin:0 auto; padding: 0 15px; max-width: 1100px; }
.wrapper:after { clear: both; }
.wrapper-slider { padding: 0; }
/* ======================================================
   HEADER
====================================================== */
#header { border-bottom: 2px solid #00a8e2; position: relative; min-height: 75px; z-index: 1; }
#logo { display: inline-block; margin: 27px 0 10px; }
#logo img { height: 40px; width: auto; }
.ctn-access { font-size: 1em; position: absolute; top: 7px; right: 15px; z-index: 3; }
.ctn-access a { color: #888; padding: 5px 10px 5px 15px; position: static; }
#ctn-btn-compare .btn-compare-list { color: #888; cursor: pointer; }
/**MENU ACOUNT**/
#menu-acount { float: left; position: relative; }
#menu-acount ul { padding:0.5em 1em 0.5em 0; background-color: #eee; display: none; position: absolute; }
#menu-acount ul li { padding: 4px 10px; white-space: nowrap; }
#menu-acount a:hover, #ctn-btn-cart a:hover, #ctn-btn-wishlist a:hover, #ctn-btn-compare a:hover { color: #e62f39; text-decoration: none; }
#menu-acount a .text, #ctn-btn-cart a .text, #ctn-btn-wishlist a .text { display: none; }
.menu-access a { padding: 0.5em 0; color: #333; }
#ctn-btn-cart, #ctn-btn-wishlist, #ctn-btn-compare { float: left; padding-right: 3px; position: relative; }
#ctn-btn-cart a .nb-articles, #ctn-btn-compare a .nb-articles { 
  background-color: #e62f39; border-radius: 7px; font-size: 0.7em; color: #fff; display: inline-block;
  position: absolute; top: 0; right: 0; line-height: 1.8em; height: 15px; width: 15px; text-align: center;
}
#ctn-btn-compare .btn-compare-list .text { 
  background-color: #fff; display: none; font-size: 0.85em; line-height: 1.6em; position: absolute; left: 0; top: 100%; white-space: nowrap; z-index: 4;
}
.picto-compare {
  background: url('../images/picto-compare.svg') no-repeat center right; background-size: contain; display: inline-block;
}
.btn-compare .picto-compare { height: 10px; width: 18px; margin-right: 3px; }
.btn-compare-list .picto-compare { height: 10px; width: 18px; margin: 0 2px -1px; }

#form-search { position: relative; margin: 0 0 10px; }
#form-search input { font-size: 16px; padding-right: 24px; }
#form-search .btn-search { 
  background-color: transparent; border:none; color: #888; font-size: 1.1em; padding: 3px 0; position: absolute; top: 0; right: 0; width:24px; cursor:pointer; 
}

#form-findADealer { background-color: #eee; position: relative; }
#form-findADealer .blk-search { padding: 0.5em 1em; position: relative; }

.list-dealers { padding-bottom: 5px; width: 100%; }
.list-dealers .list-item { 
  border-bottom: 1px solid #eee; cursor: pointer; padding: 0.5em 20px 0.5em 7px;
}
.list-dealers .list-item:hover {  background: #eee url(/template/images/blue-dot.png) no-repeat center right; }
.list-dealers h2, .list-dealers p { padding: 0; margin: 0 }
.list-dealers .list-item .distance { font-family: "Ministry Medium",arial,helvetica,sans-serif; }
.ctn-btn-dealers { border-top: 1px solid #eee; padding: 1em 0; }
.vignette { max-width: 233px; }
#gmap { width: 100%; height: 450px; }
.marker-infos { width: 250px; }
.marker-infos h2, .marker-infos p { margin: 0; }
/* ======================================================
   MAIN, CONTENT
====================================================== */
#content { position: relative; }
#content h1 { text-align: center; }
#content .wrapper { margin-bottom: 3em; }
#content .wrapper-slider { margin-bottom: 0; }

#form-filters { margin: 10px 0 20px; }
#form-filters select { font-size: 0.9em; max-width: 100%; }
#form-filters select:first-of-type { width: 30%; }
#form-filters select:last-of-type { width: 68%; }

#toggle-filters { display: block; margin-top: 0; margin-bottom: 0.5em; padding: 0 1em; text-align: center; }
#ctn-filters { 
  display: none; min-height: 20px; position: absolute; top: 0; background-color: #fff; box-shadow: 2px 3px 3px rgba(0,0,0,0.3);
  margin-left: -15px; padding: 10px 15px 0 15px; width: 100%; z-index: 1;
}
#ctn-filters h3 { font-weight: bold; }
#content .list-filters li { color: #125093; list-style: none; margin: 0.5em 0; }
.list-filters { max-width: 350px }
.list-filters .parent { border-top: 1px solid #eee; padding-top: 0.5em; }
.list-filters li input { margin-right: 0.2em; margin-left: 0.2em; }
.list-filters li span { display: block; }
.list-filters li .cat { cursor: pointer; }
.list-filters li a { color: #125093; }
.list-filters li i { color: #e62f39; cursor: pointer; float: right; padding: 0 0.7em; }
.list-filters .childs { display: none; margin: 0 0 1em; }
.list-filters .childs.active { display: block; }

.ctn-flex-grid { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-flow: row wrap;
  -webkit-box-pack: left; -webkit-justify-content: left; -ms-flex-pack: left; justify-content: flex-start; 
}
.thumbs { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
.ctn-flex-grid .grid-item { position: relative; display: inline-block; margin: 1em 0; flex-grow: 1; }
.thumbs .grid-item { flex-grow: 0; }
.grid-2-cols .grid-item, .grid-3-cols .grid-item, .grid-4-cols .grid-item { /*margin: 1em 0;*/ width: 100%; }
.ctn-flex-grid .team-item { text-align: left; }
.ctn-flex-grid .team-item img { margin: 0 auto 0 0; width: auto; max-height: 160px; border: 3px solid #eee; }
.ctn-flex-grid .producers { padding: 0 1em; }
/**BANNERS PUB**/
.ctn-pub { margin-bottom: 2em; }
.ctn-pub .blk { position: relative; }
.ctn-pub .blk a { position: absolute; top: 0; bottom: 0; left: 0; right: 0; }
.ctn-pub .blk .text { position: absolute; top: 0; padding-left: 20px; }
.ctn-pub .blk .text.bottom { top: auto; bottom: 2px; }
.ctn-pub .blk .text h3 { color: #fff; font: normal 1.5em/1.1em "Ministry Medium",helvetica, Arial, sans-serif; text-transform: none; }
.ctn-pub .red .text h3 { color: #e62f39; }
/*
.ctn-pub .grid-item:first-child { padding-left: 0; }
.ctn-pub .grid-item:last-child { padding-right: 0; }
*/
/**PRODUCTS LIST**/
.shop-item, .producers { text-align: center; }
.shop-item .ctn { border: 1px solid transparent; padding: 10px 6% 48px; position: relative; height: 100%; min-height: 150px; }
.shop-item h2 { margin-bottom:0; }
.shop-item .item-link { position: absolute; top: 0; bottom: 40px; left: 0; right: 0; }
.shop-item .ctn-image, .producers .ctn-image { height: 150px; display: flex; justify-content: center; align-items: center; }
.producers .ctn-image { height: 80px; }
.shop-item .ctn-image img, .producers .ctn-image img { width: auto; margin: 0 auto; max-height: 150px; }
.producers .ctn-image img { max-height: 80px; }
.shop-item .item-price-buy, #slider-products .list-item .item-price-buy { 
  color: #125093; font-weight:bold; position: absolute; bottom: 0; left: 0; margin: 0; padding: 0 15px 20px; white-space: nowrap; line-height: 1.2em; 
  left: 50%; -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); 
}
.shop-item .item-price-buy { max-width: 200px; width: 100%; text-align: left; }
.shop-item .blk-buy { position: absolute; right: 12px; top: -4px; }
#slider-products .list-item .base-price { 
   font-size: 0.8em; font-weight: normal; position: absolute; 
  -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%);
}
.shop-item .base-price { font-size: 0.8em; font-weight: normal; position: absolute; }
.shop-item .base-price span,  #slider-products .list-item .base-price span { text-decoration: line-through; }
.shop-item .ellipsis p { margin-top: 0; }
.shop-item .stock, .ctn-stock .stock { 
  border: 1px solid #009933; border-radius: 4px; display: inline-block; height: 8px; width: 8px; margin-right: 0.25em; margin-top: 10px;
}
.ctn-stock { font-family: arial, helvetica, sans-serif; font-size: 0.9em; }
.ctn-stock.active .stock, .stock.active { background-color: #009933; }
.ctn-stock.pending .stock, .stock.pending { background-color: #ffcc33; border-color: #ffcc33; }
.ctn-stock.off .stock, .stock.off { background-color: #fff; border-color: #999; }
.ctn-stock.active { color: #009933; }
.ctn-stock.pending { color: #ffcc33; }
.ctn-stock.off { color: #999; }
/**DETAILS PRODUCT**/
.ctn-breadcrumbs { min-height: 1px; }
.shop-item-detail { margin: 2.5em 0; min-height: 440px; position: relative; }
#content .shop-item-detail h1 { font-weight: normal; font-size: 2em; line-height: 1em; margin: 0.5em 0; text-align: left; }
.shop-item-detail .top-infos { padding-bottom: 30px; position: relative; }
.shop-item-detail .top-infos .text { font-size: 1.2em; font-family: "Ministry Medium",helvetica, Arial, sans-serif; }
.shop-item-detail .top-infos .btn-add-cart { 
  display: inline-block; font-weight: bold; margin-top: 1em; margin-right: 1em;
}
.shop-item-detail .top-infos .btn-add-wishlist, .shop-item-detail .top-infos .btn-compare { 
  display: inline-block; }
.form-compare { display: inline-block; margin: 0; }
.blk-features { margin: 0.5em 0; }
.top-infos .price { color: #e62f39; float: right; font-weight:bold; font-size: 1.4em; line-height: 1em; text-align: right; }
.top-infos .price span { color: #125093; font-size: 0.6em; font-weight: normal; line-height: 1em; }
.top-infos .price .base-price { text-decoration: line-through; }
.shop-item-detail .ctn-image { margin: 0 auto; max-width: 480px; }
.ctn-image .main-image { display: block; height: 330px; width: 80%; margin: 0 auto; }
.ctn-image .thumbs .grid-item { height: 100px; width: 18%; margin-right: 1%; margin-left: 1%; }
.main-infos .tab-menu { display: none; margin: 0 0 -5px; padding: 0 15px; }
.main-infos .tab-content { clear: both; margin-left: -15px; margin-right: -15px; }
.main-infos .tab-pane { background-color: #eee; min-height: 150px; padding: 15px 15px 20px; }
.main-infos .tab-pane h3 { border-bottom: 3px solid #e62f39; font-size: 1em; font-weight: bold; }
#related-products { margin: 3em 0; padding: 0 15px; text-align: center; }
#related-products h2 { font-weight: bold; margin-bottom: 20px; }

.list-bulleted { margin-top: 30px; text-align: left; }
.list-bulleted li { padding: 0 0 10px 32px; position: relative; }
.list-bulleted li .textBig { line-height: initial; }

.list-collapsible-wrapper { margin: 1em 0; }
.list-collapsible { border-radius: 5px; background-color: #f1efec; margin-bottom: 0.7em; width: 100%; text-align: left; }
.collapsible-header { cursor: pointer; padding: 1em 40px 1em 1em; position: relative; }
.collapsible-header h3 { margin: 0; }
.collapsible-header span { position: absolute; right: 20px; top: 0; bottom: 0; }
.collapsible-content { display: none; padding: 0 40px 20px 20px; }
.collapsible-content:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.collapsible-content .imgwrapper { float: left; margin-right: 1%; width: 24%; }
.collapsible-content .imgwrapper img { border-radius: 100%; }
.collapsible-content p { float: right; margin-left: 1%; width: 74%; }
/***TABS***/
.tab-menu li a { color: #bbb; font-weight: bold; display: block; height: 100%; text-transform: uppercase; text-decoration: none; }
.tab-menu .active a { border-bottom: 3px solid #e62f39; color: #125093; }
.tab-menu li:hover a, .tab-menu li:focus a { color: #125093; }

.ctn-tabs .tab-pane { background-color: #eee; display: none; padding: 2em; position: relative; }
.ctn-tabs .tab-pane.active { display: block; }
/**COMPTE, ORDER**/
.text-profile { text-align: center; }
.tb-list, .tb-cmd { width: 100%; }
.list-commandes { min-width: 390px; }
.tb-list th { border-bottom: 1px solid #d3cfd1; background-color: #eee; padding: 5px 3px 2px; }
.tb-list td { border-bottom: 1px solid #d3cfd1; padding: 5px 3px; }
.tb-list .no-border td { border-bottom: 0 none; }
.tb-list .hidden-ln { display: none; }
.tb-list .adr { float:left; margin:10px 0 0 0; width:46%; }
.tb-list .adr h4 { padding: 0; }
.tb-list .btn-edit-address, .tb-list .btn-new-address, .tb-list .details-cmd { 
  float: right; font-size: 0.9em; margin-top: 0; padding: 0 1em; white-space: nowrap; 
}
.tb-list .tracking { clear: both; margin: 10px 0 0; }
.tb-list .tracking h4 { padding: 10px 0 0; }
.tb-list .cmd-details { padding: 10px 20px; }
.list-commandes .col-payment, .list-adresses .col-address { display: none; }
/*********LIST MON COMPTE************/
.list-set { margin-top: 5px; }
.list-set h2 { font-weight: bold; margin-top: 0; }
.list-set .list-item { position: relative; padding: 10px 0 20px; border-bottom: 2px solid #e62f39; }
.list-item:last-child { border-bottom: 0; }
.item-orders .list-collapsible-content { overflow-y: auto; }

#form-login, #form-password { max-width: 450px; margin: 0 auto 3em; }
.ctn-order #form-login { margin: 0 0 3em; }
#form-password { max-width: 580px; }
#form-register { margin-bottom: 3em; }

/****PANIER****/
.empty-cart { border-top: 1px solid #00a8e2; border-bottom: 1px solid #00a8e2; }
.tb-panier { width: 100%; }
.tb-panier.tb-bottom { margin-bottom: 20px; }
.tb-panier .item-row { border-bottom: 1px solid #00a8e2; padding: 10px 0; }
.tb-panier .item-column { padding-bottom: 5px; }
.tb-panier .head .item-column { display: none; font-weight: bold; padding-bottom: 5px; vertical-align: bottom; }
.tb-panier .item-column .si-icon { height: 72px; margin-top: -39px; width: 102px; }
.tb-panier .item-column img { max-width: 100px; float: left; margin-right: 10px; }
.tb-panier .total, .tb-panier .price { width: 100%; white-space: nowrap; }
.tb-panier .tarticles, .tb-panier .tamount { float: left; font-weight: bold; width: 50%; }
.tb-panier .total, .tb-panier .tamount { text-align: right; }
.tb-panier .total::before { content: "Total: "; }
.tb-panier .ln-frais .total, .tb-panier .ln-frais .item-column { 
  background-color: transparent; float: left; padding: 0 3px; 
}
.tb-panier .ln-frais .total { float: right; }
.tb-panier .ln-frais .total:before { content: "" }
.tb-panier .image { float: none; padding-left: 0; width: 110px; }
.tb-panier .head .image { padding-left: 0; padding-bottom: 0; width: auto; }
.tb-panier .actions { padding-right: 0; width: 150px; }
.tb-panier .btn-wishlist { float: left; font-size: 1.4em; }
.tb-panier .item-column .si-btn { float: right; line-height: 35px; margin-right: 0; margin-left: 70px; text-indent: -55px; text-decoration: none; }
.tb-panier .item-column .smallpicto-ebook { left: -10px; margin-left: 0; text-indent: -9999px; }
.tb-panier .actions .btn-del-list { margin-bottom: 10px; }
.tb-panier .action-line .item-column { padding: 10px 0 10px 10px; vertical-align: middle; }
.tb-panier .qty form { float: left; margin: 0 5px 0 0; }
.tb-panier .qty .qty-input { padding: 2px 4px; width: 35px; }
.tb-panier .qty .btn-qty-ok { margin: 0; padding: 0 0.3em; }
.tb-panier .qty .btn-del-item, .tb-panier .qty .btn-plus, .tb-panier .qty .btn-minus { 
  color: #e62f39; border: 1px solid #e62f39; border-radius: 12px; float: left; font-size: 1.4em;
  line-height: 1.1em; margin-right: 5px; width: 24px; height: 24px; text-align: center;
}
.tb-panier .qty .btn-del-item { font-size: 1em; line-height: 1.6em; }
.tb-panier .qty a:hover, .tb-panier .qty a:focus { text-decoration: none; }

.ctn-order .ctn-answer { text-align: center; }

.ctn-adresses, .ctn-checkout { padding-top: 10px; }
.ctn-info-paiement img { float: left; margin-bottom: 10px; margin-right: 30px; width: 25%; }
.form-cart h2 { border-bottom: 1px solid #00a8e2; padding-bottom: 10px; }
.ctn-condition { margin: 1.5em 0; }
.mi-checkbox, .mi-radio { cursor: pointer; min-height: 25px; margin-bottom: 10px; position: relative; z-index: 1; }
.mi-checkbox { margin-left:25px; }
.mi-radio .btn-text img, .mi-radio .btn-text .txt { float: left; margin-right: 5px; }
.mi-radio #creditcard { float: left; margin: 5px 5px 0 0; }
.blk-read { margin-left:0 !important; }

/***PAGINATION****/
.pagination { margin:10px 0; height:30px; text-align: center; }
.pagination a, .pagination a:hover, .pagination a:focus { color:#54504f; text-decoration:none; }
.pagination .si-btn { margin:0 0.2em; }
.pagination .ctn-links { float:left; }
.pagination .pag-link, .pagination .current { 
  border:1px solid #fff; border-radius: 12px; color:#54504f; margin:0 0.2em; width: 24px; height: 24px; display: inline-block;
}
.pagination .pag-link:hover, .pagination .pag-link:focus { color:#e62f39; border:1px solid #e62f39; text-decoration:none; }
.pagination .current { color:#e62f39; border:1px solid #e62f39; }
.pagination .disabled { display:none; }
/* ======================================================
   FOOTER
====================================================== */
#footer { position: relative; background-color: #001933; color: #fff; }
#footer .logo { display: block; margin-top: 4px; width: 120px; }
#footer a { color: #fff; }
#footer a:hover, #footer a:focus { color: #fff; text-decoration: underline; }
#footer .links a { text-transform: uppercase; }
.blks-footer { padding-top: 1em; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-flow: row wrap; }
.blks-footer .column { margin: 1.5em 0; width: 100%; text-align: left; flex-grow: 1; }
.blks-footer .col2 { padding: 1.5em 0; border-top: 1px solid #485a6d; border-bottom: 1px solid #485a6d; }
.col1 p { padding-left: 2.5em; position: relative; }
.col1 i { font-size: 1.5em; position: absolute; left: 0; }
.col1 .ln-email, #footer .ln-email a { color: #e62f39; }
.copyright { padding: 20px 0 15px; line-height: 12px; font-size: 0.75em; text-align: center; }
/**
 * Sticky Hotline
**/
.sticky-hotline { 
  background-color: #e62f39; border: 3px solid #e62f39; border-radius: 30px; box-shadow: 0 0 7px 1px rgba(0,0,0,0.4); color: #fff; display: none; padding: 5px 5px 5px 5px; 
  position: fixed; bottom: 50px; right: 5px; min-height: 53px; min-width: 53px; font-family: "Ministry W00 Medium",helvetica, Arial, sans-serif; max-width: 220px; text-align: center;
}
.sticky-hotline .icon-phone { cursor: pointer; font-size: 1.6em; position: absolute; left: 7px; top: 50%; margin-top: -11px; }
.sticky-hotline .is-mobile { padding: 0 10px; }
.sticky-hotline .is-big-screen { display: none; }
.sticky-hotline a { color: #fff; display: none; font-size: 1.5em; text-decoration: none; }
.sticky-hotline a .txt { display: block; font-size: 0.6em; line-height: 1em; text-transform: uppercase; text-align: center; }
/* ======================================================
   MENU
====================================================== */
#toggle-menu { 
  color: #333; display: inline-block; font-size: 2em; position: absolute; bottom: 37px; right: 10px; text-decoration: none; z-index: 2; 
}
#menu { 
  background-color: #fff; box-shadow: 1px 3px 2px rgba(0,0,0,0.3); display: none; 
  padding-top: 10px; position: absolute; top: 100%; left: 0; width: 100%; 
}
#menu.active { display: block; }
.btn-menu { position: relative; }
.btn-menu a {
	border-top: 1px solid #eee; color:#333; display:block; padding:8px 15px; text-decoration:none; text-transform:uppercase; white-space: nowrap; text-align: center;
}
.btn-menu a:hover, .btn-menu a:focus { color: #e62f39; }
ul#menu li.btn-menu:nth-child(4) a { font-weight:bold; }
ul#menu li.btn-menu:nth-child(4) a::before { display: inline; margin-right: .2em; content:'%'; color:#e62f39; vertical-align:sub; }
ul#menu li.btn-menu:nth-child(4) a::after { display: inline; margin-left: .2em; content:'%'; color:#e62f39; vertical-align:super; }
#menu .active a { color: #e62f39; }
/**Menu langs***/
#select-lang { position: relative; float: right; }
#select-lang .selected-text { 
  color: #888; cursor: pointer; display: block; padding: 0 15px 0 10px; position: relative; text-decoration: none; 
}
#select-lang .selected-text .icon-down-dir { position: absolute; right: -1px; font-size: 1.1em; }
#select-lang .menulang { background-color: #eee; display: none; position: absolute; }
.menulang .btn-menu { display: block; padding: 0; }
.menulang .btn-menu a { margin: 0; text-transform: none; }
.menulang .active { display: none; }

.ellipsis { overflow: hidden; position: relative; height: 64px; }
.ellipsis:before { content:""; float: left; width: 5px; height: 64px; }
.ellipsis > *:first-child { float: right; width: 100%; margin-left: -10px; }
.ellipsis:after {
  content: "..."; box-sizing: content-box; -webkit-box-sizing: content-box; -moz-box-sizing: content-box;
  float: right; position: relative; top: -22px; left: 100%; width: 1.5em; margin-left: -1.5em; padding-left: 10px;
  text-align: left; font-size: 1.2em; background-size: 100% 100%; 
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABqoAAAABCAMAAACRxg/eAAAABGdBTUEAALGPC/xhBQAAAwBQTFRF////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////AAAA////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////wDWRdwAAAP90Uk5Tfet1sDrNWZIeSRDcocCFLWj1CbhSfuMl1EGoYJkYM8Zui/rwBk15FefYKrxGtKydZQzfIdDJNj1VpFyVcY6BBBwxw2yI/Pfy7RInQ09ie5B0eIMDD+kb5eEk2tbSMMs5QL66tkyyrqpYpl+fm5drAf0H+AoN8+4TFhkf3SIoKwDONDfHO8Q+wURHSlBTVlqiXWNmaZNvcox2iYZ/fAL+9vsFCPkL9A4R8e/sFOjqFxrm5B3i4CDeIybb2SnX1SzT0S/PMsw1yjjIxTzCP79CvbtFuUi3tUuzTrGvUa1Uq6lXp6Vbo16gYZ6cZJpnmJZqlG2RcI9zjYp6d4eChIAu7+D8pQAAASFJREFUOMtjqK+fG2y/UKVwkVDxEsOSZSFcyz3LV6tXrJOtXB/msImjaqtxzfZI8R1etbu16vbx/zsY63hYrvGoWdPxeJaWU+ZtZxIkz3l3XNTpvMzZdS1F9YZP922RnrsWvQ8y2PoeW014miX93HfiK4NJbwQmv89z/qgw9bPNtK8BTDN+Bqr98JvDIDr7r93voD98s365zPyuOP2b7Rf/T+xTPli/y30r8zrnpf6L7Gc8/U8sH2U+lLqffk/vTtot5pup13WvJl8RvpR0Qft84lne9tNOrSflm0+YHos7wtpwyORAzH6JvdF7NHdF7eSu3ma0JWKz2MbwDRprQtcyrvIoW6m8wr10qeB8t6LFSgtcC+b9HwWjYBSMglEw2AEA3ckkQdBniOMAAAAASUVORK5CYII=);
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(white), color-stop(25%, white));
  background: -moz-linear-gradient(to right, rgba(255, 255, 255, 0), white 25%, white);     
  background: -o-linear-gradient(to right, rgba(255, 255, 255, 0), white 25%, white);
  background: -ms-linear-gradient(to right, rgba(255, 255, 255, 0), white 25%, white);
  background: linear-gradient(to right, rgba(255, 255, 255, 0), white 25%, white);
}

/*********SLIDER***********/
#slider { position: relative; width: 100%; overflow: hidden; margin-bottom: 0; }
#slider.mi-slider { height: 180px; }
/*#slider.slick-initialized { height: auto; }*/
#slider .slide { position: relative; width: 100%; }
#slider .slide a { position: absolute; top: 0; bottom: 0; left: 0; right: 0; }
#slider .btn-direction { border: none; outline: none; position: absolute; top: 50%; display: block; padding:.4em; font-size: 1.5em; cursor: pointer; color: #eee; background-color:transparent; z-index: 2; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); }
#slider .btn-direction:hover { color: #f42534; }
#slider .btn-prev { left: 0; }
#slider .btn-next { right: 0; }

.ctn-new-products { padding: 3em 15px; text-align: center; }
#slider-products .slick-track { margin: 0 auto; }
#slider-products .btn-direction { 
  border: none; outline: none; background: transparent; position: absolute; top: 50%; display: block; padding: 0; font-size: 1.8em; cursor: pointer; color: #e62f39; z-index: 2;
  -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%);
}
#slider-products .btn-prev { left: -20px; }
#slider-products .btn-next { right: -20px; }
#slider-products .list-item { display: inline-block; padding: 1px 0; width: 24%; }
#slider-products .list-item .ctn { border: 2px solid transparent; margin: 0 5%; padding: 10px 5% 38px; position: relative; height: 100%; min-height: 150px; }
#slider-products .list-item:hover .ctn { border-color: #eee; }
#slider-products .list-item h3 { margin-bottom:0; }
#slider-products .list-item a { position: absolute; top: 0; bottom: 0; left: 0; right: 0; }
#slider-products .list-item .ellipsis p { margin-top: 0; }
.list-item .ctn-image { height: 150px; display: flex; justify-content: center; align-items: center; }
.list-item .ctn-image img { width: auto; margin: 0 auto; max-height: 150px; }
#slider-products .prix { 
  color: #125093; font-weight:bold; position: absolute; bottom: 7px; left: 50%; margin: 0; padding: 0 15px; white-space: nowrap;
  -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); 
}
#slider-products .list-item .btn { 
  background-color: #EB363F; color: #fff; font-weight:normal; position: absolute; top: 50%; bottom: auto; left: 50%; right: 0; margin: 0; padding: 4px 15px; width: 90%;
  font-weight: bold;
  -ms-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); 
}

#slider.slider-new { height: calc(100vw * 12 / 16); min-height: 200px; }
.slider-new .slick-list { height: 100%; }
.slider-new .slick-track { height: 100%; }
.slider-new .slide img { object-fit: cover; height: 100%; }
.slider-new .slide p { 
  position: absolute; top: 50px; left: 22px; font-size: 4vw; line-height: 1.1; max-width: 850px; padding-left: 35px;
}
.slider-new .slide p strong, #slider .slide p b { font-weight: 900; }
.slider-new .slide p .point { 
  background: #f42534; border-radius: 50%; display: block; position: absolute; top: 5px; left: 0; height: 20px; width: 20px;
}
.slider-new .slide .text-border { background-color: #f82752; display: block; position: absolute; width: 100px; height: 10px; margin-top: 10px; }
.slider-new .slide a { position: absolute; top: 0; bottom: 0; left: 0; right: 0; }
.slider-new .slide p.top-left { top: 5px; left: 3%; margin-right: 7%; }
.slider-new .slide p.bottom-left { top: auto; bottom: 40px; left: 3%; margin-right: 7%; }
.slider-new .slide p.top-right { top: 5px; right: 3%; left: auto; margin-left: 7%; }
.slider-new .slide p.bottom-right { top: auto; bottom: 40px; right: 3%; left: auto; margin-left: 7%; }
.slider-new .slide .top-right .text-border, #slider .slide .bottom-right .text-border { right: 0; }
.slider-new .slide p.black { color: #000; }
.slider-new .slide p.white { color: #fff; }

.debug { display: none; }
/**=====================================================
   ECRANS petits: smartphones
====================================================== */
@media (min-width:480px) {
  #logo { margin-bottom: 28px; }
  #form-search { position: absolute; right: 55px; bottom: 12px; margin: 1em 0; width: 190px; }
  #toggle-menu { bottom: 27px; }
  #form-filters { margin-top: 0; text-align: right; }
  #form-filters select { width: auto !important; }
  #menu-acount a .text, #ctn-btn-cart a .text, #ctn-btn-wishlist a .text { display: inline; }
  #toggle-filters { display: inline-block; float: left; margin-bottom: 0; }
  #content .shop-item-detail h1 { margin: 0.5em 150px 0.5em 0; }
  .top-infos .price { position: absolute; right: 0; top: 2.5em; }
  .main-infos .tab-menu { display: block; padding: 0; }
  .main-infos .tab-pane { display: none; }
  .main-infos .tab-pane.active { display: block; }
  .main-infos .tab-pane h3 { display: none; }

  .ctn-tabs .tab-menu { padding-left: 2em; }
  .tab-menu li { float: left; margin-right: 20px;}

  .grid-4-cols .grid-item { width: 50%; /*padding-left: 2%; padding-right: 2%;*/ }
  .ctn-products .grid-3-cols .grid-item { width: 50%; /*padding-right: 2%; padding-left: 2%;*/ }
  .grid-2-cols .grid-item { width: 50%; /*padding-right: 2%; padding-left: 2%;*/ }

  #form-envoi select, #form-paiement select { width: 50%; }
  .list-commandes .col-payment, .list-adresses .col-address { display: table-cell; }
}
@media (min-width:640px) {
  .ctn-pub .grid-item { width: 33.33%; padding: 0 1.5%; }

  .ctn-order .blk-login, .ctn-order .blk-customer { float: left; width: 50%; }
  .ctn-order .blk-login { padding-right: 10px; }
  .ctn-info-paiement img { width: auto; }

  .tb-panier { display: table; }
  .tb-panier .item-row { display: table-row; }
  .tb-panier .item-column, .tb-panier .head .item-column { 
    border-bottom: 1px solid #00a8e2; display: table-cell; padding: 15px 10px; vertical-align: top; 
  }
  .tb-panier .item-column:first-child { padding-left: 0; }
  .tb-panier .empty-cell { width: 40%; }
  .tb-panier .qty { width: 150px; }
  .tb-panier .item-column .only-mobile { display: none; }
  .tb-panier .total, .tb-panier .price, .tb-panier .tarticles, .tb-panier .tamount { float: none; width: auto; }
  .tb-panier .total::before, .tb-panier .price::before { content: ""; }
  .list-panier .ln-frais .total, .list-panier .ln-frais .item-column { float: none; padding: 15px 10px; }
  .slider-new .slide p { font-size: 3vw; padding-left: 40px; }
  .slider-new .slide p .point { height: 25px; width: 25px; }
}
/**=====================================================
   ECRANS moyens: tablettes
====================================================== */
@media (min-width:768px) {
  body { font-size: 0.9em; }
  h1 { font-size: 2.5em; }
  #logo { margin-top: 15px; }
	#logo img { height: 50px; }
  .ctn-access { font-size: 0.9em; }

  #toggle-filters { display: none; }
  #ctn-filters { display: block; width: 25%; float: left; padding: 0 2% 0 0; margin: 0; position: static; box-shadow: none; }
  #ctn-filters .btn { margin: 0 0 1em; }
  #ctn-filters form, #ctn-filters h3:first-of-type { margin-top: 0; }
  .btn-close-filters { display: none; }
  .ctn-products { padding-left: 2%; border-left: 2px solid #eee; min-height: 300px; width: 75%; float: left; }
  .products-top .ctn-breadcrumbs { margin-top: 4px; float: left; }

  #slider.slider-new { height: calc(100vw * 9 / 16); }
  .slider-new .slide p.top-left { top: 30px; }
  .slider-new .slide p.top-right { top: 30px; }
	.slideTxt h2 { font-size:2.4em; }
	.slideTxt p { font-size:1.1em; line-height: 1.3em; }
  #slider .slick-next, #slider .slick-prev { display: block; }

  .column { width: 40%; }

  form .form-column { float: left; margin-right: 1%; width: 49%; }
  form .form-column:nth-of-type(2n) { margin-right: 0; margin-left: 1%; }

  .tb-items .col-date { display: table-cell; }

  .grid-4-cols .grid-item { width: 25%; }
  .grid-2-cols .grid-item { width: 50%; }

  .ctn-adresses .adr-facture, .ctn-adresses .adr-livraison { float: left; width: 50%; }
  .tb-panier .total, .tb-panier .price, .tb-panier .discount, .tb-panier .tamount { text-align: right; }

  #form-envoi select, #form-paiement select { width: 30%; }

  #form-findADealer .blk-search { float: left; width: 25%; }
  .list-dealers { float: left; margin-right: 2%; width: 33%; height: 650px; overflow-y: auto; }
  #gmap { width: 65%; height: 650px; }

  .blks-footer .column { padding: 0.5em 1.5%; width: 33.33%; }
  .blks-footer .col1 {  }
  .blks-footer .col2 { border: 0; border-left: 1px solid #485a6d; border-right: 1px solid #485a6d; }
  .blks-footer .links { padding-right: 0; }
}
@media (min-width:960px) {
  .wrapper-slider { padding: 0 15px; }
  
  #select-lang .menulang { background-color: #f1efec; margin: 0; }
  .menulang .btn-menu a { padding: 10px; }

  .shop-item-detail { margin: 5em 0; }
  .shop-item-detail .top-infos { border-left: 2px solid #eee; padding: 0 0 2em 2em; margin-left: 50%; }
  .shop-item-detail .ctn-image { float: left; margin: 0 2%; width: 45%; position: absolute; top: 10px; }
  .shop-item-detail .main-infos { border-left: 2px solid #eee; margin-left: 50%; }
  .main-infos .tab-menu { padding-left: 2em; }
  .main-infos .tab-content { margin: 0; }
  .main-infos .tab-pane { padding: 2em; }

  .ctn-products .grid-3-cols .grid-item, .grid-3-cols .grid-item { width: 33.33%; /*padding-right: 2%; padding-left: 2%;*/ }

  .tb-panier .item-column img { display: block; }

  #slider .slick-next { right: 25px; }
  #slider .slick-prev { left: 25px; }
	.slideTxt h2 { font-size:2.7em; }
	.slideTxt p { font-size:1.2em; line-height: 1.4em; }
  .slider-new .slide p { font-size: 2.8vw; padding-left: 50px; }
  .slider-new .slide p .point { height: 30px; width: 30px; }
  .slider-new .slide p.top-left { left: 7%; }
  .slider-new .slide p.bottom-left { left: 7%; }
  .slider-new .slide p.top-right { right: 7%; }
  .slider-new .slide p.bottom-right { right: 7%; }

  .debug { display: block; }
}
@media (max-width: 959px) and (orientation: landscape) {
  #slider.slider-new { max-height: calc(100vh - 100px); }
  .slider-new .slide p.top-left { top: 5px; }
  .slider-new .slide p.top-right { top: 5px; }
}
@media (min-width: 960px) and (orientation: landscape) {
  #slider.slider-new { max-height: calc(80vh - 100px); }
}

/**=====================================================
   ECRANS + grands
====================================================== */
@media (min-width:1080px) {
  #form-search { right: 15px; }
  #toggle-menu { display: none; }
  #menu { box-shadow: none; display: block; margin-left: 0; padding-top: 0; width: auto; float: none; top: auto; bottom: 5px; left: 25%; }
  .btn-menu { display:inline-block; }
  .btn-menu a { border-top: 0; line-height: 18px; margin: 11px 2px; padding: 10px 7px; }
  #menu .btn-menu:first-child { margin-left: -12px; }
  #menu .sub-menu { background-color: #f1efec; position: absolute; margin-left: -20px; }
  #menu .sub-menu .btn-menu { width: 100%; margin: 0; }
  #menu .sub-menu .btn-menu a { background-color: transparent; color: #e62f39; font-size: 16px; padding: 10px 20px; margin: 0; }
}
@media (min-width:1120px) {
  .sticky-hotline { padding-left: 50px; right: 20px; height: 53px; width: 190px; text-align: left; }
  .sticky-hotline .is-big-screen { display: block; }
  .sticky-hotline .is-mobile { display: none; }
  .sticky-hotline .icon-phone { font-size: 1.6em; position: absolute; left: 10px; top: 50%; margin-top: -12px; }
  .sticky-hotline .txt { display: block; font-size: 0.9em; line-height: 1em; text-transform: uppercase; }
  .sticky-hotline .tel { color: #e62f39; display: none; padding: 8px 0; font-size: 1.5em; }
  .sticky-hotline:hover { background-color: #fff; padding-left: 5px; text-align: center; width: 190px; }
  .sticky-hotline:hover .tel { display: block; }
  .sticky-hotline:hover .txt, .sticky-hotline:hover .icon-phone { display: none; }
}
@media (min-width: 1280px) {
  #slider.slider-new { height: calc(100vw * 8 / 16); }
  .slider-new .slide p { font-size: 2.4em; }
}