
  <turbo-stream action="append" target="jobs_list_container"><template>
    <li
  class="
    block-grid-item border border-block-base-text border-opacity-15
    min-h-[22.5rem] items-center justify-center rounded relative
    z-career-job-card-image
  "
>
  <a class="block h-full w-full hover:bg-primary-text-background overflow-hidden group" data-turbo="false" href="https://recrutement-emploi.id-formation.com/jobs/7692412-mediateur-f-h">
    <div class="relative w-full overflow-hidden pb-2/3">
      <div
        class="
          absolute inset-0 transition-transform duration-200 origin-center
          transform bg-block-base-text bg-opacity-15 group-hover:scale-105
        "
      >
          <figure>
  <picture>
    <source srcset="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/user_picture_800-v9/image_uploads/69850f2b-94d3-416c-9525-0bed6eb81c52/original.png?outputFormat=webp" type="image/webp">

    <img src="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/user_picture_800-v9/image_uploads/69850f2b-94d3-416c-9525-0bed6eb81c52/original.png" alt="Médiateur F/H image" loading="lazy" class="w-full">
</picture>
  
</figure>
      </div>
    </div>

    <div class="flex flex-col justify-center p-3 text-center min-h-[11.25rem]">
      <span
        class="text-block-base-link company-link-style hyphens-auto"
        title="Médiateur F/H"
      >
        Médiateur F/H
      </span>

      <div class="mt-1 text-md">
        
<span>Insertion / Orientation professionnelle</span>

  <span class="mx-[2px]">&middot;</span>

    <span>Marseille 2ème arrondissement</span>


      </div>
    </div>
</a></li>

</template></turbo-stream>
  <turbo-stream action="append" target="jobs_list_container"><template>
    <li
  class="
    block-grid-item border border-block-base-text border-opacity-15
    min-h-[22.5rem] items-center justify-center rounded relative
    z-career-job-card-image
  "
>
  <a class="block h-full w-full hover:bg-primary-text-background overflow-hidden group" data-turbo="false" href="https://recrutement-emploi.id-formation.com/jobs/7692401-mediateur-f-h">
    <div class="relative w-full overflow-hidden pb-2/3">
      <div
        class="
          absolute inset-0 transition-transform duration-200 origin-center
          transform bg-block-base-text bg-opacity-15 group-hover:scale-105
        "
      >
          <figure>
  <picture>
    <source srcset="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/user_picture_800-v9/image_uploads/7a1105bb-7ae7-4519-bb17-456848f90b8e/original.jpeg?outputFormat=webp" type="image/webp">

    <img src="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/user_picture_800-v9/image_uploads/7a1105bb-7ae7-4519-bb17-456848f90b8e/original.jpeg" alt="Médiateur F/H image" loading="lazy" class="w-full">
</picture>
  
</figure>
      </div>
    </div>

    <div class="flex flex-col justify-center p-3 text-center min-h-[11.25rem]">
      <span
        class="text-block-base-link company-link-style hyphens-auto"
        title="Médiateur F/H"
      >
        Médiateur F/H
      </span>

      <div class="mt-1 text-md">
        
<span>Insertion / Orientation professionnelle</span>

  <span class="mx-[2px]">&middot;</span>

    <span>Marseille 3 ème arrondissement</span>


      </div>
    </div>
</a></li>

</template></turbo-stream>
  <turbo-stream action="append" target="jobs_list_container"><template>
    <li
  class="
    block-grid-item border border-block-base-text border-opacity-15
    min-h-[22.5rem] items-center justify-center rounded relative
    z-career-job-card-image
  "
>
  <a class="block h-full w-full hover:bg-primary-text-background overflow-hidden group" data-turbo="false" href="https://recrutement-emploi.id-formation.com/jobs/7676083-mediateur-f-h">
    <div class="relative w-full overflow-hidden pb-2/3">
      <div
        class="
          absolute inset-0 transition-transform duration-200 origin-center
          transform bg-block-base-text bg-opacity-15 group-hover:scale-105
        "
      >
          <figure>
  <picture>
    <source srcset="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/user_picture_800-v9/image_uploads/51fcd744-a541-4107-9c93-93a0e9b4ecb6/original.jpeg?outputFormat=webp" type="image/webp">

    <img src="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/user_picture_800-v9/image_uploads/51fcd744-a541-4107-9c93-93a0e9b4ecb6/original.jpeg" alt="Médiateur F/H image" loading="lazy" class="w-full">
</picture>
  
</figure>
      </div>
    </div>

    <div class="flex flex-col justify-center p-3 text-center min-h-[11.25rem]">
      <span
        class="text-block-base-link company-link-style hyphens-auto"
        title="Médiateur F/H"
      >
        Médiateur F/H
      </span>

      <div class="mt-1 text-md">
        
<span>Insertion / Orientation professionnelle</span>

  <span class="mx-[2px]">&middot;</span>

    <span>Marseille 13ème arrondissement</span>


      </div>
    </div>
</a></li>

</template></turbo-stream>
  <turbo-stream action="append" target="jobs_list_container"><template>
    <li
  class="
    block-grid-item border border-block-base-text border-opacity-15
    min-h-[22.5rem] items-center justify-center rounded relative
    z-career-job-card-image
  "
>
  <a class="block h-full w-full hover:bg-primary-text-background overflow-hidden group" data-turbo="false" href="https://recrutement-emploi.id-formation.com/jobs/7675845-mediateur-f-h">
    <div class="relative w-full overflow-hidden pb-2/3">
      <div
        class="
          absolute inset-0 transition-transform duration-200 origin-center
          transform bg-block-base-text bg-opacity-15 group-hover:scale-105
        "
      >
          <figure>
  <picture>
    <source srcset="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/user_picture_800-v9/image_uploads/a01a3c14-3770-4cff-9d3f-6cd941c222c1/original.png?outputFormat=webp" type="image/webp">

    <img src="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/user_picture_800-v9/image_uploads/a01a3c14-3770-4cff-9d3f-6cd941c222c1/original.png" alt="Médiateur F/H image" loading="lazy" class="w-full">
</picture>
  
</figure>
      </div>
    </div>

    <div class="flex flex-col justify-center p-3 text-center min-h-[11.25rem]">
      <span
        class="text-block-base-link company-link-style hyphens-auto"
        title="Médiateur F/H"
      >
        Médiateur F/H
      </span>

      <div class="mt-1 text-md">
        
<span>Insertion / Orientation professionnelle</span>

  <span class="mx-[2px]">&middot;</span>

    <span>Marseille 5ème arrondissement</span>


      </div>
    </div>
</a></li>

</template></turbo-stream>
  <turbo-stream action="append" target="jobs_list_container"><template>
    <li
  class="
    block-grid-item border border-block-base-text border-opacity-15
    min-h-[22.5rem] items-center justify-center rounded relative
    z-career-job-card-image
  "
>
  <a class="block h-full w-full hover:bg-primary-text-background overflow-hidden group" data-turbo="false" href="https://recrutement-emploi.id-formation.com/jobs/7675835-mediateur-f-h">
    <div class="relative w-full overflow-hidden pb-2/3">
      <div
        class="
          absolute inset-0 transition-transform duration-200 origin-center
          transform bg-block-base-text bg-opacity-15 group-hover:scale-105
        "
      >
          <figure>
  <picture>
    <source srcset="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/user_picture_800-v9/image_uploads/16d488f8-58e6-4091-bbeb-e1087fff88a9/original.jpeg?outputFormat=webp" type="image/webp">

    <img src="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/user_picture_800-v9/image_uploads/16d488f8-58e6-4091-bbeb-e1087fff88a9/original.jpeg" alt="Médiateur F/H image" loading="lazy" class="w-full">
</picture>
  
</figure>
      </div>
    </div>

    <div class="flex flex-col justify-center p-3 text-center min-h-[11.25rem]">
      <span
        class="text-block-base-link company-link-style hyphens-auto"
        title="Médiateur F/H"
      >
        Médiateur F/H
      </span>

      <div class="mt-1 text-md">
        
<span>Insertion / Orientation professionnelle</span>

  <span class="mx-[2px]">&middot;</span>

    <span>Marseille 15ème arrondissement</span>


      </div>
    </div>
</a></li>

</template></turbo-stream>
  <turbo-stream action="append" target="jobs_list_container"><template>
    <li
  class="
    block-grid-item border border-block-base-text border-opacity-15
    min-h-[22.5rem] items-center justify-center rounded relative
    z-career-job-card-image
  "
>
  <a class="block h-full w-full hover:bg-primary-text-background overflow-hidden group" data-turbo="false" href="https://recrutement-emploi.id-formation.com/jobs/7674125-formateur-conseiller-en-insertion-professionnelle-h-f">
    <div class="relative w-full overflow-hidden pb-2/3">
      <div
        class="
          absolute inset-0 transition-transform duration-200 origin-center
          transform bg-block-base-text bg-opacity-15 group-hover:scale-105
        "
      >
          <figure>
  <picture>
    <source srcset="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/user_picture_800-v9/image_uploads/2e9964c5-e90b-4803-8f73-458bc6260b93/original.jpeg?outputFormat=webp" type="image/webp">

    <img src="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/user_picture_800-v9/image_uploads/2e9964c5-e90b-4803-8f73-458bc6260b93/original.jpeg" alt="Formateur / Conseiller en insertion professionnelle H/F image" loading="lazy" class="w-full">
</picture>
  
</figure>
      </div>
    </div>

    <div class="flex flex-col justify-center p-3 text-center min-h-[11.25rem]">
      <span
        class="text-block-base-link company-link-style hyphens-auto"
        title="Formateur / Conseiller en insertion professionnelle H/F"
      >
        Formateur / Conseiller en insertion professionn...
      </span>

      <div class="mt-1 text-md">
        
<span>Insertion / Orientation professionnelle</span>

  <span class="mx-[2px]">&middot;</span>

    <span>Brétigny-sur-Orge</span>


      </div>
    </div>
</a></li>

</template></turbo-stream>
  <turbo-stream action="append" target="jobs_list_container"><template>
    <li
  class="
    block-grid-item border border-block-base-text border-opacity-15
    min-h-[22.5rem] items-center justify-center rounded relative
    z-career-job-card-image
  "
>
  <a class="block h-full w-full hover:bg-primary-text-background overflow-hidden group" data-turbo="false" href="https://recrutement-emploi.id-formation.com/jobs/7673813-charge-de-recrutement-f-h">
    <div class="relative w-full overflow-hidden pb-2/3">
      <div
        class="
          absolute inset-0 transition-transform duration-200 origin-center
          transform bg-block-base-text bg-opacity-15 group-hover:scale-105
        "
      >
          <figure>
  <picture>
    <source srcset="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/user_picture_800-v9/image_uploads/4a59bf12-2123-4546-b0f7-7992744a146e/original.jpeg?outputFormat=webp" type="image/webp">

    <img src="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/user_picture_800-v9/image_uploads/4a59bf12-2123-4546-b0f7-7992744a146e/original.jpeg" alt="Chargé de recrutement F/H image" loading="lazy" class="w-full">
</picture>
  
</figure>
      </div>
    </div>

    <div class="flex flex-col justify-center p-3 text-center min-h-[11.25rem]">
      <span
        class="text-block-base-link company-link-style hyphens-auto"
        title="Chargé de recrutement F/H"
      >
        Chargé de recrutement F/H
      </span>

      <div class="mt-1 text-md">
        
<span>Insertion / Orientation professionnelle</span>

  <span class="mx-[2px]">&middot;</span>

    <span>Valence</span>


      </div>
    </div>
</a></li>

</template></turbo-stream>
  <turbo-stream action="append" target="jobs_list_container"><template>
    <li
  class="
    block-grid-item border border-block-base-text border-opacity-15
    min-h-[22.5rem] items-center justify-center rounded relative
    z-career-job-card-image
  "
>
  <a class="block h-full w-full hover:bg-primary-text-background overflow-hidden group" data-turbo="false" href="https://recrutement-emploi.id-formation.com/jobs/7666357-charge-de-recrutement-h-f">
    <div class="relative w-full overflow-hidden pb-2/3">
      <div
        class="
          absolute inset-0 transition-transform duration-200 origin-center
          transform bg-block-base-text bg-opacity-15 group-hover:scale-105
        "
      >
          <figure>
  <picture>
    <source srcset="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/user_picture_800-v9/image_uploads/2482f224-7715-4fe7-a3f5-34e5e7010570/original.jpeg?outputFormat=webp" type="image/webp">

    <img src="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/user_picture_800-v9/image_uploads/2482f224-7715-4fe7-a3f5-34e5e7010570/original.jpeg" alt="Chargé de recrutement H/F image" loading="lazy" class="w-full">
</picture>
  
</figure>
      </div>
    </div>

    <div class="flex flex-col justify-center p-3 text-center min-h-[11.25rem]">
      <span
        class="text-block-base-link company-link-style hyphens-auto"
        title="Chargé de recrutement H/F"
      >
        Chargé de recrutement H/F
      </span>

      <div class="mt-1 text-md">
        
<span>Insertion / Orientation professionnelle</span>

  <span class="mx-[2px]">&middot;</span>

    <span>Vieux-Condé</span>


      </div>
    </div>
</a></li>

</template></turbo-stream>
  <turbo-stream action="append" target="jobs_list_container"><template>
    <li
  class="
    block-grid-item border border-block-base-text border-opacity-15
    min-h-[22.5rem] items-center justify-center rounded relative
    z-career-job-card-image
  "
>
  <a class="block h-full w-full hover:bg-primary-text-background overflow-hidden group" data-turbo="false" href="https://recrutement-emploi.id-formation.com/jobs/7665446-charge-de-recrutement-h-f">
    <div class="relative w-full overflow-hidden pb-2/3">
      <div
        class="
          absolute inset-0 transition-transform duration-200 origin-center
          transform bg-block-base-text bg-opacity-15 group-hover:scale-105
        "
      >
          <figure>
  <picture>
    <source srcset="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/user_picture_800-v9/image_uploads/2482f224-7715-4fe7-a3f5-34e5e7010570/original.jpeg?outputFormat=webp" type="image/webp">

    <img src="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/user_picture_800-v9/image_uploads/2482f224-7715-4fe7-a3f5-34e5e7010570/original.jpeg" alt="Chargé de recrutement H/F image" loading="lazy" class="w-full">
</picture>
  
</figure>
      </div>
    </div>

    <div class="flex flex-col justify-center p-3 text-center min-h-[11.25rem]">
      <span
        class="text-block-base-link company-link-style hyphens-auto"
        title="Chargé de recrutement H/F"
      >
        Chargé de recrutement H/F
      </span>

      <div class="mt-1 text-md">
        
<span>Insertion / Orientation professionnelle</span>

  <span class="mx-[2px]">&middot;</span>

    <span>Denain</span>


      </div>
    </div>
</a></li>

</template></turbo-stream>
  <turbo-stream action="append" target="jobs_list_container"><template>
    <li
  class="
    block-grid-item border border-block-base-text border-opacity-15
    min-h-[22.5rem] items-center justify-center rounded relative
    z-career-job-card-image
  "
>
  <a class="block h-full w-full hover:bg-primary-text-background overflow-hidden group" data-turbo="false" href="https://recrutement-emploi.id-formation.com/jobs/7648054-formateur-assistant-de-vie-dependance-h-f">
    <div class="relative w-full overflow-hidden pb-2/3">
      <div
        class="
          absolute inset-0 transition-transform duration-200 origin-center
          transform bg-block-base-text bg-opacity-15 group-hover:scale-105
        "
      >
          <figure>
  <picture>
    <source srcset="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/user_picture_800-v9/image_uploads/a01a3c14-3770-4cff-9d3f-6cd941c222c1/original.png?outputFormat=webp" type="image/webp">

    <img src="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/user_picture_800-v9/image_uploads/a01a3c14-3770-4cff-9d3f-6cd941c222c1/original.png" alt="Formateur Assistant de vie dépendance H/F image" loading="lazy" class="w-full">
</picture>
  
</figure>
      </div>
    </div>

    <div class="flex flex-col justify-center p-3 text-center min-h-[11.25rem]">
      <span
        class="text-block-base-link company-link-style hyphens-auto"
        title="Formateur Assistant de vie dépendance H/F"
      >
        Formateur Assistant de vie dépendance H/F
      </span>

      <div class="mt-1 text-md">
        
<span>SOCIAL</span>

  <span class="mx-[2px]">&middot;</span>

    <span>Montdidier</span>


      </div>
    </div>
</a></li>

</template></turbo-stream>
  <turbo-stream action="append" target="jobs_list_container"><template>
    <li
  class="
    block-grid-item border border-block-base-text border-opacity-15
    min-h-[22.5rem] items-center justify-center rounded relative
    z-career-job-card-image
  "
>
  <a class="block h-full w-full hover:bg-primary-text-background overflow-hidden group" data-turbo="false" href="https://recrutement-emploi.id-formation.com/jobs/7629637-formateur-assistant-de-vie-dependance-h-f">
    <div class="relative w-full overflow-hidden pb-2/3">
      <div
        class="
          absolute inset-0 transition-transform duration-200 origin-center
          transform bg-block-base-text bg-opacity-15 group-hover:scale-105
        "
      >
          <figure>
  <picture>
    <source srcset="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/user_picture_800-v9/image_uploads/be3ced0d-b9c5-4e12-af52-e7a3657944ac/original.png?outputFormat=webp" type="image/webp">

    <img src="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/user_picture_800-v9/image_uploads/be3ced0d-b9c5-4e12-af52-e7a3657944ac/original.png" alt="Formateur Assistant de vie dépendance H/F image" loading="lazy" class="w-full">
</picture>
  
</figure>
      </div>
    </div>

    <div class="flex flex-col justify-center p-3 text-center min-h-[11.25rem]">
      <span
        class="text-block-base-link company-link-style hyphens-auto"
        title="Formateur Assistant de vie dépendance H/F"
      >
        Formateur Assistant de vie dépendance H/F
      </span>

      <div class="mt-1 text-md">
        
<span>SOCIAL</span>

  <span class="mx-[2px]">&middot;</span>

    <span>Péronne</span>


      </div>
    </div>
</a></li>

</template></turbo-stream>
  <turbo-stream action="append" target="jobs_list_container"><template>
    <li
  class="
    block-grid-item border border-block-base-text border-opacity-15
    min-h-[22.5rem] items-center justify-center rounded relative
    z-career-job-card-image
  "
>
  <a class="block h-full w-full hover:bg-primary-text-background overflow-hidden group" data-turbo="false" href="https://recrutement-emploi.id-formation.com/jobs/7608157-charge-de-recrutement-h-f">
    <div class="relative w-full overflow-hidden pb-2/3">
      <div
        class="
          absolute inset-0 transition-transform duration-200 origin-center
          transform bg-block-base-text bg-opacity-15 group-hover:scale-105
        "
      >
          <figure>
  <picture>
    <source srcset="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/user_picture_800-v9/image_uploads/2482f224-7715-4fe7-a3f5-34e5e7010570/original.jpeg?outputFormat=webp" type="image/webp">

    <img src="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/user_picture_800-v9/image_uploads/2482f224-7715-4fe7-a3f5-34e5e7010570/original.jpeg" alt="Chargé de recrutement H/F image" loading="lazy" class="w-full">
</picture>
  
</figure>
      </div>
    </div>

    <div class="flex flex-col justify-center p-3 text-center min-h-[11.25rem]">
      <span
        class="text-block-base-link company-link-style hyphens-auto"
        title="Chargé de recrutement H/F"
      >
        Chargé de recrutement H/F
      </span>

      <div class="mt-1 text-md">
        
<span>Insertion / Orientation professionnelle</span>

  <span class="mx-[2px]">&middot;</span>

    <span>Cahors</span>


      </div>
    </div>
</a></li>

</template></turbo-stream>
  <turbo-stream action="append" target="jobs_list_container"><template>
    <li
  class="
    block-grid-item border border-block-base-text border-opacity-15
    min-h-[22.5rem] items-center justify-center rounded relative
    z-career-job-card-image
  "
>
  <a class="block h-full w-full hover:bg-primary-text-background overflow-hidden group" data-turbo="false" href="https://recrutement-emploi.id-formation.com/jobs/7591118-charge-de-recrutement-h-f">
    <div class="relative w-full overflow-hidden pb-2/3">
      <div
        class="
          absolute inset-0 transition-transform duration-200 origin-center
          transform bg-block-base-text bg-opacity-15 group-hover:scale-105
        "
      >
          <figure>
  <picture>
    <source srcset="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/user_picture_800-v9/image_uploads/585b6d99-9935-41b6-a7fe-2c23be382973/original.jpeg?outputFormat=webp" type="image/webp">

    <img src="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/user_picture_800-v9/image_uploads/585b6d99-9935-41b6-a7fe-2c23be382973/original.jpeg" alt="Chargé de recrutement H/F image" loading="lazy" class="w-full">
</picture>
  
</figure>
      </div>
    </div>

    <div class="flex flex-col justify-center p-3 text-center min-h-[11.25rem]">
      <span
        class="text-block-base-link company-link-style hyphens-auto"
        title="Chargé de recrutement H/F"
      >
        Chargé de recrutement H/F
      </span>

      <div class="mt-1 text-md">
        
<span>Insertion / Orientation professionnelle</span>

  <span class="mx-[2px]">&middot;</span>

    <span>Dijon</span>


      </div>
    </div>
</a></li>

</template></turbo-stream>
  <turbo-stream action="append" target="jobs_list_container"><template>
    <li
  class="
    block-grid-item border border-block-base-text border-opacity-15
    min-h-[22.5rem] items-center justify-center rounded relative
    z-career-job-card-image
  "
>
  <a class="block h-full w-full hover:bg-primary-text-background overflow-hidden group" data-turbo="false" href="https://recrutement-emploi.id-formation.com/jobs/7575046-conseiller-en-insertion-professionnelle-h-f">
    <div class="relative w-full overflow-hidden pb-2/3">
      <div
        class="
          absolute inset-0 transition-transform duration-200 origin-center
          transform bg-block-base-text bg-opacity-15 group-hover:scale-105
        "
      >
          <figure>
  <picture>
    <source srcset="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/user_picture_800-v9/image_uploads/68e5f5f4-89e8-4673-a6d0-5a796aa0e3fb/original.jpeg?outputFormat=webp" type="image/webp">

    <img src="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/user_picture_800-v9/image_uploads/68e5f5f4-89e8-4673-a6d0-5a796aa0e3fb/original.jpeg" alt="Conseiller en insertion professionnelle H/F image" loading="lazy" class="w-full">
</picture>
  
</figure>
      </div>
    </div>

    <div class="flex flex-col justify-center p-3 text-center min-h-[11.25rem]">
      <span
        class="text-block-base-link company-link-style hyphens-auto"
        title="Conseiller en insertion professionnelle H/F"
      >
        Conseiller en insertion professionnelle H/F
      </span>

      <div class="mt-1 text-md">
        
<span>Insertion / Orientation professionnelle</span>

  <span class="mx-[2px]">&middot;</span>

    <span>Pantin</span>


      </div>
    </div>
</a></li>

</template></turbo-stream>
  <turbo-stream action="append" target="jobs_list_container"><template>
    <li
  class="
    block-grid-item border border-block-base-text border-opacity-15
    min-h-[22.5rem] items-center justify-center rounded relative
    z-career-job-card-image
  "
>
  <a class="block h-full w-full hover:bg-primary-text-background overflow-hidden group" data-turbo="false" href="https://recrutement-emploi.id-formation.com/jobs/7567051-formateur-electricien-en-batiment-h-f">
    <div class="relative w-full overflow-hidden pb-2/3">
      <div
        class="
          absolute inset-0 transition-transform duration-200 origin-center
          transform bg-block-base-text bg-opacity-15 group-hover:scale-105
        "
      >
          <figure>
  <picture>
    <source srcset="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/user_picture_800-v9/image_uploads/086beac3-7dd7-4a45-a35e-ea678dc92c0e/original.jpeg?outputFormat=webp" type="image/webp">

    <img src="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/user_picture_800-v9/image_uploads/086beac3-7dd7-4a45-a35e-ea678dc92c0e/original.jpeg" alt="Formateur électricien en Bâtiment H/F image" loading="lazy" class="w-full">
</picture>
  
</figure>
      </div>
    </div>

    <div class="flex flex-col justify-center p-3 text-center min-h-[11.25rem]">
      <span
        class="text-block-base-link company-link-style hyphens-auto"
        title="Formateur électricien en Bâtiment H/F"
      >
        Formateur électricien en Bâtiment H/F
      </span>

      <div class="mt-1 text-md">
        
<span>Bâtiment et Travaux publics</span>

  <span class="mx-[2px]">&middot;</span>

    <span>Compiègne</span>


      </div>
    </div>
</a></li>

</template></turbo-stream>
<turbo-stream action="update" target="show_more_button"><template></template></turbo-stream>