/* Génériques PrintFlux */ /*Classes utilisateur affichées ailleurs que dans le header PrintFlux Corporate (fiche signalétique)*/ .x-user-classes {display: flex;flex-flow: row nowrap;justify-content: flex-start;align-items: center;width: 60%;} .x-user-classes .x-class-adminlogo {background-position: center center;background-repeat: no-repeat;background-image: url('/src/images/icons/svg/user-admin.svg');background-size: contain;height:32px; width:32px; max-width:32px;flex: 1 1 32px;margin:0 3px;} .x-user-classes .x-class-userlogo {background-position: center center;background-repeat: no-repeat;background-image: url('/src/images/icons/svg/user-normal.svg');background-size: contain;height:32px; width:32px; max-width:32px;flex: 1 1 32px;margin:0 3px;} .x-user-classes .x-class-logo {background-position: center center;background-repeat: no-repeat;background-size: contain;height: 80px;max-width:80px;flex: 1 1 80px;margin:0 3px;} .x-user-classes .x-class-text {vertical-align: middle;text-align: center;margin:0 3px;font-size:11px;} /* Barre de navigation */ #pf-main-navigationbar .x-nav-tabs img.x-tab {vertical-align: bottom;} /* ProductConfig */ .pf-productconfig{margin:0;} .pf-productconfig .pf-x-headeredbox {margin-top:1em; border-radius: 4px;box-shadow:0 0 0 1px var(--bghed);} .pf-productconfig .pf-x-controlbar{text-align:left;padding:14px;} .pf-productconfig .pf-x-controlbar img{ margin-left:2px;margin-right:2px;} .pf-productconfig .pf-x-content{padding:5px;margin:0;} .pf-productconfig .pf-x-param-label{vertical-align:top;white-space:nowrap;} .pf-productconfig .pf-x-param-value{vertical-align:top;} .pf-productconfig .pf-x-param-code {white-space:nowrap;vertical-align:top;} .pf-productconfig .pf-x-param-price{text-align:right;white-space:nowrap;} .pf-productconfig .pf-x-param-pricelocale{text-align:right;white-space:nowrap;vertical-align:top;} .pf-productconfig .pf-x-param-weightlocale{text-align:right;white-space:nowrap;vertical-align:top;} .pf-productconfig .pf-x-objectlist{width:100%;padding:0;} .pf-productconfig .pf-x-objectlist .pf-x-object{width:100%;} .pf-productconfig .pf-x-amountlog{width:100%;padding:0;} .pf-productconfig .pf-x-amountlog .pf-x-object{width:100%;} .pf-productconfig .pf-x-consolelog {} .pf-productconfig .pf-x-consolelog-header {} .pf-productconfig .pf-x-consolelog-content {color: #888;} .pf-productconfig .pf-x-object-label{text-align:left;font-weight:bold;white-space:nowrap;} .pf-productconfig .pf-x-object-paramtable{text-align:left;padding:0;width:100%;} .pf-productconfig .pf-x-pricing{text-align:left;width:100%;margin:0.3em 0;padding:2px 0;white-space:nowrap;} .pf-productconfig.pf-x-conf .pf-x-actionlist, .pf-productconfig.pf-x-conf .pf-x-errorlist, .pf-productconfig.pf-x-conf .pf-x-object{padding:0;margin-bottom:1em;border-radius:4px;} .pf-productconfig.pf-x-conf .pf-x-actionlist .pf-x-action{float:left;width:120px;text-align:center;padding:5px;cursor:pointer;margin:0.5em 0.2em;border:1px solid rgba(0,0,0,0.0);border-radius:4px;} .pf-productconfig.pf-x-conf .pf-x-actionlist .pf-x-action:hover {background-color:rgba(0,0,0,0.05);border:1px solid rgba(0,0,0,0.2);} .pf-productconfig.pf-x-conf .pf-x-actionlist .pf-x-action img{width:64px;height:64px;margin-bottom:1em;} .pf-productconfig.pf-x-conf .pf-x-object .pf-x-content{cursor:pointer;} .pf-productconfig.pf-x-conf .pf-x-object .pf-x-content:hover {background-color:#e0e0e0;} .pf-productconfig.pf-x-conf .pf-x-object.pf-x-inconsistent .pf-x-content {background-color:#ffbb22;} .pf-productconfig.pf-x-conf .pf-x-object.pf-x-inconsistent .pf-x-content:hover {background-color:#ffaa11;} .pf-productconfig.pf-x-conf .pf-x-object-tn{width:64px;height:64px;padding:0;margin:1em} .pf-productconfig.pf-x-view .pf-x-objectlist{border-radius:4px;} .pf-productconfig.pf-x-view .pf-x-amountlog{border-radius:4px;} .pf-x-productconfigviewportadmin {padding:1em;border-radius: 4px;background-color: #fff;box-shadow: 0 0 20px 0 rgba(0,0,0,.2)} /* ProductConfig Breadcrumb */ #pf-productconfig-breadcrumb{width: 702px;margin: 0 auto;height: 75px;} #pf-productconfig-breadcrumb .pf-x-carousel-control{width: 16px;} #pf-productconfig-breadcrumb .carousel-disabled{opacity: 0.5;} #pf-productconfig-breadcrumb .pf-x-carousel-control img{vertical-align: middle;} #pf-productconfig-carousel-wrapper{width: 700px;height: 66px;overflow: hidden;} #pf-productconfig-carousel-content{width: 10000px;} #pf-productconfig-carousel-content .slide {float: left;width: 160px;height: 60px;text-align: center;padding: 2px;margin-right: 2px;overflow: hidden;cursor: pointer;} #pf-productconfig-breadcrumb .slide.notedited{opacity:0.5;} #pf-productconfig-breadcrumb .slide.current{opacity:1;border: 1px solid #aaa;background-color: #eee; background-color: rgba(0, 0, 0, 0.03);border-color: rgba(0, 0, 0, 0.05);border-radius: 3px;} #pf-productconfig-breadcrumb .pf-x-arrow{float: left;margin-top: 28px;} #pf-productconfig-breadcrumb .slide img{text-align: center;width: 32px;} #pf-productconfig-breadcrumb .slide .pf-x-label{text-align: center;} /* ProductConfig Cube */ .productconfigurator-cube-form {padding: 1em;} .productconfigurator-cube-form img {border: none; margin:2px; cursor: pointer;} .productconfigurator-cube-form .pf-x-param-table{border: 1px solid #eee;border-collapse: collapse;padding: 0px;margin: 2px;font-size: 12px;background-color: #fff;} .productconfigurator-cube-form .pf-x-param-value{width: 10em;height: 1.2em;overflow: hidden;} .productconfigurator-cube-form.pf-x-hidden .pf-x-param-table.pf-x-inactive{display: none;} .productconfigurator-cube-form .pf-x-param-cell{width: 10em; vertical-align:top; overflow: hidden; padding: 0px;} .productconfigurator-cube-form .pf-x-param-cell.pf-x-inactive{color: #aaa; background-color:#eee;} .productconfigurator-cube-form .pf-x-param-children-cell{vertical-align:top;padding: 0px;} .productconfigurator-cube-form .pf-x-input-cell{vertical-align:top;padding: 0px;} .productconfigurator-cube-form .pf-x-input-cell input{ height: 14px;border: 1px solid #aaa;margin:0px 5px;} .productconfigurator-cube-form .pf-x-param-container.pf-x-collapsed .pf-x-param-cell div:after {content:" ...";} .productconfigurator-cube-form .pf-x-param-container.pf-x-collapsed {height:20px;overflow:hidden;} .productconfigurator-cube-form .pf-x-param-container.pf-x-collapsed .pf-x-param-children-cell {visibility:hidden;overflow:hidden;} /* Fiche produit */ #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;} .pf-productsticker-container.x-zone-product {display: flex;flex-flow: row wrap;} .pf-productsticker-container.x-zone-product .x-sticker {background-size: contain;background-repeat: no-repeat;width: 50px;height: 90px;text-align: center;padding-top: 50px;margin: 5px;box-sizing: border-box;overflow: hidden;text-overflow: ellipsis;font-size: smaller;background-position: top center;} .pf-productsticker-container.x-zone-product .x-sticker.x-link {cursor: pointer;} .pf-productsticker-container.x-zone-catalog {display: flex;flex-flow: row nowrap;overflow: hidden} .pf-productsticker-container.x-zone-catalog .x-sticker {background-size: contain;background-repeat: no-repeat;width: 16px;height: 16px;text-align: center;padding:0;margin: 2px;box-sizing: border-box;overflow: hidden;text-overflow: clip;background-position: center center;} .cat .pf-productsticker-container.x-zone-catalog{ position:absolute; left:5px;top:5px;} .pf-popup-assistance-window {background-image:url('/src/applications/printflux/images/default/hotline-fond.jpg'); background-blend-mode: overlay; background-size: cover; background-position: center left; background-color:#ededed;background-repeat:no-repeat; width:500px; height:185px; } .pf-popup-assistance-text {margin:0;color:#333333;padding:1em;font-size: x-large;min-height:8em;display: flex;flex-flow: column wrap;align-items: center;justify-content: center;} .pf-popup-assistance-info {font-weight: bold; color: var(--fgstd1);} .pf-popup-assistance-tel {font-weight: bold; color:#c80505;} .pf-popup-assistance-msg a {font-weight: bold; color:#c80505; font-size: inherit;} .pf-popup-assistance-email a {font-weight: bold; color:#c80505; font-size: inherit;} .pf-profiledayoffpanel .x-calendar { margin: 2em 0;} .pf-profiledayoffpanel .x-calendar .x-day { width: 2em; height:2em; flex-grow:0.1; flex-shrink: 0.1; color: white; padding: 2px; margin: 0.5px;line-height: 2em; text-align: center;} .pf-profiledayoffpanel .x-calendar .x-day.x-closed { background-color: var(--bgcolor-red);} .pf-profiledayoffpanel .x-calendar .x-day.x-open { background-color: var(--bgcolor-blue);} .pf-profiledayoffpanel .x-calendar .x-day.x-hidden { background-color: var(--bgcolor-gray);} .pf-profiledayoffpanel .x-calendar .x-yearmonth-label { width: 15em; height:2em; flex-grow:1; flex-shrink: 0; padding: 2px; margin: 0.5px;line-height: 2em;text-align: left;} /* BRIEF/RFQ */ #pf-briefproductdatasheetcomponent {box-shadow: 0 0 20px 0 rgba(0,0,0,.2);border-radius:8px;background:#fff;padding:21px;position:relative;box-sizing: border-box;} #pf-briefproductdatasheetcomponent .x-mainpanel {display: flex; flex-flow: row wrap} #pf-briefproductdatasheetcomponent .pf-smalldocumentfilecomponent {display:flex;flex-flow:column nowrap;align-items:center;box-sizing:border-box; margin:0;padding:0;} #pf-briefproductdatasheetcomponent .x-vignettepanel {margin: 0 1em 0 0; } #pf-briefproductdatasheetcomponent #briefproductdatasheet-vignette {width:400px;height:400px;} #pf-briefproductdatasheetcomponent .x-descriptionpanel {width:300px;margin: 0 1em;} #pf-briefproductdatasheetcomponent .x-filesdiv {display: flex; flex-flow: row wrap;justify-content: flex-start; align-items: flex-end;} #pf-briefproductdatasheetcomponent .x-rfqdocumentcontainer {display: flex;flex-flow:column;align-items:center;justify-content:center;margin: 1em 0.5em;padding:0.5em;border:1px solid #eee;background-color:#fcfcfc} #pf-briefproductdatasheetcomponent .x-smalldocumentfilecomponent-container {margin: 0 0.5em;} .pf-taskstatus-button-group {display:inline-flex;flex-flow:row nowrap;box-sizing:border-box;justify-content:right;align-items:center;background-color:rgba(0,0,0,0.05);border-radius:16px;border:2px solid rgba(0,0,0,0.5);padding:2px;} .pf-taskset-install-button img {width:12px;height:12px;margin:0;} .pf-taskset-update-button {font-size: 8px !important;transform: scale(0.75);border: 1px solid rgba(0,0,0,0.5);line-height: normal;transform-origin: center;border-radius: 16px;margin: 0;text-align: center;width: 4em;box-sizing: border-box;padding: 0;color: #000;} .pf-taskset-update-button:link {color:#000;} #pfmis-appheader {text-align:right} #pfmis-appheader .x-language-flag {display:inline-block;margin:2px} #pfmis-appheader .x-logo {display:inline-block} #pfmis-appheader .x-logo {background: no-repeat center;background-size:contain;border-radius:50%;height:4em;width:4em;vertical-align:middle} #pfmis-appheader .x-language-chooser {position:absolute;top:5px;right:5px;} #cgu-container {display: flex; flex-flow: column nowrap; height: 100%;} #cgu-container .x-cgu {background: #f5f5f5;max-height: 31em; overflow-y: scroll; border:1px solid #eee; padding: 1em; margin: 1em;text-align: justify;} #cgu-container .x-cgu p {margin: inherit;} #cgu-container .x-cgu-footer {max-height:6em;padding:1em;margin:1em; text-align: justify;} #cgu-container .x-cgu-user {text-align: right; margin-top:1em} /* Grilles Pages CMS Début */ .pf-cms-page-container {} .pf-cms-page-container-dialog {padding:1em;box-sizing: border-box;} /* La grille principale */ .pf-cms-grid-renderer-root {display: grid;max-width: 1480px;grid-template-columns: repeat(4, 1fr);grid-template-rows: auto;gap: 2em;margin:0 auto;box-sizing: border-box;} .pf-cms-grid-renderer-root .x-grid-cell {overflow: hidden;} @media screen and (max-width: 1080px) { .pf-cms-grid-renderer-root {grid-template-columns: 1fr!important; } .pf-cms-grid-renderer-root .x-grid-cell {grid-column: span 1!important;grid-area: unset !important;} .pf-cms-grid-renderer-root .x-grid-cell {grid-row: span 1!important;grid-area: unset !important;} } /* Tous les composants de la grille principale */ .pf-cms-grid-renderer-root .x-cms-component{padding:1em;margin:0;border:0;background-color: var(--bgstd1);box-sizing: border-box;border-radius: 5px;} /** Le composant HTML */ .pf-cms-grid-renderer-root .x-cmstype-html{} /** Le composant moteur de recherche */ .pf-cms-grid-renderer-root .x-cmstype-catalogsearch {height: 100%;display: flex;flex-flow: column;justify-content: center;align-items: stretch;} .pf-cms-grid-renderer-root .x-cmstype-imageswiper {padding:0;} .pf-cms-grid-renderer-root .x-cmstype-imageswiper .x-image-container{display:block; width: 100%;height:100%; } .pf-cms-grid-renderer-root .x-cmstype-imageswiper .x-image{background-repeat: no-repeat;background-size: cover;background-position: center;width: 100%;height:100%; } .pf-cms-grid-renderer-root .x-cmstype-singleproductswiper .x-label {display: block;width: 100%;height: auto;padding: 0;margin: 0 0 1em;border: 0;max-height: 3em;min-height: 1.5em;overflow: hidden;text-overflow: clip;} .pf-cms-grid-renderer-root .x-cmstype-singleproductswiper a {text-decoration: none;color:inherit;} .pf-cms-grid-renderer-root .x-cmstype-singleproductswiper a:visited {text-decoration: none;color:inherit;} .pf-cms-grid-renderer-root .x-cmstype-singleproductswiper a:hover {text-decoration: none;color:inherit;} .pf-cms-grid-renderer-root .x-cmstype-singleproductswiper a:active {text-decoration: none;color:inherit;} /* Tous les composants de type 'carte' */ .pf-cms-grid-renderer-root .x-cms-card {display: flex;flex-flow: column nowrap;justify-content: space-between;align-items: flex-start;height:420px;} .pf-cms-grid-renderer-root .x-cms-card .x-header {display:block;width:100%; height:auto;padding:0;border:0;max-height: 3em;min-height: 1.5em; overflow: initial;text-overflow: clip;font-size:1.5em;margin: 0 0 0.8em;} .pf-cms-grid-renderer-root .x-cms-card .x-footer {display:block;width:100%; height:auto;padding:0;margin: 1em 0 0 0;border:0;min-height: 1.5em; overflow: hidden;text-overflow: ellipsis;text-align:center;} .pf-cms-grid-renderer-root .x-cms-card .x-header:empty{display:none;} .pf-cms-grid-renderer-root .x-cms-card .x-footer:empty{display:none;} .pf-cms-grid-renderer-root .x-cms-card .x-body {width:100%; height:100%;padding:0;margin:0;border:0;} .pf-cms-grid-renderer-root .x-cms-card .x-noresults {flex-grow: 1;background-color: var(--bgstd1);padding: 0.5em;border-radius: 5px;box-sizing:border-box;width: 100%;} .pf-cms-grid-renderer-root .x-cms-card .x-body .x-item {position:relative;width: auto;height: auto;background-size: contain;background-repeat: no-repeat;box-sizing: border-box;background-position: center center;background-color: var(--bgstd1);display:flex; flex-flow: column nowrap; justify-content: end; align-items: center; padding:0;margin:0;border:0;} .pf-cms-grid-renderer-root .x-cms-card .x-body .x-item {min-width:0;min-height:0;} /* Prevent grid item overflow*/ .pf-cms-grid-renderer-root .x-cms-card .x-body .x-item .x-overlay {position:absolute;top:0;right:0;} .pf-cms-grid-renderer-root .x-cms-card .x-body .x-item .x-image {height: 100%;width: 100%;background-position: center center;background-size: contain;background-repeat: no-repeat;box-sizing: border-box;} .pf-cms-grid-renderer-root .x-cms-card .x-body .x-item .x-text {width: 100%;height: 2em;overflow: hidden;text-overflow: ellipsis;box-sizing: border-box;white-space: nowrap;text-align: left;margin-top:1em;} .pf-cms-grid-renderer-root .x-cms-card .x-body .x-item .x-subtext {width: 100%;height: 2em;overflow: hidden;text-overflow: ellipsis;box-sizing: border-box;white-space: nowrap;text-align: left;margin-top:0; font-size: .75em;padding: 14px;filter:invert(1) saturate(0%) brightness(50%);} .pf-cms-grid-renderer-root .x-cms-card .x-body a, .x-cms-card .x-body a:hover, .x-cms-card .x-body a:visited, .x-cms-card .x-body a:active {text-decoration: none;color:inherit;} .pf-cms-grid-renderer-root .x-cms-card .x-footer a:hover {text-decoration: underline;} /** Carte en mode grille */ .pf-cms-grid-renderer-root .x-cms-card.x-grid .x-body {display: grid; grid-template-columns: repeat(2, 1fr); gap:1em;} .pf-cms-grid-renderer-root .x-cms-card.x-grid.x-single .x-body {grid-template-columns: repeat(1,1fr); gap:.5em;} /** Carte en mode carrousel */ .pf-cms-grid-renderer-root .x-cms-card.x-carrousel {background-color:var(--bgcolor);} .pf-cms-grid-renderer-root .x-cms-card.x-carrousel .gfw-hscroller {height:100%;width:100%;} .pf-cms-grid-renderer-root .x-cms-card.x-carrousel .gfw-hscroller .x-body {display: flex; flex-flow:row nowrap; gap: 2em; padding: 14px; height: 90%;} .pf-cms-grid-renderer-root .x-cms-card.x-carrousel .gfw-hscroller .x-body .x-item {width:320px;padding:14px;box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);} .pf-cms-grid-renderer-root .x-cms-card.x-carrousel .gfw-hscroller .x-body .x-image {} .pf-cms-grid-renderer-root .x-cms-card.x-carrousel .gfw-hscroller .x-body .x-text {text-align: center; margin: 21px 0 14px;} .pf-cms-grid-renderer-root .x-cms-card.x-carrousel .gfw-hscroller .x-slidebtn{background-color: #fff;top: 32%;bottom: 50%;width: 64px;height: 31%!important;border-radius: 8px;box-shadow: 0 3px 5px 0 rgb(0 0 0 / 22%);background-position: center;} .pf-cms-grid-renderer-root .x-cms-card.x-carrousel .gfw-hscroller .x-slideleft{background-image: url(/src/images/icons/svg/pagerprev.svg)} .pf-cms-grid-renderer-root .x-cms-card.x-carrousel .gfw-hscroller .x-slideright{background-image: url(/src/images/icons/svg/pagernext.svg)} /** Carte en mode list */ .pf-cms-grid-renderer-root .x-cms-card.x-list {} .pf-cms-grid-renderer-root .x-cms-card.x-list .x-body {display: flex; flex-flow:column nowrap; gap:0;max-height:100%;overflow:hidden;} .pf-cms-grid-renderer-root .x-cms-card.x-list .x-body .x-item {height: 80px;display: grid;grid-template-columns: 100px 1fr;gap:0;justify-content: flex-start;align-items: center;border-bottom: 1px solid var(--bostd1); padding:7px 0;} .pf-cms-grid-renderer-root .x-cms-card.x-list .x-body .x-item .x-image {height:75px;width:75px;background-position:left center;} .pf-cms-grid-renderer-root .x-cms-card.x-list .x-body .x-item .x-text {text-align:left;} .pf-cms-grid-renderer-root .x-cms-card.x-list .x-body .x-item:hover{border-radius:8px;background:var(--bgbtn1);} .pf-cms-grid-renderer-root .x-cms-card.x-list .x-body .x-item .x-overlay {top:31px} .pf-cms-grid-renderer-root .x-cms-card.x-list .x-body .x-item .x-image{height: 90%!important; width: 100px!important; background-position: center!important; grid-column: 1; grid-row: 1 / 3;} .pf-cms-grid-renderer-root .x-cms-card.x-list .x-body .x-item .x-text {margin-top: 0.5em;grid-column: 2;} .pf-cms-grid-renderer-root .x-cms-card.x-list .x-body .x-item .x-subtext {grid-column: 2;padding:0} /** Editeur de grille */ .pf-cms-grid-editor {margin: 0 auto;padding: 2em;display: flex;flex-flow: row nowrap;gap: 2em;background-color: var(--bgstd1); } .pf-cms-grid-editor .x-label-container {display: flex;flex-flow: column nowrap;gap: 1em;width: 23em;user-select: none;} .pf-cms-grid-editor .x-label-container .x-label {display: block;border: 1px solid var(--bostd1);overflow: hidden;text-overflow: ellipsis;white-space: nowrap;cursor:pointer;padding:.5em;} .pf-cms-grid-editor .x-label-container .x-label.x-selected {outline:2px solid var(--bobtn1);} .pf-cms-grid-editor .x-grid-container {width:auto;flex-grow:1;} .pf-cms-grid-editor .x-form-container {width:23em;} .pf-cms-grid-editor .x-grid-root {width: 100%;background-color: #fff;display: grid;gap: 25px;grid-template-columns: repeat(4,1fr);} .pf-cms-grid-editor .x-grid-root .x-grid-cell {display:flex; flex-flow:row nowrap;align-items: center;justify-content: center; padding:1em;border: 1px dashed black; height:3em;background-color: #eee;position:relative;opacity: 0.5;user-select:none;} .pf-cms-grid-editor .x-grid-root .x-grid-cell .x-pos-handle {width:15px;height:15px;position:absolute;border:1px solid var(--bobtn2);background-color:var(--bgbtn2);cursor:pointer;z-index:100;background-position: center; background-size: contain;background-repeat: no-repeat;background-image: url("/src/images/icons/svg/chevron-up.svg");} .pf-cms-grid-editor .x-grid-root .x-grid-cell .x-pos-handle {display: none;} .pf-cms-grid-editor .x-grid-root .x-grid-cell .x-size-handle {width:15px;height:15px;position:absolute;border:1px solid var(--bobtn2);background-color:var(--bgbtn2);cursor:pointer;z-index:100;background-position: center; background-size: contain;background-repeat: no-repeat;} .pf-cms-grid-editor .x-grid-root .x-grid-cell .x-size-handle {display: none;} .pf-cms-grid-editor .x-grid-root .x-grid-cell.showhandles {z-index:10;} .pf-cms-grid-editor .x-grid-root .x-grid-cell.showhandles .x-pos-handle {display: block!important;} .pf-cms-grid-editor .x-grid-root .x-grid-cell.showhandles .x-size-handle {display: block!important;} .pf-cms-grid-editor .x-grid-root .x-grid-cell .x-btn-up {left: calc(50% - 10px);top:-10px;transform:rotate(0deg);} .pf-cms-grid-editor .x-grid-root .x-grid-cell .x-btn-down {left: calc(50% - 10px);bottom:-10px;transform:rotate(180deg);} .pf-cms-grid-editor .x-grid-root .x-grid-cell .x-btn-left {top: calc(50% - 10px);left:-10px;transform:rotate(270deg);} .pf-cms-grid-editor .x-grid-root .x-grid-cell .x-btn-right {top: calc(50% - 10px);right:-10px;transform:rotate(90deg);} .pf-cms-grid-editor .x-grid-root .x-grid-cell .x-btn-sz-smaller {background-image: url("/src/images/icons/svg/size-less.svg");top: calc(50% - 10px);left:20px;} .pf-cms-grid-editor .x-grid-root .x-grid-cell .x-btn-sz-bigger {background-image: url("/src/images/icons/svg/size-more.svg");top: calc(50% - 10px);left:50px;} .pf-cms-grid-editor .x-grid-root .x-grid-cell .x-edit-button {position: absolute;z-index: 2;display: block;top: 5px;right: 5px;width: 15px;height:15px;background-image: url("/src/images/icons/svg/edit.svg");background-size: contain; background-repeat: no-repeat;background-position: center;} :root { --swiper-theme-color: var(--bostd1); } /* Grilles Pages CMS Fin */ #pf-module-promotion-content {margin:28px 0;font-size:14px} #pf-module-promotion-content .img {display:block;max-width:100%;margin:0 auto 50px} #pf-module-promotion-content .activation {font-size:20px;padding:28px 0;text-align:center;color:#fff;border-radius:4px;background:#1c333c} #pf-module-promotion-content h2 {font-size:20px} #pf-module-promotion-content h3 {font-size:18px;margin: 0 0 14px} #pf-module-promotion-content .fonction .fonction__list {display: flex;flex-flow: wrap} #pf-module-promotion-content .fonction .fonction__list div {width:100%;background:#f2f4f5;padding:14px;vertical-align:top;color:#333;text-align:center;font-size:14px;margin:0 0 14px;border-radius:4px} #pf-module-promotion-content .fonction .fonction__list div p{color:#7E9196} #pf-module-promotion-content .fonction .fonction__list h3 {margin:0 auto} @media screen and (min-width:768px) { #pf-module-promotion-content .fonction .fonction__list div:nth-child(2n+1) {margin:0 0 14px} #pf-module-promotion-content .fonction .fonction__list div:nth-child(2n+0) {margin:0 0 14px 14px} #pf-module-promotion-content .fonction .fonction__list div {width:44.5%} } @media screen and (min-width:1024px) { #pf-module-promotion-content {width:1024px} #pf-module-promotion-content .img {float:left;margin:0 21px 50px 0} #pf-module-promotion-content .fonction .fonction__list div {width:46.5%} } .pf-user-link-nav-component{ display: inline-flex; align-items: center; justify-content: flex-start; flex-flow: row nowrap;vertical-align: top;} .pf-user-link-nav-component .x-user-identity {margin-left:0.5em;font-size:smaller;} div.pf-userstats .detail-block {margin-bottom:1em;white-space: nowrap;overflow: hidden;padding:2px;display:flex;flex-flow:row nowrap;} div.pf-userstats .detail-subblock {display:inline-block;vertical-align:top;width:100%;margin:0.5em;} div.pf-userstats .detail-subblock:first-child {margin-left:0;} div.pf-userstats .detail-subblock:last-child {margin-right:0;} div.pf-userstats .detail-subblock > table {white-space: normal;} div.pf-userstats tr.detail > td { background-color: #eeeeee;} div.pf-userstats tr.detail .gfw-grid-mini th {background-color: #dddddd;} div.pf-user-datasheet {display:grid;grid-auto-rows: auto;grid-auto-columns: minmax(0,1fr);gap: 1em;} /*div.pf-user-datasheet > .gfw-headeredpanel > .x-content {height:100%;}*//* Casse le look sur safari */ div.pf-user-datasheet h4 {margin:1.5em 0 0.5em 0;font-size:large;} div.pf-user-datasheet .pf-user-view-section-compte {grid-column-start: 1;grid-column-end: 5;} div.pf-user-datasheet .x-class-adminlogo {background-position: center center;background-repeat: no-repeat;background-image: url('/src/images/icons/svg/user-admin.svg');background-size: contain;height:32px; width:32px; max-width:32px;flex: 1 1 32px;margin:0 3px;} div.pf-user-datasheet .x-class-userlogo {background-position: center center;background-repeat: no-repeat;background-image: url('/src/images/icons/svg/user-normal.svg');background-size: contain;height:32px; width:32px; max-width:32px;flex: 1 1 32px;margin:0 3px;} div.pf-user-datasheet .pf-user-view-section-generic {grid-column-start: 1;grid-column-end: 5;} div.pf-user-datasheet .pf-user-view-section-generic .x-content {display:grid;grid-template-columns: 1fr 1fr;gap:1em;} div.pf-user-datasheet .pf-user-view-section-annexes {grid-column-start: 1;grid-column-end: 5;} div.pf-user-datasheet .pf-user-view-section-annexes .x-content {display:grid;grid-template-columns: 1fr 1fr;gap:1em;} div.pf-user-datasheet .pf-user-view-section-visuel {grid-column-start: 1;grid-column-end: 5;} div.pf-user-datasheet .pf-user-view-section-external {grid-column-start: 1;grid-column-end: 5;} div.pf-user-datasheet .pf-user-view-section-livraison {grid-column-start: 1;grid-column-end: 3;} div.pf-user-datasheet .pf-user-view-section-facturation {grid-column-start: 3;grid-column-end: 5;} div.pf-user-datasheet .x-photo-container {text-align: left;} div.pf-user-datasheet .x-photo {border: 5px solid var(--bostd2);margin: 0 auto;} div.pf-user-datasheet .x-classes {display: flex;width: 100%;flex-flow: row wrap;} div.pf-user-datasheet .x-classes .x-class-container {display: flex;flex-flow: row nowrap;align-items: center;justify-content: left;width: 150px;overflow:hidden;margin: 0 3em 0 0;} div.pf-user-datasheet .x-classes .x-class-logo {max-width:40px;width: 40px;height:40px;margin: 0;background-position: center center;background-repeat: no-repeat;background-size: contain;} div.pf-user-datasheet .x-classes .x-class-text {margin: 5px;vertical-align: middle;text-align: left;text-overflow: ellipsis;overflow: hidden;font-size:11px;white-space:nowrap;width: auto;} div.pf-user-datasheet .x-visuel-wrapper {display:flex;flex-flow:row wrap;justify-content: center;align-items: center;} div.pf-user-datasheet .x-visuel-container {display: flex;flex-flow: column nowrap;align-items: center;justify-content: center;margin:0.5em;height:20vh;width:20vh;} div.pf-user-datasheet .x-visuel-label {background-color: var(--bgstd2);padding: 0.5em;margin: 0;width: 100%;box-sizing: border-box;text-align: center;} div.pf-user-datasheet .x-visuel-previewer{ background-color: var(--bgstd1);margin: 0 0 0.5em;padding:0;} @media screen and (max-width:1024px) { div.pf-user-datasheet {grid-template-columns: auto;} div.pf-user-datasheet .pf-user-view-section-compte {grid-column-start: 1;grid-column-end: auto;} div.pf-user-datasheet .pf-user-view-section-generic {grid-column-start: 1;grid-column-end: auto;} div.pf-user-datasheet .pf-user-view-section-annexes {grid-column-start: 1;grid-column-end: auto;} div.pf-user-datasheet .pf-user-view-section-visuel {grid-column-start: 1;grid-column-end: auto;} div.pf-user-datasheet .pf-user-view-section-external {grid-column-start: 1;grid-column-end: auto;} div.pf-user-datasheet .pf-user-view-section-livraison {grid-column-start: 1;grid-column-end: auto;} div.pf-user-datasheet .pf-user-view-section-facturation {grid-column-start: 1;grid-column-end: auto;} div.pf-user-datasheet .pf-user-view-section-generic .x-content {grid-template-columns: 1fr;gap:0;} div.pf-user-datasheet .pf-user-view-section-annexes .x-content {grid-template-columns: 1fr;gap:0;} } /* DEBUT Modifs SV 2021*/ div.pf-user-datasheet .x-visuel-container{border:1px solid #eee} div.pf-user-datasheet,div.pf-user-datasheet .x-content{gap: 2em!important} div.pf-user-datasheet h4 {margin: .5em 0 0.5em 0!important;border-bottom:3px solid #eee;padding: 0 0 7px} /* FIN Modifs SV 2021*/ #pf-documentshowuser {position: relative;} /*Pour le positionnement absolu du bouton favoris*/ #pf-documentshowuser .pf-x-product-vignette {width:350px} .pf-documentshow {box-shadow: 0 0 20px 0 rgba(0,0,0,.2);border-radius:8px;background:#fff} .pf-documentshow table.x-main-container {margin: 21px;width:96%;padding: 21px 0} .pf-documentshow table.x-main-container > tbody > tr > td {display:block;margin:auto;width:auto} .pf-documentshow fieldset{width:320px!important;margin:auto;background-color:var(--bgstd2);box-shadow:none} .pf-documentshow fieldset p{font-size:1.2em} @media screen and (min-width:1024px) { #pf-documentshowuser .pf-x-product-vignette {width: 285px} .pf-documentshow table.x-main-container > tbody > tr > td {display:inline-block;width:32%} .pf-documentshow fieldset{margin:0 0 21px 21px;width:auto!important} } @media screen and (min-width:1150px) { .pf-documentshow fieldset{width: auto!important} } @media screen and (min-width:1250px) { #pf-documentshowuser .pf-x-product-vignette { width: 100%} } .pf-documentshow div.x-quantitylist table {font-size:smaller;width: 100%; margin: 0px; border-collapse: collapse; margin-right: 5px;border: 1px solid var(--bostd1);} .pf-documentshow div.x-quantitylist table > tbody > tr > th {text-align: right;background-color: var(--bgstd2dk);font-size: inherit;border: 1px solid var(--bostd2);color: var(--fgstd2);padding: 0.3em 1em;} .pf-documentshow div.x-quantitylist table > tbody > tr > td {text-align: right;background-color: var(--bgstd1); color: var(--fgstd1); font-size: inherit;border: 1px solid var(--bostd1);padding: 0.3em 1em;} .pf-documentshow div.x-quantitylist table > tbody > tr .x-quantity { width:auto;} .pf-documentshow div.x-quantitylist table > tbody > tr .x-price { width:10em;} .pf-documentshow div.x-quantitylist table > tbody > tr .x-priceurgent { width:10em;} .pf-documentshow div.x-quantitylist table > tbody > tr .x-pctremiseprice { width:10em;} .pf-documentshow div.x-quantitylist table > tbody > tr .x-pctremisepriceurgent { width:10em;} .pf-documentshow div.x-quantitylist table > tbody > tr .x-unitprice { width:10em;} .pf-documentshow div.x-quantitylist table > tbody > tr .x-unitpriceurgent { width:10em;} .pf-documentshow div.x-quantitylist table > tbody > tr .x-weight { width:10em;} .pf-documentshow table.x-deliveryservice-list { box-sizing:border-box;width:100%;border-collapse: collapse;} .pf-documentshow table.x-deliveryservice-list > tbody > tr > td {background-color:var(--bgstd2);color:var(--fgstd2);} .pf-documentshow table.x-deliveryservice-list td.x-deliveryservice-name {padding: 1.5em 0 0.5em 0;background-color: var(--bgstd2);color: var(--fgstd2);font-size: inherit;font-weight: bold;} .pf-documentshow table.x-deliveryservice-list table.x-deliveryservice-grid { box-sizing:border-box;width:100%; font-size: smaller;background-color:var(--bgstd1);color:var(--fgstd1);border: 1px solid var(--bostd1);border-collapse: collapse;} .pf-documentshow table.x-deliveryservice-list table.x-deliveryservice-grid td {overflow: hidden;text-overflow: ellipsis;font-size: inherit;padding:0.3em 0.5em;border:1px solid var(--bostd1);} .pf-documentshow table.x-deliveryservice-list table.x-deliveryservice-grid .x-text {width:auto; text-align:left;} .pf-documentshow table.x-deliveryservice-list table.x-deliveryservice-grid .x-tranchemin {width:7em; text-align:right;} .pf-documentshow table.x-deliveryservice-list table.x-deliveryservice-grid .x-tranchemax {width:7em; text-align:right;} .pf-documentshow table.x-deliveryservice-list table.x-deliveryservice-grid .x-urgencetext {width:7em; text-align:left;} .pf-documentshow table.x-deliveryservice-list table.x-deliveryservice-grid .x-price {width:7em; text-align:right;} .gfw-docpreviewer-panel .gfw-docpreviewer {box-shadow: 0 0 20px 0 rgba(0,0,0,.2);} .gfw-docpreviewer-panel.x-noborder .gfw-docpreviewer {border:none;box-shadow:none;} .pf-productpropertydatasheet-container {margin:0;} .pf-productpropertydatasheet-container table {margin:0;border-collapse: collapse;box-sizing: border-box;width:100%;table-layout: fixed;display:table;} .pf-productpropertydatasheet-container table tr {display:table-row;} .pf-productpropertydatasheet-container table tr th {text-align:left;padding: 0.7em 0.5em 0.5em 0.5em;background-color: var(--bgstd1);font-weight:bold;display: table-cell;} .pf-productpropertydatasheet-container table tr td {text-align:left;padding:0.5em;border: 1px solid var(--bostd1);border-right-width: 0;border-left-width: 0;font-weight:normal;overflow: hidden;display: table-cell;} .pf-productpropertydatasheet-container table tr th.x-sectionlabel {font-size: 1.3em;padding-top:2em;} .pf-productpropertydatasheet-container table tr:first-child th {padding-top: 0.7em;} .pf-productpropertydatasheet-container table tr th.x-seplabel {font-size: 1.2em;} .pf-productpropertydatasheet-container table tr td.x-label{font-weight: normal;background-color: var(--bgstd1);width:50%;} .pf-productpropertydatasheet-container table tr td.x-value{font-weight: normal;background-color: var(--bgstd2);width:50%;} .pf-productasset h3{margin: 42px 21px 0;} .pf-productasset .x-section {display: grid;grid-template-columns: repeat(1, 1fr);gap: 1em 35px;margin: 14px 21px} .pf-productasset.x-size-normal .x-section {grid-template-columns: repeat(1, 1fr);} .pf-productasset.x-size-small .x-section {grid-template-columns: repeat(1, 1fr);} .pf-productasset .x-section .pf-productasset-linkbuttoncomponent {gap: 14px;border: 2px solid var(--bostd1);border-radius: 8px;padding: 21px;position:relative;text-decoration:none;display:flex;align-items: center;} .pf-productasset .x-section .pf-productasset-linkbuttoncomponent > img{height:1.5em;} .pf-productasset .x-section .pf-productasset-linkbuttoncomponent .x-label {flex-grow: 1;display: flex; align-items: center;justify-content: start;margin-right:45px;} .pf-productasset .x-section .pf-productasset-linkbuttoncomponent .x-righticon-container { background: var(--bostd1);position: absolute;right: -2px;bottom: -2px;padding: 14px;border-radius: 0 8px 8px 0;top: -2px;clip-path: polygon(25% 0, 100% 0, 100% 100%,0 100%);display:flex; justify-content: center; align-items: center;} .pf-productasset .x-section .pf-productasset-linkbuttoncomponent .x-righticon-container img{align-items: center;padding: 9px;height:1.5em;} .pf-productasset .x-section .pf-productasset-linkbuttoncomponent:hover{ box-shadow: 0 0 15px rgb(0 0 0 / 20%);border:2px solid transparent} .pf-productasset .x-section .pf-productasset-linkbuttoncomponent.x-locked:hover .x-righticon-container{background: var(--bgcolor-red)} .pf-productasset .x-section .pf-productasset-linkbuttoncomponent.x-open:hover{ color:var(--bgcolor-medgreen)} .pf-productasset .x-section .pf-productasset-linkbuttoncomponent.x-open:hover .x-righticon-container{background: var(--bgcolor-medgreen)} @media screen and (min-width:1024px) { .pf-productasset.x-size-normal .x-section {grid-template-columns: repeat(3, 1fr);} } @media screen and (min-width:2400px) { .pf-productasset.x-size-small .x-section {grid-template-columns: repeat(2, 1fr);} } /* Affichage panier corporate/pro/superadmin */ .pfc-orderbasket {display: grid;gap:1em;grid-template-areas:"orderlist" "sidebar"; grid-template-columns: 1fr;} @media screen and (min-width:1200px) { .pfc-orderbasket {display:grid;gap:1em;grid-template-areas:"orderlist sidebar";grid-template-columns: 1fr 35em} } .pfc-orderbasket .x-orderlist {grid-area:orderlist;display:flex; flex-flow: column nowrap;gap:1em;} .pfc-orderbasket .x-orderlist .x-order {display: grid;grid-template-columns: 75px 1fr 1fr 1fr;grid-template-rows: 1fr 1fr 1fr 1fr;gap:.7em;grid-auto-flow: row;height:9em;border-left:4px solid var(--bgmen);padding: 1em;background-color: #fff;} .pfc-orderbasket .x-orderlist .x-order { grid-template-areas: "label label label amount" "references references references references" "vignette stock urgence qtyselector" "vignette empty btn btn"; } .pfc-orderbasket .x-orderlist .x-order .x-vignette{grid-area: vignette;text-align: center;width: 100%;} .pfc-orderbasket .x-orderlist .x-order .x-id {grid-area: id;text-align: left;font-size: var(--sizesm);opacity: 0.5;justify-content: left;align-items: flex-start;} .pfc-orderbasket .x-orderlist .x-order .x-label {grid-area: label;text-align: left;overflow: hidden;text-overflow: ellipsis;display: flex;flex-flow: row wrap;gap: 1em;justify-content: left;align-items: center;} .pfc-orderbasket .x-orderlist .x-order .x-references {grid-area: references} .pfc-orderbasket .x-orderlist .x-order .x-references .x-ordermeta {display: block} .pfc-orderbasket .x-orderlist .x-order .x-urgence {grid-area: urgence;text-align: center;display:flex;justify-content: center;align-items: center;} .pfc-orderbasket .x-orderlist .x-order .x-qtyselector {grid-area: qtyselector;text-align: left;white-space: nowrap;display:flex;justify-content: right;align-items: center;} .pfc-orderbasket .x-orderlist .x-order .x-qty {grid-area: qtyselector;text-align: left;white-space: nowrap;display:flex;justify-content: right;align-items: center;} .pfc-orderbasket .x-orderlist .x-order .x-stock {grid-area: stock;text-align: left;display:flex;justify-content: left;align-items: center;} .pfc-orderbasket .x-orderlist .x-order .x-amount {grid-area: amount;text-align: right;white-space: nowrap;display:flex;flex-flow: column nowrap;justify-content: center;align-items: flex-end;} .pfc-orderbasket .x-orderlist .x-order .x-amount .x-meuroht {font-size: larger; font-weight: bold;color:var(--bgbtn2);} .pfc-orderbasket .x-orderlist .x-order .x-amount .x-quantity-real {font-size: var(--sizesm); font-weight: normal;color:var(--fgstd1);display: none;} .pfc-orderbasket .x-orderlist .x-order .x-btn { grid-area: btn; margin:.5em; text-align: center;display:flex;flex-flow: row nowrap; justify-content: flex-end;align-items: center;gap:.5em;line-height: 0;} .pfc-orderbasket .x-orderlist .x-order .x-btn .x-action {font-size: var(--sizesm); color:var(--fgstd1); text-decoration: underline;} .pfc-orderbasket .x-orderlist .x-order .x-vignette img {object-fit: contain;object-position: center center;width:100%;height:100%;} .pfc-orderbasket .x-orderlist .x-order .x-label .x-titre {overflow: hidden;text-overflow: ellipsis;font-weight:bold;white-space: nowrap;} .pfc-orderbasket .x-orderlist .x-order .x-references :is(.x-ref,.x-id,.x-id-label) {font-size: var(--sizesm);opacity: 0.5;font-weight:normal;white-space:wrap;} .pfc-orderbasket .x-orderlist .x-order .x-stock .x-outofstock{color:var(--bgcolor-red);font-size: var(--sizesm); font-weight:bold;background-image: url("/src/images/icons/svg/exclamation.svg");background-position:left center;background-repeat: no-repeat;padding: 0 0 0 20px;} .pfc-orderbasket .x-orderlist .pf-quantityselector-display { box-sizing: border-box;width: 6em;padding:4px 21px 4px 4px; border:1px solid var(--bobtn1);font-family:var(--fontfamily), sans-serif;font-size:larger;text-align: right; border-radius: 8px;background-position: right 3px center; background-size: 12px;background-repeat: no-repeat;} .pfc-orderbasket .x-orderlist .pf-quantityselector-display.x-editable{cursor:pointer;background-image: url(/src/images/icons/svg/edit.svg);} .pfc-orderbasket .x-orderlist .pf-quantityselector-display.x-editable:hover {border: 1px solid color-mix(in srgb, var(--bobtn1), black 0%);background-color: var(--bgcolor-lightblue)} .pfc-orderbasket .x-orderlist .pf-quantityselector-display.x-noteditable{background-image: none; background-color: var(--bgcolor-lightgray)} .pfc-orderbasket .x-orderlist .pf-quantityselector:is(.x-input,.x-select) {outline:none;cursor:pointer;box-sizing: border-box;width: 6em;padding:4px; border:1px solid var(--bgcolor-medblue);font-family:var(--fontfamily), sans-serif;font-size:larger;background-color: var(--bgcolor-lightblue); text-align: right; border-radius: 8px;} .pfc-orderbasket .x-orderlist .pf-quantityselector.x-input:invalid{border: 2px solid var(--bgcolor-red);} .pfc-orderbasket .x-orderlist .pf-quantitydisplayer { box-sizing: border-box;width: 6em;padding:4px 21px 4px 4px; border:1px solid var(--bobtn1); font-family:var(--fontfamily), sans-serif;font-size:larger;text-align: right; border-radius: 8px;background-position: right 3px center; background-size: 12px;background-repeat: no-repeat;} .pfc-orderbasket .x-orderlist .pf-quantitydisplayer { background-image: none; background-color: var(--bgcolor-lightgray)} .pfc-orderbasket .x-sidebar {grid-area:sidebar;display: flex; flex-flow: column nowrap;gap:1em;} .pfc-orderbasket .x-sidebar .x-checkout-block {display: flex; flex-flow: column nowrap; border-top: 4px solid var(--bgmen);padding: 7px;background: #fff;height: max-content;} .pfc-orderbasket .x-sidebar .x-checkout-block .x-row {display: flex; flex-flow: row nowrap;padding: .5em; border-bottom:1px solid var(--bostd2);background-color: var(--bgstd1);justify-content: center;align-items:center;} .pfc-orderbasket .x-sidebar .x-checkout-block .x-row:first-child {} .pfc-orderbasket .x-sidebar .x-checkout-block .x-row:last-child {border-bottom: none} .pfc-orderbasket .x-sidebar .x-checkout-block .x-col {padding: 0 .5em; font-size: medium;} .pfc-orderbasket .x-sidebar .x-checkout-block .x-row .x-label {width: auto;text-align: right;flex-grow: 1;} .pfc-orderbasket .x-sidebar .x-checkout-block .x-row .x-amount {width: 110px;text-align: right;} .pfc-orderbasket .x-sidebar .x-checkout-block .x-row.x-coupon {background-color: var(--bgcolor-lightgreen);} .pfc-orderbasket .x-sidebar .x-checkout-block .x-row.x-coupon .x-amount{font-weight:700} .pfc-orderbasket .x-sidebar .x-checkout-block .x-row .x-btn {width: 3em;text-align: center;} .pfc-orderbasket .x-sidebar .x-checkout-block .x-row.x-taxline, .pfc-orderbasket .x-sidebar .x-checkout-block .x-row.x-taxline .std1sm {color: #999} .pfc-orderbasket .x-sidebar .x-checkout-block .x-row.x-totalttc {background-color: var(--bgcolor-lightgray);} .pfc-orderbasket .x-sidebar .x-checkout-block .x-row.x-totalttc .x-col {font-size: larger;font-weight: bold;} .pfc-orderbasket .x-sidebar .x-checkout-block .x-row.x-totalttc .x-amount {color:var(--bgbtn2);} .pfc-orderbasket .x-sidebar .x-buttons {display: flex; flex-flow: row nowrap; justify-content: center; align-items: center;} @media screen and (min-width:600px) { .pfc-orderbasket .x-orderlist .x-order .x-label .x-titre {font-size: large;} } @media screen and (min-width: 768px) { .pfc-orderbasket .x-orderlist .x-order { display: grid; grid-template-columns: 150px 1fr 5em 3em 10em; grid-template-rows: 1fr 1fr 1fr 1fr; gap: .5em; grid-auto-flow: row; height: 9em; border-left: 4px solid var(--bgmen); padding: 1em; background-color: #fff; } .pfc-orderbasket .x-orderlist .x-order { grid-template-areas: "vignette label label label amount" "vignette references references urgence qtyselector" "vignette stock stock urgence qtyselector" "vignette empty btn btn btn"; } } @media screen and (max-width: 1024px) { .pfc-orderbasket .x-orderlist{width: 100% !important;} } .pfc-orderbasket-pageoverlay {display:block;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.1);border:none;box-sizing: border-box;z-index:10000;} .pfc-orderbasket-overlay {display:block;position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.1);border:5px solid var(--bgcolor-medgray);border-radius: 8px;box-sizing: border-box;} .pfc-orderbasket-spinner {display:block;position:absolute;top:0;left:0;width:100%;height:100%;background-color:transparent;background-image:url(/src/images/icons/svg/cog.svg);background-position: center center;background-size:5em;background-repeat: no-repeat;animation: quantityselector-rotation-kf 1s linear infinite, quantityselector-fadein-kf .2s linear ;} @keyframes quantityselector-rotation-kf { from {transform: rotate(0deg);} to {transform: rotate(360deg);} } @keyframes quantityselector-fadein-kf { from {opacity: 0;} to {opacity: 1;} } .pfc-orderbasketinfocontainer{flex-flow: column nowrap;} .pfc-orderbasketinfocontainer .x-record {} .pfc-orderbasketinfocontainer .x-record .x-raisonsociale{padding: 7px 0 14px;font-weight: 700;font-size: 1.3em; border-bottom: 1px dotted #dadada;} .pfc-orderbasketinfocontainer .x-record .x-nom{font-weight:700;padding: 14px 0 7px;} .pfc-orderbasketinfocontainer .x-record .x-service{color:#747474;padding: 0 0 7px;} .pfc-orderbasketinfocontainer .x-record .x-adresse1{} .pfc-orderbasketinfocontainer .x-record .x-adresse2{} .pfc-orderbasketinfocontainer .x-record .x-adresse3{} .pfc-orderbasketinfocontainer .x-record .x-adresse4{} .pfc-orderbasketinfocontainer .x-record .x-region{} .pfc-orderbasketinfocontainer .x-record .x-pays{margin:0 0 14px;border-bottom: 1px dotted #DADADA; padding: 0 0 14px} .pfc-orderbasketinfocontainer .x-record .x-telephone{padding: 7px 0;} .pfc-orderbasketinfocontainer .x-record .x-email{padding: 7px 0;} @media screen and (min-width: 1024px) { .pfc-orderbasketinfocontainer{flex-flow: row nowrap;} } .pf-basketvalidation-fieldset{} .pf-basketvalidation-fieldset legend{font-weight:bold;} .pf-basketvalidation-controlbar { text-align: center; } .pf-basketvalidation-controlbar input[type=submit] { margin: 2em; display: inline-block; min-width:16em;} .pf-basketcomputerdebugcomponent {font-size:smaller;} .pf-basketcomputerdebugcomponent table { border-collapse: collapse; width: 100%; font-size:smaller;} .pf-basketcomputerdebugcomponent table thead tr { background-color: var(--bghed); color: var(--fghed); } .pf-basketcomputerdebugcomponent table tbody tr { background-color: var(--bgstd1); color: var(--fgstd1); } .pf-basketcomputerdebugcomponent table thead th { border: 1px solid var(--bostd1); background-color: var(--bghed); color: var(--fghed); padding:5px;} .pf-basketcomputerdebugcomponent table tbody td { border: 1px solid var(--bostd1); background-color: var(--bgstd1); color: var(--fgstd1); padding:5px;font-size:smaller;} .pf-profilenote-container .x-profilenote {padding: 2em;} .pf-productvariantgroupdocumentattributeoptionassignformbyoption .x-header {display: flex; flex-flow: row nowrap; justify-content: left; align-items: center;background-color: var(--bghed);color:var(--fghed); padding:1em; font-weight: bold;} .pf-productvariantgroupdocumentattributeoptionassignformbyoption .x-header-attribute-label{flex-basis:30em;} .pf-productvariantgroupdocumentattributeoptionassignformbyoption .x-header-product-label{flex-basis:30em;} .pf-productvariantgroupdocumentattributeoptionassignformbyoption .x-row {display: flex; flex-flow: row nowrap; justify-content: left; align-items: center;padding:.5em;} .pf-productvariantgroupdocumentattributeoptionassignformbyoption .x-row-attribute-label {flex-basis:30em;} .pf-productvariantgroupdocumentattributeoptionassignformbyoption .x-row-product-input {flex-basis:30em;box-sizing: border-box;margin-left:.5em;margin-right:.5em;} .pf-productvariantgroupdocumentattributeoptionassignformbyoption .x-footer {display: flex; flex-flow: row nowrap; justify-content: center; align-items: center;} .pf-productvariantgroupdocumentattributeoptionassignformbyproduct .x-header {display: flex; flex-flow: row nowrap; justify-content: left; align-items: center;background-color: var(--bghed);color:var(--fghed);padding:1em; font-weight: bold;} .pf-productvariantgroupdocumentattributeoptionassignformbyproduct .x-header-product-label{flex-basis:30em;} .pf-productvariantgroupdocumentattributeoptionassignformbyproduct .x-header-option-label{flex-basis:20em;} .pf-productvariantgroupdocumentattributeoptionassignformbyproduct .x-row {display: flex; flex-flow: row nowrap; justify-content: left; align-items: center; padding:.5em; transition: background-color .5s ease .1s;} .pf-productvariantgroupdocumentattributeoptionassignformbyproduct .x-row .x-duplicateicon {display: none;} .pf-productvariantgroupdocumentattributeoptionassignformbyproduct .x-row.x-duplicate { background-color: rgba(255, 0, 0, 0.3);} .pf-productvariantgroupdocumentattributeoptionassignformbyproduct .x-row.x-duplicate .x-duplicateicon {display: unset;} .pf-productvariantgroupdocumentattributeoptionassignformbyproduct .x-row-product-label {flex-basis:30em;} .pf-productvariantgroupdocumentattributeoptionassignformbyproduct .x-row-option-input {flex-basis:20em;box-sizing: border-box;margin-left:.5em;margin-right:.5em;} .pf-productvariantgroupdocumentattributeoptionassignformbyproduct .x-footer {display: flex; flex-flow: row nowrap; justify-content: center; align-items: center;} .pf-productvariantgroupdocumentattributeoptionassignformbyproduct select {transition:background-color .5s ease .1s;} .pf-productvariantgroupdocumentattributeoptionassignformbyproduct .x-changed {background-color: var(--bgcolor-lightyellow);} .pf-productgroupcomponent{} .pf-productgroupcomponent.x-variant > .x-container {grid-template-areas:"group validation" "attributes preview" "products-member products-member";} .pf-productgroupcomponent.x-related > .x-container {grid-template-areas:"group validation" "preview preview" "products-member products-member";} .pf-productgroupcomponent.x-complementary > .x-container {grid-template-areas:"group validation" "preview preview" "products-member products-assigned";} .pf-productgroupcomponent > .x-container {display: grid;grid-template-columns: 1fr 1fr;grid-template-rows: max-content;gap: 1em 1em;} .pf-productgroupcomponent > .x-container .x-group {grid-area: group;} .pf-productgroupcomponent > .x-container .x-group .gfw-labelizedcomponent {margin-bottom:0.5em;} .pf-productgroupcomponent > .x-container .x-group .x-titre .x-content {font-weight: bold;} .pf-productgroupcomponent > .x-container .x-group .x-documentmain .x-content {font-weight: bold;} .pf-productgroupcomponent > .x-container .x-attributes {margin:0; grid-area: attributes;} .pf-productgroupcomponent > .x-container .x-attributes .x-attribute {font-weight:bold;margin-bottom:0.5em;} .pf-productgroupcomponent > .x-container .x-attributes .x-attributedetails {display: flex; flex-flow: row nowrap; align-items: center;justify-content: left;width: 100%;margin-bottom:1em;} .pf-productgroupcomponent > .x-container .x-attributes .x-attribute-edit-button-container{ flex-grow: 0;width:32px;display: flex; justify-content: center;align-items: center;} .pf-productgroupcomponent > .x-container .x-attributes .gfw-taglist-container{ flex-grow: 1;} .pf-productgroupcomponent > .x-container .x-products {margin:0;} .pf-productgroupcomponent > .x-container .x-products.x-member {grid-area: products-member;} .pf-productgroupcomponent > .x-container .x-products.x-assigned {grid-area: products-assigned;} .pf-productgroupcomponent > .x-container .x-validation { grid-area: validation; } .pf-productgroupcomponent > .x-container .x-validation .x-warning { color: var(--bgcolor-medyellow); font-weight: bold; margin-bottom:0.5em} .pf-productgroupcomponent > .x-container .x-validation .x-error { color: var(--bgcolor-medred); font-weight: bold; margin-bottom:0.5em} .pf-productgroupcomponent > .x-container .x-validation .x-valid { color: var(--bgcolor-medgreen); margin-bottom:0.5em} .pf-productgroupcomponent > .x-container .x-preview {margin:0; grid-area: preview;} .pf-productvariantselector form{margin:0;} .pf-productvariantselector .x-attribute-name{font-weight:400;font-size: larger;} .pf-productvariantselector .x-current-option-label{font-weight: bold;font-size: larger;} .pf-productvariantselector .x-type-select-container { font-size:larger;margin: 1em 0 0; } .pf-productvariantselector .x-type-select-container select { font-size:inherit;font-family: inherit; width:100%!important;padding:18px} .pf-productvariantselector .x-type-select-container select option { font-size:inherit;} .pf-productvariantselector .x-type-select-container option:checked {font-weight: bold;} .pf-productvariantselector .x-type-select-container option.noexactmatch {color: lightgrey;} .pf-productvariantselector .x-type-button-container { margin:1em 0 26px;font-size:var(--size);gap:14px;display: grid;grid-template-columns: repeat(auto-fill, minmax(69px, 1fr));} .pf-productvariantselector .x-type-button-container:empty{display: none;} .pf-productvariantselector .x-type-button-container .x-input {display: none;} .pf-productvariantselector .x-type-button-container .x-label {display: flex;border: 1px solid #dbe4ec;overflow: hidden;flex-flow: column nowrap;align-items: stretch;justify-content: flex-end;text-align: center;padding: 0;cursor: pointer;background-color:#fff;} .pf-productvariantselector .x-type-button-container .x-label .x-image {width: 100px;height:100px;margin:auto;object-fit: cover;padding: 0;border-radius: 5px 5px 0 0;flex-grow: 1;white-space: nowrap; transition: transform .2s ease-in-out;background:#fff} .pf-productvariantselector .x-type-button-container .x-label:hover .x-image{transform: scale(1.1);transform-origin: 50% 50%;} .pf-productvariantselector .x-type-button-container .x-label.x-disabled {cursor: default;} .pf-productvariantselector .x-type-button-container .x-label .x-label-text {z-index:1;width: auto;padding:14px;background-color: #dbe4ec;flex-grow: 0;white-space: nowrap;} .pf-productvariantselector .x-type-button-container:has(> label){ grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));} .pf-productvariantselector .x-type-button-container .x-label .x-label-price {width: auto;font-size:1.3em;padding: 5px;font-weight: normal;flex-grow: 0;white-space: nowrap; background-color:#fff;} .pf-productvariantselector .x-type-button-container .x-label.noexactmatch {opacity: 0.5;} .pf-productvariantselector .x-type-button-container .x-input:checked+.x-label .x-label-text {font-weight:bold;background-color: #000!important;color:#fff} .pf-productvariantselector .x-type-button-container .x-label:hover .x-label-text {background-color: #000;color:#fff} .pf-listproductselector > div{margin:0;} .pf-listproductselector .x-button-container {display: flex; flex-flow: row nowrap; justify-content: left; align-items: stretch;gap:21px; margin: 0 21px;} .pf-listproductselector .x-button { margin:1em 0 26px;font-size:var(--size);gap:14px;display: grid;grid-template-rows: repeat(auto-fill, minmax(69px, 1fr));width: 260px;} .pf-listproductselector .x-button:empty{display: none;} .pf-listproductselector .x-button .x-label {display: flex; overflow: hidden;flex-flow: column nowrap;align-items: stretch;justify-content: flex-end;padding: 0;cursor: pointer;border:0;border-radius:8px;box-shadow: 0 0 12px rgb(0 0 0 / 10%);transition: all 0.3s cubic-bezier(.25,.8,.25,1);} .pf-listproductselector .x-button .x-label.x-disabled {cursor: default;} .pf-listproductselector .x-button .x-label .x-image {margin: 10px auto;object-fit: contain;padding: 0;border-radius: 5px 5px 0 0;flex-grow: 1;white-space: nowrap; transition: transform .2s ease-in-out;background:#fff;height:190px;width:190px;max-height: 190px;max-width: 190px;display: block;} .pf-listproductselector .x-button .x-label .x-label-text {z-index:1;width: auto;padding:14px;flex-grow: 0;transition: background-color .2s, color .2s;background-color:#ffffff;color:#333;height: 3.3em;text-overflow: ellipsis; overflow:hidden;} .pf-listproductselector .x-button .x-label .x-label-text .x-brand {font-weight:bold;display:block;} .pf-listproductselector .x-button .x-label .x-label-text .x-brand:empty{display:none;} .pf-listproductselector .x-button .x-label .x-label-price {width: auto;font-size:1.3em;font-weight: normal;flex-grow: 0;white-space: nowrap; padding: 14px 21px;border-radius: 8px;text-align: center;background: #fafafa;margin: 21px; color: #000;} .pf-listproductselector .x-button .x-label:hover{box-shadow: 0 14px 28px rgba(0, 0, 0, .25), 0 10px 10px rgba(0, 0, 0, .22);} .pf-listproductselector .x-button .x-label:hover .x-label-price {color: var(--fghed);background: var(--bghed);} .pf-listproductselector .x-button .x-label:hover .x-image{transform: scale(1.1);transform-origin: 50% 50%;} .pf-productimageviewer { display: grid;height:570px;grid-template-columns: 100%;grid-template-rows: auto 108px;row-gap: 1em; position:relative;box-sizing: border-box;outline:none;padding: 1em;} .pf-productimageviewer .x-mainview {overflow:hidden;display:flex; align-items: center;} .pf-productimageviewer .x-mainview .x-fullscreen-close-button{display:none;box-sizing: border-box;} .pf-productimageviewer .x-thumbnail-carrousel {display: flex; flex-flow: row nowrap; gap:1em; align-items: center; justify-content: center;margin:0;box-sizing: border-box;} .pf-productimageviewer .x-thumbnail-image {width: 100px;height:100px;object-fit: contain;cursor:pointer;box-sizing: border-box;} .pf-productimageviewer .x-thumbnail {display: flex;flex-flow: column;justify-content: center;align-items: center;box-sizing: border-box;padding:2px;position:relative;} .pf-productimageviewer .x-thumbnail .x-thumbnail-image {box-shadow:0 0 0 1px var(--bobtn1);border-radius: 8px;padding:2px;} .pf-productimageviewer .x-thumbnail.x-current .x-thumbnail-image {box-shadow:0 0 0 1px var(--bobtn2);border-radius: 8px;padding:2px;} .pf-productimageviewer .x-thumbnail .x-badge {background-size: contain;background-position: center center;width: 32px;height: 32px;position: absolute;top: 50%;left: 50%;background-repeat: no-repeat;transform: translate(-50%, -50%);cursor:pointer;pointer-events: none;} .pf-productimageviewer .x-thumbnail .x-badge-video {background-image: url(/src/images/icons/svg/video-red.svg);} .pf-productimageviewer .x-mainview-image{ width:100%; height:100%;background-repeat: no-repeat;background-size: contain;background-position: center center;display: block;box-sizing: border-box;cursor:zoom-in;} .pf-productimageviewer iframe.x-mainview-image{ width:100%; height: auto;aspect-ratio: 16 / 9} .pf-productimageviewer .x-button-prevnext{position:absolute; cursor:pointer;height:3em;width:3em;background-repeat: no-repeat; background-size: contain; background-position: center center;background-color:rgba(255,255,255,.4);box-sizing: border-box;transition: opacity .5s ease .1s;opacity:0;border-radius:50%;z-index: 10;} .pf-productimageviewer .x-button-prev{background-image:url('/src/images/icons/svg/pagerprev.svg');left: 0;} .pf-productimageviewer .x-button-next{background-image:url('/src/images/icons/svg/pagernext.svg');right: 0;} .pf-productimageviewer .gfw-hscroller {justify-content: center;} .pf-productimageviewer .gfw-hscroller .x-container {display: flex;flex-flow: row nowrap;} .pf-productimageviewer.x-hide-carrousel {grid-template-rows: auto} .pf-productimageviewer.x-hide-carrousel .gfw-hscroller {display: none;} .pf-productimageviewer.x-hide-carrousel .x-thumbnail-carrousel {display: none;} .pf-productimageviewer:fullscreen { background-color: #fff;grid-template-rows: auto 108px;padding:5em;} .pf-productimageviewer:fullscreen .x-mainview {background-color: #fff;width:100%;height:100%;} .pf-productimageviewer:fullscreen .x-mainview .x-fullscreen-close-button{background-image: url('/src/images/icons/svg/close.svg');background-position:center center; background-size: contain; background-color:var(--bgcolor-gray);color:#000;height:3em;width:3em;display:block;position:absolute;top:0;right:0;cursor:pointer;} .pf-productimageviewer:fullscreen .x-mainview .x-mainview-image{ width:100%; height:100%;cursor:zoom-out;} .pf-productimageviewer:fullscreen .x-button-prev{top:50%;} .pf-productimageviewer:fullscreen .x-button-next{top:50%;} .pf-productimageviewer:fullscreen .gfw-hscroller {justify-content:center;} .pf-x-productquantityselectorform {margin:0;padding:0;} .pf-x-productquantityselectorsubmitbutton {--basecolor:var(--bgbtn2); display:flex; flex-flow: row nowrap; justify-content: center;align-items: center; text-align: center;box-sizing: border-box; border-radius: 8px;font-size: 18px;color: #fff;margin: 0;background-color: var(--basecolor);background-repeat: no-repeat;background-position: 20px 50%;background-size: 35px;padding: 21px 0;height: 64px;width: 100%;cursor:pointer;} .pf-x-productquantityselectorsubmitbutton:hover {background-color: color-mix(in srgb, var(--basecolor), black 20%);} @media screen and (min-width: 768px) { .pf-x-productquantityselectorsubmitbutton { background-image: url('/src/images/icons/svg/cart-white.svg');} } .pf-x-productquantityselector.x-customproductquantityselector input.x-quantity-select {} .pf-x-productquantityselector.x-selectproductquantityselector select.x-quantity-select {margin:0;width:auto;box-sizing: border-box;}