body {
font-family:'Inika',"Arial", sans-serif;
font-size:16px!important;
margin:0;
color:#333;
}
body.editMode {
margin-top:30px;
/*margin-bottom:45px;*/
}
.HL_BLOCK:not(.bandeau) {
width:1070px;
margin:0 auto;
}
a {
color:#f96705;
}
.HL_CATEGSLIST .HL_CATEGSLIST_CATEG {
box-sizing: border-box;
display: inline-block;
margin-bottom: 10px;
margin-right: 10px;
width: calc(25% - 10px);
}
.HL_CATEGSLIST .HL_CATEGSLIST_CATEG:nth-child(4n) {
margin-right: 0;
}
.HL_CATEGSLIST_CATEG_TITLE {
text-align:center;
margin-bottom:20px;
}
.HL_CATEGSLIST_CATEG button {
display:inline-block;
}
.HL_CATEGSLIST_CATEG {
text-align:center;
}
.HL_CATEGSLIST_CATEG>a:first-child {
display:none;
}
.HL_CATEGSLIST.HN_THEME_GREED .HL_CATEGSLIST_CATEG_LINK {
background-color:#F96705!important;
}
.HN_THEME_GREEDMINI .HL_PRODUCTSLIST_PRODUCT_DESTOCK_PERCENT, .HN_THEME_GREEDMINI .HL_PRODUCTSLIST_PRODUCT_DISCOUNT_PERCENT, .HN_THEME_GREEDMINI .HL_PRODUCTSLIST_PRODUCT_NEW {
display:none!important;
}
.HL_PRODUCTSLIST.HN_THEME_GREEDMINI .HN_FAKESELECT table {
bottom: 25px;
right: 0;
}
.HL_SWITCH_PRICETYPE {
display:block;
text-align:center;
padding:10px;
}
.contactFormulaire input {
display:inline-block;
width:200px;
padding:5px 10px;
margin:5px 0;
}
.contactFormulaire textarea {
width:100%;
padding:5px 10px;
height:100px;
}
.contactFormulaire button {
background-color: #f96705;
border: 0 none;
color: #fff;
font-size: 14px;
font-weight: bold;
height: 36px;
padding: 0 10px;
text-transform: uppercase;
}
.HL_PRODUCT_PACK {
list-style-type:none;
padding:0;
margin:0;
}
.HL_PRODUCT_PACK img {
display:inline-block;
vertical-align: top;
}
.HL_PRODUCT_PACK>li {
border-bottom: 1px solid #999;
padding-bottom:10px;
margin-bottom:10px;
}
.HL_PRODUCT_PACK>li>div {
display:inline-block;
vertical-align: top;
}
.preHeader {
background-color:#000;
position:fixed;
width:100%;
z-index:100;
top:0;
color:#FFF;
font-family:"Open Sans";
font-size:14px;
height:41px;
line-height: 41px;
}
.preHeader p {
margin:0;
}
.preHeader .HL_WIDGET_CODE {
text-align: right;
}
.preHeader .HL_WIDGET_CODE a {
color:#FFF;
text-decoration:none;
margin-left:20px;
}
.preHeader .HL_WIDGET_CODE a:hover {
text-decoration:underline;
}
.header .HL_WIDGET_IMAGE img {
max-width:168px;
}
.header .HL_DIVISION {
vertical-align: middle;
}
.menu {
margin-top:10px;
}
.menu .HL_DIVISION_1 {
position:relative;
z-index:2;
overflow:hidden;
padding-top:20px;
}
.menu .HL_DIVISION_1 .HL_WIDGET_WYSIWYG {
position:relative;
z-index:2;
padding-left:21%;
}
.menu .HL_DIVISION_1::before {
content: " ";
background-color: #fff001;
display: block;
width: 63%;
margin-top: -4px;
margin-left: 31%;
height: 300px;
position: absolute;
z-index: 1;
border-radius: 10px;
box-shadow: 5px 5px 5px rgba(0,0,0,0.2);
transform: rotate(-5deg);
}
.menu {
background-color:#f96705;
height:40px;
}
.menu .HL_WIDGET_MENU ul {
list-style-type:none;
padding:0;
margin:0;
height:40px;
}
.menu .HL_WIDGET_MENU li {
display:inline-block;
margin:0px 20px;
}
.menu .HL_WIDGET_MENU li a {
color:#FFF;
text-transform: uppercase;
text-decoration: none;
font-weight:bold;
font-size:16px;
line-height:40px;
}
.menu .HL_DIVISION_1 {
vertical-align: top;
top:-75px;
}
.menu .HL_DIVISION_1 a {
color:#333;
}
.preContent {
background-color:#ebe8e8;
}
.preContent .HL_BLOCK .HL_DIVISION_0 {
margin-top:20px;
}
.promesses {
background-color:#1996e6;
color:#FFF;
margin-top:20px;
}
.promesses .HL_WIDGET_CONTACTFORM {
display:inline-block;
padding-bottom:20px;
}
.promesses .HL_WIDGET_CONTACTFORM form div {
display:inline-block;
}
.promesses .HL_DIVISION_0 {
text-align: center;
}
.promesses input {
height:16px;
padding:5px 10px;
border:0;
}
.promesses button {
color:#FFF;
background-color:#0986D6;
border:0;
height:26px;
}
.partenaires {
background-color:#ecebea;
background-color:#FFF;
padding-bottom:20px;
}
.preFooter {
background-color:#000;
padding:20px 0;
}
.footer {
background-color:#f96705;
color:#FFF;
}
.preFooter .HL_WIDGET_CONTACTFORM input {
border:0;
width:80%;
padding:10px;
margin-bottom:10px;
}
.preFooter .HL_WIDGET_CONTACTFORM textarea {
border:0;
width:80%;
padding:10px;
margin-bottom:10px;
}
.preFooter .HL_WIDGET_CONTACTFORM button {
background-color:#000;
border:0;
color:#FF0;
text-align:right;
cursor:pointer;
}
.preContent {
position:relative;
}
#left {
position:absolute;
z-index:10;
content:" ";
/*border:1px solid #F00;*/
width:28px;
height:30px;
padding-right:2px;
cursor:pointer;
bottom:10px;
left:10px;
color:#FFF;
background-color:#f3941b;
border-radius:30px;
text-align:center;
line-height:30px;
font-size:18px;
display: inline-block;
font-family: FontAwesome;
font-feature-settings: normal;
font-kerning: auto;
font-language-override: normal;
font-size-adjust: none;
font-stretch: normal;
font-style: normal;
font-synthesis: weight style;
font-variant: normal;
font-weight: normal;
text-rendering: auto;
}
#left::before {
content: "ï“";
}
#right {
position:absolute;
z-index:10;
content:" ";
/*border:1px solid #F00;*/
width:28px;
height:30px;
padding-left:2px;
cursor:pointer;
bottom:10px;
right:10px;
color:#FFF;
background-color:#f3941b;
border-radius:30px;
text-align:center;
line-height:30px;
font-size:18px;
display: inline-block;
font-family: FontAwesome;
font-feature-settings: normal;
font-kerning: auto;
font-language-override: normal;
font-size-adjust: none;
font-stretch: normal;
font-style: normal;
font-synthesis: weight style;
font-variant: normal;
font-weight: normal;
text-rendering: auto;
}
#right::before {
content: "ï”";
}
#puce {
position:absolute;
z-index:10;
bottom:5px;
/*border:1px solid #F00;*/
list-style-type: none;
width:60%;
text-align: center;
margin:0 20%;
padding:0;
}
#puce li {
background-color:#ebe8e8;
width:18px;
height:18px;
display:inline-block;
margin:0 3px;
border-radius:26px;
cursor:pointer;
position:relative;
}
#puce li.selected {
background-color:#f96705;
}
.preContent .HL_LIST {
/*border:0px solid #f3941b;*/
position:relative;
/*height:510px;*/
/*border-radius:10px;*/
/*box-shadow:0 0 5px rgba(0,0,0,0.2);*/
white-space:nowrap;
overflow:hidden;
}
.preContent .HL_LIST_ELEMENT {
/*position:absolute;*/
/*top:0;*/
/*left:0;*/
/*background-color:#F00;*/
font-size:12px;
/*height:510px;*/
/*padding: 326px 15px 0;*/
padding:0;
/*border-radius:10px;*/
width:100%;
box-sizing:border-box;
/*opacity:0;*/
transition:all 0.2s linear;
display:inline-block;
overflow:hidden;
white-space:normal;
}
.preContent .HL_WIDGET_LIST {
background-color:#FFF;
padding:20px;
margin:20px;
}
.preContent .HL_WIDGET_LIST h3 {
color:#f96705;
text-transform: uppercase;
padding:0;
margin:0 0 20px 0;
}
.reco_img {
margin-right:20px;
float:left;
}
.reco_text {
/*display:inline-block;*/
/*vertical-align:top;*/
font-family:"Open Sans";
font-size:16px;
}
.reco_name {
display:block;
font-family:"Open Sans";
font-size:16px;
font-weight:bold;
color:#f96705;
margin-top:10px;
/*display:inline-block;*/
/*vertical-align:top;*/
}
.partenaires .HL_LIST {
/*border:1px solid #F00;*/
white-space:nowrap;
overflow:hidden;
}
.partenaires .HL_LIST .HL_LIST_ELEMENT {
width:20%;
margin-left:2.5%;
margin-right:2.5%;
display:inline-block;
}
.partenaires .HL_LIST .HL_LIST_ELEMENT img {
width:100%;
background-color:#FFF;
border:1px solid #DDD;
}
.partenaires .HL_LIST .HL_LIST_ELEMENT {
transition:all 0.2s ease-out;
}
/***********************************/
body.editMode .HL_WIDGET {
outline: 1px dashed rgba(0,0,0,0.2)!important;
}
._page_partOver {
border:0px solid #F00!important;
position:absolute!important;
top:-32px!important;
left:0!important;
background-color:#444445!important;
color:#FFF!important;
text-align:center!important;
display:table-cell!important;
vertical-align:center!important;
z-index:100!important;
line-height:32px!important;
font-size: 20px!important;
/*box-shadow:0 0 10px rgba(255,255,255,0.7) inset;*/
}
._page_partOver i {
background-color: #367fa9;
border: 1px solid #367fa9;
border-radius: 65px;
cursor: pointer;
font-size: 20px;
height: 24px;
line-height: 24px;
margin: 3px 5px;
text-align: center;
vertical-align: top;
width: 24px;
}
._page_partOver i:hover {
border: 1px solid #ffffff;
background-color: #ffffff;
color:#367fa9
}
.HL_PRODUCTSLIST .HL_PRODUCTSLIST_PRODUCT {
width:calc(25% - 10px);
display:inline-block;
box-sizing:border-box;
margin-right:10px;
margin-bottom:10px;
}
.HL_PRODUCTSLIST .HL_PRODUCTSLIST_PRODUCT:nth-child(4n) {
/*border:1px solid #F00!important;*/
margin-right:0px;
}
h1 {
text-align:left;
}
h2 {
font-weight:bold;
font-size:28px;
}
h2::after {
display:inline-block;
border-bottom:1px solid #999;
width:50px;
margin-left:20px;
content:" ";
}
#CONTENT_CONTAINER {
margin-top:46px;
}
.HL_WIDGET_MARKETPRODUCTSEARCHFORM form {
line-height:24px;
}
.HL_WIDGET_MARKETPRODUCTSEARCHFORM {
background-color:#FFF;
border-radius:32px;
position:relative;
padding:0 30px 0 16px;
display:inline-block;
margin-top:7px;
}
.HL_WIDGET_MARKETPRODUCTSEARCHFORM input {
background-color:#FFF;
height:24px;
border:0;
}
.HL_WIDGET_MARKETPRODUCTSEARCHFORM button {
border:0;
background-color:transparent;
position:absolute;
right:0;
top:1px;
font-size:18px;
color:#888;
}
.promise {
color:#585756;
font-size:18px;
}
.promise .fa {
font-size:48px;
}
.promise .fa-truck {
transform: scale(-1, 1);
}
.HL_WIDGET__100P100MEGAMENU {
background-color: #EFEFEF;
}
#megaMenu {
position:relative;
margin: 0 auto;
width: 1070px;
}
#megaMenu>ul {
list-style-type: none;
padding:0;
margin:0;
position:relative;
}
#megaMenu>ul>li {
display:inline-block;
font-size: 16px!important;
font-weight: bold;
}
#megaMenu>ul>li>a {
color:#FFF;
text-decoration: none;
text-transform: uppercase;
/*border:1px solid #F00;*/
padding:0 10px;
display:block;
height:40px;
line-height:40px;
}
#megaMenu>ul>li>a:hover, #megaMenu>ul>li:hover>a {
color:#FFF;
background-color:#000;
}
#megaMenu div.subMenu {
height:0;
position:absolute;
top:45px;
left:0;
z-index:10;
width:1072px;
overflow:hidden;
transition:height 0.2s ease-out;
padding:0px;
border:0;
box-sizing: border-box;
margin-left:-1px;
background-color: #FFF;
border:0;
}
#megaMenu > ul > li:hover > div.subMenu {
height: 366px;
padding:10px;
border:1px solid #cdcaca;
z-index:12;
/*overflow:visible;*/
}
#megaMenu div.subMenu a {
color:#111;
text-decoration: none;
/*font-family: Arial;*/
font-weight:normal;
display:inline-block;
width:100%;
position:relative;
}
#megaMenu div.subMenu ul {
list-style-type:none;
border-right:1px solid #888;
height:346px;
padding:0;
margin:0;
width:262px;
/*background-color:#EFEFEF;*/
}
#megaMenu div.subMenu>ul ul {
display:none;
left:-300px;
position:absolute;
transition:top 0.1s linear;
}
#megaMenu div.subMenu li {
/*width:242px;*/
width:auto;
padding:5px 10px;
}
#megaMenu div.subMenu ul.visible {
display:block;
top:0px;
}
#megaMenu div.subMenu li:hover>a {
font-weight:bold;
}
#megaMenu div.subMenu>ul>li>ul { /*premier niveau*/
left:272px;
top:10px!important;
/*max-height:350px;*/
overflow: auto;
}
#megaMenu div.subMenu>ul>li>ul>li>ul { /*Second niveau*/
left:262px;
}
#megaMenu div.subMenu>ul>li span {
/*border:1px solid #F00;*/
position:absolute;
top:0;
right:0;
}
#megaMenu .seeAll {
text-align:center;
}
.megaPreview {
width:260px;
height:366px;
border-left:1px solid #999;
background-color:#FFF;
position:absolute;
top:0px;
right:0;
z-index:50;
/*box-shadow:0 0 5px rgba(0,0,0,0.5);*/
}
.megaPreview ul {
border:0!important;
height:auto!important;
}
.popupModale {
position:fixed;
top:0;
height:100%;
width:100%;
background-color:rgba(255,255,255,0.8);
left:0;
z-index:200;
display:none;
}
.popup {
background-color: #ffffff;
border: 1px solid #454442;
display: block;
margin: 0 auto;
min-width: 738px;
position: relative;
top: 50px;
width: 500px;
}
.popupTitle {
font-size:18px;
color:#FFF;
height:70px;
line-height:70px;
padding-left:20px;
background-color:#454442;
font-weight:bold;
position:relative;
}
.popupTitle span {
border: 3px solid #ffffff;
border-radius: 20px;
cursor: pointer;
display: block;
font-size: 24px;
height: 31px;
line-height: 31px;
position: absolute;
right: 20px;
text-align: center;
top: 20px;
width: 31px;
}
.popupContent {
padding:10px;
position:relative;
}
#popupAddAdress {
font-size:14px;
}
#popupAddAdress label {
display:block;
margin-top:10px;
}
#popupAddAdress input {
border:1px solid #AAA;
height:24px;
padding:0 5px;
font-size:13px;
}
#popupAddAdress textarea {
border:1px solid #AAA;
resize:none;
padding:0 5px;
width:100%;
box-sizing: border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
font-size:13px;
line-height:1.1em;
height:4.4em;
}
#popupAddAdress select {
border:1px solid #AAA;
height:24px;
font-size:14px;
}
#popupAddAdress button {
background-color: #f96705;
border: 1px solid #f96705;
color: #ffffff;
cursor: pointer;
display: block;
font-family: "Inika","Arial",sans-serif;
font-size: 14px;
font-weight: bold;
line-height: 24px;
margin: 20px auto 20px auto;
min-height: 26px;
padding: 5px 40px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
width: 300px;
}
._shippingChoiceDestination button {
background-color:#454442;
color:#FFF;
font-size:14px;
border:0;
height:32px;
padding:0 20px;
line-height:32px;
}
._shippingChoiceDestination li label {
font-weight:normal;
}
.preFooter .HL_WIDGET_CONTACTFORM input {
border:0;
width:80%;
padding:10px;
margin-bottom:10px;
}
.preFooter .HL_WIDGET_CONTACTFORM textarea {
border:0;
width:80%;
padding:10px;
margin-bottom:10px;
}
.preFooter .HL_WIDGET_CONTACTFORM button {
background-color:#000;
border:0;
color:#FF0;
text-align:right;
}
.preFooter .HL_WIDGET_WYSIWYG p {
color:#FFF;
font-size:24px;
margin:10px 0;
}
.preFooter {
padding-bottom:20px;
}
.preFooter .HL_WIDGET_MENU ul {
list-style-type:none;
}
.preFooter .HL_WIDGET_MENU li {
display:block;
text-align:right;
}
.preFooter .HL_WIDGET_MENU ul a {
color:#FFF;
text-decoration:none;
}
.preFooter .HL_WIDGET_MENU ul a:hover {
text-decoration:underline;
}
.HN_PAGINATION {
list-style-type:none;
text-align:center;
}
.HN_PAGINATION li {
display:inline-block;
margin:0 5px;
font-weight:bold;
}
.HN_PAGINATION li a {
text-decoration:none;
color:#666;
padding:5px 10px;
font-family:Arial;
}
.HN_PAGINATION li.selected a {
color:#f96705;
}
.HN_PAGINATION_PREVIOUS {
margin-right:30px!important;
background-color:#f7f7f7;
padding:5px!important;
}
.HN_PAGINATION_NEXT {
margin-left:30px!important;
background-color:#f7f7f7;
padding:5px!important;
}
.HN_PAGINATION_HIDDEN {
display:none!important;
}
.HL_PRODUCTSLIST.HN_THEME_GREED .HL_PRODUCTSLIST_PRODUCT button {
font-family: "Inika",Arial;
}
.headerResponsive {
display: none;
}
@media screen and (max-width: 480px) {
h2::after {
display:none;
}
h2 {
font-size:24px;
margin:10px;
}
.centre {
width:100%
}
.HL_PRODUCTSLIST .HL_PRODUCTSLIST_PRODUCT {
width:100%;
height:auto!important;
}
.HL_PRODUCTSLIST.HN_THEME_GREED .HL_PRODUCTSLIST_PRODUCT:hover {
border-bottom: 0!important;
}
.nosMarques .HL_LIST_ELEMENT {
width:45%!important;
margin-left:2.5%;
margin-right:2.5%;
}
.nosMarques .HL_LIST_ELEMENT img {
max-width:100%
}
.promise img {
max-width:100%;
}
.promise .HL_WIDGET_WYSIWYG {
padding:10px;
}
.promise .HL_WIDTH_1x3 {
width:100%;
}
.bandeau {
display:none;
}
.header>div:first-child .HL_DIVISION_0, .header>div:first-child .HL_DIVISION_1 {
width:100%;
}
.header>div:last-child {
/*display:none;*/
}
.header>div:first-child .HL_DIVISION_2 {
display:none;
}
.header>div:first-child .HL_DIVISION_1 {
vertical-align: top;
}
.HL_WIDGET_MARKETPRODUCTSEARCHFORM input {
width:100%;
}
.preFooter .HL_DIVISION_0 {
width:80%;
}
.preFooter .HL_DIVISION_1, .preFooter .HL_DIVISION_2 {
display:none;
}
.HL_PRODUCT_LEFT, .HL_PRODUCT_RIGHT, .HL_PRODUCT_RIGHT_LEFT, .HL_PRODUCT_RIGHT_RIGHT {
float:none!important;
width:100%!important;
}
.HN_THEME2 .HL_PRODUCT_RIGHT_RIGHT {
text-align: center!important;
margin:0 0 10px 0!important;
}
.HL_PRODUCT_IMG {
max-width:100%;
}
.HN_THEME2 .HL_PRODUCT_CART button {
position:relative;
top:0;
left:0;
margin:10px;
}
.HN_THEME2 .HL_PRODUCT_CART_MINUS {
top:42px;
}
.HL_PRODUCTS_THUMBS {
display:none;
}
.centre .HL_CATEGSLIST .HL_CATEGSLIST_CATEG {
width:calc(50% - 10px);
}
.centre .HL_CATEGSLIST .HL_CATEGSLIST_CATEG:nth-child(4n) {
margin-right: 10px;
}
.popup {
width: 100% !important;
min-width: 100% !important;
left: 0 !important;
top: 0 !important;
margin: 0 !important;
height: auto !important;
}
.popupTitle {
font-size: 12px !important;
height: 32px !important;
line-height: 32px !important;
}
.popupTitle > span {
top: 2px !important;
height: 20px !important;
line-height: 20px !important;
width: 20px !important;
font-size: 15px !important;
}
#_myAccountConnect h3 {
font-size: 14px !important;
margin-bottom: 0px !important;
}
#_myAccountConnect > div > div > span {
display: none;
}
.header a {
font-size:16px;
}
.header .HL_WIDGET_CODE a {
color: #FFF;
text-decoration: none;
font-size:16px;
margin-left:20px;
}
.headerResponsive .HL_DIVISION_0 {
width:20%;
margin-top: -10px;
}
.headerResponsive .HL_DIVISION_1 {
width:80%;
text-align:right;
padding-right:10px;
vertical-align:top;
}
.headerResponsive {
display:block;
position:fixed;
top:0;
background-color:#000;
color:#FFF;
width:100%;
z-index:100;
height:32px;
overflow:hidden;
padding-top:10px!important;
}
.headerResponsive.open {
overflow:auto;
height:100%;
}
#megaMenuResponsive>span {
font-family: FontAwesome;
font-feature-settings: normal;
font-kerning: auto;
font-language-override: normal;
font-size: inherit;
font-size-adjust: none;
font-stretch: normal;
font-style: normal!important;
font-synthesis: weight style;
font-variant: normal;
font-weight: normal;
line-height: 42px;
text-rendering: auto;
color: #FFF;
content: "";
font-size: 2em;
padding-left:10px;
/*left: 0;*/
z-index: 20000;
display:block;
text-align:left;
}
#megaMenuResponsive>span>i, #megaMenuResponsive>span>em {
font-style: normal!important;
}
#megaMenuResponsive>span>em {
display:none;
}
.headerResponsive.open #megaMenuResponsive>span>i {
display:none;
}
.headerResponsive.open #megaMenuResponsive>span>em {
display:inline;
}
#megaMenuResponsive {
/*width: 100%;*/
overflow: hidden;
/*position: absolute;*/
/*height: 1000px;*/
top: 0;
z-index: 100;
}
#megaMenuResponsive>ul {
display:block;
top:42px!important;
}
#megaMenuResponsive ul {
position:absolute;
padding:0;
margin:0;
top:0px;
width:100%;
background-color:#FFF;
list-style-type: none;
transition:left 0.1s linear;
height:calc(100% - 42px);
overflow:hidden;
}
#megaMenuResponsive>ul {
/*border:1px solid #F00;*/
}
#megaMenuResponsive>ul>li>ul {
/*border:1px solid #00F;*/
left:100%;
}
#megaMenuResponsive>ul>li>ul>li>ul {
/*border:1px solid #0F0;*/
left:100%;
}
#megaMenuResponsive>ul>li>ul>li>ul>li>ul {
left:100%;
}
.megaMenuTitleResponsive {
/*display:none;*/
}
#megaMenuResponsive ul.open {
left:0;
}
#megaMenuResponsive a {
color:#666;
text-decoration: none;
}
#megaMenuResponsive li {
padding:5px 10px;
}
#megaMenuResponsive .haveChildren>a>span {
padding-left:10px;
}
#megaMenuResponsive>ul ul {
left:-100%;
}
#megaMenuResponsive>ul>ul:first-child {
left:0;
}
.preHeader {
line-height:normal;
}
.preHeader p {
display:none;
}
.header .HL_WIDGET_IMAGE {
text-align: center;
}
.menu {
display:none;
}
.preContent {
display:none;
}
.HL_BLOCK:not(.bandeau) {
width:100%;
}
}