/* Upkyo dans WHMCS : les composants de l'espace client (Bootstrap 4 de Twenty-One) prennent les couleurs et formes du site.
   Chargé après upkyo-site.css ; n'invente aucun composant, il habille ceux de WHMCS. */
html.upk-whmcs{background:none}
.upk-body{background:var(--bg);color:var(--t);font:15px/1.55 Inter,system-ui,-apple-system,sans-serif}
.upk-body a{color:var(--a2)}.upk-body a:hover{color:var(--a3);text-decoration:none}
.upk-body .top a,.upk-body .ft a,.upk-body .lg a{color:inherit}
.upk-body #main-body :is(h1,h2,h3,h4,h5,h6,.h3),.upk-body .modal :is(h1,h2,h3,h4,h5,h6){color:var(--t);font-weight:600;letter-spacing:-.03em}
.upk-body #main-body :is(.text-muted,small,.small){color:var(--d)!important}
.upk-body hr{border-color:var(--l)}
.upk-body .container{max-width:1200px}
.upk-body ::selection{background:rgba(25,102,255,.35)}

/* barre client sous le menu du site */
.upk-cnav{position:sticky;top:64px;z-index:40;margin-inline:-16px;padding-inline:16px;border-bottom:1px solid var(--l);background:rgba(8,9,11,.82);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.upk-cnav-in{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;overflow-x:auto;scrollbar-width:none}
.upk-cnav .navbar-nav{display:flex;flex-direction:row;gap:2px;margin:0;padding:0;list-style:none}
.upk-cnav .nav-link{display:inline-flex;align-items:center;gap:7px;height:32px;padding:0 11px!important;border-radius:5px;font-size:13px;color:var(--d)!important;white-space:nowrap}
.upk-cnav .nav-link:hover,.upk-cnav .active>.nav-link,.upk-cnav .show>.nav-link{color:var(--t)!important;background:rgba(255,255,255,.05)}
.upk-cnav .dropdown-menu{position:fixed!important;margin-top:6px}
.upk-cnav .badge{background:var(--a);color:#fff;font-weight:500}
.upk-cart{gap:6px}.upk-cart span{font:11px 'Fragment Mono',monospace}

/* fil d'Ariane */
.upk-body .master-breadcrumb{background:none;border:0;padding:22px 0 0;margin:0}
.upk-body .breadcrumb{background:none;padding:0;margin:0;font:11.5px 'Fragment Mono',monospace;text-transform:lowercase}
.upk-body .breadcrumb-item,.upk-body .breadcrumb-item a{color:var(--m)}.upk-body .breadcrumb-item.active{color:var(--d)}
.upk-body .breadcrumb-item+.breadcrumb-item::before{content:"/";color:var(--m)}

/* corps */
.upk-body #main-body{background:none;padding:22px 0 80px;min-height:60vh}
.upk-body .primary-content>h1,.upk-body .header-lined h1{font-size:30px;margin:0 0 18px}

/* cartes, panneaux, barre latérale */
.upk-body .card,.upk-body .panel,.upk-body .list-group-item,.upk-body .tile,.upk-body .modal-content,.upk-body .dropdown-menu,.upk-body .popover{background:var(--card)!important;border:1px solid var(--l)!important;color:var(--t);box-shadow:none}
.upk-body .card{border-radius:8px!important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.upk-body .card-header,.upk-body .card-footer{background:rgba(255,255,255,.02)!important;border-color:var(--l)!important;color:var(--t)}
.upk-body .card-title,.upk-body .card-header h3{font-size:15px;font-weight:600;margin:0;color:var(--t)}
.upk-body .sidebar .card{margin-bottom:14px}
.upk-body .sidebar .card-header{padding:12px 16px;font:11px 'Fragment Mono',monospace;text-transform:lowercase;color:var(--d)}
.upk-body .sidebar .card-title{font:inherit;color:inherit}
.upk-body .list-group-item{border-width:0 0 1px!important;border-radius:0!important;background:transparent!important;color:var(--d)!important;padding:10px 16px;font-size:13.5px}
.upk-body .list-group-item:hover{color:var(--t)!important;background:rgba(255,255,255,.03)!important}
.upk-body .list-group-item.active{background:rgba(25,102,255,.12)!important;color:var(--t)!important;box-shadow:inset 2px 0 0 var(--a)}
.upk-body .list-group-item .badge{background:rgba(255,255,255,.06);color:var(--d);font-weight:500}

/* tuiles du tableau de bord */
.upk-body .tiles .tile{border-radius:8px;padding:20px;transition:border-color .25s,transform .25s}
.upk-body .tiles .tile:hover{border-color:rgba(25,102,255,.45)!important;transform:translateY(-2px)}
.upk-body .tile .stat{color:var(--t);font-size:32px;font-weight:600;letter-spacing:-.04em}
.upk-body .tile .title{color:var(--d);font:11.5px 'Fragment Mono',monospace;text-transform:lowercase}
.upk-body .tile i{color:var(--a2)}
.upk-body .tile .highlight{background:var(--a)!important}

/* boutons : ceux du site */
.upk-body #main-body .btn,.upk-body .modal .btn{height:auto;min-height:38px;justify-content:center;border-radius:6px;font-size:13.5px;font-weight:500;padding:0 18px;line-height:36px}
.upk-body #main-body .btn-sm{min-height:30px;line-height:28px;padding:0 12px;font-size:12.5px}
.upk-body #main-body .btn-lg{min-height:46px;line-height:44px;font-size:14.5px}
.upk-body #main-body .btn-block{display:flex;width:100%}
.upk-body .btn-primary,.upk-body .btn-success,.upk-body .btn-info{background:var(--a)!important;border:0!important;color:#fff!important;box-shadow:0 0 0 1px rgba(143,211,255,.22) inset,0 8px 28px -10px rgba(25,102,255,.9)}
.upk-body .btn-primary:hover,.upk-body .btn-success:hover,.upk-body .btn-info:hover{background:#2e78ff!important;transform:translateY(-1px)}
.upk-body .btn-default,.upk-body .btn-secondary,.upk-body .btn-light,.upk-body .btn-outline-primary,.upk-body .btn-outline-secondary{border:1px solid var(--l2)!important;background:rgba(255,255,255,.035)!important;color:var(--t)!important}
.upk-body .btn-default:hover,.upk-body .btn-secondary:hover,.upk-body .btn-light:hover{border-color:rgba(255,255,255,.25)!important}
.upk-body .btn-danger{background:rgba(255,85,85,.12)!important;border:1px solid rgba(255,85,85,.35)!important;color:#ff8a8a!important}
.upk-body .btn-link{color:var(--a2)!important;background:none!important;border:0!important;box-shadow:none!important}

/* formulaires : ceux du site */
.upk-body .form-control,.upk-body .custom-select,.upk-body select.form-control,.upk-body textarea{background:var(--card2)!important;border:1px solid var(--l2)!important;color:var(--t)!important;border-radius:6px!important;min-height:44px;font-size:14px;box-shadow:none!important}
.upk-body .form-control:focus,.upk-body .custom-select:focus{border-color:var(--a)!important;box-shadow:0 0 0 3px rgba(25,102,255,.2)!important}
.upk-body .form-control::placeholder{color:var(--m)}
.upk-body .form-control:disabled,.upk-body .form-control[readonly]{opacity:.6}
.upk-body #main-body :is(label,.form-control-label,.col-form-label){color:#b4b8c0;font-size:12.5px;font-weight:400}
.upk-body .input-group-text{background:rgba(255,255,255,.03)!important;border:1px solid var(--l2)!important;color:var(--d)!important}
.upk-body .input-group>.form-control:not(:last-child){border-top-right-radius:0!important;border-bottom-right-radius:0!important}
.upk-body .input-group>.input-group-prepend+.form-control{border-top-left-radius:0!important;border-bottom-left-radius:0!important}

/* tableaux */
.upk-body .table,.upk-body table.dataTable{color:var(--t);border-color:var(--l)}
.upk-body .table th,.upk-body table.dataTable thead th{border-color:var(--l)!important;color:var(--d);font:11px 'Fragment Mono',monospace;text-transform:lowercase;font-weight:400;background:none}
.upk-body .table td{border-color:var(--l)!important;vertical-align:middle}
.upk-body .table-striped tbody tr:nth-of-type(odd),.upk-body table.dataTable tbody tr{background:transparent!important}
.upk-body .table-hover tbody tr:hover,.upk-body table.dataTable tbody tr:hover{background:rgba(255,255,255,.03)!important}
.upk-body .table-container,.upk-body .dataTables_wrapper{background:var(--card);border:1px solid var(--l);border-radius:8px;padding:6px 14px}
.upk-body .dataTables_wrapper .dataTables_info,.upk-body .dataTables_wrapper label{color:var(--d)}

/* états, alertes, badges */
.upk-body .label,.upk-body .badge,.upk-body .status{border-radius:4px;font:11px 'Fragment Mono',monospace;font-weight:400;text-transform:lowercase;padding:3px 7px}
.upk-body .status-active,.upk-body .status-paid,.upk-body .status-open,.upk-body .badge-success{background:rgba(61,220,151,.12)!important;color:var(--ok)!important}
.upk-body .status-pending,.upk-body .status-unpaid,.upk-body .status-answered,.upk-body .status-customer-reply,.upk-body .badge-warning{background:rgba(255,190,80,.12)!important;color:#ffc864!important}
.upk-body .status-suspended,.upk-body .status-terminated,.upk-body .status-cancelled,.upk-body .status-overdue,.upk-body .status-closed,.upk-body .badge-danger{background:rgba(255,85,85,.12)!important;color:#ff8a8a!important}
.upk-body .badge-info,.upk-body .badge-primary{background:rgba(25,102,255,.16)!important;color:var(--a2)!important}
.upk-body .alert{border-radius:8px;border:1px solid var(--l2);background:var(--card);color:var(--t)}
.upk-body .alert-success{border-color:rgba(61,220,151,.35);background:rgba(61,220,151,.08)}
.upk-body .alert-danger,.upk-body .alert-error{border-color:rgba(255,85,85,.35);background:rgba(255,85,85,.08)}
.upk-body .alert-warning{border-color:rgba(255,190,80,.35);background:rgba(255,190,80,.08)}
.upk-body .alert-info{border-color:rgba(25,102,255,.35);background:rgba(25,102,255,.08)}
.upk-body .alert a{color:var(--a3)}

/* onglets, pagination, menus déroulants, fenêtres */
.upk-body .nav-tabs{border-color:var(--l)}
.upk-body .nav-tabs .nav-link{color:var(--d);border:0;border-bottom:2px solid transparent;background:none}
.upk-body .nav-tabs .nav-link.active{color:var(--t);border-bottom-color:var(--a);background:none}
.upk-body .page-link{background:var(--card);border-color:var(--l);color:var(--d)}
.upk-body .page-item.active .page-link{background:var(--a);border-color:var(--a);color:#fff}
.upk-body .dropdown-menu{border-radius:8px;padding:6px;box-shadow:0 20px 50px -20px rgba(0,0,0,.8);background:#111215!important}
.upk-body .dropdown-item{color:var(--d);border-radius:5px;font-size:13.5px;padding:7px 12px}
.upk-body .dropdown-item:hover,.upk-body .dropdown-item.active{background:rgba(255,255,255,.05);color:var(--t)}
.upk-body .dropdown-divider{border-color:var(--l)}
.upk-body .modal-content{background:#111215!important;border-radius:10px}
.upk-body .modal-header,.upk-body .modal-footer{border-color:var(--l)}
.upk-body .close{color:var(--t);text-shadow:none;opacity:.6}
.upk-body .modal-backdrop.show{opacity:.7}
.upk-body .progress{background:rgba(255,255,255,.06)}.upk-body .progress-bar{background:var(--a)}
.upk-body #fullpage-overlay{background:rgba(8,9,11,.85)}

/* pages de connexion : la page du site telle quelle, l'en-tête WHMCS en moins */
.upk-auth .upk-body #main-body,.upk-auth .master-breadcrumb{display:none}
.upk-auth .au .alert{margin:0 0 16px;font-size:13.5px}
.upk-auth .au .captcha-container,.upk-auth .au #default-captcha-domainchecker{margin:0 0 14px}
.upk-auth .au .providerLinkingFeedback:empty{display:none}
.upk-auth .au .social-signin-btns,.upk-auth .au .sub-heading{margin:14px 0 0;text-align:center}
.upk-auth .au .sub-heading{display:none}
.upk-auth .au .social-signin-btns .btn{height:44px;border-radius:6px}
.upk-auth .au .bw.ld{opacity:.75;pointer-events:none}

.upk-auth .au label{margin-bottom:0;font-weight:inherit}
.upk-auth .au a{color:var(--a2)}

/* alignement : le contenu suit les bords du menu du site (1200 px) */
.upk-body #main-body,.upk-body .master-breadcrumb{max-width:none;width:auto;margin:0}
.upk-body #main-body>.container,.upk-body .master-breadcrumb>.container{max-width:1230px;margin-inline:auto;padding-inline:15px}
.upk-body #main-body section{max-width:none;padding:0;margin:0}
.upk-body .top svg,.upk-body .ft svg,.upk-body .au svg{vertical-align:baseline}

/* inscription et mot de passe : le formulaire WHMCS dans la colonne du site */
.upk-auth .upk-wf{display:grid;gap:16px}
.upk-auth .upk-wf .card{background:none!important;border:0!important;backdrop-filter:none;margin:0 0 6px!important}
.upk-auth .upk-wf .card-body{padding:0!important}
.upk-auth .upk-wf .card-title{font:11px 'Fragment Mono',monospace!important;color:var(--d)!important;text-transform:lowercase;letter-spacing:0;margin:8px 0 12px!important}
.upk-auth .upk-wf .card-title small,.upk-auth .upk-wf .card-title i{font-style:normal;color:var(--m)}
.upk-auth .upk-wf .row{margin-inline:-6px}.upk-auth .upk-wf .row>[class*=col]{padding-inline:6px}
.upk-auth .upk-wf .form-group{margin-bottom:12px;position:relative}
.upk-auth .upk-wf .prepend-icon .field-icon{display:none}
.upk-auth .upk-wf .form-control,.upk-auth .upk-wf .custom-select,.upk-auth .upk-wf select{height:46px;padding:0 14px!important;border-radius:6px!important;background:rgba(14,15,18,.75)!important;border:1px solid rgba(255,255,255,.12)!important;color:var(--t)!important;font-size:14px}
.upk-auth .upk-wf label{color:#b4b8c0;font-size:12.5px}
.upk-auth .upk-wf .btn-primary{width:100%;height:48px;font-size:14.5px;border-radius:7px;background:linear-gradient(180deg,#2e78ff,#1966ff 55%,#155ae6)!important}
.upk-auth .upk-wf .btn-default{height:36px;border-radius:6px}
.upk-auth .upk-wf .text-center{text-align:left!important}
.upk-auth .upk-wf p,.upk-auth .upk-wf .text-muted{color:var(--d)}
.upk-auth .upk-wf .upk-wform{display:grid;gap:16px}
.upk-auth .upk-wf .progress{height:4px;border-radius:2px}
.upk-auth .upk-wf .bootstrap-switch,.upk-auth .upk-wf .iti{width:100%}
.upk-auth .upk-wf input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=hidden]),.upk-auth .upk-wf select,.upk-auth .upk-wf textarea{height:46px;width:100%;padding:0 14px!important;border-radius:6px!important;background:rgba(14,15,18,.75)!important;border:1px solid rgba(255,255,255,.12)!important;color:var(--t)!important;font:14px Inter,system-ui,sans-serif!important;box-shadow:none!important}
.upk-auth .upk-wf input:focus,.upk-auth .upk-wf select:focus{border-color:#1966ff!important;box-shadow:0 0 0 3px rgba(25,102,255,.2)!important;outline:0}
.upk-auth .upk-wf input::placeholder{color:var(--m)!important}
.upk-auth .upk-wf .iti{display:block}
.upk-auth .upk-wf .iti input[type=tel]{padding-left:52px!important}
.upk-auth .upk-wf .iti__flag-container,.upk-auth .upk-wf .iti__selected-flag{background:none!important;height:46px}
.upk-auth .upk-wf .iti__country-list{background:#111215;border:1px solid var(--l2);color:var(--t)}
.upk-auth .upk-wf .iti__selected-dial-code{color:var(--d)}
.upk-auth .upk-wf .bootstrap-switch{border-radius:5px;border-color:var(--l2);background:rgba(14,15,18,.75);width:auto!important}
.upk-auth .upk-wf .bootstrap-switch .bootstrap-switch-handle-on{background:var(--a)!important;color:#fff}
.upk-auth .upk-wf .bootstrap-switch .bootstrap-switch-handle-off,.upk-auth .upk-wf .bootstrap-switch .bootstrap-switch-label{background:rgba(255,255,255,.05)!important;color:var(--d)}
.upk-auth .upk-wf input[type=checkbox]{accent-color:#1966ff;width:16px;height:16px;margin-right:8px;vertical-align:-3px}
.upk-auth .upk-wf .progress{background:rgba(255,255,255,.06)}
.tpl-clientregister .au{align-items:start}
.tpl-clientregister .au .as{position:sticky;top:84px;min-height:690px}
@media (max-width:980px){.tpl-clientregister .au .as{position:static;min-height:0}}
.upk-auth .au .intl-tel-input{position:relative;display:block;width:100%}
.upk-auth .au .intl-tel-input .flag-container{position:absolute;top:0;bottom:0;left:0;padding:1px;height:46px}
.upk-auth .au .intl-tel-input .selected-flag{display:flex;align-items:center;gap:6px;height:44px;padding:0 10px 0 12px;background:none!important;border-right:1px solid var(--l2);width:auto!important}
.upk-auth .au .intl-tel-input .selected-dial-code{color:var(--d);font-size:13.5px;padding:0}
.upk-auth .au .intl-tel-input .iti-arrow{position:static;margin:0;border-top-color:var(--d)}
.upk-auth .au .intl-tel-input input[type=tel]{padding-left:92px!important}
.upk-auth .au .intl-tel-input .country-list{position:absolute;z-index:20;top:48px;left:0;max-height:240px;overflow:auto;background:#111215;border:1px solid var(--l2);border-radius:6px;color:var(--t);list-style:none;padding:4px;margin:0;width:300px}
.upk-auth .au .intl-tel-input .country-list.hide{display:none}
.upk-auth .au .intl-tel-input .country-list .country{padding:6px 10px;display:flex;gap:8px;align-items:center;font-size:13px}
.upk-auth .au .intl-tel-input .country-list .highlight{background:rgba(255,255,255,.06)}
.upk-auth .au .intl-tel-input .dial-code{color:var(--m)}
.upk-body .iti-flag{position:static!important;display:inline-block!important;width:20px!important;height:15px!important;margin:0!important;padding:0!important;gap:0!important;grid-template-columns:none!important;transform:none!important;opacity:1!important;color:inherit!important;background-color:transparent!important}
.upk-body .iti-flag::before,.upk-body .iti-flag::after{content:none!important}
.upk-auth #inputPhone{padding-left:92px!important}
.upk-auth .au .fo .alert{margin:0}
.upk-auth .au .fo .form-group{margin:0}
.upk-auth .au #frmCheckout+.sub-heading,.upk-auth .au .providerLinkingFeedback:empty{display:none}
.upk-auth .au .fo select{height:46px!important;padding:0 38px 0 14px!important;border-radius:6px!important;border:1px solid var(--l2)!important;background:rgba(14,15,18,.75) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%238D929B' stroke-width='1.5'/%3E%3C/svg%3E") no-repeat right 14px center!important;color:var(--t)!important;font:14px Inter,system-ui,sans-serif!important;-webkit-appearance:none;appearance:none;box-shadow:none!important}
.upk-auth .au .fo .rv[hidden]{display:none!important}

/* suggestions d'entreprise : même matière que le menu des langues */
.upk-ac{position:relative;display:block}
.upk-acl{position:absolute;z-index:30;left:0;right:0;top:calc(100% + 6px);display:grid;gap:2px;padding:6px;border-radius:8px;border:1px solid var(--l2);background:#111215;box-shadow:0 24px 60px -24px rgba(0,0,0,.9)}
.upk-acl[hidden]{display:none}
.upk-aci{all:unset;cursor:pointer;display:grid;gap:3px;padding:9px 11px;border-radius:5px}
.upk-aci b{font-weight:500;font-size:13.5px;color:var(--t)}
.upk-aci span{font-size:10.5px;color:var(--m)}
.upk-aci:hover,.upk-aci.on{background:rgba(255,255,255,.05)}
.upk-acn{padding:9px 11px;font-size:11px;color:var(--m)}
.upk-vat.is-ok{color:var(--ok)!important}.upk-vat.is-ko{color:#ff8a8a!important}

/* ===== espace client connecté ===== */
/* menu de l'espace client : même lecture que le menu du site */
.upk-cnav{top:64px}
.upk-cnav .nav-link,.upk-cnav .navbar-nav .nav-link{color:var(--d)!important;font-size:13px!important;font-weight:400!important;height:34px;padding:0 11px!important;border-radius:5px}
.upk-cnav .nav-link:hover,.upk-cnav .show>.nav-link,.upk-cnav .active>.nav-link{color:var(--t)!important;background:rgba(255,255,255,.05)!important}
.upk-cnav .dropdown-toggle::after{border:0;width:6px;height:6px;margin-left:7px;border-right:1.3px solid currentColor;border-bottom:1.3px solid currentColor;transform:rotate(45deg) translateY(-2px);vertical-align:middle}
.upk-cnav .dropdown-menu{min-width:220px}
.upk-cnav .dropdown-item{color:var(--d)!important}
.upk-cnav .dropdown-item:hover{color:var(--t)!important}

/* en-tête de page */
.upk-ph{margin:6px 0 26px}
.upk-ph .ah{font-size:clamp(30px,3.4vw,42px)!important;font-weight:600!important;letter-spacing:-.04em!important;line-height:1.08!important;margin:16px 0 10px!important;color:var(--t)!important}
.upk-ph .ah .it{color:var(--a2);font-style:normal}
.upk-ph .ap{margin:0;color:var(--d);font-size:14px}
.upk-facts{grid-template-columns:repeat(4,auto)!important;margin-top:24px}
.upk-facts a{display:block;padding-right:24px;margin-right:24px;border-right:1px solid var(--l);color:inherit!important;text-decoration:none!important}
.upk-facts a:last-child{border:0;margin:0;padding:0}
.upk-facts b{display:block;font-size:24px;font-weight:500;letter-spacing:-.03em;color:var(--t);transition:color .2s}
.upk-facts span{font-size:10.5px;color:var(--d)}
.upk-facts a:hover b{color:var(--a2)}
.upk-facts a.is-due b{color:#ffc864}

/* panneaux du tableau de bord */
.upk-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start}
.upk-grid .upk-wide{grid-column:1/-1}
.upk-pn{padding:0!important}
.upk-pn .ph{margin:0;padding:14px 18px;border-bottom:1px solid var(--l);align-items:center;text-transform:lowercase}
.upk-pn .ph span{color:var(--t)}
.upk-n{display:inline-grid;place-items:center;min-width:18px;height:18px;margin-left:6px;padding:0 5px;border-radius:4px;background:rgba(25,102,255,.16);color:var(--a2)!important;font-weight:400}
.upk-pl{font-size:11px;color:var(--d)!important}.upk-pl:hover{color:var(--t)!important}
.upk-pb{padding:16px 18px;font-size:13.5px;color:var(--d)}
.upk-pb p:last-child{margin-bottom:0}
.upk-rows{display:grid}
.upk-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px;padding:10px 18px;border-bottom:1px solid var(--l);font-size:13.5px;color:#C7CAD1!important;text-decoration:none!important;transition:background .25s}
.upk-row:last-child{border-bottom:0}
a.upk-row:hover{background:rgba(25,102,255,.06);color:var(--t)!important}
.upk-row .text-domain,.upk-row small{display:block;font:11px 'Fragment Mono',monospace;color:var(--m)}
.upk-row .label,.upk-row .status{margin-right:8px}
.upk-b{font-size:11px;color:var(--d)}
.upk-pf:empty{display:none}
.upk-pf{padding:12px 18px;border-top:1px solid var(--l);font-size:12px}
.upk-addon{margin-bottom:14px}

/* barre latérale : panneaux du site */
.upk-body .sidebar .card{background:var(--card)!important;border:1px solid var(--l)!important;border-radius:8px!important;overflow:hidden}
.upk-body .sidebar .card-header{background:none!important;border-bottom:1px solid var(--l)!important}
.upk-body .sidebar .card-header i,.upk-body .sidebar .card-header .fa-chevron-up{display:none}
.upk-body .sidebar .list-group-item i{display:none}
.upk-body .sidebar .card-body{color:var(--d);font-size:13.5px}
.upk-body .sidebar .card-body strong{color:var(--t);font-weight:500}

/* pas d'italique dans l'espace client */
.upk-body #main-body em,.upk-body #main-body i:not([class*=fa]),.upk-body #main-body .font-italic,.upk-body #main-body address{font-style:normal!important}

@media (max-width:900px){.upk-grid{grid-template-columns:1fr}.upk-facts{grid-template-columns:repeat(2,1fr)!important;row-gap:14px}.upk-facts a:nth-child(2n){border:0}}
/* encart de recommandation WHMCS (MarketConnect) en matière du site */
.upk-body .promo-container{background:var(--card)!important;border:1px solid var(--l)!important;border-radius:8px!important;overflow:hidden;color:var(--d)}
.upk-body .promo-container .header{background:none!important;border-bottom:1px solid var(--l)!important;padding:14px 18px!important}
.upk-body .promo-container .header h3,.upk-body .promo-container .header .h3{font:11px 'Fragment Mono',monospace!important;color:var(--t)!important;text-transform:lowercase;margin:0!important}
.upk-body .promo-container .header a{color:var(--d)!important}
.upk-body .promo-container h3,.upk-body .promo-container h4,.upk-body .promo-container .h3{color:var(--t)!important;font-weight:600;letter-spacing:-.02em}
.upk-body .promo-container p,.upk-body .promo-container li{color:var(--d)!important}
.upk-body .promo-container .carousel-item,.upk-body .promo-container .promo-banner,.upk-body .promo-container .content{background:none!important}
.upk-body .promo-container img{filter:none}
.upk-body .promo-container .promo-banner{border-top:0!important}