@import url("grid_prestashop.css");

/* ************************************************************************************************
GENERAL STYLE
************************************************************************************************ */
* {
    margin: 0;
    padding: 0;
}

ul,
ol {
    list-style: none;
    margin: 0;
}

html {
    margin: 0;
    padding: 0;
    outline: 0 !important;
}

body {
    font: 13px/1.6 Inter, Helvetica, sans-serif;
    color: #707070;
    margin: 0;
    padding: 0;
    text-align: left;
    -webkit-text-size-adjust: none;
}

body {
    min-width: 320px;
    position: relative;
}

body#cms.content_only {
    background: #707070;
    min-width: auto;
}

body#cms.content_only .block em {
    float: left;
    margin: 5px 15px 0 0;
    font-size: 20px;
    line-height: 20px;
}

h1 {
    font-family: Inter, sans-serif;
    font-size: 40px;
    font-weight: 200;
    line-height: 150px;
    text-transform: uppercase;
    margin: 0;
    color: #707070;
    letter-spacing: 4px;
    text-align: center;
}

h1.home-title {
    font-family: Inter,sans-serif;
    font-size: 22px;
    font-weight: 300;
    line-height: 36px;
    color: #fff;
    text-align: left;
    max-width: 68%;
    position: relative;
    z-index: 1;
}

h2,
h3 {
    text-align: center;
    width: 100%;
    font-family: Inter, sans-serif;
    font-size: 20px;
    font-weight: 200;
    letter-spacing: 4px;
    color: #707070;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
    background: none;
}

h4 {
    font-size: 14px;
    line-height: 1.5;
    margin-bottom: 8px;
}

h5 {
    font-size: 12px;
    line-height: 1.5;
    margin: 0px;
}

h6 {
    font-size: 11px;
    line-height: 1.5;
    margin-bottom: 4px;
}

.userinfo {
    font-size: 12px;
    /*margin: -20px 0 30px 25px;*/
}

.plus {
    float: right;
    margin-right: 15px;
    cursor: pointer;
    margin-top: 12px;
}

.pointfort {
    margin-top: 0px;
}

h2.pointfort {
    background: rgba(255, 255, 255, 0);
    padding: 0px;
    color: #515151;
    text-align:left;
    letter-spacing: 2px;
    font-size: 14px;
    font-weight: 300;
}

.catpoints {
    height: 15px;
    margin-top: -30px !important;
    text-transform: uppercase;
}

.pub {
    height: 163px !important;
}

.product_view {
    display: none;
}

a,
a:visited,
a:active,
a:link,
a:focus {
    cursor: pointer;
    text-decoration: none;
    outline: none;
    transition: all 0.3s;
    font-family: Inter, sans-serif;
    color: #707070;
}

.btn i {
    margin-right: 7px;
}

ol {
    counter-reset: item;
    list-style-type: none;
    margin: 0 0 0 15px;
}

ol li:before {
    content: counter(item, decimal) " ";
    counter-increment: item;
}

legend {
    color: #000
}

sup {
    color: #F00;
    font-size: 100%;
    top: -4px;
}

.clearfix:before,
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    overflow: hidden
}

html {
    width: 100%;
    scroll-behavior: smooth;
}

#btn_up {
    position: fixed;
    bottom: 15px;
    right: 25px;
    cursor: pointer;
    display: none;
}

.button,
p.cart_navigation .button,
.cart_navigation .exclusive_large {
    background-color: #93ca15;
    border-radius: 100px;
    font-family: Inter, sans-serif;
    font-size: 18px;
    font-weight: bold;
    line-height: 50px;
    transition: 0.3s;
    border: 0;
    width: fit-content;
    padding-inline: 30px;
}

#history .btn-info {
    background-color: #00b0f0;
    border-color: #00b0f0;
    opacity: 0.9;
    color: #fff !important;
}

#history .btn-info:hover {
    opacity: 1;
}

#sentence_order_history {
    font-weight: bold;
}

body:not(#category):not(#module-ambjolisearch-jolisearch) .button,
#module-cheque-payment .cart_navigation .exclusive_large,
#module-bankwire-payment .cart_navigation .exclusive_large,
body#category #cart_block .button,
p.cart_navigation .button {
    color: #fff !important;
}

p.cart_navigation .button {
    color: #fff;
}

p.cart_navigation .button.exclusive {
    float: right;
    color: #fff;
}

#contact_form #rgpdparagraph,
#authentication #rgpdparagraph {
    margin-top: 30px;
}

#contact_form #rgpdparagraph p,
#authentication #rgpdparagraph p {
    text-align: left;
    margin: 0;
}

#contact_form #rgpdparagraph p a,
#authentication #rgpdparagraph p a {
    color: #93ca15;
    font-weight: bold;
}

#authentication .recaptcha_creation_account {
    margin-top: 20px;
}

.button:hover {
    opacity: 0.5;
}

/* **************************    display: block;
    float: left;
    padding-top: 10px;
    padding-bottom: 27px;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: 20px;
    /* height: 166px; */

@media screen and (max-width: 1199px) {
    h1 {
        font-size: 30px;
    }
}

@media screen and (max-width: 959px) {
    h1 {
        font-size: 25px;
        line-height: 30px;
        margin-bottom: 1rem;
    }
}

********************************************************************** STRUCTURE ************************************************************************************************ */ #wrapp {
    background: url(../img/body-bg.gif) top center repeat;
    position: relative;
    overflow: hidden;
    width: 100%;
}

#wrapp_2 {
    margin: 0 auto;
    padding: 0;
    text-align: left;
    width: 100%;
}

#white-box {
    /*width: 1238px;*/
    margin: 0 auto;
    /*min-height: 1400px;*/
    /*border-top: 8px solid #373737;*/
}

#left_column {
    /*display: none;*/
    background: #25384A;
}

body#index #right_column {
    padding-top: 0;
}

body#index .instant+#right_column {
    display: block;
    overflow-x: hidden;
}

#product #center_column {
    /* padding-bottom: 50px; */
    width:calc(100% - 270px);
    float:left;
}

body#index #center_column {
    padding-bottom: 0px;
}

body#index #center_column.instant {
    padding-bottom: 10px;
}

/* ************************************************************************************************
MAIN STYLE STORE
************************************************************************************************ */
a.link {
    background-color: #93ca15;
    color: #fff;
    border-radius: 100px;
    font-family: Inter, sans-serif;
    font-size: 18px;
    font-weight: bold;
    line-height: 50px;
    padding: 10px 30px;
    transition: 0.3s;
}

a.link:hover {
    opacity: 0.5;
}

h1 strong {
    float: right;
    padding: 0px 0 0 0;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal;
    color: #707070;
    font-style: italic;
    display: block;
    white-space: nowrap;
}

.bloc-title {
    position: relative;
    text-align: center;
}

body#index .bloc-title h2.front-title {
    position: absolute;
    width: 100%;
    z-index: 2;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    font-family: Inter, sans-serif;
    font-size: 40px;
    font-weight: 500;
    letter-spacing: 4px;
    color: #fff;
    text-transform: uppercase;
    margin: 0;
    background: none;    
    padding: 0;
}

.bloc-title .back-title {
    position: relative;
    z-index: 1;
    font-family: Inter, sans-serif;
    font-size: 80px;
    font-weight: bolder;
    line-height: 145px;
    color: #fff;
    text-transform: uppercase;
    text-shadow: 0px 10px 30px #0000001A;
    margin: 0;
    opacity: 0.2;
    letter-spacing: 4px;
}
@media(max-width:1199px){
    body#index .bloc-title h2.front-title{
        font-size: 30px;
    }
}
 @media(max-width:767px){
    body#index .bloc-title h2.front-title{
        font-size: 25px;
        top: 75px;
        line-height: 30px;
    }
    .bloc-title .back-title{
        line-height:100px;
    }
 }

.notification {
    font-size: 16px;
    font-family: Georgia, "Times New Roman", Times, serif;
    letter-spacing: 1px;
    padding: 20px 20px 20px 60px;
    border-radius: 4px;
}

.notification strong {
    margin-right: 5px;
}

.notification p {
    font-size: 11px;
    padding: 0px;
    margin: 0px;
    color: #333333;
}

.notification_warning {
    background-image: url(../img/error.png);
    background-position: 15px center;
    background-repeat: no-repeat;
    border: 2px solid #FFC237;
    background-color: #FFEAA8;
    color: #826200;
}

a.product-link {
    font-family: Inter, sans-serif;
    font-size: 24px;
    color: #707070;
    font-weight: 200;
    text-transform: uppercase;
    line-height: 40px;
    transition: 0.3s;
}

a.product-link:hover {
    color: #000;
}

.product-category {
    font-family: Inter, sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
}

.price {
    font-family: Inter, sans-serif;
    font-weight: 200;
    font-size: 30px;
    color: #707070;
    margin-bottom: 4rem;
}
.categoryStarsStr {
    color: #707070;
    font-size:18px;
    margin-left:5px;
}

.price-old {
    text-decoration: line-through;
}

.columns .bordercolor,
#columns .bordercolor {
    border-color: #ccc;
}


/* ************************************************************************************************
ERRORS
************************************************************************************************ */

div.error {
    margin: 20px 0 20px 0;
    padding: 20px;
}

div.error p {
    padding: 0;
    margin: 0 0 0px 0;
    font-size: 14px;
    text-transform: uppercase;
}

div.error ol {
    margin: 0px 0 0 0
}

div.error p.lnk {
    float: right;
    margin-top: 7px;
}

div.error p.lnk .btn {
    color: #fff;
    font-weight: normal;
}

div.error li {
    padding: 0px 0 0 0;
    list-style-position: inside;
    list-style-type: decimal;
}

p.warning {
    background: #d4eeff;
    border: 1px solid #34acf9;
    margin: 20px 0 20px 0;
    padding: 12px 10px 12px 20px;
    font-size: 14px;
    color: #0473b9;
}

p.warning i {
    font-size: 25px;
    vertical-align: -3px;
    margin-right: 20px;
}

p.warning a {}

p.warning a:hover {}

.warning_inline {
    color: #ff0000;
    font-weight: bold;
}

.alert-error,
div.error {
    background: url(../img/warning.png) 20px center no-repeat #fde4e1;
    padding-left: 70px;
    font-size: 14px;
    font-weight: bold;
    border: 1px solid #ebbcb5;
    font-size: 12px;
    font-weight: bold;
    color: #df0505;
}


/* ************************************************************************************************
SUCCESS CNFIRMATION
************************************************************************************************ */

p.success,
p.confirmation {
    margin: 20px 0 0 0;
    padding: 12px 10px 12px 20px;
    font: bold 12px "Arial";
    color: #95bc01;
    background: #f7fde1;
    border: 1px solid #dfebb5;
    border-radius: 5px;
}

p.success i {
    font-size: 25px;
    vertical-align: -3px;
    margin-right: 20px;
}

.success_inline {
    color: #33a33b;
    font-weight: bold;
}

.required {
    color: #FF0000
}

#order-confirmation p.success {
    margin-bottom: 20px;
}

a.cus-suport {
    margin-left: 10px;
    color: #a9a9a9;
}

a.cus-suport:hover {
    color: #333;
}

.cus-suport i {
    margin-right: 5px;
    font-size: 13px;
}


/* ************************************************************************************************
CMS PAGE
************************************************************************************************ */

#cms #center_column div.rte {
    padding: 0 0px 0px 0px;
}

#cms #center_column div.rte .block em {
    float: left;
    font-size: 56px;
    line-height: 56px;
    min-width: 56px;
    margin-right: 25px;
    text-align: center;
}

#cms #center_column div.rte .block .extra-wrap {
    overflow: hidden;
}

#cms #center_column div.rte .block h5 {
    font-size: 13px;
    line-height: 17px;
    color: #323232;
    text-transform: uppercase;
    margin-bottom: 10px;
}

#cms #center_column div.rte .block h4 {
    margin-bottom: 40px;
}

#cms #center_column div.rte .block {
    font-size: 13px;
    line-height: 18px;
}

#cms #center_column div.rte .block .clearfix {
    padding-bottom: 25px;
}

#cms #center_column h1 {
    margin-bottom: 2px;
}

#cms #center_column h1 a {
    color: #fff;
}

#cms #center_column h2 {
    padding-bottom: 9px;
}

#cms #center_column .titled_box p {
    margin-bottom: 4px;
}

#cms #center_column .titled_box.titled_box_center p {
    margin-bottom: 20px;
}

#cms #center_column .titled_box h2 {
    margin-top: 6px;
}

#cms #center_column .titled_box.titled_box_center h2 {
    margin-top: 0;
    text-align: center;
}

#cms #center_column .titled_box.titled_box_center h2 span {
    padding: 4px 10px 0px 10px;
    display: inline-block;
}

#cms #product-list .product-wrapper{
    grid-template-columns: repeat(3, 3fr);
    padding:20px;
    column-gap: 80px;
    row-gap: 50px;
    margin:0;
}
#cms #product-list .ajax_block_product .product_options .product-desc{
    margin-bottom:10px;
}
#cms #product-list{
    margin-top:20px;
    padding-right:0;
}
body#cms #columns{
    padding-top:20px!important;
}

.center_column .rte ul {
    display: block;
    float: left;
    padding-top: 10px;
    padding-bottom: 27px;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: 20px;
    /* height: 166px; */
    width: 200px;
    text-align: center;
    border: 1px;
    border: 1px solid grey;
    background-color: white;
    margin: -15px 0 -3px 0px;
    padding: 0px 0 0 0;
    list-style: none;
}

#cms #center_column .titled_box .img_cms {
    margin-bottom: 9px;
}

a.blog_menu {
    /* background-image: url(/blog.png); */
    background-image: url(../img/img-blog.png);
    background-size: cover;
    /* width: 80px; */
    width: 70px;
    content: '';
}

#overMenu {
    text-align: center;
    position: relative;
    background: rgb(162, 189, 48);
    color: white;
    font-size: 18px;
    padding: 10px;
}

@media(max-width:1199px) {
    #menu-trigger {
        position: relative;
    }

    /* .mobile #menu-custom{  */
    /* top:95px!important; */
    /* } */
}

/* @media(max-width:397px){ */
/* .mobile #menu-custom{  */
/* top:123px!important; */
/* } */
/* } */

#cms.cms-85 .rte img{
	margin:0;
}
#cms.cms-85 #center_column{
	width:100%;
}
#cms.cms-85 #center_column .breadcrumb, #cms.cms-85 .retour_cms, #cms.cms-85 .share_cms{
	display:none;
}
#cms.cms-85 #primary_content h2{
	font-family: Inter, sans-serif;
    padding: 0;
    background: none;
    font-weight: 400;
    font-size: 20px !important;
    color: #fff;
    text-transform: none;
    line-height: inherit;
    margin-bottom: 0;
	text-transform:uppercase;
	letter-spacing:2px;
	position:relative;
	padding-top: 30px;
	padding-bottom: 50px;
}
#cms.cms-85 #primary_content h2:after{
	position: absolute;
	bottom: 30px;
	width: 50px;
	height: 10px;
	background: #00b0f0;
	content: "";
	left: 50%;
	transform: translateX(-50%);
}
#cms.cms-85 #besoins_content, #cms.cms-85 #contact_content{
	display: flex;
	flex-wrap: wrap;
	max-width: 1400px;
	margin: auto;
	margin-bottom:50px;
	justify-content:space-between;
	align-item:center;
	align-content:center;
}
#cms.cms-85 #besoins_content{
	margin-bottom:80px;
}
#cms.cms-85 #besoins_content > div{
	width:calc(100% / 5);
	position:relative;
}
#cms.cms-85 #contact_content{
	max-width:1200px;
}
#cms.cms-85 #contact_content > div{
	width:calc(100% / 3);
	background:#00b0f0;
	padding:20px;
	text-align:center;
	max-width:300px;
}
#cms.cms-85 #contact_content > div > img{
	max-width: 80px;
	height: auto;
	width: 100%;
	margin-top: 20px;
	margin-bottom: 30px;
}
#cms.cms-85 #besoins_content > div .visuel_besoin{
	/* height: 100%; */
	width: auto;
}
#cms.cms-85 #besoins_content > div .icon_besoin{
	position: absolute;
	top: -50px;
	z-index: 1;
	max-width: 150px;
	left: 50%;
	transform: translateX(-50%);
}
#cms.cms-85 #contact_content > div span{
	display: block;
	text-align: center;
	color:#ffffff;
	font-size:16px; 
}
#cms.cms-85 #besoins_content > div span{
	text-transform: uppercase;
	display: block;
	text-align: center;
	margin-top: 20px;
	font-size: 16px;
}
#cms.cms-85 #primary_content img{
	max-width:100%;
	height:auto;
}	
@media(max-width:1400px){
	#cms.cms-85 #besoins_content > div{
		width:calc(100% / 3);
		text-align:center;
	}	
	#cms.cms-85 #besoins_content{
		justify-content:space-around;
	}
	#cms.cms-85 #besoins_content > div:last-child, #cms.cms-85 #besoins_content > div:nth-last-child(2){
		margin-top:100px;
	}
	#cms.cms-85 #primary_content, #cms.cms-85 .custom_cms .phrase_desc_cms, #cms.cms-85 #contact_content{
		padding-left:20px;
		padding-right:20px;
	}	
}
@media(max-width:991px){
	#cms.cms-85 .custom_cms .phrase_desc_cms h1{
		letter-spacing:4px;
	}
	#cms.cms-85 #primary_content h2{
		font-size:18px!important;
		line-height:22px;
		letter-spacing:0;
	}
	#cms.cms-85 .custom_cms p{
		font-size:14px;
	}
	#cms.cms-85 #besoins_content > div{
		margin-top:100px;
	}
	#cms.cms-85 #besoins_content > div:first-child, #cms.cms-85 #besoins_content > div:nth-child(2){
		margin-top:0px;
	}	
	#cms.cms-85 #besoins_content > div{
		width:calc(100% / 2);
	}	
	#cms.cms-85 #contact_content > div{
		max-width: 235px;
		padding:5px;
	}
	#cms.cms-85 #contact_content > div > img{
		max-width:50px;
		margin-bottom: 5px;
		margin-top:5px;
	}
	#cms.cms-85 #contact_content > div span{
		font-size:14px;
	}
}
@media(max-width:767px){
	#cms.cms-85 #besoins_content > div:nth-child(2){
		margin-top:100px;
	}
	#cms.cms-85 #besoins_content > div{
		width:100%;
	}	
	#cms.cms-85 #contact_content > div{
		width:calc(100% / 2);
		text-align:center;
	}	
	#cms.cms-85 #contact_content{
		justify-content:space-around;
		margin-bottom:20px;
	}
	#cms.cms-85 #contact_content > div:last-child{
		margin-top:20px;
	}
    #cms #product-list .product-wrapper{
        grid-template-columns: repeat(2, 2fr);
        column-gap: 50px;
        row-gap: 30px;
    }
}
@media (max-width: 570px) {
    #cms #product-list .product-wrapper{
        grid-template-columns: repeat(1, 1fr);
        column-gap: 30px;
        row-gap: 20px;
    }
}
@media(max-width:550px){
	#cms.cms-85 #contact_content > div{
		width:100%;
		max-width:100%;
	}
	#cms.cms-85 #contact_content > div:not(:first-child){
		margin-top:20px;
	}  
}

/* ************************************************************************************************
	BUTTONS
************************************************************************************************ */
a.btn-view,
a.btn_add_cart {
    font-family: Inter, sans-serif;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    background-color: #93ca15;
    border-radius: 100px;
    padding-block: 6px;
    transition: all 0.3s;
}

a.btn_add_cart:hover {
    font-family: Inter, sans-serif;
    background-color: rgba(147, 202, 21, 0.8);
}

a.btn-view {
    background-color: #00b0f0
}

a.btn-view:hover {
    background-color: rgba(48, 139, 206, 0.8)
}


/* ************************************************************************************************
	FORM
************************************************************************************************ */

form {
    margin: 0 0 20px 0;
    padding: 0;
    font-family: Inter, sans-serif;
}

.enstock {
    color: green;
    font-size: 20px;
}

input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
textarea {
    background-color: white;
    font-family: inherit;
    border: 1px solid #cccccc;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none;
    color: rgba(0, 0, 0, 0.75);
    display: block;
    font-size: 14px;
    margin: 0 0 12px 0;
    padding: 6px;
    /*height: 32px ;
	width: 32px ;*/
    -webkit-transition: all 0.15s linear;
    -moz-transition: all 0.15s linear;
    -o-transition: all 0.15s linear;
    transition: all 0.15s linear;
    outline: none;
    float: left;
    text-align: center;
}

input[type="text"].oversize,
input[type="password"].oversize,
input[type="date"].oversize,
input[type="datetime"].oversize,
input[type="email"].oversize,
input[type="number"].oversize,
input[type="search"].oversize,
input[type="tel"].oversize,
input[type="time"].oversize,
input[type="url"].oversize,
textarea.oversize {
    font-size: 17px;
    padding: 4px 6px;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="date"]:focus,
input[type="datetime"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
textarea:focus {
    background: #fafafa;
    outline: none !important;
    border-color: #b3b3b3;
    box-shadow: none;
}

input[type="text"][disabled],
input[type="password"][disabled],
input[type="date"][disabled],
input[type="datetime"][disabled],
input[type="email"][disabled],
input[type="number"][disabled],
input[type="search"][disabled],
input[type="tel"][disabled],
input[type="time"][disabled],
input[type="url"][disabled],
textarea[disabled] {
    background-color: #ddd;
    box-shadow: none;
}

textarea {
    height: auto;
    resize: none;
}

select,
select:focus,
select:focus {
    width: 100%;
    outline: none;
}

select {
    background: #FFFFFF;
    border-color: #cccccc #cccccc #cccccc #cccccc;
    border-radius: 0px 0px 0px 0px;
    border-style: solid;
    border-width: 1px;
    height: auto;
    padding: 6px 6px 6px 2px;
    width: auto;
}

.main_contact_form input[type="text"],
input[type="email"],
input[type="tel"] {
    width: 100% !important;
    text-align: left;
}

input#genre {
    width: 33px !important;
}

.product_sort .btn {
    width: 177px;
    text-align: left;
}

.btn {
    border-radius: 0;
}

.product_sort .dropdown-menu .active>a,
.product_sort .dropdown-menu .active>a:hover {
    background: #333;
}

select.btn-mini {
    height: auto;
    line-height: 14px;
}

select.btn {
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
    padding-right: 16px;
}

select.btn-mini+.caret {
    margin-left: -20px;
    margin-top: 9px;
}

.modal-footer input[type=submit] {}

label {
    font-size: 13px;
    display: inline-block;
    color: #000;
    margin-bottom: 5px;
    cursor: default;
}

input,
textarea,
select {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
}

input:before,
textarea:before,
select:before,
input:after,
textarea:after,
select:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

input,
textarea,
select,
.uneditable-input {
    margin-bottom: 0;
}

.radio input[type="radio"],
.checkbox input[type="checkbox"] {
    /*float: left;
	margin-left: 0px;*/
    width: 13px;
    height: 13px;
    padding: 0;
    margin: 0;
    vertical-align: bottom;
    position: relative;
    top: -1px;
}

input[type="radio"],
input[type="checkbox"] {
    line-height: normal;
    margin: 4px 0 0;
}

.checkbox label,
.radio label {
    display: inline-block;
}

input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
    outline: 0 none;
}

form p.id_state {
    display: none;
}

form.std fieldset,
form fieldset {
    border: none;
}

form.std .text label,
form.std .password label,
form.std .textarea label,
form.std .select label {
    display: block;
}

form.std .select span,
form.std .radio span,
form.std .checkbox span {
    text-align: left;
    padding: 4px 0px 0 0;
    color: #333;
}

form.std span.inline-infos {
    display: block;
    margin: 0 0 -3px 0;
    padding: 2px 0 0 157px;
    font: normal 11px "Arial";
    color: #3a3a3a;
}

span.editable {
    font: normal 12px "Arial";
    color: #fff;
    margin: 0;
    float: none;
}

span.form_info {
    padding: 0 0 0 5px;
    400px color: #333;
    font-style: italic;
}

form.std .text,
form.std .password,
p.textarea {
    margin: 0;
}

form.std .text input,
form.std .password input {
    width: 400px;
}

select#days {
    width: 94px;
    margin: 0 8px 10px 0;
}

select#months {
    width: 95px;
    margin: 0 8px 10px 0;
}

select#years {
    width: 95px;
    margin: 0 0px 10px 0;
}

input:focus {
    outline: none;
}

form.std p.checkbox,
form.std p.radio {
    margin: 0;
    padding: 15px 0 0 0;
    /*overflow: hidden;*/
}

form.std p.submit {
    margin: 0;
    padding: 20px 0 0 0px;
}

form.std .required_desc {
    margin: 0 0 -3px 0;
    padding-left: 157px;
}

#order-detail-content-table td:first-child {
    padding-left: 10px;
}

h1.pb-right-colum-h {
    margin: 0px;
    margin: 11px 0 0px 0px;
}

#block-order-detail .adresses_bloc ul {
    padding: 20px 2%;
    border: 1px solid #ccc;
    background: #fefefe;
    display: inline-block;
    margin-left: 4%;
    margin-bottom: 20px;
    width: 48%;
    float: left;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    height: auto !important;
}

#block-order-detail .adresses_bloc ul.item {
    margin-left: 0;
}

.tit-ord {
    margin-bottom: 7px;
}

#order-detail-content-table input {
    text-align: center;
    width: 50px;
}

#order-detail-content-table tfood td strong {
    margin-right: 10px;
}


/* Time css */

#pagenotfound #right_column,
#pagenotfound #left_column {
    padding: 0;
}

#pagenotfound form {
    margin-bottom: 0;
}

#pagenotfound form #search_query {
    margin-bottom: 20px;
}

#pagenotfound h2 {
    margin-bottom: 10px;
}

#authentication form.std .text input,
#authentication form.std .password input,
#identity input[type="text"],
#identity input[type="password"] {
    width: 100%;
    text-align: left;
}

#identity #titleGender {
    float: left;
    margin-right: 80px;
}

#identity #inputGender {
    float: right;
}

#identity #inputGender input {
    vertical-align: middle;
}

#identity #confidentialite {
    color: #98bf0e;
    text-decoration: underline;
}

#add_address h2 {
    margin-bottom: 12px;
}

#vat_area {
    padding-bottom: 12px;
}

#add_address .submit2 {
    padding: 0;
    margin: 10px 0 0 0
}

#add_address input[type="text"],
#add_address input[type="password"],
#add_address input[type="date"],
#add_address input[type="datetime"],
#add_address input[type="email"],
#add_address input[type="number"],
#add_address input[type="search"],
#add_address input[type="tel"],
#add_address input[type="time"],
#add_address input[type="url"] {
    width: 100%;
}

#add_address textarea {
    margin-bottom: 20px;
    height: 100px;
}

#add_address .inline-infos.required {
    margin-bottom: 5px;
}

.order_qte_input+label {
    float: left;
    margin-left: 5px;
}

#order-detail-content td {
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
}

input[type="IMAGE"] {
    width: 4%;
}


/* ************************************************************************************************
TABLE
************************************************************************************************ */

div.table_block {
    padding: 20px 0 0 0;
}

table.std th,
table.std td {
    vertical-align: middle;
}

table.std th {
    white-space: nowrap;
    background: #f5f5f5;
}

table.std tfoot td {
    color: #333;
    text-align: right;
    white-space: nowrap;
}

table,
table.std {
    background: #fdfdfd;
    border-spacing: 0;
    margin-bottom: 20px;
    vertical-align: middle;
    border: 1px solid #ccc;
    width: 100%;
}

table th {
    border: 1px solid #ccc;
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    padding: 10px;
    text-align: center;
    vertical-align: middle;
    text-transform: uppercase;
}

table td {
    border: 1px solid #ccc;
    padding: 10px;
}

.delivery_option table td {
    text-align: center;
    color: #000;
    width: 200px;
}

@media(max-width:767px){
    .delivery_option table.resume tbody tr td:nth-child(3){
        display:none;
    }
}


/* ************************************************************************************************
FOOTER LINK PAGE
************************************************************************************************ */

ul.footer_links {
    padding: 20px 0 0 0;
}

ul.footer_links li {
    float: left;
    margin: 0 25px 0 0;
}

ul.footer_links li img.icon {
    margin: -3px 5px 0 0;
}

ul.footer_links li a {
    font-size: 15px;
}

ul.footer_links li a i {
    font-size: 25px;
    vertical-align: -3px;
    margin-right: 5px;
}

.footer_link_bottom i {
    font-size: 25px;
    vertical-align: -3px;
}

.footer_link_bottom a {
    font-size: 14px;
}


/* ************************************************************************************************
PRODUCT SORT
************************************************************************************************ */

.sortPagiBar .btn,
.sortPagiBar .btn-group>.btn:first-child {
    padding-right: 27px;
    border-radius: 0;
}

.sortPagiBar .caret {
    position: absolute;
    right: 10px;
}

.sortPagiBar {}

.sortPagiBar p {
    padding: 0;
    margin: 0
}

.nbrItemPage {
    float: left;
}

.nbrItemPage label {
    float: left;
}

.dropdown-menu li>a {
    padding: 6px 10px 6px 10px;
}

.dropdown-menu li>a:hover {
    background: #333;
}

.dropdown-menu {
    padding: 0;
    border-radius: 0;
    min-width: 215px;
}

#itempage {
    float: left;
    margin: 0;
}

.nbrItemPage label {
    padding: 8px 10px 0 0;
}

.nbrItemPage.nbr_page {
    margin: 0 0 10px 0;
    position: relative;
}

.nbrItemPage.nbr_page .b-core-ui-select {
    width: 50px;
}

.product_sort form {
    margin: 0 20px 0 0;
}

.product_sort {
    float: left;
    margin-right: 50px;
    min-width: 210px;
}

.product_sort #productsSortForm label {
    float: left;
    padding: 5px 10px 0 0;
}

.product_sort #productsSortForm select {
    width: 190px;
    margin: 0px 0 0 0;
    padding: 4px 6px 5px 2px;
    position: absolute;
    z-index: 5;
}

.product_view {
    float: right;
    margin-top: 2px;
}

.product_view li {
    width: 31px;
    height: 29px;
    float: left;
    cursor: pointer;
    text-align: center;
    color: #9D9C9C;
    -webkit-box-shadow: inset 1px 1px 9px rgba(178, 178, 178, 0.3);
    box-shadow: inset 1px 1px 9px rgba(178, 178, 178, 0.3);
    border: 1px solid #cccccc;
}

.product_view li i {
    font-size: 24px;
    line-height: 24px;
    vertical-align: middle;
    margin-top: 4px;
    display: inline-block;
}

.product_view li.current {
    cursor: default;
    color: #000;
    border: 1px solid #000;
}

.product_view li:hover {
    -webkit-box-shadow: 1px 1px 9px rgba(178, 178, 178, 0.3);
    box-shadow: 1px 1px 9px rgba(178, 178, 178, 0.3);
}

.product_view li#product_view_list {
    margin-left: 10px;
}

#productsSortForm {
    float: right;
    margin-top: 2px;
    margin-right: 10px;
    margin-bottom: 10px;
    position: relative;
}

#productsSortForm .dropdown-toggle {
    float: left;
}


/* ************************************************************************************************
PAGINATION AND COMPARE
************************************************************************************************ */
.bottom_pagination>form>p {
    margin: 0;
}

.bottom_pagination>form {
    float: right;
    margin: 0;
}

#pagination {
    padding: 0px 0 0 0;
    border-radius: 0px 0px 0px 0px;   
    margin-top: 50px;
    float:none;
    margin-left:50%;
    transform: translateX(-50%);
}

#pagination .pagination>li>a:hover,
#pagination .pagination>li>span:hover {
    background: none;
    opacity: 1;
}

#pagination .pagination>li.current>span {
    color: #93ca15;
}

#pagination_form {
    float: left;
}

#pagination_form select {
    float: left;
    margin: 0px 0 0 0;
}

#pagination_form label {
    display: inline-block;
    float: left;
    padding: 3px 12px 0 20px;
}

#pagination li {
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}

#pagination li#pagination_next {
    margin-right: 0;
}

.pagination {
    list-style-type: none;
    float: left;
    margin: 0;
}

.pagination ul {
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
    -moz-box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
    -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
}

.pagination ul>li:first-child>a,
.pagination ul>li:first-child>span {
    border-radius: 0px;
}

.pagination ul>li:last-child>a,
.pagination ul>li:last-child>span {
    border-radius: 0px;
}

.pagination ul>li>a,
.pagination ul>li>span {
    border: none;
    line-height: 30px;
    padding: 0 10px;
}


/* ************************************************************************************************
SUBCATEGORIES
************************************************************************************************ */

.center_column .cat_desc {
    margin: 0px 0px 0px 0px;
    padding: 0px;
    font-size: 13px;
    color: #333;
    font-family: Arial, Helvetica, sans-serif;
    font-style: italic;
    font-weight: normal;
    position: relative;
}

.row_category::before{
    background-image: url('../img/category_icons/molecules_category.png');
    content: "";
    position: absolute;
    left: -30px;
    top: -25px;
    width: 185px;
    height: 100%;
    background-repeat: no-repeat;
    background-size: contain;
}

.row_category, .row-cms {
    position: relative;
    height: max-content;
}
.row_category{
    display:flex;
    justify-content: flex-start;
    align-items: center;
    padding-left: 235px;
    padding-right: 500px;
    overflow: hidden;
    min-height: 150px;
}
#main_category_img{
    position: absolute;
    top: 0;
    right: 0;
    max-width: 450px;
}
.row-cms{   
    height: 420px;
}

.row_category .category_image, .row-cms .cms_image {
    display: flex;
    justify-content: center;
    position: relative;
    z-index: 2;
}

.row_category .category_image img, .row-cms .cms_image img {
    width: auto;
}

.row_category .category_image img {
    width: auto;
    max-width: 200px;
    /* margin-top: 2rem; */
    margin-bottom: -2rem;
}

.row_category .category-background, .row-cms .cms-background {
    position: absolute;
    top: 0; 
    width: 100%;
    height: 100%;
    z-index: 1;
    display:none;
}

.row_category .category-background img, .row-cms .cms-background img {
    width: 100%;
    height: 100%;
    opacity: 0.7;
    object-fit: cover;
}

@media(max-width:1500px){    
    .row_category {   
        padding-right:20px;
    }
    #main_category_img{
        opacity:0.3;
    }
}

@media(max-width:1199px){
    .row_category::before{
        display:none;
    }
    .row_category{
        padding-left:0;
    }
}
@media(max-width:991px){  
    #main_category_img{
        display:none;
    }
}
@media(max-width:650px){ 
    .row_category{
        justify-content: center;
        flex-direction: column;
        padding-left:20px;
    }
}

.colored-row {
    position: absolute;
    width: 100%;
}

.center_column .cat_desc .lnk_more {
    margin-left: 10px;
    font-size: 13px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
}

#subcategories {
    margin: 0px 0 0px 0;
    padding: 0px 0px 15px 0px;
    border-top: 1px solid #cccccc;
}

#subcategories h2 {
    color: #fff;
    font-weight: bold;
    font-size: 13px;
    line-height: 17px;
    background: none;
    padding: 10px 0px 9px 0px;
    margin: 0;
}

#subcategories h2 span {
    background: #fff;
    padding-right: 5px;
}

#subcategories ul {
    margin-bottom: 0px;
}

#subcategories ul li {
    margin: 15px 20px 0px 0px;
    width: 158px;
    float: left;
    border: none;
}

#subcategories ul li.product_list_5 {
    margin-right: 0;
}

#subcategories ul li a {
    display: block;
}

#subcategories ul li.product_list_6 {
    margin-right: 0;
}

#subcategories ul li .lnk_more_sub {
    margin: 12px 0 0px 0;
    font-size: 13px;
    font-weight: bold;
    font-style: italic;
    color: #a9a9a9;
}

#subcategories ul li .lnk_more_sub:hover,
#subcategories ul li:hover .lnk_more_sub {
    color: #000;
}

.center_column .cat_desc .lnk_more_cat {
    font-weight: bold;
    font-style: normal;
    color: #000;
    margin-left: 5px;
    cursor: pointer;
    display: inline-block;
}

.center_column .cat_desc .lnk_more_cat:hover {
    color: #a9a9a9;
}


/* ************************************************************************************************
		HEADER
************************************************************************************************ */

#header {
    position: relative;
    z-index: 101;
    padding: 0;
    margin-bottom: 5rem;
}

#header_logo {
    display: block;
    position: fixed;
    left: 16px;
    top: 0;
    z-index: 3;
}

#header-inner {
    /*padding: 125px 0px 0px 0px;*/
    position: relative;
}


/* ************************************************************************************************
		BLOCKPERMANENTLINKS
************************************************************************************************ */

.blockpermanentlinks-header {
    position: fixed;
    width: 100%;
    background: #fff;
    /* box-shadow: 0px 3px 6px #00000029; */
    /* z-index: 10; */
    height: 50px;
    box-shadow: 0px 2px 4px #25384a30;
}

.blockpermanentlinks-header .bloc-tel {
    display: flex;
    justify-content: center;
    align-items: center;
    height: inherit;
}

.blockpermanentlinks-header .bloc-tel a {
    font-family: Inter, serif;
    font-size: 20px;
    font-weight: bold;
    color: #00b0f0;
}

.blockpermanentlinks-header .bloc-tel a img,
.blockpermanentlinks-header .bloc-tel a span {
    transition: opacity ease 0.3s;
}

.blockpermanentlinks-header .bloc-tel a:hover span {
    opacity: 0.5;
}

.blockpermanentlinks-header .bloc-tel span {
    vertical-align: middle;
}

#header_links {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 2rem;
    align-items:center;
}

#header_links li a img {
    transition: opacity ease 0.3s;
}

#header_links a{
    color:#25384A;
    font-weight:600;
}
#header_links a.tel{
    background:#00749b;
    border-radius:30px;
    color:#fff;
    padding: 6px 15px 6px 0;
}
#header_links li img {
    margin-right:5px;
    height:30px;
}

body#index a.header_links_home,
#sitemap a.header_links_sitemap,
#contact a.header_links_contact,
#cms a.header_links_delivery,
#stores a.header_links_store {
    color: #fff;
    background: #aace5f;
    /* Old browsers */
    background: -moz-linear-gradient(top, #aace5f 0%, #88bb48 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #aace5f), color-stop(100%, #88bb48));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #aace5f 0%, #88bb48 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #aace5f 0%, #88bb48 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #aace5f 0%, #88bb48 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #aace5f 0%, #88bb48 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#aace5f', endColorstr='#88bb48', GradientType=0);
    /* IE6-9 */
}

#header_links li a.blog_menu:hover {
    background-image: url(../../../blog.png);
    background-size: cover;
}

.mobile-link-top {
    display: none;
}

@media only screen and (max-width:1024px) {
    .blockpermanentlinks-header .bloc-tel {
        justify-content: start;
        margin-left: 2rem;
    }
    #header_links{
        display:none;
    }
}

@media only screen and (max-width:959px) {
    .blockpermanentlinks-header .bloc-tel a {
        font-size: 18px;
    }
}

@media only screen and (max-width: 650px) {
    .blockpermanentlinks-header .bloc-tel span {
        display: none;
    }
}


/* ************************************************************************************************
        BLOCK SHARE LINKS
************************************************************************************************ */

.share-fb__text {
    font-family: Inter, sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: #93ca15;
    margin-right: 0.875rem;
}

.share-fb__link {
    border: 1px solid #93ca15;
    border-radius: 100px;
    padding: 14px 15px;
    transition: all 0.3s;
}

.share-fb__link svg {
    vertical-align: bottom;
}

.share-fb__link svg path {
    fill: #93ca15 !important;
    transition: all 0.3s;
}

.share-fb__link:hover {
    background-color: #93ca15;
}

.share-fb__link:hover svg path {
    fill: #fff !important;
}


/* ************************************************************************************************
		LANGUAGES AND CURRENCIES
************************************************************************************************ */

#currencies_block_top,
#languages_block_top {
    position: absolute;
    right: 242px;
    top: 53px;
    border: 1px solid #eeeeee;
}

#currencies_block_top form {
    margin: 0;
}

#languages_block_top:hover,
#currencies_block_top:hover,
.mobile-link-top h4 {
    cursor: pointer;
}

.list_header {
    display: none;
    z-index: 1000;
    width: 140px;
    position: absolute;
    right: 0px;
    top: 40px;
    list-style: none;
    border: 1px solid #eeeeee;
    border-top: none;
    box-shadow: 0px 0px 10px #000;
}

#currencies_block_top p.inner-carrencies,
#languages_block_top p,
.mobile-link-top h4 {
    color: #6e6e6e;
    font-size: 12px;
    line-height: 20px;
    position: relative;
    font-weight: bold;
    margin-bottom: 0;
    text-transform: capitalize;
    padding: 2px 0 2px 7px;
    background: #fcfcfc;
    /* Old browsers */
    background: -moz-linear-gradient(top, #fff 0%, #f6f6f6 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #f6f6f6));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #fff 0%, #f6f6f6 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #fff 0%, #f6f6f6 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #fff 0%, #f6f6f6 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #fff 0%, #f6f6f6 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6', GradientType=0);
    /* IE6-9 */
}

#currencies_block_top p.inner-carrencies,
#languages_block_top p,
.mobile-link-top p {
    color: #6e6e6e;
    font-size: 12px;
    line-height: 20px;
    position: relative;
    font-weight: bold;
    margin-bottom: 0;
    text-transform: capitalize;
    padding: 2px 0 2px 7px;
    background: #fcfcfc;
    /* Old browsers */
    background: -moz-linear-gradient(top, #fff 0%, #f6f6f6 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #f6f6f6));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #fff 0%, #f6f6f6 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #fff 0%, #f6f6f6 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #fff 0%, #f6f6f6 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #fff 0%, #f6f6f6 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6', GradientType=0);
    /* IE6-9 */
}

.list_header li {
    border-top: 1px solid #eeeeee;
    background: #fcfcfc;
    /* Old browsers */
    background: -moz-linear-gradient(top, #fff 0%, #f6f6f6 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #f6f6f6));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #fff 0%, #f6f6f6 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #fff 0%, #f6f6f6 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #fff 0%, #f6f6f6 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #fff 0%, #f6f6f6 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6', GradientType=0);
    /* IE6-9 */
}

.list_header li:first-child {
    border: none;
}

.list_header li.selected {
    padding: 8px 0 8px 10px;
    cursor: default;
    border-top: 1px solid #eeeeee;
}

.list_header li.selected a,
.list_header li.selected span {
    color: #000;
    cursor: default;
}

.list_header li a {
    color: #6e6e6e;
    text-decoration: none;
    font-size: 13px;
    padding: 8px 5px 8px 10px;
    display: block;
    font-weight: bold;
}

.list_header li a:hover {
    color: #000;
}

.list_header li.selected span {
    cursor: default;
    font-weight: bold;
}

#currencies_block_top p.inner-carrencies:hover,
#languages_block_top p:hover,
.mobile-link-top h4:hover {
    color: #747474
}

.arrow_header_top {
    width: auto;
    color: #fff;
    padding: 9px 9px 9px 9px;
    margin: -3px -1px -1px 10px;
    font-size: 8px;
    line-height: 8px;
    float: right;
    background: #dbdbdb;
    /* Old browsers */
    background: -moz-linear-gradient(top, #dbdbdb 0%, #cdcdcd 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dbdbdb), color-stop(100%, #cdcdcd));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #dbdbdb 0%, #cdcdcd 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #dbdbdb 0%, #cdcdcd 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #dbdbdb 0%, #cdcdcd 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #dbdbdb 0%, #cdcdcd 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#dbdbdb', endColorstr='#cdcdcd', GradientType=0);
    /* IE6-9 */
}

#currencies_block_top p.active,
#languages_block_top p.active,
.mobile-link-top h4.act .arrow_header_top {
    color: #747474;
}


/* languages */

#languages_block_top {
    right: 172px;
}

#countries_2 .countries_ul li img {
    float: left;
    margin: 2px 10px 0px 0px
}

#countries_2 .countries_ul li span .firstWord {
    display: none;
}

#countries_2 .countries_ul li span {
    display: block;
}


/* currencies */

#setCurrency .currencies_ul li span {
    padding-right: 10px;
    display: inline-block;
    font-weight: bold
}

#setCurrency .currencies_ul li.selected {
    padding: 8px 5px 8px 10px;
    font-weight: bold;
    cursor: default
}


/* ************************************************************************************************
		BLOCK HEADER USER INFO LOGIN/LOGOUT
************************************************************************************************ */
.header-menu {
    position: fixed;
    z-index: 10;
    display: flex;
    align-items: center;
    right: 4rem;
    top: 10px;
    gap: 3rem;
}

body .header-menu {
    right:20px;
}

.blockuserinfo {
    display: flex;
    align-items: center;
    gap: 2rem;
}

.blockuserinfo a span {
    display: inline-block;
}

.header-box a img {
    transition: opacity ease 0.3s;
    width:20px;
}
.header-box a #shopping_cart img {
    width:24px;
}

.header-box a:hover img {
    opacity: 0.5;
}


/* ************************************************************************************************
		BLOCK HEADER USER INFO SHOPPING CART
************************************************************************************************ */

#header_user #shopping_cart i {
    height: 66px;
    width: 75px;
    color: #fff;
    background: #a7cd5e;
    float: left;
    font-size: 38px;
    line-height: 38px;
    padding: 10px 13px 11px 10px;
    margin: -1px 0 -1px -1px;
    z-index: 100;
    position: relative;
    cursor: pointer;
    background: #aace5f;
    /* Old browsers */
    background: -moz-linear-gradient(top, #aace5f 0%, #88bb48 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #aace5f), color-stop(100%, #88bb48));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #aace5f 0%, #88bb48 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #aace5f 0%, #88bb48 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #aace5f 0%, #88bb48 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #aace5f 0%, #88bb48 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#aace5f', endColorstr='#88bb48', GradientType=0);
    /* IE6-9 */
}

#header_user:hover #shopping_cart i {
    background: #88bb48;
    /* Old browsers */
    background: -moz-linear-gradient(top, #88bb48 0%, #aace5f 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #88bb48), color-stop(100%, #aace5f));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #88bb48 0%, #aace5f 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #88bb48 0%, #aace5f 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #88bb48 0%, #aace5f 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #88bb48 0%, #aace5f 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#88bb48', endColorstr='#aace5f', GradientType=0);
    /* IE6-9 */
}

#header_user #shopping_cart a {
    padding: 12px 8px 0px 18px;
    display: inline-block;
    color: #bbb;
    font-weight: normal;
    font-size: 12px;
    line-height: 18px;
    text-transform: uppercase;
    height: 64px;
    transition: all 0.2s;
    background: #fcfcfc;
    /* Old browsers */
    background: -moz-linear-gradient(top, #fff 0%, #f6f6f6 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #f6f6f6));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #fff 0%, #f6f6f6 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #fff 0%, #f6f6f6 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #fff 0%, #f6f6f6 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #fff 0%, #f6f6f6 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6', GradientType=0);
    /* IE6-9 */
}

#header_user:hover #shopping_cart a {
    color: #000;
    background: #fcfcfc;
    /* Old browsers */
    background: -moz-linear-gradient(top, #f6f6f6 0%, #fff 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f6f6f6), color-stop(100%, #fff));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f6f6f6 0%, #fff 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f6f6f6 0%, #fff 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f6f6f6 0%, #fff 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #f6f6f6 0%, #fff 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#ffffff', GradientType=0);
    /* IE6-9 */
    /* width: 67px; */
    /* height: 37px; */
}

@media (max-width:650px) {
    #header_user {
        right: 0;
    }

    body #header_user:hover #shopping_cart a,
    body #header_user #shopping_cart a {
        background: none;
    }

    /* body #header_user #shopping_cart span{ */
    /* display:none!important; */
    /* } */
}

#header_user #shopping_cart .shopping_cart_title {
    padding: 0 0 0 0;
    color: #6e6e6e;
    font-weight: bold;
    text-transform: none;
    display: block;
}

#header_user #shopping_cart span {
    margin-right: 6px;
}

#header_user #shopping_cart .ajax_cart_total {
    font-family: Arial, Helvetica, sans-serif;
    font-style: italic;
    display: none !important;
}

#header_user #shopping_cart .opancart {
    float: right;
    margin: 2px 0 0 0;
}

#header_user.close-cart #shopping_cart a {
    color: #000;
}

.hidden {
    display: none;
    visibility: inherit;
}


/* ************************************************************************************************
		SEARCH
************************************************************************************************ */
.banner-flag {
    position: absolute;
    top: 157px;
    left: 50%;
    transform: translateX(-50%);
    overflow: visible;
    z-index: 2;
    padding-bottom: 15px;
}

#search_block_top {
    position: fixed;
    top: 106px;
    width: 100%;
    margin: 0px;  
    z-index: 5;
    left: 110px;
}
body.lang_gb #search_block_top{
    top: 97px;
}
#search_block_top .search_block_title {
    cursor: pointer;
    font-family: Inter, sans-serif;
    font-size: 14px;
    line-height: 20px;
    color: #00749b99;
    padding: 8px 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 230px;
    background: #6ebcd73b;
    flex-direction: row-reverse;
    border-radius: 10px;
}

#search_block_top .search_block_title .search_block_img {
    margin-left: 8px;
} 

#search_block_top #searchbox {
    max-height: 0;
    overflow: hidden;
    -moz-transition: max-height 0.4s ease;
    -webkit-transition: max-height 0.4s ease;
    -o-transition: max-height 0.4s ease;
    transition: max-height 0.4s ease;
    padding-top: 50px;
    padding-bottom: 50px;
    margin-top: 8px;
    display:none;
}

#search_block_top .togglemenu {
    max-height: 100% !important;
    background: #00749bf2;
    left: -110px;
}

#search_block_top .searchbox {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 16px;
    font-family: Inter, sans-serif;
    line-height: 21px;
    color: #fff;
}
#search_block_top #searchbox.togglemenu {
    display:block;
}

#search_block_top .search_block_img img {
   width: 14px;
    filter: invert();
    opacity: 0.4;
}

#search_block_top .searchbox_text {
    text-align: center;
    width: 50%;
}

#search_block_top label {
    display: none;
}

#search_block_top form,
#search_block_top p {
    margin: 0;
}

#search_block_top input.search_query {
    height: 34px;
    line-height: 20px;
    color: #000;
    background: #fff;
    width: 814px;
    position: relative;
    vertical-align: middle;
    border-radius: 100px;
    margin-block: 1rem 2.5rem;
}

#search_block_top input.search_query:focus {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

#search_block_top a {
    padding: 0;
    display: block;
    float: left;
    width: 20px;
    height: 20px;
    text-align: center;
    color: #25384A;
    margin: -4px 0 0 -26px;
    position: relative;
}

#search_block_top a:hover {
    color: #25384A;
}

#search_block_top a span {
    display: none;
}

#search_block_top a i {
    font-size: 20px;
    line-height: 40px;
    width: 100%;
    height: 100%;
}

.ac_results {
    width: 225px !important;
    border: 1px solid #ddd !important;
}

.ac_over {
    background: #333 !important;
}

#instant_search_results .title_shop {
    opacity: 1;
    color: #fff;
    text-shadow: 0 1px 0 #3b3b3b;
}

#instant_search_results .title_shop_block {
    float: right;
    opacity: 1;
    width: 45%;
    text-align: right;
    padding-right: 0;
    background: none;
}

#instant_search_results .title_shop:hover {
    color: #ccc;
}

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

    #search_block_top .searchbox_text {
        width: 90%;
        font-size: 14px;
    }

    #search_block_top input.search_query {
        width: 600px;
    }
}

@media only screen and (max-width:650px) {
    #search_block_top .search_block_title {
        font-size: 14px;
    }

    #search_block_top .search_block_img {
        margin-left: 18px;
    }

    #search_block_top .searchbox_text {
        font-size: 12px;
    }

    #search_block_top input.search_query {
        width: 300px;
    }
}

/* ************************************************************************************************
		MAIN STYLE BOX COLUMN
************************************************************************************************ */

.column .block {
    margin: 0 0 32px 0;
}

body:not(#product) h2, 
.pageprod .column .block h4,
.center_column .block h4,
#layered_block_left h3 {
    color: #ffffff;
    font-size: 15px;
    line-height: 20px;
    text-transform: uppercase;
    font-weight: normal;
    padding: 15px 0px 17px 30px;
    margin: 0 0 33px 0;
    font-family: 'Open Sans', sans-serif;
   /* background: #000;
    background: #424242;
    /* Old browsers */
   /* background: -moz-linear-gradient(top, #424242 0%, #313131 100%);
    /* FF3.6+ */
   /* background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #424242), color-stop(100%, #313131));
    /* Chrome,Safari4+ */
   /* background: -webkit-linear-gradient(top, #424242 0%, #313131 100%);
    /* Chrome10+,Safari5.1+ */
   /* background: -o-linear-gradient(top, #424242 0%, #313131 100%);
    /* Opera 11.10+ */
  /*  background: -ms-linear-gradient(top, #424242 0%, #313131 100%);
    /* IE10+ */
  /*  background: linear-gradient(to bottom, #424242 0%, #313131 100%);
    /* W3C */
  /*  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#424242', endColorstr='#313131', GradientType=0);
    /* IE6-9 */
}

.column .block h4,
.center_column .block h4,
#layered_block_left h3 {
    color: #ffffff;
    font-size: 15px;
    line-height: 20px;
    text-transform: uppercase;
    font-weight: normal;
    padding: 15px 0px 17px 30px;
    margin: 0 0 10px 0;
    font-family: 'Open Sans', sans-serif;
    background: #000;
    background: #424242;
    /* Old browsers */
    background: -moz-linear-gradient(top, #424242 0%, #313131 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #424242), color-stop(100%, #313131));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #424242 0%, #313131 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #424242 0%, #313131 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #424242 0%, #313131 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #424242 0%, #313131 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#424242', endColorstr='#313131', GradientType=0);
    /* IE6-9 */
}

h1#instant_search_results {
    overflow: hidden;
}

.column .block h4 span,
.center_column h4 span,
#layered_block_left h3 span {
    padding-right: 5px;
}

.column .block h4 {
    margin-bottom: 0;
    background: #d4d4d4;
    /* Old browsers */
    background: -moz-linear-gradient(top, #d4d4d4 0%, #c2c2c2 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d4d4d4), color-stop(100%, #c2c2c2));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #d4d4d4 0%, #c2c2c2 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #d4d4d4 0%, #c2c2c2 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #d4d4d4 0%, #c2c2c2 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #d4d4d4 0%, #c2c2c2 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#d4d4d4', endColorstr='#c2c2c2', GradientType=0);
    /* IE6-9 */
}

.column .block h4 a:hover {
    color: #8b12a0;
}

.column .block h4 .column_icon_toggle {
    display: none;
}

.column .block.myaccount ul li a img {
    display: none;
}

#layered_block_left h4.toggle {
    margin-bottom: 18px;
}

.column .block .store_list {
    margin-top: 0;
}

.column .block form p {
    margin-bottom: 12px;
}

.column .block form {
    margin-bottom: 2px;
}

.column .block .store_list form p {
    margin-bottom: 9px;
}

.myaccount_lnk_list {
    display: flex;
    flex-wrap: wrap;
    margin-block: 4rem;
}

.myaccount_lnk_list li {
    flex: 0 0 50%;
}

.myaccount_lnk_list li a {
    background-color: #F7F7F7;
    /* width: 35%;*/
    text-align: center;
    min-height: 74px;
    display: block;
    margin: 16px;
    border: 1px solid #ccc;
    padding-top: 28px !important;
    transition: all 0.3s;
}

.myaccount_lnk_list li a:hover {
    background-color: #fdfdfd;
}

.my-account-footer {
    width: 100%;
    text-align: center;
}

.my-account-footer a.link {
    background-color: #00b0f0;
}


/* ************************************************************************************************
		CATEGORIES
************************************************************************************************ */

#categories_block_left .block_content {
    padding: 0 0px 0px 0px;
}

#categories_block_left h4 {
    color: #ffffff;
    font-size: 15px;
    line-height: 20px;
    text-transform: uppercase;
    font-weight: normal;
    padding: 15px 0px 17px 30px;
    margin: 0 0 0 0;
    font-family: 'Open Sans', sans-serif;
    background: #aace5f;
    /* Old browsers */
    background: -moz-linear-gradient(top, #aace5f 0%, #87bb48 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #aace5f), color-stop(100%, #87bb48));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #aace5f 0%, #87bb48 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #aace5f 0%, #87bb48 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #aace5f 0%, #87bb48 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #aace5f 0%, #87bb48 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#aace5f', endColorstr='#87bb48', GradientType=0);
    /* IE6-9 */
}

#categories_block_left ul.tree {
    padding: 0px 0 0 0;
    list-style: none;
}

#categories_block_left ul.tree li {
    position: relative;
}

#categories_block_left ul.tree li a,
#categories_block_left ul.tree a.selected,
#categories_block_left .grower+a {
    transition: all 0.3s;
}

#categories_block_left ul.tree li a:hover,
#categories_block_left ul.tree a.selected,
#categories_block_left .grower:hover+a {
    color: #000;
}

#categories_block_left ul.tree li a:hover i,
#categories_block_left ul.tree a.selected i,
#categories_block_left .grower:hover+a {
    color: #000;
}

#categories_block_left ul.tree li ul li a {
    /*padding-left: 30px;*/
}

#categories_block_left ul.tree li ul li ul li a {
    padding-left: 30px;
    color: #30a32c;
}

#categories_block_left .grower {
    width: 30px;
    height: 20px;
    padding: 5px 0 0 0;
    display: block;
    cursor: pointer;
    position: absolute;
    text-align: center;
    right: 8px;
    top: 5px;
}

#categories_block_left .OPEN {
    color: #666;
}

#categories_block_left .CLOSE {
    background: url(../img/plus_minus.png) 0px 0px no-repeat;
}


/* ************************************************************************************************
		Filter
************************************************************************************************ */

#layered_block_left ul {
    padding: 5px 0;
}

#layered_block_left ul li .disabled {
    color: #666;
}

#layered_block_left h2 {
    background: none;
    color: #8B12A0;
    padding: 0px 0 0px 0;
    margin: 0;
}

#layered_block_left h2 span {
    padding: 0 10px 4px 0px;
    font-size: 13px;
    line-height: 16px;
    color: #fff;
    font-weight: bold;
    background: #fff;
    text-transform: uppercase;
}

#layered_block_left input {
    margin: -1px 10px 0 0;
    text-align: center;
}

#layered_block_left span.layered_close {
    float: right;
    padding: 0 0 0 0px;
}

#layered_block_left .layered_price ul {
    padding-bottom: 11px;
    padding-top: 13px;
}

#layered_block_left .hide-action {
    display: block;
    text-align: right;
    padding-right: 5px;
}

#layered_block_left .hide-action:hover {
    text-decoration: underline;
}

#layered_block_left .layered_close {
    float: right;
    padding-right: 5px;
}

#layered_block_left span.layered_close a {
    display: block;
    outline: none;
}

#layered_block_left span.layered_close a:hover,
#layered_block_left span.closed a:hover {
    color: #a9a9a9;
}

#layered_block_left .nomargin a {
    display: inline;
    font-size: 14px;
    font-style: italic;
}

#layered_block_left div.radio {
    margin-right: 11px;
    margin-top: 1px;
}

#layered_block_left div.checker {
    margin-right: 12px;
}

#layered_block_left .nomargin a span {
    color: #a9a9a9;
    font-weight: bold;
}

#layered_block_left .color-option {
    border: 1px solid #666666;
    height: 16px;
    margin-left: 0;
    padding: 0;
    width: 16px;
}

#layered_block_left .color-option.disable {
    opacity: 0.5;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
}

.layered_slider {
    margin-top: 5px;
}

.layered_price_range {
    margin-left: 7px;
}

.layered_price_range_unit {
    margin-right: 7px;
}

.layered_slider_container {
    margin: 6px 0 6px 6px;
    width: 93%;
}

.layered_weight>ul.store_list_filter>li span {
    float: left;
    margin: 5px 7px 11px 0;
}

.store_list_filter .layered_input_range_min,
.store_list_filter .layered_input_range_max {
    width: 50px;
    float: left;
    display: inline-block;
}

.layered_list_selected {
    font-weight: bold;
}

.layered_ajax_loader p {
    margin: 20px 0;
    text-align: center;
}

.hide-action {
    text-align: center;
    text-align: right;
    display: block;
    cursor: pointer;
}

.layered_list {
    display: inline-block;
    cursor: pointer;
    padding: 0 0 5px 0px;
}

#ul_layered_price_0 li.layered_list {
    display: inline-block;
    clear: both;
    float: left;
}

#ul_layered_price_0 {
    overflow: hidden;
}

.layered_list:hover {
    color: #333;
}

#layered_form .b-core-ui-select__dropdown__list ul {
    padding: 0;
}

#layered_form div div ul {
    padding: 16px 0 0 0;
}

#layered_form .b-core-ui-select {
    width: 248px;
}

#layered_form #enabled_filters {
    margin-top: -15px;
    margin-bottom: 16px;
}

#enabled_filters h2 {
    text-align: center;
    background: url(../img/line-bg.gif) repeat-x left 20px;
    font-style: italic;
    color: #333;
    padding: 13px 0 10px 0;
}

#enabled_filters h2 span {
    padding: 0 10px 0 10px
}

#layered_form #enabled_filters ul {
    padding-bottom: 0px;
    padding-top: 0;
    border-bottom: 1px solid #ccc;
    margin-bottom: 8px;
}

#enabled_filters ul li {
    padding: 5px 0;
    color: #333;
    line-height: 24px;
    font-style: italic;
}

#enabled_filters ul li.enabled_filters_extra {
    color: #a9a9a9;
}

#enabled_filters li a {
    float: right;
    margin: 0px 0px 0 10px;
    outline: none;
    font-size: 20px;
    line-height: 20px;
}

#enabled_filters li a:hover {
    color: #a9a9a9;
}

#layered_form .color-option {
    margin-left: 0;
    width: 25px;
    height: 25px;
    padding: 0;
    border-radius: 25px;
    border: none;
}

#ul_layered_id_attribute_group_2 li {
    float: left;
    padding: 0px 0 8px 0;
}

#layered_block_left #ul_layered_id_attribute_group_2 {
    padding-bottom: 0;
}

#ul_layered_id_attribute_group_2 li label {
    display: none;
}

#ul_layered_id_attribute_group_2 li input {
    margin-right: 20px;
}

#ul_layered_id_attribute_group_2 li:first-child {}

#layered_form .color-option.on {
    box-shadow: 0px 0px 5px 0px #a9a9a9;
}

#layered_form>div>div {
    margin-bottom: 9px;
}

#layered_form>div>div .b-core-ui-select__dropdown ul {
    padding: 0;
}

#layered_form>div {
    margin-bottom: -6px;
}

#layered_form div div ul {
    padding: 15px 0px 8px 0px;
}

#layered_form input[type=radio] {}

#layered_form .select {
    width: 270px;
    height: 32px;
    opacity: 0;
    filter: alpha(opacity=0);
}

#layered_block_left .color-option.disable {
    opacity: 0.5;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
}

#product_list .warning {
    margin-top: 13px;
}

#layered_price_range_min,
#layered_price_range_max {
    display: inline-block;
    float: left;
    width: 50px;
}

#ul_layered_price_0 span {
    float: left;
    margin: 5px 7px 0 0
}

.layered_price_range_unit {
    float: left;
}

.layered_price ul {
    width: 100%;
}

#ul_layered_id_attribute_group_3 li:first-child {
    padding-bottom: 10px;
}

#layered_block_left ul#ul_layered_manufacturer_0 label {
    display: inline;
}


/* ************************************************************************************************
		TAGS BLOCK
************************************************************************************************ */

#tags_block_left p {
    text-align: justify;
    font-size: 0.9em;
    margin-bottom: 4px;
    padding: 18px 20px 20px 20px;
    border: 1px solid #ccc;
}

#tags_block_left p a {
    margin: 0 0.1em;
    line-height: 1.5em;
    padding: 2px 2px 5px 2px;
}

a.tag_level3 {
    font-size: 1.5em;
    font-weight: bold
}

a.tag_level2 {
    font-size: 1.4em
}

a.tag_level1 {
    font-size: 1em;
}

#tags_block_left p a i {
    margin-right: 7px;
}


/* ************************************************************************************************
		BLOCK  PRODUCT COLUMN
************************************************************************************************ */

.products_block ul {
    padding-top: 0px;
}

.products_block .block_content {
    padding: 18px 20px 21px 21px;
    /*border: 1px solid #d9d9d9;*/
}

.products_block ul li:first-child {
    margin-top: 0px;
}

.products_block ul li {
    padding: 0px 0px 20px 0px;
    margin-bottom: 20px;
}

.products_block ul li a.products_block_img {
    width: 80px;
    display: block;
    float: left;
    margin-right: 12px;
}

.products_block ul li>div {
    width: 135px;
    float: left;
    padding: 0 0px 0 0px;
    margin-top: -4px;
}

.products_block ul li p {
    padding: 7px 0 0 0;
    margin-bottom: 6px;
}

.products_block ul li .price.reduction {
    color: #8fbf4d;
    margin-left: 8px;
    margin-right: 15px;
    font-size: 10px;
}

.products_block ul li span.price-discount {
    text-decoration: line-through;
    margin-top: 0px;
    display: inline-block;
    color: #b9b9b9;
}

.products_block ul li .price {
    font-size: 19px;
    float: left;
    color: #8fbf4d;
}

#special_block_right h5 {
    padding: 12px 0 9px 0;
}

#special_block_right span.price-discount {
    text-decoration: line-through;
}

#specials .product_desc {
    display: none;
}


/* ************************************************************************************************
		BLOCK NEWSLETTER
************************************************************************************************ */



/* ************************************************************************************************
BLOCK STORE
************************************************************************************************ */

#stores_block_left div.block_content {
    padding: 18px 20px 20px 21px;
    border: 1px solid #ccc;
}

#stores_block_left p {
    text-align: left;
    margin: 0;
}

#stores_block_left p a img {
    margin: 0 0 20px 0;
    margin-left: 30px !important;
}


/* ************************************************************************************************
BLOCK MANUFACTURE AND SUPPLIER
************************************************************************************************ */

.blockmanufacturer select,
.blocksupplier select {
    width: 100%;
    margin: 10px 0 0 0;
}

.blockmanufacturer li.last {
    border: none;
}

#viewed-products_block_left ul li.last {
    border: none;
    padding-bottom: 0;
}


/* ************************************************************************************************
BLOCK HEADER CART
************************************************************************************************ */

#header #cart_block h4 {
    display: none;
}

#header #cart_block {
    z-index: 9;
    display: none;
    position: fixed;
    right: 0px;
    top: 50px;
    width: 350px;
    padding: 0px 10px 10px 10px;
    border: 1px solid #eee;
    background: #fff;
}

a.cart_block_product_name.product_link {
    margin-top: 3px;
}
#header #cart_block #cart_block_list > .products{
	max-height:300px;
	overflow:auto;
}

@media(max-width:991px){
    #header #cart_block #cart_block_list > .products{
        max-height:200px;
    }
}


/* ************************************************************************************************
BLOCK CART
************************************************************************************************ */


/*#header .cart-prices, #header p#cart-buttons { display:none;}*/

#cart_block #cart_block_no_products {
    padding: 15px 0 5px 0px;
    color: #333;
    margin: 0;
}

#cart_block #cart_block_summary {
    padding: 10px 0 0 0;
    display: none;
}

#cart_block #cart_block_summary span {
    color: #000;
}

#cart_block #cart_block_summary span.ajax_cart_total {
    margin: 0 0 0 5px;
    font-weight: bold;
}

#cart_block .quantity-formated {
    /*display: inline-block;*/
    margin-right: 5px;
    /*float: left;*/
    line-height: 16px;
    color: #343336;
}

#cart_block #cart_block_list dl {
    margin: 0;
}

#cart_block #cart_block_list dt:first-child {
    border: none;
}

#cart_block .cart-product-presentation {
    display: flex;
    align-items: center;
}

#cart_block #cart_block_list dt {
    padding: 10px 0 0px 0;
    border-top: 1px dotted #ccc;
    position: relative;
    clear: both;
}

#cart_block #cart_block_list dt a {
    /*display: inline-block;
    float: left;*/
    line-height: 17px;
}

#cart_block #cart_block_list dt a i {
    color: #cccccc;
    transition: all 0.3s;
}

#cart_block #cart_block_list dt a i:hover {
    color: #6e6e6e;
}

#cart_block #cart_block_list dt a img {
    display: inline-block;
    margin-right: 10px;
    margin: 0px 0 10px 0;
    max-width:100px;
}

#cart_block #cart_block_list dd {
    position: relative;
    margin: 0px 0 10px 0px;
}

#cart_block #cart_block_list dd a {
    font-style: italic;
}

#cart_block .remove_link {
    position: absolute;
    right: 7px;
    top: 15px;
    height: 24px;
    width: 19px;
}

#cart_block .remove_link a {
    z-index: 9;
    display: block;
    height: 24px;
    width: 19px;
    margin-top: 0px;
    margin-left: 5px;
    font-size: 24px;
    line-height: 24px;
}

#cart_block .remove_link a:hover {
    color: #A9A9A9;
}

@media(max-width:650px){
    #cart_block .remove_link{
        right:30px;
        top:25px;
    }
}

@media(max-width:450px){
    #cart_block .remove_link{
        right:50px;
    }
}

#cart_block .products .price {
    font-size: 17px;
}

#cart_block table#vouchers {
    clear: both;
    width: 100%;
    position: relative;
    border: none;
    background: none;
}

#cart_block table#vouchers td {
    border: none;
}

#cart_block table#vouchers tr td.quantity {
    /* margin-top: 10px;
    margin-right: 5px; */
    min-width: 18px
}

#cart_block table#vouchers tr td.delete a {
    padding: 0;
    width: 9px;
    height: 9px;
    position: absolute;
    right: 0;
    top: 7px;
}

#cart_block ul.cart_block_customizations {
    padding: 0 0 0 13px;
    list-style: none;
}

#cart_block ul.cart_block_customizations li {
    font: 11px/15px "Arial";
}

#cart_block ul.cart_block_customizations li .quantity-formated {
    line-height: 14px;
}

#cart_block ul.cart_block_customizations div.deleteCustomizableProduct {
    width: 9px;
    height: 9px;
    position: absolute;
    right: 3px;
    top: 3px;
}

#cart_block ul.cart_block_customizations div.deleteCustomizableProduct a {
    background: url(../img/icon/delete.gif) no-repeat 0 0;
    display: block;
    height: 9px;
    width: 9px;
}

#cart_block ul.cart_block_customizations div.deleteCustomizableProduct a:hover {}

#cart_block .cart-prices div {
    border-top: 1px dotted #cccccc;
    padding: 7px 0px 7px 0px;
}

#cart_block #cart_block_shipping_cost,
#cart_block #cart_block_total,
#cart_block #cart_block_wrapping_cost,
#cart_block_tax_cost {
    float: right
}

#cart_block #cart-buttons {
    display: block;
}

#cart_block #cart-buttons #button_order_cart {
    float: left;
}

#cart_block #cart-buttons #button_order_cart span {}

#cart_block p#cart-buttons {
    padding: 10px 0 0 0px;
    margin: 0;
    border-top: 1px dotted #cccccc;
    overflow: hidden;
}

#cart_block p#cart-buttons a.button_mini {
    float: left;
    margin-right: 10px;
}

#cart_block .cart-prices .cart-prices-block .price {
    font-family: Inter, sans-serif;
    margin-bottom: 0;
    font-size: 18px;
    font-weight: 500;
}

@media(max-width:991px){
    #cart_block #cart_block_list dt a img {
        max-width:50px;
    }   
}


/* ************************************************************************************************
		BREADCRUMB
************************************************************************************************ */

.breadcrumb {
    background: none;
    border-radius: 0;
    width: fit-content;
    position: relative;
    padding: 20px 0;
    margin-bottom: 0;
}

.breadcrumb span {
    display: inline;
}

.breadcrumb a {
    font-family: Inter, sans-serif;
    font-weight: normal;
    color: #25384A;
    font-size: 14px;
    line-height: 22px;
    position: relative;
    transition: all 0.22s;
    /*text-transform: lowercase;*/
}

/*.breadcrumb a::first-letter {
    text-transform: uppercase;
}*/

.breadcrumb a:hover {
    opacity: 0.5;
}

.breadcrumb-home i {
    font-size: 25px;
}


.breadcrumb .navigation-pipe {
    margin: 0 10px 0 10px;
    font-family: Inter, sans-serif;
    font-weight: normal;
    color: #25384A;
    font-size: 14px;
    line-height: 22px;
}

.breadcrumb .navigation_page {
    font-family: Inter, sans-serif;
    font-weight: normal;
    color: #25384A;
    font-size: 14px;
    line-height: 22px;
}

.breadcrumb_inset {
    padding: 0 10px;
}

/* ************************************************************************************************
CONTACT PAGE
************************************************************************************************ */
#contact h1,
#contact h3 {
    text-align: center;
}

#contact h1 {
    font-family: Inter, sans-serif;
    font-size: 40px;
    font-weight: 200;
    line-height: 150px;
    text-transform: uppercase;
    margin: 0;
    color: #707070;
    letter-spacing: 4px;
}

#contact .main_contact_form {
    text-align: center;
}

#contact .main_contact_form label {
    width: 100%;
    font-family: Inter, sans-serif;
    font-size: 20px;
    font-weight: 200;
    letter-spacing: 4px;
    color: #707070;
    text-transform: uppercase;
    margin: 0;
}

#contact_form p#desc_contact0,
#contact_form p#desc_contact1,
#contact_form p#desc_contact2 {
    padding: 0;
    margin-bottom: 10px;
    color: #09F
}

#contact_form,
#contact_form label {
    font-family: Inter, sans-serif;
    color: #707070;
}

#contact_form p.file_input label {
    padding-top: 3px;
}

#contact_form {
    padding: 0 0 20px 0;
    margin: 0 0 0 0;
}

#contact_form p {
    margin-bottom: 20px;
    text-align: center;
}

#contact_form p.textarea {
    margin: 0;
}

#contact_form h2 {
    margin-bottom: 10px;
}

#desc_contact0 {
    display: none;
}

#contact_form textarea#message {
    height: 150px;
    margin: 0;
    text-align: left;
}

#contact_form .select select {
    width: 400px;
}

#contact_form .text input,
#contact_form .password input {
    width: 400px;
}

#contact_form input[type="file"] {
    width: 100%;
    height: 100%;
}

#contact-form .submit {
    padding-top: 15px;
}

input#submitMessage {
    /* float: right; */
    margin-top: 10px;
    width: 200px;
}

.title-pagecontact {
    padding: 0;
    margin: 0 0 5px 0;
    display: inline-block;
}

.title-pagecontact i {
    margin-right: 7px;
}

fieldset.account_creation {
    background-color: #F3F1F1;
    width: 100%;
    /* margin-left: 25%; */
    border: 1px solid #BFBFBF;
    padding: 10px;
}

.account_creation label {
    color: black;
}

input#prenom {
    margin-left: 10px;
}

@media screen and (max-width: 1199px) {
    #contact h1 {
        font-size: 30px;
    }
}


@media screen and (max-width: 959px) {
    #contact h1 {
        font-size: 25px;
        line-height: 30px;
        margin-bottom: 1rem;
    }
}

/* ************************************************************************************************
HISTORY
************************************************************************************************ */

#order-list td {
    text-align: left;
}

#order-list td.history_invoice i {
    font-size: 25px;
    vertical-align: -1px;
}

.myaccount ul {
    padding-bottom: 10px;
}

.favoriteproducts img {
    width: 16px;
    height: 16px;
}

div#block-history {
    padding: 0px;
}

div#block-history textarea {
    height: 100px;
    margin-bottom: 20px;
}

table#order-list {
    margin-bottom: 0;
    border: none;
}

#module-loyalty-default #block-history {
    overflow: auto;
}

table#order-list td.history_link a {
    font-weight: bold;
    color: #a9a9a9;
}

table#order-list td.history_detail .btn {
    display: block;
}

table#order-list td.history_detail .btn+a {
    margin-top: 10px;
}

table#order-list td.history_detail a.details_link {
    text-transform: capitalize;
}

#block-history #block-order-detail table.std td.inputs input.order_qte_input {
    height: 15px;
    padding: 1px;
    float: left;
}

#block-history #block-order-detail table.std td.inputs label {
    display: block;
    float: left;
    padding: 2px 0 0 7px;
    font-weight: bold;
}

#block-history h3 {
    padding: 17px 0 0 0;
}

#block-history #block-order-detail {
    padding: 3px 0 0 0;
}

#block-history #block-order-detail h4 {
    overflow: hidden;
}

div#order-detail-content table.std th {
    padding: 15px 12px;
}

form#sendOrderMessage p.submit {
    padding: 0px 0 0 0;
}

#sendOrderMessage {
    margin-bottom: 0;
}

#sendOrderMessage label {
    display: block;
    padding-bottom: 6px;
}

#sendOrderMessage select {
    width: 300px;
}

.info-order strong {
    color: #333
}

.addresses #sendOrderMessage label {
    display: block;
    padding-bottom: 4px;
}

.addresses .address_delivery label {
    display: block;
    padding-bottom: 4px;
}

.addresses .address_delivery,
.addresses .addressesAreEquals {
    padding: 20px 0 0 0;
    margin: 0;
}

.addresses .address_delivery select {
    width: 416px;
}

#conditionsValided+label {
    display: inline;
}

#module-referralprogram-program .idTabs {
    display: none;
}

.addresses #address_invoice_form select {
    width: 100%;
}

.addresses .addressesAreEquals input {
    margin: 3px 7px 0 0
}

table.discount {
    margin: 17px 0 0 0;
}

table.discount td.discount_code {
    font-weight: bold;
}

table.discount td.discount_value {
    white-space: nowrap;
}

body#discount div.center_column sup {
    vertical-align: top;
}

.delivery_options {
    padding-top: 20px;
}

.delivery_options_address .delivery_option_radio {
    margin: 0px auto 0px auto;
}

.delivery_options_address table td:first-child {
    text-align: left;
    padding-left: 12px;
    min-width:50px;
}

.delivery_option_logo > img{
    max-width:150px;
    width: 100%;
    min-width: 80px;
}

.delivery_options_address .delivery_options label {
    display: block;
}

table.delivery_option_carrier {
    background: #D9EDF7;
    border: 1px solid #BCE8F1;
}

table.delivery_option_carrier td {
    border: 1px solid #BCE8F1;
    color: #3A87AD;
    text-transform: none;
    font-size: 12px;
}

.order_carrier_content .carrier_title {
    text-align: left;
    margin-bottom: 20px;
    text-align: center;
    margin-top: 30px;
}

.order_delivery .address.first_item,
.addresses #address_delivery {
    padding: 20px;
    border: 1px solid #ccc;
    background: #F8F8F8;
    margin-bottom: 20px;
}

.order_delivery .address.alternate_item,
.addresses #address_invoice {
    padding: 20px;
    border: 1px solid #ccc;
    background: #F8F8F8;
    margin-bottom: 20px;
}

#order-detail-content-table .td-3 {
    text-align: center;
}

#order-detail-content-table tbody td:first-child {
    padding-left: 40px;
}

.cart_total_price.cart_last_tr .price {
    font-size: 17px;
    color: #a9a9a9;
}

#order-detail-content-table tfoot tr.item td {
    display: block !important;
    border-left: none;
    border-right: none;
    border-bottom: none;
}

#order-detail-content-table tfoot tr.item:first-child td {
    border: none;
}


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

body#my-account ul.footer_links li {
    float: none;
}

body#my-account div#center_column ul.myaccount_lnk_list {
    list-style: none;
}

body#my-account div#center_column ul.myaccount_lnk_list li img {
    margin: 0 5px 0 0;
    display: inline-block;
    width: 16px;
}

body#my-account div#center_column ul.myaccount_lnk_list li a i {
    font-size: 18px;
    line-height: 18px;
    width: 24px;
    display: inline-block;
    vertical-align: -1px;
}

.account_creation .select span {
    display: block;
    margin-bottom: 7px;
}

.account_creation .after-box {
    padding: 20px 0 0 0;
}

#account-creation_form #passwd {
    float: left;
    margin-right: 20px;
}

#account-creation_form {
    max-width: 800px;
    margin: auto;
}

#account-creation_form fieldset h2 {
    margin: 10px 0 15px 0;
}

#account-creation_form fieldset .checkbox label {
    display: inline;
    padding-left: 2px;
}

#account-creation_form fieldset:first-child h2 {
    margin: 0;
}

#center_column #account-creation_form .titled_box p {
    margin: 0;
    padding: 0 0 20px 0
}

#center_column #account-creation_form .account_creation.customerprivacy p {
    padding: 0;
    float: left;
}

#center_column #account-creation_form .titled_box p input[type="checkbox"] {
    margin-right: 10px;
}

#account-creation_form p.radio span,
#account-creation_form p.select span,
#identity p.radio span {
    display: block;
    margin-bottom: 7px;
    padding: 6px 0px;
    text-align: left
}

#identity #center_column .std input[type='checkbox'] {
    margin-right: 7px;
}

#identity #center_column .std input[type='checkbox']+label {
    display: inline;
}

#account-creation_form p.radio label {
    padding-right: 10px;
}

#center_column #account-creation_form p.cart_navigation {
    margin: 0;
    padding: 20px 0 0 0;
}

form#account-creation_form p.radio input,
#identity p.radio input,
#new_account_form p.radio input {
    /*margin: 2px 5px 0 0;*/
    margin: 0;
    float: none;
}

form#account-creation_form p.radio label,
#identity p.radio label,
#new_account_form p.radio label {
    /*padding: 0px 25px 0 3px;
	float: left;
	display: inline-block;*/
    padding: 0px 53px 0 0px;
    /* float: left; */
    display: inline-block;
}

form#account-creation_form textarea {
    width: 210px;
    max-width: 563px;
}

#identity p.radio {
    padding: 0;
}

input#customer_privacy {
    float: left;
    margin: 0px;
    width: 32px;
}

input#submitAccount {
    width: 100%;
    max-width: 200px;
    margin-left: 50%;
    transform: translateX(-50%);
}

.form_content.clearfix {
    width: 50%;
    margin: auto;
}

@media screen and (max-width: 767px) {
    .form_content.clearfix {
        width: 100%;
    }
}


/* ************************************************************************************************
Product Comparison
************************************************************************************************ */

.comparison_product_infos {
    padding-top: 10px;
}

#product_comparison #availability_label {
    font-weight: bold;
    color: #333;
}

#product_comparison #availability_value {
    color: #0C6;
}

#product_comparison .comparison_availability_statut {
    padding: 0px;
    margin: 0;
    display: none;
}

#product_comparison.breakpoint .comparison_product_infos,
#product_comparison.breakpoint .comparison_product_infos .product_link,
#product_comparison.breakpoint .comparison_product_infos .row-compare-button {
    text-align: left;
}

#product_comparison .product_image_div {
    position: relative;
    margin-bottom: 13px;
    text-align: center;
}

#product_comparison .product_image_div a {
    display: block;
}

#product_comparison th:first-child,
#product_comparison td:first-child {
    text-align: left;
    padding: 5px 10px 5px 10px;
    font-weight: bold;
}

#product_comparison .product_image_div a.product_image {
    position: relative;
    display: inline-block;
}

#product_comparison td.ajax_block_product {
    vertical-align: top;
}

#product_comparison .product_image_div a.product_image img {
    background: none;
}

.shop_table .title_compare {
    font-size: 13px;
    color: #333;
}

#product_comparison .comparison_header .price {
    font-size: 32px;
    font-weight: normal;
}

#product_comparison .on_sale,
#product_comparison .discount {
    width: 54px;
    height: 48px;
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
}

#product_comparison .product_link {
    padding: 0 0 0px 0;
    display: inline-block;
    text-align: center;
}

#product_comparison .comparison_product_infos a.cmp_remove {
    position: absolute;
    right: 0px;
    top: 0;
    z-index: 5;
    font-size: 25px;
    line-height: 25px;
}

#product_comparison .comparison_product_infos a.cmp_remove:hover {
    color: #a9a9a9;
}

#product_comparison .product_desc {
    margin: 0 0 9px 0;
    min-height: 38px;
}

#product_comparison .row-compare-button {
    text-align: left;
    padding-top: 10px;
}

#product_comparison .comparison_product_infos a.button {
    margin-right: 8px;
    margin-bottom: 10px;
}

#product_comparison .comparison_product_infos .exclusive {
    margin: 0px 0 10px 0;
}

#product_comparison td:first-child {
    background: #F5F5F5;
    color: #888;
}

.shop_table td.comparison_feature_even.comparison_infos,
.shop_table td.comparison_feature_odd.comparison_infos {
    text-align: center;
}

#product_comparison .comparison_feature_odd.comparison_infos.ajax_block_product {
    padding: 10px 20px
}


/* ************************************************************************************************
Identity
************************************************************************************************ */

form.identity p.radio input {
    top: 3px;
}

form.identity p.radio label {
    padding: 0 15px 0 3px;
    line-height: 19px;
    display: inline-block;
}

form.identity p.required_desc {
    padding: 20px 0 0 157px;
}

p#security_informations {
    padding: 20px 0 0 0px;
    font-style: italic;
    margin: 0;
}


/* ************************************************************************************************
Orderopc
************************************************************************************************ */

#orderopc #left_column {
    display: none
}

#orderopc #center_column {
    width: 757px
}

#orderopc #left_column h2 {
    margin-top: 20px
}

#opc_account_choice {
    padding: 0 0px;
}

#login_form_content {
    width: 90%;
    padding: 20px 5%;
    background: #f5f5f5;
    border: 1px solid #ccc;
}

#opc_account_form input.text,
#new_account_form #opc_account_form textarea {
    width: 100%;
}

#opc_account_form input[type='checkbox']+label {
    display: inline;
}

#opc_account_choice .opc_float {
    width: 90%;
    padding: 10px 5%;
    background: #f5f5f5;
    border: 1px solid #ccc;
    margin-bottom: 15px;
}

#opc_account_choice .opc_float ul {
    margin: 0 0 20px 30px
}

form#new_account_form {
    padding-top: 10px;
}

form#new_account_form h4 {
    margin-bottom: 10px;
}

.account_creation.customerprivacy.titled_box label {
    display: inline;
}

#new_account_form fieldset {
    padding: 0 0 15px 0;
}

#center_column #new_account_form p {
    margin: 0;
    padding: 0 0 10px 0;
}

#new_account_form p.radio span,
#new_account_form p.text label,
#new_account_form p.password label,
#new_account_form p.select label,
#new_account_form p.select span,
#new_account_form p.textarea label {
    display: inline-block;
    padding: 6px 15px;
    width: 230px;
    text-align: right
}

#new_account_form p.textarea textarea {
    height: 80px;
    width: 205px;
}

#new_account_form span.form_info,
#new_account_form span.inline-infos {
    display: block;
    margin: 5px 0 0 0px;
    color: #666
}

#order #loyalty {
    margin: 10px 0 12px 0;
    font-size: 13px;
    padding: 20px 0 20px 0;
    border-top: 1px dotted #ccc;
}

#order #loyalty img {
    margin-right: 10px;
}

.list-radio {
    margin-right: 25px;
    float: left;
}

.short_description_pack {
    padding: 10px 0px 0px 0;
}

.short_description_pack h3 {
    padding: 5px 0 0 0;
    margin: 0;
}

.short_description_pack p {
    padding: 5px 0 0 0;
}

.short_description_pack .pack_content {
    padding: 10px 0 0 0;
}

.pack_content {
    margin: 5px 0 5px 0;
}

#pb-left-column #color_picker p {
    padding-bottom: 5px;
    font-weight: bold;
}

span.our_price_display {
    padding-top: 7px;
    font-size: 24px;
    line-height: 18px;
    display: inline-block;
}

*:first-child+html .content_prices #add_to_cart .exclusive {
    padding: 4px 3px 4px 11px;
}


/* ************************************************************************************************
		FOOTER
************************************************************************************************ */

.block.blockcms_footer {
    margin-left: 0;
}

footer {
    /* background-color: #fff; */
    clear: both;
}

footer iframe{
    background:#fff;
}

footer a {
    transition: 0.22s;
    color: #fff !important;
}

footer a:hover {
    opacity: 0.5;
}

footer .modules {
    box-shadow: 0px -3px 6px #00000029;
    display: flex;
    flex-wrap: wrap;
    padding: 3rem 0 8rem 2%;
}

footer .footer-title {
    font-family: Inter, sans-serif;
    font-size: 20px;
    font-weight: 200;
    line-height: 40px;
    /* color: #00b0f0; */
    color: #fff;
    text-transform: uppercase;
}

footer .list-footer {
    font-family: Inter, sans-serif;
    font-size: 14px;
    line-height: 22px;
    color: #fff;
}

footer #steavisgarantisFooterVerif{
    margin-top: 50px;
}

footer #steavisgarantisFooterVerif *{
    color: #fff;
}

.blockcontactinfos {
    flex: 25%;
    padding-right: 4rem;
}

.blockcontactinfos .infocontact_text {
    font-family: Inter, sans-serif;
    font-size: 14px;
    line-height: 22px;
    color: #fff;
    margin-top:10px;
}
.logo-footer .logo_contact, 
.blockcontactinfos .infocontact_text{
    margin-left: calc(96px - 2%);
}

#blocksocialnewsletter {
    flex: 25%;
    padding-right: 4rem;
}

.blocksocial {
    padding-bottom: 3rem;
}

.blocksocial ul {
    display: flex;
    gap: 20px;
}

.blocksocial ul a {
    transition: opacity ease 0.3s;
}

.blocksocial ul a:hover {
    opacity: 0.5;
}

#newsletter_block_left {}

#newsletter_block_left .block_content form {
    margin: 0;
    padding: 0;
    display: flex;
}

#newsletter_block_left .block_content input[type="email"] {
    border: 1px solid #4C7EC5;
    border-radius: 100px 0px 0px 100px;
    margin: 0;
    width: 80% !important;
    font-family: Inter, sans-serif;
    font-size: 14px;
    /* color: #fff; */
    padding-left: 2rem;
}

#newsletter_block_left .block_content input[type="submit"] {
    background: #93CA15 0% 0% no-repeat padding-box;
    border-radius: 0px 100px 100px 0px;
    width: 20%;
    font-family: Inter, sans-serif;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
    transition: opacity ease 0.3s;
    border: none;
}

#newsletter_block_left .block_content input[type="submit"]:hover {
    opacity: 0.5;
}

#newsletter_consent_block {
    display: flex;
    flex-wrap: wrap;
    margin-top: 8px;
}

#newsletter_consent_block #consent_newsletter {
    width: 15px;
    margin: 0;
    margin-left: 5px;
    cursor: pointer;
}

#newsletter_consent_block label[for="consent_newsletter"] {
    width: calc(100% - 30px);
    padding-left: 10px;
    font-size: 10px;
    color: #fff;
    font-weight: 500;
    line-height: 14px;
}

#newsletter_block_left .not-allowed {
    cursor: not-allowed;
}

.bloc_info_footer {
    flex: 25%;
    padding-left: 4rem;
}

.bloc_mysaccount_footer {
    flex: 25%;
}

@media screen and (max-width: 1199px) {
    footer .modules {
        padding: 3rem 8rem;
    }

    .blockcontactinfos,
    #blocksocialnewsletter,
    .bloc_info_footer,
    .bloc_mysaccount_footer {
        flex: 50%;
    }

    .blockcontactinfos,
    #blocksocialnewsletter {
        margin-bottom: 3rem;
    }

    .blockcontactinfos .infocontact_text,.logo-footer .logo_contact {
        margin-left: 0;
    }

    #blocksocialnewsletter,
    .bloc_info_footer {
        padding: 0;
    }

    #newsletter_block_left .block_content form {
        width: 60%;
    }
}

@media screen and (max-width: 959px) {
    footer .modules {
        padding: 3rem 4rem;
    }

    footer .footer-title {
        font-size: 18px;
    }

    #newsletter_block_left .block_content input[type="submit"] {
        font-size: 16px;
    }
}

@media screen and (max-width: 650px) {
    footer .modules {
        padding: 3rem 0;
        text-align: center;
        text-align: -moz-center;
        text-align: -webkit-center;
        padding-bottom: 150px;
    }

    .blockcontactinfos,
    #blocksocialnewsletter,
    .bloc_info_footer,
    .bloc_mysaccount_footer {
        flex: 100%;
    }

    .bloc_info_footer,
    .bloc_mysaccount_footer {
        margin-bottom: 3rem;
    }

    .blocksocial ul {
        justify-content: center;
    }

    #newsletter_consent_block {
        max-width: 350px;
    }
}

/* ************************************************************************************************
PAIMENT - PAGE ORDER
************************************************************************************************ */

#order .p-cart {
    font-size: 13px;
    text-transform: uppercase;
    color: #535353;
    padding-bottom: 15px;
    border-bottom: 1px solid #e5e5e5;
}

.ordercart-title {
    font-weight: bold;
    color: #333;
    margin: 0;
    padding: 6px 0 14px 0;
    padding-top: 0;
    width: 70%;
    /* padding: 0px 16% 0 0; */
    margin-left: 15%;
    margin-right: 15%;
}

.ordercart-title #summary_products_quantity {}

#order_steps {
    overflow: hidden;
    margin: 20px 0 10px 0px;
    width: 70%;
    margin-left: 15%;
    margin-right: 15%;
}

.total-pr {
    margin-left: 0px;
}

.insset-bottom .price {
    margin-left: 0px;
}

td.cart {
    background-color: #F1F1F1;
}

#order_steps li.even:first-child {
    background: #9c9c9c;
}

#order_steps li.even.step_current:first-child {
    background: #202020;
}

#order_steps li.even {
    background: url(../img/marker-order.png) 0px 29px no-repeat #9c9c9c;
}

#order_steps li.odd {
    background: url(../img/marker-order.png) 0px 29px no-repeat #777777;
}

#order_steps li {
    width: 20%;
    float: left;
    text-align: center;
    background-color: #757272;
    border: 1px solid #ccc;
}

#order_steps li span {
    display: block;
    padding: 5px 0 5px 0px;
}

#order_steps li span {
    color: #fff;
    font-weight: bold;
}

#order_steps li span span {
    color: #fff;
    font-weight: bold;
    font-size: 27px;
    line-height: 27px;
}

#order_steps li.step_current {
    background-color: #202020;
}

#order_steps li a {
    font-weight: bold;
    color: #ccc;
    text-decoration: none;
}

#order_steps li a:hover {
    color: #fff;
}


/* step 1 - cart ******************************************************************************* */

#cart_summary {
    background: none;
    border: none;
    margin-bottom: 0;
}

#order #HOOK_SHOPPING_CART {
    padding-bottom: 0px;
    margin-bottom: 10px;
}

table#cart_summary h5 {
    padding-bottom: 10px;
    margin-top: -4px;
    display: block;
}

table#cart_summary .cart-atr {
    padding-bottom: 5px;
    display: inline-block;
}

#order-detail-content .title-th {
    float: left;
    padding-right: 10px;
    display: inline-block;
    font-weight: bold;
    color: #333
}

table#cart_summary tr {
    border-width: 0px 0px 1px 0px;
    border-style: dotted;
    border-color: #ccc
}

table#cart_summary tr.cart_last_tr {
    border: none;
}

#seperated_packag {
    padding: 0;
}

#seperated_packag input {
    margin: -3px 10px 0 0;
}

table#cart_summary .insset-bottom {
    padding-bottom: 16px;
    padding-top: 0px;
}

.cart_quantity_title {
    padding: 3px 10px 0 0;
}

table#cart_summary tbody tr {
    border-top: 1px dotted #ccc;
}

table#cart_summary td {
    /*padding: 20px 0 20px 0;*/
    border: none;
    vertical-align: top;
}

table#cart_summary .customization {
    border-color: #ccc
}

table#cart_summary td.cart_product {
    width: 162px;
}

table#cart_summary tr ul {
    list-style: none;
}

table#cart_summary .customizationUploaded {
    margin-bottom: 10px;
}

table#cart_summary .cart_quantity .cart_quantity_down {
    float: left;
}

table#cart_summary .cart_discount_name {
    color: #333;
    text-transform: uppercase;
    vertical-align: middle;
}

table#cart_summary .cart_discount {
    border-width: 1px 0 1px 0;
    border-style: solid;
}

table#cart_summary .cart_discount_price .div_cart_quantity_delete {
    float: none;
    margin-left: 7px;
    display: inline-block;
}

table#cart_summary .cart_discount_price .div_cart_quantity_delete a i {
    font-size: 16px;
    line-height: 16px;
}

table#cart_summary .div_cart_quantity_delete {
    float: left;
}

table#cart_summary .div_cart_quantity_delete a {
    display: inline-block;
    margin: 5px 0 0 10px
}

table#cart_summary .div_cart_quantity_delete a i {
    font-size: 25px;
    line-height: 25x;
    width: auto;
}

table#cart_summary .div_cart_quantity_delete a:hover {
    background-position: -76px -24px;
}

table#cart_summary .customization .cart_quantity {
    padding: 20px 0px 20px 0;
    border: none;
    margin-bottom: 0;
}

table#cart_summary .cart_quantity .cart_quantity_input {
    float: left;
    border-left: none;
    border-right: none;
    display: inline-block;
    height: 24px;
    text-align: center;
    width: 40px;
    margin: 0;
}

table#cart_summary .cart_quantity .cart_quantity_button {
    float: left;
}

table#cart_summary a.price_discount_delete {
    margin-top: 3px
}

table#cart_summary .cart_total_price .total_price_container {
    border-right: none;
}

table#cart_summary .cart_total_price td.cart_voucher {
    vertical-align: middle
}

table#cart_summary #total_price_container {
    vertical-align: middle;
}

#cart_summary tfoot {
    font-weight: bold
}

#cart_summary .cart_last_tr #total_price {
    font-size: 22px;
    font-weight: normal;
}

table#cart_summary tfoot td {
    padding: 16px 0 14px 0;
    border: none;
    text-align: left;
}

table#cart_summary tfoot td+td {
    text-align: right;
}

#total_price_container {
    vertical-align: middle;
}

#cart_summary .price {
    border: none;
    white-space: nowrap;
}

tr.cart_total_delivery {
    background-color: #F1F1F1;
}

tr.cart_total_delivery {
    background-color: #F1F1F1;
}

tr.cart_total_tax {
    background-color: #F1F1F1;
}

.total_price_container p {
    text-align: left
}

table#cart_summary .cart_total_price .total_price_container {
    padding: 0;
}

.cart_total_price .total_price_container p {
    display: block;
    padding: 8px;
}

.cart_total_price .total_price_container span {
    display: block;
    padding: 15px;
    font-weight: bold;
    font-size: 18px;
    text-align: center
}

table#cart_summary .gift-icon {
    color: white;
    background: #0088CC;
    line-height: 20px;
    padding: 2px 5px;
    border-radius: 5px;
}

table#cart_summary .min-with-td {
    display: inline-block;
    font-weight: normal;
    min-width: 50px;
}

table#cart_summary #cart_quantity_button .cart_quantity_down {
    background: url(../img/quantity_down_mob.png) 0 0px no-repeat;
    height: 43px;
    width: 45px;
}

table#cart_summary #cart_quantity_button .cart_quantity_up {
    background: url(../img/quantity_up_mob.png) 0 0px no-repeat;
    height: 43px;
    width: 45px;
    float: left;
}

table#cart_summary #cart_quantity_button .cart_quantity_up img,
table#cart_summary #cart_quantity_button .cart_quantity_down img {
    display: none;
}

.address-form-multishipping {
    width: 94%;
    padding: 15px 3%;
    background: #f5f5f5;
    border: 1px solid #ccc;
    margin-bottom: 20px;
}

table#cart_summary #cart_quantity_button span {
    line-height: 43px;
}

table#cart_summary .cart_quantity .cart_quantity_input {
    height: 43px;
}

.cart_quantity_title {
    padding: 11px 10px 0 0;
}

table#cart_summary .div_cart_quantity_delete a {
    margin-top: 7px;
    margin-left: 20px;
}

table#cart_summary .cart_discount_price .div_cart_quantity_delete a {
    margin-top: 0px;
}

#HOOK_SHOPPING_CART .page_product_box h3 i {
    display: none;
}


/*cart_voucher******************************************************************************* */

form#voucher fieldset {
    form#voucher fieldset {
        padding: 25px 0px 23px 0px;
        border-top: 2px solid #3a3a3a;
        border-bottom: 2px solid #3a3a3a;
        width: 41%;
        margin-left: 25%;
    }
}

form#voucher fieldset h4 {
    padding: 6px 10px 0 0;
    margin: 0;
    float: left;
}

form#voucher fieldset p {
    float: left;
    margin: 0;
    padding: 0px 0px 0 0;
}

form#voucher fieldset p.submit {
    padding: 0px 0 0 0;
}

form#voucher fieldset p label {
    float: left;
    text-align: right;
    padding: 2px 7px 0 0;
}

form#voucher fieldset p input.discount_name {
    width: 330px;
    margin-bottom: 0;
    height: 32px;
    line-height: 32px;
}

#cart_voucher {
    padding-top: 9px;
}

#cart_voucher .btn.btn-inverse {
    padding-top: 7px;
    padding-bottom: 7px;
    line-height: 1.25em;
}

#seperated_packag label {
    display: inline;
}

form#voucher fieldset div#display_cart_vouchers h4 {
    margin: 10px 0 0 0;
    padding: 10px 0 0 0;
    border-top: 1px solid #eee;
}

form#voucher fieldset div#display_cart_vouchers div {
    padding: 4px 0 0 0;
}

form#voucher fieldset div#display_cart_vouchers span.voucher_name {
    font-weight: bold;
    text-decoration: underline;
    cursor: pointer;
}

form#voucher fieldset div#display_cart_vouchers span.voucher_name:hover {
    text-decoration: none;
}

#order_carrier {
    clear: both;
    margin-top: 20px;
    border: 1px solid #999;
}

#carrier_area .checkbox {
    margin: 0;
    padding: 12px 0 0 0
}

#carrier_area .checkbox input {
    margin: 3px 7px 0 0;
}

#carrier_area .checkbox label {
    display: inline;
    color: #000;
}

#order_carrier h4 {
    padding: 0 15px;
}

#order_carrier span {
    display: block;
    padding: 15px;
    font-weight: bold
}

.order_delivery {
    padding-top: 7px;
    padding-bottom: 20px;
}

#order .order_delivery.row {
    margin: 0;
}

.order_delivery .first_item {
    margin-bottom: 10px;
}

.address_select {
    width: 100px;
}

.multishipping_close_container {
    text-align: center;
    padding-top: 10px;
}


/* ————— carriercompare.tpl ————— */

#compare_shipping_form p {
    margin: 0;
}

#compare_shipping #availableCarriers {}

#compare_shipping ul#carriercompare_errors_list li {
    background: url("../img/warning.png") no-repeat 20px center #FDE4E1;
    border: 1px solid #EBBCB5;
    color: #DF0505;
    font-size: 12px;
    font-weight: bold;
    padding-left: 70px;
    margin-left: 0 !important;
    margin-bottom: 10px;
}

6% #compare_shipping_form p label {
    padding: 5px 7px 5px 0;
    display: block;
}

#compare_shipping_form p select {
    margin-bottom: 10px;
    width: 395px;
}

#compare_shipping_form p input {
    margin-bottom: 2px;
    width: 394px;
    margin-right: 10px;
}

#compare_shipping_form {
    padding: 16px 0px 0px 0px;
    border-top: 2px solid #3a3a3a;
    margin-top: 20px;
    margin-bottom: 10px;
}

#compare_shipping_form #compare_shipping {
    padding: 0;
}

#compare_shipping_form #compare_shipping h3 {
    padding-top: 0;
    border-bottom: 3px solid #000;
    text-transform: uppercase;
    color: #333;
    font-weight: bold;
    padding-bottom: 4px;
    font-size: 17px;
}

#compare_shipping_form #compare_shipping p {
    padding: 0;
}

#compare_shipping_form #compare_shipping .SE_SubmitRefreshCard {
    padding-top: 20px;
}

#compare_shipping_form #compare_shipping .SE_SubmitRefreshCard input {
    width: auto;
    margin-bottom: 0;
    margin-right: 16px;
}


/* nav bottom ********************************************************************************** */

.cart_navigation {
    margin: 20px 0
}

.cart_navigation .exclusive,
.cart_navigation .exclusive_large {
    float: right
}


/* order carrier */

div#order_carrier {
    margin: 20px 0 0 0;
    padding: 10px;
    border-width: 1px;
    border-style: solid;
}

div#order_carrier h4 {
    float: left;
    padding: 0 10px;
}


/* cart navigation */

#order p.cart_navigation.inner-top {
    border-top: 1px dotted #ccc;
}

p.cart_navigation {
    clear: both;
    margin: 0;
    padding: 25px 0 0px 0;
}

p.cart_navigation .button,
p.cart_navigation .button_large {
    float: left;
}

p.cart_navigation .button:hover,
p.cart_navigation .button_large:hover {}

p.cart_navigation .exclusive,
p.cart_navigation .exclusive_large {}

p.cart_navigation .exclusive:hover,
p.cart_navigation .exclusive_large:hover {}

#compare_shipping_form #availableCarriers {
    padding: 15px 0 0 0;
    margin: 0 !important;
}

#compare_shipping_form #noCarrier {
    margin: 12px 0 0;
    padding: 10px 13px;
    text-align: center;
}

#availableCarriers_table {
    width: 100%;
    text-align: center;
}

#availableCarriers_table th {
    text-align: center;
    border: 1px solid #CCC;
}

#carriercompare_errors_list li {
    margin: 0;
    padding: 10px 0 10px 0;
}

#availableCarriers_table td.radio {
    padding: 0 5px 0 5px;
    text-align: center;
    border: none;
}

#availableCarriers_table td input {
    float: none;
    margin-top: 15px;
}


/**********************************************************************************************
LOGIN PAGE
***********************************************************************************************/
#authentication #create-account_form {
    margin-bottom: 6rem;
}

#authentication h1,
#authentication h3 {
    text-align: center;
}

#authentication #create-account_form .title_block {
    text-transform: none;
    font-size: 13px;
    font-weight: 500;
    color: #707070;
}

#authentication #create-account_form .title_block,
#authentication #login_form .title_block {
    margin: 0;
    padding: 13px 0 0 0;
}

#authentication #create-account_form p.text,
#authentication #login_form p.text {
    padding: 14px 0 0 0;
}

#authentication #login_form p.submit {
    text-align: center;
}

#authentication #create-account_form p.submit {
    text-align: center;
}

#authentication #create-account_form label,
#authentication #login_form label {
    display: block;
    font-family: Inter, sans-serif;
    color: #707070;
    clear: both;
    text-align: left;
    padding: 0 0 5px 0;
}

#authentication #login_form p.lost_password {
    padding: 15px 0 0 0;
    margin-bottom: 0;
}

#opc_account_form .shop_box {
    padding: 10px 0 10px 0;
}

.cart_total {
    text-align: right;
}


/* ————— password.tpl ————— */

.forgot_password #restore_password label {
    width: 170px;
}

.forgot_password p.submit {
    padding-left: 177px;
}

#password #center_column h1+p {
    margin: 3px 0 17px 0;
}

#password #center_column p.text input {
    margin: 0;
}


/* step 3 - address ************************************************************************** */

div.order_address p.select label {
    float: left;
    text-align: right;
    padding: 2px 7px 0 0;
}

div.order_address p#address_invoice_form a.button_large {
    margin: 0 auto;
}

div.order_address p.address_add {
    padding: 20px 0 0 0;
    margin: 0;
}

div.order_address #ordermsg p {
    margin: 0;
}

div.order_address #ordermsg textarea {
    height: 100px;
}

#multishipping_mode_box h2 {
    text-align: center;
    margin-bottom: 12px;
}

#multishipping_mode_box .btn {
    color: #333;
}

#multishipping_mode_box h2 span {
    padding-left: 10px;
    padding-right: 10px;
}

#multishipping_mode_checkbox {
    vertical-align: top;
    margin-right: 5px;
}

#multishipping_mode_box.on {}

#multishipping_mode_box .title {
    padding: 5px;
    font-weight: bold;
    color: #333
}

#multishipping_mode_box .description,
#multishipping_mode_box .description_off {}

#multishipping_mode_box .description .button {
    margin: 0 auto;
    display: inline-block;
}

#multishipping_mode_box .description_off {
    display: none;
    padding: 5px;
}

#multishipping_mode_box .description_off div {
    margin-bottom: 10px;
}

#multishipping_mode_box.on .description_off {
    display: block;
}

table.multishipping-cart td {
    padding: 12px !important;
}

table.multishipping-cart th {
    border-width: 0 0 1px 0;
}

.multishipping-cart .cart_quantity .cart_quantity_input {
    float: left;
    margin: 0;
    height: 22px;
    line-height: 22px;
    border-left: 0;
    border-right: 0;
    text-align: center;
}

.multishipping-cart .cart_quantity a {
    float: left;
}

.multishipping-cart .cart_quantity {
    width: 140px;
}

#order-detail-content #cart_summary.multishipping-cart {
    border: 1px solid #ccc;
    margin-bottom: 20px;
}

#order-detail-content #cart_summary.multishipping-cart td.cart_product {
    width: auto;
}

#order-detail-content {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
}
@media (min-width: 1200px) {
    #order-detail-content {
        padding-top: 0;
        padding-top: 0;
        width: 70%;
        /* padding: 0px 16% 0 0; */
        margin-left: 15%;
        margin-right: 15%;
    }
}
@media (max-width: 1999px) {
    body#order .center_column{
        width:90%!important;
    }
}

#order-detail-content #cart_summary.multishipping-cart td {
    border: 1px solid #ccc
}

input.exclusive {
    width: 151px;
}


/* step 4 - paiement ************************************************************************** */

table#carrierTable {
    margin: 17px 0 0 0;
}

table#carrierTable tr td.radio input {
    background: none;
    border: none;
    position: relative;
    top: 1px;
    left: 0;
}

p#gift_div {
    display: none;
    clear: both;
    margin: 0;
}

p#gift_div label {
    display: block;
}

p#gift_div textarea {
    height: 100px;
    margin: 12px 0 10px 0;
}


/* step 5 - paiement ************************************************************************** */

p.payment_module {
    display: block;
    padding: 20px 0 0px 0;
    margin: 0;
}

.payment_module img {
    vertical-align: middle;
    margin: 0 10px 0 0;
    float: left;
}

.payment_module a {
    display: block;
    background: #fafafa;
    border: 1px solid #ccc;
    padding: 15px;
    color: #333;
    text-decoration: none;
    text-align: left;
    overflow: hidden;
    font-weight: bold;
    line-height: 54px;
}

.payment_module a:hover,
.payment_module a:focus,
.payment_module a:active {
    background: #fefefe;
    border: 1px solid #000;
    color: #000;
}


/* ************************************************************************************************
PAGE ORDER-OPC
************************************************************************************************ */

div#order-opc h2.bordercolor {
    margin: 20px 0 0 0;
    padding: 17px 0 0 0;
    border-width: 1px 0 0 0;
    border-style: solid;
}

div#order-opc table#carrierTable {
    margin: 17px 0 0 0;
}

div#order-opc textarea#message {
    height: 100px;
}


/* ************************************************************************************************
express checkout
************************************************************************************************ */

#new_account_form {
    clear: both;
    margin-bottom: 20px
}

#new_account_form h3 {
    margin-bottom: 20px;
}

#center_column #new_account_form p {
    margin: 0;
    padding: 0 0 10px 0
}

#center_column #new_account_form p input {
    margin-right: 10px;
}

#new_account_form p.required {
    color: #222
}

#new_account_form p.radio span,
#new_account_form p.text label,
#new_account_form p.password label,
#new_account_form p.select label,
#new_account_form p.select span,
#new_account_form p.textarea label {
    display: block;
    padding: 6px 0px 6px 0;
    font-size: 12px;
    text-align: left
}

#new_account_form #submitGuestAccount {
    float: right
}


/* ************************************************************************************************
paiment - CONFIRMATION
************************************************************************************************ */

#orderconfirmation #left_column {
    display: none
}

#orderconfirmation #center_column {
    width: 757px
}

.orderconfirmation {
    border: 1px solid #ccc;
    padding: 20px;
    margin: 30px 0 0 0;
    background: #f8f8f8
}

.orderconfirmation a {
    color: #0C0;
}

.orderconfirmation a:hover {
    color: #333;
}

/* ************************************************************************************************
PAGE ADRESSES
************************************************************************************************ */

.bloc_adresses .address {
    background: #f8f8f8;
    border: 1px solid #cccccc;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    padding: 20px;
    margin-bottom: 20px;
    overflow: hidden;
}

.order_delivery .address.alternate_item,
ul#address_invoice {
    margin: 0px 0 0 0;
    padding: 0 0 17px 0;
    float: left;
    width: 43%
}

.order_delivery .address.alternate_item {
    padding: 20px;
}

.order_delivery .address.first_item,
ul#address_delivery {
    float: left;
    margin-right: 30px;
    width: 43%
}

.addresses .address_add.submit {
    padding: 0;
    margin: 0px 0 20px 0
}

ul.address li {
    margin: 0px 0px 0 0px;
}

ul.address li {
    line-height: 25px;
    color: #333;
}

ul.address li.address_delete,
ul.address li.address_update {
    float: left;
}

ul.address li .btn {
    color: #fff; 
    margin-top: 10px;
}

ul.address li.address_title {
    margin: 0px 0px 8px 0px;
    color: #a9a9a9;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: bold;
}

ul.address li.address_title h3 {
    margin: 0;
}

ul.address li.address_update {
    margin-right: 10px;
}

.addresses #id_address_delivery {
    width: 417px;
}


/* ************************************************************************************************
PAGE DISCOUNT
************************************************************************************************ */

table.discount {
    margin: 17px 0 0 0;
    font-family: Arial, Helvetica, sans-serif;
}

table.discount td.discount_code {
    font-weight: bold;
}

table.discount td.discount_value {
    white-space: nowrap;
}

body#discount div.center_column sup {
    vertical-align: top;
}


/* ************************************************************************************************
PAGE ORDER FOLLOW
************************************************************************************************ */

#order-follow #left_column {
    display: none
}


/* ************************************************************************************************
PAGE NEW-PRODUCTS
************************************************************************************************ */

#newproducts .sortPagiBar {
    margin-bottom: 20px
}


/* ************************************************************************************************
PAGE BEST SALES
************************************************************************************************ */

#bestsales .sortPagiBar {
    margin-bottom: 20px
}


/* ************************************************************************************************
PAGE PRICES DROP SALES
************************************************************************************************ */

#pricesdrop .sortPagiBar {
    margin-bottom: 20px
}


/* ************************************************************************************************
PAGE MANUFACTURER
************************************************************************************************ */

.mnf_sup_list {
    margin: 0px 0 0 0;
    padding: 0px;
    list-style-type: none;
}

.title_manuf {
    padding: 14px 0 24px 0;
    margin: 0;
    width: 100%;
    overflow: hidden;
    display: block;
    text-align: right;
}

.mnf_sup_list li {
    6% padding: 0px 0px 20px 0px;
    margin-bottom: 20px;
}

.mnf_sup_list li.last_item {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

.mnf_sup_list li .logo {
    display: block;
    float: left;
}

.mnf_sup_list li .logo a {
    display: block;
}

.mnf_sup_list li .logo img {
    vertical-align: middle;
}

.mnf_sup_list li .left_side {
    width: 490px;
    float: left;
    padding: 0 20px 0 20px;
    min-height: 150px;
    border-right: 1px solid #cccccc;
}

.mnf_sup_list li .left_side div {
    padding: 7px 0 0 0;
    display: inline-block;
}

.mnf_sup_list li .left_side div p {
    padding: 0;
    margin: 0;
}

.mnf_sup_list li .left_side h3 {
    padding: 0px 0 0 0;
    color: #fff;
    text-transform: uppercase;
    font-size: 13px;
    margin: -4px 0 5px 0;
    display: inline-block;
}

.mnf_sup_list li .right_side {
    width: 170px;
    float: right;
    position: relative;
    padding-left: 20px;
}

.mnf_sup_list li .right_side p {
    padding: 10px 0 0 0;
    margin: 0;
}

.mnf_sup_list li .right_side p span {}

.mnf_sup_list li .right_side p a {
    text-decoration: none;
}

.mnf_sup_list li .right_side a.button {
    margin: 12px 0 0 0;
}

.mnf_sup_list li .des-small {
    display: none;
}

.mnf_sup_list li .left_side h3 {
    margin-top: 10px;
}

.mnf_sup_list li .left_side h3 a {
    display: block;
    margin-top: -4px;
}


/* ************************************************************************************************
PAGE SEARCH
************************************************************************************************ */

#search h3.nbresult {
    margin: 10px 0 10px 0;
    padding: 10px;
    border: 1px solid #e6db55;
    font-size: 13px;
    background: #ffffe0
}

body .titled_box h2.nbresult{
    color:#777!important;
}


/* ************************************************************************************************
PAGE 404
************************************************************************************************ */

p.error404 {
    border: 2px solid #dd0000;
    background: #f5f5f5;
    margin: 20px 0 0 0;
    padding: 10px;
    line-height: 32px;
}

p.error404 img {
    margin: 0 10px 0 0;
}


/* ************************************************************************************************
addons payment cheque
************************************************************************************************ */

#module-cheque-payment #columns h1 {
    text-align: left;
    margin: 0 0 14px 0;
}

#module-cheque-payment #columns h2 {
    margin-bottom: 20px;
}

#module-cheque-payment #columns .box-payment-style p {
    margin: 0;
    padding: 0;
}

#module-cheque-payment #columns .cart_navigation a,
#module-cheque-payment #columns .cart_navigation input {
    margin-top: 20px;
}

#module-cheque-payment #columns form img {
    float: left;
    margin: 0 20px 2px 0;
}

#module-bankwire-payment form img {}

#module-cheque-payment #columns form {
    font-size: 13px;
}

#module-bankwire-payment #columns form {
    margin-top: 15px;
    font-size: 13px;
}

#module-cheque-payment form select,
#module-bankwire-payment form select {
    margin: 20px 0 20px 0;
}

.box-payment-style {
    padding: 20px;
    border: 1px solid #ccc;
    color: #333;
    font-size: 13px;
    background: #F8F8F8;
    margin-bottom: 10px;
}

.box-payment-style ul li {
    margin-bottom: 5px;
}

.box-payment-style ul {
    padding-top: 7px;
}


/* ************************************************************************************************
addons payment bankwire
************************************************************************************************ */

#module-gcheckout-payment aside,
#module-payment-submit aside,
#module-payment-submit aside {
    display: none
}


/* ************************************************************************************************
addon RerversoForm
************************************************************************************************ */

#account-creation_form fieldset.reversoform {
    padding: 10px !important
}

#account-creation_form fieldset.reversoform .text label {
    display: block;
    padding: 0 0 10px 0;
    width: 100%;
    text-align: left;
}

#account-creation_form fieldset.reversoform .infos-sup {
    padding: 0 !important;
    font-size: 10px;
    font-style: italic;
    text-align: right
}


/* ************************************************************************************************
addon customer privacy
************************************************************************************************ */

#account-creation_form fieldset.customerprivacy label {
    padding-bottom: 0;
    font-size: 12px;
    text-align: left;
    cursor: pointer;
    display: inline;
}

#account-creation_form fieldset.customerprivacy p {
    padding: 0;
    margin: 0;
}


/* ************************************************************************************************
addon referralprogram
************************************************************************************************ */

#module-referralprogram-referralprogram-program #left_column {
    display: none
}

#module-referralprogram-referralprogram-program #center_column {
    width: 757px
}

#footer .myaccount li.referralprogram img {
    display: none
}

#module-referralprogram-referralprogram-program .sheets {
    padding-top: 10px
}

#module-referralprogram-referralprogram-program form p.checkbox {
    font-weight: bold
}

#module-referralprogram-referralprogram-program form p.checkbox a {
    text-decoration: underline
}

#module-referralprogram-referralprogram-program form p.submit {
    text-align: right
}

#module-referralprogram-referralprogram-program form p.see_email {
    padding-left: 10px;
    color: #0088cc;
    background: url(../img/arrow_right_1.png) no-repeat 0 4px;
}

#module-referralprogram-referralprogram-program form p.see_email a {
    color: #0088cc;
    text-decoration: underline
}


/* ************************************************************************************************
addon loyalty
************************************************************************************************ */

#module-loyalty-default #left_column {
    display: none
}

#module-loyalty-default #center_column {}


/* ************************************************************************************************
addon Livezilla
************************************************************************************************ */

#livezilla_lnk {
    margin: 10px 0;
    text-align: right
}

#livezilla_lnk a {
    display: inline-block;
    padding: 6px 8px 8px 8px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    font: bold 10px Arial, Verdana, sans-serif;
    color: #fff;
    text-shadow: 0 -1px 0 #000;
    background: url(../img/bg_bt_compare.gif) repeat-x scroll 0 0 #000
}

#livezilla_lnk a:hover {
    text-decoration: none
}


/* ************************************************************************************************
guest tracking And TIME CSS
************************************************************************************************ */

#guest-tracking fieldset p:first-child {
    padding-top: 10px;
}

#guest-tracking fieldset p:last-child {
    padding-bottom: 10px;
}

#address_invoice_form {
    margin-bottom: 20px;
}

#opc_account.opc-main-block #address_invoice_form select {
    width: 100%;
}

#address_invoice_form label {
    display: block;
    padding-bottom: 4px;
}

#order #fancybox-content h2 {
    font-size: 14px;
    text-transform: uppercase;
    color: #3a3a3a
}

.popup-extra h3 {
    color: #ed038a;
    font-size: 14px;
    padding-bottom: 7px;
}

#module-favoriteproducts-favoriteproducts-account #left_column {
    display: none
}

#module-favoriteproducts-favoriteproducts-account #center_column {
    width: 757px
}

#favoriteproducts_block_account .favoriteproduct {
    position: relative;
    margin-bottom: 14px;
    margin-top: 15px;
    border: 1px solid #ccc;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    padding: 20px;
}

.favoriteproduct a.product_img_link {
    display: block;
    float: left;
    margin-right: 14px;
    overflow: hidden;
    position: relative;
}

.favoriteproduct h3 {
    color: #000000;
    font-size: 13px;
    padding: 0 0 10px;
}

.favoriteproduct p.product_desc {
    line-height: 16px;
    overflow: hidden;
    padding: 0;
}

.favoriteproduct .remove {
    position: absolute;
    top: 15px;
    right: 20px
}

.favoriteproduct .remove .icon {
    cursor: pointer
}

6%
/* ************************************************************************************************
		module productcomments
************************************************************************************************ */

.rating {
    clear: both;
    display: block;
    margin: 2em;
    cursor: pointer;
}

.rating:after {
    content: '.';
    display: block;
    height: 0;
    width: 0;
    clear: both;
    visibility: hidden
}

.cancel,
.star {
    overflow: hidden;
    float: left;
    margin: 0 1px 0 0;
    width: 16px;
    height: 16px;
    text-indent: -999em;
    cursor: pointer
}

.cancel,
.cancel a {
    background: url(../../../modules/productcomments/img/delete.gif) no-repeat 0 -16px !important
}

.cancel a,
.star a {
    display: block;
    width: 100%;
    height: 100%;
    background-position: 0 0
}

div.star_on a {
    background-position: 0 -16px
}

div.star_hover a,
div.star a:hover {
    background-position: 0 -32px
}

.star {
    position: relative;
    top: 2px;
    float: left;
    height: 12px;
    width: 12px;
    overflow: hidden;
    text-indent: -999em;
    cursor: pointer
}

.star,
.star a {
    background: url(../img/star.png) no-repeat 0 0
}

div.star_on a {
    background-position: 0 -12px
}

div.star_hover a,
div.star a:hover {
    background-position: 0 -12px
}

.confirmation {
    margin: 0 0 10px;
    padding: 10px;
    border: 1px solid #e6db55;
    font-size: 13px;
    background: #ffffe0;
}

#main .rte {
    background: 0 0
}

.listcomment {
    list-style-type: none;
    margin: 0 0 20px 0 !important;
}

.listcomment li {
    padding: 10px 0;
    border-bottom: 1px dotted #ccc;
    color: #666
}

.listcomment .titlecomment {
    display: block;
    font-weight: bold;
    font-size: 12px;
    color: #333
}

.listcomment .txtcomment {
    display: block;
    padding: 5px 0;
    color: #333
}

form#sendComment fieldset {
    padding: 10px;
    border: 1px solid #ccc;
    background: #eee
}

form#sendComment h3 {
    font-size: 14px;
}

#new_comment_form p.text {
    margin-bottom: 0;
    padding-bottom: 0;
}

#new_comment_form .btn {
    margin-bottom: 10px;
    margin-left: 5px;
    color: #fff;
}

#sendComment p.text label,
#sendComment p.textarea label {
    display: block;
    margin: 12px 0 4px;
    font-weight: bold;
    font-size: 12px;
}

#sendComment p.text input {
    padding: 0 5px;
    height: 28px;
    width: 498px;
    border: 1px solid #ccc;
    background: url(../img/bg_input.png) repeat-x 0 0 #fff;
}

#sendComment p.textarea textarea {
    height: 80px;
    width: 508px;
    border: 1px solid #ccc;
}

#sendComment p.submit {
    padding: 0;
    text-align: right
}

#sendComment p.closeform {
    float: right;
    padding: 0;
    height: 16px;
    width: 12px;
    text-indent: -5000px;
    background: url(../img/icon/delete.gif) no-repeat 0 0
}

#new_comment_form .product img {
    float: left;
    margin: 7px 14px 10px 8px;
    padding: 4px;
    border: 1px solid #fff;
    -moz-box-shadow: 0px 0px 9px #ddd;
    -webkit-box-shadow: 0px 0px 7px #ddd;
    box-shadow: 0px 0px 7px #ddd;
}

#new_comment_form .product .product_desc {
    text-align: left;
    max-width: 300px;
}

#new_comment_form .product .product_desc .product_name {
    padding-bottom: 5px;
    font-size: 13px;
    color: #000
}

#new_comment_form .grade_content {
    margin: 0 0 20px 0
}

#new_comment_form .grade_content span,
#new_comment_form .grade_content span {
    display: inline-block;
    padding: 0 10px;
    width: 150px;
    font-weight: bold
}

#new_comment_form .grade_content .cancel {
    margin-right: 5px
}

.new_comment_form_content .intro_form {
    padding-bottom: 10px;
    font-weight: bold;
    font-size: 12px
}

#new_comment_form label {
    display: block;
    margin: 12px 0 4px 0;
    font-weight: bold;
    font-size: 12px;
}

#new_comment_form textarea {
    height: 80px;
}

#new_comment_form .submit {
    margin-top: 20px;
    padding: 0;
    font-size: 13px;
    text-align: right
}

#new_comment_form #criterions_list {
    border-bottom: 1px solid #CCC;
    padding-bottom: 15px;
    list-style-type: none;
}

#new_comment_form #criterions_list li {
    margin-bottom: 5px;
    padding-top: 5px;
}

#new_comment_form #criterions_list label {
    display: block;
    margin: 0 0px 0 0px;
    padding-bottom: 5px;
}

#new_comment_form #criterions_list .star_content {
    float: left;
}

#new_comment_form #new_comment_form_footer {
    margin-top: 0px;
    font-size: 12px;
}

#new_comment_form p.required {
    float: left;
    margin: 0 0 5px;
}

#new_comment_form form {
    text-align: left;
}

#new_comment_form form .row-fluid {
    padding-bottom: 10px
}

.product_image img,
.product_img_link img {}

.fl {
    float: left;
}

.fr {
    float: right;
}


/* ************************************************************************************************
		POPUP COMPARE
************************************************************************************************ */

#cluetip-close img {
    border: 0;
}

#cluetip-title {
    overflow: hidden;
}

#cluetip-title #cluetip-close {
    float: right;
    position: relative;
}

#cluetip-waitimage {
    width: 43px;
    height: 11px;
    position: absolute;
    background-image: url('../img/loader.gif');
}

.cluetip-arrows {
    display: none;
    position: absolute;
    top: 0;
    left: -11px;
    height: 22px;
    width: 11px;
    background-repeat: no-repeat;
    background-position: 0 0;
}

#cluetip-extra {
    display: none;
}

#cluetip {
    background-color: transparent;
}

#cluetip #cluetip-outer {
    border: 1px solid #ccc;
    position: relative;
    background-color: #fff;
    text-align: left !Important;
}

#cluetip #cluetip-inner .comment {
    text-align: left !Important;
}

#cluetip h3#cluetip-title {
    margin: 0px;
    padding: 0px 0px;
    font-size: 12px;
    font-weight: normal;
    color: #333;
}

#cluetip #cluetip-inner {
    padding: 5px 5px 5px;
    display: inline-block;
}

#cluetip div#cluetip-close {
    text-align: right;
    margin: 0 5px 5px;
    color: #900;
}

#cluetip div#cluetip-close a {}


/* ************************************************************************************************
		TIME OTHER GLOBAL CSS
************************************************************************************************ */

.products_block ul li.shop_box {}

.titled_box h2,
.account_creation h3 {
    text-align: center;
    width: 100%;
    font-family: Inter, sans-serif;
    font-size: 20px;
    font-weight: 200;
    letter-spacing: 4px;
    color: #fff;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
    background: none;
}

.titled_box h2 span,
.account_creation h3 span {
    position: relative;
    z-index: 1;
}

.icon-style {
    width: 16px;
    height: 16px;
    background: url(../img/icon-style.png) center center no-repeat;
}

.shop_box_row {
    background:#fff;
}

.shop_box_row.shop_box_row_other {
    border-top: none;
    padding-top: 0;
}

.shop_box_row.shop_box_row_search {
    border-top: none;
}

.title_shop {
    color: #000;
    font-size: 13px;
    font-style: italic;
    font-weight: bold;
}

.lnk_more {
    font-size: 13px;
    color: #a9a9a9;
    line-height: 16px;
    display: inline-block;
    font-style: italic;
    font-weight: bold;
}

.lnk_more:hover {
    color: #a9a9a9;
}

.store_list {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

.store_list li:first-child a {
    border: none;
}

.store_list li {
    padding: 0px 0 0px 0px;
    margin: 0;
}

.store_list li a {
    font: normal 12px/18px Arial, Helvetica, sans-serif;
    /*text-transform: uppercase;*/
    color: #7f7f7f;
    padding: 9px 0 8px 20px;
    display: block;
    transition: all 0.3s;
    background: #ffffff;
    /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #f7f7f7 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f7f7f7));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%, #f7f7f7 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%, #f7f7f7 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%, #f7f7f7 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #ffffff 0%, #f7f7f7 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f7f7f7', GradientType=0);
    /* IE6-9 */
}

.store_list li a i {
    color: #c8c8c8;
    margin-right: 12px;
    font-size: 12px;
}

.store_list li a:hover {
    color: #000;
}

.store_list li a:hover li {
    color: #000;
}

.shop_table {
    background: #fefefe;
    border-spacing: 0;
    margin-bottom: 20px;
    vertical-align: middle;
    border: 1px solid #ccc;
    width: 100%;
}

#order-detail-content-table input.order_qte_input {
    display: none;
}

#order-detail-content-table input.order_qte_input+label {
    float: none;
}

#order-detail-content-table td.expand label {
    cursor: pointer;
}

.shop_table th {
    border: 1px solid #cccc;
}

.shop_table th {
    background: #f9f9f9;
    border: 1px solid #ccc;
    color: #333;
    font-size: 13px;
    font-weight: bold;
    padding: 15px 20px;
    text-align: center;
    vertical-align: middle;
    text-transform: uppercase;
    background: #fefefe;
}

.shop_table td {
    border: 1px solid #ccc;
    padding: 10px 20px;
    color: #888888;
}

.shop_table td .footable-row-detail-inner strong {
    font-size: 14px;
    font-weight: normal;
    margin: 0 10px 10px 0;
    display: inline-block;
    color: #333;
}

.footable.breakpoint>tbody>tr>td.expand {
    background: url(../img/u.png) 7px center no-repeat;
    padding-left: 40px;
}

.footable.breakpoint>tbody>tr.footable-detail-show>td.expand {
    background: url(../img/uu.png) 7px center no-repeat;
    padding-left: 40px;
}

.footable.breakpoint>tbody>tr>td.expand,
.footable.breakpoint>tbody>tr.footable-detail-show>td.expand {
    cursor: pointer;
}

.footable>tbody img {
    vertical-align: middle;
}


/* Global Declaration */

div.checker span,
div.radio span,
div.uploader,
div.uploader span.action {
    background: url(../img/sprite.png);
    background-repeat: no-repeat;
    -webkit-font-smoothing: antialiased;
}

.radio,
.checker,
.uploader,
.radio *,
.checker *,
.uploader * {
    margin: 0;
    padding: 0;
}


/* Checkbox */

div.checker {
    width: 19px;
    height: 19px;
    float: left;
}

div.checker input {
    width: 19px;
    height: 19px;
}

div.checker span {
    background-position: 0px -260px;
    height: 19px;
    width: 19px;
}

div.checker:active span,
div.checker.active span {
    background-position: -19px -260px;
}

div.checker.focus span,
div.checker:hover span {
    background-position: -38px -260px;
}

div.checker.focus:active span,
div.checker:active:hover span,
div.checker.active:hover span,
div.checker.focus.active span {
    background-position: -57px -260px;
}

div.checker span.checked {
    background-position: -76px -260px;
}

div.checker:active span.checked,
div.checker.active span.checked {
    background-position: -95px -260px;
}

@media (max-width: 990px) and (min-width: 768px) {
    .span_customcontent {
        /* margin-top: 182px;*/
        margin-bottom: 15px;
        margin-left: 5px;
    }

    .span_customcontent img {
        width: 175px;
    }

    .bilan_nut {
        width: 100%;
        margin-top: 24px;
        text-align: center;
        /* background-color: #F9F9F9; */
        /* height: 225px; */
    }

    /* .bilan_nut_illus img { */
    /* width: 87%; */
    /* } */
}

div.checker.focus span.checked,
div.checker:hover span.checked {
    background-position: -114px -260px;
}

div.checker.focus:active span.checked,
div.checker:hover:active span.checked,
div.checker.active:hover span.checked,
div.checker.active.focus span.checked {
    background-position: -133px -260px;
}

div.checker.disabled span,
div.checker.disabled:active span,
div.checker.disabled.active span {
    background-position: -152px -260px;
}

div.checker.disabled span.checked,
div.checker.disabled:active span.checked,
div.checker.disabled.active span.checked {
    background-position: -171px -260px;
}


/* Radio */

div.radio {
    width: 18px;
    height: 18px;
    float: left;
}

div.radio input {
    width: 18px;
    height: 18px;
}

div.radio span {
    height: 18px;
    width: 18px;
    background-position: 0px -279px;
}

div.radio:active span,
div.radio.active span {
    background-position: -18px -279px;
}

div.radio.focus span,
div.radio:hover span {
    background-position: -36px -279px;
}

div.radio.focus:active span,
div.radio:active:hover span,
div.radio.active:hover span,
div.radio.active.focus span {
    background-position: -54px -279px;
}

div.radio span.checked {
    background-position: -72px -279px;
}

div.radio:active span.checked,
div.radio.active span.checked {
    background-position: -90px -279px;
}

div.radio.focus span.checked,
div.radio:hover span.checked {
    background-position: -108px -279px;
}

div.radio.focus:active span.checked,
div.radio:hover:active span.checked,
div.radio.focus.active span.checked,
div.radio.active:hover span.checked {
    background-position: -126px -279px;
}

div.radio.disabled span,
div.radio.disabled:active span,
div.radio.disabled.active span {
    background-position: -144px -279px;
}

div.radio.disabled span.checked,
div.radio.disabled:active span.checked,
div.radio.disabled.active span.checked {
    background-position: -162px -279px;
}


/* Uploader */

div.uploader {
    background-position: 0px -297px;
    height: 28px;
}

div.uploader span.action {
    background-position: right -409px;
    height: 24px;
    line-height: 24px;
}

div.uploader span.filename {
    height: 24px;
    /* change this line to adjust positioning of filename area */
    margin: 2px 0px 2px 2px;
    line-height: 24px;
}

div.uploader.focus,
div.uploader.hover,
div.uploader:hover {
    background-position: 0px -353px;
}

div.uploader.focus span.action,
div.uploader.hover span.action,
div.uploader:hover span.action {
    background-position: right -437px;
}

div.uploader.active span.action,
div.uploader:active span.action {
    background-position: right -465px;
}

div.uploader.focus.active span.action,
div.uploader:focus.active span.action,
div.uploader.focus:active span.action,
div.uploader:focus:active span.action {
    background-position: right -493px;
}

div.uploader.disabled {
    background-position: 0px -325px;
}

div.uploader.disabled span.action {
    background-position: right -381px;
}


/* Checker */

div.checker {
    margin-right: 5px;
}


/* Radio */

div.radio {
    margin-right: 3px;
}


/* Uploader */

#contact_form div.uploader {}

div.uploader span.action {
    width: 110px;
    text-align: center;
    display: block;
    background-color: #fff;
    color: #333;
}

div.uploader span.filename {
    border-right: solid 1px #ccc;
    color: #333;
}

div.uploader input {
    width: 120px;
    color: #333;
}

div.uploader.disabled span.action {
    color: #aaa;
}

div.uploader.disabled span.filename {
    border-color: #ccc;
}


/*select*/


/* Select */

div.selector {
    line-height: 30px;
    height: 30px;
    padding: 0 0 0 0px;
    position: relative;
    overflow: hidden;
    border: 1px solid #ccc;
    float: left;
    background: url(../img/select.png) no-repeat 95% 12px;
}

div.selector span {
    text-overflow: ellipsis;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    height: 30px;
    line-height: 30px;
    padding-right: 0px;
    padding-left: 10px;
    cursor: pointer;
    width: 85% !important;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    display: block;
    font-size: 12px;
}

.nbr_page div.selector {
    background-position: 89% 12px;
}

div.selector.fixedWidth {
    width: 190px;
}

div.selector.fixedWidth span {
    width: 155px;
}

div.selector select {
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    border: none;
    background: none;
    position: absolute;
    height: 31px;
    top: 0px;
    padding: 0 20px 0 0;
    left: 0px;
    width: 100%;
}


/*

CORE FUNCTIONALITY

Not advised to edit stuff below this line
-----------------------------------------------------
*/

.checker,
.radio,
.uploader {
    display: -moz-inline-box;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    *display: inline;
}

.radio input:focus,
.checker input:focus,
.uploader input:focus {
    outline: 0;
}


/* Checker */

div.checker {
    position: relative;
}

div.checker span {
    display: -moz-inline-box;
    display: inline-block;
    text-align: center;
}

div.checker input {
    opacity: 0;
    margin: 0 !important;
    filter: alpha(opacity: 0);
    display: inline-block;
    background: none;
}


/* Radio */

div.radio {
    position: relative;
}

div.radio span {
    display: -moz-inline-box;
    display: inline-block;
    text-align: center;
}

div.radio input {
    opacity: 0;
    filter: alpha(opacity: 0);
    text-align: center;
    display: inline-block;
    background: none;
}


/* Uploader */

div.uploader {
    position: relative;
    overflow: hidden;
    cursor: default;
}

div.uploader span.action {
    position: absolute;
    overflow: hidden;
    cursor: default;
    top: 23px;
    left: 242px;
}

input#sujet {
    margin-left: 26px !important;
    /* padding-right: 3px; */
    width: 97% !important;
}

div.uploader span.filename {
    padding: 0px 10px;
    float: left;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: default;
}

div.uploader input {
    -moz-box-sizing: 0 !important;
    opacity: 0;
    filter: alpha(opacity: 0);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    float: right;
    height: 25px;
    border: none;
    cursor: default;
}

#product div.jGrowl div.jGrowl-notification,
#product div.jGrowl div.jGrowl-closer {
    background: url(../img/icon/warning.png) no-repeat 10px 15px #D4EEFF;
    color: #fff;
    opacity: .85;
    filter: alpha(opacity=85);
    margin-top: 5px;
    margin-bottom: 5px;
    text-align: left;
    display: none;
    padding: 10px 10px 6px 45px;
    border: 1px solid #34ACF9;
    color: #0473B9;
    font: 13px "Arial";
    border-radius: 5px;
}

#product div.jGrowl div.jGrowl-notification div.close {
    font-size: 18px;
    color: #34ACF9;
    margin-top: 7px;
    opacity: .99;
    filter: alpha(opacity=99);
}

.b-core-ui-select {
    position: relative;
    float: left;
    width: 150px;
    padding: 6px 10px 6px 10px;
    font-size: 12px;
    line-height: 18px;
    color: #333;
    cursor: pointer;
    border: 1px solid #ccc;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.b-core-ui-select__select {
    position: static;
    width: 80%;
    padding: 10px;
    font-size: 12px;
    line-height: 18px;
}

.b-core-ui-select__value {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-right: 25px;
}

.b-core-ui-select__select_state_hide {
    margin: 0;
    padding: 0;
    position: absolute;
    text-indent: -9999px;
    overflow: hidden;
    opacity: 0;
    z-index: -1;
}

.b-core-ui-select:HOVER {
    color: #333333;
}

.b-core-ui-select.focus {
    outline: 0;
}

.b-core-ui-select.disabled,
.b-core-ui-select.disabled:ACTIVE {
    opacity: .5;
    color: #333333;
    background-color: #e6e6e6;
    background-position: 0 -15px;
    transition: background-position 0.1s linear;
}

.b-core-ui-select__button {
    position: absolute;
    right: 10px;
    top: 10px;
    display: block;
    width: 0;
    height: 0;
    border-top: 5px solid black;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    content: "";
    margin-top: 3px;
    margin-left: 2px;
}

.b-core-ui-select__dropdown {
    display: none;
    position: absolute;
    top: 0;
    color: #333;
    margin-top: -1px;
    max-height: 200px;
    font-size: 12px;
    border: 1px solid #ccc;
    background-color: whiteSmoke;
    background-image: -ms-linear-gradient(top, white, #E6E6E6);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(white), to(#E6E6E6));
    background-image: -webkit-linear-gradient(top, white, #E6E6E6);
    background-image: -o-linear-gradient(top, white, #E6E6E6);
    background-image: linear-gradient(top, white, #E6E6E6);
    background-image: -moz-linear-gradient(top, white, #E6E6E6);
    background-repeat: repeat-x;
}

.b-core-ui-select__dropdown.hide {
    display: none;
}

.b-core-ui-select__dropdown.show {
    display: block;
}

.b-core-ui-select__dropdown__wrap {
    max-height: 200px;
    overflow: auto;
    outline: none;
}

.j-scroll-pane .b-core-ui-select__dropdown__item {}

.b-core-ui-select__dropdown__list {
    overflow: hidden;
    margin: 0 !important;
}

.b-core-ui-select__dropdown__item {
    padding: 5px 10px;
    min-height: 18px;
    list-style-type: none;
    cursor: pointer;
}

.b-core-ui-select__dropdown__label {
    padding: 10px;
    min-height: 18px;
    font-style: italic;
    list-style-type: none;
    border-bottom: 1px solid #ccc;
}

.b-core-ui-select__dropdown__item.disabled,
.b-core-ui-select__dropdown__item.disabled:HOVER {
    color: #ccc;
    background: none;
}

.b-core-ui-select__dropdown__item.selected,
.b-core-ui-select__dropdown__item.selected:HOVER {
    background: #999;
    color: #fff;
}

.b-core-ui-select__dropdown__item:HOVER {
    background: #ccc;
}

.sortPagiBar select {
    float: left;
    display: block;
    width: 222px;
    height: 33px;
}

.b-content {
    margin: 60px;
    padding: 80px 80px 80px 140px;
    width: 60%;
    font: normal 14px/18px 'Palatino Linotype', 'Book Antiqua', Palatino, FreeSerif, serif;
    background: #FFFFFF;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.35), 0 0 1px rgba(255, 255, 255, 0.15) inset;
}

.b-content__title {
    margin: 0 0 40px;
    font: normal 40px/40px 'Palatino Linotype', 'Book Antiqua', Palatino, FreeSerif, serif;
}

.b-content P {
    margin: 0 0 20px;
}

.b-content H2,
.b-content H3 {
    margin: 15px 0 30px;
}

.b-content OL,
.b-content UL {
    margin: 0 0 40px;
}

.b-row {
    margin: 15px 0 45px -60px;
    padding: 30px 0 30px 59px;
    border: 1px solid #ccc;
}

.b-code-block {
    background: none repeat scroll 0 0 #E6E6E6;
    border-left: 1px solid #D9D4D3;
    clear: both;
    color: #533D3A;
    counter-reset: code;
    font: 12px/20px Consolas, monospace;
    margin: 0 0 15px -60px;
    padding: 12px 0 12px 59px;
    white-space: normal;
}

.b-code-block CODE:before {
    color: #B3A9A7;
    content: counter(code, decimal-leading-zero) ".";
    counter-increment: code;
    margin-left: -35px;
    position: absolute;
}

.b-code-block CODE {
    display: block;
    padding: 0;
    white-space: pre-wrap;
}

.jspContainer {
    overflow: hidden;
    position: relative;
    outline: none;
    width: 100% !important;
}

.jspPane {
    position: absolute;
    width: 100% !important;
    outline: none;
}

.jspVerticalBar {
    position: absolute;
    top: 0;
    right: 0;
    width: 8px;
    height: 100%;
    z-index: 100;
}

.jspHorizontalBar {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 16px;
    background: red;
}

.jspVerticalBar *,
.jspHorizontalBar * {
    margin: 0;
    padding: 0;
}

.jspCap {
    display: none;
}

.jspHorizontalBar .jspCap {
    float: left;
}

.jspTrack {
    position: relative;
    border-radius: 5px;
    background-color: #E5E5E5;
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(202, 202, 202, 0.07)), color-stop(100%, rgba(229, 229, 229, 0.07)));
    background: -webkit-linear-gradient(left, rgba(202, 202, 202, 0.07) 0%, rgba(229, 229, 229, 0.07) 100%);
    -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, .15) inset, 0 1px 0 0 white;
    box-shadow: 0 0 1px 0 rgba(0, 0, 0, .15) inset, 0 1px 0 0 white;
}

.jspDrag {
    position: relative;
    top: 0;
    left: 0;
    cursor: pointer;
    border-radius: 4px;
    border: solid 1px #A6A6A6;
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(233, 233, 233, 0.05)), color-stop(100%, rgba(221, 221, 221, 0.05)));
    background: -webkit-linear-gradient(left, rgba(233, 233, 233, 0.05) 0%, rgba(221, 221, 221, 0.05) 100%);
    -webkit-box-shadow: 0 2px 1px 0 rgba(0, 0, 0, .05);
    box-shadow: 0 2px 1px 0 rgba(0, 0, 0, .05);
    background-color: #E9E9E9;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag {
    float: left;
    height: 100%;
}

.jspArrow {
    text-indent: -20000px;
    display: block;
    cursor: pointer;
}

.jspArrow.jspDisabled {
    cursor: default;
}

.jspVerticalBar .jspArrow {
    position: relative;
    display: block;
    width: 0;
    height: 4px;
}

.jspVerticalBar .jspArrow.jspArrowDown {
    top: 4px;
    border-top: 4px solid #ccc;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}

.jspVerticalBar .jspArrow.jspArrowUp {
    top: -4px;
    border-bottom: 4px solid #ccc;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}

.jspVerticalBar .jspArrow:focus {
    outline: none;
}

.jspCorner {
    background: #eeeef4;
    float: left;
    height: 100%;
}

.modal-body {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    max-height: 200px;
}

@media print {
    * {
        background: transparent !important;
        color: black !important;
        box-shadow: none !important;
        text-shadow: none !important;
        filter: none !important;
        -ms-filter: none !important;
    }

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

    a[href]:after {
        content: "";
    }

    abbr[title]:after {
        content: "";
    }

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    a:link:after,
    a:visited:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

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

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }

    .hide-on-print {
        display: none !important;
    }

    .print-only {
        display: block !important;
    }

    .hide-for-print {
        display: none !important;
    }

    .show-for-print {
        display: inherit !important;
    }
}

/* ************************************************************************************************
img advertising responsive
************************************************************************************************ */

@media only screen and (min-width: 768px) and (max-width: 979px) {
    div.advertising_block img {
        width: 175px;
        height: 103px;
    }
}

@media only screen and (min-width: 980px) and (max-width: 1279px) {
    div.advertising_block img {
        width: 200px;
        height: 128px;
    }
}

/* ************************************************************************************************
img logo responsive
************************************************************************************************ */

@media only screen and (min-width: 320px) and (max-width: 359px) {
    div#shopping_cart i {
        width: 26px;
        height: 0px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 979px) {
    #stores_block_left p a img {
        margin: 0 0 20px 0;
        margin-left: -30px !important;
    }
}

@media only screen and (min-width: 980px) and (max-width: 1279px) {
    #stores_block_left p a img {
        margin: 0 0 20px 0;
        margin-left: 0px !important;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1279px) {
    #categories_block_left ul.tree {
        margin-right: 13px;
    }
}


/* ************************************************************************************************
MODULE ATOS
************************************************************************************************ */

.payment_module.atos {
    background: #fafafa;
    border: 1px solid #ccc;
    color: #333;
    padding: 15px;
    position: relative;
}

.payment_module.atos:hover {
    background: #fefefe;
    border: 1px solid #000;
    color: #000;
}

.payment_module.atos form {
    margin: 0;
}

.payment_module.atos form div:last-child {
    display: inline-block;
}

.payment_module.atos form div:last-child img,
.payment_module.atos form div:last-child br {
    display: none;
}

.payment_module.atos .bold.teaser {
    position: absolute;
    bottom: 20px;
    left: 170px;
    font-weight: bold;
}

#minic_slider {
    top: 250px;
}

ul#menu_horizontal {
    list-style-type: none;
    /* Car sinon les puces se placent n'importe où */
}

/* ************************************************************************************************
PICTOGRAMMES
************************************************************************************************ */
.homepage-title {
    padding: 2rem 0;
    background:#fff;
    max-width: 100%;
    margin: auto;
    position:relative;
    z-index:1;
    box-shadow: 0px -1px 5px #25384a20;
}

footer .picto-bloc {
    box-shadow:  0px 0px 2px #fff;
    padding-block: 30px;
}

.picto-bloc {
    display: flex;
    justify-content: center;
    /* padding-inline: 8%; */
    flex-wrap: wrap;
}

.picto {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 25%;
    padding-right: 6rem;
}

.picto .picto-icon {
    max-width: 80px;
    max-height: 80px;
    margin-right: 17px;
    flex: 1 0 40%;
}

.picto .picto-icon img {
    width: 100%;
}

.picto .picto-desc {
    flex: 0 1 60%;
}

.picto .picto-text {
    font-family: Inter, sans-serif;
    font-weight: bold;
    line-height: 22px;
    font-size: 18px;
    color: #444B54;
    margin: 0;
}

.picto .picto-sub-text {
    font-family: Inter, sans-serif;
    font-weight: 300;
    font-size: 12px;
    line-height: 15px;
    color: #444B54;
    margin: 8px 0 0 0;
}

footer .picto .picto-text, footer .picto .picto-sub-text{
    color:#fff;
}

@media screen and (max-width: 1400px) {
    .homepage-title .picto-bloc {
        padding-inline: 0;
    }
}

@media screen and (max-width: 1199px) {
    .homepage-title .picto {
        flex: 50%;
        flex-direction: column;
        text-align: center;
        padding-right: 0rem;
        padding-bottom: 2rem;
    }

    .picto-bloc .picto{
        padding-right:0;
    }

    .homepage-title .picto .picto-icon {
        max-width: 50px;
        max-height: 50px;
        margin-right: 10px;
    }

    .homepage-title .picto .picto-text {
        font-size: 16px;
    }
}

@media screen and (max-width: 991px) {
    .homepage-title .picto-bloc {
        padding-inline: 2%;
    }

    .bloc-title .back-title {
        line-height: 150px;
    }
    .picto-bloc .picto{
        flex:50%;
        flex-direction: column;
        text-align:center;
    }
}

@media screen and (max-width: 500px) {
    .homepage-title .picto-bloc {
        padding-inline: 10%;
    }

    .homepage-title .picto {
        flex: 100%;
        flex-direction: column;
        padding-bottom: 4rem;
    }
}

/* ************************************************************************************************ */

.bilan_nut {
    text-align: center;
    /* background-color: #F9F9F9; */
    /* height: 250px; */
}

/* .bilan_nut_illus { */
/* position: absolute; */
/* margin-top: 25px; */
/* margin-left: 5%; */
/* } */
section.block_contact.header-box {
    position: absolute;
    margin-top: 10px;
    right: 310px;
    text-align: center;
    /* background-color: #E0E0E0; */
    /* background-color: #9EC757; */
    background-color: #26A5F0;
}

.contact_header {
    /* color: black; */
    color: #ffffff;
    margin: 11px 10px 10px 10px;
}

section.block_phrase.header-box {
    position: absolute;
    width: 430px;
    top: 27px;
    margin-top: 39px;
    left: 291px;
    text-align: left;
    font-weight: bold;
    font-size: 16px;
}

section.block_phrase.header-box h1 {
    background: white;
    color: #6d6d6d;
    font-weight: bold;
    padding: 0;
    margin: 0;
    display: inline;
    text-transform: none;
    font-size: 18px;
}

p.block_phrase {
    margin-top: 20px;
}

.phrase_desc_cat, .custom_cms .phrase_desc_cms {
    position: relative;
    /*height: 138px;*/
    z-index: 1;
}
.phrase_desc_cat h1, .custom_cms .phrase_desc_cms h1 {
    font-family: Inter, sans-serif;
    padding: 0;
    background: none;
    font-weight: bold;
    font-size: 18px;
    color: #fff;
    letter-spacing: 0px;
    margin-top: 0;
    line-height: inherit;
    text-align:left!important;
}
body:not(#product) .phrase_desc_cat h2, body:not(#product) .custom_cms .phrase_desc_cms h2 {
    font-family: Inter, sans-serif;
    padding: 0;
    background: none;
    font-weight: 500;
    font-size: 18px;
    color: #fff;
    text-transform: none;
    line-height: inherit;
    margin-bottom: 0;
    text-align:left!important;
    letter-spacing: 0px;
}

.phrase_desc_cat p, .custom_cms .phrase_desc_cms p {
    font-family: Inter, sans-serif;
    color: #fff;
    font-weight: 300;
    font-size: 16px;
    text-align:left!important;
}
.phrase_desc_cat p{
    line-height:18px;
}

@media only screen and (max-width: 767px) {
    .phrase_desc_cat h1, .custom_cms .phrase_desc_cms h1{
        font-size: 30px;
    }
    body:not(#product) .phrase_desc_cat h2, body:not(#product) .custom_cms .phrase_desc_cms h2{
        font-size: 30px;
    }
    .phrase_desc_cat p, .custom_cms .phrase_desc_cms p{
        font-size: 18px;
    }
}

@media only screen and (max-width: 650px) {
    .phrase_desc_cat h1, .custom_cms .phrase_desc_cms h1 {
        font-size: 25px;
    }
    body:not(#product) .phrase_desc_cat h2, body:not(#product) .custom_cms .phrase_desc_cms h2 {
        font-size: 25px;
    }
    .phrase_desc_cat p, .custom_cms .phrase_desc_cms p {
        font-size: 16px;
    }
}
.quisommenous a {
    position: absolute;
    color: white;
    right: 125px;
    top: 20px;
}

.quisommenous a:hover {
    color: #A2C959;
}

.contactnous a {
    position: absolute;
    color: white;
    right: 10px;
    top: 20px;
}

.contactnous a:hover {
    color: #A2C959
}

.blog a {
    position: absolute;
    right: 260px;
    height: 45px;
    /* top: 10px; */
    top: 7px;
}

@media(max-width:767px) {
    .quisommenous a {
        top: 8px;
        right: 10px;
    }

    .contactnous a {
        top: 32px;
        right: 10px;
    }

    body #header-inner .blog a {
        right: 150px;
    }
}

#header-inner .blog a {
    position: absolute;
    right: 260px;
    height: 45px;
    top: 10px;
}

#menu-deroulant,
#menu-deroulant ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

#menu-deroulant {
    /* on centre le menu dans la page */

    text-align: center;
}

#menu-deroulant li {
    /* on place les liens du menu horizontalement */

    display: inline-block;
}

#menu-deroulant ul li {
    /* on enlève ce comportement pour les liens du sous menu */

    display: inherit;
}

#menu-deroulant a {
    text-decoration: none;
    display: block;
    color: #000;
}

#menu-deroulant ul {
    position: absolute;
    /* on cache les sous menus complètement sur la gauche */

    left: -999em;
    text-align: left;
    z-index: 1000;
}

#menu-deroulant li:hover ul {
    /* Au survol des li du menu on replace les sous menus */

    left: auto;
}

.dropdown-submenu {
    position: relative;
    z-index: 1;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px 6px;
    border-radius: 0 6px 6px 6px;
    z-index: 1;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
    z-index: 1;
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #cccccc;
    margin-top: 5px;
    margin-right: -10px;
    z-index: 1;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #ffffff;
    z-index: 1;
}

.dropdown-submenu .pull-left {
    float: none;
    z-index: 1;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
    z-index: 1;
}

.root:hover .dropdown-menu {
    display: block;
    z-index: 1;
}

.navbar {
    position: relative;
    width: 100%;
    margin-bottom: 20px;
    border: 1px solid transparent;
    background-color: #282828;
    color: white;
    top: 105px;
}

.navbar-default .navbar-nav>li>a {
    color: #FFF;
    background-color: #282828;
    height: 39px;
    margin-top: 5px;
    border-right: antiquewhite;
    border-right: 1px solid rgb(0, 0, 0);
}

.dropdown-menu>li>a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #fff;
    background-color: #282828;
    white-space: nowrap;
}

.dropdown-menu>li>a:hover {
    background-color: #282828;
}

navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:hover,
.navbar-default .navbar-nav>.open>a:focus {
    color: #555;
    background-color: #99C454;
}

.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:focus {
    color: #9BC656;
    background-color: transparent;
}

.dropdown-menu>li>a:hover {
    color: #95C251;
}

.nav>li>a {
    position: relative;
    display: block;
    padding: 10px 7px;
}

h1.pb-right-colum-h {
    margin: 0px;
    margin: 11px 0 0px 0px;
}

.product_desc_crossing {
    text-align: left;
    margin-top: 5px;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 12px;
    min-height: 94px;
}

.product_desc_crossing #menu {
    min-height: 115px;
}

.more_info_cross {
    margin-top: 21px;
    /* margin-bottom: 10px; */

    padding: 5px;
    border-radius: 13px;
    font-weight: bold;
    text-align: center;
    color: #fff;
    background-color: #95C256;
    width: 75%;
    margin-left: 12%;
}

.more_info_cross a {
    color: #fff;
}

.right_block {
    text-align: center;
}

#presentation span {
    color: black !important;
}

#short_description_block h2 {
    font-size: 11px;
    color: #000 !important;
}


.nivo-controlNav {
    display: none;
}

span.ui-icon.ui-icon-triangle-1-e {
    display: none;
}

.info_accordeon {
    height: auto !important;
    width: auto !important;
}

.product_attributes .editable {
    color: #000 !important;
}

.extra-box-product {
    margin-top: 48px;
    padding-bottom: 4rem;
}

.picto_bas_de_page.col-sm-3.col-xs-6 a:hover {
    color: #656565;
}

.picto_bas_de_page a {
    color: #fff;
}

.desc_prod_cart {
    font-size: 10px;
    font-weight: initial;
    line-height: 15px;
}

div#sitemap_content {
    margin-left: 0px;
}

.recherche_store {
    display: inline-table;
}

.desc_prod_cart_ajax p {
    font-size: 10px;
    margin-top: 74px;
    font-weight: normal;
}

/****
CUSTOM
****/
.prod_head {
    color: #ffffff;
    font-size: 15px;
    line-height: 20px;
    text-transform: uppercase;
    font-weight: normal;
    padding: 15px 0 17px 30px;
    margin: 0 0 10px 0;
    font-family: 'Open Sans', sans-serif;
    background: #000;
    background: #424242;
    background: -moz-linear-gradient(top, #424242 0, #313131 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #424242), color-stop(100%, #313131));
    background: -webkit-linear-gradient(top, #424242 0, #313131 100%);
    background: -o-linear-gradient(top, #424242 0, #313131 100%);
    background: -ms-linear-gradient(top, #424242 0, #313131 100%);
    background: linear-gradient(to bottom, #424242 0, #313131 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#424242', endColorstr='#313131', GradientType=0);
}

#cms .custom_cms.blog ul li {
    list-style: inside;
    font-size: 16px;
}

#mobilelink {
    z-index: 9999999 !important;
}

.mobile-link-top p {
    height: auto !important;
}

/* #category #center_column .row_category{ */
/* max-height: 100%; */
/* overflow: hidden; */
/* } */


/* REFONTE ACCUEIL */
#overMenu,
.contact_header,
section.block_phrase.header-box h1,
section.block_phrase.header-box p,
.dispo_product_info #title,
#header_user #shopping_cart .shopping_cart_title,
.blockuserinfo .userinfo {
    font-family: Roboto, sans-serif;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: 1.5px;
}


#header_logo .logo {
    max-width: 200px;
    margin-top: 14px;
    width:100%;
    height:auto;
}
#overMenu {
    padding: 10px 20px;
    text-align: left;
    line-height: 26px;
}

.contact_header {
    text-align: center;
    background-color: #29A8DC;
    margin: 0;
    padding: 5px 10px;
    line-height: 18px;
}

.contact_header:hover {
    background: #26B6F2;
}

.contact_header img {
    width: 27px;
    margin-top: 4px;
    margin-left: -10px;
}

.contact_header #bloc_text {
    float: right;
}

.contact_header #bloc_text p {
    margin: 0;
}

.contact_header a,
.contact_header a:hover {
    color: #ffffff;
}

section.block_phrase.header-box h1,
section.block_phrase.header-box p {
    color: #fff;
    line-height: 26px;
}

section.block_phrase.header-box {
    top: 80px;
    margin: 0;
    left: 300px;
}

#index #customcontent_home ul li.span_customcontent {
    width: 50%;
    margin-left: 0;
}

#index #customcontent_home img {
    width: 100%;
}

#index #customcontent_home .span_customcontent {
    margin-bottom: 15px;
}

#index .bilan_nut_illus img {
    max-width: 100%;
}

.dispo_product_info {
    overflow: hidden;
    width: 300px;
    position: absolute;
    right: 170px;
    top: 90px;
}

.dispo_product_info img {
    max-width: 100%;
    min-width: 42px;
    height: auto;
}

.dispo_product_info #title {
    color: #99BD29;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 15px;
    font-weight: bold;
    margin-top: 15px;
}

#header_user a {
    background: none;
    padding: 0;
    height: auto;
}

#header_user:hover a {
    width: inherit;
    height: inherit;
    background: none;
}

#header_user .ajax_cart_quantity,
#header_user .ajax_cart_no_product {
    position: fixed;
    right: 4px;
    top: 10%;
    padding: 4px;
    width: 25px;
    height: 25px;
    background-color: #93ca15;
    border-radius: 50%;
    text-align: center;
    color: #fff;
    font-family: Inter, sans-serif;
    font-size:12px;
}

/* body.lang-fr #header_user .ajax_cart_quantity,
body.lang-fr #header_user .ajax_cart_no_product {
    right: 7.5rem;
} */

body:not(.lang-fr) #netreviewsWidgetNum17685widget19av{
    display:none;
}

#header_user .shopping_cart_title,
#header_user #shopping_cart .ajax_cart_no_product,
#header_user #shopping_cart .ajax_cart_quantity,
.blockuserinfo .userinfo .login {
    display: inline-block;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 900;
    line-height: 18px;
    margin: 0;
}

#header_user #shopping_cart .shopping_cart_title,
#header_user #shopping_cart .ajax_cart_no_product,
#header_user #shopping_cart .ajax_cart_quantity {
    color: #29A8DC;
}

#header_user #shopping_cart:hover .shopping_cart_title,
#header_user #shopping_cart:hover .ajax_cart_no_product,
#header_user #shopping_cart:hover .ajax_cart_quantity {
    color: #10B7FC;
}

/* #header_user #shopping_cart img,
.blockuserinfo img,
.blockuserinfo a span i {
    margin-right: 10px;
} */

.blockuserinfo .userinfo .login {
    color: #99BD29;
}

.blockuserinfo .userinfo:hover .login {
    color: #ABD232;
}

.blockuserinfo .userinfo {
    display: inline-block;
}

.blockuserinfo a span i {
    font-size: 20px;
}

.blockuserinfo a span i.icon-unlock {
    font-size: 32px;
}

#header,
#index #columns {
    width: 100%;
    overflow-x: clip;
}

#columns {
    position: relative;
    /* padding-top: 93px; */
}

#index #columns {
    position: relative;
    padding-top: 0px;
}

body:not(#product) .center_column {
    margin: 0 auto;
    width: 75%;
    padding-bottom: 4rem;
}

body#index #columns,
body#category #columns,
body#product #columns,
body#index .center_column,
body#category .center_column{
    width: 100% !important;
    padding-bottom: 0;
}

#index .bilan_nut_illus img.loaded {
    border: 4px solid #29a8db;
}

/* reCaptcha */
#authentification fieldset .g-recaptcha>div {
    margin: 0px auto 15px auto;
}

@media only screen and (max-width: 991px) {
    #index #customcontent_home ul li.span_customcontent {
        width: 25%;
    }
}

@media only screen and (max-width: 767px) {
    #bloc_menu_top {
        display: flex;
        flex-direction: column-reverse;
    }

    .dispo_product_info {
        right: 118px !important;
    }

    #content_menu_top {
        max-width: 200px;
        margin: auto;
    }

    #index .center_column {
        margin-top: 40px;
    }

    #index #customcontent_home .span_customcontent {
        width: 50% !important;
        float: left !important;
        margin-right: 0 !important;
    }

    #index #customcontent_home {
        padding: 0;
        margin-bottom: 20px;
    }

    #header_logo .logo {
        max-width: 200px;
    }
}

@media only screen and (max-width: 650px) {
    #header_links li a {
        right: 130px;
    }

    .blockuserinfo {
        right: 65px;
    }

    .dispo_product_info {
        display: none;
    }

    #index #customcontent_home img {
        margin: 0;
    }
}

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

    .famousproduct_bloc .block_content .image,
    .famousproduct_bloc::before,
    .famousproduct_bloc #title {
        display: none;
    }

    .famousproduct_bloc .block_content .info {
        width: 100%;
    }
}

@media only screen and (max-width: 480px) {
    #index #customcontent_home .span_customcontent {
        width: 100% !important;
    }
}

#submitOk {
    clear: both;
}

/*** FAQ CATEGORIES ***/

/* #faq_category {
    background: #00b0f0;
} */

#faq_category #faq {
    clear: both;
}

#faq_category #faq .questions {
    width: 95%;
    margin: 0 auto;
    padding: 2rem 2rem 4rem 2rem;
}

#faq_category #faq .questions .title {
    font-family: Inter, sans-serif;
    font-size: 30px;
    line-height: 58px;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 6px;
}

#faq_category #faq .questions .item__question {
    font-family: Inter, sans-serif;
    font-size: 20px;
    font-weight: 200;
    line-height: 30px;
    cursor: pointer;
    padding: 15px 0;
    color: #fff;
}

#faq_category #faq .questions .item__question[aria-expanded="true"]::after {
    transform: rotate(180deg);
}

#faq_category #faq .questions .item__question::after {
    content: url("../img/chevron-down.svg");
    position: absolute;
    right: 8px;
    font-size: 18px;
    border-radius: 100%;
    width: 30px;
    height: 30px;
    background: #fff;
    top: 25px;
    transition: all 0.3s;
}

#faq_category #faq .questions .item__question[aria-expanded="true"] {
    font-weight: 300;
}

/* #faq_category #faq .questions .item__question[aria-expanded="false"]{ */
/* color:#29a8dc; */
/* } */
#faq_category #faq .questions .item__answer {
    padding: 10px 0;
    text-align: justify;
}

#faq_category #faq .questions .item__answer * {
    font-family: Inter, sans-serif;
    color: #fff;
    font-weight: 200;
    font-size: 14px;
}

#faq_category #faq .questions .card {
    background: inherit;
    box-shadow: inherit;
    border: inherit;
    position: relative;
    padding: 0 55px 0px 15px;
}

#faq_category #faq .questions .item__answer a {
    color: #fff;
    text-decoration: underline;
}

#module-prestablog-blog {
    overflow-x: hidden;
}

#module-prestablog-blog #center_column {
    padding-left: 4rem;
}


@media only screen and (max-width: 1199px) {
    #faq_category #faq .questions {
        width: 80%;
        padding-block: 4rem;
    }

    #faq_category #faq .questions .title {
        font-size: 30px;
    }
}

@media(max-width:991px) {
    #module-prestablog-blog #columns .loader_page {
        display: flex;
        flex-direction: column-reverse;
    }

    #module-prestablog-blog #columns .loader_page #right_column {
        display: none;
    }
}

@media(max-width:800px) {
    #faq_category #faq .questions .title {
        font-size: 25px;
    }
}

@media only screen and (max-width: 767px) {
    #faq_category #faq .questions {
        width: 90%;
    }
}

@media only screen and (max-width: 650px) {
    #faq_category #faq .questions .title {
        font-size: 20px;
        letter-spacing: 6px;
    }

    #faq_category #faq .questions .item__question {
        font-size: 20px;
    }

    #faq_category #faq .questions .item__question::after {
        width: 25px;
        height: 25px;
        font-size: 4px;
        top: 30px;
    }
}

/****************************************/
/*          Module Editorial            */
/****************************************/
#editorial_block_center {
    width: 75%;
    margin: 5rem auto;
}

#editorial_block_center .rte p {
    font-family: Inter, sans-serif;
    font-size: 14px;
    line-height: 22px;
    color: #fff !important;
    text-align: center;
}

@media only screen and (max-width: 1199px) {
    #editorial_block_center {
        width: 80%;
    }
}

@media only screen and (max-width: 767px) {
    #editorial_block_center {
        width: 90%;
    }
}

/****************************************/


body.qrc #header,
body.qrc#product .top-bar,
body.qrc#product #buy_block,
body.qrc#product #loyalty,
body.qrc#product #center_column>div:not(#primary_block),
body.qrc footer,
body.qrc#product .product-pictos {
    display: none;
}

body.qrc #columns {
    padding-top: 0px;
}

#lgcookieslaw_fixed_button {
    background-color: #93ca15 !important;
    bottom: 22px;
}

body.lang-fr #lgcookieslaw_fixed_button {
    right: 100px;
}

body.lang-gb #steavisgarantisFooterVerif{
    width: 100%;
    display: flex;
    justify-content: center;
    margin-top: 50px;
}

/* Rewards */

#rewards_account.rewards div#transform a, #rewards_account.rewards div#payment a, #rewards_account.rewards div#gift_list a{
    background: none;
    background-color: #93ca15 !important;
    color: #fff;   
    border: none;
    font-size: 14px;
    padding: 6px 10px;
}

footer #newsletter_block_left .block_content p.success_inline, footer #newsletter_block_left .block_content .warning_inline{
    position: fixed;
    bottom: 0;
    left: 0;
    text-align: center;
    z-index: 999999999;
    width: 100%;
    padding: 30px;
    margin: 0;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 18px;
    box-shadow: 0 1px 15px #666;
}

footer #newsletter_block_left .block_content p.success_inline{
	background: #93ca15;
}

footer #newsletter_block_left .block_content p.warning_inline{
	background: #e8ae00;
}

#ps_banner_ajax{
    position:fixed;
    top:0;
    z-index:10;
    width:100%;
    min-height:90px;
    background: #25384A;
}


/* Refonte 2025 ID INTERACTIVE */ 

body#index, body#category, body#product, footer{
    background-color: #25384A;
}

/* Accueil */

.element_card, .cards_home_primary{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    align-content:center;
    justify-content:space-between;
}
.cards_home_primary{
    gap:15px;   
    overflow:hidden;
    position: relative;
    z-index: 1;
}
.cards_home_primary p{
    color:#fff;
}
#section_home_primary{
    padding:20px;
    max-width:1800px;
    margin:auto;
    margin-bottom:30px;
    position:relative;
    padding-top:50px;
}
#section_home_primary::before{
    background-image: url('../img/home_primary/fond_molecules.png');
    content: "";
    width: 500px;
    height: 772px;
    position: absolute;
    right: -50px;
    z-index: -1;
    background-position-y: -60px;
    background-position-x: 31px;
    background-repeat: no-repeat;
    background-size: 158%;
    top: 0;
}
#section_home_primary::after{
    background-color: #25384a;
    width: 500px;
    height: 100%;
    border-radius: 45% 500%;
    position: absolute;
    right: 281px;
    content: "";
    top: -200px;
    z-index: 0;
}
.element_card{
    width:calc((100% / 4) - 15px);
    position:relative;
    transition:all 0.3s;
    padding-bottom: 20px;
}
.element_card:hover{
    transition:all 0.3s;
    padding-bottom:0;
}
.element_card:hover .semi-circle{
    transition:all 0.2s;
}
.element_card:hover .title_element_card{
    transition:all 0.2s;
}
.element_card a{
    height:500px;
    background-size:cover;
    width:100%;
    background-position:center center;
}
.title_element_card, .semi-circle{
    position: absolute;
    bottom: 8px;
    margin: 0;
    width:100%;
    text-align:center;
    transition:all 0.2s;
}
.title_element_card{
    font-size: 25px;
    padding: 5px 141px;
    line-height: 25px;
}
.title_element_card img{
    max-width: 40px;
    display: block;
    margin: auto;
}
.semi-circle{
    border-radius: 100%;
    height: 300px;
    width: 300px;
    display:block;
    left:50%;
    transform:translateX(-50%);
    content:"";
    bottom:-34%;
}
body#index h2.title_home_primary{ 
    font-size: 35px;
    max-width: 800px;
    line-height: 100px;
    margin-bottom: 20px;
    /* margin-left: 10%; */
    position: relative;
    z-index: 1;
    color:#fff;
    text-transform: inherit;
    background: none;
    text-align: left;
    font-weight: inherit;
    padding: 0;
    letter-spacing: inherit;
}
.element_card:first-child .semi-circle{
    background:#00b0f0;
}
.element_card:nth-child(2) .semi-circle{
    background:#25384a;
}
.element_card:nth-child(3) .semi-circle{
    background:#ef9700;
}
.element_card:last-child .semi-circle{
    background:#93ca15;
}

#ps_topbanner_wrapper{
    min-height: 100px;
} 
body.lang-gb #ps_topbanner_wrapper > *{
    display: none;
}

@media(max-width:1800px){
    .title_element_card{
        padding: 5px 50px;
    }
}
@media(max-width:1240px){
    .cards_home_primary{
        justify-content: center;
        column-gap:120px;
    }
    .element_card{
        width: 100%;
        max-width:350px;
        overflow: hidden;
    }
    #section_home_primary{
        margin-bottom:0;
    }
     #section_home_primary::before {
        background-size: 135%; 
        opacity: 0.3;
        width:100%;
        height:100%;
        right:0;
        background-position:top center;
    }
    #section_home_primary::after {
        display:none;
    }
    
}

@media(min-width:768px){

    #ps_banner_ajax #ps_topbanner_wrapper{
        padding-left:180px;
        padding-right:130px;
    }

}

@media(max-width:991px){

    body#index h2.title_home_primary{
        font-size: 70px;
        line-height: 80px;
        margin: 0 auto 20px auto;
        max-width:500px;
        text-align:center;
    }
    .cards_home_primary{
        column-gap: 5%;
    }
    .element_card{
        width:45%;
    }  
}

@media(max-width:767px){
    #languages_block_top{
        top:90px!important; 
    }
    .header-menu{
        top:165px;
    }
    .burger-menu{
        top:160px!important;
    }
    #search_block_top{
        top:152px;
        left:115px;
    }
    .blockpermanentlinks-header{
        top:150px;
    }
    #header_logo{
        top:70px; 
    }
    #ps_topbanner_wrapper{
        min-height:150px;
    }
    #search_block_top .search_block_title{
        width:45px;
        height:45px;
        border-radius:100%;
    }
    #search_block_top .search_block_title p{
        display:none;
    }
}


@media(max-width:650px){
    .element_card{
        width:100%;
        max-height:250px;
    }    
    body#index h2.title_home_primary{ 
        font-size: 55px;
        line-height: 55px;
    }
    #section_home_primary::before {
        background-size: 250%;
        opacity: 0.2;
    }
    .semi-circle{
        bottom: -200px;
    }
    .title_element_card {
        font-size: 20px;
        line-height: 20px;
    }
}

/* MENU */

.burger-menu {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap:1rem;
	align-items: center;
	font-size: 28px;
	cursor: pointer;
	position: fixed;
	top: 108px;
	left: 20px;
	transform: none;
	color: #25384A;
}
#_desktop_top_menu {
	display: none;
  height: 100%;
  width: 100%;
  position: fixed;
  z-index: 999999;
  transform: none;
  top: 0;
  background-color: #25384AEE;
}

body:not(.lang_fr) #_desktop_top_menu{
	width:100%;
}
body.lang_gb .burger-menu{
    top:98px;
}
.burger-menu span{
	font-size:14px;
}

.burger-menu:hover {
	color: #25384A;
}
#_desktop_top_menu .menu_closebtn {
	display: none;
	position: absolute;
	top: -6px;
	right: 20px;
	font-size: 35px;
	color: #fff;
    z-index: 999;
}

#_desktop_top_menu .menu_closebtn:hover {
	opacity: 0.5;
}
#_desktop_top_menu .menu_closebtn {
	display: block;
}
#adtm_menu {
  position: relative;
  top: 8%;
  width: 100%;
  text-align: center;
  margin-top: 30px;
}
#_desktop_top_menu #adtm_menu ul#menu li div.adtm_sub{
left:inherit;
}
#_desktop_top_menu #adtm_menu ul#menu .li-niveau1 div.adtm_sub{
visibility:inherit;
opacity:1;
border: none;
  box-shadow: none;
}
#_desktop_top_menu #adtm_menu table.columnWrapTable, #_desktop_top_menu .li-niveau1 .adtm_sub{
background:none;
border:none;
color:#fff;
}
#_desktop_top_menu #adtm_menu{
box-shadow:none;
margin:0;
}
#adtm_menu .adtm_column span.column_wrap_title, #adtm_menu .adtm_column span.column_wrap_title a, #adtm_menu .adtm_column span.column_wrap_title span[data-href], #adtm_menu div.adtm_column_wrap ul.adtm_elements li a, #adtm_menu div.adtm_column_wrap span[data-href]{
	color:#fff;
}


.adtm_column_8 > span > a{
    color:#0093D2!important;
}
.adtm_column_14 > span > a{
    color:#EF9700!important;
}
.adtm_column_15 > span > a{
    color:#D7696d!important;
}
.adtm_column_16 > span > a{
    color:#93CA15!important;
}