/*** ESSENTIAL STYLES ***/
.sf-contener {
clear: both;
float: left;
width: 100%;
font-family: "proxima_nova_rg", sans-serif;
}
.sf-menu, .sf-menu * {
margin: 0;
padding: 0;
list-style: none;
}
.sf-menu {
position: relative;
padding: 0;
width: 100%;
/*height: 158px;*/
height: 59px;
text-align:center;
}
 @media (max-width: 767px) {
.sf-menu {
display: none;
}
}
.sf-menu ul {
position: absolute;
top: -999em;
background: #f29200;
}
 @media (max-width: 767px) {
.sf-menu ul {
position: relative;
}
}
.sf-menu ul li {
width: 100%;
}
.sf-menu li:hover {
visibility: inherit;
/* fixes IE7 'sticky bug' */ }
.sf-menu > li {
	display:inline-block;

border-right: 1px solid #e6e6e6;
margin-bottom: 0px;
text-align: center;
/*max-width: 182px;*/
max-width: 202px;

height:26px /* 109px    width: 16.667%; height: 61%;*/
}
.sf-menu > li:first-child {
/*border-left: 1px solid #bbb;*/
}

.sf-menu > li:last-child {
	border-right:none !important
}

 @media (max-width: 767px) {
.sf-menu > li {
float: none;
position: relative;
border-right: none;
}
.sf-menu > li span {
position: absolute;
right: 6px;
top: 15px;
width: 30px;
height: 30px;
z-index: 2;
}
.sf-menu > li span:after {
/*font-family: "FontAwesome";
content: "\f067";
font-size: 18px;
color: #777;*/
}
.sf-menu > li span.active:after {
/*content: "\f068";*/
}
}
.sf-menu > li > a {
font-family: "proxima_nova_rb", sans-serif;
    /*text-transform: uppercase;*/
    color: #777;
    display: block;
    padding:5px  16px;
    /* padding: 75px 33px 0px; */
    height: 50px;
    font-size: 15px;
    white-space: nowrap;
    position: relative;
}
.sf-menu > li.sfHover > a, .sf-menu > li > a:hover, .sf-menu > li.sfHoverForce > a {
/*     background: #333;
    border-bottom-color: #666666; */
color: #777;
}
/*.sf-menu > li > a[title="Cartons"] {
background-image: url("ico-carton-off.png");
background-position: center top;
background-repeat: no-repeat;
width: 150px;
padding-top: 85px;
}
.sf-menu > li > a[title="Protections"] {
background-image: url("ico-protection-off.png");
background-repeat: no-repeat;
background-position: center top;
;
padding-top: 85px;
}
.sf-menu > li > a[title="Adhésifs & Accessoires"] {
background-image: url("ico-adhesif-off.png");
background-repeat: no-repeat;
background-position: center top;
}
.sf-menu > li > a[title="Manutention"] {
background-image: url("ico-manutention-off.png");
background-repeat: no-repeat;
background-position: center top;

padding-top: 85px;
}
.sf-menu > li > a[title="Kit Eco Demenagement"] {
background-image: url("ico-kiteco-off.png");
background-repeat: no-repeat;
background-position: center top;
}
.sf-menu > li > a[title="Pack Malin"] {
background-image: url("ico-pack-off.png");
background-repeat: no-repeat;
background-position: center top;
;
padding-top: 85px;
}
.sf-menu > li > a[title="Cartons"]:hover {
background-image: url("ico-carton-on.png");
background-repeat: no-repeat;
}
.sf-menu > li > a[title="Protections"]:hover {
background-image: url("ico-protection-on.png");
background-repeat: no-repeat;
}
.sf-menu > li > a[title="Adhésifs & Accessoires"]:hover {
background-image: url("ico-adhesif-on.png");
background-repeat: no-repeat;
}
.sf-menu > li > a[title="Manutention"]:hover {
background-image: url("ico-manutention-on.png");
background-repeat: no-repeat;
}
.sf-menu > li > a[title="Kit Eco Demenagement"]:hover {
background-image: url("ico-kiteco-on.png");
background-repeat: no-repeat;
}
.sf-menu > li > a[title="Pack Malin"]:hover {
background-image: url("ico-pack-on.png");
background-repeat: no-repeat;
}*/
.sf-menu li li li a {
display: inline-block;
position: relative;
color: #777777;
font-size: 13px;
line-height: 16px;
font-weight: bold;
padding-bottom: 10px;
}
.sf-menu li li li a:before {
content: "\f105";
display: inline-block;
font-family: "FontAwesome";
padding-right: 10px;
}
.sf-menu li li li a:hover {
color: #333;
}
.sf-menu li ul {
display: none;
left: 0;
/*top: 133px;*/
top:  34px ;
/* match top ul list item height */
z-index: 99;
padding: 12px 0px 18px 0px;
-moz-box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 13px;
-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 13px;
box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 13px;
}
 @media (max-width: 767px) {
.sf-menu li ul {
top: 0;
}
}
.sf-menu li li ul {
position: static;
display: block !important;
opacity: 1 !important;
background: none;
-moz-box-shadow: transparent 0px 0px 0px;
-webkit-box-shadow: transparent 0px 0px 0px;
box-shadow: transparent 0px 0px 0px;
}
.sf-menu li li li ul {
padding: 0 0 0 20px;
}
.sf-menu li li li ul {
width: 220px;
}
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul {
top: -999em;
}
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {
left: 200px;
/* match ul width */
top: 0;
}
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul {
top: -999em;
}
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul {
left: 200px;
/* match ul width */
top: 0;
}
.sf-menu > li > ul { display:none !important;
padding: 26px 0px 31px;
width: 100%;
background: #f29200 url(bordure.jpg) repeat-y top left;
-webkit-columns: 4;
-moz-columns: 4;
columns: 4;
}
.sf-menu > li > ul:before {
content: "";
background: #f29200;
display: block;
height: 100%;
left: -10000px;
position: absolute;
top: 0;
width: 20000px;
z-index: -1;
}
.sf-menu > li > ul > li > a {
/*     text-transform: uppercase;
    font: 600 16px/20px "Open Sans", sans-serif; */
color: #fff;
}
.sf-menu > li > ul > li > a:hover {
color: #e95a0c;
}
.sf-menu > li > ul > li {
padding-left: 15px;
text-align: left;
line-height: 32px;
font-size: 16px;
border-left: 1px dotted #e95a0c;
}
 @media (max-width: 767px) {
.sf-menu > li > ul > li {
width: 50%;
}
}
 @media (max-width: 479px) {
.sf-menu > li > ul > li {
width: 100%;
padding-bottom: 20px;
}
}
 @media (min-width: 768px) {
.sf-menu > li > ul > li.first-in-line-lg {
clear: left;
}
}
 @media (min-width: 480px) and (max-width: 767px) {
.sf-menu > li > ul > li.first-in-line-xs {
clear: left;
}
}
.sf-menu > li > ul > li.category-thumbnail {
width: 100% !important;
float: none;
clear: both;
overflow: hidden;
padding-right: 0;
}
.sf-menu > li > ul > li.category-thumbnail > div {
float: left;
padding-left: 10px;
width: 33.333%;
}
 @media (max-width: 479px) {
.sf-menu > li > ul > li.category-thumbnail > div {
width: 100%;
padding-left: 0;
padding-top: 10px;
text-align: center;
}
}
.sf-menu > li > ul > li.category-thumbnail > div:first-child {
padding-left: 0;
}
.sf-menu > li > ul > li.category-thumbnail > div img {
max-width: 100%;
display: block;
}
.cat-title {
display: none;
}
 @media (max-width: 767px) {
.cat-title {
display: block;
font: 600 18px/22px "proxima_nova_rg", sans-serif;
text-transform: uppercase;

display: block;
padding: 17px 20px;
/*color: #484848;
border-bottom: 3px solid #e9e9e9;
background: #f6f6f6;*/
position: relative;

background: #e75305;
    border-bottom-color: #fcc200;
    color: #fff;

}
.cat-title:hover {
background: #e75305;
    border-bottom-color: #fff;
    color: #fff;
}
.cat-title:after {
display: block;
font-family: "FontAwesome";
content: "\f067";
position: absolute;
right: 15px;
top: 18px;
font-size: 26px;
}
.cat-title.active:after {
content: "\f068";
}
}
.sf-menu li.sf-search {
border: none;
}
.sf-menu li.sf-search input {
display: inline;
padding: 0 13px;
height: 30px;
line-height: 30px;
background: #fff;
margin: 13px 10px 0 0;
font-size: 13px;
color: #9c9b9b;
border: 1px solid #d6d4d4;
}
#block_top_menu .category-thumbnail {
clear: both;
width: 100%;
float: none;
}
#block_top_menu .category-thumbnail div {
float: left;
width: 33.33333%;
}
#block_top_menu .category-thumbnail div img {
max-width: 100%;
}
#block_top_menu li.category-thumbnail {
padding-right: 0;
}
/*# sourceMappingURL=superfish-modified.css.map */

.sf-menu > li > a:after {
/*content: "\f0d7";
font-family: "FontAwesome";
display: inline-block;
float: right;
font-size: 18px;
color: #686666;
padding: 0px 6px 0 7px;
color: #ca4700;
position: absolute;
right: 8px;
top: 85px;
*/}
.sf-menu > li > a:hover:after {
color: #fff;
}
.sf-menu > li:hover:after {
/*content: "\f0d7";
font-family: "FontAwesome";
display: inline-block;
 float: right; 
font-size: 63px;
color: #e75b0c;
padding: 0px 6px 0 0px;
color: #e95a0c;
position: absolute;
bottom: 11px;
z-index: 44444444444;*/
}

.sf-menu > li > a:hover {
	color:#e95a0c !important
}
@media (max-width: 767px) {
.sf-menu > li {
float: left;
border-right: 1px solid #ca4700;
margin-bottom: 0px;
text-align: center;
max-width: 100%!important;
height: 36px!important;
width: 100%!important
}
.sf-menu > li > a {
font-family: "proxima_nova_rb", sans-serif;
text-transform: uppercase;
color: #FFFFFF;
display: block;
padding: 0px!important;
height: 36px;
line-height: 36px;
font-size: 12px;
position: relative;
background: #e95a0c;
background-image: none!important;
width: 100%!important;
}

.sf-menu > li > a:hover { color: #bbbbbb !important;}

.sf-menu > li > ul {
padding: 26px 0px 31px;
width: 100%;
background: #f29200 url(bordure.jpg) repeat-y top left;
-webkit-columns: 2;
-moz-columns: 2;
columns: 2;
}
.sf-menu > li:hover:after {
bottom: -17px!important;
}
}
 @media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation : portrait) {
.sf-menu > li > a {
    padding: 5px 5px 0px!important;
    max-width: 100%;
    font-size: 13px;
}
.sf-menu > li > a[title="Adhésifs & Accessoires"] {
width: 150px;
}
.sf-menu > li > a[title="Kit Eco Demenagement"] {
width: 150px;
}
.sf-menu > li > a[title="Cartons"] {
width: 110px;
}
.titremeilleur {
margin-left: 0px;line-height: 2rem;padding-top: 28px;white-space: normal;
}


.header_user_info a {

    right: -80px;
}
}