
  <turbo-stream action="append" target="jobs_list_container"><template>
    <li
  class="
    group block-grid-item border-block-base-text/15 z-career-job-card-image
    relative min-h-[22.5rem] items-center justify-center overflow-hidden
    rounded border
  "
>
  <a class="block h-full w-full no-company-style transition group-hover:text-company-primary-text group-hover:bg-primary-text-background overflow-hidden focus-visible--inset" data-turbo="false" href="https://nordastelo.teamtailor.com/jobs/8494415-surveillant-e-principal-e-travaux-maritimes">
    <div class="relative w-full overflow-hidden pb-[66.666667%]">
      <div
        class="
          bg-block-base-text/15 absolute inset-0 origin-center transform
          transition-[transform,translate,scale,rotate] duration-200
          group-hover:scale-105
        "
      >
          <figure>
  <picture>
    <source srcset="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/user_picture_800-v9/image_uploads/9ff1ee71-205e-47ee-a2e8-8ba9299d9d81/original.jpeg?outputFormat=webp" type="image/webp">

    <img src="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/user_picture_800-v9/image_uploads/9ff1ee71-205e-47ee-a2e8-8ba9299d9d81/original.jpeg" alt="Surveillant.e principal.e - Travaux maritimes image" loading="lazy" class="w-full">
</picture>
  
</figure>
      </div>
    </div>

    <div class="flex min-h-[11.25rem] flex-col justify-center p-12 text-center">
      <span
        class="
          text-block-base-link company-link-style
          group-hover:text-company-primary-text hyphens-auto
        "
        title="Surveillant.e principal.e - Travaux maritimes"
      >
        Surveillant.e principal.e - Travaux maritimes
      </span>

      <div class="text-md mt-4">
        
<span>CE - Portuaire et Côtier</span>

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

    <span title="Edmonton, Longueuil, Montréal, New Brunswick, Nova Scotia, Québec, Rivière-du-Loup, Rouyn-Noranda, Saguenay, Sept-Îles, Sherbrooke, Trois-Rivières, Val d&#39;Or">Localisations multiples</span>

    <span class="mx-[2px]">&middot;</span>
  <span class="inline-flex items-center gap-x-8">
    Hybride
    <i class="fas fa-wifi h-20 w-16 text-xs"></i>
</span>
      </div>
    </div>
</a></li>

</template></turbo-stream>
  <turbo-stream action="append" target="jobs_list_container"><template>
    <li
  class="
    group block-grid-item border-block-base-text/15 z-career-job-card-image
    relative min-h-[22.5rem] items-center justify-center overflow-hidden
    rounded border
  "
>
  <a class="block h-full w-full no-company-style transition group-hover:text-company-primary-text group-hover:bg-primary-text-background overflow-hidden focus-visible--inset" data-turbo="false" href="https://nordastelo.teamtailor.com/jobs/8487977-ingenieur-e-en-fiabilite-et-maintenance-afrique-de-l-ouest">
    <div class="relative w-full overflow-hidden pb-[66.666667%]">
      <div
        class="
          bg-block-base-text/15 absolute inset-0 origin-center transform
          transition-[transform,translate,scale,rotate] duration-200
          group-hover:scale-105
        "
      >
          <figure>
  <picture>
    <source srcset="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/user_picture_800-v9/image_uploads/2b120581-b612-41e0-9cab-8c3d5e7b647b/original.jpeg?outputFormat=webp" type="image/webp">

    <img src="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/user_picture_800-v9/image_uploads/2b120581-b612-41e0-9cab-8c3d5e7b647b/original.jpeg" alt="Ingénieur.e en fiabilité et maintenance – Afrique de l’Ouest image" loading="lazy" class="w-full">
</picture>
  
</figure>
      </div>
    </div>

    <div class="flex min-h-[11.25rem] flex-col justify-center p-12 text-center">
      <span
        class="
          text-block-base-link company-link-style
          group-hover:text-company-primary-text hyphens-auto
        "
        title="Ingénieur.e en fiabilité et maintenance – Afrique de l’Ouest"
      >
        Ingénieur.e en fiabilité et maintenance – Afriq...
      </span>

      <div class="text-md mt-4">
        
<span>CE - Tuyauterie et vaisseaux sous pression</span>

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

    <span title="Montréal, Longueuil, Québec, Saguenay, Rouyn-Noranda, Sept-Îles, Sherbrooke, Val d&#39;Or, Trois-Rivières, Bonaventure, Levis, Vancouver">Localisations multiples</span>

    <span class="mx-[2px]">&middot;</span>
  <span class="inline-flex items-center gap-x-8">
    Sur place
    <i class="fas fa-wifi h-20 w-16 text-xs"></i>
</span>
      </div>
    </div>
</a></li>

</template></turbo-stream>
  <turbo-stream action="append" target="jobs_list_container"><template>
    <li
  class="
    group block-grid-item border-block-base-text/15 z-career-job-card-image
    relative min-h-[22.5rem] items-center justify-center overflow-hidden
    rounded border
  "
>
  <a class="block h-full w-full no-company-style transition group-hover:text-company-primary-text group-hover:bg-primary-text-background overflow-hidden focus-visible--inset" data-turbo="false" href="https://nordastelo.teamtailor.com/jobs/8450849-conseiller-ou-conseillere-en-approvisionnement-remplacement-maternite">
    <div class="relative w-full overflow-hidden pb-[66.666667%]">
      <div
        class="
          bg-block-base-text/15 absolute inset-0 origin-center transform
          transition-[transform,translate,scale,rotate] duration-200
          group-hover:scale-105
        "
      >
          <figure>
  <picture>
    <source srcset="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/user_picture_800-v9/image_uploads/3105fc0c-d682-407e-b8ce-4bd94fd71bd5/original.jpeg?outputFormat=webp" type="image/webp">

    <img src="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/user_picture_800-v9/image_uploads/3105fc0c-d682-407e-b8ce-4bd94fd71bd5/original.jpeg" alt="Conseiller ou Conseillère en approvisionnement (Remplacement maternité) image" loading="lazy" class="w-full">
</picture>
  
</figure>
      </div>
    </div>

    <div class="flex min-h-[11.25rem] flex-col justify-center p-12 text-center">
      <span
        class="
          text-block-base-link company-link-style
          group-hover:text-company-primary-text hyphens-auto
        "
        title="Conseiller ou Conseillère en approvisionnement (Remplacement maternité)"
      >
        Conseiller ou Conseillère en approvisionnement ...
      </span>

      <div class="text-md mt-4">
        
<span>CO - Approvisionnement</span>

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

    <span>Québec, Sherbrooke</span>

    <span class="mx-[2px]">&middot;</span>
  <span class="inline-flex items-center gap-x-8">
    Hybride
    <i class="fas fa-wifi h-20 w-16 text-xs"></i>
</span>
      </div>
    </div>
</a></li>

</template></turbo-stream>
  <turbo-stream action="append" target="jobs_list_container"><template>
    <li
  class="
    group block-grid-item border-block-base-text/15 z-career-job-card-image
    relative min-h-[22.5rem] items-center justify-center overflow-hidden
    rounded border
  "
>
  <a class="block h-full w-full no-company-style transition group-hover:text-company-primary-text group-hover:bg-primary-text-background overflow-hidden focus-visible--inset" data-turbo="false" href="https://nordastelo.teamtailor.com/jobs/8437509-technicienne-ou-technicien-senior-en-modelisation-civil-3d-reseaux-routiers">
    <div class="relative w-full overflow-hidden pb-[66.666667%]">
      <div
        class="
          bg-block-base-text/15 absolute inset-0 origin-center transform
          transition-[transform,translate,scale,rotate] duration-200
          group-hover:scale-105
        "
      >
          <figure>
  <picture>
    <source srcset="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/user_picture_800-v9/image_uploads/66b84dea-7426-47e8-964e-5df077645c97/original.jpeg?outputFormat=webp" type="image/webp">

    <img src="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/user_picture_800-v9/image_uploads/66b84dea-7426-47e8-964e-5df077645c97/original.jpeg" alt="Technicienne ou Technicien senior en modélisation Civil 3D - Réseaux routiers image" loading="lazy" class="w-full">
</picture>
  
</figure>
      </div>
    </div>

    <div class="flex min-h-[11.25rem] flex-col justify-center p-12 text-center">
      <span
        class="
          text-block-base-link company-link-style
          group-hover:text-company-primary-text hyphens-auto
        "
        title="Technicienne ou Technicien senior en modélisation Civil 3D - Réseaux routiers"
      >
        Technicienne ou Technicien senior en modélisati...
      </span>

      <div class="text-md mt-4">
        
<span>CE - Réseaux routiers</span>

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

    <span>Montréal, Québec</span>

    <span class="mx-[2px]">&middot;</span>
  <span class="inline-flex items-center gap-x-8">
    Hybride
    <i class="fas fa-wifi h-20 w-16 text-xs"></i>
</span>
      </div>
    </div>
</a></li>

</template></turbo-stream>
  <turbo-stream action="append" target="jobs_list_container"><template>
    <li
  class="
    group block-grid-item border-block-base-text/15 z-career-job-card-image
    relative min-h-[22.5rem] items-center justify-center overflow-hidden
    rounded border
  "
>
  <a class="block h-full w-full no-company-style transition group-hover:text-company-primary-text group-hover:bg-primary-text-background overflow-hidden focus-visible--inset" data-turbo="false" href="https://nordastelo.teamtailor.com/jobs/8437474-conseillere-ou-conseiller-en-sante-et-securite-du-travail">
    <div class="relative w-full overflow-hidden pb-[66.666667%]">
      <div
        class="
          bg-block-base-text/15 absolute inset-0 origin-center transform
          transition-[transform,translate,scale,rotate] duration-200
          group-hover:scale-105
        "
      >
          <figure>
  <picture>
    <source srcset="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/user_picture_800-v9/image_uploads/de7e8033-a4c2-432e-8832-8f0ed3c1c2d6/original.jpg?outputFormat=webp" type="image/webp">

    <img src="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/user_picture_800-v9/image_uploads/de7e8033-a4c2-432e-8832-8f0ed3c1c2d6/original.jpg" alt="Conseillère ou conseiller en santé et sécurité du travail image" loading="lazy" class="w-full">
</picture>
  
</figure>
      </div>
    </div>

    <div class="flex min-h-[11.25rem] flex-col justify-center p-12 text-center">
      <span
        class="
          text-block-base-link company-link-style
          group-hover:text-company-primary-text hyphens-auto
        "
        title="Conseillère ou conseiller en santé et sécurité du travail"
      >
        Conseillère ou conseiller en santé et sécurité ...
      </span>

      <div class="text-md mt-4">
        
<span>CE - Ponts et Ouvrages d&#39;art</span>

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

    <span>Québec, Montréal, Longueuil</span>

    <span class="mx-[2px]">&middot;</span>
  <span class="inline-flex items-center gap-x-8">
    Hybride
    <i class="fas fa-wifi h-20 w-16 text-xs"></i>
</span>
      </div>
    </div>
</a></li>

</template></turbo-stream>
  <turbo-stream action="append" target="jobs_list_container"><template>
    <li
  class="
    group block-grid-item border-block-base-text/15 z-career-job-card-image
    relative min-h-[22.5rem] items-center justify-center overflow-hidden
    rounded border
  "
>
  <a class="block h-full w-full no-company-style transition group-hover:text-company-primary-text group-hover:bg-primary-text-background overflow-hidden focus-visible--inset" data-turbo="false" href="https://nordastelo.teamtailor.com/jobs/8437467-ingenieur-ou-ingenieure-en-conception">
    <div class="relative w-full overflow-hidden pb-[66.666667%]">
      <div
        class="
          bg-block-base-text/15 absolute inset-0 origin-center transform
          transition-[transform,translate,scale,rotate] duration-200
          group-hover:scale-105
        "
      >
          <figure>
  <picture>
    <source srcset="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/user_picture_800-v9/image_uploads/31d2f30b-bec3-4982-9b5b-27a0af2a0b80/original.jpeg?outputFormat=webp" type="image/webp">

    <img src="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/user_picture_800-v9/image_uploads/31d2f30b-bec3-4982-9b5b-27a0af2a0b80/original.jpeg" alt="Ingénieur ou ingénieure en conception image" loading="lazy" class="w-full">
</picture>
  
</figure>
      </div>
    </div>

    <div class="flex min-h-[11.25rem] flex-col justify-center p-12 text-center">
      <span
        class="
          text-block-base-link company-link-style
          group-hover:text-company-primary-text hyphens-auto
        "
        title="Ingénieur ou ingénieure en conception"
      >
        Ingénieur ou ingénieure en conception
      </span>

      <div class="text-md mt-4">
        
<span>CE - Ponts et Ouvrages d&#39;art</span>

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

    <span title="Montréal, Longueuil, Québec, Rimouski, Sherbrooke, Trois-Rivières">Localisations multiples</span>

    <span class="mx-[2px]">&middot;</span>
  <span class="inline-flex items-center gap-x-8">
    Hybride
    <i class="fas fa-wifi h-20 w-16 text-xs"></i>
</span>
      </div>
    </div>
</a></li>

</template></turbo-stream>
  <turbo-stream action="append" target="jobs_list_container"><template>
    <li
  class="
    group block-grid-item border-block-base-text/15 z-career-job-card-image
    relative min-h-[22.5rem] items-center justify-center overflow-hidden
    rounded border
  "
>
  <a class="block h-full w-full no-company-style transition group-hover:text-company-primary-text group-hover:bg-primary-text-background overflow-hidden focus-visible--inset" data-turbo="false" href="https://nordastelo.teamtailor.com/jobs/8406226-ingenieur-e-en-automatisation-specialiste-en-securite-des-machines">
    <div class="relative w-full overflow-hidden pb-[66.666667%]">
      <div
        class="
          bg-block-base-text/15 absolute inset-0 origin-center transform
          transition-[transform,translate,scale,rotate] duration-200
          group-hover:scale-105
        "
      >
          <figure>
  <picture>
    <source srcset="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/user_picture_800-v9/image_uploads/7778e233-8888-451d-a2b5-61c7518c66cf/original.jpeg?outputFormat=webp" type="image/webp">

    <img src="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/user_picture_800-v9/image_uploads/7778e233-8888-451d-a2b5-61c7518c66cf/original.jpeg" alt="Ingénieur.e en automatisation - Spécialiste en sécurité des machines image" loading="lazy" class="w-full">
</picture>
  
</figure>
      </div>
    </div>

    <div class="flex min-h-[11.25rem] flex-col justify-center p-12 text-center">
      <span
        class="
          text-block-base-link company-link-style
          group-hover:text-company-primary-text hyphens-auto
        "
        title="Ingénieur.e en automatisation - Spécialiste en sécurité des machines"
      >
        Ingénieur.e en automatisation - Spécialiste en ...
      </span>

      <div class="text-md mt-4">
        
<span>CE - Instrumentation Contrôle et Robotique</span>

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

    <span>Sherbrooke, Trois-Rivières, Montréal</span>

    <span class="mx-[2px]">&middot;</span>
  <span class="inline-flex items-center gap-x-8">
    Hybride
    <i class="fas fa-wifi h-20 w-16 text-xs"></i>
</span>
      </div>
    </div>
</a></li>

</template></turbo-stream>
  <turbo-stream action="append" target="jobs_list_container"><template>
    <li
  class="
    group block-grid-item border-block-base-text/15 z-career-job-card-image
    relative min-h-[22.5rem] items-center justify-center overflow-hidden
    rounded border
  "
>
  <a class="block h-full w-full no-company-style transition group-hover:text-company-primary-text group-hover:bg-primary-text-background overflow-hidden focus-visible--inset" data-turbo="false" href="https://nordastelo.teamtailor.com/jobs/8376913-ingenieur-ou-ingenieure-sr-en-structure-saguenay">
    <div class="relative w-full overflow-hidden pb-[66.666667%]">
      <div
        class="
          bg-block-base-text/15 absolute inset-0 origin-center transform
          transition-[transform,translate,scale,rotate] duration-200
          group-hover:scale-105
        "
      >
          <figure>
  <picture>
    <source srcset="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/user_picture_800-v9/image_uploads/e4bed524-9871-4834-ae7a-64f7a7cb4a13/original.jpeg?outputFormat=webp" type="image/webp">

    <img src="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/user_picture_800-v9/image_uploads/e4bed524-9871-4834-ae7a-64f7a7cb4a13/original.jpeg" alt="Ingénieur ou ingénieure sr en structure - Saguenay image" loading="lazy" class="w-full">
</picture>
  
</figure>
      </div>
    </div>

    <div class="flex min-h-[11.25rem] flex-col justify-center p-12 text-center">
      <span
        class="
          text-block-base-link company-link-style
          group-hover:text-company-primary-text hyphens-auto
        "
        title="Ingénieur ou ingénieure sr en structure - Saguenay"
      >
        Ingénieur ou ingénieure sr en structure - Saguenay
      </span>

      <div class="text-md mt-4">
        
<span>CE - Structure</span>

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

    <span>Saguenay</span>

    <span class="mx-[2px]">&middot;</span>
  <span class="inline-flex items-center gap-x-8">
    Hybride
    <i class="fas fa-wifi h-20 w-16 text-xs"></i>
</span>
      </div>
    </div>
</a></li>

</template></turbo-stream>
  <turbo-stream action="append" target="jobs_list_container"><template>
    <li
  class="
    group block-grid-item border-block-base-text/15 z-career-job-card-image
    relative min-h-[22.5rem] items-center justify-center overflow-hidden
    rounded border
  "
>
  <a class="block h-full w-full no-company-style transition group-hover:text-company-primary-text group-hover:bg-primary-text-background overflow-hidden focus-visible--inset" data-turbo="false" href="https://nordastelo.teamtailor.com/jobs/8362173-technicien-ou-technicienne-en-architecture-de-batiment-auditeur-ou-auditrice">
    <div class="relative w-full overflow-hidden pb-[66.666667%]">
      <div
        class="
          bg-block-base-text/15 absolute inset-0 origin-center transform
          transition-[transform,translate,scale,rotate] duration-200
          group-hover:scale-105
        "
      >
          <figure>
  <picture>
    <source srcset="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/user_picture_800-v9/image_uploads/e6c8fe31-5a0d-4347-a4b3-b32d3ab26206/original.jpg?outputFormat=webp" type="image/webp">

    <img src="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/user_picture_800-v9/image_uploads/e6c8fe31-5a0d-4347-a4b3-b32d3ab26206/original.jpg" alt="Technicien ou Technicienne en architecture de bâtiment (auditeur ou auditrice) image" loading="lazy" class="w-full">
</picture>
  
</figure>
      </div>
    </div>

    <div class="flex min-h-[11.25rem] flex-col justify-center p-12 text-center">
      <span
        class="
          text-block-base-link company-link-style
          group-hover:text-company-primary-text hyphens-auto
        "
        title="Technicien ou Technicienne en architecture de bâtiment (auditeur ou auditrice)"
      >
        Technicien ou Technicienne en architecture de b...
      </span>

      <div class="text-md mt-4">
        
<span>CE - Bâtiment</span>

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

    <span title="Montréal, Longueuil, Québec, Sherbrooke">Localisations multiples</span>

    <span class="mx-[2px]">&middot;</span>
  <span class="inline-flex items-center gap-x-8">
    Hybride
    <i class="fas fa-wifi h-20 w-16 text-xs"></i>
</span>
      </div>
    </div>
</a></li>

</template></turbo-stream>
  <turbo-stream action="append" target="jobs_list_container"><template>
    <li
  class="
    group block-grid-item border-block-base-text/15 z-career-job-card-image
    relative min-h-[22.5rem] items-center justify-center overflow-hidden
    rounded border
  "
>
  <a class="block h-full w-full no-company-style transition group-hover:text-company-primary-text group-hover:bg-primary-text-background overflow-hidden focus-visible--inset" data-turbo="false" href="https://nordastelo.teamtailor.com/jobs/8318940-ingenieur-ou-ingenieure-mecanique-industrielle">
    <div class="relative w-full overflow-hidden pb-[66.666667%]">
      <div
        class="
          bg-block-base-text/15 absolute inset-0 origin-center transform
          transition-[transform,translate,scale,rotate] duration-200
          group-hover:scale-105
        "
      >
          <figure>
  <picture>
    <source srcset="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/user_picture_800-v9/image_uploads/984c5367-9158-4377-8327-8810553acb4b/original.jpeg?outputFormat=webp" type="image/webp">

    <img src="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/user_picture_800-v9/image_uploads/984c5367-9158-4377-8327-8810553acb4b/original.jpeg" alt="Ingénieur ou ingénieure - Mécanique industrielle image" loading="lazy" class="w-full">
</picture>
  
</figure>
      </div>
    </div>

    <div class="flex min-h-[11.25rem] flex-col justify-center p-12 text-center">
      <span
        class="
          text-block-base-link company-link-style
          group-hover:text-company-primary-text hyphens-auto
        "
        title="Ingénieur ou ingénieure - Mécanique industrielle"
      >
        Ingénieur ou ingénieure - Mécanique industrielle
      </span>

      <div class="text-md mt-4">
        
<span>CE - Mécanique industrielle</span>

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

    <span>Saguenay</span>

    <span class="mx-[2px]">&middot;</span>
  <span class="inline-flex items-center gap-x-8">
    Hybride
    <i class="fas fa-wifi h-20 w-16 text-xs"></i>
</span>
      </div>
    </div>
</a></li>

</template></turbo-stream>
  <turbo-stream action="append" target="jobs_list_container"><template>
    <li
  class="
    group block-grid-item border-block-base-text/15 z-career-job-card-image
    relative min-h-[22.5rem] items-center justify-center overflow-hidden
    rounded border
  "
>
  <a class="block h-full w-full no-company-style transition group-hover:text-company-primary-text group-hover:bg-primary-text-background overflow-hidden focus-visible--inset" data-turbo="false" href="https://nordastelo.teamtailor.com/jobs/8317474-coordonnateur-ou-coordonnatrice-construction-aluminerie-site-de-sept-iles">
    <div class="relative w-full overflow-hidden pb-[66.666667%]">
      <div
        class="
          bg-block-base-text/15 absolute inset-0 origin-center transform
          transition-[transform,translate,scale,rotate] duration-200
          group-hover:scale-105
        "
      >
          <figure>
  <picture>
    <source srcset="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/user_picture_800-v9/image_uploads/2b120581-b612-41e0-9cab-8c3d5e7b647b/original.jpeg?outputFormat=webp" type="image/webp">

    <img src="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/user_picture_800-v9/image_uploads/2b120581-b612-41e0-9cab-8c3d5e7b647b/original.jpeg" alt="Coordonnateur ou coordonnatrice construction – Aluminerie (site de Sept-Iles) image" loading="lazy" class="w-full">
</picture>
  
</figure>
      </div>
    </div>

    <div class="flex min-h-[11.25rem] flex-col justify-center p-12 text-center">
      <span
        class="
          text-block-base-link company-link-style
          group-hover:text-company-primary-text hyphens-auto
        "
        title="Coordonnateur ou coordonnatrice construction – Aluminerie (site de Sept-Iles)"
      >
        Coordonnateur ou coordonnatrice construction – ...
      </span>

      <div class="text-md mt-4">
        
<span>CE - Mécanique industrielle</span>

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

    <span>Sept-Îles</span>


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

</template></turbo-stream>
  <turbo-stream action="append" target="jobs_list_container"><template>
    <li
  class="
    group block-grid-item border-block-base-text/15 z-career-job-card-image
    relative min-h-[22.5rem] items-center justify-center overflow-hidden
    rounded border
  "
>
  <a class="block h-full w-full no-company-style transition group-hover:text-company-primary-text group-hover:bg-primary-text-background overflow-hidden focus-visible--inset" data-turbo="false" href="https://nordastelo.teamtailor.com/jobs/8316796-director-minerals-and-metals-segment">
    <div class="relative w-full overflow-hidden pb-[66.666667%]">
      <div
        class="
          bg-block-base-text/15 absolute inset-0 origin-center transform
          transition-[transform,translate,scale,rotate] duration-200
          group-hover:scale-105
        "
      >
          <figure>
  <picture>
    <source srcset="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/user_picture_800-v9/image_uploads/c9bdf57f-6e95-47f9-b28e-487de899d48c/original.jpg?outputFormat=webp" type="image/webp">

    <img src="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/user_picture_800-v9/image_uploads/c9bdf57f-6e95-47f9-b28e-487de899d48c/original.jpg" alt="Director - Minerals and Metals Segment image" loading="lazy" class="w-full">
</picture>
  
</figure>
      </div>
    </div>

    <div class="flex min-h-[11.25rem] flex-col justify-center p-12 text-center">
      <span
        class="
          text-block-base-link company-link-style
          group-hover:text-company-primary-text hyphens-auto
        "
        title="Director - Minerals and Metals Segment"
      >
        Director - Minerals and Metals Segment
      </span>

      <div class="text-md mt-4">
        
<span>SE - Mines et métaux</span>

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

    <span title="Longueuil, Montréal, Québec, Rimouski, Saguenay, Sept-Îles, Sherbrooke, Toronto, Trois-Rivières">Localisations multiples</span>

    <span class="mx-[2px]">&middot;</span>
  <span class="inline-flex items-center gap-x-8">
    Hybride
    <i class="fas fa-wifi h-20 w-16 text-xs"></i>
</span>
      </div>
    </div>
</a></li>

</template></turbo-stream>
  <turbo-stream action="append" target="jobs_list_container"><template>
    <li
  class="
    group block-grid-item border-block-base-text/15 z-career-job-card-image
    relative min-h-[22.5rem] items-center justify-center overflow-hidden
    rounded border
  "
>
  <a class="block h-full w-full no-company-style transition group-hover:text-company-primary-text group-hover:bg-primary-text-background overflow-hidden focus-visible--inset" data-turbo="false" href="https://nordastelo.teamtailor.com/jobs/8316655-directeur-ou-directrice-du-segment-mineraux-et-metaux">
    <div class="relative w-full overflow-hidden pb-[66.666667%]">
      <div
        class="
          bg-block-base-text/15 absolute inset-0 origin-center transform
          transition-[transform,translate,scale,rotate] duration-200
          group-hover:scale-105
        "
      >
          <figure>
  <picture>
    <source srcset="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/user_picture_800-v9/image_uploads/c9bdf57f-6e95-47f9-b28e-487de899d48c/original.jpg?outputFormat=webp" type="image/webp">

    <img src="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/user_picture_800-v9/image_uploads/c9bdf57f-6e95-47f9-b28e-487de899d48c/original.jpg" alt="Directeur ou directrice du segment - Minéraux et Métaux image" loading="lazy" class="w-full">
</picture>
  
</figure>
      </div>
    </div>

    <div class="flex min-h-[11.25rem] flex-col justify-center p-12 text-center">
      <span
        class="
          text-block-base-link company-link-style
          group-hover:text-company-primary-text hyphens-auto
        "
        title="Directeur ou directrice du segment - Minéraux et Métaux"
      >
        Directeur ou directrice du segment - Minéraux e...
      </span>

      <div class="text-md mt-4">
        
<span>SE - Mines et métaux</span>

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

    <span title="Montréal, Québec, Saguenay, Sherbrooke, Toronto, Trois-Rivières, Vancouver">Localisations multiples</span>

    <span class="mx-[2px]">&middot;</span>
  <span class="inline-flex items-center gap-x-8">
    Hybride
    <i class="fas fa-wifi h-20 w-16 text-xs"></i>
</span>
      </div>
    </div>
</a></li>

</template></turbo-stream>
  <turbo-stream action="append" target="jobs_list_container"><template>
    <li
  class="
    group block-grid-item border-block-base-text/15 z-career-job-card-image
    relative min-h-[22.5rem] items-center justify-center overflow-hidden
    rounded border
  "
>
  <a class="block h-full w-full no-company-style transition group-hover:text-company-primary-text group-hover:bg-primary-text-background overflow-hidden focus-visible--inset" data-turbo="false" href="https://nordastelo.teamtailor.com/jobs/8312000-agent-ou-agente-de-projets">
    <div class="relative w-full overflow-hidden pb-[66.666667%]">
      <div
        class="
          bg-block-base-text/15 absolute inset-0 origin-center transform
          transition-[transform,translate,scale,rotate] duration-200
          group-hover:scale-105
        "
      >
          <figure>
  <picture>
    <source srcset="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/user_picture_800-v9/image_uploads/3105fc0c-d682-407e-b8ce-4bd94fd71bd5/original.jpeg?outputFormat=webp" type="image/webp">

    <img src="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/user_picture_800-v9/image_uploads/3105fc0c-d682-407e-b8ce-4bd94fd71bd5/original.jpeg" alt="Agent ou agente de projets image" loading="lazy" class="w-full">
</picture>
  
</figure>
      </div>
    </div>

    <div class="flex min-h-[11.25rem] flex-col justify-center p-12 text-center">
      <span
        class="
          text-block-base-link company-link-style
          group-hover:text-company-primary-text hyphens-auto
        "
        title="Agent ou agente de projets"
      >
        Agent ou agente de projets
      </span>

      <div class="text-md mt-4">
        
<span>CO - Bureau de gestion de projets</span>

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

    <span title="Montréal, Québec, Saguenay, Longueuil">Localisations multiples</span>

    <span class="mx-[2px]">&middot;</span>
  <span class="inline-flex items-center gap-x-8">
    Hybride
    <i class="fas fa-wifi h-20 w-16 text-xs"></i>
</span>
      </div>
    </div>
</a></li>

</template></turbo-stream>
  <turbo-stream action="append" target="jobs_list_container"><template>
    <li
  class="
    group block-grid-item border-block-base-text/15 z-career-job-card-image
    relative min-h-[22.5rem] items-center justify-center overflow-hidden
    rounded border
  "
>
  <a class="block h-full w-full no-company-style transition group-hover:text-company-primary-text group-hover:bg-primary-text-background overflow-hidden focus-visible--inset" data-turbo="false" href="https://nordastelo.teamtailor.com/jobs/8163137-ingenieur-ou-ingenieure-en-maintien-de-circulation">
    <div class="relative w-full overflow-hidden pb-[66.666667%]">
      <div
        class="
          bg-block-base-text/15 absolute inset-0 origin-center transform
          transition-[transform,translate,scale,rotate] duration-200
          group-hover:scale-105
        "
      >
          <figure>
  <picture>
    <source srcset="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/user_picture_800-v9/image_uploads/66b84dea-7426-47e8-964e-5df077645c97/original.jpeg?outputFormat=webp" type="image/webp">

    <img src="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/user_picture_800-v9/image_uploads/66b84dea-7426-47e8-964e-5df077645c97/original.jpeg" alt="Ingénieur ou ingénieure en maintien de circulation image" loading="lazy" class="w-full">
</picture>
  
</figure>
      </div>
    </div>

    <div class="flex min-h-[11.25rem] flex-col justify-center p-12 text-center">
      <span
        class="
          text-block-base-link company-link-style
          group-hover:text-company-primary-text hyphens-auto
        "
        title="Ingénieur ou ingénieure en maintien de circulation"
      >
        Ingénieur ou ingénieure en maintien de circulation
      </span>

      <div class="text-md mt-4">
        
<span>CE - Réseaux routiers</span>

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

    <span>Montréal</span>

    <span class="mx-[2px]">&middot;</span>
  <span class="inline-flex items-center gap-x-8">
    Hybride
    <i class="fas fa-wifi h-20 w-16 text-xs"></i>
</span>
      </div>
    </div>
</a></li>

</template></turbo-stream>
  <turbo-stream action="append" target="jobs_list_container"><template>
    <li
  class="
    group block-grid-item border-block-base-text/15 z-career-job-card-image
    relative min-h-[22.5rem] items-center justify-center overflow-hidden
    rounded border
  "
>
  <a class="block h-full w-full no-company-style transition group-hover:text-company-primary-text group-hover:bg-primary-text-background overflow-hidden focus-visible--inset" data-turbo="false" href="https://nordastelo.teamtailor.com/jobs/8109857-professionnelle-ou-professionnel-en-environnement-minier-ni43-101">
    <div class="relative w-full overflow-hidden pb-[66.666667%]">
      <div
        class="
          bg-block-base-text/15 absolute inset-0 origin-center transform
          transition-[transform,translate,scale,rotate] duration-200
          group-hover:scale-105
        "
      >
          <figure>
  <picture>
    <source srcset="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/user_picture_800-v9/image_uploads/f0254446-c63a-4b27-9a7a-4d947de792aa/original.jpeg?outputFormat=webp" type="image/webp">

    <img src="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/user_picture_800-v9/image_uploads/f0254446-c63a-4b27-9a7a-4d947de792aa/original.jpeg" alt="Professionnelle ou Professionnel en environnement minier (NI43-101) image" loading="lazy" class="w-full">
</picture>
  
</figure>
      </div>
    </div>

    <div class="flex min-h-[11.25rem] flex-col justify-center p-12 text-center">
      <span
        class="
          text-block-base-link company-link-style
          group-hover:text-company-primary-text hyphens-auto
        "
        title="Professionnelle ou Professionnel en environnement minier (NI43-101)"
      >
        Professionnelle ou Professionnel en environneme...
      </span>

      <div class="text-md mt-4">
        
<span>CE - Environnement</span>

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

    <span>Québec, Montréal</span>

    <span class="mx-[2px]">&middot;</span>
  <span class="inline-flex items-center gap-x-8">
    Hybride
    <i class="fas fa-wifi h-20 w-16 text-xs"></i>
</span>
      </div>
    </div>
</a></li>

</template></turbo-stream>
  <turbo-stream action="append" target="jobs_list_container"><template>
    <li
  class="
    group block-grid-item border-block-base-text/15 z-career-job-card-image
    relative min-h-[22.5rem] items-center justify-center overflow-hidden
    rounded border
  "
>
  <a class="block h-full w-full no-company-style transition group-hover:text-company-primary-text group-hover:bg-primary-text-background overflow-hidden focus-visible--inset" data-turbo="false" href="https://nordastelo.teamtailor.com/jobs/8109453-professionnelle-ou-professionnel-en-environnement-biologiste-milieux-humides">
    <div class="relative w-full overflow-hidden pb-[66.666667%]">
      <div
        class="
          bg-block-base-text/15 absolute inset-0 origin-center transform
          transition-[transform,translate,scale,rotate] duration-200
          group-hover:scale-105
        "
      >
          <figure>
  <picture>
    <source srcset="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/user_picture_800-v9/image_uploads/f0254446-c63a-4b27-9a7a-4d947de792aa/original.jpeg?outputFormat=webp" type="image/webp">

    <img src="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/user_picture_800-v9/image_uploads/f0254446-c63a-4b27-9a7a-4d947de792aa/original.jpeg" alt="Professionnelle ou professionnel en environnement (Biologiste) – Milieux humides image" loading="lazy" class="w-full">
</picture>
  
</figure>
      </div>
    </div>

    <div class="flex min-h-[11.25rem] flex-col justify-center p-12 text-center">
      <span
        class="
          text-block-base-link company-link-style
          group-hover:text-company-primary-text hyphens-auto
        "
        title="Professionnelle ou professionnel en environnement (Biologiste) – Milieux humides"
      >
        Professionnelle ou professionnel en environneme...
      </span>

      <div class="text-md mt-4">
        
<span>CE - Environnement</span>

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

    <span>Québec, Montréal</span>

    <span class="mx-[2px]">&middot;</span>
  <span class="inline-flex items-center gap-x-8">
    Hybride
    <i class="fas fa-wifi h-20 w-16 text-xs"></i>
</span>
      </div>
    </div>
</a></li>

</template></turbo-stream>
  <turbo-stream action="append" target="jobs_list_container"><template>
    <li
  class="
    group block-grid-item border-block-base-text/15 z-career-job-card-image
    relative min-h-[22.5rem] items-center justify-center overflow-hidden
    rounded border
  "
>
  <a class="block h-full w-full no-company-style transition group-hover:text-company-primary-text group-hover:bg-primary-text-background overflow-hidden focus-visible--inset" data-turbo="false" href="https://nordastelo.teamtailor.com/jobs/7997195-ingenieure-ou-ingenieur-surveillant-quebec">
    <div class="relative w-full overflow-hidden pb-[66.666667%]">
      <div
        class="
          bg-block-base-text/15 absolute inset-0 origin-center transform
          transition-[transform,translate,scale,rotate] duration-200
          group-hover:scale-105
        "
      >
          <figure>
  <picture>
    <source srcset="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/user_picture_800-v9/image_uploads/66b84dea-7426-47e8-964e-5df077645c97/original.jpeg?outputFormat=webp" type="image/webp">

    <img src="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/user_picture_800-v9/image_uploads/66b84dea-7426-47e8-964e-5df077645c97/original.jpeg" alt="Ingénieure ou ingénieur surveillant (Québec) image" loading="lazy" class="w-full">
</picture>
  
</figure>
      </div>
    </div>

    <div class="flex min-h-[11.25rem] flex-col justify-center p-12 text-center">
      <span
        class="
          text-block-base-link company-link-style
          group-hover:text-company-primary-text hyphens-auto
        "
        title="Ingénieure ou ingénieur surveillant (Québec)"
      >
        Ingénieure ou ingénieur surveillant (Québec)
      </span>

      <div class="text-md mt-4">
        
<span>CE - Réseaux routiers</span>

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

    <span>Québec</span>


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

</template></turbo-stream>
  <turbo-stream action="append" target="jobs_list_container"><template>
    <li
  class="
    group block-grid-item border-block-base-text/15 z-career-job-card-image
    relative min-h-[22.5rem] items-center justify-center overflow-hidden
    rounded border
  "
>
  <a class="block h-full w-full no-company-style transition group-hover:text-company-primary-text group-hover:bg-primary-text-background overflow-hidden focus-visible--inset" data-turbo="false" href="https://nordastelo.teamtailor.com/jobs/7997047-ingenieur-ou-ingenieure-en-mecanique-du-batiment-conception">
    <div class="relative w-full overflow-hidden pb-[66.666667%]">
      <div
        class="
          bg-block-base-text/15 absolute inset-0 origin-center transform
          transition-[transform,translate,scale,rotate] duration-200
          group-hover:scale-105
        "
      >
          <figure>
  <picture>
    <source srcset="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/user_picture_800-v9/image_uploads/5c9a900e-9a8f-40f6-b862-c251ff605d23/original.jpeg?outputFormat=webp" type="image/webp">

    <img src="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/user_picture_800-v9/image_uploads/5c9a900e-9a8f-40f6-b862-c251ff605d23/original.jpeg" alt="Ingénieur ou ingénieure en mécanique du bâtiment (conception) image" loading="lazy" class="w-full">
</picture>
  
</figure>
      </div>
    </div>

    <div class="flex min-h-[11.25rem] flex-col justify-center p-12 text-center">
      <span
        class="
          text-block-base-link company-link-style
          group-hover:text-company-primary-text hyphens-auto
        "
        title="Ingénieur ou ingénieure en mécanique du bâtiment (conception)"
      >
        Ingénieur ou ingénieure en mécanique du bâtimen...
      </span>

      <div class="text-md mt-4">
        
<span>CE - Bâtiment</span>

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

    <span title="Trois-Rivières, Sherbrooke, Longueuil, Saguenay, Québec, Montréal, Levis, Bonaventure, Rimouski">Localisations multiples</span>

    <span class="mx-[2px]">&middot;</span>
  <span class="inline-flex items-center gap-x-8">
    Hybride
    <i class="fas fa-wifi h-20 w-16 text-xs"></i>
</span>
      </div>
    </div>
</a></li>

</template></turbo-stream>
  <turbo-stream action="append" target="jobs_list_container"><template>
    <li
  class="
    group block-grid-item border-block-base-text/15 z-career-job-card-image
    relative min-h-[22.5rem] items-center justify-center overflow-hidden
    rounded border
  "
>
  <a class="block h-full w-full no-company-style transition group-hover:text-company-primary-text group-hover:bg-primary-text-background overflow-hidden focus-visible--inset" data-turbo="false" href="https://nordastelo.teamtailor.com/jobs/7996996-chef-d-equipe-en-surveillance-ponts-et-ouvrages-d-arts-poa">
    <div class="relative w-full overflow-hidden pb-[66.666667%]">
      <div
        class="
          bg-block-base-text/15 absolute inset-0 origin-center transform
          transition-[transform,translate,scale,rotate] duration-200
          group-hover:scale-105
        "
      >
          <figure>
  <picture>
    <source srcset="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/user_picture_800-v9/image_uploads/31d2f30b-bec3-4982-9b5b-27a0af2a0b80/original.jpeg?outputFormat=webp" type="image/webp">

    <img src="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/user_picture_800-v9/image_uploads/31d2f30b-bec3-4982-9b5b-27a0af2a0b80/original.jpeg" alt="Chef d&#39;équipe en surveillance - Ponts et ouvrages d&#39;arts (POA) image" loading="lazy" class="w-full">
</picture>
  
</figure>
      </div>
    </div>

    <div class="flex min-h-[11.25rem] flex-col justify-center p-12 text-center">
      <span
        class="
          text-block-base-link company-link-style
          group-hover:text-company-primary-text hyphens-auto
        "
        title="Chef d&#39;équipe en surveillance - Ponts et ouvrages d&#39;arts (POA)"
      >
        Chef d&#39;équipe en surveillance - Ponts et ouvrag...
      </span>

      <div class="text-md mt-4">
        
<span>CE - Ponts et Ouvrages d&#39;art</span>

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

    <span>Montréal</span>

    <span class="mx-[2px]">&middot;</span>
  <span class="inline-flex items-center gap-x-8">
    Hybride
    <i class="fas fa-wifi h-20 w-16 text-xs"></i>
</span>
      </div>
    </div>
</a></li>

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

    <a href="/jobs/show_more?page=4" class="careersite-button min-w-[13.75rem] group" data-turbo-stream="true" id="show_more_button">
  <span class="flex items-center justify-center gap-x-12">
    
    <span class="truncate">Afficher 20 de plus</span>

  </span>
</a>
</template></turbo-stream>