
  <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/8632961-candidat-ou-candidate-a-la-profession-d-ingenieur-cpi-ponts-et-ouvrages-d-art-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="Candidat ou candidate à la profession d&#39;ingénieur (CPI) - Ponts et Ouvrages d&#39;art (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="Candidat ou candidate à la profession d&#39;ingénieur (CPI) - Ponts et Ouvrages d&#39;art (POA)"
      >
        Candidat ou candidate à la profession d&#39;ingénie...
      </span>

      <div class="text-md mt-4">
        
<span>CE - Ponts et Ouvrages d&#39;art</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/8632937-professionnel-ou-professionnelle-en-environnement-reglementations">
    <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="Professionnel ou professionnelle en environnement (réglementations) 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="Professionnel ou professionnelle en environnement (réglementations)"
      >
        Professionnel ou professionnelle en environneme...
      </span>

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

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

    <span title="Longueuil, Montréal, Sherbrooke, Québec">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/8631939-ingenieur-ou-ingenieure-des-materiaux-specialise-en-reservoir">
    <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/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 des matériaux spécialisé en réservoir 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 des matériaux spécialisé en réservoir"
      >
        Ingénieur ou Ingénieure des matériaux spécialis...
      </span>

      <div class="text-md mt-4">
        
<span>CE - Gestion intégrité et fiabilité des actifs (GIFA)</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/8610076-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>Saguenay, 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/8593374-professionnel-ou-professionnelle-en-geochimie-environnementale">
    <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/af12ad9b-0943-4740-8923-2e934712f872/original.jpeg?outputFormat=webp" type="image/webp">

    <img src="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/user_picture_800-v9/image_uploads/af12ad9b-0943-4740-8923-2e934712f872/original.jpeg" alt="Professionnel ou professionnelle en géochimie environnementale 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="Professionnel ou professionnelle en géochimie environnementale"
      >
        Professionnel ou professionnelle en géochimie e...
      </span>

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

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

    <span title="Québec, Longueuil, Levis, Montréal, Saguenay, Rivière-du-Loup, 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/8593365-arpenteur-ou-arpenteuse-autoroute-bonaventure">
    <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="Arpenteur ou arpenteuse - Autoroute Bonaventure 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="Arpenteur ou arpenteuse - Autoroute Bonaventure"
      >
        Arpenteur ou arpenteuse - Autoroute Bonaventure
      </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">
    Entièrement à distance
    <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/8593334-ingenieur-ou-ingenieure-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 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 en structure - Saguenay"
      >
        Ingénieur ou ingénieure 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/8593331-ingenieur-ou-ingenieure-en-structure-montreal">
    <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 en structure - Montréal 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 structure - Montréal"
      >
        Ingénieur ou ingénieure en structure - Montréal
      </span>

      <div class="text-md mt-4">
        
<span>CE - Structure</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/8591387-acheteur-strategique-ge">
    <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/795edbbb-f370-4ea8-8529-2812ef79a9a3/original.jpeg?outputFormat=webp" type="image/webp">

    <img src="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/user_picture_800-v9/image_uploads/795edbbb-f370-4ea8-8529-2812ef79a9a3/original.jpeg" alt="Acheteur stratégique - GE 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="Acheteur stratégique - GE"
      >
        Acheteur stratégique - GE
      </span>

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

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

    <span>Bromont</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/8586832-ingenieur-e-technologue-en-distribution-electrique">
    <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/7041297c-a9e0-4f03-8863-86b3df4831df/original.jpeg?outputFormat=webp" type="image/webp">

    <img src="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/user_picture_800-v9/image_uploads/7041297c-a9e0-4f03-8863-86b3df4831df/original.jpeg" alt="Ingénieur(e) / Technologue en distribution électrique 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) / Technologue en distribution électrique"
      >
        Ingénieur(e) / Technologue en distribution élec...
      </span>

      <div class="text-md mt-4">
        
<span>CE - Électricité</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/8586421-ingenieur-ou-ingenieure-en-mecanique-et-tuyauterie">
    <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 ou ingénieure en mécanique et tuyauterie 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 et tuyauterie"
      >
        Ingénieur ou ingénieure en mécanique et tuyauterie
      </span>

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

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

    <span>Québec, Montréal, 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/8584805-technicien-ou-technicienne-en-administration-ressources-humaines">
    <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="Technicien ou Technicienne en administration – Ressources humaines 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 administration – Ressources humaines"
      >
        Technicien ou Technicienne en administration – ...
      </span>

      <div class="text-md mt-4">
        
<span>CO - Talents et culture</span>

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

    <span>Québec, Sherbrooke, 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/8547919-directeur-trice-du-segment-portuaire">
    <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="Directeur.trice du segment - Portuaire 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.trice du segment - Portuaire"
      >
        Directeur.trice du segment - Portuaire
      </span>

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

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

    <span title="Longueuil, Montréal, Québec, Saguenay, Sept-Îles, Sherbrooke, Toronto">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/8540082-geologue-ou-ingenieur-e-junior-hydrogeologie-et-geotechnique">
    <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/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="Géologue ou ingénieur(e) junior – Hydrogéologie et géotechnique 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="Géologue ou ingénieur(e) junior – Hydrogéologie et géotechnique"
      >
        Géologue ou ingénieur(e) junior – Hydrogéologie...
      </span>

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

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

    <span title="Québec, Val d&#39;Or, Longueuil, Montréal">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/8513237-cpi-genie-civil-surveillance-de-travaux-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="CPI - Génie civil / Surveillance de travaux 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="CPI - Génie civil / Surveillance de travaux routiers"
      >
        CPI - Génie civil / Surveillance de travaux rou...
      </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/8513231-magasinier-ou-magasiniere-ge">
    <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/ea63640f-a80a-4276-805d-b4f7603c6bdb/original.jpeg?outputFormat=webp" type="image/webp">

    <img src="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/user_picture_800-v9/image_uploads/ea63640f-a80a-4276-805d-b4f7603c6bdb/original.jpeg" alt="Magasinier ou magasinière - GE 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="Magasinier ou magasinière - GE"
      >
        Magasinier ou magasinière - GE
      </span>

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

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

    <span>Bromont</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/8513096-responsable-de-projets-projets-routiers-mtmd">
    <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="Responsable de projets - Projets routiers MTMD 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="Responsable de projets - Projets routiers MTMD"
      >
        Responsable de projets - Projets routiers MTMD
      </span>

      <div class="text-md mt-4">
        
<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-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/8507273-ingenieur-ou-ingenieure-minier-senior">
    <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/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 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 minier sénior"
      >
        Ingénieur ou Ingénieure minier sénior
      </span>

      <div class="text-md mt-4">
        
<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-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/8501758-ingenieur-ou-ingenieure-en-structure">
    <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 en structure 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 structure"
      >
        Ingénieur ou ingénieure en structure
      </span>

      <div class="text-md mt-4">
        
<span>CE - Structure</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-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/8501519-ingenieur-ou-ingenieure-responsable-de-projets-en-electricite-du-batiment">
    <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 responsable de projets en électricité du bâtiment 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 responsable de projets en électricité du bâtiment"
      >
        Ingénieur ou Ingénieure responsable de projets ...
      </span>

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

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

    <span title="Longueuil, Montréal, Québec, Saguenay, 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="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-12">
    
    <span class="truncate">Afficher 20 de plus</span>

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