PageSourceSearch

https://carrieres.cir.fr/

html cir.fr collected 2026-10-07 19:53:09 UTC 129,683 bytes, 2,138 lines download raw bytes

1<!DOCTYPE html>
2
3<html
4  lang="fr"
5  dir="ltr"
6  class="h-screen"
7>
8  <head>
9
10    
10<script src="https://assets-aws.teamtailor-cdn.com/assets/cookies-b3e5afe6.js" crossorigin="anonymous" type="module" data-turbo-track="reload" nonce="" integrity="sha384-/XlzIll1NPEDkH/JVQVTHjRes32bN+N2Za30kywIhCI0xbiFkLnOpH+VCdf3FWsj"></script>
vendor: 1 bytes, line 10
10
11<script src="https://assets-aws.teamtailor-cdn.com/assets/careersite-66d1f9f7.js" crossorigin="anonymous" type="module" data-turbo-track="reload" nonce="" integrity="sha384-XywBY3UKTaUkiwZpqHr1jSefAgDXG4rIme6MO+JpOFa3MQcRZKyaagV5erYiF9OH"></script>
vendor: 1 bytes, line 11
11
12<script src="https://assets-aws.teamtailor-cdn.com/assets/font-awesome-2bbc44ad.js" crossorigin="anonymous" type="module" data-turbo-track="reload" nonce="" integrity="sha384-wvJrKr6fXfXoAnJxcq/cuQFpUIxj9sU091NYJdB/s1vWgHKDU+6p30XewuXoD/KB"></script>
12
13
14    <link rel="stylesheet" crossorigin="anonymous" href="https://assets-aws.teamtailor-cdn.com/assets/careersite-f2644f82.css" data-turbo-track="reload" media="all" integrity="sha384-lvyIm1Q0IeQST69ikGuhQvn5c0LozY1CSSux59cbIDqScWbQm3AgE3DyWWOXE5gV" />
15
16      
17      
18
19    <meta name="viewport" content="width=device-width, initial-scale=1">
20
21    <meta name="turbo-cache-control" content="">
22
23    <meta name="turbo-prefetch" content="false">
24
25    <title>
26      Rejoignez-nous - CIR
27    </title>
28
29    <meta name="csrf-param" content="authenticity_token" />
30<meta name="csrf-token" content="-gPi2JS4G9aoKVj71qH0TGo4g9Eyk5aRhGL0uZk9AvU8ckOLSrIiWj0cfIqpKW7qFdw1fSZoixEVjxxQVTi_bw" />
31    
32
33    
34<link rel="icon" type="image/png" href="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/favicon-v3/image_uploads/88163091-e147-44d1-833e-073f6102a93c/original.png">
35<link rel="apple-touch-icon" href="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/favicon_apple-v3/image_uploads/88163091-e147-44d1-833e-073f6102a93c/original.png" sizes="180x180">
36
37<meta name="description" content="">
38<meta name="keywords" content="Opportunités de carrière, recherche, candidature spontanée, carrières, page carrière">
39
40
41<meta name="content-signal" content="search=yes, ai-train=no, ai-input=yes">
42
43
44
45<link rel="alternate" type="application/rss+xml" title="Jobs" href="https://carrieres.cir.fr/jobs.rss" />
46
47
48    <meta property="og:locale" content="fr_FR">
49<meta property="og:type" content="article">
50<meta property="og:title" content="Rejoignez-nous">
51<meta property="og:site_name" content="CIR">
52<meta property="og:url" content="https://carrieres.cir.fr/">
53<meta property="og:description" content="">
54
55  <meta property="og:image" content="https://screenshots.teamtailor-cdn.com/943fb038-e71a-4343-8c76-1c7c95242e12-facebook.png?update=1789474450">
56  <meta property="og:image:width" content="1200">
57  <meta property="og:image:height" content="630">
58  <meta name="twitter:card" content="summary_large_image">
59  <meta name="twitter:image" content="https://screenshots.teamtailor-cdn.com/943fb038-e71a-4343-8c76-1c7c95242e12-twitter.png?update=1789474450">
60  <meta name="twitter:title" content="Rejoignez-nous - CIR">
61  <meta name="twitter:description" content="">
62
63
64
65
66    <style media="all">
67  :root {
68    --company-primary-bg-color: 255, 255, 255;
69    --company-primary-bg-contrast-color: #000000;
70    --company-secondary-bg-color: 232, 0, 0;
71    --company-secondary-bg-light-5-color: 255, 2, 2;
72    --company-secondary-bg-fallback-color: 232, 0, 0;
73    --company-primary-text-color: 2, 2, 2;
74    --company-primary-text-dark-5-color: 0, 0, 0;
75    --company-primary-text-dark-10-color: 0, 0, 0;
76    --company-primary-text-light-50-color: 129, 129, 129;
77    --company-primary-text-light-77-color: 198, 198, 198;
78    --company-secondary-text-color: 255, 255, 255;
79    --company-secondary-text-light-5-color: 255, 255, 255;
80    --company-secondary-text-light-15-color: 255, 255, 255;
81    --company-link-color: 251, 8, 8;
82    --company-link-color-on-white: 251, 8, 8;
83    --company-color: 251, 8, 8;
84
85    --company-button-text-color: 255, 255, 255;
86    --company-button-bg-color: 251, 8, 8;
87
88    --company-button-bg-light-5-color: 251, 33, 33;
89    --company-button-bg-light-15-color: 252, 83, 83;
90
91    --company-button-bg-color-on-white: 251, 8, 8;
92    --company-secondary-text-color-on-white: 77, 77, 77;
93
94    --company-border-radius: 40px;
95
96    --company-header-font-family: "Roboto";
97    --company-header-font-weight: 700;
98    --company-body-font-family: "Inter";
99    --company-body-font-weight: 300;
100  }
101    
102</style>
103
104  <meta name="theme-color" content="#fb0808">
105
106      <link rel="preload" href="https://assets-aws.teamtailor-cdn.com/assets/careersite/Roboto-latin-basic-739f7cad.woff2" as="font" type="font/woff2" crossorigin="true">
107  <link rel="preload" href="https://assets-aws.teamtailor-cdn.com/assets/careersite/Inter-latin-basic-1cec9a00.woff2" as="font" type="font/woff2" crossorigin="true">
108
109  <style>
110      @font-face {
111        font-family: "Roboto";
112        src: url("https://assets-aws.teamtailor-cdn.com/assets/careersite/Roboto-latin-basic-739f7cad.woff2") format("woff2");
113        unicode-range: U+0020-007F,U+2000-206F;
114      }
115
116      @font-face {
117        font-family: "Roboto";
118        src: url("https://assets-aws.teamtailor-cdn.com/assets/careersite/Roboto-latin-supplement-15ca217b.woff2") format("woff2");
119        unicode-range: U+00A0-00FF;
120      }
121
122      @font-face {
123        font-family: "Roboto";
124        src: url("https://assets-aws.teamtailor-cdn.com/assets/careersite/Roboto-other-d608328b.woff2") format("woff2");
125        unicode-range: U+0100-1FFF,U+2070-E007F;
126      }
127      @font-face {
128        font-family: "Inter";
129        src: url("https://assets-aws.teamtailor-cdn.com/assets/careersite/Inter-latin-basic-1cec9a00.woff2") format("woff2");
130        unicode-range: U+0020-007F,U+2000-206F;
131      }
132
133      @font-face {
134        font-family: "Inter";
135        src: url("https://assets-aws.teamtailor-cdn.com/assets/careersite/Inter-latin-supplement-75d0cb49.woff2") format("woff2");
136        unicode-range: U+00A0-00FF;
137      }
138
139      @font-face {
140        font-family: "Inter";
141        src: url("https://assets-aws.teamtailor-cdn.com/assets/careersite/Inter-
141other-687d716a.woff2") format("woff2");
142        unicode-range: U+0100-1FFF,U+2070-E007F;
143      }
144  </style>
145
146
147  </head>
148
149  <body class="font-company-body min-h-dvh flex flex-col text-company-primary bg-company-primary overflow-x-clip @container company-link-style--underline companies show" data-controller="careersite--ready careersite--referrer-cookie careersite--preload" data-careersite--referrer-cookie-disabled-value="false" data-careersite--ready-in-editor-value="false" data-block-scripts="true">
150    <a href="#main-content" class="careersite-button min-w-[13.75rem] group 
151          absolute top-0 left-0 py-8 px-16 z-50 transform
152          -translate-y-full -translate-x-full focus:translate-y-8 focus:translate-x-8 transition">
153  <span class="flex items-center justify-center gap-x-12">
154    
155    <span class="truncate">Passer au contenu principal</span>
156
157      <i class="transition duration-200 transform fas mt-[-1px] fa-chevron-right group-hover:translate-x-4 rtl:group-hover:-translate-x-4 rtl:-scale-x-100"></i>
158  </span>
159</a>
160
161    <div id="page-announcer" class="sr-only" role="status" aria-live="polite" aria-atomic="true" data-controller="common--page-announcer" data-turbo-permanent="true"></div>
162
163
164    
165
166    
167
168      <dialog aria-label="Ce site Web utilise des cookies pour vous garantir la meilleure expérience." data-controller="common--cookies--alert" data-common--cookies--alert-block-scripts-value="true" data-common--cookies--alert-takeover-modal-value="false" data-common--cookies--alert-show-cookie-widget-value="true" class="company-links fixed shadow-form w-auto items-center rounded p-16 bg-company-primary text-company-primary overflow-y-auto border-none max-h-[80vh] z-cookie-alert lg:gap-x-24 lg:max-h-[calc(100vh-40px)] flex-col inset-x-16 bottom-16 mb-0 mt-auto justify-between translate-y-0! top-0! lg:p-40 lg:flex-row lg:inset-x-[40px] lg:mb-24">
169
170    <div class="w-full max-w-(--breakpoint-xl) overflow-y-auto">
171      <h2 class="font-bold block text-md mb-8">Ce site Web utilise des cookies pour vous garantir la meilleure expérience.</h2>
172
173      <p class="mb-8">
174        CIR et nos partenaires sélectionnés utilisent des cookies et des technologies similaires (ensemble, les « cookies ») qui sont nécessaires pour vous présenter ce site Web, et pour vous garantir la meilleure expérience.
175
176          Si vous y consentez, nous utiliserons également des cookies à des fins de statistiques.
177      </p>
178
179      <p class="mb-8">Consultez notre <a class='company-link' href='https://carrieres.cir.fr/cookie-policy'>politique relative aux cookies</a> pour en savoir plus sur les cookies que nous utilisons.</p>
180
181      <p>Vous pouvez retirer et modifier votre consentement à tout moment en cliquant sur « Gérer les cookies » en bas de chaque page.</p>
182</div>
183    <div
184      class="
185        mt-24 mb-8 flex w-full shrink-0 flex-col items-center gap-[10px]
186        md:w-auto md:flex-row lg:flex-col
187      "
188    >
189      <button class="careersite-button w-full" aria-label="Accepter tous les cookies" data-action="click-&gt;common--cookies--alert#acceptAll">Accepter tous les cookies</button>
190
191        <button class="careersite-button w-full" aria-label="Refuser les cookies facultatifs" data-action="click-&gt;common--cookies--alert#disableAll">Refuser les cookies facultatifs</button>
192
193      <button class="careersite-button w-full" aria-label="Préférences relatives aux cookies" data-action="click-&gt;common--cookies--alert#openPreferences">Préférences relatives aux cookies</button>
194    </div>
195</dialog>
196
197      <dialog aria-modal="true" aria-label="Sélectionnez les cookies que vous acceptez" data-controller="common--cookies--preferences" data-common--cookies--preferences-checked-categories-value="[]" data-action="open-cookie-preferences@window-&gt;common--cookies--preferences#open" class="company-links bg-company-primary text-company-primary shadow-form inset-x-16 mb-16 rounded max-w-(--breakpoint-sm) p-16 overflow-auto max-h-[80vh] z-cookie-alert backdrop:bg-[rgba(0,0,0,0.6)] sm:p-40 sm:mb-auto fixed top-8">
198  <div class="text-center; mb-20">
199    <h2 class="font-bold mb-8 text-lg">Sélectionnez les cookies que vous acceptez</h2>
200    <p class="text-left mb-8">Sur ce site, nous utilisons toujours par défaut les cookies qui s
200ont essentiels au bon fonctionnement du site.</p>
201    <p class="text-left mb-8">Si vous y consentez, nous utiliserons également d&#39;autres types de cookies. Vous pouvez donner ou retirer votre consentement vis-à-vis de ces derniers à l&#39;aide des boutons ci-dessous. Vous pouvez modifier ou retirer votre consentement à tout moment en cliquant sur le lien « Gérer les cookies » disponible en bas du site.</p>
202    <p class="text-left">Pour en savoir plus sur les différents types de cookies, leur fonctionnement, et comment vos données sont utilisées lors de leur paramétrage, consultez notre <a href='https://carrieres.cir.fr/cookie-policy'>Politique relative aux cookies</a>.</p>
203  </div>
204
205  <div class="mb-40 text-sm leading-snug">
206    <div class="flex mb-12 items-start @sm:mb-20 cursor-default" data-preference-type="strictly_necessary">
207  <div class="label-switch label-switch--disabled">
208    <input type="checkbox" disabled="disabled" id="strictly_necessary" checked="checked" class="peer">
209
210    <div class="checkbox peer-focus:ring-2 peer-focus:ring-blue-600"></div>
211</div>
212  <div class="ml-16 flex flex-col">
213    <label class="font-semibold" for="strictly_necessary">Strictement nécessaires</label>
214
215    <p>Ces cookies sont essentiels au bon fonctionnement du site, et sont toujours activés lorsque vous visitez le site.</p>
216
217      <span>
218        <strong>Vendeurs</strong>
219        <span>Teamtailor</span>
220      </span>
221</div></div>
222
223    <div class="flex mb-12 items-start @sm:mb-20" data-preference-type="analytics">
224  <div class="label-switch">
225    <input type="checkbox" id="analytics" class="peer" data-common--cookies--preferences-target="categoryInput" data-action="input-&gt;common--cookies--preferences#handleCategoryToggle">
226
227    <div class="checkbox peer-focus:ring-2 peer-focus:ring-blue-600"></div>
228</div>
229  <div class="ml-16 flex flex-col">
230    <label class="font-semibold cursor-pointer" for="analytics">Statistiques</label>
231
232    <p>Ces cookies collectent des informations qui nous aident à comprendre comment le site est utilisé.</p>
233
234      <span>
235        <strong>Vendeurs</strong>
236        <span>Teamtailor</span>
237      </span>
238</div></div>
239
240    
241
242    
243  </div>
244
245  <div class="flex flex-col items-center gap-24">
246    <button class="careersite-button w-full" data-action="click-&gt;common--cookies--preferences#handleAccept">Accepter ces cookies</button>
247
248    <button class="careersite-button w-full" data-action="click-&gt;common--cookies--preferences#handleDecline">Refuser les cookies facultatifs</button>
249  </div>
250</dialog>
251
252
253    
254  <header class="header z-career-header flex w-full h-80   hover:after:top-0 absolute! top-0" data-section-model="header" style="--header-text-color: #FFFFFF;--header-background-color: transparent;">
255    <div class="absolute top-0 h-full w-full ltr:left-0 rtl:right-0">
256              <div class="flex items-center h-full ltr:ml-8 rtl:mr-8" data-controller="common--header--menu" data-common--header--menu-open-value="false" data-test="header-menu">
257  <button
258    class="
259      z-career-header-menu-button focus-visible-header relative flex h-56
260      cursor-pointer items-center gap-16 px-16 no-underline @sm:w-auto
261      @sm:bg-transparent
262    "
263    aria-expanded="false"
264    data-action="click->common--header--menu#toggle"
265    data-common--header--menu-target="button"
266  >
267    <span class="header-menu-burger" data-common--header--menu-target="burger">
268        <span class="header-menu-burger__item"></span>
269        <span class="header-menu-burger__item"></span>
270        <span class="header-menu-burger__item"></span>
271        <span class="header-menu-burger__item"></span>
272    </span>
273
274    <span class="sr-only @sm:not-sr-only text-sm leading-normal tracking-wider uppercase whitespace-nowrap!">Menu carrière</span>
275  </button>
276
277  <div
278    class="
279      bottom header__nav z-career-header-menu-content absolute inset-0 m-0
280      hidden h-screen w-full flex-col overflow-y-auto overscroll-contain
281      pt-80 pb-32 @sm:flex-row @sm:py-80
282    "
283    data-common--header--menu-target="menu"
284  >
285    <nav class="main-nav-menu w-full @sm:h-full">
286      <ul class="w-full @sm:pb-80">
287          <li>
288            <a class="text-xl @sm:text-4xl py-12 px-32 @sm:px-[20%] block font-bold w-full no-underline hover:bg-gradient-header focus-visible-header--inset focus-visible:bg-gradient-header rtl:degree-[90deg]" href="https://carrieres.cir.fr/">Accueil</a>
289</li>          <li>
290            <a class="text-xl @sm:text-4xl py-12 px-32 @sm:px-[20%] block font-bold w-full no-underline hover:bg-gradient-header focus-visible-header--inset focus-visible:bg-gradient-header rtl:degree-[90deg]" href="https://carrieres.cir.fr/jobs">Nos offres d&#39;emploi</a>
291</li>          <li>
292            <a class="text-xl @sm:text-4xl py-12 px-32 @sm:px-[20%] block font-bold w-full no-underline hover:bg-gradient-header focus-visible-header--inset focus-visible:bg-gradient-header rtl:degree-[90deg]" href="https://carrieres.cir.fr/locations">Où nous trouver ? </a>
293</li>          <li>
294            <a class="text-xl @sm:text-4xl py-12 px-32 @sm:px-[20%] block font-bold w-full no-underline hover:bg-gradient-header focus-visible-header--inset focus-visible:bg-gradient-header rtl:degree-[90deg]" href="https://carrieres.cir.fr/departments">Nos départements à la CIR </a>
295</li>      </ul>
296    </nav>
297
298    <div class="header-menu__secondary flex flex-col items-start @sm:items-end py-36 px-32 @md:max-h-full @sm:text-right ltr:pr-32 rtl:pl-32 @sm:px-0 @sm:pt-16">
299      <span class="text-lg font-bold">
300        Espace Collaborateur
301      </span>
302
303      <a class="hover:underline focus-visible-header whitespace-nowrap" href="https://carrieres.cir.fr/sso_login">Connexion en tant que collaborateur</a>
304
305
306        <span class="mt-48 text-lg font-bold">
307          Espace Candidat
308        </span>
309        <a class="hover:underline focus-visible-header whitespace-nowrap" href="https://carrieres.cir.fr/connect/login">Connexion à Connect</a>
310
311        <span class="mt-48 text-lg font-bold">Accueil</span>
312        <a class="hover:underline focus-visible-header" href="http://www.cir.fr">cir.fr</a>
313</div>  </div>
314</div>
315
316</div>
317
318<div class="header__logo mx-auto flex items-center">        
319<a class="relative h-[72px] flex items-center justify-center text-center focus-visible-header" id="eff6dda59d6cc955800c914831bb03a02" data-test="company-logo" data-turbo-permanent="true" href="https://carrieres.cir.fr/">
320    <img alt="CIR : site carrière" class="mx-auto max-w-[180px] @sm:max-w-[200px] max-h-[90%]" src="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/logotype-v3/image_uploads/60e8f532-75cd-4020-b41f-4f761599b873/original.png" />
321</a>
322</div>
323
324  <div class="absolute top-0 mx-12 flex h-full items-center ltr:right-0 rtl:left-0">
325              <div data-controller="common--share" data-common--share-url-placeholder-value="__SHARE_URL__" data-test="share-button">
326  <div class="relative" data-controller="common--dropdown" data-common--dropdown-use-stimulus-click-outside-value="false" data-common--dropdown-right-aligned-class="ltr:right-0 rtl:left-0" data-common--dropdown-validation-error-value="Vous devez sélectionner une option">
327
328
329  <button type="button" role="button" id="trigger-dropdown-33aec8eb" aria-required="false" aria-label="Partager la page" aria-haspopup="menu" aria-expanded="false" aria-controls="dropdown-33aec8eb" class="text-current px-16 pt-[15px] pb-[17px] block flex items-center justify-center focus-visible-header" data-common--dropdown-target="button" data-action="click-&gt;common--dropdown#toggle">
330    <span class="sr-only">Partager la page</span>
331
332          <i class="far fa-arrow-up-from-bracket size-24"></i>
333
334</button>
335  <div id="dropdown-33aec8eb" role="menu" aria-labelledby="trigger-dropdown-33aec8eb" class="absolute flex-col hidden -mt-4 bg-white rounded min-w-[175px] shadow-form animate__animated animate__faster z-dropdown max-h-[70vh] overflow-y-auto ltr:right-0 rtl:left-0  p-8 top-full" data-common--dropdown-target="dropdown">
336
337
338        <button type="button" role="menuitem" class="block no-underline px-12 py-12 sm:py-4 text-gray-700 focus-visible:outline-company-button-bg-on-white hover:bg-company-secondary hover:text-company-secondary last:mb-0 text-unset mb-4 rounded-xs" data-common--dropdown-target="menuItem" data-action="click-&gt;common--share#handleClick" data-provider="Facebook">
339                <span class="flex items-center">
340        <i class="fab fa-facebook-square size-24"></i>
341        <span class="mx-12">Facebook</span>
342      </span>
343
344</button>        <button type="button" role="menuitem" class="block no-underline px-12 py-12 sm:py-4 text-gray-700 focus-visible:outline-company-button-bg-on-white hover:bg-company-secondary hover:text-company-secondary last:mb-0 text-unset mb-4 rounded-xs" data-common--dropdown-target="menuItem" data-action="click-&gt;common--share#handleClick" data-provider="Twitter">
345                <span class="flex items-center">
346        <i class="fab fa-square-x-twitter size-24"></i>
347        <span class="mx-12">X</span>
348      </span>
349
350</button>        <button type="button" role="menuitem" class="block no-underline px-12 py-12 sm:py-4 text-gray-700 focus-visible:outline-company-button-bg-on-white hover:bg-company-secondary hover:text-company-secondary last:mb-0 text-unset mb-4 rounded-xs" data-common--dropdown-target="menuItem" data-action="click-&gt;common--share#handleClick" data-provider="LinkedIn">
351                <span class="flex items-center">
352        <i class="fab fa-linkedin size-24"></i>
353        <span class="mx-12">LinkedIn</span>
354      </span>
355
356</button>
357
358
359
360</div></div></div>
361
362  </div>
363</header>
364
365<main class="flex flex-col grow outline-hidden" id="main-content" tabindex="-1">
366  
367  
368  
369  <section id="section-59926322" style="--block-base-text-color: var(--company-primary-text-color);--block-base-link-color: var(--company-link-color);--block-base-background-color: var(--company-primary-bg-color);--block-base-highlight-color: var(--company-color);--block-title-color: rgba(var(--block-base-text-color), 1);--block-image-background: #e80000;" class="block--cover   hover:after:top-0 hover:after:bottom-0 bg-company-primary text-company-primary" data-section-route="section" data-section-model="59926322" data-section-name="cover" data-section-label="Couverture">
370    
371  
372<link style="display: none" rel="preload" fetchpriority="high" as="image" href="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/hero_picture_small-v6/image_uploads/7eefcdf6-3b5f-426d-86cb-c23153ccbbf8/original.png" media="(max-width: 640px)">
373
374<link style="display: none" rel="preload" fetchpriority="high" as="image" href="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/hero_picture_medium-v6/image_uploads/7eefcdf6-3b5f-426d-86cb-c23153ccbbf8/original.png" media="(min-width: 640px), (max-width: 1280px)">
375
376<link style="display: none" rel="preload" fetchpriority="high" as="image" href="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/hero_picture_large_full_cover-v6/image_uploads/7eefcdf6-3b5f-426d-86cb-c23153ccbbf8/original.png" media="(min-width: 1280px)">
377
378<!-- display: none to avoid this getting used as a slider when in cover slider layout -->
379<style style="display: none">
380  .block-cover-bg {
381    background-image: var(--block-bg-background-small);
382  }
383
384  @media (min-width: 640px) {
385    .block-cover-bg {
386      background-image: var(--block-bg-background-medium);
387    }
388  }
389
390  @media (min-width: 1280px) {
391    .block-cover-bg {
392      background-image: var(--block-bg-background-full);
393    }
394  }
395</style>
396
397
398<section class="w-screen bg-cover bg-center bg-company-secondary-fallback relative isolate min-h-(--tt-preview-height,100dvh) @lg:min-h-[max(700px,var(--tt-preview-height,100dvh))]! block-cover-bg block-cover-text" style="--block-bg-overlay-text-color: #FFFFFF;--block-bg-overlay-background-color: #000000;--block-bg-overlay-opacity: 40%;--block-bg-background-small: url(https://images.teamtailor-cdn.com/images/s3/teamtailor-production/hero_picture_small-v6/image_uploads/7eefcdf6-3b5f-426d-86cb-c23153ccbbf8/original.png)" data-controller="blocks--cover--scroll" data-blocks--cover--scroll-smooth-scroll-class="scroll-smooth">
399  <div
400    class="
401      z-career-block-content relative flex h-full min-h-[inherit] w-full
402      flex-col items-center justify-center px-16 text-center text-lg
403    "
404  >
405    <div class=" delay-[100ms] w-full relative flex flex-col items-center justify-center @md:max-w-[75%] @lg:py-0 @md:pt-[200px] pt-[160px] pb-80 @lg:py-0">
406
407      <h1 class="font-company-header text-4xl @md:text-6xl @lg:text-7xl leading-tight hyphens-auto">Rejoignez-nous</h1>
408
409
410
411            <div class="mt-32 flex justify-center flex-wrap gap-8 @sm:gap-x-80">
412      <a href="https://carrieres.cir.fr/connect" class="careersite-button min-w-[13.75rem] group" data-event-tracking="click" data-event-category="Career" data-event-name="Section: Cover" data-event-label="Click: Connect">
413  <span class="flex items-center justify-center gap-x-12">
414    
415    <span class="truncate">Utilisez Connect</span>
416
417  </span>
418</a>
419
420      <a href="#jobs" class="careersite-button min-w-[13.75rem] group mt-16 @sm:mt-0" data-event-tracking="click" data-event-category="Career" data-event-name="Section: Cover" data-event-label="Click: Browse Jobs" data-action="click-&gt;blocks--cover--scroll#handleScrollToJobs" data-turbo="false">
421  <span class="flex items-center justify-center gap-x-12">
422    
423    <span class="truncate">Offres d&#39;emploi</span>
424
425  </span>
426</a>
427
428    
429</div>
430
431</div>  </div>
432
433  <div class="absolute inset-0 z-career-block-overlay block-cover-overlay"></div>
434
435
436    <div data-controller="blocks--cover--re-render-video">
437  <video class="absolute bg-black inset-0 object-cover h-full w-full " data-blocks--cover--re-render-video-target="videoElement" loop="loop" muted="muted" autoplay="autoplay" playsinline="playsinline">
438    <source src="https://videos.teamtailor-cdn.com/tt-videos-production/uploads_converted/cover_large/9b1ffdbd993a4e97967bd8799fd3b45f259799e3.mp4" type="video/mp4">
439    <source src="https://videos.teamtailor-cdn.com/tt-videos-production/uploads_converted/cover_large/9b1ffdbd993a4e97967bd8799fd3b45f259799e3.webm" type="video/webm">
440</video></div>
441
442    <button class=" delay-350 z-career-block-content absolute hover:opacity-75 rounded-full left-1/2 transform -translate-x-1/2  bottom-40" data-action="click-&gt;blocks--cover--scroll#handleScrollDown" aria-label="Faire défiler jusqu&#39;au contenu">
443      <span class="sr-only">
444        Faire défiler jusqu&#39;au contenu
445      </span>
446
447      <i class="fal fa-circle-chevron-down size-40 text-5xl"></i>
448</button></section>
449
450</section>
451
452  
453  <section id="section-59926323" style="--block-base-text-color: var(--company-primary-text-color);--block-base-link-color: var(--company-link-color);--block-base-background-color: var(--company-primary-bg-color);--block-base-highlight-color: var(--company-color);--block-title-color: rgba(var(--block-base-text-color), 1);--block-image-background: #e80000;" class="block--text   block-padding bg-block-preset-primary bg-company-primary text-company-primary" data-section-route="section" data-section-model="59926323" data-section-sub-type="ContentBlock::Text" data-section-name="text" data-section-label="Texte">
454    <div class="text-lg block-padding-x" data-controller="careersite--responsive-video">
455    <div class="block-max-w--sm mx-auto">
456    <h2 class="mb-16 text-4xl text-center font-company-header text-block-title wrap-break-word hyphens-auto">Commencez votre carrière à la CIR</h2>
457
458    <div class="prose prose-block font-company-body company-links wrap-break-word"><p><span><em>Construisons ensemble une carrière à votre image où nous vous donnerons les moyens de progresser, d’apprendre et de vous épanouir.</em></span></p></div>
459</div>
460
461</div>
462</section>
463
464  
465  <section id="section-59926324" style="--block-base-text-color: var(--company-primary-text-color);--block-base-link-color: var(--company-link-color);--block-base-background-color: var(--company-primary-bg-color);--block-base-highlight-color: var(--company-color);--block-title-color: rgba(var(--block-base-text-color), 1);--block-image-background: #e80000;" class="block--numbers   block-padding bg-block-preset-primary bg-company-primary text-company-primary" data-section-route="section" data-section-model="59926324" data-section-name="numbers" data-section-label="Chiffres">
466    <div class="w-full text-lg block-padding-x font-company-body" style="--number-text-color: rgb(var(--block-base-highlight-color));">
467    <div class="block-max-w--md mx-auto mb-48">
468        <h2 class="text-4xl text-center font-company-header text-block-title">Chiffres clés </h2>
469
470    </div>
471
472  <dl class="grid grid-cols-1 gap-[48px] mx-auto block-max-w--lg w-full @md:grid-cols-3">
473
474      <div class="mb-32 w-full flex flex-col justify-start" data-controller="common--number" data-common--number-animated-class="opacity-0 animate__animated animate__faster" data-common--number-faded-in-class="animate__fadeInUp" data-common--number-number-value="90" data-common--number-index-value="0" data-common--number-abbreviated-value="false" data-common--number-animated-value="true" data-common--number-language-value="fr">
475  <dd class="flex items-center justify-center w-full text-[105px] font-bold text-center">
476    <span class="text-(color:--number-text-color) w-full leading-none text-block-highlight w-full" data-common--number-target="number"></span>
477
478</dd>
479    <dt class="mt-32 text-xl text-center">ans d&#39;expérience</dt>
480</div>
481
482      <div class="mb-32 w-full flex flex-col justify-start" data-controller="common--number" data-common--number-animated-class="opacity-0 animate__animated animate__faster" data-common--number-faded-in-class="animate__fadeInUp" data-common--number-number-value="390" data-common--number-index-value="1" data-common--number-abbreviated-value="false" data-common--number-animated-value="true" data-common--number-language-value="fr">
483  <dd class="flex items-center justify-center w-full text-[105px] font-bold text-center">
484    <span class="text-(color:--number-text-color) w-full leading-none text-block-highlight w-full" data-common--number-target="number"></span>
485
486</dd>
487    <dt class="mt-32 text-xl text-center">Salariés</dt>
488</div>
489
490      <div class="mb-32 w-full flex flex-col justify-start" data-controller="common--number" data-common--number-animated-class="opacity-0 animate__animated animate__faster" data-common--number-faded-in-class="animate__fadeInUp" data-common--number-number-value="14" data-common--number-index-value="2" data-common--number-abbreviated-value="false" data-common--number-animated-value="true" data-common--number-language-value="fr">
491  <dd class="flex items-center justify-center w-full text-[105px] font-bold text-center">
492    <span class="text-(color:--number-text-color) w-full leading-none text-block-highlight w-full" data-common--number-target="number"></span>
493
494</dd>
495    <dt class="mt-32 text-xl text-center">Agences commerciales</dt>
496</div>
497
498      <div class="mb-32 w-full flex flex-col justify-start" data-controller="common--number" data-common--number-animated-class="opacity-0 animate__animated animate__faster" data-common--number-faded-in-class="animate__fadeInUp" data-common--number-number-value="109" data-common--number-index-value="3" data-common--number-abbreviated-value="false" data-common--number-animated-value="true" data-common--number-language-value="fr">
499  <dd class="flex items-center justify-center w-full text-[105px] font-bold text-center">
500    <span class="text-(color:--number-text-color) w-full leading-none text-block-highlight w-full" data-common--number-target="number"></span>
501
502</dd>
503    <dt class="mt-32 text-xl text-center">Millions de CA</dt>
504</div>
505
506      <div class="mb-32 w-full flex flex-col justify-start" data-controller="common--number" data-common--number-animated-class="opacity-0 animate__animated animate__faster" data-common--number-faded-in-class="animate__fadeInUp" data-common--number-number-value="12000" data-common--number-index-value="4" data-common--number-abbreviated-value="false" data-common--number-animated-value="true" data-common--number-language-value="fr">
507  <dd class="flex items-center justify-center w-full text-[105px] font-bold text-center">
508    <span class="text-(color:--number-text-color) w-full leading-none text-block-highlight w-full" data-common--number-target="number"></span>
509
510</dd>
511    <dt class="mt-32 text-xl text-center">Clients</dt>
512</div>
513
514      <div class="mb-32 w-full flex flex-col justify-start" data-controller="common--number" data-common--number-animated-class="opacity-0 animate__animated animate__faster" data-common--number-faded-in-class="animate__fadeInUp" data-common--number-number-value="42" data-common--number-index-value="5" data-common--number-abbreviated-value="false" data-common--number-animated-value="true" data-common--number-language-value="fr">
515  <dd class="flex items-center justify-center w-full text-[105px] font-bold text-center">
516    <span class="text-(color:--number-text-color) w-full leading-none text-block-highlight w-full" data-common--number-target="number"></span>
517
518</dd>
519    <dt class="mt-32 text-xl text-center">Programmes de formations internes</dt>
520</div>
521</dl></div>
522</section>
523
524  
525
526
527  
528
529
530  
531  <section id="section-54546907" style="--block-base-text-color: var(--company-secondary-text-color);--block-base-link-color: var(--company-secondary-text-color);--block-base-background-color: var(--company-secondary-bg-color);--block-base-highlight-color: var(--company-secondary-text-color);--block-title-color: rgba(var(--block-base-text-color), 1);--block-image-background: #e80000;
531" class="block--workplace   bg-company-secondary text-company-secondary" data-section-route="section" data-section-model="54546907" data-section-name="workplace" data-section-label="Lieu de travail et culture">
532    <div class="@md:min-h-[500px] flex flex-col @lg:flex-row">
533  <div class="w-full flex flex-col items-center justify-center py-80 block-padding-x @md:px-60 @lg:w-1/2">
534    <h2 class="mb-16 text-4xl text-center text-block-title font-company-header @lg:max-w-600">RéuCIR ensemble</h2>
535
536    <div class="prose prose-block block-max-w--sm @lg:max-w-600 company-links"><p>➥ Une entreprise à <strong>taille humaine</strong>, où chacun trouve sa place</p><p>➥ Des métiers <strong>concrets, utiles</strong> et proches du terrain</p><p>➥ Un environnement <strong>dynamique</strong></p><p>➥ Des perspectives d’évolution réelles</p><p>➥ Une culture basée sur l’expertise, la confiance et l’engagement</p><p>➥ Des moments de convivialités</p></div>
537</div>
538    <div class="w-full @lg:w-1/2">
539      
540<div class="splide" dir="ltr" data-controller="common--carousel" data-common--carousel-use
540-container-height-value="true" data-common--carousel-initialize-when-viewport-value="false" data-common--carousel-has-video-value="false" data-common--carousel-autoplay-value="false" data-common--carousel-type-value="loop" data-common--carousel-pagination-value="true" data-common--carousel-arrows-value="true" data-common--carousel-initial-image-index-value="0" data-common--carousel-height-ratio-value="0">
541  <div class="splide__track">
542    <div class="splide__list">
543          <div class="splide__slide" data-common--carousel-target="item" data-url="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/gallery_picture-v6/image_uploads/560cecee-18ce-4e9c-9d86-42512a4210c2/original.jpeg">
544            <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNgYAAAAAMAASsJTYQAAAAASUVORK5CYII=" alt="Workplace image" class="hidden" data-common--carousel-target="image" data-splide-lazy="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/gallery_picture-v6/image_uploads/560cecee-18ce-4e9c-9d86-42512a4210c2/original.jpeg">
545</div>          <div class="splide__slide" data-common--carousel-target="item" data-url="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/gallery_picture-v6/image_uploads/60a40cf0-ed72-469c-95da-bdaedcebaf58/original.jpeg">
546            <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNgYAAAAAMAASsJTYQAAAAASUVORK5CYII=" alt="Workplace image" class="hidden" data-common--carousel-target="image" data-splide-lazy="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/gallery_picture-v6/image_uploads/60a40cf0-ed72-469c-95da-bdaedcebaf58/original.jpeg">
547</div>          <div class="splide__slide" data-common--carousel-target="item" data-url="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/gallery_picture-v6/image_uploads/e3e4994a-6e4a-4377-a871-295f26ccf109/original.png">
548            <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNgYAAAAAMAASsJTYQAAAAASUVORK5CYII=" alt="Workplace image" class="hidden" data-common--carousel-target="image" data-splide-lazy="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/gallery_picture-v6/image_uploads/e3e4994a-6e4a-4377-a871-295f26ccf109/original.png">
549</div>          <div class="splide__slide" data-common--carousel-target="item" data-url="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/gallery_picture-v6/image_uploads/3dc9bdbd-d0ea-4e98-ae44-9bec68847429/original.png">
550            <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNgYAAAAAMAASsJTYQAAAAASUVORK5CYII=" alt="Workplace image" class="hidden" data-common--carousel-target="image" data-splide-lazy="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/gallery_picture-v6/image_uploads/3dc9bdbd-d0ea-4e98-ae44-9bec68847429/original.png">
551</div>
552    </div>
553</div></div>
554    </div>
555</div>
556</section>
557
558  
559  <section id="section-59926328" style="--block-base-text-color: var(--company-primary-text-color);--block-base-link-color: var(--company-link-color);--block-base-background-color: var(--company-primary-bg-color);--block-base-highlight-color: var(--company-color);--block-title-color: rgba(var(--block-base-text-color), 1);--block-image-background: #e80000;" class="block--text   block-padding bg-block-preset-primary bg-company-primary text-company-primary" data-section-route="section" data-section-model="59926328" data-section-sub-type="ContentBlock::Text" data-section-name="text" data-section-label="Texte">
560    <div class="text-lg block-padding-x" data-controller="careersite--responsive-video">
561    <div class="block-max-w--sm mx-auto">
562    <h2 class="mb-16 text-4xl text-center font-company-header text-block-title wrap-break-word hyphens-auto">Ce que nous offrons</h2>
563
564</div>
565
566</div>
567</section>
568
569  
570  <section id="section-59926329" style="--block-base-text-color: var(--company-primary-text-color);--block-base-link-color: var(--company-link-color);--block-base-background-color: var(--company-primary-bg-color);--block-base-highlight-color: var(--company-color);--block-title-color: rgba(var(--block-base-text-color), 1);--block-image-background: #e80000;" class="block--picture   block-padding bg-block-preset-primary bg-company-primary text-company-primary" data-section-route="section" data-section-model="59926329" data-section-sub-type="ContentBlock::Picture" data-section-name="picture" data-section-label="Image">
571      <div class="block-padding-x">
572  <picture>
573      <source srcset="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/width_1400-v3/image_uploads/e124cfd5-7730-4891-a4c5-207aa52f42b7/original.png?outputFormat=webp" media="(min-width: 1024px)" type="image/webp">
574      <source srcset="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/width_1200-v3/image_uploads/e124cfd5-7730-4891-a4c5-207aa52f42b7/original.png?outputFormat=webp" media="(min-width: 768px)" type="image/webp">
575      <source srcset="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/width_800-v3/image_uploads/e124cfd5-7730-4891-a4c5-207aa52f42b7/original.png?outputFormat=webp" type="image/webp">
576
577    <source srcset="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/width_1400-v3/image_uploads/e124cfd5-7730-4891-a4c5-207aa52f42b7/original.png" media="(min-width: 1024px)">
578    <source srcset="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/width_1200-v3/image_uploads/e124cfd5-7730-4891-a4c5-207aa52f42b7/original.png" media="(min-width: 768px)">
579
580    <img src="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/width_800-v3/image_uploads/e124cfd5-7730-4891-a4c5-207aa52f42b7/original.png" loading="lazy" class="w-full block-max-w--lg mx-auto 
580shadow-form rounded">
581  </picture>
582</div>
583
584
585</section>
586
587  
588  <section id="section-59926331" style="--block-base-text-color: 37, 37, 37;--block-base-link-color: 251, 8, 8;--block-base-background-color: 255, 255, 255;--block-base-highlight-color: 251, 8, 8;--block-background-color: #ffffff;--block-title-color: #252525;--block-text-color: 37, 37, 37;--block-link-color: #fb0808;--block-image-background: #e80000;" class="block--jobs   block-padding bg-block-preset-custom bg-block-background text-block-text" data-section-route="section" data-section-model="59926331" data-section-name="jobs" data-section-label="Offres d&#39;emploi">
589    <turbo-frame id="jobs_list">
590
591
592
593
594
595  <div class="w-full text-lg relative block-padding-x" data-layout="card-image" data-controller="blocks--jobs" data-blocks--jobs-show-map-value="false" data-blocks--jobs-split-view-value="false" data-blocks--jobs-language-code-value="fr" data-blocks--jobs-first-block-value="false" data-blocks--jobs-overflow-auto-class="@lg:overflow-auto" data-blocks--jobs-overflow-hidden-class="@lg:overflow-hidden" data-blocks--jobs-sibling-element-padding-class="@lg:[&amp;.bg-block-preset-primary:not(.keep-block-padding)]:pt-80!" data-blocks--jobs-disabled-map-view-toggle-class="cursor-not-allowed" id="jobs">
596      <div class="block-padding-x jobs-text">
597        <div class="mb-60 @md:mb-72 @lg:mb-80 mx-auto block-max-w--sm">
598            <h2 class="text-4xl text-center font-company-header text-block-title">Offres d&#39;emploi disponibles</h2>
599
600</div></div>
601    <div class="relative" data-blocks--jobs-target="jobsContainer">
602
603
604        <div class="bg-block-background relative z-career-jobs-list @lg:col-span-2 pt-16 @lg:pt-32" data-blocks--jobs-target="jobsListContainer">
605
606          <div>
607              <div class="block-max-w--md mx-auto text-lg">
608    <ul class="block-grid" id="jobs_list_container">
609        <li
610  class="
611    group block-grid-item border-block-base-text/15 z-career-job-card-image
612    relative min-h-[22.5rem] items-center justify-center overflow-hidden
613    rounded border
614  "
615>
616  <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://carrieres.cir.fr/jobs/8483065-technico-commercial-comptoir-h-f">
617    <div class="relative w-full overflow-hidden pb-[66.666667%]">
618      <div
619        class="
620          bg-block-base-text/15 absolute inset-0 origin-center transform
621          transition-[transform,translate,scale,rotate] duration-200
622          group-hover:scale-105
623        "
624      >
625          <figure>
626  <picture>
627    <source srcset="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/user_picture_800-v9/image_uploads/7e6f6eb5-d3a2-4074-8d69-38126290b931/original.jpeg?outputFormat=webp" type="image/webp">
628
629    <img src="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/user_picture_800-v9/image_uploads/7e6f6eb5-d3a2-4074-8d69-38126290b931/original.jpeg" alt="Technico-commercial comptoir H/F image" loading="lazy" class="w-full">
630</picture>
631  
632</figure>
633      </div>
634    </div>
635
636    <div class="flex min-h-[11.25rem] flex-col justify-center p-12 text-center">
637      <span
638        class="
639          text-block-base-link company-link-style
640          group-hover:text-company-primary-text hyphens-auto
641        "
642        title="Technico-commercial comptoir H/F"
643      >
644        Technico-commercial comptoir H/F
645      </span>
646
647      <div class="text-md mt-4">
648        
649<span>Commerce</span>
650
651  <span class="mx-[2px]">&middot;</span>
652
653    <span>Toulouse</span>
654
655    <span class="mx-[2px]">&middot;</span>
656  <span class="inline-flex items-center gap-x-8">
657    Sur place
658    <i class="fas fa-wifi h-20 w-16 text-xs"></i>
659</span>
660      </div>
661    </div>
662</a></li>
663
664        <li
665  class="
666    group block-grid-item border-block-base-text/15 z-career-job-card-image
667    relative min-h-[22.5rem] items-center justify-center overflow-hidden
668    rounded border
669  "
670>
671  <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 focu
671s-visible--inset" data-turbo="false" href="https://carrieres.cir.fr/jobs/8084662-technico-commercial-sedentaire-h-f">
672    <div class="relative w-full overflow-hidden pb-[66.666667%]">
673      <div
674        class="
675          bg-block-base-text/15 absolute inset-0 origin-center transform
676          transition-[transform,translate,scale,rotate] duration-200
677          group-hover:scale-105
678        "
679      >
680          <figure>
681  <picture>
682    <source srcset="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/user_picture_800-v9/image_uploads/0b802de0-67ce-44fd-9d03-7a07479eb6dd/original.jpeg?outputFormat=webp" type="image/webp">
683
684    <img src="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/user_picture_800-v9/image_uploads/0b802de0-67ce-44fd-9d03-7a07479eb6dd/original.jpeg" alt="Technico-Commercial Sédentaire H/F image" loading="lazy" class="w-full">
685</picture>
686  
687</figure>
688      </div>
689    </div>
690
691    <div class="flex min-h-[11.25rem] flex-col justify-center p-12 text-center">
692      <span
693        class="
694          text-block-base-link company-link-style
695          group-hover:text-company-primary-text hyphens-auto
696        "
697        title="Technico-Commercial Sédentaire H/F"
698      >
699        Technico-Commercial Sédentaire H/F
700      </span>
701
702      <div class="text-md mt-4">
703        
704<span>Commerce</span>
705
706  <span class="mx-[2px]">&middot;</span>
707
708    <span>Colomiers</span>
709
710
711      </div>
712    </div>
713</a></li>
714
715        <li
716  class="
717    group block-grid-item border-block-base-text/15 z-career-job-card-image
718    relative min-h-[22.5rem] items-center justify-center overflow-hidden
719    rounded border
720  "
721>
722  <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://carrieres.cir.fr/jobs/7799326-technico-commercial-comptoir-h-f">
723    <div class="relative w-full overflow-hidden pb-[66.666667%]">
724      <div
725        class="
726          bg-block-base-text/15 absolute inset-0 origin-center transform
727          transition-[transform,translate,scale,rotate] duration-200
728          group-hover:scale-105
729        "
730      >
731          <figure>
732  <picture>
733    <source srcset="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/user_picture_800-v9/image_uploads/205518cc-0f49-40a7-9e47-af2b183f109f/original.jpeg?outputFormat=webp" type="image/webp">
734
735    <img src="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/user_picture_800-v9/image_uploads/205518cc-0f49-40a7-9e47-af2b183f109f/original.jpeg" alt="Technico-Commercial Comptoir H/F image" loading="lazy" class="w-full">
736</picture>
737  
738</figure>
739      </div>
740    </div>
741
742    <div class="flex min-h-[11.25rem] flex-col justify-center p-12 text-center">
743      <span
744        class="
745          text-block-base-link company-link-style
746          group-hover:text-company-primary-text hyphens-auto
747        "
748        title="Technico-Commercial Comptoir H/F"
749      >
750        Technico-Commercial Comptoir H/F
751      </span>
752
753      <div class="text-md mt-4">
754        
755<span>Commerce</span>
756
757  <span class="mx-[2px]">&middot;</span>
758
759    <span>Montauban</span>
760
761
762      </div>
763    </div>
764</a></li>
765
766        <li
767  class="
768    group block-grid-item border-block-base-text/15 z-career-job-card-image
769    relative min-h-[22.5rem] items-center justify-center overflow-hidden
770    rounded border
771  "
772>
773  <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://carrieres.cir.fr/jobs/7780210-technico-commercial-sedentaire-h-f">
774    <div class="relative w-full overflow-hidden pb-[66.666667%]">
775      <div
776        class="
777          bg-block-base-text/15 absolute inset-0 origin-center transform
778          transition-[transform,translate,scale,rotate] duration-200
779          group-hover:scale-105
780        "
781      >
782          <figure>
783  <picture>
784    <source srcset="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/user_picture_800-v9/image_uploads/7e6f6eb5-d3a2-4074-8d69-38126290b931/original.jpeg?outputFormat=webp" type="image/webp">
785
786    <img src="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/user_picture_800-v9/image_uploads/7e6f6eb5-d3a2-4074-8d69-38126290b931/original.jpeg" alt="Technico-Commercial Sédentaire H/F image" loading="lazy" class="w-full">
787</picture>
788  
789</figure>
790      </div>
791    </div>
792
793    <div class="flex min-h-[11.25rem] flex-col justify-center p-12 text-center">
794      <span
795        class="
796          text-block-base-link company-link-style
797          group-hover:text-company-primary-text hyphens-auto
798        "
799        title="Technico-Commercial Sédentaire H/F"
800      >
801        Technico-Commercial Sédentaire H/F
802      </span>
803
804      <div class="text-md mt-4">
805        
806<span>Commerce</span>
807
808  <span class="mx-[2px]">&middot;</span>
809
810    <span>Toulouse</span>
811
812
813      </div>
814    </div>
815</a></li>
816
817        <li
818  class="
819    group block-grid-item border-block-base-text/15 z-career-job-card-image
820    relative min-h-[22.5rem] items-center justify-center overflow-hidden
821    rounded border
822  "
823>
824  <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://carrieres.cir.fr/jobs/7771377-technico-commercial-comptoir-h-f">
825    <div class="relative w-full overflow-hidden pb-[66.666667%]">
826      <div
827        class="
828          bg-block-base-text/15 absolute inset-0 origin-center transform
829          transition-[transform,translate,scale,rotate] duration-200
830          group-hover:scale-105
831        "
832      >
833          <figure>
834  <picture>
835    <source srcset="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/user_picture_800-v9/image_uploads/969794a2-0360-4832-909b-9d18893bff57/original.png?outputFormat=webp" type="image/webp">
836
837    <img src="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/user_picture_800-v9/image_uploads/969794a2-0360-4832-909b-9d18893bff57/original.png" alt="Technico-Commercial Comptoir H/F image" loading="lazy" class="w-full">
838</picture>
839  
840</figure>
841      </div>
842    </div>
843
844    <div class="flex min-h-[11.25rem] flex-col justify-center p-12 text-center">
845      <span
846        class="
847          text-block-base-link company-link-style
848          group-hover:text-company-primary-text hyphens-auto
849        "
850        title="Technico-Commercial Comptoir H/F"
851      >
852        Technico-Commercial Comptoir H/F
853      </span>
854
855      <div class="text-md mt-4">
856        
857<span>Commerce</span>
858
859  <span class="mx-[2px]">&middot;</span>
860
861    <span>Sète</span>
862
863
864      </div>
865    </div>
866</a></li>
867
868        <li
869  class="
870    group block-grid-item border-block-base-text/15 z-career-job-card-image
871    relative min-h-[22.5rem] items-center justify-center overflow-hidden
872    rounded border
873  "
874>
875  <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://carrieres.cir.fr/jobs/8485587-technico-commercial-comptoir-h-f">
876    <div class="relative w-full overflow-hidden pb-[66.666667%]">
877      <div
878        class="
879          bg-block-base-text/15 absolute inset-0 origin-center transform
880          transition-[transform,translate,scale,rotate] duration-200
881          group-hover:scale-105
882        "
883      >
884          <figure>
885  <picture>
886    <source srcset="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/user_picture_800-v9/image_uploads/3d1eff3d-dee3-49a1-9068-583538fac07f/original.png?outputFormat=webp" type="image/webp">
887
888    <img src="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/user_picture_800-v9/image_uploads/3d1eff3d-dee3-49a1-9068-583538fac07f/original.png" alt="Technico-commercial comptoir H/F image" loading="lazy" class="w-full">
889</picture>
890  
891</figure>
892      </div>
893    </div>
894
895    <div class="flex min-h-[11.25rem] flex-col justify-center p-12 text-center">
896      <span
897        class="
898          text-block-base-link company-link-style
899          group-hover:text-company-primary-text hyphens-auto
900        "
901        title="Technico-commercial comptoir H/F"
902      >
903        Technico-commercial comptoir H/F
904      </span>
905
906      <div class="text-md mt-4">
907        
908<span>Commerce</span>
909
910  <span class="mx-[2px]">&middot;</span>
911
912    <span>Castres</span>
913
914
915      </div>
916    </div>
917</a></li>
918
919        <li
920  class="
921    group block-grid-item border-block-base-text/15 z-career-job-card-image
922    relative min-h-[22.5rem] items-center justify-center overflow-hidden
923    rounded border
924  "
925>
926  <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 focu
926s-visible--inset" data-turbo="false" href="https://carrieres.cir.fr/jobs/8456207-assistant-rh-recrutement-h-f">
927    <div class="relative w-full overflow-hidden pb-[66.666667%]">
928      <div
929        class="
930          bg-block-base-text/15 absolute inset-0 origin-center transform
931          transition-[transform,translate,scale,rotate] duration-200
932          group-hover:scale-105
933        "
934      >
935      </div>
936    </div>
937
938    <div class="flex min-h-[11.25rem] flex-col justify-center p-12 text-center">
939      <span
940        class="
941          text-block-base-link company-link-style
942          group-hover:text-company-primary-text hyphens-auto
943        "
944        title="Assistant RH/Recrutement H/F"
945      >
946        Assistant RH/Recrutement H/F
947      </span>
948
949      <div class="text-md mt-4">
950        
951<span>Ressources humaines</span>
952
953  <span class="mx-[2px]">&middot;</span>
954
955    <span>CIR Participation et Service</span>
956
957
958      </div>
959    </div>
960</a></li>
961
962        <li
963  class="
964    group block-grid-item border-block-base-text/15 z-career-job-card-image
965    relative min-h-[22.5rem] items-center justify-center overflow-hidden
966    rounded border
967  "
968>
969  <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://carrieres.cir.fr/jobs/8146761-alternant-technico-commercial-sedentaire-h-f">
970    <div class="relative w-full overflow-hidden pb-[66.666667%]">
971      <div
972        class="
973          bg-block-base-text/15 absolute inset-0 origin-center transform
974          transition-[transform,translate,scale,rotate] duration-200
975          group-hover:scale-105
976        "
977      >
978          <figure>
979  <picture>
980    <source srcset="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/user_picture_800-v9/image_uploads/b1b8c199-5a13-4b12-ae49-e835a6551891/original.jpeg?outputFormat=webp" type="image/webp">
981
982    <img src="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/user_picture_800-v9/image_uploads/b1b8c199-5a13-4b12-ae49-e835a6551891/original.jpeg" alt="Alternant technico-commercial sédentaire H/F image" loading="lazy" class="w-full">
983</picture>
984  
985</figure>
986      </div>
987    </div>
988
989    <div class="flex min-h-[11.25rem] flex-col justify-center p-12 text-center">
990      <span
991        class="
992          text-block-base-link company-link-style
993          group-hover:text-company-primary-text hyphens-auto
994        "
995        title="Alternant technico-commercial sédentaire H/F"
996      >
997        Alternant technico-commercial sédentaire H/F
998      </span>
999
1000      <div class="text-md mt-4">
1001        
1002<span>Commerce</span>
1003
1004  <span class="mx-[2px]">&middot;</span>
1005
1006    <span>Bordeaux</span>
1007
1008
1009      </div>
1010    </div>
1011</a></li>
1012
1013        <li
1014  class="
1015    group block-grid-item border-block-base-text/15 z-career-job-card-image
1016    relative min-h-[22.5rem] items-center justify-center overflow-hidden
1017    rounded border
1018  "
1019>
1020  <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://carrieres.cir.fr/jobs/7600129-technico-commercial-sedentaire-hydraulique-h-f">
1021    <div class="relative w-full overflow-hidden pb-[66.666667%]">
1022      <div
1023        class="
1024          bg-block-base-text/15 absolute inset-0 origin-center transform
1025          transition-[transform,translate,scale,rotate] duration-200
1026          group-hover:scale-105
1027        "
1028      >
1029          <figure>
1030  <picture>
1031    <source srcset="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/user_picture_800-v9/image_uploads/b1b8c199-5a13-4b12-ae49-e835a6551891/original.jpeg?outputFormat=webp" type="image/webp">
1032
1033    <img src="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/user_picture_800-v9/image_uploads/b1b8c199-5a13-4b12-ae49-e835a6551891/original.jpeg" alt="Technico-Commercial Sédentaire Hydraulique H/F image" loading="lazy" class="w-full">
1034</picture>
1035  
1036</figure>
1037      </div>
1038    </div>
1039
1040    <div class="flex min-h-[11.25rem] flex-col justify-center p-12 text-center">
1041      <span
1042        class="
1043          text-block-base-link company-link-style
1044          group-hover:text-company-primary-text hyphens-auto
1045        "
1046        title="Technico-Commercial Sédentaire Hydraulique H/F"
1047      >
1048        Technico-Commercial Sédentaire Hydraulique H/F
1049      </span>
1050
1051      <div class="text-md mt-4">
1052        
1053<span>Commerce</span>
1054
1055  <span class="mx-[2px]">&middot;</span>
1056
1057    <span>Bordeaux</span>
1058
1059
1060      </div>
1061    </div>
1062</a></li>
1063
1064</ul></div>
1065
1066          </div>
1067
1068
1069</div>
1070        <div class="mx-auto mt-48 flex justify-center @lg:col-span-2">
1071          <a href="/jobs" class="careersite-button min-w-[13.75rem] group" data-turbo="false">
1072  <span class="flex items-center justify-center gap-x-12">
1073    
1074    <span class="truncate">Toutes les offres</span>
1075
1076      <i class="transition duration-200 transform fas mt-[-1px] fa-chevron-right group-hover:translate-x-4 rtl:group-hover:-translate-x-4 rtl:-scale-x-100"></i>
1077  </span>
1078</a>
1079        </div>
1080</div></div></turbo-frame>
1081</section>
1082
1083  
1084  <section id="section-59926332" style="--block-base-text-color: var(--company-primary-text-color);--block-base-link-color: var(--company-link-color);--block-base-background-color: var(--company-primary-bg-color);--block-base-highlight-color: var(--company-color);--block-title-color: rgba(var(--block-base-text-color), 1);--block-image-background: #e80000;" class="block--text   block-padding bg-block-preset-primary bg-company-primary text-company-primary" data-section-route="section" data-section-model="59926332" data-section-sub-type="ContentBlock::Text" data-section-name="text" data-section-label="Texte">
1085    <div class="text-lg block-padding-x" data-controller="careersite--responsive-video">
1086    <div class="block-max-w--sm mx-auto">
1087    <h2 class="mb-16 text-4xl text-center font-company-header text-block-title wrap-break-word hyphens-auto">Votre parcours de candidature</h2>
1088
1089</div>
1090
1091</div>
1092</section>
1093
1094  
1095  <section id="section-59926333" style="--block-base-text-color: var(--company-primary-text-color);--block-base-link-color: var(--company-link-color);--block-base-background-color: var(--company-primary-bg-color);--block-base-highlight-color: var(--company-color);--block-title-color: rgba(var(--block-base-text-color), 1);--block-image-background: #e80000;" class="block--picture   block-padding bg-block-preset-primary bg-company-primary text-company-primary" data-section-route="section" data-section-model="59926333" data-section-sub-type="ContentBlock::Picture" data-section-name="picture" data-section-label="Image">
1096      <div class="block-padding-x">
1097  <picture>
1098      <source srcset="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/width_1400-v3/image_uploads/b1598cb3-6378-450d-bb5e-c3b29e917f1c/original.png?outputFormat=webp" media="(min-width: 1024px)" type="image/webp">
1099      <source srcset="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/width_1200-v3/image_uploads/b1598cb3-6378-450d-bb5e-c3b29e917f1c/original.png?outputFormat=webp" media="(min-width: 768px)" type="image/webp">
1100      <source srcset="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/width_800-v3/image_uploads/b1598cb3-6378-450d-bb5e-c3b29e917f1c/original.png?outputFormat=webp" type="image/webp">
1101
1102    <source srcset="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/width_1400-v3/image_uploads/b1598cb3-6378-450d-bb5e-c3b29e917f1c/original.png" media="(min-width: 1024px)">
1103    <source srcset="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/width_1200-v3/image_uploads/b1598cb3-6378-450d-bb5e-c3b29e917f1c/original.png" media="(min-width: 768px)">
1104
1105    <img src="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/width_800-v3/image_uploads/b1598cb3-6378-450d-bb5e-c3b29e917f1c/original.png" loading="lazy" class="w-full block-max-w--lg mx-auto shadow-form rounded">
1106  </picture>
1107</div>
1108
1109
1110</section>
1111
1112  
1113  <section id="section-59926334" style="--block-base-text-color: var(--company-primary-text-color);--block-base-link-color: var(--company-link-color);--block-base-background-color: var(--company-primary-bg-color);--block-base-highlight-color: var(--company-color);--block-title-color: rgba(var(--block-base-text-color), 1);--block-image-background: #e80000;" class="block--testimonial   block-padding bg-block-preset-primary bg-company-primary text-company-primary" data-section-route="section" data-section-model="59926334" data-section-sub-type="ContentBlock::Testimonial" data-section-name="testimonial" data-section-label="Témoignage">
1114    <div class="block-padding-x text-lg">
1115    <div class="block-max-w--md mx-auto mb-40">
1116        <h2 class="text-4xl text-center text-block-title font-company-header">Mot de la Présidente</h2>
1117
1118    </div>
1119
1120    <div class="block-max-w--lg mx-auto">
1121  <ul class="flex flex-wrap">
1122      <li class="flex flex-col w-full @md:gap-x-32 @md:flex-row mb-56 last:mb-0">
1123        <div class="w-full">
1124          <div class="relative w-full aspect-3/2 opacity-0 animate__animated animate__faster shadow-form rounded" data-controller="blocks--testimonial--media">
1125  <div class="absolute inset-0 overflow-hidden flex flex-col justify-center items-center rounded bg-block-base-text/15">
1126      <figure>
1127  <picture>
1128    <source srcset="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/user_picture_1200_crop-v7/image_uploads/ddf3513e-0222-4343-a1ea-0d69cb77d7e3/original.png?outputFormat=webp" type="image/webp">
1129
1130    <img src="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/user_picture_1200_crop-v7/image_uploads/ddf3513e-0222-4343-a1ea-0d69cb77d7e3/original.png" alt="" loading="lazy" class="w-full h-auto">
1131</picture>
1132  
1133</figure>
1134</div></div>
1135        </div>
1136
1137        <div class="w-full @md:mt-0 @md:flex @md:flex-col @md:justify-center @md:py-8">
1138          <figure class="mt-24 px-16">
1139              <blockquote>
1140  <p class="relative mb-16 @md:text-xl italic ltr:before:content-[open-quote] ltr:before:absolute ltr:before:left-[-16px] ltr:before:top-[-2px] ltr:after:content-[close-quote] ltr:after:ml-4 rtl:after:content-[open-quote] rtl:after:mr-4 rtl:before:content-[close-quote] rtl:before:absolute rtl:before:right-[-12px] rtl:before:top-[-2px]">En intégrant notre entreprise, vous participez à une aventure humaine. Nous souhaitons que vous deveniez un ambassadeur de nos valeurs</p>
1141</blockquote>
1142
1143
1144            <figcaption class="not-italic text-md company-links">
1145
1146      <p class="font-semibold">RESPECT - CONFIANCE - COMPÉTENCE</p>
1147
1148</figcaption>
1149          </figure>
1150        </div>
1151</li></ul></div>
1152
1153</div>
1154
1155</section>
1156
1157  
1158  <section id="section-59926335" style="--block-base-text-color: var(--company-primary-text-color);--block-base-link-color: var(--company-link-color);--block-base-background-color: var(--company-primary-bg-color);--block-base-highlight-color: var(--company-color);--block-title-color: rgba(var(--block-base-text-color), 1);--block-image-background: #e80000;" class="block--text   block-padding bg-block-preset-primary bg-company-primary text-company-primary" data-section-route="section" data-section-model="59926335" data-section-sub-type="ContentBlock::Text" data-section-name="text" data-section-label="Texte">
1159    <div class="text-lg block-padding-x" data-controller="careersite--responsive-video">
1160    <div class="block-max-w--sm mx-auto">
1161    <h2 class="mb-16 text-4xl text-center font-company-header text-block-title wrap-break-word hyphens-auto">Nos implantations</h2>
1162
1163    <div class="prose prose-block font-company-body company-links wrap-break-word"><p>14 agences commerciales <span>implantées sur les régions Occitanie et Nouvelle-Aquitaine.</span></p></div>
1164</div>
1165
1166</div>
1167</section>
1168
1169  
1170  <section id="section-59926336" style="--block-base-text-color: var(--company-primary-text-color);--block-base-link-color: var(--company-link-color);--block-base-background-color: var(--company-primary-bg-color);--block-base-highlight-color: var(--company-color);--block-title-color: rgba(var(--block-base-text-color), 1);--block-image-background: #e80000;" class="block--locations-map   bg-company-primary text-company-primary" data-section-route="section" data-section-model="59926336" data-section-name="locations-map" data-section-label="Carte des localisations">
1171    <div id="locations-map" class="text-lg locations-map" data-controller="blocks--locations-map" data-blocks--locations-map-selected-location-value="4756562" data-blocks--locations-map-language-code-value="fr" data-blocks--locations-map-locations-value="[{&quot;id&quot;:4756562,&quot;lat&quot;:&quot;43.5722658&quot;,&quot;long&quot;:&quot;1.4103085&quot;},{&quot;id&quot;:4757364,&quot;lat&quot;:&quot;44.173808&quot;,&quot;long&quot;:&quot;0.578089&quot;},{&quot;id&quot;:4757363,&quot;lat&quot;:&quot;43.9319317&quot;,&quot;long&quot;:&quot;2.1872349&quot;},{&quot;id&quot;:4757357,&quot;lat&quot;:&quot;43.331356&quot;,&quot;long&quot;:&quot;3.252758&quot;},{&quot;id&quot;:4757358,&quot;lat&quot;:&quot;43.33095160000001&quot;,&quot;long&quot;:&quot;3.2514453&quot;},{&quot;id&quot;:4757365,&quot;lat&quot;:&quot;44.8473127&quot;,&quot;long&quot;:&quot;-0.6760444999999999&quot;},{&quot;id&quot;:4757361,&quot;lat&quot;:&quot;43.2083964&quot;,&quot;long&quot;:&quot;2.3067302&quot;},{&quot;id&quot;:4757306,&quot;lat&quot;:&quot;43.5910752&quot;,&quot;long&quot;:&quot;2.198126&quot;},{&quot;id&quot;:4757373,&quot;lat&quot;:&quot;43.61925129999999&quot;,&quot;long&quot;:&quot;1.4204244&quot;},{&quot;id&quot;:4757378,&quot;lat&quot;:&quot;43.616695&quot;,&quot;long&quot;:&quot;1.421276&quot;},{&quot;id&quot;:4757370,&quot;lat&quot;:&quot;43.5969708&quot;,&quot;long&quot;:&quot;1.3042661&quot;},{&quot;id&quot;:4757366,&quot;lat&quot;:&quot;44.0469414&quot;,&quot;long&quot;:&quot;1.3908782&quot;},{&quot;id&quot;:4757369,&quot;lat&quot;:&quot;43.3646102&quot;,&quot;long&quot;:&quot;-0.3848964&quot;},{&quot;id&quot;:4757359,&quot;lat&quot;:&quot;42.6882866&quot;,&quot;long&quot;:&quot;2.8553338&quot;},{&quot;id&quot;:4757320,&quot;lat&quot;:&quot;44.3464176&quot;,&quot;long&quot;:&quot;2.5743979&quot;},{&quot;id&quot;:4757360,&quot;lat&quot;:&quot;43.418683&quot;,&quot;long&quot;:&quot;3.712314&quot;},{&quot;id&quot;:4757367,&quot;lat&quot;:&quot;43.24248499999999&quot;,&quot;long&quot;:&quot;0.07726269999999999&quot;},{&quot;id&quot;:4757371,&quot;lat&quot;:&quot;43.5722658&quot;,&quot;long&quot;:&quot;1.4103085&quot;}]">
1172  <template data-blocks--locations-map-target="largeMarkerIcon">
1173    <i class="fas fa-location-dot text-company-link text-3xl drop-shadow filter"></i>
1174  </template>
1175
1176  <template data-blocks--locations-map-target="smallMarkerIcon">
1177    <i class="fas fa-circle-small fa-xs text-company-link drop-shadow filter"></i>
1178  </template>
1179
1180  <div class="flex flex-col @lg:flex-row">
1181    <div
1182      class="
1183        bg-company-secondary block-padding-x flex w-full flex-col
1184        items-center justify-start py-80 @lg:w-1/2
1185      "
1186    >
1187        <label for="locations-map-select-59926336" class="sr-only">
1188          Sélectionnez une localisation
1189        </label>
1190        <select id="locations-map-select-59926336" class="truncate pr-40 mb-24 min-w-full @lg:min-w-[300px] max-w-full @lg:max-w-[420px] @md:mx-16 p-16 rounded-8 border-0 cursor-pointer bg-company-secondary-text text-company-secondary-bg " data-blocks--locations-map-target="locationSelect" name="Sélectionnez une localisation" title="Sélectionnez une localisation">
1191            <option value="4756562">
1192              CIR Participation et Service
1193</option>            <option value="4757364">
1194              Agen
1195</option>            <option value="4757363">
1196              Albi
1197</option>            <option value="4757357">
1198              Béziers
1199</option>            <option value="4757358">
1200              Béziers Prestations
1201</option>            <option value="4757365">
1202              Bordeaux
1203</option>            <option value="4757361">
1204              Carcassonne
1205</option>            <option value="4757306">
1206              Castres
1207</option>            <option value="4757373">
1208              Centre Logistique
1209</option>            <option value="4757378">
1210              Centre Technique et Aéronautique
1211</option>            <option value="4757370">
1212              Colomiers
1213</option>            <option value="4757366">
1214              Montauban
1215</option>            <option value="4757369">
1216              Pau
1217</option>            <option value="4757359">
1218              Perpignan
1219</option>            <option value="4757320">
1220              Rodez
1221</option>            <option value="4757360">
1222              Sète
1223</option>            <option value="4757367">
1224              Tarbes
1225</option>            <option value="4757371">
1226              Toulouse
1227</option></select>
1228      <turbo-frame id="location_details" src="https://carrieres.cir.fr/locations/map_details?editor=false&amp;location_id=4756562" loading="lazy" data-blocks--locations-map-target="details"></turbo-frame>
1229    </div>
1230
1231    <div class="w-full @lg:w-1/2 h-[320px] @md:h-[450px] z-career-locations-map" data-blocks--locations-map-target="map"></div>
1232</div></div>
1233</section>
1234
1235  
1236  <section id="section-59926337" style="--block-base-text-color: var(--company-primary-text-color);--block-base-link-color: var(--company-link-color);--block-base-background-color: var(--company-primary-bg-color);--block-base-highlight-color: var(--company-color);--block-title-color: rgba(var(--block-base-text-color), 1);--block-image-background: #e80000;" class="block--video   block-padding bg-block-preset-primary bg-company-primary text-company-primary" data-section-route="section" data-section-model="59926337" data-section-name="video" data-section-label="Vidéo">
1237    <div class="company-links text-lg">
1238  <div class="block-padding-x">
1239    <div class="block-max-w--md mx-auto mb-40">
1240        <h2 class="text-4xl text-center text-block-title font-company-header">Nos métiers en vidéos</h2>
1241
1242    </div>
1243  </div>
1244
1245    <div class="@lg:px-20">
1246  <div class="block-max-w--lg mx-auto w-full">
1247    <div class="flex items-start @lg:items-center @lg:gap-x-16">
1248        <div class="relative flex-col shrink-0 max-w-[96%] snap-center px-8 @lg:px-0 @lg:flex-row @lg:w-full @lg:max-w-[60%] @xl:max-w-[52%] aspect-video h-auto hidden @lg:flex">
1249          <div data-controller="common--video-player-modal" data-common--video-player-modal-in-editor-value="false" class="w-full h-auto relative aspect-video @lg:shrink-0">
1250                  <button class="group w-full absolute inset-0 rounded no-company-style z-video-poster appearance-none" data-action="click-&gt;common--video-player-modal#toggleModal">
1251    <span class="sr-only">Regarder la vidéo</span>
1252
1253    <figure>
1254  <picture>
1255    <source srcset="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/landscape_16_9-v3/image_uploads/8af6b5b3-1c51-4d0e-a29a-e0a10de9be0e/original.png?outputFormat=webp" type="image/webp">
1256
1257    <img src="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/landscape_16_9-v3/image_uploads/8af6b5b3-1c51-4d0e-a29a-e0a10de9be0e/original.png" alt="" loading="lazy" class="object-cover z-video-poster-image w-full h-full rounded overflow-hidden">
1258</picture>
1259  
1260</figure>
1261
1262    <span class="absolute inset-0 transition-opacity duration-150 bg-black z-video-poster-bg rounded opacity-0 group-hover:opacity-15"></span>
1263    <span
1264      class="
1265        shadow-form z-video-poster-button absolute top-1/2 left-1/2 flex
1266        size-64 -translate-x-32 -translate-y-32 transform items-center
1267        justify-center rounded-full bg-white text-xl text-black opacity-90
1268        transition-opacity duration-150 group-hover:opacity-100
1269      "
1270    >
1271      <i class="fas fa-play fa-fw"></i>
1272    </span>
1273</button>
1274
1275
1276  <template data-common--video-player-modal-target="template">
1277    <div inert="inert" class="bg-white fixed top-0 left-0 z-modal flex items-center justify-center w-full h-full transform transition-all duration-300 opacity-0 pointer-events-none">
1278      <div class="mx-8 @sm:mx-100 max-h-screen h-auto w-full @lg:min-w-screen-md">
1279        <button type="button" class="fixed size-64 top-16 right-16 flex justify-center text-3xl p-16 rounded-full text-gray-700 cursor-pointer @sm:absolute hover:opacity-75" data-close="true">
1280          <i class="fal fa-xmark" aria-hidden="true"></i>
1281          <span class="sr-only">Fermer la boîte de dialogue</span>
1282</button>
1283        <div
1284          class="
1285            shadow-form-strong mx-auto my-32 max-h-screen
1286            max-w-(--breakpoint-xl) scale-50 overflow-hidden rounded
1287            transition delay-100 duration-200
1288          "
1289          data-player-container
1290        >
1291          <div class="w-full h-full relative rounded cursor-pointer aspect-video" data-controller="common--video-player" data-common--video-player-aspect-ratio-value="16:9" data-common--video-player-initialize-value="true" data-common--video-player-thumbnail-image-value="false" data-common--video-player-is-external-value="false" data-common--video-player-no-controls-value="false" data-common--video-player-autoplay-value="false" data-common--video-player-hidden-class="hidden!" data-common--video-player-in-editor-value="false" data-action="stop-all-video-players@window-&gt;common--video-player#stopVideo">
1292  <div class="group w-full absolute inset-0 rounded no-company-style z-video-poster appearance-none pointer-events-none" data-common--video-player-target="thumbnail">
1293
1294
1295    <span class="absolute inset-0 transition-opacity duration-150 bg-black z-video-poster-bg rounded opacity-0 group-hover:opacity-15"></span>
1296    <span
1297      class="
1298        shadow-form z-video-poster-button absolute top-1/2 left-1/2 flex
1299        size-64 -translate-x-32 -translate-y-32 transform items-center
1300        justify-center rounded-full bg-white text-xl text-black opacity-90
1301        transition-opacity duration-150 group-hover:opacity-100
1302      "
1303    >
1304      <i class="fas fa-play fa-fw"></i>
1305    </span>
1306</div>
1307
1308    <video class="invisible" preload="metadata" data-common--video-player-target="player">
1309      <source src="https://videos.teamtailor-cdn.com/tt-videos-production/uploads_converted/video_block/e94afabb87e5760bf1baffb8a1714edbf0789f87.mp4#t=0.1" type="video/mp4">
1310</video>
1311    <template data-common--video-player-target="controlsTemplate">
1312      <div class="plyr__controls pointer-events-none flex w-full flex-col">
1313        <div class="flex w-full items-center">
1314          <button type="button" class="plyr__control pointer-events-auto" aria-label="Lecture" data-plyr="play">
1315            <i class="fas fa-pause icon--pressed fa-fw" role="presentation"></i>
1316            <i class="fas fa-play icon--not-pressed fa-fw" role="presentation"></i>
1317</button>
1318          <div class="ml-8 mr-auto plyr__time plyr__time--current pointer-events-auto" aria-label="Point actuel">
1319            00:00
1320</div>
1321          <button type="button" class="plyr__control pointer-events-auto" aria-label="Mettre en sourdine" data-plyr="mute">
1322            <i
1323              class="fas fa-volume-xmark icon--pressed fa-fw"
1324              role="presentation"
1325            ></i>
1326
1327            <i
1328              class="fas fa-volume icon--not-pressed fa-fw"
1329              role="presentation"
1330            ></i>
1331</button>
1332          <button type="button" class="plyr__control pointer-events-auto" aria-label="Plein écran" data-plyr="fullscreen">
1333            <i class="fas fa-compress icon--pressed fa-fw" role="presentation"></i>
1334
1335            <i
1336              class="fas fa-expand icon--not-pressed fa-fw"
1337              role="presentation"
1338            ></i>
1339</button>        </div>
1340
1341        <div class="plyr__progress pointer-events-auto mt-8 w-full">
1342          <input type="range" min="0" max="100" step="0.01" value="
13420" class="plyr__control pointer-events-auto" aria-label="Chercher" data-plyr="seek">
1343
1344          <progress class="plyr__progress__buffer" min="0" max="100" value="0">
1345            % de mise en mémoire tampon
1346</progress>        </div>
1347      </div>
1348    </template>
1349</div>
1350        </div>
1351</div></div>  </template>
1352</div>
1353</div>
1354      <div
1355        class="
1356          snap @lg:no-snap @lg:bg-primary-text-background flex w-full snap-x
1357          snap-mandatory overflow-x-auto rounded px-12 pb-32 @lg:h-full
1358          @lg:max-h-[345px] @lg:max-w-[48%] @lg:flex-col @lg:gap-y-16
1359          @lg:overflow-x-hidden @lg:overflow-y-auto @lg:py-12
1360        "
1361      >
1362          <div class="flex relative flex-col shrink-0 max-w-[96%] @lg:max-w-full snap-center @xl:px-0 px-8 @xl:gap-x-12 @xl:flex-row w-full @lg:hidden">
1363            <div data-controller="common--video-player-modal" data-common--video-player-modal-in-editor-value="false" class="w-full h-auto relative aspect-video @lg:shrink-0 @xl:max-w-[260px]">
1364                    <button class="group w-full absolute inset-0 rounded no-company-style z-video-poster appearance-none" data-action="click-&gt;common--video-player-modal#toggleModal">
1365    <span class="sr-only">Regarder la vidéo</span>
1366
1367    <figure>
1368  <picture>
1369    <source srcset="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/landscape_16_9-v3/image_uploads/8af6b5b3-1c51-4d0e-a29a-e0a10de9be0e/original.png?outputFormat=webp" type="image/webp">
1370
1371    <img src="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/landscape_16_9-v3/image_uploads/8af6b5b3-1c51-4d0e-a29a-e0a10de9be0e/original.png" alt="" loading="lazy" class="object-cover z-video-poster-image w-full h-full rounded overflow-hidden">
1372</picture>
1373  
1374</figure>
1375
1376    <span class="absolute inset-0 transition-opacity duration-150 bg-black z-video-poster-bg rounded opacity-0 group-hover:opacity-15"></span>
1377    <span
1378      class="
1379        shadow-form z-video-poster-button absolute top-1/2 left-1/2 flex
1380        size-64 -translate-x-32 -translate-y-32 transform items-center
1381        justify-center rounded-full bg-white text-xl text-black opacity-90
1382        transition-opacity duration-150 group-hover:opacity-100
1383      "
1384    >
1385      <i class="fas fa-play fa-fw"></i>
1386    </span>
1387</button>
1388
1389
1390  <template data-common--video-player-modal-target="template">
1391    <div inert="inert" class="bg-white fixed top-0 left-0 z-modal flex items-center justify-center w-full h-full transform transition-all duration-300 opacity-0 pointer-events-none">
1392      <div class="mx-8 @sm:mx-100 max-h-screen h-auto w-full @lg:min-w-screen-md">
1393        <button type="button" class="fixed size-64 top-16 right-16 flex justify-center text-3xl p-16 rounded-full text-gray-700 cursor-pointer @sm:absolute hover:opacity-75" data-close="true">
1394          <i class="fal fa-xmark" aria-hidden="true"></i>
1395          <span class="sr-only">Fermer la boîte de dialogue</span>
1396</button>
1397        <div
1398          class="
1399            shadow-form-strong mx-auto my-32 max-h-screen
1400            max-w-(--breakpoint-xl) scale-50 overflow-hidden rounded
1401            transition delay-100 duration-200
1402          "
1403          data-player-container
1404        >
1405          <div class="w-full h-full relative rounded cursor-pointer aspect-video" data-controller="common--video-player" data-common--video-player-aspect-ratio-value="16:9" data-common--video-player-initialize-value="true" data-common--video-player-thumbnail-image-value="false" data-common--video-player-is-external-value="false" data-common--video-player-no-controls-value="false" data-common--video-player-autoplay-value="false" data-common--video-player-hidden-class="hidden!" data-common--video-player-in-editor-value="false" data-action="stop-all-video-players@window-&gt;common--video-player#stopVideo">
1406  <div class="group w-full absolute inset-0 rounded no-company-style z-video-poster appearance-none pointer-events-none" data-common--video-player-target="thumbnail">
1407
1408
1409    <span class="absolute inset-0 transition-opacity duration-150 bg-black z-video-poster-bg rounded opacity-0 group-hover:opacity-15"></span>
1410    <span
1411      class="
1412        shadow-form z-video-poster-button absolute top-1/2 left-1/2 flex
1413        size-64 -translate-x-32 -translate-y-32 transform items-center
1414        justify-center rounded-full bg-white text-xl text-black opacity-90
1415        transition-opacity duration-150 group-hover:opacity-100
1416      "
1417    >
1418      <i class="fas fa-play fa-fw"></i>
1419    </span>
1420</div>
1421
1422    <video class="invisible" preload="metadata" data-common--video-player-target="player">
1423      <source src="https://videos.teamtailor-cdn.com/tt-videos-production/uploads_converted/video_block/e94afabb87e5760bf1baffb8a1714edbf0789f87.mp4#t=0.1" type="video/mp4">
1424</video>
1425    <template data-common--video-player-target="controlsTemplate">
1426      <div class="plyr__controls pointer-events-none flex w-full flex-col">
1427        <div class="flex w-full items-center">
1428          <button type="button" class="plyr__control pointer-events-auto" aria-label="Lecture" data-plyr="play">
1429            <i class="fas fa-pause icon--pressed fa-fw" role="presentation"></i>
1430            <i class="fas fa-play icon--not-pressed fa-fw" role="presentation"></i>
1431</button>
1432          <div class="ml-8 mr-auto plyr__time plyr__time--current pointer-events-auto" aria-label="Point actuel">
1433            00:00
1434</div>
1435          <button type="button" class="plyr__control pointer-events-auto" aria-label="Mettre en sourdine" data-plyr="mute">
1436            <i
1437              class="fas fa-volume-xmark icon--pressed fa-fw"
1438              role="presentation"
1439            ></i>
1440
1441            <i
1442              class="fas fa-volume icon--not-pressed fa-fw"
1443              role="presentation"
1444            ></i>
1445</button>
1446          <button type="button" class="plyr__control pointer-events-auto" aria-label="Plein écran" data-plyr="fullscreen">
1447            <i class="fas fa-compress icon--pressed fa-fw" role="presentation"></i>
1448
1449            <i
1450              class="fas fa-expand icon--not-pressed fa-fw"
1451              role="presentation"
1452            ></i>
1453</button>        </div>
1454
1455        <div class="plyr__progress pointer-events-auto mt-8 w-full">
1456          <input type="range" min="0" max="100" step="0.01" value="
14560" class="plyr__control pointer-events-auto" aria-label="Chercher" data-plyr="seek">
1457
1458          <progress class="plyr__progress__buffer" min="0" max="100" value="0">
1459            % de mise en mémoire tampon
1460</progress>        </div>
1461      </div>
1462    </template>
1463</div>
1464        </div>
1465</div></div>  </template>
1466</div>
1467            <div
1468              class="
1469                mt-24 px-8 @lg:mt-8 @lg:flex @lg:w-full @lg:flex-col
1470                @lg:justify-center @xl:mt-0 @xl:px-0
1471              "
1472            >
1473
1474            </div>
1475</div>          <div class="flex relative flex-col shrink-0 max-w-[96%] @lg:max-w-full snap-center @xl:px-0 px-8 @xl:gap-x-12 @xl:flex-row w-full">
1476            <div data-controller="common--video-player-modal" data-common--video-player-modal-in-editor-value="false" class="w-full h-auto relative aspect-video @lg:shrink-0 @xl:max-w-[260px]">
1477                    <button class="group w-full absolute inset-0 rounded no-company-style z-video-poster appearance-none" data-action="click-&gt;common--video-player-modal#toggleModal">
1478    <span class="sr-only">Regarder la vidéo</span>
1479
1480    <figure>
1481  <picture>
1482    <source srcset="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/landscape_16_9-v3/image_uploads/16da1092-1d77-44a3-a369-62f78966efd0/original.png?outputFormat=webp" type="image/webp">
1483
1484    <img src="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/landscape_16_9-v3/image_uploads/16da1092-1d77-44a3-a369-62f78966efd0/original.png" alt="" loading="lazy" class="object-cover z-video-poster-image w-full h-full rounded overflow-hidden">
1485</picture>
1486  
1487</figure>
1488
1489    <span class="absolute inset-0 transition-opacity duration-150 bg-black z-video-poster-bg rounded opacity-0 group-hover:opacity-15"></span>
1490    <span
1491      class="
1492        shadow-form z-video-poster-button absolute top-1/2 left-1/2 flex
1493        size-64 -translate-x-32 -translate-y-32 transform items-center
1494        justify-center rounded-full bg-white text-xl text-black opacity-90
1495        transition-opacity duration-150 group-hover:opacity-100
1496      "
1497    >
1498      <i class="fas fa-play fa-fw"></i>
1499    </span>
1500</button>
1501
1502
1503  <template data-common--video-player-modal-target="template">
1504    <div inert="inert" class="bg-white fixed top-0 left-0 z-modal flex items-center justify-center w-full h-full transform transition-all duration-300 opacity-0 pointer-events-none">
1505      <div class="mx-8 @sm:mx-100 max-h-screen h-auto w-full @lg:min-w-screen-md">
1506        <button type="button" class="fixed size-64 top-16 right-16 flex justify-center text-3xl p-16 rounded-full text-gray-700 cursor-pointer @sm:absolute hover:opacity-75" data-close="true">
1507          <i class="fal fa-xmark" aria-hidden="true"></i>
1508          <span class="sr-only">Fermer la boîte de dialogue</span>
1509</button>
1510        <div
1511          class="
1512            shadow-form-strong mx-auto my-32 max-h-screen
1513            max-w-(--breakpoint-xl) scale-50 overflow-hidden rounded
1514            transition delay-100 duration-200
1515          "
1516          data-player-container
1517        >
1518          <div class="w-full h-full relative rounded cursor-pointer aspect-video" data-controller="common--video-player" data-common--video-player-aspect-ratio-value="16:9" data-common--video-player-initialize-value="true" data-common--video-player-thumbnail-image-value="false" data-common--video-player-is-external-value="false" data-common--video-player-no-controls-value="false" data-common--video-player-autoplay-value="false" data-common--video-player-hidden-class="hidden!" data-common--video-player-in-editor-value="false" data-action="stop-all-video-players@window-&gt;common--video-player#stopVideo">
1519  <div class="group w-full absolute inset-0 rounded no-company-style z-video-poster appearance-none pointer-events-none" data-common--video-player-target="thumbnail">
1520
1521
1522    <span class="absolute inset-0 transition-opacity duration-150 bg-black z-video-poster-bg rounded opacity-0 group-hover:opacity-15"></span>
1523    <span
1524      class="
1525        shadow-form z-video-poster-button absolute top-1/2 left-1/2 flex
1526        size-64 -translate-x-32 -translate-y-32 transform items-center
1527        justify-center rounded-full bg-white text-xl text-black opacity-90
1528        transition-opacity duration-150 group-hover:opacity-100
1529      "
1530    >
1531      <i class="fas fa-play fa-fw"></i>
1532    </span>
1533</div>
1534
1535    <video class="invisible" preload="metadata" data-common--video-player-target="player">
1536      <source src="https://videos.teamtailor-cdn.com/tt-videos-production/uploads_converted/video_block/cae905296b1046cb29def01066d6ac7a6807a141.mp4#t=0.1" type="video/mp4">
1537</video>
1538    <template data-common--video-player-target="controlsTemplate">
1539      <div class="plyr__controls pointer-events-none flex w-full flex-col">
1540        <div class="flex w-full items-center">
1541          <button type="button" class="plyr__control pointer-events-auto" aria-label="Lecture" data-plyr="play">
1542            <i class="fas fa-pause icon--pressed fa-fw" role="presentation"></i>
1543            <i class="fas fa-play icon--not-pressed fa-fw" role="presentation"></i>
1544</button>
1545          <div class="ml-8 mr-auto plyr__time plyr__time--current pointer-events-auto" aria-label="Point actuel">
1546            00:00
1547</div>
1548          <button type="button" class="plyr__control pointer-events-auto" aria-label="Mettre en sourdine" data-plyr="mute">
1549            <i
1550              class="fas fa-volume-xmark icon--pressed fa-fw"
1551              role="presentation"
1552            ></i>
1553
1554            <i
1555              class="fas fa-volume icon--not-pressed fa-fw"
1556              role="presentation"
1557            ></i>
1558</button>
1559          <button type="button" class="plyr__control pointer-events-auto" aria-label="Plein écran" data-plyr="fullscreen">
1560            <i class="fas fa-compress icon--pressed fa-fw" role="presentation"></i>
1561
1562            <i
1563              class="fas fa-expand icon--not-pressed fa-fw"
1564              role="presentation"
1565            ></i>
1566</button>        </div>
1567
1568        <div class="plyr__progress pointer-events-auto mt-8 w-full">
1569          <input type="range" min="0" max="100" step="0.01" value="
15690" class="plyr__control pointer-events-auto" aria-label="Chercher" data-plyr="seek">
1570
1571          <progress class="plyr__progress__buffer" min="0" max="100" value="0">
1572            % de mise en mémoire tampon
1573</progress>        </div>
1574      </div>
1575    </template>
1576</div>
1577        </div>
1578</div></div>  </template>
1579</div>
1580            <div
1581              class="
1582                mt-24 px-8 @lg:mt-8 @lg:flex @lg:w-full @lg:flex-col
1583                @lg:justify-center @xl:mt-0 @xl:px-0
1584              "
1585            >
1586                <h3 class="mb-4 text-lg font-semibold">Julien </h3>
1587
1588                <p class="text-md">Technicien SAV</p>
1589            </div>
1590</div>          <div class="flex relative flex-col shrink-0 max-w-[96%] @lg:max-w-full snap-center @xl:px-0 px-8 @xl:gap-x-12 @xl:flex-row w-full">
1591            <div data-controller="common--video-player-modal" data-common--video-player-modal-in-editor-value="false" class="w-full h-auto relative aspect-video @lg:shrink-0 @xl:max-w-[260px]">
1592                    <button class="group w-full absolute inset-0 rounded no-company-style z-video-poster appearance-none" data-action="click-&gt;common--video-player-modal#toggleModal">
1593    <span class="sr-only">Regarder la vidéo</span>
1594
1595    <figure>
1596  <picture>
1597    <source srcset="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/landscape_16_9-v3/image_uploads/cb1995fa-ebb2-4b0d-b578-3c66f4bbeb9a/original.png?outputFormat=webp" type="image/webp">
1598
1599    <img src="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/landscape_16_9-v3/image_uploads/cb1995fa-ebb2-4b0d-b578-3c66f4bbeb9a/original.png" alt="" loading="lazy" class="object-cover z-video-poster-image w-full h-full rounded overflow-hidden">
1600</picture>
1601  
1602</figure>
1603
1604    <span class="absolute inset-0 transition-opacity duration-150 bg-black z-video-poster-bg rounded opacity-0 group-hover:opacity-15"></span>
1605    <span
1606      class="
1607        shadow-form z-video-poster-button absolute top-1/2 left-1/2 flex
1608        size-64 -translate-x-32 -translate-y-32 transform items-center
1609        justify-center rounded-full bg-white text-xl text-black opacity-90
1610        transition-opacity duration-150 group-hover:opacity-100
1611      "
1612    >
1613      <i class="fas fa-play fa-fw"></i>
1614    </span>
1615</button>
1616
1617
1618  <template data-common--video-player-modal-target="template">
1619    <div inert="inert" class="bg-white fixed top-0 left-0 z-modal flex items-center justify-center w-full h-full transform transition-all duration-300 opacity-0 pointer-events-none">
1620      <div class="mx-8 @sm:mx-100 max-h-screen h-auto w-full @lg:min-w-screen-md">
1621        <button type="button" class="fixed size-64 top-16 right-16 flex justify-center text-3xl p-16 rounded-full text-gray-700 cursor-pointer @sm:absolute hover:opacity-75" data-close="true">
1622          <i class="fal fa-xmark" aria-hidden="true"></i>
1623          <span class="sr-only">Fermer la boîte de dialogue</span>
1624</button>
1625        <div
1626          class="
1627            shadow-form-strong mx-auto my-32 max-h-screen
1628            max-w-(--breakpoint-xl) scale-50 overflow-hidden rounded
1629            transition delay-100 duration-200
1630          "
1631          data-player-container
1632        >
1633          <div class="w-full h-full relative rounded cursor-pointer aspect-video" data-controller="common--video-player" data-common--video-player-aspect-ratio-value="16:9" data-common--video-player-initialize-value="true" data-common--video-player-thumbnail-image-value="false" data-common--video-player-is-external-value="false" data-common--video-player-no-controls-value="false" data-common--video-player-autoplay-value="false" data-common--video-player-hidden-class="hidden!" data-common--video-player-in-editor-value="false" data-action="stop-all-video-players@window-&gt;common--video-player#stopVideo">
1634  <div class="group w-full absolute inset-0 rounded no-company-style z-video-poster appearance-none pointer-events-none" data-common--video-player-target="thumbnail">
1635
1636
1637    <span class="absolute inset-0 transition-opacity duration-150 bg-black z-video-poster-bg rounded opacity-0 group-hover:opacity-15"></span>
1638    <span
1639      class="
1640        shadow-form z-video-poster-button absolute top-1/2 left-1/2 flex
1641        size-64 -translate-x-32 -translate-y-32 transform items-center
1642        justify-center rounded-full bg-white text-xl text-black opacity-90
1643        transition-opacity duration-150 group-hover:opacity-100
1644      "
1645    >
1646      <i class="fas fa-play fa-fw"></i>
1647    </span>
1648</div>
1649
1650    <video class="invisible" preload="metadata" data-common--video-player-target="player">
1651      <source src="https://videos.teamtailor-cdn.com/tt-videos-production/uploads_converted/video_block/eeeae61ab5ee10f3ad338abaf0b83eb40c474958.mp4#t=0.1" type="video/mp4">
1652</video>
1653    <template data-common--video-player-target="controlsTemplate">
1654      <div class="plyr__controls pointer-events-none flex w-full flex-col">
1655        <div class="flex w-full items-center">
1656          <button type="button" class="plyr__control pointer-events-auto" aria-label="Lecture" data-plyr="play">
1657            <i class="fas fa-pause icon--pressed fa-fw" role="presentation"></i>
1658            <i class="fas fa-play icon--not-pressed fa-fw" role="presentation"></i>
1659</button>
1660          <div class="ml-8 mr-auto plyr__time plyr__time--current pointer-events-auto" aria-label="Point actuel">
1661            00:00
1662</div>
1663          <button type="button" class="plyr__control pointer-events-auto" aria-label="Mettre en sourdine" data-plyr="mute">
1664            <i
1665              class="fas fa-volume-xmark icon--pressed fa-fw"
1666              role="presentation"
1667            ></i>
1668
1669            <i
1670              class="fas fa-volume icon--not-pressed fa-fw"
1671              role="presentation"
1672            ></i>
1673</button>
1674          <button type="button" class="plyr__control pointer-events-auto" aria-label="Plein écran" data-plyr="fullscreen">
1675            <i class="fas fa-compress icon--pressed fa-fw" role="presentation"></i>
1676
1677            <i
1678              class="fas fa-expand icon--not-pressed fa-fw"
1679              role="presentation"
1680            ></i>
1681</button>        </div>
1682
1683        <div class="plyr__progress pointer-events-auto mt-8 w-full">
1684          <input type="range" min="0" max="100" step="0.01" value="
16840" class="plyr__control pointer-events-auto" aria-label="Chercher" data-plyr="seek">
1685
1686          <progress class="plyr__progress__buffer" min="0" max="100" value="0">
1687            % de mise en mémoire tampon
1688</progress>        </div>
1689      </div>
1690    </template>
1691</div>
1692        </div>
1693</div></div>  </template>
1694</div>
1695            <div
1696              class="
1697                mt-24 px-8 @lg:mt-8 @lg:flex @lg:w-full @lg:flex-col
1698                @lg:justify-center @xl:mt-0 @xl:px-0
1699              "
1700            >
1701                <h3 class="mb-4 text-lg font-semibold">Loïc et Julien </h3>
1702
1703                <p class="text-md">Techniciens sédentaires</p>
1704            </div>
1705</div>          <div class="flex relative flex-col shrink-0 max-w-[96%] @lg:max-w-full snap-center @xl:px-0 px-8 @xl:gap-x-12 @xl:flex-row w-full">
1706            <div data-controller="common--video-player-modal" data-common--video-player-modal-in-editor-value="false" class="w-full h-auto relative aspect-video @lg:shrink-0 @xl:max-w-[260px]">
1707                    <button class="group w-full absolute inset-0 rounded no-company-style z-video-poster appearance-none" data-action="click-&gt;common--video-player-modal#toggleModal">
1708    <span class="sr-only">Regarder la vidéo</span>
1709
1710    <figure>
1711  <picture>
1712    <source srcset="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/landscape_16_9-v3/image_uploads/1d8b91dd-4731-45ec-a1e8-2cc4ad0587d4/original.jpeg?outputFormat=webp" type="image/webp">
1713
1714    <img src="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/landscape_16_9-v3/image_uploads/1d8b91dd-4731-45ec-a1e8-2cc4ad0587d4/original.jpeg" alt="" loading="lazy" class="object-cover z-video-poster-image w-full h-full rounded overflow-hidden">
1715</picture>
1716  
1717</figure>
1718
1719    <span class="absolute inset-0 transition-opacity duration-150 bg-black z-video-poster-bg rounded opacity-0 group-hover:opacity-15"></span>
1720    <span
1721      class="
1722        shadow-form z-video-poster-button absolute top-1/2 left-1/2 flex
1723        size-64 -translate-x-32 -translate-y-32 transform items-center
1724        justify-center rounded-full bg-white text-xl text-black opacity-90
1725        transition-opacity duration-150 group-hover:opacity-100
1726      "
1727    >
1728      <i class="fas fa-play fa-fw"></i>
1729    </span>
1730</button>
1731
1732
1733  <template data-common--video-player-modal-target="template">
1734    <div inert="inert" class="bg-white fixed top-0 left-0 z-modal flex items-center justify-center w-full h-full transform transition-all duration-300 opacity-0 pointer-events-none">
1735      <div class="mx-8 @sm:mx-100 max-h-screen h-auto w-full @lg:min-w-screen-md">
1736        <button type="button" class="fixed size-64 top-16 right-16 flex justify-center text-3xl p-16 rounded-full text-gray-700 cursor-pointer @sm:absolute hover:opacity-75" data-close="true">
1737          <i class="fal fa-xmark" aria-hidden="true"></i>
1738          <span class="sr-only">Fermer la boîte de dialogue</span>
1739</button>
1740        <div
1741          class="
1742            shadow-form-strong mx-auto my-32 max-h-screen
1743            max-w-(--breakpoint-xl) scale-50 overflow-hidden rounded
1744            transition delay-100 duration-200
1745          "
1746          data-player-container
1747        >
1748          <div class="w-full h-full relative rounded cursor-pointer aspect-video" data-controller="common--video-player" data-common--video-player-aspect-ratio-value="16:9" data-common--video-player-initialize-value="true" data-common--video-player-thumbnail-image-value="false" data-common--video-player-is-external-value="false" data-common--video-player-no-controls-value="false" data-common--video-player-autoplay-value="false" data-common--video-player-hidden-class="hidden!" data-common--video-player-in-editor-value="false" data-action="stop-all-video-players@window-&gt;common--video-player#stopVideo">
1749  <div class="group w-full absolute inset-0 rounded no-company-style z-video-poster appearance-none pointer-events-none" data-common--video-player-target="thumbnail">
1750
1751
1752    <span class="absolute inset-0 transition-opacity duration-150 bg-black z-video-poster-bg rounded opacity-0 group-hover:opacity-15"></span>
1753    <span
1754      class="
1755        shadow-form z-video-poster-button absolute top-1/2 left-1/2 flex
1756        size-64 -translate-x-32 -translate-y-32 transform items-center
1757        justify-center rounded-full bg-white text-xl text-black opacity-90
1758        transition-opacity duration-150 group-hover:opacity-100
1759      "
1760    >
1761      <i class="fas fa-play fa-fw"></i>
1762    </span>
1763</div>
1764
1765    <video class="invisible" preload="metadata" data-common--video-player-target="player">
1766      <source src="https://videos.teamtailor-cdn.com/tt-videos-production/uploads_converted/video_block/b83872db6732ea26ff7a8b739e2bf2abc8f9dd38.mp4#t=0.1" type="video/mp4">
1767</video>
1768    <template data-common--video-player-target="controlsTemplate">
1769      <div class="plyr__controls pointer-events-none flex w-full flex-col">
1770        <div class="flex w-full items-center">
1771          <button type="button" class="plyr__control pointer-events-auto" aria-label="Lecture" data-plyr="play">
1772            <i class="fas fa-pause icon--pressed fa-fw" role="presentation"></i>
1773            <i class="fas fa-play icon--not-pressed fa-fw" role="presentation"></i>
1774</button>
1775          <div class="ml-8 mr-auto plyr__time plyr__time--current pointer-events-auto" aria-label="Point actuel">
1776            00:00
1777</div>
1778          <button type="button" class="plyr__control pointer-events-auto" aria-label="Mettre en sourdine" data-plyr="mute">
1779            <i
1780              class="fas fa-volume-xmark icon--pressed fa-fw"
1781              role="presentation"
1782            ></i>
1783
1784            <i
1785              class="fas fa-volume icon--not-pressed fa-fw"
1786              role="presentation"
1787            ></i>
1788</button>
1789          <button type="button" class="plyr__control pointer-events-auto" aria-label="Plein écran" data-plyr="fullscreen">
1790            <i class="fas fa-compress icon--pressed fa-fw" role="presentation"></i>
1791
1792            <i
1793              class="fas fa-expand icon--not-pressed fa-fw"
1794              role="presentation"
1795            ></i>
1796</button>        </div>
1797
1798        <div class="plyr__progress pointer-events-auto mt-8 w-full">
1799          <input type="range" min="0" max="100" step="0.01" value="
17990" class="plyr__control pointer-events-auto" aria-label="Chercher" data-plyr="seek">
1800
1801          <progress class="plyr__progress__buffer" min="0" max="100" value="0">
1802            % de mise en mémoire tampon
1803</progress>        </div>
1804      </div>
1805    </template>
1806</div>
1807        </div>
1808</div></div>  </template>
1809</div>
1810            <div
1811              class="
1812                mt-24 px-8 @lg:mt-8 @lg:flex @lg:w-full @lg:flex-col
1813                @lg:justify-center @xl:mt-0 @xl:px-0
1814              "
1815            >
1816                <h3 class="mb-4 text-lg font-semibold">Théo </h3>
1817
1818                <p class="text-md">Technico-commercial itinérant</p>
1819            </div>
1820</div>      </div>
1821    </div>
1822  </div>
1823</div>
1824
1825</div>
1826
1827</section>
1828
1829  
1830  <section id="section-59926338" style="--block-base-text-color: var(--company-primary-text-color);--block-base-link-color: var(--company-link-color);--block-base-background-color: var(--company-primary-bg-color);--block-base-highlight-color: var(--company-color);--block-title-color: rgba(var(--block-base-text-color), 1);--block-image-background: #e80000;" class="block--cta   block-padding bg-block-preset-primary bg-company-primary text-company-primary" data-section-route="section" data-section-model="59926338" data-section-name="cta" data-section-label="Appel à l&#39;action">
1831    <div class="block-padding-x mx-auto flex justify-center">
1832  <a class="careersite-button min-w-[13.75rem] group" rel="noopener" target="_blank" href="https://www.cir.fr/presentation/">
1833  <div class="flex items-center justify-center gap-x-12">
1834    <span class="truncate">En savoir plus sur la CIR</span>
1835
1836    <i
1837      class="
1838        fas fa-chevron-right transform transition duration-200
1839        group-hover:translate-x-4 rtl:-scale-x-100
1840        rtl:group-hover:-translate-x-4
1841      "
1842    ></i>
1843  </div>
1844</a>
1845</div>
1846
1847</section>
1848
1849  
1850  <section id="section-59926339" style="--block-base-text-color: var(--company-primary-text-color);--block-base-link-color: var(--company-link-color);--block-base-background-color: var(--company-primary-bg-color);--block-base-highlight-color: var(--company-color);--block-title-color: rgba(var(--block-base-text-color), 1);--block-image-background: #e80000;" class="block--gallery   bg-company-primary text-company-primary" data-section-route="section" data-section-model="59926339" data-section-name="gallery" data-section-label="Galerie">
1851      <div class="relative w-full overflow-hidden" data-controller="blocks--gallery-collage">
1852
1853        <figure>
1854  <picture>
1855    <source srcset="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/gallery_picture-v6/image_uploads/bc6e6e3f-0735-4937-abe3-c5468d27cfa4/original.jpeg?outputFormat=webp" type="image/webp">
1856
1857    <img src="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/gallery_picture-v6/image_uploads/bc6e6e3f-0735-4937-abe3-c5468d27cfa4/original.jpeg" alt="" loading="lazy" data-blocks--gallery-collage-target="image" class="size-4 invisible animate__animated animate__faster">
1858</picture>
1859  
1860</figure>
1861
1862        <figure>
1863  <picture>
1864    <source srcset="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/gallery_picture-v6/image_uploads/969794a2-0360-4832-909b-9d18893bff57/original.png?outputFormat=webp" type="image/webp">
1865
1866    <img src="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/gallery_picture-v6/image_uploads/969794a2-0360-4832-909b-9d18893bff57/original.png" alt="" loading="lazy" data-blocks--gallery-collage-target="image" class="size-4 invisible animate__animated animate__faster">
1867</picture>
1868  
1869</figure>
1870
1871        <figure>
1872  <picture>
1873    <source srcset="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/gallery_picture-v6/image_uploads/1896572c-26d8-4da5-a7a7-389c082c9af3/original.jpeg?outputFormat=webp" type="image/webp">
1874
1875    <img src="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/gallery_picture-v6/image_uploads/1896572c-26d8-4da5-a7a7-389c082c9af3/original.jpeg" alt="" loading="lazy" data-blocks--gallery-collage-target="image" class="size-4 invisible animate__animated animate__faster">
1876</picture>
1877  
1878</figure>
1879
1880        <figure>
1881  <picture>
1882    <source srcset="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/gallery_picture-v6/image_uploads/906a1054-5de9-4919-b955-a4101c8eff97/original.jpeg?outputFormat=webp" type="image/webp">
1883
1884    <img src="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/gallery_picture-v6/image_uploads/906a1054-5de9-4919-b955-a4101c8eff97/original.jpeg" alt="" loading="lazy" data-blocks--gallery-collage-target="image" class="size-4 invisible animate__animated animate__faster">
1885</picture>
1886  
1887</figure>
1888
1889        <figure>
1890  <picture>
1891    <source srcset="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/gallery_picture-v6/image_uploads/7e6f6eb5-d3a2-4074-8d69-38126290b931/original.jpeg?outputFormat=webp" type="image/webp">
1892
1893    <img src="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/gallery_picture-v6/image_uploads/7e6f6eb5-d3a2-4074-8d69-38126290b931/original.jpeg" alt="" loading="lazy" data-blocks--gallery-collage-target="image" class="size-4 invisible animate__animated animate__faster">
1894</picture>
1895  
1896</figure>
1897</div>
1898</section>
1899
1900
1901
1902    <footer class="" data-section-model="footer">
1903
1904      <section class="block--about company-links bg-primary-text-background text-company-primary block-padding-x mt-auto" style="--block-title-color: rgba(var(--company-primary-text-color), 1);">
1905    <div class="block-max-w--sm mx-auto py-80">
1906      <div class="block-max-w--sm mx-auto">
1907    <h2 class="mb-16 text-4xl text-center font-company-header text-block-title wrap-break-word hyphens-auto">À propos de CIR</h2>
1908
1909    <div class="prose prose-block font-company-body company-links wrap-break-word"><p>Le Groupe CIR, fondé en 1933, distributeur leader de composants en transmission de puissance sur les régions Occitanie et Nouvelle-Aquitaine avec plus de 90 ans d’expérience et 14 agences réparties dans le Sud-Ouest</p></div>
1910</div>
1911
1912
1913      <div class="mt-32 flex flex-wrap gap-y-16 text-lg">
1914
1915          <div class="w-full shrink-0 @md:w-1/2">
1916            <span class="font-bold">
1917              Collègues
1918            </span>
1919
1920            390
1921          </div>
1922
1923          <div class="w-full shrink-0 @md:w-1/2">
1924            <span class="font-bold">
1925              Chiffre d&#39;affaires
1926            </span>
1927
1928            109 millions
1929          </div>
1930      </div>
1931    </div>
1932</section>
1933
1934    <div class="bg-company-primary text-company-primary block-padding-x mt-auto">
1935        <div class="block-padding text-lg">
1936  <div class="w-full mx-auto @sm:flex block-max-w--lg">
1937      <div class="w-full @lg:shrink-0 @md:w-[47%] @md:text-center @lg:text-unset @lg:w-[25%] @md:pr-[3%] mb-40 @lg:mb-0 last:mb-0 footer-nav-menu">
1938  <h2 class="font-company-header text-company-primary mb-16 text-xl">
1939    Site carrière
1940  </h2>
1941
1942  <ul class="flex flex-col gap-y-12">
1943      <li class="w-full text-md leading-tight">
1944        <a class="py-4 w-full company-link" href="https://carrieres.cir.fr/">Accueil</a>
1945
1946</li>      <li class="w-full text-md leading-tight">
1947        <a class="py-4 w-full company-link" href="https://carrieres.cir.fr/jobs">Nos offres d&#39;emploi</a>
1948
1949</li>      <li class="w-full text-md leading-tight">
1950        <a class="py-4 w-full company-link" href="https://carrieres.cir.fr/locations">Où nous trouver ? </a>
1951
1952</li>      <li class="w-full text-md leading-tight">
1953        <a class="py-4 w-full company-link" href="https://carrieres.cir.fr/departments">Nos départements à la CIR </a>
1954
1955</li>      <li class="w-full text-md leading-tight">
1956        <a class="py-4 w-full company-link" href="/data-privacy">Données et confidentialité</a>
1957
1958</li>      <li class="w-full text-md leading-tight">
1959                    <button data-controller="cookie-preferences" data-action="click-&gt;cookie-preferences#openCookiePreferences" aria-label="Gérer les cookies" class="company-link font-company-body text-unset py-4">Gérer les cookies</button>
1960
1961</li>  </ul>
1962</div>
1963      <div class="w-full @lg:shrink-0 @md:w-[47%] @md:text-center @lg:text-unset @lg:w-[25%] @md:pr-[3%] mb-40 @lg:mb-0 last:mb-0 footer-nav-locations">
1964  <h2 class="font-company-header text-company-primary mb-16 text-xl">
1965    Localisations
1966  </h2>
1967
1968  <ul class="flex flex-col gap-y-12">
1969      <li class="w-full text-md leading-tight">
1970        <a class="py-4 w-full company-link" href="https://carrieres.cir.fr/locations/bordeaux">Bordeaux</a>
1971
1972</li>      <li class="w-full text-md leading-tight">
1973        <a class="py-4 w-full company-link" href="https://carrieres.cir.fr/locations/centre-technique-et-aeronautique">Centre Technique et Aéronautique</a>
1974
1975</li>      <li class="w-full text-md leading-tight">
1976        <a class="py-4 w-full company-link" href="https://carrieres.cir.fr/locations/centre-logistique">Centre Logistique</a>
1977
1978</li>      <li class="w-full text-md leading-tight">
1979        <a class="py-4 w-full company-link" href="https://carrieres.cir.fr/locations/toulouse">Toulouse</a>
1980
1981</li>      <li class="w-full text-md leading-tight">
1982        <a class="py-4 w-full company-link" href="https://carrieres.cir.fr/locations/colomiers">Colomiers</a>
1983
1984</li>      <li class="w-full text-md leading-tight">
1985        <a class="py-4 w-full company-link" href="https://carrieres.cir.fr/locations/pau">Pau</a>
1986
1987</li>      <li class="w-full text-md leading-tight">
1988        <a class="py-4 w-full company-link" href="/locations">Toutes les localisations</a>
1989
1990</li>  </ul>
1991</div>
1992      <div class="w-full @lg:shrink-0 @md:w-[47%] @md:text-center @lg:text-unset @lg:w-[25%] @md:pr-[3%] mb-40 @lg:mb-0 last:mb-0 footer-nav-departments">
1993  <h2 class="font-company-header text-company-primary mb-16 text-xl">
1994    Départements
1995  </h2>
1996
1997  <ul class="flex flex-col gap-y-12">
1998      <li class="w-full text-md leading-tight">
1999        <a class="py-4 w-full company-link" href="https://carrieres.cir.fr/departments/atelier-prestations">Atelier prestations</a>
2000
2001</li>      <li class="w-full text-md leading-tight">
2002        <a class="py-4 w-full company-link" href="https://carrieres.cir.fr/departments/qualite-1a6ccc37-d780-40fc-8f8f-64ecc43fec42">Qualité</a>
2003
2004</li>      <li class="w-full text-md leading-tight">
2005        <a class="py-4 w-full company-link" href="https://carrieres.cir.fr/departments/communication-marketing">Communication/Marketing</a>
2006
2007</li>      <li class="w-full text-md leading-tight">
2008        <a class="py-4 w-full company-link" href="https://carrieres.cir.fr/departments/supply-chain-logistique">Supply chain/ Logistique</a>
2009
2010</li>      <li class="w-full text-md leading-tight">
2011        <a class="py-4 w-full company-link" href="https://carrieres.cir.fr/departments/comptabilite">Comptabilité</a>
2012
2013</li>      <li class="w-full text-md leading-tight">
2014        <a class="py-4 w-full company-link" href="https://carrieres.cir.fr/departments/informatique">Informatique</a>
2015
2016</li>      <li class="w-full text-md leading-tight">
2017        <a class="py-4 w-full company-link" href="/departments">Tous les départements</a>
2018
2019</li>  </ul>
2020</div>
2021
2022    <div class="flex flex-col items-center justify-center grow shrink-0 text-base @sm:items-end @sm:justify-end">
2023      <a class="text-company-primary hover:text-company-link text-ellipsis py-4" href="http://www.cir.fr">cir.fr</a>
2024      
2025
2026</div></div></div>
2027
2028
2029      <div
2030        class="
2031          @sm:text-unset block-max-w--lg border-company-primary-text/15
2032          mx-auto flex flex-col border-t py-16 text-center @sm:flex-row
2033          @sm:justify-between
2034        "
2035      >
2036        <div class="flex w-full justify-center @sm:w-auto">
2037    <a class="text-company-primary hover:text-company-link" href="/sso_login">Connexion employé</a>
2038</div>
2039
2040
2041        <div class="flex w-full justify-center @sm:w-auto">
2042            <a class="text-company-primary hover:text-company-link" href="/connect/login">Connexion candidat</a>
2043
2044        </div>
2045      </div>
2046</div></footer>
2047  
2048
2049</main>
2050
2051      <aside class="
2052    relative z-career-footer flex items-center justify-center shrink-0
2053    font-sans font-normal bg-company-primary h-[152px] text-company-primary
2054  " style="display: flex !important; visibility: visible !important;" id="eff2047eeb9214f1c01452bc139afac57" aria-label="Site carrière de Teamtailor" data-turbo-permanent="true">
2055  <a rel="noopener" target="_blank" class="flex flex-col items-center group p-4" style="display: flex !important; visibility: visible !important;
2055" href="https://www.teamtailor.com/?utm_campaign=poweredby&amp;utm_content=carrieres.cir.fr&amp;utm_medium=referral&amp;utm_source=career-site">
2056    <svg xmlns="http://www.w3.org/2000/svg" width="115" height="26">
2057      <path
2058        fill="currentColor"
2059        d="M115 10.727a1.815 1.815 0 0 0-.684-.954 3.443 3.443 0 0 0-1.12-.549 3.8 3.8 0 0 0-1.163-.148c-.374.014-.647.064-.819.148-.517.282-1.243.831-2.175 1.649a56.033 56.033 0 0 0-3.06 2.916 88.146 88.146 0 0 0-3.382 3.657 64.336 64.336 0 0 0-3.145 3.867 64.947 64.947 0 0 1 2.585-3.699 71.089 71.089 0 0 1 2.456-3.086 39.674 39.674 0 0 1 2.089-2.303 198.2 198.2 0 0 1 1.4-1.395c.172-.141.172-.31 0-.507-.172-.198-.417-.388-.732-.571a6.412 6.412 0 0 0-.991-.465c-.344-.127-.618-.19-.818-.19-.23 0-.646.29-1.249.867-.603.577-1.278 1.324-2.025 2.24a77.721 77.721 0 0 0-2.348 3.043 60.298 60.298 0 0 0-2.24 3.255 32.222 32.222 0 0 0-1.659 2.875c-.43.86-.646 1.5-.646 1.923 0 .197.108.458.323.782.216.324.459.62.732.888.272.268.545.451.819.55.272.098.48.035.624-.19l.173-.34c.545-.872 1.256-1.865 2.132-2.98a105.902 105.902 0 0 1 5.709-6.656 48.75 48.75 0 0 1 2.671-2.663c-.201.338-.502.76-.904 1.268-.403.507-.797 1.014-1.186 1.521-.387.507-.732.987-1.034 1.437-.301.452-.452.776-.452.973 0 .197.072.408.216.633.144.226.337.437.582.634.243.197.501.366.775.507.273.141.538.211.797.211.23 0 .502-.09.819-.274a6.57 6.57 0 0 0 .969-.698c.33-.28.66-.591.991-.93a9.63 9.63 0 0 0 .84-.972c.2-.253.258-.394.172-.423-.086-.028-.23-.013-.431.043-.201.056-.402.12-.602.19-.202.07-.317.092-.345.064-.059-.057.043-.225.301-.507.258-.282.588-.634.991-1.057.401-.423.847-.873 1.335-1.352.489-.48.94-.937 1.357-1.375.416-.436.755-.824 1.012-1.162.195-.255.308-.445.34-.572v-.123ZM98.14 11.358a6.737 6.737 0 0 0-1.444-1.14 8.05 8.05 0 0 0-1.702-.762c-.59-.183-1.114-.233-1.573-.148-.631.141-1.328.493-2.089 1.057a16.207 16.207 0 0 0-2.283 2.092 24.276 24.276 0 0 0-2.176 2.769 27.779 27.779 0 0 0-1.788 3c-.502.988-.883 1.918-1.141 2.791-.259.873-.33 1.606-.216 2.198.057.282.302.584.732.909.431.324.911.62 1.444.888.53.268 1.062.479 1.594.633.531.155.926.218 1.185.19.603-.084 1.285-.393 2.046-.93.761-.534 1.536-1.204 2.326-2.007a27.437 27.437 0 0 0 2.306-2.684 28.124 28.124 0 0 0 1.938-2.895c.545-.944.97-1.832 1.27-2.664.302-.83.41-1.5.323-2.007-.084-.423-.337-.852-.752-1.29Zm-2.047 1.1c-.317.718-.79 1.578-1.422 2.578-.632 1-1.35 2.057-2.154 3.17a56.881 56.881 0 0 1-2.348 3.043c-.761.916-1.436 1.648-2.024 2.198-.59.55-.97.755-1.142.613-.202-.141-.137-.577.193-1.31.33-.733.805-1.599 1.422-2.6.618-1 1.32-2.05 2.112-3.149A55.734 55.734 0 0 1 93.034 14c.747-.901 1.415-1.62 2.004-2.155.588-.536.997-.747 1.228-.635.2.113.142.53-.173 1.248Z"
2060      />
2061
2062      <path
2063        fill="currentColor"
2064        d="M93.128 0h-.01a.826.826 0 0 0-.127.01c-.258.056-.696.394-1.314 1.014-.618.62-1.35 1.423-2.197 2.409a94.751 94.751 0 0 0-2.757 3.381 163.559 163.559 0 0 0-5.837 7.968 81.501 81.501 0 0 0-2.435 3.741 37.377 37.377 0 0 0-1.702 3.064c-.43.888-.646 1.53-.646 1.923 0 .198.072.417.215.656.144.24.33.458.56.656.23.197.489.366.776.507.287.14.56.211.819.211.23 0 .502-.09.819-.275.315-.183.638-.415.969-.697.329-.28.66-.598.99-.951.33-.352.61-.683.84-.994.2-.253.259-.394.172-.422-.086-.028-.23-.014-.43.042-.202.057-.41.127-.625.211-.216.085-.338.113-.367.085-.086-.085.05-.465.41-1.141.358-.677.883-1.558 1.572-2.642a92.766 92.766 0 0 1 2.499-3.7c.976-1.38 2.032-2.817 3.166-4.31a141.137 141.137 0 0 1 3.554-4.482 117.076 117.076 0 0 1 3.663-4.226c.23-.254.25-.507.064-.76a2.76 2.76 0 0 0-.796-.698 3.952 3.952 0 0 0-1.12-.465A3.32 3.32 0 0 0 93.128 0ZM78.645 9.985c-.603.592-1.286 1.352-2.046 2.282a68.44 68.44 0 0 0-2.37 3.086 71.05 71.05 0 0 0-2.263 3.297 34.032 34.032 0 0 0-1.701 2.916c-.446.874-.668 1.522-.668 1.944 0 .198.072.417.216.656.143.24.337.458.58.656.244.197.503.366.777.507.272.141.538.211.796.211.23 0 .502-.09.82-.275.315-.182.646-.415.99-.697.345-.28.675-.598.99-.951.316-.352.604-.683.862-.994.2-.253.251-.394.15-.422-.1-.028-.25-.014-.451.042a5.261 5.261 0 0 0-.603.211c-.201.085-.317.113-.345.085-.115-.112-.022-.45.28-1.015.301-.563.71-1.247 1.228-2.05a49.603 49.603 0 0 1 1.787-2.578c.675-.9
206416 1.329-1.79 1.961-2.621a131.25 131.25 0 0 1 1.702-2.198c.502-.634.84-1.05 1.013-1.247.143-.169.136-.353-.022-.55a2.42 2.42 0 0 0-.667-.549 5.827 5.827 0 0 0-.948-.444c-.345-.127-.618-.19-.819-.19-.23 0-.646.296-1.25.888Zm5.127-1.987c.43-.282.861-.606 1.293-.972.43-.366.81-.74 1.141-1.12.33-.381.496-.684.496-.91 0-.28-.094-.52-.28-.718a2.184 2.184 0 0 0-.711-.486 3.922 3.922 0 0 0-.926-.274c-.33-.057-.64-.07-.927-.043-.2.029-.446.163-.732.401-.288.24-.597.516-.926.825-.33.31-.654.641-.97.993-.316.353-.602.67-.861.951-.23.254-.273.501-.13.74.143.24.374.444.69.613.316.168.653.303 1.013.4.358.1.638.121.84.065.228-.028.558-.183.99-.465ZM72.053 10.407c-.171-.169-.38-.36-.624-.57a9.114 9.114 0 0 0-.733-.57 3.563 3.563 0 0 0-.754-.402 1.217 1.217 0 0 0-.732-.063c-.919.168-1.86.599-2.822 1.29a19.599 19.599 0 0 0-2.8 2.471 30.759 30.759 0 0 0-2.564 3.108 40.548 40.548 0 0 0-2.111 3.212c-.603 1.03-1.078 1.96-1.422 2.79-.344.832-.517 1.445-.517 1.839 0 .197.072.416.216.655.143.24.337.459.581.656.244.197.502.366.776.507.273.141.538.211.797.211.115 0 .337-.127.667-.38.33-.254.719-.592 1.164-1.015a72.943 72.943 0 0 0 3.21-3.254c-.317.564-.56 1.071-.732 1.521-.172.451-.259.818-.259 1.099 0 .197.072.416.216.655.143.24.338.459.582.656.243.197.501.366.775.507.273.141.539.211.797.211.23 0 .502-.09.819-.274.316-.183.646-.416.99-.698.345-.28.676-.598.991-.95.316-.352.603-.684.862-.995.2-.252.25-.394.15-.422-.1-.028-.251-.013-.452.042a5.253 5.253 0 0 0-.603.211c-.2.085-.316.114-.344.085-.116-.112-.044-.436.215-.972.259-.535.632-1.176 1.12-1.924a81.853 81.853 0 0 1 1.659-2.43c.617-.873 1.213-1.697 1.787-2.473a71.05 71.05 0 0 1 1.573-2.05c.474-.592.811-1 1.012-1.226.144-.169.136-.352-.021-.55-.158-.196-.388-.38-.69-.548a7.169 7.169 0 0 0-.948-.444c-.33-.127-.596-.19-.796-.19-.231-.002-.576.224-1.035.674ZM61.692 21.313c.301-.62.739-1.36 1.314-2.22a46.153 46.153 0 0 1 1.982-2.726 30.495 30.495 0 0 1 2.305-2.642c.79-.803 1.55-1.464 2.283-1.986.733-.521 1.358-.754 1.875-.697a42.055 42.055 0 0 0-2.348 2.768 53.132 53.132 0 0 0-2.52 3.487c-.603.649-1.207 1.283-1.81 1.902a240.14 240.14 0 0 1-1.637 1.67c-.489.493-.89.88-1.207 1.162-.316.282-.488.409-.516.38-.116-.111-.022-.478.279-1.098Z"
2065      />
2066
2067      <path
2068        fill="currentColor"
2069        d="M60.723 5.715c-.46 0-.826.106-1.098.317a3.942 3.942 0 0 0-.755.782 4.01 4.01 0 0 0-.496.951c-.1.296.05.444.452.444h1.38a146.63 146.63 0 0 0-3.362 4.523 119.979 119.979 0 0 0-3.144 4.607c-.948 1.466-1.724 2.762-2.327 3.888-.603 1.127-.905 1.89-.905 2.283 0 .198.072.416.215.656.144.239.337.458.582.655.244.197.502.366.776.507.272.141.538.212.797.212.23 0 .502-.091.819-.275.315-.183.646-.416.99-.698a8.8 8.8 0 0 0 .991-.95c.316-.352.604-.684.862-.994.2-.253.251-.395.15-.423-.1-.028-.25-.013-.451.042a5.261 5.261 0 0 0-.603.211c-.201.085-.317.114-.345.085-.144-.112.028-.613.517-1.5.488-.888 1.17-2.008 2.047-3.36a96.296 96.296 0 0 1 3.123-4.503 158.358 158.358 0 0 1 3.791-4.966h1.55c.431 0 .798-.134 1.1-.402.3-.268.58-.556.84-.866.229-.31.409-.592.538-.846.129-.253-.037-.38-.496-.38h-1.465l1.034-1.142c.144-.169.137-.352-.02-.55-.16-.196-.389-.38-.69-.549a7.367 7.367 0 0 0-.948-.444c-.33-.127-.596-.19-.797-.19-.23 0-.625.26-1.185.782s-1.214 1.22-1.96 2.092h-1.507v.001ZM47.41 16.663a57.558 57.558 0 0 0-1.852 2.81c-.546.889-.99 1.692-1.335 2.41-.345.72-.517 1.262-.517 1.627 0 .198.071.417.215.656.144.24.337.458.581.655.244.198.502.367.776.508.273.141.539.211.797.211.23 0 .502-.09.819-.275.316-.183.646-.415.99-.697.346-.28.675-.598.992-.951.315-.352.602-.683.861-.994.2-.253.251-.394.151-.423-.1-.027-.252-.013-.452.043a5.21 5.21 0 0 0-.603.211c-.201.085-.316.113-.345.085-.115-.112-.021-.45.28-1.015a30.48 30.48 0 0 1 1.228-2.05 49.333 49.333 0 0 1 1.788-2.578c.675-.916 1.32-1.79 1.94-2.621a88.056 88.056 0 0 1 1.679-2.198c.502-.634.854-1.05 1.055-1.247.144-.141.136-.31-.021-.508a2.75 2.75 0 0 0-.668-.57 5.231 5.231 0 0 0-.926-.465c-.33-.128-.597-.19-.797-.19h-.043c-.345 0-1.006.394-1.982 1.183-.977.789-2.076 1.804-3.295 3.043a81.609 81.609 0 0 0-3.77 4.121 74.05 74.05 0 0 0-3.49 4.375 48.627 48.627 0 0 1 2.671-3.868 95.502 95.502 0 0 1 2.585-3.233 51.945 51.945 0 0 1 2.154-2.43 67.481 67.481 0 0 1 1.422-1.459c.173-.14.173-.31 0-.507a2.905 2.905 0 0 0-.732-.571 6.399 6.399 0 0 0-.991-.465c-.345-.127-.618-.19-.819-.19-.345 0-1.005.395-1.981 1.183-.977.79-2.076 1.804-3.296 3.043a81.562 81.562 0 0 0-3.77 4.122 73.967 73.967 0 0 0-3.49 4.375 48.624 48.624 0 0 1 2.672-3.868 95.497 95.497 0 0 1 2.585-3.234 52.014 52.014 0 0 1 2.154-2.43 67.663 67.663 0 0 1 1.422-1.459c.172-.14.172-.31 0-.507a2.906 2.906 0 0 0-.733-.57 6.372 6.372 0 0 0-.99-.466c-.346-.127-.619-.19-.82-.19-.23 0-.64.29-1.227.867-.59.577-1.265 1.325-2.025 2.24a56.903 56.903 0 0 0-2.348 3.043A68.398 68.398 0 0 0 33.69 18.5a36.966 36.966 0 0 0-1.68 2.875c-.445.86-.668 1.5-.668 1.923 0 .198.108.459.323.782.215.324.466.62.754.888.287.268.566.451.84.55.273.098.466.035.582-.19a.99.99 0 0 1 .172-.254 39.175 39.175 0 0 1 1.831-2.663 91.352 91.352 0 0 1 2.348-3.023 65.668 65.668 0 0 1 2.563-2.98 66.15 66.15 0 0 1 2.478-2.578 88.8 88.8 0 0 0-2.047 2.79 48.642 48.642 0 0 0-1.809 2.747 27.004 27.004 0 0 0-1.293 2.347c-.33.69-.495 1.219-.495 1.585 0 .197.107.458.322.782.216.323.46.62.733.888.273.268.545.45.819.55.272.098.48.035.625-.191l.345-.591a51.573 51.573 0 0 1 1.852-2.622 75.367 75.367 0 0 1 2.306-2.916 82.214 82.214 0 0 1 2.498-2.874 60.774 60.774 0 0 1 2.391-2.494c-.69.902-1.38 1.846-2.07 2.832ZM33.753 10.407a13.56 13.56 0 0 0-.624-.57 8.895 8.895 0 0 0-.733-.57 3.564 3.564 0 0 0-.754-.402 1.215 1.215 0 0 0-.732-.063c-.92.168-1.86.599-2.822 1.29a19.566 19.566 0 0 0-2.8 2.471 30.745 30.745 0 0 0-2.564 3.108 40.52 40.52 0 0 0-2.11 3.212c-.604 1.03-1.078 1.96-1.423 2.79-.344.832-.517 1.445-.517 1.839 0 .197.072.416.216.655.143.24.337.459.581.656.244.197.502.366.776.507.273.141.538.211.797.211.115 0 .337-.127.668-.38.33-.254.717-.592 1.163-1.
2069015a73.06 73.06 0 0 0 1.508-1.48 69.014 69.014 0 0 0 1.702-1.774c-.316.564-.56 1.071-.733 1.521-.172.451-.258.818-.258 1.099 0 .197.071.416.215.655.143.24.337.459.581.656.244.197.503.366.776.507.272.141.538.211.797.211.23 0 .502-.09.819-.274.315-.183.646-.416.99-.698.346-.28.675-.598.992-.95.315-.352.602-.684.861-.995.2-.252.251-.394.15-.422-.1-.028-.25-.013-.451.042a5.251 5.251 0 0 0-.604.211c-.2.085-.316.114-.344.085-.115-.112-.043-.436.215-.972.259-.535.632-1.176 1.12-1.924a80.544 80.544 0 0 1 1.66-2.43c.616-.873 1.212-1.697 1.787-2.473a69.995 69.995 0 0 1 1.573-2.05c.474-.592.811-1 1.012-1.226.144-.169.136-.352-.021-.55-.158-.196-.388-.38-.69-.548a7.168 7.168 0 0 0-.947-.444c-.33-.127-.597-.19-.798-.19-.23-.002-.575.224-1.034.674ZM23.392 21.313c.301-.62.74-1.36 1.314-2.22a46.2 46.2 0 0 1 1.982-2.726 30.398 30.398 0 0 1 2.305-2.642c.79-.803 1.55-1.464 2.283-1.986.732-.521 1.357-.754 1.874-.697a42.085 42.085 0 0 0-2.348 2.768 53.13 53.13 0 0 0-2.52 3.487c-.603.649-1.206 1.283-1.81 1.902-.603.62-1.149 1.177-1.637 1.67-.49.493-.89.88-1.206 1.162-.317.282-.489.409-.517.38-.115-.111-.021-.478.28-1.098ZM15.594 10.492c-.79.592-1.566 1.29-2.326 2.092a23.47 23.47 0 0 0-2.154 2.642 18.182 18.182 0 0 0-1.68 2.896c-.446.971-.77 1.93-.97 2.874-.2.944-.2 1.811 0 2.6.086.31.287.591.603.845.316.253.675.472 1.077.655.402.184.819.317 1.25.401.43.085.775.113 1.033.085.373-.028.833-.17 1.38-.423a11.822 11.822 0 0 0 1.68-.972 18.22 18.22 0 0 0 1.701-1.331c.56-.493 1.07-1.007 1.53-1.543.287-.338.38-.55.28-.633-.1-.085-.338.014-.711.296-.575.395-1.142.775-1.702 1.14a23.22 23.22 0 0 1-1.573.952c-.488.268-.926.48-1.314.634-.387.155-.696.232-.926.232-.747-.056-1.034-.556-.861-1.5.172-.944.616-2.093 1.335-3.446.401.31.854.6 1.357.867.502.268.984.346 1.444.232.718-.169 1.479-.62 2.283-1.353a20.62 20.62 0 0 0 2.262-2.43 18.292 18.292 0 0 0 1.745-2.6c.459-.845.704-1.479.732-1.902.028-.338-.144-.69-.517-1.057a5.267 5.267 0 0 0-1.379-.95 7.263 7.263 0 0 0-1.744-.592c-.618-.127-1.142-.12-1.573.02-.718.254-1.472.677-2.262 1.269Zm-.581 5.98c.517-.633 1.07-1.26 1.659-1.88.588-.62 1.184-1.19 1.788-1.712a19.651 19.651 0 0 1 1.637-1.29c.373-.225.575-.31.603-.253.028.057-.043.24-.215.549-.403.676-.92 1.388-1.551 2.134a24.63 24.63 0 0 1-1.939 2.05 16.67 16.67 0 0 1-1.874 1.543c-.59.409-1.055.628-1.4.656.344-.563.775-1.162 1.292-1.796Z"
2070      />
2071
2072      <path
2073        fill="currentColor"
2074        d="M3.107 26c.223-.078.544-.253.964-.524.589-.38 1.135-.788 1.637-1.226.502-.436.855-.81 1.056-1.12.2-.31.028-.395-.517-.253-.546.141-.74-.219-.582-1.078.158-.86.604-2.008 1.336-3.446.732-1.437 1.723-3.064 2.972-4.882 1.25-1.818 2.721-3.642 4.417-5.474.143-.17.2-.352.172-.55a1.637 1.637 0 0 0-.237-.612 2.88 2.88 0 0 0-.517-.613 4.467 4.467 0 0 0-.667-.507 59.045 59.045 0 0 1 4.179.063c1.35.07 2.57.176 3.662.317.287.029.538-.14.754-.507a4.54 4.54 0 0 0 .496-1.31 6.012 6.012 0 0 0 .15-1.5c-.014-.494-.122-.852-.323-1.079-.173-.168-.69-.274-1.551-.317a40.362 40.362 0 0 0-3.21 0 59.424 59.424 0 0 0-4.157.297 82.308 82.308 0 0 0-4.373.57 40.034 40.034 0 0 0-3.9.804C3.69 3.363 2.8 3.7 2.197 4.067c-.172.084-.301.31-.387.676a2.579 2.579 0 0 0-.022 1.1c.071.366.23.661.474.887.243.226.61.254 1.099.085.89-.31 2.01-.55 3.36-.719 1.35-.169 2.8-.281 4.351-.337-.603.479-1.292 1.197-2.067 2.155a52.201 52.201 0 0 0-2.413 3.255 59.028 59.028 0 0 0-2.413 3.825 97.528 97.528 0 0 0-2.11 3.826C1.435 20.031.933 21.117.56 22.075c-.374.957-.56 1.662-.56 2.112 0 .085.093.233.28.444.186.212.423.423.71.634.288.211.604.395.949.55.19.085.37.147.543.185h.625Z"
2075      />
2076    </svg>
2077
2078    <span class="mt-8 text-sm print:hidden">
2079      <span class="mt-8 text-sm underline group-hover:text-teamtailor-pink">Site carrière</span>
2080
2081      de Teamtailor
2082    </span>
2083</a></aside>
2084
2085    
2085<script nonce="" data-token="SS6OHNSe1A/vwgJpDrQe76A+BauukkHSr3/q6DIgd6Fzhh1wxYHZIYqvJw9+eDSjwLTQ6wDPcgNkV4aR9jxQopykSJmeP0goqjrR217QA37emPc9m6jyiqYS4SZte81JlB7eqZaV7oM4IbS6b4R+VyKEhlJfeQfOIMGQpC224TXOsGAyTOO7H1r4dZWrZmYxDbI46y6YBPh9/rtzn+645Gk5WC8ES6dOktz/yI9tyOWdzIcQLJFVNRd6CkYvDpv4XiHLeD6ilWve68+GuSp+--ZNKVUKiYx9gYtgFs--39nIYqsPot70Kuyf7zINWQ==">
2086  (function () {
2087    var pageviewToken = document.currentScript.dataset.token;
2088
2089    function trackPageView(url) {
2090      var searchParams = new URLSearchParams(window.location.search);
2091      var utmSource = searchParams.get('utm_source');
2092      window.referrer = window.referrer || utmSource || document.referrer
2093      var payload = {
2094        ed: pageviewToken,
2095        visitor_uuid: window.visitor_uuid,
2096        referrer: window.referrer,
2097        data: {
2098          ua: navigator.userAgent,
2099          referrer: document.referrer,
2100        },
2101        url: url,
2102      };
2103
2104      var xmlhttp = new XMLHttpRequest();
2105      xmlhttp.open('POST', '/pageview', true);
2106      xmlhttp.setRequestHeader('Content-Type', 'application/json;charset=UTF-8');
2107      xmlhttp.withCredentials = true;
2108      xmlhttp.addEventListener('readystatechange', function () {
2109        if (xmlhttp.readyState === XMLHttpRequest.DONE) {
2110          const status = xmlhttp.status;
2111          if (status === 0 || (status >= 200 && status < 400)) {
2112            window.visitor_uuid = xmlhttp.responseText;
2113          }
2114        }
2115      })
2116
2117      xmlhttp.send(JSON.stringify(payload));
2118    }
2119
2120    window.trackPageView = trackPageView;
2121
2122    if (!window.analyticsPageviewCallback) {
2123      window.analyticsPageviewCallback = true;
2124      window.addEventListener('turbo:load', function(data){
2125        window.trackPageView();
2126      });
2127    }
2128  })();
2129</script>
2129
2130
2131    
2132
2133      
2133<script nonce='' type="text/javascript">/*Change connect button*/
2134
2135document.querySelector('.block-cover-text a').innerText = 'Candidature Spontanée';</script>
2135
2136
2137      
2138</body></html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.