Products | digitalchef.odoo.com

Demande d'Expertise

Bénéficiez d'un accompagnement stratégique pour votre établissement.

1. Identification du Projet

Nom de l'établissement / Société *

Nom du contact *

Email *

Téléphone *

2. Contexte & Localisation

Environnement de l'établissement *

Wilaya d'intervention *

3. Besoins & Logistique

Catégories de services souhaitées (Multi-choix) *

Audit Opérationnel

Modélisation de Concept

Standardisation de Processus

Digitalisation & Outils de Gestion

Ingénierie de Formation

Audit et formation HACCP

Etude ingénierie menu et concept

Hébergement & Prise en charge assurés ? *

Oui

Non

Délai souhaité pour l'intervention *

Description détaillée du besoin

</div>

<div class="s_website_form_field mb-3 col-12 o_colored_level">
                                <div class="form-check">
                                    <input class="form-check-input" type="checkbox" value="yes" id="consent_ex" name="x_consent_data" required="1"/>
                                    <label class="form-check-label small text-muted" for="consent_ex">
                                        J'accepte que mes informations soient traitées par Digitalchef et Capchat pour l'analyse de ma demande d'expertise. J'autorise le partage de données agrégées pour justifier l'aspect humain et l'approche conseil de la plateforme. *
                                    </label>
                                </div>
                            </div>
                            <div class="s_website_form_field mb-3 col-lg-4 offset-lg-4 o_colored_level">
                                <label class="form-label fw-bold small text-center d-block">Anti-robot : 6 + 1 = ? *</label>
                                <input class="form-control text-center" type="text" name="x_captcha" required="1" placeholder="Résultat"/>
                            </div>
                            <div class="s_website_form_submit text-center col-12 mt-4 o_colored_level">
                                <button type="submit" class="btn btn-primary btn-lg px-5 fw-bold shadow" style="background-color: #002060; border-color: #002060;">Soumettre</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</section>

<section id="consultant_form" class="s_website_form o_colored_level pt96 pb96 bg-light" data-snippet="s_website_form" data-name="Formulaire Consultant">
    <div class="container">
        <div class="row">
            <div class="col-lg-10 offset-lg-1 o_colored_level">
                <div class="text-center mb-5">
                    <h2 class="display-4 fw-bold" style="color: #002060;">Espace Consultant</h2>
                    <p class="lead text-muted">Rejoignez notre réseau d'experts pour des missions d'excellence.</p>
                    <div style="width: 60px; height: 3px; background-color: #D4AF37; margin: 0 auto;"/>
                </div>
                <div class="s_website_form" data-vcss="001">
                    <form action="/website/form/" method="post" enctype="multipart/form-data" class="o_mark_required" data-mark="*" data-model_name="crm.lead" data-success-mode="message" data-success-message="Votre profil de consultant a été enregistré avec succès. Nos équipes analyseront votre parcours pour de futures collaborations.">
                        <div class="s_website_form_rows row">
                            
                            <div class="col-12 mb-4 o_colored_level"><h5 class="fw-bold border-bottom pb-2" style="color: #D4AF37;">1. Informations Personnelles</h5></div>
                            <div class="s_website_form_field mb-3 col-lg-6 o_colored_level"><label class="form-label fw-bold small">Nom complet *</label><input class="form-control" type="text" name="contact_name" required="1"/></div>
                            <div class="s_website_form_field mb-3 col-lg-6 o_colored_level"><label class="form-label fw-bold small">Email *</label><input class="form-control" type="email" name="email_from" required="1"/></div>
                            <div class="s_website_form_field mb-3 col-lg-6 o_colored_level"><label class="form-label fw-bold small">Téléphone *</label><input class="form-control" type="tel" name="phone" required="1"/></div>
                            <div class="s_website_form_field mb-3 col-lg-6 o_colored_level">
                                <label class="form-label fw-bold small">Wilaya de résidence *</label>
                                <select class="form-select" name="x_wilaya_residence" required="1">
                                    <option value="">Sélectionnez...</option>
                                    <option value="1">01 Adrar</option><option value="2">02 Chlef</option><option value="3">03 Laghouat</option><option value="4">04 Oum El Bouaghi</option><option value="5">05 Batna</option><option value="6">06 Béjaïa</option><option value="7">07 Biskra</option><option value="8">08 Béchar</option><option value="9">09 Blida</option><option value="10">10 Bouira</option><option value="11">11 Tamanrasset</option><option value="12">12 Tébessa</option><option value="13">13 Tlemcen</option><option value="14">14 Tiaret</option><option value="15">15 Tizi Ouzou</option><option value="16">16 Alger</option><option value="17">17 Djelfa</option><option value="18">18 Jijel</option><option value="19">19 Sétif</option><option value="20">20 Saïda</option><option value="21">21 Skikda</option><option value="22">22 Sidi Bel Abbès</option><option value="23">23 Annaba</option><option value="24">24 Guelma</option><option value="25">25 Constantine</option><option value="26">26 Médéa</option><option value="27">27 Mostaganem</option><option value="28">28 M'Sila</option><option value="29">29 Mascara</option><option value="30">30 Ouargla</option><option value="31">31 Oran</option><option value="32">32 El Bayadh</option><option value="33">33 Illizi</option><option value="34">34 Bordj Bou Arreridj</option><option value="35">35 Boumerdès</option><option value="36">36 El Tarf</option><option value="37">37 Tindouf</option><option value="38">38 Tissemsilt</option><option value="39">39 El Oued</option><option value="40">40 Khenchela</option><option value="41">41 Souk Ahras</option><option value="42">42 Tipaza</option><option value="43">43 Mila</option><option value="44">44 Aïn Defla</option><option value="45">45 Naâma</option><option value="46">46 Aïn Témouchent</option><option value="47">47 Ghardaïa</option><option value="48">48 Relizane</option><option value="49">49 El M'Ghair</option><option value="50">50 El Meniaâ</option><option value="51">51 Ouled Djellal</option><option value="52">52 Bordj Baji Mokhtar</option><option value="53">53 Béni Abbès</option><option value="54">54 Timimoun</option><option value="55">55 Touggourt</option><option value="56">56 Djanet</option><option value="57">57 In Salah</option><option value="58">58 In Guezzam</option>
                                </select>
                            </div>

<div class="col-12 mb-4 mt-4 o_colored_level"><h5 class="fw-bold border-bottom pb-2" style="color: #D4AF37;">2. Domaines d'Expertise</h5></div>
                            <div class="s_website_form_field mb-3 col-lg-12 o_colored_level">
                                <label class="form-label fw-bold small">Vos domaines d'intervention (Multi-choix) *</label>
                                <div class="row px-3 small">
                                    <div class="form-check col-md-6 o_colored_level"><input class="form-check-input" type="checkbox" name="x_exp_audit" id="exp1"/><label class="form-check-label" for="exp1">Audit Opérationnel</label></div>
                                    <div class="form-check col-md-6 o_colored_level"><input class="form-check-input" type="checkbox" name="x_exp_concept" id="exp2"/><label class="form-check-label" for="exp2">Modélisation de Concept</label></div>
                                    <div class="form-check col-md-6 o_colored_level"><input class="form-check-input" type="checkbox" name="x_exp_process" id="exp3"/><label class="form-check-label" for="exp3">Standardisation de Processus</label></div>
                                    <div class="form-check col-md-6 o_colored_level"><input class="form-check-input" type="checkbox" name="x_exp_digital" id="exp4"/><label class="form-check-label" for="exp4">Digitalisation &amp; Outils de Gestion</label></div>
                                    <div class="form-check col-md-6 o_colored_level"><input class="form-check-input" type="checkbox" name="x_exp_formation" id="exp5"/><label class="form-check-label" for="exp5">Ingénierie de Formation</label></div>
                                    <div class="form-check col-md-6 o_colored_level"><input class="form-check-input" type="checkbox" name="x_exp_haccp" id="exp6"/><label class="form-check-label" for="exp6">Audit et formation HACCP</label></div>
                                    <div class="form-check col-md-6 o_colored_level"><input class="form-check-input" type="checkbox" name="x_exp_menu_concept" id="exp7"/><label class="form-check-label" for="exp7">Etude ingénierie menu et concept</label></div>
                                </div>
                            </div>

<div class="col-12 mb-4 mt-4 o_colored_level"><h5 class="fw-bold border-bottom pb-2" style="color: #D4AF37;">3. Disponibilité &amp; Moyens</h5></div>
                            <div class="s_website_form_field mb-3 col-lg-6 o_colored_level">
                                <label class="form-label fw-bold small">Type de disponibilité *</label>
                                <select class="form-select" name="x_dispo_consultant" required="1">
                                    <option value="permanente">Permanente</option>
                                    <option value="temporaire">Temporaire / Missions ponctuelles</option>
                                </select>
                            </div>
                            <div class="s_website_form_field mb-3 col-lg-6 o_colored_level">
                                <label class="form-label fw-bold small">Prêt à se déplacer hors Wilaya ? *</label>
                                <div class="d-flex gap-4 mt-2">
                                    <div class="form-check"><input class="form-check-input" type="radio" name="x_mobilite_consultant" id="mc_oui" value="oui" required="1"/><label class="form-check-label" for="mc_oui">Oui</label></div>
                                    <div class="form-check"><input class="form-check-input" type="radio" name="x_mobilite_consultant" id="mc_non" value="non" required="1"/><label class="form-check-label" for="mc_non">Non</label></div>
                                </div>
                            </div>
                            <div class="s_website_form_field mb-3 col-lg-6 o_colored_level">
                                <label class="form-label fw-bold small">Possède un véhicule ? *</label>
                                <div class="d-flex gap-4 mt-2">
                                    <div class="form-check"><input class="form-check-input" type="radio" name="x_vehicule" id="v_oui" value="oui" required="1"/><label class="form-check-label" for="v_oui">Oui</label></div>
                                    <div class="form-check"><input class="form-check-input" type="radio" name="x_vehicule" id="v_non" value="non" required="1"/><label class="form-check-label" for="v_non">Non</label></div>
                                </div>
                            </div>
                            <div class="s_website_form_field mb-3 col-lg-6 o_colored_level">
                                <label class="form-label fw-bold small">Possède outils de contrôle ? *</label>
                                <div class="d-flex gap-4 mt-2">
                                    <div class="form-check"><input class="form-check-input" type="radio" name="x_outils" id="o_oui" value="oui" required="1"/><label class="form-check-label" for="o_oui">Oui</label></div>
                                    <div class="form-check"><input class="form-check-input" type="radio" name="x_outils" id="o_non" value="non" required="1"/><label class="form-check-label" for="o_non">Non</label></div>
                                </div>
                                <p class="text-muted small mt-1">Ex: Thermomètres laser/sonde, hygromètres, outils de mesure, etc.</p>
                            </div>

<div class="col-12 mb-4 mt-4 o_colored_level"><h5 class="fw-bold border-bottom pb-2" style="color: #D4AF37;">4. Votre Parcours</h5></div>
                            <div class="s_website_form_field mb-3 col-lg-12 o_colored_level">
                                <label class="form-label fw-bold small">Télécharger votre CV (PDF, Image) *</label>
                                <input class="form-control" type="file" name="x_cv_file" required="1"/>
                            </div>

<div class="s_website_form_field mb-3 col-12 o_colored_level">
                                <div class="form-check">
                                    <input class="form-check-input" type="checkbox" value="yes" id="consent_co" name="x_consent_data" required="1"/>
                                    <label class="form-check-label small text-muted" for="consent_co">
                                        En soumettant mon profil, j'accepte les conditions de collaboration de Digitalchef. Je consens au partage de mes données d'expertise sous forme agrégée avec les bénéficiaires des services Digitalchef et Capchat pour valoriser l'aspect humain de nos interventions. *
                                    </label>
                                </div>
                            </div>
                            <div class="s_website_form_field mb-3 col-lg-4 offset-lg-4 o_colored_level">
                                <label class="form-label fw-bold small text-center d-block">Anti-robot : 3 + 5 = ? *</label>
                                <input class="form-control text-center" type="text" name="x_captcha" required="1" placeholder="Résultat"/>
                            </div>
                            <div class="s_website_form_submit text-center col-12 mt-4 o_colored_level">
                                <button type="submit" class="btn btn-primary btn-lg px-5 fw-bold o-shadow-custom" style="background-color: #D4AF37; border: none; color: #FFFFFF; border-radius: 8px; box-shadow: 0 6px 0 #b0942d, 0 12px 20px rgba(0,0,0,0.4); transform: translateY(-3px);">Soumettre</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</section>

<section id="formation_form" class="s_website_form o_colored_level pt64 pb64" data-snippet="s_website_form" data-name="Formulaire Formation">
    <div class="container">
        <div class="row">
            <div class="col-lg-10 offset-lg-1 o_colored_level">
                <div class="text-center mb-5">
                    <h2 class="display-4 fw-bold" style="color: #002060;">Demande &amp; Offre de Formation</h2>
                    <p class="lead text-muted">Élevez vos standards professionnels avec nos programmes dédiés.</p>
                    <div style="width: 60px; height: 3px; background-color: #C00000; margin: 0 auto;"/>
                </div>
                <div class="s_website_form" data-vcss="001">
                    <form action="/website/form/" method="post" enctype="multipart/form-data" class="o_mark_required" data-mark="*" data-model_name="crm.lead" data-success-mode="message" data-success-message="Merci pour votre demande. Nos experts en formation vous contacteront pour définir votre programme personnalisé.">
                        <div class="s_website_form_rows row">
                            <div class="col-12 mb-4 o_colored_level"><h5 class="fw-bold border-bottom pb-2" style="color: #C00000;">1. Type de Demande</h5></div>
                            <div class="s_website_form_field mb-3 col-lg-12 o_colored_level"><label class="form-label fw-bold small">Vous souhaitez : *</label>
                                <select class="form-select" name="x_formation_type" required="1">
                                    <option value="demande">Bénéficier d'une formation (Demande)</option>
                                    <option value="offre">Proposer une formation (Offre)</option>
                                </select>
                            </div>
                            <div class="s_website_form_field mb-3 col-lg-6 o_colored_level"><label class="form-label fw-bold small">Nom / Société *</label><input class="form-control" type="text" name="partner_name" required="1"/></div>
                            <div class="s_website_form_field mb-3 col-lg-6 o_colored_level"><label class="form-label fw-bold small">Email *</label><input class="form-control" type="email" name="email_from" required="1"/></div>
                            <div class="s_website_form_field mb-3 col-lg-12 o_colored_level"><label class="form-label fw-bold small">Thématique de formation *</label>
                                <select class="form-select" name="x_formation_theme" required="1">
                                    <option value="cuisine">Techniques de Cuisine</option><option value="hygiene">Hygiène &amp; Sécurité (HACCP)</option><option value="service">Service en Salle</option><option value="management">Management</option>
                                </select>
                            </div>
                            <div class="s_website_form_field mb-3 col-12 o_colored_level"><label class="form-label fw-bold small">Détails de votre besoin</label><textarea class="form-control" name="description" rows="4"/></div>
                            
                            <div class="s_website_form_field mb-3 col-12 o_colored_level">
                                <div class="form-check">
                                    <input class="form-check-input" type="checkbox" value="yes" id="consent_f" name="x_consent_data" required="1"/>
                                    <label class="form-check-label small text-muted" for="consent_f">J'accepte le traitement de mes données de formation par Digitalchef et Capchat. *</label>
                                </div>
                            </div>
                            <div class="s_website_form_field mb-3 col-lg-4 offset-lg-4 o_colored_level">
                                <label class="form-label fw-bold small text-center d-block">Anti-robot : 7 + 2 = ? *</label>
                                <input class="form-control text-center" type="text" name="x_captcha" required="1" placeholder="Résultat"/>
                            </div>
                            <div class="s_website_form_submit text-center col-12 mt-4 o_colored_level">
                                <button type="submit" class="btn btn-primary btn-lg px-5 fw-bold shadow" style="background-color: #C00000; border-color: #C00000;">Soumettre</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</section><section id="junior_hub" class="s_tabs o_cc o_cc2 o_colored_level pb96 pt0" data-snippet="s_tabs" data-name="Tabs" style="background-color: rgb(248, 249, 250);">
    <div class="container">
        <div class="row mb-5">
            <div class="col-lg-12 text-center o_colored_level">
                <h2 class="display-4 fw-bold mb-3" style="color: #002060;">Carrefour Emploi</h2>
                <p class="lead text-muted">La plateforme de mise en relation directe pour l'excellence opérationnelle.</p>
                <div style="width: 80px; height: 4px; background-color: #C00000; margin: 0 auto;"/>
            </div>
        </div>
        <div class="s_tabs_main">
            <div class="s_tabs_nav mb-5">
                <ul class="nav nav-pills justify-content-center gap-3" role="tablist">
                    <li class="nav-item">
                        <a class="nav-link px-4 py-3 fw-bold rounded-pill shadow-sm oe_unremovable active" id="nav_link_offers" data-bs-toggle="pill" href="#tab_offers" role="tab" style="background-color: rgb(0, 32, 96);"><font style="color: white !important;">Offres d'emploi</font></a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link px-4 py-3 fw-bold rounded-pill shadow-sm oe_unremovable" id="nav_link_talents" data-bs-toggle="pill" href="#tab_talents" role="tab" style="border: 2px solid rgb(0, 32, 96);"><font>Profils disponibles</font></a>
                    </li>
                </ul>
            </div>
            <div class="tab-content bg-transparent border-0">
                
                <div class="tab-pane fade show active" id="tab_offers" role="tabpanel">
                    <div class="row g-4">
                        <div class="col-md-4 o_colored_level">
                            <div class="card h-100 shadow-sm border-0 rounded-4 overflow-hidden">
                                <div class="card-header bg-white border-0 pt-4 px-4">
                                    <h5 class="fw-bold mb-0" style="color: #002060;">Établissement Exemple</h5>
                                </div>
                                <div class="card-body px-4 pb-4">
                                    <p class="mb-1"><strong>Poste :</strong> Cuisinier / Pizzaiolo</p>
                                    <p class="mb-1"><strong>Wilaya :</strong> Alger</p>
                                    <p class="mb-0 text-muted small">Environnement : Fast Food / Pizzeria</p>
                                </div>
                                <div class="card-footer bg-light border-0 py-3 text-center">
                                    <span class="fw-bold" style="color: #C00000;">05XX XX XX XX</span>
                                </div>
                            </div>
                        </div>
                        
                        <div class="col-md-8 d-flex align-items-center o_colored_level">
                            <div class="alert alert-info w-100 mb-0 rounded-4 border-0 shadow-sm">
                                <i class="fa fa-info-circle me-2"/> Les nouvelles offres d'emploi validées apparaîtront ici sous forme de fiches détaillées.
                            </div>
                        </div>
                    </div>
                </div>
                
                <div class="tab-pane fade" id="tab_talents" role="tabpanel">
                    <div class="row g-4">
                        <div class="col-md-4 o_colored_level">
                            <div class="card h-100 shadow-sm border-0 rounded-4 overflow-hidden">
                                <div class="card-header bg-white border-0 pt-4 px-4">
                                    <h5 class="fw-bold mb-0" style="color: #C00000;">Aide Cuisinier</h5>
                                </div>
                                <div class="card-body px-4 pb-4">
                                    <p class="mb-1"><strong>Expérience :</strong> 2 ans</p>
                                    <p class="mb-1"><strong>Mobilité :</strong> Alger, Blida</p>
                                    <p class="mb-0 text-muted small">Spécialité : Cuisine Algérienne</p>
                                </div>
                                <div class="card-footer bg-light border-0 py-3 text-center">
                                    <span class="fw-bold" style="color: #002060;">06XX XX XX XX</span>
                                </div>
                            </div>
                        </div>
                        
                        <div class="col-md-8 d-flex align-items-center o_colored_level">
                            <div class="alert alert-info w-100 mb-0 rounded-4 border-0 shadow-sm">
                                <i class="fa fa-info-circle me-2"/> Les profils de candidats validés seront affichés ici de manière anonyme (poste uniquement).
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section></div>
        </t>
    </t>
    </head>
    <body>

<div id="wrapwrap" class="   ">
            <a class="o_skip_to_content btn btn-primary rounded-0 visually-hidden-focusable position-absolute start-0" href="#wrap">Se rendre au contenu</a>
                <header id="top" data-anchor="true" data-name="Header" data-extra-items-toggle-aria-label="Bouton d'éléments supplémentaires" class="   o_header_standard" style=" ">
    <nav data-name="Navbar" aria-label="Main" class="navbar navbar-expand-lg navbar-light o_colored_level o_cc d-none d-lg-block shadow-sm ">

<li role="presentation" class="nav-item ">
        <a role="menuitem" href="/web/login" class="nav-link ">
            <span>Se connecter</span>
        </a>
    </li>

</ul>
                
                <ul class="navbar-nav align-items-center gap-2 flex-shrink-0 justify-content-end ps-3">
                    
        <li class=" divider d-none"></li> 
        <li class="o_wsale_my_cart  ">
            <a href="/shop/cart" aria-label="Panier eCommerce" class="o_navlink_background btn position-relative rounded-circle p-1 text-center text-reset">
                <div class="">
                    <i class="fa fa-shopping-cart fa-stack"></i>
                    <sup class="my_cart_quantity badge bg-primary position-absolute top-0 end-0 mt-n1 me-n1 rounded-pill d-none">0</sup>
                </div>
            </a>
        </li>
        <li class="o_wsale_my_wish d-none  o_wsale_my_wish_hide_empty">
            <a href="/shop/wishlist" class="o_navlink_background btn position-relative rounded-circle p-1 text-center text-reset">
                <div class="">
                    <i class="fa fa-1x fa-heart fa-stack"></i>
                    <sup class="my_wish_quantity o_animate_blink badge bg-primary position-absolute top-0 end-0 mt-n1 me-n1 rounded-pill d-none">0</sup>
                </div>
            </a>
        </li>
        <li class="">
                <div class="modal fade css_editable_mode_hidden" id="o_search_modal" aria-hidden="true" tabindex="-1">
                    <div class="modal-dialog modal-lg pt-5">
                        <div class="modal-content mt-5">
    <form method="get" class="o_searchbar_form s_searchbar_input " action="/website/search" data-snippet="s_searchbar_input">
            <div role="search" class="input-group input-group-lg">
        <input type="search" name="search" class="search-query form-control oe_search_box border border-end-0 p-3 border-0 bg-light" placeholder="Rechercher…" value="" data-search-type="all" data-limit="5" data-display-image="true" data-display-description="true" data-display-extra-link="true" data-display-detail="true" data-order-by="name asc"/>
        <button type="submit" aria-label="Rechercher" title="Rechercher" class="btn oe_search_button border border-start-0 px-4 bg-o-color-4">
            <i class="oi oi-search"></i>
        </button>
    </div>

<input name="order" type="hidden" class="o_search_order_by oe_unremovable" value="name asc"/>
            
        </form>
                        </div>
                    </div>
                </div>
                <a data-bs-target="#o_search_modal" data-bs-toggle="modal" role="button" title="Rechercher" href="#" class="btn rounded-circle p-1 lh-1 o_navlink_background text-reset o_not_editable">
                    <i class="oi oi-search fa-stack lh-lg"></i>
                </a>
        </li>
                    
        <li class="">
                <div data-name="Text" class="s_text_block ">
                    <a href="tel:+1 555-555-5556" class="nav-link o_nav-link_secondary p-2">
                        <i class="fa fa-1x fa-fw fa-phone me-1"></i>
                        <span class="o_force_ltr"><small>+1 555-555-5556</small></span>
                    </a>
                </div>
        </li>
                    
                    
                    
            <li class=" o_no_autohide_item">
                <a href="/web/login" class="o_nav_link_btn nav-link border px-3">Se connecter</a>
            </li>
                    
                    
        <li class="">
            <div class="oe_structure oe_structure_solo ">
                <section class="oe_unremovable oe_unmovable s_text_block" data-snippet="s_text_block" data-name="Text">
                    <div class="container">
                        <a href="/contactus" class="oe_unremovable btn btn-primary btn_cta">Contactez-nous</a>
                    </div>
                </section>
            </div>
        </li>
                </ul>
            </div>
        
    </nav>

<li role="presentation" class="nav-item border-top  px-0">
        <a role="menuitem" href="/web/login" class="nav-link p-3 text-wrap ">
            <span>Se connecter</span>
        </a>
    </li>

</ul>
                        </li>
                        
        <li class="">
                <div data-name="Text" class="s_text_block mt-2">
                    <a href="tel:+1 555-555-5556" class="nav-link o_nav-link_secondary p-2">
                        <i class="fa fa-1x fa-fw fa-phone me-1"></i>
                        <span class="o_force_ltr"><small>+1 555-555-5556</small></span>
                    </a>
                </div>
        </li>
                        
                    </ul>
                    <ul class="navbar-nav gap-2 mt-3 w-100">
                        
                        
            <li class=" o_no_autohide_item">
                <a href="/web/login" class="nav-link o_nav_link_btn w-100 border text-center">Se connecter</a>
            </li>
                        
                        
        <li class="">
            <div class="oe_structure oe_structure_solo ">
                <section class="oe_unremovable oe_unmovable s_text_block" data-snippet="s_text_block" data-name="Text">
                    <div class="container">
                        <a href="/contactus" class="oe_unremovable btn btn-primary btn_cta w-100">Contactez-nous</a>
                    </div>
                </section>
            </div>
        </li>
                    </ul>
                </div>
            </div>
        </div>
    
    </nav>
    </header>
                <main>

<div id="wrap" class="js_sale o_wsale_products_page">
                <div class="oe_structure oe_empty oe_structure_not_nearest" id="oe_structure_website_sale_products_1"></div>
                <div id="o_wsale_container" class="oe_website_sale                         o_wsale_page_contained container                         o_wsale_has_filmstrip                                                  o_wsale_has_sidebar                                                  " data-ppg="21" data-ppr="3" data-default-sort="website_sequence asc">
                    <div class="row o_wsale_products_main_row flex-nowrap">
                        <aside id="products_grid_before" class="d-none d-lg-block position-sticky align-self-start col clearfix pt-2">
        <div id="oe_structure_website_sale_sidebar_top" class="oe_structure">
            <section class="s_text_block oe_unmovable oe_unremovable" data-snippet="s_text_block" data-name="Text">
                <p></p>
            </section>
        </div>
                            <div class="o_wsale_products_grid_before_rail vh-100 ms-n2 px-lg-2 ps-2 overflow-y-scroll">
                                <div class="products_attributes_filters d-empty-none  "></div>
        <div id="o_wsale_price_range_option" class="position-relative accordion accordion-flush  opacity-75 pe-none user-select-none">
                <div class="accordion-item">
                    <div class="accordion-header h6 mb-0">
                        <button class="accordion-button px-0 bg-transparent shadow-none" type="button" data-bs-toggle="collapse" aria-expanded="true" data-bs-target="#o_wsale_price_range_option_inner" aria-controls="o_wsale_price_range_option_inner">
                            <b>Fourchette de prix</b>
                        </button>
                    </div>
                    <div id="o_wsale_price_range_option_inner" class="accordion-collapse collapse show">
                        <input type="range" multiple="multiple" class="form-range range-with-input " data-currency="DA" data-currency-position="after" data-url="/shop" step="0.01" min="0.000000" max="0.000000" value="0.000000,0.000000"/>
                    </div>
                </div>
        </div>
        <div id="oe_structure_website_sale_sidebar_bottom" class="oe_structure">
            <section class="s_text_block oe_unmovable oe_unremovable" data-snippet="s_text_block" data-name="Text">
                <p></p>
            </section>
        </div>
                            </div>
                        </aside>
                        <div id="products_grid" class="col">

<header id="o_wsale_products_header" class="d-flex flex-column gap-2                                     pt-4 pb-3                                     o_wsale_products_header_is_shop                                                                                                                                                    o_wsale_products_header_show_shop_title                                     ">
                                <h1 class="o_wsale_shop_title h4-fs">
                                    Tous les produits
                                </h1>
                                    <div id="oe_structure_products_header_shop" class="oe_structure oe_empty" data-editor-message="
                                        Faites glisser les blocs de construction ici pour personnaliser l'en-tête de la page de la boutique.
                                    "></div>
                                <div class="products_header btn-toolbar flex-nowrap align-items-center justify-content-between gap-1 gap-lg-2 gap-xl-3">
                                        
                                        <div class="o_wsale_products_header_search_form_container product.pricelist() col-xl-5 me-auto ">
    <form method="get" class="o_searchbar_form s_searchbar_input o_wsale_products_searchbar_form me-auto flex-grow-1 " action="/shop" data-snippet="s_searchbar_input">
            <div role="search" class="input-group ">
        <input type="search" name="search" class="search-query form-control oe_search_box border-0 text-bg-light border-0 bg-light" placeholder="Rechercher…" value="" data-search-type="products" data-limit="5" data-display-image="true" data-display-description="true" data-display-extra-link="true" data-display-detail="true" data-order-by="name asc"/>
        <button type="submit" aria-label="Rechercher" title="Rechercher" class="btn oe_search_button btn btn-light">
            <i class="oi oi-search"></i>
        </button>
    </div>

<input name="order" type="hidden" class="o_search_order_by oe_unremovable" value="name asc"/>
            
        
        </form>
                                        </div>
                                        
                                        <a data-bs-target="#o_wsale_search_modal" data-bs-toggle="modal" role="button" title="Chercher des produits" href="#" class="btn o_not_editable d-none me-auto btn-light">
                                            <i class="oi oi-search" role="img"></i>
                                        </a>
        <div class="o_sortby_dropdown dropdown dropdown_sorty_by ">
            <a role="button" href="#" data-bs-toggle="dropdown" class="dropdown-toggle btn px-2">
                <span class="d-md-none">Trier par</span>
                <small class="d-none d-md-inline opacity-75">Trier par:</small>
                <span class="d-none d-md-inline">
                    <span>En vedette</span>
                    
                </span>
            </a>
            <div class="dropdown-menu dropdown-menu-end" role="menu">
                    <a role="menuitem" rel="noindex,nofollow" href="/shop?order=website_sequence+asc" class="dropdown-item active">
                        <span>En vedette</span>
                    </a>
                    <a role="menuitem" rel="noindex,nofollow" href="/shop?order=publish_date+desc" class="dropdown-item ">
                        <span>Nouvelles arrivées</span>
                    </a>
                    <a role="menuitem" rel="noindex,nofollow" href="/shop?order=name+asc" class="dropdown-item ">
                        <span>Nom (A-Z)</span>
                    </a>
                    <a role="menuitem" rel="noindex,nofollow" href="/shop?order=list_price+asc" class="dropdown-item ">
                        <span>Prix - Croissant</span>
                    </a>
                    <a role="menuitem" rel="noindex,nofollow" href="/shop?order=list_price+desc" class="dropdown-item ">
                        <span>Prix - Décroissant</span>
                    </a>
            </div>
        </div>
                                    <button title="Filtres" data-bs-toggle="offcanvas" data-bs-target="#o_wsale_offcanvas" class="btn btn-light position-relative d-lg-none  text-nowrap">
                                        <i class="oi oi-settings-adjust" role="img"></i>
                                        <small class="ms-1 product.pricelist()">Filtres</small>
                                    </button>
                                </div>
                            </header>

<div class="text-center text-muted mt128 mb256">
                                    <div class="mt-5 mb-3">
        <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100" viewBox="0 0 115 80" fill="none">
            <style>
                .headShake {
                    animation: headShake 1.3s ease-in-out forwards;
                    animation-delay: 0.75s;
                }
                @keyframes headShake {
                    0% {
                        transform: translateX(0)
                    }

6.5% {
                        transform: translateX(-6px) rotateY(-9deg)
                    }

18.5% {
                        transform: translateX(5px) rotateY(7deg)
                    }

31.5% {
                        transform: translateX(-3px) rotateY(-5deg)
                    }

43.5% {
                        transform: translateX(2px) rotateY(3deg)
                    }

50% {
                        transform: translateX(0)
                    }
                }
            </style>
            <path class="headShake" d="M39.2256 21.8668C46.3304 13.0757 59.2314 11.7663 68.019 19.0611C76.5217 26.1193 77.8477 38.4309 71.3195 47.1853L85.8336 61.6996L81.8665 65.6667L67.5676 51.368C59.9375 57.2137 49.2986 57.044 41.8431 50.8589C33.0555 43.5641 32.1207 30.658 39.2256 21.8668ZM54.9349 20.0096C46.6261 20.0096 39.9791 26.6566 39.9791 34.9654C39.9791 43.2742 46.7923 49.9212 54.9349 49.9212C63.2436 49.9212 69.8906 43.2742 69.8906 34.9654C69.8906 26.6566 63.2436 20.0096 54.9349 20.0096Z" fill="currentColor"></path>
        </svg></div>
                                    <h3 class="mt8" style="text-align: center;">
                                        Aucun produit défini
                                    </h3>
                            </div>
                            <div id="o_wsale_pager" class="products_pager d-flex justify-content-center py-5 pb-4">
                            </div>
                        </div>
                    </div>

</form>
        <div id="o_wsale_price_range_option" class="position-relative o_wsale_offcanvas_title accordion accordion-flush px-4 opacity-75 pe-none user-select-none">
                <div class="accordion-item">
                    <div class="accordion-header h6 mb-0">
                        <button class="accordion-button px-0 bg-transparent shadow-none" type="button" data-bs-toggle="collapse" aria-expanded="true" data-bs-target="#o_wsale_price_range_option_inner" aria-controls="o_wsale_price_range_option_inner">
                            <b>Fourchette de prix</b>
                        </button>
                    </div>
                    <div id="o_wsale_price_range_option_inner" class="accordion-collapse collapse show">
                        <input type="range" multiple="multiple" class="form-range range-with-input " data-currency="DA" data-currency-position="after" data-url="/shop" step="0.01" min="0.000000" max="0.000000" value="0.000000,0.000000"/>
                    </div>
                </div>
        </div>
            </div>
            <div class="offcanvas-body d-flex justify-content-between flex-grow-0 border-top overflow-hidden">
                <a title="Supprimer les filtres" class="btn btn-light d-flex py-1 mb-2 disabled" aria-disabled="true" href="/shop">
                    Supprimer les filtres
                </a>
            </div>
        </aside>
                </div>
                <div class="oe_structure oe_empty oe_structure_not_nearest" id="oe_structure_website_sale_products_2"></div>
            </div>
            <div id="o_wsale_search_modal" class="modal fade css_editable_mode_hidden" aria-hidden="true" tabindex="-1">
                <div class="modal-dialog modal-lg pt-5">
                    <div class="modal-content mt-5 bg-transparent border-0">
                        <div class="o_container_small">
    <form method="get" class="o_searchbar_form s_searchbar_input " data-snippet="s_searchbar_input">
            <div role="search" class="input-group input-group rounded o_cc o_cc1 mb-1">
        <input type="search" name="search" class="search-query form-control oe_search_box border-0 p-3 " placeholder="Rechercher…" value="" data-search-type="products" data-limit="5" data-display-image="true" data-display-description="true" data-display-extra-link="true" data-display-detail="true" data-order-by="name asc"/>
        <button type="submit" aria-label="Rechercher" title="Rechercher" class="btn oe_search_button px-4">
            <i class="oi oi-search"></i>
        </button>
    </div>

<input name="order" type="hidden" class="o_search_order_by oe_unremovable" value="name asc"/>
            
                            
        </form>
                        </div>
                    </div>
                </div>
            </div>
        
        <div id="o_shared_blocks" class="oe_unremovable"></div>
                </main>
                <footer id="bottom" data-anchor="true" data-name="Footer" class="o_footer o_colored_level o_cc ">
                    <div id="footer" class="oe_structure oe_structure_solo"><section class="s_call_to_action pt56 pb32 o_cc o_cc2" data-snippet="s_call_to_action" data-name="Container" data-oe-shape-data="{'shape':'html_builder/Connections/14','colors':{'c5':'o-color-4'},'flip':['y'],'showOnMobile':true,'shapeAnimationSpeed':'0'}" ws-snippet="template_footer_call_to_action" data-ws-version="2.3.0">
                
        <div class="o_we_shape o_html_builder_Connections_14 o_shape_show_mobile" style="background-image: url('/html_editor/shape/html_builder/Connections/14.svg?c5=o-color-4&flip=y'); background-position: 50% 0%;"></div>
                
        <div class="container s_allow_columns">
                    
            <div class="row o_grid_mode" data-row-count="3">
                        
                <div class="o_grid_item g-col-lg-6 g-height-2 offset-1 offset-lg-0 col-10 order-lg-0 col-lg-6 o_colored_level" style="z-index: 1; --grid-item-padding-x: 10px; --grid-item-padding-y: 0px; grid-area: 1 / 1 / 3 / 7; order: 0;">
                            
                    <h2 class="h3-fs">50,000+ companies run Odoo to grow their businesses.</h2>
                        </div>
                        
                <div class="o_grid_item g-col-lg-3 col-lg-3 order-lg-0 g-height-2 o_colored_level" style="text-align: center; z-index: 2; --grid-item-padding-x: 10px; --grid-item-padding-y: 0px; grid-area: 1 / 10 / 3 / 13; order: 2;">
                            
                    <a href="/contactus" class="btn btn-primary btn-lg">Commencez dès maintenant</a>
                        </div>
                        
                <div class="o_grid_item g-col-lg-7 offset-1 offset-lg-0 order-lg-0 col-10 g-height-1 col-lg-7 o_colored_level" style="z-index: 4; --grid-item-padding-x: 10px; grid-area: 3 / 1 / 4 / 8; order: 1; --grid-item-padding-y: 12px;">
                            
                    <p>8000 Marina Blvd, Suite 300 • Brisbane CA 94005 • États-Unis</p>
                            
                    <div class="s_hr d-lg-none o_snippet_desktop_invisible pb16 pt16" data-invisible="1">
                                
                        <hr class="w-100 mx-auto"/>
                            </div>
                        </div>
                        
                <div class="col-lg-3 o_grid_item g-col-lg-3 g-height-1 order-lg-0 o_colored_level" style="--grid-item-padding-x: 10px; grid-area: 3 / 10 / 4 / 13; order: 3; --grid-item-padding-y: 12px;">
                            
                    <p style="text-align: center;">
                                
                        <a class="o_translate_inline" href="mailto:info@yourcompany.example.com">info@votreentreprise.exemple.com</a>
                            </p>
                        </div>
                    </div>
                </div>
            </section></div>
    <div class="o_footer_copyright o_colored_level o_cc" data-name="Copyright">
                        <div class="container py-3">
                            <div class="row row-gap-2">
                                <div class="text-center text-muted col-md d-flex flex-column-reverse gap-2 text-md-start">
                                    <span class="o_footer_copyright_name me-2 small">Copyright © Nom de l’entreprise</span>
                                </div>
                                <div class="text-center o_not_editable small col-md mt-auto mb-0 text-md-end">
        <div class="o_brand_promotion">
        Généré par 
            <a target="_blank" class="badge text-bg-light" href="http://www.numidit.com">
                <img alt="Odoo" src="/web/static/img/odoo_logo_tiny.png" width="62" height="20" style="width: auto; height: 1em; vertical-align: baseline;" loading="lazy"/>
            </a>
        - 
                    Le #1 <a target="_blank" href="http://www.odoo.com/app/ecommerce?utm_source=db&utm_medium=website">Open Source eCommerce</a>
                
        </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </footer>
            </div>
        
        </body>
</html>

Expertise Opérationnelle & Solutions Clés en Main

Nos Services

Espace Candidats

Solutions Recruteurs

Expertise & Conseil

Digitalisation

Formation

Espace Candidat

1. État Civil & Localisation

2. Environnement & Pôle de Compétence

3. Détails du Poste & Spécialités

4. Expérience & Modalités

Espace Recruteur

1. L'Établissement & Localisation

2. Profil Recherché

Demande d'Expertise

1. Identification du Projet

2. Contexte & Localisation

3. Besoins & Logistique

Expertise Opérationnelle &amp; Solutions Clés en Main

Nos Services

Espace Candidats

Solutions Recruteurs

Expertise &amp; Conseil

Digitalisation

Formation

Espace Candidat

1. État Civil &amp; Localisation

2. Environnement &amp; Pôle de Compétence

3. Détails du Poste &amp; Spécialités

4. Expérience &amp; Modalités

Espace Recruteur

1. L'Établissement &amp; Localisation

2. Profil Recherché

Demande d'Expertise

1. Identification du Projet

2. Contexte &amp; Localisation

3. Besoins &amp; Logistique

Expertise Opérationnelle & Solutions Clés en Main

Expertise & Conseil

1. État Civil & Localisation

2. Environnement & Pôle de Compétence

3. Détails du Poste & Spécialités

4. Expérience & Modalités

1. L'Établissement & Localisation

2. Contexte & Localisation

3. Besoins & Logistique