:root {
  /* -------------------------COLOR------------------------- */
  --color-black-f: #1a1a1a;
  --color-black-c: #2c2c2c;
  --color-white: #ffffff;
  --color-menuactive: #e5e5e5;
  --color-menuactive-text: #333333;
  --color-warning: #ff6600;
  --color-error: #d40000;
  --color-gray-claire: #fafafa;
  --color-gray-claire-menu: #fcfcfc;
  --color-gray-normal: #f5f5f5;
  --color-gray-dark: #f7f7f7;
  --color-gray-dark-font: #bbbbbb;
  --color-gray-selector: #999999;
  --color-gray-pricezone: #aaaaaa;
  --color-gray-border: #eeeeee;
  --color-gray-border-light: #f5f5f5;
  --color-gray-border-light2: #f2f2f2;
  --color-gray-border-dark: #e9e9e9;
  --color-gray-disabled: #e9e9e9;
  --color-gray-deleted: #cccccc;
  --color-pricezone: #f4f4f4;
  --color-black-menu: #444444;
  --color-black-menu-hover: #555555;
  --color-background:#f8f8ff;
  --color-body: #fcfcfc;
  --color-white-bg: #ffffff;
  /* nav bar color */
  --menu-color-black: #1a1a1a;
  --menu-color-black-c: #2a2a2a;
  --menu-color-blue-repere: #999999;
  --menu-color-blue: #999999;
  --menu-color-selection: #999999;
  --menu-color-auto: #D9D8D7;
  --gradiant-darker: linear-gradient(180deg, rgba(255, 255, 255, 0.5) 3%, rgba(0, 0, 0, 0.03) 3%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 97%, rgba(0, 0, 0, 0.07) 97%);
  --gradiant-darker2: linear-gradient(180deg,  rgba(255, 255, 255, 0.05) 3%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 97%, rgba(0, 0, 0, 0.07) 97%);
  --gradiant-titre: linear-gradient(180deg, rgba(255, 255, 255, 0.2) 1px, rgba(0, 0, 0, 0.01) 1px, rgba(0, 0, 0, 0) 15px); 
  --gradiant-borderbottom: linear-gradient(0deg, rgba(0, 0, 0, 0.03) 1px, rgba(0, 0, 0, 0) 1px);
  /* FONT SIZE */
  --font-xs: 11px;
  --font-tiny: 12px;
  --font-contextmenu: 13px;
  --font-label: 13px;
  --font-medium: 15px;
  --font-bar: 15px;
  --font-title: 16px;
  --font-large: 17px;
  --font-extra-large: 25px;
  --font-small: 14px;
  /* ICONE SIZE */
  --icone-size: 26px;
  /* FILTER */
  --filter-black: brightness(0%);
  --filter-white: invert(50%) brightness(200%);
  --filter-gray: invert(50%);
  --filter-grayscale: grayscale(100%);
  --filter-error: brightness(0) saturate(100%) invert(9%) sepia(77%) saturate(5785%) hue-rotate(12deg) brightness(110%) contrast(125%);
  --filter-red: brightness(0) saturate(100%) invert(13%) sepia(78%) saturate(5691%) hue-rotate(357deg) brightness(91%) contrast(113%);
  --filter-green: brightness(0) saturate(100%) invert(34%) sepia(98%) saturate(1372%) hue-rotate(105deg) brightness(95%) contrast(106%);
  /* TAILLE MENU*/
  --homemargin: round(max(20px, min(calc(3%), 40px)), 1px);
  --homemargin2: round(min(calc(3%), 20px), 1px);
  --homemnews: 82px;
  --top-navbar: 48px;
  --top-navbarsub: 81px;
  --top-navbar-padding: 9px;
  --top-add-element: 114px;
  --size-add-element: 130px;  
  --size-menu : 35px;
  --size-menu2 : 30px;
  --size-menu_zoom : 1;
  --position-scene: 114px;
  --padding-options: 7px;
  --width-price: 57px;
  --width-menu-left: 430px;
  --left-menu-add: calc(var(--width-menu-left) + 4px);
  --width-menu-left-p1: calc(var(--width-menu-left) - 5px);
  --width-menu-left-p2: calc(var(--width-menu-left) - var(--width-price) - 3px);
  --width-menu-form: calc(var(--width-menu-left) - 245px);
  --width-menu-form-hide: calc(var(--width-menu-left) - 190px);
  --border-pricezone: solid 2px var(--color-gray-border);
  --contextmenu: none;
  --hidemenu: none;
  --modal-radius: 2px;
  /* Image */
  /* ICONES */
--image-checkbox: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2230%22 height%3D%22150%22%3E%3Cstyle%3E.E%7Bstroke%3A%23fff%7D.F%7Bstroke-width%3A2%7D.G%7Bstroke-opacity%3A.5%7D.H%7Bstroke-linecap%3Around%7D%3C%2Fstyle%3E%3Cg fill%3D%22none%22 style%3D%22stroke-linejoin%3Around%22%3E%3Cg class%3D%22H%22%3E%3Cpath stroke%3D%22%23D9D8D7%22 stroke-width%3D%223.2%22 d%3D%22m12.1 13.9 4.8 4.8 8-9.6%22%2F%3E%3Cpath d%3D%22M20 8 10 8s-2 0-2 2v11s-0.1 2 2 2h12s1.1-0 1-2 0-3 0-3%22 class%3D%22E F%22 paint-order%3D%22markers fill stroke%22%2F%3E%3C%2Fg%3E%3Cpath d%3D%22m21 38-11.004.042s-2 0-2 2v11s-0.1 2 2 2h12s1.1-0 1-2S23 40 23 40s0.2-2.2-2-2z%22 class%3D%22E F%22 paint-order%3D%22markers fill stroke%22%2F%3E%3Cg class%3D%22E H G%22%3E%3Cpath stroke-width%3D%223.2%22 d%3D%22m12.1 73.9 4.8 4.8 8-9.6%22%2F%3E%3Cpath d%3D%22m20 68-9.999.042s-2 0-2 2v11s-0.1 2 2 2h12s1.1-0 1-2 0-3 0-3%22 class%3D%22F%22 paint-order%3D%22markers fill stroke%22%2F%3E%3C%2Fg%3E%3Cpath d%3D%22m21 98-11.004.042s-2 0-2 2v11s-0.1 2 2 2h12s1.1-0 1-2-0-11-0-11.042.155-2.2-2-2z%22 class%3D%22E F G%22 paint-order%3D%22markers fill stroke%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
--image-checkbox2: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2230%22 height%3D%22150%22%3E%3Cstyle%3E.H%7Bstroke-width%3A2%7D.I%7Bstroke-linecap%3Around%7D%3C%2Fstyle%3E%3Cg fill%3D%22none%22 style%3D%22stroke-linejoin%3Around%22%3E%3Cg class%3D%22I%22%3E%3Cpath stroke%3D%22%23D9D8D7%22 stroke-width%3D%223.2%22 d%3D%22m12.1 13.9 4.8 4.8 8-9.6%22%2F%3E%3Cpath stroke%3D%22%23bbb%22 d%3D%22M20 8 10 8s-2 0-2 2v11s-0.1 2 2 2h12s1.1-0 1-2 0-3 0-3%22 class%3D%22H%22 paint-order%3D%22markers fill stroke%22%2F%3E%3C%2Fg%3E%3Cpath stroke%3D%22%23bbb%22 d%3D%22m21 38-11.004.042s-2 0-2 2v11s-0.1 2 2 2h12s1.1-0 1-2S23 40 23 40s0.2-2.2-2-2z%22 class%3D%22H%22 paint-order%3D%22markers fill stroke%22%2F%3E%3Cg stroke%3D%22%23ebebeb%22%3E%3Cg class%3D%22I%22%3E%3Cpath stroke-width%3D%223.2%22 d%3D%22m12.1 73.9 4.8 4.8 8-9.6%22%2F%3E%3Cpath d%3D%22m20 68-9.999.042s-2 0-2 2v11s-0.1 2 2 2h12s1.1-0 1-2 0-3 0-3%22 class%3D%22H%22 paint-order%3D%22markers fill stroke%22%2F%3E%3C%2Fg%3E%3Cpath d%3D%22m21 98-11.004.042s-2 0-2 2v11s-0.1 2 2 2h12s1.1-0 1-2-0-11-0-11.042.155-2.2-2-2z%22 class%3D%22H%22 paint-order%3D%22markers fill stroke%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
--image-favicon: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2230%22 height%3D%2230%22%3E%3Cpath fill%3D%22%23fff%22 d%3D%22m16 7.2 5-5v26l-5-5z%22 paint-order%3D%22markers fill stroke%22%2F%3E%3Cpath fill%3D%22%23D9D8D7%22 d%3D%22m9 7.2 5-5v26l-5-5z%22 paint-order%3D%22markers fill stroke%22 style%3D%22fill%3A%234d4d4d%22%2F%3E%3C%2Fsvg%3E");
--image-fleche: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2230%22 height%3D%2260%22 fill%3D%22%23D9D8D7%22 stroke%3D%22%23D9D8D7%22 stroke-linejoin%3D%22round%22 stroke-width%3D%22.6%22%3E%3Cpath d%3D%22M13.3 11.2v7.6L19.6 15zm6.6 31.1h-7.6l3.8 6.3z%22 paint-order%3D%22markers fill stroke%22%2F%3E%3C%2Fsvg%3E");
--image-icon_2D: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2230%22 height%3D%2230%22 stroke-linejoin%3D%22round%22%3E%3Cpath fill%3D%22%23D9D8D7%22 stroke%3D%22%23D9D8D7%22 stroke-width%3D%222%22 d%3D%22M8 24.1V5.9h6v18.2z%22 paint-order%3D%22markers fill stroke%22%2F%3E%3Cg fill%3D%22gray%22 stroke-linecap%3D%22round%22 stroke-width%3D%222%22 paint-order%3D%22markers fill stroke%22%3E%3Cpath stroke%3D%22gray%22 d%3D%22M18 24v-18%22%2F%3E%3Cpath stroke%3D%22%23333%22 d%3D%22M22 24v-18%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
--image-icon_3D: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2230%22 height%3D%2230%22%3E%3Cpath fill%3D%22%23D9D8D7%22 fill-rule%3D%22evenodd%22 stroke%3D%22%23D9D8D7%22 stroke-linejoin%3D%22round%22 stroke-width%3D%221.9%22 d%3D%22m15.5 13.7-8.6-3.6 8.6-3.6 8.6 3.6z%22%2F%3E%3Cpath fill%3D%22%23333%22 d%3D%22M7.3 19.4a.922.971 0 0 0-1.195.54.922.971 0 0 0 0.5 1.3zm8.2 4.5-.341.9a.922.971 0 0 0 0.7 0zm8.9-2.7a.922.971 0 0 0 0.5-1.26.922.971 0 0 0-1.2-0.5zm-17.8 0 8.6 3.618.683-1.8-8.6-3.6zm9.3 3.6 8.6-3.6-0.7-1.8-8.6 3.6z%22%2F%3E%3Cpath fill%3D%22gray%22 d%3D%22M7.3 14.2a.922.971 0 0 0-1.195.54.922.971 0 0 0 0.5 1.3zm8.2 4.5-.341.9a.922.971 0 0 0 0.7 0zm8.9-2.7a.922.971 0 0 0 0.5-1.26.922.971 0 0 0-1.2-0.5zm-17.8 0 8.6 3.618.683-1.8-8.6-3.6zm9.3 3.6 8.6-3.6-0.7-1.8-8.6 3.6z%22%2F%3E%3C%2Fsvg%3E");
--image-icon_add: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2230%22 height%3D%2230%22%3E%3Cpath d%3D%22M17.1 13H23v3h-9z%22 paint-order%3D%22markers fill stroke%22%2F%3E%3Cpath fill%3D%22%23666%22 d%3D%22M14 7H17v6l-3 3z%22 paint-order%3D%22markers fill stroke%22%2F%3E%3Cpath fill%3D%22%23D9D8D7%22 d%3D%22m17 13.017.072 9L14 22V16H8v-3z%22 paint-order%3D%22markers fill stroke%22%2F%3E%3C%2Fsvg%3E");
--image-icon_address: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2230%22 height%3D%2230%22%3E%3Cpath fill%3D%22%23D9D8D7%22 d%3D%22M24.7 0H5.3C2.4 0 0 2.5 0 5.7V24.3C0 27.5 2.4 30 5.3 30h19.4C27.6 30 30 27.5 30 24.3V5.7C30 2.5 27.6 0 24.7 0%22%2F%3E%3Ctext x%3D%2215%22 y%3D%2223%22 fill%3D%22%23fff%22 font-family%3D%22Segoe UI%22 font-size%3D%2224%22 font-weight%3D%22bold%22 text-anchor%3D%22middle%22%3EA%3C%2Ftext%3E%3C%2Fsvg%3E");
--image-icon_address_f: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2230%22 height%3D%2230%22%3E%3Cpath fill%3D%22%23D9D8D7%22 d%3D%22M24.7 0H5.3C2.4 0 0 2.5 0 5.7V24.3C0 27.5 2.4 30 5.3 30h19.4C27.6 30 30 27.5 30 24.3V5.7C30 2.5 27.6 0 24.7 0%22%2F%3E%3Ctext x%3D%2215%22 y%3D%2223%22 fill%3D%22%23fff%22 font-family%3D%22Segoe UI%22 font-size%3D%2224%22 font-weight%3D%22bold%22 text-anchor%3D%22middle%22%3EF%3C%2Ftext%3E%3C%2Fsvg%3E");
--image-icon_address_l: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2230%22 height%3D%2230%22%3E%3Cpath fill%3D%22%23D9D8D7%22 d%3D%22M24.7 0H5.3C2.4 0 0 2.5 0 5.7V24.3C0 27.5 2.4 30 5.3 30h19.4C27.6 30 30 27.5 30 24.3V5.7C30 2.5 27.6 0 24.7 0%22%2F%3E%3Ctext x%3D%2215%22 y%3D%2223%22 fill%3D%22%23fff%22 font-family%3D%22Segoe UI%22 font-size%3D%2224%22 font-weight%3D%22bold%22 text-anchor%3D%22middle%22%3EL%3C%2Ftext%3E%3C%2Fsvg%3E");
--image-icon_address_s: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2230%22 height%3D%2230%22%3E%3Cpath fill%3D%22%23D9D8D7%22 d%3D%22M24.7 0H5.3C2.4 0 0 2.5 0 5.7V24.3C0 27.5 2.4 30 5.3 30h19.4C27.6 30 30 27.5 30 24.3V5.7C30 2.5 27.6 0 24.7 0%22%2F%3E%3Ctext x%3D%2215%22 y%3D%2223%22 fill%3D%22%23fff%22 font-family%3D%22Segoe UI%22 font-size%3D%2224%22 font-weight%3D%22bold%22 text-anchor%3D%22middle%22%3ES%3C%2Ftext%3E%3C%2Fsvg%3E");
--image-icon_addsmall: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2230%22 height%3D%2230%22%3E%3Cpath d%3D%22M17.1 13H22v3h-8z%22 paint-order%3D%22markers fill stroke%22%2F%3E%3Cpath fill%3D%22%23666%22 d%3D%22M14 8H17v5l-3 3z%22 paint-order%3D%22markers fill stroke%22%2F%3E%3Cpath fill%3D%22%23D9D8D7%22 d%3D%22m17 13.017.072 8L14 21V16H9v-3z%22 paint-order%3D%22markers fill stroke%22%2F%3E%3C%2Fsvg%3E");
--image-icon_admin: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2230%22 height%3D%2230%22%3E%3Cpath fill%3D%22%23D9D8D7%22 fill-rule%3D%22evenodd%22 d%3D%22M5 21.9a1.3 1.3 0 0 0 0.9 1.2l8.8 2.3c.794.213 1.3-0.4 1.3-1.2V6.8c0-0.8-0.5-1.4-1.3-1.2l-8.8 2.3A1.3 1.3 0 0 0 5 9.1z%22%2F%3E%3Cpath fill%3D%22%23ccc%22 d%3D%22m19.6 8.9-2-0.5c-0.2 0-0.2 0-.31.158a5.7 5.7 0 0 0-0.8 3.5c0 0.3 0 .351.321.374 3.596.343 4.4 5.3 1.1 6.8a11 11 0 0 1-1.44.419v2.1a6 6 0 0 0 0.9-.113.396.396 0 0 1 .476.204l1.1 1.5 2.1-1.2c0.1 0 0.1-.192.055-0.3l-0.5-1.2c-0.2-0.4-0.2-.657.133-0.9a1.5 1.5 0 0 0 0.3-.419.31.31 0 0 1 0.4-0.2l1.673.238c0.2 0 0.3 0 0.3-0.2L24 17c0-0.2 0-0.2-0.1-0.3s-0.7-0.3-1-0.4a.994.994 0 0 1-0.8-1.064.93.93 0 0 1 0.4-0.9c0.4-.283.798-0.6 1.2-0.9L22.6 11.3c-0.1-0.2-0.2-0.1-0.3-0.1l-1.496.566c-.318.07-1.3-0.7-1.2-1l0.2-1.6c0-0.2-0-0.3-0.2-0.3%22%2F%3E%3Cpath fill%3D%22gray%22 d%3D%22M18.3 15.8c-0-1-0.8-1.7-1.7-1.7v3.5c.967.017 1.8-0.8 1.7-1.8z%22%2F%3E%3Ctext xml%3Aspace%3D%22preserve%22 x%3D%227.9%22 y%3D%2217.9%22 fill%3D%22%23fff%22 font-family%3D%22Segoe UI%22 font-size%3D%2211%22 font-weight%3D%22bold%22 transform%3D%22scale%28.9 1.1%29%22%3E%3Ctspan x%3D%227.9%22 y%3D%2217.9%22%3EA%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fsvg%3E");
--image-icon_advsearch: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2230%22 height%3D%2230%22 stroke-linejoin%3D%22round%22%3E%3Cpath fill%3D%22%23fff%22 stroke%3D%22%238a8a8a%22 stroke-width%3D%222.2%22 d%3D%22M22.9 15a7.9 7.9 0 1 1-15.8 0 7.9 7.9 0 0 1 15.8 0z%22%2F%3E%3Cpath fill%3D%22none%22 stroke%3D%22%23D9D8D7%22 stroke-linecap%3D%22round%22 stroke-width%3D%222.2%22 d%3D%22M15 22.9a7.9 7.9 0 0 1-7.9-7.9%22%2F%3E%3Cpath fill%3D%22%23666%22 stroke%3D%22%23666%22 stroke-width%3D%221.1%22 d%3D%22M11.5 13.5h6.9L15 18.5z%22 paint-order%3D%22markers fill stroke%22%2F%3E%3C%2Fsvg%3E");
--image-icon_cart: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xml%3Aspace%3D%22preserve%22 width%3D%2230%22 height%3D%2230%22 fill%3D%22none%22%3E%3Cpath d%3D%22M11 5v4h13l-2 7H11v2h10c1.3 0 1.3 2 0 2H10a1 1 0 0 1-1-1V6H7C5.7 6 5.7 4 7 4h3a1 1 0 0 1 1 1M9 22.5c0 1.3 1.6 2 2.6 1.06.946-.944.276-2.6-1.1-2.6A1.5 1.5 0 0 0 9 22.5m9 0c0 1.3 1.6 2 2.6 1.06.946-.944.276-2.6-1.1-2.6a1.5 1.5 0 0 0-1.5 1.5%22 style%3D%22fill%3A%23fff%22%2F%3E%3C%2Fsvg%3E");
--image-icon_check: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2230%22 height%3D%2230%22 fill%3D%22none%22%3E%3Cpath fill%3D%22%23D9D8D7%22 fill-rule%3D%22evenodd%22 d%3D%22M0 15.1c0-8.3 6.7-15 15-15s15 6.7 15 15-6.7 15-15 15-15-6.7-15-15%22%2F%3E%3Cpath fill%3D%22%23fff%22 d%3D%22M22.6 11.6a1.4 1.4 0 1 0-2-2l-8.4 8.4-2.8-2.8a1.4 1.4 0 1 0-2 2l3.8 3.8a1.4 1.4 0 0 0 2 0z%22%2F%3E%3C%2Fsvg%3E");
--image-icon_cl: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2230%22 height%3D%2230%22%3E%3Cstyle%3E.G%7Bstroke-linecap%3Around%7D.H%7Bstroke-linejoin%3Around%7D.I%7Bstroke-width%3A2%7D%3C%2Fstyle%3E%3Cg stroke%3D%22%23b2b2b2%22 class%3D%22G H%22%3E%3Cpath fill%3D%22none%22 d%3D%22M21.9 22.5V9.5c0-2.256.253-3.2-0.5-3.5-2.6-0.2-3.7-0-3.888.121-.294.217-.325.212-.467.553-.162.387-0.2 1.2-0.2 2.1v14.1%22 class%3D%22I%22%2F%3E%3Cpath fill%3D%22gray%22 d%3D%22M17.2 18.5h3.8m-3.4-6h3.8%22%2F%3E%3C%2Fg%3E%3Cpath fill%3D%22none%22 stroke%3D%22%23D9D8D7%22 d%3D%22M17 22V9.5c0-2.256.253-3.2-0.5-3.5-2.6-0.2-5.7-0-5.888.121-.294.217-.325.212-.467.553-.162.387-0.2 1.2-0.2 2.1v13.2%22 class%3D%22G H I%22%2F%3E%3Cg fill%3D%22gray%22 class%3D%22G H%22%3E%3Cpath stroke%3D%22%236f6f6f%22 stroke-width%3D%222%22 d%3D%22M7 23h14.5%22%2F%3E%3Cpath stroke%3D%22%23D9D8D7%22 stroke-width%3D%221.1%22 d%3D%22M10.5 19.5h5.3m-5.3-3h5.3m-5.8-7h5.9%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
--image-icon_comment: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2230%22 height%3D%2230%22%3E%3Cpath fill%3D%22%23D9D8D7%22 d%3D%22M24.7 0H5.3C2.4 0 0 2.5 0 5.7V24.3C0 27.5 2.4 30 5.3 30h19.4C27.6 30 30 27.5 30 24.3V5.7C30 2.5 27.6 0 24.7 0%22%2F%3E%3Ctext x%3D%2215%22 y%3D%2224%22 fill%3D%22%23fff%22 font-family%3D%22Segoe UI%22 font-size%3D%2225%22 font-weight%3D%22bold%22 text-anchor%3D%22middle%22%3Ei%3C%2Ftext%3E%3C%2Fsvg%3E");
--image-icon_contact: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2230%22 height%3D%2230%22%3E%3Cpath fill%3D%22%23D9D8D7%22 d%3D%22M24.7 0H5.3C2.4 0 0 2.5 0 5.7V24.3C0 27.5 2.4 30 5.3 30h19.4C27.6 30 30 27.5 30 24.3V5.7C30 2.5 27.6 0 24.7 0%22%2F%3E%3Ctext x%3D%2215%22 y%3D%2223%22 fill%3D%22%23fff%22 font-family%3D%22Segoe UI%22 font-size%3D%2224%22 font-weight%3D%22bold%22 text-anchor%3D%22middle%22%3EC%3C%2Ftext%3E%3C%2Fsvg%3E");
--image-icon_cotes: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2290%22 height%3D%2230%22%3E%3Cstyle%3E.B%7Bfill-rule%3Aevenodd%7D.C%7Bstroke-width%3A2%7D.D%7Bstroke-linejoin%3Around%7D%3C%2Fstyle%3E%3Cpath fill%3D%22%23ccc%22 stroke%3D%22%23ccc%22 d%3D%22M15 6h8v4h-8zm30 0h8v4h-8z%22 class%3D%22B C D%22 paint-order%3D%22markers fill stroke%22%2F%3E%3Cpath fill%3D%22%23D9D8D7%22 stroke%3D%22%23D9D8D7%22 d%3D%22M75 6h8v4h-8z%22 class%3D%22B C D%22 paint-order%3D%22markers fill stroke%22%2F%3E%3Cpath d%3D%22M7.2 6.9h1.6V23.5h-1.6z%22 class%3D%22B%22 paint-order%3D%22markers fill stroke%22%2F%3E%3Ccircle cx%3D%228%22 cy%3D%226%22 r%3D%222%22 paint-order%3D%22markers fill stroke%22%2F%3E%3Cpath fill%3D%22%23D9D8D7%22 stroke%3D%22%23D9D8D7%22 d%3D%22M15 14h8v10h-8zm30 0h8v10h-8zm30 0h8v10h-8z%22 class%3D%22B C D%22 paint-order%3D%22markers fill stroke%22%2F%3E%3Ccircle cx%3D%228%22 cy%3D%2224%22 r%3D%222%22 paint-order%3D%22markers fill stroke%22%2F%3E%3Cpath d%3D%22M67.2 6.9h1.6V23.5h-1.6z%22 class%3D%22B%22 paint-order%3D%22markers fill stroke%22%2F%3E%3Ccircle cx%3D%2268%22 cy%3D%226%22 r%3D%222%22 paint-order%3D%22markers fill stroke%22%2F%3E%3Ccircle cx%3D%2268%22 cy%3D%2212%22 r%3D%222%22 paint-order%3D%22markers fill stroke%22%2F%3E%3Ccircle cx%3D%2268%22 cy%3D%2224%22 r%3D%222%22 paint-order%3D%22markers fill stroke%22%2F%3E%3Cg fill%3D%22%23ccc%22%3E%3Cpath d%3D%22M37.2 6.9h1.6V23.5h-1.6z%22 class%3D%22B%22 paint-order%3D%22markers fill stroke%22%2F%3E%3Ccircle cx%3D%2238%22 cy%3D%226%22 r%3D%222%22 paint-order%3D%22markers fill stroke%22%2F%3E%3Ccircle cx%3D%2238%22 cy%3D%2224%22 r%3D%222%22 paint-order%3D%22markers fill stroke%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
--image-icon_customer: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2230%22 height%3D%2230%22%3E%3Cpath fill%3D%22%23D9D8D7%22 d%3D%22M24.7 0H5.3C2.4 0 0 2.5 0 5.7V24.3C0 27.5 2.4 30 5.3 30h19.4C27.6 30 30 27.5 30 24.3V5.7C30 2.5 27.6 0 24.7 0%22%2F%3E%3Cg fill%3D%22%23fff%22 paint-order%3D%22markers fill stroke%22%3E%3Ccircle cx%3D%2215%22 cy%3D%2210.2%22 r%3D%223.2%22%2F%3E%3Cpath d%3D%22M19.8 23s-0.1-8.8-4.8-8.8C10.3 14.2 10.2 23 10.2 23z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
--image-icon_decors: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2230%22 height%3D%2230%22%3E%3Cg stroke-linejoin%3D%22round%22 paint-order%3D%22markers fill stroke%22%3E%3Cpath fill%3D%22%23D9D8D7%22 stroke%3D%22%23D9D8D7%22 stroke-width%3D%22.9%22 d%3D%22M7.4 23.6V6.4h4.1v17.1z%22%2F%3E%3Cpath fill%3D%22gray%22 stroke%3D%22gray%22 stroke-width%3D%22.9%22 d%3D%22M13.4 23.6V8.4h3.1v15.1z%22%2F%3E%3C%2Fg%3E%3Cg fill%3D%22%23ccc%22 stroke%3D%22%23ccc%22%3E%3Cpath stroke-linejoin%3D%22round%22 stroke-width%3D%22.9%22 d%3D%22M19.8 23.7 17.2 8.8l3.1-0.5 2.6 14.9z%22 paint-order%3D%22markers fill stroke%22%2F%3E%3Ccircle cx%3D%2233.2%22 cy%3D%2220.6%22 r%3D%22%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
--image-icon_delete: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2230%22 height%3D%2230%22%3E%3Cpath d%3D%22m17.8 15 4.2 4.2-2.8 2.8-7.1-7.1z%22 paint-order%3D%22markers fill stroke%22%2F%3E%3Cpath fill%3D%22%23666%22 d%3D%22m19.2 7.9 2.8 2.8-5 5-5.7-0z%22 paint-order%3D%22markers fill stroke%22%2F%3E%3Cpath fill%3D%22%23D9D8D7%22 d%3D%22m17.8 15-7.1 7.1-2.8-2.8L12.2 15l-4.2-4.2 2.8-2.8z%22 paint-order%3D%22markers fill stroke%22%2F%3E%3C%2Fsvg%3E");
--image-icon_dl_doc: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2230%22 height%3D%2230%22 fill%3D%22none%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22 stroke-width%3D%222%22%3E%3Cpath stroke%3D%22%238a8a8a%22 d%3D%22M20 12V7.5s-0.4-0.9-0.8-1c-0.6-0.3-8.9 2.7-9.5 3-.327.135-0.8 1-0.8 1V22%22 paint-order%3D%22markers fill stroke%22%2F%3E%3Cpath stroke%3D%22%23D9D8D7%22 d%3D%22m13.5 19.5 4 3 4-3m-4-5v7%22 paint-order%3D%22markers fill stroke%22%2F%3E%3Cpath stroke%3D%22%23ababab%22 d%3D%22M14 25h7%22 paint-order%3D%22markers fill stroke%22%2F%3E%3C%2Fsvg%3E");
--image-icon_doors: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 id%3D%22svg9%22 width%3D%2260%22 height%3D%2230%22 version%3D%221.1%22%3E%3Cstyle id%3D%22style1%22%3E.B%7Bfill-rule%3Aevenodd%7D.C%7Bstroke-width%3A2%7D.D%7Bstroke-linejoin%3Around%7D%3C%2Fstyle%3E%3Cpath id%3D%22path4-8%22 fill%3D%22%23D9D8D7%22 stroke%3D%22%23D9D8D7%22 d%3D%22M11 7h8v16h-8z%22 class%3D%22B C D%22 paint-order%3D%22markers fill stroke%22 style%3D%22fill%3A%23ccc%3Bfill-rule%3Aevenodd%3Bstroke%3A%23ccc%3Bstroke-width%3A2%3Bstroke-linejoin%3Around%3Bstroke-opacity%3A1%22%2F%3E%3Cpath id%3D%22path4-4-7-4%22 fill%3D%22%23D9D8D7%22 stroke%3D%22%23D9D8D7%22 d%3D%22m7 6 2 1v16l-2 1Z%22 class%3D%22B C D%22 paint-order%3D%22markers fill stroke%22 style%3D%22fill-rule%3Aevenodd%3Bstroke%3A%23D9D8D7%3Bstroke-width%3A2%3Bstroke-linejoin%3Around%3Bstroke-dasharray%3Anone%3Bstroke-opacity%3A1%22%2F%3E%3Cpath id%3D%22path4-4-7-4-0%22 fill%3D%22%23D9D8D7%22 stroke%3D%22%23D9D8D7%22 d%3D%22m21 7 2-1v18l-2-1Z%22 class%3D%22B C D%22 paint-order%3D%22markers fill stroke%22 style%3D%22fill-rule%3Aevenodd%3Bstroke%3A%23D9D8D7%3Bstroke-width%3A2%3Bstroke-linejoin%3Around%3Bstroke-dasharray%3Anone%3Bstroke-opacity%3A1%22%2F%3E%3Cpath id%3D%22path4-8-4%22 fill%3D%22%23D9D8D7%22 stroke%3D%22%23D9D8D7%22 d%3D%22M41 7h8v16h-8z%22 class%3D%22B C D%22 paint-order%3D%22markers fill stroke%22 style%3D%22fill%3A%23ccc%3Bfill-rule%3Aevenodd%3Bstroke%3A%23ccc%3Bstroke-width%3A2%3Bstroke-linejoin%3Around%3Bstroke-opacity%3A1%22%2F%3E%3Cpath id%3D%22path4-4-7-4-8%22 fill%3D%22%23D9D8D7%22 stroke%3D%22%23D9D8D7%22 d%3D%22m41 7 2.7-.3v16.7L41 23Z%22 class%3D%22B C D%22 paint-order%3D%22markers fill stroke%22 style%3D%22fill-rule%3Aevenodd%3Bstroke%3A%23D9D8D7%3Bstroke-width%3A2%3Bstroke-linejoin%3Around%3Bstroke-dasharray%3Anone%3Bstroke-opacity%3A1%22%2F%3E%3Cpath id%3D%22path4-4-7-4-0-1%22 fill%3D%22%23D9D8D7%22 stroke%3D%22%23D9D8D7%22 d%3D%22M46.3 6.7 49 7v16l-2.7.3z%22 class%3D%22B C D%22 paint-order%3D%22markers fill stroke%22 style%3D%22fill-rule%3Aevenodd%3Bstroke%3A%23D9D8D7%3Bstroke-width%3A2%3Bstroke-linejoin%3Around%3Bstroke-dasharray%3Anone%3Bstroke-opacity%3A1%22%2F%3E%3C%2Fsvg%3E");
--image-icon_dr: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2230%22 height%3D%2230%22%3E%3Cg fill%3D%22none%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22 stroke-width%3D%222%22%3E%3Cpath stroke%3D%22%23ccc%22 d%3D%22M19.8 8.2c3.5-0.1 3.2 1.2 3.2 3.3V22h2%22%2F%3E%3Cpath stroke%3D%22%23D9D8D7%22 d%3D%22M19 22.9V9.5c0-2.256.254-3.2-0.5-3.5-2.6-0.2-7.7 1.3-7.9 1.4-.294.217-.325.212-.467.553-.162.387-0.2 1.2-0.2 2.1v12.8%22%2F%3E%3C%2Fg%3E%3Cellipse cx%3D%2215.7%22 cy%3D%2215%22 fill%3D%22%234d4d4d%22 paint-order%3D%22markers fill stroke%22 rx%3D%221.1%22 ry%3D%221.1%22%2F%3E%3Cpath fill%3D%22gray%22 stroke%3D%22%236f6f6f%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22 stroke-width%3D%222%22 d%3D%22M7 23h12%22%2F%3E%3C%2Fsvg%3E");
--image-icon_ec: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2230%22 height%3D%2230%22%3E%3Cg stroke%3D%22%23b2b2b2%22%3E%3Cpath fill%3D%22%23999%22 stroke-linejoin%3D%22round%22 d%3D%22M10.2 14.4h4.9M10.5 9.5h9.5m-4.6-0.2-0.6 1.2-0.2 12.7%22%2F%3E%3Cpath fill%3D%22none%22 stroke-width%3D%222%22 d%3D%22M18.9 10.2c1.207.04 1.2-3.735.285-4.3-3.911.043-7.2-0.4-9 1.4-.404.459-.243.693-0.2 1.6v14.1%22%2F%3E%3C%2Fg%3E%3Cg stroke%3D%22%23D9D8D7%22%3E%3Cpath stroke-width%3D%221.1%22 d%3D%22M16.5 16.5h5.3%22%2F%3E%3Cpath fill%3D%22none%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22 stroke-width%3D%222%22 d%3D%22M22 22v-8.5c0-2.256.253-3.2-0.5-3.5-2.6-0.2-4.7-0-4.887.121-.294.217-.325.212-.467.553-.162.387-0.2 1.2-0.2 2.1v9.2%22%2F%3E%3C%2Fg%3E%3Cpath fill%3D%22gray%22 stroke%3D%22%236f6f6f%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22 stroke-width%3D%222%22 d%3D%22M7 23h14.5%22%2F%3E%3C%2Fsvg%3E");
--image-icon_ecopart: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2230%22 height%3D%2230%22%3E%3Cpath d%3D%22M23.6 4c-1.685.006-3.359.068-4.961.694a157 157 0 0 0 0 5.1A377 377 0 0 0 24.3 4z%22 style%3D%22opacity%3A1%3Bfill%3A%23e6e6e6%22%2F%3E%3Cpath d%3D%22m25.1 4.9-3.9 4a44 44 0 0 0 3.8 0q0.3-1.985.142-4M6.5 5.2l-.469.003a137 137 0 0 0 4 4q0.1-1.873.021-3.7c-0.7-0.1-1.3-0.3-3.5-0.2%22 style%3D%22opacity%3A1%3Bfill%3A%23D9D8D7%22%2F%3E%3Cpath d%3D%22M17.3 5.3a5.3 5.3 0 0 0-1.8 1.8 9.9 9.9 0 0 1 1.7 4.1l0.2-0.2q0-2.851.02-5.7z%22 style%3D%22opacity%3A1%3Bfill%3A%23D9D8D7%3Bfill-opacity%3A1%22%2F%3E%3Cpath d%3D%22M11.2 5.8q-0 2.364.022 4.7l4.9 4.9a14.1 14.1 0 0 0-0.4-5.4q-1.1-3.4-4.5-4.2%22 style%3D%22opacity%3A1%3Bfill%3A%23999%22%2F%3E%3Cpath d%3D%22M5.2 6.1c-0 2.2-0 3.694.693 5.7q2.525.081 5.1 0a284 284 0 0 0-5.7-5.7%22 style%3D%22opacity%3A1%3Bfill%3A%23e6e6e6%3Bfill-opacity%3A1%22%2F%3E%3Cpath d%3D%22M19.9 10.1q-1.2 1.3-2.5 2.526.04 1.2-0 2.4c3.2-0.3 6.4-1.4 7.3-5z%22 style%3D%22opacity%3A1%3Bfill%3A%23b7b7b7%22%2F%3E%3Cpath d%3D%22M7.9 13q-0.7 0-1.435.002c2.1 3.6 7.4 3.3 8.9 3.2l-3.1-3.1a405 405 0 0 0-4.3-0%22 style%3D%22opacity%3A1%3Bfill%3A%23D9D8D7%22%2F%3E%3Cpath d%3D%22M15.2 18a3.5 3.5 0 0 0-.836.12q-1.228.459-1.3 1.8a75 75 0 0 0 0 3.4c0.3 1.7 1.6 1.9 2.4 1.867.689.031 1.1-.2 1.4-0.4q1-.675.798-1.8a.47.47 0 0 0-0.3-0.3 1.5 1.5 0 0 0-0.6-.04.57.57 0 0 0-.33.176q-.089.346-.155.7-.17.48-.681.526-.917.15-1.2-0.7a42 42 0 0 1 0-3.581.97.97 0 0 1 0.5-0.5q1.4-0.3 1.5 1.11.442.286.953.136a.45.45 0 0 0 0.2-0.1q0.3-1.1-0.6-1.9A3.3 3.3 0 0 0 15.2 18%22 style%3D%22opacity%3A1%3Bfill%3A%23D9D8D7%3Bstroke-width%3A1%22%2F%3E%3Cpath d%3D%22M21.3 18q-0.5 0-.933.136-1.21.413-1.3 1.7a82 82 0 0 0 0 3.6q0.2 1.5 1.7 1.8h1.1q1.6-0.3 1.8-1.9a75 75 0 0 0 0-3.4q-0.1-1.3-1.3-1.8a3.3 3.3 0 0 0-0.9-0.1m0 1.2q.946.027.986 1.103.039 1.4 0 2.724.017 1-1 1.1-0.9-0-1-1a35 35 0 0 1 0-3.2q0.1-.575.68-.7.077-.009.15-.012.067-.003.13-0%22 style%3D%22opacity%3A1%3Bfill%3A%23b3b3b3%3Bfill-opacity%3A1%3Bstroke-width%3A1%22%2F%3E%3Cpath d%3D%22M9.3 18.1q-1 0-1.945.019a.55.55 0 0 0-.254.175 143 143 0 0 0-0 6.656.6.6 0 0 0 .294.272h3.9a.67.67 0 0 0 0.2-.544.55.55 0 0 0-0.3-0.6q-1.4-0-2.9-0v-1.9q.84.024 1.7-0.1a.55.55 0 0 0 0.2-0.3q0.1-0.4-0.3-0.7a33 33 0 0 0-1.6-0v-1.9q1.44.01 2.9-0a.42.42 0 0 0 0.3-0.3q0.1-0.5-0.2-0.8a97 97 0 0 0-1.9-0%22 style%3D%22opacity%3A1%3Bfill%3A%23b4b4b4%3Bstroke-width%3A1%22%2F%3E%3C%2Fsvg%3E");
--image-icon_edit: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2230%22 height%3D%2230%22%3E%3Cpath fill%3D%22%23666%22 d%3D%22m20.3 5.1-1.5 1.9 3.3 3 1.8-1.8z%22%2F%3E%3Cpath fill%3D%22%23D9D8D7%22 d%3D%22m18.1 7.6-7.9 9.2 3.2 3 8-9.2zM9.8 17.4 8.5 18.8l-.9 2.7-0.9 2.8 4.7-2.2 1.5-1.7z%22%2F%3E%3Cpath fill%3D%22%23ccc%22 d%3D%22m13.4 21.5 10.9-0.1-0.3 2.2-13.5-0.1z%22 paint-order%3D%22markers fill stroke%22%2F%3E%3C%2Fsvg%3E");
--image-icon_edit2: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2230%22 height%3D%2230%22%3E%3Cpath fill%3D%22%23ddd%22 d%3D%22m14.9 21.1 8.7-0.1-0.2 1.8-10.8-0.1z%22 paint-order%3D%22markers fill stroke%22%2F%3E%3Cpath fill%3D%22%23666%22 d%3D%22m21 9-2 2 3 1 1-1z%22%2F%3E%3Cpath fill%3D%22%23D9D8D7%22 d%3D%22m19 11-6.5 6.5 2 2L21 13zm-7 7-1 1-1 3 3-1 1-1z%22%2F%3E%3Cpath fill%3D%22none%22 stroke%3D%22%23ddd%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22 stroke-width%3D%222%22 d%3D%22M19 8V6H9v12%22 paint-order%3D%22markers fill stroke%22%2F%3E%3C%2Fsvg%3E");
--image-icon_email: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2230%22 height%3D%2230%22%3E%3Cpath fill%3D%22%23D9D8D7%22 d%3D%22M24.7 0H5.3C2.4 0 0 2.5 0 5.7V24.3C0 27.5 2.4 30 5.3 30h19.4C27.6 30 30 27.5 30 24.3V5.7C30 2.5 27.6 0 24.7 0%22%2F%3E%3Ctext xml%3Aspace%3D%22preserve%22 x%3D%222.8%22 y%3D%2222.6%22 fill%3D%22%23fff%22 font-size%3D%2225.9%22%3E%3Ctspan x%3D%222.8%22 y%3D%2222.6%22 font-family%3D%22Segoe UI%22%3E%40%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fsvg%3E");
--image-icon_error: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2230%22 height%3D%2230%22%3E%3Cpath fill%3D%22%23d40000%22 fill-rule%3D%22evenodd%22 d%3D%22M15 0c8.3 0 15 6.7 15 15s-6.7 15-15 15S0 23.3 0 15 6.7 0 15 0%22%2F%3E%3Cpath fill%3D%22%23fff%22 d%3D%22M19.6 7.5 15 12.1 10.4 7.5 7.5 10.4 12.1 15 7.5 19.6l2.9 2.9L15 17.9l4.6 4.6 2.9-2.9L17.9 15l4.6-4.6z%22%2F%3E%3C%2Fsvg%3E");
--image-icon_errorco: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2230%22 height%3D%2230%22%3E%3Cpath fill%3D%22none%22 stroke%3D%22%23fff%22 stroke-linejoin%3D%22round%22 stroke-width%3D%222.6%22 d%3D%22m7.9 21.6 16.89.094c4.191.058 4.1-7.4-1.3-6.9 2.1-7.2-9.8-9.4-11.6-1.7-5.4-2.6-9.6 1-9.6 5s5.6 3.5 5.6 3.5z%22 paint-order%3D%22markers fill stroke%22%2F%3E%3Cpath fill%3D%22%23d40000%22 fill-rule%3D%22evenodd%22 d%3D%22M23 4a6 6 0 1 1 0 12 6 6 0 1 1 0-12%22%2F%3E%3Cpath fill%3D%22%23fff%22 d%3D%22M25.1 6.5 23 8.7l-2.1-2.1-1.3 1.3L21.7 10l-2.1 2.1 1.3 1.3L23 11.3l2.1 2.1 1.3-1.3L24.3 10l2.1-2.1z%22%2F%3E%3C%2Fsvg%3E");
--image-icon_export: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2230%22 height%3D%2230%22%3E%3Cpath fill%3D%22%23D9D8D7%22 d%3D%22M9.9 12.1 15 7l5.1 4.9-2 1L16 11v8h-2v-8l-2.1 2z%22 paint-order%3D%22markers fill stroke%22%2F%3E%3Cpath fill%3D%22%23fff%22 d%3D%22M6 19v4h18v-4h-2v2H8v-2z%22 paint-order%3D%22markers fill stroke%22%2F%3E%3C%2Fsvg%3E");
--image-icon_folder: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2230%22 height%3D%2230%22 fill-rule%3D%22evenodd%22%3E%3Cpath fill%3D%22%23fff%22 fill-opacity%3D%22.6%22 d%3D%22M18.5 23.2h2c0.8 0 1.5-0.6 1.5-1.3V9.5c0-0.7-0.7-1.3-1.5-1.3h-2c-3.9-0.7-2.8 13.5 0 15zm0-2.5V10.7H20v10z%22%2F%3E%3Cpath fill%3D%22%23D9D8D7%22 d%3D%22M7 21.9a1.3 1.3 0 0 0 0.9 1.2l8.8 2.3c.794.213 1.3-0.4 1.3-1.2V6.8c0-0.8-0.5-1.4-1.3-1.2l-8.8 2.3A1.3 1.3 0 0 0 7 9.1zM16 8.4v14.2l-7-1.7V10.1z%22%2F%3E%3C%2Fsvg%3E");
--image-icon_foldersmall: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2230%22 height%3D%2230%22%3E%3Cpath stroke%3D%22%238a8a8a%22 d%3D%22M20 12V7.5s-0.4-0.9-0.8-1c-0.6-0.3-8.9 2.7-9.5 3-.327.135-0.8 1-0.8 1V22%22 paint-order%3D%22markers fill stroke%22 style%3D%22fill%3Anone%3Bstroke-width%3A2%3Bstroke-linecap%3Around%3Bstroke-dasharray%3Anone%3Bstroke%3A%23D9D8D7%3Bstroke-opacity%3A1%22%2F%3E%3Cpath fill%3D%22%23D9D8D7%22 d%3D%22m23.9 14.3-6.8 6.8 1.8 1.8 6.8-6.8zm-7.5 7.5-1 1-1 2.9 2.9-1.1 1-1z%22 style%3D%22fill%3A%23666%3Bstroke%3A%23666%3Bstroke-width%3A0.5%3Bstroke-linejoin%3Around%3Bstroke-dasharray%3Anone%3Bstroke-opacity%3A1%3Bpaint-order%3Afill markers stroke%22%2F%3E%3C%2Fsvg%3E");
--image-icon_fp: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2230%22 height%3D%2230%22%3E%3Cpath fill%3D%22none%22 stroke%3D%22%23D9D8D7%22 d%3D%22m15.5 22.706.02-16.8%22%2F%3E%3Cpath stroke%3D%22%23ccc%22 d%3D%22M16.5 22.6V5.9%22%2F%3E%3Cg fill%3D%22none%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%3E%3Cg stroke-width%3D%222%22%3E%3Cpath stroke%3D%22%23ccc%22 d%3D%22M16.9 6c2.6-0.2 4.244.108 4.425.243.29.217.321.212.461.553.16.387.16 1.157.16 2.1v14.1%22%2F%3E%3Cpath stroke%3D%22%23D9D8D7%22 d%3D%22M15 6c-2.692.059-4.187.067-4.369.202-.29.217-.321.212-.461.553-.16.387-0.2 1.2-0.2 2.1v14.1%22%2F%3E%3C%2Fg%3E%3Cpath fill%3D%22gray%22 stroke%3D%22%236f6f6f%22 stroke-width%3D%222%22 d%3D%22M7 23h15%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
--image-icon_fullscreen: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2230%22 height%3D%2230%22%3E%3Cpath fill%3D%22%23D9D8D7%22 d%3D%22M23 14V7h-7l0.5 2L19.7 9l-3.7 3.6 1.4 1.4L21 10.3l-0 3.2z%22 paint-order%3D%22markers fill stroke%22%2F%3E%3Cpath fill%3D%22%23e6e6e6%22 d%3D%22M7 16v7h7l-0.5-2L10.3 21l3.7-3.6-1.4-1.4L9 19.7l0-3.2z%22 paint-order%3D%22markers fill stroke%22%2F%3E%3Cpath fill%3D%22none%22 stroke%3D%22%23ddd%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22 d%3D%22M10.5 7.5h-3V11M20 22.5h2.5V19%22 paint-order%3D%22markers fill stroke%22%2F%3E%3C%2Fsvg%3E");
--image-icon_fullscreen2: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2230%22 height%3D%2230%22%3E%3Cpath fill%3D%22%23D9D8D7%22 d%3D%22M17 6v7h7l-0.5-2L20.3 11l3.7-3.6-1.4-1.4L19 9.7l0-3.2z%22 paint-order%3D%22markers fill stroke%22%2F%3E%3Cpath fill%3D%22%23e6e6e6%22 d%3D%22M6 17h7v7l-2-0.5L11 20.3l-3.6 3.7-1.4-1.4L9.7 19l-3.182.029z%22 paint-order%3D%22markers fill stroke%22%2F%3E%3Cpath fill%3D%22none%22 stroke%3D%22%23ddd%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22 d%3D%22M10.5 7.5h-3V11M20 22.5h2.5V19%22 paint-order%3D%22markers fill stroke%22%2F%3E%3C%2Fsvg%3E");
--image-icon_info: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2230%22 height%3D%2230%22%3E%3Cpath fill%3D%22%23D9D8D7%22 fill-rule%3D%22evenodd%22 d%3D%22M15 0c8.3 0 15 6.7 15 15s-6.7 15-15 15S0 23.3 0 15 6.7 0 15 0%22%2F%3E%3Cpath fill%3D%22%23fff%22 d%3D%22M15 11.2c-1.4 0-2.5-1.1-2.5-2.5C12.5 7.1 13.5 6 15 6c1.4 0 2.5 1.1 2.5 2.6s-1.1 2.6-2.5 2.6m1.9 12.3h-3.8v-11h3.8z%22%2F%3E%3C%2Fsvg%3E");
--image-icon_input_auto: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2215%22 height%3D%2221%22%3E%3Cpath fill%3D%22%23fff%22 fill-rule%3D%22evenodd%22 d%3D%22M3 15h2l0.9-2h3.4l0.9 2H12L8.3 6h-1.5zm4.5-6.4-1 2.5h2z%22 paint-order%3D%22markers fill stroke%22%2F%3E%3C%2Fsvg%3E");
--image-icon_input_error: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2213%22 height%3D%2221%22%3E%3Cpath fill%3D%22%23fff%22 d%3D%22M10.3 6.8 8 9.1 5.7 6.8 4.3 8.2l2.3 2.3-2.3 2.3 1.4 1.4L8 11.9l2.3 2.3 1.4-1.4-2.3-2.3 2.3-2.3z%22%2F%3E%3C%2Fsvg%3E");
--image-icon_input_warning: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2213%22 height%3D%2221%22 fill%3D%22%23fff%22%3E%3Cpath d%3D%22M7.5 15c-0.9 0-1.5-0.6-1.5-1.5C6 12.6 6.6 12 7.5 12c0.9 0 1.5.635 1.5 1.5S8.4 15 7.5 15M8.9 5h-2.7l.2 5.5h2.3z%22%2F%3E%3C%2Fsvg%3E");
--image-icon_lock: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2230%22 height%3D%2230%22%3E%3Cpath fill%3D%22%23f2f2f2%22 d%3D%22M21 15v7a3 3 0 0 1-3 3h-6a3 3 0 0 1-3-3v-7z%22%2F%3E%3Cpath fill%3D%22%23D9D8D7%22 fill-rule%3D%22evenodd%22 d%3D%22M9 15v-2h12v2z%22%2F%3E%3Ctext xml%3Aspace%3D%22preserve%22 x%3D%2212.8%22 y%3D%2221.7%22 fill%3D%22%23333%22 font-family%3D%22Segoe UI%22 font-size%3D%2214%22 font-weight%3D%22bold%22 transform%3D%22scale%28.9 1.1%29%22%3E%3Ctspan x%3D%2212.8%22 y%3D%2221.7%22%3Ea%3C%2Ftspan%3E%3C%2Ftext%3E%3Cpath fill%3D%22gray%22 d%3D%22M9 10h2V8s0-1 1-1h6s1-0.2 1 1v5h2V8s.1-3-3-3h-6s-3 0-3 2.6z%22 paint-order%3D%22markers fill stroke%22%2F%3E%3C%2Fsvg%3E");
--image-icon_locked: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2230%22 height%3D%2230%22%3E%3Cpath fill%3D%22%23f2f2f2%22 d%3D%22M21 15v7a3 3 0 0 1-3 3h-6a3 3 0 0 1-3-3v-7z%22%2F%3E%3Cpath fill%3D%22%23fff%22 fill-rule%3D%22evenodd%22 d%3D%22M9 15v-2h12v2z%22%2F%3E%3Cpath fill%3D%22gray%22 d%3D%22M9 13h2V8s0-1 1-1h6s1-0.2 1 1v5h2V8s.1-3-3-3h-6s-3 0-3 2.6z%22 paint-order%3D%22markers fill stroke%22%2F%3E%3Cpath fill%3D%22%23D9D8D7%22 d%3D%22M22.6 13.4a1.4 1.4 0 1 0-2-2l-8.4 8.4-2.8-2.8a1.4 1.4 0 1 0-2 2l3.8 3.8a1.4 1.4 0 0 0 2 0z%22 paint-order%3D%22stroke markers fill%22%2F%3E%3C%2Fsvg%3E");
--image-icon_locked_grey: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2230%22 height%3D%2230%22%3E%3Cpath fill%3D%22%23D9D8D7%22 d%3D%22M23 10.7a1.4 1.4 0 1 0-2-2l-8.4 8.4-2.8-2.8a1.4 1.4 0 1 0-2 2l3.8 3.8a1.4 1.4 0 0 0 2 0z%22 paint-order%3D%22stroke markers fill%22 style%3D%22fill%3A%23ccc%22%2F%3E%3C%2Fsvg%3E");
--image-icon_locked_grey2: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2230%22 height%3D%2230%22%3E%3Cpath fill%3D%22%23f2f2f2%22 d%3D%22M20 14v5.5a2.5 2.5 0 0 1-2.5 2.5h-5a2.5 2.5 0 0 1-2.5-2.5V14Z%22 style%3D%22fill%3Agray%3Bstroke-width%3A0.8%22%2F%3E%3Cpath fill%3D%22gray%22 d%3D%22M10 14h1.7V9.5s0-.833.833-0.8h5s0.8-.15.833.833V14H20V9.5S20.1 7 17.5 7h-5S10 7 10 9.1z%22 paint-order%3D%22markers fill stroke%22 style%3D%22fill%3Agray%3Bstroke-width%3A0.8%22%2F%3E%3C%2Fsvg%3E");
--image-icon_locked_white: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2230%22 height%3D%2230%22%3E%3Cpath fill%3D%22%23f2f2f2%22 d%3D%22M18 14v3.5a1.5 1.5 0 0 1-1.5 1.5h-3a1.5 1.5 0 0 1-1.5-1.5V14Z%22 style%3D%22fill%3A%23fff%3Bstroke-width%3A.5%22%2F%3E%3Cpath fill%3D%22gray%22 d%3D%22M12 12.5h1v-1s0-.5.5-.5h3s0.5-.09.5.5V14h1v-2.5s0.1-1.5-1.5-1.5h-3s-1.5.009-1.5 1.3z%22 paint-order%3D%22markers fill stroke%22 style%3D%22fill%3A%23fff%3Bstroke-width%3A.5%22%2F%3E%3C%2Fsvg%3E");
--image-icon_locked_white2: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2230%22 height%3D%2230%22%3E%3Cpath d%3D%22M12 13h1v-2.5s0-.5.5-.5h3s0.5-.09.5.5V13h1v-2.5S18.1 9 16.5 9h-3s-1.5.009-1.5 1.3zm7 1v4.5a1.5 1.5 0 0 1-1.5 1.5h-5a1.5 1.5 0 0 1-1.5-1.5V14z%22 style%3D%22fill%3A%23fff%3Bfill-opacity%3A0.4%3Bstroke%3A%23000%3Bstroke-width%3A2%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-dasharray%3Anone%3Bstroke-opacity%3A0.2%22%2F%3E%3Cpath fill%3D%22%23f2f2f2%22 d%3D%22M19 14v4.5a1.5 1.5 0 0 1-1.5 1.5h-5a1.5 1.5 0 0 1-1.5-1.5V14Z%22 style%3D%22fill%3A%23fff%3Bstroke-width%3A.5%22%2F%3E%3Cpath fill%3D%22gray%22 d%3D%22M12 15.5h1v-5s0-.5.5-.5h3s0.5-.09.5.5V15h1v-4.5S18.1 9 16.5 9h-3s-1.5.009-1.5 1.3z%22 paint-order%3D%22markers fill stroke%22 style%3D%22fill%3A%23fff%3Bstroke-width%3A.5%22%2F%3E%3C%2Fsvg%3E");
--image-icon_logout: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2230%22 height%3D%2230%22%3E%3Cpath fill%3D%22%23D9D8D7%22 d%3D%22m14 20 5-5-5-5v4H7v2h7z%22 paint-order%3D%22markers fill stroke%22%2F%3E%3Cpath fill%3D%22%23fff%22 d%3D%22M21 24V6h2v18z%22 paint-order%3D%22markers fill stroke%22%2F%3E%3C%2Fsvg%3E");
--image-icon_mail: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2230%22 height%3D%2230%22 stroke-linejoin%3D%22round%22%3E%3Cpath fill%3D%22%23D9D8D7%22 d%3D%22m13.5 14.1 5.76.89H25c0-1.4-11.4-7.6-13.6-8-0.2 2.4 2.1 7.1 2.1 7.1%22 paint-order%3D%22markers fill stroke%22%2F%3E%3Cpath fill%3D%22%23a7a7a7%22 d%3D%22m13.5 15.9 5.8-0.9H25c0 1.4-11.4 7.6-13.6 8-0.2-2.4 2.1-7.1 2.1-7.1%22 paint-order%3D%22markers fill stroke%22%2F%3E%3Cg stroke-linecap%3D%22round%22 stroke-width%3D%221.8%22 paint-order%3D%22markers fill stroke%22%3E%3Cpath fill%3D%22%23D9D8D7%22 stroke%3D%22%23D9D8D7%22 d%3D%22M5.9 11.4h2.8%22%2F%3E%3Cpath fill%3D%22gray%22 stroke%3D%22%23a7a7a7%22 d%3D%22M6.8 15h1.9%22%2F%3E%3Cpath fill%3D%22%23e6e6e6%22 stroke%3D%22%23ccc%22 d%3D%22M7.7 18.6h0.9%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
--image-icon_move: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2230%22 height%3D%2230%22%3E%3Cpath fill%3D%22%234d4d4d%22 d%3D%22M10 19.7 15 25l5-5.2-2-1.1-2.1 2.1V16h-2v4.8l-2.1-2.1z%22 paint-order%3D%22markers fill stroke%22%2F%3E%3Cpath fill%3D%22%230d9fff%22 d%3D%22M10 10.3 15 5l5 5.2-2 1.1-2.1-2.1V14h-2V9.2l-2.1 2.1z%22 paint-order%3D%22markers fill stroke%22%2F%3E%3C%2Fsvg%3E");
--image-icon_moveel: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2230%22 height%3D%2230%22%3E%3Cpath fill%3D%22%234d4d4d%22 d%3D%22M10 21.7 15 27l5-5.2-2-1.1-2.1 2.1V18h-2v4.8l-2.1-2.1z%22 paint-order%3D%22markers fill stroke%22%2F%3E%3Cpath fill%3D%22%230d9fff%22 d%3D%22M10 8.3 15 3l5 5.2-2 1.1-2.1-2.1V12h-2V7.2l-2.1 2.1z%22 paint-order%3D%22markers fill stroke%22%2F%3E%3Cpath fill%3D%22%234d4d4d%22 d%3D%22m8.4 10.1-5.3 5 5.2 5 1.1-2-2.1-2.1h4.8v-2h-4.8l2.1-2.1z%22 paint-order%3D%22markers fill stroke%22%2F%3E%3Cpath fill%3D%22%230d9fff%22 d%3D%22m21.7 10.1 5.3 5-5.2 5-1.1-2 2.1-2.1h-4.8v-2h4.8l-2.1-2.1z%22 paint-order%3D%22markers fill stroke%22%2F%3E%3C%2Fsvg%3E");
--image-icon_next: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2230%22 height%3D%2230%22 fill%3D%22%23fff%22 stroke-linejoin%3D%22round%22%3E%3Cpath d%3D%22M11.6 12.4 15.7 15h5.8c0-1.4-11.4-7.6-13.6-8-0.2 2.4 3.7 5.4 3.7 5.4m0.6 5L15.7 15h5.8c0 1.4-11.4 7.6-13.6 8-0.2-2.4 4.3-5.5 4.3-5.5z%22 paint-order%3D%22markers fill stroke%22%2F%3E%3C%2Fsvg%3E");
--image-icon_note: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2230%22 height%3D%2230%22%3E%3Cpath fill%3D%22%23D9D8D7%22 d%3D%22M8 5h16v20h-5v-2h3V7H8z%22 paint-order%3D%22markers fill stroke%22%2F%3E%3Cpath fill%3D%22%23fff%22 d%3D%22M6 5h2v18h11v2H6zm4 4.9L20 10v2H10zm-0 4L20 14v2H10zM10 18h9v2h-9z%22 paint-order%3D%22markers fill stroke%22%2F%3E%3C%2Fsvg%3E");
--image-icon_open: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2230%22 height%3D%2230%22%3E%3Cpath fill%3D%22%23D9D8D7%22 d%3D%22M12 15q0 1.248.864 2.1c.864.88 1.285.88 2.128.88s1.6-0.3 2.1-.88.869-1.296.88-2.1-0.3-1.5-0.9-2.1a3 3 0 0 0-2.1-0.9q-0.5 0-.992.176V14h-1.8a3 3 0 0 0-.176.992%22%2F%3E%3Cpath fill%3D%22%23999%22 d%3D%22M4 15c1 2.5 3.2 5 3.4 5.3 1.1 1.2 2.1 2 3.3 2.6C12 23.6 13.5 23.9 15 24c2.987.042 5.3-1.6 7.4-3.5 2-2 3.3-4.9 3.6-5.5-0.5-1.3-1.3-2.5-2.1-3.7-0.6-0.9-2.7-3.3-4.5-4.1-1.4-0.7-2.8-1.1-4.4-1.1-3.3 0-5.5 1.6-7.4 3.5C5.7 11.3 4.3 14.2 4 15m4.1 0c0-2.5 1.5-4.5 3.4-5.6 1.8-1 4.1-1.2 6.1-0.4 2.028.832 3.1 2.1 3.7 3.4a6 6 0 0 1-0.4 5.7C19.8 20.1 17.6 21.4 15 21.4a7.2 7.2 0 0 1-4.9-1.9c-0.9-0.8-2.1-2.4-2-4.5z%22%2F%3E%3C%2Fsvg%3E");
--image-icon_orders: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2230%22 height%3D%2230%22%3E%3Cpath fill%3D%22none%22 stroke%3D%22%238a8a8a%22 stroke-linecap%3D%22round%22 stroke-width%3D%222%22 d%3D%22M20 12V7.5s-0.4-0.9-0.8-1c-0.6-0.3-8.9 2.7-9.5 3-.327.135-0.8 1-0.8 1V22%22 paint-order%3D%22markers fill stroke%22%2F%3E%3Cpath fill%3D%22%23D9D8D7%22 d%3D%22M22.9 16.7a.988.988 0 1 0-1.4-1.4l-5.9 5.9-1.9-1.9a.988.988 0 1 0-1.4 1.4l2.6 2.6a.987.987 0 0 0 1.4 0z%22 paint-order%3D%22stroke markers fill%22%2F%3E%3C%2Fsvg%3E");
--image-icon_params: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2230%22 height%3D%2230%22%3E%3Cpath fill%3D%22%23D9D8D7%22 d%3D%22m18.3 8-2-0.5c-0.2 0-0.2 0-.31.158a5.7 5.7 0 0 0-0.8 3.5c0 0.3 0 .351.321.374 3.596.343 4.4 5.3 1.1 6.8a11 11 0 0 1-1.44.419v2.1a6 6 0 0 0 0.9-.113.396.396 0 0 1 .476.204l1.1 1.5 2.1-1.2c0.1 0 0.1-.192.055-0.3l-0.5-1.2c-0.2-0.4-0.2-.657.133-0.9a1.5 1.5 0 0 0 0.3-.419.31.31 0 0 1 0.4-0.2l1.673.238c0.2 0 0.3 0 0.3-0.2l0.5-2c0-0.2 0-0.2-0.1-0.3s-0.7-0.3-1-0.4a.994.994 0 0 1-0.8-1.064.93.93 0 0 1 0.4-0.9c0.4-.283.798-0.6 1.2-0.9l-1.1-2c-0.1-0.2-0.2-0.1-0.3-0.1l-1.496.566c-.318.07-1.3-0.7-1.2-1l0.2-1.6c0-0.2-0-0.3-0.2-0.3%22%2F%3E%3Cpath fill%3D%22gray%22 d%3D%22M17 15.1c-0-1-0.8-1.7-1.7-1.7v3.5c.967.017 1.8-0.8 1.7-1.8z%22%2F%3E%3Cpath fill%3D%22%23b3b3b3%22 d%3D%22m12 22.2 2.027.543c0.2 0 0.2 0 0.3-0.2a5.7 5.7 0 0 0 0.8-3.5c0-0.3 0-0.4-0.3-0.4-3.6-0.3-4.4-5.3-1.1-6.8a11 11 0 0 1 1.4-0.4V9.3a6 6 0 0 0-.942.113.396.396 0 0 1-0.5-0.2l-1.1-1.5-2.1 1.2c-0.1 0-.078.192-.055.272l0.5 1.2c.177.408.21.657-.133.94a1.5 1.5 0 0 0-.31.419.31.31 0 0 1-.366.158l-1.7-0.2c-0.2 0-0.3 0-.299.215l-0.5 2c0 0.2 0 .249.133.317s.654.328.997.442c.49.097.83.556.787 1.1a.93.93 0 0 1-.432.94l-1.208.928 1.1 2c.078.158.177.147.31.091l1.5-0.6c0.3-0.1 1.273.652 1.152.996l-0.2 1.6c0 .17.033.272.222.317%22%2F%3E%3Cpath fill%3D%22gray%22 d%3D%22M13.6 15.2c.024.95.798 1.7 1.7 1.7v-3.5c-1-0-1.754.793-1.7 1.8z%22%2F%3E%3C%2Fsvg%3E");
--image-icon_play: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2230%22 height%3D%2230%22 stroke-linejoin%3D%22round%22%3E%3Cpath fill%3D%22%23D9D8D7%22 d%3D%22M9 15.1 23 15c0-1.4-14-8-14-8z%22 paint-order%3D%22markers fill stroke%22%2F%3E%3Cpath fill%3D%22%23a7a7a7%22 d%3D%22M23 15c0 1.4-14 8-14 8v-7.9z%22 paint-order%3D%22markers fill stroke%22%2F%3E%3C%2Fsvg%3E");
--image-icon_plus: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2230%22 height%3D%2230%22%3E%3Cpath d%3D%22M17 13h6v4h-10z%22 paint-order%3D%22markers fill stroke%22%2F%3E%3Cpath fill%3D%22%23666%22 d%3D%22M13 7h4v7l-4 4z%22 paint-order%3D%22markers fill stroke%22%2F%3E%3Cpath fill%3D%22%23D9D8D7%22 d%3D%22M17 13v10h-4v-6H7v-4z%22 paint-order%3D%22markers fill stroke%22%2F%3E%3C%2Fsvg%3E");
--image-icon_plus_white: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2230%22 height%3D%2230%22%3E%3Cpath fill%3D%22%23fff%22 d%3D%22M17 7v6h6v4h-6v6h-4v-6H7v-4h6V7z%22 paint-order%3D%22markers fill stroke%22%2F%3E%3C%2Fsvg%3E");
--image-icon_positions: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2290%22 height%3D%2230%22%3E%3Cg stroke-linejoin%3D%22round%22 paint-order%3D%22markers fill stroke%22%3E%3Cpath fill%3D%22%23ccc%22 stroke%3D%22%23ccc%22 stroke-width%3D%223%22 d%3D%22M7.5 17.5v6h15v-6z%22 opacity%3D%22.5%22%2F%3E%3Cpath fill%3D%22%23D9D8D7%22 stroke%3D%22%23D9D8D7%22 stroke-width%3D%221.2%22 d%3D%22M6.6 11.6v0.8h16.8v-0.8z%22%2F%3E%3Cpath fill%3D%22%23999%22 stroke%3D%22%23999%22 stroke-width%3D%221.8%22 d%3D%22M6.9 4.9v2.2h16.2v-2.2z%22%2F%3E%3C%2Fg%3E%3Cuse fill-rule%3D%22evenodd%22 href%3D%22%23a%22%2F%3E%3Cg stroke-linejoin%3D%22round%22 paint-order%3D%22markers fill stroke%22%3E%3Cpath fill%3D%22%23ccc%22 stroke%3D%22%23ccc%22 stroke-width%3D%223%22 d%3D%22M37.5 17.5v6h15v-6z%22 opacity%3D%22.5%22%2F%3E%3Cpath fill%3D%22%23D9D8D7%22 stroke%3D%22%23D9D8D7%22 stroke-width%3D%221.2%22 d%3D%22M36.6 11.6v0.8h16.8v-0.8z%22%2F%3E%3Cpath fill%3D%22%23999%22 stroke%3D%22%23999%22 stroke-width%3D%221.8%22 d%3D%22M36.9 4.9v2.2h16.2v-2.2z%22%2F%3E%3C%2Fg%3E%3Cuse x%3D%2230%22 fill%3D%22%23D9D8D7%22 fill-rule%3D%22evenodd%22 href%3D%22%23a%22%2F%3E%3Cg stroke-linejoin%3D%22round%22 paint-order%3D%22markers fill stroke%22%3E%3Cpath fill%3D%22%23ccc%22 stroke%3D%22%23ccc%22 stroke-width%3D%223%22 d%3D%22M67.5 17.5v6h15v-6z%22 opacity%3D%22.5%22%2F%3E%3Cpath fill%3D%22%23D9D8D7%22 stroke%3D%22%23D9D8D7%22 stroke-width%3D%221.2%22 d%3D%22M66.6 11.6v0.8h16.8v-0.8z%22%2F%3E%3Cpath fill%3D%22%23999%22 stroke%3D%22%23999%22 stroke-width%3D%221.8%22 d%3D%22M66.9 4.9v2.2h16.2v-2.2z%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3Cpath id%3D%22a%22 d%3D%22M12.9 10c-0.5 0-.9.269-.9.6v2.8c0 .331.403.6.9.6h4.2c0.5 0 .9-.269.9-.6v-2.8c0-0.3-0.4-.6-.9-.6Z%22%2F%3E%3C%2Fdefs%3E%3C%2Fsvg%3E");
--image-icon_prices: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2230%22 height%3D%2230%22%3E%3Cpath fill%3D%22none%22 stroke%3D%22%23ddd%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22 stroke-width%3D%222%22 d%3D%22M19 8V6H9v12%22 paint-order%3D%22markers fill stroke%22 style%3D%22stroke%3A%23d7d7d7%3Bstroke-opacity%3A1%22%2F%3E%3Cpath d%3D%22M18.7 22.5c-1.483.369-5.206.604-5.9-4-0.4-0-.787.018-1.2-0-0.4-0.2-0.4-1.247.186-1.2h0.9c-0.1-.52.122-1.3-0.1-1.7-0.3-0-.675.019-1-0-0.4-0.3-0.4-1.258.216-1.2h1c0.9-4.8 4.9-4.8 6.9-3.702.583.254.656 1.053.432 1.6-.446.303-.425.03-1.4-0.5-0.4-0.2-3.6-1.3-4.3 2.6 1-0 2-0 3.048.038.284.31.338 1.2-0.2 1.2H14.4a9 9 0 0 0 0 1.7c1.1-0 2.1-0 3.19.038.288.304.337 1.2-0.2 1.2h-2.9c0.5 3.5 3.7 3.2 5.3 1.988.406-0.4 1.8 1.1-1.1 2%22 aria-label%3D%22%E2%82%AC%22 style%3D%22font-size%3A19.5px%3Bfont-family%3ACalibri%3B-inkscape-font-specification%3A%26quot%3BCalibri%2C Normal%26quot%3B%3Bfill%3A%23D9D8D7%3Bstroke-width%3A3.7%3Bstroke-linecap%3Around%3Bpaint-order%3Astroke markers fill%22%2F%3E%3C%2Fsvg%3E");
--image-icon_print: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2230%22 height%3D%2230%22 stroke-linejoin%3D%22round%22%3E%3Cpath fill%3D%22%23D9D8D7%22 stroke%3D%22%23D9D8D7%22 d%3D%22M9.5 6.5h11v4h-11z%22 paint-order%3D%22markers fill stroke%22%2F%3E%3Cpath fill%3D%22%23a7a7a7%22 stroke%3D%22%23a7a7a7%22 d%3D%22M5.5 10h19v11h-19z%22 paint-order%3D%22markers fill stroke%22%2F%3E%3Cpath fill%3D%22%23ccc%22 stroke%3D%22%23ccc%22 d%3D%22M8.5 17.5h13v7h-13z%22 paint-order%3D%22markers fill stroke%22%2F%3E%3Cg fill%3D%22%23fff%22 paint-order%3D%22markers fill stroke%22%3E%3Ccircle cx%3D%229%22 cy%3D%2213%22 r%3D%221%22%2F%3E%3Ccircle cx%3D%2212%22 cy%3D%2213%22 r%3D%221%22%2F%3E%3Ccircle cx%3D%2221%22 cy%3D%2213%22 r%3D%221%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
--image-icon_project: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2230%22 height%3D%2230%22%3E%3Cpath fill%3D%22%23fff%22 d%3D%22M17 5.5q-.136.003-.285.043l-8.8 2.3A1.3 1.3 0 0 0 7 9.1v12.8a1.3 1.3 0 0 0 0.9 1.2l8.8 2.3c.794.212 1.3-0.4 1.3-1.2v-8.4l-2 1.9v4.8l-7-1.7V10.1l7.3-1.9 1.6-1.7s-0.3-0.9-0.9-0.9%22%2F%3E%3Cpath fill%3D%22%23D9D8D7%22 d%3D%22m13.3 14.4-1.1 3.4 2.9-1.3 7.2-8.2-2.2-1.9z%22 paint-order%3D%22markers fill stroke%22%2F%3E%3C%2Fsvg%3E");
--image-icon_prostyl: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 30 30%22%3E%3Cpath fill%3D%22%23fff%22 d%3D%22m11 5 5-3v26l-5-5Z%22 paint-order%3D%22markers fill stroke%22%2F%3E%3Cpath fill%3D%22%23D9D8D7%22 d%3D%22m4 5 5-3v26l-5-5Z%22 paint-order%3D%22markers fill stroke%22%2F%3E%3Cpath fill%3D%22%23fff%22 d%3D%22m15.7 14 5.3-.054.084-8.484.733 1.1.367 7.4 5.438.232v0.6l-5.438.21v3l2.811.128-.244.672-2.566.198-0.1 3.9-.672.489-0.2-4.3-6.1-.054.305-1 5.743.061-0.1-3-5.292.028z%22 paint-order%3D%22markers fill stroke%22%2F%3E%3C%2Fsvg%3E");
--image-icon_prostyl2: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 30 30%22%3E%3Cpath fill%3D%22%23e6e6e6%22 d%3D%22m17.7 14.4 4.3-.042.067-6.988.586.88.294 6.1 4.35.186v0.5l-4.35.167v2.2l2.249.102-.195.538-2.053.158-0.1 3.1-.538.391-0.2-3.5-4.9-.043.244-0.8 4.594.049-0.1-2.2-4.234.023z%22 paint-order%3D%22markers fill stroke%22%2F%3E%3Cpath fill%3D%22%23bfbfbf%22 d%3D%22m14 6.8 4-2.2v20.8l-4-4z%22 paint-order%3D%22markers fill stroke%22%2F%3E%3Cpath fill%3D%22%23D9D8D7%22 d%3D%22m8.4 6.8 4-2.2v20.8l-4-4z%22 paint-order%3D%22markers fill stroke%22%2F%3E%3C%2Fsvg%3E");
--image-icon_qc: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2230%22 height%3D%2230%22%3E%3Cpath fill%3D%22gray%22 stroke%3D%22%236f6f6f%22 stroke-width%3D%222%22 d%3D%22M7 23h14.5%22 style%3D%22stroke-linecap%3Around%3Bstroke-linejoin%3Around%22%2F%3E%3Cpath d%3D%22M11 15h6v6h-6z%22 style%3D%22fill%3Anone%3Bstroke%3A%23D9D8D7%3Bstroke-width%3A2%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-dasharray%3Anone%3Bstroke-opacity%3A1%3Bpaint-order%3Astroke markers fill%22%2F%3E%3Cpath d%3D%22M14 7h6v6h-6z%22 style%3D%22fill%3Anone%3Bfill-opacity%3A1%3Bstroke%3A%23a0a0a0%3Bstroke-width%3A2%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-dasharray%3Anone%3Bstroke-opacity%3A1%3Bpaint-order%3Astroke markers fill%22%2F%3E%3C%2Fsvg%3E");
--image-icon_redo: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2230%22 height%3D%2230%22 fill-rule%3D%22evenodd%22%3E%3Cpath fill%3D%22gray%22 d%3D%22M17.1 5.7a1.1 1.1 0 0 0 0 1.6L19.8 10h-5.8c-3.5 0-7.3 2.6-7.3 7 0.1 4.5 3.8 7 7.3 7h2.9c0.6 0 1.1-0.9 1.1-1.5S17.4 21 16.8 21h-2.9c-2.2 0-4.3-1.9-4.3-4.1S11.7 13 14 13h5.8l-2.6 2.5c-.446.446-0.4 1.2 0 1.6s1.1 1.3 1.522.836l5-5c0.4-.446.446-2.6 0-3l-5-5c-0.4-0.4-1.076.268-1.522.714z%22%2F%3E%3Cpath fill%3D%22%23ccc%22 d%3D%22M6.7 17c0.1 4.5 3.8 7 7.3 7h2.9c0.6 0 1.1-0.9 1.1-1.5S17.4 21 16.8 21h-2.9c-2.2 0-4.3-1.9-4.3-4.1z%22%2F%3E%3Cpath fill%3D%22%23D9D8D7%22 d%3D%22M17.1 5.7a1.1 1.1 0 0 0 0 1.6l3.9 4.3c-1.2 1.4-2.5 2.7-3.9 4-.446.446-0.4 1.2 0 1.6s1.1 1.3 1.522.836l5-5c0.4-.446.446-2.6 0-3l-5-5c-0.4-0.4-1.076.268-1.522.714z%22%2F%3E%3C%2Fsvg%3E");
--image-icon_rename: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2230%22 height%3D%2230%22%3E%3Cpath fill%3D%22%23f2f2f2%22 d%3D%22M15 21H8a3 3 0 0 1-3-3v-6a3 3 0 0 1 3-3h7z%22%2F%3E%3Cg fill-rule%3D%22evenodd%22%3E%3Cpath fill%3D%22%23fff%22 d%3D%22M19 9h3a3 3 0 0 1 3 3v6a3 3 0 0 1-3 3h-3m0-10v8h3a1 1 0 0 0 1-1v-6a1 1 0 0 0-1-1z%22%2F%3E%3Cpath fill%3D%22%23D9D8D7%22 d%3D%22M17 7h2v16h-2z%22%2F%3E%3C%2Fg%3E%3Ctext xml%3Aspace%3D%22preserve%22 x%3D%227.5%22 y%3D%2217.2%22 fill%3D%22%23333%22 font-family%3D%22Segoe UI%22 font-size%3D%2214%22 font-weight%3D%22bold%22 transform%3D%22scale%28.9 1.1%29%22%3E%3Ctspan x%3D%227.5%22 y%3D%2217.2%22%3Ea%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fsvg%3E");
--image-icon_repere: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2230%22 height%3D%2230%22%3E%3Cpath fill%3D%22%23fff%22 stroke%3D%22%23fff%22 stroke-linejoin%3D%22round%22 d%3D%22m10.9 13.9 4 5 4-5z%22 paint-order%3D%22markers fill stroke%22%2F%3E%3C%2Fsvg%3E");
--image-icon_reset: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2220%22 height%3D%2220%22%3E%3Cpath fill%3D%22%23D9D8D7%22 d%3D%22m10.3 9.5-5.259.021L5 4.2 6.8 6c2.2-1.8 5.3-1.5 7.405.542 2.2 2.2 2.2 5.771.038 8s-5.8 2.2-8-0l1.5-1.5c1.3 1.3 3.5 1.4 4.863.023s1.3-3.5-0-4.9c-1.2-1.2-3-1.4-4.3-0.5z%22%2F%3E%3Cpath fill%3D%22gray%22 d%3D%22M14.2 6.5c2.2 2.2 2.2 5.771.038 8l-1.6-1.6c1.3-1.3 1.3-3.5-0-4.9z%22%2F%3E%3Cpath fill%3D%22%231a1a1a%22 d%3D%22M14.2 14.5c-2.2 2.2-5.7 2.2-8-0l1.5-1.5c1.3 1.3 3.5 1.4 4.862.022z%22%2F%3E%3C%2Fsvg%3E");
--image-icon_reset2: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2230%22 height%3D%2230%22%3E%3Cpath fill%3D%22%23D9D8D7%22 d%3D%22m16.2 14.1-6.574.026-0-6.6 2.2 2.2c2.8-2.2 6.7-1.9 9.257.677 2.8 2.8 2.8 7.214.048 9.9s-7.2 2.7-9.9-0l1.9-1.9c1.7 1.7 4.4 1.7 6.079.029s1.7-4.4-0-6.1c-1.5-1.5-3.7-1.8-5.4-0.6z%22%2F%3E%3Cpath fill%3D%22gray%22 d%3D%22M21.1 10.4c2.8 2.8 2.8 7.214.048 9.9l-1.9-1.9c1.7-1.7 1.7-4.4-0-6.1z%22%2F%3E%3Cpath fill%3D%22%231a1a1a%22 d%3D%22M21.1 20.4c-2.7 2.7-7.2 2.7-9.9-0l1.9-1.9c1.7 1.7 4.4 1.7 6.077.027z%22%2F%3E%3C%2Fsvg%3E");
--image-icon_resize_h: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2230%22 height%3D%2230%22 fill%3D%22none%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22 stroke-width%3D%222.6%22%3E%3Cpath stroke%3D%22%23fff%22 d%3D%22M10 18 15 23.1l5-5.2%22%2F%3E%3Cpath stroke%3D%22%234d4d4d%22 d%3D%22M20 12.1 15 6.9 10 12.1%22%2F%3E%3C%2Fsvg%3E");
--image-icon_resize_h_r: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2230%22 height%3D%2230%22%3E%3Cg fill%3D%22none%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22 stroke-width%3D%222.6%22%3E%3Cpath stroke%3D%22%23fff%22 d%3D%22M20 12.1 15 6.9 10 12.1%22%2F%3E%3Cpath stroke%3D%22%234d4d4d%22 d%3D%22M10 18 15 23.1l5-5.2%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
--image-icon_resize_p: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2230%22 height%3D%2230%22 fill%3D%22none%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22 stroke-width%3D%222.6%22%3E%3Cpath stroke%3D%22%23fff%22 d%3D%22m20.6 16.467.106-7.2-7.213.106%22%2F%3E%3Cpath stroke%3D%22%234d4d4d%22 d%3D%22m9.4 13.5-0.1 7.2 7.2-0.1%22%2F%3E%3C%2Fsvg%3E");
--image-icon_resize_p_r: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2230%22 height%3D%2230%22 fill%3D%22none%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22 stroke-width%3D%222.6%22%3E%3Cpath stroke%3D%22%23fff%22 d%3D%22m9.4 13.5-0.1 7.2 7.2-0.1%22%2F%3E%3Cpath stroke%3D%22%234d4d4d%22 d%3D%22m20.6 16.467.106-7.2-7.213.106%22%2F%3E%3C%2Fsvg%3E");
--image-icon_resize_w: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2230%22 height%3D%2230%22 fill%3D%22none%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22 stroke-width%3D%222.6%22%3E%3Cpath stroke%3D%22%23fff%22 d%3D%22M12.1 10 6.9 15l5.2 5%22%2F%3E%3Cpath stroke%3D%22%234d4d4d%22 d%3D%22M18 20 23.1 15 18 10%22%2F%3E%3C%2Fsvg%3E");
--image-icon_resize_w_r: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2230%22 height%3D%2230%22 fill%3D%22none%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22 stroke-width%3D%222.6%22%3E%3Cpath stroke%3D%22%23fff%22 d%3D%22M18 20 23.1 15 18 10%22%2F%3E%3Cpath stroke%3D%22%234d4d4d%22 d%3D%22M12.1 10 6.9 15l5.2 5%22%2F%3E%3C%2Fsvg%3E");
--image-icon_save: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2230%22 height%3D%2230%22%3E%3Cpath fill%3D%22%23D9D8D7%22 d%3D%22M9.9 13.9 15 19l5.1-4.9-2-1L16 15V7h-2v8l-2.1-2z%22 paint-order%3D%22markers fill stroke%22%2F%3E%3Cpath fill%3D%22%23fff%22 d%3D%22M6 21h18v2H6z%22 paint-order%3D%22markers fill stroke%22%2F%3E%3C%2Fsvg%3E");
--image-icon_save2: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2230%22 height%3D%2230%22%3E%3Cpath fill%3D%22%23D9D8D7%22 d%3D%22M9.9 13.9 15 19l5.1-4.9-2-1L16 15V7h-2v8l-2.1-2z%22 paint-order%3D%22markers fill stroke%22%2F%3E%3Cpath fill%3D%22%23999%22 d%3D%22M6 21h18v2H6z%22 paint-order%3D%22markers fill stroke%22%2F%3E%3C%2Fsvg%3E");
--image-icon_save_white: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2230%22 height%3D%2230%22 fill%3D%22none%22%3E%3Cpath fill%3D%22%23fff%22 d%3D%22M22.6 11.6a1.4 1.4 0 1 0-2-2l-8.4 8.4-2.8-2.8a1.4 1.4 0 1 0-2 2l3.8 3.8a1.4 1.4 0 0 0 2 0z%22%2F%3E%3C%2Fsvg%3E");
--image-icon_screenshot: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2230%22 height%3D%2230%22%3E%3Ccircle cx%3D%2215%22 cy%3D%2215%22 r%3D%227.1%22 fill%3D%22none%22 stroke%3D%22%23ccc%22 paint-order%3D%22markers fill stroke%22 style%3D%22fill-opacity%3A0%3Bfill%3A%23f2f2f2%3Bstroke-width%3A1.7%3Bstroke-linejoin%3Around%22%2F%3E%3Ccircle cx%3D%2215%22 cy%3D%2215%22 r%3D%224%22 fill%3D%22%23D9D8D7%22 paint-order%3D%22markers fill stroke%22%2F%3E%3C%2Fsvg%3E");
--image-icon_search: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2230%22 height%3D%2230%22 fill%3D%22none%22 stroke-linejoin%3D%22round%22%3E%3Cpath stroke%3D%22%23aaa%22 stroke-linecap%3D%22round%22 stroke-width%3D%222.5%22 d%3D%22m20.3 19.3 3.9 3.9%22%2F%3E%3Cpath stroke%3D%22%238a8a8a%22 stroke-width%3D%222%22 d%3D%22M22 14a7 7 0 1 1-14 0 7 7 0 0 1 14 0z%22%2F%3E%3Cg stroke-linecap%3D%22round%22%3E%3Cpath stroke%3D%22%23D9D8D7%22 stroke-width%3D%222%22 d%3D%22M14.7 10a4.5 4.5 0 0 1 4.5 4.5%22%2F%3E%3Cpath stroke%3D%22%23aaa%22 stroke-width%3D%221.9%22 d%3D%22M15 21a7 7 0 0 1-7-7%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
--image-icon_seller: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2230%22 height%3D%2230%22%3E%3Cg fill%3D%22gray%22 paint-order%3D%22markers fill stroke%22%3E%3Ccircle cx%3D%2219.9%22 cy%3D%2210.5%22 r%3D%222.8%22 opacity%3D%22.1%22%2F%3E%3Cpath d%3D%22M24.1 21.7s-0.1-7.7-4.2-7.7c-4.1-0-2.3 7.7-2.3 7.7z%22 opacity%3D%22.2%22%2F%3E%3C%2Fg%3E%3Ccircle cx%3D%22-9.7%22 cy%3D%2210.9%22 r%3D%222.8%22 opacity%3D%22.2%22 paint-order%3D%22markers fill stroke%22 transform%3D%22scale%28-1 1%29%22%2F%3E%3Cpath d%3D%22M5.5 22.1s0.1-7.7 4.2-7.7c4.1-0 2.3 7.7 2.3 7.7z%22 opacity%3D%22.4%22 paint-order%3D%22markers fill stroke%22%2F%3E%3Ccircle cx%3D%2214.9%22 cy%3D%229%22 r%3D%224%22 fill%3D%22%23ccc%22 paint-order%3D%22markers fill stroke%22%2F%3E%3Cpath fill%3D%22%23D9D8D7%22 d%3D%22M20.9 25s-0.1-11-6-11c-5.9-0.1-6 11-6 11z%22 paint-order%3D%22markers fill stroke%22%2F%3E%3C%2Fsvg%3E");
--image-icon_settings: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2230%22 height%3D%2230%22%3E%3Cpath fill%3D%22%23e1e1e1%22 stroke%3D%22%23d3d3d3%22 stroke-linejoin%3D%22round%22 d%3D%22M12 7.5h10v1H12zm0 14h10v1H12zm6-7H8v1h10z%22 paint-order%3D%22markers fill stroke%22%2F%3E%3Cg fill%3D%22none%22 stroke%3D%22%23D9D8D7%22 stroke-width%3D%221.5%22 paint-order%3D%22markers fill stroke%22%3E%3Ccircle cx%3D%229.8%22 cy%3D%228%22 r%3D%222%22%2F%3E%3Ccircle cx%3D%229.8%22 cy%3D%2222%22 r%3D%222%22%2F%3E%3Ccircle cx%3D%22-20%22 cy%3D%2214%22 r%3D%222%22 transform%3D%22matrix%28-1 0 0 1 0.8 1%29%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
--image-icon_smart: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2230%22 height%3D%2230%22%3E%3Cpath fill%3D%22gray%22 d%3D%22m10.3 12.4 11 10.6a1.1 1.1 0 1 0 1.5-1.5L11.7 10.9%22%2F%3E%3Cpath fill%3D%22%23D9D8D7%22 d%3D%22M8.5 8a.794.794 0 0 0-.97.97l1.6 3.4-2.6 2.4a.794.794 0 0 0 0.6 1.2l3.7-0.5 1.6 3.2a.794.794 0 0 0 1.4-0.2c0.3-.591.59-3.471.59-3.5s2.8-0.3 3.6-0.7a.794.794 0 0 0 0.2-1.4l-3.2-1.574.525-3.7a.794.794 0 0 0-1.2-0.6l-2.7 2.4z%22%2F%3E%3C%2Fsvg%3E");
--image-icon_smart2: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2230%22 height%3D%2230%22%3E%3Cpath fill%3D%22%23D9D8D7%22 d%3D%22M10.1 8.9a1.1 1.1 0 0 0-1.3 1.3l2.2 4.6-3.4 3.1a1.1 1.1 0 0 0 0.8 1.6l4.9-0.7 2.1 4.3a1.1 1.1 0 0 0 1.8-0.3c0.4-.788.787-4.628.787-4.6s3.8-0.4 4.8-0.9a1.1 1.1 0 0 0 0.3-1.8l-4.3-2.099.7-4.9a1.1 1.1 0 0 0-1.6-0.8l-3.5 3.3z%22%2F%3E%3C%2Fsvg%3E");
--image-icon_sp: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 id%3D%22svg3%22 width%3D%2230%22 height%3D%2230%22 version%3D%221.1%22%3E%3Cstyle id%3D%22style1%22%3E.G%7Bstroke-linecap%3Around%7D.H%7Bstroke-linejoin%3Around%7D%3C%2Fstyle%3E%3Cg id%3D%22g2%22 fill%3D%22none%22 class%3D%22G H%22%3E%3Cpath id%3D%22path1%22 stroke%3D%22%23b2b2b2%22 d%3D%22M12.5 6.8v16.1m2-6.9v6.9m2-6.9v6.5m2-6.5v6.5m-4-15.9V12m2-6V12m2-6v6.1%22%2F%3E%3Cpath id%3D%22path2%22 stroke%3D%22%23D9D8D7%22 stroke-width%3D%222%22 d%3D%22M21 22.9V9.5c0-2.256.228-3.2-.5-3.5-4.3-0.4-10.298.64-10.312.674-.162.387-0.2 1.2-0.2 2.1v14.1%22%2F%3E%3Cpath id%3D%22rect3%22 d%3D%22M14 12.5h5v3h-5z%22 style%3D%22opacity%3A1%3Bfill%3Anone%3Bstroke%3A%23D9D8D7%3Bstroke-width%3A.7%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-dasharray%3Anone%3Bstroke-opacity%3A1%3Bpaint-order%3Astroke markers fill%22%2F%3E%3C%2Fg%3E%3Cpath id%3D%22path3%22 fill%3D%22gray%22 stroke%3D%22%236f6f6f%22 stroke-width%3D%222%22 d%3D%22M7 23h14.5%22 class%3D%22G H%22%2F%3E%3C%2Fsvg%3E");
--image-icon_split: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2230%22 height%3D%2230%22%3E%3Cpath d%3D%22M15 7v16%22 style%3D%22fill%3A%23fff%3Bfill-opacity%3A.5%3Bstroke%3A%23D9D8D7%3Bstroke-width%3A4%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-dasharray%3Anone%3Bstroke-opacity%3A1%3Bpaint-order%3Astroke markers fill%22%2F%3E%3Cpath d%3D%22M9.5 11 5.5 15l4 4m11-8L24.5 15l-4 4%22 style%3D%22fill%3Anone%3Bstroke%3A%23fff%3Bstroke-width%3A2%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-dasharray%3Anone%3Bstroke-opacity%3A1%22%2F%3E%3C%2Fsvg%3E");
--image-icon_switch: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2230%22 height%3D%2230%22%3E%3Cg fill%3D%22none%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22 stroke-width%3D%222%22%3E%3Cpath stroke%3D%22%23fff%22 d%3D%22m20 19 4-4-4-4%22%2F%3E%3Cpath stroke%3D%22%234d4d4d%22 d%3D%22m11 11-4 4 4 4%22 style%3D%22fill%3Anone%3Bstroke%3A%23fff%3Bstroke-opacity%3A.5%22%2F%3E%3C%2Fg%3E%3Cpath fill%3D%22%23ccc%22 stroke%3D%22%23aaa%22 stroke-dasharray%3D%221%2C 3.9%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22 stroke-width%3D%222%22 d%3D%22M15.5 7v18.2%22 style%3D%22stroke%3A%23fff%3Bstroke-opacity%3A0.7%22%2F%3E%3C%2Fsvg%3E");
--image-icon_sylob: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2230%22 height%3D%2230%22%3E%3Cpath d%3D%22M14.6 7.9 21.8 15l-7.1 7.1%22 style%3D%22opacity%3A.7%3Bfill%3Anone%3Bstroke%3A%23ddd%3Bstroke-width%3A6.4%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-dasharray%3Anone%3Bstroke-opacity%3A1%3Bpaint-order%3Astroke markers fill%22%2F%3E%3Cpath d%3D%22m17.5 19.3-2.9 2.9%22 style%3D%22fill%3Anone%3Bstroke%3A%23D9D8D7%3Bstroke-width%3A6.4%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-dasharray%3Anone%3Bstroke-opacity%3A1%3Bpaint-order%3Astroke markers fill%22%2F%3E%3Ccircle cx%3D%228.2%22 cy%3D%2215%22 r%3D%223.2%22 style%3D%22opacity%3A.5%3Bfill%3A%23D9D8D7%3Bfill-opacity%3A1%3Bstroke%3Anone%3Bstroke-width%3A8%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-dasharray%3Anone%3Bstroke-opacity%3A1%3Bpaint-order%3Astroke markers fill%22%2F%3E%3C%2Fsvg%3E");
--image-icon_tech: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2230%22 height%3D%2230%22%3E%3Cpath fill%3D%22%23333%22 d%3D%22M15 6h9v2h-9z%22%2F%3E%3Cpath fill%3D%22gray%22 d%3D%22M11.5 17H6.5C5.8 17 5 17.8 5 18.5v4.9C5 24.2 5.8 25 6.5 25h4.9c0.7 0 1.5-0.8 1.5-1.5v-4.9c0-0.7-0.8-1.5-1.5-1.5m-0.5 5.7c0 .41.071.341-.339.341H7.3c-0.4 0-.343.069-0.3-0.3v-3.3c0-0.4-0.1-.343.343-0.3h3.3c0.4 0 0.3-.067.339.343v3.3z%22%2F%3E%3Cpath fill%3D%22%23bfbfbf%22 d%3D%22M15 17h9v2h-9z%22%2F%3E%3Cpath fill%3D%22%23D9D8D7%22 d%3D%22M11.5 5H6.5C5.8 5 5 5.8 5 6.5v4.9C5 12.2 5.8 13 6.5 13h4.9c0.7 0 1.5-0.8 1.5-1.5V6.5C13 5.8 12.2 5 11.5 5m-0.5 5.7c0 .41.071.341-.339.341H7.3c-0.4 0-.343.069-0.3-0.3V7.3C7 6.9 6.9 7 7.3 7h3.3c0.4 0 0.3-.067.339.343v3.3z%22%2F%3E%3Cpath fill%3D%22gray%22 d%3D%22M15 11h9v2h-9z%22%2F%3E%3Cpath fill%3D%22%23D9D8D7%22 d%3D%22M15 22h9v2h-9z%22%2F%3E%3C%2Fsvg%3E");
--image-icon_titre: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2230%22 height%3D%2230%22%3E%3Cpath fill%3D%22%23D9D8D7%22 d%3D%22M24.7 0H5.3C2.4 0 0 2.5 0 5.7V24.3C0 27.5 2.4 30 5.3 30h19.4C27.6 30 30 27.5 30 24.3V5.7C30 2.5 27.6 0 24.7 0%22%2F%3E%3Ctext x%3D%2215%22 y%3D%2223%22 fill%3D%22%23fff%22 font-family%3D%22Segoe UI%22 font-size%3D%2224%22 font-weight%3D%22bold%22 text-anchor%3D%22middle%22%3ER%3C%2Ftext%3E%3C%2Fsvg%3E");
--image-icon_tva: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2230%22 height%3D%2230%22%3E%3Cpath fill%3D%22none%22 stroke%3D%22%23ddd%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22 stroke-width%3D%222%22 d%3D%22M19 8V6H9v12%22 paint-order%3D%22markers fill stroke%22 style%3D%22stroke%3A%23d7d7d7%3Bstroke-opacity%3A1%22%2F%3E%3Cpath d%3D%22m13 18 6-6%22 style%3D%22fill%3Agray%3Bfill-opacity%3A1%3Bfill-rule%3Aevenodd%3Bstroke%3A%23868686%3Bstroke-width%3A1.5%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-dasharray%3Anone%3Bstroke-opacity%3A1%3Bpaint-order%3Amarkers fill stroke%22%2F%3E%3Cpath d%3D%22M15.5 11.5a2 2 0 0 1-2 2 2 2 0 0 1-2-2 2 2 0 0 1 2-2 2 2 0 0 1 2 2zm6 6a2 2 0 0 1-2 2 2 2 0 0 1-2-2 2 2 0 0 1 2-2 2 2 0 0 1 2 2z%22 style%3D%22fill%3Anone%3Bfill-rule%3Aevenodd%3Bstroke%3A%23D9D8D7%3Bstroke-linejoin%3Around%3Bpaint-order%3Amarkers fill stroke%22%2F%3E%3C%2Fsvg%3E");
--image-icon_undo: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2230%22 height%3D%2230%22 fill-rule%3D%22evenodd%22%3E%3Cpath fill%3D%22%23999%22 d%3D%22M13.5 5.7c.446.446.446 1.2 0 1.6L10.9 10h5.8c3.5 0 7.3 2.6 7.3 7-0.1 4.5-3.8 7-7.3 7h-2.9c-0.6 0-1.1-0.9-1.1-1.5S13.2 21 13.9 21h2.9C18.9 21 21 19.1 21 16.9S18.9 13 16.7 13h-5.8l2.6 2.5c.446.446.446 1.2 0 1.6S12.4 18.4 12 18l-5-5c-0.4-0.4-0.4-2.6 0-3l5-5c0.4-0.4 1.076.268 1.522.714%22%2F%3E%3Cpath fill%3D%22%234d4d4d%22 d%3D%22M24 17c-0.1 4.5-3.8 7-7.3 7h-2.9c-0.6 0-1.1-0.9-1.1-1.5S13.2 21 13.9 21h2.9C18.9 21 21 19.1 21 16.9z%22%2F%3E%3Cpath fill%3D%22%23D9D8D7%22 d%3D%22M13.5 5.7c.446.446.446 1.2 0 1.6l-3.9 4.3c1.2 1.4 2.5 2.7 3.9 3.956.446.446.446 1.2 0 1.6S12.4 18.4 12 18l-5-5c-0.4-0.4-0.4-2.6 0-3l5-5c0.4-0.4 1.076.268 1.522.714%22%2F%3E%3C%2Fsvg%3E");
--image-icon_user: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2230%22 height%3D%2230%22%3E%3Ccircle cx%3D%2215%22 cy%3D%2210%22 r%3D%224%22 fill%3D%22%23fff%22 paint-order%3D%22markers fill stroke%22%2F%3E%3Cpath fill%3D%22%23D9D8D7%22 d%3D%22M21 26s-0.1-11-6-11C9.1 15 9 26 9 26z%22 paint-order%3D%22markers fill stroke%22%2F%3E%3C%2Fsvg%3E");
--image-icon_user_settings: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2230%22 height%3D%2230%22%3E%3Ccircle cx%3D%2213%22 cy%3D%229%22 r%3D%224%22 fill%3D%22%23ccc%22 paint-order%3D%22markers fill stroke%22%2F%3E%3Cpath fill%3D%22%23D9D8D7%22 d%3D%22M19 25s-0.1-11-6-11C7.1 14 7 25 7 25z%22 paint-order%3D%22markers fill stroke%22%2F%3E%3Cpath fill%3D%22%23b3b3b3%22 d%3D%22M17.3 11.8c-.277.4-1.088.975-1.088.975-.618.202-.92.535-.913.706.352.202.58.307.999.603.11.236.148.318.449.203 3.4-1.2 6.3 3 3.9 5.7-.353.355-.824.726-1.2 1l0.3 2.3c0.9-0.5 1.2-0.7 1.5-.9a.396.396 0 0 1 0.5-0l1.636.886 1.3-2c0.1-0-0-0.2-0.1-0.3l-0.9-0.9c-0.3-0.3-0.5-0.5-0.3-0.9a1.5 1.5 0 0 0 0.1-.511.306.306 0 0 1 0.3-0.3l1.6-0.5c0.2-.079.231-.108.18-0.3l-0.4-2.1c-0.1-0.1-0.1-0.2-0.3-0.2s-0.7-0-1.09.021a.994.994 0 0 1-1.2-.632.93.93 0 0 1-0-1c0.3-.43.465-.891.703-1.4l-1.9-1.3c-0.1-0.1-0.2-0.1-.319.049l-1.1 1.1c-.259.198-1.393.03-1.5-0.2-0.9-0.7-0.7-0.9-1.2-0.1z%22%2F%3E%3Cpath fill%3D%22%23ccc%22 d%3D%22M20.1 16.8c-0.4-0.9-1.4-1.2-2.3-0.8l0.8 1.516.616 1.6c0.9-0.4 1.3-1.46.813-2.3z%22%2F%3E%3C%2Fsvg%3E");
--image-icon_versions: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2230%22 height%3D%2230%22 fill%3D%22%23d9d9d9%22 stroke-linejoin%3D%22round%22%3E%3Cpath fill%3D%22%23fff%22 d%3D%22m13.5 13.5 7.1 1.2a3.6 3.6 0 0 1 1.2-1.4c1.6-1.1 3.4-0.5 4.459.95s0.6 3.5-1 4.6-3.445.498-4.5-1a3 3 0 0 1-0.5-1.6l-7.1-1.2m-2.9 3 4.1 5.3a3.6 3.6 0 0 0-0.6 1.7c-0.2 1.9 1.1 3.5 2.9 3.7s3.3-1.2 3.5-3.1-1.1-3.5-2.9-3.7a3 3 0 0 0-1.652.342l-4.1-5.3m0.1-7.8 2.8-3.1a3.6 3.6 0 0 1-0.5-1.7c0-1.9 1.4-3.4 3.2-3.4s3.2 1.5 3.2 3.4-1.4 3.4-3.2 3.4a3 3 0 0 1-1.6-0.5l-2.8 3.1%22%2F%3E%3Cpath fill%3D%22%23D9D8D7%22 fill-rule%3D%22evenodd%22 d%3D%22M1.7 14.1a6.5 6.5 0 0 1 13 0 6.5 6.5 0 0 1-13 0m10.4-1.4c0.8-0.7-0.4-1.9-1.1-1.1l-3.9 3.8-1.6-1.6c-0.8-0.8-1.875.374-1.1 1.1l2.1 2.1a.794.794 0 0 0 1.1 0z%22%2F%3E%3C%2Fsvg%3E");
--image-icon_view_doc: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2230%22 height%3D%2230%22%3E%3Cpath fill%3D%22%23aaa%22 stroke%3D%22%23aaa%22 stroke-linecap%3D%22round%22 stroke-width%3D%222%22 d%3D%22m21.7 22.7 2.6 2.6%22%2F%3E%3Cg fill%3D%22none%22%3E%3Cpath stroke%3D%22%238a8a8a%22 stroke-width%3D%221.5%22 d%3D%22M22.9 19.3a4.6 4.6 0 1 1-9.3 0 4.6 4.6 0 0 1 9.3 0z%22%2F%3E%3Cg stroke-linecap%3D%22round%22 stroke-width%3D%221.5%22%3E%3Cpath stroke%3D%22%23D9D8D7%22 d%3D%22M18.1 16.6a3 3 0 0 1 3 3%22%2F%3E%3Cpath stroke%3D%22%23aaa%22 d%3D%22M18.3 23.9a4.6 4.6 0 0 1-4.6-4.6%22%2F%3E%3C%2Fg%3E%3Cpath stroke%3D%22%238a8a8a%22 stroke-linecap%3D%22round%22 stroke-width%3D%222%22 d%3D%22M20 12V7.5s-0.4-0.9-0.8-1c-0.6-0.3-8.9 2.7-9.5 3-.327.135-0.8 1-0.8 1V22%22 paint-order%3D%22markers fill stroke%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
--image-icon_view_sylob: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2230%22 height%3D%2230%22%3E%3Cpath d%3D%22m14.5 5 10 10-10 10%22 style%3D%22opacity%3A.7%3Bfill%3Anone%3Bstroke%3A%23fff%3Bstroke-width%3A9%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-dasharray%3Anone%3Bstroke-opacity%3A1%3Bpaint-order%3Astroke markers fill%22%2F%3E%3Cpath d%3D%22m18.5 21-4 4%22 style%3D%22fill%3Anone%3Bstroke%3A%23fff%3Bstroke-width%3A9%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-dasharray%3Anone%3Bstroke-opacity%3A1%3Bpaint-order%3Astroke markers fill%22%2F%3E%3Ccircle cx%3D%225.5%22 cy%3D%2215%22 r%3D%224.5%22 style%3D%22opacity%3A.5%3Bfill%3A%23fff%3Bfill-opacity%3A1%3Bstroke%3Anone%3Bstroke-width%3A11.1%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-dasharray%3Anone%3Bstroke-opacity%3A1%3Bpaint-order%3Astroke markers fill%22%2F%3E%3C%2Fsvg%3E");
--image-icon_vr: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2230%22 height%3D%2230%22%3E%3Cstyle%3E.G%7Bstroke-linecap%3Around%7D.H%7Bstroke-linejoin%3Around%7D%3C%2Fstyle%3E%3Cg fill%3D%22none%22 stroke%3D%22%23b2b2b2%22 class%3D%22G H%22%3E%3Cpath stroke-width%3D%221.6%22 d%3D%22M14 7v8%22%2F%3E%3Cpath stroke-width%3D%221.6%22 d%3D%22M18 7v8.1%22%2F%3E%3C%2Fg%3E%3Cpath fill%3D%22%23b3b3b3%22 stroke%3D%22%23787878%22 stroke-width%3D%222%22 d%3D%22M10.1 15.5 22 15%22 class%3D%22G H%22 paint-order%3D%22markers fill stroke%22%2F%3E%3Cpath fill%3D%22none%22 stroke%3D%22%23D9D8D7%22 stroke-width%3D%222%22 d%3D%22M22 22.9V9.5c0-2.256.228-3.2-.5-3.5-4.3-0.4-11.298.64-11.312.674-.162.387-0.2 1.2-0.2 2.1v14.1%22 class%3D%22G H%22%2F%3E%3Cpath fill%3D%22gray%22 stroke%3D%22%236f6f6f%22 stroke-width%3D%222%22 d%3D%22M7 23h14.5%22 class%3D%22G H%22%2F%3E%3C%2Fsvg%3E");
--image-icon_wait: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2230%22 height%3D%2230%22 fill%3D%22none%22%3E%3Cpath fill%3D%22%23D9D8D7%22 fill-rule%3D%22evenodd%22 d%3D%22M0 15.1c0-8.3 6.7-15 15-15s15 6.7 15 15-6.7 15-15 15-15-6.7-15-15%22%2F%3E%3Cpath fill%3D%22%23fff%22 d%3D%22M23.6 14.9a.736.736 0 0 1-0.7-0.7c-0.2-2.2-1.5-4.2-3.3-5.4a.713.713 0 0 1-0.2-1.011.75.75 0 0 1 1-0.2c2.2 1.5 3.7 3.9 4 6.5a.735.735 0 0 1-.665.801h-0.1zm-17.011.05h-0.1a.734.734 0 0 1-0.7-0.8c0.3-2.6 1.7-5 3.9-6.5a.76.76 0 0 1 1.034.17.72.72 0 0 1-0.2 1c-1.8 1.3-3 3.3-3.3 5.5a.747.747 0 0 1-.747.661m12.5 8.3a9.4 9.4 0 0 1-4.022.891 9.3 9.3 0 0 1-4.2-.971.71.71 0 0 1-0.3-1c0.2-.36.624-.501.993-0.3a7.8 7.8 0 0 0 2.027.671 8 8 0 0 0 2.845.03 7.8 7.8 0 0 0 2-0.6c0.4-.17.829-.03.993.34a.704.704 0 0 1-.338.971M15.1 4.2c-1.6 0-2.9 1.3-2.9 2.8s1.3 2.8 2.9 2.8 2.9-1.3 2.9-2.8S16.6 4.2 15.1 4.2M7.9 16.1C6.3 16.1 5 17.3 5 18.9s1.3 2.8 2.9 2.8 2.9-1.3 2.9-2.8-1.3-2.8-2.9-2.8m14.2 0c-1.6 0-2.9 1.3-2.9 2.8s1.3 2.8 2.9 2.8S25 20.5 25 18.9s-1.3-2.8-2.9-2.8z%22%2F%3E%3C%2Fsvg%3E");
--image-icon_waiting: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2230%22 height%3D%2230%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%3E%3Cpath fill%3D%22%23D9D8D7%22 stroke%3D%22%23D9D8D7%22 stroke-width%3D%222%22 d%3D%22M10.5 24h9%22 paint-order%3D%22markers fill stroke%22%2F%3E%3Cg fill%3D%22none%22 paint-order%3D%22markers fill stroke%22%3E%3Cpath stroke%3D%22%23868686%22 stroke-width%3D%222%22 d%3D%22M11 10c-0 4.4 2.9 3.9 2.9 5.6 0 1.5-2.8 1-2.9 5.4%22%2F%3E%3Cpath stroke%3D%22%23ccc%22 stroke-width%3D%222%22 d%3D%22M19 20.9c0-4.3-2.9-3.8-2.9-5.5 0-1.5 2.8-1 2.9-5.4%22%2F%3E%3C%2Fg%3E%3Cpath fill%3D%22gray%22 stroke%3D%22%23868686%22 stroke-width%3D%222%22 d%3D%22M10.5 7h9%22 paint-order%3D%22markers fill stroke%22%2F%3E%3C%2Fsvg%3E");
--image-icon_warning: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2230%22 height%3D%2230%22%3E%3Cpath fill%3D%22%23f60%22 d%3D%22M16.41.417c.441.28.806.687 1.1 1.2l12.2 23.7c0.8 1.517.305 3.4-1.1 4.3-.43.273-.916.417-1.41.417H2.8C1.3 30 0 28.6 0 26.8c0-.55.129-1.091.375-1.6L12.5 1.6C13.311.078 15-0.4 16.41.417%22%2F%3E%3Cpath fill%3D%22%23fff%22 d%3D%22M15 20.6c-1.4 0-2.5 1.1-2.5 2.5 0 1.5 1 2.6 2.5 2.6 1.4 0 2.5-1.1 2.5-2.6s-1.1-2.6-2.5-2.6m1.9-11h-3.8v9.7h3.8z%22%2F%3E%3C%2Fsvg%3E");
--image-icon_zoomin: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2230%22 height%3D%2230%22 fill%3D%22none%22 stroke-linejoin%3D%22round%22%3E%3Cpath stroke%3D%22%23aaa%22 stroke-linecap%3D%22round%22 stroke-width%3D%222.5%22 d%3D%22m21 20 3.2 3.2%22%2F%3E%3Cpath stroke%3D%22%238a8a8a%22 stroke-width%3D%222.1%22 d%3D%22M22.5 14a7.5 7.5 0 1 1-15 0 7.5 7.5 0 0 1 15 0Z%22%2F%3E%3Cpath d%3D%22M11.5 14h7M15 10.5v7%22 style%3D%22fill%3A%238a8a8a%3Bfill-opacity%3A1%3Bstroke%3A%238a8a8a%3Bstroke-width%3A2%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-dasharray%3Anone%3Bstroke-opacity%3A1%3Bpaint-order%3Amarkers fill stroke%22%2F%3E%3C%2Fsvg%3E");
--image-icon_zoomout: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2230%22 height%3D%2230%22 fill%3D%22none%22 stroke-linejoin%3D%22round%22%3E%3Cpath stroke%3D%22%23aaa%22 stroke-linecap%3D%22round%22 stroke-width%3D%222.5%22 d%3D%22m21 20 3.2 3.2%22%2F%3E%3Cpath stroke%3D%22%238a8a8a%22 stroke-width%3D%222.1%22 d%3D%22M22.5 14a7.5 7.5 0 1 1-15 0 7.5 7.5 0 0 1 15 0Z%22%2F%3E%3Cpath d%3D%22M11.5 14h7%22 style%3D%22fill%3A%238a8a8a%3Bfill-opacity%3A1%3Bstroke%3A%238a8a8a%3Bstroke-width%3A2%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-dasharray%3Anone%3Bstroke-opacity%3A1%3Bpaint-order%3Amarkers fill stroke%22%2F%3E%3C%2Fsvg%3E");
--image-radio: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2230%22 height%3D%22150%22%3E%3Cstyle%3E.B%7Bfill-opacity%3A0%7D.C%7Bfill%3A%23f2f2f2%7D.D%7Bstroke-width%3A1.7%7D.E%7Bstroke-linejoin%3Around%7D%3C%2Fstyle%3E%3Ccircle cx%3D%2215%22 cy%3D%2215%22 r%3D%227.1%22 stroke%3D%22%23fff%22 class%3D%22B C D E%22 paint-order%3D%22markers fill stroke%22%2F%3E%3Ccircle cx%3D%2215%22 cy%3D%2215%22 r%3D%224%22 fill%3D%22%23D9D8D7%22 paint-order%3D%22markers fill stroke%22%2F%3E%3Cg class%3D%22D E B%22%3E%3Ccircle cx%3D%2215%22 cy%3D%2245%22 r%3D%227.1%22 fill%3D%22%23f9f9f9%22 stroke%3D%22%23fff%22 paint-order%3D%22markers fill stroke%22%2F%3E%3Ccircle cx%3D%2215%22 cy%3D%2275%22 r%3D%227.1%22 stroke%3D%22%23d9d9d9%22 class%3D%22C%22 paint-order%3D%22markers fill stroke%22%2F%3E%3C%2Fg%3E%3Ccircle cx%3D%2215%22 cy%3D%2275%22 r%3D%224%22 fill%3D%22%23ccc%22 paint-order%3D%22markers fill stroke%22%2F%3E%3Ccircle cx%3D%2215%22 cy%3D%22105%22 r%3D%227.1%22 stroke%3D%22%23d9d9d9%22 class%3D%22B C D E%22 paint-order%3D%22markers fill stroke%22%2F%3E%3C%2Fsvg%3E");
--image-radio2: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 id%3D%22svg6%22 width%3D%2230%22 height%3D%22150%22 version%3D%221.1%22%3E%3Cstyle id%3D%22style1%22%3E.B%7Bfill-opacity%3A0%7D.C%7Bfill%3A%23f2f2f2%7D.D%7Bstroke-width%3A1.7%7D.E%7Bstroke-linejoin%3Around%7D%3C%2Fstyle%3E%3Ccircle id%3D%22circle1%22 cx%3D%2215%22 cy%3D%2215%22 r%3D%227.1%22 stroke%3D%22%23ccc%22 class%3D%22B C D E%22 paint-order%3D%22markers fill stroke%22 style%3D%22stroke%3A%23bbb%3Bstroke-opacity%3A1%22%2F%3E%3Ccircle id%3D%22circle2%22 cx%3D%2215%22 cy%3D%2215%22 r%3D%224%22 fill%3D%22%23D9D8D7%22 paint-order%3D%22markers fill stroke%22%2F%3E%3Cg id%3D%22g4%22 class%3D%22D E B%22%3E%3Ccircle id%3D%22circle3%22 cx%3D%2215%22 cy%3D%2245%22 r%3D%227.1%22 fill%3D%22%23f9f9f9%22 stroke%3D%22%23ccc%22 paint-order%3D%22markers fill stroke%22 style%3D%22stroke%3A%23bbb%3Bstroke-opacity%3A1%22%2F%3E%3Ccircle id%3D%22circle4%22 cx%3D%2215%22 cy%3D%2275%22 r%3D%227.1%22 stroke%3D%22%23d9d9d9%22 class%3D%22C%22 paint-order%3D%22markers fill stroke%22%2F%3E%3C%2Fg%3E%3Ccircle id%3D%22circle5%22 cx%3D%2215%22 cy%3D%2275%22 r%3D%224%22 fill%3D%22%23ccc%22 paint-order%3D%22markers fill stroke%22%2F%3E%3Ccircle id%3D%22circle6%22 cx%3D%2215%22 cy%3D%22105%22 r%3D%227.1%22 stroke%3D%22%23d9d9d9%22 class%3D%22B C D E%22 paint-order%3D%22markers fill stroke%22%2F%3E%3C%2Fsvg%3E");
--image-selected: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2230%22 height%3D%2230%22 fill%3D%22none%22%3E%3Cpath fill%3D%22%23D9D8D7%22 stroke%3D%22%23fff%22 stroke-width%3D%223%22 d%3D%22M22 11.2c1.2-1.5-0.9-3.4-2.2-2.1l-7 8.3-3.8-3.6c-1.3-1.3-3.401.665-2.1 2l4.9 5.1c.551.552 1.63.367 2.2-0.2z%22 paint-order%3D%22stroke markers fill%22%2F%3E%3C%2Fsvg%3E");
--image-selected2: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2230%22 height%3D%2230%22 fill%3D%22none%22%3E%3Cpath fill%3D%22%23D9D8D7%22 d%3D%22M22 11.2c1.2-1.5-0.9-3.4-2.2-2.1l-7 8.3-3.8-3.6c-1.3-1.3-3.401.665-2.1 2l4.9 5.1c.551.552 1.63.367 2.2-0.2z%22 paint-order%3D%22stroke markers fill%22%2F%3E%3C%2Fsvg%3E");
/* ICONES */
}

* {
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
}

a {
  text-decoration: none;
  color: black
}

input[type="radio"] {
  accent-color: var(--menu-color-blue);
}


._next_price_HIDE {
  --width-price: 0;
}

svg .error {
  filter: var(--filter-error);
}

::placeholder {

  opacity: 0.6;
}

#_next_toolbar ::placeholder {
  opacity: 1;
}

#_next_toolbar :focus::placeholder,
:focus::placeholder {
  opacity: 0;
}

* {
  zoom: reset !important;
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  /*scrollbar-width: thin; FIREFOX ONLY update is */
}

[contenteditable="true"]:focus:empty {
  caret-color: transparent;
}

[contenteditable="true"]:focus:empty::after {
  content: '';
  border-right: solid 1px #000;
  animation: blinker 0.9s linear infinite;
}


@supports not selector(::-webkit-scrollbar) {
  * {
    scrollbar-width: thin;
  }
}

hr+hr {
  display: none;
}

body {
  margin: 0;
  padding: 0;
  background-color: var(--color-body);
  font-size: var(--font-medium);
  user-select: none;
  color: var(--color-black-f);
  overflow: hidden;
}


body[data-loading="2"] *,
body[data-loading="1"] *,
body[data-loaddfi="1"] * {
  display: none !important;
}

body[data-loading="2"]::before,
body[data-loading="1"]::before,
body[data-loaddfi="1"]::before {
  content: 'Chargement...';
  white-space: pre;
  padding: 20px 40px 20px 60px;
  left: 50%;
  top: 50%;
  display: block !important;
  position: fixed;
  background: var(--image-icon_prostyl2) #FFF no-repeat 20px 15px;
  background-size: 30px;
  transform: translate(round(-50%, 1px), round(-50%, 1px));
  border-radius: 4px;
  border: solid 1px var(--color-gray-border)
}

body[data-loading="2"]::before {
  content: attr(data-loadingtext);
}

body[data-loaddfi="1"]::before{
  content: 'Chargement...' !important;
}

.italic {
  font-style: italic;
}

.center {
  text-align: center !important;
}

._next_text_size_for_title {
  font-size: var(--font-extra-large);
}

::selection {
  background-color: var(--menu-color-selection);
  color: #fff;
}

::-webkit-scrollbar {
  width: 4px;
  height: 3px;
}

::-webkit-scrollbar-track {
  background: transparent;
}

::-webkit-scrollbar-thumb {
  background: var(--color-gray-dark-font);
  border-radius: 10px;
}

input[type="text"] {
  width: 100%;
  border: none;
  background-color: var(--color-gray-claire);
  text-align: center;
}

.input {
  width: 100%;
  border: none;
  background-color: var(--color-gray-claire);
  text-align: center;
  position: absolute;
  overflow: hidden;
  font-size: var(--font-label);
  padding: 2px 0px 3px;
  height: 1.25em;
  border-radius: 4px;
  white-space: nowrap;
}

.multi .input {
  height: 200px;
  text-align: left;
}

.input * {
  outline: none;
}

.input:has(*:focus) {
  outline: solid 2px black;
}

.input span:last-child {
  white-space: pre;
}

input[type="search"] {
  width: 100%;
  border: none;
  background-color: var(--color-gray-claire);
  text-align: center;
  font-size: var(--font-tiny);
  padding: 3px 0px;
}

input[type="color"] {
  width: 100%;
  border: none;
  background-color: var(--color-gray-claire);
  text-align: center;
  font-size: var(--font-tiny);
  padding: 3px 0px;
}

input[type="date"] {
  width: 100%;
  border: none;
  background-color: var(--color-gray-claire);
  text-align: center;
  font-size: var(--font-tiny);
  padding: 3px 0px;
}

input[type="button"] {
  width: 100%;
  border: none;
  background-color: var(--menu-color-blue);
  color: var(--color-white);
  text-align: center;
  font-size: var(--font-tiny);
  padding: 7px 15px;
}

input[type="button"]:hover {
  background-color: var(--menu-color-blue-repere);
}

input[type="range"] {
  display: flex;
  width: 100%;
  margin-top: 9px;
  height: 4px;
  appearance: none;
  border-radius: 15px;
  background-color: var(--color-black-f);
}

select {
  width: 100%;
  border: none;
  background-color: var(--color-gray-claire);
  font-size: var(--font-tiny);
  padding: 2px 0px;
  text-align: center;
}

._next_navbar {
  --margin: -5000px;
  --opacity: 0;
  --bgcolor: transparent;
  --shadow: none;
  --filter: none;
  --hovermenu: var(--menu-color-blue);
  --zindex: 99;
  --toptriangle: -38px;
}

._next_navbar li .blue-hover:hover {
  --filter: var(--filter-white);
  --bgcolor: var(--hovermenu);
}

.context_params ._next_navbar .params,
.context_informations_associate ._next_navbar .informations,
.context_informations_associate_cnt ._next_navbar .informations,
.context_informations_associate_add ._next_navbar .informations,
.context_informations ._next_navbar .informations,
.context_save ._next_navbar .save,
.context_partage ._next_navbar .partage,
.context_account ._next_navbar .account,
.context_versions ._next_navbar .versions,
.context_projects ._next_navbar .projects,
.context_alertes ._next_navbar .alertes,
.context_new ._next_navbar .new,
.context_cout ._next_navbar .cout {
  --margin: 0px;
  --opacity: 1;
  --bgcolor: var(--menu-color-blue);
  --hovermenu: var(--menu-color-blue);
  --filter: var(--filter-white);
  --shadow: 0px 0px 6px 0px #00000060;
  --zindex: 9990;
  --toptriangle: 38px;
}

.context_params,
.context_save,
.context_informations,
.context_informations_associate,
.context_informations_associate_cnt,
.context_informations_associate_add,
.context_partage,
.context_account,
.context_versions,
.context_projects,
.context_alertes,
.context_cout,
.context_menuelement,
.context_menuschema,
.context_menurepere,
.context_menuparams,
.context_new,
.context_menunewrepere,
.context_add_element {
  --hovermenu: var(--menu-color-blue-repere);
  --hidemenu: block;
}

.context_menuelement,
.context_menuschema,
.context_menurepere,
.context_menuparams,
.context_menunewrepere {
  --contextmenu: block;
}

._next_navbar {
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 11111;
}

._next_navbar_ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: center;
  background-color: var(--menu-color-black-c);
  white-space: nowrap;
  z-index: 9999;
  height: var(--top-navbar);
  justify-content: space-between;
  color:#fff;
}

._next_navbar_ul .text {
  max-width:360px;
  white-space: normal;
  display: block;  
  font-size: var(--font-medium);
  padding: 5px;
  background-color: transparent !important;
}

.hidemenu {
  position: fixed;
  width: 100%;
  height: 100%;
  top: var(--top-navbar);
  z-index: 9900;
  display: var(--hidemenu);
  cursor: default !important;
  /* background-color: #88888825;*/
}   
.hidepreviewmenu {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 10;
  } 

.noUtils #renderer_hover
  {
    pointer-events: none;
  }
.noUtils .hidemenu ,
.context_add_element .hidemenu {
  z-index: 7900;
}

/* ._next_navbar_ul li {} */

._next_navbar_ul li>a {
  height: 20px;
}

._next_navbar_ul>li>a {
  /* menu principal */
  height: 30px;
}

._next_navbar_ul li .blue-hover:first-child {
  padding: var(--top-navbar-padding) 15px;
}

._next_navbar_ul li .blue-hover {
  display: block;
  position: relative;
  color: var(--color-white);
  text-align: center;
  padding: var(--top-navbar-padding) 10px;
  text-decoration: none;
  z-index: var(--zindex);
  box-shadow-no: var(--shadow);
}

._next_navbar_ul li .blue-hover::after {
  content: "";
  display: block;
  height: 30px;
  width: 30px;
}

._next_navbar>ul>li .blue-hover::after {
  filter: var(--filter-white);
}

._next_navbar>ul>li.versions .blue-hover::after,
._next_navbar>ul>li.account .blue-hover::after {
  filter: var(--filter);
}

._next_navbar_ul li .blue-hover {
  background-color: var(--bgcolor);
}

._next_navbar_ul li .blue-hover.plus_icon::after {
  background-image: var(--image-icon_plus);
}

._next_navbar_ul li .blue-hover.settings_icon::after {
  background-image: var(--image-icon_settings);
}

._next_navbar_ul li .blue-hover.project_icon::after {
  background-image: var(--image-icon_project);
}
._next_navbar_ul li .blue-hover.sylob_icon::after {
  background-image: var(--image-icon_sylob);
}

._next_navbar_ul li .blue-hover.save_icon::after {
  background-image: var(--image-icon_save);
}

._next_navbar_ul li .blue-hover.folder_icon::after {
  background-image: var(--image-icon_folder);
}

._next_navbar_ul li .blue-hover.export_icon::after {
  background-image: var(--image-icon_mail);
}

._next_navbar_ul li .blue-hover.version_icon::after {
  background-image: var(--image-icon_versions);
}

._next_navbar_ul li .blue-hover.user_icon::after {
  background-image: var(--image-icon_user);
}

._next_navbar_ul li.liSombrePlus {
  background-color: var(--menu-color-black);
}

._next_navbar_ul .liSombrePlus .blue-hover.main_icon::after {
  content: "";
  background-image: var(--image-icon_prostyl);
  filter: var(--filter);
  height: 30px;
  width: 40px;
  display: block;
  background-repeat: no-repeat;
  background-position: center;
}

._next_navbar_ul img {
  width: 30px;
  z-index: 1;
}

._next_navbar_ul ._next_input_nav {
  color: var(--color-white);
  padding-top: 12px;
  letter-spacing: 1px;
  font-size: var(--font-large);
  flex-grow: 1;
  text-align: center;
}

#triangle-code {
  position: absolute;
  height: 0;
  width: 0;
  top: 0;
  left: 0;
  border-top: 15px solid var(--menu-color-blue);
  border-right: 15px solid transparent;
}

#triangle-code-right {
  position: absolute;
  height: 0;
  width: 0;
  top: 0;
  right: 0;
  border-top: 15px solid var(--menu-color-blue);
  border-left: 15px solid transparent;
}

[contentEditable="true"]:not(.multi) br,
[data-dblclick] br {
  display: none !important;
}

[contentEditable="true"] {
  white-space: nowrap !important;
}

[data-dblclick] {
  white-space: nowrap !important;
  margin: 0px;
}

/* [data-dblclickedit]:focus {} */

[data-dblclick]>div,
[data-dblclick]>div div {
  display: inline !important;
}

[data-id="#"]::before {
  display: none !important;
}

label,
a,
[data-click],
[data-click]>*,
[data-click]>a {
  cursor: pointer;
}
[data-count]::after {
  content: attr(data-count);
  color: #fff;
  background-color: #c00;
  border-radius: 20px;
  position: absolute;
  padding: 0px 5px;
  font-size: 10px;
  margin-left: -13px;
  border: solid 1px #fff;
  margin-top: -4px;
}

[data-count="0"]::after {
 display: none;
}

[data-click="ignore"] {
  cursor: auto;
}

[data-menu]>*,
[data-click="ignore"]>* {
  cursor: inherit;
}

#_next_form_elements [data-dblclickedit] {
  overflow: hidden;
}

#_next_save_info {
  padding-right: 15px;
  display: flex;
  align-items: center;
  position: relative;
}

#_next_save_info::after {
  width: var(--icone-size);
  height: var(--icone-size);
  background-size: var(--icone-size);
  background-repeat: no-repeat;
  display: block;
  content: "";
  z-index: 9999;
  background-image: var(--image-icon_wait);
  animation-duration: 1s;
  animation-name: animwait;
  animation-iteration-count: infinite;
}


#_next_save_info.statut2::after {
  background-image: var(--image-icon_warning);
  animation-duration: 1s;
  animation-name: animwarning;
  animation-iteration-count: 1;
}

#_next_save_info.ok::after {
  background-image: var(--image-icon_check);
  animation-duration: 1s;
  animation-name: animok;
  animation-iteration-count: 1;
}

#_next_save_info.error::after {
  background-image: var(--image-icon_errorco);
  animation-duration: 1s;
  animation-name: animerror;
  animation-iteration-count: 1;
}

#_next_save_info>span {
  color: var(--color-white);
  background-color: var(--menu-color-black);
  font-size: var(--font-tiny);
  margin-left: -160px;
  width: 124px;
  position: absolute;
  padding: 0px 31px 0px 15px;
  line-height: var(--icone-size);
  opacity: 0;
  margin-top: -100px;
  transition: opacity 0.5s ease, margin-top 0s 0.45s;

}

#_next_save_info.error>span {
  width: 150px;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
}

#_next_save_info>span::before {
  content: 'Devis ' attr(data-project) " enregistré";
  font-weight: normal;
}

#_next_save_info>span.gestionnaire::before {
  content: "Données à jour";
  font-weight: normal;
}

#_next_save_info.wait>span::before {
  content: 'Mise à jour en attente';
}

#_next_save_info.error>span::before {
  content: 'Vous etes hors connexion';
}


#_next_save_info:hover>span {
  transition: opacity 0.5s ease, margin-top 0s 0s;
  margin-top: 0px;
  opacity: 1;
  z-index: 9999;
}

._next_navbar_with_menu {
  position: relative;
  display: inline-block;
}

._next_navbar>ul>li._next_navbar_with_menu ._next_navbar_menu {
  margin-top: var(--margin);
  opacity: var(--opacity);
}

._next_navbar hr {
  margin: 10px 4px 10px 4px;
}

._next_navbar_menu {
  position: fixed;
  background-color: var(--menu-color-black-c);
  min-width: 250px;
  max-height: calc(100% - 80px);
  padding: 12px;
  overflow: hidden;
  overflow-y: auto;
  z-index: 9999;
  margin-top: -5000px;
  opacity: 0;
  box-shadow-no: 0px 0px 5px 0px #00000060;
}


.context_informations ._next_navbar_menu,
.context_informations_associate ._next_navbar_menu,
.context_informations_associate_cnt ._next_navbar_menu,
.context_informations_associate_add ._next_navbar_menu {
  display: none;
}

.context_informations ._next_navbar_menu.main,
.context_informations_associate ._next_navbar_menu.associate,
.context_informations_associate_cnt ._next_navbar_menu.associate_cnt,
.context_informations_associate_add ._next_navbar_menu.associate_add {
  display: block;
}

._next_navbar_menu.new_project {
  position: fixed;
  background-color: var(--color-white);
  left: 0px;
  width: 400px;
  min-height: 100%;
  padding: 0;
}

._next_navbar_menu.new_project .choise_gamme {
  display: flex;
  justify-content: space-around;
  border-bottom: 1px solid var(--menu-color-blue);
}

._next_navbar_menu.new_project .choise_gamme li {
  display: flex;
  justify-content: space-around;
  padding: 15px;
}

._next_navbar_menu.new_project .choise_gamme li:hover {
  background-color: var(--menu-color-blue);
  color: var(--color-white);
}

._next_navbar_menu.new_project .choise_gamme li.active {
  background-color: var(--menu-color-blue);
  color: var(--color-white);
}


._next_navbar_with_menu::before {
  content: "";
  position: absolute;
  height: 10px;
  top: var(--toptriangle);
  left: 0;
  z-index: 999999;
  border-top: 25px solid var(--menu-color-blue);
  border-right: 25px solid transparent;
}

._next_navbar_with_menu.new::before {
  display: none;
}

._next_navbar_with_menu_right ._next_navbar_menu {
  left: auto;
  right: 0;
}

._next_navbar_with_menu_right::before {
  left: auto;
  right: 0;
  border-right: 0;
  border-left: 25px solid transparent;
}

._next_navbar_menu a {
  text-decoration: none;
  font-size: var(--font-medium);
  color: var(--color-white);
  padding: 6px 0px 6px 6px;
  margin: 0 0;
  display: block;
  background-repeat: no-repeat;
  background-position: left;
}

._next_navbar_menu ul {
  list-style: none;
  font-size: var(--font-tiny);
  margin: 0;
  padding: 0;
}

._next_navbar_menu ul li {
  margin: 0;
  width: 100%;
  line-height: 20px;
  display: flex;
}

._next_navbar_menu ul li a {
  width: 100%;
}

._next_navbar_menu ul li.btn {
  line-height: auto;
}

._next_navbar_menu ul li.btn a {
  height: 17px !important;
  line-height: 17px !important;
}

._next_navbar_menu ul li.btn a::before {
  margin-top: -6px;
  filter: var(--filter-white);
}

._next_navbar_menu ul li a.version {
  overflow: hidden;
  text-overflow: ellipsis;
  width: calc(100% - 30px);
  opacity: 100%;
  padding-right: 30px;
}

._next_navbar_menu ul li.current::before {
  content: "";
  float: left;
  width: 18px;
  margin-right: -4px;
  padding-left: 18px;
  height: 32px;
  background-image: var(--image-fleche);
  background-repeat: no-repeat;
  background-size: 46px;
  margin-left: -32px;
  margin-top: -6px;
}

._next_navbar_menu ul li a.icon_lock {
  background-image: var(--image-icon_lock);
  opacity: 100%;
  right: 12px;
  width: 24px;
  position: absolute;
}

._next_navbar_menu ul li.usertitle a.icon_lock {
  background-image: var(--image-icon_locked);
  opacity: 100%;
}


._next_navbar_menu ul li a.icon_dl span {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
}


._next_navbar_menu ul li a.icon_dl {
  background-image: var(--image-icon_dl_doc);
}

._next_navbar_menu ul li a.icon_dl::after {
  display: none;
}

._next_navbar_menu ul li a.icon_dl:has(span:hover)::after {
  content: 'Télécharger le devis' !important;
}

._next_navbar_menu ul li a.icon_dl:hover {
  background-position: center center;
}

._next_navbar_menu ul li:hover a.icon_dl::after {
  display: block;
}

._next_navbar_menu ul:not(:has([contenteditable="true"])) li.usertitle:hover a.icon_lock,
._next_navbar_menu ul li.usertitle:has([contenteditable="true"]) a.icon_lock {
  background-image: var(--image-icon_rename);
}

._next_navbar_menu ul:not(:has([contenteditable="true"])) li:hover a.icon_lock {
  opacity: 100%;
}

._next_navbar_menu ul li a.icon_save {
  background-image: var(--image-selected);
  display: none;
  opacity: 100%;
  right: 12px;
  width: 24px;
  position: absolute;
}



._next_navbar_menu ul:not(:has([contenteditable="true"])) li.usertitle:hover a.icon_lock:hover,
._next_navbar_menu ul:not(:has([contenteditable="true"])) li a:hover {
  opacity: 100% !important;
}

._next_navbar_menu ul li:has([contenteditable="true"]) a.icon_save {
  display: block;
}

._next_navbar_menu ul li:has([contenteditable="true"]) a.icon_lock {
  display: none;
}

._next_navbar_menu ul li:has([contenteditable="true"]) a {
  font-style: normal !important;
  color: var(--color-white) !important;
}

._next_navbar_menu ul:not(:has([contenteditable="true"])) li.usertitle a.version:hover::after,
._next_navbar_menu ul:not(:has([contenteditable="true"])) li a.icon_lock::after {
  opacity: 1;
  content: "#" attr(data-shorttitle);
  color: var(--color-white);
  font-style: normal;
  font-size: 12px;
  position: absolute;
  background-color: var(--color-black-f);
  padding: 3px 8px;
  border-radius: 3px;
  right: 38px;
}

._next_navbar_menu ul li.notitle a.version:not([contenteditable="true"])::after {
  content: " (copie: " attr(data-copy) " )";
  font-size: 0.8rem;
}


._next_navbar_menu ul li.notitle a {
  font-style: italic;
  color: var(--color-gray-dark-font);
}

._next_navbar_menu ul li>span {
  color: var(--color-white);
  padding: 0 5px;
  line-height: 32px;
}

._next_navbar_menu ul li.notitle a.version[data-copy=""]:after {
  content: "";
}

._next_navbar_menu ul li a.version span {
  font-size: 0.8rem;
  font-style: italic;
  color: var(--color-gray-dark-font);
}

._next_navbar_menu ul:not(:has([contenteditable="true"])) li a.version span::before {
  content: " de " attr(data-author);
}

._next_navbar_menu ul:has([contenteditable="true"]) li a.version span,
._next_navbar_menu ul:not(:has([contenteditable="true"])) li a.version span[data-author=""]::before {
  content: "";
}

._next_navbar_menu ul:not(:has([contenteditable="true"])) li.notitle a.icon_lock::after {
  content: "Verrouiller cette version";
  opacity: 0;
  display: none;
  transition: opacity 0.5s 1.2s;
}

._next_navbar_menu ul:not(:has([contenteditable="true"])) li.usertitle a.icon_lock:hover::after {
  content: "Renommer";
}

._next_navbar_menu ul li.usertitle a.icon_lock::after {
  opacity: 0;
  display: none;
}

._next_navbar_menu ul:not(:has([contenteditable="true"])) li a.icon_lock::after {
  margin-top: -1px !important;
}

._next_navbar_menu ul:not(:has([contenteditable="true"])) li a.icon_lock:hover::after {
  opacity: 1 !important;
  display: inline !important;
  margin-top: -1px !important;
}

._next_navbar_menu ul:not(:has([contenteditable="true"])) li.usertitle:hover a.version::after {
  opacity: 1;
  display: inline;
  right: 48px;
  transition: opacity 0.4s 0.2s;
}

._next_navbar_menu ul li.notitle a:not([contenteditable="true"]).version::before {
  content: "#";
}

/*
._next_navbar_menu ul:not(:has([contenteditable="true"])) li a.icon_lock:hover::after {
  opacity: 1;
}
._next_navbar_menu ul:not(:has([contenteditable="true"])) li a.icon_lock::after {
  content:"Verrouiller cette version";
  right: 38px;
}
._next_navbar_menu ul:not(:has([contenteditable="true"])) li.usertitle a.icon_lock::after {
  content:"Renommer cette version";
}
._next_navbar_menu ul li.notitle a.version[data-copy=""]:after ,
._next_navbar_menu ul li:has([contenteditable="true"]) a:after,
._next_navbar_menu ul li.notitle:has([contenteditable="true"]) a:before ,
._next_navbar_menu ul li:has([contenteditable="true"]) a:before  {
  content:"";
  opacity: 0;
}
*/

._next_navbar_menu .small-edit {
  background-image: var(--image-icon_project);
  height: 20px;
  width: 20px;
  padding: 6px 6px;
}

._next_navbar_menu .small-eye {
  background-image: var(--image-icon_search);
  height: 20px;
  width: 20px;
  padding: 6px 8px;
}

._next_navbar_menu li a[contenteditable="true"] {
  background-color: var(--color-black-menu);
}

._next_navbar_menu:not(:has([contenteditable="true"])) li:hover a {
  background-color: var(--color-black-menu);
}

._next_navbar_menu:not(:has([contenteditable="true"])) li:hover a:first-child {
  background-color: var(--color-black-menu-hover);
}

._next_navbar_menu .user {
  padding-left: 40px;
  background-image: var(--image-icon_user);
}

._next_navbar_menu .savev {
  padding-left: 30px;
  background-image: var(--image-icon_check);
  background-size: 20px;
}

._next_navbar_menu .user-small {
  padding-left: 40px;
  background-image: var(--image-icon_user);
  background-position-x: 6px;
  background-size: 26px;
}

._next_navbar_menu .saved-small {
  padding-left: 40px;
  background-image: var(--image-icon_check);
  background-position-x: 6px;
  background-size: 20px;
}

._next_navbar_menu .save {
  padding-left: 40px;
  background-image: var(--image-icon_save);
  background-position-x: 6px;
  background-size: 26px;
}

._next_navbar_menu .export {
  padding-left: 40px;
  background-image: var(--image-icon_export);
  background-position-x: 6px;
  background-size: 26px;
}

._next_navbar_menu .mail {
  padding-left: 40px;
  background-image: var(--image-icon_mail);
  background-position-x: 6px;
  background-size: 26px;
}

._next_navbar_menu [data-shortcut]::after {
  content: attr(data-shortcut);
  color: var(--color-gray-normal);
  font-style: italic;
  float: right;
  font-size: 0.9em;
  padding-right: 5px;
  padding-top: 0.05em;
}

._next_navbar_menu .setting {
  padding-left: 40px;
  background-image: var(--image-icon_settings);
}

._next_navbar_menu .fullscreen {
  padding-left: 40px;
  background-image: var(--image-icon_fullscreen);
}

._next_navbar_menu .fullscreen2 {
  padding-left: 40px;
  background-image: var(--image-icon_fullscreen2);
}

._next_navbar_menu .setting-small {
  padding-left: 40px;
  background-image: var(--image-icon_settings);
  background-position-x: 6px;
  background-size: 26px;
}

._next_navbar_menu .disconnect {
  padding-left: 40px;
  background-image: var(--image-icon_logout);
  background-position-x: 2px;
}

._next_navbar_menu .project {
  background-image: var(--image-icon_project);
}

._next_navbar_menu .plus {
  background-image: var(--image-icon_plus_white);
}

._next_navbar_menu .note {
  background-image: var(--image-icon_note);
  background-repeat: no-repeat;
  background-position: left;
  background-position-y: -4px;
  padding-left: 36px;
  padding-bottom: 15px;
  color: white;
}

._next_navbar_menu_title {
  background-repeat: no-repeat;
  background-position: left;
  padding-left: 36px;
  color: white;
}

._next_navbar_menu_title>span {
  float: right;
}

._next_navbar_menu_title>span:hover::before {
  width: 30px;
  background-color: var(--menu-color-blue) !important;
}

._next_navbar_menu .folder {
  background-image: var(--image-icon_folder);
}

.inputs input,
._next_navbar_menu select,
._next_navbar_menu .title,
._next_navbar_menu .customer,
._next_navbar_menu .comment,
._next_navbar_menu .email {
  display: block;
  width: 100%;
  background-repeat: no-repeat;
  background-position: left;
  background-size: 20px;
  background-position-x: 8px;
  background-color: var(--color-black-f);
  padding: 5px 0 5px 40px;
  margin: 0 0 0 -40px;
  font-size: inherit;
  background-color: transparent;
  border: 0;
  outline: none;
  color: white;
  text-align: left;
  text-underline-offset: auto;
}

._next_navbar_menu select {
  padding: 5px 0 5px 0px;
  margin: 0px 0 0 -3px;
  border: 0;
  outline: none;
}

._next_navbar_menu .selecticon {
  background-image: var(--image-icon_tva);
  background-repeat: no-repeat;
  background-position: left;
  background-size: 20px;
  background-position-x: 8px;
  height: 30px;
  display: block;
  margin: 0 0 0 -40px;
  padding: 0 0 0 40px;
}

._next_navbar_menu select option {
  background-color: var(--color-black-f);
  color: var(--white);

}

.inputs.small input {
  width: calc(100% - 20px);
  padding: 3px 10px;
  margin: 0 0 0 0px;
}

.inputs.small input:required:empty:not(:focus)::placeholder {
  opacity: 0.4;
  color: white;
}

.inputs form:has(input:invalid) input[type="submit"] {
  filter: var(--filter-grayscale);
  opacity: 0.2;
}

.inputs input[type="submit"] {
  display: block;
  background-color: var(--menu-color-blue);
  border: none;
  color: white;
  padding: 8px 0px;
  text-align: center;
  font-size: var(--font-medium);
  width: calc(100%);
  height: auto;
  margin-top: 10px;

}

._next_navbar_menu div.customer {
  margin: 0px 0 0 0px
}

._next_navbar_menu .inputs {
  margin: 0px 0 0 40px;
  padding: 0;
}

._next_navbar_menu .inputs.small {
  margin: 0px 0 0 0px;
  padding: 0;
}

._next_navbar_menu .title {
  background-image: var(--image-icon_titre);
}

._next_navbar_menu .customer {
  background-image: var(--image-icon_customer);
}

._next_navbar_menu .comment {
  background-image: var(--image-icon_comment);
}

._next_navbar_menu .email {
  background-image: var(--image-icon_email);
}

#notes {
  padding: 7px;
  text-decoration: none;
  background: var(--color-gray-claire);
  width: calc(100% - 12px);
}

.checkbox {
  display: block;
  overflow: hidden;
  color: var(--color-white);
  margin-bottom: 10px;
  user-select: none;
  cursor: pointer;
  white-space: nowrap;
}

.checkbox.black {
  color: var(--color-black-c);
  margin: -1px 0 0 -8px;

}

.hover .checkbox.black {
  color: var(--color-black-c);
  margin: -1px 0 10px -8px;

}

.checkbox input {
  margin-right: 50px;
  margin-left: -26px;
}

.checkbox>span::before {
  content: "";
  position: absolute;
  width: 30px;
  height: 28px;
  margin-top: 2px;
  margin-left: -32px;
  background-image: var(--image-checkbox);
  background-position-y: 113px;
  transition: background-position-y 0.3s ease;
}

.checkbox.black>span::before {
  background-image: var(--image-checkbox2);
  margin-top: 3px;
  transition: none;
}

.checkbox.checkboxreverse>span::before {
  background-position-y: 143px;
}

.checkbox.checkboxreverse input:checked+span::before {
  background-position-y: 113px;
}

.checkboxreverse:has(input:checked) {
  margin-bottom: 0 !important;
}

.checkbox:not(.checkboxreverse)>div {
  display: none;
}

.checkbox input:checked+span::before {
  background-position-y: 143px;
}

.checkbox input:disabled span::before {
  background-position-y: 53px;
  cursor: not-allowed;
}

.checkbox input:disabled:checked+span::before {
  background-position-y: 83px;
  cursor: not-allowed;
}


.radiolabel {
  background: var(--image-radio) transparent no-repeat 0px -30px;
  line-height: 20px;
  display: block;
  overflow: hidden;
  color: var(--color-white);
  padding: 4px 10px 4px 32px;
  user-select: none;
  cursor: pointer;
}

.radiolabel.checked {
  background-position: 0px 0px;
}


.checkboxlabel {
  background: var(--image-checkbox) transparent no-repeat 0px -31px;
  line-height: 20px;
  padding-left: 32px;
  display: block;
  overflow: hidden;
  color: var(--color-white);
  padding: 4px 10px 4px 32px;
  user-select: none;
  cursor: pointer;
}

.checkboxlabel.checked {
  background-position: 0px -1px;
}

.checkboxlabel.black {
  background-position: 2px -30px;
  color: var(--color-gray);
  background-image: var(--image-checkbox2);
  padding: 6px 10px 6px 36px;
  opacity: 0.6;
}

.checkboxlabel.black.checked {
  opacity: 1;
  background-position: 2px 0px;
  color: var(--color-black-f);
  background-image: var(--image-checkbox2);
}

.radio {
  display: block;
  overflow: hidden;
  color: var(--color-white);
  margin-bottom: 10px;
  user-select: none;
  cursor: pointer;
}

.radio input {
  margin-right: 50px;
  margin-left: -30px;
}

.radio input+span::before {
  content: "";
  position: absolute;
  width: 30px;
  margin-left: -32px;
  height: 28px;
  margin-top: 2px;
  background-image: var(--image-radio);
  background-position-y: 113px;
}

.radio input:checked+span::before {
  background-position-y: 143px;
}

.radio input:disabled:checked+span::before {
  background-position-y: 83px;
  cursor: not-allowed;
}

.radio input:disabled+span::before {
  background-position-y: 53px;
  cursor: not-allowed;
}

.search_block {
  padding-bottom: 5px;
  margin: -3px 0px;
}

.search {
  display: block;
  margin: 0 0px 5px;
  width: calc(100% - 35px);
  padding: 4px 0 4px 35px;
  border: 0;
  color: var(--color-white);
  background: var(--image-icon_search) transparent center left no-repeat;
  outline: none;
}
.associate .search
  {
    color:#000;
  }
  .associate label
    {
      display: block; 
      text-align: left;
      padding: 0 0px;
      white-space: nowrap;

    }
  .associate label b
  {
    font-family: monospace;}
    #prompt .content .associate > span
      {
        padding: 10px 0px;
        margin: 0 20px;
      }
   #prompt .content .associate > input
        {
          margin: 2px 25px;
        }
.search:focus::placeholder {
  color: transparent;
}

.note
  {
    display: block;    
    text-align: left;
  }

*:not(._next_navbar_menu_title).note::before
  {
    display: inline-block;    
    content: "";
    border: solid 1px #900;
    border-radius: 3px;
    background-color: #c00;
    width: 12px;
    height:12px;
    margin: -2px 5px;
  }

  .note2::before
  {
    border: solid 1px #009;
    background-color: #00c;
  }
  .note3::before
  {
    border: solid 1px #999;
    background-color: #CCC;
  }
.FO01_NORMALE .note {
  display: none;
}
.first10>*:nth-child(n + 11) {
  display: none;
}

#_next_list,
#_next_list_versions,
#_next_list_projets {
  min-width: 300px;
}

#_next_list li,
#_next_list_versions li,
#_next_list_projets li {
  color: var(--color-white);
  margin: 0px;
  line-height: normal;
}

#_next_list>li.empty:hover,
#_next_list_versions>li.empty:hover,
#_next_list_projets>li.empty:hover {
  background-color: inherit;
}

li [data-send]::before,
li [data-id]::before,
#_next_list_projets>li a[data-id]::before ,
#_next_list_projets>li a[data-send]::before {
  color: var(--color-white);
  content: attr(data-id) attr(data-send);
  margin-top: -1px;
  right: 16px;
  font-style: normal;
  font-size: 12px;
  position: absolute;
  background-color: var(--color-black-f);
  padding: 1px 8px 1px;
  border-radius: 3px;
  line-height: 17px;
}

li [data-id]::before {
  margin-top: 5px;
}

li [data-send=""]::before {
  display: none;
}

li [data-send]::before {
  padding-left: 24px;
  background-image: var(--image-icon_mail);
  background-repeat: no-repeat;
  filter: var(--filter-grayscale);
  background-size: 21px;
  background-position: 1px -1px;

}

#_next_list_projets>li a {
  font-size: var(--font-medium);
  display: block;
  line-height: var(--font-large);
  padding: 5px 7px 5px 8px;
  margin: 0;
  height: auto;
  overflow: hidden;
  text-overflow: ellipsis;
}

#_next_list_projets>li a.customer {
  background-image: var(--image-icon_customer);
  padding: 7px 0 7px 40px;
  background-position: 7px 6px;
}

#_next_list_projets>li a.customer.contact {
  background-image: var(--image-icon_contact);
}

#_next_list_projets>li a.customer.address {
  background-image: var(--image-icon_address);
}


#_next_list_projets>li:hover {
  background-color: var(--color-black-menu-hover);
}

#_next_list_projets>li a span {
  font-size: var(--font-tiny);
  display: block;
  color: var(--color-gray-normal);
  line-height: normal;
  padding: 0;
}

._next_navbar_menu .customer span {
  font-size: var(--font-tiny);
  display: block;
  color: var(--color-gray-normal);
  line-height: normal;
  padding: 0 0 10px;
}

#_next_list_projets>li.btn a {
  background-color: var(--menu-color-blue);
  border: none;
  color: white;
  padding: 7px 0px;
  text-align: center;
  font-size: var(--font-medium);
  opacity: 1;
  width: 100%;
}

#_next_list_projets>li.btn a:hover {
  opacity: 0.9;
}

#_next_list_projets>li.btn a::before {
  display: none;
}

#_next_list_projets>li.btn {
  margin-top: 12px;
}

#_next_list>li.btn a {
  background-color: var(--menu-color-blue);
  border: none;
  color: white;
  padding: 7px 0px;
  text-align: center;
  font-size: var(--font-medium);
  opacity: 1;
  transition: 0.3s;
  width: 100%;
}

#_next_list>li.btn a:hover {
  opacity: 0.9;
}

#_next_list>li.btn a:not(._next_icon)::before {
  display: none;
}

#_next_list>li.btn {
  margin-top: 8px;
}

._next_navbar_sub {
  display: flex;
  flex-direction: row;
  position: fixed;
  width: 100%;
  height: 33px;
  top: var(--top-navbar);
  margin: 0;
  z-index: 8888;
  padding: 0;
  background-color: var(--color-white-bg);

  
}

._next_navbar_sub#ligne2 {
  top: var(--top-navbarsub);
  z-index: 8880;
  background-color: var(--color-gray-claire);
  
}
#ligne1 > span , 
#ligne1 > div , 
#ligne1 > ul , 
#ligne1 > ul > li
  {
  background-image: var(--gradiant-darker);
  }
  #ligne2 > span , 
  #ligne2 > div , 
  #ligne2 > ul , 
  #ligne2 > ul > li
    {
    background-image: var(--gradiant-darker2);
    }
._next_navbar_ul_sub {
  white-space: nowrap;
  list-style-type: none;
  display: flex;
  margin: 0;
  padding: 0;
  width: 100%;
  overflow: hidden;
  flex-grow: 1;
}

._next_navbar_ul_sub:hover {
  overflow-x: auto;
}

._next_navbar_ul_sub:has(> li._next_icon_add:hover) {
  overflow-x: hidden !important;
}

._next_navbar_ul_sub li {
  margin: 0px 0px 0px 0px;
}

._next_ligne2_repere {
  background-color: #dddddd;
}

._next_navbar_ul_sub>li:hover {
  background-color: var(--color-gray-normal);
}

._next_navbar_ul_sub li li a:hover {
  color: var(--color-gray-normal);
}

._next_navbar_span,
._next_navbar_reperes>span,
._next_navbar_ul_sub>li {
  position: relative;
  display: inline-block;
  padding: 6px 13px 7px 13px;
  height: 20px;
  line-height: 20px;
  white-space: nowrap;
  background-color: var(--color-white);
}
#ligne2 ._next_navbar_ul_sub>li:not(.active):not(.subactive)
  {
    background-color: var(--color-gray-claire);
  }

._next_navbar_sub ._next_icon_prostyl {
  padding: 6px 6px 7px 36px !important;
  background-color: var(--color-white);
  position: sticky;
  z-index: 99999;
  left: 0;
}

._next_navbar_sub ._next_icon_prostyl::before {
  background-image: var(--image-icon_prostyl2) !important;
  background-size: 80% !important;
  background-position: center center;
}

._next_navbar_ul_sub>li:hover {
  background-color: var(--color-white);
}

._next_navbar_ul_sub>li.rightclicked {
  background-color: var(--color-menuactive);
  color: var(--color-menuactive-text);
}

._next_navbar_ul_sub>li.menuactive {
  background-color: var(--color-menuactive);  
  
  color: var(--color-menuactive-text);
}

._next_navbar_ul_sub>li.subactive {
  background-color: var(--menu-color-blue-repere);

  color: var(--color-white);
}

body[class*="context"] ._next_navbar_ul_sub {
  overflow-x: hidden;
}

.context_menuschema .subcontext:not(.active):not(.subactive),
.context_menurepere .subcontext:not(.active):not(.subactive),
.context_menuelement .subcontext:not(.active):not(.subactive) {
  /* clique droit sur un élément qui n'est pas séléctionné */
  background-color: var(--menu-color-blue-repere) !important;
  color: var(--color-white);
  --filter: var(--filter-white);
}

.context_menuschema .subcontext:not(.active):not(.subactive)::before,
.context_menurepere .subcontext:not(.active):not(.subactive)::before,
.context_menuelement .subcontext:not(.active):not(.subactive)::before {
  /* clique droit sur un élément qui n'est pas séléctionné */
  filter: var(--filter-white);
}

._next_navbar_span.active,
._next_navbar_reperes>span.active,
._next_navbar_reperes ul.dragging>li.active,
._next_navbar_ul_sub>li.active {
  background-color: var(--menu-color-blue);
  
  color: var(--color-white);
}

._next_navbar_span {
  background-color: var(--color-gray-border);
  color: var(--color-black-f);
}

#convert {
  display: inline-block;
  text-align: center;
  padding: 6px 6px;
  margin-top: 12px;
  background-color: var(--menu-color-blue);
  width: 45%;
  margin-right: 3px;
}

#params._next_navbar_span {
  color: var(--color-black-f);
  background-color: var(--color-gray-border);
  
}

.context_menuparams #params._next_navbar_span,
#params._next_navbar_span:hover {
  background-color: var(--menu-color-selection);

  color: var(--color-white);
}

.context_menuparams #params._next_navbar_span::before,
#params._next_navbar_span:hover::before {
  filter: var(--filter-white)
}

._next_navbar_ul_sub.dragging>li:hover {
  background-color: var(--color-gray-claire);
  color: var(--menu-color-black-c);
}

._next_navbar_ul_sub.dragging>li.dragged {
  background-color: var(--menu-color-selection) !important;
  color: var(--color-white);
}

._next_navbar_ul_sub.dragging>li.active:hover {
  background-color: var(--menu-color-blue);
  
  color: var(--color-white);
}

._next_nav_menu {
  position: absolute;
  min-width: 200px;
  left: min(calc(100vw - 210px), var(--menuposx));
  top: var(--menuposy);
  padding: 0px 0px 0px;
  border-top: solid 6px var(--menu-color-black-c);
  border-bottom: solid 6px var(--menu-color-black-c);
  margin: 0;
  z-index: 999999;
  box-shadow-no: 0px 0px 5px 0px #00000050;
  background-color: var(--menu-color-black-c);
  border-radius: 2px;
  border-top-left-radius: 0;
  display: var(--contextmenu);
}

/*
#menunewrepere {
  background-color: var(--color-gray-normal);
}

#menunewrepere a:hover::before {
  filter: var(--filter-white);
}

#menunewrepere a:hover {
  color: var(--color-white)
}

#menunewrepere::before {
  border-bottom: 12px solid var(--color-gray-normal);
  display: none;
}

._next_nav_menu ._next_icon {
  line-height: 21px;
  background-color: var(--color-gray-normal);
  color: var(--color-black-f)
}
*/
._next_nav_menu ._next_icon {
  line-height: 21px;
}

._next_nav_menu ._next_icon::before {
  filter: var(--filter-white);
}


._next_nav_menu.active {
  display: block;
}

._next_nav_menu:not(.reverse)::before {
  content: "";
  position: fixed;
  width: 0px;
  height: 12px;
  margin-top: -25px;
  left: var(--menuposx);
  border-bottom: 8px solid var(--menu-color-black-c);
  border-right: 8px solid transparent;
}

._next_nav_menu.zoomed::before {
  display: none;
}

._next_nav_menu.zoomed {
  transform: translate(-10px, -50%);
}

._next_nav_menu.reverse::after {
  position: absolute;
  content: "";
  width: 0px;
  height: 10px;
  margin-top: 2px;
  border-top: 10px solid var(--menu-color-black-c);
  border-right: 10px solid transparent;
}

._next_nav_menu.reverse {
  transform: translateY(round(calc(-100%), 1PX));
  border-radius: 2px;
  border-bottom-left-radius: 0;
}

._next_nav_menu li {
  display: block;
  background-color: var(--menu-color-black-c);
  padding: 0px;
  margin: 0;
}

._next_nav_menu>li {
  display: none;
}

.context_menunewrepere ._next_nav_menu>li.newrepere,
.context_menuparams ._next_nav_menu>li.params,
.context_menurepere ._next_nav_menu>li.repere,
.context_menuelement ._next_nav_menu>li.element,
.context_menuschema ._next_nav_menu>li.element {
  display: block;
}

._next_navbar_with_menu_right-sub {
  left: auto;
  right: 0;
}

._next_nav_menu a {
  padding: 3px 8px 4px 15px;
  text-decoration: none;
  font-size: var(--font-contextmenu);
  line-height: 15px;
  color: var(--color-white);
  display: block;
  white-space: nowrap;
}

body:not(.prostyl) .disabled_not_prostyl,
.prod .disabled_prod,
._next_nav_menu>li.disabled 
{
  pointer-events: none !important;
  opacity: 0.4  !important;
}

._next_nav_menu>li>a::after {
  content: attr(data-shortcut);
  font-style: italic;
  color: var(--color-gray-dark-font);
  float: right;
  padding-left: 4px;
}

._next_nav_menu_schema_sub {
  z-index: 999;
  position: absolute;
  min-width: 160px;
  background-color: var(--menu-color-black-c);
  margin-left: -10000px;
  bottom: 0;
  padding: 0px 0;
  box-shadow-no: 0px 0px 5px 0px #00000050;
  border-radius: 2px;
  transform: translateY(min(round(calc(66% - 22px)), var(--menusubmaxheight)));
  border-top: solid 4px var(--menu-color-black-c);
  border-bottom: solid 4px var(--menu-color-black-c);
  max-height: 291px;
  overflow-y: auto;
  opacity: 0;
  transition: opacity 0s 0.5s, margin-left 0s 1s;

}

.context_menuschema ._next_nav_menu_schema_sub,
._next_nav_menu:hover ._next_nav_menu_schema:hover ._next_nav_menu_schema_sub {
  margin-left: max(48px, min(calc(100vw - 162px - var(--menuposx)), 198px));
  opacity: 1;
  transition: opacity 0s 0s, margin-left 0s 0s;
}

._next_nav_menu li._next_nav_menu_schema {
  padding-top: 6px;
  background-color: var(--menu-color-black-c);
}

._next_nav_menu li._next_nav_menu_schema li._next_nav_menu_schema {
  position: sticky;
  bottom: 0;
}

._next_nav_menu li._next_nav_menu_schema.count0 {
  display: none;
}

._next_nav_menu_schema_sub li {
  background-color: var(--menu-color-black-c);
  display: block;
  margin: 0;
  padding: 2px 0px;
}

.context_menuschema ._next_nav_menu:not(:hover)>li._next_nav_menu_schema>a,
._next_nav_menu li:hover>a {
  background-color: var(--menu-color-blue);
}

._next_nav_menu li.disabled:hover>a {
  background-color: var(--color-black-menu);
}

._next_nav_menu_schema_sub a {
  text-decoration: none;
  font-size: var(--font-contextmenu);
  color: var(--color-white);
  display: block;
  padding: 1px 10px 2px 12px;
}

._next_nav_menu_schema_sub a::after {
  content: attr(data-shortcut);
  color: var(--color-gray-normal);
  float: right;
}

.schemas0::before,
._next_nav_menu_schema::before {
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  margin-top: -5px;
  border-top: 1px solid var(--color-black-menu);

}

._next_nav_menu_schema_sub li.schemas0 {
  margin-top: 6px;


}

._next_nav_menu_topborder {
  padding-top: 12px !important;
}

._next_nav_menu_topborder::before {
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  margin-top: -6px;
  border-top: 1px solid var(--color-black-menu);
}

._next_nav_menu>._next_nav_menu_schema::after {
  content: "";
  position: absolute;
  left: calc(100% - 18px);
  margin-top: -14px;
  border-top: 3px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 8px solid var(--color-white);
  cursor: pointer;
}

._next_navbar_ul_sub>li:hover ._next_nav_menu {
  display: block;
}

.img-sub {
  width: 33px;
  height: 33px;
  vertical-align: bottom;
}

#menuUser,
#coutRepere,
#coutProjet,
.forticket {
  margin: 0;
  float: right;
  text-align: right;
  white-space: nowrap;
  padding: 7px 15px 6px;
  line-height: 20px;
  position: relative;
  color: var(--color-gray-dark-font);
  background-color: var(--color-white-bg);
}
.forticket,
#coutRepere,
#coutProjet {
  padding: 6px 5px 7px;
  font-size: 0.9em;
}

.forticket>span:first-child::after,
#coutRepere>span::before,
#coutProjet>span:first-child::after {
  content: " " attr(data-prix) " €";
  color: var(--color-black-c);
  background-image: none !important;
  font-size: var(--font-medium);
}

#coutRepere>span::after {
  content: " " attr(data-tva); 
  color: var(--color-gray-dark-font);
  padding: 0 10px 0 0;
}

._next_price_HIDE .forticket::after,
._next_price_HIDE #coutRepere,
._next_price_HIDE #coutProjet {
  display: none;
}

._next_price_PUBLIC ._next_price[data-prix]::before {
  content: " " attr(data-prix) " €";
  white-space: nowrap;
}

._next_price_NET ._next_price[data-prix-net]::before {
  content: " " attr(data-prix-net) " €";
}

._next_price_HIDE ._next_price::before {
  display: none;
}

._next_price[data-prix-net=""]::before,
._next_price[data-prix=""]::before {
  display: none;
  content: "";
}

.navbar-element-sub {
  text-decoration: none;
  color: var(--menu-color-black);
  vertical-align: middle;
}


._next_bouton::before {
  content: "";
  display: block;
  height: 28px;
  width: 28px;
  background-image: var(--image-icon_plus);
  background-repeat: no-repeat;
  background-position: center;
  filter: var(--filter-grayscale);
}

._next_icon {
  padding-left: 40px !important;
}

._next_icon_right {
  padding-right: 30px !important;
  padding-left: 0 !important;
}

._next_icon_close {
  padding-left: 0px !important;
}


._next_icon_only {
  padding-left: 36px !important;
  padding-right: 0 !important;
}

._next_icon_only::before,
._next_icon::before {
  content: "";
  width: 32px;
  height: 30px;
  display: inline-block !important;
  margin: -4px 0px -4px -33px;
  position: absolute;
  padding: 0;
  background-repeat: no-repeat;
}

._next_icon_right::after {
  content: "";
  width: 30px;
  display: inline-block;
  height: 30px;
  position: absolute;
  padding: 0;
  background-image: var(--image-icon_foldersmall);
  background-repeat: no-repeat;
}

._next_icon_project::before {
  background-image: var(--image-icon_foldersmall);
}


._next_icon_sylob::before {
  background-image: var(--image-icon_sylob);
}

._next_icon_qc::before {
  background-image: var(--image-icon_qc);
}
._next_icon_dr::before {
  background-image: var(--image-icon_dr);
}
._next_icon_ecopart::before {
  background-image: var(--image-icon_ecopart);
}
._next_icon_edit2::before {
  background-image: var(--image-icon_edit2);
}

._next_icon_tva::before {
  background-image: var(--image-icon_tva);
}
._next_icon_prices::before {
  background-image: var(--image-icon_prices);
}

._next_icon_edit::before {
  background-image: var(--image-icon_edit);
}

._next_icon_vr::before {
  background-image: var(--image-icon_vr);
}

._next_icon_sp::before {
  background-image: var(--image-icon_sp);
}

._next_icon_user_settings::before {
  background-image: var(--image-icon_user_settings);
}

._next_icon_seller::before {
  background-image: var(--image-icon_seller);
}


._next_icon_fleche::before {
  background-image: var(--image-fleche);
}

._next_icon_cross::after {
  background-image: var(--image-icon_add);
}

._next_icon_new::before {
  background-image: var(--image-icon_add);
}

._next_navbar_menu_title ._next_icon_new::before {
  filter: var(--filter-white);
}

._next_icon_note::after,
._next_icon_note::before {
  background-image: var(--image-icon_note);
}

._next_icon_search::after {
  background-image: var(--image-icon_search);
}

._next_icon_plus::after,
._next_icon_plus::before {
  background-image: var(--image-icon_plus);
}

._next_icon_save::after,
._next_icon_save::before {
  background-image: var(--image-icon_save2);
}

._next_icon_prostyl::after,
._next_icon_prostyl::before {
  background-image: var(--image-icon_prostyl2);
}

._next_icon_view_doc::after,
._next_icon_view_doc::before {
  background-image: var(--image-icon_view_doc);
}


._next_icon_view_sylob::after,
._next_icon_view_sylob::before {
  background-image: var(--image-icon_view_sylob);
}

._next_icon_plus_white::after,
._next_icon_plus_white::before {
  background-image: var(--image-icon_plus_white);
}

._next_icon_params::after,
._next_icon_params::before {
  background-image: var(--image-icon_params);
}

._next_icon_mail::after,
._next_icon_mail::before {
  background-image: var(--image-icon_mail);
}

._next_icon_advsearch::after,
._next_icon_advsearch::before {
  background-image: var(--image-icon_advsearch);
}

._next_icon_admin::before {
  background-image: var(--image-icon_admin);
}

._next_icon_dldoc::before {
  background-image: var(--image-icon_dl_doc);
}

._next_icon_add {
  position: sticky !important;
  right: -1px;
  background-color: var(--color-gray-claire) !important;
}
#ligne2 ._next_icon_add {
  background-color: var(--color-gray-normal) !important;
}

._next_icon_close::before {
  background-image: var(--image-icon_delete);
  filter: var(--filter-grayscale);
  opacity: 0.9;
}

._next_icon_delete::before {
  background-image: var(--image-icon_delete);
}

._next_icon_undo::before {
  background-image: var(--image-icon_undo);
}

.adressen::before {
  content: "Nom de l'adresse"
}

._next_icon_add::before {
  background-image: var(--image-icon_add);
  filter: var(--filter-grayscale);
  opacity: 0.9;
}

._next_icon_move::before {
  background-image: var(--image-icon_move) !important;
  filter: var(--filter-grayscale);
  opacity: 0.2;

  cursor: grab;
}

*:not(.dragged) ._next_icon_move:hover::before {
  opacity: 1;
}

._next_icon_add.hover {
  background-color: var(--menu-color-blue-repere) !important;
}

._next_icon_add:hover,
#ligne2 ._next_icon_add:hover {
  background-color: var(--menu-color-blue) !important;
}

._next_icon_add.hover::before,
._next_icon_add:hover::before {
  filter: var(--filter-white);
}

._next_icon_fp::before {
  background-image: var(--image-icon_fp);
}

._next_icon_cl::before {
  background-image: var(--image-icon_cl);
}

._next_icon_ec::before {
  background-image: var(--image-icon_ec);
}

._next_icon_folder::before {
  background-image: var(--image-icon_foldersmall);
}


._next_icon_orders::before {
  background-image: var(--image-icon_orders);
}

._next_icon_settings::before {
  background-image: var(--image-icon_settings);
}

._next_icon_warning::before {
  background-image: var(--image-icon_warning);
  background-size: 50%;
  background-position: center center;
}
.empty > ._next_icon_warning::before {
  background-image: var(--image-icon_edit2);
  background-size: 100%;
}
._next_icon_small_select {
  flex: 0 !important;
}

._next_icon_small_select select {
  width: auto;
  position: relative;
  z-index: 9999;
  opacity: 0;
  margin: -2px -2px -4px -32px !important;
}

._next_icon_small_select option {
  text-align: left;
  padding-left:8px;
}

body:not(.prostyl) ._next_icon_small_select {
  display: none;
}

body.prostyl ._next_icon_edit2::before {
  display: none !important;
}

body.prostyl ._next_icon_edit2 {
  padding-left: 0 !important;
}

._next_icon_smart::before {
  background-image: var(--image-icon_smart);
}

._next_icon_add ul {
  list-style: none;
  margin: 0;
  position: absolute;
  left: -30px;
}

._next_icon.subactive::before,
._next_icon.active::before,
._next_navbar_ul_sub.dragging>li.dragged::before {
  filter: var(--filter-white);
}

._next_navbar_span._next_icon.subactive::before {
  filter: none;
}

._next_icon_gray:not(:hover)::before {
  filter: var(--filter-grayscale);
  opacity: 0.6;
}

._next_navbar_add {
  opacity: 0.4;
  color: var(--color-gray-claire);
}

._next_navbar_add::before {
  filter: var(--filter-grayscale);
}

._next_navbar_add:hover::before {
  filter: none;
}

._next_navbar_add:hover {
  opacity: 1;
  width: auto;
  color: var(--menu-color-black-c);
}

.white-sub {
  background-color: var(--color-white);
}

._next_navbar_ul_sub li.white-sub:hover {
  background-color: var(--color-white);
}

.alert-container {
  display: none;
  position: fixed;
  bottom: 15px;
  right: 8px;
  padding: 0 10px 0 0;
  height: 30px;
  z-index: 7500;
  font-size: var(--font-label);
}

.alert-container-3,
.alert-container-2 {
  display: block;
}


.alert-container::before {
  content: attr(data-number);
  text-align: center;
  position: fixed;
  color: var(--color-white);
  background: var(--color-black-f);
  line-height: 16px;
  border-radius: 50%;
  bottom: 32px;
  right: 12px;
  width: 18px;
  height: 18px;
  z-index: 99;
  animation-name: clignoter;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  transition: none;
}

.sync {
  overflow: hidden;
  display: inline-block;
  width: calc(25% - 12px);
  padding: 20px 0;
  text-align: center;
  margin: 10px 5px 0 0;
  border: solid 1px #eee;
  position: relative;
  background-color: var(--color-white);
}

.syncing::before {
  animation-name: sync;
  animation-duration: 2s;
  animation-iteration-count: 1;
  animation-timing-function: linear;
  content: '';
  width: 100%;
  position: absolute;
  float: left;
  height: 5%;
  top: 0;
  left: 0;
  opacity: 1;
}

.alert-container-info {
  position: fixed;
  padding: 0;
  bottom: 44px;
  right: -440px;
  width: 440px;
  list-style-type: none;
  white-space: pre-line;
}

.alert-container li>span.solve {
  display: block;
  text-align: right;
  width: 100%;
  text-decoration: underline;
}

.alert-container>span:not(.solve) {
  width: 50px;
  height: 50px;
  display: inline-block;
  background-image: var(--image-icon_warning);
  background-repeat: no-repeat;
  margin-right: -20px;
  margin-left: -8px;
  display: none;
}

.alert-container-3 span.alert-container-icon3 {
  display: inline-block;
  background-image: var(--image-icon_error);
}

.alert-container-2 span.alert-container-icon2 {
  display: inline-block;
}

.alert-container span.alert-container-icon1 {
  width: 50px;
  height: 50px;
  display: inline-block;
  background-image: var(--image-icon_info);
  background-repeat: no-repeat;
}


.alert-container-info .statut2 {
  padding: 8px 10px;
  padding-left: 40px;
  background-color: var(--color-white);
  margin-top: 10px;
  border-radius: 5px;
  border: solid 1px var(--color-warning);
  background-image: var(--image-icon_warning);
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: 10px min(10px, calc(50%));
  line-height: 18px;
}

.alert-container-info .statut3 {
  padding: 8px 10px;
  padding-left: 40px;
  background-color: var(--color-white);
  margin-top: 10px;
  border-radius: 5px;
  border: solid 1px var(--color-error);
  background-image: var(--image-icon_error);
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: 10px min(10px, calc(50%));

  line-height: 18px;
}

.alert-container-info .statut2:hover {
  color: var(--color-warning);
}

.alert-container-info .statut3:hover {
  color: var(--color-error);
}

.alert-container .alert-container-info {
  transition: 0.1s 0.5s;
}

.alert-container-info li>span>a {
  text-decoration: underline;
}

.alert-container-info li>span::before {
  content: ' - ';
}

.alert-container-info li span span {
  text-decoration: none;
  display: block;
  overflow: hidden;
  max-height: 0;
  transition: 0.5s;
  padding-top: 0px;
  opacity: 0;
}

.alert-container-info li span:hover span {
  max-height: 300px;
  padding-top: 6px;
  transition: max-height 0.5s 0s, padding-top 0.1s;
  opacity: 1;
}

.alert-container.hover .alert-container-info,
.alert-container:hover .alert-container-info {
  right: 10px;
  transition: 0.1s 0.2s;
}

#render_menu>*::after {
  margin-top: round(calc(-0.5 * var(--size)), 1px) !important;
  margin-left: calc(4px + var(--size)) !important;
  transform: translateY(round(-50%, 1px)) !important;
}

#render_menu a::after,
#render_menu span::after {
 
}

#render_menu._current_>a:hover::after,
#render_menu._current_>span:hover::after {
  display: block;
}

#render_menu>a,
#render_menu>span {
  opacity: 0.4;
}


#render_menu._current_>a,
#render_menu._current_>span {
  display: none !important;
  opacity: 1;
  transition: opacity 0.3s;
}

#render_menu._current_hide>a,
#render_menu._current_hide>span {
  opacity: 0 !important;
}


#render_menu._current_hide {
  pointer-events: none;
}

#render_menu._included_1>span.delete,
#render_menu._current_.debord_disabled>span.resizedebord,
#render_menu._current_.smart_disabled>span.smart,
#render_menu._current_.w_disabled>span.resizew,
#render_menu._current_.add_disabled>span.add,
#render_menu._current_.wp_disabled>span.resizewp,
#render_menu._current_.h_disabled>span.resizeh,
#render_menu._current_.d_disabled>span.resized,
#render_menu._current_.p_disabled>span.resizep 
 {
  opacity: 0.6;
}

#render_menu.add_disabled>span.add::before,
#render_menu.h_min.h_max span.resizeh::before,
#render_menu.p_min.p_max span.resizep::before,
#render_menu.d_min.d_max span.resized::before,
#render_menu.w_min.w_max span.resizew::before
  {
  pointer-events: none;
  }
  #render_menu.w_min.w_max span.resizew::after
    {
    content:'Largeur automatique';
    }

#render_menu.add_disabled span.add::after
    {
    content:'Niches indisponibles pour cette configuration';
    }
    

    #render_menu.other2_disabled span.other2 ,
    #render_menu.other_disabled span.other {
      opacity: 0.6;
    }

    #render_menu.other2_disabled span.other2::before ,
    #render_menu.other_disabled span.other::before {
     filter: var(--filter-grayscale) !important;
     pointer-events: none;
    }
    
#render_menu._included_1>span.delete::after {
  content: "Non supprimable" !important;
}

#render_menu.color1>span.color1,
#render_menu.color2>span.color2,
#render_menu.debord>span.resizedebord,
#render_menu.smart>span.smart,
#render_menu.zoom>span.zoom,
#render_menu.w>span.resizew,
#render_menu.wp>span.resizewp,
#render_menu.h>span.resizeh,
#render_menu.p>span.resizep,
#render_menu.d>span.resized,
#render_menu.other>span.other,
#render_menu.other2>span.other2,
#render_menu.delete>span.delete,
#render_menu.add>span.add,
#render_menu.screenshot>a.screenshot {
  display: block !important;
}

#caroussel {
  position: absolute;
  display: flex;
  display: none;
  flex-direction: row;

  bottom: 36px;
  left: 20px;
  right: 20px;
  justify-content: center;
  align-items: center;
}

.caroussel #caroussel {
  display: flex;
}

#caroussel>ul {
  background-color: var(--color-black-f);
  border-radius: 6px;
  overflow: auto;
  border: solid 5px var(--color-black-f);
  border-bottom: solid 3px var(--color-black-f);
  color: #fff;
  max-width: 80%;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: nowrap;
  list-style: none;
}

#caroussel>ul>li {
  width: 40px;
  height: 40px;
  background-color: red;
  border-radius: 3px;
  margin: 0 4px 2px 0;
  padding: 0;
  flex-shrink: 0;
}

#caroussel>ul>li:last-child {
  margin: 0 0 2px 0;
}

#render_menu.color1>span .color_caroussel,
#render_menu.color2>span .color_caroussel {
  position: absolute;
  height: var(--size);
  top: 0px;
  flex-direction: row;
  transform: translateX(calc(-50% + 14px));
  z-index: 1000;
  display: flex;
}

#render_menu.color1>span .color_caroussel span::before,
#render_menu.color2>span .color_caroussel span::before {
  width: calc(var(--size) - 10px);
  height: calc(var(--size) - 10px);
  content: "";
  background-color: var(--bg);
  background-image: var(--bgurl);
  background-size: 100%;
  background-position: center center;
  border: solid 5px var(--color-black-f);
  border-radius: 25px;
  display: block;
}

#render_menu.color1>span .color_caroussel span,
#render_menu.color2>span .color_caroussel span {
  width: var(--size);
  height: var(--size);
  background-color: var(--color-black-f);
  box-shadow-no: 0px 0px 1px var(--color-black-f);
  border: solid 1px var(--color-black-f);
  border-radius: 20px;
  margin: 2px 2px 0;
  cursor: pointer;
}

#render_menu._current_color1>span.color1,
#render_menu._current_color2>span.color2,
#render_menu._current_debord>span.resizedebord,
#render_menu._current_smart>span.smart,
#render_menu._current_w>span.resizew,
#render_menu._current_wp>span.resizewp,
#render_menu._current_h>span.resizeh,
#render_menu._current_p>span.resizep,
#render_menu._current_d>span.resized {
  opacity: 1;
}

#render_menu._current_debord>span.resizedebord::after,
#render_menu._current_smart>span.smart::after,
#render_menu._current_w>span.resizew::after,
#render_menu._current_wp>span.resizewp::after,
#render_menu._current_h>span.resizeh::after,
#render_menu._current_p>span.resizep::after,
#render_menu._current_d>span.resized::after {
  content: attr(data-altr2) !important;
  display: block;
  opacity: 1;
  zoom:1 !important;
}

#render_menu.color1._current_color1>span .color_caroussel,
#render_menu.color2._current_color2>span .color_caroussel {
  display: flex;
}


#render_menu {
  position: fixed;
  left: calc(var(--left-menu-add) + var(--x));
  top: calc(var(--position-scene) + var(--y));
  z-index: 6664;
  display: flex;
  flex-direction: column;
}

.noUtils #render_menu 
 {
  display: none;
 }

#render_menu:not(.repere) {
  transform: translate(round(-50%, 1px), round(-50%, 1px));
}

#render_menu .colors {
  border: none !important;
  margin: 2px 0 0;
  padding: 0;
  overflow-x: hidden;
  width: 32px;
  display: inline-block;
}

#render_menu .colors li {
  width: 14px;
  height: 14px;
  display: inline-block;
  border: solid 8px var(--color-black-f);
  background-color: #fff;
  border-radius: 20px;
  border-top: solid 9px var(--color-black-f);
}

._next_dims {
  position: fixed;
  left: var(--left-menu-add);
  top: var(--position-scene);
  z-index: 6662;
  display: flex;
  flex-direction: column;
  right: 0;
}

#renderer_hover {
  position: fixed;
  left: var(--left-menu-add);
  top: var(--position-scene);
  bottom: 0;
  right: 0;
  z-index: 6663;
  display: flex;
  flex-direction: column;
}

._next_dims>span {
  background-color: var(--color-black-f);
  position: absolute;
  top: var(--y);
  left: var(--x);
  color: var(--color-white);
  font-size: var(--textsize);
  padding: 0px 5px 0px;
  border-radius: 3px;
  transform: translate(round(-50%, 1px), round(-50%, 1px));
  white-space: nowrap;
  line-height: calc(100% + 3px);
  border: solid 1px var(--color-black-f);
}

._next_dims>span[data-text]:not([data-text=""])::before {
  display: inline-block;
  content: attr(data-text);
  padding: 0px 2px 0px 3px;
  margin: 0px 3px 0px -5px;
  background-repeat: no-repeat;
  background-position: 0 center;
  border-radius: 2px;
}

._next_dims>span[data-text2]:not([data-text2=""])::after {
  display: block;
  content: attr(data-text2);
  padding: 0px 3px 0px 3px;
  margin: 0px 6px 0px -5px;
  background-repeat: no-repeat;
  background-position: 0 center;
  border-radius: 2px;
  float: left;
}
._next_dims>span.aftercssgr1::after,
._next_dims>span.cssgr1::before {
  background-color: #004488;
}
._next_dims>span.aftercssgr2::after,
._next_dims>span.cssgr2::before {
  background-color: #942926;
}
._next_dims>span.aftercssgr3::after,
._next_dims>span.cssgr3::before {
  background-color: #1c6851;
}
._next_dims>span.aftercssgr4::after,
._next_dims>span.cssgr4::before {
  background-color: #613061;
}
._next_dims>span.aftercssgr5::after,
._next_dims>span.cssgr5::before {
  background-color: #628315;
}



._next_dims>span.css1::before {
  content: 'A';
  display: inline-block;
  background-color: var(--menu-color-auto);
  padding: 0px 2px 0px;
  margin: 0px 5px 0px -5px;
  background-repeat: no-repeat;
  background-position: 0 center;
  border-radius: 2px;
}

._next_dims>span.css2::before {
  content: '\00A0';
  display: inline-block;
  background-image: var(--image-icon_locked_white);
  background-color: var(--menu-color-blue);
  padding: 0px 2px 0px;
  width: 10px;
  height: 100%;
  margin: 0px 5px 0px -5px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: auto 230%;
  border-radius: 2px;
}

._next_dims>span.css101::before {
  /* ajout icone raidisseur */
  content: 'R';
  display: inline-block;
  background-color: #666;
  padding: 1px 4px 1px;
  margin: -1px 2px -1px -6px;
  background-repeat: no-repeat;
  background-position: 0 center;
  border-radius: 100px;
  font-size: calc(var(--textsize) - 1px);
  box-shadow-no: inset 0px 0px 0px 1px black;
}

._next_dims>span.pos__ {
  transform: translate(round(-100%, 1px), round(-50%, 1px));
}

._next_dims>span.pos {
  border-radius: 10px;
  font-size: calc(var(--textsize) - 1px);
}

.error .error_hide
  {
  display: none;
  }
.no_error .error_show
  {
  display: none;
  }

#render_menu.repere {
  --size: 28px !important;
  position: fixed;
  left: var(--left-menu-add);
  top: auto;
  bottom: 16px;
  opacity: 1;
  display: flex;
  flex-direction: row;
  transition: opacity 0.2s;
  right: 0;
  align-items: center;
  justify-content: center;
}
#render_menu.H
  {
    flex-direction:row;
    
  }

.context_add_element #render_menu {
  z-index: 6664;
  opacity: 0 !important;
}

#render_menu>a,
#render_menu>span {
  width: var(--size);
  height: var(--size);
  left: var(--x);
  top: var(--y);
  background-color: var(--color-black-f);
  box-shadow-no: 0px 0px 1px var(--color-black-f);
  border-radius: 20px;
  margin: 2px 2px 0;
  cursor: pointer;
  display: none;
}

#render_menu.repere>span.title {
  width: auto;
  height: auto;
  left: auto;
  top: auto;
  display: inline-block !important;
  color: white;
  font-size: var(--font-label);
  padding: 5px 16px 6px 34px;
  white-space: nowrap;
}

#render_menu.repere>span.title::before {
  content: "";
  width: 25px;
  display: inline-block;
  height: 25px;
  margin: -3px 0px -5px -28px;
  position: absolute;
  padding: 0;
  background-image: var(--icon);
  background-repeat: no-repeat;
  filter: var(--filter-white);
}

#render_menu.repere>a::after,
#render_menu.repere>span::after {
  margin: -60px 0 0 14px !important;
  transform: translate(round(-50%, 1px), 0) !important;
}



#render_menu>a::before,
#render_menu>span::before {
  width: inherit;
  height: inherit;
  content: "";
  background-image: var(--image-icon_resize_w);
  background-size: 100%;
  background-position: center center;
  filter: var(--filter-white);
  display: block;
}

#render_menu.wp_min>span.resizewp::before,
#render_menu.wp_max>span.resizewp::before,
#render_menu.w_min>span.resizew::before,
#render_menu.w_min>span.resizew::before,
#render_menu.w_max>span.resizew::before,
#render_menu.debord_min>span.resizedebord::before,
#render_menu.debord_max>span.resizedebord::before,
#render_menu.h_min>span.resizeh::before,
#render_menu.h_max>span.resizeh::before,
#render_menu.p_min>span.resizep::before,
#render_menu.p_max>span.resizep::before,
#render_menu.d_min>span.resized::before,
#render_menu.d_max>span.resized::before,
#render_menu.other>span.other::before,
#render_menu.other2>span.other2::before,
#render_menu.zoomout>span.zoomout::before,
#render_menu.screenshot>a.screenshot::before {
  filter: none;
}


.context_menuschema #render_menu,
.context_menuelement #render_menu {
  display: none;
}


#render_menu>span.other_split_v::before {
  background-image: var(--image-icon_split);

}
#render_menu>span.other_split_h::before {
  background-image: var(--image-icon_split);
  transform: rotate(90deg);
}
#render_menu>span.other_switch::before {
  background-image: var(--image-icon_switch);
}
#render_menu>span.other_switch2::before {
  background-image: var(--image-icon_switch);  
  transform: rotate(90deg);
}

#render_menu>span.zoom::before {
  background-image: var(--image-icon_zoomin);
}

#render_menu.zoomed>span.zoom::before {
  background-image: var(--image-icon_zoomout);
}

#render_menu.zoomed>span.zoom::after {
  content: attr(data-altr2) !important;
}

#render_menu>a.screenshot::before {
  background-image: var(--image-icon_screenshot);
}

#render_menu>span.resizeh::before {
  background-image: var(--image-icon_resize_h);
}

#render_menu>span.smart::before {
  background-image: var(--image-icon_smart2);
}

#render_menu>span.resizep::before,
#render_menu>span.resized::before {
  background-image: var(--image-icon_resize_p);
}

#render_menu>span.add::before {
  background-image: var(--image-icon_plus);
}

#render_menu>span.delete::before {
  background-image: var(--image-icon_delete);
}

#render_menu>span.edit::before {
  background-image: var(--image-icon_edit);
  filter: var(--filter-white);
}

#render_menu>span.color1::before,
#render_menu>span.color2::before {
  background-image: none;
  background-color: var(--bg);
  filter: none;
  margin: 5px ;
  width: calc(100% - 10px);
  height: calc(100% - 10px);
  border-radius: 100px;
  box-shadow:0px 0px 1px 2px rgba(255,255,255,0.4) inset;
}

#render_menu.h_min:not(.h_reverse)>span.resizeh::before,
#render_menu.h_max.h_reverse>span.resizeh::before,
#render_menu.debord_min:not(.debord_reverse)>span.resizedebord::before,
#render_menu.debord_max.debord_reverse>span.resizedebord::before,
#render_menu.p_min>span.resizep::before,
#render_menu.w_min>span.resizew::before,
#render_menu.wp_min:not(.wp_reverse)>span.resizewp::before,
#render_menu.wp_max.wp_reverse>span.resizewp::before,
#render_menu.other.other_reverse>span.other::before
{
  transform: rotate(180deg);
}

.hover .applyall {
  display: block;
  ;
}

.applyall {
  width: 100% !important;
  border-color: transparent !important;
  background-image: var(--image-fleche);
  background-repeat: no-repeat;
  background-position: 4px -2px;
  padding: 3px 5px 3px 30px !important;

}

._next_utils {
  /* position angle */
  position: fixed;
  left: var(--left-menu-add);
  top: var(--position-scene);
  padding: 8px;
  z-index: 7777;
  display: flex;
  flex-direction: column;
}
.noUtils  ._next_utils ,
.context_add_element  ._next_utils {

  }

._next_utils a {
  width: var(--size-menu);
  height: var(--size-menu);
  margin-bottom: 2px;
  border-radius: 2px;
  background-color: rgba(255, 255, 255, 0.2);
}


.red,
.red * {
  color: #990000 !important;
  border-color: #990000 !important;
}

._next_utils a.spacer {
  margin-bottom: 10px;
}

._next_utils a.disabled::before,
._next_utils a.show_cotes::before,
._next_utils a:not(.active):not(.undo):not(.redo):not(.play)::before {
  filter: var(--filter-grayscale);
  background-position: -28px 2px;
}

._next_utils a:not(.active) {
  background-color: rgba(255, 255, 255, 0.85);
}

._next_utils a:not(.active):hover,
._next_utils a.active {
  background-color: rgba(255, 255, 255, 1);

}

.defiweb  a.disabled ,
._next_utils a.disabled {

  pointer-events: none;
  opacity: 0.3;
}


._next_utils a::before {
  content: "";
  width: var(--size-menu2);
  height: var(--size-menu2);
  zoom:var(--size-menu_zoom);
  display: block;
  background-position: 2px 2px;
}

._next_utils a.undo::before {
  background-image: var(--image-icon_undo);
}

._next_utils a.redo::before {
  background-image: var(--image-icon_redo);
}

._next_utils a.troisD::before {
  background-image: var(--image-icon_3D);
}

._next_utils a.deuxD::before {
  background-image: var(--image-icon_2D);
}

._next_utils a.tech::before {
  background-image: var(--image-icon_tech);
}

._next_utils a.decos::before {
  background-image: var(--image-icon_decors);
}

body:not(.REPERE_CL):not(.REPERE_DR) ._next_utils a.doors
  {
  display: none;
  }

._next_utils a.doors::before {
  background-image: var(--image-icon_doors);
}

._next_utils a.cotes::before {
  background-image: var(--image-icon_cotes);
}


._next_utils a.positions::before {
  background-image: var(--image-icon_positions);
}

._next_utils a.play::before {
  background-image: var(--image-icon_play);
}

._next_utils a.doors.open::before {
  filter: none !important;
  background-position: 2px 2px !important;
}

._next_utils a.doors.close::before {
  filter: none !important;
}

._next_utils a.show_cotes1::before {
  filter: none !important;
  background-position: 2px 2px !important;
}

._next_utils a.show_cotes2::before {
  filter: none !important;
  background-position: -58px 2px !important;
}

.noDecos .decos,
.noCotes .cotes,
.noPositions .positions,
._next_utils a.disabled {
  filter: var(--filter-grayscale);
  pointer-events: none;
  opacity: 0.3;
}

/* -------------------------- TOOLBAR ---------------------------------- */
#_next_toolbar {
  position: fixed;
  width: var(--width-menu-left);
  top: var(--position-scene);
  bottom: 0;
  overflow: auto;
  overflow-y: scroll;
  background-color: var(--color-pricezone);
  border-right: solid 2px var(--color-gray-border);
  z-index: 7777;
  border-left: solid 2px var(--color-white);


}

#_next_mode_form {
  position: fixed;
  list-style-type: none;
  padding: 0;
  z-index: 7777;
  margin: 0 0 0 -2px;
  width: var(--width-menu-left-p2);
  background-color: var(--color-gray-dark);
  border-bottom: solid 4px var(--color-white);
}

._next_price_HIDE #_next_toolbar {
  overflow-y: auto;
  background-color: var(--color-white);
}

._next_price_HIDE #_next_mode_form {
  width: var(--width-menu-left-p1);
}

#_next_mode_form li {
  float: left;
  padding: 7px 20px 7px 20px;
}

#_next_mode_form li.price {
  background-color: var(--color-pricezone);
  color: var(--color-gray-pricezone);
  float: right;
  height: 34px;
  line-height: 34px;
  margin-right: -48px;
  padding: 0px;
  text-align: center;
  width: 46px;
}

._next_price_HIDE #_next_mode_form li.price {
  display: none;
}

#_next_mode_form li.active {
  background-color: var(--color-white);
  color: var(--color-black-f);
}

#_next_mode_form li.active a {
  color: var(--color-black-f);
}

#_next_mode_form li a {
  text-decoration: none;
  color: var(--color-gray-dark-font);
  font-size: var(--font-medium);
}

#_next_form_elements {
  bottom: 0;
  font-size: var(--font-label);
  width: var(--width-menu-left-p1);
  padding: 2px 0 26px 0;

  display: flex;
  flex-direction: column;
  position: relative;

}


#_next_form_elements.level_smart ._next_level,
#_next_form_elements.level_smart ._next_level2,
#_next_form_elements:not(.level_smart) ._next_level0,
#_next_form_elements:not(.level_admin) ._next_level2 {
  display: none !important;
}

nav *[data-altr]:not(.disabled)::after {
  transform: translate(0, 25px);
}

#filler {
  position: fixed;
  top: 0;
  z-index: -2;
  background-color: var(--color-white);
  border-right: var(--border-pricezone);
  height: 100%;
  width: var(--width-menu-left-p2);
  left: 0px;
}

/* mobile */


._next_price_HIDE #filler {
  display: none;
}

#_next_form_elements div._next_childrens>div._next_form>div._next_childrens_forms {
  padding: 0 0 0 var(--padding-options);
}

#_next_form_elements div._next_childrens>div._next_form>div>div._next_children_forms>div,
#_next_form_elements div._next_childrens>div._next_form>div,
#_next_form_elements>div {
  display: grid;
  grid-column-gap: 0px;
  grid-template-areas: "title form btn price";
  grid-template-columns: 1fr var(--width-menu-form) 30px var(--width-price);
  grid-template-rows: auto 1fr;
}
#_next_form_elements div._next_childrens>div._next_form>div>div._next_children_forms>div._next_input_title
  {
  display: none;
  }
#_next_form_elements>div._next_input_title {
  grid-template-areas: "form form btn price";
}


#_next_form_elements div._next_childrens>div._next_form>div.noTitle {
  grid-template-areas: "form form btn price";
  padding-left: 10px;
}

#_next_form_elements div.noTitle ._next_title,
#_next_form_elements div._next_childrens>div._next_form>div.noTitle ._next_title {
  display: none;
}

#_next_form_elements>div.noTitle {
  grid-template-columns: 10px 1fr 30px var(--width-price) !important;
}
#_next_form_elements>div.noTitle.noReset {
  grid-template-columns: 10px 1fr 10px var(--width-price) !important;
}

#_next_form_elements div._next_message {
  grid-template-areas: "form form form form" !important;

}

#_next_form_elements div._next_message,
#_next_form_elements>div._next_group {
  margin-right: var(--width-price);
  margin-top: 0 !important;

}
#_next_form_elements div._next_message>div>img
  {
    width: calc(100% + 14px);
    margin: 5px -7px -7px -7px;
    border-radius: 3px;
    max-height: 0;
    transition: max-height 0s;
   position: fixed; 
    object-fit: cover;
    z-index: 10000;
    }
#_next_form_elements div._next_message:hover>div>img
  {
    max-height: 1000px;
    transition: max-height 1s;
    pointer-events: none;
  }


#_next_form_elements>div._next_group>div>div {
  margin-right: calc(var(--width-price) * -1 - 5px);
}


#_next_form_elements div._next_message>div,
#_next_form_elements>div._next_group>div {
  grid-area: form;
  border: solid 1px #eee;
  background-color: var(--color-gray-normal);
  margin: 5px 5px 5px 5px;
  padding: 0px 0px 0px;
  border-radius: 3px;
  z-index: 0;
}


#_next_form_elements>div._next_tab {
  position: sticky;
  top: 0px;
  grid-template-areas: "title form form price" !important;
  margin: 5px 0 10px !important;
  z-index: 9999;

}

#_next_form_elements>div._next_tab.noTitle {
  grid-template-areas: "form form form price" !important;

}

#_next_form_elements>div._next_tab>div.info {
  grid-area: title;
  border-bottom: solid 1px #e8e8e8;
  padding: 11px 8px 7px 0px;
  text-align: right;
  z-index: 9999;
  white-space: nowrap;
  text-overflow: clip;
  display: block;
  width: calc(100% - 8px);
  position: absolute;
  overflow: hidden;
  background: linear-gradient(#FFF 0%, #FAFAFA 100%);
}

#_next_form_elements>div._next_tab.noTitle>div.info {
  display: none;
}

#_next_form_elements>div._next_tab>div:not(.info) {
  border-bottom: solid 1px #e8e8e8;
  grid-area: form;
  padding: 4px 0 0px 0;
  z-index: 9999;
  display: flex;
  flex-direction: row;
  margin-right: 2px;
  background: linear-gradient(#FFF 0%, #FAFAFA 100%);
}

#_next_form_elements>div._next_tab>div:not(.info)>div {
  margin: 0 1px;
  background: none;
  /* background-size: 26px auto; */
  padding: 7px 13px 7px 12px;
  z-index: 0;
  float: left;
  white-space: nowrap;
}

#_next_form_elements>div._next_tab.noTitle>div:not(.info) {
  padding-left: 10px;
}

#_next_form_elements>div._next_tab>div:not(.info)>div.current {

  background-color: #FFF;
  border-left: solid 1px #d8d8d8;
  border-right: solid 1px #d8d8d8;
  border-top: solid 1px #ccc;
  border-bottom: solid 1px #FFF;
  border-radius: 4px 4px 0px 0px;
  margin: -1px 0;
  box-shadow-no: 0px -3px 0px -1px #f2f2f2;
}

#_next_form_elements>div._next_tab.radio_tab>div:not(.info)>div {

  background: var(--image-radio2) transparent no-repeat 2px -29px;
  padding: 7px 12px 7px 32px;
}

#_next_form_elements>div._next_tab.radio_tab>div:not(.info)>div.current {
  background-color: #FFF;
  background-position: 2px 1px;
}
#_next_form_elements>div._next_tab.small>div:not(.info)::before
  {
    content: '';
    width: 24px;
    height: 20px;
    background: var(--image-icon_cotes) transparent no-repeat 3px 3px;
    background-size: auto 17px;
    margin-left: -24px;

  } 
#_next_form_elements>div._next_tab.small>div.info
  {
  padding: 6px 8px 2px 0px;
  border-bottom: solid 1px transparent;
  background: none;
  display: none;
  } 
  #_next_form_elements>div._next_tab.small
    {
      position: static;
      margin: -5px 0 0 0 !important;
      z-index: 0;
  
    } 
#_next_form_elements>div._next_tab.small>div:not(.info)>div
  {
    padding: 2px 6px 3px;  
  }
/* 

#_next_form_elements>div._next_tab>div {
  grid-area: form;
  border-bottom: solid 1px #eee;
  background: linear-gradient(#FFF 0%, #FAFAFA 100%);
  margin: 10px 0 10px;
  padding: 0 0 0 6px;
  z-index: 0;
}

#_next_form_elements>div._next_tab>div>div {
  margin: 0 1px;
  background: var(--image-radio2) transparent no-repeat 3px -30px ;
  padding: 6px 20px 6px 34px;
  z-index: 0;
  float: left;
}

#_next_form_elements>div._next_tab>div>div.info {

  background:none;
  padding: 6px 18px;

}

#_next_form_elements>div._next_tab>div>div.current {

  background-color: #FFF ;
  background-position: 3px 0 ;
  border-left: solid 1px #e8e8e8;
  border-right: solid 1px #e8e8e8;
  border-top: solid 1px #ddd;
  border-bottom: solid 1px #FFF;
  border-radius: 3px 3px 0px 0px;
  margin: -1px 0px -1px ;

} */

#_next_form_elements div._next_message>div {
  padding: 5px 8px;
}


#_next_form_elements>div._next_schema {
  grid-template-areas: "title title title price" "form form form price";
}

#_next_form_elements>div._next_schema ._next_title {
  text-align: center;
  background-color: #f5f5f5;
  padding: 5px;
  clear: both;
}

#_next_form_elements>div._next_input_title>div:first-child {
  grid-area: form;
  padding: 0;
  line-height: 30px;
  margin: 0;
  display: flex;
  flex-direction: row;
}

#_next_form_elements>div._next_input_title div div {
  padding: 0px 6px 0px 36px;
  background-repeat: no-repeat;
  cursor: pointer;
  line-height: 30px;
  margin: 0;
  white-space: nowrap;
}

#_next_form_elements>div._next_input_title div div:not(:first-child)::before {
  background-image: var(--image-fleche);
  margin-left: -28px !important;
}
#_next_form_elements>div._next_input_title div div:not(:first-child)
  {
    padding-left: 24px !important;
  }


#_next_form_elements>div._next_input_title div div::before {
  margin-top: 0;
}

#_next_form_elements>div._next_title {
  grid-template-areas: "title title btn price";
}

._next_price_HIDE #_next_form_elements div._next_childrens>div._next_form>div>div._next_children_forms>div,
._next_price_HIDE #_next_form_elements div._next_childrens>div._next_form>div,
._next_price_HIDE #_next_form_elements>div {
  grid-template-columns: 1fr var(--width-menu-form-hide) 30px 2px;
}

#_next_form_elements div._next_childrens>div._next_form>div>div._next_children_forms {
  grid-area: form;
  border-left: dotted 2px var(--color-gray-normal);
  padding-left: 5px;
}

#_next_form_elements div._next_childrens>div._next_form>div>div._next_children_forms>div._next_childrens,
#_next_form_elements div._next_childrens>div._next_form>div._next_children,
#_next_form_elements div._next_childrens {
  display: grid;
  grid-template-areas: "title title btn price" "list list list price" "form form form form";
  grid-template-columns: 1fr var(--width-menu-form) 30px var(--width-price);
  grid-template-rows: auto 1fr;

}


#_next_form_elements div._next_childrens>div._next_form>div._next_children.active {
  display: grid;
}

._next_price_HIDE #_next_form_elements div._next_childrens>div._next_form>div>div._next_children_forms>div._next_childrens,
._next_price_HIDE #_next_form_elements div._next_childrens>div._next_form>div._next_children,
._next_price_HIDE #_next_form_elements div._next_childrens {
  grid-template-columns: 1fr var(--width-menu-form-hide) 30px 2px;

}


#_next_form_elements div._next_childrens div._next_children_title {
  /*background-color: var(--color-gray-claire);*/
  grid-area: title;
  padding: 0px 0 0px 30px;
  background-image: var(--image-fleche);
  background-repeat: no-repeat;
  cursor: pointer;
  line-height: 30px;
  margin: 0;
}

#_next_form_elements div._next_childrens.list div._next_children_title {
  padding: 0px 0 0px 0px;
  background-image: none;
}


#_next_form_elements div._next_childrens.list div._next_children_title::before {
  content: "";
  display: block;
  width: 30px;
  height: 30px;
  background-size: 26px;
  background-position: 2px 2px;
  float: left;
}

#_next_form_elements div._next_childrens.list div._next_children:hover>div._next_children_title {
  background-color: var(--color-gray-claire)
}

#_next_form_elements div._next_childrens.list div._next_children:hover>._next_bouton {
  background-color: var(--color-gray-claire)
}

#_next_form_elements div._next_message.grey>div,
#_next_form_elements div._next_childrens>div._next_title {
  background-color: var(--color-gray-normal);
  padding: 0px 0px 0px 8px;
  line-height: 32px;
  margin: 10px 0 4px;  
  border: none;
  border-radius: 0;
  text-align: left;
}

._next_title {
  grid-area: title;
  text-align: right;
  margin: 7px 8px 5px 0;
  overflow-x: hidden;
  white-space: nowrap;
}

.icon.statut3 ._next_title::before,
.icon.statut2 ._next_title::before {
  content: '';
  color: white;
  display: inline-block;
  text-align: center;
  height: 16px;
  width: 16px;
  line-height: 16px;
  font-size: 12px;
  margin: -2px 4px;
  background-image: var(--image-icon_warning);
  background-size: cover;
  animation: blinkersoft 1.4s   linear infinite;
}
._next_form {
  grid-area: form;
  padding: 5px 0 0;
}

._next_childrens>._next_form {
  margin: 0;
}
.context_cout #endProjet {
  background-color: var(--menu-color-blue);
  color: var(--color-white);
}
.context_cout #endProjet ._next_menu_bouton,
.context_cout #endProjet ._next_menu_bouton:hover {
  background-color: transparent !important;
}
#endProjet
  {
  padding: 6px 3px;
  }
._next_menu_bouton {
white-space: nowrap;
width: auto;
background-color: var(--menu-color-blue);
color: var(--color-white);
border-radius: 2px;
padding: 3px 8px 4px 34px !important;
}
._next_menu_bouton::after {
  content:'Finaliser';
}
._next_menu_bouton:hover {
    background-color: var(--menu-color-blue-repere) !important;
    color: var(--color-white);
    box-shadow: 0px 0px 3px 0px var(--menu-color-blue-repere);
}
._next_menu_bouton::before {
  filter: var(--filter-white);
  background-size: 24px;
  background-position: center center;
}
._next_price_HIDE ._next_menu_bouton { display:none; } 
._next_bouton {
  grid-area: btn;
  max-height: 35px;
}

div._next_children>._next_bouton {
  height: 28px;
  padding: 2px 0;
  /*  background-color: var(--color-gray-claire);*/
}

div._next_childrens>._next_bouton {
  height: 28px;
  padding: 2px 0;
  background-color: var(--color-gray-normal);
  margin: 10px 0 0;
}

ul._next_childrens_list {
  grid-area: list;
  position: relative;
  list-style-type: none;
  margin: -4px 0 0 0;
  padding: 0;
  background-color: var(--color-gray-claire);
  height: 28px;
  overflow: hidden;
  white-space: nowrap;
  display: flex;
  flex-grow: 1;
  box-shadow-no: inset 0px -31px 0px -30px var(--color-gray-border);
}

ul._next_childrens_list:hover {
  overflow-x: auto;
}

ul._next_childrens_list:has(> li._next_add:hover) {
  overflow-x: hidden !important;
}

ul._next_childrens_list li {
  display: inline;
  text-decoration: none;
  padding: 4px 10px 4px;
  height: 20px;
  border-right: solid 1px var(--color-gray-border);
  margin: 0;
  margin-right: -1px;
}


ul._next_childrens_list li._next_add {
  position: sticky;
  padding: 0px 2px;
  right: 0;
  border-right: 0;
  background-color: var(--color-gray-normal);
  height: 28px;
}

ul._next_childrens_list li._next_add:hover {
  background-color: var(--color-white);
}

ul._next_childrens_list li.dragged {
  margin-right: 0;
  border-right: 0;
  background-color: var(--menu-color-selection) !important;
  ;
  color: var(--color-white)
}

ul._next_childrens_list li.subactive {
  background-color: var(--menu-color-blue-repere);
  color: var(--color-white)
}


ul._next_childrens_list li.active {
  position: relative;
  background-color: var(--menu-color-blue);
  color: var(--color-white);
  margin-right: 0;
  border-right: 0;
}

ul._next_childrens_list li.active::after {
  content: "";
  position: absolute;
  margin-top: 18px;
  border-bottom: solid 10px var(--color-white);
  border-right: solid 10px transparent;
  border-left: solid 10px transparent;
  left: 50%;
  margin-left: -11px;
}

._next_price {
  grid-area: price;
  text-align: center;
  color: var(--color-gray-pricezone);
  line-height: 1em;
  white-space: nowrap;
  padding-top: 0.9em;
  font-size: 0.9em;
  overflow: hidden;
}


.perso {
  font-weight: bold;
  color: #CC0000;
}

.form_disabled {
  pointer-events: none;
  opacity: 0.3 !important;
}

div._next_price.perso:empty::after {
  content: "0 €";
}

._next_price:not(:empty)::after {
  content: " €";
}

div._next_childrens:not(.list) div._next_children div._next_price:not(:empty)::before {
  content: "(";
}

div._next_childrens:not(.list) div._next_children div._next_price:not(:empty)::after {
  content: " €)";
}

div._next_price_info:not(:empty)::before {
  content: "(";
}

div._next_price_info:not(:empty)::after {
  content: " €)";
}

._next_price_HIDE ._next_price {
  display: none;
}

._next_bouton.disabled {
  cursor: default;
}

._next_bouton.disabled::before {
  filter: var(--filter-grayscale) !important;
  opacity: 0.1 !important;
}

.noReset ._next_reset:before,
.noAdd ._next_add:before,
.noDelete ._next_delete:before,
._next_add.disabled::before,
._next_delete.disabled::before {
  display: none;
}

.noAdd ._next_add,
.noDelete ._next_delete,
.noReset ._next_reset {
  pointer-events: none;
}

._next_add::before {
  background-image: var(--image-icon_addsmall);
}

._next_reset::before {
  background-image: var(--image-icon_reset);
  opacity: 0.8;
  height: 28px;
  margin-top: 2px;
}

._next_open::before {
  background-image: var(--image-icon_open);
}

._next_delete::before {
  background-image: var(--image-icon_delete);
  opacity: 0.5;
  height: 28px;
}
._next_input_title ._next_delete::before {
  margin-top: 2px;
}
._next_bouton:hover::before {
  filter: none;
  opacity: 1;
}

._next_delete:hover::before {
  filter: var(--filter-red);
}

._next_slide,
._next_select,
._next_input,
._next_selector,
._next_checkbox,
._next_text_info {
  margin: 0px 0px;
}

._next_schema ._next_form span {
  width: calc(33.3% - 15px);
  text-decoration: none;
  border: solid 2px var(--color-gray-dark-font);
  border-radius: 4px;
  padding: 1px;
  box-sizing: border-box;
  background-color: white;
  display: block;
  float: left;
  margin-bottom: 10px;
  margin-left: 10px;
  height: 100px;
  text-align: center;
  position: relative;
}

._next_selector .preview {
  padding: 3px 0px 8px 8px;
}

._next_selector .preview>span:not([data-altc]) {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
._next_selector.count_1:not(.unlock) ._next_form
  {
  pointer-events: none;
  }

  ._next_selector.count_1 .preview>span:not([data-altc])::before
  {
    /*
    content: '';
    position: absolute;
    width: 14px;
    height: 17px;
    background-image: var(--image-icon_locked_white2);
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 2px;
    background-size: 200%;
    margin: 4px 0px 0px -22px;
    background-position: center;*/
    content: '';
    position: absolute;
    width: 25px;
    height: 25px;
    background-image: var(--image-icon_locked_white2);
    background-color: rgba(0, 0, 0, 0.3);
    border-radius: 3px;
    background-size: 150%;
    margin: -4px 0px 0px -33px;
    background-position: center;
  }

._next_selector .preview>span[data-altc] {
  display: inline-block;
  margin-left: 10px;
  margin-top: -1px;
  width: 1px;
  padding: 0 12px;
  height: 25px;
  background-image: var(--image-icon_edit);
  background-size: 22px 22px;
  position: absolute;
  filter: var(--filter-grayscale);
}

._next_selector .preview>span[data-altc]:hover {
  background-color: var(--color-gray-claire);
  border-radius: 15px;
}

._next_selector.noEdit .preview>span[data-altc] {
  display: none;
}

._next_selector.noEdit label {
  pointer-events: none;
}

._next_selector>div:not(.hover) label.checkboxreverse>span,
._next_selector>div:not(.hover) label.checkboxreverse>input,
._next_selector>div.hover .preview.checkboxreverse,
._next_selector .preview:not(.checkboxreverse) {
  display: none;
}

._next_selector .preview::before {
  content: "";
  position: relative;
  display: block;
  width: 13px;
  height: 13px;
  background-color: var(--bg);
  border: solid 2px rgba(0, 0, 0, 0.25);
  border-radius: 3px;
  float: left;
  margin-right: 8px;
}

._next_selector.big {
  margin: 2px 0 0px;
}

._next_selector.big .preview::before {
  
  width: 22px;
  height: 22px;
  margin-top: -5px;
  background-image: var(--bgurl);
  background-size: contain;
  background-repeat: no-repeat;
  border: 0;
  box-shadow-no: inset 0px 0px 0px 2px rgba(0, 0, 0, 0.2);   
  border: solid 2px rgba(0, 0, 0, 0.2);

}

._next_selector.big .checkbox {
  overflow: visible !important;
}

._next_slide ._input_slide {
  display: grid;
  grid-template-areas: "slide slide input";
  grid-template-columns: 18px 1fr 80px;
  grid-template-rows: 1fr;
  grid-column-gap: 5px;
  grid-row-gap: 0px;
}

._next_slide.activable ._input_slide {
  grid-template-areas: "checkbox slide input";
}

._next_slide.activable ._next_slide_checkbox {
  grid-area: checkbox;
  margin-right: -4px;
  display: block;
  padding-top: 1px;
  position: relative;
  background: var(--image-checkbox2) transparent no-repeat -7px -35px
}

._next_slide.activable.active ._next_slide_checkbox {
  background: var(--image-checkbox2) transparent no-repeat -7px -5px
}

._next_slide.activable:not(.active) ._next_input_box,
._next_slide.activable:not(.active) ._next_slide_list_span {
  opacity: 0.3;
  pointer-events: none;
}


._next_slide_list_span {
  grid-area: slide;
  display: block;
  padding-top: 1px;
  position: relative;
}

._next_slide_list_span>span:first-child {
  display: block;
  position: relative;
  margin-right: 11px;
  margin-left: 3px;
}

._next_slide_list_span .backline,
._next_slide_list_span .line {
  width: 100%;
  height: 4px;
  display: block;
  position: absolute;
  background-color: var(--color-black-f);
  margin: 8.5px 5px 8px;
  z-index: -1;
}

._next_slide_list_span.locked .line {
  display: none;
}

._next_slide_list_span .backline {
  background-color: var(--color-gray-deleted);
}

._next_slide_list_span.locked::before,
._next_slide_list_span.statut3::before {
  content: "";
  width: 100%;
  padding-right: 100px;
  /* zone input aussi bloqué */
  height: 25px;
  position: absolute;
  z-index: 9990;
}

._next_slide_list_span .round {
  width: 8px;
  height: 8px;
  display: block;
  position: absolute;
  border-radius: 10px;
  background-color: var(--color-black-f);
  margin-top: 6.5px;
  z-index: 1;
}

._next_slide_list_span .round.disabled {
  background-color: var(--color-gray-deleted);
  z-index: -1;
}

._next_slide_list_span .info {
  --info-color: var(--color-black-f);
  position: absolute;
  background-color: var(--info-color);
  border-radius: 5px;
  padding: 1px 5px 2px;
  transform: translate(calc(round(-50%, 1px) + 4px), round(calc(-100%), 1px));
  font-size: var(--font-xs);
  font-weight: bold;
  color: var(--color-white);
  z-index: 99998 !important;
  border: solid 2px var(--color-white);
  opacity: 0;
  transition: opacity 0.2s 0.1s, margin-top 0.2s 0.1s, left 0s 1s, margin-left 0s 1s;
  margin-top: 8px;
  left: -10000px;
}

._next_slide_list_span .info::before {
  position: absolute;
  content: "";
  width: 0px;
  height: 0px;
  border-top: solid 5px var(--info-color);
  border-left: solid 5px transparent;
  border-right: solid 5px transparent;
  margin-top: 16px;
  margin-left: calc(50% - 10px);
  /* 11px = padding + with/2 */
}

._next_slide_list_span .info.disabled {
  --info-color: #ddd;
  z-index: 99990 !important;
}

._next_slide_list_span:has(:active):has(:hover) .info {
  opacity: 0.95;
  transition: opacity 0.2s 0.2s, margin-top 0.4s 0.0s, left 0s, margin-left 0s 0s;
  margin-top: 0px;
  max-height: 100px;
  left: 0px;
}

._input_slide input[type="range"] {
  grid-area: 1 / 2 / 2 / 3;
  background-color: transparent;
  margin-left: 0;
  margin-right: 0;
  margin-top: 8.5px;
  position: relative;
  z-index: 5;
}

._input_slide input[type="range"]:hover {
  position: relative;
  z-index: 99999 !important;
}

._input_slide :not(.locked) input[type="range"] {
  cursor: pointer;
}

._next_slide_style_perso::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  border: none;
  background: var(--menu-color-blue);
  cursor: pointer;
}

._next_slide_style_perso.statut3::-webkit-slider-thumb {
  background: var(--color-error);
}

._next_slide_style_perso.statut2::-webkit-slider-thumb {
  background: var(--color-warning);
}

._next_slide_style_perso::-moz-range-thumb {
  width: 14px;
  height: 14px;
  border: none;
  background: var(--menu-color-blue);
  cursor: pointer;
}

._next_input_box {
  grid-area: input;
  display: flex;
  min-height: 21px;
}

._next_input_box.multi {
  display: flex;
  height: 200px;
  position: relative;
}


._next_input_box.statut-1 ._next_message,
._next_input_box.statut1 ._next_message {

  padding: 1px 15px 1px 0px;
  background-image: var(--image-icon_input_auto);
  background-repeat: no-repeat;
  background-position: 0 center;
  color: var(--color-white);
  background-color: var(--menu-color-auto);
  border-radius: 4px;
}

._next_input_box.statut2 ._next_message {
  padding: 1px 6px 1px 15px;
  background-image: var(--image-icon_input_warning);
  background-repeat: no-repeat;
  background-position: 0 center;
  color: var(--color-white);
  background-color: var(--color-warning);
  border-radius: 4px;
}

._next_input_box.statut-1 ._next_message {
  padding: 1px 6px 1px 15px;

}

._next_input_box.statut3 ._next_message {
  padding-left: 18px;
  background-image: var(--image-icon_input_error);
  background-color: var(--color-error);
  background-repeat: no-repeat;
  background-position: 0 center;
  border-radius: 4px 0px 0px 4px;
}

.statut2:has(*:focus) ._next_message,
.statut1:has(*:focus) ._next_message {
  display: none !important;
}

._next_checkbox>div>._next_input_box.statut2>._next_message {
  padding: 0 8px 0 7px;
  background-image: var(--image-icon_input_warning);
  background-repeat: no-repeat;
  background-position: 0 center;
  color: var(--color-white);
  background-color: var(--color-warning);
  border-radius: 4px;
}

._next_checkbox ._next_real_form>label {
  padding-top: 1px;
  display: block;
  overflow: hidden;
  width: 100%;
}

._next_checkbox ._next_real_form>label>span {
  display: block;
  padding-left: 25px;
  padding-bottom: 8px;
  padding-top: 0.2em;
  line-height: 0.95em;
}

._next_checkbox ._next_real_form>label>input {
  float: left;
  margin-top: -1px;
  margin-bottom: 0;
}

._next_input_box ._next_real_form {
  flex: auto;
  position: relative;
}

._next_input:not(.icon) ._next_input_box.statut3 ._next_real_form select,
._next_input:not(.icon) ._next_input_box.statut3 ._next_real_form .input,
._next_input:not(.icon) ._next_input_box.statut3 ._next_real_form input {
  color: var(--color-white);
  background-color: var(--color-error);
  border-radius: 0px 4px 4px 0px;
}

._next_input_box.statut3 ._next_real_form select option:disabled {
  color: var(--color-error);
  background-color: var(--color-gray-dark);
}

._next_input_box.statut-1 .input,
._next_input_box.statut2 .input {
  text-decoration: line-through;
}
.noAuto ._next_input_box.statut-1 .input {
  text-decoration: none;
}

._next_input_box.statut-1 select,
._next_input_box.statut2 select {
  text-decoration: line-through;
}

._next_input_box.statut-1 .input:hover,
._next_input_box.statut-1 .input:focus,
._next_input_box.statut2 .input:hover,
._next_input_box.statut2 .input:focus {
  text-decoration: none;
}

._next_selector.noAuto label {
  display: none;
}

.noAuto ._next_message,
.noAuto ._next_message {
  display: none !important;
}

._next_textarea textarea {
  width: 83%;
  height: 250px;
  border: 0;
  background: url('../images/textarea.gif') var(--color-gray-claire) no-repeat left top;
  padding-left: 17%;
  font-family: "Cascadia Code";
  padding-top: 4px;
  line-height: 16.9px;
  background-attachment: local;
  white-space: nowrap;
}

._next_selector>._next_form {
  margin-right: -5px;
  z-index: 0;
  overflow:hidden;
}

._next_selector>._next_form>a {
  width: calc(33.3% - 5px);
  text-decoration: none;
  border: solid 2px var(--color-gray-dark-font);
  border-radius: 4px;
  padding: 1px;
  box-sizing: border-box;
  background-color: white;
  display: block;
  float: left;
  margin-bottom: 5px;
  margin-right: 5px;
  height: auto;
  position: relative;
  max-width: 80px;
}

._next_selector>._next_form>a:not(.selected):hover {
  border: solid 2px rgba(0, 0, 0, 0.4) !important;
}

._next_selector>._next_form>a img {
  border-radius: 2px;
  width: 100%;
  position: relative;
  padding: 0;
  margin: 0 0 -3px;
}
._next_selector.mirror_x >._next_form>a img
  {
  transform: scale(-1,1);
  }
._next_selector.mirror_y >._next_form>a img
    {
    transform: scale(1,-1);
    }
._next_selector.TextBottom>._next_form>a img {
  margin-bottom: 1.9em; 
}
._next_selector.XL>._next_form>a {
  width: calc(50% - 5px);
  max-width:90px;
}

._next_price_HIDE ._next_selector.XS>._next_form>a {
  min-width: 25px;
  width: calc(16.66666% - 5px);
  max-width: 40px;
}

._next_price_HIDE ._next_selector.S>._next_form>a,
._next_selector.XS>._next_form>a {
  min-width: 35px;
  width: calc(20% - 5px);
  max-width: 50px;
}


.help::before {
  content: '?';
  padding: 0 5px;
  color: #fff;
}

.help:hover::after {
  margin-left: round(-50%, 1px);
  opacity: 1;
  transition: opacity 0.2s 0.3s, margin-left 0s 0s;
}

.help::after {
  content: attr(data-info);
  padding: 2px 8px 3px;
  border: solid 1px #000;
  color: #fff;
  display: inline-block;
  position: absolute;
  background-color: #000;
  border-radius: 3px;
  font-size: 12px;
  line-height: 13px;
  white-space: normal;
  text-align: center;
  width: 250px;
  margin-left: -50000px;
  opacity: 0;
  transform: translate(13px, round(calc(-50% + 6px), 1px));
  transition: opacity 0.2s 0.2s, margin-left 0s 0.5s;
}

.help {
  text-align: left;
  margin: 0 0px;
  position: relative;
  display: inline-block;
  font-size: 12px;
  border-radius: 10px;
  opacity: 1 !important;
  background-color: rgb(200, 200, 200);
}

._next_price_HIDE ._next_selector.L>._next_form>a,
._next_selector.M>._next_form>a {
  min-width: 45px;
  width: calc(33.3333% - 5px);
  max-width: 85px;
}

._next_selector.L>._next_form>a {
  min-width: 80px;
  width: calc(50% - 5px);
  max-width: 120px;
}

._next_price_HIDE ._next_selector.M>._next_form>a,
._next_selector.S>._next_form>a{
  min-width: 40px;
  width: calc(25% - 5px) ;
  max-width: 60px;
}
._next_selector.noTitle.M>._next_form>a {
  min-width: 40px;
  width: calc(25% - 5px) ;
}
/* 
._next_selector>._next_form>a.statut1::after {
  content: "AUTO";
  position: absolute;
  display: block;
  background-color: var(--color-gray-selector);
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  width: 100%;
  padding: 1px 1px;
  text-align: center;
  height: 16px;
  margin-top: -15px;
  margin-left: -2px;
  font-size: 11px;
  color: white;
} 
._next_selector.XS>._next_form>a.statut1::after {
  padding: 0px 1px;
  height: 13px;
  line-height: 12px;
  font-size: 10px;
  margin-top: -10px;
}

._next_selector.S>._next_form>a.statut1::after {
  padding: 0px 1px;
  height: 14px;
  line-height: 14px;
  font-size: 10px;
  margin-top: -12px;
}
*/
.noAuto .auto:not(.selected)::after {
  display: none !important;
}

._next_selector:not(.noAuto)>._next_form>a.auto::after {
  content: "";
  position: absolute;
  display: block;
  z-index: 9999;
  background: var(--image-icon_input_auto) transparent no-repeat center center;
  right: 0;
  height: 21px;
  width: 15px;
  margin-top: -18px;
  margin-right: -2px;
  border-top-left-radius: 5px;
  border-bottom-right-radius: 4px;
}

._next_selector.XS:not(.noAuto)>._next_form>a.auto::after {
  height: 16px;
  width: 11px;
  margin-top: -13px;
}

._next_selector.S:not(.noAuto)>._next_form>a.auto::after {
  height: 18px;
  width: 13px;
  margin-top: -15px;
}


._next_selector>._next_form span.data-info {
  position: absolute;
  display: block;
  z-index: 8900;
  border-right: solid 2px rgba(0, 0, 0, 0);
  border-left: solid 2px rgba(0, 0, 0, 0);
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  padding: 5px 0px 5px;
  margin: calc(-50% + 2px) -2px 0 -2px;
  text-align: center;
  font-size: 11px;
  color: white;
  content: attr(data-info) !important;
  overflow: hidden;
  width: calc(100% - 2px);
  line-height: 0.9;
  transform: translateY(calc(round(-50%, 1px) - 2px));
  text-shadow: 1px 1px 1px black, 0px 0px 2px black, 0px 0px 2px black, 0px 0px 2px black;

}



a[data-price]::before{
  margin: -3px -4px -25px;
  /* float: right; */
  background: #eee;
  font-size: 1em;
  font-style: italic;
  padding: 3px 8px 4px;
  border-top-right-radius: 4px;
  border-bottom-left-radius: 4px;
  position: relative;
  /* transform: translateX(-100%); */
  overflow: visible;
  margin-left: calc(70% - 16px);
  text-align: right;
}

[data-price]::before{
  content: attr(data-price) "€"; 
}
[data-price=""]::before,
[data-price="0"]::before {
  display: none;
}
._next_selector>._next_form>a:hover span.data-info {
  text-shadow: 1px 1px 1px black, 0px 0px 2px black, 0px 0px 2px black, 0px 0px 2px black, 0px 0px 3px black;
}

._next_selector.XS>._next_form span.data-info {
  padding: 0.5px 0px 1.5px;
  font-size: calc(var(--font-tiny) - 2px);
}

._next_selector.S>._next_form span.data-info {
  font-size: calc(var(--font-tiny) - 1px);
}

._next_selector.M>._next_form span.data-info {
  font-size: calc(var(--font-tiny) - 0px);
}
#_next_form_elements>div._next_tab > div
  {
    box-shadow-no:0px 1px 2px 2px #FFF;
  }

._next_selector.TextBottom>._next_form span.data-info {
  transform: translateY(-50%);

  text-shadow:  0px 1px 0px #FFF , 3px 1px 0px #FFF , -3px 1px 0px #FFF    ,     0px 2px 0px #FFF , 3px 2px 0px #FFF , -3px 2px 0px #FFF    ,     0px 3px 0px #FFF , 2px 3px 0px #FFF , -2px 3px 0px #FFF ,     4px 3px 0px #FFF , -4px 3px 0px #FFF   !important ;

  color: var(--color-black-f);
  line-height: 0.9em;
  position: absolute;
  margin-top: -1.2em;
}



._next_selector>._next_form>a.selected {
  border-color: var(--menu-color-blue);
}

._next_selector:not(.noAuto)>._next_form>a.selected.auto::after {
  background-color: var(--menu-color-auto);
}

._next_selector.noAuto>._next_form>a.selected:after,
._next_selector>._next_form>a.selected:not(.auto):after {
  content: "";
  background-image: var(--image-selected);
  position: absolute;
  display: block;
  color: var(--menu-color-blue);
  padding: 0 1px;
  text-align: right;
  margin-top: -16px;
  margin-left: -18px;
  left: 100%;
  width: 30px;
  height: 30px;
  z-index: 8901;
}

._next_selector>._next_form>a:hover>.preview_image {
  display: block;
  position: fixed;
  top: 140px;
  left: 400px;
  width: 300px;
  height: 200px;
  border-radius: 15px;
  overflow: hidden;
  padding: 2px;
  background-color: white;
  border: solid 2px var(--color-gray-dark-font);
}

._next_selector>._next_form>a:hover>.preview_image>img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: 10px;
}


._next_nav_add_element li.addsearch {
  margin-left: auto;
  padding: 5px 30px 3px 0px;
  background-image: var(--image-icon_search);
  background-repeat: no-repeat;
  background-position: right;
  text-align: right;
}

._next_nav_add_element li.addsearch input {
  max-width: 150px;
  margin: 2px 5px 2px 8px;
  background-color: transparent;
}

._next_nav_add_element li.close {

  padding: 4px 0 0 2px;
}

._next_input_box.statut-1 ._next_message::before,
._next_input_box.statut1 ._next_message::before,
._next_input_box.statut2 ._next_message::before,
._next_input_box.statut3 ._next_message::before {
  content: "";
  position: absolute;
  white-space: pre-line;
  right: 55px;
  left: 10px;
  transform: translate(0, round(calc(-100%), 1px));
  margin-top: -5000px;
  padding: 6px 10px;
  color: var(--color-white);
  border: solid 1px var(--color-white);
  border-radius: 4px;
  opacity: 0;
  transition: opacity 0.2s 0s, margin-top 0s 0.2s;
  z-index: 99999;
}

*[data-alt]:not(.disabled)::after,
*[data-altl]:not(.disabled)::after,
*[data-altr]:not(.disabled)::after,
*[data-altc]:not(.disabled)::after,
*[data-restore]:not(.disabled)::after {
  content: "Retour a la valeur automatique: " attr(data-restore) "";
  position: absolute;
  z-index: 99999;
  white-space: nowrap;
  padding: 2px 8px 3px;
  margin-left: -1px;
  margin-top: -26px;
  transform: translate(round(calc(-100%), 1px), 0);
  background: var(--color-black-f);
  color: var(--color-white);
  border-radius: 3px;
  font-size: var(--font-small);
  font-weight: normal;
  pointer-events: none;
  opacity: 0;
  zoom:0.0001;
  transition: opacity 0s 0s;
  }
  *[data-altr]:not(.disabled)::after
    {
      margin-left: 2px;

    }
*[data-altsr],
*[data-alts] {
  position: relative;
}

*[data-altsr]::after,
*[data-alts]::after {
  content: attr(data-alts) attr(data-altsr);
  opacity: 0;
  position: absolute;
  z-index: 99999;
  white-space: nowrap;
  padding: 4px 8px 4px;
  margin-top: -2500px;
  margin-left: 0px;
  transform: translate(round(calc(-100%), 1px), round(calc(-50%), 1px));
  background-color: var(--color-black-f);
  color: var(--color-white);
  border-radius: 3px;
  font-size: var(--font-small);
  line-height: var(--font-small);
  font-weight: normal;
  transition: opacity 0.1s, margin-top 0s 0.4s;
  top: 50%;
  left: 0px;
}

*[data-altsr]::after {
  transform: translate(0, round(calc(-50%), 1px));
  left: calc(100% + 5px);
}

*[data-altsr]:has(span:hover):not(:focus):hover::after,
*[data-alts]:has(span:hover):not(:focus):hover::after {
  margin-top: auto;
  transition: opacity 0.2s, margin-top 0s;
  opacity: 1;
}

*[data-altsr] span:empty,
*[data-alts] span:empty {

  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 999999;
  top: 0;
  left: 0;
}

*[data-alt]:not(.disabled)::after,
*[data-altr]:not(.disabled)::after,
*[data-altc]:not(.disabled)::after {
  content: attr(data-alt) attr(data-altr) attr(data-altc);

}

*[data-alt].alticon {
  position: relative;

}

*[data-alt].alticon::after {
  margin: -26px 0 0 calc(100% - 24px) !important;
  transform: scale(-1, 1);

}

.titre.rightbutton *[data-alt]:not(.disabled)::after {
  margin: -2px 0px 0 -34px;

}

*[data-alt]:not(.disabled):hover::after,
*[data-altl]:not(.disabled):hover::after,
*[data-altr]:not(.disabled):hover::after,
*[data-altc]:not(.disabled):hover::after,
*[data-restore]:not(.disabled):hover::after {
  opacity: 0.95;
  zoom:1;
  transition: opacity 0.1s 0.2s;
}

*[data-altr]:not(.disabled)::after {
  transform: none;
}

*[data-altl]::after {
  transition: 0 !important;
  content: attr(data-altl) !important;
  transform: translate(round(-100%, 1px), 0);
  margin: -2px 0 0 -300002px !important;
}

*[data-altl]:hover::after {
  margin: -2px 0 0 -32px !important;
}

*[data-altc]:not(.disabled)::after {
  transform: translate(round(-50%, 1px), 0);
}

th[data-altc]:not(.disabled)::after {
  transform: translate(round(calc(-50% - 15px), 1px), 5px);
}


._next_cout_article:not(.error) *[data-alt]:not(.disabled):not(.perso):hover::after {
  display: none !important;
}

._next_utils *[data-alt]:not(.disabled)::after {
  margin-left: -6px;
  transform: translate(round(calc(-100%), 1px), 2px);
}

._next_utils *[data-altr]:not(.disabled)::after {
  margin-left: 40px;
  transform: translate(0, 2px);
}

[data-default]:not(:focus):empty::before {
  content: attr(data-default);
}

.placeholder [data-default]:not(:focus):empty::before {
  opacity: 0.5;
  font-style: italic;
}

[data-default2]:not(:focus):empty::after {
  content: attr(data-default2);
  color: var(--color-black-f);
}

[data-unite]:not(:focus)::after {
  content: " " attr(data-unite);
  font-size: var(--font-tiny)
}

ul._next_childrens_list:has(li:nth-child(-n + 5):last-child) *[data-alt]:not(.disabled)::after {
  transform: none;
  margin-left: 26px;
}

ul:has(li:nth-child(-n + 20):last-child) *[data-letter]::before {
  content: attr(data-letter) !important;
}




span:has(.statut3):hover>._next_input_box ._next_message::before,
span:has(.locked):hover>._next_input_box ._next_message::before,
._next_input_box.statut3:hover ._next_message::before,
._next_input_box.statut2 ._next_message:hover::before,
._next_input_box.statut1 ._next_message:hover::before,
._next_input_box.statut-1 ._next_message:hover::before {
  transition: opacity 0.2s 1s, margin-top 0s 1s;
  opacity: 0.95;
  margin-top: -5px;
}


._next_input_box.statut-1 ._next_message::after,
._next_input_box.statut2 ._next_message::after {
  content: attr(data-auto);
  white-space: nowrap;
}

._next_input_box.statut-1 ._next_message::before {
  content: "Vous avez saisi " attr(data-uservalue) " mais ce paramètre ne peut etre pris en compte \a " attr(data-message);
  background-color: var(--menu-color-blue);
}

._next_input_box.statut1 ._next_message::before {
  content: "Ce parametre est défini automatiquement \a " attr(data-message) " Vous pouvez le personnaliser si vous le souhaitez";
  background-color: var(--menu-color-auto);
}

span:has(.locked)>._next_input_box.statut1 ._next_message::before {
  content: "Ce parametre est défini automatiquement \a " attr(data-message) " " !important;
}

._next_input_box.statut2 ._next_message::before {
  content: "Vous avez saisi " attr(data-uservalue) " mais ce paramètre ne peut etre pris en compte \a " attr(data-message);
  /*content: attr(data-message);
    */
  background-color: var(--color-warning);
}

._next_input_box.statut3 ._next_message::before {
  content: "Aucune valeur n'est possible pour ce parametre \a " attr(data-message);
  /* content: attr(data-message);
    */
  background-color: var(--color-error);
}

._next_input_box.statut3 ._next_message:hover::before {
  /* content: "Aucune valeur n'est possible pour ce parametre \a " attr(data-error);
     */
  background-color: var(--color-error);
}



._next_reset2:hover::after {

  transition: opacity 0.1s 0.5s, margin-top 0s 0.5s;
  opacity: 1;
  left: auto;
  margin-top: -30px;
  content: "Retour a la valeur par défaut : " attr(data-restore) "";
  background-color: var(--color-white);
  color: var(--color-black-c);
  font-size: var(--font-tiny);
  border: solid 2px var(--color-gray-dark);
}


._next_price_HIDE [data-error]::before,
._next_price_HIDE [data-warning]::before,
._next_price_HIDE [data-auto]::before {
  right: 10px;
}

._next_real_form>label>input[type="checkbox"] {
  margin-right: 50px;
  margin-left: -37px;
}

._next_real_form>label>input[type="checkbox"]::before {
  content: "";
  position: absolute;
  width: 27px;
  height: 19px;
  background-image: var(--image-checkbox2);
  background-position-y: 115px;
  margin-left: 30px;
  transition: transform 0.3s ease;
}

._next_real_form>label>input[type="checkbox"]:checked::before {
  background-position-y: 145px;
  transition: transform 0.3s ease;
}

._next_real_form>label>input[type="checkbox"]:disabled::before {
  background-position-y: 55px;
}

._next_real_form>label>input[type="checkbox"]:disabled:checked::before {
  background-position-y: 85px;
}

._next_add_element_menu {
  background-color: var(--color-white);
  display: none;
  position: fixed;
  height: calc(var(--size-add-element) + 54px);

  top: var(--top-add-element);
  left: calc(var(--left-menu-add) + 52px);
  right: 0;
  /* transition: top 0.2s; */
  z-index: 7901;
  box-shadow-no: 0px 0px 20px -4px #00000025, 5px 5px 15px 5px rgba(0, 0, 0, 0);
}

._next_add_element_menu.visible,
.context_add_element ._next_add_element_menu {
  display: block;
}

._next_nav_add_element {
  display: flex;
  float: left;
  list-style-type: none;
  margin: 0;
  padding: 0;
  background-color: var(--color-gray-claire);
  width: 100%;
}

._next_nav_add_element li {
  padding: 7px 21px 3px;
  border-color: var(--color-gray-claire);
  color: var(--color-gray-dark-font);
  white-space: nowrap;
}

._next_nav_add_element li.active {
  color: var(--color-black-f);
  border-left: 20px;
  background-color: var(--color-white);
}

._next_nav_add_element li:first-child.active {
  border-left: 0;
  border-left: 21px;
}

._next_nav_add_element a {
  color: var(--menu-color-black);
  text-decoration: none;
}

#addmenu {
  position: absolute;
  overflow: hidden;
  overflow-x: scroll;
  width: 100%;
  top: 34px;
  bottom: 0;
}

#addmenu li {
  padding: 7px 20px 7px 20px;
}

#choix {
  display: flex;
  float: left;
  list-style-type: none;
  margin: 6px 8px 6px 2px;
  padding: 0;
}

#choix li {
  width: var(--size-add-element);
  height: var(--size-add-element);
  margin: 5px 0px 5px 8px;
  padding: 0px;
  text-align: center;
  background-color: var(--color-gray-dark);
  border-radius: 4px;
  cursor: pointer;
  overflow: hidden;
}

#choix li span {
  font-size: var(--font-tiny);
  overflow: hidden;
  display: block;
  transform: translateY(round(calc(-100% - 10px), 1px));
  padding: 5px 0px;
  background-color: rgba(240, 240, 246, 0);
  margin: 2px;
  border-radius: 2px;
  transition: 0.1s;
  line-height: 1em;
}

#choix li img {
  border: solid 1px #fff;
  margin: 0px;
  width: var(--size-add-element);
  height: var(--size-add-element);
  border-radius: 3px;
  background-color: #fff;
  transition: 0.1s;
  margin: 0 -2px;
}

#choix li:hover img {
  margin: 0 -22px -40px -22px;
  width: calc(var(--size-add-element) + 40px);
  height:  calc(var(--size-add-element) + 40px);
}

#choix li:hover span {
  background-color: rgba(240, 240, 246, 0.7);
}

/* CSS pour les cards */
._next_card_list {
  display: flex;
  justify-content: space-around;
  padding: 20px;
}

/* Styles pour les cartes */
._next_card_list span {
  flex: 250px;
  flex-direction: column;
  background-color: #ffffff;
  border-radius: 2px;
  /* box-shadow-no: 0 4px 8px rgba(0, 0, 0, 0.1);
     */
  margin: 15px;
}

._next_card_list #card_form {
  flex: 750px;
  flex-direction: column;
  background-color: #ffffff;
  border-radius: 2px;
  box-shadow-no: 0 4px 8px rgba(0, 0, 0, 0.1);
  margin: 15px;
}

._next_card_list span img {
  width: 100%;
  height: 200px;
  object-fit: cover;
}

._next_selected_card {
  border: 2px solid var(--menu-color-selection);
}

#technical {
  position: fixed;
  left: calc(var(--left-menu-add) + 52px);
  right: 0;
  bottom: 0;
  top: var(--position-scene);

  background-color: var(--color-gray-dark);
  z-index: -1;
  padding: 0px 20px 0px 0px;
  overflow: auto;
  text-align: left;
  background-color: var(--color-white);
  border-left: 1px solid var(--color-gray-border);
}

.parammissing {
  position: fixed;
  left: var(--left-menu-add);
  right: 0;
  bottom: 0; 
  top: var(--position-scene);
  padding: 0px;
  background-color: var(--color-gray-dark);
  z-index: -1;
  /* padding: 20px 10px 20px 20px; */
  /* overflow: auto; */
  text-align: left;
  border-left: 52px solid var(--color-gray-claire);
  box-shadow-no: inset 12px 0px 0px -11px var(--color-gray-border);
}
.preview .parammissing
  {
    bottom: auto;
    border-left: 0;
    left: calc(var(--left-menu-add) + 52px);
    box-shadow-no: 0px 0px 20px -4px #00000025, 5px 5px 15px 5px rgba(0, 0, 0, 0);
  }

.preview  .parammissing>div {
display: flex;
overflow: auto;
}
.parammissing .selector_search
  {
    border: 0;
    padding: 5px 30px 3px 8px;
    margin: 5px 10px 0 0;
    border-radius: 3px;
    float: right;
    text-align: center;
    background: var(--image-icon_search) transparent no-repeat center right;
    width: 130px;
  }

.parammissing>div {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
  padding: 10px 0 0 10px;
  background-color: var(--color-white);
  border-left: solid 1px var(--color-gray-border);
  max-height: calc(100% - 44px);
  overflow: auto;
}

.M .parammissing>div {
  grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
}

.S .parammissing>div {
  grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
}

.parammissing>div>a {
  display: block;
  float: left;
  border: solid 1px #eee;
  border-radius: 3px;
  margin: 0 8px 10px 0;
  padding: 3px 3px 0;
  display: flex;
  flex-direction: column;
}
.preview .parammissing>div>a {
  min-width: 90px;
  width: 100px;
  white-space: normal;
  margin: 0 5px 10px 0;
}
.parammissing>div>a:hover {
  border-color: #ddd;

}
.parammissing>div>a.disable[data-disable]::after
  {
    content: attr(data-disable);
    position: absolute;
    width: calc(100% - 26px);
    text-align: center;
    text-wrap: balance;
    margin-top: calc(50% - 0.4em);
    transform: translate(10px, -50%);
  }
.parammissing>div>a.disable
  {    
  opacity: 1;
  }
.parammissing>div>a.disable>*
    {    
    opacity: 0.3;
    }
.parammissing>div>a.disable>img
    {    
    opacity: 0.15;
    }
.parammissing>div>a>img {
  float: left;
  width: 100%;
  aspect-ratio: 1;
  border-radius: 2px;

}

.parammissing>div>a>span {
  float: left;
  margin: 5px 0px;
  text-align: center;
  line-height: 0.9em;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
}

#technical span span {
  display: block;
  padding: 20px 0px 20px 0px;
  margin-bottom: 20px;

}

#technical>span>span:last-child {
  margin-bottom: 25px !important;
}

#technical span.tree span {
  margin-bottom: 0px;
  padding: 0px 0px 0px 6px;
  font-size: var(--font-small);
}

#technical span.tree span b {
  font-size: var(--font-tiny);
}

#technical span.tree span.small {
  font-size: var(--font-tiny);
  display: inline;
  float: right;
  padding: 2px 0 2px 20px;
}

#technical span span.tree {
  display: block;
  padding: 2px 0px 0px 0px;
  border-top: solid 2px #eee;
  clear: both;
  margin-left: 15px;
  margin-bottom: 0px;
}

#technical span span.tree_desc {
  padding: 3px 0px 0px 0px;
  margin-top: 0px;
  border-top: none;
}

#technical span span.tree_desc b {
  text-transform: uppercase;
}

#technical span span.tree_desc i {
  opacity: 0.75;
  font-size: 0.8em;
}

#technical span span.tree_desc_0 {

  padding: 5px 0px 0px 0px;
  border-top: solid 2px #eee;
}

#technical>span.treeline>span>span.treeline {
  background-color: red;
}

#technical svg {
  max-width: 100%;
  max-height: 700px;
  padding: 0 20px 0 0;

}
#technical img {
  max-width: 80%;
  max-height: 700px;
  padding: 0 0px 0 0;

}

.parammissing h4,
#technical h4 {
  text-align: left;
  padding: 8px 20px 6px;
  font-size: var(--font-medium);
  font-weight: normal;
  display: inline-block;
  background-color: #eee;
  margin: 0;
  white-space: nowrap;
}
.parammissing h4
  {
    border-left: solid 1px var(--color-gray-border);
    border-right: solid 1px var(--color-gray-border-dark);
    
  }

  .parammissing h4:not(.notcurrent)
    {
      background-color: #FFF;
    }


    .parammissing h4 > span
      {
        padding: 8px 20px 6px;
        margin: -8px -20px -6px;
      }

      .parammissing h4.disable 
      {       
      pointer-events: auto;
      filter: none;
      opacity: 1;
      background-color: var(--color-gray-dark);
      position: relative;
      cursor: help;
      border: none;
      }

      .parammissing h4.disable[data-disable]::before
      {       
        content: attr(data-disable);
        position: absolute;
        padding: 2px 8px 2px 22px;
        border-radius: 20px;
        background-color: #fff;
        /* opacity: 2; */
        z-index: 999999;
        /* margin: 0 0 0 50%; */
        border: solid 2px rgba(255, 255, 255, 0.5); 
        font-size: 0.8em;
        background: var(--image-icon_error) #f5f5f5 no-repeat 3px center;
        background-size: 14px;
        margin-left: calc(50% - 20px);
        transform: translateX(-50%);
        margin-top: 30px;
        display: none;
        pointer-events: none;
        opacity: 0.9;
      }

      .parammissing h4.disable[data-disable]:hover::before
      {       
        display: block;    
      }

      .parammissing h4.disable > span 
      {       
      pointer-events: none;
      opacity: 0.2;
      border-left: solid 1px var(--color-gray-border);
      border-right: solid 1px var(--color-gray-border-dark);
      }

#technical h5 {
  text-align: left;
  padding: 4px 12px;
  font-size: var(--font-xs);
  font-weight: normal;
  background-color: #eee;
  display: inline-block;
  margin: 0 0 -2px 0px;
  white-space: nowrap;
  text-transform: uppercase;
}

#scene2D,
#scene3D {
  position: fixed;
  left: var(--left-menu-add);
  right: 0;
  bottom: 0;
  top: var(--position-scene);
  padding: 0px;
  background-color: var(--color-gray-dark);
  z-index: -1;
  width: calc(100% - var(--left-menu-add) + 44px);
}
#scene2D textarea {
  text-align: left;
  padding-left: 80px;
  overflow: scroll;
  height: calc(100% - 15px);
  width: calc(100% - 130px);
  position: absolute;
}

/* #scene3D,
#render_dims,
#technical,
#render_menu {
  transition: margin 0.2s;
} */

.noUtils #scene3D,
.noUtils #render_dims,
.noUtils #render_menu ,
.noUtils #technical,
.context_add_element #scene3D,
.context_add_element #render_dims,
.context_add_element #render_menu {
  pointer-events: none;
  margin-top: calc(var(--size-add-element)/2 +  27px);
  margin-bottom: calc(var(--size-add-element)/-2 - 27px);
}
#configurateur > span,
#repere > span
  {
      display: block;
      width: 100%;
      height: 100%;
      background-color: var(--color-background);
      position: absolute;
      z-index: -99999;
  
  }

.noUtils   #scene3D::before,
.context_add_element   #scene3D::before
  {  
    /* content:'';
    position: absolute;
    width: 100%;
    height: 20px;
    background-image: none !important;
    box-shadow-no: 0px 0px 20px 20px #fafafc;
    background-color: #fafafc; */
  /* opacity: 1;
  transition: 0s 0.2s; */
  }
#technical_empty {
  padding: 50px;
  opacity: 0.7;
  text-align: center;
}

.right_side {
  position: relative;
}

#scenePV {
  position: absolute;
  z-index: auto;
  left: 0;
  top: auto;
  width: calc(100%);
  height: 100%;
}

/* #scene3D canvas {
  /* animation: 0.5s linear 0s 1 forwards fadein; */
/* } */

#scene2D>span,
#scene3D>span {
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 20px;
  color: var(--color-gray-dark-font);
  transform: translate(round(-50%, 1px), round(-50%, 1px));
  opacity: 0.7;
}


.preview .parammissing
  {
  /* transition: top 0.2s; */
  display: block ;
  }
.nopreview.preview .parammissing {
  display: none !important;
  } 
.count_1 ._next_form select {
  appearance: none;
  text-overflow: '';
  padding: 3px 10px 3px 0px;
  pointer-events: none;
  border-radius: 3px;
  cursor: default;

  background-image: var(--image-icon_locked_grey);
  background-size: 22px;
  background-repeat: no-repeat;
  background-position: right center;
}

.hide,
.hide_0.count_0,
.hide_1.count_0,
.hide_1.count_1,
.displaynone {
  display: none !important;
}

.hidden {
  opacity: 0.01;
  padding: 0.05em 20px 0;
  font-size: 0.9em;
  position: absolute;
  margin: 0 0 0 100%;
  transform: translateX(-100%);
}

.hidden:hover {
  opacity: 0.1;
}

/* a voir */
.modal {
  width: calc(100% - var(--homemargin) - var(--homemargin));
  left: var(--homemargin);
  top: calc(82px + var(--homemargin));
}


.modal.small {
  width: 60%;
  left: 20%;
}
.titre {
  position: absolute;
  top: inherit;
  width: inherit;
  left: inherit;
  margin: 0;
  background-color: var(--color-gray-claire);
  padding: 8px 0;
  border-bottom: 1px solid var(--color-gray-border);
  border-top: 1px solid var(--color-gray-border);
  z-index: 30;
  white-space: nowrap;
  overflow: hidden;
  box-shadow-no: 0px 0px 15px 0px rgba(0, 0, 0, 0.08);
  display: flex;
  border-top-left-radius: var(--modal-radius);
  border-top-right-radius: var(--modal-radius);
  background-image: var(--gradiant-titre);

}
.modal > *
  {
    border-left: 1px solid var(--color-gray-border);
    border-right: 1px solid var(--color-gray-border);

  }
.titre>span._next_icon_fleche {
  flex-grow: 1000;
}

.titre>span:first-child {
  margin: -7px 0;
  padding: 7px 0;
  float: left;
  flex-grow: 1;
}

.homeconfig .titre>span:first-child>span {
  opacity: 0.6;
}

.titre.rightbutton a._next_icon:hover {
  background: none !important;
}

.titre.rightbutton a._next_icon:hover::before {
  filter: none;
}

.titre.rightbutton {
  display: flex;
  justify-content: space-between;
}

.titre.inherit_disabled {
  position: relative;
  top: 0;
  padding: 6px 0;
  background-color: var(--color-gray-normal);
  border-top: none;
  width: 100%;
}

.titre.inherit_disabled>span {
  flex-grow: 1;
}

.bar {
  position: absolute;
  background-color: var(--color-gray-claire-menu);
  top: inherit;
  width: inherit;
  left: inherit;
  margin: 38px 0 0 0;
  padding: 0;
  display: flex;
  list-style: none;
  z-index: 20;
  white-space: nowrap;

  overflow-x: auto;
  overflow-y: hidden;
  background-image: var(--gradiant-borderbottom);
}

.bar li {
  padding: 6px 30px;
  border-right: 1px solid var(--color-gray-border);
}

.bar li:hover {
  background-color: var(--color-gray-dark);
}

.bar li:last-child {
  border-right: none;
}

.bar li.active {
  background-color: var(--color-white);
  border-right: 1px solid var(--color-gray-border);
  margin-bottom: -1px;
}

.search_bar {
  position: absolute;

  background-color: var(--color-gray-claire-menu);
  top: inherit;
  width: inherit;
  left: inherit;
  margin: 37px 0 0 0;
  height: 32px;
  padding: 1px 0 0 0;
  display: flex;
  flex-direction: row-reverse;
  list-style: none;
  z-index: 20;
  white-space: nowrap;
  box-shadow-no: 0px 5px 15px 0px rgba(0, 0, 0, 0.05),
    inset 0px -31px 0px -30px var(--color-gray-border);
  overflow-x: auto;
  overflow-y: hidden;
  line-height: 30px;
  background-image: var(--gradiant-borderbottom);
}

.search_bar span {
  margin-right: 10px;
}

.search_bar a {
  text-decoration: none;
  color: var(--color-black-f);
  font-size: var(--font-small);
}

.search_bar input {
  border: 1px solid var(--color-gray-border);
  background-color: var(--color-white);
  font-size: var(--font-small);
  padding-left: 5px;
}

.search_bar_adv {
  position: absolute;
  background-color: var(--color-gray-claire);
  width: 251px;
  right: calc(var(--homemargin) - 2px);
  margin: 37px 0 0 0;
  padding: 1px 0 2px 0;
  z-index: 9;
  white-space: nowrap;
  border-left: 1px solid var(--color-gray-border);
  overflow-x: auto;
  overflow-y: hidden;
  line-height: 30px;
  top: calc(114px + var(--homemargin));
  display: none;
  height: calc(100% - 153px - var(--homemargin) - var(--homemargin));
  border-bottom: solid 1px var(--color-gray-border-dark);
  border-top: solid 1px var(--color-gray-border-dark);
}

.withsearchbar .search_bar_adv>div {
  width: auto;
  display: flex;
  align-items: flex-start;
  padding: 0 20px;
  flex-direction: column;
}

.search_bar_adv>div>label {
  display: block;
  width: fit-content;
  margin-right: 5px;
  line-height: 18px;
  margin-top: 8px;

}

.search_bar_adv>div>input[type="text"],
.search_bar_adv>div>input[type="search"],
.search_bar_adv>div>select {
  /* width: 150px; */
  background-color: var(--color-white);
  border: 1px solid var(--color-gray-border);
  margin: 0;
  padding: 5px;
  border-radius: 3px;
}

input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
  height: 10px;
  width: 10px;
  background-image: var(--image-icon_delete);
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}

.search_bar_adv>div>input[type="date"] {
  /* width: 150px; */
  background-color: var(--color-gray-normal);
  border: 1px solid var(--color-gray-border);
  margin: 0;
  padding: 2px;
}

.div_mulitselect {
  border: 1px solid var(--color-gray-border);
  border-radius: 5px;
  margin: 10px 20px 0;
  padding: 0 5px !important;
  white-space: nowrap;
  overflow: hidden;
  line-height: 22px;
  background-color: var(--color-white);
  position: relative;
  overflow-y: auto;
  max-height: 150px;
}

.div_mulitselect>label {
  padding: 5px;
  position: sticky;
  display: block;
  top: 0;
  background: white;
  background-image: var(--image-fleche);
  width: 100% !important;
  background-repeat: no-repeat;
  background-position: 96% 100%;
  z-index: 99;
  margin-top: 1px !important;
}

.div_mulitselect>label.tous {
  background-position: 96% 98%;
}

.div_mulitselect>label.tous:hover {
  background-position: 96% -8%;
}

.div_mulitselect .input_mulitselect {
  display: flex;
  flex-wrap: wrap;
  padding: 5px;
  flex-direction: column;
}

.div_option_multiselect.tous {
  display: flex;
  flex-direction: column;
  padding-left: 5px;
  margin-top: 5px;
}

.div_option_multiselect {
  display: none;

}


.withsearchbar .search_bar_adv {
  display: flex;
  flex-wrap: nowrap;
  overflow: auto;
  flex-direction: column;
  font-size: var(--font-small);
}


.content {
  position: absolute;
  top: inherit;
  max-height: calc(100% - 123px - var(--homemargin) - var(--homemargin));
  width: inherit;
  left: inherit;
  margin: 37px 0 0 0;
  overflow: auto;
  z-index: 10;
  box-shadow-no: 0px 5px 15px 0px rgba(0, 0, 0, 0.08);
  border-top: solid 1px var(--color-gray-border);
  border-bottom: solid 1px var(--color-gray-border);
  background-color: var(--color-white-bg);
  border-bottom-left-radius: var(--modal-radius);
  border-bottom-right-radius: var(--modal-radius);
}

.content .burger {
  margin-top: 20px;
  position: absolute;
  list-style-type: none;
  padding: 29px 0 0;
  margin: 22px 24px;
  background-image: var(--image-icon_tech);
  background-size: 24px 24px;
  background-repeat: no-repeat;
  background-position: 0px 3px;
  min-height: 0px;
  min-width: 30px;
  z-index: 1000;
}

.content .burger .checkbox>span::before {
  scale: 0.8;
}

.content .burger label {
  display: block;
  background-color: white;
  padding: 5px 20px 8px 0;
  border: solid 1px #eee;
  margin-bottom: -1px;
  margin-left: -400px;
  margin-top: -500px;
  font-size: var(--font-label);

  background-color: var(--color-gray-claire);
  opacity: 0;
  box-shadow-no: 3px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 20px 2px -19px inset #fff;
  transition: opacity 0.5s 0.5s, margin 0s 1s;
}

.content .burger:hover label {
  opacity: 1;
  transition: opacity 0.2s 0s, margin 0s;
  margin-top: 0px;
  margin-left: -4px;
}

.content .burger:hover label:hover {
  background-color: var(--color-gray-dark);
}

.modal.withbar .content {
  margin-top: 69px;
  max-height: calc(100% - 150px - var(--homemargin) - var(--homemargin));
}

.modal.withbar.withsearchbar .content {
  width: auto !important;
  right: calc(var(--homemargin) + 250px);
}

.modal.withbar.grand .content {
  height: calc(100% - 150px - var(--homemargin) - var(--homemargin));
}

.modal.withsearchbar .content {
  max-height: calc(100% - 196px - var(--homemargin) - var(--homemargin));
}

.modal.withsearchbar.grand .content {
  max-height: calc(100% - 132px - var(--homemargin) - var(--homemargin));
}



.content form {
  padding: 14px 20px 24px;
  width: calc(100% - 50px);
}
.content form.associate
  {
  padding-top: 0;
  }
.content form>div {
  display: flex;
  flex-direction: row;
  width: 100%;
  align-items: start;
}

.content form>div>*:first-child {
  flex: 1;
  margin: 10px 10px 0px;
  text-align: end;
  white-space: nowrap;
  padding-top: 3px;
  min-width: max(calc(25%), 120px);
}

.content form>div>*:last-child {
  flex: 5;
  display: flex;
  margin: 10px 2px 0px;
  text-align: start;
  border: 1px solid var(--color-gray-border);
  background-color: var(--color-gray-claire);
  font-size: var(--font-small);
  padding: 3px 0 3px 10px;
}


.content form>div>.error {
  border-color: var(--color-error);
}

.content form>div>*:has(input[type="text"]):last-child {
  /* padding-left: 0px;*/

}

.content form>div>*.message {
  border: none !important;
  background: none !important;
  display: block !important;
  text-align: center !important;
  font-style: italic;
}

.content form>div>*.message a {
  text-decoration: underline;
  color: var(--menu-color-blue-repere);
}

.content form>div>*.right:last-child {
  width: 100%;
  justify-content: space-between;
}

input::file-selector-button {
  background-color: transparent;
  border: none;
  padding: 5px;
}

.content form>div>*:last-child>span {
  display: block;
  width: 100%;
  height: 30px;
  margin: -3px 0px -3px -10px;
}

.content form>div>*:last-child>span.colormain {
  background-color: var(--menu-color-blue);
}

.content form>div>*:last-child>span.colorrepere {
  background-color: var(--menu-color-blue-repere);
}

.content form>div>*:last-child>span.colorselection {
  background-color: var(--menu-color-selection);
}

.content form>div>*:last-child:disabled {
  background-color: var(--color-gray-disabled);
}

.content form>div>*:last-child p {
  margin: 0;
  line-height: 24px;
  margin-right: 10px;
}

.content form>div>label {
  border: none !important;
  margin-left: -10px !important;
  background-color: transparent !important;
  color: var(--color-black-f);
}

.content form>div>label input::before {
  background-image: var(--image-checkbox2);
}

.content .buttons {
  display: flex  ;
      position: sticky;
      bottom: -1px;
      width: calc(100% - 14px);
      height: 42px;
      padding: 0 4px 0 10px;
      background-color: var(--color-gray-dark);
      border-top: 1px solid var(--color-gray-border);
      left: 0;
      justify-content: end;
      z-index: 1;
}

.content .preconfig_right .buttons {
  position: absolute;

}

.content .buttons>span {
  display: flex;
  height: 46px;
  vertical-align: right;
}

.content .buttons>span:first-child {
  flex-grow: 1;
}

.grand .content {
  overflow: auto hidden;
}

.grand .content form,
.grand .content table {
  margin-bottom: 10000px;
}

.content .buttons a {
  width: auto;
  padding: 7px 10px 7px 40px;
  line-height: 20px;
  margin: 6px 2px 6px 4px;
  background-color: var(--menu-color-blue);
  color: var(--color-white);
  white-space: nowrap;
  height: 16px;
  line-height: 15px;
  border-radius: 2px;
}

#prompt .modal.small
  {
    position: absolute;
    left: 50%;
    top: 45%;
    transform: translate(-50%, -50%);
    width: calc(360px + calc(100% - 360px) / 5);
    max-width: calc(100% - 12px);
    margin-left: -1px;
  }

  
  #prompt .titre
  {
    position: static;
    width: 100%;
  }
  
  #prompt .content
  {
    position: static;
    width: 100%;
    margin-top: -1px;
  }
.button_add {
  width: auto;
  padding: 6px 10px 6px 34px;
  line-height: 20px;
  margin: -3px 6px -3px 0;
  background: var(--image-icon_plus_white) var(--menu-color-blue) no-repeat 4px -1px;
  color: var(--color-white);
  white-space: nowrap;
  height: 16px;
  line-height: 15px;
  border-radius: 2px;
}

.button_add:hover {
  background-color: var(--menu-color-blue-repere);
  color: var(--color-white);
  box-shadow: 0px 0px 3px 0px var(--menu-color-blue-repere);

}

.homeN .buttons a::before,
.content .buttons a::before {
  content: "";
  display: block;
  position: absolute;
  background-size: 30px;
  height: 30px;
  width: 30px;
  margin-left: -32px;
  margin-top: -7px;
}

.content .buttons a.page {
  width: auto;
  padding: 4px 5px 4px 5px;
  margin: 9px 7px 9px 0px;
  text-decoration: none;

  background-color: var(--color-white);
  color: var(--menu-color-blue);
}

.content .buttons a.page.spacer {
  padding: 4px 6px 4px 6px;
  background-color: transparent !important;
  color: var(--menu-color-blue) !important;
  box-shadow-no: 0px 0px 3px 0px var(--color-white) !important;
}

.content .buttons a.page.current {
  background-color: var(--menu-color-blue);
  color: var(--color-white);
}

.content .buttons a.page::before {
  display: none;
}

.content .buttons a.plus_white::before {
  background-image: var(--image-icon_plus_white);
}

.content .buttons a.btn::before {
  background-image: var(--image-icon_next);
}

.content .buttons a.save_white::before {
  background-image: var(--image-icon_save_white);
}

.content .buttons a.annuler {
  background-color: var(--color-gray-dark-font);
  padding: 7px 15px 7px 15px;
}
.content.noCancel .buttons a.annuler {
  display: none;
}

.content .buttons a.annuler:hover {
  background-color: var(--color-gray-pricezone);
  box-shadow: 0px 0px 3px 0px var(--color-gray-pricezone);
}

.content .buttons a.page:hover,
.content .buttons a:hover {
  background-color: var(--menu-color-blue-repere);
  color: var(--color-white);
  box-shadow: 0px 0px 3px 0px var(--menu-color-blue-repere);
}

.content>table {
  border-collapse: collapse;
  width: calc(100% - 40px);
  margin: 20px 0px 20px 20px;
  font-size: var(--font-label);
}


.content table th,
.content table td {
  border: 1px solid var(--color-gray-border);
  border-right: 0;
  text-align: left;
  white-space: nowrap;
  padding: 0 5px;
  line-height: 30px;
  width: auto;
  background-color: inherit;
}

.content table th.image {
  padding: 0 !important;
  line-height: inherit;
}

.content table th.image img {
  height: 20px;
  padding-top: 5px;
}

.content table td>span.sub {
  display: block;
  font-size: var(--font-tiny);
  margin-top: -15px;
}

.content table th:first-child,
.content table td:first-child {
  border-left: 0;
  padding-left: 10px;
}

.content table td:first-child {
  padding-left: 30px !important;
}

.content table td:first-child::before {
  content: "";
  display: inline-block;
  width: 28px;
  height: 25px;
  margin: -8px -2px -8px -28px;
  background-size: auto 100%;
}

.content table th.action,
.content table td.action {
  border-left: 0;
  width: 0px;
  position: sticky;
  right: 20px;
  line-height: 10px;
  text-decoration: none;
}

.content table th:last-child::after,
.content table td:last-child::after {
  content: "";
  display: block;
  background-color: var(--color-white-bg);
  width: 20px;
  height: 34px;
  margin: -2px -20px -2px 0px;
  box-shadow-no: 20px 0 0 0 #ffff;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 9999;
}


.content table th a,
.content table td a {
  width: 30px;
  display: inline-block;
  height: 30px;
  margin: 0;
}

.content table th.action a:first-child,
.content table td.action a:first-child {
  border-left: 1px solid var(--color-gray-border);
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
  margin-left: -6px;
  padding-left: 6px;
  box-shadow: -7px 0px 5px -5px rgba(0, 0, 0, 0.1), 7px 0px 5px -9px inset #fff;
}

.content table th.actions,
.content table td.actions {
  padding: 0;
  text-align: center;
  height: 30px;
  background-color: inherit;
}


.content table td.actif,
.content table td.valid,
.content table td.confirmed,
.content table td.true {
  color: #08aa02;
}

.content table td.menu {
  min-width: 150px;
}

.content table td.actif::after,
.content table td.valid::after,
.content table td.confirmed::after,
.content table td.true::after {
  content: "";
  background-image: var(--image-selected2);
  background-size: 80%;
  background-position: 3px 3px;
  filter: var(--filter-green);
  width: 30px;
  height: 30px;
  background-repeat: no-repeat;
  float: inline-start;
}

.content table td.produced {
  color: #08aa02;
}

.content table td.produced::after {
  content: "";
  background-image: url(../images/svg_yakup/6_icon_commande_en_prod.svg);
  background-size: 80%;
  background-position: 3px 3px;
  width: 30px;
  height: 30px;
  background-repeat: no-repeat;
  float: inline-start;
}

.content table td.expedied_partially {
  color: #08aa02;
}

.content table td.expedied_partially::after {
  content: "";
  background-image: url(../images/svg_yakup/7_icon_commande_en_cours_expedition.svg);
  background-size: 80%;
  background-position: 3px 3px;
  width: 30px;
  height: 30px;
  background-repeat: no-repeat;
  float: inline-start;
}

.content table td.expedied {
  color: #046901;
}

.content table td.expedied::after {
  content: "";
  background-image: url(../images/svg_yakup/8_icon_commande_expedier.svg);
  background-size: 80%;
  background-position: 3px 3px;
  width: 30px;
  height: 30px;
  background-repeat: no-repeat;
  float: inline-start;
}

.content table td.factured_partially {
  color: #046901;
}

.content table td.factured_partially::after {
  content: "";
  background-image: url(../images/svg_yakup/9_icon_commande_facturee.svg);
  background-size: 80%;
  background-position: 3px 3px;
  width: 30px;
  height: 30px;
  background-repeat: no-repeat;
  float: inline-start;
}

.content table td.factured {
  color: #046901;
}

.content table td.factured::after {
  content: "";
  background-image: url(../images/svg_yakup/10_icon_commande_paye.svg);
  background-size: 80%;
  background-position: 3px 3px;
  width: 30px;
  height: 30px;
  background-repeat: no-repeat;
  float: inline-start;
}

.content table td.inactif,
.content table td.false,
.content table td.closed,
.content table td.cancelled {
  color: var(--color-error);
}

.content table td.inactif::after,
.content table td.false::after,
.content table td.closed::after,
.content table td.cancelled::after {
  content: "";
  background-image: var(--image-icon_delete);
  background-size: 80%;
  background-position: 3px 3px;
  filter: var(--filter-red);
  width: 30px;
  height: 30px;
  background-repeat: no-repeat;
  float: inline-start;
}

.content table td.inprogress {
  color: var(--color-warning);
}

.content table td.inprogress::after {
  content: "";
  background-image: var(--image-icon_edit2);
  background-size: 80%;
  background-position: 3px 3px;
  width: 30px;
  height: 30px;
  background-repeat: no-repeat;
  float: inline-start;
}


.content table td.waiting {
  color: var(--color-warning);
}

.content table td.waiting::after {
  content: "";
  background-image: var(--image-icon_waiting);
  background-size: 80%;
  background-position: 3px 3px;
  width: 30px;
  height: 30px;
  background-repeat: no-repeat;
  float: inline-start;
}

.content table td.send {
  color: var(--menu-color-blue);
}

.content table td.send::after {
  content: "";
  background-image: var(--image-icon_mail);
  background-size: 80%;
  background-position: 3px 3px;
  width: 30px;
  height: 30px;
  background-repeat: no-repeat;
  float: inline-start;
}



.content table th a::before,
.content table td a::before {
  content: "";
  display: block;
  height: 30px;
  width: 30px;
}

.content table td.menu::before {
  content: "";
  background-image: var(--image-fleche);
  filter: var(--filter-grayscale);
  width: 20px;
  height: 4px;
  background-position: 27px 20px;
  float: inline-start;
  border-right: solid 1px #eee;
  border-top: solid 10px #fff;
  border-bottom: solid 10px #fff;
  background-color: #fff;
  margin: 0px 0 0 -5px;
  padding: 3px 3px;
}

.content table .delete1 td a::before {
  cursor: default;
}

.content table .delete1>*::before,
.content table .delete1>*:not(.action)::after {
  filter: var(--filter-grayscale) !important;
  opacity: 0.5;

}

.content table .delete1 td a.undelete {
  cursor: pointer;
  pointer-events: auto;
}

.content table td a::before {
  cursor: pointer;
}

.content table th a.delete::before,
.content table td a.delete::before {
  background-image: var(--image-icon_delete);
}


.content table th a.modif::before,
.content table td a.modif::before {
  background-image: var(--image-icon_edit);

}

.content table th a.dl::before,
.content table td a.dl::before {
  background-image: var(--image-icon_dl_doc);
}

.content table th a.view::before,
.content table td a.view::before {
  background-image: var(--image-icon_view_doc);
  background-position: center center;
}

.content table th a.new::before,
.content table td a.new::before {
  background: var(--image-icon_3D) no-repeat transparent center center;
  background-size: 86%;
}


.content table td a.disabled {
  filter: var(--filter-grayscale);
  opacity: 0.1;
}

.content table td a.desactivated {
  filter: var(--filter-grayscale);
  opacity: 0.2;
  cursor: none;
  pointer-events: none;
}

.content table td a.undelete {
  background-image: var(--image-icon_undo);
}


.content table th a::before {
  filter: var(--filter-grayscale);
  opacity: 0.3;
}

tbody tr:nth-child(even) {
  background-color: var(--color-gray-claire);
}

tbody tr:nth-child(odd) {
  background-color: var(--color-white);
}

tbody tr:hover {
  background-color: var(--color-gray-disabled);
}

.content table th {
  background-color: var(--color-gray-dark);
  font-weight: 500;
  box-shadow-no: 0px 20px 2px -19px inset #fff;
}

.content table td {
  box-shadow-no: 0px 20px 2px -19px inset #fff;
}


.content table th:not(.action) {
  text-align: center;
  padding: 0px 12px
}

.content table th:first-child {
  text-align: left;

}

.content table thead th:first-child {
  text-align: center;
  padding-left: 30px;
}

.content table .delete0 td a {
  display: inline-block;
}

.content table td.action a {
  display: inline-block;
  position: relative;
}

.content table .delete1 td a {
  display: none;
}

.content table .delete0 td .disabled,
.content table .delete0 td .undelete {
  display: none;
}

.content table .delete1 td .disabled,
.content table .delete1 td .undelete {
  display: inline-block;
}

.delete1 {
  background-color: var(--color-gray-claire) !important;
}

.delete1>td {
  text-decoration: line-through;
  color: var(--color-gray-deleted) !important;
  pointer-events: none;
}

td>select {
  background-color: transparent;
  appearance: none;
  cursor: pointer;
}

.modal.news {
  height: 150px;
}

.modal.homeN {
  top: calc(122px + var(--homemnews) + var(--homemargin) + var(--homemargin2))
}

.modal.homeN.doc {
  top: calc(82px + var(--homemargin))
}

.modal.news .content {
  padding: 2px 0 0 12px;
  width: calc(100% - var(--homemargin) - var(--homemargin) - 12px);
  height: var(--homemnews);
  overflow: hidden auto;
  white-space: nowrap;
}

.modal.news .content p {
  padding: 2px 0 2px;
  margin: 10px 0px;
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 14px;
}

.modal.news .content p span::before {
  margin-top: -2px;
  content: attr(data-date);
  background-color: #eee;
  padding: 3px 6px;
  font-size: 0.8em;
  line-height: 18px;
  border-radius: 3px;
  margin-right: 8px;
  display: block;
  float: left;
  font-size: 12px;
}

.modal.news .content span::after {
  content: attr(data-author);
  padding: 3px 5px 3px 28px;
  background: var(--image-icon_user_settings)#f5f5f5 no-repeat 2px 2px;
  background-size: auto 90%;
  border-radius: 3px;
  line-height: 18px;
  margin-right: 8px;
  margin-top: -2px;
  display: inline-block;
  font-size: 14px;
}

.modal.homeN {
  width: calc(50% - var(--homemargin) - var(--homemargin2) / 2);
  left: calc(50% + var(--homemargin2) / 2);
  height: calc(50% - 170px) !important;
}

.modal.homeN:nth-child(even) {
  left: var(--homemargin);
}

.modal.homeN:nth-child(n+4) {
  top: calc(315px + var(--homemnews) + var(--homemargin) + var(--homemargin2) + var(--homemargin2));
}

.modal.homeN:nth-child(n+6) {
  top: calc(590px + var(--homemnews) + var(--homemargin));
}


.modal.homeN.doc:nth-child(odd) {
  left: var(--homemargin);
}

.modal.homeN.doc:nth-child(even) {
  left: calc(50% + var(--homemargin2) / 2);
}

.modal.homeN.doc:nth-child(n+1) {
  top: calc(82px + var(--homemargin))
}

.modal.homeN.doc:nth-child(n+3) {
  top: calc(275px + var(--homemargin) + var(--homemargin2))
}

.modal.homeN.doc:nth-child(n+5) {
  top: calc(468px + var(--homemargin) + var(--homemargin2) + var(--homemargin2))
}

.modal.homeconfig {
  flex-grow: 1;
  width: calc(100% - 230px - var(--homemargin) - var(--homemargin) - var(--homemargin2));
  left: var(--homemargin);
}

.modal.homeutils {
  left: calc(100% - 230px - var(--homemargin));
  right: var(--homemargin);
  width: 230px;
}

.modal.homeutils .content {
  overflow: hidden auto;
}

#prompt
  {
  position: fixed;
  top:0;
  left:0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 999999999999;
  }

#prompt .content > span 
  {
  padding: 20px 30px;
  display: block;
  text-align: center;
  text-wrap: balance;
  }

  #prompt .content form.ecopart > input
  {
  margin-top: 20px;
  color:#000;
  }

  #prompt .content form.ecopart > span 
  {
    padding: 2px 10px !important;
    display: inline-block;
    text-align: left;
    white-space: nowrap;
  }
  #prompt .content form.ecopart 
  {
    margin-top: -24px;
  }

  #prompt .content form.ecopart label
  {
  padding: 3px 10px !important;
  display: block;
  text-align: left;   
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  }
  #prompt .content form.ecopart label a
    {
      background-color: #eee;
      color: #fff;
      font-size: 20px;
      border-radius: 20px;
      padding: 12px;
      background-image: var(--image-icon_add);
      display: inline-block;
      margin: -7px 0;
      background-position: -3px -3px;
    }
  #prompt .content form.ecopart span > a
      {
        background-color: #eee;
        color: #fff;
        font-size: 20px;
        border-radius: 20px;
        padding: 12px;
        background-image: var(--image-icon_delete);
        display: inline-block;
        margin: -7px 0;
        background-position: -3px -3px;
      }

.homegestion {
  left: calc(95% - 230px);
  right: 95%;
  top: calc(100% - 256px);
  width: 230px;
}

.content.grid {
  display: grid;
  grid-template-columns: minmax(50px, 100px) minmax(240px, 1fr);
  grid-template-rows: 1fr;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  height: 155px;
}

.content.grid.config {
  grid-template-columns: minmax(50px, 100px) minmax(240px, 1fr);
  grid-template-rows: 1fr;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  height: 180px;
}

.content.grid .left_side {
  grid-area: 1 / 1 / 2 / 2;
  overflow: hidden;
  background-color: var(--color-gray-claire);
}

.content.grid .left_side::before {
  content: "";
  display: block;
  position: relative;
  top: 0;
  left: 30%;
  width: 100px;
  transform: translateX(-30%);
  height: 180px;
  margin-bottom: -180px;
  filter: var(--filter-grayscale);
  opacity: 0.2;
  background-repeat: no-repeat;
  background-size: 200px;
  background-position: -70px -20px;
}

.content.grid .left_side::after {
  content: "";
  display: block;
  position: relative;
  width: 80%;
  min-width: 50px;
  transform: translateX(round(-50%, 1px));
  height: 180px;
  top: 5%;
  left: 50%;
  background-repeat: no-repeat;
  background-size: 100%;
}

.content.grid .left_side.cl::before,
.content.grid .left_side.cl::after {
  background-image: var(--image-icon_cl);
}

.content.grid .left_side.dr::before,
.content.grid .left_side.dr::after {
  background-image: var(--image-icon_dr);
}

.content.grid .left_side.qc::before,
.content.grid .left_side.qc::after {
  background-image: var(--image-icon_qc);
}

.content.grid .left_side.fp::before,
.content.grid .left_side.fp::after {
  background-image: var(--image-icon_fp);
}

.content.grid .left_side.ec::before,
.content.grid .left_side.ec::after {
  background-image: var(--image-icon_ec);
}

.content.grid .left_side.vr::before,
.content.grid .left_side.vr::after {
  background-image: var(--image-icon_vr);
}

.content.grid .left_side.sp::before,
.content.grid .left_side.sp::after {
  background-image: var(--image-icon_sp);
}

.content.grid .left_side.admin::before,
.content.grid .left_side.admin::after {
  background-image: var(--image-icon_admin);
}

.content.grid .left_side.seller::before,
.content.grid .left_side.seller::after {
  background-image: var(--image-icon_seller);
}

.content.grid .left_side.user_settings::before,
.content.grid .left_side.user_settings::after {
  background-image: var(--image-icon_user_settings);
}

.content.grid .left_side.project::before,
.content.grid .left_side.project::after {
  background-image: var(--image-icon_folder);
}

.content.grid .right_side {
  grid-area: 1 / 2 / 2 / 3;
}

.content.grid .right_side ul {
  list-style: none;
  padding: 0;
  margin: 12px 0 0 0;
}

.content.grid .right_side li {
  text-decoration: none;
  color: var(--color-black-f);
  padding: 5px 0 5px 40px;
  white-space: nowrap;
  background-image: var(--image-fleche);
  background-repeat: no-repeat;
  background-position: 10px 0px;
}

.content.grid .right_side li.dl {
  background-image: var(--image-icon_dl_doc);

}

.content.grid .right_side li.dl:has(span) {
  white-space: nowrap !important;
}

.content.grid .right_side li.dl span {
  padding-right: 10px;
  background-color: #fff;
  position: sticky;
  right: 0;

}

.content.grid .right_side li.dl span a {
  padding-left: 30px !important;

}

.content.grid .right_side input.fileover {
  display: block;
  position: absolute;
  width: calc(100% - 8px);
  height: 0;
}

.content.grid .right_side.test input.fileover {
  height: calc(100% - 8px);
  z-index: 101;
  opacity: 0;
}

.content.grid .right_side.test ul {
  display: none;
}

.content.grid .right_side.test::before {
  display: block;
  position: absolute;
  width: calc(100% - 18px);
  height: calc(100% - 88px);
  border: solid 1px #eee;
  text-align: center;
  line-height: 100%;
  border-radius: 5px;
  background-color: #f5f5f5;
  content: 'Glissez vos fichiers ici';
  margin: 8px 0 0 5px;
  z-index: 100;
  padding: 35px 0;
  color: #ccc;
}

.content.grid .right_side li.dl.uploading {
  background-image: none;
}

.content.grid .right_side li.dl.uploading span {
  display: none;
}

.content.grid .right_side li.dl.deleting a._next_icon_delete,
.content.grid .right_side li.dl:not(.deleting) a._next_icon_undo {
  display: none;
}

.content.grid .right_side li.dl.deleting a:not(._next_icon_undo) {
  filter: var(--filter-grayscale);
  pointer-events: none;
  opacity: 0.6;

  text-decoration: line-through;
}

.content.grid .right_side li.dl.uploading::before {
  content: '';
  width: 20px;
  height: 20px;
  display: inline-block;
  position: absolute;
  margin-left: -26px;
  background-image: var(--image-icon_params);
  background-position: center;
  animation-duration: 1s;
  animation-name: animwait;
  animation-iteration-count: infinite;
}

.content.grid .right_side li.dl span a::before {
  width: 30px;
}

.content.grid .right_side li.dl span a:hover::before {
  background-color: #f8f8f8 !important;
  border-radius: 5px;
}

.content.grid .right_side li a {
  color: var(--color-black-f);
  cursor: pointer;
  text-decoration: none;
}

.content.grid .right_side li a span {
  text-transform: capitalize;
  opacity: 0.8;
  font-size: 0.9em;
}

.configflex {
  display: flex;
  flex-direction: row;
  overflow: hidden;
  position: fixed;
  height: calc(100% - 200px);
  width: inherit;
}

.content.side,
.configflex .left_side {
  width: 230px;
  padding: 0;
  margin: 0;
  list-style: none;
  background-color: var(--color-white);
  overflow: hidden;
}

.content.side,
.configflex .left_side.flex {
  display: flex;
  flex-direction: column;
  justify-content: space-around;

  height: 100%;
}

.content.side {
  margin: 37px 0 0 0;
}

.configflex .left_side.flex>.filler {
  flex-grow: 1;
}

.left_side li {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--font-large);
  transition: background-color 0.3s ease, transform 0.3s ease;
}

.left_side .MODULSTYLE:hover {
  transform: scale(1.25);
  /* Agrandir légèrement */
}

.left_side .ECOSTYL:hover {
  transform: scale(1.25);
  /* Agrandir légèrement */
}

.left_side .MODULSTYLE.active {
  transform: scale(1.25);
  /* Agrandir légèrement */
}

.left_side .ECOSTYL.active {
  transform: scale(1.25);
  /* Agrandir légèrement */
}

.creation_gamme {
  flex: 1;
}

.creation_gamme span {
  display: flex;
}

.configflex .right_side {
  flex: 1;
  background-color: var(--color-gray-claire);
  border-left: solid 1px #f5f5f5;
}

.right_side .lesbuttonnav {
  display: flex;
  position: absolute;
  flex-direction: row;
  justify-content: space-between;
  padding: 10px;
  width: calc(100% - 20px);
  top: 45%;
}

.lesbuttonnav .button_left {
  background-color: #00000018;
  width: 50px;
  height: 50px;
  border-radius: 5px;
  background-image: var(--image-fleche);
  background-size: 100%;
  transform: scale(-1);
  background-repeat: no-repeat;
  cursor: pointer;
}

.lesbuttonnav .button_left:hover {
  background-color: #00000038;
}

.lesbuttonnav .button_center {
  background-color: #00000018;
  width: 50px;
  height: 50px;
  border-radius: 5px;
  text-align: center;
  line-height: 50px;
  cursor: pointer;

}

.lesbuttonnav .button_center:hover {
  background-color: #00000038;
}


.lesbuttonnav .button_right {
  background-color: #00000018;
  width: 50px;
  height: 50px;
  border-radius: 5px;
  background-image: var(--image-fleche);
  background-size: 100%;
  background-repeat: no-repeat;
  cursor: pointer;
}

.lesbuttonnav .button_right:hover {
  background-color: #00000038;
}


.buttontitle {
  position: inherit;
  right: 0;
  background-image: var(--image-icon_add);
  background-repeat: no-repeat;
  text-decoration: none;
  color: var(--color-black-f);
  width: 30px;
  height: 30px;
  background-position: -5px -5px;
  background-color: var(--color-gray-claire);
}

.devis_recents {
  column-fill: auto;
  column-width: 220px;
  height: calc(100% - 50px);
  width: 10000px;
      background-color: var(--color-white-bg);
  z-index: 8;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  white-space: nowrap;
}

.devis_recents_new {
  padding: 0px 0px 0px 10px;
  white-space: nowrap;
      background-color: var(--color-white-bg);
}

.menubottom a:not(.titre),
.menuhome a,
.devis_recents a {
  display: block;
  padding: 5px;
  padding-left: 30px;
  font-size: var(--font-label);
  background-image: var(--image-fleche);
  background-repeat: no-repeat;
  color: var(--color-black-f);
  width: calc(100% - 40px);
  overflow: hidden;
  text-overflow: ellipsis;
  padding-left: 36px !important;
  position: relative;

}

.menuhome a:hover,
.menubottom a:hover,
.menubottom span[data-click]:hover,
.devis_recents a:hover,
.devis_recents_new a:hover {
  color: var(--menu-color-blue);
}

.menuhome div>span[data-click].dragged,
.menuhome div:not(.dragging)>span[data-click]:hover {
  border-color: #ddd;
}


.menubottom .titre {
  display: block;
  position: relative;
  margin: 0px 0 10px -10px;
  box-shadow-no: 0px 0px 15px 0px rgba(0, 0, 0, 0.08), 0px -20px 10px -10px rgba(255, 255, 255, 1)
}

.titre_secondaire {
  position: relative;
  background-color: var(--color-gray-claire);
  padding: 8px 0;
  border-bottom: 1px solid var(--color-gray-border);
  border-top: 1px solid var(--color-white);
  z-index: 9;
  white-space: nowrap;
  overflow: hidden;
  box-shadow-no: 0px 0px 15px 0px rgba(0, 0, 0, 0.08);
}

.menuhome {
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 10px;
  display: flex;
  flex-direction: column;
      background-color: var(--color-white-bg);
  z-index: 8;
  white-space: nowrap;
  flex-grow: 1;
  position: relative;
  overflow: auto;
}

.menubottom {
  padding-bottom: 10px;
  padding-left: 10px;
  display: flex;
  flex-direction: column;
      background-color: var(--color-white-bg);
  z-index: 8;
  white-space: nowrap;
}

.menuhome a {
  display: block;
  flex-direction: row;
  padding: 5px;
  padding-left: 30px;
  font-size: var(--font-label);
  background-image: var(--image-fleche);
  background-repeat: no-repeat;

  width: calc(100% - 40px);
  overflow: hidden;
  text-overflow: ellipsis;

}

.menuhome div {
  position: absolute;
  width: calc(100% - 20px);
  overflow: hidden auto;
  padding: 20px 5px 10px 5px;
}

.modal.homeutils .menuhome div {
  padding-top: 10px;
  padding-bottom: 0px;
  height: calc(100% - 10px);

}

.modal.homeconfig .menuhome div {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
}

.modal.homeconfig .menuhome div:has(span:nth-child(6n)) {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
}

.modal.homeconfig .menuhome div:has(span:nth-child(12n)) {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
}

.modal.homeconfig .menuhome div:has(span:nth-child(18n)) {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
}

.menuhome div>span {
  display: block;
  float: left;
  border: solid 1px #eee;
  border-radius: 3px;
  margin: 0 10px 10px 0;
  overflow: hidden;
  background-color: var(--color-white);
}

.menuhome div>span.empty {
  border: none;
  width: 100%;
}

.menuhome div>span img.new_repere {
  background: var(--image-icon_plus) #fcfcfc no-repeat center center;
  background-size: 50%;
  filter: var(--filter-grayscale);
  opacity: 0.3;
}

.menuhome div>span img {
  float: left;
  width: 100%;
  aspect-ratio: 1;
  border-radius: 2px;
}

.menuhome div>span span {
  margin: 5px 5px;
  float: left;
  width: calc(100% - 50px);
  overflow: hidden;
  text-overflow: ellipsis;
}

.menuhome div span.current {
  color: var(--menu-color-blue);
}

.valid_config {
  display: block;
  margin: 10px 20px;
  padding: 5px;
  background-color: var(--menu-color-blue);
  border-radius: 5px;
  color: white;
  text-align: center;
  cursor: pointer;
}

.valid_config:hover {
  background-color: var(--menu-color-blue-repere);
}

.valid_config a {
  width: 100%;
  display: block;
}

.popup {
  z-index: 99999;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}

.popup-content {
  text-align: end;
  background-color: #fefefe;
  margin: 15% auto;
  padding: 20px;
  border: 1px solid #888;
  width: fit-content;
  overflow-y: auto;
  /* Ajouter une barre de défilement si le contenu est trop long */
}

.popup-content a {
  width: auto;
  padding: 7px 15px 7px 45px;
  margin: 6px 7px 6px 0px;
  background-color: var(--menu-color-blue);
  color: var(--color-white);
  overflow: hidden;
  white-space: nowrap;
}

.popup-content a::before {
  content: "";
  display: block;
  position: absolute;
  background-size: 30px;
  height: 30px;
  width: 30px;
  margin-left: 85px;
  margin-top: -5px;
}

.popup-content h3 {
  text-align: start;
  margin: 0 0 15px 0;
}

.popup-content p {
  margin: 0 0 40px 0;
  text-align: start;
}

.popup-content a.plus_white::before {
  background-image: var(--image-icon_plus_white);
}

.popup-content a.save_white::before {
  background-image: var(--image-icon_save_white);
}

.popup-content a.annuler {
  background-color: var(--color-gray-dark-font);
  padding: 7px 15px 7px 15px;
}
.popup-content a.annuler:hover {
  background-color: var(--color-gray-pricezone);
  box-shadow-no: 0px 0px 3px 0px var(--color-gray-pricezone);
}

.popup-content a:hover {
  background-color: var(--menu-color-blue-repere);
  color: var(--color-white);
  box-shadow-no: 0px 0px 3px 0px var(--menu-color-blue-repere);
}

.copy {
  position: fixed;
  top: 200px;
  left: 50%;
  transform: translateX(round(-50%, 1px));
  background-color: var(--color-gray-normal);
  padding: 10px;
  border: 1px solid var(--color-gray-border);
  border-radius: 0px;
  box-shadow-no: 0 2px 5px rgba(0, 0, 0, 0.1);
  z-index: 9999;
}

.copy.statut3 {
  background-color: var(--color-error);
  color: var(--color-white);
}

.copy.statut2 {
  background-color: var(--color-warning);
  color: var(--color-white);
}


.editor {
  position: fixed;
  ;
  left: 434px;
  right: 0px;
  top: 114px;
  bottom: 0px;
  background-color: rgba(255, 255, 255, 0.4);
  border-left: solid 50px #fff;


}

#ptsfond {
  position: fixed;
  ;
  left: 0;
  right: 0px;
  top: 0;
  height: 114px;
  background-color: rgba(255, 255, 255, 0.4);

}

#pointsbg {
  display: block;
  position: absolute;

  z-index: 99999;
  width: 100%;
  height: 100%;
}

#imagebg {
  display: block;
  position: absolute;
  z-index: -1;
  left: -10%;
  width: calc(100% - 50px);
  padding-left: calc(10% + 50px);
  height: calc(100% - 50px);
  padding-top: round(calc(50px), 1px);
  outline: none;
}

.point {
  position: absolute;
  left: var(--x);
  top: var(--y);
  width: 0px;
  height: 0px;
  margin-top: 50px;
  margin-left: 50px;
}

.point::after {
  content: "";
  position: absolute;
  background-color: var(--color);
  margin-top: -2px;
  margin-left: -2px;
  width: 6px;
  height: 6px;
  border-radius: 10px;
}

.point>span {
  position: absolute;
  background-color: #fff;
  border: solid 1px #666;
  z-index: 88888;
  opacity: 0.4;
  border-radius: 5px;
  border-bottom-right-radius: 0;
  padding: 0 3px;
  font-size: 10px;
  transform: translate(round(calc(-100%), 1px), round(calc(-100%), 1px));
}

.point::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  z-index: 999;
  width: var(--dist);
  height: 2px;
  transform-origin: 0 1px;
  transform: rotate(var(--rot));
  background-color: var(--color);
}

#mousepos {
  position: absolute;
  left: 50px;
  top: 50px;
  background-color: green;
  margin-top: -5px;
  margin-left: -5px;
  width: 10px;
  height: 10px;
  border-radius: 10px;

}

#mousepos::before {
  content: attr(data-pts);
  background-color: #ccc;
  border: solid 2px #aaa;
  margin-top: -30px;
  margin-left: -40px;
  width: 70px;
  text-align: center;
  padding: 3px 5px;
  position: absolute;
}

/* keyframes */
@keyframes fadein {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes blinkersoft {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes blinker {
  0% {
    opacity: 1;
  }

  49% {
    opacity: 1;
  }

  50% {
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

@keyframes sync {
  0% {
    width: 10%;
    margin-left: 0;
    background-color: var(--menu-color-blue);
  }

  20% {
    margin-left: 90%;
  }

  40% {
    margin-left: 0%;
  }

  60% {
    margin-left: 90%;
  }

  80% {
    margin-left: 0%;
  }

  90% {
    width: 10%;
    margin-left: 45%;
    background-color: var(--menu-color-blue);
  }

  95% {
    width: 100%;
    margin-left: 0%;
    background-color: green;
    opacity: 1;
  }

  98% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes clignoter {
  0% {
    opacity: 1;
  }

  58% {
    opacity: 1;
  }

  59% {
    opacity: 0.5;
  }

  99% {
    opacity: 0.5;
  }

  100% {
    opacity: 1;
  }
}

@keyframes animwait2 {
  0% {
    rotate: 0deg;
  }

  100% {
    rotate: 360deg;
  }

}

@keyframes animwait {
  0% {
    rotate: 0deg;
  }

  70% {
    rotate: 120deg;
  }

  100% {
    rotate: 120deg;
  }
}

@keyframes animerror {
  0% {
    rotate: -20deg;
  }

  10% {
    rotate: 20deg;
  }

  20% {
    rotate: -20deg;
  }

  30% {
    rotate: 20deg;
  }

  40% {
    rotate: -20deg;
  }

  50% {
    rotate: 20deg;
  }

  60% {
    rotate: -20deg;
  }

  70% {
    rotate: 0deg;
  }
}

@keyframes animwarning {
  0% {
    rotate: -10deg;
  }

  10% {
    rotate: 10deg;
  }

  20% {
    rotate: -10deg;
  }

  30% {
    rotate: 10deg;
  }

  40% {
    rotate: -10deg;
  }

  50% {
    rotate: 10deg;
  }

  60% {
    rotate: -10deg;
  }

  70% {
    rotate: 0deg;
  }
}

@keyframes animok {
  0% {
    rotate: 0deg;
  }

  70% {
    rotate: 360deg;
  }

  100% {
    rotate: 360deg;
  }
}


.text_frame {
  display: block;
  white-space: break-spaces;
  border: dotted 2px var(--color-gray-border);
  margin-right: 10px;
  font-size: small;
  padding: 14px;
  text-wrap: balance;
  text-align: center;
  background-color: var(--color-gray-claire);
  opacity: 0.75;
}

.text_frame *[data-click] {
  display: inline;
  padding: 0px;
  text-align: center;
  margin: 0px;
  text-decoration: underline;
}

._next_cout_devis {
  display: block;
  position: fixed;
  top: 81px;
  right: -460px;
  width: calc(calc(100% - 340px) / 10 + 340px); /* 300px + 10% de ce qu'il reste */
  z-index: 9999;
  transition: right 0.1s 0s;
  height: calc(100% - 82px);

}
._next_cout_devis > * {
  border-left: solid 1px var(--color-gray-border-dark);
  background-image: none;
}
._next_cout_devis > *:last-child {
  border-bottom: solid 1px  var(--color-gray-border-dark);
}
.context_cout ._next_cout_devis {
  right: 0px;
}

.forticket {
  padding: 0 16px 0 0;
  background-color: var(--color-gray-normal);
}

._next_cout_detail {
  background-color: var(--color-white);
  max-height: calc(100% - 34px);
  box-shadow-no: -5px 5px 15px -5px rgba(0, 0, 0, 0.14);
  position: relative;
  overflow: auto;
}

._next_cout_detail>div {
  padding: 2px 7px;
}

._next_cout_detail ._next_cout_article {
  display: flex;
  justify-content: space-between;
  width: 100%;
  background-color: var(--color-white);
  font-size: var(--font-small);
  padding: 2px 0;
  border-top: 1px solid var(--color-gray-border);
}

._next_cout_detail ._next_cout_article.tva {
  background-color: #f8f8f8;

}

div:hover>.show_tva {
  background-color: #ececec;
  padding: 3px 4px;
  margin: -3px -4px;
  border-radius: 3px;
}

.show_tva:hover {
  background-color: #ddd !important;
  color: var(--color-white) !important;

}

._next_cout_detail ._next_cout_article.error {
  color: var(--color-error);
}

._next_cout_article:first-child {
  border-top: none !important;
}

._next_cout_repere {
  padding: 6px 0px;
  flex: 1;
}
._next_cout_ecopart {
  padding: 6px 0px;
  flex: 0;
}
body:not(.prostyl) ._next_cout_ecopart,
.empty > ._next_cout_ecopart {
  display: none;
}

.menubottom ._next_cout_repere:first-child {
  margin-bottom: 6px;
  margin-top: 6px;
}

.enabled ._next_cout_repere:hover::before {
  background-image: var(--image-checkbox2);
  background-position: 0px -1px;
}

.disabled ._next_cout_repere:hover::before {
  background-image: var(--image-checkbox2) !important;
  background-position: 0px -31px !important;
}

.disabled ._next_cout_repere:not(:hover)::before {
  filter: var(--filter-grayscale);
  opacity: 0.5;
}

.disable_btn {
  opacity: 0.2 !important;
}

.disable {
  filter: var(--filter-grayscale);
  opacity: 0.2;
  pointer-events: none;
}


._next_cout_qte {
  padding: 6px 5px;
  min-width: 30px;
  text-align: right;
}

._next_cout_qte::before {
  content: attr(data-price) " € x ";
  opacity: 0.4;
}

._next_cout_qte[data-qty="1"]::after {
  content: "";
}

._next_cout_qte[data-qty="1"]::before {
  content: " x ";
}

._next_cout_qte[data-qty="1"] {
  opacity: 0.25;
}


._next_cout_qte[data-qty="1"]:focus,
._next_cout_qte[data-qty="1"]:hover {
  opacity: 1;
  cursor: text;
}
._next_cout_prix {
  padding: 6px 5px;
  min-width: 65px;
  text-align: right;
}
._next_cout_version_tarif {
  padding: 5px 5px 4px;
  min-width: 50%;
  text-align: right;
}
._next_cout_article:not(.line) ._next_cout_prix:not([data-qty="1"])::before {
  content: " = ";
  opacity: 0.4;
}

._next_cout_repere::after,
._next_cout_prix::after,
._next_cout_article.undefined>._next_cout_repere,
._next_cout_article.undefined>._next_cout_prix {
  opacity: 0.2;
}

.line ._next_cout_prix:not(:empty)::after {
  content: ' € HT';
  text-align: right;
  opacity: 1;
}

.line ._next_cout_prix.prct:not(:empty)::after {
  content: ' = ' attr(data-discount) ' €';

  text-align: right;
  opacity: 0.5;
  font-style: italic;
}
.line ._next_cout_prix.pricebefore:not(:empty)::after
  {
  content:    ' €'
  }
.line ._next_cout_prix.pricebefore
    {
  padding-right: 0;
  min-width: 25px;
    }
.line ._next_cout_qte::before
  {
  content: " x ";
  }
.line ._next_cout_qte.showtotal::after
  {
  content: " = " attr(data-result)" € HT ";
  min-width: 65px;
  text-align: right;
  display: inline-block;
  opacity: 0.6;
  padding-left: 5px;
  }
.tva ._next_cout_prix::before {
  display: none;
}

.tva ._next_cout_prix {
  text-align: right;
  opacity: 0.5;
  font-style: italic;
}

.tva ._next_cout_prix {
  min-width: 0;
}

.tva select option {
  text-align: left;
}

.tva select {
  padding: 5px 5px 5px 20px;
  font-size: inherit;
  background-color: transparent;
  cursor: pointer;
}

.tva select:hover {
  background-color: var(--color-gray-claire);
}


.line ._next_cout_prix[data-result]:not([data-result=""])::after {
  content: ' = ' attr(data-result) ' € HT';
  text-align: right;
  opacity: 0.5;
  font-style: italic;
}

._next_cout_prix.perso::after {
  content: 'Ce prix a été personnalisé';
}

._next_cout_detail ._next_cout_article.error>._next_cout_prix::before {
  content: "";
  background-image: var(--image-icon_error);
  background-size: 70%;
  background-position: 2px 4px;
  width: 18px;
  height: 18px;
  background-repeat: no-repeat;
  float: inline-start;
}

._next_cout_article.disabled>._next_cout_repere,
._next_cout_article.disabled>._next_cout_prix {
  color: var(--color-gray-deleted);
  text-decoration: line-through;
}


._next_cout_repere::before {
  margin-left: -34px !important;
}

._next_cout_repere._next_icon {
  padding-left: 36px !important;
  position: relative;
}

._next_cout_detail ._next_cout_repere._next_icon {
  max-width: calc(100% - 80px);
  overflow: hidden;
}

._next_cout_repere:not(._next_icon) {
  width: 100%;
  margin: 5px -2px 5px 0;
  text-align: center;
  text-overflow: initial;
}

._next_cout_repere.remise_active:before {
  background-image: var(--image-checkbox2);
  background-position: 0px -1px;
}

._next_cout_repere.remise_disabled {
  color: var(--color-gray-deleted);
  opacity: 0.6;
}

._next_cout_repere.remise_disabled:before {
  background-image: var(--image-checkbox2);
  background-position: 0px -31px;
  color: var(--color-gray-deleted);
}

._next_cout_commente {

  padding: 2px 0;
  border-top: 1px solid var(--color-gray-border);
}

._next_cout_commente>textarea {
  display: block;
  width: calc(100%);
  font-size: var(--font-small);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: none;
  margin: 0;
  padding: 6px 0 0px 36px;
  background-position: 2px 2px;
  background-repeat: no-repeat;
  background-image: var(--image-icon_edit2);
}

._next_cout_commente>textarea::placeholder {
  opacity: 0.2;
}

._next_cout_button {
  display: flex;
  flex-direction: row-reverse;
  border-top: 1px solid var(--color-gray-border);
  background-color: var(--color-gray-normal);
  box-shadow-no: 0px 0px 15px 0px rgba(0, 0, 0, 0.08);
  padding: 7px;
  position: sticky;
  bottom: 0;
  overflow: hidden;
}
._next_cout_errors
  {
    padding: 0px 5px 5px 5px !important;
    text-align: left;
    font-size: 0.85em;
    line-height: 0.98em;
    white-space: pre-line;
    background-color: var(--color-gray-normal);
  }
  ._next_cout_errors > span
    {
      padding: 5px 8px 5px 37px;
      display: block;
      border-radius: 3px;
      background-color: #fff;
      background-image: var(--image-icon_error);
      background-repeat: no-repeat;
      background-position: 9px calc(50%);
      background-size: 20px;
      }
._next_cout_errors.statut2 > span
     {
      background-image: var(--image-icon_warning);
    }
._next_cout_button>span {
  padding: 7px;
  flex-grow: 1;
  font-size: var(--font-small);
  text-align: center;
}

._next_cout_button>a {
  width: auto;
  background-color: var(--menu-color-blue);
  color: var(--color-white);
  border-radius: 2px;
  padding: 6px 0px 6px 40px;
  margin: 2px -2px 2px 5px;
}

.content .buttons a,
.btn>a {
  border-radius: 2px;
}

._next_cout_button.NET>a {
  background-color: #E00000;
}

.btn a:hover,
._next_cout_button>a:hover {
  background-color: var(--menu-color-blue-repere) !important;
  color: var(--color-white);
  box-shadow: 0px 0px 3px 0px var(--menu-color-blue-repere);
}

._next_cout_button>a::after {
  content: "";
  display: block;
  position: absolute;
  background-size: 30px;
  height: 30px;
  width: 30px;
  margin-left: -35px;
  margin-top: -25px;
}

._next_cout_button>a.plus_white::after {
  background-image: var(--image-icon_save);
  filter: var(--filter-white);
}

._next_cout_button>a.plus_white.build_doc::after {
  background-image: var(--image-icon_params);
  background-size: 36px;

  background-position: center;
}

._next_cout_button>a.plus_white.dl_doc::after {
  background-image: var(--image-icon_dl_doc);

  background-position: center;
}

._next_cout_button>a.plus_white.send_doc::after {
  background-image: var(--image-icon_mail);

  background-position: center;
}

._next_cout_button>a.plus_white.view_doc::after {
  background-image: var(--image-icon_view_doc);
  background-size: 30px;
  background-position: 50%;
}

._next_cout_button>a.plus_white.view_sylob::after {
  background-image: var(--image-icon_view_sylob);
  background-position: center;
  background-size: 20px;
  background-repeat: no-repeat;
}

._next_cout_button>a.plus_white.view_sylob::before {
  content: "Sylob";
  padding: 0px 15px 0px 0px;
}

._next_cout_button>a.plus_white.docWAIT::after,
._next_cout_button>a.plus_white.view_sylob.SEND::after {

  animation-duration: 1s;
  animation-name: animwait2;
  animation-iteration-count: infinite;
  animation-timing-function: ease;
}

._next_cout_button>a.plus_white::before {
  content: "";
  height: 20px;
  display: block;
}

._next_cout_button>a.plus_white.build_doc.docCREATED,
._next_cout_button>a.plus_white.build_doc.docMAILED,
._next_cout_button>a.plus_white.view_doc:not(.docCREATED):not(.docMAILED),
._next_cout_button>a.plus_white.dl_doc:not(.docCREATED):not(.docMAILED),
._next_cout_button>a.plus_white.send_doc:not(.docCREATED):not(.docMAILED) {
  display: none;
}

._next_cout_button>a.plus_white.build_doc.docWAIT::before,
._next_cout_button>a.plus_white.build_doc.doc::before {
  content: "Convertir en devis";
  padding: 0px 15px 0px 0px;
}

._next_cout_button.NET>a.plus_white.build_doc.doc::before {
  content: "Convertir en devis en PRIX NET";
  padding: 0px 15px 0px 0px;
}

._next_cout_button>a.plus_white.view_doc.docMAILED::before,
._next_cout_button>a.plus_white.view_doc.docCREATED::before {
  content: "Ouvrir le devis";
  padding: 0px 15px 0px 0px;
}

._next_cout_button>a.plus_white.build_doc.docWAIT::after {
  background-image: var(--image-icon_params);

  background-position: center;
  animation-duration: 1s;
  animation-name: animwait;
  animation-iteration-count: infinite;
}

.getemail {
  display: block;
  width: 85%;
  background-repeat: no-repeat;
  background-position: left;
  background-size: 20px;
  background-position-x: 8px;
  padding: 5px 0 5px 37px;
  margin: 10px 0 10px 0px;
  font-size: inherit;
  height: 20px;
  background-color: transparent;
  border: 0;
  outline: none;
  color: white;
  text-underline-offset: auto;
  background-image: var(--image-icon_email);
}

.email:focus::placeholder {
  color: transparent;
}



/* PARTIE CLEMENT */

.statutChois {
  position: fixed;
  background-color: var(--color-white);
  border-top: 0;
  margin: -1px 0 0 1px;
  padding: 0;
  box-shadow-no: 2px 2px 5px rgba(0, 0, 0, 0.1);
  z-index: 99999;
  min-width: 100px;
}

.statutChois>li {
  list-style: none;
  cursor: pointer;
  padding: 0 5px;
  padding: 4px 30px 4px 10px;
}

.statutChois>li:hover {
  background-color: var(--color-gray-claire);
}

.statutChois.up {
  transform: translateY(round(calc(-100%), 1PX));
  margin: 0px 0 0 1px;
  box-shadow-no: 2px -2px 5px rgba(0, 0, 0, 0.1);
}

.statutChois li.statut_closed,
.statutChois li.statut_cancelled,
.statutChois li.statut_0 {
  color: var(--color-error);
}

.statutChois li.statut_closed::before,
.statutChois li.statut_cancelled::before,
.statutChois li.statut_0::before {
  content: "";
  background-image: var(--image-icon_delete);
  background-size: 80%;
  background-position: 3px 3px;
  filter: var(--filter-red);
  width: 30px;
  height: 24px;
  background-repeat: no-repeat;
  float: inline-start;
  line-height: 30px;
  background-position-y: -1px;
}

.statutChois li.statut_confirmed,
.statutChois li.statut_valid,
.statutChois li.statut_1 {
  color: #08aa02;
}

.statutChois li.statut_confirmed::before,
.statutChois li.statut_valid::before,
.statutChois li.statut_1::before {
  content: "";
  background-image: var(--image-selected2);
  background-size: 80%;
  background-position: 3px 3px;
  filter: var(--filter-green);
  width: 30px;
  height: 24px;
  background-repeat: no-repeat;
  float: inline-start;
  line-height: 30px;
  background-position-y: -1px;
}

.statutChois li.statut_waiting {
  color: var(--color-warning);
}

.statutChois li.statut_waiting::before {
  content: "";
  background-image: var(--image-icon_waiting);
  background-size: 80%;
  background-position: 3px 3px;
  width: 30px;
  height: 24px;
  background-repeat: no-repeat;
  float: inline-start;
  line-height: 30px;
  background-position-y: -1px;
}


.statutChois li.statut_inprogress {
  color: var(--color-warning);
}

.statutChois li.statut_inprogress::before {
  content: "";
  background-image: var(--image-icon_edit2);
  background-size: 80%;
  background-position: 3px 3px;
  width: 30px;
  height: 24px;
  background-repeat: no-repeat;
  float: inline-start;
  line-height: 30px;
  background-position-y: -1px;
}

.statutChois li.statut_send {
  color: var(--menu-color-blue);
}

.statutChois li.statut_send::before {
  content: "";
  background-image: var(--image-icon_mail);
  background-size: 80%;
  background-position: 3px 3px;
  width: 30px;
  height: 24px;
  background-repeat: no-repeat;
  float: inline-start;
  line-height: 30px;
  background-position-y: -1px;
}

.statutChois li.statut_produced {
  color: #08aa02;
}

.statutChois li.statut_produced::before {
  content: "";
  background-image: url(../images/svg_yakup/6_icon_commande_en_prod.svg);
  background-size: 80%;
  background-position: 3px 3px;
  width: 30px;
  height: 24px;
  background-repeat: no-repeat;
  float: inline-start;
  line-height: 30px;
  background-position-y: -1px;
}

.statutChois li.statut_expedied_partially {
  color: #c28400;
}

.statutChois li.statut_expedied_partially::before {
  content: "";
  background-image: url(../images/svg_yakup/7_icon_commande_en_cours_expedition.svg);
  background-size: 80%;
  background-position: 3px 3px;
  width: 30px;
  height: 24px;
  background-repeat: no-repeat;
  float: inline-start;
  line-height: 30px;
  background-position-y: -1px;
}

.statutChois li.statut_expedied {
  color: #047400;
}

.statutChois li.statut_expedied::before {
  content: "";
  background-image: url(../images/svg_yakup/8_icon_commande_expedier.svg);
  background-size: 80%;
  background-position: 3px 3px;
  width: 30px;
  height: 24px;
  background-repeat: no-repeat;
  float: inline-start;
  line-height: 30px;
  background-position-y: -1px;
}

.statutChois li.statut_factured_partially {
  color: #00b5c2;
}

.statutChois li.statut_factured_partially::before {
  content: "";
  background-image: url(../images/svg_yakup/9_icon_commande_facturee.svg);
  background-size: 80%;
  background-position: 3px 3px;
  width: 30px;
  height: 24px;
  background-repeat: no-repeat;
  float: inline-start;
  line-height: 30px;
  background-position-y: -1px;
}

.statutChois li.statut_factured {
  color: var(--menu-color-blue);
}

.statutChois li.statut_factured::before {
  content: "";
  background-image: url(../images/svg_yakup/10_icon_commande_paye.svg);
  background-size: 80%;
  background-position: 3px 3px;
  width: 30px;
  height: 24px;
  background-repeat: no-repeat;
  float: inline-start;
  line-height: 30px;
  background-position-y: -1px;
}

.noBack {
  background-color: transparent !important;
  border: none !important;
  margin: 0 !important;
  padding: 0px 6px !important;
}

div.table {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  width: 100%;
  height: 100%;
  flex-direction: row;
}

div.table div.active {
  border: var(--menu-color-blue) 2px solid;
  overflow: hidden;
}

div.table div.active::after {
  content: "✔";
  position: absolute;
  color: var(--color-white);
  width: 15px;
  text-align: center;
  height: 20px;
  margin-top: 32px;
  margin-left: 60px;
}

div.style {
  display: flex;
  margin: 10px 10px 0px 0px;
  border: 2px black solid;
  width: 70px;
  height: 48px;
  align-items: center;
  justify-content: center;
  background-color: #1a1a1a;
  position: relative;
}

div.style span {
  font-size: 15px;
  font-weight: bold;
  color: white;
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}


.initials {
  width: 20px;
  height: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background-color: #ccc;
  margin: 1px;
}

.shape1 {
  width: 20px;
  height: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background-color: #ccc;
  margin: 1px;
  text-transform: uppercase;
  text-shadow: 0 0 2px rgba(0, 0, 0, 0.6);
}

.shape2 {
  width: 20px;
  height: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background-color: #ccc;
  margin: 1px;
  text-transform: uppercase;
  text-shadow: 0 0 2px rgba(0, 0, 0, 0.6);
}

.shape3 {
  width: 20px;
  height: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background-color: #ccc;
  margin: 1px;
  text-transform: uppercase;
  text-shadow: 0 0 2px rgba(0, 0, 0, 0.6);
}

.others {
  position: absolute;
  width: 100%;
  text-align: right;
  margin-top: 20px;
  font-style: italic;
  text-shadow: 0 0 2px black, 0 0 2px black;
  margin-right: 7px;
  font-size: 13px;
}

/* Styles spécifiques pour chaque forme */
.style1 .shape {
  background-color: var(--menu-color-blue);
  margin: 0 0px;
}

.style2 .shape1 {
  background-color: var(--menu-color-blue-repere);
  clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
  width: 30px;
  height: 30px;
}

.style2 .shape2 {
  background-color: var(--menu-color-blue);
  clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
  margin: 0 -7px;
  width: 30px;
  height: 30px;
}

.style2 .shape3 {
  background-color: var(--menu-color-selection);
  clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
  width: 30px;
  height: 30px;
}

.style3 .shape1 {
  background-color: var(--menu-color-blue);
  border-radius: 1px;
}

.style3 .shape2 {
  background-color: var(--menu-color-blue);
  border-radius: 1px;
}

.style3 .shape3 {
  background-color: var(--menu-color-blue);
  border-radius: 1px;
}

.style4 .initials {
  background-color: var(--menu-color-blue);
  width: 40px;
  height: 40px;
}

.style5 .initials {
  background-color: var(--menu-color-blue);
  transform: skew(-20deg);
  width: 50px;
  height: 30px;
  border-radius: 0;
}

.style6 .shape1 {
  background-color: var(--menu-color-blue-repere);
}

.style6 .shape2 {
  background-color: var(--menu-color-blue);
  border-radius: 0;
}

.style6 .shape3 {
  background-color: var(--menu-color-selection);
  clip-path: polygon(40% 0%, 60% 0%, 100% 40%, 100% 60%, 60% 100%, 40% 100%, 0% 60%, 0% 40%);
}

.style7 .initials {
  background-color: var(--menu-color-blue);
  border-radius: 0;
  width: 40px;
  height: 40px;
}

.style8 .initials {
  background-color: var(--menu-color-blue);
  border-radius: 0;
  width: 60px;
  height: 5px;
  text-shadow: 0px 0px 4px black, 0px 0px 4px black;
}

.style9 .initials {
  background-color: transparent;
  border-radius: 0;
  padding-bottom: 10px;
  border-bottom: var(--menu-color-blue) 5px solid;
  width: 60px;
  height: 5px;
}

.style10 .initials {
  width: 40px;
  height: 40px;
  background-color: var(--menu-color-blue);
  border-radius: 8px 0px 8px 0;
}

.style11 .shape {
  background-color: transparent;
  border: 2px solid var(--menu-color-blue);
  margin: 0 -1px;
}

.style12 .initials {
  background-color: transparent;
  width: max-content;
}

.style12 .initials::after {
  content: "";
  background-image: var(--image-icon_cl);
  height: 30px;
  width: 30px;
  margin-right: -5px;
}

.style13 .initials {
  background-color: transparent;
  width: max-content;
}

.style13 .initials::after {
  content: "";
  background-image: var(--image-icon_fp);
  height: 30px;
  width: 30px;
  margin-right: -5px;
}

.style14 .initials,
.style15 .initials,
.style16 .initials,
.style17 .initials {
  display: block;
  background-color: transparent;
  font-size: 13px;
  position: relative;
  left: 0;
  width: 70px;
  text-align: center;
  padding-top: 27px;
}

.style14 .initials::before,
.style15 .initials::before,
.style16 .initials::before,
.style17 .initials::before {
  content: "";
  position: absolute;
  background-repeat: no-repeat;
  width: 30px;
  background-position: 0px 0px;
  height: 30px;
  left: 20px;
  top: 2px;
}

.style14 .initials::before {
  background-image: var(--image-icon_folder);
  top: 0px;
}

.style15 .initials::before {
  background-image: var(--image-icon_3D);
}

.style16 .initials::before {
  background-image: var(--image-icon_prostyl);
  background-size: 75%;
  left: 25px;
  top: 4px;
}

.style17 .initials::before {
  top: 0px;
  background-image: var(--image-icon_cl);
}

.style0::before {
  content: "";
  background: var(--image-icon_prostyl) no-repeat center;
  height: 30px;
  width: 40px;
}

div.onNav>div.style {
  margin: 0;
  padding: 0 0px;
  border: none;
}

div.onNav {
  cursor: pointer;
}


li.f {
  display: none;
}

.required::after {
  content: ' *';
  margin: 0 -1px 0 -1px;
  color: red;
}



.preview_image {
  display: none;
}


.imagetemp {
  margin: 2px;
  border: 2px black solid;
  border-radius: 5px;
}

.imagetemp.active {
  border-color: var(--menu-color-blue);
}

.content.grand {
  height: 100%;
  overflow: hidden;

}

.content.flex {
  display: flex;
}

.content.grand.home {
  display: flex;
  flex-direction: column;
}


.content .choise_gamme {
  margin: 0;
  padding: 0;
  height: 100%;
  display: flex;
  justify-content: space-around;
  flex-direction: row;
  flex-wrap: nowrap;
  list-style: none;
}

.content .choise_gamme li {
  flex: 1;
  height: 100%;
  padding: 0;
  margin: 0;
  text-align: center;
  font-size: 40px;
  background-color: #ECECF2;
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: center;

  transition: background-size 0.3s ease;
  box-shadow-no: -2px 0px 12px -13px black inset;
}

.content .choise_gamme li:last-child {
  box-shadow-no: none;
}

.content .choise_gamme li span {
  display: block;
  padding-top: 150px;
  text-shadow: 1px 1px 1px black, 0px 0px 2px black, 0px 0px 2px black, 0px 0px 2px black;
  color: white;
}

.content .choise_gamme li.gamme_ec {
  background-image: url(../images/preconfig/ec.png);
}

.content .choise_gamme li.gamme_cl {
  background-image: url(../images/preconfig/cl.png);
}

.content .choise_gamme li.gamme_dr {
  background-image: url(../images/preconfig/dr_beta.png);
}


.content .choise_gamme li.gamme_qc {
  background-image: url(../images/preconfig/qc.png);
  filter: var(--filter-grayscale);
}

.content .choise_gamme li.gamme_sf {
  background-image: url(../images/preconfig/sf.png);
  filter: var(--filter-grayscale);
}

.content .choise_gamme li.gamme_sp {
  background-image: url(../images/preconfig/sp.png);
}
.content .choise_gamme li.gamme_vr {
  background-image: url(../images/preconfig/vr_beta.png);
}

.content .choise_gamme li:hover {
  background-size: 105% auto;
}

.content .title {
  width: 100%;
  font-size: var(--font-large);
  padding-top: 10px;
  padding-bottom: 10px;
  display: block;
}

.content .subtitle {
  border: solid 1px var(--color-gray-border);
  margin: 20px 0px;
  background-color: var(--color-gray-claire);
  text-align: center;
  font-size: var(--font-medium);
  font-weight: normal;
  padding: 6px 6px 6px 6px;
  box-shadow-no: 0px 0px 10px 0px rgba(0, 0, 0, 0.08), 0px 22px 2px -21px inset #fff;
}

.content .gamme_preconfiguration {
  padding: 20px 40px 70px;
}

.content .gamme_preconfiguration>div {
  display: flex;
  margin: 10px 0px 0 0px;
  padding: 0px 6px;
  flex-direction: row;
  flex-wrap: wrap;
}


.content .gamme_preconfiguration div span {
  width: max(14%, 110px);
  font-size: 0.95em;
}

.content .gamme_preconfiguration div span:not(.finition) {

  white-space: nowrap;
}

.content .gamme_preconfiguration div input,
.content .gamme_preconfiguration div select,
.content .gamme_preconfiguration div div {
  padding: 2px;
  flex: 5;
}

.content .gamme_preconfiguration div div a {
  min-width: 50px;
  width: calc(25% - 6px);
  text-decoration: none;
  border: solid 2px var(--color-gray-dark-font);
  border-radius: 4px;
  padding: 1px;
  box-sizing: border-box;
  background-color: white;
  display: block;
  float: left;
  margin: 3px;
  height: auto;
  position: relative;
}

.content .gamme_preconfiguration div div a.selected {
  border: solid 2px var(--menu-color-blue-repere);
}

.content .gamme_preconfiguration div div a.selected::after {
  content: "";
  background-image: var(--image-selected);
  position: absolute;
  display: block;
  color: var(--menu-color-blue);
  padding: 0 1px;
  text-align: right;
  margin-top: -20px;
  margin-left: -20px;
  left: 100%;
  width: 30px;
  height: 30px;
}

.content .gamme_preconfiguration div div.big a.selected::after {
  margin-top: 10px;
}

.content .gamme_preconfiguration div div a .finition {
  position: absolute;
  display: block;
  z-index: 1;
  border-right: solid 2px rgba(0, 0, 0, 0);
  border-left: solid 2px rgba(0, 0, 0, 0);
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  padding: 5px 0px 5px;
  margin: 50% -2px 0 -2px;
  text-align: center;
  font-size: 11px;
  color: white;
  content: attr(data-info) !important;
  overflow: hidden;
  width: 100%;
  line-height: 0.9;
  transform: translateY(calc(round(-50%, 1px) - 2px));
  text-shadow: 1px 1px 1px black, 0px 0px 2px black, 0px 0px 2px black, 0px 0px 2px black;
}

.content .gamme_preconfiguration div div.big a {
  padding-bottom: 30px;
}

.content .gamme_preconfiguration div div.big a .finition {
  text-shadow: 1px 1px 1px #FFF, 0 0 2px #FFF, 0 0 2px #FFF, 0 0 2px #FFF !important;
  color: var(--color-black-f);
  margin-top: calc(100% + 15px);
}

.content .gamme_preconfiguration div div a img {
  border-radius: 2px;
  width: 100%;
  position: relative;
  padding: 0;
  margin: 0 0 -4px;
}


a.current {
  border-color: var(--menu-color-blue) !important;
}


.content .gamme_preconfiguration.last {
  margin-bottom: 60px;
}

.content .gamme_preconfiguration div div .img_catalogue {
  width: calc(50% - 6px);
  text-decoration: none;
  border: solid 2px var(--color-gray-dark-font);
  border-radius: 4px;
  padding: 1px;
  box-sizing: border-box;
  background-color: white;
  display: block;
  float: left;
  margin: 3px;
  height: auto;
  position: relative;
}

    
.orcab   .parammissing>div {
    grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)) !important;
  }
  
@media (max-width: 1200px) {
  :root {
    --width-price: 52px;
    --width-menu-left: 405px;
    --width-menu-form: calc(var(--width-menu-left) - 225px);
  }
  
}

@media (max-width: 1000px) {
  :root {
    --width-price: 47px;
    --width-menu-left: 380px;
    --width-menu-form: calc(var(--width-menu-left) - 215px);
    --homemargin: 26px;
    --homemargin2: 14px;
    --homemnews: 82px;
  }
}

@media (max-width: 800px) {
  :root {
    --homemargin: 16px;
    --homemargin2: 9px;
    --homemnews: 82px;
  }
}

@media (max-width: 600px) {
  .bar li {
    padding: 6px 17px;
  }
  .content form>div {
    flex-direction: column;
  }
  .content form>div>*:first-child
    {
    text-align: left;
    margin-bottom: -5px;
    margin-top: 3px;
    }
    .content form>div>*:last-child
    {
      width: calc(100% - 18px);
    
    }
  .content.flex {
    display: block;
  }

  .content .gamme_preconfiguration div>span {
    display: block;
    clear: both;
  }
}

@media (min-width: 500px) {


  .content .gamme_preconfiguration div div a {
    width: calc(20% - 6px);
  }
}

@media (min-width: 800px) {


  .content .gamme_preconfiguration div div a {
    width: calc(16.666% - 6px);
  }

  .content .gamme_preconfiguration div div .img_catalogue {
    width: calc(33.333% - 6px);
  }
}

@media (min-width: 1000px) {
  .content .gamme_preconfiguration div div a {
    width: calc(14.285% - 6px);
  }

  .content .gamme_preconfiguration div div .img_catalogue {
    width: calc(25% - 6px);
  }
}

@media (min-width: 1200px) {
  .content .gamme_preconfiguration div div a {
    width: calc(12.5% - 6px);
  }

  .content .gamme_preconfiguration div div .img_catalogue {
    width: calc(20% - 6px);
  }
}

@media (min-width: 1350px) {
  .content .gamme_preconfiguration div div a {
    width: calc(10% - 6px);
  }

  .content .gamme_preconfiguration div div .img_catalogue {
    width: calc(16.6666% - 6px);
  }
}

@media (min-width: 1500px) {
  .content .gamme_preconfiguration div div a {
    width: calc(10% - 6px);
  }

  .content .gamme_preconfiguration div div .img_catalogue {
    width: calc(14.285% - 6px);
  }
}

.input-icon {
  position: relative;
}

.input-icon>i {
  position: absolute;
  display: block;
  transform: translate(0, round(-50%, 1px));
  top: 50%;
  pointer-events: none;
  width: 40px;
  text-align: center;
  font-style: normal;
}

.input-icon>input {
  padding-left: 25px;
  padding-right: 0;
}

.input-icon-right>i {
  right: 0;
}

.input-icon-right>input {
  padding-left: 0;
  text-align: center;
}

.preconfig_left {
  flex: 1;
  background-position: center;
  background-size: cover;
  box-shadow-no: -2px 0px 12px -13px black inset;
  background-size: 105% auto;
  z-index: 2;
  background-repeat: no-repeat;
  min-width: 200px;
}

.preconfig_right {
  overflow: auto;
  flex: 5;
  height: 100%;
}

.preconfig_left.cl {
  background-image: url(../images/preconfig/cl.png);
  background-image: url("../images/preconfig/cl.png"), linear-gradient(#F3F3FA, #F3F3FA 50%, rgba(237, 237, 243, 1) 50%);
}

.preconfig_left.ec {
  background-image: url(../images/preconfig/ec.png);
  background-image: url(../images/preconfig/ec.png), linear-gradient(#F3F3FA, #F3F3FA 50%, rgba(237, 237, 243, 1) 50%);
}

.preconfig_left.dr {
  background-image: url(../images/preconfig/dr_beta.png);
  background-image: url(../images/preconfig/dr_beta.png), linear-gradient(#F3F3FA, #F3F3FA 50%, rgba(237, 237, 243, 1) 50%);
}

.preconfig_left.sf {
  background-image: url(../images/preconfig/sf.png);
  background-image: url(../images/preconfig/sf.png), linear-gradient(#F3F3FA, #F3F3FA 50%, rgba(237, 237, 243, 1) 50%);
}

.preconfig_left.sp {
  background-image: url(../images/preconfig/sp.png);
  background-image: url(../images/preconfig/sp.png), linear-gradient(#F3F3FA, #F3F3FA 50%, rgba(237, 237, 243, 1) 50%);
}

.preconfig_left.vr {
  background-image: url(../images/preconfig/vr_beta.png);
  background-image: url(../images/preconfig/vr_beta.png), linear-gradient(#F3F3FA, #F3F3FA 50%, rgba(237, 237, 243, 1) 50%);
}


.nowrap {
  white-space: nowrap;
}

form h3 {
  border: solid 1px var(--color-gray-border);
  margin: 12px 10px 8px 10px;
  background-color: var(--color-gray-claire);
  text-align: center;
  font-size: var(--font-medium);
  font-weight: normal;
  padding: 6px 6px 6px 35px;
  box-shadow-no: 0px 0px 10px 0px rgba(0, 0, 0, 0.08), 0px 22px 2px -21px inset #fff
}

.amazon_addresses_be_like_this {
  display: flex;
  flex-direction: row;
  margin-left: -14px !important;
  margin-bottom: -14px !important;
  padding: 0;
  border: solid 1px transparent !important;
  background-color: transparent !important;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
}

.amazon_addresses_be_like_this .content_card {
  display: flex;
  margin: 0 5px 10px;
  padding: 8px 8px 8px 12px;
  border: solid 1px var(--color-gray-border);
  background-color: var(--color-gray-claire);
  box-shadow-no: 0px 0px 10px 0px rgba(0, 0, 0, 0.08), 0px 20px 24px -20px inset #fff;
  width: 270px;
  height: 60px;
  overflow: hidden;
  flex-direction: column;
}


.amazon_addresses_be_like_this .content_card div {
  display: flex;
  width: 100%;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin: 0 0 0px 0;
}

.amazon_addresses_be_like_this .content_card div input {
  margin: -60px 0 0 0;
  width: 0;
}

.amazon_addresses_be_like_this .content_card div input:not(:checked):before {
  content: '';
  display: block;
  margin: 60px 0px 0px 240px;
  width: 30px;
  height: 30px;
  position: absolute;
  z-index: 1;
  border-radius: 5px;
  background-image: var(--image-radio2);
  background-position: 0px -30px;
  cursor: pointer;
}

.amazon_addresses_be_like_this .content_card div input:checked:before {
  content: '';
  display: block;
  margin: 60px 0px 0px 240px;
  width: 30px;
  height: 30px;
  position: absolute;
  z-index: 1;
  border-radius: 5px;
  background-image: var(--image-radio2);
  cursor: pointer;
}

.amazon_addresses_be_like_this .content_card div a {
  display: block;
  width: 30px;
  height: 30px;
  margin: -5px 0 0 0;
  padding: 0;
  background-image: var(--image-icon_edit);
}

.amazon_addresses_be_like_this .content_card div a:hover {
  background-color: var(--color-white);
  border-radius: 5px;
}


.amazon_addresses_be_like_this .content_card div span {
  margin: 0;
  overflow: hidden;
  flex: 1;
}

.amazon_addresses_be_like_this .content_card div .title {
  font-size: var(--font-medium);
  margin: 0 0 5px 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: 0;
}

.amazon_addresses_be_like_this .content_card .content_address {
  font-size: var(--font-tiny);
  font-weight: normal;
}

.amazon_addresses_be_like_this .content_card .content_zip_code {
  font-size: var(--font-tiny);
  font-weight: normal;
  margin-bottom: 5px;
}

.amazon_addresses_be_like_this .content_card .content_contact {
  font-size: var(--font-tiny);
  font-weight: normal;
}

.amazon_addresses_be_like_this .new_card {
  display: flex;
  margin: 0 5px 10px;
  padding: 8px 8px 8px 8px;
  border: solid 1px var(--color-gray-border);
  border-style: dashed;
  background-color: var(--color-gray-claire);
  box-shadow-no: 0px 0px 10px 0px rgba(0, 0, 0, 0.08), 0px 20px 24px -20px inset #fff;
  flex-direction: column;
  flex-wrap: wrap;
  width: 160px;
  height: 60px;
  overflow: hidden;
  align-content: center;
  justify-content: center;
}

.amazon_addresses_be_like_this .new_card a {
  white-space: nowrap;
  align-items: center;
  display: flex;
  flex-direction: column;
  padding-bottom: 5px;
}

.amazon_addresses_be_like_this .new_card a::before {
  display: block;
  content: "";
  background-image: var(--image-icon_add);
  width: 35px;
  height: 35px;
  background-size: 35px 35px;
}

.grow {
  flex-grow: 1;
}



.sylob ul {
  list-style-type: none;
  padding: 5px 2px;
  margin: 0;
}

.sylob ul li {
  padding: 1px 3px;
}

.sylob ul li a {
  display: block;
  padding: 3px 10px;
}

.sylob ul#sylob_list li a:hover {
  border-radius: 3px;
  background-color: #f8f8f8;
}

.sylob form {
  padding: 20px 10px 0
}

.sylob input {
  color: #000;
}


#scene3D[data-warning-note]:not([data-warning-note=""])::before {
  content: attr(data-warning-note);
  display: block !important;
  position: absolute;
  margin-left: 50%;
  transform: translateX(calc(-50%));
  text-align: center;
  background: var(--image-icon_warning) transparent no-repeat 3px 3px;
  color: var(--color-warning);
  white-space: nowrap;
  padding: 7px 0px 6px 40px;
  margin-top: 10px;
}

#technical [data-warning-note]:not([data-warning-note=""])::before {
  content: attr(data-warning-note);
  display: block !important;
  text-align: left;

  background: var(--image-icon_warning) transparent no-repeat 3px 3px;
  color: var(--color-warning);
  margin-left: 10px;
  padding: 7px 0px 6px 35px;
  background-size: 25px;
  font-size:0.95em;
}



/* POUR UNIQUEMENT MISE EN LIGNE PROD PROSTYL
body:not(.prostyl) .WITH_DOORS {
  pointer-events: none;
  opacity: 0.4;
} */
/* POUR UNIQUEMENT MISE EN LIGNE BETA (!!!) PROSTYL
.prod .WITH_DOORS {
  pointer-events: none;
  opacity: 0.4;
}
*/


@media (max-aspect-ratio: 5/6) {
  :root {
    --homemargin: 8px;
    --homemargin2: 6px;
    --homemnews: 106px;
    --size-add-element : 88px;
    --size-menu : 31px;
    --size-menu_zoom : 0.9;
  }
  #prompt .modal.small
  {
    width: calc(100% - 12px);
    top: calc(100% - 5px);
    transform: translate(-50%, -100%);
  }
  .preview .parammissing>div>a
    {
      min-width: 60px;
    }
      .parammissing>div>a>span
      {
      font-size: 11px;
      }
  .titre {
    line-height: 20px;
  }
  .content form {
    padding: 14px;
  }
  ._next_utils *[data-altr]:not(.disabled)::after
    {
    display: none !important;
    }
  #choix li span {
    font-size: var(--font-xs);
  }
  ._next_navbar_ul .text {
    max-width:none;
  
  }

._next_menu_bouton::after {
  content:'';
}
._next_menu_bouton {
  padding: 3px 0px 4px 32px !important;
}
  .button_add {

    padding: 6px 4px 1px 18px;
    background: var(--image-icon_plus_white) var(--menu-color-blue) no-repeat -1px -1px;
    background-size: 25px;
    margin-top: -2px;
    margin-left: 7px;

  }

  #_next_form_elements>div._next_tab {

    top: 34px;
  }

  .modal.homeconfig .menuhome div {
    grid-template-columns: repeat(auto-fill, 50%) !important;
  }

  .modal.homeconfig {

    width: calc(100% - var(--homemargin) - var(--homemargin)) !important;
  }

  .sync {
    width: calc(50% - 10px);
    padding: 8px 0;
    float: left;
  }

  #filler {
    top: 66%;
    width: calc(100% - var(--width-price) - 3px);
  }

  #_next_toolbar {
    top: 66%;
    width: 100%;    
    box-shadow-no: 0px 1px 2px 0px #666;
  }

  #renderer_hover {
    left: 0;
    bottom: 33%;
  }

  ._next_utils,
  ._next_dims {
    left: 0;
  }
  .preview .parammissing ,
  ._next_add_element_menu{
    left: 46px !important;
  }

  #scene2D,
  #scene3D {
    left: 0;
    bottom: 34%;
    width: calc(100% + 44px);
  }

  #technical {
    left: 52px;
    bottom: 34%;
  }

  .parammissing {
    left: 0px !important;
    bottom: 34%;
  }


  .parammissing .selector_search
    {
    width: 80px;
    }
  .parammissing>div {
    padding: 8px 0 0 8px;
    grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));    
  }

  .M .parammissing>div {
    grid-template-columns: repeat(auto-fill, minmax(90px, 1fr));
  }

  .S .parammissing>div {
    grid-template-columns: repeat(auto-fill, minmax(65px, 1fr));
  }

  #_next_form_elements {
    width: 100%;
  }

  #_next_form_elements>div._next_input_title {
    background-color: #fff;
    position: sticky;
    top: -4px;
    z-index: 10000;
    padding: 3px 0 2px;
    margin-top: -12px;
    margin-bottom: 12px;
    border-bottom: solid 1px var(--color-gray-border);
    box-shadow-no: 0px 30px 3px -29px inset #dddd;
    border-top: solid 2px #fff;
  }

  .content.grid {
    grid-template-columns: 0 1fr;
    scrollbar-width: none;
  }

  ._next_navbar_ul_sub {
    overflow-x: auto;
    scrollbar-width: none;
  }

  ._next_navbar_ul_sub:hover {
    scrollbar-width: auto;
  }

  #_next_form_elements div._next_childrens>div._next_form>div>div._next_children_forms>div,
  #_next_form_elements div._next_childrens>div._next_form>div,
  #_next_form_elements>div {
    grid-template-columns: 130px 1fr 30px var(--width-price) !important;
  }

  ._next_price_HIDE #_next_form_elements div._next_childrens>div._next_form>div>div._next_children_forms>div,
  ._next_price_HIDE #_next_form_elements div._next_childrens>div._next_form>div,
  ._next_price_HIDE #_next_form_elements>div {
    --width-price : 2px;
  }


  body:not(._next_price_loaded) ._next_navbar_ul ._next_input_nav {
    font-size: 0;
  }

  ._next_navbar_ul li .blue-hover:first-child {
    padding: var(--top-navbar-padding) 3px;
  }

  ._next_navbar_with_menu::before {
    display: none;
  }

  ._next_navbar>ul>li._next_navbar_with_menu:not(._next_navbar_with_menu_right) ._next_navbar_menu {
    right: 0;
    left: auto;
    width: 75%;

  }

  input[type="search"] {
    width: 120px;
  }

  #render_menu {
    left: var(--x);
  }

  #render_menu.repere {
    left: 0;
    top: calc(66% - 40px);
    bottom: auto;
  }

  .alert-container-info {
    max-width: calc(100% - 20px);
  }

  ._next_dims>span.pos,
  ._next_dims>span {
    font-size: round(calc(var(--textsize) / 1.2), 1px);
  }

  ._next_dims>span.css1::before {
    content: '';
    width: 1px;
    height: 100%;
    margin: 0px 3px 0px -8px;
    padding: 0px 1px 0px 2px;
    position: absolute;
    display: inline-block;
  }

  ._next_dims>span.css1 {
    padding-left: 8px;
  }


  .configflex {
    height: calc(100% - 140px);
  }

  .content.grand {
    max-height: calc(100% - 140px);
  }

  .modal.homeutils {
    display: none;
  }
  
  #prompt .modal
    {
    left: 5%;
    width: 90%;
    }
  .content.side,
  .configflex .left_side {
    width: 50%;
  }

  .modal.withbar.grand .content {
    height: calc(100% - 102px);
  }

  .modal.withsearchbar .content {
    max-height: calc(100% - 166px);
  }

  .modal.withsearchbar.grand .content {
    max-height: calc(100% - 177px);
  }

  .search_bar_adv {
    top: calc(115px + var(--homemargin));
    width: 150px;
    height: calc(100% - 169px - var(--homemargin) - var(--homemargin));
    right: var(--homemargin);
  }

  .modal.withbar .content {
    margin-top: 69px;
    max-height: calc(100% - 163px);
  }

  .modal.withbar.withsearchbar .content {
    width: auto !important;
    right: calc(var(--homemargin) + 150px);
  }

  .withsearchbar .search_bar_adv>div {
    padding: 0 12px;
  }

  .div_mulitselect {
    margin: 10px 12px;
  }

  .search_bar_adv>div>input[type="text"],
  .search_bar_adv>div>input[type="search"],
  .search_bar_adv>div>select {
    width: 100%;
  }

  .content .choise_gamme {
    display: block;
  }

  .content .choise_gamme li {
    min-width: 33.3333333333%;
    height: 50%;
    float: left;
    display: block;
  }

  .content .gamme_preconfiguration {
    padding: 0px 15px 70px;
  }



  .content.grid .right_side li {
    line-height: 1em;
    white-space: normal;
    background-position: 3px -2px;
    padding: 5px 5px 5px 32px;
    margin: 1px 2px;
  }

  body._next_gestionnaire ._next_navbar_ul_sub li.active[data-mobiletext]::after {
    content: attr(data-mobiletext);
    font-size: var(--font-medium);
    padding-right: 13px;
  }

  body._next_gestionnaire ._next_navbar_ul_sub li:not(.active),
  body._next_gestionnaire ._next_navbar_ul_sub li[data-mobiletext] {
    font-size: 0;
    padding-right: 0;
  }


  .modal.news .content p>span {
    display: block;
    margin-bottom: 1px;
    margin-left: -2px;
    font-size: 0.9em;
  }

  .modal.news .content p {
    font-size: 0.85em;
  }

  .modal.news .content span::after,
  .modal.news .content p span::before {
    padding-top: 1px;
    padding-bottom: 1px;
  }

  .titre>span:not(._next_icon_close) {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .content>table {
    margin: 12px 0px 8px 12px;
  }

  .content .burger {
    margin: 14px 16px;
  }

  .content table th:last-child::after,
  .content table td:last-child::after {
    width: 12px;
    margin-right: -12px;
  }

  .content table th.action,
  .content table td.action {
    right: 12px;
  }



  .page.end,
  .page.link {
    display: none;
  }

  .configflex .left_side.flex {
    position: absolute;
    width: 100%;
  }

  #scenePV {
    background-color: #fff;
  }


  #scenePV canvas {
    border: solid 1px #e5e5e5;
    border-radius: 2px;
  }

  .menuhome div {
    width: calc(100% - 16px);
    padding: 15px 3px 10px;
  }

  .menuhome div span {
    background-color: #fff;
  }



  #render_menu.repere>span.title {
    height: round(calc((var(--size) - 6px) * 0.9), 1px) !important;
    padding: 3px 16px 2px 34px
  }

  #render_menu>a,
  #render_menu>span {
    width: round(calc(var(--size) * 0.9), 1px);
    height: round(calc(var(--size) * 0.9), 1px);
  }

  #_next_list,
  #_next_list_versions,
  #_next_list_projets {
    min-width: 0;

  }

  .mobile_hide_span {
    padding: 6px 3px 7px 3px;
  }

  .mobilehide,
  .mobile_hide_span>span {

    display: none;
  }

  [data-shortcut]::after {
    display: none !important;
  }
}