
  <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/7958923-dessinateur-ou-dessinatrice-travaux-civils">
    <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/948199f3-5b36-4f1d-b442-9f78cb02c789/original.jpeg?outputFormat=webp" type="image/webp">

    <img src="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/user_picture_800-v9/image_uploads/948199f3-5b36-4f1d-b442-9f78cb02c789/original.jpeg" alt="Dessinateur ou dessinatrice - travaux civils image" loading="lazy" class="w-full">
</picture>
  
</figure>
      </div>
    </div>

    <div class="flex 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="Dessinateur ou dessinatrice - travaux civils"
      >
        Dessinateur ou dessinatrice - travaux civils
      </span>

      <div class="text-md mt-4">
        
<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-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/7914730-responsable-en-inspection-de-ponts-et-ouvrages-d-art-iri">
    <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="Responsable en inspection de Ponts et Ouvrages d’Art (IRI) 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 en inspection de Ponts et Ouvrages d’Art (IRI)"
      >
        Responsable en inspection de Ponts et Ouvrages ...
      </span>

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

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

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

    <span class="mx-[2px]">&middot;</span>
  <span class="inline-flex items-center gap-x-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/7895717-banque-de-candidatures-en-surveillance-technicien-coordonnateur-et-ingenieur-mandat-hydro-quebec">
    <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/25d92842-ee57-473e-b1da-0199fe83af99/original.jpg?outputFormat=webp" type="image/webp">

    <img src="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/user_picture_800-v9/image_uploads/25d92842-ee57-473e-b1da-0199fe83af99/original.jpg" alt="Banque de candidatures en surveillance (technicien, coordonnateur et ingénieur)-Mandat Hydro-Québec image" loading="lazy" class="w-full">
</picture>
  
</figure>
      </div>
    </div>

    <div class="flex 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="Banque de candidatures en surveillance (technicien, coordonnateur et ingénieur)-Mandat Hydro-Québec"
      >
        Banque de candidatures en surveillance (technic...
      </span>

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

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

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

    <span class="mx-[2px]">&middot;</span>
  <span class="inline-flex items-center gap-x-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/7861128-geologue-en-estimation-des-ressources-minerales">
    <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/5bc2dbd3-844d-430b-bdc4-0efd4651b83c/original.jpeg?outputFormat=webp" type="image/webp">

    <img src="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/user_picture_800-v9/image_uploads/5bc2dbd3-844d-430b-bdc4-0efd4651b83c/original.jpeg" alt="Géologue en estimation des ressources minérales image" loading="lazy" class="w-full">
</picture>
  
</figure>
      </div>
    </div>

    <div class="flex 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 en estimation des ressources minérales"
      >
        Géologue en estimation des ressources minérales
      </span>

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

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

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

    <span class="mx-[2px]">&middot;</span>
  <span class="inline-flex items-center gap-x-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/7806638-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>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/7777610-surveillant-ou-surveillante-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="Surveillant ou surveillante – Ponts et Ouvrages d’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="Surveillant ou surveillante – Ponts et Ouvrages d’art (POA)"
      >
        Surveillant ou surveillante – Ponts et Ouvrages...
      </span>

      <div class="text-md mt-4">
        
<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-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/7718034-analyste-financier">
    <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="Analyste financier 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="Analyste financier"
      >
        Analyste financier
      </span>

      <div class="text-md mt-4">
        
<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-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/7677663-directeur-ou-directrice-de-projets-pont-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/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 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 ou directrice de projets  - Pont et Ouvrages d&#39;art (POA)"
      >
        Directeur ou directrice de projets  - Pont et O...
      </span>

      <div class="text-md mt-4">
        
<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-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/7668064-ingenieur-e-infrastructure-et-traitement-municipal">
    <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/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 et traitement - Municipal 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) Infrastructure et traitement - Municipal"
      >
        Ingénieur(e) Infrastructure et traitement - Mun...
      </span>

      <div class="text-md mt-4">
        
<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-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/7637468-ingenieur-ou-ingenieure-circulation-et-planification-des-transports">
    <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/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 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 – Circulation et planification des transports"
      >
        Ingénieur ou ingénieure – Circulation et planif...
      </span>

      <div class="text-md mt-4">
        
<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-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/7630504-ingenieur-e-structure-hydroelectricite-et-barrages">
    <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/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 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) - Structure hydroélectricité et barrages"
      >
        Ingénieur(e) - Structure hydroélectricité et ba...
      </span>

      <div class="text-md mt-4">
        
<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-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/7610674-technicien-ne-civil-cao-dao-_-municipal">
    <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/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 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.ne civil CAO-DAO _ Municipal"
      >
        Technicien.ne civil CAO-DAO _ Municipal
      </span>

      <div class="text-md mt-4">
        
<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-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/7532039-ingenieur-e-mecanique-lourde-de-barrage">
    <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/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 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) mécanique lourde de barrage"
      >
        Ingénieur(e) mécanique lourde de barrage
      </span>

      <div class="text-md mt-4">
        
<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-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/7512192-ingenieure-ou-ingenieur-civil-reseaux-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="Ingénieure ou ingénieur civil, Réseaux 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="Ingénieure ou ingénieur civil, Réseaux routiers"
      >
        Ingénieure ou ingénieur civil, Réseaux routiers
      </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/7361149-cpi-ingenieur-e-mecanique">
    <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/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 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 ingénieur.e mécanique"
      >
        CPI ingénieur.e mécanique
      </span>

      <div class="text-md mt-4">
        
<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-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/7333237-technicien-ne-principal-e-ponts-et-ouvrages-d-art-poa-reconstruction-de-la-route-132">
    <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="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 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(ne) principal(e)  – Ponts et Ouvrages d’art (POA) - Reconstruction de la route 132"
      >
        Technicien(ne) principal(e)  – Ponts et Ouvrage...
      </span>

      <div class="text-md mt-4">
        
<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-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/6876832-ingenieur-e-cotier-conception-et-hydraulique-cotiere">
    <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="Ingénieur(e) côtier - Conception et hydraulique côtière 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) côtier - Conception et hydraulique côtière"
      >
        Ingénieur(e) côtier - Conception et hydraulique...
      </span>

      <div class="text-md mt-4">
        
<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-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/6151017-technicien-senior-ou-technicienne-seniore-en-geologie">
    <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/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 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 senior ou technicienne séniore en géologie"
      >
        Technicien senior ou technicienne séniore en gé...
      </span>

      <div class="text-md mt-4">
        
<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-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/5961254-charge-e-de-projet-surveillance-conception-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="Chargé(e) de projet (surveillance/conception) – Ponts et Ouvrages d’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="Chargé(e) de projet (surveillance/conception) – Ponts et Ouvrages d’art (POA)"
      >
        Chargé(e) de projet (surveillance/conception) –...
      </span>

      <div class="text-md mt-4">
        
<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-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/5955584-representant-e-du-surveillant-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="Représentant(e) du surveillant – Ponts et Ouvrages d’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="Représentant(e) du surveillant – Ponts et Ouvrages d’art (POA)"
      >
        Représentant(e) du surveillant – Ponts et Ouvra...
      </span>

      <div class="text-md mt-4">
        
<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-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></template></turbo-stream>