body {background-color:#F1F1F1;font-size:14px;font-family:tahoma, verdana, arial, sans-serif;margin:0;padding:0;}
.clear {clear:both;}

header {background-color:#FFF;text-align:left;position:fixed;height:80px;width:100%;border-bottom:1px solid #e0e0e0;z-index:1000;}
header img {margin-top:5px;max-height:70px;}
#menu {margin:7px 7px 0 0;float:right;}
article {padding:80px 10px 10px 10px;}
h1 {text-align: center;color: #50b6dd;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: 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: #33526e;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: #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:#52b6dd;font-weight:bold;font-size:20px;text-transform:uppercase;}

#bottom a, #bottomright a, #bottomleft a, #bottom {color:#52b6dd; font-weight:bold; text-transform:uppercase;font-size:20px;text-decoration:none;}
#bottomright {background-color: #FFF;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: #52b6dd;border-top: 1px solid #E0E0E0;border-left: 2px solid #F1F1F1}
a .left {font-size:20px; text-transform:uppercase;font-weight:normal;color:#52b6dd;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:#52b6dd;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:#52b6dd;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:#52b6dd;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: 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-photobe/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 {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:#beb7b7;position:fixed;bottom:0;width:100%;padding:25px 0;text-align:center;color:#49474c; 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: #50b6dd;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: absolute;text-align: center;width: 210px;}
.prodimg {height:170px;}
.price {font-weight:bold; color:#33526e ;}
.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;}

.power {margin: auto;margin-top: -7px;text-align:center;color:#33526e;background: white;padding:10px;}
.power #social{display: block;width:auto;}
.power a {margin-left: 5px;}
.power .fa.fa-facebook, .power2 .fa.fa-facebook {color: white;padding: 6px;font-size: 20px !important;background: #3b5998;margin-top: 5px;}
.power2 {position: absolute;top: 43px;right: 0;}

/*promopastille*/
.promopastille {
    border: 2px solid white;
    font-size: 22px;
    float: right;
    right: 0px;
}
.active_product .promopastille {
background: #e54242 none repeat scroll 0 0;
border: 2px solid white;
top: -9px;
color: white;
display: block;
float: left;
font-weight: bold;
padding: 5px;
position: absolute;
right: 0px;
text-align: left;
font-size: 11px;
}
#cartdiscount .button {max-width: 100%;word-wrap: break-word;white-space: initial;}
#freeproducts {width: 100%;}
