/**
 * File for custom CSS. You can use it to override the default styling of the theme.
 *
 * 1. Copy the file "default.override.css" and rename it to "override.css".
 * 2. Enable it in the admin panel.
 *
 */

@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);
@import url(https://fonts.googleapis.com/css?family=Exo+2:600,300,300italic,400,400italic,500,500italic,600italic,700,700italic,800,800italic,900,900italic);
@import url(https://fonts.googleapis.com/css?family=Droid+Sans:400,700);
@import url(https://fonts.googleapis.com/css?family=Droid+Serif:400,400italic,700,700italic);

body { border: none; font-family: 'Droid Serif', serif;}


/*---------- TOPBAR ----------*/
.header-container .links li a {color: #fff !important; font-size: 13px; line-height: 40px; font-family: 'Droid Serif', serif; }
.links li.separator { display: none}
.leftmenu .links li { margin-right:20px;}
.rightmenu > ul.links { text-align: right;}
.rightmenu  li {}
.rightmenu  li a[href*="phone:"] {font-family: 'Open Sans', sans-serif; font-weight: bold; padding-left:22px; background:url(../images/Phone-26.png) no-repeat left center; line-height: 40px; display: inline-block; background-size: 17.5px; font-size: 14px; margin-right: 20px;}
.rightmenu  li a[title="Connexion"], .rightmenu  li a[title="Déconnexion"] {background:url(../images/Unlock-26.png) no-repeat left 10px; line-height: 40px; display: inline-block; background-size: 17.5px;  display: inline-block; padding-left:22px;}
.rightmenu  li a[title="Déconnexion"] {background:url(../images/Cancel-26-2.png) no-repeat left 11px;  background-size: 17.5px;}
.top-switch-bg { background-color: #ea0083 !important;}

/*---------- MENU ----------*/
.nav-container { width: 100%;}
.header-wrapper > header > .row:nth-child(2) > .wide-navigation { margin: 0 auto; float: none; display: block; max-width: 1200px;}
.wide-navigation #nav > li ul { text-align: left;}
.wide-navigation #nav > li > a { display: block; letter-spacing: normal; white-space: normal; font-family: 'Droid Serif', serif; text-transform: none; font-weight: 600; font-size: 17px;}
.wide-navigation #nav > li > a:hover > span { border:none;}


/*---------- SUB MENU ----------*/

#nav ul.level0 > li > a { font-family: 'Droid Serif', serif !important; font-weight: bold; line-height: 16px; text-transform: none !important;}
#nav li.level-top, #nav li.nav-1.over, #nav li.nav-1:hover { transition: background linear .2s;}
#nav > li.level-top > .shown-sub > .blockmenu { background: #fff; position: relative; padding: 12px; box-shadow: inset 0px 0px 80px rgba(0,0,0,.15); -moz-box-shadow: inset 0px 0px 80px rgba(0,0,0,.15);  -webkit-box-shadow: inset 0px 0px 80px rgba(0,0,0,.15); margin-top: 6px; margin-bottom: -1px; margin-right: 12px; border:1px solid #E2E2E2;}
.blocknav-1 h3, .blocknav-2 h3, .blocknav-3 h3, .blocknav-4 h3 {font-family: 'Exo 2', sans-serif; color: #26A0D2; text-transform: uppercase; font-weight: bold; letter-spacing: -.5px; margin-bottom: 10px;}
.blocknav-1 h3 span, .blocknav-2 h3 span, .blocknav-3 h3 span, .blocknav-4 h3 span {display: inline-block; float: left; clear: left;}
.inline-lk, .dnl-lk {padding: 0 10px !important; border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; font-size: 10px; text-transform: uppercase; color: white !important; font-family: 'Exo 2', sans-serif; line-height: 28px !important; display: block;}
.inline-lk {background: #26A0D2;}
.dnl-lk {background: #737373; margin-top: 5px;}
.blocknav-1 p:last-child, .blocknav-2 p:last-child, .blocknav-3 p:last-child, .blocknav-4 p:last-child {float: right; margin-top: -80px;}


/*---------- HEADER ----------*/
.block-store, .block-account{ position: relative;}
.block-store > *:not(#blanket):not(#popUpDiv), .block-account > * {margin-left: 50px}
.block-store #changermagasin > a:after, .block-account a:after { content: ''; width: 40px; height: 40px; display: block; position: absolute; top: 0; left: 0; transition:all linear .3s; -moz-transition:all linear .3s; -webkit-transition:all linear .3s;}
.block-store #changermagasin > a:hover:after, .header-container .block-account a:hover:after{background-color:#ea0083;transition:all linear .3s; -moz-transition:all linear .3s; -webkit-transition:all linear .3s; z-index: 1;}
.header-container .block-account a:after {background: #ea0083 url(../images/Worker-26.png) no-repeat center;}
.header-container .block-account.connect a:after, .header-container .block-account.connect a:hover:after { background: #3e924c url(../images/Worker-26ok.png) no-repeat center;}
.block-store #changermagasin > a:after {background: #80a325 url(../images/Marker-24.png) no-repeat center;}
.header-container .cart-top > a {background: #80a325 url(../images/Paid-26.png) no-repeat center; }
.slogan {font-family: 'Exo 2', sans-serif; font-weight: bold; font-style: italic; color: #2b3b4c; position: absolute;}
#changermagasin,.header-container  .block-account, .cart-top > a span {font-weight: 700; font-size: 16px; font-family: 'Droid Serif', serif;}
.header-container .block-account a:last-child {font-weight:400; color: #7DB525; font-size: 13px;}
#changermagasin,.header-container  .block-account {line-height: 16px; padding-top: 4px;}
#changermagasin,.header-container  .block-account > a:first-child, .cart-top > a span{color: #2b3b4c; }
#changermagasin a,.header-container  .block-account > a:last-child{color: #989898; text-transform: none;}
#changermagasin a,.header-container  .block-account > a { text-decoration: none;}
.header-margin { position: relative;}
.header-margin > .grid_2.block-cart {text-align: left; margin-right: 20px;}
#search { height: 40px; padding: 0 10px 0 50px !important; border: none; line-height: 40px; color: #2b3b4c; -webkit-border-radius: 21px; -moz-border-radius: 21px; border-radius: 21px; font-weight: bold; font-size: 13px; background-color: #f5f5f5; font-family: 'Droid Serif', serif; font-weight:400;}
.search-field #search_mini_form .form-search { margin: 0px; position: relative;}
.search-field #search_mini_form .form-search button {width: 40px; height: 40px; display: block; border-radius: 50%; -wenkit-border-radius: 50%; -moz-border-radius: 50%; transition:all linear .3s; -moz-transition:all linear .3s; -webkit-transition:all linear .3s; background: #CBCBCB url(../images/Search-24.png) no-repeat center;position: absolute; top: 0; left: 0; margin: 0;}
.search-field #search_mini_form .form-search button:hover {background: #0373A0 url(../images/Search-24.png) no-repeat center;}
.cart-top > a:hover {background-color: #80a325;}
.block-logo { margin-top: -16px; margin-bottom: 12px;}
.header-margin > .grid_4.block-search, .header-margin > .grid_2 { margin:0px;}
.header-margin {display: flex; align-items: center; padding: 5px 0}
.grid_4.block-logo { width: 44%; margin-left: 0;}
/*.search-field #search { width: 144px !important;}*/
.grid_4.block-search { width: 215px;}
.header-margin > .grid_2 { width: 17%; margin: 0 10px;}
.cart-top-container {margin: 0px; float:none;}
.page,.main-container {background: url(../images/asanoha-400px.png);}
.cart-top-container .details-border {background-color: #0373A0;}


/*---------- SLIDER ----------*/

.slider { position: relative; overflow: visible;}
#rev_slider_1_1_wrapper { overflow: hidden !important;}
.tparrows { opacity: 1 !important; background-position: bottom left !important}
.tp-leftarrow.round { margin-left: 0px;}
.tp-leftarrow.round, .tp-rightarrow.round {-webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important;}
.tp-bannertimer {background-color: rgba(0,0,0,.15) !important;}
.tp-bullets { bottom: 0px !important;}
.tp-bullets.simplebullets.round .bullet:hover, .tp-bullets.simplebullets.round .bullet.selected { background-color: transparent !important}
.tp-bullets.simplebullets.round .bullet {box-shadow: none;}
.slider:after, .slider:before { content: ''; display: block; width: 50%; position: absolute; background-size: cover !important;}
.slider:after { background: url(../images/r-shadow.png) no-repeat center; right: 0px;}
.slider:before { background: url(../images/l-shadow.png) no-repeat center; left: 0px;}
.tp-bullets.simplebullets { background: url(../images/subtle_grunge.png) ;; border-radius: 20px 20px 0 0; padding: 7px 8px 3px; margin-bottom: -3px; box-shadow: 0 0 10px rgba(0,0,0,.2);}

/*---------- HOME FIRST LINE ----------*/


.tp-simpleresponsive >ul li {border-radius: 0 0 10px 10px; overflow: hidden;}
#avantages, #specialpro { padding: 12px; position: relative;}
#avantages:after, #specialpro:after {width: 100%; height: 11px; display: block; position: absolute;left: 0; content:''; background: url(../images/r-shadow.png) no-repeat center;}
#avantages h3, #specialpro h3 { font-family: 'Exo 2', sans-serif; text-transform: uppercase; font-weight: bold; color: white;}
#avantages p, #specialpro p {clear: both;}
#avantages {margin-bottom: 20px;}
#avantages h3 {color: #26A0D2;}
#avantages h3 span { background: #fff; display: block; clear: left; float: left; }
#avantages button.button_white { position: absolute; bottom: 3px; right: 12px; padding: 0px;}
#avantages button.button_white span {color: #fff !important;}
#avantages button.button_red { position: absolute; bottom: 33px; right: 12px;}
#specialpro button.button_yellow { position: absolute; bottom: 12px; left: 12px;}
#specialpro h3 span {background: #ffaf0e; display: block;}
.bloc_avantages a { display: block; height: 100%; position: absolute; top: 0; left: 0; width: 100%;}
.bloc_avantages a span {background: #ffaf0e; height: 28px; padding: 0 10px; border-radius: 15px; -wenkit-border-radius: 15px; -moz-border-radius: 15px; font-family: 'Exo 2', sans-serif; display: inline-block; font-size: 11px; line-height: 28px; text-transform: uppercase; font-weight: bold; color: white; position: absolute; bottom: 12px; left: 12px;}


/*---------- HOME CAT BLOCS ----------*/

.home-line1 + .col1-layout { background: transparent ; padding: 20px 0 0 0; }
a[class*="blch-cat"] {position: relative;}
a[class*="blch-cat"] h3 { font-family: 'Exo 2', sans-serif; text-transform: uppercase; font-weight: bold; font-size: 13px; letter-spacing: .5px; position: relative; z-index: 2; padding: 10px 16px 10px 10px; margin-top: 125px; color: white; left: 0px;}
.cat-speed-links, .categorie_speciales { display:flex; flex-direction:row;}
.cat-speed-links > a, .categorie_speciales> a { background-color: #FFFFFF; height: 160px; flex: 1 1 25%; margin-top: 0px; webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.15); position:relative; display:block; text-decoration:none;}
.cms-index-index .col-main { width:100%;}
.cat-speed-links > a h2 {  white-space: nowrap; display: inline-block; border-radius: 0 15px 0 0; position: absolute; top: -29px; font-family: 'Exo 2', sans-serif !important; text-transform: uppercase; font-weight: bold; font-size: 16px; padding: 0; background: none;}
.cat-speed-links2 { margin-top:30px;}

.categorie_speciales > a h2 { text-transform: none; font-weight: bold; font-size: 30px; color: white; line-height: 30px; padding: 20px; font-family: 'Droid Serif', serif;}
.categorie_speciales > a strong { display: inline-block; padding: 6px 25px 6px 10px; font-size: 14px; color: white; font-family: 'Droid Serif', serif !important; font-weight: 400 !important; margin-left: 20px;   background-image: url(../images/linkarrow.png); background-repeat: no-repeat; background-position: center right; background-color: rgba(0,0,0,.25);}

.spe-cat1 { border-radius: 5px 5px 5px 5px; margin: 10px 20px 10px 10px; background: url(../images/rechange.jpg) no-repeat center;}
.spe-cat2 { border-radius: 5px 5px 5px 5px; margin:10px; background: url(../images/promo.jpg) no-repeat center;}

.blch-cat1 { background: url(../images/bache.jpg) no-repeat center; border-radius: 5px 0px 36px 5px; margin-left:10px;}
.blch-cat2 { background: url(../images/bassin.jpg) no-repeat center; border-radius: 0 5px 5px 36px; margin-right:30px;margin-left:5px;}
.blch-cat3 { background: url(../images/fontaine.jpg) no-repeat center; border-radius: 5px 0px 36px 5px;}
.blch-cat4 { background: url(../images/filtration.jpg) no-repeat center; margin-right:10px; margin-left:5px; border-radius: 0 5px 5px 36px;}
.blch-cat5 { background: url(../images/entretien.jpg) no-repeat center; margin-right:30px; margin-left:10px; border-radius: 0 5px 5px 36px;}
.blch-cat6 { background: url(../images/eclairage.jpg) no-repeat center;border-radius: 5px 0px 36px 5px;}
.blch-cat7 { background: url(../images/decoration.jpg) no-repeat center;border-radius: 0 5px 5px 36px; margin-right:30px;margin-left:5px; }
.blch-cat8 { background: url(../images/recuperateur.jpg) no-repeat center;margin-right:30px; border-radius: 5px 0px 36px 5px;}
.blch-cat9 { background: url(../images/kit.jpg) no-repeat center; margin-right:10px; border-radius: 5px 0px 36px 5px;}

.blch-cat1 h3, .blch-cat2 h3 {background: url(../images/symphony-taupe.jpg); }
.blch-cat3 h3, .blch-cat4 h3 {background: url(../images/symphony-blue.jpg); }
.blch-cat5 h3 {background: url(../images/symphony-darkgreen.jpg); }
.blch-cat6 h3, .blch-cat7 h3 {background: url(../images/symphony-orange.jpg); }
.blch-cat8 h3 {background: url(../images/symphony-darkblue.jpg); }
.blch-cat9 h3 {background: url(../images/symphony-grey.jpg); }

.blch-cat1 h2 {color: #9D6C5B !important;}
.blch-cat3 h2 {color: #018EC6 !important;}
.blch-cat5 h2 {color: #05AD7A !important;}
.blch-cat6 h2 {color: #E56027 !important;}
.blch-cat8 h2 {color: #02365D !important;}
.blch-cat9 h2 {color: #A59794 !important;}

.blch-cat1 h3, .blch-cat3 h3, .blch-cat6 h3, .blch-cat8 h3, .blch-cat9 h3 {border-radius: 0 0 5px 5px;}
.blch-cat5 h3, .blch-cat2 h3, .blch-cat4 h3, .blch-cat7 h3 {border-radius: 0 0 5px 5px;}
.blch-cat8 h3 {margin-top: 109px !important;}
.blch-cat2 h3, .blch-cat4 h3, .blch-cat7 h3, .blch-cat5 h3 {text-align:right;}

a[class*="blch-cat"] { background-size:380px}
.cat-speed-links2 a[class*="blch-cat"] { background-size:250px}
a[class*="blch-cat"]:hover { background-size:430px;}
.cat-speed-links2 a[class*="blch-cat"]:hover { background-size:280px}
a[class*="blch-cat"]:after, a[class*="blch-cat"]:hover:after { transition:opacity linear .2s;} 
a[class*="blch-cat"], a[class*="blch-cat"]:hover { transition:background-size linear .2s;}
a[class*="blch-cat"]:after {content:''; display:block; width:100%; height:100%; background:white; position:absolute; top:0; left:0; z-index:1; opacity:0;}
a[class*="blch-cat"]:hover:after { opacity:0;}

/*---------- HOME VISU PROD ----------*/

.visuprod { padding: 20px 0px 10px;}
.category-products h2 {font-family: 'Exo 2', sans-serif !important; text-transform: uppercase; font-weight: bold; color: #0090CB !important; font-size: 24px;}
.visuprod.col1-layout .products-grid { width: auto !important; margin: 0 -10px; display: flex; flex-wrap: wrap; }
.visuprod .products-grid li.item {flex: 1 1 19%; max-width: 25%; margin: 0 10px 20px;}
.visuprod .price-box {margin-top: 10px !important; border-top: 1px solid #E8E5E5; padding-top: 10px;}
.visuprod .jcarousel-skin-tango { margin: 0 -10px;}
.products-grid .btn-cart {border-radius: 0px; -wenkit-border-radius: 0px; -moz-border-radius: 20px;}
.products-grid .regular .btn-cart{ background: #26A0D2 url(../images/Buy-26.png) no-repeat center; background-size: 20.8px; padding: 0px;}
/*.blch-pdf, .blch-youtube { background: #fff ; position: relative; padding: 12px; box-shadow: inset 0px 0px 80px rgba(0,0,0,.15); -moz-box-shadow: inset 0px 0px 80px rgba(0,0,0,.15); -webkit-box-shadow: inset 0px 0px 80px rgba(0,0,0,.15);}*/
.blch-youtube a img {margin: 5px 20px 0 0;}
.blch-youtube {margin-bottom: 15px;}
.blch-pdf { margin-bottom: 20px;}
/*.blch-pdf:after, .blch-youtube:after { width: 100%; height: 11px; display: block; position: absolute; bottom: -11px; left: 0; content: ''; background: url(../images/r-shadow.png) no-repeat center; background-size: cover;}*/
.blch-pdf h3, .blch-youtube h3 {font-family: 'Exo 2', sans-serif; color: #033357; text-transform: uppercase; font-weight: bold; font-size: 24px; letter-spacing: -.5px;}
/*.blch-pdf h3 span { display:block;}*/
/*.blch-youtube h3 > span {display: inline-block;}*/
/*.blch-youtube h3 > span:last-child { font-size: 33px; letter-spacing: -1px; line-height: 40px;}*/
.blch-youtube h3 > span:first-child {position: relative; margin-bottom: -7px;}
/*.blch-pdf h3 span:last-child { font-size: 33px; margin-top: -7px; letter-spacing: -1px;}*/
.blch-pdf p { clear: left; text-align: left;}
.blch-pdf a, .ytbtn {padding: 0 10px; border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; font-size: 11px; text-transform: uppercase; color: white; background: #26A0D2; font-family: 'Exo 2', sans-serif;  line-height: 28px !important;  display: block;}
.blch-pdf a.cat-gene { position: absolute; z-index: 1; top: 210px; left: 10px;}
.blch-pdf a.cat-recup { position: absolute; z-index: 1; top: 210px; right: 8px; background: #033357;}
.blch-pdf a + a { background: #737373; margin-top: 5px;}
.blch-pdf p:last-child { clear: both; position: absolute;bottom: 16px; right: 0px; width:100%; text-align:center;}
/*.blch-pdf p:last-child img { width: 280px;}*/
.blch-youtube h3 + p {clear: both; padding-top: 5px;}
.blch-youtube p:last-child {float: right;  margin-right: -22px; padding-top: 2px;}
.ytbtn { display: inline-block; position: absolute;}
.blch-pdf a:hover, .ytbtn:hover { color: white; text-decoration: none;}

/*---------- REASSUR FOOTER ----------*/

.reass-wraper {background: #ea0083; padding: 20px 0px; box-shadow: inset 0px 0px 100px rgb(172, 12, 101);}
.reass-wraper .grid_3 { text-align: left; font-family: 'Droid Serif', serif; color: #fff; font-weight: bold;}
.reass-wraper .grid_3 p {/* padding-left: 58px;*/ position: relative; padding-top: 4px;}
.reass-wraper .grid_3 p:before { display: inline-block;  content: ''; background-color: rgb(175, 7, 101);  background-repeat: no-repeat;  background-position: center; float: left; margin-right: 10px; margin-top: -4px;}
.deliveryblc p:before { background-image:url(../images/Box-26.png);}
.shippingblc p:before { background-image:url(../images/Security-Checked-26.png);}
.garantyblc p:before { background-image:url(../images/Approval-26.png);}
.savblc p:before { background-image:url(../images/Assistant-26.png);}

/*---------- FOOTER ----------*/

.footer-info { border: 0px !important;}
.footer-info .grid_4 {text-align: left;}
.footer-info .grid_4 h4 {font-family: 'Exo 2', sans-serif; color: #fff; text-transform: uppercase; font-weight: bold; font-size: 17px; letter-spacing: normal;}
.footer-ref {border-top:1px dashed #3f6286; padding-top: 25px; margin-top: 25px;}
.footer-info .footer-ref .grid_4 h4 { color: #aeaeae; font-size: 14px; margin-bottom: 15px;}
.footer-info .footer-ref .grid_4 p {color: #aeaeae;}
.footer-info .grid_4 p { color: white;}
.footer-contact h4 {margin-bottom: 10px;}
.footer-info .footer-contact a {padding: 0 25px 0 10px; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; background: #E50080; display: inline-block; margin-top: 15px; float: right; background-image: url(../images/linkarrow.png); background-repeat: no-repeat; background-position: center right; font-size: 13px; text-transform: none; color: white; line-height: 28px !important; font-weight: 500; font-family: 'Droid Serif', serif;}
.footer-info .footer-contact a.block-control, .footer-ref a.block-control { display: none;}
.footer-newsletter .block-content p img { float: left; margin-right: 10px;}
.footer-newsletter .block-content .input-box { margin: 15px 10px 0;}
.footer-newsletter .block-content input { width: 100%; padding: 7px 10px; margin-left: -10px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; }
.footer-newsletter button.button {padding: 0 10px; border-radius: 15px; -webkit-border-radius: 0px; -moz-border-radius: 0px; margin-top: 10px; float: right;}
.footer-newsletter button.button span { font-size: 13px; text-transform: none; color: white; line-height: 28px !important; font-weight: 500; font-family: 'Droid Serif', serif;}
.news-list li a > div { display: table-cell; vertical-align: top; text-align: left;}
.news-extra-block .content-news > div, .news-extra-block .content-news > div p { line-height: 14px;}
.footer-news h4 a:hover, .news-extra-block .block-content a, .news-extra-block .block-content a:hover  { color: white;}
.footer-news h4 a {color: #fff;}
.news-extra-block .block-content a { display:block;}
.products-grid .product-name {font-size: 11.5px !important;}
.image-news img { margin-right: 10px;}
.intro-news { font-weight: 400;}
.intro-news > p {color: #d0dce7 !important; margin-top: 5px; line-height: 16px !important;}
.footer-info ul li:not(:last-child) { margin: 0 0 12px 0; padding: 0px 0 12px 0; line-height: 30px; border-bottom: 1px solid #706F6F;}
.footer-container .links li{line-height: 50px;}
.footer-container .links li a {color: white;}
.footer-container .links li:not(:last-child) a { margin: 0 10px 0 0px;}
footer.row .grid_8 { text-align: left}
footer.row .grid_4 { text-align: right}
.footer-info {background: #1f3750 !important;}
.footer-info p {text-align: left; color: #d0dce7; font-size: 12.5px; font-family: 'Droid Serif', serif;}
.footer-info p strong {color: #fff; font-weight: 600;}
.footer-container { background: #7C9E23 !important; box-shadow: inset 0px 0px 100px rgb(67, 110, 20); color: #FFFFFF !important;}
.title-news {font-size: 14px; text-transform: uppercase;}

/*---------- BUTTON ----------*/

button.button span {font-family: 'Droid Serif', serif; text-transform: none;}
button.button_red, button.button_yellow {height: 30px; padding: 0 10px; border-radius: 15px; -wenkit-border-radius: 15px; -moz-border-radius: 15px;}
button.button_red { background: #fff;}
button.button_red span span{color: #26A0D2;}
button.button_yellow { background: #ffaf0e; border-bottom: 3px solid #DA960E; }
button.button_white { background: transparent; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; height: 28px;}
button.button span { height: auto; background: none !important; line-height: 28px !important; padding: 0px !important;}
button.button_white span, button.button_white:hover span { background: none !important}
.buttons-set .back-link {float: none; position: absolute; left: 25%; bottom: 15px;}
.data-table .btn-continue, .data-table .btn-update, .data-table .btn-empty {overflow: visible; width: auto; border: 0; padding: 0; margin: 0; background: #3E924C; cursor: pointer; padding: 0 10px; border-radius: 15px; -webkit-border-radius: 15px;   -moz-border-radius: 15px;}
.data-table .btn-update {background: #2B3C4D;}
.data-table .btn-empty {background: #737373;}
.data-table .btn-continue span span, .data-table .btn-update span span, .data-table .btn-empty span span  {color: #fff; text-align: center; white-space: nowrap; text-transform: uppercase;}

/*---------- LOGIN / CREATE ACOUNT ----------*/

.account-create .block-login { width: 712px;}
.account-create .block-login .block-content li { text-align: left;}
.account-create .block-login .block-content li:not(.fields) label, .account-create .block-login .block-content li.control {}
.account-create .block-login .customer-name > .field, .account-create .block-login .fields > .field {width: 50%;}
.account-create .block-login .block-content li.fields { display: flex;}
.account-create .block-login .block-content li.wide + li.wide {margin-top: -5px;}
.account-create .customer-name > .field:first-child, .account-create .block-login .fields > .field:first-child  { padding-right: 25px;}
.account-create .customer-name > .field:last-child, .account-create .block-login .fields > .field:last-child {padding-right: 10px;}
.account-create .block-login .fields > .field:only-child {padding-right: 0px;}
.account-create select { height: 38px; line-height: 38px; width: 325px; padding: 0 5px; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px;}
.block-login .block-content .form-list label { margin-left: 0px !important;}
.account-create .fieldset .legend { float: none;}
.account-create .customerinfosplus { position: relative;}
.customerinfosplus .amcustomerattr, .customerinfosplus > .fields > .field { display: block; width: 672px/* !important;*/}
.customerinfosplus .amcustomerattr .field-row:nth-child(-n+2) { float: left;}
.customerinfosplus .amcustomerattr .field-row:first-child {margin-right: 20px;}
.account-create .block-login .block-content li:not(.fields) {padding-right: 10px;}
.account-create .block-login .block-content li.fields .field select {height: 38px; line-height: 38px; border-radius: 2px; width: 97.5%;}
.block-login .block-content .form-list .input-box { text-align: left; }
.customer-account-login .block-login input.input-text { min-width: 97%;}

/*---------- CAT PAGE ----------*/

.block .block-content a:hover, .block .block-content li a:hover, .block .block-content li.item a:hover, .cms-index-index .block .block-content a:hover, .cms-index-index .block .block-content li a:hover, .cms-index-index .block .block-content li.item a:hover, .block-layered-nav .block-content dd li a:hover, .product-view .product-shop .no-rating a:hover, .product-view .product-shop .ratings a:hover, .product-view .box-up-sell .product-name:hover, .data-table td a:hover {color: #26A0D2 !important;}
#queldoreiNav>li>a:hover>span, #queldoreiNav>li.over>a>span, #queldoreiNav>li.active>a>span, #nav>li>a:hover>span, #nav>li.over>a>span, #nav>li.active>a>span, #mobile-nav>li>a:hover>span, #mobile-nav>li.over>a>span, #mobile-nav>li.active>a>span, .cart .cart-collaterals .cart-block, .opc .step, .block, .cms-index-index .block, .block-login, .cart .cart-collaterals .cart-block, .product-tabs li.active, .product-tabs-container h2.active {border-top-color: #80a325 !important;}
.limiter.toolbar-switch .toolbar-dropdown {width: 120px !important;}
.catalog-category-view .page-title-bg { height: 50px !important;}
.main.row {display: flex; flex-wrap: wrap;}
.col-left {width: 25% !important; display: flex; flex-direction: column;}
.col-left.sidebar.masonry .masonry-brick { position: relative !important; top: inherit !important; left: inherit !important; width: 80%;}
.products-list .button-container .btn-add-cart span, .products-grid .add-to-links { display:none;}

/*.destockage_logo */
.category-products .regular  { position:relative; }
.category-products .regular .destockage_logo { position:absolute; bottom:10px; right:10px; }

/*---------- PROD PAGE ----------*/

#product_addtocart_form {display: flex; flex-direction: row;}
.product-img-box { width: 300px !important;}
.product-shop { width: 100% !important;}
.product-view .product-img-box .product-image { width: 282px !important; height: 282px !important; display: flex; align-items: center; justify-content: center;}
.product-view .product-img-box .product-image img { max-width: 282px !important;  max-height: 282px !important; width: inherit !important; position: relative !important; top: inherit !important; left: inherit !important;}
.product-category-title { margin: 0px 7px 30px; line-height: 36px; padding: 15px 0; color: #AAAAAA !important; border-top: 1px solid; border-top-color: #e3e3e3; border-top-color: rgba(227,227,227,0.61); font-family: 'Montserrat', sans-serif !important; text-transform: uppercase; font-weight: bold; font-size: 24px; letter-spacing: normal;}
.catalog-product-view .product-category-title, .col1-layout .product-view .product-shop .product-shop-info > .clear { display:none;}
.catalog-product-view .page-title-bg { height: 50px !important;}
.product-view .product-essential {margin-top:20px;}
.product-view h1 { color: #2b3b4c !important; letter-spacing: normal; font-family: 'Droid Serif', serif !important; text-transform: none; font-weight: 600; font-size: 24px;}

.product-view .product-shop .price-box .price {font-size: 38px; line-height: 38px;}

.product-view .product-shop .price-box .weee .price {font-size: 12px; line-height: 12px;}
.sku-product { font-style:italic;}
.col1-layout .product-view .product-shop .product-shop-info { display:flex; flex-direction:row; flex-wrap:wrap; justify-content:space-around; align-items:center; }
.col1-layout .product-view .product-shop .product-shop-info > * { flex:1 1 30%; margin-top: 10px;}
.col1-layout .product-view .product-shop .product-shop-info > .product-name, .col1-layout .product-view .product-shop .product-shop-info > .sku-product { flex:5 1 80%;}
.col1-layout .product-view .product-shop .product-shop-info > .product-name { margin-top:0px;}
.col1-layout .product-view .product-shop .product-shop-info > .sku-product {margin-bottom: -20px;}
.price-box, .qty-container, .product-view .product-shop .add-to-box { order: 2; margin: 15px 0 !important;}
.product-view .sku { font-size: 13px; margin: -5px 0 10px;}
.col1-layout .product-view .product-shop .product-shop-info > .price-box {flex:2 1 80%; }
.qty-container, .product-view .product-shop .add-to-box { display: flex; justify-content:flex-end;}
.qty-container {}
.product-view .product-shop .add-to-box { max-width:160px;}
.product-view .product-shop .add-to-box .add-to-cart button.button {padding: 5px 18px; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0;}
.product-view .add-to-cart button.button span span { text-transform:none !important; font-size: 13px;}
.col1-layout .product-view .desc_product {margin-top:50px;}
.col1-layout .product-view .triman_logo {float:right;}
.col1-layout .product-view .poubelle_logo {float:right;}

/*.destockage_logo */
.product-view .product-img-box  { position:relative; }
.product-view .product-img-box .destockage_logo { position:absolute; top:240px; right:10px; }

.product-view .box-collateral h3 { position: relative; top: -10px;}

/*---------- PAGES ----------*/


.page-title { padding: 0 0 40px;}
.page-title h1 { color: #AAAAAA !important;line-height:42px; font-family: 'Montserrat', sans-serif !important; text-transform: uppercase; font-weight: bold; font-size: 24px;  letter-spacing: normal;}
.col-main h2 {font-family: 'Exo 2', sans-serif; text-transform: uppercase; font-weight: bold; color: #26A0D2;}
.col-main h3 { color: #2b3b4c !important; letter-spacing: normal; font-family: 'Droid Serif', serif !important; text-transform: none; font-weight: 600; font-size: 16px;}
.page-title-bg { height: 80px !important;}

/*---------- EMPTY CART ----------*/

.checkout-cart-index .col-main { padding: 18px 10px; }

/*---------- CHECKOUT ----------*/

.checkout-onepage-index .col-main { padding: 18px 0px 0 10px; }
#checkout-step-login { display: flex; padding-right: 20px;}
.block-progress { margin: 0 10px 30px 0 !important; width: auto; border-top-color: #3E924C !important}
.checkout-onepage-index .main.row { flex-wrap: nowrap;}
#checkout-step-login .block-checkout-register h4, .block-checkout-login h4{ color: #26A0D2 !important; font-family: 'Exo 2', sans-serif; font-weight: bold; font-size: 14px; text-transform: uppercase;}
#checkout-step-login .block:not(.block-checkout-register) .block-content li {position: relative; left: -5px;}
#checkout-step-login .block-checkout-login .buttons-set a { position: absolute; white-space: nowrap; bottom: 8px; right: 14px; font-style: italic;}
#checkoutSteps.opc { margin-right: 20px;}
.opc .step .form-list { margin: 0;}
.customer-name { width: 100%; display: flex;}
.opc .form-list li.fields { display: flex;}
.opc .form-list li.fields .field { display: block !important;}
.opc .form-list li.fields .field:first-child { padding-right: 30px;}
.opc .form-list li.fields .field:last-child:nth-child(2) {padding-right: 10px;}
.opc .form-list li.wide {margin-right: 10px;}
.opc .form-list li.wide + li.wide {margin-top: -5px;}
.opc .form-list li.fields .field select {height: 38px; line-height: 38px; border-radius: 2px; width: 102.5%;}
.buttons-set > * { float: right; clear: both;}
#co-billing-form li.control label { font-family: 'Exo 2', sans-serif; text-transform: uppercase; font-weight: 600; position: relative; top: -2px; font-size: 13px;}
.buttons-set .back-link {float: none; position: absolute; right: 110px; bottom: 15px;}
.buttons-set .back-link a {color: #2B3C4D; text-align: center; white-space: nowrap; text-transform: uppercase; font-size: 12px; font-family: 'Exo 2', sans-serif; line-height: 27px !important; display: inline-block;  font-weight: 600; border-radius: 16px; padding: 0 10px; text-decoration: none;}
.buttons-set .back-link a small {font-size: 16px; margin-right: -2px;}
#checkout-step-login .block .block-content li.error-msg {left: 0; margin-bottom: 15px; padding: 5px !important; text-align: center; background: #26A0D2; border: 0 !important; color: white; font-style: normal !important; font-family: 'Exo 2', sans-serif; font-size: 13px !important; border-radius: 2px;}
.messages li.error-msg li span { line-height: 26px; padding-left: 24px; background: url(../images/Error-18.png) no-repeat left;}
#checkout-review-table-wrapper {  margin: -15px -15px 0;}
#checkout-review-submit { margin: 0 -15px -25px;}
#checkout-step-review .buttons-set > p { width: 100%; text-align: left;}
#checkout-step-review  button.btn-checkout {margin: 0 0px 8px 0;}

/*---------- 404 ----------*/

.cms-no-route .col-main { padding: 50px 15px; }
.cms-no-route .col-main h1{line-height:42px; font-family: 'Exo 2', sans-serif; text-transform: uppercase; font-weight: bold; font-size: 30px;  letter-spacing: normal; color: #26A0D2;}

/*---------- SEARCH ----------*/

.catalogsearch-result-index .sidebar {margin-top: 95px;}
.catalogsearch-result-index .col2-left-layout .page-title { margin-left: -32.33%; padding: 0;}
.catalogsearch-result-index .col2-left-layout .page-title h1{line-height: 80px;}

/*---------- CONTACT ----------*/

.contacts-index-index .sidebar {margin-top: 95px;}
.contacts-index-index .col2-left-layout .page-title { margin-left: -32.33%; padding: 0;}
.contacts-index-index .col2-left-layout .page-title h1{line-height: 80px;}
.contacts-index-index .col-main .form-list { display:flex; flex-wrap:wrap; justify-content:space-between;}
.contacts-index-index .col-main .form-list li { flex:1 1 32.5%; max-width:32.5%;}
.contacts-index-index .col-main .form-list li.wide { flex:3 1 100%; max-width:99.5%;}
.contacts-index-index .col-main .form-list li .input-box { width:auto;}
.contacts-index-index .col-main .fieldset {padding: 15px 0 0; margin: 28px 0 0;}
.contacts-index-index .form-list input.input-text { width: 96.5%;}
.contacts-index-index .form-list li.wide textarea { width: 99.4%;}
.contacts-index-index .buttons-set, .contacts-index-index .buttons-set p.required { margin:0;}
.contacts-index-index .main { margin-bottom:20px;}
.fieldset .legend {font-family: 'Exo 2', sans-serif; text-transform: uppercase; font-weight: bold; font-size: 17px;}

/*---------- MY ACCOUNT ----------*/

.customer-account-index .sidebar, .customer-account-edit .sidebar, .sales-order-history .sidebar, .newsletter-manage-index .sidebar{margin-top: 95px;}
.customer-account-index .col2-left-layout .page-title, .customer-account-edit .col2-left-layout .page-title, .sales-order-history .col2-left-layout .page-title, .newsletter-manage-index .col2-left-layout .page-title{ margin-left: -32.33%; padding: 0;}
.customer-account-index .page-title h1, .customer-account-edit .page-title h1, .sales-order-history .page-title h1, .newsletter-manage-index .page-title h1{line-height: 80px; padding: 0 0 12px;}
.dashboard .box .box-title {background: #414141;}
.dashboard .box .box-title h3 {line-height: 20px; color:white;}
.dashboard .box .box-title a { line-height: 20px; color: #BEBEBE;}

/*---------- ACTUS LIST ----------*/

.news-index-index .page-title-bg { height: 50px !important;}
.news-index-index .col-main { padding: 0 10px;}
.news-container { display: flex; flex-wrap: wrap; margin: 0 -10px;}
.news-container > *.news-block { flex: 1 1 33.33%;}
.news-index-index .pager { border-top: 0px; border-bottom: 1px solid rgba(227,227,227,0.61); margin: 16px 0px 25px; padding: 0 0 16px;}
.news-index-index .pager .amount, .news-index-index .pager .limiter { background: white; height: 27px; border: 1px solid #e1e1e1; -webkit-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.05); -moz-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.05);    box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.05); padding: 0 5px; line-height: 27px; color: #808080; font-size: 12px; font-family: Arial, Helvetica, sans-serif;}
.news-index-index .pager .limiter select { height: 27px; position: relative; padding: 0 32px 0 0; background: transparent url('../images/selectbox_arrow.png') 100% 7px no-repeat; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.news-block-container { flex: 1 1 33.3333%; display:flex; max-width:33.33%; }
.news-block-container .block { width: 100%; padding: 20px; margin: 0 10px 20px;}

/*---------- ACTU ----------*/

.news-index-view .page-title h1 { line-height: 80px;}
.news-index-view .col-main { padding-bottom:30px;}

/*---------- PAGES ----------*/

.cms-page-view h1 {color: #E50080 !important; line-height: 42px; font-family: 'Montserrat', sans-serif !important;  text-transform: uppercase; font-weight: bold; font-size: 24px; letter-spacing: normal;}
.cms-page-view .page-title-bg { height: 45px !important;}
.cms-page-view h3 { font-family: 'Montserrat', sans-serif !important; color: #E50080 !important; text-transform: uppercase; font-weight: bold; font-size: 17px; letter-spacing: normal;}
.cms-page-view .col-main .std {padding: 0 5px 20px;}


/*---------- FF HACKS ----------*/

@-moz-document url-prefix() {
	.visuprod .products-grid li.item {flex: 1 1 19%; max-width: 13%;}
	.products-grid li.item {flex: 1 1 19%; max-width: 20.1%;}
}