@charset "UTF-8";

/* -------------------------- GENERAL -------------------------- */
* {font-family:"Myriad Pro", Helvetica, Arial, Geneva, sans-serif;}
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input,abbr,article,aside,command,details,figcaption,figure,footer,header,hgroup,mark,meter,nav,output,progress,section,summary,time {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;list-style-type: none;}
fieldset,iframe {border: none;}
a, a:hover, a:active, a:visited {color: #737678;text-decoration: none;cursor: pointer;}
html {background-color: #a4a8aa;color:#222;font-size:14px;}
.inside {width:1300px;margin:0 auto;}
.clear {clear:both;}
header {height: 125px;background-color: #FFFFFF;padding:10px;}
h1 {display:none;}
.logo {background-image:url(https://d2vxclnxwo31nb.cloudfront.net/foto-foto/img/logo_foto.png);background-repeat:no-repeat;background-position:right bottom;cursor:pointer;padding-left:372px;padding-top:106px;display:block;width:0px;float:left;}
nav {float: left; height: 40px; display: block; position: relative; padding: 0 18px 0 0;}
nav ul {display: table;}
nav ul li {display: table-cell;}
nav ul li a {width: 100%; display: inline-table; text-align: center; font-size: 15px !important; padding: 0 27px; font-family: Helvetica,"Helvetica Neue",Arial,sans-serif,"websafe"; font-weight: 500;}
nav img {max-height:80px;}
#mobile_nav {display:none;}
#displaymenu {display:none;}
.content {max-width:1200px;margin:auto;}
#content {background-color:#FFF;}
h2 {font-size: 28px;font-family: 'Roboto Slab', serif;font-weight: 300;color: #615e5c ;}
h3 {font-family: 'Open Sans', sans-serif;text-transform: uppercase;font-size: 18px;text-align: center;margin-top: 15px;margin-bottom:10px;}
.btn, .btn2 {color: #FFF  !important;padding: 9px 25px;font-size: 16px;font-family: "Open Sans", sans-serif;font-weight: 300; border-radius: 6px;}
.btn {background-color: #f29530 ;}
.btn:hover {background-color:#ececec; color:#555 !important;}
.btn2 {background-color:#f29530 ;}
.btn2:hover, .btn-order:hover {background-color:#ececec; color:#555 !important;}
.small {padding: 4px 10px;font-size: 13px;}
.btn-order {color: #FFF !important;padding: 10px 40px;font-size: 18px;font-family: "Open Sans",sans-serif;font-weight: 300;background-color: #f29530 ; border-radius: 6px;}
.right {float:right;}
.left {text-align:left !important;margin-bottom:0;}
.center {text-align:center;display: block;margin-bottom: 10px; margin:auto;}
.boxleft {width:48%; float:left;font-family: 'Open Sans', sans-serif;font-size: 16px;padding: 0 1%;font-weight: normal;}
p {font-size:16px;}
.upper {text-transform:uppercase;font-size:22px;}
.margin {margin:2% !important;}
.marge {  font-family: 'Open Sans',sans-serif;  font-size: 20px;  padding-left: 30px;}
.java li a {  font-size: 19px;  font-family: 'Open Sans',sans-serif;  padding-top: 8px;}
.part {background-color:#FFF;border:1px solid #DDD;margin:10px;padding:30px;}
.part p {color: #6f7274;font-family: 'Open Sans',sans-serif; font-size: 16px;line-height: 19px;}
.accountbar { float: right; width: 130px; text-align: center; padding-top: 20px; font-size: 17px; text-transform: uppercase !important; font-family: 'Open Sans',sans-serif; font-weight: 200;}
.accountbar i { font-size: 60px;}
.accountbar a {color:#3c3b39;}


/* -------------------------- FOOTER -------------------------- */

.footertop {height:150px; width:100%;background-color:#f7f7f7;border-top:1px solid #D8D8D8;font-family: 'Open Sans', sans-serif;font-weight: 300;}
#footerbottom {background-color:#3c3b39 ;border-top:1px solid #95989A;padding:40px 0; width:100%;color:#EEE; font-weight: 200;}
.footerbox {width: 19%;height: 118px;float: left;padding: 20px 3%;text-align: center;background:url(https://d2vxclnxwo31nb.cloudfront.net/foto-foto/img/footerbox.png) right top no-repeat;font-family: 'Open Sans', sans-serif;font-weight: 300;}
.footerbox h4 {text-transform:uppercase; color:#888;padding-top: 7px;font-size:15px;font-family: 'Roboto Slab', serif;line-height: 10px;font-weight: 600;}
.footerbox span {color:#888;font-size:12px;}
.footerbox img {height:60px;}
.last {background:none !important;}
.footercenter, .details {width:85%;margin:auto;}
.footercenter hr, .details hr {height: 1px;border-top: 1px solid rgba(255,255,255,.5) !important;border-bottom: 1px solid rgba(255,255,255,.5) !important;border-left: none !important;border-right: none !important;margin:40px 0;}
.footercenter h4, .details h4 {color: #EEE; text-align:center;font-size:32px;font-family: 'Roboto Slab', serif;font-weight: 200;}
.footerproducts {float: left;width: 20%;color:#EEE;}
.footerproducts h5, .footerproducts h5 a {font-weight: bold !important;font-size: 15px !important;color: #EEE;text-transform: uppercase;}
.footerproducts a {color:#EEE;     font-family: "Open sans",Helvetica,Arial,Geneva,sans-serif;   font-size: 12px;}
.bottomlinks {color:#EEE;text-align:center;}
.bottomlinks a {color:#EEE; padding: 0 7px;}

/* -------------------------- HOMEPAGE -------------------------- */

#ads {margin-top:-19px;}
.ad {width:50%;height:100%;color:#FFF;font-family: 'Raleway', sans-serif; text-align:center;float:left;}
.texte {font-size: 28px;font-family: 'Open Sans', sans-serif;font-weight: 300;}
.big {font-size: 30px;margin:0 10px;  display:inline-block; vertical-align:middle; text-align:center;font-family: 'Open Sans', sans-serif;font-weight: 300; }
.red {background-image:#000; background-image:url(https://d2vxclnxwo31nb.cloudfront.net/foto-foto/img/ban.jpg); background-position: 50% 50%; background-repeat: no-repeat;}
.yellow {background-color:#bf0326; }
.bloc {width:90%; display:inline-block; vertical-align:middle; text-align:center; }
div.conteneur {text-align:center; height:100%;}
.align {width:0;display:inline-block;  vertical-align:middle;height:100%;visibility:hidden;}
@media (max-width: 1050px) {.texte, .big {font-size: 25px;}}
.white {float:right; background-color:rgba(235,79,0, 0.9);width:35%;height:100%;}
#userbar {     background-color: #FFF;     border-top: 1px solid #EEE;     border-bottom: 1px solid #EEE;     text-align: right;     height: 43px;     color: #000;     font-size: 18px;   
text-transform: uppercase; padding-top: 13px;}
.icon {float:left;padding-right:10px;}
.menubar {float:left;margin:0 15px;padding-top:5px;}
.menubar a {color:#000;font-weight:normal;font-family: Helvetica,"Helvetica Neue",Arial,sans-serif,"websafe"; font-size:15px;font-weight: 500;}
.menubar a:hover {color:#f29530;}
.bx-wrapper{margin:0 auto !important; border-bottom:60px #FFF solid !important;border-top:0 !important; box-shadow:0 !important;}

.present { background: #FFF; float: left; width: 29%; margin: 1%; padding: 1%;text-align:center;height:420px;}
.present h2 {text-align:center;}
#imagescats { background: #FAFAFA;}
.present span { height: 280px; display: block;}
.present hr {  height: 0px;  border-bottom: 0;  border-top:2px solid #f29530;}

/* -------------------------- BREADCRUMB -------------------------- */

#breadcrumb {float: left;color: #FFF;padding: 11px 20px 0;font-family: 'Open Sans';font-size: 14px;text-transform:none;font-weight: 300;}
#breadcrumb a {color:#FFF; text-decoration:none;font-family: 'Open Sans';font-size: 14px;font-weight: 600;}

/* -------------------------- CATEGORY CONTENT -------------------------- */

#cat_presentation { padding:40px 15px 15px;}
#cat_presentation img {float:left;}
#cat_presentation p {color: #615e5c; font-family: 'Open Sans',sans-serif;  font-size: 16px; line-height: 24px;}
#cat_presentation hr, .item hr {height: 1px;    border-top: 2px solid #f29530!important;  border-bottom: 0;border-left: none !important;border-right: none !important;margin:11px 0 20px;}
#cat_presentation h2 {float:left;}
.from {float:right; font-style:italic;padding-top: 14px;color: #999;font-size:20px;}
#presentation {width:72%; float:right;}
.scat {width:29%;margin:1%;padding:1%;border:1px solid #FFF;float:left; text-align:center;height:300px;background-color:#FFF;}
.scat h4 {text-align: center;font-family: "Open Sans", sans-serif;font-weight: 300;font-size: 19px;margin-bottom: 25px;border-bottom: 1px solid #DDD;padding-bottom: 5px;margin-top:6px;}
.scat img {max-height: 200px;}
.info {position: absolute;width: 27%;background: rgba(255,255,255,0.8);margin-top: -267px;padding: 1%;height: 177px;text-align:justify;font-size:15px;}
.cat_img {height:200px;}
.cat_img span {font-size: 40px;font-weight: bold;color: #d1d1d1;line-height: 200px;text-align: center;}
.hr {text-align: center;border-bottom: 2px solid #f29530 !important;margin: 20px 10px;padding: 10px;}
.title {text-align: center;border-bottom: 2px solid #f29530 ;margin: 0px 10px 20px;padding: 20px;}
.featured {background-color:#FFF;border:1px solid #DDD;margin:10px;padding:0 10px 10px;}
.featured h2 {margin-top:5px !important;}
.featured ul li {float:left;width:25%;text-align:center;margin-bottom: 15px;}
.featured_img {height: 140px;display: block;}
.featured ul li h3 {font-family:"Open Sans", sans-serif;font-weight: 300;text-transform: uppercase;}
.featured p {color: #333;font-family: 'Open Sans',sans-serif;font-size: 15px; line-height: 19px; padding: 10px;}
.price {font-style:italic;color:#222;font-size:12px;padding-bottom:12px;}

/* -------------------------- PRODUCT CONTENT -------------------------- */

.social {float:right;}
.social img {width: 24px !important;height: 24px !important;padding: 2px;}
.ordernow {float:right;}
.informations {float: right;width: 34%;padding-left: 1%;border-left: 1px solid #BBB;margin-left: 2%;color:#6f7274 ;font-family: 'Open Sans', sans-serif;font-size:13px;text-align:center;padding-bottom:20px;}
.informations h3 {font-family: "Open sans", sans-serif;text-align: center;padding-bottom: 10px;font-size:16px;}
.informations span {font-weight:bold;}
.fromproduct {text-align: center;margin-top: 22px;font-size: 17px;margin-bottom: 20px;}
#attributes {text-align:left;}
.miniatures img {}
.miniatures {width: 100%;position: relative;float: left;}
.prodimg {width: 26%;float: left;}
.product_image {display: block;text-align: center;margin-bottom: 10px;border:1px solid #CCC; background:#FFF;}
.product_image img {float: none !important;width:100%;}
.mini {width: 23%;border:1px solid #CCC; background-color:#FFF;float:left;margin: 0 1% 1% 0;position:relative;}
.popup {width: 636px;height: 480px; background-color:#FFF; border:1px solid #777;padding:10px 10px 10px 0px;}
#viewer {text-align:center;position: absolute;
    left: 150px;
    right: 250px;
    top: 0px;
    bottom: 0px;}
#viewer img {width:100%;position:absolute;top:0; bottom:0; left:0; right:0;
margin:auto;}
.miniatures_vertical {width:112px;position:absolute;right:0px;margin:20px}
.mini2 {border:1px solid #CCC; margin-bottom:10px;width: 110px;height: 110px;text-align: center;
position: relative;}
.mini2 img {max-width:110px;max-height:110px;text-align:center;position:absolute;top:0; bottom:0; left:0; right:0;
margin:auto;}
.mini2.selected { border:1px solid #777; }
.mini img {position:absolute;top:0; bottom:0; left:0; right:0;width:100% !important;margin:auto;}
.previous, .next {position: absolute;top: 45%; z-index:20;opacity:0.5;}
.next {right:150px;}
.previous {left:50px;}
.overlay {position:fixed; background:rgba(0,0,0,0.8); top:0; bottom:0; left:0; right:0;  z-index:10;}
#box {margin:auto; position:relative; width:90%; height:90%; padding:20px; border:1px solid #AAA; background:#FFF; -webkit-transition: margin .6s; -moz-transition: margin .6s; -o-transition: margin .6s; transition: margin .6s;}
.close {position: absolute; top: -10px; right: -10px; border: 1px solid #AAA; padding: 3px; font-size: 1.2em; border-radius: 15px; width: 15px; height: 15px; line-height: 15px; text-align: center; display: inline-block; cursor: pointer; font-weight: bold; background: #fff;  }
.zoom {z-index:1; position:absolute;opacity:0; background:url(https://d2vxclnxwo31nb.cloudfront.net/foto-foto/img/zoom.png) center center no-repeat rgba(255, 255,255, 0.5); width:70px; height:70px; border-radius:5px; -webkit-transition: opacity .2s; -moz-transition: opacity .2s; -o-transition: opacity .2s;transition: opacity .2s;  }
.details {padding:20px 0;}
.details p {font-size:16px;}

/* ------------------- TABLES --------------------------- */

table {background: #FFF;width: 100%;border-collapse:collapse;}
th {background: #DDD;padding: 10px;font-size: 15px;text-transform: uppercase;font-family: "Open Sans", sans-serif;font-weight: normal;border: 1px solid #CCC;}
td {padding: 10px;border: 1px solid #CCC;  font-size: 17px; text-align: center;}
td.numericcell {text-align: center;}

/* ------------------ LOGIN PAGE / ACCOUNT --------------------- */
.login, .register, .coleft {width: 41%;margin: 2%;float: left;background: #FFF;border: 1px solid #DDD;padding: 1% 2% 2%;}
.login h4, .register h4, .coleft h2, .col h2 {text-align: center;border-bottom: 1px solid #a4a8aa;margin: 0px 10px 20px;padding: 20px; font-size: 20px;font-family: 'Open Sans',sans-serif;font-weight: 300; color:#666;}
.login label, .register label, label {font-size: 17px; width: 40%;display: block;color: #888;float: left;padding-top: 22px;text-align: right;font-family: 'Open Sans',sans-serif;}
.login input[type="text"], .login input[type="email"], .login input[type="password"], .register input[type="text"], .register input[type="email"], .register input[type="password"] {background: #FFF;border: 1px solid #CCC;height: 20px;padding: 2%;margin: 2%;width: 51%;}
.register input[type="checkbox"] {width: 53%;margin: 5% 2% 4%;}
.col {width: 92%;margin: 2%;background: #FFF;border: 1px solid #DDD;padding: 1% 2% 2%;}
.coleft {min-height: 470px;}
.creations ul {margin-top:20px;}
.creations ul li {list-style-type: disc;margin-left: 60px;font-size: 17px;font-family: 'Open Sans', sans-serif;color: #CCC;padding-top: 11px;}


/* ----------------------- FORMS ----------------------- */

select {width: 57%;height: 45px!important;color: #222;display: inline-block;padding: 4px 6px;margin: 2% 0 2% 2%;font-size: 18px!important;vertical-align: middle;border: 1px solid #CCC;}
.form-row p, .boxleft p {line-height: 26px;font-family: 'Open Sans', sans-serif;color: #666;}
.form-row p {font-size:17px;}
.form-row label, .boxleft label {color:#000; font-family: 'Open Sans', sans-serif; font-size:17px; }
.form {text-align:center;padding-top:2%;}
.form label {width: 47%;display: block;text-align: right;color: #777;font-size: 19px;float: left;height: 14px;margin-bottom: 5px;padding: 15px 1% 22px 0;clear: both;}
.form input {width: 47%;float: right;display: block;font-size: 19px;border:1px solid #CCC;padding:10px;}
.form input[type="checkbox"] {margin-top: 18px;margin-bottom:3px;}
.form select {width: 49%;margin: 0;float: right;}
.form input[type="submit"] {clear: both;float: none;width: 300px;margin: auto;margin-top:30px;}
textarea {  padding: 10px;  float: right;  width: 47%;  height: 80px;  margin: 0 0 10px;  border: 1px solid #CCC;}
@media (max-width: 1020px) {.boxleft .form label {width:100%; text-align:center;} .boxleft .form input {width:94%;}}
.errorlist li {  border: 1px solid #F00;  background: #fcefef;  padding: 10px;  text-align: center;  font-weight: bold;  color: #F00;  font-size: 15px;clear: both;margin-bottom: 10px;}
.formquantity input{  width: 3%; float: left; display: block; font-size: 19px; border: 1px solid #CCC; padding: 10px; margin-right: 15px;}


/* ----------------- CART ---------------------- */

p.coupon {text-align: center;font-size: 17px;font-family: 'Open Sans';font-weight: 400;}
.cart {width:95%; margin:auto;}
#remove {text-align:center;float:left;}
.cartleft {float:left;border:1px solid #DDD; margin-right:10px;}
.columns {-webkit-columns: 2;-moz-columns: 2;columns: 2;  padding-bottom:0 !important;}
.item { height: 140px; width: 97%; display: inline-block;margin-bottom:20px;}
.price2 { font-size: 18px; background: #EEE; padding: 11px; width: auto; float: left; margin-right: 10px;}
.item h2 {margin:0 !important; border-bottom:none !important;  padding-top: 5px;}
#voucher {width: 41%;float: left;background: #CCC;padding: 1% 2% 2%;margin: 0 2%;}
#total {font-family:'Open Sans', sans-serif;font-size:19px;}
#voucher input {float:left;width:52% !important;}
#voucher .btn {width: 35% !important; margin: auto; margin-top: 0; margin-left: 10px; padding: 8px 0 9px;float:left;clear:none;}
.formquantity input[type="submit"] {width: 22%;  font-size: 15px;padding: 12px 0 13px;cursor:pointer;}
.fa-trash-o {cursor:pointer !important;}
#billing_fieldset {  width: 100%;}

/* ----------------- FORMS -------------- */

.part input[type="text"], .part input[type="email"], .part input[type="password"] {background: #FFF;border: 1px solid #CCC;height: 20px;padding: 10px;margin: 10px;width: 51%; float:right;}
.part textarea { padding: 10px;    float: right;    width: 51%;    height: 100px;    margin: 10px;    border: 1px solid #CCC; font-size:18px;}
.centered {width:200px; margin:auto; display:block !important;}
.coleft input[type="text"], .coleft input[type="email"], .coleft input[type="password"], .register input[type="text"], .register input[type="email"], .register input[type="password"] {background: #FFF;border: 1px solid #CCC;height: 20px;padding: 2%;margin: 2%;width: 51%;}
.coleft label {font-size: 17px; width: auto !important;color: #888;float: left;padding-top: 0 !important;text-align: left;font-family: 'Open Sans',sans-serif;padding-right:10px;}