.mrd {min-width:1280px; background-color:#000000;}
#lock {position:fixed; border:0px solid #000000; width:100%; left:0px; top:84px; bottom:0; cursor:hand; z-index:18; background-color:#000000; filter:alpha(opacity=0); -moz-opacity:0.00; opacity:0.00; -khtml-opacity:0.00;}
#lock_category {position:fixed; border:0px solid #000000; width:100%; left:0px; top:162px; bottom:0; cursor:hand; z-index:18; background-color:#000000; filter:alpha(opacity=0); -moz-opacity:0.00; opacity:0.00; -khtml-opacity:0.00;}
div.bigsearch {float:left; border:0px;  font-size:14px; outline:none; background-color:#ffffff; color:#000000; border-radius:3px; width:calc(100% - 100px);}
input.search_field {border:0px; outline:none;  width:100%;}
input.search_field::placeholder {color: #000000; opacity:0.5;}
div.autofield {position:fixed; left:0px; top:0px; padding:0px; margin:0px; width:800px; border:0px; z-index:21; background-color:#ffffff; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); border-bottom-left-radius:4px; border-bottom-right-radius:4px; padding-bottom:4px;}
div.autofield_elem {clear:both; float:left; width:100%; background-color:#ffffff; cursor:pointer; border-bottom:0px solid var(--master-color);  transition: 0.5s;}
div.autofield_elem:hover {background-color:var(--master-color); color:#ffffff; transition: 0s;}
div.autofield_elem:hover div {color:#ffffff;}
div.autofield_elem:last-child {clear:both; float:left; width:100%; background-color:#ffffff; cursor:pointer; border-bottom:0px solid var(--master-color);}
div.autofield_elem:last-child:hover {background-color:var(--master-color); color:#ffffff; transition: 0s;}
div.autofield_elem img {float:left; width:64px; height:48px; margin:2px; margin-right:8px;}
div.autofield_elem div {float:left; width:calc(100% - 76px); height:48px; color:#000000; overflow:hidden; text-overflow:ellipsis;}
div.autofield_eright_title {clear:both; float:left; width:100%; font-size:20px; background-color:var(--master-color); color:#ffffff; margin:0px; padding:4px 8px;}
div.autofield_eright {clear:both; float:left; width:100%; border-left:1px solid var(--master-color); cursor:pointer; font-size:14px; transition: 0.5s;}
div.autofield_eright:hover {background-color:var(--master-color); color:#ffffff; transition: 0s;}
div.autofield_eright:last-child {border-bottom:1px solid var(--master-color);}
div.autofield_eright img {float:left; width:32px; height:24px; margin-right:4px;}
div.autofield_eright div {float:left; width:calc(100% - 40px); height:24px; overflow:hidden; text-overflow:ellipsis; }
div.propal_product {float:left; width:calc(100% - 320px); height:100%; margin:0px; padding:0px;}
div.propal_right {float:right; width:320px; height:100%; margin:0px; padding:0px; background-color:#ffffff;}
div.propal_printer {clear:both; float:left; width:100%; margin:0px; padding:0px;}
div.propal_category {clear:both; float:left; width:100%; margin:0px; padding:0px;}
div.propal_producer {clear:both; float:left; width:100%; margin:0px; padding:0px;}
.maincat {float:left; font-size:12px; border-left:1px solid #ffffff; padding:4px 10px; padding-bottom:0px; height:54px; cursor:pointer; text-transform: uppercase;}
.maincat:hover {color:var(--master-color);}
.maincat:last-child {border-right:1px solid #ffffff;}
.maincat2line {float:left; font-size:12px; border-left:1px solid #ffffff; padding:4px 0.5vw; padding-bottom:0px; height:54px; cursor:pointer; line-height:100%; text-transform: uppercase;}
.maincat2line:hover {color:var(--master-color);}
.maincat2line:last-child {border-right:1px solid #ffffff;}
.subcat_panel {position: fixed; text-align:left; left:0px; top:160px; border:1px solid #000000; border-top:0px; border:0px; border-bottom-left-radius:4px; border-bottom-right-radius:4px; margin:0px 5%; width:90%; background-color:#ffffff; padding:16px 8px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); z-index:19;}
.subcat_panel .subcat {display: inline-block; width:256px; text-align:left; vertical-align: top; margin-bottom:16px; font-size:13px;}
.subcat_panel .subcat img {width:200px; margin:0px 48px 0px 16px; margin-bottom:4px; border:1px solid #000000;}
.subcat_panel .subcat .desc {float:left; width:256px; color:#000000; height:24px; margin-left:16px;}
.subcat_panel .subcat .desc a {font-size:15px;}
.subcat_panel .subcat .sdesc {float:left; width:256px; color:#000000; font-weight:normal; margin-left:16px; font-size:14px; border-left:1px solid #000000; padding-left:8px;}
.subcat_panel .subcat a {color:#000000; text-decoration:none;}
.subcat_panel .subcat a:hover {text-decoration:underline;}
#login_view {position:fixed; left:-1000px; top:200px; font-size:14px; border-top:0px; background-color:#ffffff; z-index:23; margin:0px; padding:0px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); border-bottom-left-radius:4px; border-bottom-right-radius:4px; padding-bottom:4px;}
#product_view {position:fixed; left:-1000px; top:200px; border-top:0px; background-color:#ffffff;; width:832px; height:640px; z-index:23; margin:0px; padding:0px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); border-radius:4px; padding:16px;}
#panier_view {position:fixed; left:-1000px; top:200px; border-top:0px; background-color:var(--master-color); width:720px; z-index:23; margin:0px; padding:0px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); border-bottom-left-radius:4px; border-bottom-right-radius:4px; padding-bottom:4px;}
#panier_view .products {clear:both; margin:0px; padding:0px; width:100%; max-height:451px; overflow-x:hidden; overflow-y:auto; }
#panier_view .products .pcad {clear:both; margin:0px; padding:4px; width:100%; height:48px; background-color:#ffffff; text-align:left; display:table; border-bottom:1px solid var(--master-color);}
#panier_view .products .pcad .photo {float:left; width:64px; height:48px; padding:2px; margin-right:8px; display:table-cell; vertical-align:middle;}
#panier_view .products .pcad .desc {float:left; width:calc(100% - 260px); height:34px; padding:0px; font-size:14px; overflow-y:hidden; vertical-align:middle; line-height:1.2;}
#panier_view .products .pcad .desc b {font-size:12px;}
#panier_view .products .pcad .ldesc {float:left; width:calc(100% - 100px); height:34px; padding:0px; font-size:14px; overflow-y:hidden; vertical-align:middle; line-height:1.2;}
#panier_view .products .pcad .ldesc b {font-size:12px;}
#panier_view .products .pcad .qtebtn {float:right; width:132px; margin-top:6px; margin-right:8px;}
#panier_view .products .pcad .qtebtn .miniprice-bloc {float:left; font-size:14px; padding:0px; color: #000000; height:24px;}
#panier_view .products .pcad .qtebtn .miniprice-bloc .price-label {float:left; padding-right:14px; display:none;}
#panier_view .products .pcad .qtebtn .miniprice-bloc .price-button {float:left; font-size:14px; background-color:#ffffff; color:#000000; height:24px; border:1px solid #000000; padding:4px;}
#panier_view .products .pcad .qtebtn .miniprice-bloc .price-button:hover {background-color:var(--master-color); color:#ffffff;}
#panier_view .products .pcad .qtebtn .miniprice-bloc .input {float:left; text-align:center; border:1px solid #000000; color:#000000; background-color:#ffffff; font-size:16px; width:40px; height:24px; padding-top:2px; border-left:0px; border-right:0px;}
#panier_view .products .pcad .qtebtn .close {float:left; font-size:14px; padding:3px; color: #000000; height:24px; margin-left:8px; font-size:18px;}
#panier_view .products .pcad .qtebtn .close:hover {color:var(--master-color);}
#panier_view .products .pcad .price {float:right; width:200px; height:16px; font-size:14px; text-align:right; margin-right:10px;}
#panier_view .info {clear:both; margin:0px; padding:4px; width:100%; font-size:14px; text-align:left;}
#panier_view .info .label {float:left; color:#ffffff; width:calc(100% - 136px); text-align:right;}
#panier_view .info .price {float:right; color:#ffffff; width:128px; margin-right:8px; text-align:right; font-weight:bold; font-size:16px;}
#panier_view .pan_deco {clear:both; float:left; margin-top:8px; margin:0px 8px; padding:4px; width:calc(50% - 32px); height:32px; font-size:14px; text-align:left;}
#panier_view .pan_deco input {float:left; border:0px; background-color:var(--master-color); color:#ffffff; cursor:pointer; transition: all 0.35s ease;}
#panier_view .pan_deco input:hover {background-color:#a48888; transition: all 0.35s ease;}
#panier_view .pan_button {float:right; margin:0px 8px; padding: 4px; padding-top: 11px; width:calc(100% - 8px); height:54px; font-size:16px; text-align:right;}
#panier_view .pan_button input {float:right; border:0px; margin:0px 8px; padding: 4px 24px; border-radius: 4px; color:#ffffff; background-color: var(--master-color); border: 2px solid #ffffff; transition: 0.10s;; cursor:pointer;  transition: 0.10s}
#panier_view .pan_button input:hover {color:var(--master-color); background-color:#ffffff; transition: 0.10s;}
#panier_view .pan_button input.rec {float:right; border:0px; margin:0px 8px; padding: 4px 24px; border-radius: 4px; color:#ffffff; background-color:#000000; border: 2px solid #000000; transition: 0.10s;; cursor:pointer;  transition: 0.10s}
#panier_view .pan_button input.rec:hover {color:#000000; background-color:#e8e6e6; border: 2px solid #e8e6e6; transition: 0.10s;}
div.compare-button {position:fixed; right:0px; top:calc(50% - 32px); color:#ffffff; background-color:var(--master-color); border:2px solid var(--master-color); border-right:0px; border-top-left-radius:4px; border-bottom-left-radius:4px; padding:8px 4px 8px 4px; writing-mode: tb-rl; transition:0.25s; cursor:pointer;}
div.compare-button:hover {background-color:#ffffff; color:#000000; transition:0.25s;}
#compare_view {position:fixed; right:-1050px; top:130px; height:calc(100% - 151px); width:1050px; background-color:#ffffff; z-index:19; margin:0px; padding:0px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); border-top-left-radius:8px; border-bottom-left-radius:8px; transition: all 0.35s; overflow-y:scroll;}
#compare_view .img-line {float:left; width:1000px; margin-left:12px; margin-top:12px;}
#compare_view .img-line .img-bloc {float:left; border-top:2px solid #000000; border-left:1px solid #c0c0c0; border-right:0px solid #c0c0c0; background-color:#ffffff; color:#000000; font-size:12px; width:200px; text-align:center; padding:4px;}
#compare_view .img-line .img-bloc:first-child {border-top:2px solid #ffffff; border-left:1px solid #ffffff;}
#compare_view .img-line .img-bloc:last-child {border-right:0px solid #c0c0c0;}
#compare_view .img-line .img-bloc i:hover {color:var(--master-color); cursor:pointer;}
#compare_view .img-line .img-bloc .img-subline {float:left; width:100%; overflow:hidden; text-overflow:ellipsis; white-space: nowrap;}
#compare_view .hr-line {float:left; width:1000px; height:12px; margin-left:12px; border-top:1px solid #808080;}
#compare_view .mainfeature-line {float:left; width:1002px; padding:4px 10px; padding-bottom:0px; margin-top:16px; font-size:18px; margin-left:12px; height:48px; cursor:pointer;}
#compare_view .feature-bloc {float:left; width:1002px; margin-left:12px;}
#compare_view .feature-line {float:left; width:1002px; margin:0px; background-color:#ffffff; border-top:0px;}
#compare_view .feature-line:first-child {float:left; width:1002px; margin:0px; background-color:#ffffff; border-top:1px solid #808080;}
#compare_view .feature-line .feature-bloc {float:left; margin:0px; font-size:13px; border-left:1px solid #c0c0c0; border-bottom:1px solid #c0c0c0; background-color:#ffffff; width:200px; text-align:center; padding:1px 8px; overflow:hidden; text-overflow:ellipsis; white-space: nowrap;}
#compare_view .feature-line .feature-bloc:first-child {border:0px; text-align:left; border-left:0px solid #c0c0c0; border-bottom:1px solid #c0c0c0;}
#cnxmenu_view {position:fixed; left:-1000px; top:200px; border-top:0px; background-color:#ffffff; width:320px; z-index:23; margin:0px; padding:0px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); border-bottom-left-radius:4px; border-bottom-right-radius:4px; padding-bottom:4px;}
#cnxmenu_view div.menu-entry {color:#000000; background-color:#ffffff; transition: 0.5s; width:100%; font-size:14px;}
#cnxmenu_view div.menu-entry:hover {color:#ffffff; background-color:var(--master-color); transition: 0s;}
#cnxmenu_view a {text-decoration:none;}
#cnxmenu_view div.menu-entry i {margin-right:8px;}
#cnxmenu_view div.menu-subentry {padding-left:24px; font-size:13px;}
.altmodal {position:fixed; background-color:#f8f8f8; width:800px; margin:0 auto; top:160px; left:0; right:0; z-index:32; border:1px solid #e8e6e6; border-radius:4px; background-position:center center; background-repeat:repeat-y; filter: drop-shadow(12px 5px 20px #000000);}
.altmodal .content {float:left; width:796px; padding:16px 32px;}
#altclose {float:right; color:#606060; font-size:24px; cursor:pointer;}
#altclose:hover {color:var(--master-color);}
.altmodal .content .blocline {float:left; width:100%;}
.altmodal .content .blochead {float:left; width:25%; font-weight:bold;}
.altmodal .content .bloc {float:left; width:25%;}
.altmodal .content .bloc a {text-decoration:none;}
.altmodal .content .bloc a:hover {color:var(--master-color);}
.altmodal .content h2 {margin-bottom:16px; text-align:left; font-size:16px; color:var(--master-color);}
.altmodal .content h3 {margin-bottom:8px; text-align:left; font-size:14px; color:#000000;}
.altmodal .content img {float:left; margin:8px; border:1px solid #c0c0c0; width:160px; height:128px;}
.altmodal .content .libel {float:left; margin:8px; width:540px; font-size:14px; }
.altmodal .content .info {float:left; margin:0px 4px; width:320px; height:22px;}
.altmodal .content .info .ititle {float:left; width:120px; font-weight:bold; color:var(--master-color);}
.altmodal .content .info .idata {float:left; width:200px;}
.altmodal .content .info .idata .bloc_qte {float: left; width: 64px; text-align: center; border: 1px solid #000000; color: #000000; background-color: #ffffff; font-size: 18px; height: 32px; border-right: 0px; border-top-left-radius: 4px; border-bottom-left-radius: 4px;}
.altmodal .content .info .idata .bloc_btn { float: left; font-size: 15px; background-color: #ffffff; color: #000000; height: 16px; border: 1px solid #000000; padding: 0px 4px; border-left: 0px; border-bottom: 0px; border-top-right-radius: 4px;}
.altmodal .content .info .idata .bloc_btn:hover {background-color:var(--master-color); color:var(--over-color);}
.altmodal .content .info .idata .bloc_btn:last-child {border-top:0px; border-bottom:1px solid #000000; border-top-right-radius:0px; border-bottom-right-radius:4px;}
.altmodal .content input[type=button] {float:right; width:128px; margin:32px 36px 0px 36px; height:30px; border-radius:5px; border:0px; padding:3px; border:2px solid var(--master-color); font:bold 13px/1.4 Officexpess, Arial, sans-serif; text-align:center; background-color:var(--master-color); color:#ffffff; cursor:pointer; left:-3px; z-index:4px;}
.altmodal .content input[type=button]:hover {background-color:#ffffff; color:var(--master-color);}
.faq-button {background-color:var(--master-color); color:#ffffff; border:2px solid #ffffff; border-radius:24px; padding:8px 24px; margin-top:16px; transition: 0.1s;}
.faq-button:hover {background-color:#ffffff; color:var(--master-color); border:2px solid var(--master-color); transition: 0.1s;}
.bloctitle {float:left; width:calc(100 - 200px); padding:0px; line-height:1.2; padding-bottom:12px; margin-top:8px; margin-bottom:24px; font-size:20px;}
.bloctitle a {color:#000000; text-decoration:none;}
.bloctitle a:hover {color:#000000;}
.bloccount {float:right; width:200px; text-align:right; padding:0px; line-height:1.2; padding-bottom:12px; margin-top:8px; margin-bottom:24px; font-size:20px;}
.bloccontent {float:left; background-color:#f0f0f0; min-width:1180px; width:100%; margin-bottom:20px;}
.bloccontent .data {float:left; background-color:#ffffff; width:100%; min-height:128px;}
.bloccontent .data .panel {float:left; background-color:#ffffff; width:320px; padding0px; margin-right:24px;}
.bloccontent .data .panel .cadre {float:left; width:100%; text-align:left; padding:16px; padding-top:0px; border:1px solid #e8e6e6; border-radius: 4px; background-color:#f8f8f8; margin-bottom:16px;}
.bloccontent .data .panel .section {float:left; width:100%; text-align:left; padding:16px 0px; border-bottom:1px solid #e8e6e6; font-size:20px;}
.bloccontent .data .panel .subsection {float:left; width:100%; text-align:left; padding:2px 0px; padding-top:16px; padding-left:4px; margin-bottom:16px; border-top:1px solid #e8e6e6; font-weight:normal;}
.bloccontent .data .panel .subsection .title {float:left; width:80%; text-align:left;}
.bloccontent .data .panel .subsection .swap {float:right; width:20%; text-align:right; margin-top:2px;}
.bloccontent .data .panel .subbloc {float:left; width:100%; margin-bottom:16px;}
.bloccontent .data .panel .selected {font-weight:bold; color:var(--master-color);}
.bloccontent .data .panel .entry {float:left; width:100%; background-color:#ffffff; text-align:left; padding:2px 0px; font-size:13px;}
.bloccontent .data .panel .entry input {float:left; width:10%; margin-top:3px;}
.bloccontent .data .panel .entry .desc {float:left; width:80%; white-space: nowrap; overflow:hidden; text-overflow: ellipsis;}
.bloccontent .data .panel .entry .desc a {text-decoration:none;}
.bloccontent .data .panel .entry .number {float:right; width:10%; font-size:10px; text-align:right; margin-top:7px; background-color:#ffffff;}
.bloccontent .data .panel a div.entry {text-decoration:none; transition: 0.5s;}
.bloccontent .data .panel a:hover div.entry {color:#ffffff; background-color:var(--master-color); transition: 0s;}
.bloccontent .data .panel .disabled {color:#e0e0e0;}
.blocnav {float:left; background-color:#ffffff; width:100%; text-align:center; margin-top:32px; font-size:20px; position: relative;}
.blocnav a {text-decoration:none;}
.blocnav a:hover {text-decoration:none;}
.view_command {float:left; width:100%;}
.view_command a {color:#000000; text-decoration:none;}
.view_command a:hover {color:var(--master-color);}
.view_command .pheader {float:left; width:100%; padding:2px 8px; border:1px solid #e8e6e6; background-color:#f0f0f0;  padding-bottom:4px; margin-bottom:0px; font-size:14px; border-radius: 4px 4px 0px 0px;}
.view_command .pheader b {color: var(--master-color);}
.view_command .pheader .pmember {float:left; width:160px; padding:0px 4px 0px 0px;}
.view_command .pheader .pacheteur {float:left; width:200px; padding:0px 4px 0px 0px;}
.view_command .pheader .pservice {float:left; width:160px; padding:0px 4px 0px 0px;}
.view_command .pheader .pachserv {float:left; width:calc(50% - 120px); padding:0px 4px 0px 0px;}
.view_command .pheader .pdate {float:left; width:120px; padding:0px 4px 0px 0px;}
.view_command .pheader .pmontant {float:left; width:120px; padding:0px 4px 0px 0px;}
.view_command .pheader .pnumber {float:right; text-align:right; width:calc(50% - 120px); padding:0px 4px 0px 0px;}
.view_command .pcontent {float:left; width:100%; padding:2px 8px; border:1px solid #e8e6e6; border-top:0px; padding-bottom:4px; margin-bottom:4px; font-size:14px; border-radius: 0px 0px 4px 4px;}
.view_command .pcontent .simpletitle {clear:both; float:left; width:calc(100% - 256px); font-size:14px; padding :1px; margin-bottom:4px;}
.view_command .pcontent .statut {float:left; width:calc(100% - 256px); font-size:14px; padding :1px; margin-bottom:4px;}
.view_command .pcontent .addresses {float:left; width:calc(100% - 256px); font-size:14px; padding :1px; margin-top:8px; margin-bottom:8px; border:solid #e8e6e6 1px;}
.view_command .pcontent .addresses .address {float:left; width:50%; padding-left:32px;}
.view_command .pcontent .historique {float:left; width:calc(100% - 256px); font-size:14px; padding :1px; margin-bottom:4px;}
.view_command .pcontent .product {float:left; width:calc(100% - 256px); height:60px; padding : 1px;}
.view_command .pcontent .product img {float:left; margin-right:8px;}
.view_command .pcontent .product .pdesc {float:left; width:calc(100% - 256px); line-height:15px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.view_command .pcontent .product .pdesc b {color: var(--master-color);}
.view_command .pcontent .product .reclaim {float:left; width:calc(100% - 320px); line-height:15px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.view_command .pcontent .product .reclaim_btn {float:left; width:200px; line-height:15px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.view_command .pcontent .actions {float:right; width:256px; font-size:15px; text-align:left; padding:8px; margin-bottom:4px; padding-left:48px; }
.view_command .pcontent .actions a {font-weight:normal;}
.view_command .pcontent .buttons {float:right; width:256px; font-size:14px; text-align:center; padding:8px; margin-bottom:4px; padding-left:8px; margin-top:-32px; }
.view_command .pcontent .buttons a {font-weight:normal;}
.view_command div.button {font-size:16px; height:32px; padding:2px 16px; transition: 0.10s; border-radius:12px; cursor:pointer; margin-bottom:4px;}
.view_command div.button:hover { transition: 0.10s;}
#wkflist {float:left; background-color: #ffffff; width:100%;}
#wkflist a {color:#000000; font-weight:bold; text-decoration:none;}
#wkflist a:hover {color:var(--master-color);}
#wkflist .ptitle {float:left; width:100%; color:var(--master-color); font-size:14px; margin-bottom:2px;}
#wkflist .pline {float:left; width:100%; padding:0px; border-top:1px solid #e8e6e6; padding-bottom:4px; margin-bottom:2px; padding-top:2px; font-size:14px;}
#wkflist .pdate {float:left; width:160px; padding:0px 4px 0px 0px;}
#wkflist .pinfo {float:left; width:calc(100% - 320px); padding:0px 4px 0px 0px;}
#workzone .adminbloc {float: left; width: 100%; padding: 2px 8px; border: 1px solid #e8e6e6; background-color: #f0f0f0; padding-bottom: 4px; margin-bottom: 0px; font-size: 18px; border-radius: 4px 4px 0px 0px;}
#workzone .admincontent {float: left; width: 100%; padding: 2px 8px; border: 1px solid #e8e6e6; border-top: 0px; padding-bottom: 4px; margin-bottom: 4px; font-size: 14px; border-radius: 0px 0px 4px 4px;}
#workzone .admincontent h3 {font-size: 18px;}
.headfocus {display:flex; justify-content:center; align-items:center; width:100%; text-align:center; font-family: arial, courier, courier new; font-size:14px;}
.headfocus a {color:#ffffff; text-decoration:none;}
.headfocus .bloc {float:left; margin:0 auto; height:32px; text-align:center; margin-top:8px;}
.headfocus .bloc img {float:left; height:32px;}
.headfocus .bloc div.desc {float:left; white-space: nowrap; margin-left:8px; margin-top:2px;}
.headfocus .bloc div.desc:hover {text-decoration:underline;}
a.sso {color:#ffffff;}
a.sso span {font-size:14px; height:50px; padding-right:16px; cursor:pointer; border:1px solid #ffffff; padding:4px; padding-right:8px;}
a.sso span i {font-size:16px; padding:8px; padding-top:4px;}
a.sso:hover span {font-size:14px; height:50px; padding-right:16px; cursor:pointer; border:1px solid #000000; background-color:#ffffff; color:var(--back-color); padding:4px; padding-right:8px;}
a.sso:hover span i {font-size:16px; padding:8px; padding-top:4px; color:var(--back-color); }
.oxp-mobhead, #mobmenu_back {display:none;}
#mobmenu {position:fixed; left:0px; top:0px; bottom:0px; width:85%; max-width:340px; background-color:#ffffff; color:#000000; z-index:40; overflow-y:auto; transform:translateX(-105%); transition:transform 0.25s; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); text-align:left; font-size:15px;}
#mobmenu.open {transform:translateX(0);}
#mobmenu_back {position:fixed; left:0px; top:0px; right:0px; bottom:0px; background-color:rgba(0, 0, 0, 0.4); z-index:39;}
#mobmenu .mm-head {display:flex; justify-content:space-between; align-items:center; padding:8px 12px; background-color:var(--back-color);}
#mobmenu .mm-head img {max-height:36px; max-width:200px;}
#mobmenu .mm-head i {color:#ffffff; font-size:24px; padding:4px 8px; cursor:pointer;}
#mobmenu h3 {margin:0px; padding:12px 12px 4px 12px; font-size:13px; text-transform:uppercase; color:var(--master-color);}
#mobmenu a {display:block; padding:10px 12px; color:#000000; text-decoration:none; border-bottom:1px solid #f0f0f0;}
#mobmenu a i {width:24px; margin-right:6px; color:var(--master-color);}
#mobmenu details summary {padding:10px 12px; cursor:pointer; border-bottom:1px solid #f0f0f0;}
#mobmenu details a {padding-left:28px; font-size:14px;}
#mobmenu details[open] summary {font-weight:bold; color:var(--master-color);}
.bloctitle {float:left; width:calc(100 - 200px); padding:0px; line-height:1.2; padding-bottom:12px; margin-top:8px; margin-bottom:24px; font-size:20px;}
.bloctitle a {color:#000000; text-decoration:none;}
.bloctitle a:hover {color:#000000;}
.bloccount {float:right; width:200px; text-align:right; padding:0px; line-height:1.2; padding-bottom:12px; margin-top:8px; margin-bottom:24px; font-size:20px;}
.bloccontent {float:left; background-color:#f0f0f0; min-width:1180px; width:100%; margin-bottom:20px;}
.bloccontent .data {float:left; background-color:#ffffff; width:100%; min-height:128px;}
.bloccontent .data .panel {float:left; background-color:#ffffff; width:320px; padding0px; margin-right:24px;}
.bloccontent .data .panel .section {float:left; width:100%; text-align:left; padding:16px 0px; border-bottom:1px solid #e8e6e6; font-size:20px;}
.bloccontent .data .panel .subsection {float:left; width:100%; text-align:left; padding:2px 0px; padding-top:16px; padding-left:4px; margin-bottom:16px; border-top:1px solid #e8e6e6; font-weight:normal;}
.bloccontent .data .panel .subsection .title {float:left; width:80%; text-align:left;}
.bloccontent .data .panel .subsection .swap {float:right; width:20%; text-align:right; margin-top:2px;}
.bloccontent .data .panel .subbloc {float:left; width:100%; margin-bottom:16px; max-height:200px; overflow-x:hidden; overflow-y:auto; padding-right:4px;}
.bloccontent .data .panel .subbloc::-webkit-scrollbar {width: 4px;}
.bloccontent .data .panel .subbloc::-webkit-scrollbar-track {background: #f1f1f1;}
.bloccontent .data .panel .subbloc::-webkit-scrollbar-thumb {background: #888;}
.bloccontent .data .panel .subbloc::-webkit-scrollbar-thumb:hover {background: #555;}
.bloccontent .data .panel .entry {float:left; width:100%; background-color:#ffffff; text-align:left; padding:2px 0px; font-size:13px;}
.bloccontent .data .panel .entry input {float:left; width:10%; margin-top:3px;}
.bloccontent .data .panel .entry .desc {float:left; width:80%; white-space: nowrap; overflow:hidden; text-overflow: ellipsis;}
.bloccontent .data .panel .entry .desc a {text-decoration:none;}
.bloccontent .data .panel .entry .number {float:right; width:10%; font-size:10px; text-align:right; margin-top:7px; background-color:#ffffff;}
.bloccontent .data .panel .disabled {color:#e0e0e0;}
.bloccontent .data .panel .menu {float:left; width:100%; background-color:#ffffff; color:#000000; text-align:left; padding:0px; border-bottom:1px solid #b0b0b0; cursor:pointer;}
.bloccontent .data .panel .menu:hover .submenu {display: block;}
.bloccontent .data .panel .menu:last-child {border-bottom:0px;}
.bloccontent .data .panel .menu .submenu {position:absolute; display:none; width:320px; margin-left:128px; margin-top:22px; border:1px solid #000000;}
.bloccontent .data .panel .menu .submenu .menu {float:left; width:100%; background-color:#ffffff; color:#000000; text-align:left; padding:0px; border-bottom:1px solid #b0b0b0; cursor:pointer;}
.bloccontent .data .panel .menu .submenu .menu:hover .submenu2 {display: block;}
.bloccontent .data .panel .menu .submenu .menu:last-child {border-bottom:0px;}
.bloccontent .data .panel .menu .submenu .menu .submenu2 {position:absolute; display:none; width:320px; margin-left:128px; margin-top:22px; border:1px solid #000000;}
.bloccontent .data .panel .menu .submenu .menu .submenu2 .menu {float:left; width:100%; background-color:#ffffff; color:#000000; text-align:left; padding:0px; border-bottom:1px solid #b0b0b0; cursor:pointer;}
.bloccontent .data .panel .menu .submenu .menu .submenu2 .menu:last-child {border-bottom:0px;}
.bloccontent .data .panel .menu a div {float:left; width:100%; padding:2px 8px;}
.bloccontent .data .panel .menu a div:hover {background-color:#cdaf8c; color:#ffffff;}
.bloccontent .data .panel .menusel {float:left; width:100%; background-color:#39913b; color:#ffffff; text-align:left; padding:0px; border-bottom:1px solid #b0b0b0; cursor:pointer; font-weight:bold;}
.bloccontent .data .panel .menusel:hover .submenu {display: block;}
.bloccontent .data .panel .menusel:last-child {border-bottom:0px;}
.bloccontent .data .panel .menusel a div {float:left; width:100%; padding:2px 8px;}
.bloccontent .data .panel .menusel a div:hover {background-color:#cdaf8c; color:#ffffff;}
.bloccontent .data .prodorder {float:right; background-color:#ffffff; width:calc(100% - 344px); padding-top:16px;  padding-left:8px;}
.bloccontent .data .prodlist {float:right; background-color:#ffffff; width:calc(100% - 344px); padding:16px 0px;}
.bloccontent .data .prodbloc {float:right; background-color:#ffffff; width:calc(100% - 344px); padding-top:0px; }
.bloccontent .data .sfilter_bloc {float:left; width:100%; text-align:left; padding:8px 0px; font-size:12px;}
.bloccontent .data .sfilter_bloc .sfilter {float:left; border-radius: 16px; width: fit-content; background-color:var(--master-color); border:1px solid var(--master-color); color:#ffffff; padding:2px 12px; padding-left:4px; margin-right:4px; margin-bottom:2px; cursor:pointer;}
.bloccontent .data .sfilter_bloc .sfilter:hover {background-color:#e6e6e6; color:var(--master-color);}
.blocnav {float:left; background-color:#ffffff; width:100%; text-align:center; margin-top:32px; font-size:20px; position: relative;}
.blocnav a {text-decoration:none;}
.blocnav a:hover {text-decoration:none;}
.oxp-filterbtn {display:none;}
.bigbloc {clear:both; background-color:#f0f0f0; width:100%; min-width:1080px; margin:0px; border:0px solid #bababa; padding:0px; padding:0px 64px 0px 64px;}
@media screen and (max-width:1023px) {
.mrd {min-width:0;} #lock, #lock_category {top:0;}

.oxp-head, .oxp-content {min-width:0 !important;}
#myNavbar {height:auto !important;}
div.htmlcenter {min-width:0;}
.oxp-focusbar, .oxp-catbar, .oxp-mainlogo, .subcat_panel {display:none !important;}
.oxp-mainbar {height:auto !important; display:flex; flex-wrap:wrap; align-items:center; padding:4px 8px;}
.oxp-mobhead {display:flex; align-items:center; order:1;}
.oxp-mobhead i {font-size:22px; padding:6px 12px 6px 4px; cursor:pointer;}
.oxp-mobhead img {max-height:36px; max-width:160px;}
.oxp-rightbar {order:2; flex:1; width:auto !important; margin:0px !important; display:flex; justify-content:flex-end; align-items:center;}
.oxp-rightbar a.blacklink, .oxp-uname {display:none;}
.oxp-rightbar a.sso span {border:0px;}
.oxp-rightbar > span > i, .oxp-rightbar a.sso span i {font-size:22px !important; padding:4px 8px !important;}
#panier_select {float:none !important; width:48px !important; height:auto !important; margin-top:0px !important;}
.oxp-searchwrap {order:3; width:100% !important; margin:4px 0px !important;}
div.bigsearch {width:100%;}
#searchform {width:calc(100% - 40px) !important;}
.oxp-content {padding-top:100px !important;}
div.autofield {left:0px !important; width:100% !important; max-height:calc(100vh - 100px); overflow-y:auto;}
div.propal_product, div.propal_right {float:none; width:100%; height:auto;}
#login_view, #cnxmenu_view, #panier_view {left:0px !important; right:0px; top:52px !important; width:auto !important; max-height:calc(100vh - 60px); overflow-y:auto; border-radius:0px;}
#login_view > div, #login_view > div > div, #cnxmenu_view > div, #cnxmenu_view > div > div {float:none !important; width:auto !important;}
#login_view input.common-input {width:100% !important;}
#cnxmenu_view div.menu-entry {padding:6px 0px;}
#panier_view .products {max-height:none;}
#panier_view .products .pcad {display:block; height:auto; overflow:hidden;}
#panier_view .products .pcad .desc {width:calc(100% - 80px); height:auto; max-height:36px;}
#panier_view .products .pcad .qtebtn {float:left; margin-left:76px;}
#panier_view .products .pcad .price {width:auto; margin-top:8px;}
#panier_view .pan_button {height:auto;}
#product_view {left:8px !important; right:8px; width:auto !important; height:auto; max-height:calc(100vh - 80px); top:60px !important; overflow-y:auto;}
#compare_view {width:100% !important; top:52px; height:calc(100% - 52px); overflow-x:auto;}
.altmodal {width:auto; left:8px; right:8px; top:60px; max-height:calc(100vh - 70px); overflow-y:auto;}
.altmodal .content {width:100%; padding:12px;}
.altmodal .content .libel {width:calc(100% - 200px); min-width:160px;}
.altmodal .content .info {width:100%;}
.altmodal .content input[type=button] {margin:16px 0px 0px 0px;}
.oxp-faq {min-width:0 !important; height:auto !important;}
.oxp-faq > div:first-child {width:100% !important; padding:32px 16px !important;}
.oxp-faq > div:last-child {display:none;}
.oxp-footer {height:auto !important;}
.oxp-footer .oxp-fcol {width:50% !important; margin-bottom:24px;}
.oxp-footer .oxp-fcol > div {width:auto !important; padding:0px 16px;}
.oxp-fluid, .bloccontent, .bigbloc, .prodview, div.focus {min-width:0 !important;}
.prodbloc .product {width:calc(50% - 12px); min-width:0;}


.oxp-txtpage div, .oxp-txtpage img, .oxp-txtpage iframe, .oxp-txtpage video, .oxp-txtpage input, .oxp-txtpage textarea, .oxp-txtpage select {max-width:100%;}
.oxp-txtpage [style*='min-width'] {min-width:0 !important;}
.oxp-txtpage [style*='width:25%'], .oxp-txtpage [style*='width:33%'], .oxp-txtpage [style*='width:35%'], .oxp-txtpage [style*='width:40%'], .oxp-txtpage [style*='width:50%'], .oxp-txtpage [style*='width:65%'], .oxp-txtpage [style*='width:calc(100% - 750px)'] {width:100% !important;}
.oxp-txtpage div[style*='height:']:not([style*='background-image']) {height:auto !important;}
.oxp-txtpage [style*='position:relative'] {left:0px !important; margin-top:0px !important; width:100% !important;}
.oxp-txtpage [style*='opacity: 0.60'] {display:none;}
.oxp-txtpage [style*='padding:64px'], .oxp-txtpage [style*='padding:60px 32px'] {padding:16px !important;}
.oxp-txtpage [style*='padding:5%'], .oxp-txtpage [style*='padding:0px 5%'], .oxp-txtpage [style*='padding:24px 48px'], .oxp-txtpage [style*='padding:32px 5%'] {padding-left:12px !important; padding-right:12px !important;}
.oxp-txtpage [style*='padding-left:200px'], .oxp-txtpage [style*='padding-left:10%'], .oxp-txtpage [style*='padding-left:5%'] {padding-left:12px !important;}
.oxp-txtpage [style*='padding-right:80px'], .oxp-txtpage [style*='padding-right:5%'] {padding-right:12px !important;}
.oxp-txtpage [style*='margin-left:128px'], .oxp-txtpage [style*='margin-left:132px'], .oxp-txtpage [style*='margin:0px 300px'] {margin-left:0px !important; margin-right:0px !important;}
.oxp-txtpage h1 {font-size:24px; padding:16px 0px !important;}
.oxp-txtpage h2.subtitle {font-size:24px !important;}
.oxp-txtpage #contact-form, .oxp-txtpage #contact-form .line-head, .oxp-txtpage #poste-form .line-head, .oxp-txtpage #client-form .line-head {height:auto;}
.oxp-txtpage textarea {width:100% !important;}
.oxp-txtpage .rses {width:100% !important;}
.oxp-txtpage .rses .rse {width:100%; height:auto; margin:8px 0px; overflow:hidden;}
.oxp-txtpage .rses .rse img {width:100%; height:180px; object-fit:cover;}
.oxp-txtpage .rses .rse .desc {float:left; width:100%; height:auto;}
.oxp-txtpage .offres .job {width:100%; height:auto; margin:12px 0px; overflow:hidden;}
.oxp-txtpage .offres .job img {width:100%; height:auto;}
.oxp-txtpage .offres .job .desc {float:left; width:100%; height:auto; padding:16px;}
.oxp-txtpage .offres .job .desc .poste {margin-bottom:16px;}
.oxp-txtpage div.client-quarter {width:100%; margin:16px 0px;}
.oxp-txtpage div.client-quarter div.content {width:calc(100% - 20px);}
.oxp-txtpage #client-form .header, .oxp-txtpage #fulldevis .header {display:none;}
.oxp-txtpage #client-form .line .product, .oxp-txtpage #fulldevis .line .product {width:30%; padding:4px;}
.oxp-txtpage #client-form .line .product img, .oxp-txtpage #fulldevis .line .product img {width:100%; height:auto; padding:4px;}
.oxp-txtpage #client-form .line .desc, .oxp-txtpage #fulldevis .line .desc {width:70%; height:auto; padding:8px;}
.oxp-txtpage #client-form .line .dispo, .oxp-txtpage #client-form .line .remove, .oxp-txtpage #fulldevis .line .dispo, .oxp-txtpage #fulldevis .line .remove {width:50%; height:auto; padding:8px;}
.oxp-txtpage #client-form, .oxp-txtpage #fulldevis {width:100%; margin-left:0px; margin-right:0px;}
.oxp-txtpage form.myform .formline .label, .oxp-txtpage form.myform .formline .data, .oxp-txtpage form.myform .formline .dbl_data {width:100%; margin-right:0px;}


.oxp-catpage {padding:12px 8px !important;}
.bloctitle {width:100%; margin-bottom:8px; font-size:16px;}
.bloccount {float:left; width:100%; text-align:left; margin:0px 0px 12px 0px; font-size:14px;}
.oxp-filterbtn {display:block; float:left; width:100%; padding:8px 12px; margin-bottom:8px; border:1px solid #e8e6e6; border-radius:4px; background-color:#f8f8f8; text-align:left; cursor:pointer;}
.bloccontent .data .panel {display:none; width:100%; margin:0px 0px 12px 0px; padding:0px 8px;}
.bloccontent .data .panel.open {display:block;}
.bloccontent .data .prodorder, .bloccontent .data .prodlist, .bloccontent .data .prodbloc {width:100%;}
.bloccontent .data .prodorder {padding:8px 0px;}

 }@media screen and (max-width:600px) {

.prodbloc .product {width:calc(100% - 12px);}
.oxp-footer .oxp-fcol {width:100% !important;}
.altmodal .content .libel {width:100%; margin:8px 0px;}

 }