{"id":11,"date":"2026-06-12T09:55:57","date_gmt":"2026-06-12T09:55:57","guid":{"rendered":"https:\/\/4fcom.fr\/?page_id=11"},"modified":"2026-06-24T16:45:59","modified_gmt":"2026-06-24T16:45:59","slug":"contact","status":"publish","type":"page","link":"https:\/\/4fcom.fr\/?page_id=11","title":{"rendered":"Contact"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"11\" class=\"elementor elementor-11\">\n\t\t\t\t<div class=\"elementor-element elementor-element-87ae13e e-con e-atomic-element e-flexbox-base e-6bbf151 \" data-id=\"87ae13e\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"87ae13e\">\n    \t\t<div class=\"elementor-element elementor-element-3209b02 elementor-widget elementor-widget-html\" data-id=\"3209b02\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"hero-container full-width-stretch\">\r\n    <!-- Main Image Section with Dark Overlay -->\r\n    <div class=\"hero-image-section\">\r\n        <!-- White Text Box Overlapping at the Bottom -->\r\n        <div class=\"content-box\">\r\n            <p>\r\n                Chez 4FCOM, nous formons les techniciens, ind\u00e9pendants et \u00e9quipes de r\u00e9paration qui veulent aller plus loin.<br>\r\n                Des m\u00e9thodes \u00e9prouv\u00e9es, des formateurs issus du terrain et un accompagnement personnalis\u00e9 pour transformer votre pratique et \u00e9lever vos standards.\r\n            <\/p>\r\n        <\/div>\r\n    <\/div>\r\n    \r\n    <!-- Lower White Section with Centered Logo -->\r\n    <div class=\"logo-section\">\r\n        <img decoding=\"async\" src=\"https:\/\/4fcom.fr\/wp-content\/uploads\/2026\/06\/WhatsApp_Image_2026-06-20_at_9.56.16_PMh-removebg-preview.png\" alt=\"4FCOM Logo\">\r\n    <\/div>\r\n<\/div>\r\n\r\n<style>\r\n\/* -----------------------------------------------------------\r\n   GLOBAL OVERFLOW RESCUE (Responsive Anti-Scroll)\r\n----------------------------------------------------------- *\/\r\n\/* Yeh rules browser ko mobile par horizontal scrolling karne se rokty hain *\/\r\nhtml, body {\r\n    max-width: 100%;\r\n    overflow-x: hidden;\r\n}\r\n\r\n\/* Theme containers ki restrictions hatane ke liye *\/\r\n.elementor-section-wrap,\r\n.elementor-widget-html,\r\n.elementor-widget-container,\r\n.site-content .container,\r\n.ast-container {\r\n    max-width: 100% !important;\r\n    width: 100% !important;\r\n    padding-left: 0 !important;\r\n    padding-right: 0 !important;\r\n    margin-left: 0 !important;\r\n    margin-right: 0 !important;\r\n}\r\n\r\n\/* -----------------------------------------------------------\r\n   MAIN HERO LAYOUT (Perfect Responsive)\r\n----------------------------------------------------------- *\/\r\n.hero-container.full-width-stretch {\r\n    width: 100% !important;\r\n    position: relative;\r\n    display: flex;\r\n    flex-direction: column;\r\n    overflow: hidden;\r\n}\r\n\r\n\/* Agar theme abhi bhi box kar rahi ho toh yeh pure desktop view par stretch karega bina scroll ke *\/\r\n@media (min-width: 769px) {\r\n    .hero-container.full-width-stretch {\r\n        width: 100vw !important;\r\n        left: 50%;\r\n        transform: translateX(-50%);\r\n    }\r\n}\r\n\r\n\/* Upper Section with Image *\/\r\n.hero-image-section {\r\n    position: relative;\r\n    width: 100%;\r\n    height: 520px; \/* Thodi si height barha di hai text overlap safe rakhne ke liye *\/\r\n    background-image: linear-gradient(rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.45)), url('https:\/\/4fcom.fr\/wp-content\/uploads\/2026\/06\/WhatsApp-Image-2026-06-20-at-9.56.17-PM-2.jpeg');\r\n    background-size: cover;\r\n    background-position: center;\r\n    background-repeat: no-repeat;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: flex-end;\r\n    z-index: 1;\r\n}\r\n\r\n\/* White Content Box Overlap Styling *\/\r\n.content-box {\r\n    background-color: #ffffff;\r\n    padding: 35px 45px;\r\n    max-width: 680px;\r\n    width: 90%;\r\n    box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.15);\r\n    margin-bottom: -60px; \/* Overlap rule *\/\r\n    z-index: 3;\r\n    box-sizing: border-box;\r\n}\r\n\r\n.content-box p {\r\n    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\r\n    font-size: 16px;\r\n    line-height: 1.6;\r\n    color: #000000;\r\n    font-weight: 600;\r\n    margin: 0;\r\n    text-align: left;\r\n}\r\n\r\n\/* Lower White Section for Logo *\/\r\n.logo-section {\r\n    width: 100%;\r\n    background-color: #ffffff;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    padding: 100px 0 40px 0; \/* Padding barhaye rakhi hai taake card overlap safely adjust ho *\/\r\n    z-index: 2;\r\n}\r\n\r\n.logo-section img {\r\n    max-width: 140px;\r\n    height: auto;\r\n}\r\n\r\n\/* -----------------------------------------------------------\r\n   TABLET RESPONSIVE VIEW (769px - 1024px)\r\n----------------------------------------------------------- *\/\r\n@media (max-width: 1024px) {\r\n    .hero-image-section {\r\n        height: 460px;\r\n    }\r\n    .content-box {\r\n        padding: 25px 35px;\r\n        max-width: 90%;\r\n    }\r\n    .content-box p {\r\n        font-size: 15px;\r\n    }\r\n}\r\n\r\n\/* -----------------------------------------------------------\r\n   MOBILE RESPONSIVE VIEW (Up to 768px)\r\n----------------------------------------------------------- *\/\r\n@media (max-width: 768px) {\r\n    .hero-container.full-width-stretch {\r\n        width: 100% !important;\r\n        left: 0 !important;\r\n        transform: none !important;\r\n    }\r\n    \r\n    .hero-image-section {\r\n        height: 380px; \/* Mobile ke liye perfect height setup *\/\r\n    }\r\n    \r\n    .content-box {\r\n        padding: 20px;\r\n        width: 92%;\r\n        margin-bottom: -50px; \/* Mobile screen par margin balance kiya hai *\/\r\n        box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);\r\n    }\r\n    \r\n    .content-box p {\r\n        font-size: 14px;\r\n        line-height: 1.5;\r\n    }\r\n    \r\n    .logo-section {\r\n        padding: 80px 0 30px 0; \/* White space automatically calculated *\/\r\n    }\r\n    \r\n    .logo-section img {\r\n        max-width: 110px;\r\n    }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-58d2ded e-con e-atomic-element e-flexbox-base e-7067dcb \" data-id=\"58d2ded\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"58d2ded\">\n    \t\t<div class=\"elementor-element elementor-element-cfe4716 elementor-widget elementor-widget-html\" data-id=\"cfe4716\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"fr\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<title>Formulaire Formation R\u00e9paration<\/title>\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/@tabler\/icons-webfont@2.44.0\/tabler-icons.min.css\">\r\n<script src=\"https:\/\/assets.calendly.com\/assets\/external\/widget.js\" type=\"text\/javascript\" async><\/script>\r\n<link href=\"https:\/\/assets.calendly.com\/assets\/external\/widget.css\" rel=\"stylesheet\">\r\n<style>\r\n* { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n\/* Naya wrapper block jo WordPress\/Elementor ke andar isey zabardasti center karega *\/\r\n.wrapper-center {\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  width: 100%;\r\n  margin: 0 auto;\r\n  text-align: left; \/* Taki form ke andar ka text left hi rahe *\/\r\n}\r\n\r\nbody { \r\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; \r\n  background: #f5f5f5; \r\n}\r\n\r\n.fw { \r\n  max-width: 580px; \r\n  width: 100%; \r\n  margin: 0 auto; \/* Horizontally center lock karne ke liye *\/\r\n}\r\n\r\n.step { display: none; }\r\n.step.active { display: block; }\r\n.progress-bar { height: 4px; background: #e0e0e0; border-radius: 99px; margin-bottom: 2rem; overflow: hidden; }\r\n.progress-fill { height: 100%; background: #11CA00; border-radius: 99px; transition: width 0.4s ease; }\r\n.step-label { font-size: 12px; color: #888; margin-bottom: 6px; }\r\n.step-title { font-size: 22px; font-weight: 500; color: #111; margin: 0 0 6px; }\r\n.step-sub { font-size: 15px; color: #555; margin: 0 0 2rem; }\r\n.options-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-bottom: 1.5rem; }\r\n.opt { background: #fff; border: 1px solid #ddd; border-radius: 12px; padding: 16px; cursor: pointer; transition: border-color 0.15s, background 0.15s; display: flex; align-items: flex-start; gap: 12px; }\r\n.opt:hover { border-color: #11CA00; background: #E8FFE0; }\r\n.opt.selected { border: 2px solid #11CA00; background: #E8FFE0; }\r\n.opt i { font-size: 22px; color: #11CA00; margin-top: 2px; flex-shrink: 0; }\r\n.opt-text strong { display: block; font-size: 14px; font-weight: 500; color: #111; }\r\n.opt-text span { font-size: 12px; color: #666; }\r\n.form-group { margin-bottom: 16px; }\r\n.form-group label { display: block; font-size: 13px; font-weight: 500; color: #555; margin-bottom: 6px; }\r\n.form-group input, .form-group select { width: 100%; font-size: 15px; padding: 12px 14px; border-radius: 8px; border: 1px solid #ddd; background: #fafafa; color: #111; outline: none; }\r\n.form-group input:focus, .form-group select:focus { border-color: #11CA00; }\r\n.input-row { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }\r\n.btn-next { width: 100%; padding: 15px; background: #11CA00; color: #fff; border: none; border-radius: 8px; font-size: 16px; font-weight: 500; cursor: pointer; display: flex; align-items: center; justify-content: center; gap: 10px; margin-top: 8px; transition: background 0.2s; }\r\n.btn-next:hover { background: #0D9E00; }\r\n.btn-next:disabled { background: #ccc; color: #888; cursor: not-allowed; }\r\n.btn-back { background: none; border: none; color: #888; font-size: 14px; cursor: pointer; padding: 8px 0; display: flex; align-items: center; gap: 6px; margin-bottom: 16px; }\r\n.trust { display: flex; align-items: center; justify-content: center; gap: 6px; font-size: 12px; color: #aaa; margin-top: 12px; }\r\n.calendly-wrap { background: #fff; border-radius: 12px; border: 1px solid #eee; overflow: hidden; min-height: 650px; }\r\n@media (max-width: 480px) {\r\n  .options-grid { grid-template-columns: 1fr; }\r\n  .input-row { grid-template-columns: 1fr; }\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<!-- Is naye wrapper div ne form ko dono taraf se lock kar diya hai -->\r\n<div class=\"wrapper-center\">\r\n  <div class=\"fw\">\r\n    <div class=\"progress-bar\"><div class=\"progress-fill\" id=\"prog\" style=\"width:25%\"><\/div><\/div>\r\n\r\n    <!-- \u00c9TAPE 1 -->\r\n    <div class=\"step active\" id=\"s1\">\r\n      <p class=\"step-label\">\u00c9tape 1 sur 3<\/p>\r\n      <h2 class=\"step-title\">Quel est votre objectif ?<\/h2>\r\n      <p class=\"step-sub\">Choisissez ce qui correspond le mieux \u00e0 votre projet.<\/p>\r\n      <div class=\"options-grid\">\r\n        <div class=\"opt\" onclick=\"selectOpt(this,'obj','reconversion')\">\r\n          <i class=\"ti ti-refresh\"><\/i>\r\n          <div class=\"opt-text\"><strong>Me reconvertir<\/strong><span>Changer de m\u00e9tier<\/span><\/div>\r\n        <\/div>\r\n        <div class=\"opt\" onclick=\"selectOpt(this,'obj','boutique')\">\r\n          <i class=\"ti ti-building-store\"><\/i>\r\n          <div class=\"opt-text\"><strong>Ouvrir ma boutique<\/strong><span>Devenir ind\u00e9pendant<\/span><\/div>\r\n        <\/div>\r\n        <div class=\"opt\" onclick=\"selectOpt(this,'obj','competences')\">\r\n          <i class=\"ti ti-trending-up\"><\/i>\r\n          <div class=\"opt-text\"><strong>Monter en comp\u00e9tences<\/strong><span>Am\u00e9liorer ma pratique<\/span><\/div>\r\n        <\/div>\r\n        <div class=\"opt\" onclick=\"selectOpt(this,'obj','emploi')\">\r\n          <i class=\"ti ti-briefcase\"><\/i>\r\n          <div class=\"opt-text\"><strong>Trouver un emploi<\/strong><span>Secteur high-tech<\/span><\/div>\r\n        <\/div>\r\n      <\/div>\r\n      <button class=\"btn-next\" id=\"btn1\" disabled onclick=\"next(1)\">Continuer <i class=\"ti ti-arrow-right\"><\/i><\/button>\r\n      <div class=\"trust\"><i class=\"ti ti-users\"><\/i> +800 stagiaires form\u00e9s depuis 2008<\/div>\r\n    <\/div>\r\n\r\n    <!-- \u00c9TAPE 2 -->\r\n    <div class=\"step\" id=\"s2\">\r\n      <button class=\"btn-back\" onclick=\"back(1)\"><i class=\"ti ti-arrow-left\"><\/i> Retour<\/button>\r\n      <p class=\"step-label\">\u00c9tape 2 sur 3<\/p>\r\n      <h2 class=\"step-title\">Comment financer votre formation ?<\/h2>\r\n      <p class=\"step-sub\">Notre \u00e9quipe vous r\u00e9pond sous 24h.<\/p>\r\n      <div class=\"options-grid\">\r\n        <div class=\"opt\" onclick=\"selectOpt(this,'fin','cpf')\">\r\n          <i class=\"ti ti-credit-card\"><\/i>\r\n          <div class=\"opt-text\"><strong>Mon CPF<\/strong><span>Compte formation<\/span><\/div>\r\n        <\/div>\r\n        <div class=\"opt\" onclick=\"selectOpt(this,'fin','france-travail')\">\r\n          <i class=\"ti ti-building-community\"><\/i>\r\n          <div class=\"opt-text\"><strong>France Travail<\/strong><span>Demandeur d'emploi<\/span><\/div>\r\n        <\/div>\r\n        <div class=\"opt\" onclick=\"selectOpt(this,'fin','opco')\">\r\n          <i class=\"ti ti-users\"><\/i>\r\n          <div class=\"opt-text\"><strong>OPCO \/ Employeur<\/strong><span>Salari\u00e9 en poste<\/span><\/div>\r\n        <\/div>\r\n        <div class=\"opt\" onclick=\"selectOpt(this,'fin','perso')\">\r\n          <i class=\"ti ti-wallet\"><\/i>\r\n          <div class=\"opt-text\"><strong>Financement perso<\/strong><span>Auto-financement<\/span><\/div>\r\n        <\/div>\r\n      <\/div>\r\n      <button class=\"btn-next\" id=\"btn2\" disabled onclick=\"next(2)\">Continuer <i class=\"ti ti-arrow-right\"><\/i><\/button>\r\n      <div class=\"trust\"><i class=\"ti ti-shield-check\"><\/i> Certifi\u00e9 Qualiopi \u2014 formations \u00e9ligibles aux aides<\/div>\r\n    <\/div>\r\n\r\n    <!-- \u00c9TAPE 3 -->\r\n    <div class=\"step\" id=\"s3\">\r\n      <button class=\"btn-back\" onclick=\"back(2)\"><i class=\"ti ti-arrow-left\"><\/i> Retour<\/button>\r\n      <p class=\"step-label\">\u00c9tape 3 sur 3<\/p>\r\n      <h2 class=\"step-title\">Choisissez votre cr\u00e9neau<\/h2>\r\n      <p class=\"step-sub\">Renseignez vos coordonn\u00e9es puis r\u00e9servez directement votre cr\u00e9neau.<\/p>\r\n      <div class=\"input-row\">\r\n        <div class=\"form-group\"><label>Pr\u00e9nom<\/label><input type=\"text\" id=\"prenom\" placeholder=\"Jean\" oninput=\"checkS3()\" \/><\/div>\r\n        <div class=\"form-group\"><label>Nom<\/label><input type=\"text\" id=\"nom\" placeholder=\"Dupont\" oninput=\"checkS3()\" \/><\/div>\r\n      <\/div>\r\n      <div class=\"form-group\"><label>T\u00e9l\u00e9phone<\/label><input type=\"tel\" id=\"tel\" placeholder=\"06 00 00 00 00\" oninput=\"checkS3()\" \/><\/div>\r\n      <div class=\"form-group\"><label>Email<\/label><input type=\"email\" id=\"email\" placeholder=\"jean@email.com\" oninput=\"checkS3()\" \/><\/div>\r\n      <button class=\"btn-next\" id=\"btn3\" disabled onclick=\"showCalendly()\"><i class=\"ti ti-calendar\"><\/i> R\u00e9server mon cr\u00e9neau gratuit<\/button>\r\n      <div class=\"trust\"><i class=\"ti ti-lock\"><\/i> Donn\u00e9es confidentielles \u2014 aucun spam<\/div>\r\n    <\/div>\r\n\r\n    <!-- \u00c9TAPE 4 - CALENDLY -->\r\n    <div class=\"step\" id=\"s4\">\r\n      <button class=\"btn-back\" onclick=\"back(3)\"><i class=\"ti ti-arrow-left\"><\/i> Retour<\/button>\r\n      <p class=\"step-label\" style=\"margin-bottom:8px;\">Choisissez votre cr\u00e9neau \ud83d\udc47<\/p>\r\n      <div class=\"calendly-wrap\">\r\n        <div id=\"calendly-container\"><\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\nvar data = {};\r\n\r\nfunction selectOpt(el, key, val) {\r\n  var grid = el.parentElement;\r\n  grid.querySelectorAll('.opt').forEach(function(o){ o.classList.remove('selected'); });\r\n  el.classList.add('selected');\r\n  data[key] = val;\r\n  var step = key === 'obj' ? 1 : 2;\r\n  document.getElementById('btn' + step).disabled = false;\r\n}\r\n\r\nfunction next(n) {\r\n  document.getElementById('s'+n).classList.remove('active');\r\n  document.getElementById('s'+(n+1)).classList.add('active');\r\n  document.getElementById('prog').style.width = (n === 1 ? 50 : 75) + '%';\r\n}\r\n\r\nfunction back(n) {\r\n  document.getElementById('s'+(n+1)).classList.remove('active');\r\n  document.getElementById('s'+n).classList.add('active');\r\n  document.getElementById('prog').style.width = (n === 1 ? 25 : n === 2 ? 50 : 75) + '%';\r\n}\r\n\r\nfunction checkS3() {\r\n  var ok = document.getElementById('prenom').value &&\r\n           document.getElementById('nom').value &&\r\n           document.getElementById('tel').value &&\r\n           document.getElementById('email').value;\r\n  document.getElementById('btn3').disabled = !ok;\r\n}\r\n\r\nfunction showCalendly() {\r\n  var prenom = document.getElementById('prenom').value;\r\n  var nom = document.getElementById('nom').value;\r\n  var email = document.getElementById('email').value;\r\n\r\n  document.getElementById('s3').classList.remove('active');\r\n  document.getElementById('s4').classList.add('active');\r\n  document.getElementById('prog').style.width = '100%';\r\n\r\n  Calendly.initInlineWidget({\r\n    url: 'https:\/\/calendly.com\/helpagencypro\/new-meeting',\r\n    parentElement: document.getElementById('calendly-container'),\r\n    prefill: {\r\n      name: prenom + ' ' + nom,\r\n      email: email\r\n    }\r\n  });\r\n}\r\n<\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-7536382 e-con e-atomic-element e-flexbox-base e-d7b824b \" data-id=\"7536382\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"7536382\">\n    \t\t<div class=\"elementor-element elementor-element-7ba06de elementor-widget elementor-widget-html\" data-id=\"7ba06de\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"faq-contact-container responsive-faq-wrapper\">\r\n    \r\n    <!-- SECTION 1: Quick Contact Info -->\r\n    <h2 class=\"section-title\">Une question rapide ?<\/h2>\r\n    <div class=\"grey-box contact-info-box\">\r\n        <p class=\"contact-line\"><strong>WhatsApp \u2014 r\u00e9ponse en moins d'1h<\/strong><\/p>\r\n        <p class=\"contact-line\"><a href=\"mailto:contact@4fcom.fr\" class=\"clickable-email\"><strong>contact@4fcom.fr<\/strong><\/a><\/p>\r\n        <p class=\"contact-line\"><strong>T\u00e9l. : 04 78 09 09 39 \u2014 lun. au ven. 9h\u201316h<\/strong><\/p>\r\n    <\/div>\r\n\r\n    <!-- SECTION 2: FAQ Section -->\r\n    <h2 class=\"section-title space-top\">Peut-\u00eatre que ta r\u00e9ponse est d\u00e9j\u00e0 l\u00e0<\/h2>\r\n    <div class=\"grey-box faq-content-box\">\r\n        \r\n        <!-- Question 1 -->\r\n        <h3 class=\"faq-question\">Vos formations sont-elles finan\u00e7ables ?<\/h3>\r\n        <div class=\"faq-answer\">\r\n            <p>Oui, nos formations sont 100% finan\u00e7ables ! \ud83c\udf89<br>\r\n            Nous sommes r\u00e9f\u00e9renc\u00e9s aupr\u00e8s de nombreux organismes de financement pour vous permettre de vous former .<\/p>\r\n            \r\n            <ul class=\"checkmark-list\">\r\n                <li>\u2705 France Travail \u2014 Prise en charge sous 1 \u00e0 2 mois<\/li>\r\n                <li>\u2705 Mon Compte CPF \u2014 Prise en charge sous 1 \u00e0 2 mois<\/li>\r\n                <li>\u2705 Transitions Pro \u2014 Prise en charge sous 1 \u00e0 2 mois<\/li>\r\n                <li>\u2705 FAFCEA \u2014 Prise en charge sous 1 \u00e0 2 mois<\/li>\r\n                <li>\u2705 L'OPCO \u2014 Prise en charge sous 1 \u00e0 2 mois<\/li>\r\n            <\/ul>\r\n            \r\n            <p>Peu importe votre situation \u2014 salari\u00e9, demandeur d'emploi, ind\u00e9pendant ou chef d'entreprise \u2014 il existe une solution de financement adapt\u00e9e \u00e0 votre profil.<\/p>\r\n        <\/div>\r\n\r\n        <!-- Question 2 -->\r\n        <h3 class=\"faq-question\">Quel niveau faut-il pour s'inscrire ?<\/h3>\r\n        <div class=\"faq-answer\">\r\n            <p>Nos formations s'adressent \u00e0 tous les niveaux \u2014 d\u00e9butant comme confirm\u00e9. Chaque parcours est adapt\u00e9 \u00e0 ton profil.<\/p>\r\n        <\/div>\r\n\r\n        <!-- Question 3 -->\r\n        <h3 class=\"faq-question\">Les formations sont-elles disponibles \u00e0 distance ?<\/h3>\r\n        <div class=\"faq-answer\">\r\n            <p>Oui, 4F COM propose des formations en pr\u00e9sentiel et en e-learning selon les modules choisis.<\/p>\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n<style>\r\n\/* -----------------------------------------------------------\r\n   MAIN CONTAINER STRUCTURE\r\n----------------------------------------------------------- *\/\r\n.faq-contact-container.responsive-faq-wrapper {\r\n    max-width: 800px;\r\n    width: 100%;\r\n    margin: 40px auto;\r\n    padding: 0 24px; \/* Standardized safe side margins *\/\r\n    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\r\n    color: #000000;\r\n    box-sizing: border-box;\r\n}\r\n\r\n\/* Headings Styling *\/\r\n.section-title {\r\n    font-size: 22px;\r\n    font-weight: 800;\r\n    margin-bottom: 20px;\r\n    text-align: left;\r\n    letter-spacing: -0.5px;\r\n}\r\n\r\n.section-title.space-top {\r\n    margin-top: 55px;\r\n}\r\n\r\n\/* Standard Sharp Grey Boxes *\/\r\n.grey-box {\r\n    background-color: #E2E2E2;\r\n    padding: 35px 40px;\r\n    border-radius: 0px !important; \/* Perfect square corners everywhere *\/\r\n    box-sizing: border-box;\r\n    width: 100%;\r\n}\r\n\r\n\/* -----------------------------------------------------------\r\n   CONTACT BOX INFO\r\n----------------------------------------------------------- *\/\r\n.contact-info-box .contact-line {\r\n    font-size: 16px;\r\n    margin: 0 0 22px 0;\r\n    text-align: left;\r\n    line-height: 1.4;\r\n}\r\n\r\n.contact-info-box .contact-line:last-child {\r\n    margin-bottom: 0;\r\n}\r\n\r\n.contact-info-box .clickable-email {\r\n    color: #000000;\r\n    text-decoration: none;\r\n    border-bottom: 1px solid transparent;\r\n    transition: border-color 0.2s ease;\r\n}\r\n\r\n.contact-info-box .clickable-email:hover {\r\n    border-bottom-color: #000000;\r\n}\r\n\r\n\/* -----------------------------------------------------------\r\n   FAQ CONTENT LAYOUT\r\n----------------------------------------------------------- *\/\r\n.faq-question {\r\n    font-size: 18px;\r\n    font-weight: 800;\r\n    margin: 0 0 14px 0;\r\n    text-align: left;\r\n    line-height: 1.4;\r\n}\r\n\r\n.faq-answer {\r\n    font-size: 15px;\r\n    line-height: 1.6;\r\n    margin-bottom: 35px;\r\n    text-align: left;\r\n}\r\n\r\n.faq-answer:last-child {\r\n    margin-bottom: 0;\r\n}\r\n\r\n.faq-answer p {\r\n    margin: 0 0 15px 0;\r\n}\r\n\r\n\/* Checkmark List Styling *\/\r\n.checkmark-list {\r\n    list-style: none;\r\n    padding: 0;\r\n    margin: 0 0 18px 0;\r\n}\r\n\r\n.checkmark-list li {\r\n    font-size: 15px;\r\n    margin-bottom: 8px;\r\n    font-weight: 600; \/* Clean visibility for specs *\/\r\n    line-height: 1.4;\r\n}\r\n\r\n\/* -----------------------------------------------------------\r\n   RESPONSIVE MEDIA QUERIES\r\n----------------------------------------------------------- *\/\r\n\r\n\/* Tablets & Medium Screens View *\/\r\n@media (max-width: 1024px) {\r\n    .grey-box {\r\n        padding: 30px 35px;\r\n    }\r\n}\r\n\r\n\/* Mobile Devices View (Up to 768px) *\/\r\n@media (max-width: 768px) {\r\n    .faq-contact-container.responsive-faq-wrapper {\r\n        padding: 0 16px; \/* Prevents container cutting on phones *\/\r\n        margin: 25px auto;\r\n    }\r\n    \r\n    .section-title {\r\n        font-size: 19px;\r\n        margin-bottom: 15px;\r\n    }\r\n    \r\n    .section-title.space-top {\r\n        margin-top: 40px;\r\n    }\r\n    \r\n    .grey-box {\r\n        padding: 22px 20px; \/* Snug padding for compact mobile layout *\/\r\n    }\r\n    \r\n    .contact-info-box .contact-line {\r\n        font-size: 14px;\r\n        margin-bottom: 16px;\r\n    }\r\n    \r\n    .faq-question {\r\n        font-size: 15px;\r\n        margin-bottom: 10px;\r\n    }\r\n    \r\n    .faq-answer {\r\n        font-size: 14px;\r\n        line-height: 1.5;\r\n        margin-bottom: 28px;\r\n    }\r\n    \r\n    .checkmark-list li {\r\n        font-size: 14px;\r\n        margin-bottom: 6px;\r\n    }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Chez 4FCOM, nous formons les techniciens, ind\u00e9pendants et \u00e9quipes de r\u00e9paration qui veulent aller plus loin. Des m\u00e9thodes \u00e9prouv\u00e9es, des formateurs issus du terrain et un accompagnement personnalis\u00e9 pour transformer votre pratique et \u00e9lever vos standards. Formulaire Formation R\u00e9paration \u00c9tape 1 sur 3 Quel est votre objectif ? Choisissez ce qui correspond le mieux \u00e0 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-11","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/4fcom.fr\/index.php?rest_route=\/wp\/v2\/pages\/11","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/4fcom.fr\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/4fcom.fr\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/4fcom.fr\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/4fcom.fr\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=11"}],"version-history":[{"count":34,"href":"https:\/\/4fcom.fr\/index.php?rest_route=\/wp\/v2\/pages\/11\/revisions"}],"predecessor-version":[{"id":165,"href":"https:\/\/4fcom.fr\/index.php?rest_route=\/wp\/v2\/pages\/11\/revisions\/165"}],"wp:attachment":[{"href":"https:\/\/4fcom.fr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=11"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}