
  <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" data-turbo="false" href="https://nordastelo.teamtailor.com/jobs/7882574-technicien-ou-technicienne-en-geologie">
    <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="Technicien ou Technicienne en géologie 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 géologie"
      >
        Technicien ou Technicienne en géologie
      </span>

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

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

    <span>Val d&#39;Or</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" data-turbo="false" href="https://nordastelo.teamtailor.com/jobs/7861646-ingenieur-ou-ingenieure-en-mecanique-certifie-api-653">
    <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 mécanique Certifié API 653 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 Certifié API 653"
      >
        Ingénieur ou Ingénieure en mécanique Certifié A...
      </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>Québec, Saguenay, 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" 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" 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" 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" 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" data-turbo="false" href="https://nordastelo.teamtailor.com/jobs/7829984-professionnel-ou-professionnelle-en-environnement-geomatique-et-analyse-spatiale">
    <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/7deac67a-de48-4f5c-87d5-d05c4dadb312/original.jpg?outputFormat=webp" type="image/webp">

    <img src="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/user_picture_800-v9/image_uploads/7deac67a-de48-4f5c-87d5-d05c4dadb312/original.jpg" alt="Professionnel ou professionnelle en environnement (géomatique et analyse spatiale) 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="Professionnel ou professionnelle en environnement (géomatique et analyse spatiale)"
      >
        Professionnel ou professionnelle en environneme...
      </span>

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

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

    <span title="Québec, Longueuil, Levis, Montréal, 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" data-turbo="false" href="https://nordastelo.teamtailor.com/jobs/7791244-stagiaire-ponts-et-ouvrages-d-art-poa-automne-2026">
    <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/0993fa42-ad4f-4f3f-a378-e92b4fbb8a8c/original.jpg?outputFormat=webp" type="image/webp">

    <img src="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/user_picture_800-v9/image_uploads/0993fa42-ad4f-4f3f-a378-e92b4fbb8a8c/original.jpg" alt="Stagiaire - Ponts et Ouvrages d&#39;art (POA) - Automne 2026 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="Stagiaire - Ponts et Ouvrages d&#39;art (POA) - Automne 2026"
      >
        Stagiaire - Ponts et Ouvrages d&#39;art (POA) - Aut...
      </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="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" 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="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" data-turbo="false" href="https://nordastelo.teamtailor.com/jobs/7718034-analyste-financier">
    <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/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="Analyste financier 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="Analyste financier"
      >
        Analyste financier
      </span>

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

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

    <span>Québec</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" data-turbo="false" href="https://nordastelo.teamtailor.com/jobs/7702464-ingenieur-ou-ingenieure-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="Ingénieur ou ingénieure 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="Ingénieur ou ingénieure en électricité du bâtiment (conception)"
      >
        Ingénieur ou ingénieure en électricité du bâtim...
      </span>

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

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

    <span title="Québec, Sherbrooke, Trois-Rivières, Montréal, Longueuil, Saguenay, Rivière-du-Loup, 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" data-turbo="false" href="https://nordastelo.teamtailor.com/jobs/7677663-directeur-ou-directrice-de-projets-pont-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/bd056dae-788d-4d37-8054-5c265af582e3/original.jpg?outputFormat=webp" type="image/webp">

    <img src="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/user_picture_800-v9/image_uploads/bd056dae-788d-4d37-8054-5c265af582e3/original.jpg" alt="Directeur ou directrice de projets  - Pont et Ouvrages d&#39;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="Directeur ou directrice de projets  - Pont et Ouvrages d&#39;art (POA)"
      >
        Directeur ou directrice de projets  - Pont et O...
      </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, Québec</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" data-turbo="false" href="https://nordastelo.teamtailor.com/jobs/7668224-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>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" data-turbo="false" href="https://nordastelo.teamtailor.com/jobs/7668064-ingenieur-e-infrastructure-municipal">
    <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="Ingénieur(e) Infrastructure - Municipal 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) Infrastructure - Municipal"
      >
        Ingénieur(e) Infrastructure - Municipal
      </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" data-turbo="false" href="https://nordastelo.teamtailor.com/jobs/7637468-ingenieur-ou-ingenieure-circulation-et-planification-des-transports">
    <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/27bef95f-f7cc-4050-ab06-3d42eeafc7f9/original.jpeg?outputFormat=webp" type="image/webp">

    <img src="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/user_picture_800-v9/image_uploads/27bef95f-f7cc-4050-ab06-3d42eeafc7f9/original.jpeg" alt="Ingénieur ou ingénieure – Circulation et planification des transports 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 – Circulation et planification des transports"
      >
        Ingénieur ou ingénieure – Circulation et planif...
      </span>

      <div class="mt-1 text-md">
        
<span>CE - Mobilité Intelligente</span>

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

    <span title="Montréal, Levis, Québec, Rivière-du-Loup, Saguenay, 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" data-turbo="false" href="https://nordastelo.teamtailor.com/jobs/7630504-ingenieur-e-structure-hydroelectricite-et-barrages">
    <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/d5569826-b7ad-4c1f-b7d2-31d3ec0c15ba/original.jpeg?outputFormat=webp" type="image/webp">

    <img src="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/user_picture_800-v9/image_uploads/d5569826-b7ad-4c1f-b7d2-31d3ec0c15ba/original.jpeg" alt="Ingénieur(e) - Structure hydroélectricité et barrages 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) - Structure hydroélectricité et barrages"
      >
        Ingénieur(e) - Structure hydroélectricité et ba...
      </span>

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

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

    <span title="Québec, Montréal, Longueuil, 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" data-turbo="false" href="https://nordastelo.teamtailor.com/jobs/7610674-technicien-ne-civil-cao-dao-_-municipal">
    <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="Technicien.ne civil CAO-DAO _ Municipal 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.ne civil CAO-DAO _ Municipal"
      >
        Technicien.ne civil CAO-DAO _ Municipal
      </span>

      <div class="mt-1 text-md">
        
<span>CE - Travaux civils</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-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" data-turbo="false" href="https://nordastelo.teamtailor.com/jobs/7532039-ingenieur-e-mecanique-lourde-de-barrage">
    <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 lourde de barrage 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 lourde de barrage"
      >
        Ingénieur(e) mécanique lourde de barrage
      </span>

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

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

    <span>Québec</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" data-turbo="false" href="https://nordastelo.teamtailor.com/jobs/7512203-ingenieure-ou-ingenieur-junior-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/1e2d705e-a032-4904-9144-1015eb7a3ea3/original.jpg?outputFormat=webp" type="image/webp">

    <img src="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/user_picture_800-v9/image_uploads/1e2d705e-a032-4904-9144-1015eb7a3ea3/original.jpg" alt="Ingénieure ou ingénieur junior - 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="Ingénieure ou ingénieur junior - Minier"
      >
        Ingénieure ou ingénieur junior - Minier
      </span>

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

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

    <span title="Montréal, Longueuil, Québec, Val d&#39;Or, 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" data-turbo="false" href="https://nordastelo.teamtailor.com/jobs/7512192-ingenieure-ou-ingenieur-civil-reseaux-routiers">
    <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 civil, Réseaux routiers 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 civil, Réseaux routiers"
      >
        Ingénieure ou ingénieur civil, Réseaux routiers
      </span>

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

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

    <span>Québec</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 11 de plus</span>

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