/* Génériques PrintFlux Store */ :root { --bgmen-dark:color-mix(in srgb, var(--bgmen), black 50%); --bghed-dark:color-mix(in srgb, var(--bghed), black 50%); --bgbtn2-light:color-mix(in srgb, var(--bgbtn2), white 90%); --contentwidth985: 985px; --contentwidth1200: 1145px; } .gfw-zoomable{cursor: zoom-in} .pfs-form-renderer { font-size:15px;font-weight:200;margin:0 auto;padding:28px 21px 21px;background:var(--bgstd2); transition: width .2s, height .2s, padding .2s;color:var(--fgstd2); & .x-header{box-sizing: border-box;color:var(--fgstd2); background-color: var(--bgstd2); padding:1em 0;border:none;text-align: left;max-width:100%;font-weight:700;} & .x-logo-container{box-sizing: border-box;background-color: var(--bgstd1); background-image:none; background-repeat: no-repeat; background-position: center center;background-size: contain;padding:0;border:7px solid var(--bostd1);display: flex;align-items: center;justify-content: center;height:7em;overflow:hidden;max-width:100%;transition: width .2s, height .2s, padding .2s;} & .x-logotext{width: 100%;font-weight:700; font-size: 18pt; color:var(--fgstd1);text-align: center;} & .x-block-link {display: block;text-align:center;font-weight:400;font-size:15px;color:var(--fgstd2);margin:0.5em;} & .x-help-button-container {width:1.2em; height:1.2em;min-width:1.2em; min-height:1.2em;margin-right:0.5em;background: url('/src/images/icons/svg/help.svg') no-repeat center;background-size: contain;cursor: pointer;} & .x-label-block {display: flex; align-items: center; justify-content: flex-start; width: 50%;} & .x-field {width: 100%;} & .x-field-row {display: flex;flex-flow: row nowrap;flex-direction: column;justify-content: start;margin: 14px 0 21px;} & .x-mandatoryicon {margin: 0 0.5em;font-size: 0.6em;} & input{display:block;font-size:13px;padding:15px;margin:7px 0;box-sizing: border-box;width:100%;border: 1px solid var(--bostd1);border-radius:var(--borad-med);} & select{display:block;font-size:13px;padding:15px;margin:7px 0;box-sizing: border-box;width:100%;border: 1px solid var(--bostd1);border-radius:var(--borad-med);} & input[type=submit].gfw-button {cursor:pointer;padding:14px;font-size:15px;color:var(--fgbtn2);background:var(--bgbtn2);text-align:center;white-space: nowrap;font-weight:700;transition: background-color .2s; border:none; border-radius:var(--borad-med);height:auto;box-shadow: none;margin: 15px 0;} & input[type=submit].gfw-button:hover{color:var(--fgbtn2);background-color:color-mix(in srgb, var(--bgbtn2), black 20%);} & input[type=submit].gfw-button:active {color:var(--fgbtn2);background-color:color-mix(in srgb, var(--bgbtn2), white 15%);} & input.x-invalid, select.x-invalid, textarea.x-invalid{animation-direction: normal;animation-duration: 0.5s;animation-iteration-count: infinite;animation-name: border_blink;animation-timing-function: ease-in-out;} & .x-form-error-container {width:80%;background-color: var(--bgcolor-red);color:var(--fgstd1);margin: 1em auto;font-size:inherit;font-weight: normal;transition: width .2s, height .2s, padding .2s;line-height: normal;border-radius:var(--borad-med);} & .x-form-error-container .x-error-list {margin:0; padding: .5em .5em .5em 1.4em;} & .x-form-error-container .x-error {list-style-type: none;background-image: url(/src/images/icons/svg/panneau.svg);background-repeat: no-repeat;padding-left: 1.5em;background-size: 1em;background-position: center left;} & .x-form-error-container .x-error .oblb {font-size: inherit; color: inherit;} & .x-sep {font-weight: 700;} & .x-comment {font-weight: 400; margin:1em 0;} @media screen and (min-width:768px) { padding:40px; & .x-logo-container{height:8em;} & .x-logotext{font-size: 24pt;} & .x-field-row {flex-direction: row;gap:1em;margin: 0} & input[type=submit].gfw-button{font-size:17px;} & select{font-size:17px;} & input{font-size:17px;} & .x-form-error-container {font-size:10px;} } @media screen and (min-width:985px) { & .x-form-error-container .x-error svg{color:#fff} } @media screen and (min-width:1024px) { & .x-logo-container{height:9em;} & .x-logotext{font-size: 24pt;} & input[type=submit].gfw-button{font-size:21px;} & select{font-size:21px;} & .x-form-error-container {font-size:11px;} } } .pfs-form-renderer.x-form-renderer-small { width:300px; @media screen and (min-width:768px) { width:310px; } @media screen and (min-width:1024px) { width: 400px; } } .pfs-form-renderer.x-form-renderer-std { width: auto; @media screen and (min-width:768px) { width:600px; } @media screen and (min-width:1024px) { width:auto; } } .pfs-form-renderer .x-form-error-container {color:#fff;padding:14px; font-size: 1em;} .pfs-form-renderer .x-form-error-container:empty{display:none} .gfw-idtab-userlogin .pfs-form-renderer .x-label-block{width:auto} @media screen and (min-width:985px){ .gfw-idtab-userlogin .pfs-form-renderer .x-field{width:auto;margin-left: auto;} } .pfs-navlayout-container { width: 100%; display: grid; grid-template-areas:"menu" "subpanel" "maincontent";grid-template-columns: auto;grid-template-rows: 70px auto auto;column-gap: 1em; @media screen and (min-width:985px) { grid-template-areas: "menu subpanel" "menu maincontent";grid-template-columns: 300px auto;grid-template-rows: 100px auto;column-gap: 2em; } & .pfs-navlayout-subpanel {grid-area: subpanel;border-radius: var(--borad-big);box-shadow: none;flex-flow: row wrap;align-items: center;} & .pfs-navlayout-subpanel #pfs-nav-subpanel {align-items: center;} & .pfs-navlayout-subpanel .x-label h1.x-title { padding: 0;color: var(--fgstd1);} & .pfs-navlayout-subpanel .x-label h2.x-subtitle { font-size: 125%;padding: 0;color: var(--fgstd1);} & .pfs-navlayout-menu{grid-area: menu;} & .pfs-navlayout-menu { & .gfw-vertical-nav-button{padding:14px;background:#f5f5f5;color:#000000;border:0} & .gfw-vertical-nav-button .x-text{ flex: 1 1 auto;} & .gfw-vertical-nav-container{background: #fff;width: auto;border-radius: var(--borad-big);overflow:hidden;box-shadow: 0 0 14px rgba(0, 0, 0, 0.25);position:relative;z-index: 3;} @media screen and (min-width:985px) { & .gfw-vertical-nav-container {box-shadow: none;} } & .gfw-vertical-nav{background:none} & .gfw-vertical-nav .has-sub{margin:0 0 28px} & .gfw-vertical-nav > ul{gap:14px;position: relative;display: none;} & .gfw-vertical-nav > ul.x-default{ background: #fff; padding: 21px;z-index:1} & .gfw-vertical-nav a:before{margin: 0 14px 0 7px;} & .gfw-vertical-nav > ul li ul {position: relative;} & .gfw-vertical-nav.x-opened > ul {display: block} & .gfw-vertical-nav ul ul{padding:0} & .gfw-vertical-nav ul ul li a {padding: 3px 7px;margin: 0 0 7px} & .gfw-vertical-nav ul ul li.x-active a{background: var(--bgmenhover);color: var(--fgmenhover);border-radius: var(--borad-big);} & .gfw-vertical-nav > ul > li.x-topnode-active{background:none} & .gfw-vertical-nav > ul > li > a {background: #f5f5f5;color:#000;border-radius: var(--borad-big);margin:0 0 7px;font-size:1.2em} & .gfw-vertical-nav > ul > li.x-logout > a {background-color: var(--bgbtn2);border:1px solid var(--bobtn2); color:var(--fgbtn2);text-align: center;} & .gfw-vertical-nav .x-node-menuitem { padding: 7px;} & .gfw-vertical-nav .x-node-menuitem img{color:#fff} & .gfw-vertical-nav .x-node-menuitem svg{color:#fff} @media screen and (min-width:985px) { & .gfw-vertical-nav > ul {display: block;position: relative} & .gfw-vertical-nav > ul > li.has-sub:hover > a {background: #f5f5f5} & .gfw-vertical-nav ul ul li a:hover {border-radius: var(--borad-big);} } } .pfs-navlayout-menu{ & .gfw-vertical-nav-container{background: #fff;width: auto;border-radius: var(--borad-big);overflow:hidden;box-shadow: 0 0 14px rgba(0, 0, 0, 0.25);position:relative; z-index: 3;} & .gfw-vertical-nav ul ul li a{ border: 1px solid #fff!important } & .gfw-vertical-nav ul ul li a:hover{ border: 1px solid var(--bgmenhover)!important } & .gfw-vertical-nav ul ul li.x-active a{ border: 1px solid #dadada!important } & .gfw-vertical-nav a:before{margin: 0 14px 0 7px;} & .gfw-vertical-nav > ul li ul {position: relative;} & .gfw-vertical-nav.x-opened > ul {display: block} & div.gfw-vertical-nav > ul > li.x-useraccount > a {background-color: color-mix(in srgb, #d3eafa 50%, white)} & div.gfw-vertical-nav > ul > li.x-useraccount.has-sub:hover > a { background-color: color-mix(in srgb, #d3eafa 100%, #000)} & div.gfw-vertical-nav > ul > li.x-tracking > a {background-color: color-mix(in srgb, #d6e5da 50%, white)} & div.gfw-vertical-nav > ul > li.x-tracking.has-sub:hover > a { background-color: color-mix(in srgb, #d6e5da 100%, #000)} & div.gfw-vertical-nav > ul > li.x-help> a {background-color: color-mix(in srgb, #f6ecfd 50%, white)} & div.gfw-vertical-nav > ul > li.x-help:hover > a {background-color: color-mix(in srgb, #f6ecfd 100%, #000)} & div.gfw-vertical-nav > ul > li.x-logout > a {background-color: #f5f5f5!important;border:1px solid #f5f5f5!important;color:#000!important;text-align: center;} & div.gfw-vertical-nav > ul > li.x-logout > a:hover {background-color: #000!important;border:1px solid #000!important; color:#fff!important;text-align: center;} } & .pfs-navlayout-maincontent { grid-area: maincontent;border-radius: var(--borad-big);overflow: hidden; & > .tablewidth {width: 100%;} & > .vspace1, >.vspace2, >.vspace3 {margin-top: 0;margin-bottom: 0;} } } @media screen and (min-width:985px){ .pfs-navlayout-container {width:1145px;margin:0 auto; & .gfw-vertical-nav-container{ box-shadow: none;} & div.gfw-vertical-nav > ul{ display: block;position: relative} & div.gfw-vertical-nav ul ul li a:hover {border-radius: var(--borad-big);} }} /* Panier V1 */ #pfstore-basket-view { & .pf-x-basket-title {font-size: 29px; margin-bottom: 10px;text-align:left;font-style: italic;} & .pf-x-basket-icon {vertical-align: bottom;} & .pf-x-basket-empty-container fieldset {padding: 20px;} & .pf-x-basket-empty-container legend {font-weight: bold;} & .pf-x-product-list .pf-x-col-selectedquantity {font-weight: bold;} & .pf-x-product-list .pf-x-col-price {font-weight: bold;} & .pf-x-product-list .pf-x-currentquantity {font-size: 8px;font-weight: normal;text-align:right;} & .pf-x-product-list .pf-x-product-titre {font-weight: bold;} & .pf-x-image-container{text-align:center;} & .pf-x-textbutton-container{margin-top:0.5em;text-align:center;} & .pf-x-textbutton-container a{text-decoration: underline;font-size: 10px;font-weight:normal;} & .pf-x-deleteall-section {margin-top:0.5em;} & .pf-x-deleteall-section a {text-decoration: underline;font-size: 10px;font-weight:normal;} & .pf-x-quantity-select{width: 13em; text-align: right; height: 12pt; font-size: 8pt; border: 1px solid #aaa; margin: 2px;} & .pf-x-coupon-section table {background-color:transparent;} & .pf-x-coupon-section table td {background-color:transparent;} & .pf-x-summary-container{table-layout:fixed;} & .pf-x-assistance-text{font-weight: bold;} & .pf-x-assistance-tel{font-size:15px; font-weight: bold;} & .pf-x-price-summary-container {background-color:transparent;} & .pf-x-price-summary-container td{vertical-align:top;background-color:transparent;} & .pf-x-price-summary-container .pf-x-label {text-align:right;} & .pf-x-price-summary-container .pf-x-amount {width: 8em;text-align:right;} & .pf-x-price-summary-container .pf-x-gutter {width: 20px;text-align:center;} & .pf-x-contactform-container{margin-top:2em;} & .pf-x-contactform-container table {background-color: transparent;} & .pf-x-contactform-container table td {background-color: transparent;} & .pf-x-basketinfo-container {margin-top:2em;} & .pf-x-basketinfo-container table {background-color: transparent;} & .pf-x-basketinfo-container table td {background-color: transparent;} & .x-link-coupon-delete {font-size:0.7em; font-weight: normal; text-decoration: underline;} } #pfstore-basket-view.vspace1{ margin-top: 1em;margin-bottom: 1em;} #pfstore-basket-view.tablewidth{width:100%} #pfstore-basket-view{grid-area: basket; & .pf-x-hed-urgence{display: none} & .pf-x-col-urgence{display: none!important} & .pf-x-basket-title {font-style:normal} & .pf-x-textbutton-container a{text-decoration: none!important;font-size:1em!important;padding: 7px;display: block; background: #f5f5f5;border-radius: var(--borad-med); width:140px;margin:7px} & .pf-x-product-list{display:inline-block;vertical-align:top;border-collapse: collapse;table-layout:fixed; width: 100%;} & .pf-x-product-list tbody{display:flex;flex-direction: column;} & .pf-x-product-list tr{display:grid;width:100%;min-height: 100px;border-left: 5px solid var(--bgmen);background-color: #fff!important;margin: 0 0 14px;grid-template-columns: 110px 1fr 30px;grid-template-rows: auto 1fr} & .pf-x-product-list tr td{align-items:center;display:flex} & .pf-x-product-list .pf-x-col-preview .pfstore-orderlist-previewimg{border:0} & .pf-x-product-list .pf-x-col-preview .pf-x-button-modify{font-size:12px;text-align:center;font-weight:bold} & .pf-x-product-list .pf-x-col-price {font-weight: bold;font-size:15px} & .gfw-grid td.row{border-bottom: 0} & .pf-x-deleteall-section{text-align:right;text-decoration: none;} & .pf-x-deleteall-section a {color: #336699;font-size: .8em!important; text-decoration: none!important;padding: 14px 21px; margin: 0 0 21px 0; display: inline-block;} & .pf-x-deleteall-section a:hover { background: #eee; border-radius: var(--borad-med);} & .pf-x-coupon-section{margin:0 0 21px;padding: 7px 14px;} & .pf-x-coupon-section p{font-size: .9em} & .pf-x-coupon-section input[type="text"]{padding:5px 14px;border: 1px solid #000000; border-radius: var(--borad-med);} & .pf-x-vatin-section{margin:0 0 21px;padding: 7px 14px;} & .pf-x-vatin-section input[type="text"]{padding:5px 14px;border: 1px solid #000000; border-radius: var(--borad-med);} & .pf-x-vatin-section .pf-x-vatin-number:empty{background: transparent;padding: 0} & .pf-x-vatin-section .pf-x-vatin-number{background: #f5f5f5;padding: 7px 14px;border-radius: var(--borad-med);font-weight: 700;} & .pf-x-summary-container tr{display: grid;grid-template-columns: 1fr;gap:28px;grid-template-areas:"basket-detail" "basket-help"} & .pf-x-summary-container tr td{width: auto} & .pf-x-summary-container tr td.pf-x-summary-left{display: grid;grid-area: basket-help;align-items: center;color: var(--fgmen);border-radius: var(--borad-med);padding:21px 0;background: linear-gradient(135deg, var(--bgmen) 50%, var(--bgmen-dark) 100%);} & .pf-x-summary-container tr td.pf-x-summary-left:empty{display:none} & .pf-x-assistance-container .pf-x-assistance-text {line-height:20px} & .pf-x-assistance-container .pf-x-assistance-text .pf-x-assistance-tel{ font-size: 1.2em;} & .pf-x-summary-container tr td.pf-x-summary-right{grid-area: basket-detail;border-top: 5px solid transparent;box-shadow: 0 0 14px rgba(0, 0, 0, 0.25);background: linear-gradient(135deg, var(--bgmen) 50%, var(--bgmen-dark) 100%);} & .pf-x-price-summary-container{padding:14px;background-color: #fff} & .pf-x-price-summary-container tr{display:grid;padding:7px 14px;gap: 0;grid-template-columns: 1fr 1fr} & .pf-x-price-summary-container tr:nth-last-child(1){background: #fafafa;border-radius: var(--borad-med);align-items:center;padding:14px!important} & .pf-x-price-summary-container .pf-x-subtotal-label{font-size:14px;font-weight:700} & .pf-x-price-summary-container .pf-x-subtotal-amount {font-size:14px;font-weight:700} & .pf-x-price-summary-container .pf-x-label{text-align:left;align-items:center} & .pf-x-price-summary-container .pf-x-label .pf-x-coupon-title{ color:#333;grid-row:1; grid-column: 1;} & .pf-x-price-summary-container .pf-x-label .pf-x-coupon-code{ grid-row:1; grid-column: 2;font-size:.9em} & .pf-x-price-summary-container .pf-x-label .pf-x-coupon-description{ color:#999;font-size:.9em;font-weight:400;} & .pf-x-price-summary-container .pf-x-amount{width:auto} & .pf-x-price-summary-container .pf-x-transport-label{font-size:.8em;color:#999} & .pf-x-price-summary-container .pf-x-transport-amount{font-size:.8em;color:#999} & .pf-x-price-summary-container .pf-x-coupon-label{padding:7px 14px;font-size:13px;color:#578C21;font-weight:bold;gap:4px} & .pf-x-price-summary-container .pf-x-coupon-amount{padding:7px 14px;font-size:13px;color:#578C21;font-weight:bold;gap:4px} & .pf-x-price-summary-container .pf-x-coupon-delete {border-bottom: 1px solid #eeeeee;border-top: 1px solid #eeeeee;border-right: 1px solid #eeeeee;padding:5px 10px;border-radius:0 var(--borad-med) var(--borad-med) 0} & .pf-x-price-summary-container .pf-x-pricetotal-label{font-size:1.5em} & .pf-x-price-summary-container .pf-x-pricetotal-amount.pf-x-amount{font-size:1.5em} & .pf-x-deliveryservice-selector {display: flex; flex-flow: column nowrap; gap:.5em; margin:1em 0} & .pf-x-deliveryservice-selector .pf-x-deliveryservice-container {display: flex; flex-flow: row nowrap;} & .pf-x-deliveryservice-selector .pf-x-deliveryservice-container .x-ds-label-container {padding: 1em;display: flex;flex-flow: row nowrap;flex-grow:1;justify-content: flex-start;align-items: center;gap: 1em; border: 1px solid #eee; border-radius: var(--borad-med);cursor:pointer; } & .pf-x-deliveryservice-selector .pf-x-deliveryservice-container .x-ds-label-container:hover{background:var(--bgbtn2-light);border: 1px solid var(--bgbtn2); } & .pf-x-deliveryservice-selector .pf-x-deliveryservice-container .x-ds-radio:checked+.x-ds-label-container {background: var(--bgbtn2);border: 1px solid var(--bgbtn2); color: var(--fgbtn2);position:relative;} & .pf-x-deliveryservice-selector .pf-x-deliveryservice-container .x-ds-logo {max-width: 150px;max-height: 3em;object-fit: contain;margin:0 2em;} & .pf-x-deliveryservice-selector .pf-x-deliveryservice-container .x-ds-price {white-space: nowrap; font-weight: bold;margin-left:auto;} & .pf-x-deliveryservice-selector .pf-x-deliveryservice-container .x-ds-radio+.x-ds-label-container .x-ds-checkmark {display:block;background-image:none;background-position: center center; background-size:contain;background-repeat: no-repeat;width: 32px;height: 32px;flex-shrink:0;} & .pf-x-deliveryservice-selector .pf-x-deliveryservice-container .x-ds-radio:checked+.x-ds-label-container .x-ds-checkmark {background-image:url(/src/images/icons/svg/accept-circle.svg);} & .pf-x-deliveryservice-selector .pf-x-deliveryservice-container .x-ds-radio {display: none} & .pf-x-basketinfo-container{margin: 2em 0;} & fieldset table{margin: 14px 0 0;} & .pf-x-contactform-container .std1{padding-left:10px} & .pf-x-contactform-container tr{display: grid;grid-template-columns: 1fr;gap:28px} & .pf-x-contactform-container tr td{width: auto} & .pf-x-basket-buttonbar td {float:right;gap:14px;display:flex} & .basket-validatebtn{border: 0;background:#05a181;color:#fff;padding: 14px;text-align: center;border-radius:var(--borad-med);font-size:1.2em;cursor:pointer} & #batblock{margin:0;padding: 14px} & .gfw-grid th{background-image:none;background-color: #fff;color: #000;empty-cells: show;font-weight: bold;padding: 5px;border-top:1px solid #fff; height:20px} & .gfw-grid .pf-x-hed-preview{border-radius:var(--borad) 0 0 0;color: white;empty-cells: show;font-size: 11px;font-weight:bold;padding: 5px} & .gfw-grid .pf-x-hed-delete{border-radius:0 var(--borad) 0 0;color: white;empty-cells: show;font-size: 11px;font-weight:bold;width:25px} & .gfw-grid td.pf-x-col-preview{position: relative;flex-wrap: wrap;} & .gfw-grid td.pf-x-col-titre {grid-column: 1/3;grid-row: 1;margin: 14px;} & .gfw-grid td.pf-x-col-quantity {grid-column: 2;grid-row: 2;} & .gfw-grid td.pf-x-col-quantity .pf-x-quantity-select {margin:0!important} & .gfw-grid td.pf-x-col-price {flex-direction: column;margin: auto 21px;grid-column:2; grid-row:3} & .gfw-grid td.pf-x-col-delete {grid-column:3;grid-row: 1 / 4;border-left: 1px solid #eee} & .pf-x-basketinfo-container .pf-x-bottom{background: #f5f5f5;cursor: pointer} & .pf-x-basketinfo-container table td{padding:7px 14px 14px} & .pf-x-quantity-select{width: 180px!important;} & .gfw-button.x-skin.gray{width: max-content;margin:14px 7px 0} & .pf-x-transport-section{margin:0 0 21px} } @media screen and (min-width:768px){ #pfstore-basket-view { & .gfw-grid td.pf-x-col-titre {grid-column: 2 / 2} & .gfw-grid td.pf-x-col-quantity {grid-column: 3 / 3;grid-row: 1} & .gfw-grid td.pf-x-col-price {grid-column: 4 / 4;grid-row: 1} & .gfw-grid td.pf-x-col-delete {grid-column: 5 / 5;grid-row: 1} & .pf-x-product-list tr{display:grid;grid-template-columns: 180px auto 190px 130px 30px;grid-template-rows: 1fr} & .pf-x-summary-container tr{display:grid;grid-template-columns: 1fr 1fr;grid-template-areas:"basket-help basket-detail"} & .pfstore-orderlist-previewimg{width:140px;margin:0 14px} & .pf-x-contactform-container tr{grid-template-columns: 1fr 1fr} & .pf-x-contactform-container fieldset tr{grid-template-columns: 1fr} } } /* Fiche produit V1*/ #product-vignette-image{} #product-preview-image{} #product-panel-preview{float: left; vertical-align: top; margin-left: 0em; margin-right: 1em;} #product-panel-details1{float: left;vertical-align: top; margin-right: 1em; margin-left: 1em;width: 250px;} #product-panel-details2{float: left;vertical-align: top; margin-right: 1em; margin-left: 1em;width: 250px;} .pf-product-panel{} .pf-product-info-container{} .pf-product-fieldset{width: 250px; border-color: #efefef;} .pf-product-name{} .pf-product-legend{} .pf-product-description{} .pf-product-scroll-list{overflow-y: auto; overflow-x: hidden; height: 10em; padding: 2px;} .pf-product-list{width: 100%; border-collapse: collapse; border: 1px solid #ddf; margin: 0px; margin-right: 5px; table-layout: fixed;} .pf-product-list td{border-bottom: 1px solid #ddd;} .pf-product-controls-button{margin: 2px; float: left;cursor: pointer;} /* SideBar Catégories Catalogue V1 */ .pfstore-documentcategorylist{padding: 1px;width: 140px;} .pfstore-documentcategorylist-container{border-collapse: collapse; border: 1px solid #aaa; margin-bottom: 10px;} .pfstore-documentcategorylist-header{border: 1px solid #aaa;} .pfstore-documentcategorylist-subcategory{} .pfstore-documentcategorylist-footer{padding-bottom: 10px;} .pfstore-documentcategorylist-header a{color: #fff;} .pfstore-documentcategorylist-header a:visited{color: #fff;} .pfstore-documentcategorylist-header a:link{color: #fff;} .pfstore-documentcategorylist-header a:active{color: #fff;} .pfstore-documentcategorylist-header a:hover{color: #fff;} /* SideBar Filtres V1 */ .pfstore-documentothercategorylist{width: 140px;text-align: left; padding: 1px;} .pfstore-documentothercategorylist-container{border-collapse: collapse; border: 1px solid #aaa;margin-bottom: 10px;} .pfstore-documentothercategorylist-header{border: 1px solid #aaa;} .pfstore-documentothercategorylist-parent{} .pfstore-documentothercategorylist-row{padding-left: 10px} /* Listes de commandes (panier, commandes en attente etc) */ .pfstore-orderlist-previewimg{border: 1px solid #aaa; width: 100px;} /* Affichage du détail du panier dans la rubrique mes commandes */ #pfstore-orderbasketorderdetail { container-type: inline-size;font-size: var(--size); & .x-orderbasketempty {border: 5px dashed var(--bostd2); color: var(--fgstd2); background-color: var(--bgstd2); margin: 2em 0; padding: 2em;font-weight: bold; width: auto;text-align: center;} & .x-infoblock {text-align: left;width:auto; border:1px solid var(--bostd1); border-radius:var(--borad-big);padding:0;margin:0;overflow: hidden;} & .x-infoblock > .x-legend {text-align: left;width:auto;font-weight: bold;background-color: var(--bghed);color: var(--fghed); padding: 1em 1.5em} & .x-infoblock > .x-data {text-align: left;width:auto;font-weight: normal;padding: .5em 1.5em;background-color: var(--bgstd1);color: var(--fgstd1);} & .x-infoblock > .x-data:empty {display:none;} & .x-infoblock-container{ display: grid; grid-template-columns: 1fr 1fr;gap:2em;} & .x-infoblock.x-header {grid-column-start: 1;grid-column-end: 3;} & .x-infoblock.x-livraison {grid-column-start: 1;grid-column-end: 2;} & .x-infoblock.x-facturation {grid-column-start: 2;grid-column-end: 3;} & .gfw-labeledicon{margin:0;font-size:10px} & .x-orderbasket{ width: auto; border:0; margin: 1em 0;} & .x-orderbasket .x-orderlist{ display: flex; flex-flow: column nowrap;} & .x-orderbasket .x-order {display: grid;gap:.5em;grid-template: "image producttitre producttitre producttitre urgence quantite meuroht" "image idfluxorder idfluxorder idfluxorder idfluxorder idfluxorder idfluxorder" "image status status status status status status" "image actions actions actions actions actions actions";justify-content: stretch;align-items: center;border:1px solid var(--bostd1);color:var(--fgstd1);background-color:var(--bgstd1);border-radius:var(--borad-big);padding:1em;margin:1em 0;} & .x-orderbasket .x-order-part.x-image {grid-area: image;width: 128px;} & .x-orderbasket .x-order-part.x-image img {width: 128px; height:128px;object-fit: contain;} & .x-orderbasket .x-order-part.x-idfluxorder{grid-area: idfluxorder;min-width: 10ch;white-space: nowrap;color:#999;text-align:left;font-size:.8em} & .x-orderbasket .x-order-part.x-producttitre{grid-area: producttitre;width: auto; white-space: wrap;} & .x-orderbasket .x-order-part.x-status-container {grid-area: status;display:flex; flex-flow: row wrap; justify-content: left;align-items: center; text-align: left;min-width: 40ch;gap: .5em;} & .x-orderbasket .x-order-part.x-urgence {grid-area: urgence;min-width: 30px;text-align: center;} & .x-orderbasket .x-order-part.x-quantite {grid-area: quantite;min-width: 13ch;text-align: right;font-weight:700} & .x-orderbasket .x-order-part.x-meuroht {grid-area: meuroht;min-width: 13ch;text-align: right;font-weight:700} & .x-orderbasket .x-order-part.x-actions {grid-area: actions;width:auto;display:flex; flex-flow: row wrap; justify-content: left;align-items: center; text-align: left;} & .x-orderbasket .x-totals-container {width: auto;border-top: 5px solid transparent !important;border:1px solid var(--bostd1);color:var(--fgstd1);border-radius:0 0 var(--borad-big) var(--borad-big);padding:0;margin:1em 0; background: linear-gradient(135deg, var(--bghed) 50%, var(--bghed-dark) 100%);overflow: hidden;} & .x-orderbasket .x-totals {width: 100%;background: #fff;padding:14px } & .x-orderbasket .x-totals .x-cell.x-label{ text-align: right; width: auto;} & .x-orderbasket .x-totals .x-cell.x-value{ text-align: right; width: 13ch;} & .x-orderbasket .x-totals .x-totalttc-row{ font-weight: bold;} & .x-orderbasket .x-totals .x-cell .x-part{ display: inline-block; padding: .5em;} & .x-orderbasket .x-totals .x-cell .x-amount{ display: inline-block; padding: .5em;} & .x-orderbasket .x-totals .x-cell .x-part.x-sub{ font-size: var(--sizesm);} @container (max-width: 768px) { & .x-infoblock.x-header {grid-column-start: 1;grid-column-end: 3;} & .x-infoblock.x-livraison {grid-column-start: 1;grid-column-end: 3;} & .x-infoblock.x-facturation {grid-column-start: 1;grid-column-end: 3;} & .x-orderbasket .x-order {display:grid;grid-template: "image producttitre producttitre idfluxorder" "image urgence quantite meuroht" "image actions actions actions";} & .x-orderbasket .x-order-part.x-image {width: 64px;} & .x-orderbasket .x-order-part.x-image img {width: 64px; height:64px;} & .x-orderbasket .x-order-part.x-idfluxorder{min-width: 10ch;} & .x-orderbasket .x-order-part.x-producttitre{width: auto;} & .x-orderbasket .x-order-part.x-status-container {min-width: 45ch; display: none;} & .x-orderbasket .x-order-part.x-urgence {min-width: 30px;} & .x-orderbasket .x-order-part.x-quantite {min-width: 13ch;} & .x-orderbasket .x-order-part.x-meuroht {min-width: 13ch;} & .x-orderbasket .x-order-part.x-actions {width:auto;} } } /* Menus de la partie mon compte*/ #pfstore-nav2{margin-bottom:1em;} #pfstore-nav2 .x-row1{table-layout:fixed;border:none;margin:0px;} #pfstore-nav2 .xrow1 td{vertical-align:bottom;padding:0;} #pfstore-nav2 .x-rows{table-layout:fixed;border:1px solid #888;margin:0px;background-image:url(/src/images/pffond.gif);} #pfstore-nav2 .x-rows td{vertical-align:bottom;background-color: transparent; background-image: inherit;padding:2px;} #pfstore-titlepath{padding:0;border:1px solid #888;border-top-right-radius:4px;border-top-left-radius:4px;} #pfstore-titlepath div {border: none; margin:0px;padding:5px;} #pfstore-submenu {margin-bottom: 2em;border:1px solid #888;border-top:none;background-image:url(/src/images/pffond.gif);} #pfstore-submenu .x-links {border:none;} #pfstore-submenu .x-links td {padding:5px;background-color: transparent;} #pfstore-submenu .x-comment {border:1px solid #888;border-top:none;} #pfstore-submenu .x-comment td {padding:5px;background-color: transparent;} /* DEBUT GENERIQUE */ .gfw-grid td.row {border-bottom: 1px solid #999999;padding:10px 5px} .gfw-form-label-text{font-size:1.2em;display: flex;align-items: center;min-height: 46px;float: none; margin: 0;text-align:left} fieldset{box-shadow:none;border-radius: var(--borad-med);margin:0;width:auto !important;background:#fff;padding: 14px;} fieldset legend{color: var(--fgstd1);font-size: 1.2em} .gfw-form input[type=text], .gfw-form input[type=password], .gfw-form-fieldpanel textarea, select{border: 1px solid #dadada!important;border-radius:var(--borad-med);padding: 14px;color: #333;width: 100%;margin: 0 0 14px; font-size: 1em!important;height: auto!important;text-align: left!important;} .cms{background: #fff;border-radius: var(--borad-med);padding:28px; & h1{grid-area: homeh1} & h2{margin:70px 0 14px;color:#000;padding:7px 0 14px;font-weight:400} & ul{margin: 21px;} & ul li{line-height:25px} & .cms-top {margin: -28px -28px 14px} & .cms-top img {border-radius: var(--borad-med) var(--borad-med) 0 0;vertical-align: middle;width: 100%} & .block-cms{padding: 21px 40px; background: rgba(0,81,157,.1); border-radius: var(--borad-big); display: block;text-align: center; margin: 0 auto;line-height: 25px} & .block-cms .block-cms-title{color: #515151;display:block;margin:7px 0 0} & .block-cms-info { background: #f1f1f1;padding: 21px; margin: 21px auto; border-radius: var(--borad-med);} & .block-cms-info h2 {margin: 0 0 21px;padding: 0;color: var(--bgmen);} } .faq{margin:0 auto} .faq h2{margin:75px 0 28px} .faq h2 img{vertical-align:middle;padding: 7px;border-radius:var(--borad-med);background: rgba(255, 255, 255, 1);} .faq h3{margin: 14px 0 7px;padding:14px;cursor:pointer;position:relative} .faq p{margin:0 0 28px 21px;padding:14px} .faq .faq-element{background:#fff;border-radius:var(--borad-med);margin:0 0 14px;border:1px solid #d2d6db} .faq .faq-element:hover{background:var(--bgcolor-lightblue)} .faq .faq-element h3 {margin: 0;font-weight:400;} .faq .faq-element h3:after {transition: transform 200ms ease;content: '\276f';margin-right: 5px;color: #000;display: inline-block;transform: rotate(90deg);position: absolute;right: 14px} .faq .faq-element p{display:none} .faq .faq-element.x-visible{box-shadow: 0 1px 5px rgb(0 0 0 / 12%), 0 1px 20px rgb(0 0 0 / 24%);border:0} .faq .faq-element.x-visible:hover{background:#fff} .faq .faq-element.x-visible h3{background: var(--bgmen);color: var(--fgmen);border-radius:var(--borad-med) var(--borad-med) 0 0;} .faq .faq-element.x-visible h3:after {color: var(--fgmen);content: '\276f';margin-right: 5px;display: inline-block;transform: rotate(-90deg);position: absolute;right: 14px} .faq .faq-element.x-visible p{display:block;} .faq .faq-element.x-visible p a{color: var(--fglinkhover);} .faq .faq-element.x-visible p a:hover{text-decoration:underline} @media screen and (min-width:768px){ .cms { & h2{font-size:2em;padding:14px 0 28px} & .block-cms{width:60%} & .block-cms .block-cms-title{display:inline-block;margin:0 7px 0 0} } } @media screen and (min-width:1024px){ .pfs-user-disconnected .cms{width: var(--contentwidth985)} } .gfw-page-commandes { & fieldset legend {display: contents} & fieldset .pf-x-text {margin:28px 0 14px } & fieldset .pf-x-text a{color: var(--fgbtn1);background: var(--bgbtn1);padding: 14px;border-radius: var(--borad-med);} & fieldset .pf-x-text a:hover{background:color-mix(in srgb, var(--bgbtn1), #000000 20%);} & fieldset.gfw-fieldset legend { padding: 0; background: none; border: 0; margin: 0; font-size: 20px !important; color: var(--blue);} & .gfw-button.x-skin.gray{border-color:#333;color:#fff;background:#333;padding:7px 14px;margin:0 0 7px 7px;display:inline-block} & .gfw-button.x-skin.gray:hover {background-color: #000;background-image: none;} } .pf-x-cgv-label{font-size:.9em; color:var(--red);padding: 7px 0 0;display: flex;align-items: center;} @media screen and (min-width:985px){ .gfw-idtab-basketlivraisonedit section .container{display:grid;grid-template-columns:1fr;gap:0} .gfw-idtab-basketfacturationedit section .container{display:grid;grid-template-columns:1fr;gap:0} } .bloc-paiement-ok {background:#fff;padding:21px;border-radius:var(--borad-big); & .commandeok{font-size: 17px;font-weight: 700;color: var(--fgobl);margin: 0 0 14px;} & .bloc-paiement{width:100%} & .bloc-paiement .attention span{font-weight:700} & .titre-paiement{margin: 50px 0 21px;font-size: 1.5em;font-weight: 700;} & .table-contact{background: #f1f1f1;padding: 21px;margin: 21px auto;border-radius: var(--borad-med);} } .gfw-idtab-basketshow section .container{display:grid;grid-template-areas: "basket" "menucatalogue"} .gfw-idtab-basketshow #basket-continuebtn{display:none} @media screen and (min-width:985px){ .gfw-idtab-basketshow section .container{grid-template-areas:"menucatalogue basket";grid-template-columns:220px 1fr;gap: 0 28px;} } .gfw-idtab-basketpayment { & article .container {display:grid;grid-template-areas: "bloc-cb" "bloc-cheque" "bloc-virement" "bloc-info";gap:28px} & section .container {display:grid;grid-template-areas: "bloc-cb" "bloc-cheque" "bloc-virement" "bloc-info";gap:28px} & .bloc-paiement.cb{grid-area: bloc-cb} & .bloc-paiement.cheque{grid-area: bloc-cheque} & .bloc-paiement.cheque span{font-size:10px} & .bloc-paiement.paiement-virement{grid-area: bloc-virement} & .bloc-paiement-info{grid-area: bloc-info;text-align:center;background:var(--bgcolor-light);padding:21px;font-size: 1.2em;line-height: 35px;border-radius:var(--borad-big)} & .bloc-paiement{text-align:center;background:#fff;padding:14px;border-radius:var(--borad-big);} & .bloc-paiement .titre-paiement{font-size:1.3em;padding-bottom:14px;line-height: 35px;color:var(--bgmen)} & .bloc-paiement .attention{margin: 28px auto;line-height: 25px;} & .bloc-paiement .attention span{color:var(--fgobl);font-weight:700} & .bloc-paiement .link-confirmation a{display:block;font-weight:700;background:var(--bgbtn2);margin:14px auto;width:80%;border-radius:var(--borad-med);text-decoration:none;padding:14px 21px;color:var(--fgbtn2)} & .bloc-paiement .link-confirmation a:hover{text-decoration:none;background: color-mix(in srgb, var(--bgbtn2), #000000 20%);} & .bloc-paiement .lib-bancaire{text-align:right;font-weight:bold} & .bloc-paiement .info-bancaire{text-align:left} & .bloc-paiement .table-contact{margin: 10px auto;padding:28px;background:rgba(0,81,157,.05);width:60%;border-radius: var(--borad-med); box-shadow: 0 0 8px rgba(0,81,157,.05);} } @media screen and (min-width:768px){ .gfw-idtab-basketpayment article .container {display:grid;grid-template-areas: "bloc-cb bloc-cb" "bloc-cheque bloc-virement" "bloc-info bloc-info";grid-template-columns:1fr 1fr} .gfw-idtab-basketpayment section .container {display:grid;grid-template-areas: "bloc-cb bloc-cb" "bloc-cheque bloc-virement" "bloc-info bloc-info";grid-template-columns:1fr 1fr} .gfw-idtab-basketpayment .bloc-paiement.cheque span{font-size:10px;width:90%;display:block;margin:0 auto} } @media screen and (min-width:985px){ .gfw-idtab-basketpayment .bloc-paiement .titre-paiement{font-size:1.5em} } .gfw-page-user { & .gfw-labelediconlink{padding:14px;text-align: center;display: block; border-radius: var(--borad-med)} & .x-action-login{ border: 1px solid #eee; margin: 0 0 14px;} & .gfw-labelediconlink img{display: none} & section{margin: 28px 0;} & section .container{gap:42px;display:block} & article{margin: 28px 0;} & article .container{gap:42px;display:block} & .container .gfw-form-renderer{display:block;border-radius:var(--borad-big);box-shadow:0 0 15px rgba(0, 0, 0, .05)} & .container .gfw-form-renderer.pfs-form-renderer{padding:0} & .container .gfw-form-renderer .x-header{color: #fff;text-align: center;padding: 21px; border-radius: var(--borad-med) var(--borad-med) 0 0;background: linear-gradient(135deg, var(--bgmen-dark) 0%, var(--bgmen) 60%);} & .container .gfw-form-renderer .x-form-section-list-container{padding: 28px} & .container .gfw-form-renderer .x-form-commands-container{padding: 0 28px} & .container .gfw-form-renderer .x-form-footer-container{padding: 0 28px 28px;} } .gfw-page-useraccount.gfw-idtab-editpassword .x-field-block:nth-child(2){margin-bottom:50px} .gfw-page-useraccount.gfw-idtab-editpassword .x-field-block .x-seplabel{margin-bottom:14px;display:block} @media screen and (min-width:985px){ .gfw-page-useraccount .gfw-button.x-skin:hover{color:#000;background:#eee} .gfw-page-user .gfw-labelediconlink:hover{background:#f5f5f5} .gfw-page-user .x-action-login:hover{background:color-mix(in srgb, var(--bgmen), #000000 60%);color:#fff; border: 1px solid color-mix(in srgb, var(--bgmen), #000000 60%)} } /* FIN GENERIQUE */ .gfw-grid > tbody > tr > th {border:1px solid var(--bghed);border-right: 1px solid #333} .pfstore-productsearch-ct {grid-area:header-search;flex:1 1 auto;border-radius: var(--borad-med);position: relative;overflow: hidden;margin: 14px; & .pf-x-form{position:relative;display:flex!important;} & .pf-x-textinput {display: none;width:90%!important;padding:14px!important;} & input:focus{border:0} & .pf-x-submit {padding:0;cursor:pointer;font-size:16px!important;border: 0;background:#fff;color: #000;margin:0;width: 70px;} } @media screen and (min-width:768px){ .pfstore-productsearch-ct { & .pf-x-textinput {display: inline-block;font-size:16px;color: #000;background:#f5f5f5;border:0} & .pf-x-submit {padding:14px!important;font-size:16px!important;background:var(--bgmen);color: #fff;width: auto;margin:0!important;} } } .gfw-idtab-productsearch section .container{display:grid;grid-template-areas: "level1" "level2" "menucatalogue";grid-template-columns:1fr} #pfstore-productsearch-list{display: grid;grid-template-columns: 1fr;gap:21px;} @media screen and (min-width:600px) { #pfstore-productsearch-list {grid-template-columns: 1fr 1fr} } @media screen and (min-width:985px){ #pfstore-productsearch-list{grid-template-columns: 1fr 1fr 1fr} .gfw-idtab-productsearch section .container{gap: 0 28px;grid-template-areas: "menucatalogue level1" "menucatalogue level2";grid-template-columns:220px 1fr} } .gfw-menu{display:none} @media screen and (min-width:768px){ .gfw-menu.x-opened{display:block;border-radius:var(--borad-med);box-shadow: 0 0 34px rgb(0 0 0 / 15%);overflow:hidden;} .gfw-menu.x-opened .gfw-menuitem{background:#fff;padding:14px;font-size:1.2em;cursor:pointer;border-bottom:1px solid #f5f5f5} .gfw-menu.x-opened .gfw-menuitem:hover{background:#f5f5f5} } .gfw-naviconlink {padding:7px; & .x-icon{height:24px} & .x-label{display:none} & a {color: #000!important } & .x-button {color: #000!important } } .pfstore-assistanceiconlink-ct{display:none} @media screen and (min-width:985px){ .gfw-naviconlink .x-label{line-height:21px;display:block} .pfstore-assistanceiconlink-ct{display:block} .pfstore-assistanceiconlink-ct .gfw-naviconlink{display:block;font-size:.9em} } .pfs-navlayout-container { & .gfw-nav-subpanel {border-radius: var(--borad-big);box-shadow: none;flex-flow: row nowrap; align-items: center;} } @media screen and (min-width: 1024px) { .pfs-user-disconnected .cms {margin: 0 auto;} } .gfw-page-commandes { & fieldset .pf-x-text a {font-size: .75em;} } @media screen and (min-width:768px) { .gfw-page-commandes { & fieldset .pf-x-text a {font-size: 1em;} } } #pfstore-product-view .pf-productasset{ background: #fff;border-radius:var(--borad-med);padding: 14px 0 7px;} .pf-productasset fieldset{margin: 0; padding:0;border: 0;border-radius:var(--borad-med)} #pfstore-product-view .pf-productasset fieldset legend{left:0; margin: 14px 14px 0;font-size: 1.3em!important;display:block;color: #000;padding: 7px 14px 0} .pf-productasset .x-section div{cursor:pointer} .pf-productasset .x-section .x-label span:before {right:41px;border-left: 11px solid transparent;} .pf-productasset .x-section .x-label span img {padding:9px 0 9px 9px} .pf-productasset .x-section .pf-productasset-linkbuttoncomponent {padding:14px} .pf-productasset .x-section .pf-productasset-linkbuttoncomponent.x-open:hover {color:var(--blue)} .pf-productasset .x-section .pf-productasset-linkbuttoncomponent.x-open:hover .x-righticon-container {background: var(--bgproductcomponent)} .pf-productasset .x-section .pf-productasset-linkbuttoncomponent.x-open:hover .x-label span:before {border-bottom: 66px solid var(--bgproductcomponent)} .gfw-dashboardcard-container {margin:0;gap: 2em} .gfw-dashboardcard {flex: 1 1 auto;margin: 0;box-shadow: none} .gfw-dashboardcard:hover{box-shadow:none} .gfw-dashboardcard .x-content p{ margin: 7px 0 0} .gfw-dashboardcard .x-content a.x-link{padding: 7px 14px;} .gfw-toolbarcontainer{ & .gfw-button.x-skin{ background-color:#f5f5f5;background-image: none; color:#000; filter: none;} & .gfw-button.x-skin:hover {background-color:color-mix(in srgb,#f5f5f5, #000000 10%);background-image: none;} } div.gfw-vertical-nav > ul > li > a span.gfw-root-nav-iconedlabel .x-icon{ height: 1.1em;filter: none;background: rgba(255, 255, 255, 0.4);border-radius: var(--borad);padding: 7px;} .gfw-page-tracking { & .gfw-grid-container .gfw-grid .gfw-link img {background-color: #f5f5f5;border-radius: var(--borad-med);padding: 7px;} } .gfw-page-tracking.gfw-idtab-orderbasketsearch .gfw-button.x-skin,.gfw-page-tracking.gfw-idtab-orderbasketorderdetail .gfw-button.x-skin{ background-color:#f5f5f5} .gfw-page-tracking.gfw-idtab-orderbasketsearch .gfw-button.x-skin:hover,.gfw-page-tracking.gfw-idtab-orderbasketorderdetail .gfw-button.x-skin:hover{color: #000;} @media screen and (min-width:985px){ .gfw-button.x-skin:hover{box-shadow:none} .gfw-button:hover{background:rgba(0,0,0,1)} } .gfw-idtab-msgthreadadd .gfw-form-mainpanel thead{display:none} .gfw-idtab-msgthreadadd .tox-tinymce{width:100%!important} .gfw-idtab-msgthreadadd div.gfw-tab-navbar{padding:14px 0!important} .gfw-idtab-msgthreadadd li.gfw-tab a{color:#000!important} .gfw-idtab-msgthreadadd li.gfw-tab a.active{border-bottom: 3px solid #000!important} .gfw-idtab-msgthreadadd li.gfw-tab a:hover{border-bottom: 3px solid #000!important} .gfw-idtab-msgthreadadd .gfw-form-mainpanel tbody tr{gap:14px} .gfw-idtab-msgthreadadd .gfw-form-mainpanel .x-identifypanel{min-width: 120px;} .pf-champ-formulaire{color:#333;font-size: 12px;text-align: right} .titre-onglet {font-size: 22px;color: #0E71B4;margin-bottom: 0} .seplabel{color:#000;font-size: 1.5em;display:block;font-weight:normal} .seplabel .titre-formulaire,.seplabel .ss-titre-formulaire{color:#d51324;font-size: 20px;display:block;font-weight:normal;border-bottom:0;padding:0} .titre-formulaire,.ss-titre-formulaire {color:#6CAE2A;font-size: 20px;display:block;font-weight:normal;border-bottom: 1px dotted #dadada;padding: 0 0 7px} .ss-titre-formulaire-section {color:#336699} .pf-champ-formulaire-large{padding-left:70px;color:#333;font-size: 12px} .gfw-page-commandes td.gfw-form-titlebar.hedb{color:#fff;margin:0;background: linear-gradient(135deg, var(--bgmen-dark) 0%, var(--bgmen) 60%);padding:0;border-radius:var(--borderradius) var(--borderradius) 0 0} .gfw-page-commandes td.gfw-form-titlebar.hedb .gfw-form-title{padding:21px 28px} .gfw-form .gfw-form-mainpanel{border-radius:var(--borad-med);padding:14px} .gfw-form-mainpanel tr{display: flex;} .gfw-form-mainpanel tr tr{display: block} .gfw-form-mainpanel tbody tr{flex-direction: column;} .gfw-form-mainpanel #section-buttonbar tr table.gfw-widget-buttonbar td {text-align: center;margin: 0 auto; display: block;} .gfw-form-mainpanel .gfw-form-label-block tr{font-size:12px;margin: 0;} .gfw-form-mainpanel .gfw-form-label-col{display:block;width:auto;border:0} td.gfw-form-fieldpanel{border:0;padding: 0} .gfw-form .gfw-form-fieldpanel select{padding:14px} td.gfw-form-fieldpanel{border:0;padding: 0;background: #fff; border-bottom: 0;} #orderdataeditform-container .gfw-form-mainpanel{padding:0} #orderdataeditform-container .gfw-form-mainpanel tbody tr{margin:0 14px} #orderdataeditform-container .gfw-form-mainpanel tbody tr tr{margin:0} #orderdataeditform-container .gfw-form-label-block tr{padding:0} #orderdataeditform-container .gfw-fileuploader{width:auto} #orderdataeditform-container .x-identifypanel{min-width: auto;} #orderdataeditform-container .submitimage{width:100%} .gfw-idtab-basketlivraisonedit .gfw-form-mainpanel{box-shadow:none} .gfw-idtab-basketfacturationedit .gfw-form-mainpanel{box-shadow:none} @media screen and (min-width:768px){ .gfw-form-mainpanel tbody tr{gap: 0 14px;margin: 0 28px;flex-direction: row;} .gfw-form-mainpanel .gfw-form-commands-container tr{margin:21px auto} #orderdataeditform-container .submitimage{width:auto} #orderdataeditform-container .gfw-form-mainpanel tbody tr{margin:0 21px} .gfw-form-mainpanel .gfw-form-label-col{flex:1} .gfw-form-mainpanel .gfw-form-widget-col{flex:2} .gfw-form-mainpanel .gfw-form-gutter-col{flex:0} } div.gfw-tab-navbar { white-space: nowrap;border:0} .gfw-fileuploader { padding: 7px; border-radius: var(--borad-big);} .alertify .ajs-commands button {background-color:#fff;} .alertify.ajs-maximized .ajs-header,.alertify.ajs-resizable .ajs-header { border-color: var(--bgmen-dark); background-color: var(--bgmen-dark); color: var(--fghed);} .pf-cms-grid-renderer-root .x-cms-card .x-body .x-item .x-overlay{z-index:1} .pf-cms-grid-renderer-root .x-cms-card.x-carrousel .gfw-hscroller .x-body .x-item{ border-radius: var(--borad-med);} .pf-cms-grid-renderer-root .x-cms-card.x-carrousel .gfw-hscroller .x-body .x-item:hover{box-shadow: rgba(0, 0, 0, 0.25) 0 0 14px} .pf-cms-grid-renderer-root .x-cms-card.x-carrousel .gfw-hscroller .x-body .x-item .x-image {display: block;transition: transform .2s ease-in-out;width: 80%;margin: 14px auto} .pf-cms-grid-renderer-root .x-cms-card.x-carrousel .gfw-hscroller .x-body .x-item:hover .x-image {transform: scale(1.1); transform-origin: 50% 50% } .pf-cms-grid-renderer-root .x-cms-card.x-carrousel .gfw-hscroller .x-body .x-item .x-text{line-height:22px;min-height:70px;margin:0;padding: 14px 0;text-overflow: initial;white-space: wrap;text-align: left;} .pf-cms-grid-renderer-root .x-cms-card .x-body .x-item .x-subtext{display: flex;font-size: 1em;padding:14px 21px;border-radius: var(--borad-med);background: #fafafa;height: auto; align-items: center;text-align: center; filter: none;} .pf-cms-grid-renderer-root .x-cms-card.x-carrousel .gfw-hscroller .x-slidebtn{z-index:2} .gfw-page-user.gfw-idtab-usercreate section .container .gfw-form-renderer .x-form-section-list-container .x-sep{padding:60px 0 14px;font-size: 1.2em;} #pf-search-list { & .panel{table-layout:fixed;background-color:#fff;margin:0 0 21px;border-radius: var(--borad-big);padding:0 21px 14px} & .panel td{vertical-align:top} & .bloc-image-catalogue{float:left;margin:0 14px 0 0} & .bloc-image-catalogue i{font-size:30px; color: rgba(0,0,0,.2); margin: 17px 7px} & #description .description{color: #333} & #description .nb-produits{margin-left:60px} & #description .aucun-produit{color:#d51324} & #description .aucun-produit .plus{margin-left:60px} }