Onze oplossingen voor tandartsen en mondhygiënisten.

Vul dit formulier in zodat wij u een oplossing op maat van uw situatie kunnen voorstellen.

    2. CSS (Apparence → Personnaliser → CSS additionnel, ou la feuille de style du thème) css .wilink-form { font-family: inherit; color: #1a1a1a; } /* Grille 2 colonnes */ .wilink-form .wf-grid { display: grid; grid-template-columns: 1fr 1fr; column-gap: 16px; row-gap: 40px; margin-bottom: 40px; } @media (max-width: 767px) { .wilink-form .wf-grid { grid-template-columns: 1fr; row-gap: 20px; } } .wilink-form .wpcf7-form-control-wrap { display: block; } /* Champs */ .wilink-form input[type="text"], .wilink-form input[type="tel"], .wilink-form input[type="email"], .wilink-form select, .wilink-form textarea { width: 100%; height: 48px; padding: 0 20px; background: #f5f6f5; border: 1px solid #e3e5e3; border-radius: 0; box-shadow: none; font-size: 14px; color: #555; outline: none; transition: border-color .2s; } .wilink-form textarea { height: 128px; padding: 16px 20px; resize: vertical; } .wilink-form input::placeholder, .wilink-form textarea::placeholder { color: #666; opacity: 1; } .wilink-form input:focus, .wilink-form select:focus, .wilink-form textarea:focus { border-color: #10203a; } /* Flèche du select */ .wilink-form select { -webkit-appearance: none; appearance: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23333' stroke-width='2' fill='none'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 12px center; padding-right: 40px; cursor: pointer; } /* Cases à cocher */ .wilink-form .wf-check .wpcf7-list-item { margin: 0; } .wilink-form .wf-check label { display: flex; align-items: flex-start; gap: 10px; cursor: pointer; } .wilink-form .wf-check input[type="checkbox"] { -webkit-appearance: none; appearance: none; flex: 0 0 16px; width: 16px; height: 16px; margin: 2px 0 0; border: 1px solid #666; border-radius: 2px; background: #fff; position: relative; cursor: pointer; } .wilink-form .wf-check input[type="checkbox"]:checked { background: #10203a; border-color: #10203a; } .wilink-form .wf-check input[type="checkbox"]:checked::after { content: ""; position: absolute; left: 4px; top: 1px; width: 5px; height: 9px; border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg); } .wilink-form .wf-client { margin-bottom: 40px; font-size: 15px; } .wilink-form .wf-optin { font-size: 12px; line-height: 1.6; color: #444; margin-bottom: 30px; } .wilink-form .wf-full { margin-bottom: 40px; } /* Texte légal */ .wilink-form .wf-legal { font-size: 12px; line-height: 1.6; color: #444; margin: 0 0 16px; } .wilink-form .wf-legal a { color: #1a1a1a; text-decoration: underline; } /* Bouton */ .wilink-form .wf-submit { display: flex; align-items: center; } .wilink-form .wpcf7-submit { background: #10203a; color: #fff; border: none; border-radius: 0; padding: 0 22px; height: 66px; min-width: 94px; font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .02em; cursor: pointer; transition: background .3s; } .wilink-form .wpcf7-submit:hover { background: #1f3a63; }