{"id":22431,"date":"2019-11-29T06:17:31","date_gmt":"2019-11-29T06:17:31","guid":{"rendered":"https:\/\/document360.com\/?page_id=22431"},"modified":"2026-09-30T10:54:16","modified_gmt":"2026-09-30T10:54:16","slug":"inscription","status":"publish","type":"page","link":"https:\/\/document360.com\/fr\/inscription\/","title":{"rendered":"Inscription"},"content":{"rendered":"<style>\r\n.wrapper_main {padding-top: 0;}\r\n.d360-header, .d360-footer {display:none}\r\n.demo-thankyou {    min-height: 100vh;\r\n    background: linear-gradient(135deg, #F1E9FB 0%, #FBEFF4 46%, #FEEFE1 100%);\r\n    padding: 72px 64px 80px;\r\n    display: flex;\r\njustify-content: center;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    position: relative;\r\n    overflow: hidden;}\r\n.c-eyebrow {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    margin-top: 16px;\r\n    color: #8005d8;\r\n    font-weight: 600;\r\n    font-size: 13px;\r\n    letter-spacing: 0.05em;\r\n    text-transform: uppercase;\r\n}\r\n.accent {\r\n    background: linear-gradient(95deg, #E0218A 0%, #8005D8 100%);\r\n    -webkit-background-clip: text;\r\n    background-clip: text;\r\n    color: transparent;\r\n}\r\n.reg-pill {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    background: #dcfbeb;\r\n    color: #03794a;\r\n    font-weight: 600;\r\n    font-size: 13px;\r\n    letter-spacing: 0.01em;\r\n    padding: 7px 14px 7px 10px;\r\n    border-radius: 50px;\r\n    margin-bottom: 18px;\r\n}\r\n.reg-pill .dot svg {fill:none}\r\n.reg-pill .dot {\r\n    width: 18px;\r\n    height: 18px;\r\n    border-radius: 50%;\r\n    background: #00ca72;\r\n    color: #fff;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    flex-shrink: 0;\r\n}\r\n\/* ---- Outer card ---- *\/\r\n.cal-card {\r\n    background: #ffffff;\r\n    border-radius: 18px;\r\n    padding: 22px 26px 24px;\r\n    border: 1px solid #f1eaf9;\r\n}\r\n\/* ---- Title bar at the top of the step 1 card (flush with the card edges) ---- *\/\r\n.cal-title-bar {\r\n    position: relative;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 12px;\r\n    margin: -22px -26px 22px;\r\n    padding: 18px 24px;\r\n    border-radius: 17px 17px 0 0;\r\n    background: linear-gradient(95deg, #904DFF 0%, #8005D8 100%);\r\n    box-shadow: 0 12px 24px -10px rgba(128, 5, 216, 0.4);\r\n}\r\n.cal-title-bar .cal-title-ic {\r\n    width: 30px;\r\n    height: 30px;\r\n    border-radius: 50%;\r\n    background: rgba(255, 255, 255, 0.24);\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    flex: 0 0 30px;\r\n}\r\n.cal-title-bar .cal-title-ic svg {\r\n    width: 14px;\r\n    height: 14px;\r\n    fill: none;\r\n}\r\n.cal-title-bar .cal-title {\r\n    margin: 0;\r\n    padding: 0;\r\n    color: #ffffff;\r\n    font-size: 21px;\r\n    font-weight: 700;\r\n    line-height: 1.25;\r\n    letter-spacing: -0.01em;\r\n}\r\n\/* Disabled state - shown before the user picks a date *\/\r\n.cal-slot-btn.disabled {\r\n    background: #f6f4fa;\r\n    border-color: #ede7f5;\r\n    color: #b8b0c8;\r\n    cursor: not-allowed;\r\n    pointer-events: none;\r\n    box-shadow: none;\r\n}\r\n.cal-slot-btn.disabled:hover {\r\n    transform: none;\r\n}\r\n\/* ---- Timezone strip on top ---- *\/\r\n.cal-tz-row {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 6px;\r\n    padding-bottom: 16px;\r\n    border-bottom: 1px solid #f1eaf9;\r\n    margin-bottom: 18px;\r\n}\r\n.cal-tz-label {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 6px;\r\n    font-size: 13px;\r\n    font-weight: 500;\r\n    color: #1a1a2e;\r\n    margin: 0;\r\n}\r\n.cal-tz-label svg {\r\n    width: 15px;\r\n    height: 15px;\r\n    fill: #6b6480;\r\n}\r\n\/* Native timezone select - replaces bootstrap-select for this widget so we\r\n   don't depend on $.fn.dropdown.Constructor.VERSION (the theme's bundled\r\n   bootstrap.min.js doesn't expose it, which made bootstrap-select throw). *\/\r\n.cal-card #timezoneOne.cal-tz-select {\r\n    display: block !important;\r\n    width: 100%;\r\n    height: 42px;\r\n    padding: 10px 14px;\r\n    border: 1px solid #ece4f6;\r\n    border-radius: 10px;\r\n    background: #fff;\r\n    color: #1a1a2e;\r\n    font-size: 14px;\r\n    -webkit-appearance: none;\r\n    -moz-appearance: none;\r\n    appearance: none;\r\n\r\n    background-repeat: no-repeat;\r\n    background: rgba(var(--white), 1) url(\/wp-content\/themes\/document360\/images\/icons\/arrow_down.png) no-repeat right 18px center;\r\n    background-size: 11px 11px;\r\n}\r\n.cal-card #timezoneOne.cal-tz-select:focus {\r\n    outline: none;\r\n    border-color: #b259ec;\r\n    box-shadow: 0 0 0 3px rgba(178, 89, 236, .12);\r\n}\r\n\/* If bootstrap-select tries to wrap this element anyway (older HTML), hide its UI *\/\r\n.cal-card .bootstrap-select { display: none !important; }\r\n\r\n\/* ---- Body: calendar (left) + time slots (right) ---- *\/\r\n.cal-body {\r\n    display: grid;\r\n    grid-template-columns: 1fr 220px;\r\n    gap: 28px;\r\n}\r\n\r\n\/* ---- Month header & nav ---- *\/\r\n.cal-head {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    margin-bottom: 12px;\r\n}\r\n.cal-head h3 {\r\n    font-size: 17px;\r\n    font-weight: 600;\r\n    color: #1a1a2e;\r\n    margin: 0;\r\n}\r\n.cal-nav {\r\n    display: flex;\r\n    gap: 6px;\r\n}\r\n.cal-nav button {\r\n    width: 30px;\r\n    height: 30px;\r\n    border-radius: 8px;\r\n    border: 1px solid #ece4f6;\r\n    background: #fff;\r\n    color: #6b6480;\r\n    font-size: 18px;\r\n    line-height: 1;\r\n    cursor: pointer;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    transition: all .2s ease;\r\n}\r\n.cal-nav button:hover { background: #faf5ff; color: #6a3aa0; }\r\n.cal-nav button:disabled { opacity: .35; cursor: not-allowed; }\r\n\r\n\/* ---- Weekday headers ---- *\/\r\n.cal-weekdays {\r\n    display: grid;\r\n    grid-template-columns: repeat(7, 1fr);\r\n    text-align: center;\r\n    font-size: 12px;\r\n    color: #8b7e9e;\r\n    margin-bottom: 6px;\r\n}\r\n.cal-weekdays span { padding: 6px 0; }\r\n\r\n\/* ---- Date grid ---- *\/\r\n.cal-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(7, 1fr);\r\n    row-gap: 6px;\r\n    column-gap: 4px;\r\n    justify-items: center;\r\n}\r\n.cal-day {\r\n    width: 38px;\r\n    height: 38px;\r\n    border-radius: 50%;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-size: 12px;\r\n    font-weight: 600;\r\n    color: #c8c0d6;\r\n    cursor: default;\r\n    user-select: none;\r\n    transition: all .2s ease;\r\n}\r\n.cal-day.empty { visibility: hidden; }\r\n.cal-day.available {\r\n    background: rgb(243 228 255);\r\n    box-shadow: inset 0 0 0 1px rgba(128, 5, 216, 0.14);\r\n    color: #8006d6;\r\n    cursor: pointer;\r\n}\r\n.cal-day.available:hover {\r\n   background: #8005d8;\r\n    color: #ffffff;\r\n}\r\n.cal-day.selected {\r\nbackground: #8005d8;\r\n    color: #fff !important;\r\n    box-shadow: 0 5px 14px rgb(128 5 216 \/ 25%);\r\n}\r\n.cal-day.disabled {\r\n    color: #d6cfe2;\r\n    background: transparent;\r\n    cursor: not-allowed;\r\n    pointer-events: none;\r\n}\r\n\r\n\/* ---- Right column: time slots ---- *\/\r\n.cal-right {\r\n    border-left: 1px solid #f1eaf9;\r\n    padding-left: 22px;\r\n}\r\n.cal-times-header { margin-bottom: 10px; line-height: 1.25; }\r\n.cal-times-header strong {\r\n    display: block;\r\n    font-size: 14px;\r\n    font-weight: 600;\r\n    color: #1a1a2e;\r\n}\r\n.cal-times-header small {\r\n    display: block;\r\n    font-size: 12px;\r\n    color: #8b7e9e;\r\n}\r\n.cal-times {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 8px;\r\n    max-height: 280px;\r\n    overflow-y: auto;\r\n    padding-right: 4px;\r\n}\r\n.cal-times::-webkit-scrollbar { width: 4px; }\r\n.cal-times::-webkit-scrollbar-thumb { background: #ecddff; border-radius: 4px; }\r\n.cal-slot-btn {\r\npadding: 10px 14px;\r\n    border: 1px solid rgb(223 223 223);\r\n    background: #fff;\r\n    color: #8005d8;\r\n    border-radius: 10px;\r\n    cursor: pointer;\r\n    font-size: 13px;\r\n    font-weight: 600;\r\n    text-align: center;\r\n    transition: all .2s ease;\r\n}\r\n.cal-slot-btn:hover {\r\n    background: #f2e4fe;\r\n    color: #8006d6;\r\n    \/* box-shadow: 0 5px 14px rgba(128, 5, 216, 0.32); *\/\r\n    border: 1px solid rgb(128 5 216);\r\n}\r\n.cal-slot-btn.selected {\r\n    background: #f2e4fe;\r\n    color: #8006d6;\r\n    \/* box-shadow: 0 5px 14px rgba(128, 5, 216, 0.32); *\/\r\n    border: 1px solid rgb(128 5 216);\r\n}\r\n.cal-empty-msg {\r\n    color: #8b7e9e;\r\n    font-size: 12px;\r\n    padding: 12px 0;\r\n    text-align: center;\r\n}\r\n\r\n\/* ---- Hide the original native selects (still used by JS) ---- *\/\r\n.cal-hidden-fields {\r\n    position: absolute !important;\r\n    left: -9999px !important;\r\n    width: 1px;\r\n    height: 1px;\r\n    overflow: hidden;\r\n}\r\n\r\n\/* ---- Email reveal inside step 1 ---- *\/\r\n.cal-email-row{display:none;margin-top:18px;padding-top:18px;border-top:1px solid #f1eaf9}\r\n.cal-email-row.show{display:grid;animation:calSlideDown .3s ease}\r\n@keyframes calSlideDown{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}\r\n.cal-email-row label{display:block;font-size:13px;font-weight:500;color:#1a1a2e;margin-bottom:6px}\r\n.cal-email-row label sup{color:#d63bd8}\r\n.cal-email-row input{width:100%;height:44px;padding:10px 14px;border:1px solid #ece4f6;border-radius:10px;background:#fff;color:#1a1a2e;font-size:14px;outline:none;transition:border-color .2s}\r\n.cal-email-row input:focus{border-color:#b259ec;box-shadow:0 0 0 3px rgba(178,89,236,.12)}\r\n.cal-email-row .cal-email-hint{display:block;font-size:12px;color:#8b7e9e;margin-top:6px}\r\n\r\n\/* ---- Step 2 header (back arrow + title) inside the matching white card ---- *\/\r\n.cal-step-header {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 14px;\r\n    padding-bottom: 16px;\r\n    margin-bottom: 18px;\r\n    border-bottom: 1px solid #f1eaf9;\r\n}\r\n.cal-back-btn {\r\n    width: 36px;\r\n    height: 36px;\r\n    border-radius: 50%;\r\n    border: 1px solid #ece4f6;\r\n    background: #fff;\r\n    color: #6b6480;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    cursor: pointer;\r\n    transition: all .2s;\r\n    flex: 0 0 36px;\r\n}\r\n.cal-back-btn:hover {\r\n    background: #faf5ff;\r\n    color: #6a3aa0;\r\n    border-color: #ecddff;\r\n}\r\n.cal-back-btn svg {\r\n    transform: rotate(180deg);\r\n    fill: currentColor;\r\n}\r\n.cal-step-title strong {\r\n    display: block;\r\n    font-size: 15px;\r\n    font-weight: 600;\r\n    color: #1a1a2e;\r\n    line-height: 1.2;\r\n}\r\n.cal-step-title small {\r\n    display: block;\r\n    font-size: 12px;\r\n    color: #8b7e9e;\r\n    margin-top: 2px;\r\n}\r\n\r\n\/* ---- Terms line + Reserve button ---- *\/\r\n.cal-terms {\r\n    padding: 0;\r\n    font-size: 12px;\r\n    color: #6b6480;\r\n}\r\n.cal-terms a { color: #8c1bd9; }\r\n.cal-reserve-btn {\r\n    background: linear-gradient(90deg, #904DFF 0%, #8d4df7 100%) !important;\r\n    border: 0 !important;\r\n    color: #fff !important;\r\n    width: 100%;\r\n    padding: 14px 28px !important;\r\n    border-radius: 12px !important;\r\n    font-size: 15px !important;\r\n    font-weight: 600 !important;\r\n    transition: all .25s ease;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 8px;\r\n}\r\n.cal-reserve-btn:hover:not(:disabled) {\r\n    transform: translateY(-1px);\r\n    box-shadow: 0 12px 26px rgba(178, 89, 236, 0.45);\r\n}\r\n.cal-reserve-btn:disabled {\r\n    opacity: .55;\r\n    cursor: not-allowed;\r\n    box-shadow: none;\r\n}\r\n.cal-reserve-btn svg {\r\n    width: 16px;\r\n    height: 16px;\r\n    fill: #fff;\r\nmargin: 0;\r\n}\r\n\r\n\/* ---- Footer chips below card ---- *\/\r\n.cal-feature-chips {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 22px;\r\n    justify-content: center;\r\n    margin-top: 22px;\r\n    color: #6b6480;\r\n    font-size: 13px;\r\n}\r\n.cal-feature-chips span {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 6px;\r\n}\r\n.cal-feature-chips svg {\r\n    width: 16px;\r\n    height: 16px;\r\n    fill: #8c1bd9;\r\n}\r\n.next-list {\r\n    list-style: none;\r\n    padding: 0;\r\n    margin: 0 0 32px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 14px;\r\n    max-width: 440px;\r\n}\r\n.next-list li {\r\n    display: flex;\r\n    gap: 12px;\r\n    align-items: flex-start;\r\n    font-size: 15px;\r\n    color: #3c4263;\r\n}\r\n.next-list .ic {\r\n    width: 30px;\r\n    height: 30px;\r\n    border-radius: 8px;\r\n    background: #efe0fb;\r\n    color: #8005d8;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    flex-shrink: 0;\r\n    margin-top: 1px;\r\n}\r\n.trial-card {\r\n    border-top: 1px solid #d2d7eb;\r\n    padding-top: 26px;\r\n    max-width: 440px;\r\n}\r\n.tc-label {\r\n    font-size: 14px;\r\n    color: #6b7290;\r\n    margin: 0 0 4px;padding:0;\r\n}\r\n.tc-title {\r\n    font-size: 19px;\r\n    font-weight: 700;\r\n    letter-spacing: -0.01em;\r\n    margin: 0 0 14px;\r\n    color: #181b34;\r\n}\r\n.ic svg { fill:none;}\r\n\/* ---- Responsive ---- *\/\r\n@media (max-width: 768px) {\r\n    .cal-body { grid-template-columns: 1fr; gap: 18px; }\r\n    .cal-right { border-left: 0; border-top: 1px solid #f1eaf9; padding-left: 0; padding-top: 18px; }\r\n    .cal-times { max-height: 220px; }\r\n    .cal-card { padding: 16px; }\r\n    .cal-title-bar { margin: -16px -16px 18px; padding: 16px 18px; }\r\n.demo-thankyou {\r\n    min-height: auto;\r\n   padding: 0;}\r\n}\r\n@media (max-width: 420px) {\r\n    .cal-day { width: 32px; height: 32px; font-size: 12px; }\r\n    .cal-title-bar { gap: 10px; }\r\n    .cal-title-bar .cal-title { font-size: 17px; }\r\n}\r\n<\/style>\r\n\r\n<div class=\"d360-form-wrapper d-flex align-items-center d360-request-demo-page\">\r\n    <div class=\"center-col1\" style=\"max-width:600px;\">\r\n        <div class=\"logo-center text-center mb-4\">\r\n            <a href=\"\/fr\/\">\r\n                <picture>\r\n                    <source srcset=\"\/wp-content\/themes\/document360\/images\/logo.webp\" type=\"image\/webp\">\r\n                    <img decoding=\"async\" src=\"\/wp-content\/themes\/document360\/images\/logo.svg\" alt=\"Document360\">\r\n                <\/picture>\r\n            <\/a>\r\n        <\/div>\r\n        <div class=\"row justify-content-between\">\r\n            <div class=\"col-lg-12\">\r\n                <div class=\"preview-wrap\">\r\n                    <!-- ===================== FORM (calendar = step 1, details = step 2) ===================== -->\r\n                    <form class=\"md-form form_block\" id=\"requestform\" method=\"post\" name=\"requestform\"\r\n                        novalidate=\"novalidate\">\r\n                        <input type=\"hidden\" name=\"CRO1\" id=\"CRO1\" maxlength=\"50\" pattern=\"[A-Za-z0-9]*\">\r\n                        <input type=\"hidden\" name=\"CRO2\" id=\"CRO2\" maxlength=\"50\" pattern=\"[A-Za-z0-9]*\">\r\n                        <input type=\"hidden\" name=\"SelectedDate\" data-msg-required=\"Choisissez un cr\u00e9neau horaire\">\r\n                        <input type=\"hidden\" name=\"selectedStartDate\" data-msg-required=\"Choisissez un cr\u00e9neau horaire\">\r\n                        <input type=\"hidden\" name=\"selectedEndDate\" data-msg-required=\"Choisissez un cr\u00e9neau horaire\">\r\n                        <input type=\"hidden\" id=\"DemoCompanySize\" name=\"CompanySize\">\r\n                        <input type=\"hidden\" id=\"DemoOtherUsecases\" name=\"OtherUsecases\">\r\n\r\n                        <div class=\"form-stepper\">\r\n                            <!-- ============ STEP 1 : CALENDAR ============ -->\r\n                            <div id=\"step1\" class=\"form-step active p-0\">\r\n                                <div id=\"time-dropdown\" class=\"cal-card\">\r\n\r\n                                    <!-- Title bar -->\r\n                                    <div class=\"cal-title-bar\">\r\n                                        <span class=\"cal-title-ic\" aria-hidden=\"true\">\r\n                                            <svg viewBox=\"0 0 16 16\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                                                <path d=\"M3.5 8.5l3 3 6-7\" stroke=\"#fff\" stroke-width=\"2\"\r\n                                                    stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\r\n                                            <\/svg>\r\n                                        <\/span>\r\n                                        <h1 class=\"cal-title\">Commencez votre essai gratuit avec une d\u00e9mo en direct<\/h1>\r\n                                    <\/div>\r\n\r\n                                    <!-- Timezone row -->\r\n                                    <div class=\"cal-tz-row\">\r\n                                        <label class=\"cal-tz-label\" for=\"timezoneOne\">\r\n                                            <svg viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                                                <path\r\n                                                    d=\"M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256 256-114.6 256-256S397.4 0 256 0zm164.3 156h-50.7c-5.6-21.6-13.3-41.4-22.7-58.6 28.4 13.4 52.9 33.7 73.4 58.6zM256 32c19.1 0 47.9 31.2 65.2 92H190.8C208.1 63.2 236.9 32 256 32zM85.7 156c20.5-24.9 45-45.2 73.4-58.6-9.4 17.2-17.1 37-22.7 58.6H85.7zM32 256c0-22.4 4.6-43.7 12.7-63.2H140c-2.6 20.5-4 41.7-4 63.2s1.4 42.7 4 63.2H44.7C36.6 299.7 32 278.4 32 256zm59.7 100h44.7c5.6 21.6 13.3 41.4 22.7 58.6-28.4-13.4-52.9-33.7-67.4-58.6zm32-100c0-21.3 1.6-42.4 4.5-63.2h255.6c2.9 20.8 4.5 41.9 4.5 63.2s-1.6 42.4-4.5 63.2H128.2c-2.9-20.8-4.5-41.9-4.5-63.2zM256 480c-19.1 0-47.9-31.2-65.2-92h130.4C303.9 448.8 275.1 480 256 480zm91.7-65.4c9.4-17.2 17.1-37 22.7-58.6h44.7c-14.5 24.9-39 45.2-67.4 58.6zM467.3 319.2H372c2.6-20.5 4-41.7 4-63.2s-1.4-42.7-4-63.2h95.3C475.4 212.3 480 233.6 480 256s-4.6 43.7-12.7 63.2z\" \/>\r\n                                            <\/svg>\r\n                                            Fuseau horaire\r\n                                        <\/label>\r\n                                        <select class=\"form-control cal-tz-select\" name=\"Timezone\"\r\n                                            id=\"timezoneOne\"><\/select>\r\n                                    <\/div>\r\n\r\n                                    <!-- Body: month grid + time slot pills -->\r\n                                    <div class=\"cal-body\">\r\n                                        <div class=\"cal-left\">\r\n                                            <div class=\"cal-head\">\r\n                                                <h3 id=\"cal-title\">&nbsp;<\/h3>\r\n                                                <div class=\"cal-nav\">\r\n                                                    <button type=\"button\" id=\"cal-prev\"\r\n                                                        aria-label=\"Mois pr\u00e9c\u00e9dent\">&lsaquo;<\/button>\r\n                                                    <button type=\"button\" id=\"cal-next\"\r\n                                                        aria-label=\"Mois suivant\">&rsaquo;<\/button>\r\n                                                <\/div>\r\n                                            <\/div>\r\n                                            <div class=\"cal-weekdays\">\r\n                                                <span>D<\/span><span>L<\/span><span>M<\/span><span>M<\/span><span>J<\/span><span>V<\/span><span>S<\/span>\r\n                                            <\/div>\r\n                                            <div class=\"cal-grid\" id=\"cal-grid\"><\/div>\r\n                                        <\/div>\r\n\r\n                                        <div class=\"cal-right\">\r\n                                            <div class=\"cal-times-header\">\r\n                                                <strong id=\"cal-date-label\">S\u00e9lectionnez une date<\/strong>\r\n                                                <small>horaires dans votre fuseau horaire<\/small>\r\n                                            <\/div>\r\n                                            <div class=\"cal-times\" id=\"cal-times\">\r\n                                                <div class=\"cal-empty-msg\">Choisissez une date pour voir les horaires<\/div>\r\n                                            <\/div>\r\n                                        <\/div>\r\n                                    <\/div>\r\n\r\n                                    <!-- Hidden selects - existing calendar-dropdown.js drives these -->\r\n                                    <div class=\"cal-hidden-fields\" aria-hidden=\"true\">\r\n                                        <select id=\"date-dropdown\" name=\"Date\"><\/select>\r\n                                        <select id=\"time-picker-dropdown\" name=\"Time\"><\/select>\r\n                                    <\/div>\r\n\r\n                                    <!-- Email reveal: appears after a date + time are selected -->\r\n                                    <div class=\"cal-email-row\" id=\"cal-email-row\">\r\n                                        <label for=\"Email\"><span>Email professionnel<sup>*<\/sup><\/span><\/label>\r\n                                        <input name=\"Email\" type=\"email\" id=\"Email\" autocomplete=\"email\"\r\n                                            placeholder=\"vous@entreprise.com\">\r\n                                        <span><\/span>\r\n                                    <\/div>\r\n                                <\/div>\r\n                                <div class=\"mt-2 text-center\">\r\n                                    <button type=\"button\" id=\"nextBtn\" class=\"btn btn-primary cal-reserve-btn\" disabled>\r\n                                        R\u00e9server ce cr\u00e9neau\r\n                                        <svg viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                                            <path\r\n                                                d=\"M438.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L338.7 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l306.7 0L233.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160z\" \/>\r\n                                        <\/svg>\r\n                                    <\/button>\r\n                                <\/div>\r\n                            <\/div>\r\n\r\n                            <!-- ============ STEP 2 : DETAILS (matching white card) ============ -->\r\n                            <div id=\"step2\" class=\"form-step inactive p-0\">\r\n                                <div class=\"cal-card\">\r\n                                    <div class=\"cal-step-header\">\r\n                                        <button type=\"button\" id=\"prevBtn\" class=\"cal-back-btn\"\r\n                                            aria-label=\"Retour au calendrier\">\r\n                                            <svg viewBox=\"0 0 448 512\" width=\"14\" height=\"14\">\r\n                                                <path\r\n                                                    d=\"M264.6 70.63l176 168c4.75 4.531 7.438 10.81 7.438 17.38s-2.688 12.84-7.438 17.38l-176 168c-9.594 9.125-24.78 8.781-33.94-.8125c-9.156-9.5-8.812-24.75 .8125-33.94l132.7-126.6H24.01c-13.25 0-24.01-10.76-24.01-24.01s10.76-23.99 24.01-23.99h340.1l-132.7-126.6C221.8 96.23 221.5 80.98 230.6 71.45C239.8 61.85 254.1 61.51 264.6 70.63z\">\r\n                                                <\/path>\r\n                                            <\/svg>\r\n                                        <\/button>\r\n                                        <div class=\"cal-step-title\">\r\n                                            <strong>Presque termin\u00e9\u00a0!<\/strong>\r\n                                            <small id=\"cal-step2-summary\">Parlez-nous de vous<\/small>\r\n                                        <\/div>\r\n                                    <\/div>\r\n\r\n                                    <div class=\"row\">\r\n                                        <div class=\"col-md-6\">\r\n                                            <div class=\"form-group\">\r\n                                                <input name=\"FirstName\" type=\"text\" class=\"form-control\" id=\"FirstName\">\r\n                                                <label for=\"FirstName\"><span>Pr\u00e9nom<sup>*<\/sup><\/span><\/label>\r\n                                            <\/div>\r\n                                        <\/div>\r\n                                        <div class=\"col-md-6\">\r\n                                            <div class=\"form-group\">\r\n                                                <input name=\"LastName\" type=\"text\" class=\"form-control\" id=\"LastName\">\r\n                                                <label for=\"LastName\"><span>Nom de famille<sup>*<\/sup><\/span><\/label>\r\n                                            <\/div>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                    <div class=\"row\">\r\n                                        <div class=\"col-md-6\">\r\n                                            <div class=\"form-group country-select\">\r\n                                                <input id=\"phone\" class=\"form-control phone_number\" name=\"Telephone\"\r\n                                                    type=\"tel\" \/>\r\n                                                <label for=\"phone\"><span>T\u00e9l\u00e9phone<sup>&starf;<\/sup><\/span><\/label>\r\n                                            <\/div>\r\n                                        <\/div>\r\n                                        <div class=\"col-md-6\">\r\n                                            <div class=\"form-group\">\r\n                                                <input name=\"JobTitle\" type=\"text\" class=\"form-control\" id=\"JobTitle\">\r\n                                                <label for=\"JobTitle\"><span>Titre du poste<sup>*<\/sup><\/span><\/label>\r\n                                            <\/div>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                    <div class=\"row\">\r\n                                        <div class=\"col-md-12\">\r\n                                            <div class=\"form-group\">\r\n                                                <select id=\"Usecase\" name=\"Usecase\" required=\"required\"\r\n                                                    class=\"form-control\">\r\n                                                    <option disabled=\"disabled\" selected=\"selected\" value=\"\">S\u00e9lectionnez votre cas d&rsquo;utilisation<\/option>\r\n                                                    <option value=\"Knowledge Base\">Base de connaissances<\/option>\r\n                                                    <option value=\"Documentation\">Documentation<\/option>\r\n                                                    <option value=\"SOPs \/ Step-by-Step Guide\">Proc\u00e9dures (SOP) \/ Guide \u00e9tape par \u00e9tape\r\n                                                    <\/option>\r\n                                                    <option value=\"User Manuals\">Manuels d&rsquo;utilisation<\/option>\r\n                                                    <option value=\"API Documentation\">Documentation API<\/option>\r\n                                                    <option value=\"AI Chatbot\">Chatbot IA<\/option>\r\n                                                    <option value=\"Others\">Autres<\/option>\r\n                                                <\/select>\r\n                                                <label class=\"ks-label\" for=\"Usecase\"><span>Cas d&rsquo;utilisation<sup>*<\/sup><\/span><\/label>\r\n                                            <\/div>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                    <div class=\"row\">\r\n                                        <div class=\"col-md-12\">\r\n                                            <div class=\"form-group\">\r\n                                                <textarea name=\"Comment\" id=\"Comment\" class=\"form-control\" cols=\"30\"\r\n                                                    rows=\"5\"><\/textarea>\r\n                                                <label for=\"Comment\"><span>Probl\u00e8me m\u00e9tier que vous souhaitez r\u00e9soudre<sup>*<\/sup><\/span><\/label>\r\n                                            <\/div>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                    <p class=\"text-center text-xs cal-terms\">\r\n                                        En r\u00e9servant, vous acceptez nos\r\n                                        <a class=\"text-primary\" href=\"https:\/\/document360.com\/terms\/\" target=\"_blank\"\r\n                                            rel=\"noopener noreferrer\"><b>Conditions<\/b><\/a>,\r\n                                        <a class=\"text-primary\" href=\"https:\/\/document360.com\/privacy\/\" target=\"_blank\"\r\n                                            rel=\"noopener noreferrer\"><b>Politique de confidentialit\u00e9<\/b><\/a> et\r\n                                        <a class=\"text-primary\" href=\"https:\/\/document360.com\/fr\/gdpr-compliance\/\" target=\"_blank\"\r\n                                            rel=\"noopener noreferrer\"><b>RGPD<\/b><\/a>.\r\n                                    <\/p>\r\n                                    <div class=\"g-recaptcha\" data-sitekey=\"6Le83-QcAAAAAFFD41u2YJJa6PdHLeBplSEiOvhd\"\r\n                                        data-callback=\"onSubmit\" data-size=\"invisible\"><\/div>\r\n                                <\/div>\r\n                                <div class=\"mt-2 text-center\">\r\n                                    <input id=\"demo_submit\" name=\"confirm booking\"\r\n                                        class=\"btn btn-primary cal-reserve-btn\" type=\"submit\" value=\"R\u00e9servez une d\u00e9mo\"\r\n                                        disabled=\"disabled\">\r\n                                    <div class=\"loading_form\" style=\"display:none;margin-top:10px;\"><span\r\n                                            class=\"btn btn-dark w-100\">Veuillez patienter&#8230;<\/span><\/div>\r\n                                <\/div>\r\n                                <div class=\"exception_message\" style=\"display: none;\">\r\n                                    <div id=\"exception_message_content\"><\/div>\r\n                                    <div class=\"alert_close\">&times;<\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/form>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>","protected":false},"excerpt":{"rendered":"Fuseau horaire &lsaquo; &rsaquo; DLMMJVS S\u00e9lectionnez une date horaires dans votre fuseau horaire &#8230;","protected":false},"author":2,"featured_media":22434,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-22431","page","type-page","status-publish","has-post-thumbnail","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Commencez votre essai gratuit aujourd&#039;hui | Document360 Base de connaissances<\/title>\n<meta name=\"description\" content=\"Essayez Document360 gratuitement &amp; voyez comment vous pouvez construire votre base de connaissances, vos SOP ou vos manuels sans effort. Aucune carte de cr\u00e9dit n\u00e9cessaire pour commencer.\" \/>\n<meta name=\"robots\" content=\"noindex, nofollow\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Commencez votre essai gratuit aujourd&#039;hui | Document360 Base de connaissances\" \/>\n<meta property=\"og:description\" content=\"Essayez Document360 gratuitement &amp; voyez comment vous pouvez construire votre base de connaissances, vos SOP ou vos manuels sans effort. Aucune carte de cr\u00e9dit n\u00e9cessaire pour commencer.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/document360.com\/fr\/inscription\/\" \/>\n<meta property=\"og:site_name\" content=\"Document360\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/document360\/\" \/>\n<meta property=\"article:modified_time\" content=\"2026-09-30T10:54:16+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/document360.com\/wp-content\/uploads\/2024\/04\/Signup-OG-Image.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"626\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@document360\" \/>\n<meta name=\"twitter:label1\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/document360.com\\\/fr\\\/inscription\\\/\",\"url\":\"https:\\\/\\\/document360.com\\\/fr\\\/inscription\\\/\",\"name\":\"Commencez votre essai gratuit aujourd'hui | Document360 Base de connaissances\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/document360.com\\\/fr\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/document360.com\\\/fr\\\/inscription\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/document360.com\\\/fr\\\/inscription\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/document360.com\\\/wp-content\\\/uploads\\\/2024\\\/04\\\/Signup-OG-Image.png\",\"datePublished\":\"2019-11-29T06:17:31+00:00\",\"dateModified\":\"2026-09-30T10:54:16+00:00\",\"description\":\"Essayez Document360 gratuitement & voyez comment vous pouvez construire votre base de connaissances, vos SOP ou vos manuels sans effort. Aucune carte de cr\u00e9dit n\u00e9cessaire pour commencer.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/document360.com\\\/fr\\\/inscription\\\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/document360.com\\\/fr\\\/inscription\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/document360.com\\\/fr\\\/inscription\\\/#primaryimage\",\"url\":\"https:\\\/\\\/document360.com\\\/wp-content\\\/uploads\\\/2024\\\/04\\\/Signup-OG-Image.png\",\"contentUrl\":\"https:\\\/\\\/document360.com\\\/wp-content\\\/uploads\\\/2024\\\/04\\\/Signup-OG-Image.png\",\"width\":1200,\"height\":626,\"caption\":\"Signup-OG-Image\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/document360.com\\\/fr\\\/inscription\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/document360.com\\\/fr\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Inscription\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/document360.com\\\/fr\\\/#website\",\"url\":\"https:\\\/\\\/document360.com\\\/fr\\\/\",\"name\":\"Document360\",\"description\":\"The knowledge base that scales with your product.\",\"publisher\":{\"@id\":\"https:\\\/\\\/document360.com\\\/fr\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/document360.com\\\/fr\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/document360.com\\\/fr\\\/#organization\",\"name\":\"Document360\",\"url\":\"https:\\\/\\\/document360.com\\\/fr\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/document360.com\\\/fr\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/document360.com\\\/wp-content\\\/uploads\\\/2018\\\/06\\\/logo.png\",\"contentUrl\":\"https:\\\/\\\/document360.com\\\/wp-content\\\/uploads\\\/2018\\\/06\\\/logo.png\",\"width\":270,\"height\":35,\"caption\":\"Document360\"},\"image\":{\"@id\":\"https:\\\/\\\/document360.com\\\/fr\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/document360\\\/\",\"https:\\\/\\\/x.com\\\/document360\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/document360\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Commencez votre essai gratuit aujourd'hui | Document360 Base de connaissances","description":"Essayez Document360 gratuitement & voyez comment vous pouvez construire votre base de connaissances, vos SOP ou vos manuels sans effort. Aucune carte de cr\u00e9dit n\u00e9cessaire pour commencer.","robots":{"index":"noindex","follow":"nofollow"},"og_locale":"fr_FR","og_type":"article","og_title":"Commencez votre essai gratuit aujourd'hui | Document360 Base de connaissances","og_description":"Essayez Document360 gratuitement & voyez comment vous pouvez construire votre base de connaissances, vos SOP ou vos manuels sans effort. Aucune carte de cr\u00e9dit n\u00e9cessaire pour commencer.","og_url":"https:\/\/document360.com\/fr\/inscription\/","og_site_name":"Document360","article_publisher":"https:\/\/www.facebook.com\/document360\/","article_modified_time":"2026-09-30T10:54:16+00:00","og_image":[{"width":1200,"height":626,"url":"https:\/\/document360.com\/wp-content\/uploads\/2024\/04\/Signup-OG-Image.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_site":"@document360","twitter_misc":{"Dur\u00e9e de lecture estim\u00e9e":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/document360.com\/fr\/inscription\/","url":"https:\/\/document360.com\/fr\/inscription\/","name":"Commencez votre essai gratuit aujourd'hui | Document360 Base de connaissances","isPartOf":{"@id":"https:\/\/document360.com\/fr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/document360.com\/fr\/inscription\/#primaryimage"},"image":{"@id":"https:\/\/document360.com\/fr\/inscription\/#primaryimage"},"thumbnailUrl":"https:\/\/document360.com\/wp-content\/uploads\/2024\/04\/Signup-OG-Image.png","datePublished":"2019-11-29T06:17:31+00:00","dateModified":"2026-09-30T10:54:16+00:00","description":"Essayez Document360 gratuitement & voyez comment vous pouvez construire votre base de connaissances, vos SOP ou vos manuels sans effort. Aucune carte de cr\u00e9dit n\u00e9cessaire pour commencer.","breadcrumb":{"@id":"https:\/\/document360.com\/fr\/inscription\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/document360.com\/fr\/inscription\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/document360.com\/fr\/inscription\/#primaryimage","url":"https:\/\/document360.com\/wp-content\/uploads\/2024\/04\/Signup-OG-Image.png","contentUrl":"https:\/\/document360.com\/wp-content\/uploads\/2024\/04\/Signup-OG-Image.png","width":1200,"height":626,"caption":"Signup-OG-Image"},{"@type":"BreadcrumbList","@id":"https:\/\/document360.com\/fr\/inscription\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/document360.com\/fr\/"},{"@type":"ListItem","position":2,"name":"Inscription"}]},{"@type":"WebSite","@id":"https:\/\/document360.com\/fr\/#website","url":"https:\/\/document360.com\/fr\/","name":"Document360","description":"The knowledge base that scales with your product.","publisher":{"@id":"https:\/\/document360.com\/fr\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/document360.com\/fr\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/document360.com\/fr\/#organization","name":"Document360","url":"https:\/\/document360.com\/fr\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/document360.com\/fr\/#\/schema\/logo\/image\/","url":"https:\/\/document360.com\/wp-content\/uploads\/2018\/06\/logo.png","contentUrl":"https:\/\/document360.com\/wp-content\/uploads\/2018\/06\/logo.png","width":270,"height":35,"caption":"Document360"},"image":{"@id":"https:\/\/document360.com\/fr\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/document360\/","https:\/\/x.com\/document360","https:\/\/www.linkedin.com\/company\/document360"]}]}},"_links":{"self":[{"href":"https:\/\/document360.com\/fr\/wp-json\/wp\/v2\/pages\/22431","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/document360.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/document360.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/document360.com\/fr\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/document360.com\/fr\/wp-json\/wp\/v2\/comments?post=22431"}],"version-history":[{"count":3,"href":"https:\/\/document360.com\/fr\/wp-json\/wp\/v2\/pages\/22431\/revisions"}],"predecessor-version":[{"id":39762,"href":"https:\/\/document360.com\/fr\/wp-json\/wp\/v2\/pages\/22431\/revisions\/39762"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/document360.com\/fr\/wp-json\/wp\/v2\/media\/22434"}],"wp:attachment":[{"href":"https:\/\/document360.com\/fr\/wp-json\/wp\/v2\/media?parent=22431"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}