{"id":5271,"date":"2026-06-02T22:22:14","date_gmt":"2026-06-02T20:22:14","guid":{"rendered":"https:\/\/njstore.ma\/?page_id=5271"},"modified":"2026-06-03T00:55:04","modified_gmt":"2026-06-02T22:55:04","slug":"coin-carrierre","status":"publish","type":"page","link":"https:\/\/njstore.ma\/ar\/coin-carrierre\/","title":{"rendered":"coin carrierre"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"5271\" class=\"elementor elementor-5271\">\n\t\t\t\t<div class=\"elementor-element elementor-element-96cb207 e-con-full e-flex e-con e-parent\" data-id=\"96cb207\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-50aa6f2 elementor-widget elementor-widget-html\" data-id=\"50aa6f2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t}<!DOCTYPE html>\n<html lang=\"fr\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>CoinCarri\u00e8re - Recrutement H\u00f4tellerie & Restauration Maroc<\/title>\n    <!-- Police FontAwesome pour les ic\u00f4nes SVG si n\u00e9cessaire -->\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n    \n    <style>\n      @import url('https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400&family=Inter:wght@400;500;600&family=Space+Mono&display=swap');\n\n      :root {\n        --navy: #1E3A8A;\n        --emerald: #10B981;\n        --dark-navy: #0F172A;\n        --medium-gray: #64748B;\n        --light-gray: #F8FAFC;\n        --light-emerald: #D1FAE5;\n        --border-gray: #E2E8F0;\n      }\n\n      .cc-page {\n        font-family: 'Inter', sans-serif;\n        color: #1a1a1a;\n        overflow-x: hidden;\n      }\n      .cc-page * {\n        box-sizing: border-box;\n        margin: 0;\n        padding: 0;\n      }\n\n      \/* ===== NAVIGATION ===== *\/\n      .cc-nav {\n        position: fixed;\n        top: 0; left: 0; right: 0;\n        z-index: 9999;\n        height: 72px;\n        background: rgba(255,255,255,0.95);\n        backdrop-filter: blur(12px);\n        border-bottom: 1px solid rgba(0,0,0,0.05);\n        display: flex;\n        align-items: center;\n      }\n      .cc-nav-inner {\n        max-width: 1200px;\n        width: 100%;\n        margin: 0 auto;\n        padding: 0 24px;\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n      }\n      .cc-nav-logo {\n        height: 550px !important; \/* Force une hauteur standard et propre pour le header *\/\n  width: auto !important;  \/* Conserve les proportions du logo sans le d\u00e9former *\/\n  max-width: 180px !important; \/* \u00c9vite qu'il ne d\u00e9borde sur les c\u00f4t\u00e9s *\/\n  object-fit: contain;\n      }\n      .cc-nav-links {\n        display: flex;\n        align-items: center;\n        gap: 32px;\n      }\n      .cc-nav-links a {\n        font-size: 15px;\n        font-weight: 500;\n        color: var(--navy);\n        text-decoration: none;\n        transition: color 0.25s;\n      }\n      .cc-nav-links a:hover {\n        color: var(--emerald);\n      }\n      .cc-nav-cta {\n        display: inline-flex;\n        align-items: center;\n        padding: 12px 28px;\n        background: var(--emerald);\n        color: #fff;\n        font-size: 15px;\n        font-weight: 500;\n        border-radius: 999px;\n        text-decoration: none;\n        transition: all 0.25s ease;\n        box-shadow: 0 6px 18px rgba(16,185,129,0.18);\n      }\n      .cc-nav-cta:hover {\n        background: #059669;\n        transform: translateY(-2px) scale(1.01);\n        box-shadow: 0 10px 30px rgba(16,185,129,0.22);\n      }\n      .cc-nav-mobile-btn {\n        display: none;\n        background: none;\n        border: none;\n        cursor: pointer;\n        padding: 8px;\n      }\n      .cc-nav-mobile {\n        display: none;\n        position: fixed;\n        inset: 0;\n        z-index: 9998;\n        background: var(--navy);\n        flex-direction: column;\n        align-items: center;\n        justify-content: center;\n        gap: 32px;\n      }\n      .cc-nav-mobile a {\n        color: #fff;\n        font-size: 22px;\n        font-weight: 500;\n        text-decoration: none;\n      }\n      .cc-nav-mobile-cta {\n        margin-top: 16px;\n        padding: 14px 34px;\n        background: var(--emerald);\n        color: #fff;\n        font-size: 18px;\n        font-weight: 500;\n        border-radius: 999px;\n        text-decoration: none;\n        box-shadow: 0 8px 22px rgba(16,185,129,0.16);\n        transition: all 0.25s ease;\n      }\n      .cc-nav-mobile-close {\n        position: absolute;\n        top: 20px;\n        right: 20px;\n        background: none;\n        border: none;\n        color: #fff;\n        font-size: 32px;\n        cursor: pointer;\n      }\n\n      \/* ===== HERO ===== *\/\n      .cc-hero {\n        min-height: 100vh;\n        background: #fff;\n        display: flex;\n        align-items: center;\n        padding-top: 72px;\n        position: relative;\n        overflow: hidden;\n      }\n      .cc-hero::before {\n        content: '';\n        position: absolute;\n        inset: 0;\n        opacity: 0.03;\n        background-image: radial-gradient(circle at 1px 1px, #1E3A8A 1px, transparent 0);\n        background-size: 40px 40px;\n        pointer-events: none;\n      }\n      .cc-hero-inner {\n        max-width: 1200px;\n        width: 100%;\n        margin: 0 auto;\n        padding: 48px 24px;\n        display: flex;\n        align-items: center;\n        gap: 48px;\n        position: relative;\n      }\n      .cc-hero-left {\n        flex: 0 0 55%;\n      }\n      .cc-hero-right {\n        flex: 0 0 45%;\n      }\n      .cc-hero-eyebrow {\n        display: inline-flex;\n        align-items: center;\n        gap: 8px;\n        font-family: 'Space Mono', monospace;\n        font-size: 11px;\n        text-transform: uppercase;\n        letter-spacing: 0.08em;\n        color: var(--emerald);\n        background: var(--light-emerald);\n        border: 1px solid rgba(16,185,129,0.2);\n        padding: 8px 16px;\n        border-radius: 999px;\n        margin-bottom: 24px;\n      }\n      .cc-hero-eyebrow-dot {\n        width: 8px;\n        height: 8px;\n        border-radius: 50%;\n        background: var(--emerald);\n        animation: cc-pulse 2s infinite;\n      }\n      @keyframes cc-pulse {\n        0%, 100% { opacity: 1; }\n        50% { opacity: 0.5; }\n      }\n      .cc-hero h1 {\n        font-family: 'Cormorant Garamond', serif;\n        font-size: 72px;\n        font-weight: 400;\n        line-height: 1.05;\n        letter-spacing: -0.02em;\n        color: var(--navy);\n      }\n      .cc-hero h1 em {\n        color: var(--emerald);\n        font-style: normal;\n      }\n      .cc-hero-subtitle {\n        margin-top: 24px;\n        font-size: 20px;\n        line-height: 1.6;\n        color: var(--medium-gray);\n        max-width: 520px;\n      }\n      .cc-hero-ctas {\n        margin-top: 40px;\n        display: flex;\n        flex-wrap: wrap;\n        gap: 16px;\n      }\n      .cc-btn-primary {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        padding: 16px 36px;\n        background: var(--emerald);\n        color: #fff;\n        font-size: 16px;\n        font-weight: 500;\n        border-radius: 8px;\n        text-decoration: none;\n        transition: all 0.3s;\n        border: none;\n        cursor: pointer;\n      }\n        .cc-btn-primary:hover {\n          transform: translateY(-3px) scale(1.01);\n          box-shadow: 0 18px 48px rgba(6,95,70,0.16);\n        }\n        .cc-btn-primary {\n          padding: 12px 26px;\n          border-radius: 999px;\n          box-shadow: 0 14px 40px rgba(6,95,70,0.12);\n          transition: transform 220ms ease, box-shadow 220ms ease;\n        }\n      .cc-btn-secondary {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        padding: 16px 36px;\n        background: transparent;\n        color: var(--navy);\n        font-size: 16px;\n        font-weight: 500;\n        border-radius: 8px;\n        border: 1px solid rgba(30,58,138,0.2);\n        text-decoration: none;\n        transition: all 0.3s;\n        cursor: pointer;\n      }\n        .cc-btn-secondary {\n          border-radius: 999px;\n          transition: transform 180ms ease, box-shadow 180ms ease;\n        }\n        .cc-btn-secondary:hover {\n          transform: translateY(-2px);\n          box-shadow: 0 8px 24px rgba(2,6,23,0.06);\n        }\n\n        \/* Click ripple + micro-zoom *\/\n        .cc-btn-ripple {\n          position: relative;\n          overflow: hidden;\n        }\n        .cc-btn-ripple .cc-ripple {\n          position: absolute;\n          border-radius: 50%;\n          transform: scale(0);\n          background: rgba(255,255,255,0.28);\n          animation: cc-ripple 600ms linear;\n          pointer-events: none;\n        }\n        @keyframes cc-ripple {\n          to { transform: scale(4); opacity: 0; }\n        }\n        .cc-click-zoom {\n          transition: transform 220ms cubic-bezier(.2,.9,.3,1);\n        }\n        .cc-click-zoom.cc-clicked { transform: scale(0.985); }\n      .cc-hero-trust {\n        margin-top: 32px;\n        display: flex;\n        align-items: center;\n        gap: 8px;\n      }\n      .cc-hero-trust svg {\n        width: 16px;\n        height: 16px;\n        color: var(--emerald);\n        flex-shrink: 0;\n      }\n      .cc-hero-trust span {\n        font-size: 14px;\n        color: var(--medium-gray);\n      }\n      .cc-hero-img {\n        width: 100%;\n        max-width: 480px;\n        border-radius: 16px;\n        box-shadow: 0 24px 64px rgba(0,0,0,0.15);\n        object-fit: cover;\n        aspect-ratio: 3\/4;\n        margin-top: 40px;\n      }\n\n      \/* ===== SOCIAL PROOF ===== *\/\n      .cc-social {\n        background: var(--light-gray);\n        padding: 80px 24px;\n      }\n      .cc-social-inner {\n        max-width: 1200px;\n        margin: 0 auto;\n        text-align: center;\n      }\n      .cc-social-label {\n        font-family: 'Space Mono', monospace;\n        font-size: 12px;\n        text-transform: uppercase;\n        letter-spacing: 0.08em;\n        color: var(--medium-gray);\n        margin-bottom: 48px;\n      }\n      \/* Logo marquee *\/\n      .cc-marquee {\n        overflow: hidden;\n        width: 100%;\n      }\n      .cc-marquee-track-wrap {\n        display: flex;\n        gap: 48px;\n        align-items: center;\n        will-change: transform;\n        animation: cc-marquee 48s linear infinite;\n      }\n      .cc-marquee-track {\n        display: flex;\n        gap: 48px;\n        align-items: center;\n      }\n      .cc-marquee-track img {\n        height: 48px;\n        width: auto;\n        opacity: 0.9;\n        filter: grayscale(0.05) saturate(0.95);\n        transition: transform 220ms ease, opacity 220ms ease;\n      }\n      .cc-marquee-track img:hover { transform: translateY(-4px) scale(1.03); opacity: 1; }\n      @keyframes cc-marquee {\n        0% { transform: translateX(0); }\n        100% { transform: translateX(-50%); }\n      }\n\n      \/* ===== HOW IT WORKS ===== *\/\n      .cc-process {\n        background: #fff;\n        padding: 80px 24px;\n      }\n      .cc-process-inner {\n        max-width: 1200px;\n        margin: 0 auto;\n      }\n      .cc-section-header {\n        text-align: center;\n        max-width: 640px;\n        margin: 0 auto 64px;\n      }\n      .cc-section-label {\n        font-family: 'Space Mono', monospace;\n        font-size: 12px;\n        text-transform: uppercase;\n        letter-spacing: 0.08em;\n        color: var(--emerald);\n        display: block;\n        margin-bottom: 16px;\n      }\n      .cc-section-title {\n        font-family: 'Cormorant Garamond', serif;\n        font-size: 56px;\n        font-weight: 400;\n        line-height: 1.1;\n        letter-spacing: -0.02em;\n        color: var(--navy);\n      }\n      .cc-section-subtitle {\n        margin-top: 16px;\n        font-size: 18px;\n        line-height: 1.7;\n        color: var(--medium-gray);\n      }\n      .cc-steps-grid {\n        display: grid;\n        grid-template-columns: repeat(4, 1fr);\n        gap: 24px;\n      }\n      .cc-step-card {\n        background: #fff;\n        border: 1px solid var(--border-gray);\n        border-radius: 20px;\n        padding: 32px;\n        transition: all 0.3s;\n      }\n      .cc-step-card:hover {\n        border-color: var(--emerald);\n        box-shadow: 0 8px 32px rgba(30,58,138,0.06);\n        transform: translateY(-4px);\n      }\n      .cc-step-num {\n        font-family: 'Cormorant Garamond', serif;\n        font-size: 48px;\n        font-weight: 500;\n        color: var(--emerald);\n        line-height: 1;\n      }\n      .cc-step-icon {\n        margin-top: 24px;\n        width: 48px;\n        height: 48px;\n        border-radius: 12px;\n        background: var(--light-emerald);\n        display: flex;\n        align-items: center;\n        justify-content: center;\n      }\n      .cc-step-icon svg {\n        width: 24px;\n        height: 24px;\n        color: var(--emerald);\n      }\n      .cc-step-card h3 {\n        margin-top: 20px;\n        font-size: 22px;\n        font-weight: 600;\n        color: var(--navy);\n        letter-spacing: -0.01em;\n      }\n      .cc-step-card p {\n        margin-top: 12px;\n        font-size: 16px;\n        line-height: 1.6;\n        color: var(--medium-gray);\n      }\n\n      \/* ===== FEATURES ===== *\/\n      .cc-features {\n        background: var(--light-gray);\n        padding: 80px 24px;\n      }\n      .cc-features-inner {\n        max-width: 1200px;\n        margin: 0 auto;\n      }\n      .cc-features-grid {\n        display: grid;\n        grid-template-columns: repeat(3, 1fr);\n        gap: 24px;\n        margin-top: 64px;\n      }\n      .cc-feature-card {\n        background: #fff;\n        border-radius: 16px;\n        padding: 40px;\n        border: 1px solid var(--border-gray);\n        transition: all 0.35s;\n      }\n      .cc-feature-card:hover {\n        transform: translateY(-6px);\n        box-shadow: 0 16px 48px rgba(30,58,138,0.08);\n      }\n      .cc-feature-icon {\n        width: 56px;\n        height: 56px;\n        border-radius: 16px;\n        background: var(--navy);\n        display: flex;\n        align-items: center;\n        justify-content: center;\n      }\n      .cc-feature-icon svg {\n        width: 24px;\n        height: 24px;\n        color: #fff;\n      }\n      .cc-feature-card h3 {\n        margin-top: 24px;\n        font-size: 22px;\n        font-weight: 600;\n        color: var(--navy);\n        letter-spacing: -0.01em;\n      }\n      .cc-feature-card p {\n        margin-top: 12px;\n        font-size: 16px;\n        line-height: 1.6;\n        color: var(--medium-gray);\n      }\n\n      \/* ===== TESTIMONIAL ===== *\/\n      .cc-testimonial {\n        background: var(--navy);\n        padding: 100px 24px;\n        position: relative;\n        overflow: hidden;\n      }\n      .cc-testimonial-inner {\n        max-width: 800px;\n        margin: 0 auto;\n        text-align: center;\n        position: relative;\n      }\n      .cc-testimonial-quote-mark {\n        font-family: 'Cormorant Garamond', serif;\n        font-size: 120px;\n        color: var(--emerald);\n        opacity: 0.3;\n        line-height: 0.6;\n        margin-bottom: -20px;\n      }\n      .cc-testimonial-text {\n        font-family: 'Cormorant Garamond', serif;\n        font-size: 32px;\n        font-weight: 400;\n        color: #fff;\n        line-height: 1.4;\n        font-style: italic;\n      }\n      .cc-testimonial-author {\n        margin-top: 40px;\n      }\n      .cc-testimonial-author img {\n        width: 56px;\n        height: 56px;\n        border-radius: 50%;\n        object-fit: cover;\n        margin: 0 auto 16px;\n      }\n      .cc-testimonial-author-name {\n        font-size: 16px;\n        font-weight: 500;\n        color: rgba(255,255,255,0.7);\n      }\n      .cc-testimonial-author-role {\n        font-size: 14px;\n        color: rgba(255,255,255,0.45);\n        margin-top: 4px;\n      }\n\n      \/* ===== STATISTICS ===== *\/\n      .cc-stats {\n        background: #fff;\n        padding: 80px 24px;\n      }\n      .cc-stats-inner {\n        max-width: 1200px;\n        margin: 0 auto;\n      }\n      .cc-stats-grid {\n        display: grid;\n        grid-template-columns: repeat(3, 1fr);\n        gap: 48px;\n        margin-top: 64px;\n      }\n      .cc-stat {\n        text-align: center;\n      }\n      .cc-stat-number {\n        font-family: 'Cormorant Garamond', serif;\n        font-size: 64px;\n        font-weight: 500;\n        color: var(--emerald);\n        line-height: 1;\n        letter-spacing: -0.02em;\n      }\n      .cc-stat-label {\n        margin-top: 12px;\n        font-size: 18px;\n        font-weight: 500;\n        color: var(--navy);\n      }\n      .cc-stat-desc {\n        margin-top: 8px;\n        font-size: 16px;\n        color: var(--medium-gray);\n        max-width: 280px;\n        margin-left: auto;\n        margin-right: auto;\n      }\n\n      \/* ===== SUCCESS STORIES ===== *\/\n      .cc-success {\n        background: var(--light-gray);\n        padding: 80px 24px;\n      }\n      .cc-success-inner {\n        max-width: 1200px;\n        margin: 0 auto;\n        display: grid;\n        grid-template-columns: 1.1fr 0.9fr;\n        gap: 48px;\n        align-items: center;\n      }\n      .cc-success-copy {\n        display: flex;\n        flex-direction: column;\n        gap: 24px;\n      }\n      .cc-success-subtitle {\n        max-width: 560px;\n      }\n      .cc-success-metrics {\n        display: grid;\n        grid-template-columns: repeat(4, minmax(0, 1fr));\n        gap: 20px;\n        margin-top: 24px;\n      }\n      .cc-success-metric {\n        background: #fff;\n        border: 1px solid var(--border-gray);\n        border-radius: 20px;\n        padding: 24px 20px;\n        text-align: center;\n      }\n      .cc-success-metric-number {\n        font-family: 'Cormorant Garamond', serif;\n        font-size: 40px;\n        font-weight: 500;\n        color: var(--navy);\n        margin-bottom: 10px;\n      }\n      .cc-success-metric-label {\n        font-size: 14px;\n        color: var(--medium-gray);\n      }\n      .cc-success-image img {\n        width: 100%;\n        border-radius: 24px;\n        box-shadow: 0 30px 80px rgba(15,23,42,0.12);\n        display: block;\n      }\n\n      \/* ===== FINAL CTA ===== *\/\n      .cc-final-cta {\n        background: var(--navy);\n        padding: 120px 24px;\n        text-align: center;\n        position: relative;\n        overflow: hidden;\n      }\n      .cc-final-cta::before {\n        content: '';\n        position: absolute;\n        inset: 0;\n        background: radial-gradient(ellipse at center, rgba(30,58,138,1) 0%, rgba(15,23,42,1) 100%);\n        pointer-events: none;\n      }\n      .cc-final-cta-inner {\n        max-width: 700px;\n        margin: 0 auto;\n        position: relative;\n      }\n      .cc-final-cta h2 {\n        font-family: 'Cormorant Garamond', serif;\n        font-size: 52px;\n        font-weight: 400;\n        line-height: 1.1;\n        letter-spacing: -0.02em;\n        color: #fff;\n      }\n      .cc-final-cta p {\n        margin-top: 24px;\n        font-size: 20px;\n        color: rgba(255,255,255,0.7);\n      }\n      .cc-final-cta .cc-btn-primary {\n        margin-top: 40px;\n        font-size: 18px;\n        padding: 18px 44px;\n      }\n      .cc-final-cta-note {\n        margin-top: 16px;\n        font-size: 14px;\n        color: rgba(255,255,255,0.4);\n      }\n\n      \/* ===== FOOTER ===== *\/\n      .cc-footer {\n        background: var(--dark-navy);\n        padding: 64px 24px 32px;\n      }\n      .cc-footer-inner {\n        max-width: 1200px;\n        margin: 0 auto;\n      }\n      .cc-footer-grid {\n        display: grid;\n        grid-template-columns: 2fr 1fr 1fr;\n        gap: 48px;\n      }\n      .cc-footer-logo {\n        height: 55px !important; \/* Un peu plus petit pour le footer *\/\n  width: auto !important;\n  max-width: 150px !important;\n  object-fit: contain;\n  margin-bottom: 16px;\n      }\n      .cc-footer-desc {\n       margin-top: 16px;\n        font-size: 14px;\n        color: rgba(255,255,255,0.45);\n        line-height: 1.7;\n        max-width: 280px;\n      }\n      .cc-footer h4 {\n        font-size: 14px;\n        font-weight: 500;\n        color: #fff;\n        margin-bottom: 20px;\n      }\n      .cc-footer-links {\n        list-style: none;\n        display: flex;\n        flex-direction: column;\n        gap: 12px;\n      }\n      .cc-footer-links a {\n        font-size: 14px;\n        color: rgba(255,255,255,0.45);\n        text-decoration: none;\n        transition: color 0.25s;\n      }\n      .cc-footer-links a:hover {\n        color: #fff;\n      }\n      .cc-footer-bottom {\n        margin-top: 48px;\n        padding-top: 24px;\n        border-top: 1px solid rgba(255,255,255,0.08);\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        flex-wrap: wrap;\n        gap: 16px;\n      }\n      .cc-footer-bottom p,\n      .cc-footer-bottom a {\n        font-size: 13px;\n        color: rgba(255,255,255,0.3);\n        text-decoration: none;\n      }\n      .cc-footer-bottom a:hover {\n        color: #fff;\n      }\n\n      \/* ===== ANIMATIONS ===== *\/\n      .cc-animate {\n        opacity: 0;\n        transform: translateY(40px);\n        transition: opacity 0.7s ease, transform 0.7s ease;\n      }\n      .cc-animate.cc-visible {\n        opacity: 1;\n        transform: translateY(0);\n      }\n\n      \/* ===== RESPONSIVE ===== *\/\n      @media (max-width: 1023px) {\n        .cc-steps-grid {\n          grid-template-columns: repeat(2, 1fr);\n        }\n        .cc-features-grid {\n          grid-template-columns: repeat(2, 1fr);\n        }\n        .cc-success-inner {\n          grid-template-columns: 1fr;\n        }\n        .cc-success-metrics {\n          grid-template-columns: repeat(2, minmax(0, 1fr));\n        }\n      }\n      @media (max-width: 767px) {\n        .cc-nav-links, .cc-nav-cta { display: none !important; }\n        .cc-nav-mobile-btn { display: block !important; }\n\n        .cc-hero-inner { flex-direction: column-reverse; }\n        .cc-hero-left, .cc-hero-right { flex: none; width: 100%; }\n        .cc-hero h1 { font-size: 44px; }\n        .cc-hero-img { margin-top: 0; }\n\n        .cc-steps-grid { grid-template-columns: 1fr; }\n        .cc-features-grid { grid-template-columns: 1fr; }\n        .cc-success-inner { grid-template-columns: 1fr; }\n        .cc-success-metrics { grid-template-columns: 1fr; }\n        .cc-stats-grid { grid-template-columns: 1fr; }\n        .cc-footer-grid { grid-template-columns: 1fr; }\n\n        .cc-section-title { font-size: 36px; }\n        .cc-testimonial-text { font-size: 24px; }\n        .cc-final-cta h2 { font-size: 36px; }\n      }\n      \n    <\/style>\n\n    <!-- Facebook Pixel Principal CoinCarri\u00e8re -->\n    <script>\n      !function(f,b,e,v,n,t,s){\n        if(f.fbq)return;n=f.fbq=function(){n.callMethod?\n        n.callMethod.apply(n,arguments):n.queue.push(arguments)};\n        if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';\n        n.queue=[];t=b.createElement(e);t.async=!0;\n        t.src=v;s=b.getElementsByTagName(e)[0];\n        s.parentNode.insertBefore(t,s)\n      }(window, document,'script','https:\/\/connect.facebook.net\/en_US\/fbevents.js');\n      fbq('init', '2291158478359990');\n      fbq('track', 'PageView');\n    <\/script>\n    <noscript>\n      <img decoding=\"async\" height=\"1\" width=\"1\" style=\"display:none\"\n        src=\"https:\/\/www.facebook.com\/tr?id=2291158478359990&ev=PageView&noscript=1\" \/>\n    <\/noscript>\n\n    <!-- Autres tracking tools -->\n    <!-- Exemple : Google Analytics \/ GA4 -->\n    <!--\n    <script async src=\"https:\/\/www.googletagmanager.com\/gtag\/js?id=G-XXXXXXXXXX\"><\/script>\n    <script>\n      window.dataLayer = window.dataLayer || [];\n      function gtag(){dataLayer.push(arguments);}\n      gtag('js', new Date());\n      gtag('config', 'G-XXXXXXXXXX');\n    <\/script>\n    -->\n<\/head>\n<body>\n\n<div class=\"cc-page\">\n\n  <!-- NAVIGATION -->\n  <nav class=\"cc-nav\" id=\"cc-nav\">\n    <div class=\"cc-nav-inner\">\n      <a href=\"#\"><img decoding=\"async\" src=\"https:\/\/zrprta4dwwneo.kimi.page\/logo-coincarriere.png\" alt=\"CoinCarriere\" class=\"cc-nav-logo\"><\/a>\n      <div class=\"cc-nav-links\">\n        <a href=\"#features\">Fonctionnalites<\/a>\n        <a href=\"#process\">Comment ca marche<\/a>\n        <a href=\"#testimonial\">Temoignages<\/a>\n        <a href=\"#stats\">Statistiques<\/a>\n      <\/div>\n      <a href=\"https:\/\/coincarriere.com\/ma\/fr\" class=\"cc-nav-cta\" target=\"_blank\" rel=\"noopener noreferrer\">Publier une annonce<\/a>\n      <button class=\"cc-nav-mobile-btn\" onclick=\"document.getElementById('cc-mobile-menu').style.display='flex'\" aria-label=\"Menu\">\n        <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#1E3A8A\" stroke-width=\"2\"><line x1=\"3\" y1=\"6\" x2=\"21\" y2=\"6\"\/><line x1=\"3\" y1=\"12\" x2=\"21\" y2=\"12\"\/><line x1=\"3\" y1=\"18\" x2=\"21\" y2=\"18\"\/><\/svg>\n      <\/button>\n    <\/div>\n  <\/nav>\n\n  <!-- Mobile Menu -->\n  <div class=\"cc-nav-mobile\" id=\"cc-mobile-menu\" style=\"display:none;\">\n    <button class=\"cc-nav-mobile-close\" onclick=\"document.getElementById('cc-mobile-menu').style.display='none'\">&times;<\/button>\n    <a href=\"#features\" onclick=\"document.getElementById('cc-mobile-menu').style.display='none'\">Fonctionnalites<\/a>\n    <a href=\"#process\" onclick=\"document.getElementById('cc-mobile-menu').style.display='none'\">Comment ca marche<\/a>\n    <a href=\"#testimonial\" onclick=\"document.getElementById('cc-mobile-menu').style.display='none'\">Temoignages<\/a>\n    <a href=\"#stats\" onclick=\"document.getElementById('cc-mobile-menu').style.display='none'\">Statistiques<\/a>\n    <a href=\"https:\/\/coincarriere.com\/ma\/fr\" class=\"cc-nav-mobile-cta\" onclick=\"document.getElementById(&#039;cc-mobile-menu&#039;).style.display=&#039;none&#039;\" target=\"_blank\" rel=\"noopener noreferrer\">Publier une annonce<\/a>\n  <\/div>\n\n  <!-- HERO -->\n  <section class=\"cc-hero\" id=\"hero\">\n    <div class=\"cc-hero-inner\">\n      <div class=\"cc-hero-left\">\n        <span class=\"cc-hero-eyebrow\">\n          <span class=\"cc-hero-eyebrow-dot\"><\/span>\n          Recrutement Hotellerie &amp; Restauration\n        <\/span>\n        <h1>Trouvez le personnel <em>qualifie<\/em> pour votre etablissement<\/h1>\n        <p class=\"cc-hero-subtitle\">La plateforme de recrutement n&deg;1 au Maroc pour les cafes, hotels et restaurants. Publiez votre annonce gratuitement et recevez des candidatures en moins de 48 heures.<\/p>\n        <div class=\"cc-hero-ctas\">\n           <a href=\"https:\/\/coincarriere.com\/ma\/fr\" class=\"cc-btn-primary cc-btn-ripple cc-click-zoom\" target=\"_blank\" rel=\"noopener noreferrer\">Publier une annonce gratuitement<\/a>\n          <a href=\"#process\" class=\"cc-btn-secondary\">Decouvrir comment ca marche<\/a>\n        <\/div>\n        <div class=\"cc-hero-trust\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"\/><polyline points=\"22 4 12 14.01 9 11.01\"\/><\/svg>\n          <span>Plus de 451 etablissements nous font confiance<\/span>\n        <\/div>\n      <\/div>\n      <div class=\"cc-hero-right\">\n        <!-- Utilisation de l'image hero cible -->\n        <img decoding=\"async\" src=\"https:\/\/zrprta4dwwneo.ok.kimi.link\/hero-receptionist.jpg\" alt=\"Entretien CHR au Maroc\" class=\"cc-hero-img\">\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- SOCIAL PROOF -->\n  <section class=\"cc-social\">\n    <div class=\"cc-social-inner\">\n      <p class=\"cc-social-label cc-animate\">Ils nous font confiance<\/p>\n      <div class=\"cc-social-logos\">\n        <div class=\"cc-marquee\" aria-hidden=\"false\">\n          <div class=\"cc-marquee-track-wrap\">\n            <div class=\"cc-marquee-track\">\n              <img decoding=\"async\" src=\"https:\/\/cdn.coincarriere.com\/logos\/attijari-payment-processing.png?v=2\" alt=\"Attijari\">\n              <img decoding=\"async\" src=\"https:\/\/cdn.coincarriere.com\/logos\/bank-al-yousr.png?v=2\" alt=\"Bank Al Yousr\">\n              <img decoding=\"async\" src=\"https:\/\/cdn.coincarriere.com\/logos\/groupe-benchrif.jpg?v=2\" alt=\"Groupe Benchrif\">\n              <img decoding=\"async\" src=\"https:\/\/cdn.coincarriere.com\/logos\/total-call.png?v=2\" alt=\"Total Call\">\n              <img decoding=\"async\" src=\"https:\/\/cdn.coincarriere.com\/logos\/casacrc.png?v=2\" alt=\"Casacrc\">\n              <img decoding=\"async\" src=\"https:\/\/cdn.coincarriere.com\/logos\/cpsq.png?v=2\" alt=\"CPSQ\">\n            <\/div>\n            <div class=\"cc-marquee-track\">\n              <img decoding=\"async\" src=\"https:\/\/cdn.coincarriere.com\/logos\/attijari-payment-processing.png?v=2\" alt=\"Attijari\">\n              <img decoding=\"async\" src=\"https:\/\/cdn.coincarriere.com\/logos\/bank-al-yousr.png?v=2\" alt=\"Bank Al Yousr\">\n              <img decoding=\"async\" src=\"https:\/\/cdn.coincarriere.com\/logos\/groupe-benchrif.jpg?v=2\" alt=\"Groupe Benchrif\">\n              <img decoding=\"async\" src=\"https:\/\/cdn.coincarriere.com\/logos\/total-call.png?v=2\" alt=\"Total Call\">\n              <img decoding=\"async\" src=\"https:\/\/cdn.coincarriere.com\/logos\/casacrc.png?v=2\" alt=\"Casacrc\">\n              <img decoding=\"async\" src=\"https:\/\/cdn.coincarriere.com\/logos\/cpsq.png?v=2\" alt=\"CPSQ\">\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- HOW IT WORKS -->\n  <section class=\"cc-process\" id=\"process\">\n    <div class=\"cc-process-inner\">\n      <div class=\"cc-section-header cc-animate\">\n        <span class=\"cc-section-label\">Comment ca marche<\/span>\n        <h2 class=\"cc-section-title\">Recrutez en 4 etapes simples<\/h2>\n        <p class=\"cc-section-subtitle\">Notre processus optimise vous fait gagner du temps et vous assure de trouver les meilleurs profils pour votre brigade.<\/p>\n      <\/div>\n      <div class=\"cc-steps-grid\">\n        <div class=\"cc-step-card cc-animate\">\n          <span class=\"cc-step-num\">01<\/span>\n          <div class=\"cc-step-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5L14.5 2z\"\/><polyline points=\"14 2 14 8 20 8\"\/><line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"\/><line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"\/><\/svg><\/div>\n          <h3>Publiez votre annonce<\/h3>\n          <p>Decrivez votre besoin en moins de 2 minutes. Notre assistant IA vous guide pour rediger une annonce optimisee qui attire les bons candidats.<\/p>\n        <\/div>\n        <div class=\"cc-step-card cc-animate\">\n          <span class=\"cc-step-num\">02<\/span>\n          <div class=\"cc-step-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"\/><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/><\/svg><\/div>\n          <h3>Recevez des profils qualifies<\/h3>\n          <p>Notre algorithme selectionne les candidats les plus pertinents parmi notre base de plus de 50 000 profils verifies du secteur CHR.<\/p>\n        <\/div>\n        <div class=\"cc-step-card cc-animate\">\n          <span class=\"cc-step-num\">03<\/span>\n          <div class=\"cc-step-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M3 18v-6a9 9 0 0 1 18 0v6\"\/><path d=\"M21 19a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2h3zM3 19a2 2 0 0 0 2 2h1a2 2 0 0 0 2-2v-3a2 2 0 0 0-2-2H3z\"\/><\/svg><\/div>\n          <h3>Evaluez avec precision<\/h3>\n          <p>Ecoutez les presentations audio des candidats, consultez leur score de fiabilite et leurs tests de langue integres.<\/p>\n        <\/div>\n        <div class=\"cc-step-card cc-animate\">\n          <span class=\"cc-step-num\">04<\/span>\n          <div class=\"cc-step-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M16 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/><circle cx=\"8.5\" cy=\"7\" r=\"4\"\/><polyline points=\"17 11 19 13 23 9\"\/><\/svg><\/div>\n          <h3>Embauchez sereinement<\/h3>\n          <p>Contactez directement les meilleurs profils. Finalisez votre recrutement et constituez votre brigade de standing en toute confiance.<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- FEATURES -->\n  <section class=\"cc-features\" id=\"features\">\n    <div class=\"cc-features-inner\">\n      <div class=\"cc-section-header cc-animate\">\n        <span class=\"cc-section-label\">Fonctionnalites<\/span>\n        <h2 class=\"cc-section-title\">Tout ce qu'il faut pour recruter dans l'hotellerie<\/h2>\n        <p class=\"cc-section-subtitle\">Des outils penses pour les specificites du recrutement dans le secteur de la restauration et de l'hotellerie au Maroc.<\/p>\n      <\/div>\n      <div class=\"cc-features-grid\">\n        <div class=\"cc-feature-card cc-animate\">\n          <div class=\"cc-feature-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M3 3v18h18\"\/><path d=\"m19 9-5 5-4-4-3 3\"\/><\/svg><\/div>\n          <h3>Score de Fiabilite<\/h3>\n          <p>Chaque candidat se voit attribuer un score base sur son historique, ses references et sa presence aux entretiens. Fini les no-shows.<\/p>\n        <\/div>\n        <div class=\"cc-feature-card cc-animate\">\n          <div class=\"cc-feature-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 2a3 3 0 0 0-3 3v7a3 3 0 0 0 6 0V5a3 3 0 0 0-3-3Z\"\/><path d=\"M19 10v2a7 7 0 0 1-14 0v-2\"\/><line x1=\"12\" y1=\"19\" x2=\"12\" y2=\"22\"\/><\/svg><\/div>\n          <h3>Presentation Audio<\/h3>\n          <p>Ecoutez la voix et la presentation des candidats avant meme de les rencontrer. Evaluez leur aisance et leur niveau de langue.<\/p>\n        <\/div>\n        <div class=\"cc-feature-card cc-animate\">\n          <div class=\"cc-feature-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"m5 8 6 6\"\/><path d=\"m4 14 6-6 2-3\"\/><path d=\"M2 5h12\"\/><path d=\"M7 2h1\"\/><path d=\"m22 22-5-10-5 10\"\/><path d=\"M14 18h6\"\/><\/svg><\/div>\n          <h3>Tests de Langue<\/h3>\n          <p>Des evaluations integrees en francais, arabe et anglais pour verifier les competences linguistiques essentielles au service client.<\/p>\n        <\/div>\n        <div class=\"cc-feature-card cc-animate\">\n          <div class=\"cc-feature-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 8V4H8\"\/><rect width=\"16\" height=\"12\" x=\"4\" y=\"8\" rx=\"2\"\/><path d=\"M2 14h2\"\/><path d=\"M20 14h2\"\/><path d=\"M15 13v2\"\/><path d=\"M9 13v2\"\/><\/svg><\/div>\n          <h3>Assistant IA<\/h3>\n          <p>Notre assistant intelligent vous aide a rediger des annonces percutantes et a filtrer les candidats selon vos criteres specifiques.<\/p>\n        <\/div>\n        <div class=\"cc-feature-card cc-animate\">\n          <div class=\"cc-feature-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect width=\"18\" height=\"18\" x=\"3\" y=\"3\" rx=\"2\"\/><path d=\"M3 9h18\"\/><path d=\"M9 21V9\"\/><\/svg><\/div>\n          <h3>Page Carriere<\/h3>\n          <p>Creez une page carriere personnalisee pour votre etablissement et centralisez toutes vos offres d'emploi en un seul lien.<\/p>\n        <\/div>\n        <div class=\"cc-feature-card cc-animate\">\n          <div class=\"cc-feature-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M3 3v18h18\"\/><path d=\"m19 9-5 5-4-4-3 3\"\/><\/svg><\/div>\n          <h3>Analytics<\/h3>\n          <p>Suivez vos performances de recrutement en temps reel : taux de reponse, sources de candidatures, delais d'embauche.<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- TESTIMONIAL -->\n  <section class=\"cc-testimonial\" id=\"testimonial\">\n    <div class=\"cc-testimonial-inner\">\n      <div class=\"cc-testimonial-quote-mark\">&divide;<\/div>\n      <p class=\"cc-testimonial-text cc-animate\">\"Grace a CoinCarriere, j'ai recrute 3 serveurs experimentes pour mon restaurant a Marrakech en moins d'une semaine. La qualite des profils et le score de fiabilite m'ont fait gagner un temps precieux.\"<\/p>\n      <div class=\"cc-testimonial-author cc-animate\">\n        <img decoding=\"async\" src=\"https:\/\/zrprta4dwwneo.ok.kimi.link\/testimonial-avatar.jpg\" alt=\"Yassine R.\" style=\"width:72px;height:72px;\">\n        <p class=\"cc-testimonial-author-name\">Yassine R.<\/p>\n        <p class=\"cc-testimonial-author-role\">Proprietaire, Cafe Restaurant \u2014 Marrakech<\/p>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- STATISTICS -->\n  <section class=\"cc-stats\" id=\"stats\">\n    <div class=\"cc-stats-inner\">\n      <div class=\"cc-section-header cc-animate\">\n        <span class=\"cc-section-label\">Nos chiffres<\/span>\n        <h2 class=\"cc-section-title\">Des resultats qui parlent d'eux-memes<\/h2>\n      <\/div>\n      <div class=\"cc-stats-grid\">\n        <div class=\"cc-stat cc-animate\">\n          <div class=\"cc-stat-number\" data-target=\"48\" data-suffix=\"h\">0h<\/div>\n          <div class=\"cc-stat-label\">Delai moyen<\/div>\n          <div class=\"cc-stat-desc\">Recevez vos premieres candidatures qualifiees en moins de 48 heures apres publication.<\/div>\n        <\/div>\n        <div class=\"cc-stat cc-animate\">\n          <div class=\"cc-stat-number\" data-target=\"92\" data-suffix=\"%\">0%<\/div>\n          <div class=\"cc-stat-label\">Taux de presence<\/div>\n          <div class=\"cc-stat-desc\">Nos candidats affichent un taux de presence aux entretiens de 92%, bien au-dessus de la moyenne du secteur.<\/div>\n        <\/div>\n        <div class=\"cc-stat cc-animate\">\n          <div class=\"cc-stat-number\" data-target=\"451\" data-prefix=\"+\">+0<\/div>\n          <div class=\"cc-stat-label\">Etablissements<\/div>\n          <div class=\"cc-stat-desc\">Plus de 451 cafes, hotels et restaurants au Maroc recrutent deja sur CoinCarriere.<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- SUCCESS STORIES -->\n  <section class=\"cc-success\" id=\"success-stories\">\n    <div class=\"cc-success-inner\">\n      <div class=\"cc-success-copy cc-animate\">\n        <span class=\"cc-section-label\">SUCCESS STORIES<\/span>\n        <h2 class=\"cc-section-title\">Votre future \u00e9quipe vous attend<\/h2>\n        <p class=\"cc-section-subtitle cc-success-subtitle\">Des milliers d'\u00e9tablissements au Maroc ont d\u00e9j\u00e0 constitu\u00e9 leur brigade de r\u00eave gr\u00e2ce \u00e0 CoinCarri\u00e8re. R\u00e9ceptionnistes, serveurs, chefs, housekeeping \u2014 trouvez les profils qui feront la diff\u00e9rence.<\/p>\n        <div class=\"cc-success-metrics\">\n          <div class=\"cc-success-metric\">\n            <div class=\"cc-success-metric-number\">4.9\/5<\/div>\n            <div class=\"cc-success-metric-label\">sur 328 avis<\/div>\n          <\/div>\n          <div class=\"cc-success-metric\">\n            <div class=\"cc-success-metric-number\">48h<\/div>\n            <div class=\"cc-success-metric-label\">D\u00e9lai moyen<\/div>\n          <\/div>\n          <div class=\"cc-success-metric\">\n            <div class=\"cc-success-metric-number\">92%<\/div>\n            <div class=\"cc-success-metric-label\">Taux de pr\u00e9sence<\/div>\n          <\/div>\n          <div class=\"cc-success-metric\">\n            <div class=\"cc-success-metric-number\">+451<\/div>\n            <div class=\"cc-success-metric-label\">\u00c9tablissements<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n      <div class=\"cc-success-image cc-animate\">\n        <img decoding=\"async\" src=\"https:\/\/zrprta4dwwneo.ok.kimi.link\/team-satisfied.jpg\" alt=\"Equipe de personnel d'h\u00f4tel recrut\u00e9e et satisfaite\">\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- FINAL CTA -->\n  <section class=\"cc-final-cta\" id=\"cta\">\n    <div class=\"cc-final-cta-inner\">\n      <h2>Pret a constituer votre brigade de standing ?<\/h2>\n      <p>Rejoignez les 451+ etablissements qui recrutent en confiance sur CoinCarriere. C'est gratuit pour commencer.<\/p>\n      \n      <a href=\"https:\/\/coincarriere.com\/ma\/fr\" class=\"cc-btn-primary cc-btn-ripple cc-click-zoom\" target=\"_blank\" rel=\"noopener noreferrer\">Publier mon annonce gratuitement<\/a>\n      <p class=\"cc-final-cta-note\">Aucun engagement requis &bull; Premier d\u00e9p\u00f4t d'offre 100% gratuit<\/p>\n    <\/div>\n  <\/section>\n\n  <!-- FOOTER -->\n  <footer class=\"cc-footer\">\n    <div class=\"cc-footer-inner\">\n      <div class=\"cc-footer-grid\">\n        <div>\n          <img decoding=\"async\" src=\"https:\/\/zrprta4dwwneo.kimi.page\/logo-coincarriere.png\" alt=\"CoinCarriere\" class=\"cc-footer-logo\">\n          <p class=\"cc-footer-desc\">La plateforme de recrutement specialisee pour l'hotellerie et la restauration au Maroc.<\/p>\n        <\/div>\n        <div>\n          <h4>Navigation<\/h4>\n          <ul class=\"cc-footer-links\">\n            <li><a href=\"#features\">Fonctionnalites<\/a><\/li>\n            <li><a href=\"#process\">Comment ca marche<\/a><\/li>\n            <li><a href=\"#testimonial\">Temoignages<\/a><\/li>\n            <li><a href=\"#stats\">Statistiques<\/a><\/li>\n          <\/ul>\n        <\/div>\n        <div>\n          <h4>Contact<\/h4>\n          <ul class=\"cc-footer-links\">\n            <li><a href=\"mailto:contact@coincarriere.com\">contact@coincarriere.com<\/a><\/li>\n            <li><span style=\"font-size:14px;color:rgba(255,255,255,0.45)\">Marrakech, Maroc<\/span><\/li>\n          <\/ul>\n        <\/div>\n      <\/div>\n      <div class=\"cc-footer-bottom\">\n        <p>&copy; 2026 CoinCarriere. Tous droits reserves.<\/p>\n        <div>\n          <a href=\"#\">Conditions d'utilisation<\/a> &bull; <a href=\"#\">Politique de confidentialite<\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/footer>\n\n<\/div>\n\n<script>\n  \/\/ ===== SCROLL ANIMATIONS (Intersection Observer) =====\n  (function() {\n    var observer = new IntersectionObserver(function(entries) {\n      entries.forEach(function(entry) {\n        if (entry.isIntersecting) {\n          var el = entry.target;\n          var parent = el.parentElement;\n          var siblings = parent ? Array.from(parent.querySelectorAll('.cc-animate')) : [el];\n          var index = siblings.indexOf(el);\n          setTimeout(function() {\n            el.classList.add('cc-visible');\n          }, index * 100);\n          observer.unobserve(el);\n        }\n      });\n    }, { threshold: 0.15, rootMargin: '0px 0px -50px 0px' });\n\n    document.querySelectorAll('.cc-animate').forEach(function(el) {\n      observer.observe(el);\n    });\n\n    \/\/ Activation imm\u00e9diate pour les \u00e9l\u00e9ments du hero au chargement\n    document.querySelectorAll('.cc-hero .cc-hero-left, .cc-hero .cc-hero-right').forEach(function(el) {\n        el.classList.add('cc-visible');\n    });\n  })();\n\n  \/\/ ===== COUNTER ANIMATION =====\n  (function() {\n    var counters = document.querySelectorAll('.cc-stat-number');\n    var animObserver = new IntersectionObserver(function(entries) {\n      entries.forEach(function(entry) {\n        if (entry.isIntersecting) {\n          var el = entry.target;\n          var target = parseInt(el.dataset.target, 10);\n          var suffix = el.dataset.suffix || '';\n          var prefix = el.dataset.prefix || '';\n          var duration = 2000;\n          var start = performance.now();\n\n          function update(now) {\n            var elapsed = now - start;\n            var progress = Math.min(elapsed \/ duration, 1);\n            var eased = 1 - Math.pow(1 - progress, 4);\n            var current = Math.round(target * eased);\n            el.textContent = prefix + current + suffix;\n            if (progress < 1) {\n              requestAnimationFrame(update);\n            }\n          }\n          requestAnimationFrame(update);\n          animObserver.unobserve(el);\n        }\n      });\n    }, { threshold: 0.5 });\n\n    counters.forEach(function(c) { animObserver.observe(c); });\n  })();\n\n  \/\/ ===== SMOOTH SCROLL =====\n  document.querySelectorAll('a[href^=\"#\"]').forEach(function(link) {\n    link.addEventListener('click', function(e) {\n      var href = this.getAttribute('href');\n      if (href === '#') return;\n      e.preventDefault();\n      var target = document.querySelector(href);\n      if (target) {\n        target.scrollIntoView({ behavior: 'smooth' });\n      }\n    });\n  });\n\n  \/\/ ===== NAV SCROLL EFFECT =====\n  (function() {\n    var nav = document.getElementById('cc-nav');\n    window.addEventListener('scroll', function() {\n      if (window.scrollY > 80) {\n        nav.style.boxShadow = '0 1px 0 rgba(0,0,0,0.05)';\n      } else {\n        nav.style.boxShadow = 'none';\n      }\n    }, { passive: true });\n  })();\n\n  \/\/ ===== CTA RIPPLES + MICRO-ZOOM =====\n  (function() {\n    function createRipple(e) {\n      var btn = e.currentTarget;\n      var rect = btn.getBoundingClientRect();\n      var ripple = document.createElement('span');\n      ripple.className = 'cc-ripple';\n      var size = Math.max(rect.width, rect.height) * 1.2;\n      ripple.style.width = ripple.style.height = size + 'px';\n      ripple.style.left = (e.clientX - rect.left - size\/2) + 'px';\n      ripple.style.top = (e.clientY - rect.top - size\/2) + 'px';\n      btn.appendChild(ripple);\n      setTimeout(function() { ripple.remove(); }, 700);\n    }\n\n    document.querySelectorAll('.cc-btn-ripple').forEach(function(btn) {\n      btn.addEventListener('click', function(e) {\n        createRipple(e);\n        btn.classList.add('cc-clicked');\n        setTimeout(function() { btn.classList.remove('cc-clicked'); }, 220);\n      });\n    });\n\n    \/\/ ===== TRACKING EVENTS =====\n    var trackingButtons = document.querySelectorAll('.cc-btn-primary, .cc-nav-cta, .cc-nav-mobile-cta');\n    trackingButtons.forEach(function(btn) {\n      btn.addEventListener('click', function() {\n        if (window.fbq && typeof fbq === 'function') {\n          fbq('track', 'Lead');\n        }\n      });\n    });\n  })();\n\n  \n<\/script>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>} CoinCarri\u00e8re &#8211; Recrutement H\u00f4tellerie &#038; Restauration Maroc Fonctionnalites Comment ca marche Temoignages Statistiques Publier une annonce &times; Fonctionnalites Comment ca marche Temoignages Statistiques Publier une annonce Recrutement Hotellerie &amp; Restauration Trouvez le personnel qualifie pour votre etablissement La plateforme de recrutement n&deg;1 au Maroc pour les cafes, hotels et restaurants. Publiez votre annonce gratuitement [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"blank-slate-template.php","meta":{"_uag_custom_page_level_css":"","site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-5271","page","type-page","status-publish","hentry"],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"trp-custom-language-flag":false,"woocommerce_thumbnail":false,"woocommerce_single":false,"woocommerce_gallery_thumbnail":false},"uagb_author_info":{"display_name":"Abouzayd","author_link":"https:\/\/njstore.ma\/ar\/author\/abouzayd\/"},"uagb_comment_info":0,"uagb_excerpt":"} CoinCarri\u00e8re &#8211; Recrutement H\u00f4tellerie &#038; Restauration Maroc Fonctionnalites Comment ca marche Temoignages Statistiques Publier une annonce &times; Fonctionnalites Comment ca marche Temoignages Statistiques Publier une annonce Recrutement Hotellerie &amp; Restauration Trouvez le personnel qualifie pour votre etablissement La plateforme de recrutement n&deg;1 au Maroc pour les cafes, hotels et restaurants. Publiez votre annonce gratuitement&hellip;","_links":{"self":[{"href":"https:\/\/njstore.ma\/ar\/wp-json\/wp\/v2\/pages\/5271","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/njstore.ma\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/njstore.ma\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/njstore.ma\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/njstore.ma\/ar\/wp-json\/wp\/v2\/comments?post=5271"}],"version-history":[{"count":17,"href":"https:\/\/njstore.ma\/ar\/wp-json\/wp\/v2\/pages\/5271\/revisions"}],"predecessor-version":[{"id":5294,"href":"https:\/\/njstore.ma\/ar\/wp-json\/wp\/v2\/pages\/5271\/revisions\/5294"}],"wp:attachment":[{"href":"https:\/\/njstore.ma\/ar\/wp-json\/wp\/v2\/media?parent=5271"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}