@font-face {font-family:"mm-headline";src: url("https://d2vxclnxwo31nb.cloudfront.net/litto-mediamarktbe/proxy/fonts/MMHeadlineWebTT-Regular.ttf") format("truetype"), url("https://d2vxclnxwo31nb.cloudfront.net/litto-mediamarktbe/proxy/fonts/MMHeadlineWebTT-Regular.woff") format("woff"), url("https://d2vxclnxwo31nb.cloudfront.net/litto-mediamarktbe/proxy/fonts/MMHeadlineWebTT-Regular.woff2") format('woff2');}
@font-face {font-family:"mm-text-bold";src: url("https://d2vxclnxwo31nb.cloudfront.net/litto-mediamarktbe/proxy/fonts/MMTextWebTT-Bold.ttf") format("truetype"), url("https://d2vxclnxwo31nb.cloudfront.net/litto-mediamarktbe/proxy/fonts/MMTextWebTT-Bold.woff") format("woff"), url("https://d2vxclnxwo31nb.cloudfront.net/litto-mediamarktbe/proxy/fonts/MMTextWebTT-Bold.woff2") format("woff2"); font-weight:bold;}
@font-face {font-family:"mm-text-regular";src: url("https://d2vxclnxwo31nb.cloudfront.net/litto-mediamarktbe/proxy/fonts/MMTextWebTT-Regular.ttf") format("truetype"), url("https://d2vxclnxwo31nb.cloudfront.net/litto-mediamarktbe/proxy/fonts/MMTextWebTT-Regular.woff") format("woff"), url("https://d2vxclnxwo31nb.cloudfront.net/litto-mediamarktbe/proxy/fonts/MMTextWebTT-Regular.woff2") format("woff2");}
@font-face {font-family:"mm-iconfont";src: url("https://d2vxclnxwo31nb.cloudfront.net/litto-mediamarktbe/proxy/icons/MM-Iconfont.eot"), url("https://d2vxclnxwo31nb.cloudfront.net/litto-mediamarktbe/proxy/icons/MM-Iconfont.ttf") format("truetype"), url("https://d2vxclnxwo31nb.cloudfront.net/litto-mediamarktbe/proxy/icons/MM-Iconfont.woff") format("woff");}
@font-face {font-family:"mm-price";src: url("https://d2vxclnxwo31nb.cloudfront.net/litto-mediamarktbe/proxy/icons/MM-Price.eot"), url("https://d2vxclnxwo31nb.cloudfront.net/litto-mediamarktbe/proxy/icons/MM-Price.ttf") format("truetype"), url("https://d2vxclnxwo31nb.cloudfront.net/litto-mediamarktbe/proxy/icons/MM-Price.woff") format("woff");}

* {margin:0;padding:0;}
body {background-color:#FFFFFF;font-size:20px;font-family:mm-text-regular;margin:0;padding:0;margin-bottom:70px;}
body,html {
  -o-text-size-adjust: none;
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  -ms-text-size-adjust: none;
}
.clear {clear:both;}
p {padding-bottom:14px;}
li p{padding:0;}
article ul {
    margin-left: 20px;
    padding-bottom: 0px;
}

header {background-color:#FFF;text-align:left;position:fixed;height:80px;width:100%;border-bottom:1px solid #e0e0e0;z-index:1000; text-align:center;padding-top:15px;}
header img {max-height:70px;}
header a{display:block;margin-left:100px;margin-right:100px;}
header a img{max-width:306px;width:100%}
#menu {position:absolute;padding:15px;}
article {padding:95px 10px 10px 10px;}
/*h1 {text-align: center;color: #d32730;font-weight: normal;font-size: 28px;text-transform: uppercase;background: #FFF;border: #e0e0e0 1px solid;padding: 13px 0;}
h3 {color: #33526e;font-size: 23px;text-align: center;font-weight: normal;}
h2 {text-align:center; color:#49474c;}*/
a {color:#49474c;}

.accueil {text-align:center;}
.accueil img {margin-bottom:15px;border:1px solid #E0E0E0;}

#slider img {margin-bottom:15px;max-width: 460px;border:1px solid #E0E0E0;}

.fa {color: #CCC;margin-top: 10px;}

.collection_summary {padding: 5px;font-size: 24px;margin-bottom:30px;}

#current_city {border: none !important;padding: 10px !important;font-size: 20px !important;}

#ariane2 {display:none;}

.cat p {text-align: center;color: #49474c;font-weight: bold;font-size: 40px;padding:0;margin:0;height: 200px;line-height: 170px;padding-left:210px;}
.cat p span {width:200px; vertical-align:middle; display:inline-block;  line-height:normal; }
/** .catsous {border: 1px solid #E0E0E0;margin-bottom: 15px;background: #ffe5c3;padding-top: 5px;height: 220px;width:460px;} **/
/**.catsous img {max-height:180px}**/
.catsous img {margin-bottom:15px}
/**.catsous h3 {position: absolute;background: #e18d6f;width: 460px;margin-top: 156px;padding: 15px 0;color: #FFF;text-transform: none;font-weight: normal;font-size: 27px;height: 34px;}**/


a:nth-child(even) div.prod { background: #ffe5c3; }
a:nth-child(even) div.prod h2 {background:#e18d6f;}
.prodimg {
    height: 150px;
    width: 100%;
    vertical-align: middle;
    display: table-cell;
}
.prod img {
    border: none;
    max-height: 155px;
    max-width: 180px;
    margin: auto;
    display: table-cell;
    vertical-align: middle;
}
.prod a h2, .prod h2 {color: #FFF;background: #2e3030 ;position: absolute;width: 210px;height: 55px;font-weight: normal;font-size: 16px;padding-top: 10px;margin-top: 120px;}
.prod h3 {
    margin: 0;
    text-align: left;
    height: 42px;
    font-size: 18px;
    padding: 0px;
}
.products, #products {text-align:center;width:460px; margin:auto;padding-bottom:100px;}
.cta-non-buy-button.cat-return {
    position: fixed;
    bottom: 20px;
    left: 10px;
    padding: 13px !important;
}
.cta-non-buy-button.cat-return span.before::before {
    font-size: 19px;
    top: 2px;
}

#bottom {background-color: #FFF;position: fixed;bottom: 0;width: 100%;padding: 25px 0;text-align: center;border-top: #E0E0E0 solid 1px;}
#bottom2 {border-left:none;border-bottom:none;border-right:none;margin-bottom: 0;background-color:#FFF;position:fixed;bottom:0;width:100%;padding:25px 0;text-decoration:none;text-align:center;margin-left:-10px;border-top:1px solid #E0E0E0;color:#d32730;font-weight:bold;font-size:20px;text-transform:uppercase;}

#bottom a, #bottomright a, #bottomleft a, #bottom {color:#d32730; font-weight:bold; text-transform:uppercase;font-size:20px;text-decoration:none;}
#bottomright {background-color: #000;position: fixed;bottom: 0;width: 50%;padding: 25px 0;text-align: center;right: 0;border-left:1px solid #FFF;border-top:1px solid E0E0E0;}
a #bottomright, a #bottomleft, a .right {font-size: 20px;text-transform: uppercase;font-weight: bold;color: #FFFFFF;border-top: 1px solid #E0E0E0;border-left: 2px solid #F1F1F1}
a #bottomleft{color:#d71f30;}
a .left {font-size:20px; text-transform:uppercase;font-weight:normal;color:#d32730;border-top: 1px solid #E0E0E0;}
#bottomleft {background-color: #FFF;position: fixed;bottom: 0;width: 50%;padding: 25px 0;text-align: center;left: 0; border-top:1px solid #E0E0E0;}
.left {border-right: 1px solid #E0E0E0;background-color: #FFF;width: 49%;padding: 25px 0;text-align: center;right: 0;border-left:1px solid #FFF;float:left;font-size:20px;color:#d32730;text-decoration:none;text-transform:uppercase;}
.right {border-left:1px solid #E0E0E0; background-color: #FFF;width: 50%;padding: 25px 0;text-align: center;left: 0;float:right; font-size:20px;color:#d32730;font-weight:bold;margin-top: 0; height: 74px;text-transform:uppercase;border-top: 1px solid #E0E0E0;}
.bottom {background-color:#FFF;bottom:0;width:100%;padding:25px 0;text-align:center;font-size:20px;color:#d32730;font-weight:bold;border:none;text-transform:uppercase;}
.bas {background:#F1F1F1;position:fixed;bottom:0;width:100%;}

.errorlist li {border: 1px solid #FF0000;list-style-type: none;padding: 0;margin: auto;width: 90%; box-sizing: border-box; background: #ffdada;padding: 5px;font-size: 20px;color: #F00;}
.errorlist {margin:0;padding:0;margin-bottom:10px;}

.lines td {border-bottom:1px solid #E0E0E0;}
.lines td h3 {font-size: 16px;text-align: left;padding-left: 10px;margin-bottom: 5px;margin-top: 9px;}

.back, .prodesc {float:left;}
.back {width:34px;margin-top:23px;margin-right:20px;}
.prodesc {float: left;width: 100%;}

.cart {text-align:center; font-size:16px;}
.img {float:left;width:130px;}
.cartright{float:right; width:255px;text-align:left;padding:0 10px;font-size:20px;}
.cartright a {color:#49474c; text-decoration:none;}
.cartright a h3, .cartright h3 {font-size:25px !important; padding-bottom:0 !important;margin-bottom:10px !important;text-align:left !important;text-transform:none !important;color:#49474c !important;}
.delete {float: right;width: 30px;margin-top: 60px;padding-right: 20px;}
.btn-delete {width:40px;height:40px;font-size:0;background:url(https://d2vxclnxwo31nb.cloudfront.net/litto-mediamarktbe/mobile/delete.png);border:none;}
.totalpanier {text-align: left;margin-top: 25px;font-size: 23px;line-height: 35px;background: #FFF;padding: 15px;border: 1px solid #E0E0E0;}

hr {border-top:1px solid #beb7b7; border-bottom:none;}

label {width: 100%;display: block;text-align: center;font-size: 20px;color: #49474c;font-weight: bold;}
.alignleft label {display: inline;text-align: left;font-size: 20px;color: #49474c;font-weight: bold;margin-left: 5%;margin-right: 5%;/*float: left;*/text-align:left;width:initial;}
.alignright label{width: initial;display: inline;}
.alignleft .checkheight label{line-height:30px;}
.alignleft input[type="checkbox"],.alignright input[type="checkbox"] {text-align: center;margin: auto;margin-top: 0px !important;margin-bottom: 30px;height: 30px;width: 30px !important;display: inline-block;position:relative;top:9px;}
input[type="text"], input[type="email"], input[type="password"], textarea {width:90%;border:1px solid #b4b4b4; border-radius:5px;height: 40px;margin-top: 10px;margin-bottom: 25px;padding: 0 20px;font-size: 20px;margin-left:5%;margin-right:5%;box-sizing: border-box;}
select {display: block;width: 90%; height: 45px; padding-left: 20px;font-size: 20px;line-height: 1.42857143;color: #555;background-color: #fff;border-radius:5px;background-image: none;border: 1px solid #ccc; margin-top: 10px !important;margin-bottom: 25px !important;}
textarea{height: 200px;}

#collectionpoint {background-color: #FFF;color: #49474c;border: 1px solid #E0E0E0;}
#facturation label {display:inline;text-align:left;padding-right:10px;}
#facturation {font-size:20px;}

#displaymenu,#displaymenu2 {
/*width: 100%;height: 100%;background: #FFF;position: fixed;z-index: 1000;padding: 10px;margin-left: -10px;display: block;top: 0;bottom: 0;box-sizing: border-box;*/
    width: 100%;
    height: 100%;
    background: #FFF;
    position: absolute;
    z-index: 1000;
    padding: 10px;
    margin-left: -10px;
    display: block;
    top: 0;}
.closemenu {position: fixed;top: 100px;right: 10px;z-index:99999;}
#displaymenu ul {
/*margin: 0;padding: 0;overflow-y: scroll;-webkit-overflow-scrolling: touch;position: absolute;bottom: 70px;width: 100%;top: 100px;*/
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%;
    margin-top: 90px;
   background: white;
}
#displaymenu .menufix, #displaymenu2 .menufix{height:70px;background: white;}
#displaymenu ul li {list-style-type:none;font-size:22px; border-bottom:1px solid #E0E0E0;padding: 20px 20px 20px 20px;}
#displaymenu ul a {
    display: block;
   /*border: thin solid green;*/
}
#displaymenu2{margin-left:0px;}
#displaymenu ul li a {text-decoration:none; color:#49474c;}
.bottommenu,.bottommenu2 {background:#000000;position:fixed;bottom:0;width:100%;padding:25px 0;text-align:center;color:#FFFFFF; font-weight:bold;height:20px;font-size:20px;z-index: 999999;}

.productcart {background-color: #FFF;margin-bottom: 5px;border: 1px solid #E0E0E0;}

table {width: 100%;background-color:#FFF;border:1px solid #d9d9d9;border-collapse: collapse;}
td, th {
    line-height: 15px;
    border: 1px solid #f0f0f0;
        border-left-width: 1px;
        border-left-style: solid;
        border-left-color: rgb(240, 240, 240);
    vertical-align: top;
    font-family: mm-text-regular;
    color: #616565;
    font-weight: 300;
    font-size: 18px;
    padding: 10px 20px;
    white-space: nowrap;
}
thead th, tfoot td {
    color: #2e3030;
    background: #F0F0F0;
    border: 1px solid #dad9d9;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: rgb(218, 217, 217);
    font-family: mm-text-regular;
    font-size: 18px;
    font-weight: 400;
    text-transform: uppercase;
    text-align: left;
    padding: 20px;
}
ul a {text-decoration:none;}

.recap {width:100%; border:1px solid #E0E0E0;font-size:18px;}
.recap tr td {padding: 0 0 5px 0;}
.leftline {text-align:left;padding-left:10px !important;padding-top: 10px !important;}

#confirm  {text-align: center;color: #d32730;font-weight: bold;font-size: 20px;text-transform: uppercase;background: #FFF;border: #e0e0e0 1px solid;padding: 25px 0;width:458px;display: block; margin-bottom:5px;}

.white {background: #FFF;border: 1px solid #E0E0E0;padding: 20px 10px;font-size: 20px;}
.prix {margin-top: 10px;position: relative;text-align: right;margin-right:7px;}
.prodimg {/*height:170px;*/}
.price {font-weight:bold; color:#d32730;font-size:18px;}
.prod {width: 210px;margin: 9px;/*height: 210px !important*/;float: left;text-align: center!important;background: #51b6dd;border: 1px solid #E0E0E0;padding:15px;box-sizing:border-box;}
a:nth-child(even) .price { color: #e18d6f !important; }
#products span.cta-buy-icon {
    font-size: 18px;
    padding: 4px;
}

.button {cursor: pointer;background: #2e3030;color: #FFF;font-family: mm-text-regular; -webkit-appearance: none;border:none; padding: 20px 60px 15px;font-size: 20px;text-transform: uppercase;text-decoration: none;font-weight: 300;border-radius:0;}
.center {text-align: center;width: 200px;margin: auto;display: block;margin-top: 20px;}
.large {padding:25px 100px 20px !important; font-size:25px !important;}

/*input[type="checkbox"] {border:4px solid #b4b4b4;background: #777776;}*/

/*promopastille*/
.promopastille {
    border: 2px solid white;
    font-size: 22px;
    float: right;
    right: 0px;
}
#faq article h2{font-size: 29px;}
/* account */
#personnel, #adresses {margin-bottom: 15px;}
#account label{display:inline;font-size:17px;color:#666;font-weight:normal;}
/*#account_edit input[type="checkbox"] {text-align: center; margin: auto;margin-top: auto;margin-bottom: auto;height: 30px;width: 100%;margin-top: 10px;margin-bottom: 40px;}*/
/*ff html5 border*/
input:required {
    box-shadow:none;
}
.active_product:nth-child(2n+1) {clear: left;}
.cc-window {padding: 5px !important;font-size: 16px !important;}
.cc-window .cc-message { margin-bottom: 5px;}
input[type="text"][disabled],
input[type="text"]:disabled {-webkit-text-fill-color: rgba(0, 0, 0, 1); -webkit-opacity: 1; color: rgba(0, 0, 0, 1);background-color: rgb(235, 235, 228);}
#page-pricelist strong {font-size: 17px;}
#page-pricelist h2{font-size: 24px;}
#page-shops #searchfields br {display: none;}
#page-shops #search_box{margin-top: 20px;}
#page-shops #search_field{margin-top:10px !important;font-size:20px !important;}
#coupon br{display:none;}
#coupon button{margin-top: 10px;margin: 10px 0px;}
#account_edit input[type="checkbox"]{top: 9px;position: relative;}
#account fieldset{font-size: inherit;}
#page-order_summary p{font-size: 18px;}
#page-order_summary .module.shipping p{font-size: inherit;}
#page-order_summary .conditions a{text-decoration: none;font-size: inherit;font-weight: bold;color: black;}
#page-order_summary h3{font-size: inherit;}
#iconhelp{font-size:0.9em !important;}
#dialog, #dialog h4, #dialog li{font-size:unset !important;font-family: mm-text-regular !important;}
.ui-dialog {top: 20px !important;}
#dialog a, #dialog a:visited, #dialog a:active {color: black;text-decoration: underline;outline: none;}
.active_product .promopastille {
    background: #d71f30 none repeat scroll 0 0;
    border: 2px solid white;
    bottom: 12px;
    color: white;
    display: block;
    float: left;
    font-weight: bold;
    padding: 5px;
    position: absolute;
    left: 10px;
    text-align: left;
    font-size: 13px;
    z-index: 100;
    right: unset;
}