
  <turbo-stream action="append" target="jobs_list_container"><template>
    <li
  class="
    block-grid-item border border-block-base-text border-opacity-15
    min-h-[22.5rem] items-center justify-center rounded relative
    z-career-job-card-image
  "
>
  <a class="block h-full w-full hover:bg-primary-text-background overflow-hidden group" data-turbo="false" href="https://nordastelo.teamtailor.com/jobs/7428746-ingenieur-e-en-mecanique-du-batiment-conception-protection-incendie">
    <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.e en mécanique du bâtiment ( Conception- Protection incendie) image" loading="lazy" class="w-full">
</picture>
  
</figure>
      </div>
    </div>

    <div class="flex flex-col justify-center p-3 text-center min-h-[11.25rem]">
      <span
        class="text-block-base-link company-link-style hyphens-auto"
        title="Ingénieur.e en mécanique du bâtiment ( Conception- Protection incendie)"
      >
        Ingénieur.e en mécanique du bâtiment ( Concepti...
      </span>

      <div class="mt-1 text-md">
        
<span>CE - Bâtiment</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-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="
    block-grid-item border border-block-base-text border-opacity-15
    min-h-[22.5rem] items-center justify-center rounded relative
    z-career-job-card-image
  "
>
  <a class="block h-full w-full hover:bg-primary-text-background overflow-hidden group" data-turbo="false" href="https://nordastelo.teamtailor.com/jobs/7361149-cpi-ingenieur-e-mecanique-ventilation-et-depoussierage-industriel">
    <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="CPI ingénieur.e mécanique / Ventilation et dépoussiérage industriel image" loading="lazy" class="w-full">
</picture>
  
</figure>
      </div>
    </div>

    <div class="flex flex-col justify-center p-3 text-center min-h-[11.25rem]">
      <span
        class="text-block-base-link company-link-style hyphens-auto"
        title="CPI ingénieur.e mécanique / Ventilation et dépoussiérage industriel"
      >
        CPI ingénieur.e mécanique / Ventilation et dépo...
      </span>

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

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

    <span>Saguenay</span>

    <span class="mx-[2px]">&middot;</span>
  <span class="inline-flex items-center gap-x-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="
    block-grid-item border border-block-base-text border-opacity-15
    min-h-[22.5rem] items-center justify-center rounded relative
    z-career-job-card-image
  "
>
  <a class="block h-full w-full hover:bg-primary-text-background overflow-hidden group" data-turbo="false" href="https://nordastelo.teamtailor.com/jobs/7333237-technicienne-ou-technicien-principal-ponts-et-ouvrages-d-art-poa-reconstruction-de-la-route-132">
    <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="Technicienne ou technicien principal  – Ponts et Ouvrages d’art (POA) - Reconstruction de la route 132 image" loading="lazy" class="w-full">
</picture>
  
</figure>
      </div>
    </div>

    <div class="flex flex-col justify-center p-3 text-center min-h-[11.25rem]">
      <span
        class="text-block-base-link company-link-style hyphens-auto"
        title="Technicienne ou technicien principal  – Ponts et Ouvrages d’art (POA) - Reconstruction de la route 132"
      >
        Technicienne ou technicien principal  – Ponts e...
      </span>

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

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

    <span title="Rimouski, Bonaventure, Montréal, Québec">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="
    block-grid-item border border-block-base-text border-opacity-15
    min-h-[22.5rem] items-center justify-center rounded relative
    z-career-job-card-image
  "
>
  <a class="block h-full w-full hover:bg-primary-text-background overflow-hidden group" data-turbo="false" href="https://nordastelo.teamtailor.com/jobs/7330959-surveillant-ou-surveillante-de-chantier-structure-portuaire-port-de-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/9ff1ee71-205e-47ee-a2e8-8ba9299d9d81/original.jpeg?outputFormat=webp" type="image/webp">

    <img src="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/user_picture_800-v9/image_uploads/9ff1ee71-205e-47ee-a2e8-8ba9299d9d81/original.jpeg" alt="Surveillant ou surveillante de chantier - Structure portuaire (Port de 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"
        title="Surveillant ou surveillante de chantier - Structure portuaire (Port de Québec)"
      >
        Surveillant ou surveillante de chantier - Struc...
      </span>

      <div class="mt-1 text-md">
        
<span>CE - Portuaire et Côtier</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="
    block-grid-item border border-block-base-text border-opacity-15
    min-h-[22.5rem] items-center justify-center rounded relative
    z-career-job-card-image
  "
>
  <a class="block h-full w-full hover:bg-primary-text-background overflow-hidden group" data-turbo="false" href="https://nordastelo.teamtailor.com/jobs/7317783-technicien-ou-technicienne-en-architecture-de-batiment-auditeur-ou-auditrice">
    <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/e6c8fe31-5a0d-4347-a4b3-b32d3ab26206/original.jpg?outputFormat=webp" type="image/webp">

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

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

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

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

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

    <span class="mx-[2px]">&middot;</span>
  <span class="inline-flex items-center gap-x-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="
    block-grid-item border border-block-base-text border-opacity-15
    min-h-[22.5rem] items-center justify-center rounded relative
    z-career-job-card-image
  "
>
  <a class="block h-full w-full hover:bg-primary-text-background overflow-hidden group" data-turbo="false" href="https://nordastelo.teamtailor.com/jobs/7266867-ingenieur-e-charge-e-de-projets-multidisciplinaires-en-infrastructure">
    <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/ Chargé.e de projets multidisciplinaires en infrastructure image" loading="lazy" class="w-full">
</picture>
  
</figure>
      </div>
    </div>

    <div class="flex flex-col justify-center p-3 text-center min-h-[11.25rem]">
      <span
        class="text-block-base-link company-link-style hyphens-auto"
        title="Ingénieur.e/ Chargé.e de projets multidisciplinaires en infrastructure"
      >
        Ingénieur.e/ Chargé.e de projets multidisciplin...
      </span>

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

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

    <span>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="
    block-grid-item border border-block-base-text border-opacity-15
    min-h-[22.5rem] items-center justify-center rounded relative
    z-career-job-card-image
  "
>
  <a class="block h-full w-full hover:bg-primary-text-background overflow-hidden group" data-turbo="false" href="https://nordastelo.teamtailor.com/jobs/7246940-administrateur-trice-de-contrats">
    <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="Administrateur (trice) de contrats image" loading="lazy" class="w-full">
</picture>
  
</figure>
      </div>
    </div>

    <div class="flex flex-col justify-center p-3 text-center min-h-[11.25rem]">
      <span
        class="text-block-base-link company-link-style hyphens-auto"
        title="Administrateur (trice) de contrats"
      >
        Administrateur (trice) de contrats
      </span>

      <div class="mt-1 text-md">
        
<span>CO - Bureau de gestion de projets</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-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="
    block-grid-item border border-block-base-text border-opacity-15
    min-h-[22.5rem] items-center justify-center rounded relative
    z-career-job-card-image
  "
>
  <a class="block h-full w-full hover:bg-primary-text-background overflow-hidden group" data-turbo="false" href="https://nordastelo.teamtailor.com/jobs/7244518-professionnel-ou-professionnelle-en-geochimie-environnementale">
    <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/6c20fa63-29e2-4a23-a37e-d9a622d95e54/original.jpeg?outputFormat=webp" type="image/webp">

    <img src="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/user_picture_800-v9/image_uploads/6c20fa63-29e2-4a23-a37e-d9a622d95e54/original.jpeg" alt="Professionnel ou professionnelle en géochimie environnementale image" loading="lazy" class="w-full">
</picture>
  
</figure>
      </div>
    </div>

    <div class="flex flex-col justify-center p-3 text-center min-h-[11.25rem]">
      <span
        class="text-block-base-link company-link-style hyphens-auto"
        title="Professionnel ou professionnelle en géochimie environnementale"
      >
        Professionnel ou professionnelle en géochimie e...
      </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, 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-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="
    block-grid-item border border-block-base-text border-opacity-15
    min-h-[22.5rem] items-center justify-center rounded relative
    z-career-job-card-image
  "
>
  <a class="block h-full w-full hover:bg-primary-text-background overflow-hidden group" data-turbo="false" href="https://nordastelo.teamtailor.com/jobs/7230153-responsable-d-offres-de-services-bureau-de-gestion-de-projets">
    <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="Responsable d&#39;offres de services - Bureau de gestion de projets image" loading="lazy" class="w-full">
</picture>
  
</figure>
      </div>
    </div>

    <div class="flex flex-col justify-center p-3 text-center min-h-[11.25rem]">
      <span
        class="text-block-base-link company-link-style hyphens-auto"
        title="Responsable d&#39;offres de services - Bureau de gestion de projets"
      >
        Responsable d&#39;offres de services - Bureau de ge...
      </span>

      <div class="mt-1 text-md">
        
<span>CO - Bureau de gestion de projets</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-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="
    block-grid-item border border-block-base-text border-opacity-15
    min-h-[22.5rem] items-center justify-center rounded relative
    z-career-job-card-image
  "
>
  <a class="block h-full w-full hover:bg-primary-text-background overflow-hidden group" data-turbo="false" href="https://nordastelo.teamtailor.com/jobs/7180413-superviseur-ou-superviseure-magasin-et-expedition">
    <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="Superviseur ou superviseure magasin et expédition image" loading="lazy" class="w-full">
</picture>
  
</figure>
      </div>
    </div>

    <div class="flex flex-col justify-center p-3 text-center min-h-[11.25rem]">
      <span
        class="text-block-base-link company-link-style hyphens-auto"
        title="Superviseur ou superviseure magasin et expédition"
      >
        Superviseur ou superviseure magasin et expédition
      </span>

      <div class="mt-1 text-md">
        
<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-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="
    block-grid-item border border-block-base-text border-opacity-15
    min-h-[22.5rem] items-center justify-center rounded relative
    z-career-job-card-image
  "
>
  <a class="block h-full w-full hover:bg-primary-text-background overflow-hidden group" data-turbo="false" href="https://nordastelo.teamtailor.com/jobs/7174589-technicienne-ou-technicien-juridique">
    <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="Technicienne ou technicien juridique image" loading="lazy" class="w-full">
</picture>
  
</figure>
      </div>
    </div>

    <div class="flex flex-col justify-center p-3 text-center min-h-[11.25rem]">
      <span
        class="text-block-base-link company-link-style hyphens-auto"
        title="Technicienne ou technicien juridique"
      >
        Technicienne ou technicien juridique
      </span>

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

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

    <span title="Montréal, Québec, Saguenay, 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="
    block-grid-item border border-block-base-text border-opacity-15
    min-h-[22.5rem] items-center justify-center rounded relative
    z-career-job-card-image
  "
>
  <a class="block h-full w-full hover:bg-primary-text-background overflow-hidden group" data-turbo="false" href="https://nordastelo.teamtailor.com/jobs/7118670-technicien-ou-technicienne-en-batiment-ge">
    <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/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="Technicien ou technicienne en bâtiment - GE image" loading="lazy" class="w-full">
</picture>
  
</figure>
      </div>
    </div>

    <div class="flex flex-col justify-center p-3 text-center min-h-[11.25rem]">
      <span
        class="text-block-base-link company-link-style hyphens-auto"
        title="Technicien ou technicienne en bâtiment - GE"
      >
        Technicien ou technicienne en bâtiment - GE
      </span>

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

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

    <span>Bromont</span>


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

</template></turbo-stream>
  <turbo-stream action="append" target="jobs_list_container"><template>
    <li
  class="
    block-grid-item border border-block-base-text border-opacity-15
    min-h-[22.5rem] items-center justify-center rounded relative
    z-career-job-card-image
  "
>
  <a class="block h-full w-full hover:bg-primary-text-background overflow-hidden group" data-turbo="false" href="https://nordastelo.teamtailor.com/jobs/7052645-professionnel-ou-professionnelle-en-environnement-restauration-miniere">
    <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="Professionnel ou professionnelle en environnement - Restauration minière image" loading="lazy" class="w-full">
</picture>
  
</figure>
      </div>
    </div>

    <div class="flex flex-col justify-center p-3 text-center min-h-[11.25rem]">
      <span
        class="text-block-base-link company-link-style hyphens-auto"
        title="Professionnel ou professionnelle en environnement - Restauration minière"
      >
        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, 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-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="
    block-grid-item border border-block-base-text border-opacity-15
    min-h-[22.5rem] items-center justify-center rounded relative
    z-career-job-card-image
  "
>
  <a class="block h-full w-full hover:bg-primary-text-background overflow-hidden group" data-turbo="false" href="https://nordastelo.teamtailor.com/jobs/7044602-prepose-ou-preposee-a-la-reception-et-expedition-ge">
    <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/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="Préposé ou préposée à la réception et expédition - GE image" loading="lazy" class="w-full">
</picture>
  
</figure>
      </div>
    </div>

    <div class="flex flex-col justify-center p-3 text-center min-h-[11.25rem]">
      <span
        class="text-block-base-link company-link-style hyphens-auto"
        title="Préposé ou préposée à la réception et expédition - GE"
      >
        Préposé ou préposée à la réception et expéditio...
      </span>

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

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

    <span>Bromont</span>


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

</template></turbo-stream>
  <turbo-stream action="append" target="jobs_list_container"><template>
    <li
  class="
    block-grid-item border border-block-base-text border-opacity-15
    min-h-[22.5rem] items-center justify-center rounded relative
    z-career-job-card-image
  "
>
  <a class="block h-full w-full hover:bg-primary-text-background overflow-hidden group" data-turbo="false" href="https://nordastelo.teamtailor.com/jobs/7029585-surveillante-ou-surveillant-pointe-calumet">
    <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="Surveillante ou surveillant (Pointe-Calumet) image" loading="lazy" class="w-full">
</picture>
  
</figure>
      </div>
    </div>

    <div class="flex flex-col justify-center p-3 text-center min-h-[11.25rem]">
      <span
        class="text-block-base-link company-link-style hyphens-auto"
        title="Surveillante ou surveillant (Pointe-Calumet)"
      >
        Surveillante ou surveillant (Pointe-Calumet)
      </span>

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

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

    <span>Montréal</span>


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

</template></turbo-stream>
  <turbo-stream action="append" target="jobs_list_container"><template>
    <li
  class="
    block-grid-item border border-block-base-text border-opacity-15
    min-h-[22.5rem] items-center justify-center rounded relative
    z-career-job-card-image
  "
>
  <a class="block h-full w-full hover:bg-primary-text-background overflow-hidden group" data-turbo="false" href="https://nordastelo.teamtailor.com/jobs/7007746-ingenieure-ou-ingenieur-resident-surveillance">
    <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 résident (Surveillance) image" loading="lazy" class="w-full">
</picture>
  
</figure>
      </div>
    </div>

    <div class="flex flex-col justify-center p-3 text-center min-h-[11.25rem]">
      <span
        class="text-block-base-link company-link-style hyphens-auto"
        title="Ingénieure ou Ingénieur résident (Surveillance)"
      >
        Ingénieure ou Ingénieur résident (Surveillance)
      </span>

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

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

    <span>Montréal</span>


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

</template></turbo-stream>
  <turbo-stream action="append" target="jobs_list_container"><template>
    <li
  class="
    block-grid-item border border-block-base-text border-opacity-15
    min-h-[22.5rem] items-center justify-center rounded relative
    z-career-job-card-image
  "
>
  <a class="block h-full w-full hover:bg-primary-text-background overflow-hidden group" data-turbo="false" href="https://nordastelo.teamtailor.com/jobs/6979127-conseillere-ou-conseiller-senior-en-gestion-d-actifs">
    <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/31519b02-288f-4f9c-b8d7-e2a1b08eafed/original.png?outputFormat=webp" type="image/webp">

    <img src="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/user_picture_800-v9/image_uploads/31519b02-288f-4f9c-b8d7-e2a1b08eafed/original.png" alt="Conseillère ou conseiller senior en gestion d&#39;actifs image" loading="lazy" class="w-full">
</picture>
  
</figure>
      </div>
    </div>

    <div class="flex flex-col justify-center p-3 text-center min-h-[11.25rem]">
      <span
        class="text-block-base-link company-link-style hyphens-auto"
        title="Conseillère ou conseiller senior en gestion d&#39;actifs"
      >
        Conseillère ou conseiller senior en gestion d&#39;a...
      </span>

      <div class="mt-1 text-md">
        
<span>CE -Gestion d&#39;actifs</span>

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

    <span title="Québec, Montréal, Calgary, Edmonton, Kitimat, Labrador City, New Brunswick, Nova Scotia, Rimouski, Saguenay, Toronto, Trois-Rivières, Val d&#39;Or, Vancouver, Sherbrooke, Sept-Îles">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="
    block-grid-item border border-block-base-text border-opacity-15
    min-h-[22.5rem] items-center justify-center rounded relative
    z-career-job-card-image
  "
>
  <a class="block h-full w-full hover:bg-primary-text-background overflow-hidden group" data-turbo="false" href="https://nordastelo.teamtailor.com/jobs/6876832-ingenieur-cotier-ou-ingenieure-cotiere-conception-hydraulique-cotiere">
    <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/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="Ingénieur côtier ou ingénieure côtière - Conception &amp; hydraulique côtière image" loading="lazy" class="w-full">
</picture>
  
</figure>
      </div>
    </div>

    <div class="flex flex-col justify-center p-3 text-center min-h-[11.25rem]">
      <span
        class="text-block-base-link company-link-style hyphens-auto"
        title="Ingénieur côtier ou ingénieure côtière - Conception &amp; hydraulique côtière"
      >
        Ingénieur côtier ou ingénieure côtière - Concep...
      </span>

      <div class="mt-1 text-md">
        
<span>CE - Portuaire et Côtier</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="
    block-grid-item border border-block-base-text border-opacity-15
    min-h-[22.5rem] items-center justify-center rounded relative
    z-career-job-card-image
  "
>
  <a class="block h-full w-full hover:bg-primary-text-background overflow-hidden group" data-turbo="false" href="https://nordastelo.teamtailor.com/jobs/6617238-ingenieur-e-en-structure">
    <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/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.e en structure image" loading="lazy" class="w-full">
</picture>
  
</figure>
      </div>
    </div>

    <div class="flex flex-col justify-center p-3 text-center min-h-[11.25rem]">
      <span
        class="text-block-base-link company-link-style hyphens-auto"
        title="Ingénieur.e en structure"
      >
        Ingénieur.e en structure
      </span>

      <div class="mt-1 text-md">
        
<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-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="
    block-grid-item border border-block-base-text border-opacity-15
    min-h-[22.5rem] items-center justify-center rounded relative
    z-career-job-card-image
  "
>
  <a class="block h-full w-full hover:bg-primary-text-background overflow-hidden group" data-turbo="false" href="https://nordastelo.teamtailor.com/jobs/6575688-chef-d-equipe-electricite">
    <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/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="Chef d&#39;équipe - Électricité image" loading="lazy" class="w-full">
</picture>
  
</figure>
      </div>
    </div>

    <div class="flex flex-col justify-center p-3 text-center min-h-[11.25rem]">
      <span
        class="text-block-base-link company-link-style hyphens-auto"
        title="Chef d&#39;équipe - Électricité"
      >
        Chef d&#39;équipe - Électricité
      </span>

      <div class="mt-1 text-md">
        
<span>CE - Électricité</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="update" target="show_more_button"><template>

    <a href="/fr/jobs/show_more?locale=fr&amp;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 13 de plus</span>

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