@import "desktop.echantillons.css";

/* boutique accueil */
.block-node.boutique1 { width: 633px; height: 307px; }
.block-node.boutique2 { width: 305px; height: 307px; margin-right: 0; }
.block-node.boutique3, .block-node.boutique4,
.block-node.boutique5 { width: 305px; height: 175px;  }
.block-node.boutique5 { margin-right: 0; }
.block-node.boutique6 { width: 305px; height: 307px; margin: 0 20px 20px 0; }
.block-node.boutique7 { width: 633px; height: 307px; margin: 0 0 20px 0; }
.fleft.boutique       { width: 633px; height: 307px; margin-right: 20px; }
#site-content .block-node.boutique3 .content-node,
#site-content .block-node.boutique4 .content-node,
#site-content .block-node.boutique5 .content-node { height: 115px; }

/* boutique liste produits */
.list-boutique .chosen-container .chosen-results li { background: none; padding: 3px 0 0 5px; }
.list-boutique  .chosen-container-single .chosen-single span { font-weight: normal; padding: 5px 0 0 0; }
.boutique-product-list               { float: left; height: 390px; margin: 0 13px 33px 0; position: relative; width: 225px;
                                       padding-bottom: 15px; }
.boutique-product-list .visuel       { position: relative; width: 225px; height: 225px; overflow: hidden; text-align: center; margin: 0 0 22px 0;  }
.boutique-product-list .visuel img   { width:auto; height: auto; }
.boutique-product-list .separ-l,
.boutique-product-list .separ-r      { float: left; height: 8px; width:50%; margin: 15px 0;  }
.boutique-product-list .desc         { font-size:11px; }
.boutique-product-list h3.title      { height:67px; margin: 22px 0 0 0; padding: 0 0 0 10px; font-size: 1.2em; }
.boutique-product-list h3.title a    { font-size: 1em; }
.boutique-product-list .new          { width: 68px; height: 68px; }
.boutique-product-list .promo        { width: 68px; height: 68px; }
.boutique-product-list .price        { padding: 0 0 0 10px; font-size: 1.3em; }

#site-content .boutique-product-list .survol a.btn.see,
#site-content .boutique-product-list .actions a.btn              { font-size: .9em; padding: 5px 0; text-align: center; margin: 20px 0 0 0; }
#site-content .boutique-product-list .actions a.btn.btn-pdf-full { width: 205px; margin: 20px auto 0 auto; }
#site-content .boutique-product-list .actions a.btn.btn-pdf      { float: left; width: 75px; margin: 20px 10px 0 10px; }
#site-content .boutique-product-list .actions a.btn.cart         { float: left; width: 125px; }
#site-content .boutique-product-list .actions a.btn.cart-full    { width: 205px; margin: 20px auto 0 auto; }

.boutique-product-list .survol          { top: 0; left: 0; height: 390px; width: 219px; z-index: 1;
                                          padding: 10px 3px; }
.boutique-product-list .survol h3.title { height:67px; font-size: 1.2em; margin: 12px 0 0 0; }
.boutique-product-list .survol h3.title a { font-size: 1em; }
.boutique-product-list .survol .price   { font-size: 1.3em; }
.boutique-product-list .survol .desc    { height: 150px; padding: 0 10px; }
.boutique-product-list .survol .desc p, .boutique-product-list .survol .desc a,
.boutique-product-list .survol .desc    { font-size: 1em; } 
#site-content .boutique-product-list .survol .actions a.btn   { /*width: 205px;*/ margin: 10px 0 0 0; }
#site-content .boutique-product-list .survol a.btn.see        { width: 205px; margin: 20px auto 0 auto; margin-bottom: 35px; }
#site-content .boutique-product-list .survol .actions a.btn.btn-pdf { float: left; width: 75px; margin: 10px 10px 0 7px; }
#site-content .boutique-product-list .survol .actions a.btn.btn-pdf-full,
#site-content .boutique-product-list .survol .actions a.btn.cart-full    { margin: 10px auto 0 auto; }



/* produit détails */
#site-content #details-boutique-product.content-page { padding: 23px 15px 0 20px; }
#details-boutique-product .block-top        { width: 307px; height: 410px; }
#details-boutique-product .block-top.images { margin: 0 20px 0 0; }
#details-boutique-product .infos1,
#details-boutique-product .infos2           { width: 265px; height: 370px; padding: 20px; }
#details-boutique-product .infos1           { margin: 0 20px 0 0; }
#details-boutique-product .infos1 .desc p,
#details-boutique-product .infos1 .desc     { font-size: 1.1em;  }
#details-boutique-product .infos1 .social   { bottom: 0; height: 105px; }
#details-boutique-product .infos1 .social div.text { margin: 5px 10px 0 0; }
#details-boutique-product .infos1 .social a { margin: 0 10px 0 0; }
#details-boutique-product .price            { font-size: 1.3em; }
#details-boutique-product .price h2         { margin: 0 0 10px 0; }
#details-boutique-product .visuel           { width: 307px; height: 307px; }

#details-boutique-product .new              { position: absolute; z-index: 1 !important; width: 96px; height: 96px;  }
#details-boutique-product .promo            { position: absolute; z-index: 110; width: 96px; height: 96px; }
#details-boutique-product .img-product      { height: 250px !important; width: 227px !important; }

#details-boutique-product .infos2  a.btn              { width: 100%; font-size: .9em; padding: 5px 0;  margin: 20px 0 0 0; }
#details-boutique-product .infos2 a.btn.btn-pdf-full  { margin: 20px auto 0 auto; }
/*
#details-boutique-product .infos2 a.btn.btn-pdf       { margin: 20px 10px 0 10px; }
*/
#details-boutique-product .infos2 a.btn.cart-full     { width: 100%; margin: 20px auto 0 auto; }
#details-boutique-product .infos2.block-top           { position: relative; }
#details-boutique-product .infos2.block-top .icones   { position: absolute; bottom: 15px; left: 15px; width: 280px; height: 50px; padding: 20px 0 0 0; }
#details-boutique-product .infos2.block-top .icones img.marg { margin: 0 10px 0 0; }

#details-boutique-product .cycle-slideshow      { width: 100%; height: 307px; }
#details-boutique-product .cycle-slideshow img  { width: auto; height: auto; margin: 0 auto; max-width: 287px !important; max-height: 287px !important; z-index: 0 !important; }
#details-boutique-product .cycle-slideshow .cycle-sentinel { position: absolute !important; z-index: 0 !important; }
#details-boutique-product .cycle-pager          { width: 100%; height: 99px; overflow: hidden; margin: 10px 0 0 0; }
#details-boutique-product .cycle-pager img      { width: 99px; height: auto; z-index: 0 !important; }

#details-boutique-product .separ        { margin: 25px 0 0 0; min-height: 10px; width: 100%; padding: 35px 0 0 0;  }
#details-boutique-product .separ.bk-type        { margin-bottom: 25px; }
#details-boutique-product .separ .desc p,
#details-boutique-product .separ .desc  { font-size: 1.3em; }
#details-boutique-product .separ .desc.small p  { font-size: 14px; }

#details-boutique-product .label-select         { float: left; width: 60px; margin: 15px 0 0 0; padding: 2px 0 0 0; }
#details-boutique-product .chosen-parent        { float: left; margin: 15px 0 0 0; }
#details-boutique-product .chosen-parent select { width: 205px;  }
#details-boutique-product .chosen-container-single .chosen-single span { padding: 4px 0 0 0; }

/* boutique menu */
#top-menu .sous-menu .right.boutique .boutique   { width: 50px; height: 50px; margin: 30px auto 33px auto; }
#top-menu .right.boutique p     { font-size: 18px; }
#top-menu .right.boutique h2    { font-size: 35px; margin-bottom: 0; }
#top-menu .sous-menu .right.boutique input[type="submit"] { font-size: 12px; height: 34px; margin: 0; width: 100%; }
#top-menu .sous-menu .right.boutique input[type="text"] { margin: 22px 0 13px; }

/* mon compte - register */
form#registerform .left           { margin: 15px 50px 0 0; width: 410px; }
form#registerform .right .form-l  { width: 130px; }
form#registerform .right          { width: 500px; margin: 15px 0 0 0; }
#registerform .fleft.radio.marg   { margin: 0 40px 0 0; }
#registerform .radio [type="radio"] + label {min-height: 33px;}

form#registerform .right .form-r.fright       { float: right; margin: 0 48px 0 0; }
form#registerform .right .form-r.fright input { width: 205px; height: 35px; padding: 10px 10px; font-size: .9em; }

form#registerform ul.warn     { width: 265px; margin: 0; }
form#registerform ul.warn li  { padding: 5px; }
form#registerform .form-l.optin-wrapper  { width: 48%; padding-top: 5px; }
form#registerform .form-l.optin-wrapper input  { vertical-align: middle; }

/* mon compte - connect */
#site-full.connect    { padding-bottom: 150px; }

#site-content.connect .register,
#site-content.connect .login            { width: 440px; height: 230px; padding: 15px; }
#site-content.connect .register         { margin: 0 20px 0 0; }

#site-content.connect .register a.btn   { width: 420px; height: 20px; padding: 10px 10px; border: 0 none; }
#site-content.connect .login input[type="submit"] { width: 100%; height: 35px; }
#site-content.connect .login .form-l    { width: 115px; }

/* mon compte - forgotten password */
#site-full.reset                          { padding-bottom: 150px; }
#site-content.reset .form-l               { width: 90px; }

/* mon compte - mes commandes */
/*#site-full.account                    { padding-bottom: 150px; }*/
#site-full .my-orders .text           { padding: 20px; }
#site-content.my-orders .text .btn    { display: block; width: 205px; margin: 10px 0; padding: 5px; }
.account #themes                      { width: 1000px; }
.account #themes ul li                { width: 23.5%; padding: 5px 0; height: 35px; margin-right: 2%;  }
.account #themes ul li:last-of-type   { margin-right: 0;  }
.account #themes ul li a              { margin-top: 7px; }
.my-orders .content-page              { padding: 0 !important; }
.fleft.orders                         { width: 100%; }
.orders h2                      { padding: 15px 0 0 10px; margin-bottom: 5px; }
.orderListItem                  { width: 940px; margin: 15px 0px; display: table; padding: 0px 10px; }
.orderListColumn                { display: table-cell; vertical-align: middle; }
.orderListColumn:nth-of-type(1) { width: 250px; }
.orderListColumn:nth-of-type(2),
.orderListColumn:nth-of-type(3) { width: 180px; }
.orderListColumn:nth-of-type(4),
.orderListColumn:nth-of-type(5) { width: 160px; }
.orderListItem a.btn            { height: 20px; padding: 10px 10px; border: 0 none; }
/*
.orderListItem a.btn.dark       { margin-right: 10px }
*/
.orders .separ                  { margin: 0; }
.orders .separ:last-of-type     { margin-bottom: 20px; }
.my-orders .ref                 { font-size: 1.2em; }
.my-orders .date                { font-size: 1.2em; }
.my-orders .price               { font-size: 1.8em; }
.orders .pager                  { margin: 20px 10px 0 0; }
.orders .pager li               { padding: 0; }

.order-detail                         { width: 1000px; margin: 50px auto 0 auto; padding: 35px 0 0 0;
                                        background: url('../../../images/site/boutique/ombre-details-commande.png') top left no-repeat; }
.order-detail > div.half > h2         { margin-bottom: 5px; }
.order-detail .half                   { width: 483px; }
.order-detail .half:nth-of-type(odd)  { padding: 10px 5px 10px 10px; }
.order-detail .half:nth-of-type(even) { padding: 10px 10px 10px 5px; }
.order-detail a.btn                   { padding: 10px 10px;  }
.order-detail a.btn.big               { height: 30px; font-size: 1.5em; }
.order-history                        { width: 100%; height: 350px; margin-top: 10px; }
.historyListItem                      { width: 90%; margin: 0 auto; padding: 15px 0; }
.historyListColumn:nth-of-type(odd)   { width: 30%; }
.historyListColumn:nth-of-type(even)  { width: 70%; }
div.order-message                     { height: 350px; border-radius: 3px; margin-top: 9px; }
.order-message div                    { width: 96%; height: 96%; margin: 2%; }
#form_order_message                   { width: 100%; height: 293px; resize: none; border-radius: 3px; margin-top: 10px; }
.order-message-form .frm-submit       { width: 50%; margin: 10px 0 0 250px; }
.order-detail .full                   { width: 980px; padding: 10px; }

.productsListItem                   { width: 980px; padding: 15px 10px; }
.productsListColumn:nth-of-type(1)  { width: 120px; }
.productsListColumn:nth-of-type(2)  { width: 300px; }
.productsListColumn:nth-of-type(3)  { width: 190px; }
.productsListColumn:nth-of-type(4),
.productsListColumn:nth-of-type(5)  { width: 150px; }
/*.productsListColumn:nth-of-type(3) br,*/
/*.productsListColumn:nth-of-type(4) br,*/
/*.productsListColumn:nth-of-type(5) br  { line-height: 5px; }*/
.productsListColumn .ref            { margin-right: 5px; }

#articles .separ                    { margin: 0 10px; }
#articles .separ:last-of-type       { margin-bottom: 20px; }

.order-totals                       { margin-top: 20px; }
.totalsListItem                     { display: table; width: 100%; }
.totalsListItem.light               { background: #f1f1f1; margin-bottom: 5px; }
.totalsListItem.dark                { background: #bbb7b6; margin-bottom: 5px; }
.totalsListItem.dark *              { font-weight: 700; }
.totalsListColumn                   { display: table-cell; height: 45px; vertical-align: middle; text-align: right; }
.totalsListColumn:nth-of-type(1)    { width: 770px; }
.totalsListColumn:nth-of-type(2)    { width: 140px; }
.totalsListColumn:nth-of-type(3)    { width: 75px; }

.discount-code .totalsListColumn:nth-of-type(1)    { width: 350px; padding-left: 20px; text-align: left;}
.discount-code .totalsListColumn:nth-of-type(2)    { width: 420px; }
.discount-code .totalsListColumn:nth-of-type(3)    { width: 140px; }
.discount-code .totalsListColumn:nth-of-type(4)    { width: 75px; }
.discount-code .totalsListColumn:nth-of-type(1) span    { display: inline-block; vertical-align: middle; width: 160px; }

.order-addresses                          { margin-top: 40px; }
.order-addresses .half                    { width: 480px; }
.order-addresses .half:nth-of-type(odd)   { padding: 0; }
.order-addresses .half:nth-of-type(even)  { padding: 0 0 0 15px; }
.address-field                            { display: table; width: 100%; margin-bottom: 25px; }
.address-label                            { display: table-cell; width: 135px; }
.address-data                             { display: table-cell; }
.address-delivery,
.address-invoice                          { background: #f0f2f1; padding: 20px; }

/* mon compte - adresses */
.content-page.addresses .address-forms.fleft      { width: 470px; margin: 0 0 15px 0; position: relative; }
.content-page.addresses .address-forms.fleft input[type="submit"] { position: absolute; right: 20px; bottom: 20px; }
.content-page.addresses .address-forms.fleft.left { margin: 0 20px 0 0; }
.content-page.addresses .address-forms .frm-row .frm-row .form-l { width: 100px; }
.content-page.addresses .address-forms .frm-row .frm-row .form-r { width: 150px; }
.content-page.addresses .address-forms select     { width: 200px; }
.content-page.addresses .address-forms .std-frm   { /*margin: 30px 0 0 0;*/ height: 455px; padding: 20px; }
.content-page.addresses .address-forms .std-frm input[type="text"] { width: 280px; }
#site-content .content-page.addresses .btn-new-address { display: block; font-size: 0.9em; height: 17px; margin: 0 0 10px; padding: 6px 5px; width: 250px; }

.wait-address { display:none; width: 24px; height: 24px; background: url('../../../images/site/wait.gif') center center no-repeat;  }
.separ-form   { width: 100%; height: 30px; }


/* derniers produits consultés */
#site-bottom-in .boutique-product-list .survol a.btn.see,
#site-bottom-in .boutique-product-list .actions a.btn              { font-size: .9em; padding: 5px 0; margin: 20px 0 0 0; }
#site-bottom-in .boutique-product-list .actions a.btn.btn-pdf-full { width: 205px; margin: 20px auto 0 auto;  }
#site-bottom-in .boutique-product-list .actions a.btn.btn-pdf      { float: left; width: 65px; margin: 20px 10px 0 10px; }
#site-bottom-in .boutique-product-list .actions a.btn.cart         { float: left; width: 125px; }
#site-bottom-in .boutique-product-list .actions a.btn.cart-full    { width: 205px; margin: 20px auto 0 auto; }

#site-bottom-in .boutique-product-list .survol          { height: 376px; width: 219px; padding: 10px 3px; }
#site-bottom-in .boutique-product-list .survol h3.title { height:67px; font-size: 1.2em; margin: 12px 0 0 0; }
#site-bottom-in .boutique-product-list .survol h3.title a       { font-size: 1em; }
#site-bottom-in .boutique-product-list h3.title a       { font-size: 1.15em; }
#site-bottom-in .boutique-product-list .survol .price   { font-size: 1.3em; }
#site-bottom-in .boutique-product-list .survol .desc    { height: 150px; padding: 0 10px; }
#site-bottom-in .boutique-product-list .survol .desc p, .boutique-product-list .survol .desc a,
#site-bottom-in .boutique-product-list .survol .desc    { font-size: 1em; }

#site-bottom-in .boutique-product-list .survol .actions a.btn   { /*width: 205px;*/ margin: 10px 0 0 0; }
#site-bottom-in .boutique-product-list .survol a.btn.see        { width: 205px; margin: 20px auto 0 auto; margin-bottom: 35px; }
#site-bottom-in .boutique-product-list .survol .actions a.btn.btn-pdf { float: left; width: 65px; margin: 10px 10px 0 5px; }
#site-bottom-in .boutique-product-list .survol .actions a.btn.btn-pdf-full,
#site-bottom-in .boutique-product-list .survol .actions a.btn.cart-full    { margin: 10px auto 0 auto; }

/* Modal ajout panier */
.modal-product h3     { margin: 15px 0 15px 0; }
.modal-separ          { width: 100%; height: 1px; margin: 10px 0 15px 0; }
.modal                { width: 300px !important; padding: 10px !important; }
.modal-product .product-image     { margin: 0 10px 0 0; width: 110px; height: 110px; padding:0; }
.modal-product .product-image img { height: auto; width: auto; }
.modal-product .product-image .new    { width: 35px; height: 35px; }
.modal-product .product-image .promo  { width: 35px; height: 35px; }

.modal-product .product-name .title { font-size: 17px; width: 180px; }
.modal-cart				  {margin-bottom: 10px;}
.modal-cart .label        { width: 114px; }
.modal-cart .price        { font-size: 17px; margin: 0 0 0 5px; }
.modal-cart .total        { font-size: 22px; margin: 0 0 0 5px;  }
.modal-cart .btn-continue,
.modal-cart .btn-cart     { width: 135px; font-size: 12px; height: 30px; padding: 10px 5px 5px 5px; }
.modal-cart .btn-continue { margin: 10px 10px 0 0; }
.modal-cart .btn-cart     { margin: 10px 0 0 0; }

.modal-cart .nb              { font-size: 14px;  }
.modal-cart .nb .nb_products { font-size: 19px; line-height: 1em; }

/* panier */
.product-boutique > div   { float: left; padding: 5px; margin: 0 0 20px 0; }
.code-discount        { /*float: left;*/ }
.grand-totals         { /*float: right;*/ width: 100%; min-height: 150px; /*min-height: 210px;*/ }
.product-boutique > div.product-image { width: 110px; height: 110px; overflow: hidden; position: relative; padding:0; }
.product-image img      { height: auto; width: auto; }
.product-image .new     { position: absolute; }
.product-image .promo   { position: absolute; width: 35px; height: 35px;  }
.product-boutique > div.product-name           { width: 255px; margin: 0 105px 0 20px;  }
.product-name .title    { font-size: 18px;  }
.product-name .product-price {  font-size: 18px;  }
.product-qty            { width: 150px; margin: 0 20px 0 0; }
.product-qty select     { width: 120px; }
#site-content .product-qty a  { font-size: 12px; }
.product-price-ht,
.product-price-ttc      { width: 120px; }
.product-price-ht       { margin: 0 20px 0 0; }

.grand-totals .label    { margin: 0 10px 0 620px; width: 180px; }
.grand-totals .discount .label { margin: 0 10px 0 150px; }
.cart .btn              { float: right; margin: 0 0 15px 0; }
.cart .btn .continue,
.cart .btn .suivant     { display: inline-block; width: 230px; height: 25px; padding: 10px 5px; }
.cart .btn.addresses .continue,
.cart .btn.addresses .suivant { width: 218px; }
.cart .btn .continue    { margin: 0 10px 0 0; }
.cart .btn .fright input[type="submit"] { width: 230px; height: 45px; padding: 10px 5px; font-size: 1em; }
.code-discount form     { width: 470px; }
.code-discount form input[type="text"] { width: 205px; }

.ariane-steps             { width: 960px; margin: 15px auto;  }
.ariane-steps .step-cart  { width: 144px; min-height: 40px; padding: 10px 20px; margin: 0 10px 0 0; font-size: 0.9em; }
.ariane-steps .step-cart.step5  { margin: 0; }
.list-cart  .separ        { width: 100%; height: 1px; margin: 0 0 20px 0; }
.cart .line, .cart .line2 { width: 920px; height: 20px; padding: 18px 20px; }
.cart .line2 .label, .cart .line .label { font-size : 16px; line-height: 1em; }
.cart .total-discount, .cart .line .delivery-charge,
.cart .line .grand-total-ttc, .cart .line .grand-total-ttc span     { font-size : 20px; line-height: 0.7em; }
.cart .line2 .grand-total-ht, .cart .line2 .grand-total-ht span { font-size : 24px; line-height: 0.7em; font-weight: 600; }
.cart .line.discount        { height: 25px; padding: 15px 20px; }
.cart .code-discount        { margin: 0 0 10px 0; }
.cart .update-total-ttc, .cart .euro,
.cart .update-total-ht      { font-size: 20px; }
.cart .chosen-parent        { margin: 15px 0 0 0; }
.cart .chosen-parent select { width: 90px; }
.cart .chosen-container-single .chosen-single span { padding: 4px 0 0 0; }
.cart .address-forms.fleft      { width: 470px; margin: 0 0 15px 0; position: relative; }
.cart .address-forms.fleft input[type="submit"] { position: absolute; right: 20px; bottom: 20px; }
.cart .address-forms.fleft.left { margin: 0 20px 0 0; }
.cart .address-forms .frm-row .frm-row .form-l { width: 100px; }
.cart .address-forms .frm-row .frm-row .form-r { width: 200px; }
.cart .address-forms select     { width: 200px; }
.cart .address-forms .std-frm   { /*margin: 30px 0 0 0;*/ height: 455px; padding: 20px; }
.cart .address-forms .std-frm input[type="text"] { width: 280px; }
#site-content .cart .btn-new-address { height: 17px; padding: 6px 5px; width: 250px; margin: 0 0 0 10px; font-size: .9em; }

.content-page.new-address .std-frm .block { padding: 20px; margin: 0 0 15px 0; }

/* mode de livraison */
.delivery form .fleft    { width: 475px; }
.delivery textarea  { width: 472px; height: 168px; }
.delivery .price    { font-size: 1.4em; line-height: 1em;  }
.delivery .cgv      { margin: 110px 0 15px 0; }
.delivery .btn      { margin: 5px 0 0 0 }
.delivery.cart .btn .continue { float: left; height: 20px; padding: 5px 5px 10px; width: 220px; }
.delivery .btn input[type="submit"].suivant { float: left; width: 220px; height: 34px; padding: 10px 5px; margin: 1px 0 0 0; }

.cart.paiement form { width:800px; margin: 0 auto; }
.cart.paiement form div { text-align: center; }

/* fin processus de commande */
.cart.paiement .btn { margin: 10px 0 0 0; float: none; display: block; width: 205px; margin: 10px 0; padding: 5px;  }