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->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->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->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->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'autres types de cookies. Vous pouvez donner ou retirer votre consentement vis-à -vis de ces derniers à l'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->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->common--cookies--preferences#handleAccept">Accepter ces cookies</button> 247 248 <button class="careersite-button w-full" data-action="click->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'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->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->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->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->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->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'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->blocks--cover--scroll#handleScrollDown" aria-label="Faire défiler jusqu'au contenu">
443 <span class="sr-only"> 444 Faire défiler jusqu'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'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'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:[&.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'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]">·</span> 652 653 <span>Toulouse</span> 654 655 <span class="mx-[2px]">·</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]">·</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]">·</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]">·</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]">·</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]">·</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]">·</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]">·</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]">·</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="[{"id":4756562,"lat":"43.5722658","long":"1.4103085"},{"id":4757364,"lat":"44.173808","long":"0.578089"},{"id":4757363,"lat":"43.9319317","long":"2.1872349"},{"id":4757357,"lat":"43.331356","long":"3.252758"},{"id":4757358,"lat":"43.33095160000001","long":"3.2514453"},{"id":4757365,"lat":"44.8473127","long":"-0.6760444999999999"},{"id":4757361,"lat":"43.2083964","long":"2.3067302"},{"id":4757306,"lat":"43.5910752","long":"2.198126"},{"id":4757373,"lat":"43.61925129999999","long":"1.4204244"},{"id":4757378,"lat":"43.616695","long":"1.421276"},{"id":4757370,"lat":"43.5969708","long":"1.3042661"},{"id":4757366,"lat":"44.0469414","long":"1.3908782"},{"id":4757369,"lat":"43.3646102","long":"-0.3848964"},{"id":4757359,"lat":"42.6882866","long":"2.8553338"},{"id":4757320,"lat":"44.3464176","long":"2.5743979"},{"id":4757360,"lat":"43.418683","long":"3.712314"},{"id":4757367,"lat":"43.24248499999999","long":"0.07726269999999999"},{"id":4757371,"lat":"43.5722658","long":"1.4103085"}]"> 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&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->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->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->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->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->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->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->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->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->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->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'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'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'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->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&utm_content=carrieres.cir.fr&utm_medium=referral&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.