
  <turbo-stream action="append" target="jobs_list_container"><template>
    <li
  class="
    group block-grid-item border border-block-base-text border-opacity-15 overflow-hidden
    min-h-[22.5rem] items-center justify-center rounded relative
    z-career-job-card-image
  "
>
  <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/8164436-ingenieur-ou-ingenieure-en-conception">
    <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/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 flex-col justify-center p-3 text-center min-h-[11.25rem]">
      <span
        class="
          text-block-base-link company-link-style hyphens-auto
          group-hover:text-company-primary-text
        "
        title="Ingénieur ou ingénieure en conception"
      >
        Ingénieur ou ingénieure en conception
      </span>

      <div class="mt-1 text-md">
        
<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-2">
    Hybride
    <i class="w-4 h-5 text-xs fas fa-wifi"></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 border-block-base-text border-opacity-15 overflow-hidden
    min-h-[22.5rem] items-center justify-center rounded relative
    z-career-job-card-image
  "
>
  <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-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/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 flex-col justify-center p-3 text-center min-h-[11.25rem]">
      <span
        class="
          text-block-base-link company-link-style hyphens-auto
          group-hover:text-company-primary-text
        "
        title="Ingénieur ou ingénieure en maintien de circulation"
      >
        Ingénieur ou ingénieure en maintien de circulation
      </span>

      <div class="mt-1 text-md">
        
<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-2">
    Hybride
    <i class="w-4 h-5 text-xs fas fa-wifi"></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 border-block-base-text border-opacity-15 overflow-hidden
    min-h-[22.5rem] items-center justify-center rounded relative
    z-career-job-card-image
  "
>
  <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/8146155-ingenieure-ou-ingenieur-senior-procedes-traitement-des-eaux-minieres">
    <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/2f3f64db-2d0b-4909-9df6-46b22642608a/original.jpeg?outputFormat=webp" type="image/webp">

    <img src="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/user_picture_800-v9/image_uploads/2f3f64db-2d0b-4909-9df6-46b22642608a/original.jpeg" alt="Ingénieure ou ingénieur sénior - Procédés (Traitement des eaux minières) 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
          group-hover:text-company-primary-text
        "
        title="Ingénieure ou ingénieur sénior - Procédés (Traitement des eaux minières)"
      >
        Ingénieure ou ingénieur sénior - Procédés (Trai...
      </span>

      <div class="mt-1 text-md">
        
<span>CE - Procédés</span>

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

    <span title="Québec, Saguenay, Montréal, Longueuil, Sherbrooke, Trois-Rivières, Val d&#39;Or, Toronto, Vancouver, New Brunswick, Edmonton, Calgary">Localisations multiples</span>

    <span class="mx-[2px]">&middot;</span>
  <span class="inline-flex items-center gap-x-2">
    Hybride
    <i class="w-4 h-5 text-xs fas fa-wifi"></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 border-block-base-text border-opacity-15 overflow-hidden
    min-h-[22.5rem] items-center justify-center rounded relative
    z-career-job-card-image
  "
>
  <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">
    <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/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 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
          group-hover:text-company-primary-text
        "
        title="Professionnelle ou Professionnel en environnement minier"
      >
        Professionnelle ou Professionnel en environneme...
      </span>

      <div class="mt-1 text-md">
        
<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-2">
    Hybride
    <i class="w-4 h-5 text-xs fas fa-wifi"></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 border-block-base-text border-opacity-15 overflow-hidden
    min-h-[22.5rem] items-center justify-center rounded relative
    z-career-job-card-image
  "
>
  <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-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/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 flex-col justify-center p-3 text-center min-h-[11.25rem]">
      <span
        class="
          text-block-base-link company-link-style hyphens-auto
          group-hover:text-company-primary-text
        "
        title="Professionnelle ou professionnel en environnement (Biologiste) – Milieux humides"
      >
        Professionnelle ou professionnel en environneme...
      </span>

      <div class="mt-1 text-md">
        
<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-2">
    Hybride
    <i class="w-4 h-5 text-xs fas fa-wifi"></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 border-block-base-text border-opacity-15 overflow-hidden
    min-h-[22.5rem] items-center justify-center rounded relative
    z-career-job-card-image
  "
>
  <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/8080989-ingenieur-ou-ingenieure-minier-intermediaire">
    <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/57afced7-32fb-4028-81c2-079895fbb291/original.jpeg?outputFormat=webp" type="image/webp">

    <img src="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/user_picture_800-v9/image_uploads/57afced7-32fb-4028-81c2-079895fbb291/original.jpeg" alt="Ingénieur ou Ingénieure minier intermédiaire 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
          group-hover:text-company-primary-text
        "
        title="Ingénieur ou Ingénieure minier intermédiaire"
      >
        Ingénieur ou Ingénieure minier intermédiaire
      </span>

      <div class="mt-1 text-md">
        
<span>CE - Génie minier</span>

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

    <span title="Longueuil, Montréal, Québec, Saguenay, 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-2">
    Hybride
    <i class="w-4 h-5 text-xs fas fa-wifi"></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 border-block-base-text border-opacity-15 overflow-hidden
    min-h-[22.5rem] items-center justify-center rounded relative
    z-career-job-card-image
  "
>
  <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/8072802-ingenieur-ou-ingenieure-minier-senior">
    <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/57afced7-32fb-4028-81c2-079895fbb291/original.jpeg?outputFormat=webp" type="image/webp">

    <img src="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/user_picture_800-v9/image_uploads/57afced7-32fb-4028-81c2-079895fbb291/original.jpeg" alt="Ingénieur ou Ingénieure minier sénior 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
          group-hover:text-company-primary-text
        "
        title="Ingénieur ou Ingénieure minier sénior"
      >
        Ingénieur ou Ingénieure minier sénior
      </span>

      <div class="mt-1 text-md">
        
<span>CE - Génie minier</span>

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

    <span title="Longueuil, Montréal, Québec, Saguenay, 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-2">
    Hybride
    <i class="w-4 h-5 text-xs fas fa-wifi"></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 border-block-base-text border-opacity-15 overflow-hidden
    min-h-[22.5rem] items-center justify-center rounded relative
    z-career-job-card-image
  "
>
  <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/8048810-responsable-de-bureau-sept-iles">
    <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/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="Responsable de bureau – Sept-Îles 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
          group-hover:text-company-primary-text
        "
        title="Responsable de bureau – Sept-Îles"
      >
        Responsable de bureau – Sept-Îles
      </span>

      <div class="mt-1 text-md">
        
<span>Marché - Métallurgie région Est</span>

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

    <span>Sept-Îles</span>

    <span class="mx-[2px]">&middot;</span>
  <span class="inline-flex items-center gap-x-2">
    Hybride
    <i class="w-4 h-5 text-xs fas fa-wifi"></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 border-block-base-text border-opacity-15 overflow-hidden
    min-h-[22.5rem] items-center justify-center rounded relative
    z-career-job-card-image
  "
>
  <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-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/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 flex-col justify-center p-3 text-center min-h-[11.25rem]">
      <span
        class="
          text-block-base-link company-link-style hyphens-auto
          group-hover:text-company-primary-text
        "
        title="Ingénieure ou ingénieur surveillant (Québec)"
      >
        Ingénieure ou ingénieur surveillant (Québec)
      </span>

      <div class="mt-1 text-md">
        
<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 border-block-base-text border-opacity-15 overflow-hidden
    min-h-[22.5rem] items-center justify-center rounded relative
    z-career-job-card-image
  "
>
  <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-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/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 flex-col justify-center p-3 text-center min-h-[11.25rem]">
      <span
        class="
          text-block-base-link company-link-style hyphens-auto
          group-hover:text-company-primary-text
        "
        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="mt-1 text-md">
        
<span>CE - Bâtiment</span>

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

    <span title="Trois-Rivières, Sherbrooke, Longueuil, Saguenay, Québec, Montréal, Levis, Vancouver, Toronto, Labrador City, New Brunswick, Edmonton, Calgary, Kitimat, Bonaventure, Rimouski">Localisations multiples</span>

    <span class="mx-[2px]">&middot;</span>
  <span class="inline-flex items-center gap-x-2">
    Hybride
    <i class="w-4 h-5 text-xs fas fa-wifi"></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 border-block-base-text border-opacity-15 overflow-hidden
    min-h-[22.5rem] items-center justify-center rounded relative
    z-career-job-card-image
  "
>
  <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-ponts-et-ouvrages-d-arts-poa">
    <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/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 - Ponts et ouvrages d&#39;arts (POA) 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
          group-hover:text-company-primary-text
        "
        title="Chef d&#39;équipe - Ponts et ouvrages d&#39;arts (POA)"
      >
        Chef d&#39;équipe - Ponts et ouvrages d&#39;arts (POA)
      </span>

      <div class="mt-1 text-md">
        
<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-2">
    Hybride
    <i class="w-4 h-5 text-xs fas fa-wifi"></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 border-block-base-text border-opacity-15 overflow-hidden
    min-h-[22.5rem] items-center justify-center rounded relative
    z-career-job-card-image
  "
>
  <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/7958923-dessinateur-ou-dessinatrice-travaux-civils">
    <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/948199f3-5b36-4f1d-b442-9f78cb02c789/original.jpeg?outputFormat=webp" type="image/webp">

    <img src="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/user_picture_800-v9/image_uploads/948199f3-5b36-4f1d-b442-9f78cb02c789/original.jpeg" alt="Dessinateur ou dessinatrice - travaux civils 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
          group-hover:text-company-primary-text
        "
        title="Dessinateur ou dessinatrice - travaux civils"
      >
        Dessinateur ou dessinatrice - travaux civils
      </span>

      <div class="mt-1 text-md">
        
<span>CE - Travaux civils</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-2">
    Hybride
    <i class="w-4 h-5 text-xs fas fa-wifi"></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 border-block-base-text border-opacity-15 overflow-hidden
    min-h-[22.5rem] items-center justify-center rounded relative
    z-career-job-card-image
  "
>
  <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/7945315-technicien-ou-technicienne-en-electricite-du-batiment-conception">
    <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/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="Technicien ou technicienne en électricité du bâtiment (conception) 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
          group-hover:text-company-primary-text
        "
        title="Technicien ou technicienne en électricité du bâtiment (conception)"
      >
        Technicien ou technicienne en électricité du bâ...
      </span>

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

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

    <span title="Québec, Rimouski, Saguenay, Sherbrooke, Trois-Rivières, Montréal, Longueuil, Vancouver, Toronto, Sept-Îles, Nova Scotia, Labrador City, Kitimat, Bonaventure, Edmonton, Calgary, New Brunswick">Localisations multiples</span>

    <span class="mx-[2px]">&middot;</span>
  <span class="inline-flex items-center gap-x-2">
    Hybride
    <i class="w-4 h-5 text-xs fas fa-wifi"></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 border-block-base-text border-opacity-15 overflow-hidden
    min-h-[22.5rem] items-center justify-center rounded relative
    z-career-job-card-image
  "
>
  <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/7914730-responsable-en-inspection-de-ponts-et-ouvrages-d-art-iri">
    <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/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="Responsable en inspection de Ponts et Ouvrages d’Art (IRI) 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
          group-hover:text-company-primary-text
        "
        title="Responsable en inspection de Ponts et Ouvrages d’Art (IRI)"
      >
        Responsable en inspection de Ponts et Ouvrages ...
      </span>

      <div class="mt-1 text-md">
        
<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-2">
    Hybride
    <i class="w-4 h-5 text-xs fas fa-wifi"></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 border-block-base-text border-opacity-15 overflow-hidden
    min-h-[22.5rem] items-center justify-center rounded relative
    z-career-job-card-image
  "
>
  <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/7895717-banque-de-candidatures-en-surveillance-technicien-coordonnateur-et-ingenieur-mandat-hydro-quebec">
    <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/25d92842-ee57-473e-b1da-0199fe83af99/original.jpg?outputFormat=webp" type="image/webp">

    <img src="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/user_picture_800-v9/image_uploads/25d92842-ee57-473e-b1da-0199fe83af99/original.jpg" alt="Banque de candidatures en surveillance (technicien, coordonnateur et ingénieur)-Mandat Hydro-Québec 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
          group-hover:text-company-primary-text
        "
        title="Banque de candidatures en surveillance (technicien, coordonnateur et ingénieur)-Mandat Hydro-Québec"
      >
        Banque de candidatures en surveillance (technic...
      </span>

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

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

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

    <span class="mx-[2px]">&middot;</span>
  <span class="inline-flex items-center gap-x-2">
    Hybride
    <i class="w-4 h-5 text-xs fas fa-wifi"></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 border-block-base-text border-opacity-15 overflow-hidden
    min-h-[22.5rem] items-center justify-center rounded relative
    z-career-job-card-image
  "
>
  <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/7861128-geologue-en-estimation-des-ressources-minerales">
    <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/5bc2dbd3-844d-430b-bdc4-0efd4651b83c/original.jpeg?outputFormat=webp" type="image/webp">

    <img src="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/user_picture_800-v9/image_uploads/5bc2dbd3-844d-430b-bdc4-0efd4651b83c/original.jpeg" alt="Géologue en estimation des ressources minérales 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
          group-hover:text-company-primary-text
        "
        title="Géologue en estimation des ressources minérales"
      >
        Géologue en estimation des ressources minérales
      </span>

      <div class="mt-1 text-md">
        
<span>CE - Géologie</span>

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

    <span title="Longueuil, Montréal, Québec, Rouyn-Noranda, Saguenay, Toronto, Vancouver, New Brunswick, Labrador City, Kitimat">Localisations multiples</span>

    <span class="mx-[2px]">&middot;</span>
  <span class="inline-flex items-center gap-x-2">
    Hybride
    <i class="w-4 h-5 text-xs fas fa-wifi"></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 border-block-base-text border-opacity-15 overflow-hidden
    min-h-[22.5rem] items-center justify-center rounded relative
    z-career-job-card-image
  "
>
  <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/7855187-ingenieur-ou-ingenieure-en-integrite-des-structures">
    <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/fcae8db1-1c22-4b7b-9436-3ff21aa3ea3d/original.jpeg?outputFormat=webp" type="image/webp">

    <img src="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/user_picture_800-v9/image_uploads/fcae8db1-1c22-4b7b-9436-3ff21aa3ea3d/original.jpeg" alt="Ingénieur ou Ingénieure en intégrité des structures 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
          group-hover:text-company-primary-text
        "
        title="Ingénieur ou Ingénieure en intégrité des structures"
      >
        Ingénieur ou Ingénieure en intégrité des struct...
      </span>

      <div class="mt-1 text-md">
        
<span>CE - Gestion intégrité et fiabilité des actifs (GIFA)</span>

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

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

    <span class="mx-[2px]">&middot;</span>
  <span class="inline-flex items-center gap-x-2">
    Hybride
    <i class="w-4 h-5 text-xs fas fa-wifi"></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 border-block-base-text border-opacity-15 overflow-hidden
    min-h-[22.5rem] items-center justify-center rounded relative
    z-career-job-card-image
  "
>
  <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/7840185-ingenieur-e-mecanique-a-sept-iles">
    <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/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.e Mécanique à Sept-Iles 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
          group-hover:text-company-primary-text
        "
        title="Ingénieur.e Mécanique à Sept-Iles"
      >
        Ingénieur.e Mécanique à Sept-Iles
      </span>

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

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

    <span>Sept-Îles</span>

    <span class="mx-[2px]">&middot;</span>
  <span class="inline-flex items-center gap-x-2">
    Hybride
    <i class="w-4 h-5 text-xs fas fa-wifi"></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 border-block-base-text border-opacity-15 overflow-hidden
    min-h-[22.5rem] items-center justify-center rounded relative
    z-career-job-card-image
  "
>
  <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/7830529-ingenieur-ou-ingenieure-en-automatisation">
    <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/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 ou Ingénieure en automatisation 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
          group-hover:text-company-primary-text
        "
        title="Ingénieur ou Ingénieure en automatisation"
      >
        Ingénieur ou Ingénieure en automatisation
      </span>

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

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

    <span>Sherbrooke</span>

    <span class="mx-[2px]">&middot;</span>
  <span class="inline-flex items-center gap-x-2">
    Hybride
    <i class="w-4 h-5 text-xs fas fa-wifi"></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 border-block-base-text border-opacity-15 overflow-hidden
    min-h-[22.5rem] items-center justify-center rounded relative
    z-career-job-card-image
  "
>
  <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/7777610-surveillant-ou-surveillante-ponts-et-ouvrages-d-art-poa">
    <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/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="Surveillant ou surveillante – Ponts et Ouvrages d’art (POA) 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
          group-hover:text-company-primary-text
        "
        title="Surveillant ou surveillante – Ponts et Ouvrages d’art (POA)"
      >
        Surveillant ou surveillante – Ponts et Ouvrages...
      </span>

      <div class="mt-1 text-md">
        
<span>CE - Ponts et Ouvrages d&#39;art</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-2">
    Hybride
    <i class="w-4 h-5 text-xs fas fa-wifi"></i>
</span>
      </div>
    </div>
</a></li>

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

    <a href="/jobs/show_more?page=3" 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-3">
    
    <span class="truncate">Afficher 18 de plus</span>

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