body {background-color:#FFF;font-size:14px;font-family:tahoma, verdana, arial, sans-serif;margin:0;padding:0;}
.clear {clear:both;}

header {text-align:left;position:fixed;width:100%;z-index:1000;background:white;
    height: 81px;
    width: 100%;
    background-size: cover;
    background-position: center top;
    border-bottom: 1px solid #e5e4e4;}
header .headerlogo{float:left;}
header img {margin-top:5px;max-height:70px;margin-left:5px;}
header .baseline {
    display: block;
    text-align: center;
    width: 171px;
   font-size: 12px;
}
header a{color:black; text-decoration:none;}
#menu {margin:20px 25px 0 0;float:right;}
#menu img {
    max-width: 35px;
    max-height: 35px;
}

.method {
    padding: 40px 20px;
    margin: 10px 0;
    border: 1px solid #CCC;
    display: block;
    background-color: #FCFCFC;
    text-align: center;
}
article {padding:80px 10px 10px 10px;}
h1 {
    text-align: center;
    color: #50b6dd;
    font-weight: normal;
    font-size: 28px;
    text-transform: uppercase;
    background: #e5b300;
    border: none;
    color: #FFF !important;
    padding: 13px 0;
}

.method {}
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: 16px;}

#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;}
.prod img {max-height: 130px;max-width: 170px;}
.prod a h2, .prod h2 {color: #FFF;background: #CCC;position: absolute;width: 210px;height: 55px;font-weight: normal;font-size: 16px;padding-top: 10px;margin-top: 120px;}
.products, #products {text-align:center;width:460px; margin:auto;padding-bottom:100px;}

#bottom {    background-color: #e5b300;
    position: fixed;
    bottom: 0;
    width: 100%;
    padding: 25px 0;
    text-align: center;
    border-top: #FFF solid 1px;}
#bottom2 {border-left:none;border-bottom:none;border-right:none;margin-bottom: 0;background-color:#e5b300;position:fixed;bottom:0;width:100%;padding:25px 0;text-decoration:none;text-align:center;margin-left:-10px;
border-top:1px solid #E0E0E0;color:#FFF;font-weight:bold;font-size:20px;text-transform:uppercase;}

#bottom a, #bottomright a, #bottomleft a, #bottom {color:#FFF; font-weight:bold; text-transform:uppercase;font-size:20px;text-decoration:none;}
#bottomright {background-color: #e5b300;position: fixed;bottom: 0;width: 50%;padding: 25px 0;text-align: center;right: 0;border-left:1px solid #FFF;border-top:1px solid #FFF;}
a #bottomright, a #bottomleft, a .right {font-size: 20px;text-transform: uppercase;font-weight: bold;color: #FFF;border-top: 1px solid #FFF;border-left: 2px solid #FFF;}
a .left {font-size:20px; text-transform:uppercase;font-weight:normal;color:#FFF;border-top: 1px solid #FFF;}
#bottomleft {background-color: #e5b300;position: fixed;bottom: 0;width: 50%;padding: 25px 0;text-align: center;left: 0; border-top:1px solid #FFF;}
.left {border-right: 1px solid #FFF;background-color: #e5b300;width: 49%;padding: 25px 0;text-align: center;right: 0;border-left:1px solid #FFF;float:left;font-size:20px;color:#FFF;text-decoration:none;text-transform:uppercase;}
.right {border-left:1px solid #FFF; background-color: #e5b300;width: 50%;padding: 25px 0;text-align: center;left: 0;float:right; font-size:20px;color:#FFF;font-weight:bold;margin-top: 0; height: 74px;text-transform:uppercase;border-top: 1px solid #E0E0E0;}
.bottom {background-color:#e5b300;bottom:0;width:100%;padding:25px 0;text-align:center;font-size:20px;color:#FFF;font-weight:bold;border:none;text-transform:uppercase;}
.bas {background:#FFF;position:fixed;bottom:0;width:100%;}

.errorlist li {border: 1px solid #FF0000;list-style-type: none;padding: 0;margin: 0;background: #ffdada;padding: 15px;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:24px;}
.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-fnacbe/mobile/delete.png);border:none;}
.totalpanier {text-align: left;margin-top: 25px;font-size: 27px;line-height: 40px;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;}
input[type="text"], input[type="email"], input[type="password"] {width:410px;border:1px solid #b4b4b4; border-radius:5px;height: 40px;margin-top: 10px;margin-bottom: 25px;padding: 0 20px;font-size: 20px;}
select {margin:auto;display: block;width: 460px; height: 45px; padding-left: 20px;font-size: 28px;line-height: 1.42857143;color: #555;background-color: #fff;border-radius:5px;background-image: none;border: 1px solid #ccc; margin-top: 10px;margin-bottom: 25px;}

#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 {width: 100%;height: 100%;background: #FFF;position: fixed;margin-top: 81px;z-index: 1000;padding: 10px;margin-left:-10px;}
.closemenu {position: fixed;top: 100px;right: 10px;}
#displaymenu ul {margin:0;padding:0;}
#displaymenu ul li {list-style-type:none;font-size:20px; border-bottom:1px solid #E0E0E0;padding: 20px 20px 20px 20px;}
#displaymenu ul li a {text-decoration:none; color:#49474c;}
.bottommenu {    background: #e5b300;
    position: fixed;
    bottom: 0;
    width: 100%;
    padding: 25px 0;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    height: 20px;
    font-size: 20px;}

.productcart {background-color: #FFF;margin-bottom: 5px;border: 1px solid #E0E0E0;}

table {background-color:#FFF;}
thead {background-color:#e1e54f;}
td {padding:10px;text-align:center;}
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: #FFF;font-weight: bold;font-size: 20px;text-transform: uppercase;background: #e5b300 ;border: none;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: absolute;text-align: center;width: 210px;}
.prodimg {height:170px;}
.price {font-weight:bold; color:#000 ;}
.prod {width: 210px;margin: 9px;height: 210px !important;float: left;text-align: center!important;background: #51b6dd;border: 1px solid #E0E0E0;padding:10px 0;}
a:nth-child(even) .price { color: #e18d6f !important; }

.button {cursor: pointer;background: #2e3030;color: #FFF;font-family: 'Open Sans', sans-serif; -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;}

fieldset{border:none;}

.titre {
    background: #e15a09;
    padding: 7px 0;
    margin: 0;
    color: #FFF !important;
    line-height: 30px;
    text-transform: uppercase;
    font-weight: normal !important;
}

.titre label {color:#FFF !important; font-weight:normal !important;}

/*promopastille*/
.promopastille {
    border: 2px solid white;
    font-size: 22px;
    float: right;
    right: 0px;
}

.active_product .promopastille {
background: #e5b300 none repeat scroll 0 0;
border: 2px solid white;
bottom: 50px;
color: white;
display: block;
float: left;
font-weight: bold;
padding: 5px;
position: absolute;
right: 0px;
text-align: left;
font-size: 11px;
}