
  <turbo-stream action="append" target="jobs_list_container"><template>
    <li
  class="
    group block-grid-item border border-block-base-text border-opacity-15 overflow-hidden
    min-h-[22.5rem] items-center justify-center rounded relative
    z-career-job-card-image
  "
>
  <a class="block h-full w-full no-company-style transition group-hover:text-company-primary-text group-hover:bg-primary-text-background overflow-hidden focus-visible--inset" data-turbo="false" href="https://nordastelo.teamtailor.com/jobs/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 focus-visible--inset" data-turbo="false" href="https://nordastelo.teamtailor.com/jobs/7707544-concepteur-ou-conceptrice-mecanique-outillage-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/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="Concepteur ou conceptrice mécanique (Outillage) - 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
          group-hover:text-company-primary-text
        "
        title="Concepteur ou conceptrice mécanique (Outillage) - GE"
      >
        Concepteur ou conceptrice mécanique (Outillage)...
      </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="
    group block-grid-item border border-block-base-text border-opacity-15 overflow-hidden
    min-h-[22.5rem] items-center justify-center rounded relative
    z-career-job-card-image
  "
>
  <a class="block h-full w-full no-company-style transition group-hover:text-company-primary-text group-hover:bg-primary-text-background overflow-hidden focus-visible--inset" data-turbo="false" href="https://nordastelo.teamtailor.com/jobs/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 focus-visible--inset" 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 focus-visible--inset" data-turbo="false" href="https://nordastelo.teamtailor.com/jobs/7668069-technicien-concepteur-ou-technicienne-conceptrice-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="Technicien concepteur ou Technicienne conceptrice 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="Technicien concepteur ou Technicienne conceptrice en automatisation"
      >
        Technicien concepteur ou Technicienne conceptri...
      </span>

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

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

    <span>Sherbrooke</span>

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

</template></turbo-stream>
  <turbo-stream action="append" target="jobs_list_container"><template>
    <li
  class="
    group block-grid-item border border-block-base-text border-opacity-15 overflow-hidden
    min-h-[22.5rem] items-center justify-center rounded relative
    z-career-job-card-image
  "
>
  <a class="block h-full w-full no-company-style transition group-hover:text-company-primary-text group-hover:bg-primary-text-background overflow-hidden focus-visible--inset" data-turbo="false" href="https://nordastelo.teamtailor.com/jobs/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 focus-visible--inset" 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 focus-visible--inset" 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 focus-visible--inset" 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 focus-visible--inset" 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 focus-visible--inset" 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="append" target="jobs_list_container"><template>
    <li
  class="
    group block-grid-item border border-block-base-text border-opacity-15 overflow-hidden
    min-h-[22.5rem] items-center justify-center rounded relative
    z-career-job-card-image
  "
>
  <a class="block h-full w-full no-company-style transition group-hover:text-company-primary-text group-hover:bg-primary-text-background overflow-hidden focus-visible--inset" data-turbo="false" href="https://nordastelo.teamtailor.com/jobs/7333237-technicien-ne-principal-e-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="Technicien(ne) principal(e)  – 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
          group-hover:text-company-primary-text
        "
        title="Technicien(ne) principal(e)  – Ponts et Ouvrages d’art (POA) - Reconstruction de la route 132"
      >
        Technicien(ne) principal(e)  – Ponts et Ouvrage...
      </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="
    group block-grid-item border border-block-base-text border-opacity-15 overflow-hidden
    min-h-[22.5rem] items-center justify-center rounded relative
    z-career-job-card-image
  "
>
  <a class="block h-full w-full no-company-style transition group-hover:text-company-primary-text group-hover:bg-primary-text-background overflow-hidden focus-visible--inset" data-turbo="false" href="https://nordastelo.teamtailor.com/jobs/6876832-ingenieur-e-cotier-conception-et-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(e) côtier - Conception et 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
          group-hover:text-company-primary-text
        "
        title="Ingénieur(e) côtier - Conception et hydraulique côtière"
      >
        Ingénieur(e) côtier - Conception et hydraulique...
      </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="
    group block-grid-item border border-block-base-text border-opacity-15 overflow-hidden
    min-h-[22.5rem] items-center justify-center rounded relative
    z-career-job-card-image
  "
>
  <a class="block h-full w-full no-company-style transition group-hover:text-company-primary-text group-hover:bg-primary-text-background overflow-hidden focus-visible--inset" data-turbo="false" href="https://nordastelo.teamtailor.com/jobs/6351175-ingenieur-ou-ingenieure-structure-portuaire">
    <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 ou ingénieure structure portuaire 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 structure portuaire"
      >
        Ingénieur ou ingénieure structure portuaire
      </span>

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

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

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

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

</template></turbo-stream>
  <turbo-stream action="append" target="jobs_list_container"><template>
    <li
  class="
    group block-grid-item border border-block-base-text border-opacity-15 overflow-hidden
    min-h-[22.5rem] items-center justify-center rounded relative
    z-career-job-card-image
  "
>
  <a class="block h-full w-full no-company-style transition group-hover:text-company-primary-text group-hover:bg-primary-text-background overflow-hidden focus-visible--inset" data-turbo="false" href="https://nordastelo.teamtailor.com/jobs/6151017-technicien-senior-ou-technicienne-seniore-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 senior ou technicienne séniore 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 senior ou technicienne séniore en géologie"
      >
        Technicien senior ou technicienne séniore en gé...
      </span>

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

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

    <span title="Montréal, Québec, Saguenay, Val d&#39;Or">Localisations multiples</span>

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

</template></turbo-stream>
  <turbo-stream action="append" target="jobs_list_container"><template>
    <li
  class="
    group block-grid-item border border-block-base-text border-opacity-15 overflow-hidden
    min-h-[22.5rem] items-center justify-center rounded relative
    z-career-job-card-image
  "
>
  <a class="block h-full w-full no-company-style transition group-hover:text-company-primary-text group-hover:bg-primary-text-background overflow-hidden focus-visible--inset" data-turbo="false" href="https://nordastelo.teamtailor.com/jobs/5961254-charge-e-de-projet-en-surveillance-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="Chargé(e) de projet en surveillance – 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="Chargé(e) de projet en surveillance – Ponts et Ouvrages d’art (POA)"
      >
        Chargé(e) de projet en surveillance – Ponts et ...
      </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 focus-visible--inset" data-turbo="false" href="https://nordastelo.teamtailor.com/jobs/5955584-representant-e-du-surveillant-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="Représentant(e) du surveillant – 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="Représentant(e) du surveillant – Ponts et Ouvrages d’art (POA)"
      >
        Représentant(e) du surveillant – Ponts et Ouvra...
      </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, Rimouski</span>

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

</template></turbo-stream>
  <turbo-stream action="append" target="jobs_list_container"><template>
    <li
  class="
    group block-grid-item border border-block-base-text border-opacity-15 overflow-hidden
    min-h-[22.5rem] items-center justify-center rounded relative
    z-career-job-card-image
  "
>
  <a class="block h-full w-full no-company-style transition group-hover:text-company-primary-text group-hover:bg-primary-text-background overflow-hidden focus-visible--inset" data-turbo="false" href="https://nordastelo.teamtailor.com/jobs/5413245-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
          group-hover:text-company-primary-text
        "
        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>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></template></turbo-stream>