PageSourceSearch

https://www.capemploi-80.com/espace-employeur/deposez-une-offre/

html capemploi-80.com collected 2026-10-07 05:59:20 UTC 112,856 bytes, 3,267 lines download raw bytes

1<!doctype html>
2<html lang="fr">
3<head>
4  <meta charset="UTF-8">
5<meta http-equiv="X-UA-Compatible" content="IE=edge">
6<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
7<meta http-equiv="x-ua-compatible" content="ie=edge">
8
9
10
11<title>Déposez une offre - Cap emploi 80 </title>
12<meta name="description" content=""/>
13
14<META NAME="ROBOTS" CONTENT="INDEX,FOLLOW" />
15
16<meta name="bm-monitoring" content="website" />
17<meta name="userid" content="0" />
18
19
20<base href="https://www.capemploi-80.com/" />
21
22
23<!-- source_canonical:1 -->
24
25<link rel="canonical" href="https://www.cheops-ops.org/commun-au-reseau/cap-emploi/espace-employeur/deposez-une-offre.html" />
26
27
28
29
30
31<link rel="apple-touch-icon" sizes="180x180" href="/cap-apple-touch-icon.png">
32<link rel="icon" type="image/png" sizes="32x32" href="/cap-favicon-32x32.png">
33<link rel="icon" type="image/png" sizes="16x16" href="/cap-favicon-16x16.png">
34<link rel="manifest" href="/cap-site.webmanifest">
35
36<link rel="preconnect" href="https://fonts.googleapis.com">
37<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
38<link href="https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Material+Symbols+Outlined:opsz,wght,FILL,[email protected],100..700,0..1,-50..200&family=Roboto:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap" rel="stylesheet">
39
40
41
42<link rel="stylesheet" href="/assets/components/minifyx/cache/minify-bm_02021521d8.css" type="text/css" />
43
44	<link rel="stylesheet" href="https://www.cheops.ovh/css/couleur-cheops-cap-emploi.css?context_key=capemploi-80" type="text/css" media="all" />
45
46
47	<link rel="stylesheet" href="/assets/templates/meridian-cheops-cap-emploi/site-print.css?v=1624954557" type="text/css" media="print" />
48
49
50
51<!--
52
53
54
55-->
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82<script type="application/ld+json">
83{
84  "@context": "http://schema.org",
85  "@type": "Organization",
86  "address": {
87    "@type": "PostalAddress",
88    "addressLocality": "Dury, France",
89    "postalCode": "F-80480",
90    "streetAddress": "28 Allée de la Pépinière "
91  },
92  "name": "Cap emploi 80",
93  "telephone": "03 22 89 00 99"
94}
95</script>
95
96
97
98
99<meta name="ids_page-actualites_cap-emploi" content="2803,5771,5877,5824,5930,6036,6884" />
100
101<!--   contactISO9001://non -->
102
103<!--  -->
104
105
106
107
108
109
110
111<!-- Matomo -->
112<script>
113  var _paq = window._paq = window._paq || [];
114  /* tracker methods like "setCustomDimension" should be called before "trackPageView" */
115  _paq.push(['trackPageView']);
116  _paq.push(['enableLinkTracking']);
117  (function() {
118    var u="//matomo.data-cheops.ovh/";
119    _paq.push(['setTrackerUrl', u+'matomo.php']);
120    _paq.push(['setSiteId', '101']);
121    var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
122    g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
123  })();
124</script>
124
125<!-- End Matomo Code -->
126
127  
128
129
130
131
132
133
134
135<meta property="og:title" content="Cap emploi 80 : Déposez une offre" />
136<meta property="og:description" content="" />
137<meta property="og:type" content="article" />
138<meta property="og:url" content="https://www.capemploi-80.com/espace-employeur/deposez-une-offre/" />
139<meta property="og:image" content="https://www.capemploi-80.com/assets/cache/images-cache/templates/meridian-cheops-cap-emploi/images/logotypes/capemploi-80.f8653d37.png" />
140
141
142<meta property="og:published_time" content="0" />
143<meta property="og:modified_time" content="1735918531" />
144
145
146<meta name="twitter:card" content="summary" />
147
148  
148<script type="application/ld+json">
149{
150      "@context": "https://schema.org",
151      "@type": "BreadcrumbList","itemListElement": [ {
152        "@type": "ListItem",
153        "position": 1,
154        "name": "Accueil",
155        "item": "https://www.capemploi-80.com/"
156      },{
157        "@type": "ListItem",
158        "position": 2,
159        "name": "Espace employeur",
160        "item": "https://www.capemploi-80.com/espace-employeur/"
161      },{
162        "@type": "ListItem",
163        "position": 3,
164        "name": "Déposez une offre"
165      } ]
166    }
167</script>
167
168</head>
169
170<body id="id14915" class="context-capemploi-80 template28 parentN1_14913  parentN2_14915 idContenu-2471 article-commun ">
171  <div id="page">
172
173	<header id="header" class="header-v2">
174    <nav class="navbar navbar-expand-md supra" id="topnav" aria-label="Menu outils">
175
176        <div class="container-fluid align-items-stretch">
177
178<div id="navigation_skip" >
179  <ul class="nav skip-links sr-only">
180	<li>
181	  <a id="skip-nav"  href="espace-employeur/deposez-une-offre/#navigation" class="nav-link anchor">
182		<span class="icone glyph glyph-menu"></span>
183		<span class="nav-link-inner">Aller à la navigation</span>
184	  </a>
185	</li>
186	<li>
187	  <a id="skip-content"  href="espace-employeur/deposez-une-offre/#content" class="nav-link anchor">
188		<span class="icone glyph glyph-contenu"></span>
189		<span class="nav-link-inner">Aller au contenu</span>
190	  </a>
191	</li>
192  </ul><!-- fin.skip-links -->
193</div>
194
195
196
197            <div class="navbar-nav reseau sociaux form-search form-light">
198
199      
200
201
202
203
204
205
206
207
208<ul class="navbar-nav nav nav-sociaux">
209
210
211  <li class="nav-item facebook" data-icone="facebook">
212	<a href="https://www.facebook.com/pages/category/Nonprofit-Organization/Cap-emploi-80-112234683472884/" class="nav-link" target="_blank">
213	  <span class="icone glyph glyph-fb"></span><span class="sr-only">Accéder à notre page Facebook</span>
214	</a>
215  </li>
216
217
218
219
220<li class="nav-item  linkedin" data-icone="linkedin">
221	<a href="https://www.linkedin.com/company/cap-emploi-80/?viewAsMember=true" class="nav-link" target="_blank">
222	  <span class="icone glyph glyph-linked-in"></span><span class="sr-only">Accéder à notre page Linkedin</span>
223	</a>
224  </li>
225
226
227
228
229  <li class="nav-item last citykomi" data-icone="citykomi">
230	<a href="https://www.citykomi.com/L0kFar/1f4wtNVWf2ZjFTL6bxBRMWgB1vxQqnNGfBx9J28aq+fPiP/hOlBFngoQo7WpKwET" class="nav-link" target="_blank">
231	  <span class="icone glyph glyph-citykomi"></span><span class="sr-only">Accéder à notre page Citykomi</span></a>
232  </li>
233
234
235
236</ul>
237
238            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#nav-right" aria-controls="nav-right" aria-expanded="false" aria-label="Navigation">
239              <span class="navbar-toggler-icon"></span>
240            </button>
241
242
243
244
245            </div><!-- fin.navbar-nav -->
246		<div class="navbar-collapse justify-content-md-end collapse" id="nav-right">
247      <ul class="navbar-nav nav nav-right">
248
249		<li class="nav-item" >
250		  <div class="dropdown">
251			<button class="btn btn-outline-light dropdown-toggle" type="button" id="dropdownMenuButtonReseau" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
252			  <span class="material-symbols-outlined">travel_explore</span> Sites du réseau
253			</button>
254			<div class="dropdown-menu" role="menu"  aria-labelledby="dropdownMenuButtonReseau">
255
256			  <a class="dropdown-item" href="https://www.capemploi.info/" title="Découvrez le site de Cap emploi national">Cap emploi national</a>
257
258			  <a class="dropdown-item" href="https://www.cheops-ops.org/" title="Découvrez le site de Cheops national">Cheops national</a>
259
260	
261			  <a class="dropdown-item" href="https://www.cheops-hautsdefrance.com/" title="Découvrez le site de Cheops Hauts-de-France">Cheops régional</a>
262		
263
264			</div>
265		  </div>
266		</li>
267
268
269<!--
270      <li class="nav-item " >
271        <a href="/contact.html" class="nav-link" data-icone="">
272         <span class="material-symbols-outlined">mail</span> <span class="nav-link-inner">Contact</span>
273        </a>
274      </li>
275-->
276
277		<li class="nav-item" >
278		  <div class="dropdown">
279			<button class="btn btn-outline-light dropdown-toggle" type="button" id="dropdownMenuButtonAccessibilite" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
280			  <span class="material-symbols-outlined">settings_accessibility</span> Accessibilité
281			</button>
282
283			<div class="dropdown-menu" role="menu"  aria-labelledby="dropdownMenuButtonAccessibilite">
284			  <a class="dropdown-item" href="accessibilite.html" aria-label="Informations accessibilité">Informations</a>
285
286			  <span class="dropdown-item confortplus"><span id="myconfortplusContainer"></span></span>
287
288
289
290
291
292
293
294
295
296			</div>
297		  </div>
298		</li>
299
300
301
302
303<li class="nav-item" >
304  <div class="dropdown">
305	<button class="btn btn-outline-light dropdown-toggle" type="button" id="dropdownMenuButtonService" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
306	  <span class="material-symbols-outlined">handshake</span> Services en ligne
307	</button>
308	<div class="dropdown-menu dropdown-menu-right" role="menu" aria-labelledby="dropdownMenuButtonService">
309
310
311
312
313
314<a class="dropdown-item" href="https://www.capemploi-80.com/emploi/" target="_blank">Consulter les offres d'emploi</a>
315
316
317
318
319
320
321<a class="dropdown-item" href="https://www.capemploi-80.com/espace-employeur/deposez-une-offre/" target="_blank">Déposer une offre d'emploi</a>
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339<a class="dropdown-item" href="evenements/deposer-un-evenement.html" target="_blank">Soumettre un événement</a>
340
341
342
343
344
345
346
347
348
349
350<a class="dropdown-item" href="https://www.capemploi-80.com/espace-employeur/depot-dun-nouveau-formulaire-signalement-maintien.html" target="_blank">Déposer un signalement maintien dans l'emploi et reconversion professionnelle</a>
351
352
353
354
355
356
357
358
359
360	</div>
361  </div>
362</li>
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378      <li class="nav-item last">
379
380
381		<div class="form-search form-light">
382         <form action="resultats-de-recherche.html" method="get" class="search form-inline mt-2 mt-md-0" role="search">
383  <input type="hidden" name="id" value="6869" /> 
384  <div class="input-group" role="group">
385	<input type="text" placeholder="Votre recherche" value="" name="search" class="form-control" autocomplete="off" aria-label="Saisissez votre recherche ">
386	<span class="input-group-btn">
387	  <button class="btn" id="ok" type="submit" aria-label="Lancer la recherche"><i class="bi bi-search"></i></button>
388	</span>
389  </div>
390</form>
391
392	  	</div>
393
394
395      </li>
396
397      </ul>
398			</div>
399
400
401        </div>
402    </nav>
403
404
405    <nav class="navbar navbar-expand-md supra" id="logo-cta" aria-label="Menu principal">
406        <div class="container">
407            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#collapsing-navbar2" aria-controls="collapsing-navbar2" aria-expanded="false" aria-label="Navigation">
408              <span class="navbar-toggler-icon"></span>
409            </button>
410            <a class="navbar-brand" href="/" title="Retour à la page d'accueil du site Cap emploi 80">Cap emploi 80</a>
411            <div class="navbar-collapse collapse justify-content-end" id="collapsing-navbar2">
412            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#collapsing-navbar2" aria-controls="collapsing-navbar2" aria-expanded="false" aria-label="Navigation">
413              <span class="navbar-toggler-icon"></span>
414            </button>
415
416			<div id="navigation">
417        <ul class="navbar-nav nav flex-nowrap" aria-label="navigation principale"><li class="nav-item first" id="item6875">
418  <a href="qui-sommes-nous/"  class="nav-link"><span class="nav-link-inner">Qui sommes-nous ?</span></a>
419
420  <button type="button" class="navbar-toggler d-md-none" data-toggle="collapse" data-target="#item6875 > .nav-wrapper" aria-expanded="false" aria-controls="navbar" aria-label="Détails du sous-menu">
421    <span class="navbar-toggler-icon"></span>
422  </button>
423
424  <div class="nav-wrapper collapse"><ul class="navbar-nav nav flex-nowrap" aria-label="navigation principale"><li class="nav-item first" id="item6877"><a href="qui-sommes-nous/notre-cap-emploi.html"  class="nav-link" >Notre Cap Emploi</a></li><li class="nav-item " id="item6876"><a href="qui-sommes-nous/presentation-du-reseau-des-cap-emploi.html"  class="nav-link" >Présentation du réseau des Cap emploi</a></li><li class="nav-item " id="item6878">
425  <a href="nos-missions/"  class="nav-link"><span class="nav-link-inner">Tout savoir sur les Cap emploi</span></a>
426
427  <button type="button" class="navbar-toggler d-md-none" data-toggle="collapse" data-target="#item6878 > .nav-wrapper" aria-expanded="false" aria-controls="navbar" aria-label="Détails du sous-menu">
428    <span class="navbar-toggler-icon"></span>
429  </button>
430
431  <div class="nav-wrapper collapse"><ul class="navbar-nav nav flex-nowrap" aria-label="navigation principale"><li class="nav-item first" id="item6879"><a href="nos-missions/laccompagnement-dans-lemploi.html"  class="nav-link" >L'accompagnement dans l'emploi</a></li><li class="nav-item last" id="item6880"><a href="nos-missions/laccompagnement-vers-lemploi.html"  class="nav-link" >L'accompagnement vers l'emploi</a></li></ul></div>
432</li><li class="nav-item " id="item50451"><a href="qui-sommes-nous/presentation-cap-emploi-speciale-partenaires.html"  class="nav-link" >Présentation  Cap emploi "spéciale partenaires"</a></li><li class="nav-item " id="item50452"><a href="qui-sommes-nous/vous-etes-une-personne-en-situation-de-handicap-decouvrez-les-missions-des-cap-emploi.html"  class="nav-link" >Vous êtes une personne en situation de Handicap ? Découvrez les missions des Cap emploi</a></li><li class="nav-item " id="item50453"><a href="qui-sommes-nous/vous-etes-un-employeur-decouvrez-les-missions-des-cap-emploi.html"  class="nav-link" >Vous êtes un employeur ? Découvrez les missions des Cap emploi</a></li><li class="nav-item " id="item6904">
433  <a href="chiffres-cles/"  class="nav-link"><span class="nav-link-inner">Chiffres clés</span></a>
434
435  <button type="button" class="navbar-toggler d-md-none" data-toggle="collapse" data-target="#item6904 > .nav-wrapper" aria-expanded="false" aria-controls="navbar" aria-label="Détails du sous-menu">
436    <span class="navbar-toggler-icon"></span>
437  </button>
438
439  <div class="nav-wrapper collapse"><ul class="navbar-nav nav flex-nowrap" aria-label="navigation principale"><li class="nav-item first" id="item6905"><a href="chiffres-cles/nos-resultats-2018/"  class="nav-link" >Nos résultats 2020</a></li></ul></div>
440</li><li class="nav-item " id="item6871"><a href="recrutement/"  class="nav-link" >Rejoignez notre équipe</a></li><li class="nav-item last" id="item56923"><a href="qui-sommes-nous/devenez-administrateur-du-cap-emploi.html"  class="nav-link" >Devenez administrateur du Cap emploi</a></li></ul></div>
441</li><li class="nav-item " id="item14895">
442  <a href="espace-candidat/"  class="nav-link"><span class="nav-link-inner">Espace candidat</span></a>
443
444  <button type="button" class="navbar-toggler d-md-none" data-toggle="collapse" data-target="#item14895 > .nav-wrapper" aria-expanded="false" aria-controls="navbar" aria-label="Détails du sous-menu">
445    <span class="navbar-toggler-icon"></span>
446  </button>
447
448  <div class="nav-wrapper collapse"><ul class="navbar-nav nav flex-nowrap" aria-label="navigation principale"><li class="nav-item first" id="item14897"><a href="emploi/"  class="nav-link" >Consultez les offres d'emploi</a></li><li class="nav-item " id="item14896"><a href="espace-candidat/nos-services.html"  class="nav-link" >Nos services</a></li><li class="nav-item last" id="item14918"><a href="espace-candidat/depot-dun-nouveau-formulaire-signalement-maintien.html"  class="nav-link" >Signalement</a></li></ul></div>
449</li><li class="nav-item active" id="item14913">
450  <a href="espace-employeur/"  class="nav-link"><span class="nav-link-inner">Espace employeur</span></a>
451
452  <button type="button" class="navbar-toggler d-md-none" data-toggle="collapse" data-target="#item14913 > .nav-wrapper" aria-expanded="false" aria-controls="navbar" aria-label="Détails du sous-menu">
453    <span class="navbar-toggler-icon"></span>
454  </button>
455
456  <div class="nav-wrapper collapse"><ul class="navbar-nav nav flex-nowrap" aria-label="navigation principale"><li class="nav-item first active" id="item14915"><a href="espace-employeur/deposez-une-offre/"  class="nav-link" aria-current="page">Déposez une offre</a></li><li class="nav-item " id="item14914"><a href="espace-employeur/nos-services.html"  class="nav-link" >Nos services</a></li><li class="nav-item last" id="item51299"><a href="espace-employeur/depot-dun-nouveau-formulaire-signalement-maintien.html"  class="nav-link" >Signalement</a></li></ul></div>
457</li><li class="nav-item " id="item6884"><a href="actualites/"  class="nav-link" >Actualités</a></li><li class="nav-item " id="item6899">
458  <a href="ressources/"  class="nav-link"><span class="nav-link-inner">Ressources</span></a>
459
460  <button type="button" class="navbar-toggler d-md-none" data-toggle="collapse" data-target="#item6899 > .nav-wrapper" aria-expanded="false" aria-controls="navbar" aria-label="Détails du sous-menu">
461    <span class="navbar-toggler-icon"></span>
462  </button>
463
464  <div class="nav-wrapper collapse"><ul class="navbar-nav nav flex-nowrap" aria-label="navigation principale"><li class="nav-item first" id="item49931"><a href="ressources/nos-plaquettes.html"  class="nav-link" >Nos plaquettes</a></li></ul></div>
465</li><li class="nav-item " id="item39667"><a href="evenements/"  class="nav-link" >Événements</a></li><li class="nav-item last" id="item6883"><a href="informations-pratiques/"  class="nav-link" >Infos pratiques</a></li></ul>
466
467
468            	</div>
469            </div>
470        </div>
471    </nav>
472</header>
473
474
475	
476	<main id="maincontent">
477	    <nav class="subnav subnav-mobile dropdown d-block d-md-none d-print-none" aria-label="Menu secondaire">
478    <button class="dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
479      <span class="nav-link-inner">
480	  Espace employeur
481      </span>
482    </button><ul class="nav dropdown-menu" aria-labelledby="dropdownMenuButton"><li class="nav-item first active" id="item-m-14915"><a href="espace-employeur/deposez-une-offre/"  class="nav-link"><span class="nav-link-inner">Déposez une offre</span></a></li><li class="nav-item " id="item-m-14914"><a href="espace-employeur/nos-services.html"  class="nav-link"><span class="nav-link-inner">Nos services</span></a></li><li class="nav-item last" id="item-m-51299"><a href="espace-employeur/depot-dun-nouveau-formulaire-signalement-maintien.html"  class="nav-link"><span class="nav-link-inner">Signalement</span></a></li></ul></nav> 
483      <div class="wrapper wrapper-bandeau wrapper-breadcrumbs d-none d-sm-block">
484  <div class="container">
485  <nav aria-label="Vous êtes ici">
486	<ol class="breadcrumb justify-content-center justify-content-md-start">
487	  <li><a href="/">Accueil</a></li><li class="breadcrumb-item"><a href="espace-employeur/">Espace employeur</a></li><li class="breadcrumb-item active" aria-current="page">Déposez une offre</li>
488  </ol>
489  </nav>
490</div><!-- fin.container -->
491
492</div><!-- fin.container -->
493	  
494	  <div class="wrapper wrapper-article">
495		<div class="container">
496		  <div class="row row-md-10 row-md-23">
497			
498			<div class="col col-right"><!-- col-md-8 col-lg-9 -->
499			  <div id="content">
500
501                <h1>Déposez une offre</h1>
502
503				
504
505
506
507<div class="chapo mb-5">
508
509  <div class="wrapper-chapo">
510	<div class="inner-chapo">
511	  <div class="inner-contenu-chapo">
512		<p>Vous souhaitez recruter un collaborateur ? Afin de vous aider dans votre démarche nous avons mis à votre disposition ce formulaire.</p>
513	  </div><!-- fin inner-contenu-chapo -->
514	</div><!-- fin inner-chapo -->  
515  </div><!-- fin wrapper-chapo -->  
516
517</div><!-- fin.chapo -->
518
519
520
521
522
523
524
525
526				<div class="markdown">
527
528
529
530
531
532
533
534
535
536
537
538
539
540<form class="form-required fieldset mb-5">
541 
542
543<fieldset  >
544  <legend class="h3"> France Travail </legend>
545
546
547
548  <div class="form-group row row-sm-20">
549	<label class="col-md-6 control-label" for="typeAnnonce">Source de votre offre d'emploi </label>
550
551	<div class="col-md-6">
552	  <div class="form-check ">
553  <input class="form-check-input" type="radio" name="typeAnnonce" id="typeAnnonce_1" value="FT"   data-toggle-content="true" data-toggle-wrapper="#toggle_typeAnnonce_1" >
554  <label class="form-check-label " for="typeAnnonce_1">
555    Mon annonce est déjà présente sur France Travail 
556  </label>
557</div>
558	  <div class="form-check ">
559  <input class="form-check-input" type="radio" name="typeAnnonce" id="typeAnnonce_2" value="personnalise"   data-toggle-content="true" data-toggle-wrapper="#form_api_depot" >
560  <label class="form-check-label " for="typeAnnonce_2">
561    Mon annonce n'est pas présente sur France Travail 
562  </label>
563</div>
564	  <div class="row ">
565  <div class="col-sm-12">
566	<label for="typeAnnonce" class="error" id="error-typeAnnonce"></label>
567  </div><!-- fin.col -->
568</div><!-- fin.row -->
569
570	</div><!-- .col -->
571  </div><!-- .row -->
572
573
574  </fieldset>
575</form>
576
577
578<div id="toggle_typeAnnonce_1" style="display:none">
579<div class="alert alert-info pt-1 my-0">
580<p>Nous vous invitons à contacter votre Cap emploi à l'adresse email suivante : <strong>[email protected]</strong>, 
581en indiquant les références des offres d'emploi que vous souhaitez partager.</p>
582
583</div>
584</div>
585
586
587
588
589<form action="/" method="post" class="form form-required validate fieldset form-fieldset fieldset-legend-icon" id="form_api_depot" style="display:none">
590
591
592
593
594  <input type="hidden" name="ctx" id="context_key" value="capemploi-80" class="onGarde"/>
595
596  <input type="hidden" name="id" id="id" />
597  <input type="hidden" name="source" id="source" value="depot-site" class="onGarde"/>
598
599  <input type="hidden" name="destinataire" id="destinataire" value="[email protected]" class="onGarde" />
600  <input type="hidden" name="destinataireCc" id="destinataireCc" value="[email protected]" class="onGarde" />
601
602<div class="alert alert-warning pt-1 my-0 ">
603<p>Cap emploi 80 et Cheops National traitent vos données pour répondre à votre offre d’emploi, <a href="#" class="modal-traitement-des-donnees-open" aria-label="ouvrir la fenêtre à propos des informations collectées">en savoir plus sur la gestion de vos données et sur vos droits</a>.</p>
604
605</div>
606
607
608
609  <h2>Offre</h2>
610
611
612 
613
614<fieldset  >
615  <legend class="h3"> Description </legend>
616
617
618
619  <div id="form_intitule" class="form_intitule">
620
621
622
623
624
625  <div class="row row-sm-5 align-items-start  mb-3">
626    <div class="col-12 col-md-5">
627    <div class="form-group row form-group-required" id="wrapper-appellationCode">
628
629	<label class="col col-sm-12 control-label" for="appellationCode" id="label-appellationCode">Recherche intitulé  <span class="required">*</span>  </label>
630
631
632	<div class="col col-sm-12">
633		<select class="form-control " name="appellationCode" id="appellationCode" autocomplete="on" required data-key="appellation.code" data-import="Appellations"   aria-labelledby="label-appellationCode error-appellationCode" >
634<option value="">saisir au moins 3 caractères</option>
635
636
637		</select>
638
639	  <small id="help_appellationCode" class="form-text text-muted ">Référentiel France Travail</small>
640
641		<label class="error" for="appellationCode" id="error-appellationCode"></label>
642	</div>
643</div>
644
645
646    </div><!-- .col -->
647    <div class="col-12 col-md-7">
648    <div class="form-group row" id="wrapper-intitule">
649
650	<label class="col col-sm-12 control-label" for="intitule" id="label-intitule">
650Intitulé du poste  <span class="required">*</span> </label>
651
652	<div class="col col-sm-12">
653		<div class="input-group">
654		
655		
656    		<input type="text" class="form-control " id="intitule" name="intitule" value="" autocomplete="on"    required  readonly data-key="intitule" aria-labelledby="label-intitule error-intitule"   />
657		<div class="input-group-append "><span class="input-group-text ">(H/F)</span></div>
658		
659		  
660
661    <div class="input-group-append">
662      <div class="input-group-text">
663      <input class="" type="checkbox" id="intituleLibre">
664      <label class="form-check-label pl-2" for="intituleLibre">
665        Personnalisé
666      </label>
667      </div>
668    </div>
669
670    
671		</div><!-- fin.input-group -->
672
673	  <small id="help_intitule" class="form-text text-muted ">Automatiquement renseigné, et peut être personnalisé</small>
674
675	  	<label class="error d-inline-block" for="intitule" id="error-intitule" aria-live="polite"></label>
676  	</div>
677</div>
678
679    </div><!-- .col -->
680
681  </div><!-- .row -->
682
683  </div>
684
685
686
687  <div class="row row-sm-5">
688  <div class="col col-md-5">
689
690    <div class="form-group row form-group-required" id="wrapper-romeCode">
691
692	<label class="col col-sm-12 control-label" for="romeCode" id="label-romeCode">Code ROME  <span class="required">*</span>  </label>
693
694
695	<div class="col col-sm-12">
696		<select class="form-control " name="romeCode" id="romeCode" autocomplete="on" required data-key="rome.code" data-import="Metiers"   aria-labelledby="label-romeCode error-romeCode" >
697<option value="">saisir à minima un caractère du code ROME</option>
698
699
700		</select>
701
702	  
703
704		<label class="error" for="romeCode" id="error-romeCode"></label>
705	</div>
706</div>
707
708
709
710  </div><!-- fin.col -->
711
712  <div class="col col-md-5">
713
714    <div class="form-group row" id="wrapper-romeAppelation">
715
716	<label class="col col-sm-12 control-label" for="romeAppelation" id="label-romeAppelation">Appelation ROME  <span class="required"></span> </label>
717
718	<div class="col col-sm-12">
719		<div class="input-group">
720		
721		
722    		<input type="text" class="form-control " id="romeAppelation" name="romeAppelation" value="" autocomplete="on"      data-key="rome.libelle" readonly aria-labelledby="label-romeAppelation error-romeAppelation"   />
723		
724		
725		  
726		</div><!-- fin.input-group -->
727
728	  <small id="help_romeAppelation" class="form-text text-muted ">Renseigné automatiquement à l'aide du code ROME</small>
729
730	  	<label class="error d-inline-block" for="romeAppelation" id="error-romeAppelation" aria-live="polite"></label>
731  	</div>
732</div>
733
734
735  </div><!-- fin.col -->
736  <div class="col-12 col-md-2">
737    <div class="form-group row" id="wrapper-nombrePostes">
738
739	<label class="col col-sm-12 control-label" for="nombrePostes" id="label-nombrePostes">Nombre de poste  <span class="required">*</span> </label>
740
741	<div class="col col-sm-12">
742		<div class="input-group">
743		
744		
745    		<input type="number" class="form-control " id="nombrePostes" name="nombrePostes" value="1" autocomplete="on"    required  rule_entier-positif aria-labelledby="label-nombrePostes error-nombrePostes"   />
746		
747		
748		  
749		</div><!-- fin.input-group -->
750
751	  <small id="help_nombrePostes" class="form-text text-muted ">initialement</small>
752
753	  	<label class="error d-inline-block" for="nombrePostes" id="error-nombrePostes" aria-live="polite"></label>
754  	</div>
755</div>
756
757  </div><!-- .col -->   
758
759
760  </div><!--fin.row -->
761
762<div class="form-group row row-sm-20" id="wrapperdescription">
763
764	<label class="col col-sm-12 control-label" for="description" id="label-description">Descriptif de poste <!--<a href="#" class="btn btn-primary" id="bt_helpAi">AI</a>--> <span class="badge badge-pill badge-info" role="tooltip" id="tooltip-description"  data-toggle="tooltip" data-placement="top" title="4000 caractères maximum">?</span> <span class="required"></span> </label>
765
766	<div class="col col-sm-12">
767		<textarea  class="form-control " id="description" name="description"    maxlength="4000" rows="10" aria-labelledby="label-description error-description"></textarea>
768		<label class="error" for="description" id="error-description"></label>
769  	</div>
770</div>
771
772
773
774
775  
776  </fieldset>
777
778
779
780
781
782 
783
784<fieldset  >
785  <legend class="h3"> Compétences </legend>
786
787
788  <div id="form_competence" class="form_competence">
789
790<!--  
791  <div class="alert alert-info">
792	<p class="mb-0">
793	  
794	</p>
795  </div>
796-->
797
798  <div class="row row-sm-5 align-items-start  mb-3">
799
800
801	<div class="col-12 col-md-3">
802<div class="form-group row " id="wrapper-competenceCode">
803
804	<label class="col col-sm-12 control-label" for="competenceCode" id="label-competenceCode">Code compétence    </label>
805
806
807	<div class="col col-sm-12">
808		<select class="form-control " name="competenceCode" id="competenceCode" autocomplete="on"  data-key="competence.code" data-import="Competences"   aria-labelledby="label-competenceCode error-competenceCode" >
809<option value="">choisir</option>
810
811
812		</select>
813
814	  <small id="help_competenceCode" class="form-text text-muted ">Référentiel France Travail</small>
815
816		<label class="error" for="competenceCode" id="error-competenceCode"></label>
817	</div>
818</div>
819
820
821	</div><!-- .col -->
822
823	<div class="col-12 col-md-5">
824<div class="form-group row" id="wrapper-competenceLibelle">
825
826	<label class="col col-sm-12 control-label" for="competenceLibelle" id="label-competenceLibelle">Libellé  <span class="required"></span> </label>
827
828	<div class="col col-sm-12">
829		<div class="input-group">
830		
831		
832    		<input type="text" class="form-control " id="competenceLibelle" name="competenceLibelle" value="" autocomplete="on"      readonly aria-labelledby="label-competenceLibelle error-competenceLibelle"   />
833		
834		
835		  
836
837	  <div class="input-group-append">
838		<div class="input-group-text">
839		  <input name="competenceLibre" type="checkbox" id="competenceLibre" value="1" />
840		  <label class="form-check-label pl-2" for="competenceLibre">
841			Personnalisé
842		  </label>
843		</div>
844	  </div>
845
846
847		</div><!-- fin.input-group -->
848
849	  <small id="help_competenceLibelle" class="form-text text-muted ">Automatiquement renseigné à l'aide du code, et peut être personnalisé</small>
850
851	  	<label class="error d-inline-block" for="competenceLibelle" id="error-competenceLibelle" aria-live="polite"></label>
852  	</div>
853</div>
854
855	</div><!-- .col -->
856
857
858
859	<div class="col-12 col-md-2">
860<div class="form-group row " id="wrapper-competenceExigence">
861
862	<label class="col col-sm-12 control-label" for="competenceExigence" id="label-competenceExigence">Exigence    </label>
863
864
865	<div class="col col-sm-12">
866		<select class="form-control " name="competenceExigence" id="competenceExigence" autocomplete="on"     aria-labelledby="label-competenceExigence error-competenceExigence" >
867<option value="">choisir</option>
868
869<option value="S" data-display="souhaitée">souhaitée</option>
870<option value="E" data-display="exigée">exigée</option>
871		</select>
872
873	  <small id="help_competenceExigence" class="form-text text-muted ">&nbsp;</small>
874
875		<label class="error" for="competenceExigence" id="error-competenceExigence"></label>
876	</div>
877</div>
878
879
880	</div><!-- .col -->
881
882
883	<div class="col-12 col-md-2">
884	  <div class="text-right" style="margin-top: 27px;">
885		<button type="button" class="btn btn-secondary btn-add w-100" style="height: 38px" disabled>Ajouter</button>
886	  </div>
887
888	</div><!-- .col -->
889
890  </div><!-- .row -->
891
892  
893</div>
894
895
896
897
898
899
900  <div id="listCompetences" class="list-form table-responsive">
901  <table class="table table-form align-middle mb-1" id="tableCompetences">
902    <caption>Tableau des compétences :</caption>
903    <thead class="table-dark">
904    
905    <tr>
906    <th scope="col" class="text-left w-25" rel="competenceCode">Code</th>
907    <th scope="col" class="text-left w-50" rel="competenceLibelle">Libellé</th>
908    <th scope="col" class="text-left w-25 exigence" rel="competenceExigence">Exigence</th>
909    <th scope="col" class=""></th>
910    </tr>
911    </thead>
912
913    <tbody>
914    
915    </tbody>
916    
917  </table>
918
919  <div class="alert alert-warning alert-empty text-center m-0">Veuillez compléter le tableau des compétences à l'aide du formulaire ci-dessus.</div>
920
921  <div class="form-group">
922    <div style="width: 0; height: 0; overflow: hidden;">
923    <input type="text" name="competences" id="competences" value="" autocomplete="off" readonly="">
924    </div>
925  </div>
926  </div>
927
928  </fieldset>
929
930
931
932
933
934 
935
936<fieldset  >
937  <legend class="h3"> Lieu de travail </legend>
938
939
940
941
942  <div id="form_lieuTravail" class="form_lieuTravail">
943  
944  <div class="row row-sm-5 align-items-start  mb-3">
945    <div class="col-12 col-md-3">
946    <div class="form-group row form-group-required" id="wrapper-communeCode">
947
948	<label class="col col-sm-12 control-label" for="communeCode" id="label-communeCode">Commune  <span class="required">*</span>  </label>
949
950
951	<div class="col col-sm-12">
952		<select class="form-control " name="communeCode" id="communeCode" autocomplete="on" required data-key="lieuTravail.code" data-import="Communes"   aria-labelledby="label-communeCode error-communeCode" >
953<option value="">saisir à minima 3 caractères</option>
954
955
956		</select>
957
958	  
959
960		<label class="error" for="communeCode" id="error-communeCode"></label>
961	</div>
962</div>
963
964
965    </div><!-- .col -->
966    <div class="col-12 col-md-5">
967    <div class="form-group row" id="wrapper-communeLibre">
968
969	<label class="col col-sm-12 control-label" for="communeLibre" id="label-communeLibre">Libellé  <span class="required"></span> </label>
970
971	<div class="col col-sm-12">
972		<div class="input-group">
973		
974		
975    		<input type="text" class="form-control " id="communeLibre" name="communeLibre" value="" autocomplete="on"      readonly data-key="lieuTravail.libelle" aria-labelledby="label-communeLibre error-communeLibre"   />
976		
977		
978		  
979
980    <div class="input-group-append">
981      <div class="input-group-text">
982      <input class="" type="checkbox" id="communeLibreCheckbox">
983      <label class="form-check-label pl-2" for="communeLibreCheckbox">
984        Personnalisé
985      </label>
986      </div>
987    </div>
988
989    
990		</div><!-- fin.input-group -->
991
992	  <small id="help_communeLibre" class="form-text text-muted ">Automatiquement renseigné, et peut être personnalisé</small>
993
994	  	<label class="error d-inline-block" for="communeLibre" id="error-communeLibre" aria-live="polite"></label>
995  	</div>
996</div>
997
998    </div><!-- .col -->
999    <div class="col-12 col-md-2">
1000    <div class="form-group row" id="wrapper-lieuTravailCodePostal">
1001
1002	<label class="col col-sm-12 control-label" for="lieuTravailCodePostal" id="label-lieuTravailCodePostal">Code postal  <span class="required"></span> </label>
1003
1004	<div class="col col-sm-12">
1005		<div class="input-group">
1006		
1007		
1008    		<input type="text" class="form-control " id="lieuTravailCodePostal" name="lieuTravailCodePostal" value="" autocomplete="on"      readonly data-key="lieuTravail.codePostal" aria-labelledby="label-lieuTravailCodePostal error-lieuTravailCodePostal"   />
1009		
1010		
1011		  
1012		</div><!-- fin.input-group -->
1013
1014	  
1015
1016	  	<label class="error d-inline-block" for="lieuTravailCodePostal" id="error-lieuTravailCodePostal" aria-live="polite"></label>
1017  	</div>
1018</div>
1019
1020    </div><!-- .col -->  
1021    <div class="col-12 col-md-2">
1022    <div class="form-group row" id="wrapper-lieuTravailCcodeDepartement">
1023
1024	<label class="col col-sm-12 control-label" for="lieuTravailCcodeDepartement" id="label-lieuTravailCcodeDepartement">Code département  <span class="required"></span> </label>
1025
1026	<div class="col col-sm-12">
1027		<div class="input-group">
1028		
1029		
1030    		<input type="text" class="form-control " id="lieuTravailCcodeDepartement" name="lieuTravailCcodeDepartement" value="" autocomplete="on"      readonly data-key="lieuTravail.codeDepartement" aria-labelledby="label-lieuTravailCcodeDepartement error-lieuTravailCcodeDepartement"   />
1031		
1032		
1033		  
1034		</div><!-- fin.input-group -->
1035
1036	  
1037
1038	  	<label class="error d-inline-block" for="lieuTravailCcodeDepartement" id="error-lieuTravailCcodeDepartement" aria-live="polite"></label>
1039  	</div>
1040</div>
1041
1042    </div><!-- .col -->  
1043
1044  </div><!-- .row -->
1045
1046  </div>
1047<!--communeLibre -->
1048
1049
1050
1051<div id="toggle_lieuTravailCodeDepartement_ko" style="display:none">
1052<div class="alert alert-danger pt-1 my-0">
1053<p>Attention, le département lié au lieu de travail n'est pas pris en compte dans le périmètre de ce Cap emploi. Nous vous conseillons de <a href="https://www.capemploi.info/les-services/deposez-une-offre.html" target="_blank">consulter cette page</a> afin de trouver votre Cap emploi.</p>
1054
1055</div>
1056</div>
1057
1058
1059
1060  </fieldset>
1061
1062
1063
1064<fieldset  >
1065  <legend class="h3"> Déplacement </legend>
1066
1067
1068<div id="form_deplacement" class="form_deplacement">
1069  
1070  <div class="row row-sm-5 align-items-start  mb-3">
1071    <div class="col-12 col-md-3">
1072    <div class="form-group row " id="wrapper-deplacementCode">
1073
1074	<label class="col col-sm-12 control-label" for="deplacementCode" id="label-deplacementCode">Code fréquence    </label>
1075
1076
1077	<div class="col col-sm-12">
1078		<select class="form-control " name="deplacementCode" id="deplacementCode" autocomplete="on"  data-key="deplacement.code"   aria-labelledby="label-deplacementCode error-deplacementCode" >
1079<option value="">choisir</option>
1080
1081<option value="0" data-display="Autre">Autre</option>
1082<option value="1" data-display="Jamais">Jamais</option>
1083<option value="2" data-display="Ponctuels">Ponctuels</option>
1084<option value="3" data-display="Fréquents">Fréquents</option>
1085<option value="4" data-display="Quotidiens">Quotidiens</option>
1086
1087		</select>
1088
1089	  
1090
1091		<label class="error" for="deplacementCode" id="error-deplacementCode"></label>
1092	</div>
1093</div>
1094
1095
1096    </div><!-- .col -->
1097
1098    <div class="col-12 col-md-5">
1099    <div class="form-group row" id="wrapper-deplacementLibre">
1100
1101	<label class="col col-sm-12 control-label" for="deplacementLibre" id="label-deplacementLibre">Libellé  <span class="required"></span> </label>
1102
1103	<div class="col col-sm-12">
1104		<div class="input-group">
1105		
1106		
1107    		<input type="text" class="form-control " id="deplacementLibre" name="deplacementLibre" value="" autocomplete="on"      readonly data-key="deplacement.libre" aria-labelledby="label-deplacementLibre error-deplacementLibre"   />
1108		
1109		
1110		  
1111
1112    <div class="input-group-append">
1113      <div class="input-group-text">
1114      <input class="" type="checkbox" id="deplacementLibreCheckbox">
1115      <label class="form-check-label pl-2" for="deplacementLibreCheckbox">
1116        Personnalisé
1117      </label>
1118      </div>
1119    </div>
1120
1121    
1122		</div><!-- fin.input-group -->
1123
1124	  <small id="help_deplacementLibre" class="form-text text-muted ">Automatiquement renseigné, et peut être personnalisé</small>
1125
1126	  	<label class="error d-inline-block" for="deplacementLibre" id="error-deplacementLibre" aria-live="polite"></label>
1127  	</div>
1128</div>
1129
1130    </div><!-- .col -->
1131
1132  </div><!-- .row -->
1133
1134  </div>
1135
1136  </fieldset>
1137
1138
1139
1140
1141
1142
1143  
1144
1145<fieldset  >
1146  <legend class="h3"> Elements contractuels </legend>
1147
1148
1149  <div class="row row-sm-5 align-items-start  mb-3">
1150
1151  <div class="col col-sm-3">
1152
1153    <div class="form-group row " id="wrapper-naturesContratsCode">
1154
1155	<label class="col col-sm-12 control-label" for="naturesContratsCode" id="label-naturesContratsCode">Nature contrat    </label>
1156
1157
1158	<div class="col col-sm-12">
1159		<select class="form-control " name="naturesContratsCode" id="naturesContratsCode" autocomplete="on"  data-key="natureContrat.code" data-import="NaturesContrat"   aria-labelledby="label-naturesContratsCode error-naturesContratsCode" >
1160<option value="">choisir</option>
1161
1162
1163		</select>
1164
1165	  
1166
1167		<label class="error" for="naturesContratsCode" id="error-naturesContratsCode"></label>
1168	</div>
1169</div>
1170
1171
1172
1173
1174  </div>
1175  <div class="col col-sm-3">
1176
1177    <div class="form-group row " id="wrapper-typeContratCode">
1178
1179	<label class="col col-sm-12 control-label" for="typeContratCode" id="label-typeContratCode">Type de contrat    </label>
1180
1181
1182	<div class="col col-sm-12">
1183		<select class="form-control " name="typeContratCode" id="typeContratCode" autocomplete="on"  data-key="typeContrat.code" data-import="TypesContrat"   aria-labelledby="label-typeContratCode error-typeContratCode" >
1184<option value="">choisir</option>
1185
1186
1187		</select>
1188
1189	  
1190
1191		<label class="error" for="typeContratCode" id="error-typeContratCode"></label>
1192	</div>
1193</div>
1194
1195
1196
1197
1198  </div>
1199
1200  <div class="col-12 col-md-3">
1201    <div class="form-group row" id="wrapper-contratDuree">
1202
1203	<label class="col col-sm-12 control-label" for="contratDuree" id="label-contratDuree">Durée du contrat  <span class="required"></span> </label>
1204
1205	<div class="col col-sm-12">
1206		<div class="input-group">
1207		
1208		
1209    		<input type="number" class="form-control " id="contratDuree" name="contratDuree" value="" autocomplete="on"       data-key="typeContrat.duree" aria-labelledby="label-contratDuree error-contratDuree"   />
1210		
1211		
1212		  
1213		</div><!-- fin.input-group -->
1214
1215	  
1216
1217	  	<label class="error d-inline-block" for="contratDuree" id="error-contratDuree" aria-live="polite"></label>
1218  	</div>
1219</div>
1220
1221  </div><!-- .col -->  
1222  <div class="col-12 col-md-3">
1223
1224<div class="form-group row " id="wrapper-contratDureeType">
1225
1226	<label class="col col-sm-12 control-label" for="contratDureeType" id="label-contratDureeType">Type de durée    </label>
1227
1228
1229	<div class="col col-sm-12">
1230		<select class="form-control " name="contratDureeType" id="contratDureeType" autocomplete="on"  data-key="typeContrat.dureeType"   aria-labelledby="label-contratDureeType error-contratDureeType" >
1231<option value="">choisir</option>
1232
1233<option value="JO" data-display="jours">Jours</option>
1234<option value="MO" data-display="mois">Mois</option>
1235
1236
1237		</select>
1238
1239	  
1240
1241		<label class="error" for="contratDureeType" id="error-contratDureeType"></label>
1242	</div>
1243</div>
1244
1245
1246
1247  </div><!-- .col -->  
1248
1249 <div class="col-12 col-md-12">
1250
1251    <div class="form-group row indent" id="wrapper-typeContratLibre">
1252
1253	<label class="col col-sm-12 control-label" for="typeContratLibre" id="label-typeContratLibre">Libellé contrat  <span class="required"></span> </label>
1254
1255	<div class="col col-sm-12">
1256		<div class="input-group">
1257		
1258		
1259    		<input type="text" class="form-control " id="typeContratLibre" name="typeContratLibre" value="" autocomplete="on"      readonly data-key="typeContrat.libre" aria-labelledby="label-typeContratLibre error-typeContratLibre"   />
1260		
1261		
1262		  
1263  
1264  <div class="input-group-append">
1265  <div class="input-group-text">
1266    <input class="" type="checkbox" id="contratLibreCheckbox">
1267    <label class="form-check-label pl-2" for="contratLibreCheckbox">
1268    Personnalisé
1269    </label>
1270  </div>
1271  </div>
1272
1273  
1274		</div><!-- fin.input-group -->
1275
1276	  <small id="help_typeContratLibre" class="form-text text-muted ">Automatiquement renseigné, et peut être personnalisé</small>
1277
1278	  	<label class="error d-inline-block" for="typeContratLibre" id="error-typeContratLibre" aria-live="polite"></label>
1279  	</div>
1280</div>
1281
1282    </div><!-- .col -->
1283
1284  </div><!--fin.row -->
1285
1286
1287  <div class="row row-sm-5 align-items-start mb-3">
1288  <div class="col col-sm-4">
1289    <div class="form-group row " id="wrapper-dureeTravailLibelleConverti">
1290
1291	<label class="col col-sm-12 control-label" for="dureeTravailLibelleConverti" id="label-dureeTravailLibelleConverti">Durée de travail convertie    </label>
1292
1293
1294	<div class="col col-sm-12">
1295		<select class="form-control " name="dureeTravailLibelleConverti" id="dureeTravailLibelleConverti" autocomplete="on"  data-key="dureetravail.converti"   aria-labelledby="label-dureeTravailLibelleConverti error-dureeTravailLibelleConverti" >
1296<option value="">choisir</option>
1297
1298<option value="Temps partiel" data-display="Temps partiel">Temps partiel</option>
1299<option value="Temps plein" data-display="Temps plein">Temps plein</option>
1300		</select>
1301
1302	  
1303
1304		<label class="error" for="dureeTravailLibelleConverti" id="error-dureeTravailLibelleConverti"></label>
1305	</div>
1306</div>
1307
1308
1309  </div>
1310  <div class="col col-sm-4">
1311    <div class="form-group row " id="wrapper-condition">
1312
1313	<label class="col col-sm-12 control-label" for="condition" id="label-condition">Condition d'excercice    </label>
1314
1315
1316	<div class="col col-sm-12">
1317		<select class="form-control " name="condition" id="condition" autocomplete="on"  data-key="dureetravail.code"   aria-labelledby="label-condition error-condition" >
1318<option value="">choisir</option>
1319
1320<option value="TDT" data-display="Au domicile d'un particulier">Au domicile d'un particulier</option>
1321<option value="DOM" data-display="Au domicile de l'intervenant">Au domicile de l'intervenant</option>
1322<option value="AUT" data-display="Autre">Autre</option>
1323<option value="EBR" data-display="En environnement bruyant">En environnement bruyant</option>
1324<option value="EXT" data-display="En extérieur">En extérieur</option>
1325<option value="GHA" data-display="En grande hauteur ou à proximité du vide">En grande hauteur ou à proximité du vide</option>
1326<option value="EEC" data-display="En milieu exigu ou confiné">En milieu exigu ou confiné</option>
1327<option value="EIN" data-display="Exposition aux intempéries">Exposition aux intempéries</option>
1328<option value="PCL" data-display="Port et manipulation de charges lourdes">Port et manipulation de charges lourdes</option>
1329<option value="SPE" data-display="Position pénible (accroupie, à genoux, …)">Position pénible (accroupie, à genoux, …)</option>
1330<option value="TLT" data-display="Possibilité de télétravail">Possibilité de télétravail</option>
1331<option value="SAP" data-display="Station assise prolongée">Station assise prolongée</option>
1332<option value="SDP" data-display="Station debout prolongée">Station debout prolongée</option>
1333<option value="TRE" data-display="Travail répétitif et/ou cadence imposée">Travail répétitif et/ou cadence imposée</option>
1334<option value="IRR" data-display="Travail en horaires décalés">Travail en horaires décalés</option>
1335<option value="NOR" data-display="Travail en journée">Travail en journée</option>
1336<option value="VAR" data-display="Travail en horaires fractionnés">Travail en horaires fractionnés</option>
1337<option value="HAN" data-display="Horaires annualisables">Horaires annualisables</option>
1338<option value="TLS" data-display="Travail le samedi">Travail le samedi</option>
1339<option value="TLD" data-display="Travail dimanche et jours fériés">Travail dimanche et jours fériés</option>
1340<option value="TSD" data-display="Travail le week-end">Travail le week-end</option>
1341<option value="TDN" data-display="Travail de nuit">Travail de nuit</option>
1342
1343
1344		</select>
1345
1346	  
1347
1348		<label class="error" for="condition" id="error-condition"></label>
1349	</div>
1350</div>
1351
1352
1353  </div>
1354  <div class="col col-sm-4">
1355    
1356    <div class="form-group row" id="wrapper-heuresSemaine">
1357    
1358    <label class="col col-sm-12 control-label" for="heuresSemaine" id="label-heuresSemaine">Durée hebdomadaire  <span class="required"></span> </label>
1359    
1360    <div class="col col-sm-12">
1361      <div class="input-group">
1362      
1363      <input type="number" class="form-control" id="heuresSemaine" name="heuresSemaine" value="" autocomplete="on" placeholder="" aria-labelledby="label-heuresSemaine error-heuresSemaine" aria-invalid="false">
1364      <div class="input-group-append">
1365        <span class="input-group-text">h</span>
1366      </div>
1367      <input type="number" class="form-control" id="heuresSemaineMinutes" name="heuresSemaineMinutes" value="" autocomplete="on" placeholder="" aria-labelledby="label-heuresSemaineMinutes error-heuresSemaineMinutes" aria-invalid="false">
1368      
1369      </div><!-- fin.input-group -->
1370      
1371      
1372      
1373      <label class="error" for="heuresSemaine" id="error-heuresSemaine" style="display: none;"></label>
1374    </div>
1375    </div>
1376    
1377  </div>
1378
1379 <div class="col-12 col-md-12">
1380
1381    <div class="form-group row indent" id="wrapper-dureeTravailLibelle">
1382
1383	<label class="col col-sm-12 control-label" for="dureeTravailLibelle" id="label-dureeTravailLibelle">Libellé durée de travail  <span class="required"></span> </label>
1384
1385	<div class="col col-sm-12">
1386		<div class="input-group">
1387		
1388		
1389    		<input type="text" class="form-control " id="dureeTravailLibelle" name="dureeTravailLibelle" value="" autocomplete="on"      readonly data-key="dureetravail.libelle" aria-labelledby="label-dureeTravailLibelle error-dureeTravailLibelle"   />
1390		
1391		
1392		  
1393  
1394  <div class="input-group-append">
1395  <div class="input-group-text">
1396    <input class="" type="checkbox" id="dureeTravailLibelleCheckbox">
1397    <label class="form-check-label pl-2" for="dureeTravailLibelleCheckbox">
1398    Personnalisé
1399    </label>
1400  </div>
1401  </div>
1402
1403  
1404		</div><!-- fin.input-group -->
1405
1406	  <small id="help_dureeTravailLibelle" class="form-text text-muted ">Automatiquement renseigné, et peut être personnalisé</small>
1407
1408	  	<label class="error d-inline-block" for="dureeTravailLibelle" id="error-dureeTravailLibelle" aria-live="polite"></label>
1409  	</div>
1410</div>
1411
1412
1413  </div><!--fin.col -->
1414  </div><!--fin.row -->
1415
1416
1417  <div class="row row-sm-20">
1418
1419  <div class="col col-sm-6">
1420    <div class="form-group row " id="wrapper-qualification">
1421
1422	<label class="col col-sm-12 control-label" for="qualification" id="label-qualification">Qualification    </label>
1423
1424
1425	<div class="col col-sm-12">
1426		<select class="form-control " name="qualification" id="qualification" autocomplete="on"  data-key="qualification.code"   aria-labelledby="label-qualification error-qualification" >
1427<option value="">choisir</option>
1428
1429<option value="1">Manœuvre</option>
1430<option value="2">Ouvrier spécialisé</option>
1431<option value="3">Ouvrier qualifié (P1,P2)</option>
1432<option value="4">Ouvrier qualifié (P3,P4,OHQ)</option>
1433<option value="5">Employé non qualifié</option>
1434<option value="6">Employé qualifié</option>
1435<option value="7">Technicien</option>
1436<option value="8">Agent de maîtrise</option>
1437<option value="9">Cadre</option>
1438
1439		</select>
1440
1441	  
1442
1443		<label class="error" for="qualification" id="error-qualification"></label>
1444	</div>
1445</div>
1446
1447
1448  </div>
1449
1450
1451  </div><!--fin.row -->
1452  </fieldset>
1453
1454
1455 
1456
1457<fieldset  >
1458  <legend class="h3"> Salaire </legend>
1459
1460
1461<div id="form_salaire" class="form_salaire">
1462  
1463  <div class="row row-sm-5 align-items-start  mb-3">
1464    <div class="col-12 col-md-3">
1465    <div class="form-group row " id="wrapper-salaireCode">
1466
1467	<label class="col col-sm-12 control-label" for="salaireCode" id="label-salaireCode">Code    </label>
1468
1469
1470	<div class="col col-sm-12">
1471		<select class="form-control " name="salaireCode" id="salaireCode" autocomplete="on"  data-key="salaire.code"   aria-labelledby="label-salaireCode error-salaireCode" >
1472<option value="">choisir</option>
1473
1474<option value="A" data-display="Annuel">Annuel</option>
1475<option value="H" data-display="Horaire">Horaire</option>
1476<option value="M" data-display="Mensuel">Mensuel</option>
1477<option value="C" data-display="Cachet">Cachet</option>
1478<option value="X" data-display="Autre">Autre</option>
1479
1480		</select>
1481
1482	  
1483
1484		<label class="error" for="salaireCode" id="error-salaireCode"></label>
1485	</div>
1486</div>
1487
1488
1489    </div><!-- .col -->
1490
1491    <div class="col-12 col-md-3">
1492    <div class="form-group row" id="wrapper-salaireDe">
1493
1494	<label class="col col-sm-12 control-label" for="salaireDe" id="label-salaireDe">De  <span class="required"></span> </label>
1495
1496	<div class="col col-sm-12">
1497		<div class="input-group">
1498		
1499		
1500    		<input type="number" class="form-control " id="salaireDe" name="salaireDe" value="" autocomplete="on"      data-key="salaire.de" aria-labelledby="label-salaireDe error-salaireDe"   />
1501		<div class="input-group-append "><span class="input-group-text ">€</span></div>
1502		
1503		  
1504		</div><!-- fin.input-group -->
1505
1506	  
1507
1508	  	<label class="error d-inline-block" for="salaireDe" id="error-salaireDe" aria-live="polite"></label>
1509  	</div>
1510</div>
1511
1512    </div><!-- .col -->  
1513    <div class="col-12 col-md-3">
1514    <div class="form-group row" id="wrapper-salaireA">
1515
1516	<label class="col col-sm-12 control-label" for="salaireA" id="label-salaireA">A  <span class="required"></span> </label>
1517
1518	<div class="col col-sm-12">
1519		<div class="input-group">
1520		
1521		
1522    		<input type="number" class="form-control " id="salaireA" name="salaireA" value="" autocomplete="on"       data-key="salaire.a" aria-labelledby="label-salaireA error-salaireA"   />
1523		<div class="input-group-append "><span class="input-group-text ">€</span></div>
1524		
1525		  
1526		</div><!-- fin.input-group -->
1527
1528	  
1529
1530	  	<label class="error d-inline-block" for="salaireA" id="error-salaireA" aria-live="polite"></label>
1531  	</div>
1532</div>
1533
1534    </div><!-- .col -->  
1535
1536    <div class="col-12 col-md-3">
1537    <div class="form-group row" id="wrapper-salaireMois">
1538
1539	<label class="col col-sm-12 control-label" for="salaireMois" id="label-salaireMois">Nombre de mois  <span class="required"></span> </label>
1540
1541	<div class="col col-sm-12">
1542		<div class="input-group">
1543		
1544		
1545    		<input type="number" class="form-control " id="salaireMois" name="salaireMois" value="" autocomplete="on"       data-key="salaire.mois" aria-labelledby="label-salaireMois error-salaireMois"   />
1546		
1547		
1548		  
1549		</div><!-- fin.input-group -->
1550
1551	  
1552
1553	  	<label class="error d-inline-block" for="salaireMois" id="error-salaireMois" aria-live="polite"></label>
1554  	</div>
1555</div>
1556
1557    </div><!-- .col -->  
1558
1559
1560 <div class="col-12 col-md-12">
1561
1562    <div class="form-group row indent" id="wrapper-salaireLibelle">
1563
1564	<label class="col col-sm-12 control-label" for="salaireLibelle" id="label-salaireLibelle">Libellé salaire  <span class="required"></span> </label>
1565
1566	<div class="col col-sm-12">
1567		<div class="input-group">
1568		
1569		
1570    		<input type="text" class="form-control " id="salaireLibelle" name="salaireLibelle" value="" autocomplete="on"      readonly data-key="salaire.libelle" aria-labelledby="label-salaireLibelle error-salaireLibelle"   />
1571		
1572		
1573		  
1574
1575  <div class="input-group-append">
1576  <div class="input-group-text">
1577    <input class="" type="checkbox" id="salaireLibelleCheckbox">
1578    <label class="form-check-label pl-2" for="salaireLibelleCheckbox">
1579    Personnalisé
1580    </label>
1581  </div>
1582  </div>
1583
1584  
1585		</div><!-- fin.input-group -->
1586
1587	  <small id="help_salaireLibelle" class="form-text text-muted ">Automatiquement renseigné, et peut être personnalisé</small>
1588
1589	  	<label class="error d-inline-block" for="salaireLibelle" id="error-salaireLibelle" aria-live="polite"></label>
1590  	</div>
1591</div>
1592
1593    </div><!-- .col -->
1594
1595
1596
1597    <div class="col-12 col-md-6">
1598    <div class="form-group row " id="wrapper-salaireComplement1">
1599
1600	<label class="col col-sm-12 control-label" for="salaireComplement1" id="label-salaireComplement1">Complément de salaire #1    </label>
1601
1602
1603	<div class="col col-sm-12">
1604		<select class="form-control " name="salaireComplement1" id="salaireComplement1" autocomplete="on"  data-key="salaire.complement1"   aria-labelledby="label-salaireComplement1 error-salaireComplement1" >
1605<option value="">choisir</option>
1606
1607<option value="Autre" data-display="Autre">Autre</option>
1608<option value="Primes" data-display="Primes">Primes</option>
1609<option value="Véhicule" data-display="Véhicule">Véhicule</option>
1610<option value="Mobile" data-display="Mobile">Mobile</option>
1611<option value="Pc portable" data-display="Pc portable">Pc portable</option>
1612<option value="Hébergement" data-display="Hébergement">Hébergement</option>
1613<option value="Chèque repas" data-display="Chèque repas">Chèque repas</option>
1614<option value="Mutuelle" data-display="Mutuelle">Mutuelle</option>
1615<option value="Restauration" data-display="Restauration">Restauration</option>
1616<option value="CE" data-display="CE">CE</option>
1617<option value="Participation/action" data-display="Participation/action">Participation/action</option>
1618
1619
1620		</select>
1621
1622	  
1623
1624		<label class="error" for="salaireComplement1" id="error-salaireComplement1"></label>
1625	</div>
1626</div>
1627
1628
1629    </div><!-- .col -->
1630    <div class="col-12 col-md-6">
1631    <div class="form-group row " id="wrapper-salaireComplement2">
1632
1633	<label class="col col-sm-12 control-label" for="salaireComplement2" id="label-salaireComplement2">Complément de salaire #2    </label>
1634
1635
1636	<div class="col col-sm-12">
1637		<select class="form-control " name="salaireComplement2" id="salaireComplement2" autocomplete="on"  data-key="salaire.complement2"   aria-labelledby="label-salaireComplement2 error-salaireComplement2" >
1638<option value="">choisir</option>
1639
1640<option value="Autre" data-display="Autre">Autre</option>
1641<option value="Primes" data-display="Primes">Primes</option>
1642<option value="Véhicule" data-display="Véhicule">Véhicule</option>
1643<option value="Mobile" data-display="Mobile">Mobile</option>
1644<option value="Pc portable" data-display="Pc portable">Pc portable</option>
1645<option value="Hébergement" data-display="Hébergement">Hébergement</option>
1646<option value="Chèque repas" data-display="Chèque repas">Chèque repas</option>
1647<option value="Mutuelle" data-display="Mutuelle">Mutuelle</option>
1648<option value="Restauration" data-display="Restauration">Restauration</option>
1649<option value="CE" data-display="CE">CE</option>
1650<option value="Participation/action" data-display="Participation/action">Participation/action</option>
1651
1652
1653		</select>
1654
1655	  
1656
1657		<label class="error" for="salaireComplement2" id="error-salaireComplement2"></label>
1658	</div>
1659</div>
1660
1661
1662    </div><!-- .col -->
1663
1664
1665
1666  </div><!-- .row -->
1667
1668  </div>
1669
1670  </fieldset>
1671
1672
1673  <h2>Profil recherché</h2>
1674
1675
1676
1677 
1678
1679<fieldset  >
1680  <legend class="h3"> Expérience </legend>
1681
1682
1683
1684
1685  <div class="row row-sm-5  align-items-start  mb-3">
1686
1687    <div class="col-12 col-md-3">
1688    <div class="form-group row " id="wrapper-experienceExige">
1689
1690	<label class="col col-sm-12 control-label" for="experienceExige" id="label-experienceExige">Expérience    </label>
1691
1692
1693	<div class="col col-sm-12">
1694		<select class="form-control " name="experienceExige" id="experienceExige" autocomplete="on"  data-key="experience.code"   aria-labelledby="label-experienceExige error-experienceExige" >
1695<option value="">choisir</option>
1696
1697<option value="D" data-display="Débutant accepté">débutant</option>
1698<option value="E" data-display="avec expérience">avec expérience</option>
1699		</select>
1700
1701	  
1702
1703		<label class="error" for="experienceExige" id="error-experienceExige"></label>
1704	</div>
1705</div>
1706
1707
1708    </div><!-- .col -->
1709
1710    <div class="col-12 col-md-3">
1711
1712    <div class="form-group row" id="wrapper-experienceDe">
1713
1714	<label class="col col-sm-12 control-label" for="experienceDe" id="label-experienceDe">De  <span class="required"></span> </label>
1715
1716	<div class="col col-sm-12">
1717		<div class="input-group">
1718		
1719		
1720    		<input type="number" class="form-control " id="experienceDe" name="experienceDe" value="" autocomplete="on"      data-key="experience.de" aria-labelledby="label-experienceDe error-experienceDe"   />
1721		
1722		
1723		  
1724		</div><!-- fin.input-group -->
1725
1726	  
1727
1728	  	<label class="error d-inline-block" for="experienceDe" id="error-experienceDe" aria-live="polite"></label>
1729  	</div>
1730</div>
1731
1732
1733    </div><!-- .col -->
1734
1735    <div class="col-12 col-md-3">
1736
1737    <div class="form-group row " id="wrapper-experienceDuree">
1738
1739	<label class="col col-sm-12 control-label" for="experienceDuree" id="label-experienceDuree">Durée    </label>
1740
1741
1742	<div class="col col-sm-12">
1743		<select class="form-control " name="experienceDuree" id="experienceDuree" autocomplete="on"  data-key="experience.duree"   aria-labelledby="label-experienceDuree error-experienceDuree" >
1744<option value="">choisir</option>
1745
1746<option value="MO" data-display="Mois">Mois</option>
1747<option value="AN" data-display="An(s)">An(s)</option>
1748		</select>
1749
1750	  
1751
1752		<label class="error" for="experienceDuree" id="error-experienceDuree"></label>
1753	</div>
1754</div>
1755
1756
1757
1758    </div><!-- .col -->  
1759
1760    <div class="col-12 col-md-3">
1761
1762    <div class="form-group row" id="wrapper-experienceCommentaire">
1763
1764	<label class="col col-sm-12 control-label" for="experienceCommentaire" id="label-experienceCommentaire">Commentaire  <span class="required"></span> </label>
1765
1766	<div class="col col-sm-12">
1767		<div class="input-group">
1768		
1769		
1770    		<input type="text" class="form-control " id="experienceCommentaire" name="experienceCommentaire" value="" autocomplete="on"      data-key="experience.commentaire" aria-labelledby="label-experienceCommentaire error-experienceCommentaire"   />
1771		
1772		
1773		  
1774		</div><!-- fin.input-group -->
1775
1776	  
1777
1778	  	<label class="error d-inline-block" for="experienceCommentaire" id="error-experienceCommentaire" aria-live="polite"></label>
1779  	</div>
1780</div>
1781
1782
1783    </div><!-- .col -->    
1784
1785    <div class="col-12 col-md-12">
1786
1787    <div class="form-group row indent" id="wrapper-experienceLibre">
1788
1789	<label class="col col-sm-12 control-label" for="experienceLibre" id="label-experienceLibre">Libellé  <span class="required"></span> </label>
1790
1791	<div class="col col-sm-12">
1792		<div class="input-group">
1793		
1794		
1795    		<input type="text" class="form-control " id="experienceLibre" name="experienceLibre" value="" autocomplete="on"      readonly data-key="experience.libre" aria-labelledby="label-experienceLibre error-experienceLibre"   />
1796		
1797		
1798		  
1799   
1800   <div class="input-group-append">
1801   <div class="input-group-text">
1802     <input class="" type="checkbox" id="experienceLibreCheckbox">
1803     <label class="form-check-label pl-2" for="experienceLibreCheckbox">
1804     Personnalisé
1805     </label>
1806   </div>
1807   </div>
1808   
1809   
1810		</div><!-- fin.input-group -->
1811
1812	  <small id="help_experienceLibre" class="form-text text-muted ">Automatiquement renseigné, et peut être personnalisé</small>
1813
1814	  	<label class="error d-inline-block" for="experienceLibre" id="error-experienceLibre" aria-live="polite"></label>
1815  	</div>
1816</div>
1817
1818    </div><!-- .col -->
1819
1820
1821  </div><!-- .row -->
1822
1823
1824  </fieldset>
1825
1826 
1827
1828<fieldset  >
1829  <legend class="h3"> Formation </legend>
1830
1831
1832
1833  <div id="form_formation" class="form_formation">
1834
1835  <!--
1836  <div class="alert alert-info">
1837	<p class="mb-0">
1838
1839	</p>
1840  </div>
1841-->
1842
1843  <div class="row row-sm-5 align-items-start  mb-3">
1844
1845	<div class="col-12 col-md-2">
1846<div class="form-group row " id="wrapper-formationNiveauCode">
1847
1848	<label class="col col-sm-12 control-label" for="formationNiveauCode" id="label-formationNiveauCode">Code niveau    </label>
1849
1850
1851	<div class="col col-sm-12">
1852		<select class="form-control " name="formationNiveauCode" id="formationNiveauCode" autocomplete="on"  data-import="FormationsNiveaux"   aria-labelledby="label-formationNiveauCode error-formationNiveauCode" >
1853<option value="">choisir</option>
1854
1855
1856		</select>
1857
1858	  
1859
1860		<label class="error" for="formationNiveauCode" id="error-formationNiveauCode"></label>
1861	</div>
1862</div>
1863
1864
1865	</div><!-- .col -->
1866
1867	<div class="col-12 col-md-4">
1868<div class="form-group row" id="wrapper-formationNiveauLibelle">
1869
1870	<label class="col col-sm-12 control-label" for="formationNiveauLibelle" id="label-formationNiveauLibelle">Libellé niveau  <span class="required"></span> </label>
1871
1872	<div class="col col-sm-12">
1873		<div class="input-group">
1874		
1875		
1876    		<input type="text" class="form-control " id="formationNiveauLibelle" name="formationNiveauLibelle" value="" autocomplete="on"      readonly aria-labelledby="label-formationNiveauLibelle error-formationNiveauLibelle"   />
1877		
1878		
1879		  
1880		</div><!-- fin.input-group -->
1881
1882	  <small id="help_formationNiveauLibelle" class="form-text text-muted ">Automatiquement renseigné à l'aide du code</small>
1883
1884	  	<label class="error d-inline-block" for="formationNiveauLibelle" id="error-formationNiveauLibelle" aria-live="polite"></label>
1885  	</div>
1886</div>
1887
1888	</div><!-- .col -->
1889
1890
1891	<div class="col-12 col-md-2">
1892<div class="form-group row " id="wrapper-formationCode">
1893
1894	<label class="col col-sm-12 control-label" for="formationCode" id="label-formationCode">Code formation    </label>
1895
1896
1897	<div class="col col-sm-12">
1898		<select class="form-control " name="formationCode" id="formationCode" autocomplete="on"  data-import="Formations"   aria-labelledby="label-formationCode error-formationCode" >
1899<option value="">choisir</option>
1900
1901
1902		</select>
1903
1904	  <small id="help_formationCode" class="form-text text-muted ">Référentiel formacode</small>
1905
1906		<label class="error" for="formationCode" id="error-formationCode"></label>
1907	</div>
1908</div>
1909
1910
1911	</div><!-- .col -->
1912
1913	<div class="col-12 col-md-4">
1914<div class="form-group row" id="wrapper-formationLibelle">
1915
1916	<label class="col col-sm-12 control-label" for="formationLibelle" id="label-formationLibelle">Libellé formation  <span class="required"></span> </label>
1917
1918	<div class="col col-sm-12">
1919		<div class="input-group">
1920		
1921		
1922    		<input type="text" class="form-control " id="formationLibelle" name="formationLibelle" value="" autocomplete="on"      readonly aria-labelledby="label-formationLibelle error-formationLibelle"   />
1923		
1924		
1925		  
1926		</div><!-- fin.input-group -->
1927
1928	  <small id="help_formationLibelle" class="form-text text-muted ">Automatiquement renseigné à l'aide du code</small>
1929
1930	  	<label class="error d-inline-block" for="formationLibelle" id="error-formationLibelle" aria-live="polite"></label>
1931  	</div>
1932</div>
1933
1934	</div><!-- .col -->
1935
1936
1937
1938	<div class="col-12 col-md-2">
1939<div class="form-group row " id="wrapper-formationExigence">
1940
1941	<label class="col col-sm-12 control-label" for="formationExigence" id="label-formationExigence">Exigence    </label>
1942
1943
1944	<div class="col col-sm-12">
1945		<select class="form-control " name="formationExigence" id="formationExigence" autocomplete="on"     aria-labelledby="label-formationExigence error-formationExigence" >
1946<option value="">choisir</option>
1947
1948<option value="S" data-display="souhaitée">souhaitée</option>
1949<option value="E" data-display="exigée">exigée</option>
1950		</select>
1951
1952	  <small id="help_formationExigence" class="form-text text-muted ">&nbsp;</small>
1953
1954		<label class="error" for="formationExigence" id="error-formationExigence"></label>
1955	</div>
1956</div>
1957
1958
1959	</div><!-- .col -->
1960	<div class="col-12 col-md-8">
1961    <div class="form-group row" id="wrapper-formationCommentaire">
1962
1963	<label class="col col-sm-12 control-label" for="formationCommentaire" id="label-formationCommentaire">Commentaire  <span class="required"></span> </label>
1964
1965	<div class="col col-sm-12">
1966		<div class="input-group">
1967		
1968		
1969    		<input type="text" class="form-control " id="formationCommentaire" name="formationCommentaire" value="" autocomplete="on"       aria-labelledby="label-formationCommentaire error-formationCommentaire"   />
1970		
1971		
1972		  
1973		</div><!-- fin.input-group -->
1974
1975	  
1976
1977	  	<label class="error d-inline-block" for="formationCommentaire" id="error-formationCommentaire" aria-live="polite"></label>
1978  	</div>
1979</div>
1980	
1981	</div><!-- .col -->
1982
1983	<div class="col-12 col-md-2">
1984	  <div class="text-right" style="margin-top: 27px;">
1985		<button type="button" class="btn btn-secondary btn-add w-100" style="height: 38px" disabled>Ajouter</button>
1986	  </div>
1987
1988	</div><!-- .col -->
1989
1990  </div><!-- .row -->
1991
1992  
1993</div>
1994
1995
1996
1997
1998
1999
2000  <div id="listFormations" class="list-form table-responsive my-0">
2001  <table class="table table-form align-middle mb-1" id="tableFormations">
2002    <caption>Tableau des formations :</caption>
2003    <thead class="table-dark">
2004    <tr>
2005    <th scope="col" class="text-left w-25" rel="formationCode">Code</th>
2006    <th scope="col" class="text-left w-50" rel="formationLibelle">Libellé formation</th>
2007    <th scope="col" class="text-left w-50" rel="formationNiveauLibelle">Libellé niveau</th>
2008    <th scope="col" class="text-left w-25 exigence" rel="formationExigence">Exigence</th>
2009    <th scope="col" class=""></th>
2010    </tr>
2011    </thead>
2012    <tbody>
2013
2014    </tbody>
2015    
2016  </table>
2017
2018  <div class="alert alert-warning alert-empty text-center m-0">Veuillez compléter le tableau des formations à l'aide du formulaire ci-dessus.</div>
2019
2020  <div class="form-group">
2021    <div style="width: 0; height: 0; overflow: hidden;">
2022    <input type="text" name="formations" id="formations" value="" autocomplete="off" readonly="">
2023    </div>
2024  </div>
2025  </div>
2026
2027
2028  </fieldset>
2029
2030
2031
2032
2033
2034
2035 
2036
2037<fieldset  >
2038  <legend class="h3"> Langues </legend>
2039
2040
2041
2042  <div id="form_langue" class="form_langue">
2043
2044  <!--
2045  <div class="alert alert-info">
2046	<p class="mb-0">
2047	  
2048	</p>
2049  </div>
2050-->
2051
2052  <div class="row row-sm-5 align-items-start  mb-3">
2053
2054
2055	<div class="col-12 col-md-3">
2056<div class="form-group row " id="wrapper-langueCode">
2057
2058	<label class="col col-sm-12 control-label" for="langueCode" id="label-langueCode">Code langue    </label>
2059
2060
2061	<div class="col col-sm-12">
2062		<select class="form-control " name="langueCode" id="langueCode" autocomplete="on"  data-key="langues.code"   aria-labelledby="label-langueCode error-langueCode" >
2063<option value="">choisir</option>
2064
2065<option value="AF" data-text="Afrikaans">Afrikaans</option>
2066<option value="SQ" data-text="Albanais">Albanais</option>
2067<option value="AM" data-text="Amharique">Amharique</option>
2068<option value="AR" data-text="Arabe">Arabe</option>
2069<option value="AN" data-text="Aragonais">Aragonais</option>
2070<option value="HY" data-text="Arménien">Arménien</option>
2071<option value="AST" data-text="Asturien">Asturien</option>
2072<option value="EU" data-text="Basque">Basque</option>
2073<option value="BE" data-text="Biélorusse">Biélorusse</option>
2074<option value="BN" data-text="Bengali">Bengali</option>
2075<option value="BS" data-text="Bosniaque">Bosniaque</option>
2076<option value="BR" data-text="Breton">Breton</option>
2077<option value="BG" data-text="Bulgare">Bulgare</option>
2078<option value="CA" data-text="Catalan">Catalan</option>
2079<option value="CS" data-text="Tchèque">Tchèque</option>
2080<option value="DA" data-text="Danois">Danois</option>
2081<option value="NL" data-text="Néerlandais">Néerlandais</option>
2082<option value="EN" data-text="Anglais">Anglais</option>
2083<option value="EO" data-text="Espéranto">Espéranto</option>
2084<option value="ET" data-text="Estonien">Estonien</option>
2085<option value="FO" data-text="Féroïen">Féroïen</option>
2086<option value="FI" data-text="Finnois">Finnois</option>
2087<option value="FR" data-text="Français">Français</option>
2088<option value="GL" data-text="Galicien">Galicien</option>
2089<option value="KA" data-text="Géorgien">Géorgien</option>
2090<option value="DE" data-text="Allemand">Allemand</option>
2091<option value="EL" data-text="Grec">Grec</option>
2092<option value="GN" data-text="Guarani">Guarani</option>
2093<option value="GU" data-text="Gujarati">Gujarati</option>
2094<option value="HA" data-text="Haoussa">Haoussa</option>
2095<option value="HAW" data-text="Hawaïen">Hawaïen</option>
2096<option value="HE" data-text="Hébreu">Hébreu</option>
2097<option value="HI" data-text="Hindi">Hindi</option>
2098<option value="HU" data-text="Hongrois">Hongrois</option>
2099<option value="IS" data-text="Islandais">Islandais</option>
2100<option value="ID" data-text="Indonésien">Indonésien</option>
2101<option value="IA" data-text="Interlingua">Interlingua</option>
2102<option value="GA" data-text="Irlandais">Irlandais</option>
2103<option value="IT" data-text="Italien">Italien</option>
2104<option value="JA" data-text="Japonais">Japonais</option>
2105<option value="KN" data-text="Kannada">Kannada</option>
2106<option value="KK" data-text="Kazakh">Kazakh</option>
2107<option value="KM" data-text="Khmer">Khmer</option>
2108<option value="KO" data-text="Coréen">Coréen</option>
2109<option value="KU" data-text="Kurde">Kurde</option>
2110<option value="KY" data-text="Kirghize">Kirghize</option>
2111<option value="LO" data-text="Laotien">Laotien</option>
2112<option value="LA" data-text="Latin">Latin</option>
2113<option value="LV" data-text="Letton">Letton</option>
2114<option value="LN" data-text="Lingala">Lingala</option>
2115<option value="LT" data-text="Lituanien">Lituanien</option>
2116<option value="MK" data-text="Macédonien">Macédonien</option>
2117<option value="MS" data-text="Malais">Malais</option>
2118<option value="ML" data-text="Malayalam">Malayalam</option>
2119<option value="MT" data-text="Maltais">Maltais</option>
2120<option value="MR" data-text="Marathi">Marathi</option>
2121<option value="MN" data-text="Mongol">Mongol</option>
2122<option value="NE" data-text="Népalais">Népalais</option>
2123<option value="NO" data-text="Norvégien">Norvégien</option>
2124<option value="NB" data-text="Norvégien Bokmål">Norvégien Bokmål</option>
2125<option value="NN" data-text="Norvégien Nynorsk">Norvégien Nynorsk</option>
2126<option value="OC" data-text="Occitan">Occitan</option>
2127<option value="OR" data-text="Oriya">Oriya</option>
2128<option value="OM" data-text="Oromo">Oromo</option>
2129<option value="PS" data-text="Pachto">Pachto</option>
2130<option value="FA" data-text="Persan">Persan</option>
2131<option value="PL" data-text="Polonais">Polonais</option>
2132<option value="PT" data-text="Portugais">Portugais</option>
2133<option value="QU" data-text="Quechua">Quechua</option>
2134<option value="RO" data-text="Roumain">Roumain</option>
2135<option value="MO" data-text="Roumain (Moldavie)">Roumain (Moldavie)</option>
2136<option value="RM" data-text="Romanche">Romanche</option>
2137<option value="RU" data-text="Russe">Russe</option>
2138<option value="GD" data-text="Gaélique Écossais">Gaélique Écossais</option>
2139<option value="SR" data-text="Serbe">Serbe</option>
2140<option value="SH" data-text="Serbo-Croate">Serbo-Croate</option>
2141<option value="SN" data-text="Shona">Shona</option>
2142<option value="SD" data-text="Sindhi">Sindhi</option>
2143<option value="SI" data-text="Sinhala">Sinhala</option>
2144<option value="SK" data-text="Slovaque">Slovaque</option>
2145<option value="SL" data-text="Slovène">Slovène</option>
2146<option value="SO" data-text="Somali">Somali</option>
2147<option value="ST" data-text="Sotho du Sud">Sotho du Sud</option>
2148<option value="SU" data-text="Soundanais">Soundanais</option>
2149<option value="SW" data-text="Swahili">
2149Swahili</option>
2150<option value="SV" data-text="Suédois">Suédois</option>
2151<option value="TG" data-text="Tadjik">Tadjik</option>
2152<option value="TA" data-text="Tamoul">Tamoul</option>
2153<option value="TT" data-text="Tatar">Tatar</option>
2154<option value="TE" data-text="Télougou">Télougou</option>
2155<option value="TH" data-text="Thaï">Thaï</option>
2156<option value="TI" data-text="Tigrigna">Tigrigna</option>
2157<option value="TO" data-text="Tongan">Tongan</option>
2158<option value="TR" data-text="Turc">Turc</option>
2159<option value="TK" data-text="Turkmène">Turkmène</option>
2160<option value="TW" data-text="Twi">Twi</option>
2161<option value="UK" data-text="Ukrainien">Ukrainien</option>
2162<option value="UR" data-text="Ourdou">Ourdou</option>
2163<option value="UG" data-text="Ouïghour">Ouïghour</option>
2164<option value="VI" data-text="Vietnamien">Vietnamien</option>
2165<option value="WA" data-text="Wallon">Wallon</option>
2166<option value="CY" data-text="Gallois">Gallois</option>
2167<option value="FY" data-text="Frison Occidental">Frison Occidental</option>
2168<option value="XH" data-text="Xhosa">Xhosa</option>
2169<option value="YI" data-text="Yiddish">Yiddish</option>
2170<option value="YO" data-text="Yoruba">Yoruba</option>
2171<option value="ZU" data-text="Zoulou">Zoulou</option>
2172
2173		</select>
2174
2175	  <small id="help_langueCode" class="form-text text-muted ">Référentiel France Travail</small>
2176
2177		<label class="error" for="langueCode" id="error-langueCode"></label>
2178	</div>
2179</div>
2180
2181
2182	</div><!-- .col -->
2183
2184	<div class="col-12 col-md-5">
2185<div class="form-group row" id="wrapper-langueLibelle">
2186
2187	<label class="col col-sm-12 control-label" for="langueLibelle" id="label-langueLibelle">Libellé  <span class="required"></span> </label>
2188
2189	<div class="col col-sm-12">
2190		<div class="input-group">
2191		
2192		
2193    		<input type="text" class="form-control " id="langueLibelle" name="langueLibelle" value="" autocomplete="on"      readonly aria-labelledby="label-langueLibelle error-langueLibelle"   />
2194		
2195		
2196		  
2197
2198	  <div class="input-group-append">
2199		<div class="input-group-text">
2200		  <input name="langueLibre" type="checkbox" id="langueLibre" value="1" />
2201		  <label class="form-check-label pl-2" for="langueLibre">
2202			Personnalisé
2203		  </label>
2204		</div>
2205	  </div>
2206
2207
2208		</div><!-- fin.input-group -->
2209
2210	  <small id="help_langueLibelle" class="form-text text-muted ">Automatiquement renseigné à l'aide du code, et peut être personnalisé</small>
2211
2212	  	<label class="error d-inline-block" for="langueLibelle" id="error-langueLibelle" aria-live="polite"></label>
2213  	</div>
2214</div>
2215
2216	</div><!-- .col -->
2217
2218
2219
2220	<div class="col-12 col-md-2">
2221<div class="form-group row " id="wrapper-langueExigence">
2222
2223	<label class="col col-sm-12 control-label" for="langueExigence" id="label-langueExigence">Exigence    </label>
2224
2225
2226	<div class="col col-sm-12">
2227		<select class="form-control " name="langueExigence" id="langueExigence" autocomplete="on"     aria-labelledby="label-langueExigence error-langueExigence" >
2228<option value="">choisir</option>
2229
2230<option value="S" data-display="souhaitée">souhaitée</option>
2231<option value="E" data-display="exigée">exigée</option>
2232		</select>
2233
2234	  <small id="help_langueExigence" class="form-text text-muted ">&nbsp;</small>
2235
2236		<label class="error" for="langueExigence" id="error-langueExigence"></label>
2237	</div>
2238</div>
2239
2240
2241	</div><!-- .col -->
2242
2243
2244	<div class="col-12 col-md-2">
2245	  <div class="text-right" style="margin-top: 27px;">
2246		<button type="button" class="btn btn-secondary btn-add w-100" style="height: 38px" disabled>Ajouter</button>
2247	  </div>
2248
2249	</div><!-- .col -->
2250
2251  </div><!-- .row -->
2252
2253  
2254</div>
2255
2256
2257
2258
2259
2260
2261  <div id="listLangues" class="list-form table-responsive">
2262  <table class="table table-form align-middle mb-1" id="tableLangues">
2263    <caption>Tableau des langues :</caption>
2264    <thead class="table-dark">
2265
2266    <tr>
2267      <th scope="col" class="text-left w-25" rel="langueCode">Code</th>
2268      <th scope="col" class="text-left w-50" rel="langueLibelle">Libellé</th>
2269      <th scope="col" class="text-left w-25 exigence" rel="langueExigence">Exigence</th>
2270      <th scope="col" class=""></th>
2271    </tr>
2272    </thead>
2273    <tbody>
2274
2275    </tbody>
2276
2277  </table>
2278
2279  <div class="alert alert-warning alert-empty text-center m-0">Veuillez compléter le tableau des langues à l'aide du formulaire ci-dessus.</div>
2280  
2281  <div class="form-group">
2282    <div style="width: 0; height: 0; overflow: hidden;">
2283    <input type="text" name="langues" id="langues" value="" autocomplete="off" readonly="">
2284    </div>
2285  </div>
2286  </div>
2287
2288  </fieldset>
2289
2290
2291
2292
2293 
2294
2295<fieldset  >
2296  <legend class="h3"> Permis </legend>
2297
2298
2299
2300  <div id="form_permis" class="form_permis">
2301
2302  <!--
2303  <div class="alert alert-info">
2304	<p class="mb-0">
2305
2306	</p>
2307  </div>
2308-->
2309
2310  <div class="row row-sm-5 align-items-start  mb-3">
2311
2312
2313	<div class="col-12 col-md-3">
2314<div class="form-group row " id="wrapper-permisCode">
2315
2316	<label class="col col-sm-12 control-label" for="permisCode" id="label-permisCode">Code permis    </label>
2317
2318
2319	<div class="col col-sm-12">
2320		<select class="form-control " name="permisCode" id="permisCode" autocomplete="on"  data-key="permis.code"   aria-labelledby="label-permisCode error-permisCode" >
2321<option value="">choisir</option>
2322
2323<option value="A" data-text="Moto">Moto</option>
2324<option value="A1" data-text="Motocyclette <= 125 cm3">Motocyclette <= 125 cm3</option>
2325<option value="A2" data-text="Moto <= 600 cm3">Moto <= 600 cm3</option>
2326<option value="AM" data-text="Cyclomoteur <= 50 cm3">Cyclomoteur <= 50 cm3</option>
2327<option value="B" data-text="Véhicule léger">Véhicule léger</option>
2328<option value="B1" data-text="Quadricycle">Quadricycle</option>
2329<option value="B79" data-text="B mention 79.06 (= EB)">B mention 79.06 (= EB)</option>
2330<option value="B96" data-text="B mention 96 - VL + remorque (PTAC < 4,25 T)">B mention 96 - VL + remorque (PTAC < 4,25 T)</option>
2331<option value="BE" data-text="Véhicule léger + remorque (PTAC > 4,25 T)">Véhicule léger + remorque (PTAC > 4,25 T)</option>
2332<option value="C" data-text="Poids lourd">Poids lourd</option>
2333<option value="C1" data-text="Poids lourd < 7,5 T">Poids lourd < 7,5 T</option>
2334<option value="C1E" data-text="Poids lourd < 7,5 T + remorque">Poids lourd < 7,5 T + remorque</option>
2335<option value="CE" data-text="Poids lourd + remorque (= EC)">Poids lourd + remorque (= EC)</option>
2336<option value="D" data-text="Transport de personnes">Transport de personnes</option>
2337<option value="D1" data-text="Transport de personnes <= 16 places">Transport de personnes <= 16 places</option>
2338<option value="D1E" data-text="Transport de personnes <= 16 P + remorque">Transport de personnes <= 16 P + remorque</option>
2339<option value="DE" data-text="Transport de personnes + remorque (= ED)">Transport de personnes + remorque (= ED)</option>
2340<option value="EB" data-text="Véhicule léger + remorque">Véhicule léger + remorque</option>
2341<option value="EC" data-text="Poids lourd + remorque">Poids lourd + remorque</option>
2342<option value="ED" data-text="Transport de personnes + remorque">Transport de personnes + remorque</option>
2343
2344		</select>
2345
2346	  <small id="help_permisCode" class="form-text text-muted ">Référentiel France Travail</small>
2347
2348		<label class="error" for="permisCode" id="error-permisCode"></label>
2349	</div>
2350</div>
2351
2352
2353	</div><!-- .col -->
2354
2355	<div class="col-12 col-md-5">
2356<div class="form-group row" id="wrapper-permisLibelle">
2357
2358	<label class="col col-sm-12 control-label" for="permisLibelle" id="label-permisLibelle">Libellé  <span class="required"></span> </label>
2359
2360	<div class="col col-sm-12">
2361		<div class="input-group">
2362		
2363		
2364    		<input type="text" class="form-control " id="permisLibelle" name="permisLibelle" value="" autocomplete="on"      readonly aria-labelledby="label-permisLibelle error-permisLibelle"   />
2365		
2366		
2367		  
2368
2369	  <div class="input-group-append">
2370		<div class="input-group-text">
2371		  <input name="permisLibre" type="checkbox" id="permisLibre" value="1" />
2372		  <label class="form-check-label pl-2" for="permisLibre">
2373			Personnalisé
2374		  </label>
2375		</div>
2376	  </div>
2377
2378
2379		</div><!-- fin.input-group -->
2380
2381	  <small id="help_permisLibelle" class="form-text text-muted ">Automatiquement renseigné à l'aide du code, et peut être personnalisé</small>
2382
2383	  	<label class="error d-inline-block" for="permisLibelle" id="error-permisLibelle" aria-live="polite"></label>
2384  	</div>
2385</div>
2386
2387	</div><!-- .col -->
2388
2389
2390
2391	<div class="col-12 col-md-2">
2392<div class="form-group row " id="wrapper-permisExigence">
2393
2394	<label class="col col-sm-12 control-label" for="permisExigence" id="label-permisExigence">Exigence    </label>
2395
2396
2397	<div class="col col-sm-12">
2398		<select class="form-control " name="permisExigence" id="permisExigence" autocomplete="on"     aria-labelledby="label-permisExigence error-permisExigence" >
2399<option value="">choisir</option>
2400
2401<option value="S" data-display="souhaitée">souhaitée</option>
2402<option value="E" data-display="exigée">exigée</option>
2403		</select>
2404
2405	  <small id="help_permisExigence" class="form-text text-muted ">&nbsp;</small>
2406
2407		<label class="error" for="permisExigence" id="error-permisExigence"></label>
2408	</div>
2409</div>
2410
2411
2412	</div><!-- .col -->
2413
2414
2415	<div class="col-12 col-md-2">
2416	  <div class="text-right" style="margin-top: 27px;">
2417		<button type="button" class="btn btn-secondary btn-add w-100" style="height: 38px" disabled>Ajouter</button>
2418	  </div>
2419
2420	</div><!-- .col -->
2421
2422  </div><!-- .row -->
2423
2424  
2425</div>
2426
2427
2428
2429
2430
2431
2432  <div id="listPermis" class="list-form table-responsive">
2433  <table class="table table-form align-middle mb-1" id="tablePermis">
2434    <caption>Tableau des permis :</caption>
2435    <thead class="table-dark">
2436
2437    <tr>
2438      <th scope="col" class="text-left w-25" rel="langueCode">Code</th>
2439      <th scope="col" class="text-left w-50" rel="langueLibelle">Libellé</th>
2440      <th scope="col" class="text-left w-25 exigence" rel="langueExigence">Exigence</th>
2441      <th scope="col" class=""></th>
2442    </tr>
2443    </thead>
2444    <tbody>
2445
2446    </tbody>
2447
2448  </table>
2449
2450  <div class="alert alert-warning alert-empty text-center m-0">Veuillez compléter le tableau des permis à l'aide du formulaire ci-dessus.</div>
2451  
2452  <div class="form-group">
2453    <div style="width: 0; height: 0; overflow: hidden;">
2454    <input type="text" name="permis" id="permis" value="" autocomplete="off" readonly="">
2455    </div>
2456  </div>
2457  </div>
2458
2459  </fieldset>
2460
2461
2462
2463
2464
2465
2466
2467
2468<fieldset  >
2469  <legend class="h3"> Employeur </legend>
2470
2471
2472
2473  <div class="row row-sm-20">
2474
2475  <div class="col col-sm-6">
2476
2477<div class="form-group row" id="wrapper-entrepriseNom">
2478
2479	<label class="col col-sm-12 control-label" for="entrepriseNom" id="label-entrepriseNom">Entreprise  <span class="required">*</span> </label>
2480
2481	<div class="col col-sm-12">
2482		<div class="input-group">
2483		
2484		
2485    		<input type="text" class="form-control " id="entrepriseNom" name="entrepriseNom" value="" autocomplete="on"    required  data-key="entreprise.nom" aria-labelledby="label-entrepriseNom error-entrepriseNom"   />
2486		
2487		
2488		  
2489		</div><!-- fin.input-group -->
2490
2491	  
2492
2493	  	<label class="error d-inline-block" for="entrepriseNom" id="error-entrepriseNom" aria-live="polite"></label>
2494  	</div>
2495</div>
2496
2497
2498  </div>
2499  <div class="col col-sm-6">
2500
2501<div class="form-group row" id="wrapper-entrepriseUrl">
2502
2503	<label class="col col-sm-12 control-label" for="entrepriseUrl" id="label-entrepriseUrl">Site internet  <span class="required"></span> </label>
2504
2505	<div class="col col-sm-12">
2506		<div class="input-group">
2507		
2508		
2509    		<input type="text" class="form-control " id="entrepriseUrl" name="entrepriseUrl" value="" autocomplete="on"      data-key="entreprise.url" aria-labelledby="label-entrepriseUrl error-entrepriseUrl"   />
2510		
2511		
2512		  
2513		</div><!-- fin.input-group -->
2514
2515	  
2516
2517	  	<label class="error d-inline-block" for="entrepriseUrl" id="error-entrepriseUrl" aria-live="polite"></label>
2518  	</div>
2519</div>
2520
2521
2522  </div>
2523
2524  </div><!--fin.row -->
2525
2526
2527
2528
2529  <div id="form_naf" class="form_naf">
2530  
2531  <div class="row row-sm-5 align-items-start  mb-3">
2532    <div class="col-12 col-md-3">
2533    <div class="form-group row " id="wrapper-secteurActiviteCode">
2534
2535	<label class="col col-sm-12 control-label" for="secteurActiviteCode" id="label-secteurActiviteCode">Secteur d'activité    </label>
2536
2537
2538	<div class="col col-sm-12">
2539		<select class="form-control " name="secteurActiviteCode" id="secteurActiviteCode" autocomplete="on"  data-key="secteurActivite.code" data-import="SecteursActivite"   aria-labelledby="label-secteurActiviteCode error-secteurActiviteCode" >
2540<option value="">choisir</option>
2541
2542
2543		</select>
2544
2545	  <small id="help_secteurActiviteCode" class="form-text text-muted ">Code NAF</small>
2546
2547		<label class="error" for="secteurActiviteCode" id="error-secteurActiviteCode"></label>
2548	</div>
2549</div>
2550
2551
2552    </div><!-- .col -->
2553    <div class="col-12 col-md-5">
2554    <div class="form-group row" id="wrapper-codeNAFLibelle">
2555
2556	<label class="col col-sm-12 control-label" for="codeNAFLibelle" id="label-codeNAFLibelle">Libellé  <span class="required"></span> </label>
2557
2558	<div class="col col-sm-12">
2559		<div class="input-group">
2560		
2561		
2562    		<input type="text" class="form-control " id="codeNAFLibelle" name="codeNAFLibelle" value="" autocomplete="on"      readonly data-key="secteurActivite.codeNAFLibelle" aria-labelledby="label-codeNAFLibelle error-codeNAFLibelle"   />
2563		
2564		
2565		  
2566
2567    <div class="input-group-append">
2568      <div class="input-group-text">
2569      <input class="" type="checkbox" id="codeNAFCheckbox">
2570      <label class="form-check-label pl-2" for="codeNAFCheckbox">
2571        Personnalisé
2572      </label>
2573      </div>
2574    </div>
2575
2576    
2577		</div><!-- fin.input-group -->
2578
2579	  <small id="help_codeNAFLibelle" class="form-text text-muted ">Automatiquement renseigné, et peut être personnalisé</small>
2580
2581	  	<label class="error d-inline-block" for="codeNAFLibelle" id="error-codeNAFLibelle" aria-live="polite"></label>
2582  	</div>
2583</div>
2584
2585    </div><!-- .col -->
2586    <div class="col-12 col-md-4">
2587    <div class="form-group row" id="wrapper-codeNAF">
2588
2589	<label class="col col-sm-12 control-label" for="codeNAF" id="label-codeNAF">Code NAF complet  <span class="required"></span> </label>
2590
2591	<div class="col col-sm-12">
2592		<div class="input-group">
2593		
2594		
2595    		<input type="text" class="form-control " id="codeNAF" name="codeNAF" value="" autocomplete="on"      readonly data-key="secteurActivite.codeNAF" aria-labelledby="label-codeNAF error-codeNAF"   />
2596		
2597		
2598		  
2599		</div><!-- fin.input-group -->
2600
2601	  <small id="help_codeNAF" class="form-text text-muted ">récupéré automatiquement depuis un import France Travail, n'est pas éditable</small>
2602
2603	  	<label class="error d-inline-block" for="codeNAF" id="error-codeNAF" aria-live="polite"></label>
2604  	</div>
2605</div>
2606
2607    </div><!-- .col -->  
2608
2609
2610  </div><!-- .row -->
2611
2612  </div>
2613
2614
2615<div class="form-group row " id="wrapperentrepriseDescription">
2616
2617	<label class="col col-12 control-label" for="entrepriseDescription" id="label-entrepriseDescription">Présentation de l'entreprise <span class="badge badge-pill badge-info" role="tooltip" id="tooltip-entrepriseDescription"  data-toggle="tooltip" data-placement="top" title="500 caractères maximum">?</span> <span class="required"></span> </label>
2618
2619	<div class="col col-12">
2620		<textarea  class="form-control " id="entrepriseDescription" name="entrepriseDescription"    data-key="entreprise.description" maxlength="500" rows="5" aria-labelledby="label-entrepriseDescription error-entrepriseDescription"></textarea>
2621		<label class="error" for="entrepriseDescription" id="error-entrepriseDescription"></label>
2622  	</div>
2623</div>
2624
2625
2626
2627
2628
2629
2630
2631  </fieldset>
2632
2633
2634
2635  
2636
2637<fieldset  >
2638  <legend class="h3"> Contact référent </legend>
2639
2640
2641
2642  <div class="row row-sm-20">
2643
2644
2645
2646  <div class="col col-sm-6">
2647    <div class="form-group row" id="wrapper-contactNom">
2648
2649	<label class="col col-sm-12 control-label" for="contactNom" id="label-contactNom">Nom  <span class="required">*</span> </label>
2650
2651	<div class="col col-sm-12">
2652		<div class="input-group">
2653		
2654		
2655    		<input type="text" class="form-control " id="contactNom" name="contactNom" value="" autocomplete="on"    required  data-key="contact.nom" aria-labelledby="label-contactNom error-contactNom"   />
2656		
2657		
2658		  
2659		</div><!-- fin.input-group -->
2660
2661	  
2662
2663	  	<label class="error d-inline-block" for="contactNom" id="error-contactNom" aria-live="polite"></label>
2664  	</div>
2665</div>
2666
2667  </div>
2668  <div class="col col-sm-6">
2669    <div class="form-group row" id="wrapper-contactCoordonnees1">
2670
2671	<label class="col col-sm-12 control-label" for="contactCoordonnees1" id="label-contactCoordonnees1">Prénom  <span class="required"></span> </label>
2672
2673	<div class="col col-sm-12">
2674		<div class="input-group">
2675		
2676		
2677    		<input type="text" class="form-control " id="contactCoordonnees1" name="contactCoordonnees1" value="" autocomplete="on"      data-key="contact.coordonnees1" aria-labelledby="label-contactCoordonnees1 error-contactCoordonnees1"   />
2678		
2679		
2680		  
2681		</div><!-- fin.input-group -->
2682
2683	  
2684
2685	  	<label class="error d-inline-block" for="contactCoordonnees1" id="error-contactCoordonnees1" aria-live="polite"></label>
2686  	</div>
2687</div>
2688
2689  </div>
2690  <div class="col col-sm-6">
2691    <div class="form-group row" id="wrapper-contactCoordonnees2">
2692
2693	<label class="col col-sm-12 control-label" for="contactCoordonnees2" id="label-contactCoordonnees2">Téléphone  <span class="required"></span> </label>
2694
2695	<div class="col col-sm-12">
2696		<div class="input-group">
2697		
2698		
2699    		<input type="text" class="form-control " id="contactCoordonnees2" name="contactCoordonnees2" value="" autocomplete="on"      data-key="contact.coordonnees2" aria-labelledby="label-contactCoordonnees2 error-contactCoordonnees2"   />
2700		
2701		
2702		  
2703		</div><!-- fin.input-group -->
2704
2705	  
2706
2707	  	<label class="error d-inline-block" for="contactCoordonnees2" id="error-contactCoordonnees2" aria-live="polite"></label>
2708  	</div>
2709</div>
2710
2711  </div>
2712  <div class="col col-sm-6">
2713    <div class="form-group row" id="wrapper-contactCoordonnees3">
2714
2715	<label class="col col-sm-12 control-label" for="contactCoordonnees3" id="label-contactCoordonnees3">Email  <span class="required">*</span> </label>
2716
2717	<div class="col col-sm-12">
2718		<div class="input-group">
2719		
2720		
2721    		<input type="email" class="form-control " id="contactCoordonnees3" name="contactCoordonnees3" value="" autocomplete="on"    required  data-key="contact.coordonnees3" aria-labelledby="label-contactCoordonnees3 error-contactCoordonnees3"   />
2722		
2723		
2724		  
2725		</div><!-- fin.input-group -->
2726
2727	  
2728
2729	  	<label class="error d-inline-block" for="contactCoordonnees3" id="error-contactCoordonnees3" aria-live="polite"></label>
2730  	</div>
2731</div>
2732
2733  </div>
2734
2735
2736
2737  <!--
2738  <div class="col col-sm-6">
2739    [!$form_input_v3? &type=`email` &label=`Confirmation email du conseiller` &name=`email_contact_confirm` &id=`email_contact_confirm` &value=`` &placeholder=``  &required=`required data-rule-equalto="#email_contact"` &inline=`` ]
2740  </div>
2741    -->
2742  </div><!-- .row -->
2743
2744
2745  </fieldset>
2746
2747
2748
2749
2750
2751
2752
2753
2754
2755
2756  <div class="modal" tabindex="-1" role="dialog" id="modal_chargement">
2757  <div class="modal-dialog modal-dialog-centered" role="document">
2758    <div class="modal-content">
2759      <div class="modal-header">
2760        <h3 class="modal-title text-center mt-0">Merci de patienter</h3>
2761
2762      </div>
2763      <div class="modal-body texter-center">
2764<p>Chargement en cours</p>
2765
2766
2767
2768<div class="progress">
2769  <div class="progress-bar progress-bar-striped progress-bar-animated" role="progressbar" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100" style="width: 100%"></div>
2770</div>
2771
2772
2773      </div>
2774      <div class="modal-footer">
2775
2776
2777      </div>
2778    </div>
2779  </div>
2780</div>
2781
2782
2783  <div class="form-actions text-right">
2784    <div class="inner-bouton"><button type="submit" class="btn btn-spinner arrow-right">Déposer mon offre</button></div>
2785  </div>
2786
2787
2788</form>
2789
2790
2791
2792
2793
2794<div class="modal fade bd-example-modal-lg modal-bm" id="modal-traitement-des-donnees" tabindex="-1" role="dialog" aria-labelledby="modal-traitement-des-donnees-dialogue-title" aria-hidden="true">
2795  <div class="modal-dialog modal-lg modal-dialog-centered">
2796    <div class="modal-content">
2797      <div class="modal-header">
2798        <h3 id="modal-traitement-des-donnees-dialogue-title">Informations collectées</h3>
2799        <button type="button" class="close modal-traitement-des-donnees-close modal-traitement-des-donnees-button-first" data-dismiss="modal" aria-label="Fermer la boîte de dialogue des informations collectées">
2800          X
2801        </button>
2802      </div>
2803    
2804      <div class="modal-body">
2805    <div class="row row-12 p-2">
2806      <div class="col">
2807<p>Les informations collectées font l’objet d’un traitement par Cap emploi 80 et Cheops National, ayant pour finalité la gestion de votre offre d’emploi. Ce traitement est basé sur le consentement (art. 6 a) RGPD) qui peut être retiré à tout moment. Les informations marquées d’un astérisque sont obligatoires et nécessaires, à défaut, Cap emploi 80 et Cheops National ne seront pas en mesure de gérer votre offre d’emploi. Ces informations sont à destination exclusive des services internes habilités de Cap emploi et seront conservées pendant 2 ans.</p>
2808
2809<p>Vous pouvez accéder et obtenir copie des données vous concernant, vous pouvez en demander la limitation du traitement, faire rectifier les données ou les faire effacer.   Vous pouvez définir des directives relatives à la conservation, à l'effacement et à la communication de vos données à caractère personnel après votre décès. Vous disposez également du droit à la portabilité de vos données.</p>
2810
2811<p>Pour exercer vos droits, vous pouvez contacter notre Délégué à la protection des données, en justifiant de votre identité, par courrier :</p>
2812
2813<ul>
2814<li>À l’attention du Délégué à la Protection des Données <strong>Cheops</strong>, 47 rue Eugène Oudiné, 75013 Paris. Vous pouvez également exercer ces droits en utilisant le formulaire suivant : <a href="https://www.capemploi.info/informations/formulaire-dexercice-des-droits-sur-les-donnees-personnelles/" target="_blank">Formulaire d'exercice des droits sur les données personnelles</a></li>
2815</ul>
2816
2817<p>Si vous estimez, après nous avoir contactés, que vos droits sur vos données personnelles ne sont pas respectés, vous pouvez adresser une réclamation à la CNIL  <a href="https://www.cnil.fr/">https://www.cnil.fr/</a>.</p>
2818
2819      </div>
2820    </div>
2821    </div>
2822    
2823  </div>
2824  </div>
2825</div>
2826
2827
2828<div class="modal fade bd-example-modal-lg modal-bm" id="modal_fin" tabindex="-1" role="dialog" aria-labelledby="Fenêtre de fin suite à la demande" aria-hidden="true">
2829  <div class="modal-dialog modal-lg modal-dialog-centered">
2830	<div class="modal-content">
2831	  <div class="modal-header">
2832		<h3>Merci</h3>
2833	  </div>
2834	  
2835	  <div class="modal-body">
2836		<div class="row row-12 p-2">
2837		  <div class="col">
2838<p>Votre demande a bien été prise en compte.</p>
2839
2840<p>Après la fermeture de cette fenêtre, vous serez redirigé vers la page "Espace employeur".</p>
2841
2842		  </div>
2843		</div>
2844	  </div>
2845	  <div class="modal-footer">
2846		<div class="inner-bouton">
2847		  <a href="espace-employeur/" class="btn arrow-right">Fermer</a>
2848		</div>
2849	  </div>
2850	  
2851	</div>
2852  </div>
2853</div>
2854
2855
2856
2857				</div><!-- .markdown -->
2858				
2859			  </div><!-- #content -->
2860			</div><!-- .col -->
2861
2862
2863		  </div><!-- fin.row -->
2864		</div><!-- fin.container -->
2865
2866
2867
2868
2869	  </div><!-- fin.wrapper -->
2870
2871
2872		<div class="wrapper wrapper-partenaires mt-0 mb-4">
2873  <div class="container">
2874  	<hr />
2875	<div class="inner-titre text-center">
2876
2877
2878	  <h2>Les partenariats</h2>
2879
2880
2881	</div>
2882  </div><!-- fin.container -->
2883</div><!-- fin.wrapper -->
2884
2885<div class="wrapper wrapper-diaporama-partenaires">
2886  <div class="container">
2887
2888	<div class="inner-diaporama-partenaire">
2889	  <ul>
2890<li>
2891	  <a href="http://travail-emploi.gouv.fr/" target="_blank" tabindex="-1"><img src="/assets/cache/images-cache/images/cheops/national/partenaires/min-travail-sante-solidarites-cmjn.9779bf58.jpg" alt="Ministère du travail" class="img-responsive" /><span class="sr-only">visiter les site de Ministère du travail (nouvelle fenêtre)</span></a>
2892	</li>
2893
2894	<li>
2895	  <a href="http://www.agefiph.fr/" target="_blank" tabindex="-1"><img src="/assets/cache/images-cache/images/cheops/national/partenaires/agefiph-logo-cmjn.b0ae8d75.jpg" alt="Agefiph" class="img-responsive" /><span class="sr-only">visiter les site de Agefiph (nouvelle fenêtre)</span></a>
2896	</li>
2897
2898	<li>
2899	  <a href="http://www.fiphfp.fr/" target="_blank" tabindex="-1"><img src="/assets/cache/images-cache/images/cheops/national/partenaires/fiphfp-logo-2018.1ded5a27.jpg" alt="Fiphfp" class="img-responsive" /><span class="sr-only">visiter les site de Fiphfp (nouvelle fenêtre)</span></a>
2900	</li>
2901
2902	<li>
2903	  <a href="http://www.pole-emploi.fr/accueil/" target="_blank" tabindex="-1"><img src="/assets/cache/images-cache/images/cheops/national/partenaires/bloc-marque-rf-france-travail-cmjn-horizontal-coul-positif.e38c3d51.jpg" alt="France Travail" class="img-responsive" /><span class="sr-only">visiter les site de France Travail (nouvelle fenêtre)</span></a>
2904	</li>
2905
2906	<li>
2907	  <a href="http://www.defenseurdesdroits.fr/" target="_blank" tabindex="-1"><img src="/assets/cache/images-cache/images/cheops/national/partenaires/defenseur-des-droits-logo.9ed63b12.jpg" alt="Défenseur des droits" class="img-responsive" /><span class="sr-only">visiter les site de Défenseur des droits (nouvelle fenêtre)</span></a>
2908	</li>
2909
2910	<li>
2911	  <a href="http://www.fagerh.fr/" target="_blank" tabindex="-1"><img src="/assets/cache/images-cache/images/cheops/national/partenaires/logo-fagerh13.9ed63b12.jpg" alt="Fagerh" class="img-responsive" /><span class="sr-only">visiter les site de Fagerh (nouvelle fenêtre)</span></a>
2912	</li>
2913
2914	<li>
2915	  <a href="http://www.apf.asso.fr/" target="_blank" tabindex="-1"><img src="/assets/cache/images-cache/images/cheops/national/partenaires/apf-2019.4e2aabe8.png" alt="APF" class="img-responsive" /><span class="sr-only">visiter les site de APF (nouvelle fenêtre)</span></a>
2916	</li>
2917
2918	<li>
2919	  <a href="http://www.unea.fr/" target="_blank" tabindex="-1"><img src="/assets/cache/images-cache/images/cheops/national/chapo/unea-logo-cmjn-couleur-%28002%29.f7d5ddd6.jpg" alt="Unea" class="img-responsive" /><span class="sr-only">visiter les site de Unea (nouvelle fenêtre)</span></a>
2920	</li>
2921
2922	<li>
2923	  <a href="http://www.oeth.org/" target="_blank" tabindex="-1"><img src="/assets/cache/images-cache/images/cheops/national/partenaires/logotype-oeth-hd.45b8a02e.jpg" alt="OETH" class="img-responsive" /><span class="sr-only">visiter les site de OETH (nouvelle fenêtre)</span></a>
2924	</li>
2925
2926	<li>
2927	  <a href="https://www.apec.fr/" target="_blank" tabindex="-1"><img src="/assets/cache/images-cache/images/cheops/national/partenaires/apec-logotype-h-rgb-%281%29.86db8fa2.jpg" alt="APEC" class="img-responsive" /><span class="sr-only">visiter les site de APEC (nouvelle fenêtre)</span></a>
2928	</li>
2929
2930	<li>
2931	  <a href="https://hello-handicap.fr/" target="_blank" tabindex="-1"><img src="/assets/cache/images-cache/images/cheops/national/partenaires/logo-hh-byhandicap.fr.c4197125.png" alt="Hello Handicap" class="img-responsive" /><span class="sr-only">visiter les site de Hello Handicap (nouvelle fenêtre)</span></a>
2932	</li>
2933
2934	<li>
2935	  <a href="https://www.unml.info/" target="_blank" tabindex="-1"><img src="/assets/cache/images-cache/images/cheops/national/static/partenariats/ml-logo-long-rvb.c83dfc79.png" alt="UNML" class="img-responsive" /><span class="sr-only">visiter les site de UNML (nouvelle fenêtre)</span></a>
2936	</li>
2937
2938	<li>
2939	  <a href="https://uimm.lafabriquedelavenir.fr/" target="_blank" tabindex="-1"><img src="/assets/cache/images-cache/images/cheops/national/partenaires/logo-uimm-quadri.87d29c16.jpg" alt="UIMM" class="img-responsive" /><span class="sr-only">visiter les site de UIMM (nouvelle fenêtre)</span></a>
2940	</li>
2941
2942	  </ul>
2943	</div><!-- fin.inner -->
2944
2945  </div><!-- fin.container -->
2946</div><!-- fin.wrapper -->
2947
2948
2949
2950	</main><!-- #maincontent -->
2951
2952	<div class="hr-background  hr-background2"></div>
2953
2954<footer id="footer" class="wrapper">
2955  <div class="container">
2956	<div class="row row-md-15 row-lg-23">
2957	  
2958	  <div class="col-12 col-md-3 col1"> 
2959		
2960		<ul class="nav flex-md-column coordonnees">
2961
2962		  <li class="sr-only">Cap emploi 80</li>
2963
2964		  
2965		  <li class="lieu"> Centre OASIS DURY - Bâtiment CERCIS, 28 Allée de la Pépinière  <br />80480 Dury</li>
2966	
2967		  <li class=" tel">03 22 89 00 99</li>
2968		  
2969		  <li class=" email"> <a href="contact.html">Contactez-nous</a></li>
2970		</ul>
2971
2972
2973		
2974	  </div><!-- fin.col -->
2975
2976	  <div class="col-12 col-md-5"> 
2977		
2978		<div class="row row-md-15 row-lg-23">
2979		  <div class="col-12 col-lg-6 col2">
2980			
2981			
2982			<ul class="nav flex-column"><li class="first" ><a href="aides.html" >Aides</a></li><li ><a href="accessibilite.html" >Accessibilité : partiellement conforme</a></li><li ><a href="mentions-legales.html" >Mentions légales et CGU</a></li><li ><a href="contact.html" >Contact</a></li><li class="last" ><a href="plan-du-site.html" >Plan du site</a></li></ul>
2983			
2984			
2985		  </div><!-- fin.col -->
2986		  
2987		  <div class="col-6 col-lg-6 col3">
2988
2989			
2990			<ul class="nav flex-column"><li class="first"><a href="rgpd/politique-des-cookies.html" >Politique des cookies</a></li><li><a href="rgpd/politique-de-la-rgpd.html" >Protection des données personnelles du site web</a></li><li class="last"><a href="#" class="rgpd_footer_parametrage" aria-label="ouvrir le fenêtre de paramétrage des cookies">Paramétrage des cookies</a></li><li class="last" id="item31882"><a href="https://www.capemploi.info/informations/formulaire-dexercice-des-droits-sur-les-donnees-personnelles/?context_key=capemploi-80" class="" aria-label="ouvrir le formulaire d'exercice des droits sur les données personnelles">Droit d’accès à mes données personnelles</a></li></ul>
2991
2992		  </div><!-- fin.col -->
2993		</div><!-- fin.row -->
2994		
2995	  </div><!-- fin.col -->
2996
2997	  <div class="col-6 col-md-4 col4 logos-partenaires">
2998		<div class="row">
2999
3000		  <div class="col-12">
3001			<p class="pilote-v2">Cap emploi acteur du réseau pour l’emploi <img src="/assets/templates/meridian-cheops-cap-emploi/images/logotypes/Label_RPE_bleu.png" alt="Réseau pour l'emploi" /></p>
3002		  </div>
3003
3004
3005		  <div class="col-12">
3006			<p class="pilote-v2">Acteur du service public de l'emploi piloté par <img src="/assets/templates/meridian-cheops-cap-emploi/images/pilote-par-v3.png" alt="Ministère du travail, AGEFIPH, FIPHFP et France travail" /></p>
3007		  </div>
3008	  	</div>
3009	  	<div class="row">
3010		
3011		<div class="col">
3012		  <p class="membre-cheops-v2">Membre du réseau Cheops <img src="/assets/templates/meridian-cheops-national/images/cheops-logo.png" alt="Logotype Cheops" /><img src="/assets/templates/meridian-cheops-national/images/logo-cheops-baseline-211.png" width="150" alt="Le réseau Cap emploi" />
3013
3014
3015
3016		  </p>
3017		</div>
3018
3019
3020	  </div>
3021
3022
3023	  </div><!-- fin.col -->
3024
3025	  
3026	</div><!-- fin.row -->
3027  </div><!-- fin.container -->
3028</footer><!-- fin.wrapper -->
3029
3030<div id="rgpd" class="rgpd_v2" style="display:none">
3031  <div class="container">
3032  	<div class="" role="alert" id="cookies">
3033	  <span tabindex="0" class="alert-start" id="alert-start-bandeau"></span>
3034
3035	  <div class="row row-md-10  align-items-center">
3036		<div class="col-12 col-md-9 mb-3">
3037<p>Le présent site Internet utilise des cookies réseaux sociaux pour vous permettre de partager du contenu de notre site sur les réseaux sociaux et visionner des vidéos. Par ailleurs, nous utilisons de
3037s cookies de mesure d’audience MATOMO qui sont exempts de recueil du consentement. Pour plus de renseignements, <a href="https://www.capemploi-80.com/rgpd/politique-des-cookies.html" target="_blank" class="noCookie" aria-label="Consulter la politique des cookies (nouvelle fenêtre)">cliquez ici</a>.</p>
3038
3039		</div><!-- fin.col -->
3040		<div class="col-12 col-md-3 mt-3 mt-md-0">
3041<div class="d-flex flex-column">
3042<button type="button" id="rgpd_bandeau_accepte_all" class="d-block btn btn-secondary rgpd_bandeau_accepte_all" aria-label="Accepter tous les cookies">J'accepte tout</button>
3043<button type="button" id="rgpd_bandeau_parametrage" class="d-block btn btn-secondary rgpd_bandeau_parametrage" aria-label="Personnaliser mes préférences des cookies">Personnaliser</button>
3044
3045<button type="button" id="rgpd_bandeau_refuse_all" class="d-block btn btn-secondary rgpd_bandeau_refuse_all" aria-label="Refuser tous les cookies">Je refuse tout</button>
3046</div>
3047		</div><!-- fin.col -->
3048	  </div>
3049
3050	  <span tabindex="0" class="alert-stop"></span>
3051  	</div><!-- fin#cookies -->
3052  </div><!-- fin.container -->
3053</div><!-- fin#rgpd -->
3054
3055
3056<div class="modal fade bd-example-modal-lg modal-bm" id="rgpd-parametrage" tabindex="-1" role="dialog" aria-labelledby="rgpd-parametrage-dialogue-title" aria-describedby="rgpd-parametrage-dialogue-description" aria-hidden="true">
3057  <div class="modal-dialog modal-lg modal-dialog-centered">
3058	<span tabindex="0" class="dialog-start"></span>
3059    <div class="modal-content">
3060      <div class="modal-header">
3061        <h2 id="rgpd-parametrage-dialogue-title" class="text-center mb-0">Personnaliser mes préférences</h2>
3062        <button type="button" class="close rgpd_popin_close rgpd_button_first"  data-dismiss="modal" aria-label="Fermer la boîte de dialogue de préférences des cookies" title="">
3063          X
3064        </button>
3065      </div><!-- fin.modal-header -->
3066
3067      <div class="modal-body">
3068		<div class="les-services">
3069		  <div class="row row-8 align-items-center">
3070			<div class="col-xs-12 col-lg-6">
3071			  <h3 id="rgpd-parametrage-dialogue-description" class="mt-0">Préférence pour tous les services</h3>
3072			</div><!-- fin.col -->
3073			
3074			<div class=" col-xs-12 col-lg-6">
3075			  <div class="form-group row wrapper-boutons" id="wrapper-popin-a">    
3076				<div class="col col-lg-12 text-right align-middle">
3077				  <p>
3078					<a href="#" id="rgpd_popin_accepte_all" class="rgpd_popin_accepte_all">Tout autoriser</a>
3079					<a href="#" id="rgpd_popin_refuse_all" class="rgpd_popin_refuse_all">Tout interdire</a>
3080				  </p>
3081				</div><!-- fin.col -->
3082			  </div><!-- fin.form-group -->
3083			</div><!-- fin.col -->
3084		  </div><!-- fin.row -->
3085		</div>
3086		<div class="row">
3087		  <div class="col col-sm-12">
3088			
3089			<h3>Réseaux sociaux</h3>
3090			
3091			<fieldset class="row row-8 row-service row-facebook p-0 m-0 d-block">
3092  <legend class="h4 col-xs-12 col-lg-6 float-left">Facebook, <a href="https://www.facebook.com/policies/cookies/" class="small" target="_blank">voir le site officiel</a></legend>
3093
3094  <div class="col-xs-12 col-lg-6 float-left">
3095  <div class="form-group row wrapper-boutons mb-0" id="wrapper-facebook">    
3096    <div class="col col-lg-12 text-right align-middle">     
3097    <label class="radio-inline" for="rgpd_pristine_facebook_accepte">
3098 	<input type="radio" name="rgpd_pristine_facebook" id="rgpd_pristine_facebook_accepte" value="1"       />
3099	Autoriser
3100  </label>
3101
3102
3103    <label class="radio-inline" for="rgpd_pristine_facebook_refuse">
3104 	<input type="radio" name="rgpd_pristine_facebook" id="rgpd_pristine_facebook_refuse" value="-1"       />
3105	Interdire
3106  </label>
3107
3108
3109    </div><!-- fin.col -->   
3110  </div><!-- fin.form-group -->
3111    <!-- [$label_error? &for=`rgpd_pristine_facebook`] -->
3112
3113  </div><!-- fin.col -->
3114</fieldset><!-- fin.row -->
3115
3116			<fieldset class="row row-8 row-service row-linkedin p-0 m-0 d-block">
3117  <legend class="h4 col-xs-12 col-lg-6 float-left">Linkedin, <a href="https://www.linkedin.com/legal/cookie-policy" class="small" target="_blank">voir le site officiel</a></legend>
3118
3119  <div class="col-xs-12 col-lg-6 float-left">
3120  <div class="form-group row wrapper-boutons mb-0" id="wrapper-linkedin">    
3121    <div class="col col-lg-12 text-right align-middle">     
3122    <label class="radio-inline" for="rgpd_pristine_linkedin_accepte">
3123 	<input type="radio" name="rgpd_pristine_linkedin" id="rgpd_pristine_linkedin_accepte" value="1"       />
3124	Autoriser
3125  </label>
3126
3127
3128    <label class="radio-inline" for="rgpd_pristine_linkedin_refuse">
3129 	<input type="radio" name="rgpd_pristine_linkedin" id="rgpd_pristine_linkedin_refuse" value="-1"       />
3130	Interdire
3131  </label>
3132
3133
3134    </div><!-- fin.col -->   
3135  </div><!-- fin.form-group -->
3136    <!-- [$label_error? &for=`rgpd_pristine_linkedin`] -->
3137
3138  </div><!-- fin.col -->
3139</fieldset><!-- fin.row -->
3140
3141			<fieldset class="row row-8 row-service row-twitter p-0 m-0 d-block">
3142  <legend class="h4 col-xs-12 col-lg-6 float-left">Twitter, <a href="https://help.twitter.com/fr/rules-and-policies/twitter-cookies?lang=browser" class="small" target="_blank">voir le site officiel</a></legend>
3143
3144  <div class="col-xs-12 col-lg-6 float-left">
3145  <div class="form-group row wrapper-boutons mb-0" id="wrapper-twitter">    
3146    <div class="col col-lg-12 text-right align-middle">     
3147    <label class="radio-inline" for="rgpd_pristine_twitter_accepte">
3148 	<input type="radio" name="rgpd_pristine_twitter" id="rgpd_pristine_twitter_accepte" value="1"       />
3149	Autoriser
3150  </label>
3151
3152
3153    <label class="radio-inline" for="rgpd_pristine_twitter_refuse">
3154 	<input type="radio" name="rgpd_pristine_twitter" id="rgpd_pristine_twitter_refuse" value="-1"       />
3155	Interdire
3156  </label>
3157
3158
3159    </div><!-- fin.col -->   
3160  </div><!-- fin.form-group -->
3161    <!-- [$label_error? &for=`rgpd_pristine_twitter`] -->
3162
3163  </div><!-- fin.col -->
3164</fieldset><!-- fin.row -->
3165
3166			
3167			<h3>Vidéos</h3>
3168			
3169			<fieldset class="row row-8 row-service row-youtube p-0 m-0 d-block">
3170  <legend class="h4 col-xs-12 col-lg-6 float-left">Youtube, <a href="https://policies.google.com/privacy?hl=fr&gl=fr" class="small" target="_blank">voir le site officiel</a></legend>
3171
3172  <div class="col-xs-12 col-lg-6 float-left">
3173  <div class="form-group row wrapper-boutons mb-0" id="wrapper-youtube">    
3174    <div class="col col-lg-12 text-right align-middle">     
3175    <label class="radio-inline" for="rgpd_pristine_youtube_accepte">
3176 	<input type="radio" name="rgpd_pristine_youtube" id="rgpd_pristine_youtube_accepte" value="1"       />
3177	Autoriser
3178  </label>
3179
3180
3181    <label class="radio-inline" for="rgpd_pristine_youtube_refuse">
3182 	<input type="radio" name="rgpd_pristine_youtube" id="rgpd_pristine_youtube_refuse" value="-1"       />
3183	Interdire
3184  </label>
3185
3186
3187    </div><!-- fin.col -->   
3188  </div><!-- fin.form-group -->
3189    <!-- [$label_error? &for=`rgpd_pristine_youtube`] -->
3190
3191  </div><!-- fin.col -->
3192</fieldset><!-- fin.row -->
3193
3194
3195
3196		  </div>
3197		</div>
3198      </div>
3199	  
3200	  <div class="modal-footer">
3201		<div class="inner-bouton">
3202		  <button type="button" class="rgpd_popin_close_save btn arrow-right rgpd_button_last" data-dismiss="modal">Enregistrer mes préférences</button>
3203		</div><!-- fin.inner -->
3204	  </div><!-- fin.modal-footer -->
3205	  <span tabindex="0" class="dialog-stop"></span>
3206	</div>
3207  </div>
3208</div>
3209
3210
3211  </div><!-- #page -->
3212  
3213  <!--  js commun -->
3214
3215<script src="/assets/components/minifyx/cache/minify-bm_10a5d6e433.js" ></script>
3215
3216
3217
3218
3219	
3219<script src="https://www.cheops.ovh/js/cap-emploi/commun-cheops-cap-emploi.js" defer></script>
3219
3220	
3220<script src="https://www.cheops.ovh/js/commun/rgpd-v2.js&#63;http_host=capemploi-80.com" defer></script>
3220
3221
3222<!-- 
3223
3224
3225
3226-->
3227
3228
3229
3230
3231	
3231<script src="https://www.cheops.ovh/js/commun/accessibilite.js" defer></script>
3231
3232
3233<!-- js context -->
3234
3235
3236
3237<!--
3238<script type="text/javascript" src="/assets/js/confortplus/js/toolbar.bm.min.js"></script>
vendor: 1 bytes, line 3238
3238
3239<script type="text/javascript" src="https://www.cheops.ovh/js/commun/confortplus-custom.js"></script>
3239
3240-->
3241
3242<script type="text/javascript" src="https://www.cheops.ovh/js/commun/toolbar.js&#63;domain=https://www.capemploi-80.com"></script>
vendor: 1 bytes, line 3242
3242
3243<script type="text/javascript">
3244  accessibilitytoolbar_custom = {
3245  idLinkModeContainer : "myconfortplusContainer",
3246  cssLinkModeClassName : "nav-link"
3247  };
3248</script>
3248
3249
3250
3251
3252<!-- js page -->
3253<script src="https://cdn.jsdelivr.net/npm/sweetalert2@8"></script>
vendor: 2 bytes, line 3253
3253
3254<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/select2.min.js" integrity="sha256-AFAYEOkzB6iIKnTYZOdUf9FFje6lOTYdwRJKwTN5mks=" crossorigin="anonymous"></script>
vendor: 2 bytes, line 3254
3254
3255<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/i18n/fr.js" crossorigin="anonymous"></script>
3255
3256<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/select2.min.css" integrity="sha256-FdatTf20PQr/rWg+cAKfl6j4/IY3oohFAJ7gVC3M34E=" crossorigin="anonymous">
3257<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ttskch/select2-bootstrap4-theme/dist/select2-bootstrap4.min.css">
3258<link href="https://fonts.googleapis.com/css2?family=Material+Icons&amp;display=swap" rel="stylesheet">
3259
3260
3261	
3261<script src="https://www.cheops.ovh/js/api/offres-emploi-post.js?context_key=capemploi-80" defer></script>
3261
3262<!-- fin js --> 
3263
3264
3265  
3266</body>
3267</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.