@font-face {font-family:'FontAwesome';src:url('/src/profilestorage/resources/css/fonts/fontawesome-webfont.eot?v=4.7.0'); src: url('/src/profilestorage/resources/css/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('/src/profilestorage/resources/css/fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('/src/profilestorage/resources/css/fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('/src/profilestorage/resources/css/fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('/src/profilestorage/resources/css/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');font-display:swap;font-weight:normal;font-style:normal}

:root {

    --blue: #00519d;
    --blue-h:#02407a;
    --red: #dc2b20;
    --red-h: #ca251b;
    --borderradius-full:9999px;
    --titre-h2-h3: #014c83;
    --productrelatedselector-titre: #014c83;
    --bgproductcomponent: color-mix(in srgb, var(--bgmen), #FFf 90%);
    --bgtheme: #00519d;
    --fgtheme:#ffffff;

    --contentwidth985:985px;
    --contentwidth1200:1145px;
    --bgcolor-light:color-mix(in srgb, var(--bgcolor), #000000 5%);
    --price: #dc2b20;
    --bgremiseprice: #dc2b20;
    --fgremiseprice:#ffffff;
}

:before {display: inline-block;font: normal normal normal 14px/1 FontAwesome;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;box-sizing: border-box}
.fa,.pfstore-productsearch-ct .pf-x-submit:before{display: inline-block;font: normal normal normal 14px/1 FontAwesome;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale}
.fa-flip-horizontal {-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform: scale(-1, 1);-ms-transform: scale(-1,1);transform:scale(-1,1)}
.fa-angle-down:before {content:"\f107"}
.fa-angle-up:before {content:"\f106"}
.fa-chevron-right:before{content:"\f054"}
.fa-certificate:before {content:"\f0a3"}
.fa-check-square-o:before {content: "\f046"}
.fa-comments:before {content: "\f086"}
.fa-credit-card:before {content:"\f09d"}
.fa-cc-mastercard:before {content: "\f1f1"}
.fa-cc-visa:before {content: "\f1f0"}
.fa-database:before {content:"\f1c0"}
.fa-envelope-o:before {content:"\f003"}
.fa-leaf:before {content: "\f06c"}
.fa-lock:before {content: "\f023"}
.fa-map-marker:before {content: "\f041"}
.fa-pencil:before{content:"\f040"}
.fa-phone:before{content:"\f095"}
.fa-photo:before{content: "\f03e"}
.fa-search:before,.pfstore-productsearch-ct .pf-x-submit:before {content: "\f002"}
.fa-shopping-cart:before {content: "\f07a"}
.fa-sign-out:before {content: "\f08b"}
.fa-thumbs-o-up:before {content: "\f087"}
.fa-tags:before {content: "\f02c"}
.fa-truck:before {content: "\f0d1"}
.fa-user:before{content:"\f007"}

nav ul,footer ul {list-style-type:none}
nav,.pfstore-productsearch-ct .pf-x-submit .pf-x-submitlabel,#avis-produit #pfstore-product-view #pfstore-product-panel-details1,.pfstore-cat-level2 #presentation img,.gfw-clear{display:none}

section {margin:14px 0}
.container {width:90%;margin: 0 auto;position:relative}
.gfw-page-commandes.gfw-idtab-orderadd section .container,.gfw-idtab-orderbat section .container{display:grid;grid-template-areas: "filariane" "product" "persolink" "relatedproducts" "relatedproductsgroup"}
.gfw-idtab-catalognavigator section .container{display:grid;grid-template-areas: "level1" "level2" "menucatalogue";grid-template-columns:1fr}

@media screen and (min-width:985px){

	.container, nav .container, .nav--sousMenu-li, footer .menu-footer, .pf-productrelatedgroupselector, .pf-productcomplementarygroupselector, .pfstore-relatedproducts-ct{width:var(--contentwidth985)}
.gfw-idtab-catalognavigator section .container{gap: 0 28px;grid-template-areas: "menucatalogue level1" "menucatalogue level2";grid-template-columns:220px 1fr}
}

@media screen and (min-width:1200px){
	.container, nav .container, .nav--sousMenu-li, footer .menu-footer, .pf-productrelatedgroupselector, .pf-productcomplementarygroupselector, .pfstore-relatedproducts-ct{width:var(--contentwidth1200)}
}

#pfstore-basketnormalreturn{width:710px;display: inline-block}
#pfstore-basketcancelreturn{width:710px;display: inline-block}

.pfstore-breadcrumbtrail{overflow: hidden}
.pfstore-breadcrumbtrail .pf-x-breadcrumb-img{padding:3px 0 1px 10px;background:#eee}
.pfstore-breadcrumbtrail a.pf-x-breadcrumb-link-home, .pfstore-breadcrumbtrail li a.pf-x-breadcrumb-link{padding:5px 5px 5px 14px;color: #333333;text-decoration: none}
.pfstore-breadcrumbtrail a.pf-x-breadcrumb-link-home:HOVER, .pfstore-breadcrumbtrail li a.pf-x-breadcrumb-link:HOVER{padding:5px 5px 5px 14px;color: #336699;text-decoration:underline}
.pfstore-breadcrumbtrail ul{padding:0}
.pfstore-breadcrumbtrail li{background:none;vertical-align:middle}
.pfstore-breadcrumbtrail li.pf-x-home{background:#eee}
.pfstore-breadcrumbtrail li.pf-x-node{vertical-align:middle;float: left;background:#eee url('/src/profilestorage/printaffiliation/imprimerie-en-ligne/img/fleche2.png')no-repeat left;padding:0 10px}
.pfstore-breadcrumbtrail li.pf-x-leaf {background:url('/src/profilestorage/printaffiliation/imprimerie-en-ligne/img/fleche2.png')no-repeat left;padding:4px 25px}
.pfstore-breadcrumbtrail li span{color: #333;line-height: 1.3em}

.pf-x-category .pf-x-category-text{padding:0 0 14px}

.modele-pro h3{font-weight:bold;color:#333;background-image:url('/src/applications/printfluxstore/themes/topflyer/image/fondcellule.gif');border-bottom:1px solid #eee;border-top:1px solid #eee;padding:10px 10px 10px 20px}
.modele-pro img{margin:15px 7px}
.pfstore-cat-root a{border-radius: 5px;position:relative}
.pfstore-cat-root .pf-x-category{margin:50px 0 0}
.pfstore-cat-root .pf-x-category a.pf-x-category-link{color: #000;font-size:22px;text-decoration: none;font-weight:300}
.pfstore-cat-root .pf-x-category a.pf-x-category-link:hover{text-decoration: underline}
.pfstore-cat-root .pf-x-category .pf-x-category-resume{color:#666;font-style:12px}
.pfstore-cat-root .pf-x-subcategory{height:250px;width:168px}
.pfstore-cat-root .pf-x-subcategory img.pf-x-image{width:168px;height:168px;border-radius:5px 5px 0 0;background:#f5f5f5}
.pfstore-cat-root .pf-x-subcategory{position:relative}
.pfstore-cat-root .pf-x-subcategory h3{padding: 5px;background: #7eb906;width: 158px;border-radius: 0 0 5px 5px;font-size: 14px;color: #fff !important;height: 80px;position: absolute;top:4px}
.pfstore-cat-root .pf-x-subcategory h3 p{position: relative;top:45%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}
.pfstore-cat-root .pf-x-subcategory .pf-x-subcategory-link, .pfstore-cat-level2 .textcontainer a{color: #369}
.pfstore-cat-root .pf-x-subcategory .pf-x-subcategory-link{font-weight:400}
.pfstore-cat-root .pf-x-subcategory .pf-x-subcategory-link:HOVER{color: #d51324}
.pfstore-cat-root .pf-x-category-end{border-bottom: 0 dotted #EEE;clear: both}
.pfstore-documentcategorylist-ct{display:inline-block;vertical-align:top;padding-right:21px}
.pfstore-documentcategorylist-ct .pf-x-root .pf-x-category .pf-x-level1 .pf-x-subcategory{width:100%;border:0;padding: 5px 0;border-bottom: 1px solid #eee;}
.pfstore-documentcategorylist-ct .pf-x-root .pf-x-category .pf-x-level1 .pf-x-subcategory a.pf-x-subcategory-link:hover{color:#C40026}
.pfstore-documentcategorylist-ct .pf-x-root .pf-x-category .pf-x-level1 .pf-x-subcategory .pf-x-cnt{color:#9b9c9c;float:right;font-size:9px}
.pfstore-documentcategorylist-ct .pf-x-category-link {padding:14px;border-radius:var(--borad-big);font-size:14px;border: 0;border-top: 3px solid #7ab51b;color:#333!important}
.pfstore-documentcategorylist-ct .pf-x-level1{margin-bottom:21px}

.pfstore-cat-level1{display: inline-block;vertical-align: top}
.pfstore-cat-level1 h1,.pfstore-cat-root h1{color: #d51324;margin:0}
.pfstore-cat-level1 .pf-resume-level1{padding-bottom:10px}
.pfstore-cat-level1 .pf-x-subcategory-resume{color: #333;font-size: 12px;font-weight: normal;text-decoration: none;height:80px}
.pfstore-cat-level1 .pf-x-subcategory{padding:14px;border-bottom: 0}
.pfstore-cat-level1 .pf-x-subcategory:hover { box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);}
.pfstore-cat-level1 .pf-x-image-container {height:inherit;    margin: 0 14px 0 0;}
.pfstore-cat-level1 .pf-x-subcategory a.pf-x-image-container {float: left;width: inherit}
.pfstore-cat-level1 .pf-x-image {margin: 0 auto;text-align: center}
.pfstore-cat-level1 .pf-x-subcategory .pf-x-text-container h2 a {font-size:20px;}
.pfstore-cat-level1 .pf-x-subcategory .pf-x-text-container h2 a:hover, .pfstore-cat-level1 a.lien-acces-catalogue:hover{color: #669933}
.pfstore-cat-level1 .pf-x-text-container {float: left;width:730px}
.pfstore-cat-level1 a.lien-acces-catalogue {font-weight: bold;padding: 20px 20px 0}
.pfstore-cat-level1 .pf-acces-catalogue {padding:3px 19px 10px 10px;float:right}
.pfstore-cat-level1 #presentation, .pfstore-cat-level2 #presentation{padding:14px;min-height:150px}
.pfstore-cat-level1 #presentation img, .pfstore-cat-level2 #presentation img{float: left;margin-right: 25px;max-height:150px}
.pfstore-cat-level1 #presentation p, .pfstore-cat-level2 #presentation p{overflow:hidden}


.pfstore-cat-level2 h1{color:#d51324 !important;font-weight:bold}
.pfstore-cat-level2 .sidebar{display:table-cell;vertical-align:bottom;width:940px}
.pfstore-cat-level2 .box{border: 1px solid #689c30;width: 918px;margin:10px auto 0}
.pfstore-cat-level2 h1 span{color:#6da529}
.pfstore-cat-level2 .textcontainer{overflow: hidden;padding:10px}
.pfstore-cat-level2 .textcontainer a:hover {color:#369;text-decoration:underline}
.pfstore-cat-level2 .bloc-image-catalogue{float:left;margin:0 15px 0 0}
.pfstore-cat-level2 .box .pf-x-image{border: none;display: block;margin: 2px auto;text-align:center;height:130px;width:130px;max-height: 130px}


.pfstore-cat-level2 .pf-x-product-titre, #pfstore-productsearch-list .pf-x-product-titre{margin:7px;vertical-align:top;display:block;text-align:center;line-height:22px;font-weight:400;height:70px;font-size:16px}
.pfstore-cat-level2 .pf-x-product:hover .pf-x-product-titre a, #pfstore-productsearch-list .pf-x-product:hover .pf-x-product-titre a {color:#d51324 !important}
.pfstore-cat-level2 .pf-x-product-titre a, #pfstore-productsearch-list .pf-x-product-titre a{color:#555 !important}
.pfstore-cat-level2 .pf-x-product-sousfamille, #pfstore-productsearch-list .pf-x-product-sousfamille {text-align:center;padding:0 0 5px;font-weight:300;font-size:12px;margin:18px 0 3px 9px;position:relative;color:#999}
.pfstore-cat-level2 .pf-x-product:hover .pf-x-product-sousfamille, #pfstore-productsearch-list .pf-x-product:hover .pf-x-product-sousfamille {color:#333}
.pfstore-cat-level2 .pf-x-product-sousfamille span, #pfstore-productsearch-list .pf-x-product-sousfamille span{position:absolute;left:0;right: 0;width: 83px;margin: auto;}
.pfstore-cat-level2 .pf-x-product-sousfamille span a, #pfstore-productsearch-list .pf-x-product-sousfamille span a{padding:0;margin:0}
.pfstore-cat-level2 .pf-x-product-tarif-list {text-align:left;padding:0 0 10px 10px}
.pfstore-cat-level2 .pf-x-product:hover a.pf-x-product-sousfamille-link, span.prix-livre-catalogue, #pfstore-productsearch-list .pf-x-product:hover a.pf-x-product-sousfamille-link{color:#cb0a1d}
.pfstore-cat-level2 .pf-x-product a.pf-x-product-sousfamille-link .prix, #pfstore-productsearch-list .pf-x-product a.pf-x-product-sousfamille-link .prix{padding:5px 0 5px 10px;line-height: 32px}
.pfstore-cat-level2 .pf-x-product a.pf-x-product-sousfamille-link .voirproduit,#pfstore-productsearch-list .pf-x-product:hover a.pf-x-product-sousfamille-link .prix,#pfstore-productsearch-list .pf-x-product a.pf-x-product-sousfamille-link .voirproduit{display:none}

.pfstore-cat-level2 .pf-x-product-sousfamille-tarif-link,#pfstore-productsearch-list .pf-x-product-sousfamille-tarif-link{font-size: 14px;font-weight:bold}
.pfstore-cat-level2 .gfw-pager a.gfw-x-digit {color:#333;border:1px solid #fcfcfc;width:25px}
.pfstore-cat-level2 .gfw-pager a.gfw-x-digit:hover {border: 1px solid #EEE;border-radius:5px;padding:5px;background:#EEE}
.pfstore-cat-level2 .gfw-pager a.gfw-x-current {color:#333;font-weight:bold;border: 1px solid #EEE;border-radius:5px;padding:5px}
.pfstore-cat-filter .pf-x-filter-list {border: 1px solid #EEE;margin: 5px 0;padding: 5px;width:710px}
.pfstore-cat-level2 ul.pfstore-cat-filtertree-ct {width:100%}
.pfstore-cat-level2 ul.pfstore-cat-filtertree-ct li{float:left;width:170px;color:#333;font-weight:bold;list-style-type:none}
.pfstore-cat-level2 ul.pfstore-cat-filtertree-ct li ul{margin: 2px;color:#333;font-size:12px;font-weight:bold;width:170px;line-height:17px}
.pfstore-cat-level2 ul.pfstore-cat-filtertree-ct li ul li{background:none;color:#333;padding:10px 0 0}

.pfstore-cat-level2 .bloc-pager{background:#fcfcfc;border-top:1px solid #eee;border-bottom:1px solid #eee;padding: 10px 0 23px}
.pfstore-cat-level2 .bloc-pager .nombre-article{float:left;color:#D51324;font-weight:bold;font-size:13px;padding:0 0 0 15px}
.pfstore-cat-level2 .bloc-pager .navig{margin:-7px 10px 0 0}
.pfstore-cat-level2 .bloc-pager .pf-pager-article{width:175px;display:inline-block;text-align:left;vertical-align: top;padding-top: 7px}
.pfstore-cat-level2 .bloc-pager ul{color:#333;border:1px solid #fcfcfc;text-align:center;display:inline-block;padding:6px}
.pfstore-cat-level2 .bloc-pager ul li {float: left;list-style-image:none;position:relative}
.pfstore-cat-level2 .bloc-pager ul li a {color:#333;padding:6px;margin-right:5px;background:#F5F5F5;font-size:13px}
.pfstore-cat-level2 .bloc-pager ul li a:hover{color:#333;border: 1px solid #fcfcfc;border-radius:3px;padding:5px;background:#EEE}
.pfstore-cat-level2 .bloc-pager ul li a.current{color:#fff;border: 1px solid #369;border-radius:3px;padding:5px;background:#369}
.pfstore-cat-level2 .bloc-pager a.all-products{display:inline-block;vertical-align: top;background:url('/src/profilestorage/printaffiliation/imprimerie-en-ligne/web/sprite.png') no-repeat 0 -1008px;padding: 0 0 0px 20px}

#topflyermenu-affinage{overflow: hidden}
#topflyermenu-affinage ul {height:28px;float:left;padding:0;list-style: none;margin:0}
#topflyermenu-affinage ul li{float: left;margin-right: 5px;border-bottom:none}
#topflyermenu-affinage ul li a{float: left;outline: none;background:#f5f5f5;padding:6px 10px;border-radius:2px 2px 0 0;margin: 4px 0 0;font-size:13px;color:#0063A4}
#topflyermenu-affinage ul li a.active{background: #7ab52e;color:#fff;text-decoration:none}

.pfstore-cat-level2 a.menubutton, .pfstore-cat-level2 a.menubutton:visited, .pfstore-cat-level2 a.menubutton:hover, .pfstore-cat-level2 a.menubutton:focus{outline: none}
.pfstore-cat-level2 a.menubutton:link{float: left; background: url('/src/applications/printfluxstore/themes/topflyer/image/fond-titre-affin.png');outline: none;border-bottom:none;border-radius:5px 5px 0 0;color:#0063A4;margin: 0;font-size:13px;padding:6px 10px}
.pfstore-cat-level2 a.menubutton:active{float: left;background: url('/src/applications/printfluxstore/themes/topflyer/image/fond-titre-affin.png');outline: none;margin: 0;font-size:13px;padding-top:6px;line-height:20px}
td.hedb{line-height:20px;padding-left:20px;font-size:15px}

.pfstore-orderlist-previewimg{border:0;width:180px}



#pfstore-product-view.x-view-preview #pfstore-product-info-stdquantity .tarifs {height:100px;overflow:auto;background:#f5f5f5}
#pfstore-product-panel-details1{margin:0 10px 0 0 !important}
#pfstore-product-view.x-view-preview #pfstore-product-panel-details1{overflow:hidden;width:367px !important;margin:0!important}
#pfstore-product-panel-details1 #pfstore-product-info-description{margin-left:10px}
#pfstore-product-view.x-view-preview #pfstore-product-panel-details1 #pfstore-product-info-stdquantity{height:150px;overflow:none}
#pfstore-product-view.x-view-preview #pfstore-product-info-description{display:none}
#pfstore-product-view.x-view-preview #pfstore-product-panel-details1 #pfstore-product-info-deliverydelays {margin-top:15px}
#pfstore-product-view.x-view-preview .pf-documentdescription-section-title {font-size: 16px;padding: 7px 13px}
#pfstore-product-panel-details1 .pf-product-description {font-size: 12px;font-weight:normal;line-height:1.5em;padding:5px}
#pfstore-product-view.x-view-preview #pfstore-product-panel-details1 .pf-product-description {padding: 13px;background: #f5f5f5}
#pfstore-product-view.x-view-preview #pfstore-product-panel-details2 .pf-product-info-container {vertical-align: top}
#pfstore-product-view.x-view-preview .pf-product-info-container h2 {padding:0 0 5px}
#pfstore-product-view.x-view-preview #pfstore-product-panel-details2 #pfstore-product-info-techdescription .pf-product-description{min-height:207px;background:#f5f5f5}

#pfstore-product-view.x-view-preview #pfstore-product-panel-details2 .icones-avantages a img {margin:5px 10px}
#pfstore-product-panel-details2 #pfstore-product-info-techdescription .pf-documentdescription-section {font-size:12px}
#pfstore-product-panel-details2 #pfstore-product-info-techdescription .pf-documentdescription-section-propertyname{font-weight:bold;padding-left:15px;line-height:17px; color:#333;font-size:12px}
#pfstore-product-view.x-view-preview #pfstore-product-panel-details2 #pfstore-product-info-techdescription .pf-documentdescription-section-propertyname {padding-left: 33px;line-height: 18px;font-size: 14px}
#pfstore-product-view #pfstore-product-panel-details2 #pfstore-product-info-techdescription .pf-documentdescription-section-propertyvalue {color:#333;font-size:11px}
#pfstore-product-view.x-view-preview #pfstore-product-panel-details2 #pfstore-product-info-techdescription .pf-documentdescription-section-propertyvalue {color:#333;font-size:13px}
#pfstore-product-view #pfstore-product-info-social{margin: 10px 0;width: 550px;float:right}
#pfstore-product-view.x-view-preview #pfstore-product-info-social, #pfstore-basket-view .pf-x-hed-urgence, #pfstore-basket-view .pf-x-col-urgence, #pfstore-basket-view .pf-x-product-description,#pfstore-product-view.x-view-preview #pfstore-product-info-packaging{display: none}
#pfstore-product-view #pfstore-product-info-packaging{width:550px;float:right}
#pfstore-product-view #pfstore-product-info-packaging a{margin:0 1px}

.pf-x-product-preview-container .pf-x-controls{display: inline-block;width: 385px;vertical-align: top}


.pf-x-mybasket {text-align:left}
.pf-x-mybasket .pf-x-button-modify{text-align:left;font-size:12px;font-weight:bold}
.pf-x-mybasket a.pf-x-link {font-size:11px;color:#336699;font-weight: bold;text-decoration:none}
.pf-x-mybasket a.pf-x-link:hover{font-size:11px;color:#d55000;font-weight: bold;text-decoration:none} 
.pf-x-mybasket .pf-x-button-agrandir,#pfstore-basket-view .pf-x-col-preview .pf-x-button-modify{font-size:12px;text-align:center;font-weight:bold}
.pf-x-mybasket a.pf-x-agrandir-link,#pfstore-basket-view .pf-x-col-preview a.pf-x-link {font-size: 12px;color: #336699;font-weight: bold;text-decoration: none}
.pf-x-mybasket a.pf-x-agrandir-link:hover,#pfstore-basket-view .pf-x-col-preview a.pf-x-link:hover{color: #d55000;text-decoration: none} 

.gfw-grid td.row {border-bottom: 1px solid #999999;empty-cells: show;font-weight: normal;padding:10px 5px}



.fond-text-upload-formulaire {align:left;margin:10px auto 0;background:url('/src/applications/printfluxstore/themes/topflyer/image/fd-conseil.png');height:170px;width:879px;color:#1d4e7e}
.fond-text-upload-formulaire ul {padding:12px 0 3px 30px;font-size:11pt;font-weight:bold}
.fond-text-upload-formulaire li {padding-left:160px;line-height:17px}
.fond-text-upload-formulaire .texte-important-upload-formulaire{padding:10px 0 0 115px;color:#d51324;font-weight:bold}

.pf-champ-formulaire{color:#333;font-size: 12px;text-align: right}
.titre-onglet {font-size: 22px;color: #0E71B4;margin-bottom: 0}
.seplabel{color:#d51324;font-size: 20px;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}
.pf-x-cgv-label{font-size:12px !important; color:#D51324 !important}
a.slickbutton{margin-bottom:10px}
a.slickbutton:hover{border-bottom: 1px solid #AAA;border-left: 1px solid #666;border-right: 1px solid #AAA;border-top: 1px solid #666;color:#0063A4;cursor: pointer;font-weight: bold;padding: 2px 5px;text-align: center;text-decoration: none}

.gfw-form input[type=text], .gfw-form input[type=password], .gfw-form-fieldpanel textarea{border:1px solid #dadada;padding:4px;color:#333;margin: 3px}
.gfw-form-fieldpanel{padding-top: 15px}
.gfw-form-buttonbar-col{margin:0 0 0 auto;text-align:right}
.zoomer-img{background: #FFF;border: 1px solid #eeeeee;height: 600px;margin: 2px auto;overflow: hidden;position: relative;text-align: center;width: 600px;z-index: 9}
a.all-products{line-height:30px;color:#336699}
a.all-products:hover{line-height:30px;text-decoration:none;color:#d51324}

a.slickbutton{background: url('/src/applications/printfluxstore/themes/topflyer/image/fondmenu.jpg');border: 1px solid #cecece;color:#333;cursor: pointer;font-weight: bold;padding: 5px 20px;text-align: center;text-decoration: none;margin-top:20px;border-radius:2px}
a.slickbutton:active{background:#e8e8e8;border: 1px solid #cecece;color: #0063A4;cursor: pointer;font-weight: bold;padding: 5px 20px;text-align: center;text-decoration: none; margin-top:20px;border-radius:2px}
a.slickbutton:hover{background:url('/src/applications/printfluxstore/themes/topflyer/image/fondmenu.jpg');border: 1px solid #cecece;color: #0063A4;cursor: pointer;font-weight: bold;padding: 5px 20px;text-align: center;text-decoration: none; margin-top:20px;border-radius:2px}



#pf-search-list .textcontainer {padding:0 14px 7px}
#pf-search-list .box .pf-x-parent a{font-size: 15px;color:#d51324;font-weight:bold;padding:10px 0 0 15px}
#pf-search-list .bloc-image-catalogue{float:left;margin:0 14px 0 0}
#pf-search-list .bloc-image-catalogue i{font-size: 48px; color: rgba(0,0,0,.2); margin: 14px;}
#pf-search-list .box .pf-x-image {border:none;display: block;margin: 2px auto;text-align:center;height:130px;width:130px;max-height: 130px}
#pf-search-list ul li.menubutton{outline: none;background: url('/src/applications/printfluxstore/themes/topflyer/image/fond-haut-deg.png');outline: none;border-bottom:none;border-radius:5px 5px 0 0;color:#ffffff;padding:8px 10px 5px;margin-left:20px;width:95px;font-weight:bold}
#pf-search-list #description .description{color: #333;font-size: 12px;font-weight: normal;text-align: left}
#pf-search-list #description .nb-produits, #pf-search-list #description .aucun-produit .plus{color:#9B9C9C;margin-left:65px}
#pf-search-list #description .aucun-produit{color:#d51324}
.pfstore-relatedproducts-ct{}
.pfstore-relatedproducts-ct .titre-bloc-modele{color:#333;font-weight:normal;font-size:23px;padding:10px 0 0 10px}
.pfstore-productcommentlist-ct .titre-bloc-comment{color:#333;font-weight:normal;font-size:23px;padding:10px 0 0 10px}

.pfstore-relatedproducts-ct .pf-x-all-product {position: absolute;right: 0;top: 240px}
.pfstore-relatedproducts-ct a.link-page-product,.pfstore-relatedproductscomment-ct a.link-page-product{color:#0063A4;font-size:12px;text-decoration:none;padding:5px 10px;border:1px solid #f5f5f5;background:#FAFAFA;border-radius: 3px}
.pfstore-relatedproducts-ct a.link-page-product, .pfstore-relatedproducts-ct a.link-page-product:hover{margin-right:15px}
.pfstore-relatedproductscomment-ct a.link-page-product, .pfstore-relatedproductscomment-ct a.link-page-product:hover{margin-left:10px}
.pfstore-relatedproducts-ct a.link-page-product:hover, .pfstore-relatedproductscomment-ct a.link-page-product:hover{color:#D51324;font-size:12px;text-decoration:none;background:#f5f5f5;border-radius: 3px;padding:5px 10px;border:1px solid #ececec}

.pfstore-relatedproductscomment-ct{margin-left:20px;padding:5px}
.pfstore-relatedproductscomment-ct .titre-bloc-modele {color:#D51324;font-size:18px;padding:10px 0 5px;margin-top:10px;border-top:2px solid #d8ebbc}
.pfstore-relatedproductscomment-ct a{color:#0063A4;font-size:12px}
.pfstore-relatedproductscomment-ct a:hover{color:#D51324;font-size:12px;text-decoration:none}
.pfstore-relatedproductscomment-ct .bloc-img{float:left;width:135px;padding:0 15px 20px 0}
.pfstore-relatedproductscomment-ct .bloc-img img{width:100px;height:100px;padding:15px 0 10px;margin-left:10px}
.pfstore-relatedproductscomment-ct .pf-x-all-product{float:right;text-align:right;width:900px;margin-right:0}

.gfw-form-mainpanel{width: 100%;padding:0 0 14px}
.gfw-form-mainpanel .gfw-form-header .gfw-form-title-comment{font-size:20px;color:#6ca01a;font-style: italic; font-weight:bold;padding-bottom:15px}
.gfw-form-mainpanel .gfw-form-header .gfw-form-texte-comment{font-size:12px;color:#333;padding:0 0 30px 25px;line-height:18px}
.gfw-form-mainpanel .gfw-form-header .gfw-form-texte-comment a{font-size:12px;color:#336699;text-decoration:none}
.gfw-form-mainpanel .gfw-form-header .gfw-form-texte-comment a:hover{color:#336699;text-decoration:underline;font-size:12px}

.gfw-form-title-comment-prod {font-size:15px;color:#6ca01a;font-style: italic;line-height:23px}
.gfw-form-texte-comment-prod{font-size:12px;color:#333;line-height:20px;padding-left:25px}
.gfw-form-title-comment-prod a{font-size:15px; color:#6ca01a;font-style: italic; font-weight:bold;text-decoration:none}
.gfw-form-title-comment-prod a:hover{text-decoration:underline}

#form-comment .oblb{color: #D51324;font-weight: bold;font-size: 13px; text-align:right}
#impressionnote_rater-label .std1, #sitenote_rater-label .std1, #cataloguenote_rater-label .std1, #suivinote_rater-label .std1, #echangenote_rater-label .std1, #emballagenote_rater-label .std1{color: #333;font-size: 12px}
#sitenote_rater_rater_text, #cataloguenote_rater_rater_text, #suivinote_rater_rater_text, #impressionnote_rater_rater_text, #emballagenote_rater_rater_text, #echangenote_rater_rater_text{color:#888}

.courriel-comment {font-weight:bold;color:#6ca01a}
.tableau-note{margin-bottom:20px;padding:0;border:1px solid #dadada;border-radius:2px;background:#fff url('/src/profilestorage/printaffiliation/imprimerie-en-ligne/img/indien-commentaire.jpg');width:720px;height:230px}
.satisfaction{padding:3px 0;font-size:10px;color:#838383}
.titre-note{text-align:right;padding-right:20px;width:380px;color:#666}

.pfstore-productcommentlist{margin:8px;padding-left:15px}
.pfstore-productcommentlist .titre-bloc-comment-page{color:#D51324;font-weight:normal;font-size:18px;padding:15px 0}
.bloc-comment-page .signature{float:left;color:#666666;padding-top:2px;font-size:10px}
.pfstore-productcommentlist .titre-commentaire{padding-left:15px;font-size:18px;color:#333}
.pfstore-productcommentlist .comment-tableau{padding-top:25px;line-height:20px;font-size:12px;color:#666}
.pfstore-productcommentlist .bloc-comment-page{padding:10px 15px 10px 10px;margin:0 5px 10px 0;width:620px;border:1px solid #DDD;background:#f5f5f5}
.pfstore-productcommentlist a.link-page{color:#0063A4;font-size:12px;text-decoration:none;padding:5px;border:1px solid #FFF}
.pfstore-productcommentlist a.link-page:hover{color:#D51324;font-size:12px;text-decoration:none;background:#f5f5f5;border-radius: 3px;padding:5px;border:1px solid #ececec}
.pfstore-productcommentlist .pf-x-all-product{float:right; text-align:right; width:900px}
.pfstore-productcommentlist .pf-x-stats-summary{padding:0 20px 20px;border:1px solid #ddd;background:#fff url('/src/profilestorage/printaffiliation/imprimerie-en-ligne/img/indien-commentaire.jpg') left bottom;width:605px;height:190px;font-size:20px;margin:0 5px 10px 0}
.bloc-commentaire-general{padding:14px;min-height:175px}
.bloc-commentaire-general .signature-note{float:left;color:#666;padding:2px 0 0 15px}
.bloc-commentaire-general .tableau-produit{float:left;color:#666;background:#fff;border-radius:3px;border:1px solid #d9d9d9;margin:5px;padding:5px;font-size:10px;text-align:left;-moz-box-shadow: 0 0 6px #d7d7d7;-webkit-box-shadow: 0 0 6px #d7d7d7;box-shadow: 0 0 6px #d7d7d7;position: relative;top:10px;text-align:center}
.bloc-commentaire-general .tableau-produit .pointer{position: absolute;left: 15px;top: -11px;height: 11px;width: 20px;background: url(/src/profilestorage/printaffiliation/imprimerie-en-ligne/img/pointer.png) -47px 0 no-repeat transparent}
.bloc-commentaire-general .tableau-produit .icon-product img{padding:7px;height:90px}
.bloc-commentaire-general .commentaire-tableau{line-height:20px;font-size:14px;color:#333;margin-left:140px}
.bloc-commentaire-general .titre-commentaire-tableau{margin:0;font-size:16px;padding-top:20px;color:#333}
.bloc-aide-hl{background:#F5F5F1;border-radius:5px;padding:15px 20px 0;margin-top:10px;overflow:hidden;width:675px}
.bloc-aide-hl .img-hl{float:right;padding:2px 30px 0 0}
.gfw-form-title-comment2{font-size:20px;color:#d51324;margin:0 0 7px}

.gfw-form-texte-comment2 a{color:#0063A4}
.gfw-form-texte-comment2 a:hover, .texte-cms a:hover{text-decoration:underline}
.pfstore-productcommentlist-ct{margin:14px 0;min-height:250px}
.pfstore-productcommentlist-ct .titre-commentaire{margin:0;padding-left:15px;color:#333}
.pfstore-productcommentlist-ct .comment-tableau{padding-top:25px;font-size:14px;color:#555}


.pfstore-productcommentlist-ct .pf-x-all-product{text-align:right}
.texte-cms{font-size:14px;padding:14px;color:#333; display: inline-block;vertical-align: top;line-height:22px}
.texte-cms h1{color: #000;font-size: 23px}
.texte-cms h1.top{padding:7px 0 28px}
.texte-cms h1 i{color: #7ab51b;margin: 0 14px 0 0}
.texte-cms h2{color:#333;font-size:16px;margin:28px 0 7px}
.texte-cms h3{color:#555;font-size:14px;margin:28px 0 7px}
.texte-cms .hotline{font-size:19px;color:#cf2a17;font-weight:bold}
.texte-cms .bloc-contact{text-align:center;background-color: #f5f5f5;width:300px;margin:20px auto;border-radius:4px;padding:10px}
.texte-cms .bloc-contact img {height:auto}
.texte-cms .bloc-contact span{padding:3px 0 3px;display:block}
.texte-cms .point-etoile{background:url('/src/applications/printfluxstore/themes/topflyer/image/etoile.png') no-repeat left;padding:5px 5px 5px 25px;margin-left:15px}
.texte-cms .sous-titre{text-align: left;font-size:14px;font-weight:bold;padding:10px 0}
.texte-cms a{color:#0063A4;text-decoration:none;font-size:14px}

.bloc-paiement-ok .commandeok{font-size:16px;font-weight:bold}
.bloc-paiement-ok .bloc-paiement{width:100%}

.bloc-paiement span {font-size: 12px;color:#999;}
.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:10px 0;background:#fcfcfc;border:1px solid #dedede;width:500px;text-align:center}
.pfstore-basketshare{width:700px;color:#666}
.pfstore-basketshare .pf-x-title{font-size:18px;color:#D51324}
.pfstore-basketshare .pf-x-title a{font-size:18px;color:#D51324;text-decoration:none}
.pfstore-basketshare .pf-x-title a:hover{text-decoration:underline}
.pfstore-basketshare .pfstore-relatedproducts-ct{margin-left:0}
.pfstore-basketshare a.lien-texte{color:#666666;font-size:12px;text-decoration:none}
.pfstore-basketshare a.lien-texte:hover{color:#336699;text-decoration:underline}
.pfstore-basketshare .pfstore-relatedproducts-ct .titre-bloc-modele{color:#D51324;font-size:18px;padding:5px 0;margin-top:10px;border-top:4px solid #f3f3f3}
.pfstore-basketshare .pfstore-relatedproducts-ct a{color:#0063A4;font-size:12px;text-decoration:none}
.pfstore-basketshare .pfstore-relatedproducts-ct a:hover{color:#D51324;text-decoration:none}
.pfstore-basketshare .pfstore-relatedproducts-ct .bloc-img{width:140px;padding:5px;float:left;margin:10px;border:1px solid #fff}
.pfstore-basketshare .pfstore-relatedproducts-ct .bloc-img:hover{float:left;background-color:#FAFAFA;border-radius: 3px;border:1px solid #eee}
.pfstore-basketshare .pfstore-relatedproducts-ct .pf-x-all-product{float:right;text-align:right;width:900px;margin-right:0}

.pfstore-basketshare .pfstore-relatedproducts-ct a.link-page-product{margin-right:15px;color:#0063A4;font-size:12px;text-decoration:none;padding:5px 10px 0;border:1px solid #f5f5f5;background:#FAFAFA;border-radius:3px}
.pfstore-basketshare .pfstore-relatedproducts-ct a.link-page-product:hover{color:#D51324;text-decoration:none;background:#f5f5f5;border:1px solid #ececec}

.pfstore-basketshare .pf-x-socialconnect .pf-x-social{float:right;width:240px; font-size:12px; color:#336699;font-weight:bold;height:220px}
.pfstore-basketshare .pf-x-socialconnect .pf-x-bat{width:480px}
.pfstore-basketshare .pf-x-socialconnect{display:block; background: #EEE url('/src/profilestorage/printaffiliation/store/web-11/printfluxstore-texture.png');border-top:1px solid #eee; border-bottom:1px solid #eeeeee; padding:5px;width:700px; height:100%;min-height:200px}
.pfstore-basketshare .pf-x-productlink{margin:auto;text-align:center}
.pfstore-basketshare .pf-x-productlink a{padding:5px 30px;border-radius:3px;-moz-box-shadow: 1px 0 4px #7b7b7b; -webkit-box-shadow: 1px 0 4px #7b7b7b;box-shadow: 1px 0 4px #7b7b7b;border: 1px solid #459A00;background: #4AA400;font-size:15px;font-weight:bold}
.pfstore-basketshare .pf-x-productlink a{color:#fff;text-decoration:none;background: -webkit-gradient(linear,center top,center bottom,from(#5CCD00),to(#4AA400));background: -moz-linear-gradient(top,#5CCD00,#4AA400);text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.5)}
.pfstore-basketshare .pf-x-productlink a:hover{color:#fff;text-decoration:none; background-color:#eee;background: -webkit-gradient(linear,center top,center bottom,from(#4AA400),to(#5CCD00));background: -moz-linear-gradient(top,#4AA400,#5CCD00); text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.5)}
.pfstore-basketshare .pf-x-productlink1{margin:60px auto auto}
.pfstore-basketshare .pf-x-productlink1 a{padding:6px 35px;border-radius:3px;-moz-box-shadow: 1px 0 4px #eee; -webkit-box-shadow: 1px 0 4px #eeeeee box-shadow: 1px 0 4px #eeeeee;border: 1px solid #d8d8d8;background: #d8d8d8;font-size:16px;font-weight:bold}
.pfstore-basketshare .pf-x-productlink1 a{color:#555;text-decoration:none;background: -webkit-gradient(linear,center top,center bottom,from(#fefefe),to(#ddd));background: -moz-linear-gradient(top,#fefefe,#ddd); text-shadow: 0 -1px 1px #ddd}
.pfstore-basketshare .pf-x-productlink1 a:hover{color:#333;text-decoration:none; background-color:#eee;background: -webkit-gradient(linear,center top,center bottom,from(#f6f6f6),to(#dddddd));background: -moz-linear-gradient(top,#f6f6f6,#dddddd); text-shadow: 0 -1px 1px #ddd}
.pfstore-basketshare .pf-x-description{background:#ffffff url('/src/profilestorage/printaffiliation/imprimerie-en-ligne/img/indien-parainage.png') no-repeat left;width:710px;height:125px;margin:auto;border:1px solid #eeeeee;border-radius: 3px;text-align:center;font-size:15px}
.pfstore-basketshare .pf-x-description a{color:#666;font-size:15px;text-decoration:none}
.pfstore-basketshare .pf-x-description a:hover{color:#336699;font-size:15px;text-decoration:underline}
.pfstore-basketshare .pf-x-codepromo{float:left;color:#fff;background:#ce4110;padding:10px 15px;margin:0;border-radius: 0 6px 6px 0}
.pfstore-basketshare .pf-x-promo{float:left;background:#eee;border-radius: 6px 0 0 6px;color:#ce4110;border-left:1px dashed #ce4110;border-top:1px dashed #ce4110;border-bottom:1px dashed #ce4110;padding:9px;width:180px}
.pfstore-basketshare .gfw-zoomable{cursor: url(/src/profilestorage/printaffiliation/imprimerie-en-ligne/img/zoom_in.png), pointer}

.return-basket{color:#333333}
.return-basket .felicitation-panier{font-size:15px;background: url('/src/profilestorage/printaffiliation/imprimerie-en-ligne/img/accept.png') no-repeat left middle;margin:30px 0 0 20px;padding:10px 0 10px 50px}
.gfw-zoomable{cursor: url(/src/profilestorage/printaffiliation/imprimerie-en-ligne/img/zoom_in.png), pointer}

.return-basket .pf-x-productlinksuivi{margin:20px 15px 20px 50px;float:left}
.return-basket .pf-x-productlinksuivi a{padding:6px 20px;border-radius:3px;-moz-box-shadow: 1px 0 4px #eeeeee;-webkit-box-shadow: 1px 0 4px #eee box-shadow: 1px 0 4px #eeeeee;border: 1px solid #336699;background: #d8d8d8;font-size:16px;font-weight:bold}
.return-basket .pf-x-productlinksuivi a{color:#ffffff;text-decoration:none;background: -webkit-gradient(linear,center top,center bottom,from(#8eacd9),to(#336699));background: -moz-linear-gradient(top,#8eacd9,#336699); text-shadow: 0 -1px 1px #333}
.return-basket .pf-x-productlinksuivi a:hover {color:#ffffff;text-decoration:none;background-color:#eeeeee;background: -webkit-gradient(linear,center top,center bottom,from(#6c9adf),to(#336699));background: -moz-linear-gradient(top,#6c9adf,#336699); text-shadow: 0 -1px 1px #333}
.return-basket .pf-x-productlinkneworder{float:right;margin:20px 50px 20px 15px}
.return-basket .pf-x-productlinkneworder a{padding:6px 20px;border-radius:3px;-moz-box-shadow: 1px 0 4px #eeeeee;-webkit-box-shadow: 1px 0 4px #eeeeee box-shadow: 1px 0 4px #eeeeee;border: 1px solid #5dac18;background: #d8d8d8;font-size:16px;font-weight:bold}
.return-basket .pf-x-productlinkneworder a{color:#ffffff;text-decoration:none;background: -webkit-gradient(linear,center top,center bottom,from(#bddd73),to(#5dac18));background: -moz-linear-gradient(top,#bddd73,#5dac18); text-shadow: 0 -1px 1px #3c710e}
.return-basket .pf-x-productlinkneworder a:hover{color:#fff;text-decoration:none; background-color:#eeeeee;background: -webkit-gradient(linear,center top,center bottom,from(#a1cf3d),to(#5dac18));background: -moz-linear-gradient(top,#a1cf3d,#5dac18);text-shadow: 0 -1px 1px #3c710e}
.pf-x-basketshareinvit img.image-return-basket {display: block; text-align:center;width:400px; margin: 0; border: none}
.pf-x-basketshareinvit a.rolloverImage {position: relative; font-size:12px; font-weight:bold; color:#336699; cursor:default; text-decoration:none}
.pf-x-basketshareinvit a.rolloverImage span {position: absolute;bottom: 10px;width: 380px;display:none;padding:10px 0 10px 20px;background:#EEE url('/src/profilestorage/printaffiliation/store/web-11/printfluxstore-texture.png');border-top: 1px dotted #CCC;border-bottom: 1px dotted #CCC}
.pf-x-basketshareinvit a.rolloverImage:hover span{display:block}

.pf-x-social-return, .pf-x-social-return-blog{font-size:14px;color:#336699;font-weight:bold;height:30px}
.pf-x-social-return-blog {margin-top:50px}
.td-social-basket {vertical-align:top;background: #EEE url('/src/profilestorage/printaffiliation/store/web-11/printfluxstore-texture.png');border-left:1px dotted #ccc;color:#666;padding:8px}
.entete-social-basket {color:#666;font-size:12px;padding:5px 0 0 20px}
.activeinstantsearchText input{border:1px solid #d55000}
.pfstore-cat-level2 .pf-x-product-famille{padding:7px 0}
#orderdataeditform-container{font-size:12px}
#orderdataeditform-container .gfw-form-fieldpanel .x-widget-container{margin-bottom: 14px}

#avis-produit{line-height: 13px;display: inline-block;vertical-align: top;width:715px}
#pfstore-product-view .pf-x-product-titre{font-size:22px;font-weight: normal;color:#d51324}
#pfstore-product-button-basketadd{vertical-align:top;display:inline-block;margin-top:10px}
.icones-avantages {display: inline-block}
.pf-product-scroll-list{height:173px}
.pf-product-info-container {line-height:20px;margin:0 0 14px;flex-direction: column;flex:1}
.pf-line-tarif .right{height:20px}
.left{float:left}
.gfw-form-titlebar{padding:0}
.class-blog{width:250px;height:55px}
section .central {width: 668px}

header{border-bottom:1px solid #dadada;background: #fff;
  & ul {list-style-type:none}
  & p{display:none}
  & .container{position: relative;display: flex;align-items:center;gap: 35px}
  & .logo{grid-area: header-logo;width:100%;padding:3px 0 0;margin:auto}
  & .header-menu{display:flex;gap:7px;justify-content:space-between;text-align: center;padding: 7px 0;font-size:.7em}
  & .pfstore-usermsgiconlink-ct{text-align:center;vertical-align: top}
  & .gfw-iconlink img {width: 2em; margin: 7px 0;}
  & .header__icon {display:block;margin:7px 0 0;grid-area:burger}
  & .header__icon span{display:block;margin:0 auto;font-size:7px;text-align:center}
  & .header__icon:before {content: '\f0c9';    font-size: 20px;text-align: center;display:block;margin:0 auto}

}
.with--sidebar .header__icon:before{content: '\f00d'}


.with--sidebar nav{border-top: 5px solid var(--red);display: block; box-shadow: 0 2px 5px rgba(0,0,0,.15); overflow: scroll; z-index: 5; background: #f5f5f5; position: fixed; top:55px; bottom: 0; -webkit-overflow-scrolling: touch; width: 300px; transform: translateZ(0)}
.with--sidebar .site-cache { position: fixed;top:55px; left: 0; right: 0;bottom: 0; background-color: rgba(0,0,0,.6);  z-index: 2;}

.footer-avantages {background:var(--bgmen);color: #fff;padding: 14px 0;
    & .container {display:grid;grid-template-columns:1fr 1fr;gap:21px}
    & .container div{text-align:center}
    & .container div span{color:#fff;display:block}
    & .container div img{margin:7px auto;width:70px;border-radius: var(--borderradius);}
}

footer{background: #031f3a;background: color-mix(in srgb, var(--bgmen), #000000 60%);margin: 0 auto !important;
    & .menu-footer{ display:grid;grid-template-areas: "footer1" "footer2";padding: 28px 0}
    & .menu-footer .footer1{grid-area: footer1}
    & .menu-footer .footer2{grid-area: footer2;}
    & ul li {font-size:18px;color:#fff}
    & ul li ul li {list-style-type:none;line-height: 23px;}
    & .menu-footer li ul{margin:14px 0 0}
    & .menu-footer li ul li a{font-size: .7em;color: #fff}
    & .copy {font-size:.8em;color:#fff;padding:21px 0;text-align: center; border-top: 1px solid color-mix(in srgb, transparent, #fff 60%);}
}



@media screen and (min-width:600px){
    header{border-bottom:0;
      & .logo {height: auto;width:200px}
      & p{display:block;line-height: 14px;margin:0}
  }
}

@media screen and (min-width:768px){
    header{
      & .header__icon {display: none}
      & .container{display:grid;grid-template-rows:1fr;grid-template-areas:    "header-logo header-search header-menu"}
}
.pfs-user-disconnected header .container{grid-template-columns:1fr 4fr 1fr}
.pfs-user-connected header .container{grid-template-columns:1fr 3fr 1fr}

}

@media screen and (min-width:985px){
.pfs-user-disconnected header .container{grid-template-columns:1fr 4fr 3fr}
.pfs-user-connected header .container{grid-template-columns:1fr 3fr 4fr}
footer{
    & .menu-footer{margin:0 auto;grid-template-areas: "footer1 footer2 footer3"}
    & .menu-footer .footer2{margin:0;}
}
}

@media screen and (min-width:1200px){
   .container,footer .menu-footer,.pf-productrelatedgroupselector,.pf-productcomplementarygroupselector{width:var(--contentwidth1200)}
.pfs-user-disconnected header .container{grid-template-columns:1fr 4fr 2fr}
.pfs-user-connected header .container{grid-template-columns:1fr 3fr 3fr}
}

.pfstore-productsearch-ct .pf-x-submit .pf-x-submitlabel{display:none}


nav{display:none}
nav .container {position: static;height: 100%;display: grid;grid-template-columns:repeat(5, 1fr);background: transparent;}
nav ul li:hover > .nav--sousMenu{display:block}
.with--sidebar nav{
    display: block;
    box-shadow: 0 2px 5px rgba(0,0,0,.15);
    overflow: scroll;
    z-index: 5;
    padding: 5px 0 0;
    background:#fff;
    position: fixed;
    top:100px;
    bottom: 0;
    -webkit-overflow-scrolling: touch;
    width: 300px;
    transform: translateZ(0)}
.with--sidebar nav .container{grid-template-columns: 1fr;}
nav ul li,nav ul li ul li{text-align:left}
.icones-avantages{text-align:left}
.header__icon {display:block;margin: 9px 0 0;grid-area:burger}
.header__icon span{display:block;margin:0 auto;font-size:8px;text-align:center}
.header__icon:before {content: '\f0c9'; font-size: 25px;text-align: center;display:block;margin:0 auto}
.with--sidebar .header__icon:before{content: '\f00d'}
.with--sidebar .site-cache {
    position: fixed;
    top:100px;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,.6);
    z-index: 2;
}
nav .nav--btn a{display:block;padding:14px 21px;color:#000;text-align: center}
nav ul li .nav--sousMenu {display: none;width:auto;left:14px;right:14px;top:45px;box-shadow: 2px 7px 20px rgba(0, 0, 0, 0.2);z-index: 11;position: absolute;background: #fff}

nav ul li .nav--sousMenu li a {cursor: pointer;display: block}
nav ul li .nav--sousMenu li ul{line-height: 21px;padding-bottom: 0;font-weight: 700;font-size: 1em;list-style: none; background:#fff;color:#000000; padding-right: 14px !important;}
nav ul li .nav--sousMenu li ul a{color:#000000;font-weight: 700;}
nav ul li .nav--sousMenu li ul li a {color: var(--fglink)!important;font-weight:400;}

.nav--btn {display:flex;align-items:center;text-align:center;    position: relative;}
.nav--btn .nav--btn-link{margin: auto;padding: 14px;width:100%;color:#000000}

@media screen and (min-width:768px){
 
    nav{display:block;background: linear-gradient(135deg, var(--bgmen-dark) 0%, var(--bgmen) 60%);position:relative}
    .nav--btn{position: initial;}
    .nav--btn .nav--btn-link {color: #fff}
    nav ul li{text-align:center}
    nav ul li .nav--sousMenu {width:100%;left:0;right:0}
    nav .nav--sousMenu .nav--sousMenu-li {text-align:left;display:grid;grid-template-columns: repeat(3, 1fr);margin:21px auto;gap:21px}
    nav ul li a:hover{background: #00519d05}
    .nav--btn:hover {background:  color-mix(in srgb, var(--bgmen-dark), black 10%);text-decoration: none;}
}
    
    @media screen and (min-width:985px){
nav ul li .nav--sousMenu li ul li a:hover{background: #fff;text-decoration: underline;    box-shadow: 0 0 7px rgba(0, 0, 0, 0.2); border-radius: var(--borad-med);text-decoration: none; border: 0;}
}








