
  <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/6317459-professionnelle-ou-professionnel-intermediaire-senior-en-environnement-biologiste">
    <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/f0254446-c63a-4b27-9a7a-4d947de792aa/original.jpeg?outputFormat=webp" type="image/webp">

    <img src="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/user_picture_800-v9/image_uploads/f0254446-c63a-4b27-9a7a-4d947de792aa/original.jpeg" alt="Professionnelle ou Professionnel intermédiaire/sénior en environnement (Biologiste) 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="Professionnelle ou Professionnel intermédiaire/sénior en environnement (Biologiste)"
      >
        Professionnelle ou Professionnel intermédiaire/...
      </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/6175766-directeur-ou-directrice-travaux-civil">
    <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="Directeur ou directrice - Travaux civil 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="Directeur ou directrice - Travaux civil"
      >
        Directeur ou directrice - Travaux civil
      </span>

      <div class="mt-1 text-md">
        
<span>MA - Infrastructures</span>

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

    <span title="Trois-Rivières, Sherbrooke, Québec, Montréal, Saguenay, Rimouski, Longueuil, 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/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"
        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>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="
    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/6063809-ingenieur-e-responsable-inspection-de-ponts-et-ouvrages-d-art-iri">
    <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="Ingénieur(e) Responsable – Inspection de Ponts et Ouvrages d’Art (IRI) 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) Responsable – Inspection de Ponts et Ouvrages d’Art (IRI)"
      >
        Ingénieur(e) Responsable – Inspection de Ponts ...
      </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, 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/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"
        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="
    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/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"
        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="
    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/5371519-chef-ou-cheffe-d-equipe-portuaire-et-cotier">
    <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="Chef ou cheffe d&#39;équipe - Portuaire et côtier 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 ou cheffe d&#39;équipe - Portuaire et côtier"
      >
        Chef ou cheffe d&#39;équipe - Portuaire et côtier
      </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="update" target="show_more_button"><template></template></turbo-stream>