PageSourceSearch

https://www.legisocial.fr/infos-conseils/

html legisocial.fr collected 2026-09-25 14:54:04 UTC 524,280 bytes, 5,478 lines download raw bytes

1<!DOCTYPE html>
2<html lang="fr">
3    <head>
4        <meta charset="utf-8">
5        <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">
6        <meta http-equiv="X-UA-Compatible" content="IE=edge">
7
8        
9        <title>Actualité sociale, paie et ressources humaines : fiches, modèles, bulletins | LégiSocial</title>
10                <meta name="description" content="LégiSocial est le site expert en Social, Paie et RH : retrouvez nos actualités, fiches pratiques, jurisprudences, bulletins de paie commentés, chiffres et taux, modèles de documents à télécharger..."/>
11        
12                    <meta name="robots" content="max-snippet:-1, max-image-preview:large, max-video-preview:-1">
13        
14            
15        <link rel="icon" type="image/svg+xml" href="https://www.legisocial.fr/images/favicon.svg"/>
16    
17        <meta name="google-site-verification" content="EJe3G8Ay7Ee4HLzZPxi5SP8GeDrQfLXeMmpymWMNbEA"/>
18    <meta property="fb:admins" content="535388164"/>
19    <meta property="fb:app_id" content="135611929821670"/>
20            <link rel="alternate" type="application/rss+xml" title="Toute l'actualité sociale avec LégiSocial" href="https://www.legisocial.fr/rss.xml"/>
21    
22            <!-- Twitter -->
23<meta name="twitter:card" content="summary"/>
24<meta name="twitter:site" content="@legisocial"/>
25<meta name="twitter:creator" content="@legisocial"/>
26<meta name="twitter:title" content="Actualité sociale, paie et ressources humaines : fiches, modèles, bulletins"/>
27<meta name="twitter:description" content="LégiSocial est le site expert en Social, Paie et RH : retrouvez nos actualités, fiches pratiques, jurisprudences, bulletins de paie commentés, chiffres et taux, modèles de documents à télécharger..."/>
28<meta name="twitter:domain" content="www.legisocial.fr"/>
29
30<!-- Facebook -->
31<meta property="og:title" content="Actualité sociale, paie et ressources humaines : fiches, modèles, bulletins"/>
32<meta property="og:site_name" content="LégiSocial"/>
33<meta property="og:description" content="LégiSocial est le site expert en Social, Paie et RH : retrouvez nos actualités, fiches pratiques, jurisprudences, bulletins de paie commentés, chiffres et taux, modèles de documents à télécharger..."/>
34<meta property="og:type" content="article"/>
35<meta property="og:url" content="https://www.legisocial.fr/infos-conseils/"/>
36
37    
38    
39    
40    
41                    <link rel="canonical" href="https://www.legisocial.fr/infos-conseils/"/>
42            
43    <!-- Calendly - deferred loading -->
44    <link href="https://assets.calendly.com/assets/external/widget.css" rel="stylesheet" media="print" onload="this.media='all'">
45    <noscript><link href="https://assets.calendly.com/assets/external/widget.css" rel="stylesheet"></noscript>
46    
46<script src="https://assets.calendly.com/assets/external/widget.js" type="text/javascript" async></script>
46
47
48            <link rel="preload" as="style" href="https://www.legisocial.fr/build/assets/legisocial-CKIkruU-.css"/><link rel="preload" as="style" href="https://www.legisocial.fr/build/assets/vendor-swiper-vGUScjdh.css"/><link rel="modulepreload" as="script" href="https://www.legisocial.fr/build/assets/app-h589paAr.js"/><link rel="modulepreload" as="script" href="https://www.legisocial.fr/build/assets/vite-helpers-BBOY7xcS.js"/><link rel="modulepreload" as="script" href="https://www.legisocial.fr/build/assets/vendor-axios-Cmnyfk1B.js"/><link rel="modulepreload" as="script" href="https://www.legisocial.fr/build/assets/livewire.esm-CArOs2z9.js"/><link rel="modulepreload" as="script" href="https://www.legisocial.fr/build/assets/vendor-fancybox-CY7379Q_.js"/><link rel="modulepreload" as="script" href="https://www.legisocial.fr/build/assets/vendor-swiper-Bj8C-Ywl.js"/><link rel="modulepreload" as="script" href="https://www.legisocial.fr/build/assets/vendor-jquery-Bj1OLaRa.js"/><link rel="modulepreload" as="script" href="https://www.legisocial.fr/build/assets/app-utils-BQwIT67k.js"/><link rel="modulepreload" as="script" href="https://www.legisocial.fr/build/assets/app-components-DG6h5hxe.js"/><link rel="modulepreload" as="script" href="https://www.legisocial.fr/build/assets/vendor-cookies-5NsoCi1B.js"/><link rel="modulepreload" as="script" href="https://www.legisocial.fr/build/assets/collapsible-blockquotes--iZWYkG_.js"/><link rel="modulepreload" as="script" href="https://www.legisocial.fr/build/assets/vendor-misc-BjLqepAZ.js"/><link rel="stylesheet" href="https://www.legisocial.fr/build/assets/legisocial-CKIkruU-.css" data-navigate-track="reload"/><link rel="stylesheet" href="https://www.legisocial.fr/build/assets/vendor-swiper-vGUScjdh.css" data-navigate-track="reload"/>
48<script type="module" src="https://www.legisocial.fr/build/assets/app-h589paAr.js" data-navigate-track="reload"></script>
48        <!-- Livewire Styles --><style>[wire\:loading][wire\:loading], [wire\:loading\.delay][wire\:loading\.delay], [wire\:loading\.list-item][wire\:loading\.list-item], [wire\:loading\.inline-block][wire\:loading\.inline-block], [wire\:loading\.inline][wire\:loading\.inline], [wire\:loading\.block][wire\:loading\.block], [wire\:loading\.flex][wire\:loading\.flex], [wire\:loading\.table][wire\:loading\.table], [wire\:loading\.grid][wire\:loading\.grid], [wire\:loading\.inline-flex][wire\:loading\.inline-flex] {display: none;}[wire\:loading\.delay\.none][wire\:loading\.delay\.none], [wire\:loading\.delay\.shortest][wire\:loading\.delay\.shortest], [wire\:loading\.delay\.shorter][wire\:loading\.delay\.shorter], [wire\:loading\.delay\.short][wire\:loading\.delay\.short], [wire\:loading\.delay\.default][wire\:loading\.delay\.default], [wire\:loading\.delay\.long][wire\:loading\.delay\.long], [wire\:loading\.delay\.longer][wire\:loading\.delay\.longer], [wire\:loading\.delay\.longest][wire\:loading\.delay\.longest] {display: none;}[wire\:offline][wire\:offline] {display: none;}[wire\:dirty]:not(textarea):not(input):not(select) {display: none;}:root {--livewire-progress-bar-color: #2299dd;}[x-cloak] {display: none !important;}[wire\:cloak] {display: none !important;}dialog#livewire-error::backdrop {background-color: rgba(0, 0, 0, .6);}</style>
49    
50
51    <!-- Additional meta tags -->
52    
53    	</head>
54	<body id="" class="is-guest  has-announcement antialiased " x-data vocab="http://schema.org/" typeof="WebPage">
55        
56        <div id="announcement-bar" class="hidden lg:flex fixed inset-x-0 top-0 z-[129] min-h-11 items-center justify-center gap-6 px-16 py-2 bg-gray-50 border-b border-gray-200">
57
58    <p class="m-0 !pb-0 text-sm font-semibold leading-snug text-gray-900">
59                    <span class="mr-2 inline-flex items-center rounded-full px-2 py-0.5 text-xs font-semibold uppercase tracking-wide bg-red-50 border border-red-200 text-red-500">Nouveau</span>
60        
61        
62        🎓 Découvrez nos formations sociales - RH & Paie
63    </p>
64
65            <a href="/formations-rh-paie/" class="shrink-0 inline-flex items-center gap-2.5 rounded-full px-5 py-1.5 text-sm font-medium transition-colors duration-300 bg-main-500 text-white hover:bg-main-600">
66                            
67                <span class="relative flex h-2.5 w-2.5" aria-hidden="true">
68                    <span class="motion-safe:animate-ping absolute inline-flex h-full w-full rounded-full opacity-75" style="background-color: white"></span>
69                    <span class="relative inline-flex h-2.5 w-2.5 rounded-full" style="background-color: white"></span>
70                </span>
71                        <span class="text-xs">Voir les sessions</span>
72        </a>
73    
74    <button type="button" id="announcement-close" aria-label="Fermer le bandeau" class="absolute right-4 top-1/2 -translate-y-1/2 cursor-pointer transition-colors text-gray-400 hover:text-gray-700">
75        <svg class="shrink-0 [:where(&amp;)]:size-6 size-4" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
76  <path stroke-linecap="round" stroke-linejoin="round" d="M6 18 18 6M6 6l12 12"/>
77</svg>
78
79            </button>
80</div>
81
82
83<script>
84(function () {
85    var bar = document.getElementById('announcement-bar');
86    if (!bar) return;
87
88    var key = 'announcement-dismissed';
89    var id = '4';
90
91    function close() {
92        document.body.classList.remove('has-announcement');
93        var header = document.querySelector('header.header');
94        if (header) header.classList.remove('has-announcement');
95        bar.remove();
96        // Le header remonte : ce qui s'ancre dessous doit se remesurer (newsletter sticky
97        // de la home, cf. components/home/newsletter-sticky.blade.php).
98        window.dispatchEvent(new Event('announcement-dismissed'));
99    }
100
101    if (window.localStorage && localStorage.getItem(key) === id) {
102        close();
103        return;
104    }
105
106    // `_header.css` décale le header fixe et pousse le flux de la hauteur réelle du bandeau :
107    // un texte long qui passe sur deux lignes ne doit pas se retrouver sous le header.
108    function measure() {
109        var height = bar.offsetHeight;
110        if (height > 0) document.documentElement.style.setProperty('--announcement-h', height + 'px');
111    }
112
113    measure();
114    window.addEventListener('resize', measure);
115
116    // `primary-menu.js` lit cette classe sur le header pour l'offset du waypoint sticky.
117    document.addEventListener('DOMContentLoaded', function () {
118        var header = document.querySelector('header.header');
119        if (header) header.classList.add('has-announcement');
120        measure();
121    });
122
123    document.getElementById('announcement-close').addEventListener('click', function () {
124        if (window.localStorage) localStorage.setItem(key, id);
125        close();
126    });
127})();
128</script>
128
129
130            <header class="header fixed top-0 w-full user bg-white border-b border-solid border-gray-200 py-2.5">
131    <div class="px-4 lg:px-6 relative flex items-center justify-between">
132        <div class="relative">
133            <div class="flex items-center gap-2">
134                <a href="/" class="primary-item -ml-3 lg:ml-0">
135                    <img src="https://www.legisocial.fr/images/logos/legisocial.svg" width="140" height="26" class="w-[140px] h-auto grow-0 shrink-0" alt="LégiSocial"/>
136                </a>
137                <span class="js-fiscal z-[1010] cursor-pointer"><svg class="shrink-0 [:where(&amp;)]:size-6 size-3 text-gray-400" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
138  <path stroke-linecap="round" stroke-linejoin="round" d="m19.5 8.25-7.5 7.5-7.5-7.5"/>
139</svg>
140
141        </span>
142                <div id="fiscal" class="p-2 bg-gray-50 rounded-lg absolute top-9 right-6 lg:-right-2.5 lg:pr-[32px] z-[1000]" style="display: none;">
143                    <a href="https://www.legifiscal.fr" rel="nofollow">
144                        <img src="https://www.legisocial.fr/images/logos/fiscal.svg" class="w-[68px] h-auto grow-0 shrink-0" alt="LégiFiscal"/>
145                    </a>
146                </div>
147            </div>
148        </div>
149
150        <div class="header-user-main-container">
151            <div wire:key="search-bar" wire:snapshot="{&quot;data&quot;:{&quot;message&quot;:&quot;&quot;,&quot;mode&quot;:&quot;ia&quot;,&quot;compact&quot;:false},&quot;memo&quot;:{&quot;id&quot;:&quot;pIMSGKmaMvgUak4Z6h8b&quot;,&quot;name&quot;:&quot;recherche.search-bar&quot;,&quot;path&quot;:&quot;infos-conseils&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;fr&quot;,&quot;islands&quot;:[]},&quot;checksum&quot;:&quot;ba27c5669e376c6b018cd20da4e4adf23930810b9ba7e720c790737380082921&quot;}" wire:effects="[]" wire:id="pIMSGKmaMvgUak4Z6h8b" wire:name="recherche.search-bar" class="flex-1">
152    <!--[if BLOCK]><![endif]-->        
153        <form id="search-form" x-ref="searchForm" method="GET" action="https://www.legisocial.fr/recherche/" class="relative" x-data="searchComposer({
154                query: '',
155                contextEnabled: true,
156                csrfToken: 'vLWNv4i31zrRynFfz8XlqHiqYEPgaxTcEZ91J5lc',
157            })" x-bind:class="{ 'has-pasted-context': contextItems.length }" @submit="
158                if (false) {
159                    $event.preventDefault();
160                    runExplorerSearch(query);
161                } else {
162                    prepareIaSubmission($event);
163                }
164            ">
165            <!--[if BLOCK]><![endif]-->                <input type="hidden" name="context_items" x-bind:value="serializedContextItems()" x-bind:disabled="!contextItems.length">
166                <input type="hidden" name="question" x-bind:value="query" x-bind:disabled="!contextItems.length && !query.includes('\n')">
167            <!--[if ENDBLOCK]><![endif]-->
168            <label class="hidden lg:label" for="searchinput" id="label-search">Je recherche</label>
169            <div class="input relative z-[140] rounded-lg text-center lg:rounded-l-none lg:rounded-b-none lg:rounded-r-lg" x-data="{
170                    showTruncated: true,
171                    isExpanded: false,
172                    isFocused: false,
173                    autocompleteOpen: false,
174                    start() {
175                        const panel = document.getElementById('search-autocomplete');
176                        if (panel) {
177                            this.syncAutocomplete(panel);
178                            new MutationObserver(() => this.syncAutocomplete(panel))
179                                .observe(panel, { attributes: true, attributeFilter: ['style', 'class'] });
180                        }
181                        this.resize();
182                    },
183                    syncAutocomplete(panel) {
184                        const open = panel.offsetParent !== null;
185                        if (open === this.autocompleteOpen) return;
186                        this.autocompleteOpen = open;
187                        this.resize();
188                    },
189                    resize() {
190                        const textarea = $refs.searchInput;
191                        if (!textarea) return;
192                        textarea.style.height = '48px';
193                        this.isExpanded = this.isFocused || this.autocompleteOpen || contextItems.length > 0;
194                        this.showTruncated = !this.isExpanded;
195                    }
196                }" x-init="$nextTick(() => start())" x-effect="contextItems.length; resize()">
197                <textarea id="searchinput" name="q" x-ref="searchInput" x-model="query" rows="1" autocomplete="off" type="search" placeholder="Que recherchez-vous ? Posez votre question..." :class="{
198                        'lg:rounded-lg': isExpanded && !contextItems.length,
199                        'lg:rounded-t-2xl lg:rounded-b-none': contextItems.length,
200                        'lg:rounded-full': !isExpanded,
201                        'text-white truncate text-ellipsis': showTruncated
202                    }" class="h-[48px] max-h-[48px] resize-none overflow-y-auto py-2.5 text-base lg:pr-12" @paste="handleContextPaste($event)" @input="
203                        resize();
204                                            " @focus="isFocused = true; resize()" @blur="isFocused = false; resize()" @keydown.enter="if (!$event.shiftKey) { $event.preventDefault(); $el.form.requestSubmit(); }"></textarea>
205
206                <div x-show="showTruncated" class="pointer-events-none absolute top-0 left-0 h-full w-[94%] overflow-hidden px-2.5 py-0.5">
207                    <p class="truncate px-3 py-2.5 text-left text-base" x-text="query || 'Que recherchez-vous ? Posez votre question...'" :class="{ 'text-gray-400': !query }"></p>
208                </div>
209            </div>
210
211            <!--[if BLOCK]><![endif]-->                <div x-show="contextItems.length || contextError" x-cloak class="search-context-panel relative z-[145] border-x border-violet-200/80 bg-white px-3 py-2 text-left">
212                    <div class="flex min-w-0 gap-2 overflow-x-auto py-1" aria-label="Textes ajoutés au contexte">
213    <template x-for="item in (contextItems)" :key="item.id">
214        <div class="inline-flex max-w-full shrink-0 items-center rounded-lg border border-violet-200 bg-violet-50 text-violet-900 shadow-sm dark:border-violet-800 dark:bg-violet-950/50 dark:text-violet-100">
215            <button type="button" class="inline-flex min-w-0 items-center gap-2 px-2.5 py-1.5 text-left text-xs font-medium hover:bg-violet-100/70 dark:hover:bg-violet-900/50" x-on:click="openContextPreview(item)" x-bind:aria-label="`Prévisualiser ${pastedContextLabel(item)}`">
216                <svg class="shrink-0 [:where(&amp;)]:size-6 size-4 shrink-0" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
217  <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 14.25v-2.625a3.375 3.375 0 0 0-3.375-3.375h-1.5A1.125 1.125 0 0 1 13.5 7.125v-1.5a3.375 3.375 0 0 0-3.375-3.375H8.25m0 12.75h7.5m-7.5 3H12M10.5 2.25H5.625c-.621 0-1.125.504-1.125 1.125v17.25c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125V11.25a9 9 0 0 0-9-9Z"/>
218</svg>
219
220                        <span class="max-w-56 truncate" x-text="pastedContextLabel(item)"></span>
221            </button>
222            <!--[if BLOCK]><![endif]-->                <button type="button" class="mr-1 inline-flex size-7 shrink-0 items-center justify-center rounded-md text-violet-500 hover:bg-violet-200/70 hover:text-violet-900 dark:text-violet-300 dark:hover:bg-violet-800" x-on:click.stop="removeContextItem(item.id)" x-bind:aria-label="`Retirer ${pastedContextLabel(item)}`">
223                    <svg class="shrink-0 [:where(&amp;)]:size-6 size-3.5" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
224  <path stroke-linecap="round" stroke-linejoin="round" d="M6 18 18 6M6 6l12 12"/>
225</svg>
226
227                        </button>
228            <!--[if ENDBLOCK]><![endif]-->        </div>
229    </template>
230</div>
231                    <p x-show="contextError" class="mt-1 text-xs font-medium text-rose-600" role="alert" x-text="contextError"></p>
232                </div>
233            <!--[if ENDBLOCK]><![endif]-->
234            <button type="submit" aria-label="Rechercher" class="absolute right-2 top-1.5 z-[150] hidden h-[36px] w-[36px] shrink-0 cursor-pointer items-center justify-center rounded-full bg-gradient-to-br from-violet-500 to-purple-600 shadow-md shadow-violet-200/50 transition-all duration-200 hover:from-violet-600 hover:to-purple-700 hover:shadow-lg hover:shadow-violet-300/50 lg:flex print:hidden">
235                <!--[if BLOCK]><![endif]-->                    <svg class="shrink-0 [:where(&amp;)]:size-6 size-4 text-white" x-show="!query" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
236  <path stroke-linecap="round" stroke-linejoin="round" d="m21 21-5.197-5.197m0 0A7.5 7.5 0 1 0 5.196 5.196a7.5 7.5 0 0 0 10.607 10.607Z"/>
237</svg>
238
239                            <svg class="shrink-0 [:where(&amp;)]:size-6 size-4 text-white" x-show="query" x-cloak="x-cloak" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
240  <path stroke-linecap="round" stroke-linejoin="round" d="M9.813 15.904 9 18.75l-.813-2.846a4.5 4.5 0 0 0-3.09-3.09L2.25 12l2.846-.813a4.5 4.5 0 0 0 3.09-3.09L9 5.25l.813 2.846a4.5 4.5 0 0 0 3.09 3.09
240L15.75 12l-2.846.813a4.5 4.5 0 0 0-3.09 3.09ZM18.259 8.715 18 9.75l-.259-1.035a3.375 3.375 0 0 0-2.455-2.456L14.25 6l1.036-.259a3.375 3.375 0 0 0 2.455-2.456L18 2.25l.259 1.035a3.375 3.375 0 0 0 2.456 2.456L21.75 6l-1.035.259a3.375 3.375 0 0 0-2.456 2.456ZM16.894 20.567 16.5 21.75l-.394-1.183a2.25 2.25 0 0 0-1.423-1.423L13.5 18.75l1.183-.394a2.25 2.25 0 0 0 1.423-1.423l.394-1.183.394 1.183a2.25 2.25 0 0 0 1.423 1.423l1.183.394-1.183.394a2.25 2.25 0 0 0-1.423 1.423Z"/>
241</svg>
242
243                        <!--[if ENDBLOCK]><![endif]-->            </button>
244
245            
245<script>
246    window.AUTOCOMPLETE_URL = 'https://www.legisocial.fr/recherche/autocomplete-new/';
247</script>
247
248<div id="search-autocomplete" style="display: none;" class="lg:-mt-4 bg-white border border-violet-200/80 !border-t-white rounded-b-2xl p-3 relative z-[140] overflow-y-auto overscroll-contain shadow-xl shadow-violet-900/5">
249    <div id="searchbar-autocomplete-results"></div>
250</div>            <!--[if BLOCK]><![endif]-->                <template x-teleport="body">
251    <div x-show="previewContextItem" x-cloak x-on:keydown.escape.window="closeContextPreview()" class="fixed inset-0 z-[1000] flex items-center justify-center bg-zinc-950/55 p-4" role="dialog" aria-modal="true" aria-label="Aperçu du texte ajouté au contexte">
252        <button type="button" class="absolute inset-0 cursor-default" aria-label="Fermer l’aperçu" x-on:click="closeContextPreview()"></button>
253        <section class="relative flex max-h-[85vh] w-full max-w-3xl flex-col overflow-hidden rounded-2xl bg-white shadow-2xl dark:bg-zinc-900">
254            <header class="flex items-center justify-between gap-4 border-b border-zinc-200 px-5 py-4 dark:border-zinc-800">
255                <div class="min-w-0">
256                    <h2 class="font-semibold text-zinc-950 dark:text-zinc-50">Texte ajouté au contexte</h2>
257                    <p class="mt-0.5 text-xs text-zinc-500" x-text="previewContextItem ? pastedContextLabel(previewContextItem) : ''"></p>
258                </div>
259                <button x-ref="contextPreviewClose" type="button" class="inline-flex size-9 shrink-0 items-center justify-center rounded-full text-zinc-500 hover:bg-zinc-100 hover:text-zinc-900 dark:hover:bg-zinc-800 dark:hover:text-zinc-100" x-on:click="closeContextPreview()" aria-label="Fermer">
260                    <svg class="shrink-0 [:where(&amp;)]:size-6 size-5" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
261  <path stroke-linecap="round" stroke-linejoin="round" d="M6 18 18 6M6 6l12 12"/>
262</svg>
263
264                        </button>
265            </header>
266            <pre class="m-0 overflow-auto whitespace-pre-wrap break-words p-5 font-sans text-sm leading-6 text-zinc-800 dark:text-zinc-200" x-text="previewContextItem?.content || ''"></pre>
267        </section>
268    </div>
269</template>
270            <!--[if ENDBLOCK]><![endif]-->        </form>
271    <!--[if ENDBLOCK]><![endif]--></div>
272
273            <nav role="navigation" id="main-navigation" class="column-other">
274                <ul class="flex flex-col lg:flex-row lg:items-center gap-0 lg:gap-5 xl:gap-6 2xl:gap-8 text-sm">
275                    <li class="mobile-only-link border-t border-solid border-gray-200">
276                        <form method="GET" action="https://www.legisocial.fr/recherche/" class="flex items-center gap-2 py-3">
277                            <input type="search" name="q" placeholder="Rechercher..." autocomplete="off" class="flex-1 rounded-lg border border-zinc-300 bg-white px-3.5 py-2 text-sm placeholder:text-zinc-400 focus:border-violet-400 focus:outline-none focus:ring-2 focus:ring-violet-200"/>
278                            <button type="submit" aria-label="Rechercher" class="cursor-pointer flex items-center justify-center rounded-full w-[40px] h-[40px] shrink-0 bg-gradient-to-br from-violet-500 to-purple-600 hover:from-violet-600 hover:to-purple-700 shadow-md shadow-violet-200/50">
279                                <svg class="shrink-0 [:where(&amp;)]:size-6 size-4 text-white" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
280  <path stroke-linecap="round" stroke-linejoin="round" d="m21 21-5.197-5.197m0 0A7.5 7.5 0 1 0 5.196 5.196a7.5 7.5 0 0 0 10.607 10.607Z"/>
281</svg>
282
283                                    </button>
284                        </form>
285                    </li>
286                    <li class="border-t border-solid border-gray-200 lg:border-none">
287                        <a href="https://www.legisocial.fr/infos-conseils/" data-submenu="veille" aria-haspopup="true" aria-expanded="false" aria-controls="secondary-veille mobile-veille" class="primary-item font-medium js-submenu flex items-center justify-between py-4 lg:py-0">
288                            <span>Veille</span>
289                            <svg class="shrink-0 [:where(&amp;)]:size-6 size-3 text-gray-400 lg:ml-1" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
290  <path stroke-linecap="round" stroke-linejoin="round" d="m19.5 8.25-7.5 7.5-7.5-7.5"/>
291</svg>
292
293                                </a>
294                        <div id="mobile-veille" data-mobile-submenu-panel="veille" class="lg:hidden pb-4 pl-4">
295                            <div class="space-y-6 py-4 text-sm text-zinc-700">
296    <div class="flex items-center justify-between gap-3">
297        <strong class="text-zinc-900">Explorer la veille</strong>
298        <a href="https://www.legisocial.fr/infos-conseils/" class="inline-flex items-center gap-1 font-semibold text-primary hover:underline">
299            Toute la veille
300            <svg class="shrink-0 [:where(&amp;)]:size-4 size-3.5" data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" data-slot="icon">
301  <path fill-rule="evenodd" d="M2 8a.75.75 0 0 1 .75-.75h8.69L8.22 4.03a.75.75 0 0 1 1.06-1.06l4.5 4.5a.75.75 0 0 1 0 1.06l-4.5 4.5a.75.75 0 0 1-1.06-1.06l3.22-3.22H2.75A.75.75 0 0 1 2 8Z" clip-rule="evenodd"/>
302</svg>
303
304                </a>
305    </div>
306
307        <nav class="flex flex-col overflow-visible min-h-auto" aria-label="Thématiques de veille" data-flux-navlist>
308    <ui-disclosure class="group/disclosure" open data-flux-navlist-group>
309        <button type="button" class="w-full h-10 lg:h-8 flex items-center group/disclosure-button mb-[2px] rounded-lg hover:bg-zinc-800/5 dark:hover:bg-white/[7%] text-zinc-500 hover:text-zinc-800 dark:text-white/80 dark:hover:text-white">
310            <div class="ps-3 pe-4">
311                <svg class="shrink-0 [:where(&amp;)]:size-6 size-3! hidden group-data-open/disclosure-button:block" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
312  <path stroke-linecap="round" stroke-linejoin="round" d="m19.5 8.25-7.5 7.5-7.5-7.5"/>
313</svg>
314
315                        <svg class="shrink-0 [:where(&amp;)]:size-6 size-3! block group-data-open/disclosure-button:hidden rtl:rotate-180" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
316  <path stroke-linecap="round" stroke-linejoin="round" d="m8.25 4.5 7.5 7.5-7.5 7.5"/>
317</svg>
318
319                    </div>
320
321            <span class="text-sm font-medium leading-none">Contrat de travail</span>
322        </button>
323
324        <div class="relative hidden data-open:block space-y-[2px] ps-7" data-open>
325            <div class="absolute inset-y-[3px] w-px bg-zinc-200 dark:bg-white/30 start-0 ms-4"></div>
326
327            <a href="/contrat-de-travail/" class="h-10 lg:h-8 relative flex items-center gap-3 rounded-lg  py-0 text-start w-full px-3 my-px text-zinc-500 dark:text-white/80 data-current:text-(--color-accent-content) hover:data-current:text-(--color-accent-content) data-current:bg-zinc-800/[4%] dark:data-current:bg-white/[7%] hover:text-zinc-800 dark:hover:text-white hover:bg-zinc-800/[4%] dark:hover:bg-white/[7%]" data-flux-navlist-item="data-flux-navlist-item">
328        <div class="relative">
329                            <svg class="shrink-0 [:where(&amp;)]:size-6 size-4!" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
330  <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3"/>
331</svg>
332
333                    
334                    </div>
335    
336            <div class="flex-1 text-sm font-medium leading-none whitespace-nowrap [[data-nav-footer]_&]:hidden [[data-nav-sidebar]_[data-nav-footer]_&]:block" data-content>Voir tout « Contrat de travail »</div>
337    </a>
338                        <a href="/contrat-de-travail/cdd-interim-contrats-specifiques/" class="h-10 lg:h-8 relative flex items-center gap-3 rounded-lg  py-0 text-start w-full px-3 my-px text-zinc-500 dark:text-white/80 data-current:text-(--color-accent-content) hover:data-current:text-(--color-accent-content) data-current:bg-zinc-800/[4%] dark:data-current:bg-white/[7%] hover:text-zinc-800 dark:hover:text-white hover:bg-zinc-800/[4%] dark:hover:bg-white/[7%]" data-flux-navlist-item="data-flux-navlist-item">
339        <div class="flex-1 text-sm font-medium leading-none whitespace-nowrap [[data-nav-footer]_&]:hidden [[data-nav-sidebar]_[data-nav-footer]_&]:block" data-content>CDD, intérim et contrats</div>
340    </a>
341                        <a href="/contrat-de-travail/execution-contrat-travail/" class="h-10 lg:h-8 relative flex items-center gap-3 rounded-lg  py-0 text-start w-full px-3 my-px text-zinc-500 dark:text-white/80 data-current:text-(--color-accent-content) hover:data-current:text-(--color-accent-content) data-current:bg-zinc-800/[4%] dark:data-current:bg-white/[7%] hover:text-zinc-800 dark:hover:text-white hover:bg-zinc-800/[4%] dark:hover:bg-white/[7%]" data-flux-navlist-item="data-flux-navlist-item">
342        <div class="flex-1 text-sm font-medium leading-none whitespace-nowrap [[data-nav-footer]_&]:hidden [[data-nav-sidebar]_[data-nav-footer]_&]:block" data-content>Exécution du contrat</div>
343    </a>
344                        <a href="/contrat-de-travail/modification-contrat-travail/" class="h-10 lg:h-8 relative flex items-center gap-3 rounded-lg  py-0 text-start w-full px-3 my-px text-zinc-500 dark:text-white/80 data-current:text-(--color-accent-content) hover:data-current:text-(--color-accent-content) data-current:bg-zinc-800/[4%] dark:data-current:bg-white/[7%] hover:text-zinc-800 dark:hover:text-white hover:bg-zinc-800/[4%] dark:hover:bg-white/[7%]" data-flux-navlist-item="data-flux-navlist-item">
345        <div class="flex-1 text-sm font-medium leading-none whitespace-nowrap [[data-nav-footer]_&]:hidden [[data-nav-sidebar]_[data-nav-footer]_&]:block" data-content>Modification du contrat</div>
346    </a>
347                        <a href="/contrat-de-travail/redaction-contrat-travail/" class="h-10 lg:h-8 relative flex items-center gap-3 rounded-lg  py-0 text-start w-full px-3 my-px text-zinc-500 dark:text-white/80 data-current:text-(--color-accent-content) hover:data-current:text-(--color-accent-content) data-current:bg-zinc-800/[4%] dark:data-current:bg-white/[7%] hover:text-zinc-800 dark:hover:text-white hover:bg-zinc-800/[4%] dark:hover:bg-white/[7%]" data-flux-navlist-item="data-flux-navlist-item">
348        <div class="flex-1 text-sm font-medium leading-none whitespace-nowrap [[data-nav-footer]_&]:hidden [[data-nav-sidebar]_[data-nav-footer]_&]:block" data-content>Rédiger un contrat</div>
349    </a>
350        </div>
351    </ui-disclosure>
352                <ui-disclosure class="group/disclosure" data-flux-navlist-group>
353        <button type="button" class="w-full h-10 lg:h-8 flex items-center group/disclosure-button mb-[2px] rounded-lg hover:bg-zinc-800/5 dark:hover:bg-white/[7%] text-zinc-500 hover:text-zinc-800 dark:text-white/80 dark:hover:text-white">
354            <div class="ps-3 pe-4">
355                <svg class="shrink-0 [:where(&amp;)]:size-6 size-3! hidden group-data-open/disclosure-button:block" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
356  <path stroke-linecap="round" stroke-linejoin="round" d="m19.5 8.25-7.5 7.5-7.5-7.5"/>
357</svg>
358
359                        <svg class="shrink-0 [:where(&amp;)]:size-6 size-3! block group-data-open/disclosure-button:hidden rtl:rotate-180" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
360  <path stroke-linecap="round" stroke-linejoin="round" d="m8.25 4.5 7.5 7.5-7.5 7.5"/>
361</svg>
362
363                    </div>
364
365            <span class="text-sm font-medium leading-none">Recrutement &amp; Embauche</span>
366        </button>
367
368        <div class="relative hidden data-open:block space-y-[2px] ps-7">
369            <div class="absolute inset-y-[3px] w-px bg-zinc-200 dark:bg-white/30 start-0 ms-4"></div>
370
371            <a href="/recrutement-embauche/" class="h-10 lg:h-8 relative flex items-center gap-3 rounded-lg  py-0 text-start w-full px-3 my-px text-zinc-500 dark:text-white/80 data-current:text-(--color-accent-content) hover:data-current:text-(--color-accent-content) data-current:bg-zinc-800/[4%] dark:data-current:bg-white/[7%] hover:text-zinc-800 dark:hover:text-white hover:bg-zinc-800/[4%] dark:hover:bg-white/[7%]" data-flux-navlist-item="data-flux-navlist-item">
372        <div class="relative">
373                            <svg class="shrink-0 [:where(&amp;)]:size-6 size-4!" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
374  <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3"/>
375</svg>
376
377                    
378                    </div>
379    
380            <div class="flex-1 text-sm font-medium leading-none whitespace-nowrap [[data-nav-footer]_&]:hidden [[data-nav-sidebar]_[data-nav-footer]_&]:block" data-content>Voir tout « Recrutement &amp; Embauche »</div>
381    </a>
382                        <a href="/recrutement-embauche/aides-embauche-contrats-aides/" class="h-10 lg:h-8 relative flex items-center gap-3 rounded-lg  py-0 text-start w-full px-3 my-px text-zinc-500 dark:text-white/80 data-current:text-(--color-accent-content) hover:data-current:text-(--color-accent-content) data-current:bg-zinc-800/[4%] dark:data-current:bg-white/[7%] hover:text-zinc-800 dark:hover:text-white hover:bg-zinc-800/[4%] dark:hover:bg-white/[7%]" data-flux-navlist-item="data-flux-navlist-item">
383        <div class="flex-1 text-sm font-medium leading-none whitespace-nowrap [[data-nav-footer]_&]:hidden [[data-nav-sidebar]_[data-nav-footer]_&]:block" data-content>Aides à l&#039;embauche</div>
384    </a>
385                        <a href="/recrutement-embauche/pret-main-oeuvre-mise-disposition/" class="h-10 lg:h-8 relative flex items-center gap-3 rounded-lg  py-0 text-start w-full px-3 my-px text-zinc-500 dark:text-white/80 data-current:text-(--color-accent-content) hover:data-current:text-(--color-accent-content) data-current:bg-zinc-800/[4%] dark:data-current:bg-white/[7%] hover:text-zinc-800 dark:hover:text-white hover:bg-zinc-800/[4%] dark:hover:bg-white/[7%]" data-flux-navlist-item="data-flux-navlist-item">
386        <div class="flex-1 text-sm font-medium leading-none whitespace-nowrap [[data-nav-footer]_&]:hidden [[data-nav-sidebar]_[data-nav-footer]_&]:block" data-content>Prêt de main d&#039;œuvre</div>
387    </a>
388                        <a href="/recrutement-embauche/periode-essai/" class="h-10 lg:h-8 relative flex items-center gap-3 rounded-lg  py-0 text-start w-full px-3 my-px text-zinc-500 dark:text-white/80 data-current:text-(--color-accent-content) hover:data-current:text-(--color-accent-content) data-current:bg-zinc-800/[4%] dark:data-current:bg-white/[7%] hover:text-zinc-800 dark:hover:text-white hover:bg-zinc-800/[4%] dark:hover:bg-white/[7%]" data-flux-navlist-item="data-flux-navlist-item">
389        <div class="flex-1 text-sm font-medium leading-none whitespace-nowrap [[data-nav-footer]_&]:hidden [[data-nav-sidebar]_[data-nav-footer]_&]:block" data-content>Période d&#039;essai</div>
390    </a>
391                        <a href="/recrutement-embauche/recrutement-formalites-embauche/" class="h-10 lg:h-8 relative flex items-center gap-3 rounded-lg  py-0 text-start w-full px-3 my-px text-zinc-500 dark:text-white/80 data-current:text-(--color-accent-content) hover:data-current:text-(--color-accent-content) data-current:bg-zinc-800/[4%] dark:data-current:bg-white/[7%] hover:text-zinc-800 dark:hover:text-white hover:bg-zinc-800/[4%] dark:hover:bg-white/[7%]" data-flux-navlist-item="data-flux-navlist-item">
392        <div class="flex-1 text-sm font-medium leading-none whitespace-nowrap [[data-nav-footer]_&]:hidden [[data-nav-sidebar]_[data-nav-footer]_&]:block" data-content>Recruter et formalités</div>
393    </a>
394        </div>
395    </ui-disclosure>
396                <ui-disclosure class="group/disclosure" data-flux-navlist-group>
397        <button type="button" class="w-full h-10 lg:h-8 flex items-center group/disclosure-button mb-[2px] rounded-lg hover:bg-zinc-800/5 dark:hover:bg-white/[7%] text-zinc-500 hover:text-zinc-800 dark:text-white/80 dark:hover:text-white">
398            <div class="ps-3 pe-4">
399                <svg class="shrink-0 [:where(&amp;)]:size-6 size-3! hidden group-data-open/disclosure-button:block" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
400  <path stroke-linecap="round" stroke-linejoin="round" d="m19.5 8.25-7.5 7.5-7.5-7.5"/>
401</svg>
402
403                        <svg class="shrink-0 [:where(&amp;)]:size-6 size-3! block group-data-open/disclosure-button:hidden rtl:rotate-180" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
404  <path stroke-linecap="round" stroke-linejoin="round" d="m8.25 4.5 7.5 7.5-7.5 7.5"/>
405</svg>
406
407                    </div>
408
409            <span class="text-sm font-medium leading-none">Paie, rémunération &amp; avantages</span>
410        </button>
411
412        <div class="relative hidden data-open:block space-y-[2px] ps-7">
413            <div class="absolute inset-y-[3px] w-px bg-zinc-200 dark:bg-white/30 start-0 ms-4"></div>
414
415            <a href="/paie-remuneration/" class="h-10 lg:h-8 relative flex items-center gap-3 rounded-lg  py-0 text-start w-full px-3 my-px text-zinc-500 dark:text-white/80 data-current:text-(--color-accent-content) hover:data-current:text-(--color-accent-content) data-current:bg-zinc-800/[4%] dark:data-current:bg-white/[7%] hover:text-zinc-800 dark:hover:text-white hover:bg-zinc-800/[4%] dark:hover:bg-white/[7%]" data-flux-navlist-item="data-flux-navlist-item">
416        <div class="relative">
417                            <svg class="shrink-0 [:where(&amp;)]:size-6 size-4!" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
418  <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3"/>
419</svg>
420
421                    
422                    </div>
423    
424            <div class="flex-1 text-sm font-medium leading-none whitespace-nowrap [[data-nav-footer]_&]:hidden [[data-nav-sidebar]_[data-nav-footer]_&]:block" data-content>Voir tout « Paie, rémunération &amp; avantages »</div>
425    </a>
426                        <a href="/paie-remuneration/avantages-epargne-salariale-partage-valeur/" class="h-10 lg:h-8 relative flex items-center gap-3 rounded-lg  py-0 text-start w-full px-3 my-px text-zinc-500 dark:text-white/80 data-current:text-(--color-accent-content) hover:data-current:text-(--color-accent-content) data-current:bg-zinc-800/[4%] dark:data-current:bg-white/[7%] hover:text-zinc-800 dark:hover:text-white hover:bg-zinc-800/[4%] dark:hover:bg-white/[7%]" data-flux-navlist-item="data-flux-navlist-item">
427        <div class="flex-1 text-sm font-medium leading-none whitespace-nowrap [[data-nav-footer]_&]:hidden [[data-nav-sidebar]_[data-nav-footer]_&]:block" data-content>Avantages et épargne salariale</div>
428    </a>
429                        <a href="/paie-remuneration/bulletin-paie-salaire/" class="h-10 lg:h-8 relative flex items-center gap-3 rounded-lg  py-0 text-start w-full px-3 my-px text-zinc-500 dark:text-white/80 data-current:text-(--color-accent-content) hover:data-current:text-(--color-accent-content) data-current:bg-zinc-800/[4%] dark:data-current:bg-white/[7%] hover:text-zinc-800 dark:hover:text-white hover:bg-zinc-800/[4%] dark:hover:bg-white/[7%]" data-flux-navlist-item="data-flux-navlist-item">
430        <div class="flex-1 text-sm font-medium leading-none whitespace-nowrap [[data-nav-footer]_&]:hidden [[data-nav-sidebar]_[data-nav-footer]_&]:block" data-content>Bulletin de paie &amp; salaire</div>
431    </a>
432                        <a href="/paie-remuneration/cotisations-exonerations-allegements/" class="h-10 lg:h-8 relative flex items-center gap-3 rounded-lg  py-0 text-start w-full px-3 my-px text-zinc-500 dark:text-white/80 data-current:text-(--color-accent-content) hover:data-current:text-(--color-accent-content) data-current:bg-zinc-800/[4%] dark:data-current:bg-white/[7%] hover:text-zinc-800 dark:hover:text-white hover:bg-zinc-800/[4%] dark:hover:bg-white/[7%]" data-flux-navlist-item="data-flux-navlist-item">
433        <div class="flex-1 text-sm font-medium leading-none whitespace-nowrap [[data-nav-footer]_&]:hidden [[data-nav-sidebar]_[data-nav-footer]_&]:block" data-content>Cotisations et exonérations</div>
434    </a>
435                        <a href="/paie-remuneration/dsn-declarations-sociales/" class="h-10 lg:h-8 relative flex items-center gap-3 rounded-lg  py-0 text-start w-full px-3 my-px text-zinc-500 dark:text-white/80 data-current:text-(--color-accent-content) hover:data-current:text-(--color-accent-content) data-current:bg-zinc-800/[4%] dark:data-current:bg-white/[7%] hover:text-zinc-800 dark:hover:text-white hover:bg-zinc-800/[4%] dark:hover:bg-white/[7%]" data-flux-navlist-item="data-flux-navlist-item">
436        <div class="flex-1 text-sm font-medium leading-none whitespace-nowrap [[data-nav-footer]_&]:hidden [[data-nav-sidebar]_[data-nav-footer]_&]:block" data-content>DSN et déclarations</div>
437    </a>
438                        <a href="/paie-remuneration/organisation-paie-cas-particuliers/" class="h-10 lg:h-8 relative flex items-center gap-3 rounded-lg  py-0 text-start w-full px-3 my-px text-zinc-500 dark:text-white/80 data-current:text-(--color-accent-content) hover:data-current:text-(--color-accent-content) data-current:bg-zinc-800/[4%] dark:data-current:bg-white/[7%] hover:text-zinc-800 dark:hover:text-white hover:bg-zinc-800/[4%] dark:hover:bg-white/[7%]" data-flux-navlist-item="data-flux-navlist-item">
439        <div class="flex-1 text-sm font-medium leading-none whitespace-nowrap [[data-nav-footer]_&]:hidden [[data-nav-sidebar]_[data-nav-footer]_&]:block" data-content>Organisation de la paie</div>
440    </a>
441                        <a href="/paie-remuneration/prelevement-source-fiscalite-paie/" class="h-10 lg:h-8 relative flex items-center gap-3 rounded-lg  py-0 text-start w-full px-3 my-px text-zinc-500 dark:text-white/80 data-current:text-(--color-accent-content) hover:data-current:text-(--color-accent-content) data-current:bg-zinc-800/[4%] dark:data-current:bg-white/[7%] hover:text-zinc-800 dark:hover:text-white hover:bg-zinc-800/[4%] dark:hover:bg-white/[7%]" data-flux-navlist-item="data-flux-navlist-item">
442        <div class="flex-1 text-sm font-medium leading-none whitespace-nowrap [[data-nav-footer]_&]:hidden [[data-nav-sidebar]_[data-nav-footer]_&]:block" data-content>Prélèvement à la source</div>
443    </a>
444        </div>
445    </ui-disclosure>
446                <ui-disclosure class="group/disclosure" data-flux-navlist-group>
447        <button type="button" class="w-full h-10 lg:h-8 flex items-center group/disclosure-button mb-[2px] rounded-lg hover:bg-zinc-800/5 dark:hover:bg-white/[7%] text-zinc-500 hover:text-zinc-800 dark:text-white/80 dark:hover:text-white">
448            <div class="ps-3 pe-4">
449                <svg class="shrink-0 [:where(&amp;)]:size-6 size-3! hidden group-data-open/disclosure-button:block" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
450  <path stroke-linecap="round" stroke-linejoin="round" d="m19.5 8.25-7.5 7.5-7.5-7.5"/>
451</svg>
452
453                        <svg class="shrink-0 [:where(&amp;)]:size-6 size-3! block group-data-open/disclosure-button:hidden rtl:rotate-180" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
454  <path stroke-linecap="round" stroke-linejoin="round" d="m8.25 4.5 7.5 7.5-7.5 7.5"/>
455</svg>
456
457                    </div>
458
459            <span class="text-sm font-medium leading-none">Temps de travail et congés</span>
460        </button>
461
462        <div class="relative hidden data-open:block space-y-[2px] ps-7">
463            <div class="absolute inset-y-[3px] w-px bg-zinc-200 dark:bg-white/30 start-0 ms-4"></div>
464
465            <a href="/temps-travail-conges-absences/" class="h-10 lg:h-8 relative flex items-center gap-3 rounded-lg  py-0 text-start w-full px-3 my-px text-zinc-500 dark:text-white/80 data-current:text-(--color-accent-content) hover:data-current:text-(--color-accent-content) data-current:bg-zinc-800/[4%] dark:data-current:bg-white/[7%] hover:text-zinc-800 dark:hover:text-white hover:bg-zinc-800/[4%] dark:hover:bg-white/[7%]" data-flux-navlist-item="data-flux-navlist-item">
466        <div class="relative">
467                            <svg class="shrink-0 [:where(&amp;)]:size-6 size-4!" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
468  <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3"/>
469</svg>
470
471                    
472                    </div>
473    
474            <div class="flex-1 text-sm font-medium leading-none whitespace-nowrap [[data-nav-footer]_&]:hidden [[data-nav-sidebar]_[data-nav-footer]_&]:block" data-content>Voir tout « Temps de travail et congés »</div>
475    </a>
476                        <a href="/temps-travail-conges-absences/activite-partielle/" class="h-10 lg:h-8 relative flex items-center gap-3 rounded-lg  py-0 text-start w-full px-3 my-px text-zinc-500 dark:text-white/80 data-current:text-(--color-accent-content) hover:data-current:text-(--color-accent-content) data-current:bg-zinc-800/[4%] dark:data-current:bg-white/[7%] hover:text-zinc-800 dark:hover:text-white hover:bg-zinc-800/[4%] dark:hover:bg-white/[7%]" data-flux-navlist-item="data-flux-navlist-item">
477        <div class="flex-1 text-sm font-medium leading-none whitespace-nowrap [[data-nav-footer]_&]:hidden [[data-nav-sidebar]_[data-nav-footer]_&]:block" data-content>Activité partielle</div>
478    </a>
479                        <a href="/temps-travail-conges-absences/conges-payes/" class="h-10 lg:h-8 relative flex items-center gap-3 rounded-lg  py-0 text-start w-full px-3 my-px text-zinc-500 dark:text-white/80 data-current:text-(--color-accent-content) hover:data-current:text-(--color-accent-content) data-current:bg-zinc-800/[4%] dark:data-current:bg-white/[7%] hover:text-zinc-800 dark:hover:text-white hover:bg-zinc-800/[4%] dark:hover:bg-white/[7%]" data-flux-navlist-item="data-flux-navlist-item">
480        <div class="flex-1 text-sm font-medium leading-none whitespace-nowrap [[data-nav-footer]_&]:hidden [[data-nav-sidebar]_[data-nav-footer]_&]:block" data-content>Congés payés</div>
481    </a>
482                        <a href="/temps-travail-conges-absences/conges-speciaux-familiaux/" class="h-10 lg:h-8 relative flex items-center gap-3 rounded-lg  py-0 text-start w-full px-3 my-px text-zinc-500 dark:text-white/80 data-current:text-(--color-accent-content) hover:data-current:text-(--color-accent-content) data-current:bg-zinc-800/[4%] dark:data-current:bg-white/[7%] hover:text-zinc-800 dark:hover:text-white hover:bg-zinc-800/[4%] dark:hover:bg-white/[7%]" data-flux-navlist-item="data-flux-navlist-item">
483        <div class="flex-1 text-sm font-medium leading-none whitespace-nowrap [[data-nav-footer]_&]:hidden [[data-nav-sidebar]_[data-nav-footer]_&]:block" data-content>Congés spéciaux et familiaux</div>
484    </a>
485                        <a href="/temps-travail-conges-absences/duree-travail-heures-supplementaires/" class="h-10 lg:h-8 relative flex items-center gap-3 rounded-lg  py-0 text-start w-full px-3 my-px text-zinc-500 dark:text-white/80 data-current:text-(--color-accent-content) hover:data-current:text-(--color-accent-content) data-current:bg-zinc-800/[4%] dark:data-current:bg-white/[7%] hover:text-zinc-800 dark:hover:text-white hover:bg-zinc-800/[4%] dark:hover:bg-white/[7%]" data-flux-navlist-item="data-flux-navlist-item">
486        <div class="flex-1 text-sm font-medium leading-none whitespace-nowrap [[data-nav-footer]_&]:hidden [[data-nav-sidebar]_[data-nav-footer]_&]:block" data-content>Durée du travail et heures sup</div>
487    </a>
488                        <a href="/temps-travail-conges-absences/maladie-absences/" class="h-10 lg:h-8 relative flex items-center gap-3 rounded-lg  py-0 text-start w-full px-3 my-px text-zinc-500 dark:text-white/80 data-current:text-(--color-accent-content) hover:data-current:text-(--color-accent-content) data-current:bg-zinc-800/[4%] dark:data-current:bg-white/[7%] hover:text-zinc-800 dark:hover:text-white hover:bg-zinc-800/[4%] dark:hover:bg-white/[7%]" data-flux-navlist-item="data-flux-navlist-item">
489        <div class="flex-1 text-sm font-medium leading-none whitespace-nowrap [[data-nav-footer]_&]:hidden [[data-nav-sidebar]_[data-nav-footer]_&]:block" data-content>Maladie &amp; absences</div>
490    </a>
491                        <a href="/temps-travail-conges-absences/maternite-paternite-parentalite/" class="h-10 lg:h-8 relative flex items-center gap-3 rounded-lg  py-0 text-start w-full px-3 my-px text-zinc-500 dark:text-white/80 data-current:text-(--color-accent-content) hover:data-current:text-(--color-accent-content) data-current:bg-zinc-800/[4%] dark:data-current:bg-white/[7%] hover:text-zinc-800 dark:hover:text-white hover:bg-zinc-800/[4%] dark:hover:bg-white/[7%]" data-flux-navlist-item="data-flux-navlist-item">
492        <div class="flex-1 text-sm font-medium leading-none whitespace-nowrap [[data-nav-footer]_&]:hidden [[data-nav-sidebar]_[data-nav-footer]_&]:block" data-content>Maternité paternité parentalité</div>
493    </a>
494        </div>
495    </ui-disclosure>
496                <ui-disclosure class="group/disclosure" data-flux-navlist-group>
497        <button type="button" class="w-full h-10 lg:h-8 flex items-center group/disclosure-button mb-[2px] rounded-lg hover:bg-zinc-800/5 dark:hover:bg-white/[7%] text-zinc-500 hover:text-zinc-800 dark:text-white/80 dark:hover:text-white">
498            <div class="ps-3 pe-4">
499                <svg class="shrink-0 [:where(&amp;)]:size-6 size-3! hidden group-data-open/disclosure-button:block" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
500  <path stroke-linecap="round" stroke-linejoin="round" d="m19.5 8.25-7.5 7.5-7.5-7.5"/>
501</svg>
502
503                        <svg class="shrink-0 [:where(&amp;)]:size-6 size-3! block group-data-open/disclosure-button:hidden rtl:rotate-180" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
504  <path stroke-linecap="round" stroke-linejoin="round" d="m8.25 4.5 7.5 7.5-7.5 7.5"/>
505</svg>
506
507                    </div>
508
509            <span class="text-sm font-medium leading-none">Santé, sécurité &amp; qualité de vie au travail</span>
510        </button>
511
512        <div class="relative hidden data-open:block space-y-[2px] ps-7">
513            <div class="absolute inset-y-[3px] w-px bg-zinc-200 dark:bg-white/30 start-0 ms-4"></div>
514
515            <a href="/sante-securite-qvct/" class="h-10 lg:h-8 relative flex items-center gap-3 rounded-lg  py-0 text-start w-full px-3 my-px text-zinc-500 dark:text-white/80 data-current:text-(--color-accent-content) hover:data-current:text-(--color-accent-content) data-current:bg-zinc-800/[4%] dark:data-current:bg-white/[7%] hover:text-zinc-800 dark:hover:text-white hover:bg-zinc-800/[4%] dark:hover:bg-white/[7%]" data-flux-navlist-item="data-flux-navlist-item">
516        <div class="relative">
517                            <svg class="shrink-0 [:where(&amp;)]:size-6 size-4!" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
518  <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3"/>
519</svg>
520
521                    
522                    </div>
523    
524            <div class="flex-1 text-sm font-medium leading-none whitespace-nowrap [[data-nav-footer]_&]:hidden [[data-nav-sidebar]_[data-nav-footer]_&]:block" data-content>Voir tout « Santé, sécurité &amp; qualité de vie au travail »</div>
525    </a>
526                        <a href="/sante-securite-qvct/crise-sanitaire-epidemies/" class="h-10 lg:h-8 relative flex items-center gap-3 rounded-lg  py-0 text-start w-full px-3 my-px text-zinc-500 dark:text-white/80 data-current:text-(--color-accent-content) hover:data-current:text-(--color-accent-content) data-current:bg-zinc-800/[4%] dark:data-current:bg-white/[7%] hover:text-zinc-800 dark:hover:text-white hover:bg-zinc-800/[4%] dark:hover:bg-white/[7%]" data-flux-navlist-item="data-flux-navlist-item">
527        <div class="flex-1 text-sm font-medium leading-none whitespace-nowrap [[data-nav-footer]_&]:hidden [[data-nav-sidebar]_[data-nav-footer]_&]:block" data-content>Crise sanitaire</div>
528    </a>
529                        <a href="/sante-securite-qvct/harcelement-comportements-risque/" class="h-10 lg:h-8 relative flex items-center gap-3 rounded-lg  py-0 text-start w-full px-3 my-px text-zinc-500 dark:text-white/80 data-current:text-(--color-accent-content) hover:data-current:text-(--color-accent-content) data-current:bg-zinc-800/[4%] dark:data-current:bg-white/[7%] hover:text-zinc-800 dark:hover:text-white hover:bg-zinc-800/[4%] dark:hover:bg-white/[7%]" data-flux-navlist-item="data-flux-navlist-item">
530        <div class="flex-1 text-sm font-medium leading-none whitespace-nowrap [[data-nav-footer]_&]:hidden [[data-nav-sidebar]_[data-nav-footer]_&]:block" data-content>Harcèlement et risques</div>
531    </a>
532                        <a href="/sante-securite-qvct/accident-travail-maladie-professionnelle/" class="h-10 lg:h-8 relative flex items-center gap-3 rounded-lg  py-0 text-start w-full px-3 my-px text-zinc-500 dark:text-white/80 data-current:text-(--color-accent-content) hover:data-current:text-(--color-accent-content) data-current:bg-zinc-800/[4%] dark:data-current:bg-white/[7%] hover:text-zinc-800 dark:hover:text-white hover:bg-zinc-800/[4%] dark:hover:bg-white/[7%]" data-flux-navlist-item="data-flux-navlist-item">
533        <div class="flex-1 text-sm font-medium leading-none whitespace-nowrap [[data-nav-footer]_&]:hidden [[data-nav-sidebar]_[data-nav-footer]_&]:block" data-content>Maladie pro &amp; AT</div>
534    </a>
535                        <a href="/sante-securite-qvct/prevention-evaluation-risques/" class="h-10 lg:h-8 relative flex items-center gap-3 rounded-lg  py-0 text-start w-full px-3 my-px text-zinc-500 dark:text-white/80 data-current:text-(--color-accent-content) hover:data-current:text-(--color-accent-content) data-current:bg-zinc-800/[4%] dark:data-current:bg-white/[7%] hover:text-zinc-800 dark:hover:text-white hover:bg-zinc-800/[4%] dark:hover:bg-white/[7%]" data-flux-navlist-item="data-flux-navlist-item">
536        <div class="flex-1 text-sm font-medium leading-none whitespace-nowrap [[data-nav-footer]_&]:hidden [[data-nav-sidebar]_[data-nav-footer]_&]:block" data-content>Prévention &amp; évaluation</div>
537    </a>
538                        <a href="/sante-securite-qvct/prevoyance-frais-sante/" class="h-10 lg:h-8 relative flex items-center gap-3 rounded-lg  py-0 text-start w-full px-3 my-px text-zinc-500 dark:text-white/80 data-current:text-(--color-accent-content) hover:data-current:text-(--color-accent-content) data-current:bg-zinc-800/[4%] dark:data-current:bg-white/[7%] hover:text-zinc-800 dark:hover:text-white hover:bg-zinc-800/[4%] dark:hover:bg-white/[7%]" data-flux-navlist-item="data-flux-navlist-item">
539        <div class="flex-1 text-sm font-medium leading-none whitespace-nowrap [[data-nav-footer]_&]:hidden [[data-nav-sidebar]_[data-nav-footer]_&]:block" data-content>Prévoyance &amp; frais de santé</div>
540    </a>
541                        <a href="/sante-securite-qvct/qvct-rse/" class="h-10 lg:h-8 relative flex items-center gap-3 rounded-lg  py-0 text-start w-full px-3 my-px text-zinc-500 dark:text-white/80 data-current:text-(--color-accent-content) hover:data-current:text-(--color-accent-content) data-current:bg-zinc-800/[4%] dark:data-current:bg-white/[7%] hover:text-zinc-800 dark:hover:text-white hover:bg-zinc-800/[4%] dark:hover:bg-white/[7%]" data-flux-navlist-item="data-flux-navlist-item">
542        <div class="flex-1 text-sm font-medium leading-none whitespace-nowrap [[data-nav-footer]_&]:hidden [[data-nav-sidebar]_[data-nav-footer]_&]:block" data-content>QVCT &amp; RSE</div>
543    </a>
544        </div>
545    </ui-disclosure>
546                <ui-disclosure class="group/disclosure" data-flux-navlist-group>
547        <button type="button" class="w-full h-10 lg:h-8 flex items-center group/disclosure-button mb-[2px] rounded-lg hover:bg-zinc-800/5 dark:hover:bg-white/[7%] text-zinc-500 hover:text-zinc-800 dark:text-white/80 dark:hover:text-white">
548            <div class="ps-3 pe-4">
549                <svg class="shrink-0 [:where(&amp;)]:size-6 size-3! hidden group-data-open/disclosure-button:block" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
550  <path stroke-linecap="round" stroke-linejoin="round" d="m19.5 8.25-7.5 7.5-7.5-7.5"/>
551</svg>
552
553                        <svg class="shrink-0 [:where(&amp;)]:size-6 size-3! block group-data-open/disclosure-button:hidden rtl:rotate-180" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
554  <path stroke-linecap="round" stroke-linejoin="round" d="m8.25 4.5 7.5 7.5-7.5 7.5"/>
555</svg>
556
557                    </div>
558
559            <span class="text-sm font-medium leading-none">Dialogue social</span>
560        </button>
561
562        <div class="relative hidden data-open:block space-y-[2px] ps-7">
563            <div class="absolute inset-y-[3px] w-px bg-zinc-200 dark:bg-white/30 start-0 ms-4"></div>
564
565            <a href="/dialogue-social/" class="h-10 lg:h-8 relative flex items-center gap-3 rounded-lg  py-0 text-start w-full px-3 my-px text-zinc-500 dark:text-white/80 data-current:text-(--color-accent-content) hover:data-current:text-(--color-accent-content) data-current:bg-zinc-800/[4%] dark:data-current:bg-white/[7%] hover:text-zinc-800 dark:hover:text-white hover:bg-zinc-800/[4%] dark:hover:bg-white/[7%]" data-flux-navlist-item="data-flux-navlist-item">
566        <div class="relative">
567                            <svg class="shrink-0 [:where(&amp;)]:size-6 size-4!" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
568  <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3"/>
569</svg>
570
571                    
572                    </div>
573    
574            <div class="flex-1 text-sm font-medium leading-none whitespace-nowrap [[data-nav-footer]_&]:hidden [[data-nav-sidebar]_[data-nav-footer]_&]:block" data-content>Voir tout « Dialogue social »</div>
575    </a>
576                        <a href="/dialogue-social/cse-fonctionnement-moyens-budgets/" class="h-10 lg:h-8 relative flex items-center gap-3 rounded-lg  py-0 text-start w-full px-3 my-px text-zinc-500 dark:text-white/80 data-current:text-(--color-accent-content) hover:data-current:text-(--color-accent-content) data-current:bg-zinc-800/[4%] dark:data-current:bg-white/[7%] hover:text-zinc-800 dark:hover:text-white hover:bg-zinc-800/[4%] dark:hover:bg-white/[7%]" data-flux-navlist-item="data-flux-navlist-item">
577        <div class="flex-1 text-sm font-medium leading-none whitespace-nowrap [[data-nav-footer]_&]:hidden [[data-nav-sidebar]_[data-nav-footer]_&]:block" data-content>CSE : fonctionnement, budgets</div>
578    </a>
579                        <a href="/dialogue-social/cse-mise-place-elections/" class="h-10 lg:h-8 relative flex items-center gap-3 rounded-lg  py-0 text-start w-full px-3 my-px text-zinc-500 dark:text-white/80 data-current:text-(--color-accent-content) hover:data-current:text-(--color-accent-content) data-current:bg-zinc-800/[4%] dark:data-current:bg-white/[7%] hover:text-zinc-800 dark:hover:text-white hover:bg-zinc-800/[4%] dark:hover:bg-white/[7%]" data-flux-navlist-item="data-flux-navlist-item">
580        <div class="flex-1 text-sm font-medium leading-none whitespace-nowrap [[data-nav-footer]_&]:hidden [[data-nav-sidebar]_[data-nav-footer]_&]:block" data-content>CSE : mise en place et élections</div>
581    </a>
582                        <a href="/dialogue-social/greve-conflits-collectifs/" class="h-10 lg:h-8 relative flex items-center gap-3 rounded-lg  py-0 text-start w-full px-3 my-px text-zinc-500 dark:text-white/80 data-current:text-(--color-accent-content) hover:data-current:text-(--color-accent-content) data-current:bg-zinc-800/[4%] dark:data-current:bg-white/[7%] hover:text-zinc-800 dark:hover:text-white hover:bg-zinc-800/[4%] dark:hover:bg-white/[7%]" data-flux-navlist-item="data-flux-navlist-item">
583        <div class="flex-1 text-sm font-medium leading-none whitespace-nowrap [[data-nav-footer]_&]:hidden [[data-nav-sidebar]_[data-nav-footer]_&]:block" data-content>Grève et conflits collectifs</div>
584    </a>
585                        <a href="/dialogue-social/negociation-accords-collectifs/" class="h-10 lg:h-8 relative flex items-center gap-3 rounded-lg  py-0 text-start w-full px-3 my-px text-zinc-500 dark:text-white/80 data-current:text-(--color-accent-content) hover:data-current:text-(--color-accent-content) data-current:bg-zinc-800/[4%] dark:data-current:bg-white/[7%] hover:text-zinc-800 dark:hover:text-white hover:bg-zinc-800/[4%] dark:hover:bg-white/[7%]" data-flux-navlist-item="data-flux-navlist-item">
586        <div class="flex-1 text-sm font-medium leading-none whitespace-nowrap [[data-nav-footer]_&]:hidden [[data-nav-sidebar]_[data-nav-footer]_&]:block" data-content>Négociation &amp; accords collectifs</div>
587    </a>
588                        <a href="/dialogue-social/representants-personnel-droits-obligations/" class="h-10 lg:h-8 relative flex items-center gap-3 rounded-lg  py-0 text-start w-full px-3 my-px text-zinc-500 dark:text-white/80 data-current:text-(--color-accent-content) hover:data-current:text-(--color-accent-content) data-current:bg-zinc-800/[4%] dark:data-current:bg-white/[7%] hover:text-zinc-800 dark:hover:text-white hover:bg-zinc-800/[4%] dark:hover:bg-white/[7%]" data-flux-navlist-item="data-flux-navlist-item">
589        <div class="flex-1 text-sm font-medium leading-none whitespace-nowrap [[data-nav-footer]_&]:hidden [[data-nav-sidebar]_[data-nav-footer]_&]:block" data-content>Représentants du personnel</div>
590    </a>
591        </div>
592    </ui-disclosure>
593                <ui-disclosure class="group/disclosure" data-flux-navlist-group>
594        <button type="button" class="w-full h-10 lg:h-8 flex items-center group/disclosure-button mb-[2px] rounded-lg hover:bg-zinc-800/5 dark:hover:bg-white/[7%] text-zinc-500 hover:text-zinc-800 dark:text-white/80 dark:hover:text-white">
595            <div class="ps-3 pe-4">
596                <svg class="shrink-0 [:where(&amp;)]:size-6 size-3! hidden group-data-open/disclosure-button:block" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
597  <path stroke-linecap="round" stroke-linejoin="round" d="m19.5 8.25-7.5 7.5-7.5-7.5"/>
598</svg>
599
600                        <svg class="shrink-0 [:where(&amp;)]:size-6 size-3! block group-data-open/disclosure-button:hidden rtl:rotate-180" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
601  <path stroke-linecap="round" stroke-linejoin="round" d="m8.25 4.5 7.5 7.5-7.5 7.5"/>
602</svg>
603
604                    </div>
605
606            <span class="text-sm font-medium leading-none">Pilotage RH</span>
607        </button>
608
609        <div class="relative hidden data-open:block space-y-[2px] ps-7">
610            <div class="absolute inset-y-[3px] w-px bg-zinc-200 dark:bg-white/30 start-0 ms-4"></div>
611
612            <a href="/pilotage-rh/" class="h-10 lg:h-8 relative flex items-center gap-3 rounded-lg  py-0 text-start w-full px-3 my-px text-zinc-500 dark:text-white/80 data-current:text-(--color-accent-content) hover:data-current:text-(--color-accent-content) data-current:bg-zinc-800/[4%] dark:data-current:bg-white/[7%] hover:text-zinc-800 dark:hover:text-white hover:bg-zinc-800/[4%] dark:hover:bg-white/[7%]" data-flux-navlist-item="data-flux-navlist-item">
613        <div class="relative">
614                            <svg class="shrink-0 [:where(&amp;)]:size-6 size-4!" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
615  <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3"/>
616</svg>
617
618                    
619                    </div>
620    
621            <div class="flex-1 text-sm font-medium leading-none whitespace-nowrap [[data-nav-footer]_&]:hidden [[data-nav-sidebar]_[data-nav-footer]_&]:block" data-content>Voir tout « Pilotage RH »</div>
622    </a>
623                        <a href="/pilotage-rh/controles-contentieux/" class="h-10 lg:h-8 relative flex items-center gap-3 rounded-lg  py-0 text-start w-full px-3 my-px text-zinc-500 dark:text-white/80 data-current:text-(--color-accent-content) hover:data-current:text-(--color-accent-content) data-current:bg-zinc-800/[4%] dark:data-current:bg-white/[7%] hover:text-zinc-800 dark:hover:text-white hover:bg-zinc-800/[4%] dark:hover:bg-white/[7%]" data-flux-navlist-item="data-flux-navlist-item">
624        <div class="flex-1 text-sm font-medium leading-none whitespace-nowrap [[data-nav-footer]_&]:hidden [[data-nav-sidebar]_[data-nav-footer]_&]:block" data-content>Contrôles &amp; contentieux</div>
625    </a>
626                        <a href="/pilotage-rh/formation-entretiens-professionnels/" class="h-10 lg:h-8 relative flex items-center gap-3 rounded-lg  py-0 text-start w-full px-3 my-px text-zinc-500 dark:text-white/80 data-current:text-(--color-accent-content) hover:data-current:text-(--color-accent-content) data-current:bg-zinc-800/[4%] dark:data-current:bg-white/[7%] hover:text-zinc-800 dark:hover:text-white hover:bg-zinc-800/[4%] dark:hover:bg-white/[7%]" data-flux-navlist-item="data-flux-navlist-item">
627        <div class="flex-1 text-sm font-medium leading-none whitespace-nowrap [[data-nav-footer]_&]:hidden [[data-nav-sidebar]_[data-nav-footer]_&]:block" data-content>Formation &amp; entretiens</div>
628    </a>
629                        <a href="/pilotage-rh/rgpd-surveillance-lanceurs-alerte/" class="h-10 lg:h-8 relative flex items-center gap-3 rounded-lg  py-0 text-start w-full px-3 my-px text-zinc-500 dark:text-white/80 data-current:text-(--color-accent-content) hover:data-current:text-(--color-accent-content) data-current:bg-zinc-800/[4%] dark:data-current:bg-white/[7%] hover:text-zinc-800 dark:hover:text-white hover:bg-zinc-800/[4%] dark:hover:bg-white/[7%]" data-flux-navlist-item="data-flux-navlist-item">
630        <div class="flex-1 text-sm font-medium leading-none whitespace-nowrap [[data-nav-footer]_&]:hidden [[data-nav-sidebar]_[data-nav-footer]_&]:block" data-content>RGPD, surveillance &amp; lanceurs</div>
631    </a>
632                        <a href="/pilotage-rh/reglement-interieur-discipline-sanctions/" class="h-10 lg:h-8 relative flex items-center gap-3 rounded-lg  py-0 text-start w-full px-3 my-px text-zinc-500 dark:text-white/80 data-current:text-(--color-accent-content) hover:data-current:text-(--color-accent-content) data-current:bg-zinc-800/[4%] dark:data-current:bg-white/[7%] hover:text-zinc-800 dark:hover:text-white hover:bg-zinc-800/[4%] dark:hover:bg-white/[7%]" data-flux-navlist-item="data-flux-navlist-item">
633        <div class="flex-1 text-sm font-medium leading-none whitespace-nowrap [[data-nav-footer]_&]:hidden [[data-nav-sidebar]_[data-nav-footer]_&]:block" data-content>Règlement intérieur</div>
634    </a>
635                        <a href="/pilotage-rh/egalite-professionnelle-affic
635hages-obligatoires/" class="h-10 lg:h-8 relative flex items-center gap-3 rounded-lg  py-0 text-start w-full px-3 my-px text-zinc-500 dark:text-white/80 data-current:text-(--color-accent-content) hover:data-current:text-(--color-accent-content) data-current:bg-zinc-800/[4%] dark:data-current:bg-white/[7%] hover:text-zinc-800 dark:hover:text-white hover:bg-zinc-800/[4%] dark:hover:bg-white/[7%]" data-flux-navlist-item="data-flux-navlist-item">
636        <div class="flex-1 text-sm font-medium leading-none whitespace-nowrap [[data-nav-footer]_&]:hidden [[data-nav-sidebar]_[data-nav-footer]_&]:block" data-content>Égalité professionnelle</div>
637    </a>
638        </div>
639    </ui-disclosure>
640                <ui-disclosure class="group/disclosure" data-flux-navlist-group>
641        <button type="button" class="w-full h-10 lg:h-8 flex items-center group/disclosure-button mb-[2px] rounded-lg hover:bg-zinc-800/5 dark:hover:bg-white/[7%] text-zinc-500 hover:text-zinc-800 dark:text-white/80 dark:hover:text-white">
642            <div class="ps-3 pe-4">
643                <svg class="shrink-0 [:where(&amp;)]:size-6 size-3! hidden group-data-open/disclosure-button:block" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
644  <path stroke-linecap="round" stroke-linejoin="round" d="m19.5 8.25-7.5 7.5-7.5-7.5"/>
645</svg>
646
647                        <svg class="shrink-0 [:where(&amp;)]:size-6 size-3! block group-data-open/disclosure-button:hidden rtl:rotate-180" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
648  <path stroke-linecap="round" stroke-linejoin="round" d="m8.25 4.5 7.5 7.5-7.5 7.5"/>
649</svg>
650
651                    </div>
652
653            <span class="text-sm font-medium leading-none">Rupture du contrat</span>
654        </button>
655
656        <div class="relative hidden data-open:block space-y-[2px] ps-7">
657            <div class="absolute inset-y-[3px] w-px bg-zinc-200 dark:bg-white/30 start-0 ms-4"></div>
658
659            <a href="/rupture-contrat/" class="h-10 lg:h-8 relative flex items-center gap-3 rounded-lg  py-0 text-start w-full px-3 my-px text-zinc-500 dark:text-white/80 data-current:text-(--color-accent-content) hover:data-current:text-(--color-accent-content) data-current:bg-zinc-800/[4%] dark:data-current:bg-white/[7%] hover:text-zinc-800 dark:hover:text-white hover:bg-zinc-800/[4%] dark:hover:bg-white/[7%]" data-flux-navlist-item="data-flux-navlist-item">
660        <div class="relative">
661                            <svg class="shrink-0 [:where(&amp;)]:size-6 size-4!" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
662  <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3"/>
663</svg>
664
665                    
666                    </div>
667    
668            <div class="flex-1 text-sm font-medium leading-none whitespace-nowrap [[data-nav-footer]_&]:hidden [[data-nav-sidebar]_[data-nav-footer]_&]:block" data-content>Voir tout « Rupture du contrat »</div>
669    </a>
670                        <a href="/rupture-contrat/demission/" class="h-10 lg:h-8 relative flex items-center gap-3 rounded-lg  py-0 text-start w-full px-3 my-px text-zinc-500 dark:text-white/80 data-current:text-(--color-accent-content) hover:data-current:text-(--color-accent-content) data-current:bg-zinc-800/[4%] dark:data-current:bg-white/[7%] hover:text-zinc-800 dark:hover:text-white hover:bg-zinc-800/[4%] dark:hover:bg-white/[7%]" data-flux-navlist-item="data-flux-navlist-item">
671        <div class="flex-1 text-sm font-medium leading-none whitespace-nowrap [[data-nav-footer]_&]:hidden [[data-nav-sidebar]_[data-nav-footer]_&]:block" data-content>Démission</div>
672    </a>
673                        <a href="/rupture-contrat/depart-mise-retraite/" class="h-10 lg:h-8 relative flex items-center gap-3 rounded-lg  py-0 text-start w-full px-3 my-px text-zinc-500 dark:text-white/80 data-current:text-(--color-accent-content) hover:data-current:text-(--color-accent-content) data-current:bg-zinc-800/[4%] dark:data-current:bg-white/[7%] hover:text-zinc-800 dark:hover:text-white hover:bg-zinc-800/[4%] dark:hover:bg-white/[7%]" data-flux-navlist-item="data-flux-navlist-item">
674        <div class="flex-1 text-sm font-medium leading-none whitespace-nowrap [[data-nav-footer]_&]:hidden [[data-nav-sidebar]_[data-nav-footer]_&]:block" data-content>Départ et mise à la retraite</div>
675    </a>
676                        <a href="/rupture-contrat/fin-cdd-rupture-periode-essai/" class="h-10 lg:h-8 relative flex items-center gap-3 rounded-lg  py-0 text-start w-full px-3 my-px text-zinc-500 dark:text-white/80 data-current:text-(--color-accent-content) hover:data-current:text-(--color-accent-content) data-current:bg-zinc-800/[4%] dark:data-current:bg-white/[7%] hover:text-zinc-800 dark:hover:text-white hover:bg-zinc-800/[4%] dark:hover:bg-white/[7%]" data-flux-navlist-item="data-flux-navlist-item">
677        <div class="flex-1 text-sm font-medium leading-none whitespace-nowrap [[data-nav-footer]_&]:hidden [[data-nav-sidebar]_[data-nav-footer]_&]:block" data-content>Fin CDD &amp; rupture</div>
678    </a>
679                        <a href="/rupture-contrat/indemnites-documents-fin-contrat/" class="h-10 lg:h-8 relative flex items-center gap-3 rounded-lg  py-0 text-start w-full px-3 my-px text-zinc-500 dark:text-white/80 data-current:text-(--color-accent-content) hover:data-current:text-(--color-accent-content) data-current:bg-zinc-800/[4%] dark:data-current:bg-white/[7%] hover:text-zinc-800 dark:hover:text-white hover:bg-zinc-800/[4%] dark:hover:bg-white/[7%]" data-flux-navlist-item="data-flux-navlist-item">
680        <div class="flex-1 text-sm font-medium leading-none whitespace-nowrap [[data-nav-footer]_&]:hidden [[data-nav-sidebar]_[data-nav-footer]_&]:block" data-content>Indemnités et documents</div>
681    </a>
682                        <a href="/rupture-contrat/licenciement/" class="h-10 lg:h-8 relative flex items-center gap-3 rounded-lg  py-0 text-start w-full px-3 my-px text-zinc-500 dark:text-white/80 data-current:text-(--color-accent-content) hover:data-current:text-(--color-accent-content) data-current:bg-zinc-800/[4%] dark:data-current:bg-white/[7%] hover:text-zinc-800 dark:hover:text-white hover:bg-zinc-800/[4%] dark:hover:bg-white/[7%]" data-flux-navlist-item="data-flux-navlist-item">
683        <div class="flex-1 text-sm font-medium leading-none whitespace-nowrap [[data-nav-footer]_&]:hidden [[data-nav-sidebar]_[data-nav-footer]_&]:block" data-content>Licenciement</div>
684    </a>
685                        <a href="/rupture-contrat/rupture-conventionnelle/" class="h-10 lg:h-8 relative flex items-center gap-3 rounded-lg  py-0 text-start w-full px-3 my-px text-zinc-500 dark:text-white/80 data-current:text-(--color-accent-content) hover:data-current:text-(--color-accent-content) data-current:bg-zinc-800/[4%] dark:data-current:bg-white/[7%] hover:text-zinc-800 dark:hover:text-white hover:bg-zinc-800/[4%] dark:hover:bg-white/[7%]" data-flux-navlist-item="data-flux-navlist-item">
686        <div class="flex-1 text-sm font-medium leading-none whitespace-nowrap [[data-nav-footer]_&]:hidden [[data-nav-sidebar]_[data-nav-footer]_&]:block" data-content>Rupture conventionnelle</div>
687    </a>
688        </div>
689    </ui-disclosure>
690</nav>
691    
692        <section aria-labelledby="veille-mobile-latest">
693        <strong id="veille-mobile-latest" class="text-zinc-900">Derniers contenus</strong>
694        <div class="mt-2 divide-y divide-zinc-200">
695                        <a href="https://www.legisocial.fr/actualites-sociales/8152-chomage-intemperies-btp-sont-parametres-campagne-2026-2027.html" class="group block py-3 first:pt-2">
696                <span class="flex items-center gap-2 text-xs text-zinc-400">
697                    <div data-flux-badge="data-flux-badge" class="inline-flex items-center font-medium whitespace-nowrap  [print-color-adjust:exact] text-xs py-1 **:data-flux-badge-icon:size-3 **:data-flux-badge-icon:me-1 rounded-md px-2 text-zinc-700 [&amp;_button]:text-zinc-700! dark:text-zinc-200 dark:[&amp;_button]:text-zinc-200! bg-zinc-400/15 dark:bg-zinc-400/40 [&amp;:is(button)]:hover:bg-zinc-400/25 dark:[button]:hover:bg-zinc-400/50 badge-format">
698        <svg class="shrink-0 [:where(&amp;)]:size-6 size-4" data-flux-badge-icon="data-flux-badge-icon" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
699  <path stroke-linecap="round" stroke-linejoin="round" d="M12 7.5h1.5m-1.5 3h1.5m-7.5 3h7.5m-7.5 3h7.5m3-9h3.375c.621 0 1.125.504 1.125 1.125V18a2.25 2.25 0 0 1-2.25 2.25M16.5 7.5V18a2.25 2.25 0 0 0 2.25 2.25M16.5 7.5V4.875c0-.621-.504-1.125-1.125-1.125H4.125C3.504 3.75 3 4.254 3 4.875V18a2.25 2.25 0 0 0 2.25 2.25h13.5M6 7.5h3v3H6v-3Z"/>
700</svg>
701
702            
703    Actualité
704    </div>
705                                        <span>25 sept.</span>
706                                    </span>
707                <span class="mt-1 block font-medium leading-snug text-zinc-800 group-hover:text-primary">
708                    Chômage intempéries dans le BTP : Quels sont les paramètres de la campagne 2026-2027 ?
709                </span>
710            </a>
711                        <a href="https://www.legisocial.fr/actualites-sociales/8120-heures-delegation-regles-essentielles-bonnes-pratiques-employeurs.html" class="group block py-3 first:pt-2">
712                <span class="flex items-center gap-2 text-xs text-zinc-400">
713                    <div data-flux-badge="data-flux-badge" class="inline-flex items-center font-medium whitespace-nowrap  [print-color-adjust:exact] text-xs py-1 **:data-flux-badge-icon:size-3 **:data-flux-badge-icon:me-1 rounded-md px-2 text-zinc-700 [&amp;_button]:text-zinc-700! dark:text-zinc-200 dark:[&amp;_button]:text-zinc-200! bg-zinc-400/15 dark:bg-zinc-400/40 [&amp;:is(button)]:hover:bg-zinc-400/25 dark:[button]:hover:bg-zinc-400/50 badge-format">
714        <svg class="shrink-0 [:where(&amp;)]:size-6 size-4" data-flux-badge-icon="data-flux-badge-icon" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
715  <path stroke-linecap="round" stroke-linejoin="round" d="M12 7.5h1.5m-1.5 3h1.5m-7.5 3h7.5m-7.5 3h7.5m3-9h3.375c.621 0 1.125.504 1.125 1.125V18a2.25 2.25 0 0 1-2.25 2.25M16.5 7.5V18a2.25 2.25 0 0 0 2.25 2.25M16.5 7.5V4.875c0-.621-.504-1.125-1.125-1.125H4.125C3.504 3.75 3 4.254 3 4.875V18a2.25 2.25 0 0 0 2.25 2.25h13.5M6 7.5h3v3H6v-3Z"/>
716</svg>
717
718            
719    Actualité
720    </div>
721                                        <span>25 sept.</span>
722                                    </span>
723                <span class="mt-1 block font-medium leading-snug text-zinc-800 group-hover:text-primary">
724                    Heures de délégation : règles essentielles et bonnes pratiques pour les employeurs
725                </span>
726            </a>
727                        <a href="https://www.legisocial.fr/actualites-sociales/8121-inaptitude-bons-reflexes-adopter.html" class="group block py-3 first:pt-2">
728                <span class="flex items-center gap-2 text-xs text-zinc-400">
729                    <div data-flux-badge="data-flux-badge" class="inline-flex items-center font-medium whitespace-nowrap  [print-color-adjust:exact] text-xs py-1 **:data-flux-badge-icon:size-3 **:data-flux-badge-icon:me-1 rounded-md px-2 text-zinc-700 [&amp;_button]:text-zinc-700! dark:text-zinc-200 dark:[&amp;_button]:text-zinc-200! bg-zinc-400/15 dark:bg-zinc-400/40 [&amp;:is(button)]:hover:bg-zinc-400/25 dark:[button]:hover:bg-zinc-400/50 badge-format">
730        <svg class="shrink-0 [:where(&amp;)]:size-6 size-4" data-flux-badge-icon="data-flux-badge-icon" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
731  <path stroke-linecap="round" stroke-linejoin="round" d="M12 7.5h1.5m-1.5 3h1.5m-7.5 3h7.5m-7.5 3h7.5m3-9h3.375c.621 0 1.125.504 1.125 1.125V18a2.25 2.25 0 0 1-2.25 2.25M16.5 7.5V18a2.25 2.25 0 0 0 2.25 2.25M16.5 7.5V4.875c0-.621-.504-1.125-1.125-1.125H4.125C3.504 3.75 3 4.254 3 4.875V18a2.25 2.25 0 0 0 2.25 2.25h13.5M6 7.5h3v3H6v-3Z"/>
732</svg>
733
734            
735    Actualité
736    </div>
737                                        <span>25 sept.</span>
738                                    </span>
739                <span class="mt-1 block font-medium leading-snug text-zinc-800 group-hover:text-primary">
740                    Inaptitude : les bons réflexes à adopter
741                </span>
742            </a>
743                        <a href="https://www.legisocial.fr/jurisprudences-sociales/1691-rupture-conventionnelle-accord-entreprise-fixer-montant-minimum-indemnite.html" class="group block py-3 first:pt-2">
744                <span class="flex items-center gap-2 text-xs text-zinc-400">
745                    <div data-flux-badge="data-flux-badge" class="inline-flex items-center font-medium whitespace-nowrap  [print-color-adjust:exact] text-xs py-1 **:data-flux-badge-icon:size-3 **:data-flux-badge-icon:me-1 rounded-md px-2 text-zinc-700 [&amp;_button]:text-zinc-700! dark:text-zinc-200 dark:[&amp;_button]:text-zinc-200! bg-zinc-400/15 dark:bg-zinc-400/40 [&amp;:is(button)]:hover:bg-zinc-400/25 dark:[button]:hover:bg-zinc-400/50 badge-format">
746        <svg class="shrink-0 [:where(&amp;)]:size-6 size-4" data-flux-badge-icon="data-flux-badge-icon" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
747  <path stroke-linecap="round" stroke-linejoin="round" d="M12 3v17.25m0 0c-1.472 0-2.882.265-4.185.75M12 20.25c1.472 0 2.882.265 4.185.75M18.75 4.97A48.416 48.416 0 0 0 12 4.5c-2.291 0-4.545.16-6.75.47m13.5 0c1.01.143 2.01.317 3 .52m-3-.52 2.62 10.726c.122.499-.106 1.028-.589 1.202a5.988 5.988 0 0 1-2.031.352 5.988 5.988 0 0 1-2.031-.352c-.483-.174-.711-.703-.59-1.202L18.75 4.971Zm-16.5.52c.99-.203 1.99-.377 3-.52m0 0 2.62 10.726c.122.499-.106 1.028-.589 1.202a5.989 5.989 0 0 1-2.031.352 5.989 5.989 0 0 1-2.031-.352c-.483-.174-.711-.703-.59-1.202L5.25 4.971Z"/>
748</svg>
749
750            
751    Jurisprudence
752    </div>
753                                        <span>25 sept.</span>
754                                    </span>
755                <span class="mt-1 block font-medium leading-snug text-zinc-800 group-hover:text-primary">
756                    Rupture conventionnelle : l’accord d’entreprise peut fixer le montant minimum de l’indemnité
757                </span>
758            </a>
759                        <a href="https://www.legisocial.fr/la-matinale/2026-09-25.html#b-11536" class="group block py-3 first:pt-2">
760                <span class="flex items-center gap-2 text-xs text-zinc-400">
761                    <div data-flux-badge="data-flux-badge" class="inline-flex items-center font-medium whitespace-nowrap  [print-color-adjust:exact] text-xs py-1 **:data-flux-badge-icon:size-3 **:data-flux-badge-icon:me-1 rounded-md px-2 text-zinc-700 [&amp;_button]:text-zinc-700! dark:text-zinc-200 dark:[&amp;_button]:text-zinc-200! bg-zinc-400/15 dark:bg-zinc-400/40 [&amp;:is(button)]:hover:bg-zinc-400/25 dark:[button]:hover:bg-zinc-400/50 badge-format">
762        <svg class="shrink-0 [:where(&amp;)]:size-6 size-4" data-flux-badge-icon="data-flux-badge-icon" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
763  <path stroke-linecap="round" stroke-linejoin="round" d="M21.75 9v.906a2.25 2.25 0 0 1-1.183 1.981l-6.478 3.488M2.25 9v.906a2.25 2.25 0 0 0 1.183 1.981l6.478 3.488m8.839 2.51-4.66-2.51m0 0-1.023-.55a2.25 2.25 0 0 0-2.134 0l-1.022.55m0 0-4.661 2.51m16.5 1.615a2.25 2.25 0 0 1-2.25 2.25h-15a2.25 2.25 0 0 1-2.25-2.25V8.844a2.25 2.25 0 0 1 1.183-1.981l7.5-4.039a2.25 2.25 0 0 1 2.134 0l7.5 4.039a2.25 2.25 0 0 1 1.183 1.98V19.5Z"/>
764</svg>
765
766            
767    Brève
768    </div>
769                                        <span>25 sept.</span>
770                                    </span>
771                <span class="mt-1 block font-medium leading-snug text-zinc-800 group-hover:text-primary">
772                    Contributions conventionnelles au 1er janvier 2027
773                </span>
774            </a>
775                    </div>
776    </section>
777    
778    <section aria-labelledby="veille-mobile-types">
779        
780        <strong id="veille-mobile-types" class="text-zinc-900">Types de contenus</strong>
781        <nav class="flex flex-col overflow-visible min-h-auto mt-2 grid grid-cols-2 gap-1" data-flux-navlist>
782    <a href="https://www.legisocial.fr/la-matinale/" class="h-10 lg:h-8 relative flex items-center gap-3 rounded-lg  py-0 text-start w-full px-3 my-px text-zinc-500 dark:text-white/80 data-current:text-(--color-accent-content) hover:data-current:text-(--color-accent-content) data-current:bg-zinc-800/[4%] dark:data-current:bg-white/[7%] hover:text-zinc-800 dark:hover:text-white hover:bg-zinc-800/[4%] dark:hover:bg-white/[7%]" data-flux-navlist-item="data-flux-navlist-item">
783        <div class="relative">
784                            <svg class="shrink-0 [:where(&amp;)]:size-6 size-4!" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
785  <path stroke-linecap="round" stroke-linejoin="round" d="M21.75 9v.906a2.25 2.25 0 0 1-1.183 1.981l-6.478 3.488M2.25 9v.906a2.25 2.25 0 0 0 1.183 1.981l6.478 3.488m8.839 2.51-4.66-2.51m0 0-1.023-.55a2.25 2.25 0 0 0-2.134 0l-1.022.55m0 0-4.661 2.51m16.5 1.615a2.25 2.25 0 0 1-2.25 2.25h-15a2.25 2.25 0 0 1-2.25-2.25V8.844a2.25 2.25 0 0 1 1.183-1.981l7.5-4.039a2.25 2.25 0 0 1 2.134 0l7.5 4.039a2.25 2.25 0 0 1 1.183 1.98V19.5Z"/>
786</svg>
787
788                    
789                    </div>
790    
791            <div class="flex-1 text-sm font-medium leading-none whitespace-nowrap [[data-nav-footer]_&]:hidden [[data-nav-sidebar]_[data-nav-footer]_&]:block" data-content>Brèves</div>
792    </a>
793                        <a href="https://www.legisocial.fr/actualites-sociales/" class="h-10 lg:h-8 relative flex items-center gap-3 rounded-lg  py-0 text-start w-full px-3 my-px text-zinc-500 dark:text-white/80 data-current:text-(--color-accent-content) hover:data-current:text-(--color-accent-content) data-current:bg-zinc-800/[4%] dark:data-current:bg-white/[7%] hover:text-zinc-800 dark:hover:text-white hover:bg-zinc-800/[4%] dark:hover:bg-white/[7%]" data-flux-navlist-item="data-flux-navlist-item">
794        <div class="relative">
795                            <svg class="shrink-0 [:where(&amp;)]:size-6 size-4!" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
796  <path stroke-linecap="round" stroke-linejoin="round" d="M12 7.5h1.5m-1.5 3h1.5m-7.5 3h7.5m-7.5 3h7.5m3-9h3.375c.621 0 1.125.504 1.125 1.125V18a2.25 2.25 0 0 1-2.25 2.25M16.5 7.5V18a2.25 2.25 0 0 0 2.25 2.25M16.5 7.5V4.875c0-.621-.504-1.125-1.125-1.125H4.125C3.504 3.75 3 4.254 3 4.875V18a2.25 2.25 0 0 0 2.25 2.25h13.5M6 7.5h3v3H6v-3Z"/>
797</svg>
798
799                    
800                    </div>
801    
802            <div class="flex-1 text-sm font-medium leading-none whitespace-nowrap [[data-nav-footer]_&]:hidden [[data-nav-sidebar]_[data-nav-footer]_&]:block" data-content>Actualités</div>
803    </a>
804                        <a href="https://www.legisocial.fr/jurisprudences-sociales/" class="h-10 lg:h-8 relative flex items-center gap-3 rounded-lg  py-0 text-start w-full px-3 my-px text-zinc-500 dark:text-white/80 data-current:text-(--color-accent-content) hover:data-current:text-(--color-accent-content) data-current:bg-zinc-800/[4%] dark:data-current:bg-white/[7%] hover:text-zinc-800 dark:hover:text-white hover:bg-zinc-800/[4%] dark:hover:bg-white/[7%]" data-flux-navlist-item="data-flux-navlist-item">
805        <div class="relative">
806                            <svg class="shrink-0 [:where(&amp;)]:size-6 size-4!" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
807  <path stroke-linecap="round" stroke-linejoin="round" d="M12 3v17.25m0 0c-1.472 0-2.882.265-4.185.75M12 20.25c1.472 0 2.882.265 4.185.75M18.75 4.97A48.416 48.416 0 0 0 12 4.5c-2.291 0-4.545.16-6.75.47m13.5 0c1.01.143 2.01.317 3 .52m-3-.52 2.62 10.726c.122.499-.106 1.028-.589 1.202a5.988 5.988 0 0 1-2.031.352 5.988 5.988 0 0 1-2.031-.352c-.483-.174-.711-.703-.59
807-1.202L18.75 4.971Zm-16.5.52c.99-.203 1.99-.377 3-.52m0 0 2.62 10.726c.122.499-.106 1.028-.589 1.202a5.989 5.989 0 0 1-2.031.352 5.989 5.989 0 0 1-2.031-.352c-.483-.174-.711-.703-.59-1.202L5.25 4.971Z"/>
808</svg>
809
810                    
811                    </div>
812    
813            <div class="flex-1 text-sm font-medium leading-none whitespace-nowrap [[data-nav-footer]_&]:hidden [[data-nav-sidebar]_[data-nav-footer]_&]:block" data-content>Jurisprudences</div>
814    </a>
815                        <a href="https://www.legisocial.fr/webinaires/" class="h-10 lg:h-8 relative flex items-center gap-3 rounded-lg  py-0 text-start w-full px-3 my-px text-zinc-500 dark:text-white/80 data-current:text-(--color-accent-content) hover:data-current:text-(--color-accent-content) data-current:bg-zinc-800/[4%] dark:data-current:bg-white/[7%] hover:text-zinc-800 dark:hover:text-white hover:bg-zinc-800/[4%] dark:hover:bg-white/[7%]" data-flux-navlist-item="data-flux-navlist-item">
816        <div class="relative">
817                            <svg class="shrink-0 [:where(&amp;)]:size-6 size-4!" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
818  <path stroke-linecap="round" stroke-linejoin="round" d="m15.75 10.5 4.72-4.72a.75.75 0 0 1 1.28.53v11.38a.75.75 0 0 1-1.28.53l-4.72-4.72M4.5 18.75h9a2.25 2.25 0 0 0 2.25-2.25v-9a2.25 2.25 0 0 0-2.25-2.25h-9A2.25 2.25 0 0 0 2.25 7.5v9a2.25 2.25 0 0 0 2.25 2.25Z"/>
819</svg>
820
821                    
822                    </div>
823    
824            <div class="flex-1 text-sm font-medium leading-none whitespace-nowrap [[data-nav-footer]_&]:hidden [[data-nav-sidebar]_[data-nav-footer]_&]:block" data-content>Webinaires</div>
825    </a>
826                        <a href="https://www.legisocial.fr/formations-rh-paie/" class="h-10 lg:h-8 relative flex items-center gap-3 rounded-lg  py-0 text-start w-full px-3 my-px text-zinc-500 dark:text-white/80 data-current:text-(--color-accent-content) hover:data-current:text-(--color-accent-content) data-current:bg-zinc-800/[4%] dark:data-current:bg-white/[7%] hover:text-zinc-800 dark:hover:text-white hover:bg-zinc-800/[4%] dark:hover:bg-white/[7%]" data-flux-navlist-item="data-flux-navlist-item">
827        <div class="relative">
828                            <svg class="shrink-0 [:where(&amp;)]:size-6 size-4!" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
829  <path stroke-linecap="round" stroke-linejoin="round" d="M4.26 10.147a60.438 60.438 0 0 0-.491 6.347A48.62 48.62 0 0 1 12 20.904a48.62 48.62 0 0 1 8.232-4.41 60.46 60.46 0 0 0-.491-6.347m-15.482 0a50.636 50.636 0 0 0-2.658-.813A59.906 59.906 0 0 1 12 3.493a59.903 59.903 0 0 1 10.399 5.84c-.896.248-1.783.52-2.658.814m-15.482 0A50.717 50.717 0 0 1 12 13.489a50.702 50.702 0 0 1 7.74-3.342M6.75 15a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5Zm0 0v-3.675A55.378 55.378 0 0 1 12 8.443m-7.007 11.55A5.981 5.981 0 0 0 6.75 15.75v-1.5"/>
830</svg>
831
832                    
833                    </div>
834    
835            <div class="flex-1 text-sm font-medium leading-none whitespace-nowrap [[data-nav-footer]_&]:hidden [[data-nav-sidebar]_[data-nav-footer]_&]:block" data-content>Formations</div>
836    </a>
837                        <a href="https://www.legisocial.fr/newsletters/" class="h-10 lg:h-8 relative flex items-center gap-3 rounded-lg  py-0 text-start w-full px-3 my-px text-zinc-500 dark:text-white/80 data-current:text-(--color-accent-content) hover:data-current:text-(--color-accent-content) data-current:bg-zinc-800/[4%] dark:data-current:bg-white/[7%] hover:text-zinc-800 dark:hover:text-white hover:bg-zinc-800/[4%] dark:hover:bg-white/[7%]" data-flux-navlist-item="data-flux-navlist-item">
838        <div class="relative">
839                            <svg class="shrink-0 [:where(&amp;)]:size-6 size-4!" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
840  <path stroke-linecap="round" stroke-linejoin="round" d="M21.75 6.75v10.5a2.25 2.25 0 0 1-2.25 2.25h-15a2.25 2.25 0 0 1-2.25-2.25V6.75m19.5 0A2.25 2.25 0 0 0 19.5 4.5h-15a2.25 2.25 0 0 0-2.25 2.25m19.5 0v.243a2.25 2.25 0 0 1-1.07 1.916l-7.5 4.615a2.25 2.25 0 0 1-2.36 0L3.32 8.91a2.25 2.25 0 0 1-1.07-1.916V6.75"/>
841</svg>
842
843                    
844                    </div>
845    
846            <div class="flex-1 text-sm font-medium leading-none whitespace-nowrap [[data-nav-footer]_&]:hidden [[data-nav-sidebar]_[data-nav-footer]_&]:block" data-content>Newsletters</div>
847    </a>
848                        <a href="https://www.legisocial.fr/livres-blancs/" class="h-10 lg:h-8 relative flex items-center gap-3 rounded-lg  py-0 text-start w-full px-3 my-px text-zinc-500 dark:text-white/80 data-current:text-(--color-accent-content) hover:data-current:text-(--color-accent-content) data-current:bg-zinc-800/[4%] dark:data-current:bg-white/[7%] hover:text-zinc-800 dark:hover:text-white hover:bg-zinc-800/[4%] dark:hover:bg-white/[7%]" data-flux-navlist-item="data-flux-navlist-item">
849        <div class="relative">
850                            <svg class="shrink-0 [:where(&amp;)]:size-6 size-4!" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
851  <path stroke-linecap="round" stroke-linejoin="round" d="M12 6.042A8.967 8.967 0 0 0 6 3.75c-1.052 0-2.062.18-3 .512v14.25A8.987 8.987 0 0 1 6 18c2.305 0 4.408.867 6 2.292m0-14.25a8.966 8.966 0 0 1 6-2.292c1.052 0 2.062.18 3 .512v14.25A8.987 8.987 0 0 0 18 18a8.967 8.967 0 0 0-6 2.292m0-14.25v14.25"/>
852</svg>
853
854                    
855                    </div>
856    
857            <div class="flex-1 text-sm font-medium leading-none whitespace-nowrap [[data-nav-footer]_&]:hidden [[data-nav-sidebar]_[data-nav-footer]_&]:block" data-content>Livres blancs</div>
858    </a>
859</nav>
860    </section>
861</div>
862                        </div>
863                    </li>
864                    <li class="border-t border-solid border-gray-200 lg:border-none">
865                        <a href="" data-submenu="outils" class="primary-item font-medium js-submenu flex items-center justify-between py-4 lg:py-0">
866                            <span>Ressources</span>
867                            <svg class="shrink-0 [:where(&amp;)]:size-6 size-3 text-gray-400 lg:ml-1" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
868  <path stroke-linecap="round" stroke-linejoin="round" d="m19.5 8.25-7.5 7.5-7.5-7.5"/>
869</svg>
870
871                                </a>
872                        <div class="lg:hidden pb-4 pl-4">
873                            <ul class="flex flex-col gap-2 text-sm text-gray-600">
874                                <li><a href="/outils-dossiers/" class="hover:text-blue-600">Outils métiers</a></li>
875                                <li><a href="https://www.legisocial.fr/modele-lettre/" class="hover:text-blue-600">Modèles de lettres</a></li>
876                                <li><a href="https://www.legisocial.fr/modele-contrat/" class="hover:text-blue-600">Modèles de contrats</a></li>
877                                <li><a href="https://www.legisocial.fr/modele-document/" class="hover:text-blue-600">Modèles de documents</a></li>
878                                <li><a href="https://www.legisocial.fr/modele-bulletin-paie/" class="hover:text-blue-600">Bulletins de paie</a></li>
879                                <li><a href="https://www.legisocial.fr/formulaire-cerfa/" class="hover:text-blue-600">Formulaires Cerfa</a></li>
880                                <li><a href="https://www.legisocial.fr/calculettes-gratuites/" class="hover:text-blue-600">Calculateurs</a></li>
881                            </ul>
882                        </div>
883                    </li>
884                    <li class="border-t border-solid border-gray-200 lg:border-none">
885                        <a href="" data-submenu="textes-lois" class="primary-item font-medium js-submenu flex items-center justify-between py-4 lg:py-0">
886                            <span>Textes et Lois</span>
887                            <svg class="shrink-0 [:where(&amp;)]:size-6 size-3 text-gray-400 lg:ml-1" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
888  <path stroke-linecap="round" stroke-linejoin="round" d="m19.5 8.25-7.5 7.5-7.5-7.5"/>
889</svg>
890
891                                </a>
892                        <div class="lg:hidden pb-4 pl-4">
893                            <ul class="flex flex-col gap-2 text-sm text-gray-600">
894                                <li><a href="https://www.legisocial.fr/conventions-collectives-nationales/" class="hover:text-blue-600">Conventions collectives</a></li>
895                                <li><a href="https://www.legisocial.fr/reperes-sociaux/" class="hover:text-blue-600">Chiffres & Taux</a></li>
896                                <li><a href="https://www.legisocial.fr/glossaire-sigles-social/" class="hover:text-blue-600">Glossaire</a></li>
897                            </ul>
898                        </div>
899                    </li>
900                    <li class="border-t border-solid border-gray-200 lg:border-none">
901                        <a href="https://www.legisocial.fr/services/" class="primary-item font-medium block hover:text-blue-600 py-4 lg:py-0">
902                            <span>Services</span>
903                        </a>
904                    </li>
905                    <li class="border-t border-solid border-gray-200 lg:border-none">
906                        <a href="https://www.legisocial.fr/tarifs/" class="primary-item font-medium block py-4 lg:py-0">
907                            <span>Tarifs</span>
908                        </a>
909                    </li>
910                    <li class="mobile-only-link border-t border-solid border-gray-200">
911                        <a href="https://www.legisocial.fr/moncompte/inscription/" class="primary-item font-medium flex items-center gap-2 py-4">
912                            <svg class="shrink-0 [:where(&amp;)]:size-6 size-5" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
913  <path stroke-linecap="round" stroke-linejoin="round" d="M18 7.5v3m0 0v3m0-3h3m-3 0h-3m-2.25-4.125a3.375 3.375 0 1 1-6.75 0 3.375 3.375 0 0 1 6.75 0ZM3 19.235v-.11a6.375 6.375 0 0 1 12.75 0v.109A12.318 12.318 0 0 1 9.374 21c-2.331 0-4.512-.645-6.374-1.766Z"/>
914</svg>
915
916                                    <span>Créer un compte gratuit</span>
917                        </a>
918                    </li>
919                    <li class="mobile-only-link border-t border-solid border-gray-200">
920                        <a href="https://www.legisocial.fr/moncompte/identification/" class="primary-item font-medium flex items-center gap-2 py-4">
921                            <svg class="shrink-0 [:where(&amp;)]:size-6 size-5" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
922  <path stroke-linecap="round" stroke-linejoin="round" d="M8.25 9V5.25A2.25 2.25 0 0 1 10.5 3h6a2.25 2.25 0 0 1 2.25 2.25v13.5A2.25 2.25 0 0 1 16.5 21h-6a2.25 2.25 0 0 1-2.25-2.25V15M12 9l3 3m0 0-3 3m3-3H2.25"/>
923</svg>
924
925                                    <span>Se connecter</span>
926                        </a>
927                    </li>
928                </ul>
929            </nav>
930        </div>
931
932        
933
934        <nav role="navigation" class="hidden xl:block relative z-100">
935            <ul class="flex items-start justify-end gap-6">
936                <li class="cursor-pointer relative">
937                    <a href="https://www.legisocial.fr/moncompte/identification/" class="text-sm">Connexion</a>
938                </li>
939                <li class="cursor-pointer relative">
940                    <a href="#" onclick="Calendly.initPopupWidget({url: 'https://calendly.com/d/ckxw-d34-r65/decouvrir-notre-plateforme-intelligence-artificielle?utm_source=legisocial&amp;utm_campaign=NAV'});return false;" class="btn px-3! btn-sm btn-primary-o">Demander une démo</a>
941                </li>
942            </ul>
943        </nav>
944
945        <button type="button" id="burger" class="burger-container lg:hidden" aria-label="Ouvrir le menu" aria-expanded="false" aria-controls="main-navigation">
946            <span class="burger cursor-pointer visible lg:invisible">
947                <span></span>
948            </span>
949        </button>
950    </div>
951    <div id="secondary" class="absolute mt-[11px] w-full z-50 bg-white shadow-lg text-sm">
952        <div id="secondary-veille" class="submenu-secondary" aria-label="Menu Veille">
953    <div class="max-h-[calc(100vh-6rem)] overflow-y-auto overscroll-contain bg-white text-zinc-700">
954        <div class="grid lg:grid-cols-[14rem_minmax(0,2.2fr)_minmax(16rem,1fr)]">
955            <aside class="bg-primary px-6 py-6 text-white" aria-labelledby="veille-types-heading">
956                
957                <p id="veille-types-heading" class="text-xs font-semibold uppercase tracking-[0.12em] text-white/60">Accès rapide</p>
958
959                <nav class="mt-4" aria-label="Types de contenus de veille">
960                    <ul class="space-y-1">
961                                                <li>
962                            <a href="https://www.legisocial.fr/la-matinale/" class="group flex items-center gap-3 rounded-lg px-2 py-2.5 text-white/90 hover:bg-white/10 hover:text-white">
963                                <svg class="shrink-0 [:where(&amp;)]:size-6 size-4.5 shrink-0 text-white/70 group-hover:text-white" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
964  <path stroke-linecap="round" stroke-linejoin="round" d="M21.75 9v.906a2.25 2.25 0 0 1-1.183 1.981l-6.478 3.488M2.25 9v.906a2.25 2.25 0 0 0 1.183 1.981l6.478 3.488m8.839 2.51-4.66-2.51m0 0-1.023-.55a2.25 2.25 0 0 0-2.134 0l-1.022.55m0 0-4.661 2.51m16.5 1.615a2.25 2.25 0 0 1-2.25 2.25h-15a2.25 2.25 0 0 1-2.25-2.25V8.844a2.25 2.25 0 0 1 1.183-1.981l7.5-4.039a2.25 2.25 0 0 1 2.134 0l7.5 4.039a2.25 2.25 0 0 1 1.183 1.98V19.5Z"/>
965</svg>
966
967                                        <span class="font-medium">Brèves</span>
968                            </a>
969                        </li>
970                                                <li>
971                            <a href="https://www.legisocial.fr/actualites-sociales/" class="group flex items-center gap-3 rounded-lg px-2 py-2.5 text-white/90 hover:bg-white/10 hover:text-white">
972                                <svg class="shrink-0 [:where(&amp;)]:size-6 size-4.5 shrink-0 text-white/70 group-hover:text-white" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
973  <path stroke-linecap="round" stroke-linejoin="round" d="M12 7.5h1.5m-1.5 3h1.5m-7.5 3h7.5m-7.5 3h7.5m3-9h3.375c.621 0 1.125.504 1.125 1.125V18a2.25 2.25 0 0 1-2.25 2.25M16.5 7.5V18a2.25 2.25 0 0 0 2.25 2.25M16.5 7.5V4.875c0-.621-.504-1.125-1.125-1.125H4.125C3.504 3.75 3 4.254 3 4.875V18a2.25 2.25 0 0 0 2.25 2.25h13.5M6 7.5h3v3H6v-3Z"/>
974</svg>
975
976                                        <span class="font-medium">Actualités</span>
977                            </a>
978                        </li>
979                                                <li>
980                            <a href="https://www.legisocial.fr/jurisprudences-sociales/" class="group flex items-center gap-3 rounded-lg px-2 py-2.5 text-white/90 hover:bg-white/10 hover:text-white">
981                                <svg class="shrink-0 [:where(&amp;)]:size-6 size-4.5 shrink-0 text-white/70 group-hover:text-white" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
982  <path stroke-linecap="round" stroke-linejoin="round" d="M12 3v17.25m0 0c-1.472 0-2.882.265-4.185.75M12 20.25c1.472 0 2.882.265 4.185.75M18.75 4.97A48.416 48.416 0 0 0 12 4.5c-2.291 0-4.545.16-6.75.47m13.5 0c1.01.143 2.01.317 3 .52m-3-.52 2.62 10.726c.122.499-.106 1.028-.589 1.202a5.988 5.988 0 0 1-2.031.352 5.988 5.988 0 0 1-2.031-.352c-.483-.174-.711-.703-.59-1.202L18.75 4.971Zm-16.5.52c.99-.203 1.99-.377 3-.52m0 0 2.62 10.726c.122.499-.106 1.028-.589 1.202a5.989 5.989 0 0 1-2.031.352 5.989 5.989 0 0 1-2.031-.352c-.483-.174-.711-.703-.59-1.202L5.25 4.971Z"/>
983</svg>
984
985                                        <span class="font-medium">Jurisprudences</span>
986                            </a>
987                        </li>
988                                                <li>
989                            <a href="https://www.legisocial.fr/webinaires/" class="group flex items-center gap-3 rounded-lg px-2 py-2.5 text-white/90 hover:bg-white/10 hover:text-white">
990                                <svg class="shrink-0 [:where(&amp;)]:size-6 size-4.5 shrink-0 text-white/70 group-hover:text-white" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
991  <path stroke-linecap="round" stroke-linejoin="round" d="m15.75 10.5 4.72-4.72a.75.75 0 0 1 1.28.53v11.38a.75.75 0 0 1-1.28.53l-4.72-4.72M4.5 18.75h9a2.25 2.25 0 0 0 2.25-2.25v-9a2.25 2.25 0 0 0-2.25-2.25h-9A2.25 2.25 0 0 0 2.25 7.5v9a2.25 2.25 0 0 0 2.25 2.25Z"/>
992</svg>
993
994                                        <span class="font-medium">Webinaires</span>
995                            </a>
996                        </li>
997                                                <li>
998                            <a href="https://www.legisocial.fr/formations-rh-paie/" class="group flex items-center gap-3 rounded-lg px-2 py-2.5 text-white/90 hover:bg-white/10 hover:text-white">
999                                <svg class="shrink-0 [:where(&amp;)]:size-6 size-4.5 shrink-0 text-white/70 group-hover:text-white" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
1000  <path stroke-linecap="round" stroke-linejoin="round" d="M4.26 10.147a60.438 60.438 0 0 0-.491 6.347A48.62 48.62 0 0 1 12 20.904a48.62 48.62 0 0 1 8.232-4.41 60.46 60.46 0 0 0-.491-6.347m-15.482 0a50.636 50.636 0 0 0-2.658-.813A59.906 59.906 0 0 1 12 3.493a59.903 59.903 0 0 1 10.399 5.84c-.896.248-1.783.52-2.658.814m-15.482 0A50.717 50.717 0 0 1 12 13.489a50.702 50.702 0 0 1 7.74-3.342M6.75 15a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5Zm0 0v-3.675A55.378 55.378 0 0 1 12 8.443m-7.007 11.55A5.981 5.981 0 0 0 6.75 15.75v-1.5"/>
1001</svg>
1002
1003                                        <span class="font-medium">Formations</span>
1004                            </a>
1005                        </li>
1006                                                <li>
1007                            <a href="https://www.legisocial.fr/newsletters/" class="group flex items-center gap-3 rounded-lg px-2 py-2.5 text-white/90 hover:bg-white/10 hover:text-white">
1008                                <svg class="shrink-0 [:where(&amp;)]:size-6 size-4.5 shrink-0 text-white/70 group-hover:text-white" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
1009  <path stroke-linecap="round" stroke-linejoin="round" d="M21.75 6.75v10.5a2.25 2.25 0 0 1-2.25 2.25h-15a2.25 2.25 0 0 1-2.25-2.25V6.75m19.5 0A2.25 2.25 0 0 0 19.5 4.5h-15a2.25 2.25 0 0 0-2.25 2.25m19.5 0v.243a2.25 2.25 0 0 1-1.07 1.916l-7.5 4.615a2.25 2.25 0 0 1-2.36 0L3.32 8.91a2.25 2.25 0 0 1-1.07-1.916V6.75"/>
1010</svg>
1011
1012                                        <span class="font-medium">Newsletters</span>
1013                            </a>
1014                        </li>
1015                                                <li>
1016                            <a href="https://www.legisocial.fr/livres-blancs/" class="group flex items-center gap-3 rounded-lg px-2 py-2.5 text-white/90 hover:bg-white/10 hover:text-white">
1017                                <svg class="shrink-0 [:where(&amp;)]:size-6 size-4.5 shrink-0 text-white/70 group-hover:text-white" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
1018  <path stroke-linecap="round" stroke-linejoin="round" d="M12 6.042A8.967 8.967 0 0 0 6 3.75c-1.052 0-2.062.18-3 .512v14.25A8.987 8.987 0 0 1 6 18c2.305 0 4.408.867 6 2.292m0-14.25a8.966 8.966 0 0 1 6-2.292c1.052 0 2.062.18 3 .512v14.25A8.987 8.987 0 0 0 18 18a8.967 8.967 0 0 0-6 2.292m0-14.25v14.25"/>
1019</svg>
1020
1021                                        <span class="font-medium">Livres blancs</span>
1022                            </a>
1023                        </li>
1024                                            </ul>
1025                </nav>
1026            </aside>
1027
1028            <section class="min-w-0 px-6 py-6 xl:px-8" aria-labelledby="veille-themes-heading">
1029                <div class="flex items-center justify-between gap-4">
1030                    <div>
1031                        <p id="veille-themes-heading" class="text-xs font-semibold uppercase tracking-[0.12em] text-zinc-400">Explorer</p>
1032                    </div>
1033                    <a href="https://www.legisocial.fr/infos-conseils/" data-flux-button="data-flux-button" class="relative items-center font-medium justify-center gap-2 whitespace-nowrap disabled:opacity-75 dark:disabled:opacity-75 disabled:cursor-default disabled:pointer-events-none justify-center h-8 text-sm rounded-md px-3 inline-flex  bg-transparent hover:bg-zinc-800/5 dark:hover:bg-white/15 text-zinc-800 dark:text-white">
1034        <span>Toute la veille</span>
1035        
1036        
1037                    
1038                        <svg class="shrink-0 [:where(&amp;)]:size-4" data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" data-slot="icon">
1039  <path fill-rule="evenodd" d="M2 8a.75.75 0 0 1 .75-.75h8.69L8.22 4.03a.75.75 0 0 1 1.06-1.06l4.5 4.5a.75.75 0 0 1 0 1.06l-4.5 4.5a.75.75 0 0 1-1.06-1.06l3.22-3.22H2.75A.75.75 0 0 1 2 8Z" clip-rule="evenodd"/>
1040</svg>
1041    </a>
1042                </div>
1043
1044                                
1045                <ui-tab-group class="block mt-5 grid min-h-72 grid-cols-[minmax(12rem,0.9fr)_minmax(0,1.35fr)] gap-6" data-flux-tab-group>
1046    <ui-tabs class="flex gap-4 h-8 col-start-1 row-start-1 h-auto! flex-col! items-stretch! gap-1! border-r border-zinc-200 pr-5" data-flux-tabs>
1047    <button type="button" class="flex whitespace-nowrap gap-2 items-center px-3 rounded-full text-sm font-medium bg-zinc-800/5 dark:bg-white/5 hover:bg-zinc-800/10 dark:hover:bg-white/10 text-zinc-600 hover:text-zinc-800 dark:text-white/70 dark:hover:text-white data-selected:bg-(--color-accent) hover:data-selected:bg-(--color-accent) data-selected:text-(--color-accent-foreground) hover:data-selected:text-(--color-accent-foreground) [&amp;[disabled]]:opacity-50 dark:[&amp;[disabled]]:opacity-75 [&amp;[disabled]]:cursor-default [&amp;[disabled]]:pointer-events-none min-h-9 w-full! justify-between! whitespace-normal! px-3! py-2! text-left! leading-snug" data-flux-tab="data-flux-tab" name="veille-theme-0" wire:key="veille-theme-0" selected="selected" data-veille-theme-tab="data-veille-theme-tab" data-theme-url="/contrat-de-travail/" aria-label="Contrat de travail — survoler pour explorer, cliquer pour voir tout">
1048        Contrat de travail
1049
1050            <svg class="shrink-0 [:where(&amp;)]:size-4" data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" data-slot="icon">
1051  <path fill-rule="evenodd" d="M6.22 4.22a.75.75 0 0 1 1.06 0l3.25 3.25a.75.75 0 0 1 0 1.06l-3.25 3.25a.75.75 0 0 1-1.06-1.06L8.94 8 6.22 5.28a.75.75 0 0 1 0-1.06Z" clip-rule="evenodd"/>
1052</svg>
1053    </button>
1054                                                <button type="button" class="flex whitespace-nowrap gap-2 items-center px-3 rounded-full text-sm font-medium bg-zinc-800/5 dark:bg-white/5 hover:bg-zinc-800/10 dark:hover:bg-white/10 text-zinc-600 hover:text-zinc-800 dark:text-white/70 dark:hover:text-white data-selected:bg-(--color-accent) hover:data-selected:bg-(--color-accent) data-selected:text-(--color-accent-foreground) hover:data-selected:text-(--color-accent-foreground) [&amp;[disabled]]:opacity-50 dark:[&amp;[disabled]]:opacity-75 [&amp;[disabled]]:cursor-default [&amp;[disabled]]:pointer-events-none min-h-9 w-full! justify-between! whitespace-normal! px-3! py-2! text-left! leading-snug" data-flux-tab="data-flux-tab" name="veille-theme-1" wire:key="veille-theme-1" data-veille-theme-tab="data-veille-theme-tab" data-theme-url="/recrutement-embauche/" aria-label="Recrutement &amp; Embauche — survoler pour explorer, cliquer pour voir tout">
1055        Recrutement &amp; Embauche
1056
1057            <svg class="shrink-0 [:where(&amp;)]:size-4" data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" data-slot="icon">
1058  <path fill-rule="evenodd" d="M6.22 4.22a.75.75 0 0 1 1.06 0l3.25 3.25a.75.75 0 0 1 0 1.06l-3.25 3.25a.75.75 0 0 1-1.06-1.06L8.94 8 6.22 5.28a.75.75 0 0 1 0-1.06Z" clip-rule="evenodd"/>
1059</svg>
1060    </button>
1061                                                <button type="button" class="flex whitespace-nowrap gap-2 items-center px-3 rounded-full text-sm font-medium bg-zinc-800/5 dark:bg-white/5 hover:bg-zinc-800/10 dark:hover:bg-white/10 text-zinc-600 hover:text-zinc-800 dark:text-white/70 dark:hover:text-white data-selected:bg-(--color-accent) hover:data-selected:bg-(--color-accent) data-selected:text-(--color-accent-foreground) hover:data-selected:text-(--color-accent-foreground) [&amp;[disabled]]:opacity-50 dark:[&amp;[disabled]]:opacity-75 [&amp;[disabled]]:cursor-default [&amp;[disabled]]:pointer-events-none min-h-9 w-full! justify-between! whitespace-normal! px-3! py-2! text-left! leading-snug" data-flux-tab="data-flux-tab" name="veille-theme-2" wire:key="veille-theme-2" data-veille-theme-tab="data-veille-theme-tab" data-theme-url="/paie-remuneration/" aria-label="Paie, rémunération &amp; avantages — survoler pour explorer, cliquer pour voir tout">
1062        Paie, rémunération &amp; avantages
1063
1064            <svg class="shrink-0 [:where(&amp;)]:size-4" data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" data-slot="icon">
1065  <path fill-rule="evenodd" d="M6.22 4.22a.75.75 0 0 1 1.06 0l3.25 3.25a.75.75 0 0 1 0 1.06l-3.25 3.25a.75.75 0 0 1-1.06-1.06L8.94 8 6.22 5.28a.75.75 0 0 1 0-1.06Z" clip-rule="evenodd"/>
1066</svg>
1067    </button>
1068                                                <button type="button" class="flex whitespace-nowrap gap-2 items-center px-3 rounded-full text-sm font-medium bg-zinc-800/5 dark:bg-white/5 hover:bg-zinc-800/10 dark:hover:bg-white/10 text-zinc-600 hover:text-zinc-800 dark:text-white/70 dark:hover:text-white data-selected:bg-(--color-accent) hover:data-selected:bg-(--color-accent) data-selected:text-(--color-accent-foreground) hover:data-selected:text-(--color-accent-foreground) [&amp;[disabled]]:opacity-50 dark:[&amp;[disabled]]:opacity-75 [&amp;[disabled]]:cursor-default [&amp;[disabled]]:pointer-events-none min-h-9 w-full! justify-between! whitespace-normal! px-3! py-2! text-left! leading-snug" data-flux-tab="data-flux-tab" name="veille-theme-3" wire:key="veille-theme-3" data-veille-theme-tab="data-veille-theme-tab" data-theme-url="/temps-travail-conges-absences/" aria-label="Temps de travail et congés — survoler pour explorer, cliquer pour voir tout">
1069        Temps de travail et congés
1070
1071            <svg class="shrink-0 [:where(&amp;)]:size-4" data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" data-slot="icon">
1072  <path fill-rule="evenodd" d="M6.22 4.22a.75.75 0 0 1 1.06 0l3.25 3.25a.75.75 0 0 1 0 1.06l-3.25 3.25a.75.75 0 0 1-1.06-1.06L8.94 8 6.22 5.28a.75.75 0 0 1 0-1.06Z" clip-rule="evenodd"/>
1073</svg>
1074    </button>
1075                                                <button type="button" class="flex whitespace-nowrap gap-2 items-center px-3 rounded-full text-sm font-medium bg-zinc-800/5 dark:bg-white/5 hover:bg-zinc-800/10 dark:hover:bg-white/10 text-zinc-600 hover:text-zinc-800 dark:text-white/70 dark:hover:text-white data-selected:bg-(--color-accent) hover:data-selected:bg-(--color-accent) data-selected:text-(--color-accent-foreground) hover:data-selected:text-(--color-accent-foreground) [&amp;[disabled]]:opacity-50 dark:[&amp;[disabled]]:opacity-75 [&amp;[disabled]]:cursor-default [&amp;[disabled]]:pointer-events-none min-h-9 w-full! justify-between! whitespace-normal! px-3! py-2! text-left! leading-snug" data-flux-tab="data-flux-tab" name="veille-theme-4" wire:key="veille-theme-4" data-veille-theme-tab="data-veille-theme-tab" data-theme-url="/sante-securite-qvct/" aria-label="Santé, sécurité &amp; qualité de vie au travail — survoler pour explorer, cliquer pour voir tout">
1076        Santé, sécurité &amp; qualité de vie au travail
1077
1078            <svg class="shrink-0 [:where(&amp;)]:size-4" data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" data-slot="icon">
1079  <path fill-rule="evenodd" d="M6.22 4.22a.75.75 0 0 1 1.06 0l3.25 3.25a.75.75 0 0 1 0 1.06l-3.25 3.25a.75.75 0 0 1-1.06-1.06L8.94 8 6.22 5.28a.75.75 0 0 1 0-1.06Z" clip-rule="evenodd"/>
1080</svg>
1081    </button>
1082                                                <button type="button" class="flex whitespace-nowrap gap-2 items-center px-3 rounded-full text-sm font-medium bg-zinc-800/5 dark:bg-white/5 hover:bg-zinc-800/10 dark:hover:bg-white/10 text-zinc-600 hover:text-zinc-800 dark:text-white/70 dark:hover:text-white data-selected:bg-(--color-accent) hover:data-selected:bg-(--color-accent) data-selected:text-(--color-accent-foreground) hover:data-selected:text-(--color-accent-foreground) [&amp;[disabled]]:opacity-50 dark:[&amp;[disabled]]:opacity-75 [&amp;[disabled]]:cursor-default [&amp;[disabled]]:pointer-events-none min-h-9 w-full! justify-between! whitespace-normal! px-3! py-2! text-left! leading-snug" data-flux-tab="data-flux-tab" name="veille-theme-5" wire:key="veille-theme-5" data-veille-theme-tab="data-veille-theme-tab" data-theme-url="/dialogue-social/" aria-label="Dialogue social — survoler pour explorer, cliquer pour voir tout">
1083        Dialogue social
1084
1085            <svg class="shrink-0 [:where(&amp;)]:size-4" data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" data-slot="icon">
1086  <path fill-rule="evenodd" d="M6.22 4.22a.75.75 0 0 1 1.06 0l3.25 3.25a.75.75 0 0 1 0 1.06l-3.25 3.25a.75.75 0 0 1-1.06-1.06L8.94 8 6.22 5.28a.75.75 0 0 1 0-1.06Z" clip-rule="evenodd"/>
1087</svg>
1088    </button>
1089                                                <button type="button" class="flex whitespace-nowrap gap-2 items-center px-3 rounded-full text-sm font-medium bg-zinc-800/5 dark:bg-white/5 hover:bg-zinc-800/10 dark:hover:bg-white/10 text-zinc-600 hover:text-zinc-800 dark:text-white/70 dark:hover:text-white data-selected:bg-(--color-accent) hover:data-selected:bg-(--color-accent) data-selected:text-(--color-accent-foreground) hover:data-selected:text-(--color-accent-foreground) [&amp;[disabled]]:opacity-50 dark:[&amp;[disabled]]:opacity-75 [&amp;[disabled]]:cursor-default [&amp;[disabled]]:pointer-events-none min-h-9 w-full! justify-between! whitespace-normal! px-3! py-2! text-left! leading-snug" data-flux-tab="data-flux-tab" name="veille-theme-6" wire:key="veille-theme-6" data-veille-theme-tab="data-veille-theme-tab" data-theme-url="/pilotage-rh/" aria-label="Pilotage RH — survoler pour explorer, cliquer pour voir tout">
1090        Pilotage RH
1091
1092            <svg class="shrink-0 [:where(&amp;)]:size-4" data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" data-slot="icon">
1093  <path fill-rule="evenodd" d="M6.22 4.22a.75.75 0 0 1 1.06 0l3.25 3.25a.75.75 0 0 1 0 1.06l-3.25 3.25a.75.75 0 0 1-1.06-1.06L8.94 8 6.22 5.28a.75.75 0 0 1 0-1.06Z" clip-rule="evenodd"/>
1094</svg>
1095    </button>
1096                                                <button type="button" class="flex whitespace-nowrap gap-2 items-center px-3 rounded-full text-sm font-medium bg-zinc-800/5 dark:bg-white/5 hover:bg-zinc-800/10 dark:hover:bg-white/10 text-zinc-600 hover:text-zinc-800 dark:text-white/70 dark:hover:text-white data-selected:bg-(--color-accent) hover:data-selected:bg-(--color-accent) data-selected:text-(--color-accent-foreground) hover:data-selected:text-(--color-accent-foreground) [&amp;[disabled]]:opacity-50 dark:[&amp;[disabled]]:opacity-75 [&amp;[disabled]]:cursor-default [&amp;[disabled]]:pointer-events-none min-h-9 w-full! justify-between! whitespace-normal! px-3! py-2! text-left! leading-snug" data-flux-tab="data-flux-tab" name="veille-theme-7" wire:key="veille-theme-7" data-veille-theme-tab="data-veille-theme-tab" data-theme-url="/rupture-contrat/" aria-label="Rupture du contrat — survoler pour explorer, cliquer pour voir tout">
1097        Rupture du contrat
1098
1099            <svg class="shrink-0 [:where(&amp;)]:size-4" data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" data-slot="icon">
1100  <path fill-rule="evenodd" d="M6.22 4.22a.75.75 0 0 1 1.06 0l3.25 3.25a.75.75 0 0 1 0 1.06l-3.25 3.25a.75.75 0 0 1-1.06-1.06L8.94 8 6.22 5.28a.75.75 0 0 1 0-1.06Z" clip-rule="evenodd"/>
1101</svg>
1102    </button>
1103</ui-tabs>
1104
1105                                        <div class="[&amp;:not([data-selected])]:hidden pt-4 col-start-2 row-start-1 min-w-0 pt-0!" name="veille-theme-0" wire:key="veille-theme-0" selected="selected" data-flux-tab-panel>
1106    <span class="block font-semibold leading-snug text-zinc-900">Contrat de travail</span>
1107
1108                                                <nav class="mt-4 grid gap-x-5 gap-y-1 sm:grid-cols-1" aria-label="Sous-thèmes Contrat de travail">
1109                                                        <a href="/contrat-de-travail/cdd-interim-contrats-specifiques/" class="group rounded-lg px-2 py-2 leading-snug hover:bg-zinc-50 hover:text-primary">
1110                                CDD, intérim et contrats
1111                            </a>
1112                            
1113                                                        <a href="/contrat-de-travail/execution-contrat-travail/" class="group rounded-lg px-2 py-2 leading-snug hover:bg-zinc-50 hover:text-primary">
1114                                Exécution du contrat
1115                            </a>
1116                            
1117                                                        <a href="/contrat-de-travail/modification-contrat-travail/" class="group rounded-lg px-2 py-2 leading-snug hover:bg-zinc-50 hover:text-primary">
1118                                Modification du contrat
1119                            </a>
1120                            
1121                                                        <a href="/contrat-de-travail/redaction-contrat-travail/" class="group rounded-lg px-2 py-2 leading-snug hover:bg-zinc-50 hover:text-primary">
1122                                Rédiger un contrat
1123                            </a>
1124                            
1125                                                    </nav>
1126                        
1127                                                <a href="https://www.legisocial.fr/dossiers-synthese/depart-salarie-transaction.html" class="group mt-5 flex items-center gap-3 rounded-xl border border-zinc-200 bg-zinc-50 px-4 py-3 hover:border-primary/30 hover:bg-primary/5" aria-label="Dossier pratique recommandé pour Contrat de travail : Le départ du salarié avec une transaction">
1128                            <span class="flex size-9 shrink-0 items-center justify-center rounded-lg bg-white text-primary shadow-sm ring-1 ring-zinc-200 group-hover:ring-primary/20">
1129                                <svg class="shrink-0 [:where(&amp;)]:size-6 size-4.5" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
1130  <path stroke-linecap="round" stroke-linejoin="round" d="M2.25 12.75V12A2.25 2.25 0 0 1 4.5 9.75h15A2.25 2.25 0 0 1 21.75 12v.75m-8.69-6.44-2.12-2.12a1.5 1.5 0 0 0-1.061-.44H4.5A2.25 2.25 0 0 0 2.25 6v12a2.25 2.25 0 0 0 2.25 2.25h15A2.25 2.25 0 0 0 21.75 18V9a2.25 2.25 0 0 0-2.25-2.25h-5.379a1.5 1.5 0 0 1-1.06-.44Z"/>
1131</svg>
1132
1133                                    </span>
1134                            <span class="min-w-0">
1135                                <span class="block text-[0.68rem] font-semibold uppercase tracking-[0.1em] text-zinc-400">
1136                                    À découvrir · Dossier pratique
1137                                </span>
1138                                <span class="mt-0.5 line-clamp-2 block text-sm font-semibold leading-snug text-zinc-800 group-hover:text-primary">
1139                                    Le départ du salarié avec une transaction
1140                                </span>
1141                            </span>
1142                            <svg class="shrink-0 [:where(&amp;)]:size-4 ml-auto size-4 shrink-0 text-zinc-300 group-hover:text-primary" data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" data-slot="icon">
1143  <path fill-rule="evenodd" d="M2 8a.75.75 0 0 1 .75-.75h8.69L8.22 4.03a.75.75 0 0 1 1.06-1.06l4.5 4.5a.75.75 0 0 1 0 1.06l-4.5 4.5a.75.75 0 0 1-1.06-1.06l3.22-3.22H2.75A.75.75 0 0 1 2 8Z" clip-rule="evenodd"/>
1144</svg>
1145
1146                                </a>
1147</div>
1148                                        <div class="[&amp;:not([data-selected])]:hidden pt-4 col-start-2 row-start-1 min-w-0 pt-0!" name="veille-theme-1" wire:key="veille-theme-1" data-flux-tab-panel>
1149    <span class="block font-semibold leading-snug text-zinc-900">Recrutement &amp; Embauche</span>
1150
1151                                                <nav class="mt-4 grid gap-x-5 gap-y-1 sm:grid-cols-1" aria-label="Sous-thèmes Recrutement &amp; Embauche">
1152                                                        <a href="/recrutement-embauche/aides-embauche-contrats-aides/" class="group rounded-lg px-2 py-2 leading-snug hover:bg-zinc-50 hover:text-primary">
1153                                Aides à l&#039;embauche
1154                            </a>
1155                            
1156                                                        <a href="/recrutement-embauche/pret-main-oeuvre-mise-disposition/" class="group rounded-lg px-2 py-2 leading-snug hover:bg-zinc-50 hover:text-primary">
1157                                Prêt de main d&#039;œuvre
1158                            </a>
1159                            
1160                                                        <a href="/recrutement-embauche/periode-essai/" class="group rounded-lg px-2 py-2 leading-snug hover:bg-zinc-50 hover:text-primary">
1161                                Période d&#039;essai
1162                            </a>
1163                            
1164                                                        <a href="/recrutement-embauche/recrutement-formalites-embauche/" class="group rounded-lg px-2 py-2 leading-snug hover:bg-zinc-50 hover:text-primary">
1165                                Recruter et formalités
1166                            </a>
1167                            
1168                                                    </nav>
1169                        
1170                                                <a href="https://www.legisocial.fr/dossiers-synthese/pret-main-oeuvre.html" class="group mt-5 flex items-center gap-3 rounded-xl border border-zinc-200 bg-zinc-50 px-4 py-3 hover:border-primary/30 hover:bg-primary/5" aria-label="Dossier pratique recommandé pour Recrutement &amp; Embauche : Le prêt de main d&#039;œuvre">
1171                            <span class="flex size-9 shrink-0 items-center justify-center rounded-lg bg-white text-primary shadow-sm ring-1 ring-zinc-200 group-hover:ring-primary/20">
1172                                <svg class="shrink-0 [:where(&amp;)]:size-6 size-4.5" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
1173  <path stroke-linecap="round" stroke-linejoin="round" d="M2.25 12.75V12A2.25 2.25 0 0 1 4.5 9.75h15A2.25 2.25 0 0 1 21.75 12v.75m-8.69-6.44-2.12-2.12a1.5 1.5 0 0 0-1.061-.44H4.5A2.25 2.25 0 0 0 2.25 6v12a2.25 2.25 0 0 0 2.25 2.25h15A2.25 2.25 0 0 0 21.75 18V9a2.25 2.25 0 0 0-2.25-2.25h-5.379a1.5 1.5 0 0 1-1.06-.44Z"/>
1174</svg>
1175
1176                                    </span>
1177                            <span class="min-w-0">
1178                                <span class="block text-[0.68rem] font-semibold uppercase tracking-[0.1em] text-zinc-400">
1179                                    À découvrir · Dossier pratique
1180                                </span>
1181                                <span class="mt-0.5 line-clamp-2 block text-sm font-semibold leading-snug text-zinc-800 group-hover:text-primary">
1182                                    Le prêt de main d&#039;œuvre
1183                                </span>
1184                            </span>
1185                            <svg class="shrink-0 [:where(&amp;)]:size-4 ml-auto size-4 shrink-0 text-zinc-300 group-hover:text-primary" data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" data-slot="icon">
1186  <path fill-rule="evenodd" d="M2 8a.75.75 0 0 1 .75-.75h8.69L8.22 4.03a.75.75 0 0 1 1.06-1.06l4.5 4.5a.75.75 0 0 1 0 1.06l-4.5 4.5a.75.75 0 0 1-1.06-1.06l3.22-3.22H2.75A.75.75 0 0 1 2 8Z" clip-rule="evenodd"/>
1187</svg>
1188
1189                                </a>
1190</div>
1191                                        <div class="[&amp;:not([data-selected])]:hidden pt-4 col-start-2 row-start-1 min-w-0 pt-0!" name="veille-theme-2" wire:key="veille-theme-2" data-flux-tab-panel>
1192    <span class="block font-semibold leading-snug text-zinc-900">Paie, rémunération &amp; avantages</span>
1193
1194                                                <nav class="mt-4 grid gap-x-5 gap-y-1 sm:grid-cols-1" aria-label="Sous-thèmes Paie, rémunération &amp; avantages">
1195                                                        <a href="/paie-remuneration/avantages-epargne-salariale-partage-valeur/" class="group rounded-lg px-2 py-2 leading-snug hover:bg-zinc-50 hover:text-primary">
1196                                Avantages et épargne salariale
1197                            </a>
1198                            
1199                                                        <a href="/paie-remuneration/bulletin-paie-salaire/" class="group rounded-lg px-2 py-2 leading-snug hover:bg-zinc-50 hover:text-primary">
1200                                Bulletin de paie &amp; salaire
1201                            </a>
1202                            
1203                                                        <a href="/paie-remuneration/cotisations-exonerations-allegements/" class="group rounded-lg px-2 py-2 leading-snug hover:bg-zinc-50 hover:text-primary">
1204                                Cotisations et exonérations
1205                            </a>
1206                            
1207                                                        <a href="/paie-remuneration/dsn-declarations-sociales/" class="group rounded-lg px-2 py-2 leading-snug hover:bg-zinc-50 hover:text-primary">
1208                                DSN et déclarations
1209                            </a>
1210                            
1211                                                        <a href="/paie-remuneration/organisation-paie-cas-particuliers/" class="group rounded-lg px-2 py-2 leading-snug hover:bg-zinc-50 hover:text-primary">
1212                                Organisation de la paie
1213                            </a>
1214                            
1215                                                        <a href="/paie-remuneration/prelevement-source-fiscalite-paie/" class="group rounded-lg px-2 py-2 leading-snug hover:bg-zinc-50 hover:text-primary">
1216                                Prélèvement à la source
1217                            </a>
1218                            
1219                                                    </nav>
1220                        
1221                                                <a href="https://www.legisocial.fr/dossiers-synthese/synthese-loi-pacte-decryptage-60-themes.html" class="group mt-5 flex items-center gap-3 rounded-xl border border-zinc-200 bg-zinc-50 px-4 py-3 hover:border-primary/30 hover:bg-primary/5" aria-label="Dossier pratique recommandé pour Paie, rémunération &amp; avantages : Synthèse de la loi PACTE : décryptage de plus de 70 thèmes en 2026">
1222                            <span class="flex size-9 shrink-0 items-center justify-center rounded-lg bg-white text-primary shadow-sm ring-1 ring-zinc-200 group-hover:ring-primary/20">
1223                                <svg class="shrink-0 [:where(&amp;)]:size-6 size-4.5" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
1224  <path stroke-linecap="round" stroke-linejoin="round" d="M2.25 12.75V12A2.25 2.25 0 0 1 4.5 9.75h15A2.25 2.25 0 0 1 21.75 12v.75m-8.69-6.44-2.12-2.12a1.5 1.5 0 0 0-1.061-.44H4.5A2.25 2.25 0 0 0 2.25 6v12a2.25 2.25 0 0 0 2.25 2.25h15A2.25 2.25 0 0 0 21.75 18V9a2.25 2.25 0 0 0-2.25-2.25h-5.379a1.5 1.5 0 0 1-1.06-.44Z"/>
1225</svg>
1226
1227                                    </span>
1228                            <span class="min-w-0">
1229                                <span class="block text-[0.68rem] font-semibold uppercase tracking-[0.1em] text-zinc-400">
1230                                    À découvrir · Dossier pratique
1231                                </span>
1232                                <span class="mt-0.5 line-clamp-2 block text-sm font-semibold leading-snug text-zinc-800 group-hover:text-primary">
1233                                    Synthèse de la loi PACTE : décryptage de plus de 70 thèmes en 2026
1234                                </span>
1235                            </span>
1236                            <svg class="shrink-0 [:where(&amp;)]:size-4 ml-auto size-4 shrink-0 text-zinc-300 group-hover:text-primary" data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" data-slot="icon">
1237  <path fill-rule="evenodd" d="M2 8a.75.75 0 0 1 .75-.75h8.69L8.22 4.03a.75.75 0 0 1 1.06-1.06l4.5 4.5a.75.75 0 0 1 0 1.06l-4.5 4.5a.75.75 0 0 1-1.06-1.06l3.22-3.22H2.75A.75.75 0 0 1 2 8Z" clip-rule="evenodd"/>
1238</svg>
1239
1240                                </a>
1241</div>
1242                                        <div class="[&amp;:not([data-selected])]:hidden pt-4 col-start-2 row-start-1 min-w-0 pt-0!" name="veille-theme-3" wire:key="veille-theme-3" data-flux-tab-panel>
1243    <span class="block font-semibold leading-snug text-zinc-900">Temps de travail et congés</span>
1244
1245                                                <nav class="mt-4 grid gap-x-5 gap-y-1 sm:grid-cols-1" aria-label="Sous-thèmes Temps de travail et congés">
1246                                                        <a href="/temps-travail-conges-absences/activite-partielle/" class="group rounded-lg px-2 py-2 leading-snug hover:bg-zinc-50 hover:text-primary">
1247                                Activité partielle
1248                            </a>
1249                            
1250                                                        <a href="/temps-travail-conges-absences/conges-payes/" class="group rounded-lg px-2 py-2 leading-snug hover:bg-zinc-50 hover:text-primary">
1251                                Congés payés
1252                            </a>
1253                            
1254                                                        <a href="/temps-travail-conges-absences/conges-speciaux-familiaux/" class="group rounded-lg px-2 py-2 leading-snug hover:bg-zinc-50 hover:text-primary">
1255                                Congés spéciaux et familiaux
1256                            </a>
1257                            
1258                                                        <a href="/temps-travail-conges-absences/duree-travail-heures-supplementaires/" class="group rounded-lg px-2 py-2 leading-snug hover:bg-zinc-50 hover:text-primary">
1259                                Durée du travail et heures sup
1260                            </a>
1261                            
1262                                                        <a href="/temps-travail-conges-absences/maladie-absences/" class="group rounded-lg px-2 py-2 leading-snug hover:bg-zinc-50 hover:text-primary">
1263                                Maladie &amp; absences
1264                            </a>
1265                            
1266                                                        <a href="/temps-travail-conges-absences/maternite-paternite-parentalite/" class="group rounded-lg px-2 py-2 leading-snug hover:bg-zinc-50 hover:text-primary">
1267                                Maternité paternité parentalité
1268                            </a>
1269                            
1270                                                    </nav>
1271                        
1272                                                <a href="https://www.legisocial.fr/outils-gestion-rh-et-paie/duree-legale-temps-de-travail.html" class="group mt-5 flex items-center gap-3 rounded-xl border border-zinc-200 bg-zinc-50 px-4 py-3 hover:border-primary/30 hover:bg-primary/5" aria-label="Outil pratique recommandé pour Temps de travail et congés : Gestion du temps de travail des salariés">
1273                            <span class="flex size-9 shrink-0 items-center justify-center rounded-lg bg-white text-primary shadow-sm ring-1 ring-zinc-200 group-hover:ring-primary/20">
1274                                <svg class="shrink-0 [:where(&amp;)]:size-6 size-4.5" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
1275  <path stroke-linecap="round" stroke-linejoin="round" d="M20.25 14.15v4.25c0 1.094-.787 2.036-1.872 2.18-2.087.277-4.216.42-6.378.42s-4.291-.143-6.378-.42c-1.085-.144-1.872-1.086-1.872-2.18v-4.25m16.5 0a2.18 2.18 0 0 0 .75-1.661V8.706c0-1.081-.768-2.015-1.837-2.175a48.114 48.114 0 0 0-3.413-.387m4.5 8.006c-.194.165-.42.295-.673.38A23.978 23.978 0 0 1 12 15.75c-2.648 0-5.195-.429-7.577-1.22a2.016 2.016 0 0 1-.673-.38m0 0A2.18 2.18 0 0 1 3 12.489V8.706c0-1.081.768-2.015 1.837-2.175a48.111 48.111 0 0 1 3.413-.387m7.5 0V5.25A2.25 2.25 0 0 0 13.5 3h-3a2.25 2.25 0 0 0-2.25 2.25v.894m7.5 0a48.667 48.667 0 0 0-7.5 0M12 12.75h.008v.008H12v-.008Z"/>
1276</svg>
1277
1278                                    </span>
1279                            <span class="min-w-0">
1280                                <span class="block text-[0.68rem] font-semibold uppercase tracking-[0.1em] text-zinc-400">
1281                                    À découvrir · Outil pratique
1282                                </span>
1283                                <span class="mt-0.5 line-clamp-2 block text-sm font-semibold leading-snug text-zinc-800 group-hover:text-primary">
1284                                    Gestion du temps de travail des salariés
1285                                </span>
1286                            </span>
1287                            <svg class="shrink-0 [:where(&amp;)]:size-4 ml-auto size-4 shrink-0 text-zinc-300 group-hover:text-primary" data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" data-slot="icon">
1288  <path fill-rule="evenodd" d="M2 8a.75.75 0 0 1 .75-.75h8.69L8.22 4.03a.75.75 0 0 1 1.06-1.06l4.5 4.5a.75.75 0 0 1 0 1.06l-4.5 4.5a.75.75 0 0 1-1.06-1.06l3.22-3.22H2.75A.75.75 0 0 1 2 8Z" clip-rule="evenodd"/>
1289</svg>
1290
1291                                </a>
1292</div>
1293                                        <div class="[&amp;:not([data-selected])]:hidden pt-4 col-start-2 row-start-1 min-w-0 pt-0!" name="veille-theme-4" wire:key="veille-theme-4" data-flux-tab-panel>
1294    <span class="block font-semibold leading-snug text-zinc-900">Santé, sécurité &amp; qualité de vie au travail</span>
1295
1296                                                <nav class="mt-4 grid gap-x-5 gap-y-1 sm:grid-cols-1" aria-label="Sous-thèmes Santé, sécurité &amp; qualité de vie au travail">
1297                                                        <a href="/sante-securite-qvct/crise-sanitaire-epidemies/" class="group rounded-lg px-2 py-2 leading-snug hover:bg-zinc-50 hover:text-primary">
1298                                Crise sanitaire
1299                            </a>
1300                            
1301                                                        <a href="/sante-securite-qvct/harcelement-comportements-risque/" class="group rounded-lg px-2 py-2 leading-snug hover:bg-zinc-50 hover:text-primary">
1302                                Harcèlement et risques
1303                            </a>
1304                            
1305                                                        <a href="/sante-securite-qvct/accident-travail-maladie-professionnelle/" class="group rounded-lg px-2 py-2 leading-snug hover:bg-zinc-50 hover:text-primary">
1306                                Maladie pro &amp; AT
1307                            </a>
1308                            
1309                                                        <a href="/sante-securite-qvct/prevention-evaluation-risques/" class="group rounded-lg px-2 py-2 leading-snug hover:bg-zinc-50 hover:text-primary">
1310                                Prévention &amp; évaluation
1311                            </a>
1312                            
1313                                                        <a href="/sante-securite-qvct/prevoyance-frais-sante/" class="group rounded-lg px-2 py-2 leading-snug hover:bg-zinc-50 hover:text-primary">
1314                                Prévoyance &amp; frais de santé
1315                            </a>
1316                            
1317                                                        <a href="/sante-securite-qvct/qvct-rse/" class="group rounded-lg px-2 py-2 leading-snug hover:bg-zinc-50 hover:text-primary">
1318                                QVCT &amp; RSE
1319                            </a>
1320                            
1321                                                    </nav>
1322                        
1323                                                <a href="https://www.legisocial.fr/dossiers-synthese/qualite-vie-travail-responsabilite-societale.html" class="group mt-5 flex items-center gap-3 rounded-xl border border-zinc-200 bg-zinc-50 px-4 py-3 hover:border-primary/30 hover:bg-primary/5" aria-label="Dossier pratique recommandé pour Santé, sécurité &amp; qualité de vie au travail : La QVCT et la RSE">
1324                            <span class="flex size-9 shrink-0 items-center justify-center rounded-lg bg-white text-primary shadow-sm ring-1 ring-zinc-200 group-hover:ring-primary/20">
1325                                <svg class="shrink-0 [:where(&amp;)]:size-6 size-4.5" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
1326  <path stroke-linecap="round" stroke-linejoin="round" d="M2.25 12.75V12A2.25 2.25 0 0 1 4.5 9.75h15A2.25 2.25 0 0 1 21.75 12v.75m-8.69-6.44-2.12-2.12a1.5 1.5 0 0 0-1.061-.44H4.5A2.25 2.25 0 0 0 2.25 6v12a2.25 2.25 0 0 0 2.25 2.25h15A2.25 2.25 0 0 0 21.75 18V9a2.25 2.25 0 0 0-2.25-2.25h-5.379a1.5 1.5 0 0 1-1.06-.44Z"/>
1327</svg>
1328
1329                                    </span>
1330                            <span class="min-w-0">
1331                                <span class="block text-[0.68rem] font-semibold uppercase tracking-[0.1em] text-zinc-400">
1332                                    À découvrir · Dossier pratique
1333                                </span>
1334                                <span class="mt-0.5 line-clamp-2 block text-sm font-semibold leading-snug text-zinc-800 group-hover:text-primary">
1335                                    La QVCT et la RSE
1336                                </span>
1337                            </span>
1338                            <svg class="shrink-0 [:where(&amp;)]:size-4 ml-auto size-4 shrink-0 text-zinc-300 group-hover:text-primary" data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" data-slot="icon">
1339  <path fill-rule="evenodd" d="M2 8a.75.75 0 0 1 .75-.75h8.69L8.22 4.03a.75.75 0 0 1 1.06-1.06l4.5 4.5a.75.75 0 0 1 0 1.06l-4.5 4.5a.75.75 0 0 1-1.06-1.06l3.22-3.22H2.75A.75.75 0 0 1 2 8Z" clip-rule="evenodd"/>
1340</svg>
1341
1342                                </a>
1343</div>
1344                                        <div class="[&amp;:not([data-selected])]:hidden pt-4 col-start-2 row-start-1 min-w-0 pt-0!" name="veille-theme-5" wire:key="veille-theme-5" data-flux-tab-panel>
1345    <span class="block font-semibold leading-snug text-zinc-900">Dialogue social</span>
1346
1347                                                <nav class="mt-4 grid gap-x-5 gap-y-1 sm:grid-cols-1" aria-label="Sous-thèmes Dialogue social">
1348                                                        <a href="/dialogue-social/cse-fonctionnement-moyens-budgets/" class="group rounded-lg px-2 py-2 leading-snug hover:bg-zinc-50 hover:text-primary">
1349                                CSE : fonctionnement, budgets
1350                            </a>
1351                            
1352                                                        <a href="/dialogue-social/cse-mise-place-elections/" class="group rounded-lg px-2 py-2 leading-snug hover:bg-zinc-50 hover:text-primary">
1353                                CSE : mise en place et élections
1354                            </a>
1355                            
1356                                                        <a href="/dialogue-social/greve-conflits-collectifs/" class="group rounded-lg px-2 py-2 leading-snug hover:bg-zinc-50 hover:text-primary">
1357                                Grève et conflits collectifs
1358                            </a>
1359                            
1360                                                        <a href="/dialogue-social/negociation-accords-collectifs/" class="group rounded-lg px-2 py-2 leading-snug hover:bg-zinc-50 hover:text-primary">
1361                                Négociation &amp; accords collectifs
1362                            </a>
1363                            
1364                                                        <a href="/dialogue-social/representants-personnel-droits-obligations/" class="group rounded-lg px-2 py-2 leading-snug hover:bg-zinc-50 hover:text-primary">
1365                                Représentants du personnel
1366                            </a>
1367                            
1368                                                    </nav>
1369                        
1370                                                <a href="https://www.legisocial.fr/procedures-rh/cse-gerer-budgets-fonctionnement-asc.html" class="group mt-5 flex items-center gap-3 rounded-xl border border-zinc-200 bg-zinc-50 px-4 py-3 hover:border-primary/30 hover:bg-primary/5" aria-label="Outil pratique recommandé pour Dialogue social : CSE : Gérer les budgets de fonctionnement et des ASC">
1371                            <span class="flex size-9 shrink-0 items-center justify-center rounded-lg bg-white text-primary shadow-sm ring-1 ring-zinc-200 group-hover:ring-primary/20">
1372                                <svg class="shrink-0 [:where(&amp;)]:size-6 size-4.5" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
1373  <path stroke-linecap="round" stroke-linejoin="round" d="M20.25 14.15v4.25c0 1.094-.787 2.036-1.872 2.18-2.087.277-4.216.42-6.378.42s-4.291-.143-6.378-.42c-1.085-.144-1.872-1.086-1.872-2.18v-4.25m16.5 0a2.18 2.18 0 0 0 .75-1.661V8.706c0-1.081-.768-2.015-1.837-2.175a48.114 48.114 0 0 0-3.413-.387m4.5 8.006c-.194.165-.42.295-.673.38A23.978 23.978 0 0 1 12 15.75c-2.648 0-5.195-.429-7.577-1.22a2.016 2.016 0 0 1-.673-.38m0 0A2.18 2.18 0 0 1 3 12.489V8.706c0-1.081.768-2.015 1.837-2.175a48.111 48.111 0 0 1 3.413-.387m7.5 0V5.25A2.25 2.25 0 0 0 13.5 3h-3a2.25 2.25 0 0 0-2.25 2.25v.894m7.5 0a48.667 48.667 0 0 0-7.5 0M12 12.75h.008v.008H12v-.008Z"/>
1374</svg>
1375
1376                                    </span>
1377                            <span class="min-w-0">
1378                                <span class="block text-[0.68rem] font-semibold uppercase tracking-[0.1em] text-zinc-400">
1379                                    À découvrir · Outil pratique
1380                                </span>
1381                                <span class="mt-0.5 line-clamp-2 block text-sm font-semibold leading-snug text-zinc-800 group-hover:text-primary">
1382                                    CSE : Gérer les budgets de fonctionnement et des ASC
1383                                </span>
1384                            </span>
1385                            <svg class="shrink-0 [:where(&amp;)]:size-4 ml-auto size-4 shrink-0 text-zinc-300 group-hover:text-primary" data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" data-slot="icon">
1386  <path fill-rule="evenodd" d="M2 8a.75.75 0 0 1 .75-.75h8.69L8.22 4.03a.75.75 0 0 1 1.06-1.06l4.5 4.5a.75.75 0 0 1 0 1.06l-4.5 4.5a.75.75 0 0 1-1.06-1.06l3.22-3.22H2.75A.75.75 0 0 1 2 8Z" clip-rule="evenodd"/>
1387</svg>
1388
1389                                </a>
1390</div>
1391                                        <div class="[&amp;:not([data-selected])]:hidden pt-4 col-start-2 row-start-1 min-w-0 pt-0!" name="veille-theme-6" wire:key="veille-theme-6" data-flux-tab-panel>
1392    <span class="block font-semibold leading-snug text-zinc-900">Pilotage RH</span>
1393
1394                                                <nav class="mt-4 grid gap-x-5 gap-y-1 sm:grid-cols-1" aria-label="Sous-thèmes Pilotage RH">
1395                                                        <a href="/pilotage-rh/controles-contentieux/" class="group rounded-lg px-2 py-2 leading-snug hover:bg-zinc-50 hover:text-primary">
1396                                Contrôles &amp; contentieux
1397                            </a>
1398                            
1399                                                        <a href="/pilotage-rh/formation-entretiens-professionnels/" class="group rounded-lg px-2 py-2 leading-snug hover:bg-zinc-50 hover:text-primary">
1400                                Formation &amp; entretiens
1401                            </a>
1402                            
1403                                                        <a href="/pilotage-rh/rgpd-surveillance-lanceurs-alerte/" class="group rounded-lg px-2 py-2 leading-snug hover:bg-zinc-50 hover:text-primary">
1404                                RGPD, surveillance &amp; lanceurs
1405                            </a>
1406                            
1407                                                        <a href="/pilotage-rh/reglement-interieur-discipline-sanctions/" class="group rounded-lg px-2 py-2 leading-snug hover:bg-zinc-50 hover:text-primary">
1408                                Règlement intérieur
1409                            </a>
1410                            
1411                                                        <a href="/pilotage-rh/egalite-professionnelle-affichages-obligatoires/" class="group rounded-lg px-2 py-2 leading-snug hover:bg-zinc-50 hover:text-primary">
1412                                Égalité professionnelle
1413                            </a>
1414                            
1415                                                    </nav>
1416                        
1417                                                <a href="https://www.legisocial.fr/dossiers-synthese/protection-donnees-rgpd.html" class="group mt-5 flex items-center gap-3 rounded-xl border border-zinc-200 bg-zinc-50 px-4 py-3 hover:border-primary/30 hover:bg-primary/5" aria-label="Dossier pratique recommandé pour Pilotage RH : La protection des données personnelles et le RGPD">
1418                            <span class="flex size-9 shrink-0 items-center justify-center rounded-lg bg-white text-primary shadow-sm ring-1 ring-zinc-200 group-hover:ring-primary/20">
1419                                <svg class="shrink-0 [:where(&amp;)]:size-6 size-4.5" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
1420  <path stroke-linecap="round" stroke-linejoin="round" d="M2.25 12.75V12A2.25 2.25 0 0 1 4.5 9.75h15A2.25 2.25 0 0 1 21.75 12v.75m-8.69-6.44-2.12-2.12a1.5 1.5 0 0 0-1.061-.44H4.5A2.25 2.25 0 0 0 2.25 6v12a2.25 2.25 0 0 0 2.25 2.25h15A2.25 2.25 0 0 0 21.75 18V9a2.25 2.25 0 0 0-2.25-2.25h-5.379a1.5 1.5 0 0 1-1.06-.44Z"/>
1421</svg>
1422
1423                                    </span>
1424                            <span class="min-w-0">
1425                                <span class="block text-[0.68rem] font-semibold uppercase tracking-[0.1em] text-zinc-400">
1426                                    À découvrir · Dossier pratique
1427                                </span>
1428                                <span class="mt-0.5 line-clamp-2 block text-sm font-semibold leading-snug text-zinc-800 group-hover:text-primary">
1429                                    La protection des données personnelles et le RGPD
1430                                </span>
1431                            </span>
1432                            <svg class="shrink-0 [:where(&amp;)]:size-4 ml-auto size-4 shrink-0 text-zinc-300 group-hover:text-primary" data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" data-slot="icon">
1433  <path fill-rule="evenodd" d="M2 8a.75.75 0 0 1 .75-.75h8.69L8.22 4.03a.75.75 0 0 1 1.06-1.06l4.5 4.5a.75.75 0 0 1 0 1.06l-4.5 4.5a.75.75 0 0 1-1.06-1.06l3.22-3.22H2.75A.75.75 0 0 1 2 8Z" clip-rule="evenodd"/>
1434</svg>
1435
1436                                </a>
1437</div>
1438                                        <div class="[&amp;:not([data-selected])]:hidden pt-4 col-start-2 row-start-1 min-w-0 pt-0!" name="veille-theme-7" wire:key="veille-theme-7" data-flux-tab-panel>
1439    <span class="block font-semibold leading-snug text-zinc-900">Rupture du contrat</span>
1440
1441                                                <nav class="mt-4 grid gap-x-5 gap-y-1 sm:grid-cols-1" aria-label="Sous-thèmes Rupture du contrat">
1442                                                        <a href="/rupture-contrat/demission/" class="group rounded-lg px-2 py-2 leading-snug hover:bg-zinc-50 hover:text-primary">
1443                                Démission
1444                            </a>
1445                            
1446                                                        <a href="/rupture-contrat/depart-mise-retraite/" class="group rounded-lg px-2 py-2 leading-snug hover:bg-zinc-50 hover:text-primary">
1447                                Départ et mise à la retraite
1448                            </a>
1449                            
1450                                                        <a href="/rupture-contrat/fin-cdd-rupture-periode-essai/" class="group rounded-lg px-2 py-2 leading-snug hover:bg-zinc-50 hover:text-primary">
1451                                Fin CDD &amp; rupture
1452                            </a>
1453                            
1454                                                        <a href="/rupture-contrat/indemnites-documents-fin-contrat/" class="group rounded-lg px-2 py-2 leading-snug hover:bg-zinc-50 hover:text-primary">
1455                                Indemnités et documents
1456                            </a>
1457                            
1458                                                        <a href="/rupture-contrat/licenciement/" class="group rounded-lg px-2 py-2 leading-snug hover:bg-zinc-50 hover:text-primary">
1459                                Licenciement
1460                            </a>
1461                            
1462                                                        <a href="/rupture-contrat/rupture-conventionnelle/" class="group rounded-lg px-2 py-2 leading-snug hover:bg-zinc-50 hover:text-primary">
1463                                Rupture conventionnelle
1464                            </a>
1465                            
1466                                                    </nav>
1467                        
1468                                                <a href="https://www.legisocial.fr/dossiers-synthese/depart-salarie-transaction.html" class="group mt-5 flex items-center gap-3 rounded-xl border border-zinc-200 bg-zinc-50 px-4 py-3 hover:border-primary/30 hover:bg-primary/5" aria-label="Dossier pratique recommandé pour Rupture du contrat : Le départ du salarié avec une transaction">
1469                            <span class="flex size-9 shrink-0 items-center justify-center rounded-lg bg-white text-primary shadow-sm ring-1 ring-zinc-200 group-hover:ring-primary/20">
1470                                <svg class="shrink-0 [:where(&amp;)]:size-6 size-4.5" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
1471  <path stroke-linecap="round" stroke-linejoin="round" d="M2.25 12.75V12A2.25 2.25 0 0 1 4.5 9.75h15A2.25 2.25 0 0 1 21.75 12v.75m-8.69-6.44-2.12-2.12a1.5 1.5 0 0 0-1.061-.44H4.5A2.25 2.25 0 0 0 2.25 6v12a2.25 2.25 0 0 0 2.25 2.25h15A2.25 2.25 0 0 0 21.75 18V9a2.25 2.25 0 0 0-2.25-2.25h-5.379a1.5 1.5 0 0 1-1.06-.44Z"/>
1472</svg>
1473
1474                                    </span>
1475                            <span class="min-w-0">
1476                                <span class="block text-[0.68rem] font-semibold uppercase tracking-[0.1em] text-zinc-400">
1477                                    À découvrir · Dossier pratique
1478                                </span>
1479                                <span class="mt-0.5 line-clamp-2 block text-sm font-semibold leading-snug text-zinc-800 group-hover:text-primary">
1480                                    Le départ du salarié avec une transaction
1481                                </span>
1482                            </span>
1483                            <svg class="shrink-0 [:where(&amp;)]:size-4 ml-auto size-4 shrink-0 text-zinc-300 group-hover:text-primary" data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" data-slot="icon">
1484  <path fill-rule="evenodd" d="M2 8a.75.75 0 0 1 .75-.75h8.69L8.22 4.03a.75.75 0 0 1 1.06-1.06l4.5 4.5a.75.75 0 0 1 0 1.06l-4.5 4.5a.75.75 0 0 1-1.06-1.06l3.22-3.22H2.75A.75.75 0 0 1 2 8Z" clip-rule="evenodd"/>
1485</svg>
1486
1487                                </a>
1488</div>
1489</ui-tab-group>
1490                            </section>
1491
1492                        <section class="min-w-0 border-l border-zinc-200 px-6 py-6" aria-labelledby="veille-latest-heading">
1493                
1494                <p class="text-xs font-semibold uppercase tracking-[0.12em] text-zinc-400">En direct</p>
1495                <span id="veille-latest-heading" class="mt-1 block font-semibold text-zinc-900">Derniers contenus</span>
1496
1497                <div class="mt-3 divide-y divide-zinc-200">
1498                                        <a href="https://www.legisocial.fr/actualites-sociales/8152-chomage-intemperies-btp-sont-parametres-campagne-2026-2027.html" class="group block py-3 first:pt-1">
1499                        <span class="flex flex-wrap items-center gap-2 text-xs text-zinc-400">
1500                            <div data-flux-badge="data-flux-badge" class="inline-flex items-center font-medium whitespace-nowrap  [print-color-adjust:exact] text-xs py-1 **:data-flux-badge-icon:size-3 **:data-flux-badge-icon:me-1 rounded-md px-2 text-zinc-700 [&amp;_button]:text-zinc-700! dark:text-zinc-200 dark:[&amp;_button]:text-zinc-200! bg-zinc-400/15 dark:bg-zinc-400/40 [&amp;:is(button)]:hover:bg-zinc-400/25 dark:[button]:hover:bg-zinc-400/50 badge-format">
1501        <svg class="shrink-0 [:where(&amp;)]:size-6 size-4" data-flux-badge-icon="data-flux-badge-icon" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
1502  <path stroke-linecap="round" stroke-linejoin="round" d="M12 7.5h1.5m-1.5 3h1.5m-7.5 3h7.5m-7.5 3h7.5m3-9h3.375c.621 0 1.125.504 1.125 1.125V18a2.25 2.25 0 0 1-2.25 2.25M16.5 7.5V18a2.25 2.25 0 0 0 2.25 2.25M16.5 7.5V4.875c0-.621-.504-1.125-1.125-1.125H4.125C3.504 3.75 3 4.254 3 4.875V18a2.25 2.25 0 0 0 2.25 2.25h13.5M6 7.5h3v3H6v-3Z"/>
1503</svg>
1504
1505            
1506    Actualité
1507    </div>
1508                                                        <span>25 sept.</span>
1509                                                    </span>
1510                        <span class="mt-1.5 line-clamp-2 block font-medium leading-snug text-zinc-800 group-hover:text-primary">
1511                            Chômage intempéries dans le BTP : Quels sont les paramètres de la campagne 2026-2027 ?
1512                        </span>
1513                    </a>
1514                                        <a href="https://www.legisocial.fr/actualites-sociales/8120-heures-delegation-regles-essentielles-bonnes-pratiques-employeurs.html" class="group block py-3 first:pt-1">
1515                        <span class="flex flex-wrap items-center gap-2 text-xs text-zinc-400">
1516                            <div data-flux-badge="data-flux-badge" class="inline-flex items-center font-medium whitespace-nowrap  [print-color-adjust:exact] text-xs py-1 **:data-flux-badge-icon:size-3 **:data-flux-badge-icon:me-1 rounded-md px-2 text-zinc-700 [&amp;_button]:text-zinc-700! dark:text-zinc-200 dark:[&amp;_button]:text-zinc-200! bg-zinc-400/15 dark:bg-zinc-400/40 [&amp;:is(button)]:hover:bg-zinc-400/25 dark:[button]:hover:bg-zinc-400/50 badge-format">
1517        <svg class="shrink-0 [:where(&amp;)]:size-6 size-4" data-flux-badge-icon="data-flux-badge-icon" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
1518  <path stroke-linecap="round" stroke-linejoin="round" d="M12 7.5h1.5m-1.5 3h1.5m-7.5 3h7.5m-7.5 3h7.5m3-9h3.375c.621 0 1.125.504 1.125 1.125V18a2.25 2.25 0 0 1-2.25 2.25M16.5 7.5V18a2.25 2.25 0 0 0 2.25 2.25M16.5 7.5V4.875c0-.621-.504-1.125-1.125-1.125H4.125C3.504 3.75 3 4.254 3 4.875V18a2.25 2.25 0 0 0 2.25 2.25h13.5M6 7.5h3v3H6v-3Z"/>
1519</svg>
1520
1521            
1522    Actualité
1523    </div>
1524                                                        <span>25 sept.</span>
1525                                                    </span>
1526                        <span class="mt-1.5 line-clamp-2 block font-medium leading-snug text-zinc-800 group-hover:text-primary">
1527                            Heures de délégation : règles essentielles et bonnes pratiques pour les employeurs
1528                        </span>
1529                    </a>
1530                                        <a href="https://www.legisocial.fr/actualites-sociales/8121-inaptitude-bons-reflexes-adopter.html" class="group block py-3 first:pt-1">
1531                        <span class="flex flex-wrap items-center gap-2 text-xs text-zinc-400">
1532                            <div data-flux-badge="data-flux-badge" class="inline-flex items-center font-medium whitespace-nowrap  [print-color-adjust:exact] text-xs py-1 **:data-flux-badge-icon:size-3 **:data-flux-badge-icon:me-1 rounded-md px-2 text-zinc-700 [&amp;_button]:text-zinc-700! dark:text-zinc-200 dark:[&amp;_button]:text-zinc-200! bg-zinc-400/15 dark:bg-zinc-400/40 [&amp;:is(button)]:hover:bg-zinc-400/25 dark:[button]:hover:bg-zinc-400/50 badge-format">
1533        <svg class="shrink-0 [:where(&amp;)]:size-6 size-4" data-flux-badge-icon="data-flux-badge-icon" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
1534  <path stroke-linecap="round" stroke-linejoin="round" d="M12 7.5h1.5m-1.5 3h1.5m-7.5 3h7.5m-7.5 3h7.5m3-9h3.375c.621 0 1.125.504 1.125 1.125V18a2.25 2.25 0 0 1-2.25 2.25M16.5 7.5V18a2.25 2.25 0 0 0 2.25 2.25M16.5 7.5V4.875c0-.621-.504-1.125-1.125-1.125H4.125C3.504 3.75 3 4.254 3 4.875V18a2.25 2.25 0 0 0 2.25 2.25h13.5M6 7.5h3v3H6v-3Z"/>
1535</svg>
1536
1537            
1538    Actualité
1539    </div>
1540                                                        <span>25 sept.</span>
1541                                                    </span>
1542                        <span class="mt-1.5 line-clamp-2 block font-medium leading-snug text-zinc-800 group-hover:text-primary">
1543                            Inaptitude : les bons réflexes à adopter
1544                        </span>
1545                    </a>
1546                                        <a href="https://www.legisocial.fr/jurisprudences-sociales/1691-rupture-conventionnelle-accord-entreprise-fixer-montant-minimum-indemnite.html" class="group block py-3 first:pt-1">
1547                        <span class="flex flex-wrap items-center gap-2 text-xs text-zinc-400">
1548                            <div data-flux-badge="data-flux-badge" class="inline-flex items-center font-medium whitespace-nowrap  [print-color-adjust:exact] text-xs py-1 **:data-flux-badge-icon:size-3 **:data-flux-badge-icon:me-1 rounded-md px-2 text-zinc-700 [&amp;_button]:text-zinc-700! dark:text-zinc-200 dark:[&amp;_button]:text-zinc-200! bg-zinc-400/15 dark:bg-zinc-400/40 [&amp;:is(button)]:hover:bg-zinc-400/25 dark:[button]:hover:bg-zinc-400/50 badge-format">
1549        <svg class="shrink-0 [:where(&amp;)]:size-6 size-4" data-flux-badge-icon="data-flux-badge-icon" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
1550  <path stroke-linecap="round" stroke-linejoin="round" d="M12 3v17.25m0 0c-1.472 0-2.882.265-4.185.75M12 20.25c1.472 0 2.882.265 4.185.75M18.75 4.97A48.416 48.416 0 0 0 12 4.5c-2.291 0-4.545.16-6.75.47m13.5 0c1.01.143 2.01.317 3 .52m-3-.52 2.62 10.726c.122.499-.106 1.028-.589 1.202a5.988 5.988 0 0 1-2.031.352 5.988 5.988 0 0 1-2.031-.352c-.483-.174-.711-.703-.59
1550-1.202L18.75 4.971Zm-16.5.52c.99-.203 1.99-.377 3-.52m0 0 2.62 10.726c.122.499-.106 1.028-.589 1.202a5.989 5.989 0 0 1-2.031.352 5.989 5.989 0 0 1-2.031-.352c-.483-.174-.711-.703-.59-1.202L5.25 4.971Z"/>
1551</svg>
1552
1553            
1554    Jurisprudence
1555    </div>
1556                                                        <span>25 sept.</span>
1557                                                    </span>
1558                        <span class="mt-1.5 line-clamp-2 block font-medium leading-snug text-zinc-800 group-hover:text-primary">
1559                            Rupture conventionnelle : l’accord d’entreprise peut fixer le montant minimum de l’indemnité
1560                        </span>
1561                    </a>
1562                                        <a href="https://www.legisocial.fr/la-matinale/2026-09-25.html#b-11536" class="group block py-3 first:pt-1">
1563                        <span class="flex flex-wrap items-center gap-2 text-xs text-zinc-400">
1564                            <div data-flux-badge="data-flux-badge" class="inline-flex items-center font-medium whitespace-nowrap  [print-color-adjust:exact] text-xs py-1 **:data-flux-badge-icon:size-3 **:data-flux-badge-icon:me-1 rounded-md px-2 text-zinc-700 [&amp;_button]:text-zinc-700! dark:text-zinc-200 dark:[&amp;_button]:text-zinc-200! bg-zinc-400/15 dark:bg-zinc-400/40 [&amp;:is(button)]:hover:bg-zinc-400/25 dark:[button]:hover:bg-zinc-400/50 badge-format">
1565        <svg class="shrink-0 [:where(&amp;)]:size-6 size-4" data-flux-badge-icon="data-flux-badge-icon" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
1566  <path stroke-linecap="round" stroke-linejoin="round" d="M21.75 9v.906a2.25 2.25 0 0 1-1.183 1.981l-6.478 3.488M2.25 9v.906a2.25 2.25 0 0 0 1.183 1.981l6.478 3.488m8.839 2.51-4.66-2.51m0 0-1.023-.55a2.25 2.25 0 0 0-2.134 0l-1.022.55m0 0-4.661 2.51m16.5 1.615a2.25 2.25 0 0 1-2.25 2.25h-15a2.25 2.25 0 0 1-2.25-2.25V8.844a2.25 2.25 0 0 1 1.183-1.981l7.5-4.039a2.25 2.25 0 0 1 2.134 0l7.5 4.039a2.25 2.25 0 0 1 1.183 1.98V19.5Z"/>
1567</svg>
1568
1569            
1570    Brève
1571    </div>
1572                                                        <span>25 sept.</span>
1573                                                    </span>
1574                        <span class="mt-1.5 line-clamp-2 block font-medium leading-snug text-zinc-800 group-hover:text-primary">
1575                            Contributions conventionnelles au 1er janvier 2027
1576                        </span>
1577                    </a>
1578                                    </div>
1579            </section>
1580                    </div>
1581    </div>
1582</div>
1583        <div id="secondary-outils" class="submenu-secondary" aria-label="Menu Outils">
1584    <div class="max-h-[calc(100vh-6rem)] overflow-y-auto overscroll-contain bg-white text-zinc-700">
1585        <div class="grid lg:grid-cols-[14rem_minmax(0,1fr)]">
1586            <aside class="bg-primary px-6 py-6 text-white" aria-labelledby="secondary-outils-types-heading">
1587                <p id="secondary-outils-types-heading" class="text-xs font-semibold uppercase tracking-[0.12em] text-white/60">Accès rapide</p>
1588
1589                <nav class="mt-4" aria-label="Menu Outils">
1590                    <ul class="space-y-1 [&_a]:block [&_a]:rounded-lg [&_a]:px-2 [&_a]:py-2.5 [&_a]:font-medium [&_a]:leading-snug [&_a]:text-white/90 [&_a:hover]:bg-white/10 [&_a:hover]:text-white">
1591                        <li><a href="/outils-dossiers/">Outils métiers</a></li>
1592        <li><a href="https://www.legisocial.fr/modele-lettre/">Modèles de lettres</a></li>
1593        <li><a href="https://www.legisocial.fr/modele-contrat/">Modèles de contrats</a></li>
1594        <li><a href="https://www.legisocial.fr/modele-document/">Modèles de documents</a></li>
1595        <li><a href="https://www.legisocial.fr/modele-bulletin-paie/">Bulletins de paie commentés</a></li>
1596        <li><a href="https://www.legisocial.fr/formulaire-cerfa/">Formulaires Cerfa</a></li>
1597        <li><a href="https://www.legisocial.fr/calculettes-gratuites/">Calculateurs</a></li>
1598                    </ul>
1599                </nav>
1600            </aside>
1601
1602            <section class="min-w-0 px-6 py-6 xl:px-8" aria-labelledby="secondary-outils-content-heading">
1603                <p id="secondary-outils-content-heading" class="text-xs font-semibold uppercase tracking-[0.12em] text-zinc-400">Explorer</p>
1604
1605                <div class="mt-5">
1606                    <div class="grid gap-7 lg:grid-cols-2 xl:grid-cols-3">
1607        <section id="gestion-paie">
1608    <div class="flex items-center gap-3">
1609                    <svg xmlns="http://www.w3.org/2000/svg" class="w-6 h-6 lg:w-6 lg:h-6 stroke-gray-500" width="24" height="24" viewBox="0 0 24 24"><g fill="#aaa" stroke-linecap="square" stroke-linejoin="miter" stroke-miterlimit="10" class="fill-gray-500"><path data-cap="butt" data-color="color-2" fill="none" stroke="#aaa" stroke-width="1.2" d="M3.5,1C2.119,1,1,2.119,1,3.5V5 h13V3.5C14,2.119,15.119,1,16.5,1H3.5z" stroke-linecap="butt" class="stroke-gray-500"/> <path data-cap="butt" data-color="color-2" fill="none" stroke="#aaa" stroke-width="1.2" d="M16.5,1 C17.881,1,19,2.119,19,3.5V15" stroke-linecap="butt" class="stroke-gray-500"/> <line data-cap="butt" data-color="color-2" fill="none" stroke="#aaa" stroke-width="1.2" x1="5" y1="5" x2="5" y2="
160915" stroke-linecap="butt" class="stroke-gray-500"/> <rect x="1" y="15" fill-rule="evenodd" clip-rule="evenodd" fill="none" stroke="#aaa" stroke-width="1.2" width="22" height="8" class="stroke-gray-500"/> <line fill-rule="evenodd" clip-rule="evenodd" fill="none" stroke="#aaa" stroke-width="1.2" x1="5" y1="19" x2="6" y2="19" class="stroke-gray-500"/> <line fill-rule="evenodd" clip-rule="evenodd" fill="none" stroke="#aaa" stroke-width="1.2" x1="10" y1="19" x2="19" y2="19" class="stroke-gray-500"/></g></svg>                
1610        <span class="font-semibold leading-snug">
1611            <a href="https://www.legisocial.fr/outils-gestion-rh-et-paie/" class="text-primary hover:text-zinc-900">Gestion de la paie</a>
1612        </span>
1613    </div>
1614
1615    <nav class="mt-3" aria-label="Gestion de la paie">
1616        <ul class="space-y-1 text-sm [&_a]:block [&_a]:rounded-lg [&_a]:px-2 [&_a]:py-1.5 [&_a]:leading-snug [&_a:hover]:bg-zinc-50 [&_a:hover]:text-primary [&_a.more]:font-semibold [&_a.more]:text-primary">
1617            <li><a href="/outils-gestion-rh-et-paie/?rubrique[]=Gestion%20des%20cotisations%20sociales%20et%20taxes" rel="nofollow">Gestion des cotisations sociales</a></li>
1618            <li><a href="/outils-gestion-rh-et-paie/?rubrique[]=Le%20bulletin%20de%20salaire" rel="nofollow">Bulletin de salaire</a></li>
1619            <li><a href="/calcul-indemnites-depart/">Outil de calcul d’indemnités</a></li>
1620            <li><a href="/outils-gestion-rh-et-paie/?rubrique[]=Rupture%20du%20contrat%20de%20travail" rel="nofollow">Rupture du contrat de travail</a></li>
1621            <li><a href="/outils-gestion-rh-et-paie/?rubrique[]=Suspension%20du%20contrat%20de%20travail" rel="nofollow">Suspension du contrat de travail</a></li>
1622            <li><a href="/outils-gestion-rh-et-paie/?rubrique[]=Gestion%20des%20relations%20contractuelles" rel="nofollow">Gestion des relations contractuelles</a></li>
1623            <li><a href="/outils-gestion-rh-et-paie/?rubrique[]=Le%20temps%20de%20travail" rel="nofollow">Temps de travail</a></li>
1624            <li><a href="/outils-gestion-rh-et-paie/?rubrique[]=Les%20relations%20de%20travail" rel="nofollow">Relations de travail</a></li>
1625            <li><a href="/outils-gestion-rh-et-paie/?rubrique[]=La%20formation" rel="nofollow">Formation</a></li>
1626            <li><a href="https://www.legisocial.fr/outils-gestion-rh-et-paie/" class="more">Voir tout</a></li>
1627        </ul>
1628    </nav>
1629</section>
1630
1631        <div class="space-y-7">
1632            <section id="dossiers-synthese-social-rh">
1633    <div class="flex items-center gap-3">
1634                    <svg xmlns="http://www.w3.org/2000/svg" class="w-6 h-6 lg:w-6 lg:h-6 stroke-gray-500" width="24" height="24" viewBox="0 0 24 24"><g stroke-linecap="round" stroke-linejoin="round" stroke-width="1" fill="none" stroke="#8e96a4" class="stroke-gray-500"><polyline data-cap="butt" points="13,1 13,9 10,7 7,9 7,1 " stroke="#8e96a4" class="stroke-gray-500"/> <path d="M5,1C3.895,1,3,1.895,3,3 v18c0-1.105,0.895-2,2-2h14c1.105,0,2-0.895,2-2V3c0-1.105-0.895-2-2-2H5z"/> <path d="M19,23c1.105,0,2-0.895,2-2 v-2v-2c0,1.105-0.895,2-2,2H5c-1.105,0-2,0.895-2,2c0,1.105,0.895,2,2,2H19z"/></g></svg>                
1635        <span class="font-semibold leading-snug">
1636            <a href="https://www.legisocial.fr/dossiers-synthese/" class="text-primary hover:text-zinc-900">Dossiers synthèse Social &amp; RH</a>
1637        </span>
1638    </div>
1639
1640    <nav class="mt-3" aria-label="Dossiers synthèse Social &amp; RH">
1641        <ul class="space-y-1 text-sm [&_a]:block [&_a]:rounded-lg [&_a]:px-2 [&_a]:py-1.5 [&_a]:leading-snug [&_a:hover]:bg-zinc-50 [&_a:hover]:text-primary [&_a.more]:font-semibold [&_a.more]:text-primary">
1642            <li><a href="/dossiers-synthese/?rubrique[]=Embauche%2C%20ex%C3%A9cution%20et%20rupture%20du%20contrat%20de%20travail" rel="nofollow">Contrat de travail</a></li>
1643                <li><a href="/dossiers-synthese/?rubrique[]=Vie%20dans%20l%27entreprise" rel="nofollow">Vie dans l'entreprise</a></li>
1644                <li><a href="/dossiers-synthese/?rubrique[]=Hygi%C3%A8ne%2C%20sant%C3%A9%20et%20s%C3%A9curit%C3%A9" rel="nofollow">Hygiène, santé et sécurité</a></li>
1645                <li><a href="https://www.legisocial.fr/dossiers-synthese/" class="more">Voir tout</a></li>
1646        </ul>
1647    </nav>
1648</section>
1649
1650            <section id="pilotage-gestion-entreprise">
1651    <div class="flex items-center gap-3">
1652                    <svg xmlns="http://www.w3.org/2000/svg" class="w-6 h-6 lg:w-6 lg:h-6 stroke-gray-500" width="24" height="24" viewBox="0 0 24 24"><g stroke-linecap="round" stroke-linejoin="round" stroke-width="1" fill="none" stroke="#8e96a4" class="stroke-gray-500">
1652<line x1="3" y1="13" x2="10" y2="13" stroke="#8e96a4" class="stroke-gray-500"/> <line x1="3" y1="5" x2="10" y2="5" stroke="#8e96a4" class="stroke-gray-500"/> <polyline points=" 3,1 3,21 10,21 " stroke="#8e96a4" class="stroke-gray-500"/> <rect x="10" y="3" width="11" height="4"/> <rect x="10" y="19" width="11" height="4"/> <rect x="10" y="11" width="11" height="4"/></g></svg>                
1653        <span class="font-semibold leading-snug">
1654            <a href="https://www.legifiscal.fr/outils-gestion-entreprise/" class="text-primary hover:text-zinc-900">Pilotage et gestion de l’entreprise</a>
1655        </span>
1656    </div>
1657
1658    <nav class="mt-3" aria-label="Pilotage et gestion de l’entreprise">
1659        <ul class="space-y-1 text-sm [&_a]:block [&_a]:rounded-lg [&_a]:px-2 [&_a]:py-1.5 [&_a]:leading-snug [&_a:hover]:bg-zinc-50 [&_a:hover]:text-primary [&_a.more]:font-semibold [&_a.more]:text-primary">
1660            <li><a href="https://www.legifiscal.fr/outils-gestion-entreprise/">Outils d'aide à la gestion</a></li>
1661                <li><a href="https://www.legifiscal.fr/outils-gestion-entreprise/?rubrique[]=Pilotage%20de%20l%27entreprise" rel="nofollow">Outils de pilotage</a></li>
1662                <li><a href="https://www.legifiscal.fr/outils-gestion-fiscale/?rubrique[]=Optimisation%20de%20la%20r%C3%A9mun%C3%A9ration%20du%20dirigeant" rel="nofollow">Outils pour le dirigeant</a></li>
1663                <li><a href="https://www.legifiscal.fr/outils-gestion-entreprise/" class="more">Voir tout</a></li>
1664        </ul>
1665    </nav>
1666</section>
1667        </div>
1668
1669        <div class="space-y-7">
1670            <section id="procedures-rh">
1671    <div class="flex items-center gap-3">
1672                    <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="w-6 h-6 lg:w-6 lg:h-6 stroke-gray-500" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
1673    <title>ambulance</title>
1674    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
1675        <g id="ambulance" transform="translate(1.000000, 0.000000)">
1676            <circle id="Oval" stroke="#000000" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" cx="6" cy="20" r="3" class="stroke-gray-500"/>
1677            <circle id="Oval" stroke="#000000" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" cx="16" cy="20" r="3" class="stroke-gray-500"/>
1678            <line x1="13" y1="20" x2="9" y2="20" id="Path" stroke="#000000" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" class="stroke-gray-500"/>
1679            <polyline id="Path" stroke="#000000" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" points="3 20 0 20 0 5 17 5 22 11 22 20 19 20" class="stroke-gray-500"/>
1680            <path d="M8,3 L8,2 C8,0.8954305 8.8954305,0 10,0 L10,0 C11.1045695,0 12,0.8954305 12,2 L12,3 L8,3 Z" id="Path" fill="#000000" fill-rule="nonzero" class="fill-gray-500"/>
1681            <polyline id="Path" stroke="#000000" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" points="15 9 15 12 19 12" class="stroke-gray-500"/>
1682        </g>
1683    </g>
1684</svg>                
1685        <span class="font-semibold leading-snug">
1686            <a href="https://www.legisocial.fr/procedures-rh/" class="text-primary hover:text-zinc-900">Procédures RH</a>
1687        </span>
1688    </div>
1689
1690    <nav class="mt-3" aria-label="Procédures RH">
1691        <ul class="space-y-1 text-sm [&_a]:block [&_a]:rounded-lg [&_a]:px-2 [&_a]:py-1.5 [&_a]:leading-snug [&_a:hover]:bg-zinc-50 [&_a:hover]:text-primary [&_a.more]:font-semibold [&_a.more]:text-primary">
1692            <li><a href="https://www.legisocial.fr/procedures-rh/">Libertés et obligations de l'employeur</a></li>
1693                <li><a href="https://www.legisocial.fr/procedures-rh/">Hygiène, santé et sécurité</a></li>
1694                <li><a href="https://www.legisocial.fr/procedures-rh/">Recrutement et embauche</a></li>
1695                <li><a href="https://www.legisocial.fr/procedures-rh/" class="more">Voir tout</a></li>
1696        </ul>
1697    </nav>
1698</section>
1699
1700            <section id="outils-calcul-verification">
1701    <div class="flex items-center gap-3">
1702                    <svg xmlns="http://www.w3.org/2000/svg" class="w-6 h-6 lg:w-6 lg:h-6 stroke-gray-500" width="24" height="24" viewBox="0 0 24 24"><g fill="#aaa" stroke-linecap="square" stroke-linejoin="miter" stroke-miterlimit="10" class="fill-gray-500"><line data-color="color-2" x1="4" y1="7" x2="10" y2="7.001" fill="none" stroke="#aaa" stroke-width="1.2" class="stroke-gray-500"/>
1702<line data-color="color-2" x1="4" y1="16.999" x2="10" y2="17.001" fill="none" stroke="#aaa" stroke-width="1.2" class="stroke-gray-500"/><line data-color="color-2" x1="14" y1="18.999" x2="20" y2="19" fill="none" stroke="#aaa" stroke-width="1.2" class="stroke-gray-500"/><line data-color="color-2" x1="14" y1="14.998" x2="20" y2="14.999" fill="none" stroke="#aaa" stroke-width="1.2" class="stroke-gray-500"/><line data-color="color-2" x1="7.001" y1="14" x2="6.999" y2="20" fill="none" stroke="#aaa" stroke-width="1.2" class="stroke-gray-500"/><line data-color="color-2" x1="15" y1="5" x2="19" y2="9" fill="none" stroke="#aaa" stroke-width="1.2" class="stroke-gray-500"/><line data-color="color-2" x1="19" y1="5" x2="15" y2="9" fill="none" stroke="#aaa" stroke-width="1.2" class="stroke-gray-500"/><rect x="1" y="1" width="22" height="22" fill="none" stroke="#aaa" stroke-width="1.2" class="stroke-gray-500"/></g></svg>                
1703        <span class="font-semibold leading-snug">
1704            <a href="https://www.legisocial.fr/calculettes-gratuites/" class="text-primary hover:text-zinc-900">Outils de calcul &amp; vérification</a>
1705        </span>
1706    </div>
1707
1708    <nav class="mt-3" aria-label="Outils de calcul &amp; vérification">
1709        <ul class="space-y-1 text-sm [&_a]:block [&_a]:rounded-lg [&_a]:px-2 [&_a]:py-1.5 [&_a]:leading-snug [&_a:hover]:bg-zinc-50 [&_a:hover]:text-primary [&_a.more]:font-semibold [&_a.more]:text-primary">
1710            <li><a href="https://www.legisocial.fr/calculettes-gratuites/">Salaires</a></li>
1711                <li><a href="https://www.legisocial.fr/calculettes-gratuites/">Régulation PMSS</a></li>
1712                <li><a href="https://www.legisocial.fr/calculettes-gratuites/">Sécurité sociale</a></li>
1713                <li><a href="https://www.legisocial.fr/calculettes-gratuites/" class="more">Voir tout</a></li>
1714        </ul>
1715    </nav>
1716</section>
1717        </div>
1718    </div>
1719                </div>
1720            </section>
1721        </div>
1722    </div>
1723</div>
1724        <div id="secondary-textes-lois" class="submenu-secondary" aria-label="Menu Textes et lois">
1725    <div class="max-h-[calc(100vh-6rem)] overflow-y-auto overscroll-contain bg-white text-zinc-700">
1726        <div class="grid lg:grid-cols-[14rem_minmax(0,1fr)]">
1727            <aside class="bg-primary px-6 py-6 text-white" aria-labelledby="secondary-textes-lois-types-heading">
1728                <p id="secondary-textes-lois-types-heading" class="text-xs font-semibold uppercase tracking-[0.12em] text-white/60">Accès rapide</p>
1729
1730                <nav class="mt-4" aria-label="Menu Textes et lois">
1731                    <ul class="space-y-1 [&_a]:block [&_a]:rounded-lg [&_a]:px-2 [&_a]:py-2.5 [&_a]:font-medium [&_a]:leading-snug [&_a]:text-white/90 [&_a:hover]:bg-white/10 [&_a:hover]:text-white">
1732                        <li><a href="https://www.legisocial.fr/conventions-collectives-nationales/">Conventions collectives</a></li>
1733        <li><a href="https://www.legisocial.fr/reperes-sociaux/">Chiffres & Taux</a></li>
1734        <li><a href="https://www.legisocial.fr/glossaire-sigles-social/">Glossaire</a></li>
1735                    </ul>
1736                </nav>
1737            </aside>
1738
1739            <section class="min-w-0 px-6 py-6 xl:px-8" aria-labelledby="secondary-textes-lois-content-heading">
1740                <p id="secondary-textes-lois-content-heading" class="text-xs font-semibold uppercase tracking-[0.12em] text-zinc-400">Explorer</p>
1741
1742                <div class="mt-5">
1743                    <div class="grid gap-7 lg:grid-cols-2 xl:grid-cols-4">
1744        <section id="conventions">
1745    <div class="flex items-center gap-3">
1746                    <svg xmlns="http://www.w3.org/2000/svg" class="w-6 h-6 lg:w-6 lg:h-6 stroke-gray-500" width="24" height="24" viewBox="0 0 24 24"><g stroke-linecap="round" stroke-linejoin="round" stroke-width="1" fill="none" stroke="#8e96a4" class="stroke-gray-500"><rect x="3" y="1" width="18" height="22"/><polygon points="18 4 18 12 15 10 12 12 12 4 18 4" stroke="none" fill="#8e96a4" class="fill-gray-500"/></g></svg>                
1747        <span class="font-semibold leading-snug">
1748            <a href="https://www.legisocial.fr/conventions-collectives-nationales/" class="text-primary hover:text-zinc-900">Conventions collectives</a>
1749        </span>
1750    </div>
1751
1752    <nav class="mt-3" aria-label="Conventions collectives">
1753        <ul class="space-y-1 text-sm [&_a]:block [&_a]:rounded-lg [&_a]:px-2 [&_a]:py-1.5 [&_a]:leading-snug [&_a:hover]:bg-zinc-50 [&_a:hover]:text-primary [&_a.more]:font-semibold [&_a.more]:text-primary">
1754            <li><a href="https://www.legisocial.fr/conventions-collectives-nationales/all">Toutes les conventions collectives</a></li>
1755            <li><a href="https://www.legisocial.fr/conventions-collectives-nationales/code-naf/">Trouver par code NAF</a></li>
1756            <li><a href="https://www.legisocial.fr/conventions-collectives-nationales/synthese/">Qu'est-ce qu'une synthèse&nbsp;?</a></li>
1757            <li><a href="https://www.legisocial.fr/conventions-collectives-nationales/">Rechercher par IDCC / SIRET</a></li>
1758            <li><a href="https://www.legisocial.fr/accords-entreprise/">Accords d'entreprise</a></li>
1759        </ul>
1760    </nav>
1761</section>
1762
1763        <section id="espace-conventions">
1764            
1765        <div class="rounded-lg bg-violet-400 p-4">
1766            <p class="flex items-center gap-2 font-semibold text-white text-base">
1767                <svg class="shrink-0 [:where(&amp;)]:size-4 size-5" data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" data-slot="icon">
1768  <path fill-rule="evenodd" d="M5 4a.75.75 0 0 1 .738.616l.252 1.388A1.25 1.25 0 0 0 6.996 7.01l1.388.252a.75.75 0 0 1 0 1.476l-1.388.252A1.25 1.25 0 0 0 5.99 9.996l-.252 1.388a.75.75 0 0 1-1.476 0L4.01 9.996A1.25 1.25 0 0 0 3.004 8.99l-1.388-.252a.75.75 0 0 1 0-1.476l1.388-.252A1.25 1.25 0 0 0 4.01 6.004l.252-1.388A.75.75 0 0 1 5 4ZM12 1a.75.75 0 0 1 .721.544l.195.682c.118.415.443.74.858.858l.682.195a.75.75 0 0 1 0 1.442l-.682.195a1.25 1.25 0 0 0-.858.858l-.195.682a.75.75 0 0 1-1.442 0l-.195-.682a1.25 1.25 0 0 0-.858-.858l-.682-.195a.75.75 0 0 1 0-1.442l.682-.195a1.25 1.25 0 0 0 .858-.858l.195-.682A.75.75 0 0 1 12 1ZM10 11a.75.75 0 0 1 .728.568.968.968 0 0 0 .704.704.75.75 0 0 1 0 1.456.968.968 0 0 0-.704.704.75.75 0 0 1-1.456 0 .968.968 0 0 0-.704-.704.75.75 0 0 1 0-1.456.968.968 0 0 0 .704-.704A.75.75 0 0 1 10 11Z" clip-rule="evenodd"/>
1769</svg>
1770
1771                        Échangez avec votre convention
1772            </p>
1773            <p class="mt-1.5 text-sm text-white/80">
1774                Une convention vous manque ?<br/>Ajoutez-la à votre abonnement ou achetez-la à l'acte.
1775            </p>
1776            <a href="https://www.legisocial.fr/conventions-collectives-nationales/" data-flux-button="data-flux-button" class="relative items-center font-medium justify-center gap-2 whitespace-nowrap disabled:opacity-75 dark:disabled:opacity-75 disabled:cursor-default disabled:pointer-events-none justify-center h-10 text-sm rounded-lg ps-4 pe-3 inline-flex  bg-white hover:bg-zinc-50 dark:bg-zinc-700 dark:hover:bg-zinc-600/75 text-zinc-800 dark:text-white border border-zinc-200 hover:border-zinc-200 border-b-zinc-300/80 dark:border-zinc-600 dark:hover:border-zinc-600 shadow-xs [[data-flux-button-group]_&amp;]:border-s-0 [:is([data-flux-button-group]&gt;&amp;:first-child,_[data-flux-button-group]_:first-child&gt;&amp;)]:border-s-[1px]   mt-5" data-flux-group-target="data-flux-group-target">
1777        <span>Découvrir l'outil IA</span>
1778        
1779        
1780                    
1781                        <svg class="shrink-0 [:where(&amp;)]:size-4" data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" data-slot="icon">
1782  <path d="M6.22 8.72a.75.75 0 0 0 1.06 1.06l5.22-5.22v1.69a.75.75 0 0 0 1.5 0v-3.5a.75.75 0 0 0-.75-.75h-3.5a.75.75 0 0 0 0 1.5h1.69L6.22 8.72Z"/>
1783  <path d="M3.5 6.75c0-.69.56-1.25 1.25-1.25H7A.75.75 0 0 0 7 4H4.75A2.75 2.75 0 0 0 2 6.75v4.5A2.75 2.75 0 0 0 4.75 14h4.5A2.75 2.75 0 0 0 12 11.25V9a.75.75 0 0 0-1.5 0v2.25c0 .69-.56 1.25-1.25 1.25h-4.5c-.69 0-1.25-.56-1.25-1.25v-4.5Z"/>
1784</svg>
1785    </a>
1786        </div>
1787    </section>
1788
1789        <section id="chiffres-taux">
1790    <div class="flex items-center gap-3">
1791                    <svg xmlns="http://www.w3.org/2000/svg" class="w-6 h-6 lg:w-6 lg:h-6 stroke-gray-500" width="24" height="24" viewBox="0 0 24 24"><g stroke-linecap="round" stroke-linejoin="round" stroke-width="1" fill="none" stroke="#444444" class="stroke-gray-500"><line x1="16" y1="16" x2="16" y2="22"/> <line data-cap="butt" x1="16" y1="2" x2="16" y2="8"/> <line data-cap="butt" x1="17.995" y1="10.14" x2="23" y2="13" stroke="#444444" class="stroke-gray-500"/> <polyline data-cap="butt" points="1,15 6,11 10,14 14.088,10.593 " stroke="#444444" class="stroke-gray-500"/> <rect x="1" y="2" width="22" height="20"/> <circle cx="16" cy="10" r="2" stroke="#444444" class="stroke-gray-500"/></g></svg>                
1792        <span class="font-semibold leading-snug">
1793            <a href="https://www.legisocial.fr/reperes-sociaux/" class="text-primary hover:text-zinc-900">Chiffres &amp; Taux</a>
1794        </span>
1795    </div>
1796
1797    <nav class="mt-3" aria-label="Chiffres &amp; Taux">
1798        <ul class="space-y-1 text-sm [&_a]:block [&_a]:rounded-lg [&_a]:px-2 [&_a]:py-1.5 [&_a]:leading-snug [&_a:hover]:bg-zinc-50 [&_a:hover]:text-primary [&_a.more]:font-semibold [&_a.more]:text-primary">
1799            <li><a href="/reperes-sociaux/#valeurs-base-applicables">Valeurs de base applicables</a></li>
1800            <li><a href="/reperes-sociaux/#cotisations">Cotisations</a></li>
1801            <li><a href="/reperes-sociaux/#reductions-cotisations-aides-embauche">Réductions cotisations - Aides à l'embauche</a></li>
1802            <li><a href="/reperes-sociaux/#remunerations-contrats-alternance">Rémunérations des contrats en alternance</a></li>
1803            <li><a href="/reperes-sociaux/#taxes-salaires">Taxes sur les salaires</a></li>
1804            <li><a href="/reperes-sociaux/#retraite">Retraite</a></li>
1805            <li><a href="/reperes-sociaux/#regimes-sociaux-fiscaux-ruptures-contrat-travail">Régimes sociaux et fiscaux autres ruptures contrat de travail</a></li>
1806            <li><a href="/reperes-sociaux/#chomage-partiel-activite-partielle">Chômage partiel et Activité partielle</a></li>
1807            <li><a href="https://www.legisocial.fr/reperes-sociaux/" class="more">Voir tout</a></li>
1808        </ul>
1809    </nav>
1810</section>
1811
1812        <section id="glossaire">
1813    <div class="flex items-center gap-3">
1814                    <svg xmlns="http://www.w3.org/2000/svg" class="w-6 h-6 lg:w-6 lg:h-6 stroke-gray-500" width="24" height="24" viewBox="0 0 24 24"><g fill="#aaa" stroke-linecap="square" stroke-linejoin="miter" stroke-miterlimit="10" class="fill-gray-500"><polyline points="12 17 17 22 22 17" fill="none" stroke="#aaa" stroke-width="1.2" class="stroke-gray-500"/><line x1="17" y1="22" x2="17" y2="2" fill="none" stroke="#aaa" stroke-width="1.2" data-cap="butt" stroke-linecap="butt" class="stroke-gray-500"/><path d="M8.546,11,7.822,8.621H4.178L3.454,11H1.17L4.7,1H7.289L10.83,11ZM7.316,6.844q-1-3.234-1.131-3.657C6.1,2.9,6.04,2.681,6,2.517q-.225.875-1.292,4.327Z" fill="#aaa" data-color="color-2" data-stroke="none" stroke="none" class="fill-gray-500"/><path d="M9.719,23H2.281V21.626l4.792-6.87H2.411v-1.75H9.589v1.367L4.8,21.25H9.719Z" fill="#aaa" data-color="color-2" data-stroke="none" stroke="none" class="fill-gray-500"/></g></svg>                
1815        <span class="font-semibold leading-snug">
1816            <a href="https://www.legisocial.fr/glossaire-sigles-social/" class="text-primary hover:text-zinc-900">Glossaire</a>
1817        </span>
1818    </div>
1819
1820    <nav class="mt-3" aria-label="Glossaire">
1821        <ul class="space-y-1 text-sm [&_a]:block [&_a]:rounded-lg [&_a]:px-2 [&_a]:py-1.5 [&_a]:leading-snug [&_a:hover]:bg-zinc-50 [&_a:hover]:text-primary [&_a.more]:font-semibold [&_a.more]:text-primary">
1822            <li><a href="/definition-ijss-indemnites-journalieres-de-securite-sociale.html">IJSS : Indemnités Journalières de Sécurité Sociale</a></li>
1823            <li><a href="/definition-jo-journal-officiel.html">JO : Journal Officiel</a></li>
1824            <li><a href="/definition-etp-equivalent-temps-plein.html">ETP : Équivalent Temps Plein</a></li>
1825            <li><a href="/definition-nao-negociation-annuelle-obligatoire.html">NAO : Négociation Annuelle Obligatoire</a></li>
1826            <li><a href="/definition-urssaf-union-de-recouvrement-des-cotisations-de-securite-sociale-et-d-allocations-familiales.html">URSSAF : Union de Recouvrement des Cotisations de Sécurité Sociale et d'Allocations Familiales</a></li>
1827            <li><a href="https://www.legisocial.fr/glossaire-sigles-social/" class="more">Voir tout</a></li>
1828        </ul>
1829    </nav>
1830</section>
1831    </div>
1832                </div>
1833            </section>
1834        </div>
1835    </div>
1836</div>
1837    </div>
1838</header>
1839
1840        
1841<main class="bg-zinc-75/60 antialiased pt-16">
1842    
1843    <section class="bg-white border-b border-zinc-200">
1844    <div class="px-6 lg:px-12 2xl:container pt-4 lg:pt-6 pb-8">
1845        
1845<script type="application/ld+json">
1846{"@context":"https://schema.org","@type":"BreadcrumbList","@id":"https://www.legisocial.fr/infos-conseils/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"LégiSocial","item":"https://www.legisocial.fr/"},{"@type":"ListItem","position":2,"name":"L'actualité en Social, Paie et RH"}]}
1847</script>
1847
1848
1849
1850<nav class="print:hidden " role="navigation" aria-label="Fil d’Ariane" id="breadcrumb">
1851    <ol itemscope itemtype="https://schema.org/BreadcrumbList" class="mb-4 lg:mb-8 flex flex-wrap" data-flux-breadcrumbs>
1852    <li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem" class="flex items-center text-xs font-medium group/breadcrumb" data-flux-breadcrumbs-item>
1853            <a itemprop="item" class="text-zinc-400 dark:text-white hover:underline decoration-zinc-800/20 underline-offset-4" href="https://www.legisocial.fr">
1854                            <span itemprop="name">LégiSocial</span>
1855                        <meta itemprop="position" content="1">        </a>
1856    
1857            <svg class="shrink-0 [:where(&amp;)]:size-5 mx-1 text-zinc-300 dark:text-white/80 group-last/breadcrumb:hidden rtl:hidden" data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
1858  <path fill-rule="evenodd" d="M8.22 5.22a.75.75 0 0 1 1.06 0l4.25 4.25a.75.75 0 0 1 0 1.06l-4.25 4.25a.75.75 0 0 1-1.06-1.06L11.94 10 8.22 6.28a.75.75 0 0 1 0-1.06Z" clip-rule="evenodd"/>
1859</svg>
1860
1861                <svg class="shrink-0 [:where(&amp;)]:size-5 mx-1 text-zinc-300 dark:text-white/80 group-last/breadcrumb:hidden hidden rtl:inline" data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
1862  <path fill-rule="evenodd" d="M11.78 5.22a.75.75 0 0 1 0 1.06L8.06 10l3.72 3.72a.75.75 0 1 1-1.06 1.06l-4.25-4.25a.75.75 0 0 1 0-1.06l4.25-4.25a.75.75 0 0 1 1.06 0Z" clip-rule="evenodd"/>
1863</svg>
1864
1865            </li>
1866
1867                                    <li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem" class="flex items-center text-xs font-medium group/breadcrumb" data-flux-breadcrumbs-item>
1868            <div itemprop="item" class="text-zinc-600 dark:text-white/80">
1869                            <span itemprop="name">Infos &amp; Conseils</span>
1870                        <meta itemprop="position" content="2">        </div>
1871    
1872            <svg class="shrink-0 [:where(&amp;)]:size-5 mx-1 text-zinc-300 dark:text-white/80 group-last/breadcrumb:hidden rtl:hidden" data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
1873  <path fill-rule="evenodd" d="M8.22 5.22a.75.75 0 0 1 1.06 0l4.25 4.25a.75.75 0 0 1 0 1.06l-4.25 4.25a.75.75 0 0 1-1.06-1.06L11.94 10 8.22 6.28a.75.75 0 0 1 0-1.06Z" clip-rule="evenodd"/>
1874</svg>
1875
1876                <svg class="shrink-0 [:where(&amp;)]:size-5 mx-1 text-zinc-300 dark:text-white/80 group-last/breadcrumb:hidden hidden rtl:inline" data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
1877  <path fill-rule="evenodd" d="M11.78 5.22a.75.75 0 0 1 0 1.06L8.06 10l3.72 3.72a.75.75 0 1 1-1.06 1.06l-4.25-4.25a.75.75 0 0 1 0-1.06l4.25-4.25a.75.75 0 0 1 1.06 0Z" clip-rule="evenodd"/>
1878</svg>
1879
1880            </li>
1881</ol>
1882</nav>
1883
1884        <div class="mt-4 max-w-4xl space-y-4">
1885            <h1 class="text-2xl lg:text-4xl font-title font-semibold text-zinc-900 leading-tight">
1886                L&#039;actualité en Social, Paie et RH
1887            </h1>
1888
1889                        <div class="text-base text-zinc-700 leading-relaxed prose prose-sm max-w-none prose-a:text-blue-600 prose-a:font-medium">
1890                Retrouvez toutes nos actualités, nos fiches pratiques, nos jurisprudences commentées, les principaux chiffres et taux et des modèles de documents à télécharger en matières sociales, paie et ressources humaines.
1891            </div>
1892            
1893            <p class="text-sm text-zinc-500">
1894                Édition du <span class="font-medium">vendredi 25 septembre 2026</span>
1895                                &bull; <span>50 publications cette semaine</span>
1896                            </p>
1897        </div>
1898    </div>
1899</section>
1900
1901    <section id="semaine" class="scroll-mt-32 py-8 lg:py-12">
1902    <div class="px-6 lg:px-12 2xl:container">
1903
1904        <div class="flex flex-wrap items-baseline justify-between gap-3">
1905            <h2 class="text-xl lg:text-2xl font-title font-semibold text-zinc-900">À ne pas manquer cette semaine</h2>
1906            <p class="text-sm text-zinc-500">
1907                Du 18 septembre
1908                au 25 septembre 2026
1909            </p>
1910        </div>
1911
1912                <div class="mt-6 grid lg:grid-cols-[1.55fr_1fr] gap-8">
1913
1914            
1915                        <div class="lg:pr-8 lg:border-r border-zinc-200">
1916                <span class="text-xs tracking-[0.14em] uppercase font-bold text-blue-600">À la une</span>
1917
1918                                <article class="mt-4">
1919                    <div class="lg:flex lg:gap-8">
1920                        <div class="lg:w-2/3">
1921                                                        <div data-flux-badge="data-flux-badge" class="inline-flex items-center font-medium whitespace-nowrap  [print-color-adjust:exact] text-xs py-1 **:data-flux-badge-icon:size-3 **:data-flux-badge-icon:me-1 rounded-md px-2 text-zinc-700 [&amp;_button]:text-zinc-700! dark:text-zinc-200 dark:[&amp;_button]:text-zinc-200! bg-zinc-400/15 dark:bg-zinc-400/40 [&amp;:is(button)]:hover:bg-zinc-400/25 dark:[button]:hover:bg-zinc-400/50 badge-metier badge-social" style="--badge-bullet-db: #ADD105;">
1922        Droit du travail
1923    </div>
1924                            
1925                            <h3 class="mt-3 text-lg lg:text-xl font-title font-bold text-zinc-900 leading-snug">
1926                                <a href="https://www.legisocial.fr/actualites-sociales/8149-conges-payes-acquis-arret-maladie-precisions-jurisprudentielles-prescription.html" class="hover:text-blue-600 transition-colors">Congés payés acquis pendant un arrêt maladie : précisions jurisprudentielles sur la prescription</a>
1927                            </h3>
1928
1929                                                        <time datetime="2026-09-23T06:00:00+02:00" class="mt-2 block text-sm text-zinc-400">
1930                                Publié le 23 septembre 2026
1931                            </time>
1932                            
1933                                                        <p class="mt-2.5 text-sm text-zinc-600 leading-relaxed">Quand la Cour de cassation revient sur les congés payés acquis et non pris en raison d&#039;un arrêt de travail pour maladie...</p>
1934                                                    </div>
1935
1936                                                <div class="lg:w-1/3">
1937                            <div class="mt-4 h-44 rounded-xl bg-cover bg-center" style="background-image:url('https://www.legisocial.fr/static/site_media/600/uploads/jurisprudence_justice.png')"></div>
1938                        </div>
1939                                            </div>
1940                </article>
1941                                <article class="mt-6 pt-6 border-t border-zinc-200">
1942                    <div class="lg:flex lg:gap-8">
1943                        <div class="lg:w-2/3">
1944                                                        <div data-flux-badge="data-flux-badge" class="inline-flex items-center font-medium whitespace-nowrap  [print-color-adjust:exact] text-xs py-1 **:data-flux-badge-icon:size-3 **:data-flux-badge-icon:me-1 rounded-md px-2 text-zinc-700 [&amp;_button]:text-zinc-700! dark:text-zinc-200 dark:[&amp;_button]:text-zinc-200! bg-zinc-400/15 dark:bg-zinc-400/40 [&amp;:is(button)]:hover:bg-zinc-400/25 dark:[button]:hover:bg-zinc-400/50 badge-metier badge-social" style="--badge-bullet-db: #ADD105;">
1945        Droit du travail
1946    </div>
1947                            
1948                            <h3 class="mt-3 text-lg lg:text-xl font-title font-bold text-zinc-900 leading-snug">
1949                                <a href="https://www.legisocial.fr/actualites-sociales/8112-enregistrement-entretien-prealable-qu-maitriser.html" class="hover:text-blue-600 transition-colors">Enregistrement de l’entretien préalable : ce qu’il faut maîtriser</a>
1950                            </h3>
1951
1952                                                        <time datetime="2026-09-21T06:00:00+02:00" class="mt-2 block text-sm text-zinc-400">
1953                                Publié le 21 septembre 2026
1954                            </time>
1955                            
1956                                                        <p class="mt-2.5 text-sm text-zinc-600 leading-relaxed">Trop d’employeurs sont encore surpris, voire déstabilisés, par un salarié qui sort son téléphone et enregistre l’entretien préalable.
1957La jurisprudence a pourtant évolué, et il est temps d’intégrer ces nouvelles règles dans vos pratiques.</p>
1958                                                    </div>
1959
1960                                                <div class="lg:w-1/3">
1961                            <div class="mt-4 h-44 rounded-xl bg-cover bg-center" style="background-image:url('https://www.legisocial.fr/static/site_media/600/uploads/240_f_802396910_hy1ev38pdiycwh3bcjakjq7rssjlieuj.jpg')"></div>
1962                        </div>
1963                                            </div>
1964                </article>
1965                            </div>
1966            
1967            
1968                        <aside aria-label="En bref">
1969                <div class="flex items-center gap-2 flex-wrap">
1970                    <h3 class="text-sm tracking-[0.12em] uppercase font-bold text-zinc-900">En bref</h3>
1971                                        <span class="text-xs font-semibold text-amber-600 inline-flex items-center gap-1">
1972    <svg class="shrink-0 [:where(&amp;)]:size-6 size-3" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
1973  <path stroke-linecap="round" stroke-linejoin="round" d="M16.5 10.5V6.75a4.5 4.5 0 1 0-9 0v3.75m-.75 11.25h10.5a2.25 2.25 0 0 0 2.25-2.25v-6.75a2.25 2.25 0 0 0-2.25-2.25H6.75a2.25 2.25 0 0 0-2.25 2.25v6.75a2.25 2.25 0 0 0 2.25 2.25Z"/>
1974</svg>
1975
1976         Réservé aux abonnés
1977</span>
1978                                    </div>
1979
1980                <div class="mt-2">
1981                                        <article class="group py-4 border-b border-zinc-200 last:border-0 py-3">
1982    <div class="flex flex-wrap items-center gap-2 text-xs text-zinc-400">
1983        
1984        
1985                <div data-flux-badge="data-flux-badge" class="inline-flex items-center font-medium whitespace-nowrap  [print-color-adjust:exact] text-xs py-1 **:data-flux-badge-icon:size-3 **:data-flux-badge-icon:me-1 rounded-md px-2 text-zinc-700 [&amp;_button]:text-zinc-700! dark:text-zinc-200 dark:[&amp;_button]:text-zinc-200! bg-zinc-400/15 dark:bg-zinc-400/40 [&amp;:is(button)]:hover:bg-zinc-400/25 dark:[button]:hover:bg-zinc-400/50 badge-metier badge-rh" style="--badge-bullet-db: #7BD2D0;">
1986        RH
1987    </div>
1988        
1989                <time datetime="2026-09-25T00:00:00+02:00">25 septembre 2026</time>
1990        
1991            </div>
1992
1993        
1994    <div class="contents" x-data x-on:click="$el.querySelector('button[disabled]') || $dispatch('modal-show', { name: 'matinale-breve' })" data-flux-modal-trigger>
1995    <button type="button" class="mt-1.5 block text-left font-semibold text-zinc-900 hover:text-blue-600 leading-snug transition-colors cursor-pointer">
1996            Contributions conventionnelles au 1er janvier 2027
1997            <svg class="shrink-0 [:where(&amp;)]:size-6 inline size-3.5 text-amber-500 align-baseline" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
1998  <path stroke-linecap="round" stroke-linejoin="round" d="M16.5 10.5V6.75a4.5 4.5 0 1 0-9 0v3.75m-.75 11.25h10.5a2.25 2.25 0 0 0 2.25-2.25v-6.75a2.25 2.25 0 0 0-2.25-2.25H6.75a2.25 2.25 0 0 0-2.25 2.25v6.75a2.25 2.25 0 0 0 2.25 2.25Z"/>
1999</svg>
2000
2001                </button>
2002</div>
2003    
2004    </article>
2005                                        <article class="group py-4 border-b border-zinc-200 last:border-0 py-3">
2006    <div class="flex flex-wrap items-center gap-2 text-xs text-zinc-400">
2007        
2008        
2009                <div data-flux-badge="data-flux-badge" class="inline-flex items-center font-medium whitespace-nowrap  [print-color-adjust:exact] text-xs py-1 **:data-flux-badge-icon:size-3 **:data-flux-badge-icon:me-1 rounded-md px-2 text-zinc-700 [&amp;_button]:text-zinc-700! dark:text-zinc-200 dark:[&amp;_button]:text-zinc-200! bg-zinc-400/15 dark:bg-zinc-400/40 [&amp;:is(button)]:hover:bg-zinc-400/25 dark:[button]:hover:bg-zinc-400/50 badge-metier badge-rh" style="--badge-bullet-db: #7BD2D0;">
2010        RH
2011    </div>
2012        
2013                <time datetime="2026-09-25T00:00:00+02:00">25 septembre 2026</time>
2014        
2015            </div>
2016
2017        
2018    <div class="contents" x-data x-on:click="$el.querySelector('button[disabled]') || $dispatch('modal-show', { name: 'matinale-breve' })" data-flux-modal-trigger>
2019    <button type="button" class="mt-1.5 block text-left font-semibold text-zinc-900 hover:text-blue-600 leading-snug transition-colors cursor-pointer">
2020            Garantie minimale de revenus des livreurs indépendants de plateformes
2021            <svg class="shrink-0 [:where(&amp;)]:size-6 inline size-3.5 text-amber-500 align-baseline" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
2022  <path stroke-linecap="round" stroke-linejoin="round" d="M16.5 10.5V6.75a4.5 4.5 0 1 0-9 0v3.75m-.75 11.25h10.5a2.25 2.25 0 0 0 2.25-2.25v-6.75a2.25 2.25 0 0 0-2.25-2.25H6.75a2.25 2.25 0 0 0-2.25 2.25v6.75a2.25 2.25 0 0 0 2.25 2.25Z"/>
2023</svg>
2024
2025                </button>
2026</div>
2027    
2028    </article>
2029                                        <article class="group py-4 border-b border-zinc-200 last:border-0 py-3">
2030    <div class="flex flex-wrap items-center gap-2 text-xs text-zinc-400">
2031        
2032        
2033                <div data-flux-badge="data-flux-badge" class="inline-flex items-center font-medium whitespace-nowrap  [print-color-adjust:exact] text-xs py-1 **:data-flux-badge-icon:size-3 **:data-flux-badge-icon:me-1 rounded-md px-2 text-zinc-700 [&amp;_button]:text-zinc-700! dark:text-zinc-200 dark:[&amp;_button]:text-zinc-200! bg-zinc-400/15 dark:bg-zinc-400/40 [&amp;:is(button)]:hover:bg-zinc-400/25 dark:[button]:hover:bg-zinc-400/50 badge-metier badge-rh" style="--badge-bullet-db: #7BD2D0;">
2034        RH
2035    </div>
2036        
2037                <time datetime="2026-09-25T00:00:00+02:00">25 septembre 2026</time>
2038        
2039            </div>
2040
2041        
2042    <div class="contents" x-data x-on:click="$el.querySelector('button[disabled]') || $dis
2042patch('modal-show', { name: 'matinale-breve' })" data-flux-modal-trigger>
2043    <button type="button" class="mt-1.5 block text-left font-semibold text-zinc-900 hover:text-blue-600 leading-snug transition-colors cursor-pointer">
2044            Comment se situe la France à l&#039;échelle européenne en matière de taux d&#039;emploi ?
2045            <svg class="shrink-0 [:where(&amp;)]:size-6 inline size-3.5 text-amber-500 align-baseline" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
2046  <path stroke-linecap="round" stroke-linejoin="round" d="M16.5 10.5V6.75a4.5 4.5 0 1 0-9 0v3.75m-.75 11.25h10.5a2.25 2.25 0 0 0 2.25-2.25v-6.75a2.25 2.25 0 0 0-2.25-2.25H6.75a2.25 2.25 0 0 0-2.25 2.25v6.75a2.25 2.25 0 0 0 2.25 2.25Z"/>
2047</svg>
2048
2049                </button>
2050</div>
2051    
2052    </article>
2053                                        <article class="group py-4 border-b border-zinc-200 last:border-0 py-3">
2054    <div class="flex flex-wrap items-center gap-2 text-xs text-zinc-400">
2055        
2056        
2057                <div data-flux-badge="data-flux-badge" class="inline-flex items-center font-medium whitespace-nowrap  [print-color-adjust:exact] text-xs py-1 **:data-flux-badge-icon:size-3 **:data-flux-badge-icon:me-1 rounded-md px-2 text-zinc-700 [&amp;_button]:text-zinc-700! dark:text-zinc-200 dark:[&amp;_button]:text-zinc-200! bg-zinc-400/15 dark:bg-zinc-400/40 [&amp;:is(button)]:hover:bg-zinc-400/25 dark:[button]:hover:bg-zinc-400/50 badge-metier badge-rh" style="--badge-bullet-db: #7BD2D0;">
2058        RH
2059    </div>
2060        
2061                <time datetime="2026-09-25T00:00:00+02:00">25 septembre 2026</time>
2062        
2063            </div>
2064
2065        
2066    <div class="contents" x-data x-on:click="$el.querySelector('button[disabled]') || $dispatch('modal-show', { name: 'matinale-breve' })" data-flux-modal-trigger>
2067    <button type="button" class="mt-1.5 block text-left font-semibold text-zinc-900 hover:text-blue-600 leading-snug transition-colors cursor-pointer">
2068            France 2035 – France 2050 : Focus : Choisir son travail demain
2069            <svg class="shrink-0 [:where(&amp;)]:size-6 inline size-3.5 text-amber-500 align-baseline" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
2070  <path stroke-linecap="round" stroke-linejoin="round" d="M16.5 10.5V6.75a4.5 4.5 0 1 0-9 0v3.75m-.75 11.25h10.5a2.25 2.25 0 0 0 2.25-2.25v-6.75a2.25 2.25 0 0 0-2.25-2.25H6.75a2.25 2.25 0 0 0-2.25 2.25v6.75a2.25 2.25 0 0 0 2.25 2.25Z"/>
2071</svg>
2072
2073                </button>
2074</div>
2075    
2076    </article>
2077                                        <article class="group py-4 border-b border-zinc-200 last:border-0 py-3">
2078    <div class="flex flex-wrap items-center gap-2 text-xs text-zinc-400">
2079        
2080        
2081                <div data-flux-badge="data-flux-badge" class="inline-flex items-center font-medium whitespace-nowrap  [print-color-adjust:exact] text-xs py-1 **:data-flux-badge-icon:size-3 **:data-flux-badge-icon:me-1 rounded-md px-2 text-zinc-700 [&amp;_button]:text-zinc-700! dark:text-zinc-200 dark:[&amp;_button]:text-zinc-200! bg-zinc-400/15 dark:bg-zinc-400/40 [&amp;:is(button)]:hover:bg-zinc-400/25 dark:[button]:hover:bg-zinc-400/50 badge-metier badge-rh" style="--badge-bullet-db: #7BD2D0;">
2082        RH
2083    </div>
2084        
2085                <time datetime="2026-09-25T00:00:00+02:00">25 septembre 2026</time>
2086        
2087            </div>
2088
2089        
2090    <div class="contents" x-data x-on:click="$el.querySelector('button[disabled]') || $dispatch('modal-show', { name: 'matinale-breve' })" data-flux-modal-trigger>
2091    <button type="button" class="mt-1.5 block text-left font-semibold text-zinc-900 hover:text-blue-600 leading-snug transition-colors cursor-pointer">
2092            Journées nationales d’action contre l’illettrisme 2026 : découvrez l’outil d’autodiagnostic evapro
2093            <svg class="shrink-0 [:where(&amp;)]:size-6 inline size-3.5 text-amber-500 align-baseline" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
2094  <path stroke-linecap="round" stroke-linejoin="round" d="M16.5 10.5V6.75a4.5 4.5 0 1 0-9 0v3.75m-.75 11.25h10.5a2.25 2.25 0 0 0 2.25-2.25v-6.75a2.25 2.25 0 0 0-2.25-2.25H6.75a2.25 2.25 0 0 0-2.25 2.25v6.75a2.25 2.25 0 0 0 2.25 2.25Z"/>
2095</svg>
2096
2097                </button>
2098</div>
2099    
2100    </article>
2101                                    </div>
2102            </aside>
2103                    </div>
2104        
2105        
2106                                <div class="mt-10 lg:mt-12">
2107                <h3 class="text-sm tracking-[0.12em] uppercase font-bold text-zinc-900">Le fil de la semaine</h3>
2108
2109                <div class="mt-4 space-y-8">
2110                                        <div class="lg:grid lg:grid-cols-[10rem_1fr] lg:gap-8">
2111                        <div class="lg:text-right">
2112                            <time datetime="2026-09-25" class="text-sm font-semibold text-zinc-900 lg:sticky lg:top-32 lg:block">
2113                                Vendredi 25 septembre
2114                            </time>
2115                        </div>
2116                        <div class="mt-2 lg:mt-0 border-t border-zinc-200 lg:border-t-0">
2117                                                        <article class="group py-4 border-b border-zinc-200 last:border-0">
2118    <div class="flex flex-wrap items-center gap-2 text-xs text-zinc-400">
2119        
2120                <div data-flux-badge="data-flux-badge" class="inline-flex items-center font-medium whitespace-nowrap  [print-color-adjust:exact] text-xs py-1 **:data-flux-badge-icon:size-3 **:data-flux-badge-icon:me-1 rounded-md px-2 text-zinc-700 [&amp;_button]:text-zinc-700! dark:text-zinc-200 dark:[&amp;_button]:text-zinc-200! bg-zinc-400/15 dark:bg-zinc-400/40 [&amp;:is(button)]:hover:bg-zinc-400/25 dark:[button]:hover:bg-zinc-400/50 badge-format">
2121        <svg class="shrink-0 [:where(&amp;)]:size-6 size-4" data-flux-badge-icon="data-flux-badge-icon" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
2122  <path stroke-linecap="round" stroke-linejoin="round" d="M12 7.5h1.5m-1.5 3h1.5m-7.5 3h7.5m-7.5 3h7.5m3-9h3.375c.621 0 1.125.504 1.125 1.125V18a2.25 2.25 0 0 1-2.25 2.25M16.5 7.5V18a2.25 2.25 0 0 0 2.25 2.25M16.5 7.5V4.875c0-.621-.504-1.125-1.125-1.125H4.125C3.504 3.75 3 4.254 3 4.875V18a2.25 2.25 0 0 0 2.25 2.25h13.5M6 7.5h3v3H6v-3Z"/>
2123</svg>
2124
2125            
2126    Actualité
2127    </div>
2128        
2129                <div data-flux-badge="data-flux-badge" class="inline-flex items-center font-medium whitespace-nowrap  [print-color-adjust:exact] text-xs py-1 **:data-flux-badge-icon:size-3 **:data-flux-badge-icon:me-1 rounded-md px-2 text-zinc-700 [&amp;_button]:text-zinc-700! dark:text-zinc-200 dark:[&amp;_button]:text-zinc-200! bg-zinc-400/15 dark:bg-zinc-400/40 [&amp;:is(button)]:hover:bg-zinc-400/25 dark:[button]:hover:bg-zinc-400/50 badge-metier badge-paie" style="--badge-bullet-db: #fa6e6d;">
2130        Paie
2131    </div>
2132        
2133                <time datetime="2026-09-25T06:00:00+02:00">25 septembre 2026</time>
2134        
2135            </div>
2136
2137        <a href="https://www.legisocial.fr/actualites-sociales/8152-chomage-intemperies-btp-sont-parametres-campagne-2026-2027.html" class="mt-1.5 block font-semibold text-zinc-900 hover:text-blue-600 leading-snug transition-colors">
2138        Chômage intempéries dans le BTP : Quels sont les paramètres de la campagne 2026-2027 ?
2139                
2140        <svg class="shrink-0 [:where(&amp;)]:size-6 inline size-3.5 text-amber-500 align-baseline" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
2141  <path stroke-linecap="round" stroke-linejoin="round" d="M16.5 10.5V6.75a4.5 4.5 0 1 0-9 0v3.75m-.75 11.25h10.5a2.25 2.25 0 0 0 2.25-2.25v-6.75a2.25 2.25 0 0 0-2.25-2.25H6.75a2.25 2.25 0 0 0-2.25 2.25v6.75a2.25 2.25 0 0 0 2.25 2.25Z"/>
2142</svg>
2143
2144                    </a>
2145    
2146        <p class="mt-1.5 text-sm text-zinc-500 leading-relaxed">Pour la campagne de chômage intempéries 2026-2027, les taux de cotisation des entreprises du BTP restent fixés à 0,68 % et 0,13 %. L’abattement passe à 96 168 €, tandis que la part de remboursement prévue pour les arrêts liés à la canicule est relevée à 80 %.</p>
2147    </article>
2148                                                        <article class="group py-4 border-b border-zinc-200 last:border-0">
2149    <div class="flex flex-wrap items-center gap-2 text-xs text-zinc-400">
2150        
2151                <div data-flux-badge="data-flux-badge" class="inline-flex items-center font-medium whitespace-nowrap  [print-color-adjust:exact] text-xs py-1 **:data-flux-badge-icon:size-3 **:data-flux-badge-icon:me-1 rounded-md px-2 text-zinc-700 [&amp;_button]:text-zinc-700! dark:text-zinc-200 dark:[&amp;_button]:text-zinc-200! bg-zinc-400/15 dark:bg-zinc-400/40 [&amp;:is(button)]:hover:bg-zinc-400/25 dark:[button]:hover:bg-zinc-400/50 badge-format">
2152        <svg class="shrink-0 [:where(&amp;)]:size-6 size-4" data-flux-badge-icon="data-flux-badge-icon" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
2153  <path stroke-linecap="round" stroke-linejoin="round" d="M12 7.5h1.5m-1.5 3h1.5m-7.5 3h7.5m-7.5 3h7.5m3-9h3.375c.621 0 1.125.504 1.125 1.125V18a2.25 2.25 0 0 1-2.25 2.25M16.5 7.5V18a2.25 2.25 0 0 0 2.25 2.25M16.5 7.5V4.875c0-.621-.504-1.125-1.125-1.125H4.125C3.504 3.75 3 4.254 3 4.875V18a2.25 2.25 0 0 0 2.25 2.25h13.5M6 7.5h3v3H6v-3Z"/>
2154</svg>
2155
2156            
2157    Actualité
2158    </div>
2159        
2160                <div data-flux-badge="data-flux-badge" class="inline-flex items-center font-medium whitespace-nowrap  [print-color-adjust:exact] text-xs py-1 **:data-flux-badge-icon:size-3 **:data-flux-badge-icon:me-1 rounded-md px-2 text-zinc-700 [&amp;_button]:text-zinc-700! dark:text-zinc-200 dark:[&amp;_button]:text-zinc-200! bg-zinc-400/15 dark:bg-zinc-400/40 [&amp;:is(button)]:hover:bg-zinc-400/25 dark:[button]:hover:bg-zinc-400/50 badge-metier badge-social" style="--badge-bullet-db: #ADD105;">
2161        Droit du travail
2162    </div>
2163        
2164                <time datetime="2026-09-25T06:00:00+02:00">25 septembre 2026</time>
2165        
2166            </div>
2167
2168        <a href="https://www.legisocial.fr/actualites-sociales/8120-heures-delegation-regles-essentielles-bonnes-pratiques-employeurs.html" class="mt-1.5 block font-semibold text-zinc-900 hover:text-blue-600 leading-snug transition-colors">
2169        Heures de délégation : règles essentielles et bonnes pratiques pour les employeurs
2170                
2171        <svg class="shrink-0 [:where(&amp;)]:size-6 inline size-3.5 text-amber-500 align-baseline" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
2172  <path stroke-linecap="round" stroke-linejoin="round" d="M16.5 10.5V6.75a4.5 4.5 0 1 0-9 0v3.75m-.75 11.25h10.5a2.25 2.25 0 0 0 2.25-2.25v-6.75a2.25 2.25 0 0 0-2.25-2.25H6.75a2.25 2.25 0 0 0-2.25 2.25v6.75a2.25 2.25 0 0 0 2.25 2.25Z"/>
2173</svg>
2174
2175                    </a>
2176    
2177        <p class="mt-1.5 text-sm text-zinc-500 leading-relaxed">
2177Heures de délégation : quels sont les élus qui en bénéficient et comment ? L&#039;employeur peut-il les contester.</p>
2178    </article>
2179                                                        <article class="group py-4 border-b border-zinc-200 last:border-0">
2180    <div class="flex flex-wrap items-center gap-2 text-xs text-zinc-400">
2181        
2182                <div data-flux-badge="data-flux-badge" class="inline-flex items-center font-medium whitespace-nowrap  [print-color-adjust:exact] text-xs py-1 **:data-flux-badge-icon:size-3 **:data-flux-badge-icon:me-1 rounded-md px-2 text-zinc-700 [&amp;_button]:text-zinc-700! dark:text-zinc-200 dark:[&amp;_button]:text-zinc-200! bg-zinc-400/15 dark:bg-zinc-400/40 [&amp;:is(button)]:hover:bg-zinc-400/25 dark:[button]:hover:bg-zinc-400/50 badge-format">
2183        <svg class="shrink-0 [:where(&amp;)]:size-6 size-4" data-flux-badge-icon="data-flux-badge-icon" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
2184  <path stroke-linecap="round" stroke-linejoin="round" d="M12 7.5h1.5m-1.5 3h1.5m-7.5 3h7.5m-7.5 3h7.5m3-9h3.375c.621 0 1.125.504 1.125 1.125V18a2.25 2.25 0 0 1-2.25 2.25M16.5 7.5V18a2.25 2.25 0 0 0 2.25 2.25M16.5 7.5V4.875c0-.621-.504-1.125-1.125-1.125H4.125C3.504 3.75 3 4.254 3 4.875V18a2.25 2.25 0 0 0 2.25 2.25h13.5M6 7.5h3v3H6v-3Z"/>
2185</svg>
2186
2187            
2188    Actualité
2189    </div>
2190        
2191                <div data-flux-badge="data-flux-badge" class="inline-flex items-center font-medium whitespace-nowrap  [print-color-adjust:exact] text-xs py-1 **:data-flux-badge-icon:size-3 **:data-flux-badge-icon:me-1 rounded-md px-2 text-zinc-700 [&amp;_button]:text-zinc-700! dark:text-zinc-200 dark:[&amp;_button]:text-zinc-200! bg-zinc-400/15 dark:bg-zinc-400/40 [&amp;:is(button)]:hover:bg-zinc-400/25 dark:[button]:hover:bg-zinc-400/50 badge-metier badge-social" style="--badge-bullet-db: #ADD105;">
2192        Droit du travail
2193    </div>
2194        
2195                <time datetime="2026-09-25T06:00:00+02:00">25 septembre 2026</time>
2196        
2197            </div>
2198
2199        <a href="https://www.legisocial.fr/actualites-sociales/8121-inaptitude-bons-reflexes-adopter.html" class="mt-1.5 block font-semibold text-zinc-900 hover:text-blue-600 leading-snug transition-colors">
2200        Inaptitude : les bons réflexes à adopter
2201                
2202        <svg class="shrink-0 [:where(&amp;)]:size-6 inline size-3.5 text-amber-500 align-baseline" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
2203  <path stroke-linecap="round" stroke-linejoin="round" d="M16.5 10.5V6.75a4.5 4.5 0 1 0-9 0v3.75m-.75 11.25h10.5a2.25 2.25 0 0 0 2.25-2.25v-6.75a2.25 2.25 0 0 0-2.25-2.25H6.75a2.25 2.25 0 0 0-2.25 2.25v6.75a2.25 2.25 0 0 0 2.25 2.25Z"/>
2204</svg>
2205
2206                    </a>
2207    
2208        <p class="mt-1.5 text-sm text-zinc-500 leading-relaxed">Un de vos salariés est déclaré inapte à son poste de travail ? Comment réagir efficacement et quels sont les points de vigilance ?</p>
2209    </article>
2210                                                        <article class="group py-4 border-b border-zinc-200 last:border-0">
2211    <div class="flex flex-wrap items-center gap-2 text-xs text-zinc-400">
2212        
2213                <div data-flux-badge="data-flux-badge" class="inline-flex items-center font-medium whitespace-nowrap  [print-color-adjust:exact] text-xs py-1 **:data-flux-badge-icon:size-3 **:data-flux-badge-icon:me-1 rounded-md px-2 text-zinc-700 [&amp;_button]:text-zinc-700! dark:text-zinc-200 dark:[&amp;_button]:text-zinc-200! bg-zinc-400/15 dark:bg-zinc-400/40 [&amp;:is(button)]:hover:bg-zinc-400/25 dark:[button]:hover:bg-zinc-400/50 badge-format">
2214        <svg class="shrink-0 [:where(&amp;)]:size-6 size-4" data-flux-badge-icon="data-flux-badge-icon" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
2215  <path stroke-linecap="round" stroke-linejoin="round" d="M12 3v17.25m0 0c-1.472 0-2.882.265-4.185.75M12 20.25c1.472 0 2.882.265 4.185.75M18.75 4.97A48.416 48.416 0 0 0 12 4.5c-2.291 0-4.545.16-6.75.47m13.5 0c1.01.143 2.01.317 3 .52m-3-.52 2.62 10.726c.122.499-.106 1.028-.589 1.202a5.988 5.988 0 0 1-2.031.352 5.988 5.988 0 0 1-2.031-.352c-.483-.174-.711-.703-.59
2215-1.202L18.75 4.971Zm-16.5.52c.99-.203 1.99-.377 3-.52m0 0 2.62 10.726c.122.499-.106 1.028-.589 1.202a5.989 5.989 0 0 1-2.031.352 5.989 5.989 0 0 1-2.031-.352c-.483-.174-.711-.703-.59-1.202L5.25 4.971Z"/>
2216</svg>
2217
2218            
2219    Jurisprudence
2220    </div>
2221        
2222        
2223                <time datetime="2026-09-25T06:00:00+02:00">25 septembre 2026</time>
2224        
2225            </div>
2226
2227        <a href="https://www.legisocial.fr/jurisprudences-sociales/1691-rupture-conventionnelle-accord-entreprise-fixer-montant-minimum-indemnite.html" class="mt-1.5 block font-semibold text-zinc-900 hover:text-blue-600 leading-snug transition-colors">
2228        Rupture conventionnelle : l’accord d’entreprise peut fixer le montant minimum de l’indemnité
2229            </a>
2230    
2231        <p class="mt-1.5 text-sm text-zinc-500 leading-relaxed">Dans un arrêt du 1er juillet 2026, la Cour de cassation précise que l’indemnité minimale de rupture conventionnelle peut être calculée selon l’accord d’entreprise, même si la convention collective prévoit aussi une indemnité de licenciement. Pour établir le montant à verser, le gestionnaire de paie doit donc vérifier les deux textes applicables et déterminer lequel prévaut.</p>
2232    </article>
2233                                                        <article class="group py-4 border-b border-zinc-200 last:border-0">
2234    <div class="flex flex-wrap items-center gap-2 text-xs text-zinc-400">
2235        
2236                <div data-flux-badge="data-flux-badge" class="inline-flex items-center font-medium whitespace-nowrap  [print-color-adjust:exact] text-xs py-1 **:data-flux-badge-icon:size-3 **:data-flux-badge-icon:me-1 rounded-md px-2 text-zinc-700 [&amp;_button]:text-zinc-700! dark:text-zinc-200 dark:[&amp;_button]:text-zinc-200! bg-zinc-400/15 dark:bg-zinc-400/40 [&amp;:is(button)]:hover:bg-zinc-400/25 dark:[button]:hover:bg-zinc-400/50 badge-format">
2237        <svg class="shrink-0 [:where(&amp;)]:size-6 size-4" data-flux-badge-icon="data-flux-badge-icon" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
2238  <path stroke-linecap="round" stroke-linejoin="round" d="M21.75 9v.906a2.25 2.25 0 0 1-1.183 1.981l-6.478 3.488M2.25 9v.906a2.25 2.25 0 0 0 1.183 1.981l6.478 3.488m8.839 2.51-4.66-2.51m0 0-1.023-.55a2.25 2.25 0 0 0-2.134 0l-1.022.55m0 0-4.661 2.51m16.5 1.615a2.25 2.25 0 0 1-2.25 2.25h-15a2.25 2.25 0 0 1-2.25-2.25V8.844a2.25 2.25 0 0 1 1.183-1.981l7.5-4.039a2.25 2.25 0 0 1 2.134 0l7.5 4.039a2.25 2.25 0 0 1 1.183 1.98V19.5Z"/>
2239</svg>
2240
2241            
2242    Brève
2243    </div>
2244        
2245                <div data-flux-badge="data-flux-badge" class="inline-flex items-center font-medium whitespace-nowrap  [print-color-adjust:exact] text-xs py-1 **:data-flux-badge-icon:size-3 **:data-flux-badge-icon:me-1 rounded-md px-2 text-zinc-700 [&amp;_button]:text-zinc-700! dark:text-zinc-200 dark:[&amp;_button]:text-zinc-200! bg-zinc-400/15 dark:bg-zinc-400/40 [&amp;:is(button)]:hover:bg-zinc-400/25 dark:[button]:hover:bg-zinc-400/50 badge-metier badge-paie" style="--badge-bullet-db: #fa6e6d;">
2246        Paie
2247    </div>
2248        
2249                <time datetime="2026-09-25T00:00:00+02:00">25 septembre 2026</time>
2250        
2251            </div>
2252
2253        
2254    <div class="contents" x-data x-on:click="$el.querySelector('button[disabled]') || $dispatch('modal-show', { name: 'matinale-breve' })" data-flux-modal-trigger>
2255    <button type="button" class="mt-1.5 block text-left font-semibold text-zinc-900 hover:text-blue-600 leading-snug transition-colors cursor-pointer">
2256            Prime carburant : un plafond d’exonération de 1 000 € annoncé
2257            <svg class="shrink-0 [:where(&amp;)]:size-6 inline size-3.5 text-amber-500 align-baseline" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
2258  <path stroke-linecap="round" stroke-linejoin="round" d="M16.5 10.5V6.75a4.5 4.5 0 1 0-9 0v3.75m-.75 11.25h10.5a2.25 2.25 0 0 0 2.25-2.25v-6.75a2.25 2.25 0 0 0-2.25-2.25H6.75a2.25 2.25 0 0 0-2.25 2.25v6.75a2.25 2.25 0 0 0 2.25 2.25Z"/>
2259</svg>
2260
2261                </button>
2262</div>
2263    
2264    </article>
2265                                                    </div>
2266                    </div>
2267                                        <div class="lg:grid lg:grid-cols-[10rem_1fr] lg:gap-8">
2268                        <div class="lg:text-right">
2269                            <time datetime="2026-09-24" class="text-sm font-semibold text-zinc-900 lg:sticky lg:top-32 lg:block">
2270                                Jeudi 24 septembre
2271                            </time>
2272                        </div>
2273                        <div class="mt-2 lg:mt-0 border-t border-zinc-200 lg:border-t-0">
2274                                                        <article class="group py-4 border-b border-zinc-200 last:border-0">
2275    <div class="flex flex-wrap items-center gap-2 text-xs text-zinc-400">
2276        
2277                <div data-flux-badge="data-flux-badge" class="inline-flex items-center font-medium whitespace-nowrap  [print-color-adjust:exact] text-xs py-1 **:data-flux-badge-icon:size-3 **:data-flux-badge-icon:me-1 rounded-md px-2 text-zinc-700 [&amp;_button]:text-zinc-700! dark:text-zinc-200 dark:[&amp;_button]:text-zinc-200! bg-zinc-400/15 dark:bg-zinc-400/40 [&amp;:is(button)]:hover:bg-zinc-400/25 dark:[button]:hover:bg-zinc-400/50 badge-format">
2278        <svg class="shrink-0 [:where(&amp;)]:size-6 size-4" data-flux-badge-icon="data-flux-badge-icon" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
2279  <path stroke-linecap="round" stroke-linejoin="round" d="M12 7.5h1.5m-1.5 3h1.5m-7.5 3h7.5m-7.5 3h7.5m3-9h3.375c.621 0 1.125.504 1.125 1.125V18a2.25 2.25 0 0 1-2.25 2.25M16.5 7.5V18a2.25 2.25 0 0 0 2.25 2.25M16.5 7.5V4.875c0-.621-.504-1.125-1.125-1.125H4.125C3.504 3.75 3 4.254 3 4.875V18a2.25 2.25 0 0 0 2.25 2.25h13.5M6 7.5h3v3H6v-3Z"/>
2280</svg>
2281
2282            
2283    Actualité
2284    </div>
2285        
2286                <div data-flux-badge="data-flux-badge" class="inline-flex items-center font-medium whitespace-nowrap  [print-color-adjust:exact] text-xs py-1 **:data-flux-badge-icon:size-3 **:data-flux-badge-icon:me-1 rounded-md px-2 text-zinc-700 [&amp;_button]:text-zinc-700! dark:text-zinc-200 dark:[&amp;_button]:text-zinc-200! bg-zinc-400/15 dark:bg-zinc-400/40 [&amp;:is(button)]:hover:bg-zinc-400/25 dark:[button]:hover:bg-zinc-400/50 badge-metier badge-paie" style="--badge-bullet-db: #fa6e6d;">
2287        Paie
2288    </div>
2289        
2290                <time datetime="2026-09-24T06:00:00+02:00">24 septembre 2026</time>
2291        
2292            </div>
2293
2294        <a href="https://www.legisocial.fr/actualites-sociales/8151-activite-partielle-incendies-foret-zero-reste-charge-prolonge.html" class="mt-1.5 block font-semibold text-zinc-900 hover:text-blue-600 leading-snug transition-colors">
2295        Activité partielle et incendies de forêt : le « zéro reste à charge » prolongé
2296            </a>
2297    
2298        <p class="mt-1.5 text-sm text-zinc-500 leading-relaxed">Le « zéro reste à charge » au titre de l’activité partielle liée aux incendies de forêt est prolongé jusqu’au 4 octobre 2026 pour les entreprises de moins de 250 salariés éligibles. Les communes concernées varient toutefois selon la période d’activité partielle.</p>
2299    </article>
2300                                                        <article class="group py-4 border-b border-zinc-200 last:border-0">
2301    <div class="flex flex-wrap items-center gap-2 text-xs text-zinc-400">
2302        
2303                <div data-flux-badge="data-flux-badge" class="inline-flex items-center font-medium whitespace-nowrap  [print-color-adjust:exact] text-xs py-1 **:data-flux-badge-icon:size-3 **:data-flux-badge-icon:me-1 rounded-md px-2 text-zinc-700 [&amp;_button]:text-zinc-700! dark:text-zinc-200 dark:[&amp;_button]:text-zinc-200! bg-zinc-400/15 dark:bg-zinc-400/40 [&amp;:is(button)]:hover:bg-zinc-400/25 dark:[button]:hover:bg-zinc-400/50 badge-format">
2304        <svg class="shrink-0 [:where(&amp;)]:size-6 size-4" data-flux-badge-icon="data-flux-badge-icon" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
2305  <path stroke-linecap="round" stroke-linejoin="round" d="M12 7.5h1.5m-1.5 3h1.5m-7.5 3h7.5m-7.5 3h7.5m3-9h3.375c.621 0 1.125.504 1.125 1.125V18a2.25 2.25 0 0 1-2.25 2.25M16.5 7.5V18a2.25 2.25 0 0 0 2.25 2.25M16.5 7.5V4.875c0-.621-.504-1.125-1.125-1.125H4.125C3.504 3.75 3 4.254 3 4.875V18a2.25 2.25 0 0 0 2.25 2.25h13.5M6 7.5h3v3H6v-3Z"/>
2306</svg>
2307
2308            
2309    Actualité
2310    </div>
2311        
2312                <div data-flux-badge="data-flux-badge" class="inline-flex items-center font-medium whitespace-nowrap  [print-color-adjust:exact] text-xs py-1 **:data-flux-badge-icon:size-3 **:data-flux-badge-icon:me-1 rounded-md px-2 text-zinc-700 [&amp;_button]:text-zinc-700! dark:text-zinc-200 dark:[&amp;_button]:text-zinc-200! bg-zinc-400/15 dark:bg-zinc-400/40 [&amp;:is(button)]:hover:bg-zinc-400/25 dark:[button]:hover:bg-zinc-400/50 badge-metier badge-rh" style="--badge-bullet-db: #7BD2D0;">
2313        RH
2314    </div>
2315        
2316                <time datetime="2026-09-24T06:00:00+02:00">24 septembre 2026</time>
2317        
2318            </div>
2319
2320        <a href="https://www.legisocial.fr/actualites-sociales/8119-harcelement-sexuel-ambiance-employeur-ne-fermer-yeux.html" class="mt-1.5 block font-semibold text-zinc-900 hover:text-blue-600 leading-snug transition-colors">
2321        Harcèlement sexuel d’ambiance : l’employeur ne peut plus fermer les yeux
2322            </a>
2323    
2324        <p class="mt-1.5 text-sm text-zinc-500 leading-relaxed">Un environnement sexualisé suffit à caractériser le harcèlement sexuel d&#039;ambiance.</p>
2325    </article>
2326                                                        <article class="group py-4 border-b border-zinc-200 last:border-0">
2327    <div class="flex flex-wrap items-center gap-2 text-xs text-zinc-400">
2328        
2329                <div data-flux-badge="data-flux-badge" class="inline-flex items-center font-medium whitespace-nowrap  [print-color-adjust:exact] text-xs py-1 **:data-flux-badge-icon:size-3 **:data-flux-badge-icon:me-1 rounded-md px-2 text-zinc-700 [&amp;_button]:text-zinc-700! dark:text-zinc-200 dark:[&amp;_button]:text-zinc-200! bg-zinc-400/15 dark:bg-zinc-400/40 [&amp;:is(button)]:hover:bg-zinc-400/25 dark:[button]:hover:bg-zinc-400/50 badge-format">
2330        <svg class="shrink-0 [:where(&amp;)]:size-6 size-4" data-flux-badge-icon="data-flux-badge-icon" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
2331  <path stroke-linecap="round" stroke-linejoin="round" d="M21.75 9v.906a2.25 2.25 0 0 1-1.183 1.981l-6.478 3.488M2.25 9v.906a2.25 2.25 0 0 0 1.183 1.981l6.478 3.488m8.839 2.51-4.66-2.51m0 0-1.023-.55a2.25 2.25 0 0 0-2.134 0l-1.022.55m0 0-4.661 2.51m16.5 1.615a2.25 2.25 0 0 1-2.25 2.25h-15a2.25 2.25 0 0 1-2.25-2.25V8.844a2.25 2.25 0 0 1 1.183-1.981l7.5-4.039a2.25 2.25 0 0 1 2.134 0l7.5 4.039a2.25 2.25 0 0 1 1.183 1.98V19.5Z"/>
2332</svg>
2333
2334            
2335    Brève
2336    </div>
2337        
2338                <div data-flux-badge="data-flux-badge" class="inline-flex items-center font-medium whitespace-nowrap  [print-color-adjust:exact] text-xs py-1 **:data-flux-badge-icon:size-3 **:data-flux-badge-icon:me-1 rounded-md px-2 text-zinc-700 [&amp;_button]:text-zinc-700! dark:text-zinc-200 dark:[&amp;_button]:text-zinc-200! bg-zinc-400/15 dark:bg-zinc-400/40 [&amp;:is(button)]:hover:bg-zinc-400/25 dark:[button]:hover:bg-zinc-400/50 badge-metier badge-social" style="--badge-bullet-db: #ADD105;">
2339        Droit du travail
2340    </div>
2341        
2342                <time datetime="2026-09-24T00:00:00+02:00">24 septembre 2026</time>
2343        
2344            </div>
2345
2346        
2347    <div class="contents" x-data x-on:click="$el.querySelector('button[disabled]') || $dis
2347patch('modal-show', { name: 'matinale-breve' })" data-flux-modal-trigger>
2348    <button type="button" class="mt-1.5 block text-left font-semibold text-zinc-900 hover:text-blue-600 leading-snug transition-colors cursor-pointer">
2349            Comment appliquer le forfait-jours sous la convention Syntec ?
2350            <svg class="shrink-0 [:where(&amp;)]:size-6 inline size-3.5 text-amber-500 align-baseline" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
2351  <path stroke-linecap="round" stroke-linejoin="round" d="M16.5 10.5V6.75a4.5 4.5 0 1 0-9 0v3.75m-.75 11.25h10.5a2.25 2.25 0 0 0 2.25-2.25v-6.75a2.25 2.25 0 0 0-2.25-2.25H6.75a2.25 2.25 0 0 0-2.25 2.25v6.75a2.25 2.25 0 0 0 2.25 2.25Z"/>
2352</svg>
2353
2354                </button>
2355</div>
2356    
2357    </article>
2358                                                        <article class="group py-4 border-b border-zinc-200 last:border-0">
2359    <div class="flex flex-wrap items-center gap-2 text-xs text-zinc-400">
2360        
2361                <div data-flux-badge="data-flux-badge" class="inline-flex items-center font-medium whitespace-nowrap  [print-color-adjust:exact] text-xs py-1 **:data-flux-badge-icon:size-3 **:data-flux-badge-icon:me-1 rounded-md px-2 text-zinc-700 [&amp;_button]:text-zinc-700! dark:text-zinc-200 dark:[&amp;_button]:text-zinc-200! bg-zinc-400/15 dark:bg-zinc-400/40 [&amp;:is(button)]:hover:bg-zinc-400/25 dark:[button]:hover:bg-zinc-400/50 badge-format">
2362        <svg class="shrink-0 [:where(&amp;)]:size-6 size-4" data-flux-badge-icon="data-flux-badge-icon" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
2363  <path stroke-linecap="round" stroke-linejoin="round" d="M21.75 9v.906a2.25 2.25 0 0 1-1.183 1.981l-6.478 3.488M2.25 9v.906a2.25 2.25 0 0 0 1.183 1.981l6.478 3.488m8.839 2.51-4.66-2.51m0 0-1.023-.55a2.25 2.25 0 0 0-2.134 0l-1.022.55m0 0-4.661 2.51m16.5 1.615a2.25 2.25 0 0 1-2.25 2.25h-15a2.25 2.25 0 0 1-2.25-2.25V8.844a2.25 2.25 0 0 1 1.183-1.981l7.5-4.039a2.25 2.25 0 0 1 2.134 0l7.5 4.039a2.25 2.25 0 0 1 1.183 1.98V19.5Z"/>
2364</svg>
2365
2366            
2367    Brève
2368    </div>
2369        
2370                <div data-flux-badge="data-flux-badge" class="inline-flex items-center font-medium whitespace-nowrap  [print-color-adjust:exact] text-xs py-1 **:data-flux-badge-icon:size-3 **:data-flux-badge-icon:me-1 rounded-md px-2 text-zinc-700 [&amp;_button]:text-zinc-700! dark:text-zinc-200 dark:[&amp;_button]:text-zinc-200! bg-zinc-400/15 dark:bg-zinc-400/40 [&amp;:is(button)]:hover:bg-zinc-400/25 dark:[button]:hover:bg-zinc-400/50 badge-metier badge-rh" style="--badge-bullet-db: #7BD2D0;">
2371        RH
2372    </div>
2373        
2374                <time datetime="2026-09-24T00:00:00+02:00">24 septembre 2026</time>
2375        
2376            </div>
2377
2378        
2379    <div class="contents" x-data x-on:click="$el.querySelector('button[disabled]') || $dispatch('modal-show', { name: 'matinale-breve' })" data-flux-modal-trigger>
2380    <button type="button" class="mt-1.5 block text-left font-semibold text-zinc-900 hover:text-blue-600 leading-snug transition-colors cursor-pointer">
2381            Arrêts de travail papier : un retard de transmission de vos salariés peut pénaliser votre entreprise
2382            <svg class="shrink-0 [:where(&amp;)]:size-6 inline size-3.5 text-amber-500 align-baseline" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
2383  <path stroke-linecap="round" stroke-linejoin="round" d="M16.5 10.5V6.75a4.5 4.5 0 1 0-9 0v3.75m-.75 11.25h10.5a2.25 2.25 0 0 0 2.25-2.25v-6.75a2.25 2.25 0 0 0-2.25-2.25H6.75a2.25 2.25 0 0 0-2.25 2.25v6.75a2.25 2.25 0 0 0 2.25 2.25Z"/>
2384</svg>
2385
2386                </button>
2387</div>
2388    
2389    </article>
2390                                                        <article class="group py-4 border-b border-zinc-200 last:border-0">
2391    <div class="flex flex-wrap items-center gap-2 text-xs text-zinc-400">
2392        
2393                <div data-flux-badge="data-flux-badge" class="inline-flex items-center font-medium whitespace-nowrap  [print-color-adjust:exact] text-xs py-1 **:data-flux-badge-icon:size-3 **:data-flux-badge-icon:me-1 rounded-md px-2 text-zinc-700 [&amp;_button]:text-zinc-700! dark:text-zinc-200 dark:[&amp;_button]:text-zinc-200! bg-zinc-400/15 dark:bg-zinc-400/40 [&amp;:is(button)]:hover:bg-zinc-400/25 dark:[button]:hover:bg-zinc-400/50 badge-format">
2394        <svg class="shrink-0 [:where(&amp;)]:size-6 size-4" data-flux-badge-icon="data-flux-badge-icon" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
2395  <path stroke-linecap="round" stroke-linejoin="round" d="M21.75 9v.906a2.25 2.25 0 0 1-1.183 1.981l-6.478 3.488M2.25 9v.906a2.25 2.25 0 0 0 1.183 1.981l6.478 3.488m8.839 2.51-4.66-2.51m0 0-1.023-.55a2.25 2.25 0 0 0-2.134 0l-1.022.55m0 0-4.661 2.51m16.5 1.615a2.25 2.25 0 0 1-2.25 2.25h-15a2.25 2.25 0 0 1-2.25-2.25V8.844a2.25 2.25 0 0 1 1.183-1.981l7.5-4.039a2.25 2.25 0 0 1 2.134 0l7.5 4.039a2.25 2.25 0 0 1 1.183 1.98V19.5Z"/>
2396</svg>
2397
2398            
2399    Brève
2400    </div>
2401        
2402                <div data-flux-badge="data-flux-badge" class="inline-flex items-center font-medium whitespace-nowrap  [print-color-adjust:exact] text-xs py-1 **:data-flux-badge-icon:size-3 **:data-flux-badge-icon:me-1 rounded-md px-2 text-zinc-700 [&amp;_button]:text-zinc-700! dark:text-zinc-200 dark:[&amp;_button]:text-zinc-200! bg-zinc-400/15 dark:bg-zinc-400/40 [&amp;:is(button)]:hover:bg-zinc-400/25 dark:[button]:hover:bg-zinc-400/50 badge-metier badge-paie" style="--badge-bullet-db: #fa6e6d;">
2403        Paie
2404    </div>
2405        
2406                <time datetime="2026-09-24T00:00:00+02:00">24 septembre 2026</time>
2407        
2408            </div>
2409
2410        
2411    <div class="contents" x-data x-on:click="$el.querySelector('button[disabled]') || $dis
2411patch('modal-show', { name: 'matinale-breve' })" data-flux-modal-trigger>
2412    <button type="button" class="mt-1.5 block text-left font-semibold text-zinc-900 hover:text-blue-600 leading-snug transition-colors cursor-pointer">
2413            Chômage-intempéries dans le BTP : les taux de cotisation pour 2026-2027
2414            <svg class="shrink-0 [:where(&amp;)]:size-6 inline size-3.5 text-amber-500 align-baseline" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
2415  <path stroke-linecap="round" stroke-linejoin="round" d="M16.5 10.5V6.75a4.5 4.5 0 1 0-9 0v3.75m-.75 11.25h10.5a2.25 2.25 0 0 0 2.25-2.25v-6.75a2.25 2.25 0 0 0-2.25-2.25H6.75a2.25 2.25 0 0 0-2.25 2.25v6.75a2.25 2.25 0 0 0 2.25 2.25Z"/>
2416</svg>
2417
2418                </button>
2419</div>
2420    
2421    </article>
2422                                                        <article class="group py-4 border-b border-zinc-200 last:border-0">
2423    <div class="flex flex-wrap items-center gap-2 text-xs text-zinc-400">
2424        
2425                <div data-flux-badge="data-flux-badge" class="inline-flex items-center font-medium whitespace-nowrap  [print-color-adjust:exact] text-xs py-1 **:data-flux-badge-icon:size-3 **:data-flux-badge-icon:me-1 rounded-md px-2 text-zinc-700 [&amp;_button]:text-zinc-700! dark:text-zinc-200 dark:[&amp;_button]:text-zinc-200! bg-zinc-400/15 dark:bg-zinc-400/40 [&amp;:is(button)]:hover:bg-zinc-400/25 dark:[button]:hover:bg-zinc-400/50 badge-format">
2426        <svg class="shrink-0 [:where(&amp;)]:size-6 size-4" data-flux-badge-icon="data-flux-badge-icon" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
2427  <path stroke-linecap="round" stroke-linejoin="round" d="M21.75 9v.906a2.25 2.25 0 0 1-1.183 1.981l-6.478 3.488M2.25 9v.906a2.25 2.25 0 0 0 1.183 1.981l6.478 3.488m8.839 2.51-4.66-2.51m0 0-1.023-.55a2.25 2.25 0 0 0-2.134 0l-1.022.55m0 0-4.661 2.51m16.5 1.615a2.25 2.25 0 0 1-2.25 2.25h-15a2.25 2.25 0 0 1-2.25-2.25V8.844a2.25 2.25 0 0 1 1.183-1.981l7.5-4.039a2.25 2.25 0 0 1 2.134 0l7.5 4.039a2.25 2.25 0 0 1 1.183 1.98V19.5Z"/>
2428</svg>
2429
2430            
2431    Brève
2432    </div>
2433        
2434                <div data-flux-badge="data-flux-badge" class="inline-flex items-center font-medium whitespace-nowrap  [print-color-adjust:exact] text-xs py-1 **:data-flux-badge-icon:size-3 **:data-flux-badge-icon:me-1 rounded-md px-2 text-zinc-700 [&amp;_button]:text-zinc-700! dark:text-zinc-200 dark:[&amp;_button]:text-zinc-200! bg-zinc-400/15 dark:bg-zinc-400/40 [&amp;:is(button)]:hover:bg-zinc-400/25 dark:[button]:hover:bg-zinc-400/50 badge-metier badge-rh-hygiene-securite" style="--badge-bullet-db: #7BD2D0;">
2435        RH - Hygiène et sécurité
2436    </div>
2437        
2438                <time datetime="2026-09-24T00:00:00+02:00">24 septembre 2026</time>
2439        
2440            </div>
2441
2442        
2443    <div class="contents" x-data x-on:click="$el.querySelector('button[disabled]') || $dispatch('modal-show', { name: 'matinale-breve' })" data-flux-modal-trigger>
2444    <button type="button" class="mt-1.5 block text-left font-semibold text-zinc-900 hover:text-blue-600 leading-snug transition-colors cursor-pointer">
2445            Campagne de prévention des troubles musculosquelettiques
2446            <svg class="shrink-0 [:where(&amp;)]:size-6 inline size-3.5 text-amber-500 align-baseline" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
2447  <path stroke-linecap="round" stroke-linejoin="round" d="M16.5 10.5V6.75a4.5 4.5 0 1 0-9 0v3.75m-.75 11.25h10.5a2.25 2.25 0 0 0 2.25-2.25v-6.75a2.25 2.25 0 0 0-2.25-2.25H6.75a2.25 2.25 0 0 0-2.25 2.25v6.75a2.25 2.25 0 0 0 2.25 2.25Z"/>
2448</svg>
2449
2450                </button>
2451</div>
2452    
2453    </article>
2454                                                        <article class="group py-4 border-b border-zinc-200 last:border-0">
2455    <div class="flex flex-wrap items-center gap-2 text-xs text-zinc-400">
2456        
2457                <div data-flux-badge="data-flux-badge" class="inline-flex items-center font-medium whitespace-nowrap  [print-color-adjust:exact] text-xs py-1 **:data-flux-badge-icon:size-3 **:data-flux-badge-icon:me-1 rounded-md px-2 text-zinc-700 [&amp;_button]:text-zinc-700! dark:text-zinc-200 dark:[&amp;_button]:text-zinc-200! bg-zinc-400/15 dark:bg-zinc-400/40 [&amp;:is(button)]:hover:bg-zinc-400/25 dark:[button]:hover:bg-zinc-400/50 badge-format">
2458        <svg class="shrink-0 [:where(&amp;)]:size-6 size-4" data-flux-badge-icon="data-flux-badge-icon" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
2459  <path stroke-linecap="round" stroke-linejoin="round" d="M21.75 9v.906a2.25 2.25 0 0 1-1.183 1.981l-6.478 3.488M2.25 9v.906a2.25 2.25 0 0 0 1.183 1.981l6.478 3.488m8.839 2.51-4.66-2.51m0 0-1.023-.55a2.25 2.25 0 0 0-2.134 0l-1.022.55m0 0-4.661 2.51m16.5 1.615a2.25 2.25 0 0 1-2.25 2.25h-15a2.25 2.25 0 0 1-2.25-2.25V8.844a2.25 2.25 0 0 1 1.183-1.981l7.5-4.039a2.25 2.25 0 0 1 2.134 0l7.5 4.039a2.25 2.25 0 0 1 1.183 1.98V19.5Z"/>
2460</svg>
2461
2462            
2463    Brève
2464    </div>
2465        
2466                <div data-flux-badge="data-flux-badge" class="inline-flex items-center font-medium whitespace-nowrap  [print-color-adjust:exact] text-xs py-1 **:data-flux-badge-icon:size-3 **:data-flux-badge-icon:me-1 rounded-md px-2 text-zinc-700 [&amp;_button]:text-zinc-700! dark:text-zinc-200 dark:[&amp;_button]:text-zinc-200! bg-zinc-400/15 dark:bg-zinc-400/40 [&amp;:is(button)]:hover:bg-zinc-400/25 dark:[button]:hover:bg-zinc-400/50 badge-metier badge-rh" style="--badge-bullet-db: #7BD2D0;">
2467        RH
2468    </div>
2469        
2470                <time datetime="2026-09-24T00:00:00+02:00">24 septembre 2026</time>
2471        
2472            </div>
2473
2474        
2475    <div class="contents" x-data x-on:click="$el.querySelector('button[disabled]') || $dis
2475patch('modal-show', { name: 'matinale-breve' })" data-flux-modal-trigger>
2476    <button type="button" class="mt-1.5 block text-left font-semibold text-zinc-900 hover:text-blue-600 leading-snug transition-colors cursor-pointer">
2477            Parution de l’étude Agefiph &amp;ndash; Céreq &amp;laquo; Jeunes en situation de handicap : des inégalités de la scolarité à l’emploi &amp;raquo;
2478            <svg class="shrink-0 [:where(&amp;)]:size-6 inline size-3.5 text-amber-500 align-baseline" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
2479  <path stroke-linecap="round" stroke-linejoin="round" d="M16.5 10.5V6.75a4.5 4.5 0 1 0-9 0v3.75m-.75 11.25h10.5a2.25 2.25 0 0 0 2.25-2.25v-6.75a2.25 2.25 0 0 0-2.25-2.25H6.75a2.25 2.25 0 0 0-2.25 2.25v6.75a2.25 2.25 0 0 0 2.25 2.25Z"/>
2480</svg>
2481
2482                </button>
2483</div>
2484    
2485    </article>
2486                                                        <article class="group py-4 border-b border-zinc-200 last:border-0">
2487    <div class="flex flex-wrap items-center gap-2 text-xs text-zinc-400">
2488        
2489                <div data-flux-badge="data-flux-badge" class="inline-flex items-center font-medium whitespace-nowrap  [print-color-adjust:exact] text-xs py-1 **:data-flux-badge-icon:size-3 **:data-flux-badge-icon:me-1 rounded-md px-2 text-zinc-700 [&amp;_button]:text-zinc-700! dark:text-zinc-200 dark:[&amp;_button]:text-zinc-200! bg-zinc-400/15 dark:bg-zinc-400/40 [&amp;:is(button)]:hover:bg-zinc-400/25 dark:[button]:hover:bg-zinc-400/50 badge-format">
2490        <svg class="shrink-0 [:where(&amp;)]:size-6 size-4" data-flux-badge-icon="data-flux-badge-icon" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
2491  <path stroke-linecap="round" stroke-linejoin="round" d="M21.75 9v.906a2.25 2.25 0 0 1-1.183 1.981l-6.478 3.488M2.25 9v.906a2.25 2.25 0 0 0 1.183 1.981l6.478 3.488m8.839 2.51-4.66-2.51m0 0-1.023-.55a2.25 2.25 0 0 0-2.134 0l-1.022.55m0 0-4.661 2.51m16.5 1.615a2.25 2.25 0 0 1-2.25 2.25h-15a2.25 2.25 0 0 1-2.25-2.25V8.844a2.25 2.25 0 0 1 1.183-1.981l7.5-4.039a2.25 2.25 0 0 1 2.134 0l7.5 4.039a2.25 2.25 0 0 1 1.183 1.98V19.5Z"/>
2492</svg>
2493
2494            
2495    Brève
2496    </div>
2497        
2498                <div data-flux-badge="data-flux-badge" class="inline-flex items-center font-medium whitespace-nowrap  [print-color-adjust:exact] text-xs py-1 **:data-flux-badge-icon:size-3 **:data-flux-badge-icon:me-1 rounded-md px-2 text-zinc-700 [&amp;_button]:text-zinc-700! dark:text-zinc-200 dark:[&amp;_button]:text-zinc-200! bg-zinc-400/15 dark:bg-zinc-400/40 [&amp;:is(button)]:hover:bg-zinc-400/25 dark:[button]:hover:bg-zinc-400/50 badge-metier badge-social" style="--badge-bullet-db: #ADD105;">
2499        Droit du travail
2500    </div>
2501        
2502                <time datetime="2026-09-24T00:00:00+02:00">24 septembre 2026</time>
2503        
2504            </div>
2505
2506        
2507    <div class="contents" x-data x-on:click="$el.querySelector('button[disabled]') || $dispatch('modal-show', { name: 'matinale-breve' })" data-flux-modal-trigger>
2508    <button type="button" class="mt-1.5 block text-left font-semibold text-zinc-900 hover:text-blue-600 leading-snug transition-colors cursor-pointer">
2509            Vers une obligation de mentionner une fourchette de rémunération dans les offres d’emploi
2510            <svg class="shrink-0 [:where(&amp;)]:size-6 inline size-3.5 text-amber-500 align-baseline" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
2511  <path stroke-linecap="round" stroke-linejoin="round" d="M16.5 10.5V6.75a4.5 4.5 0 1 0-9 0v3.75m-.75 11.25h10.5a2.25 2.25 0 0 0 2.25-2.25v-6.75a2.25 2.25 0 0 0-2.25-2.25H6.75a2.25 2.25 0 0 0-2.25 2.25v6.75a2.25 2.25 0 0 0 2.25 2.25Z"/>
2512</svg>
2513
2514                </button>
2515</div>
2516    
2517    </article>
2518                                                        <article class="group py-4 border-b border-zinc-200 last:border-0">
2519    <div class="flex flex-wrap items-center gap-2 text-xs text-zinc-400">
2520        
2521                <div data-flux-badge="data-flux-badge" class="inline-flex items-center font-medium whitespace-nowrap  [print-color-adjust:exact] text-xs py-1 **:data-flux-badge-icon:size-3 **:data-flux-badge-icon:me-1 rounded-md px-2 text-zinc-700 [&amp;_button]:text-zinc-700! dark:text-zinc-200 dark:[&amp;_button]:text-zinc-200! bg-zinc-400/15 dark:bg-zinc-400/40 [&amp;:is(button)]:hover:bg-zinc-400/25 dark:[button]:hover:bg-zinc-400/50 badge-format">
2522        <svg class="shrink-0 [:where(&amp;)]:size-6 size-4" data-flux-badge-icon="data-flux-badge-icon" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
2523  <path stroke-linecap="round" stroke-linejoin="round" d="M21.75 9v.906a2.25 2.25 0 0 1-1.183 1.981l-6.478 3.488M2.25 9v.906a2.25 2.25 0 0 0 1.183 1.981l6.478 3.488m8.839 2.51-4.66-2.51m0 0-1.023-.55a2.25 2.25 0 0 0-2.134 0l-1.022.55m0 0-4.661 2.51m16.5 1.615a2.25 2.25 0 0 1-2.25 2.25h-15a2.25 2.25 0 0 1-2.25-2.25V8.844a2.25 2.25 0 0 1 1.183-1.981l7.5-4.039a2.25 2.25 0 0 1 2.134 0l7.5 4.039a2.25 2.25 0 0 1 1.183 1.98V19.5Z"/>
2524</svg>
2525
2526            
2527    Brève
2528    </div>
2529        
2530                <div data-flux-badge="data-flux-badge" class="inline-flex items-center font-medium whitespace-nowrap  [print-color-adjust:exact] text-xs py-1 **:data-flux-badge-icon:size-3 **:data-flux-badge-icon:me-1 rounded-md px-2 text-zinc-700 [&amp;_button]:text-zinc-700! dark:text-zinc-200 dark:[&amp;_button]:text-zinc-200! bg-zinc-400/15 dark:bg-zinc-400/40 [&amp;:is(button)]:hover:bg-zinc-400/25 dark:[button]:hover:bg-zinc-400/50 badge-metier badge-rh-hygiene-securite" style="--badge-bullet-db: #7BD2D0;">
2531        RH - Hygiène et sécurité
2532    </div>
2533        
2534                <time datetime="2026-09-24T00:00:00+02:00">24 septembre 2026</time>
2535        
2536            </div>
2537
2538        
2539    <div class="contents" x-data x-on:click="$el.querySelector('button[disabled]') || $dis
2539patch('modal-show', { name: 'matinale-breve' })" data-flux-modal-trigger>
2540    <button type="button" class="mt-1.5 block text-left font-semibold text-zinc-900 hover:text-blue-600 leading-snug transition-colors cursor-pointer">
2541            « Cap sur les conditions de travail » : un jeu en ligne pour regarder le travail autrement
2542            <svg class="shrink-0 [:where(&amp;)]:size-6 inline size-3.5 text-amber-500 align-baseline" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
2543  <path stroke-linecap="round" stroke-linejoin="round" d="M16.5 10.5V6.75a4.5 4.5 0 1 0-9 0v3.75m-.75 11.25h10.5a2.25 2.25 0 0 0 2.25-2.25v-6.75a2.25 2.25 0 0 0-2.25-2.25H6.75a2.25 2.25 0 0 0-2.25 2.25v6.75a2.25 2.25 0 0 0 2.25 2.25Z"/>
2544</svg>
2545
2546                </button>
2547</div>
2548    
2549    </article>
2550                                                    </div>
2551                    </div>
2552                                        <div class="lg:grid lg:grid-cols-[10rem_1fr] lg:gap-8">
2553                        <div class="lg:text-right">
2554                            <time datetime="2026-09-23" class="text-sm font-semibold text-zinc-900 lg:sticky lg:top-32 lg:block">
2555                                Mercredi 23 septembre
2556                            </time>
2557                        </div>
2558                        <div class="mt-2 lg:mt-0 border-t border-zinc-200 lg:border-t-0">
2559                                                        <article class="group py-4 border-b border-zinc-200 last:border-0">
2560    <div class="flex flex-wrap items-center gap-2 text-xs text-zinc-400">
2561        
2562                <div data-flux-badge="data-flux-badge" class="inline-flex items-center font-medium whitespace-nowrap  [print-color-adjust:exact] text-xs py-1 **:data-flux-badge-icon:size-3 **:data-flux-badge-icon:me-1 rounded-md px-2 text-zinc-700 [&amp;_button]:text-zinc-700! dark:text-zinc-200 dark:[&amp;_button]:text-zinc-200! bg-zinc-400/15 dark:bg-zinc-400/40 [&amp;:is(button)]:hover:bg-zinc-400/25 dark:[button]:hover:bg-zinc-400/50 badge-format">
2563        <svg class="shrink-0 [:where(&amp;)]:size-6 size-4" data-flux-badge-icon="data-flux-badge-icon" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
2564  <path stroke-linecap="round" stroke-linejoin="round" d="M12 7.5h1.5m-1.5 3h1.5m-7.5 3h7.5m-7.5 3h7.5m3-9h3.375c.621 0 1.125.504 1.125 1.125V18a2.25 2.25 0 0 1-2.25 2.25M16.5 7.5V18a2.25 2.25 0 0 0 2.25 2.25M16.5 7.5V4.875c0-.621-.504-1.125-1.125-1.125H4.125C3.504 3.75 3 4.254 3 4.875V18a2.25 2.25 0 0 0 2.25 2.25h13.5M6 7.5h3v3H6v-3Z"/>
2565</svg>
2566
2567            
2568    Actualité
2569    </div>
2570        
2571                <div data-flux-badge="data-flux-badge" class="inline-flex items-center font-medium whitespace-nowrap  [print-color-adjust:exact] text-xs py-1 **:data-flux-badge-icon:size-3 **:data-flux-badge-icon:me-1 rounded-md px-2 text-zinc-700 [&amp;_button]:text-zinc-700! dark:text-zinc-200 dark:[&amp;_button]:text-zinc-200! bg-zinc-400/15 dark:bg-zinc-400/40 [&amp;:is(button)]:hover:bg-zinc-400/25 dark:[button]:hover:bg-zinc-400/50 badge-metier badge-social" style="--badge-bullet-db: #ADD105;">
2572        Droit du travail
2573    </div>
2574        
2575                <time datetime="2026-09-23T06:00:00+02:00">23 septembre 2026</time>
2576        
2577            </div>
2578
2579        <a href="https://www.legisocial.fr/actualites-sociales/8118-absence-salarie-trois-zones-risque-juridique-ne-estimer.html" class="mt-1.5 block font-semibold text-zinc-900 hover:text-blue-600 leading-snug transition-colors">
2580        Absence du salarié : trois zones de risque juridique à ne pas sous-estimer
2581                
2582        <svg class="shrink-0 [:where(&amp;)]:size-6 inline size-3.5 text-amber-500 align-baseline" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
2583  <path stroke-linecap="round" stroke-linejoin="round" d="M16.5 10.5V6.75a4.5 4.5 0 1 0-9 0v3.75m-.75 11.25h10.5a2.25 2.25 0 0 0 2.25-2.25v-6.75a2.25 2.25 0 0 0-2.25-2.25H6.75a2.25 2.25 0 0 0-2.25 2.25v6.75a2.25 2.25 0 0 0 2.25 2.25Z"/>
2584</svg>
2585
2586                    </a>
2587    
2588        <p class="mt-1.5 text-sm text-zinc-500 leading-relaxed">La gestion de l’absence d’un salarié relève d’un régime juridique strict. Trois points concentrent l’essentiel du contentieux.</p>
2589    </article>
2590                                                        <article class="group py-4 border-b border-zinc-200 last:border-0">
2591    <div class="flex flex-wrap items-center gap-2 text-xs text-zinc-400">
2592        
2593                <div data-flux-badge="data-flux-badge" class="inline-flex items-center font-medium whitespace-nowrap  [print-color-adjust:exact] text-xs py-1 **:data-flux-badge-icon:size-3 **:data-flux-badge-icon:me-1 rounded-md px-2 text-zinc-700 [&amp;_button]:text-zinc-700! dark:text-zinc-200 dark:[&amp;_button]:text-zinc-200! bg-zinc-400/15 dark:bg-zinc-400/40 [&amp;:is(button)]:hover:bg-zinc-400/25 dark:[button]:hover:bg-zinc-400/50 badge-format">
2594        <svg class="shrink-0 [:where(&amp;)]:size-6 size-4" data-flux-badge-icon="data-flux-badge-icon" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
2595  <path stroke-linecap="round" stroke-linejoin="round" d="M12 7.5h1.5m-1.5 3h1.5m-7.5 3h7.5m-7.5 3h7.5m3-9h3.375c.621 0 1.125.504 1.125 1.125V18a2.25 2.25 0 0 1-2.25 2.25M16.5 7.5V18a2.25 2.25 0 0 0 2.25 2.25M16.5 7.5V4.875c0-.621-.504-1.125-1.125-1.125H4.125C3.504 3.75 3 4.254 3 4.875V18a2.25 2.25 0 0 0 2.25 2.25h13.5M6 7.5h3v3H6v-3Z"/>
2596</svg>
2597
2598            
2599    Actualité
2600    </div>
2601        
2602        
2603                <time datetime="2026-09-23T06:00:00+02:00">23 septembre 2026</time>
2604        
2605            </div>
2606
2607        <a href="https://www.legisocial.fr/actualites-sociales/8147-mesures-rh-projet-loi-relatif-tranparence-salariale-presente-conseil-ministres.html" class="mt-1.5 block font-semibold text-zinc-900 hover:text-blue-600 leading-snug transition-colors">
2608        Les mesures RH du projet de loi relatif à la tranparence salariale présenté en Conseil des ministres
2609                
2610        <svg class="shrink-0 [:where(&amp;)]:size-6 inline size-3.5 text-amber-500 align-baseline" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
2611  <path stroke-linecap="round" stroke-linejoin="round" d="M16.5 10.5V6.75a4.5 4.5 0 1 0-9 0v3.75m-.75 11.25h10.5a2.25 2.25 0 0 0 2.25-2.25v-6.75a2.25 2.25 0 0 0-2.25-2.25H6.75a2.25 2.25 0 0 0-2.25 2.25v6.75a2.25 2.25 0 0 0 2.25 2.25Z"/>
2612</svg>
2613
2614                    </a>
2615    
2616        <p class="mt-1.5 text-sm text-zinc-500 leading-relaxed">Le projet de loi a été présenté en Conseil des ministres le 10 septembre 2026. Il va maintenant être examiné par le Parlement.
2617En voici les principales dispositions intéressant les ressources humaines.</p>
2618    </article>
2619                                                        <article class="group py-4 border-b border-zinc-200 last:border-0">
2620    <div class="flex flex-wrap items-center gap-2 text-xs text-zinc-400">
2621        
2622                <div data-flux-badge="data-flux-badge" class="inline-flex items-center font-medium whitespace-nowrap  [print-color-adjust:exact] text-xs py-1 **:data-flux-badge-icon:size-3 **:data-flux-badge-icon:me-1 rounded-md px-2 text-zinc-700 [&amp;_button]:text-zinc-700! dark:text-zinc-200 dark:[&amp;_button]:text-zinc-200! bg-zinc-400/15 dark:bg-zinc-400/40 [&amp;:is(button)]:hover:bg-zinc-400/25 dark:[button]:hover:bg-zinc-400/50 badge-format">
2623        <svg class="shrink-0 [:where(&amp;)]:size-6 size-4" data-flux-badge-icon="data-flux-badge-icon" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
2624  <path stroke-linecap="round" stroke-linejoin="round" d="M12 7.5h1.5m-1.5 3h1.5m-7.5 3h7.5m-7.5 3h7.5m3-9h3.375c.621 0 1.125.504 1.125 1.125V18a2.25 2.25 0 0 1-2.25 2.25M16.5 7.5V18a2.25 2.25 0 0 0 2.25 2.25M16.5 7.5V4.875c0-.621-.504-1.125-1.125-1.125H4.125C3.504 3.75 3 4.254 3 4.875V18a2.25 2.25 0 0 0 2.25 2.25h13.5M6 7.5h3v3H6v-3Z"/>
2625</svg>
2626
2627            
2628    Actualité
2629    </div>
2630        
2631                <div data-flux-badge="data-flux-badge" class="inline-flex items-center font-medium whitespace-nowrap  [print-color-adjust:exact] text-xs py-1 **:data-flux-badge-icon:size-3 **:data-flux-badge-icon:me-1 rounded-md px-2 text-zinc-700 [&amp;_button]:text-zinc-700! dark:text-zinc-200 dark:[&amp;_button]:text-zinc-200! bg-zinc-400/15 dark:bg-zinc-400/40 [&amp;:is(button)]:hover:bg-zinc-400/25 dark:[button]:hover:bg-zinc-400/50 badge-metier badge-paie" style="--badge-bullet-db: #fa6e6d;">
2632        Paie
2633    </div>
2634        
2635                <time datetime="2026-09-23T06:00:00+02:00">23 septembre 2026</time>
2636        
2637            </div>
2638
2639        <a href="https://www.legisocial.fr/actualites-sociales/8150-arrets-maladie-maximum-ijss-ald-exonerantes.html" class="mt-1.5 block font-semibold text-zinc-900 hover:text-blue-600 leading-snug transition-colors">
2640        Arrêts maladie : un an maximum d’IJSS pour les ALD non exonérantes
2641            </a>
2642    
2643        <p class="mt-1.5 text-sm text-zinc-500 leading-relaxed">À compter du 15 octobre 2026, la durée maximale de versement des IJSS pour les assurés en ALD non exonérante passe de trois ans à un an. Les assurés dont l’affection était déjà reconnue à cette date conservent toutefois le bénéfice des anciennes règles.</p>
2644    </article>
2645                                                        <article class="group py-4 border-b border-zinc-200 last:border-0">
2646    <div class="flex flex-wrap items-center gap-2 text-xs text-zinc-400">
2647        
2648                <div data-flux-badge="data-flux-badge" class="inline-flex items-center font-medium whitespace-nowrap  [print-color-adjust:exact] text-xs py-1 **:data-flux-badge-icon:size-3 **:data-flux-badge-icon:me-1 rounded-md px-2 text-zinc-700 [&amp;_button]:text-zinc-700! dark:text-zinc-200 dark:[&amp;_button]:text-zinc-200! bg-zinc-400/15 dark:bg-zinc-400/40 [&amp;:is(button)]:hover:bg-zinc-400/25 dark:[button]:hover:bg-zinc-400/50 badge-format">
2649        <svg class="shrink-0 [:where(&amp;)]:size-6 size-4" data-flux-badge-icon="data-flux-badge-icon" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
2650  <path stroke-linecap="round" stroke-linejoin="round" d="M21.75 9v.906a2.25 2.25 0 0 1-1.183 1.981l-6.478 3.488M2.25 9v.906a2.25 2.25 0 0 0 1.183 1.981l6.478 3.488m8.839 2.51-4.66-2.51m0 0-1.023-.55a2.25 2.25 0 0 0-2.134 0l-1.022.55m0 0-4.661 2.51m16.5 1.615a2.25 2.25 0 0 1-2.25 2.25h-15a2.25 2.25 0 0 1-2.25-2.25V8.844a2.25 2.25 0 0 1 1.183-1.981l7.5-4.039a2.25 2.25 0 0 1 2.134 0l7.5 4.039a2.25 2.25 0 0 1 1.183 1.98V19.5Z"/>
2651</svg>
2652
2653            
2654    Brève
2655    </div>
2656        
2657                <div data-flux-badge="data-flux-badge" class="inline-flex items-center font-medium whitespace-nowrap  [print-color-adjust:exact] text-xs py-1 **:data-flux-badge-icon:size-3 **:data-flux-badge-icon:me-1 rounded-md px-2 text-zinc-700 [&amp;_button]:text-zinc-700! dark:text-zinc-200 dark:[&amp;_button]:text-zinc-200! bg-zinc-400/15 dark:bg-zinc-400/40 [&amp;:is(button)]:hover:bg-zinc-400/25 dark:[button]:hover:bg-zinc-400/50 badge-metier badge-rh-hygiene-securite" style="--badge-bullet-db: #7BD2D0;">
2658        RH - Hygiène et sécurité
2659    </div>
2660        
2661                <time datetime="2026-09-23T00:00:00+02:00">23 septembre 2026</time>
2662        
2663            </div>
2664
2665        
2666    <div class="contents" x-data x-on:click="$el.querySelector('button[disabled]') || $dis
2666patch('modal-show', { name: 'matinale-breve' })" data-flux-modal-trigger>
2667    <button type="button" class="mt-1.5 block text-left font-semibold text-zinc-900 hover:text-blue-600 leading-snug transition-colors cursor-pointer">
2668            Un webinaire pour sécuriser les livraisons sur les chantiers
2669            <svg class="shrink-0 [:where(&amp;)]:size-6 inline size-3.5 text-amber-500 align-baseline" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
2670  <path stroke-linecap="round" stroke-linejoin="round" d="M16.5 10.5V6.75a4.5 4.5 0 1 0-9 0v3.75m-.75 11.25h10.5a2.25 2.25 0 0 0 2.25-2.25v-6.75a2.25 2.25 0 0 0-2.25-2.25H6.75a2.25 2.25 0 0 0-2.25 2.25v6.75a2.25 2.25 0 0 0 2.25 2.25Z"/>
2671</svg>
2672
2673                </button>
2674</div>
2675    
2676    </article>
2677                                                    </div>
2678                    </div>
2679                                    </div>
2680            </div>
2681                    
2682        
2683                <div class="mt-10 lg:mt-12">
2684            <h3 class="text-sm tracking-[0.12em] uppercase font-bold text-zinc-900">Les dernières décisions de jurisprudence</h3>
2685
2686            <div class="mt-4 grid gap-5 md:grid-cols-3">
2687                                <article class="flex h-full flex-col rounded-xl border border-zinc-200 bg-white p-5">
2688                    
2689                                        <div class="flex flex-wrap items-center gap-2 text-xs text-zinc-400">
2690                                                                        <div data-flux-badge="data-flux-badge" class="inline-flex items-center font-medium whitespace-nowrap  [print-color-adjust:exact] text-xs py-1 **:data-flux-badge-icon:size-3 **:data-flux-badge-icon:me-1 rounded-md px-2 text-zinc-700 [&amp;_button]:text-zinc-700! dark:text-zinc-200 dark:[&amp;_button]:text-zinc-200! bg-zinc-400/15 dark:bg-zinc-400/40 [&amp;:is(button)]:hover:bg-zinc-400/25 dark:[button]:hover:bg-zinc-400/50 badge-theme badge-rupture-conventionnelle">
2691        Rupture conventionnelle
2692    </div>
2693                                                                    </div>
2694                    
2695                    <h4 class="mt-3 font-semibold text-zinc-900 leading-snug">
2696                        <a href="https://www.legisocial.fr/jurisprudences-sociales/1691-rupture-conventionnelle-accord-entreprise-fixer-montant-minimum-indemnite.html" class="hover:text-blue-600 transition-colors">Rupture conventionnelle : l’accord d’entreprise peut fixer le montant minimum de l’indemnité</a>
2697                    </h4>
2698
2699                                        <p class="mt-2 text-sm text-zinc-500 leading-relaxed">Dans un arrêt du 1er juillet 2026, la Cour de cassation précise que l’indemnité minimale de rupture conventionnelle peut être calculée selon l’accord d’entreprise, même si la convention collective prévoit aussi une indemnité de licenciement. Pour établir le montant à verser, le gestionnaire de paie doit donc vérifier les deux textes applicables et déterminer lequel prévaut.</p>
2700                    
2701                                        <time datetime="2026-09-25T06:00:00+02:00" class="mt-auto pt-3 text-xs text-zinc-400">
2702                        25 septembre 2026
2703                    </time>
2704                                    </article>
2705                                <article class="flex h-full flex-col rounded-xl border border-zinc-200 bg-white p-5">
2706                    
2707                                        <div class="flex flex-wrap items-center gap-2 text-xs text-zinc-400">
2708                                                <div data-flux-badge="data-flux-badge" class="inline-flex items-center font-medium whitespace-nowrap  [print-color-adjust:exact] text-xs py-1 **:data-flux-badge-icon:size-3 **:data-flux-badge-icon:me-1 rounded-md px-2 text-zinc-700 [&amp;_button]:text-zinc-700! dark:text-zinc-200 dark:[&amp;_button]:text-zinc-200! bg-zinc-400/15 dark:bg-zinc-400/40 [&amp;:is(button)]:hover:bg-zinc-400/25 dark:[button]:hover:bg-zinc-400/50 badge-metier badge-paie" style="--badge-bullet-db: #fa6e6d;">
2709        Paie
2710    </div>
2711                                                                        <div data-flux-badge="data-flux-badge" class="inline-flex items-center font-medium whitespace-nowrap  [print-color-adjust:exact] text-xs py-1 **:data-flux-badge-icon:size-3 **:data-flux-badge-icon:me-1 rounded-md px-2 text-zinc-700 [&amp;_button]:text-zinc-700! dark:text-zinc-200 dark:[&amp;_button]:text-zinc-200! bg-zinc-400/15 dark:bg-zinc-400/40 [&amp;:is(button)]:hover:bg-zinc-400/25 dark:[button]:hover:bg-zinc-400/50 badge-theme badge-ags">
2712        AGS
2713    </div>
2714                                                                    </div>
2715                    
2716                    <h4 class="mt-3 font-semibold text-zinc-900 leading-snug">
2717                        <a href="https://www.legisocial.fr/jurisprudences-sociales/1690-gerant-succursale-garantie-ags-contrat-travail.html" class="hover:text-blue-600 transition-colors">Gérant de succursale : pas de garantie AGS sans contrat de travail</a>
2718                    </h4>
2719
2720                                        <p class="mt-2 text-sm text-zinc-500 leading-relaxed">Dans un arrêt du 9 septembre 2026, la Cour de cassation juge qu’un gérant de succursale non salarié ne bénéficie pas de la garantie de l’AGS. L’application de certaines règles du code du travail à son statut ne suffit pas à lui conférer la qualité de salarié. En cas de liquidation judiciaire, ses créances risquent donc de rester impayées.</p>
2721                    
2722                                        <time datetime="2026-09-18T
272206:00:00+02:00" class="mt-auto pt-3 text-xs text-zinc-400">
2723                        18 septembre 2026
2724                    </time>
2725                                    </article>
2726                                <article class="flex h-full flex-col rounded-xl border border-zinc-200 bg-white p-5">
2727                    
2728                                        <div class="flex flex-wrap items-center gap-2 text-xs text-zinc-400">
2729                                                <div data-flux-badge="data-flux-badge" class="inline-flex items-center font-medium whitespace-nowrap  [print-color-adjust:exact] text-xs py-1 **:data-flux-badge-icon:size-3 **:data-flux-badge-icon:me-1 rounded-md px-2 text-zinc-700 [&amp;_button]:text-zinc-700! dark:text-zinc-200 dark:[&amp;_button]:text-zinc-200! bg-zinc-400/15 dark:bg-zinc-400/40 [&amp;:is(button)]:hover:bg-zinc-400/25 dark:[button]:hover:bg-zinc-400/50 badge-metier badge-paie" style="--badge-bullet-db: #fa6e6d;">
2730        Paie
2731    </div>
2732                                                                        <div data-flux-badge="data-flux-badge" class="inline-flex items-center font-medium whitespace-nowrap  [print-color-adjust:exact] text-xs py-1 **:data-flux-badge-icon:size-3 **:data-flux-badge-icon:me-1 rounded-md px-2 text-zinc-700 [&amp;_button]:text-zinc-700! dark:text-zinc-200 dark:[&amp;_button]:text-zinc-200! bg-zinc-400/15 dark:bg-zinc-400/40 [&amp;:is(button)]:hover:bg-zinc-400/25 dark:[button]:hover:bg-zinc-400/50 badge-theme badge-controle-urssaf">
2733        Contrôle URSSAF
2734    </div>
2735                                                                    </div>
2736                    
2737                    <h4 class="mt-3 font-semibold text-zinc-900 leading-snug">
2738                        <a href="https://www.legisocial.fr/jurisprudences-sociales/1689-controle-urssaf-methode-invalide-annule-entierement-redressement.html" class="hover:text-blue-600 transition-colors">Contrôle URSSAF : une méthode invalide annule entièrement le redressement</a>
2739                    </h4>
2740
2741                                        <p class="mt-2 text-sm text-zinc-500 leading-relaxed">Dans un arrêt du 3 septembre 2026, la Cour de cassation précise qu’un redressement calculé selon une méthode irrégulière doit être annulé en totalité. L’URSSAF doit également appliquer les taux de versement mobilité et de cotisation AT/MP correspondant réellement aux établissements concernés.</p>
2742                    
2743                                        <time datetime="2026-09-11T06:00:00+02:00" class="mt-auto pt-3 text-xs text-zinc-400">
2744                        11 septembre 2026
2745                    </time>
2746                                    </article>
2747                            </div>
2748        </div>
2749            </div>
2750</section>
2751
2752    <section id="agenda" class="scroll-mt-32 bg-main-900 text-white">
2753    <div class="px-6 lg:px-12 2xl:container py-10 lg:py-14">
2754
2755        <div class="flex flex-wrap items-baseline justify-between gap-3">
2756            <h2 class="inline-flex items-center gap-2.5 text-xl lg:text-2xl font-title font-semibold">
2757                <svg class="shrink-0 [:where(&amp;)]:size-6 size-6 text-main-200" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
2758  <path stroke-linecap="round" stroke-linejoin="round" d="m15.75 10.5 4.72-4.72a.75.75 0 0 1 1.28.53v11.38a.75.75 0 0 1-1.28.53l-4.72-4.72M4.5 18.75h9a2.25 2.25 0 0 0 2.25-2.25v-9a2.25 2.25 0 0 0-2.25-2.25h-9A2.25 2.25 0 0 0 2.25 7.5v9a2.25 2.25 0 0 0 2.25 2.25Z"/>
2759</svg>
2760
2761                        À venir
2762            </h2>
2763            <a href="https://www.legisocial.fr/webinaires/" class="text-sm font-semibold text-main-100 hover:text-white hover:underline">
2764                Tous les webinaires &rarr;
2765            </a>
2766        </div>
2767
2768        
2769                <article class="mt-6 grid overflow-hidden rounded-2xl border border-white/15 bg-white/5 lg:grid-cols-[minmax(0,1fr)_22rem]">
2770            <div class="order-2 p-6 lg:order-1 lg:p-8">
2771                <span class="inline-flex items-center gap-2 rounded-full bg-main-100/15 px-3 py-1 text-xs font-bold uppercase tracking-[0.14em] text-main-100">
2772                    Prochain webinaire
2773                </span>
2774
2775                <h3 class="mt-4 text-xl lg:text-2xl font-title font-bold leading-snug">
2776                    <a href="https://www.legisocial.fr/webinaires/2026-10-01-actualites-paie-septembre-2026.html" class="hover:underline">Actualités de la paie de septembre 2026</a>
2777                </h3>
2778
2779                <p class="mt-4 flex flex-wrap items-center gap-x-5 gap-y-2 text-sm text-main-100">
2780                                        <time datetime="2026-10-01T14:00:00+02:00" class="inline-flex items-center gap-1.5">
2781                        <svg class="shrink-0 [:where(&amp;)]:size-6 size-4" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
2782  <path stroke-linecap="round" stroke-linejoin="round" d="M6.75 3v2.25M17.25 3v2.25M3 18.75V7.5a2.25 2.25 0 0 1 2.25-2.25h13.5A2.25 2.25 0 0 1 21 7.5v11.25m-18 0A2.25 2.25 0 0 0 5.25 21h13.5A2.25 2.25 0 0 0 21 18.75m-18 0v-7.5A2.25 2.25 0 0 1 5.25 9h13.5A2.25 2.25 0 0 1 21 11.25v7.5m-9-6h.008v.008H12v-.008ZM12 15h.008v.008H12V15Zm0 2.25h.008v.008H12v-.008ZM9.75 15h.008v.008H9.75V15Zm0 2.25h.008v.008H9.75v-.008ZM7.5 15h.008v.008H7.5V15Zm0 2.25h.008v.008H7.5v-.008Zm6.75-4.5h.008v.008h-.008v-.008Zm0 2.25h.008v.008h-.008V15Zm0 2.25h.008v.008h-.008v-.008Zm2.25-4.5h.008v.008H16.5v-.008Zm0 2.25h.008v.008H16.5V15Z"/>
2783</svg>
2784
2785                                Jeudi 1 octobre 2026 à 14h00
2786                    </time>
2787                    
2788                                        <span class="inline-flex items-center gap-1.5">
2789                        <svg class="shrink-0 [:where(&amp;)]:size-6 size-4" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
2790  <path stroke-linecap="round" stroke-linejoin="round" d="M12 6v6h4.5m4.5 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"/>
2791</svg>
2792
2793                                45 min
2794                    </span>
2795                    
2796                                        <span class="inline-flex items-center gap-1.5">
2797                        <svg class="shrink-0 [:where(&amp;)]:size-6 size-4 text-amber-300" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
2798  <path stroke-linecap="round" stroke-linejoin="round" d="M16.5 10.5V6.75a4.5 4.5 0 1 0-9 0v3.75m-.75 11.25h10.5a2.25 2.25 0 0 0 2.25-2.25v-6.75a2.25 2.25 0 0 0-2.25-2.25H6.75a2.25 2.25 0 0 0-2.25 2.25v6.75a2.25 2.25 0 0 0 2.25 2.25Z"/>
2799</svg>
2800
2801                                Réservé aux abonnés
2802                    </span>
2803                                    </p>
2804
2805                
2806                <a href="https://www.legisocial.fr/webinaires/2026-10-01-actualites-paie-septembre-2026.html" data-flux-button="data-flux-button" class="relative items-center font-medium justify-center gap-2 whitespace-nowrap disabled:opacity-75 dark:disabled:opacity-75 disabled:cursor-default disabled:pointer-events-none justify-center h-10 text-sm rounded-lg ps-4 pe-4 inline-flex  bg-[var(--color-accent)] hover:bg-[color-mix(in_oklab,_var(--color-accent),_transparent_10%)] text-[var(--color-accent-foreground)] border border-black/10 dark:border-0 shadow-[inset_0px_1px_--theme(--color-white/.2)] [[data-flux-button-group]_&amp;]:border-e-0 [:is([data-flux-button-group]&gt;&amp;:last-child,_[data-flux-button-group]_:last-child&gt;&amp;)]:border-e-[1px] dark:[:is([data-flux-button-group]&gt;&amp;:last-child,_[data-flux-button-group]_:last-child&gt;&amp;)]:border-e-0 dark:[:is([data-flux-button-group]&gt;&amp;:last-child,_[data-flux-button-group]_:last-child&gt;&amp;)]:border-s-[1px] [:is([data-flux-button-group]&gt;&amp;:not(:first-child),_[data-flux-button-group]_:not(:first-child)&gt;&amp;)]:border-s-[color-mix(in_srgb,var(--color-accent-foreground),transparent_85%)]   mt-6" data-flux-group-target="data-flux-group-target">
2807        S'inscrire au webinaire
2808    </a>
2809            </div>
2810
2811            
2812            <div class="order-1 lg:order-2">
2813                                <div class="h-48 w-full bg-cover bg-center lg:h-full" style="background-image:url('https://www.legisocial.fr/static/site_media/600/uploads/adobestock_1736254051.jpeg')" role="img" aria-label="Visuel du webinaire"></div>
2814                            </div>
2815        </article>
2816        
2817        
2818        
2819        
2820                <div class="mt-8 border-t border-white/15 pt-6">
2821            <span class="text-xs tracking-[0.14em] uppercase font-bold text-main-200">Derniers replays</span>
2822
2823            <div class="mt-3 grid gap-4 md:grid-cols-2 lg:grid-cols-3">
2824                                <a href="https://www.legisocial.fr/webinaires/2026-09-23-rentree-sociale-change-qu-retenir.html" class="flex gap-4 rounded-xl border border-white/15 p-4 transition-colors hover:border-white/40">
2825                    <svg class="shrink-0 [:where(&amp;)]:size-6 mt-0.5 size-5 shrink-0 text-main-200" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
2826  <path stroke-linecap="round" stroke-linejoin="round" d="M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"/>
2827  <path stroke-linecap="round" stroke-linejoin="round" d="M15.91 11.672a.375.375 0 0 1 0 .656l-5.603 3.113a.375.375 0 0 1-.557-.328V8.887c0-.286.307-.466.557-.327l5.603 3.112Z"/>
2828</svg>
2829
2830                            <div>
2831                        <span class="block font-semibold leading-snug">Rentrée sociale : ce qui change, ce qu&#039;il faut retenir</span>
2832                                                <time datetime="2026-09-23T14:00:00+02:00" class="mt-1 block text-xs text-main-200">
2833                            23 septembre 2026
2834                        </time>
2835                                            </div>
2836                </a>
2837                                <a href="https://www.legisocial.fr/webinaires/2026-09-03-actualites-paie-2026.html" class="flex gap-4 rounded-xl border border-white/15 p-4 transition-colors hover:border-white/40">
2838                    <svg class="shrink-0 [:where(&amp;)]:size-6 mt-0.5 size-5 shrink-0 text-main-200" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
2839  <path stroke-linecap="round" stroke-linejoin="round" d="M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"/>
2840  <path stroke-linecap="round" stroke-linejoin="round" d="M15.91 11.672a.375.375 0 0 1 0 .656l-5.603 3.113a.375.375 0 0 1-.557-.328V8.887c0-.286.307-.466.557-.327l5.603 3.112Z"/>
2841</svg>
2842
2843                            <div>
2844                        <span class="block font-semibold leading-snug">Actualités de la paie été 2026</span>
2845                                                <time datetime="2026-09-03T14:00:00+02:00" class="mt-1 block text-xs text-main-200">
2846                            3 septembre 2026
2847                        </time>
2848                                            </div>
2849                </a>
2850                                <a href="https://www.legisocial.fr/webinaires/2026-07-02-actualites-paie-juin-2026.html" class="flex gap-4 rounded-xl border border-white/15 p-4 transition-colors hover:border-white/40">
2851                    <svg class="shrink-0 [:where(&amp;)]:size-6 mt-0.5 size-5 shrink-0 text-main-200" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
2852  <path stroke-linecap="round" stroke-linejoin="round" d="M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"/>
2853  <path stroke-linecap="round" stroke-linejoin="round" d="M15.91 11.672a.375.375 0 0 1 0 .656l-5.603 3.113a.375.375 0 0 1-.557-.328V8.887c0-.286.307-.466.557-.327l5.603 3.112Z"/>
2854</svg>
2855
2856                            <div>
2857                        <span class="block font-semibold leading-snug">Actualités de la paie de juin 2026</span>
2858                                                <time datetime="2026-07-02T14:00:00+02:00" class="mt-1 block text-xs text-main-200">
2859                            2 juillet 2026
2860                        </time>
2861                                            </div>
2862                </a>
2863                            </div>
2864        </div>
2865            </div>
2866</section>
2867
2868    <section id="quatre-semaines" class="scroll-mt-32 bg-white border-y border-zinc-200">
2869    <div class="px-6 lg:px-12 2xl:container py-8 lg:py-12">
2870
2871        <div class="flex flex-wrap items-baseline justify-between gap-3">
2872            <h2 class="text-xl lg:text-2xl font-title font-semibold text-zinc-900">Ces 4 dernières semaines</h2>
2873            <p class="text-sm text-zinc-500">
2874                Du 28 août
2875                au 18 septembre 2026
2876            </p>
2877        </div>
2878
2879                <h3 class="mt-6 text-sm tracking-[0.12em] uppercase font-bold text-zinc-900">Les sujets qui ont compté</h3>
2880
2881        <div class="mt-4 grid gap-6 md:grid-cols-2 lg:grid-cols-3">
2882                        <article class="flex h-full flex-col overflow-hidden rounded-xl border border-zinc-200 bg-white">
2883                                <div class="h-36 bg-cover bg-center" style="background-image:url('https://www.legisocial.fr/static/site_media/600/uploads/240_f_528095715_k5cf1l8kaqvk6j7y5nztxfom1booockc.jpg')"></div>
2884                
2885                <div class="flex flex-1 flex-col p-5">
2886                    <div class="flex flex-wrap items-center gap-2 text-xs text-zinc-400">
2887                                                <div data-flux-badge="data-flux-badge" class="inline-flex items-center font-medium whitespace-nowrap  [print-color-adjust:exact] text-xs py-1 **:data-flux-badge-icon:size-3 **:data-flux-badge-icon:me-1 rounded-md px-2 text-zinc-700 [&amp;_button]:text-zinc-700! dark:text-zinc-200 dark:[&amp;_button]:text-zinc-200! bg-zinc-400/15 dark:bg-zinc-400/40 [&amp;:is(button)]:hover:bg-zinc-400/25 dark:[button]:hover:bg-zinc-400/50 badge-metier badge-social" style="--badge-bullet-db: #ADD105;">
2888        Droit du travail
2889    </div>
2890                                                                        <time datetime="2026-09-16T06:00:00+02:00">16 septembre 2026</time>
2891                                            </div>
2892
2893                    <h4 class="mt-2.5 font-semibold text-zinc-900 leading-snug">
2894                        <a href="https://www.legisocial.fr/actualites-sociales/5484-conditions-travail-femme-enceinte.html" class="hover:text-blue-600 transition-colors">Les conditions de travail de la femme enceinte</a>
2895                    </h4>
2896
2897                                        <p class="mt-2 text-sm text-zinc-500 leading-relaxed">Le code du travail organise une certaine protection de la femme enceinte au travail.</p>
2898                                    </div>
2899            </article>
2900                        <article class="flex h-full flex-col overflow-hidden rounded-xl border border-zinc-200 bg-white">
2901                                <div class="h-36 bg-cover bg-center" style="background-image:url('https://www.legisocial.fr/static/site_media/600/uploads/demission3.jpg')"></div>
2902                
2903                <div class="flex flex-1 flex-col p-5">
2904                    <div class="flex flex-wrap items-center gap-2 text-xs text-zinc-400">
2905                                                                        <time datetime="2026-09-14T06:00:00+02:00">14 septembre 2026</time>
2906                                            </div>
2907
2908                    <h4 class="mt-2.5 font-semibold text-zinc-900 leading-snug">
2909                        <a href="https://www.legisocial.fr/actualites-sociales/8106-abandon-poste-salarie-protege-presomption-demission-autorisation-ins
2909pection-travail.html" class="hover:text-blue-600 transition-colors">Abandon de poste d&#039;un salarié protégé et présomption de démission : faut-il l&#039;autorisation de l&#039;inspection du travail ?</a>
2910                    </h4>
2911
2912                                        <p class="mt-2 text-sm text-zinc-500 leading-relaxed">La publication du nouveau guide de la Direction générale du travail (DGT) en juin 2026 apporte une réponse administrative sur l&#039;autorisation de l&#039;inspection du travail en cas de démission pour abandon de poste d&#039;un salarié protégé, sans pour autant clore le débat…</p>
2913                                    </div>
2914            </article>
2915                        <article class="flex h-full flex-col overflow-hidden rounded-xl border border-zinc-200 bg-white">
2916                                <div class="h-36 bg-cover bg-center" style="background-image:url('https://www.legisocial.fr/static/site_media/600/uploads/heures_supplementaires_calcul.png')"></div>
2917                
2918                <div class="flex flex-1 flex-col p-5">
2919                    <div class="flex flex-wrap items-center gap-2 text-xs text-zinc-400">
2920                                                <div data-flux-badge="data-flux-badge" class="inline-flex items-center font-medium whitespace-nowrap  [print-color-adjust:exact] text-xs py-1 **:data-flux-badge-icon:size-3 **:data-flux-badge-icon:me-1 rounded-md px-2 text-zinc-700 [&amp;_button]:text-zinc-700! dark:text-zinc-200 dark:[&amp;_button]:text-zinc-200! bg-zinc-400/15 dark:bg-zinc-400/40 [&amp;:is(button)]:hover:bg-zinc-400/25 dark:[button]:hover:bg-zinc-400/50 badge-metier badge-social" style="--badge-bullet-db: #ADD105;">
2921        Droit du travail
2922    </div>
2923                                                                        <time datetime="2026-09-09T06:00:00+02:00">9 septembre 2026</time>
2924                                            </div>
2925
2926                    <h4 class="mt-2.5 font-semibold text-zinc-900 leading-snug">
2927                        <a href="https://www.legisocial.fr/actualites-sociales/8104-matiere-heures-supplementaires-charge-preuve-partagee.html" class="hover:text-blue-600 transition-colors">En matière d&#039;heures supplémentaires, la charge de la preuve est toujours partagée</a>
2928                    </h4>
2929
2930                                        <p class="mt-2 text-sm text-zinc-500 leading-relaxed">Un tableau comptabilisant des heures de trajet parmi les heures de travail est suffisamment précis pour permettre à l’employeur d’y répondre.</p>
2931                                    </div>
2932            </article>
2933                        <article class="flex h-full flex-col overflow-hidden rounded-xl border border-zinc-200 bg-white">
2934                                <div class="h-36 bg-cover bg-center" style="background-image:url('https://www.legisocial.fr/static/site_media/600/uploads/240_f_1988768200_kjhsizmbhlql8ayrn1i8yurm16krsem4.jpg')"></div>
2935                
2936                <div class="flex flex-1 flex-col p-5">
2937                    <div class="flex flex-wrap items-center gap-2 text-xs text-zinc-400">
2938                                                <div data-flux-badge="data-flux-badge" class="inline-flex items-center font-medium whitespace-nowrap  [print-color-adjust:exact] text-xs py-1 **:data-flux-badge-icon:size-3 **:data-flux-badge-icon:me-1 rounded-md px-2 text-zinc-700 [&amp;_button]:text-zinc-700! dark:text-zinc-200 dark:[&amp;_button]:text-zinc-200! bg-zinc-400/15 dark:bg-zinc-400/40 [&amp;:is(button)]:hover:bg-zinc-400/25 dark:[button]:hover:bg-zinc-400/50 badge-metier badge-rh" style="--badge-bullet-db: #7BD2D0;">
2939        RH
2940    </div>
2941                                                                        <time datetime="2026-09-16T06:00:00+02:00">16 septembre 2026</time>
2942                                            </div>
2943
2944                    <h4 class="mt-2.5 font-semibold text-zinc-900 leading-snug">
2945                        <a href="https://www.legisocial.fr/actualites-sociales/8090-ia-entreprise-attention-terrain-juridique-sensible.html" class="hover:text-blue-600 transition-colors">IA en entreprise : attention, terrain juridique sensible !</a>
2946                    </h4>
2947
2948                                        <p class="mt-2 text-sm text-zinc-500 leading-relaxed">L’intelligence artificielle n’est plus un gadget : elle s’invite dans le recrutement, la gestion RH, la sécurité informatique, la production, le pilotage stratég
2948ique… Mais son déploiement n’est jamais neutre juridiquement. Il engage la responsabilité de l’employeur, impose une procédure, une transparence et une concertation obligatoire.</p>
2949                                    </div>
2950            </article>
2951                        <article class="flex h-full flex-col overflow-hidden rounded-xl border border-zinc-200 bg-white">
2952                                <div class="h-36 bg-cover bg-center" style="background-image:url('https://www.legisocial.fr/static/site_media/600/uploads/harcelement_moral.jpg')"></div>
2953                
2954                <div class="flex flex-1 flex-col p-5">
2955                    <div class="flex flex-wrap items-center gap-2 text-xs text-zinc-400">
2956                                                <div data-flux-badge="data-flux-badge" class="inline-flex items-center font-medium whitespace-nowrap  [print-color-adjust:exact] text-xs py-1 **:data-flux-badge-icon:size-3 **:data-flux-badge-icon:me-1 rounded-md px-2 text-zinc-700 [&amp;_button]:text-zinc-700! dark:text-zinc-200 dark:[&amp;_button]:text-zinc-200! bg-zinc-400/15 dark:bg-zinc-400/40 [&amp;:is(button)]:hover:bg-zinc-400/25 dark:[button]:hover:bg-zinc-400/50 badge-metier badge-rh-hygiene-securite" style="--badge-bullet-db: #7BD2D0;">
2957        RH - Hygiène et sécurité
2958    </div>
2959                                                                        <time datetime="2026-09-16T06:00:00+02:00">16 septembre 2026</time>
2960                                            </div>
2961
2962                    <h4 class="mt-2.5 font-semibold text-zinc-900 leading-snug">
2963                        <a href="https://www.legisocial.fr/actualites-sociales/7051-harcelement-managerial-comment-lutter-contre.html" class="hover:text-blue-600 transition-colors">Harcèlement managérial : comment lutter contre ?</a>
2964                    </h4>
2965
2966                                        <p class="mt-2 text-sm text-zinc-500 leading-relaxed">Le harcèlement managérial : définition, enjeux et prévention…</p>
2967                                    </div>
2968            </article>
2969                        <article class="flex h-full flex-col overflow-hidden rounded-xl border border-zinc-200 bg-white">
2970                                <div class="h-36 bg-cover bg-center" style="background-image:url('https://www.legisocial.fr/static/site_media/600/uploads/stress.jpg')"></div>
2971                
2972                <div class="flex flex-1 flex-col p-5">
2973                    <div class="flex flex-wrap items-center gap-2 text-xs text-zinc-400">
2974                                                <div data-flux-badge="data-flux-badge" class="inline-flex items-center font-medium whitespace-nowrap  [print-color-adjust:exact] text-xs py-1 **:data-flux-badge-icon:size-3 **:data-flux-badge-icon:me-1 rounded-md px-2 text-zinc-700 [&amp;_button]:text-zinc-700! dark:text-zinc-200 dark:[&amp;_button]:text-zinc-200! bg-zinc-400/15 dark:bg-zinc-400/40 [&amp;:is(button)]:hover:bg-zinc-400/25 dark:[button]:hover:bg-zinc-400/50 badge-metier badge-rh-hygiene-securite" style="--badge-bullet-db: #7BD2D0;">
2975        RH - Hygiène et sécurité
2976    </div>
2977                                                                        <time datetime="2026-09-09T06:00:00+02:00">9 septembre 2026</time>
2978                                            </div>
2979
2980                    <h4 class="mt-2.5 font-semibold text-zinc-900 leading-snug">
2981                        <a href="https://www.legisocial.fr/actualites-sociales/8091-burn-out-risques-psychosociaux-obligation-securite-simpose-employeur.html" class="hover:text-blue-600 transition-colors">Burn-out et risques psychosociaux : une obligation de sécurité qui s’impose à l’employeur</a>
2982                    </h4>
2983
2984                                        <p class="mt-2 text-sm text-zinc-500 leading-relaxed">L’employeur est tenu de protéger la santé physique et mentale des salariés.</p>
2985                                    </div>
2986            </article>
2987                    </div>
2988        
2989        
2990                <div class="mt-8">
2991            <h3 class="text-sm tracking-[0.12em] uppercase font-bold text-zinc-900">Les thèmes du moment</h3>
2992
2993            <div class="mt-3 flex flex-wrap gap-2">
2994                                <a href="?theme[0]=Risques+professionnels#explorer" class="inline-flex items-center gap-2 rounded-full border border-zinc-200 bg-white px-4 py-1.5 text-sm font-medium text-zinc-600 transition-colors hover:border-blue-400 hover:text-blue-600">
2995                    Risques professionnels
2996                    <span class="text-xs text-zinc-400">5</span>
2997                </a>
2998                                <a href="?theme[0]=DSN#explorer" class="inline-flex items-center gap-2 rounded-full border border-zinc-200 bg-white px-4 py-1.5 text-sm font-medium text-zinc-600 transition-colors hover:border-blue-400 hover:text-blue-600">
2999                    DSN
3000                    <span class="text-xs text-zinc-400">4</span>
3001                </a>
3002                                <a href="?theme[0]=DUERP#explorer" class="inline-flex items-center gap-2 rounded-full border border-zinc-200 bg-white px-4 py-1.5 text-sm font-medium text-zinc-600 transition-colors hover:border-blue-400 hover:text-blue-600">
3003                    DUERP
3004                    <span class="text-xs text-zinc-400">4</span>
3005                </a>
3006                                <a href="?theme[0]=CSE+%28Comit%C3%A9+Social+et+Economique%29#explorer" class="inline-flex items-center gap-2 rounded-full border border-zinc-200 bg-white px-4 py-1.5 text-sm font-medium text-zinc-600 transition-colors hover:border-blue-400 hover:text-blue-600">
3007                    CSE (Comité Social et Economique)
3008                    <span class="text-xs text-zinc-400">3</span>
3009                </a>
3010                                <a href="?theme[0]=CDD#explorer" class="inline-flex items-center gap-2 rounded-full border border-zinc-200 bg-white px-4 py-1.5 text-sm font-medium text-zinc-600 transition-colors hover:border-blue-400 hover:text-blue-600">
3011                    CDD
3012                    <span class="text-xs text-zinc-400">2</span>
3013                </a>
3014                                <a href="?theme[0]=Donn%C3%A9es+personnelles#explorer" class="inline-flex items-center gap-2 rounded-full border border-zinc-200 bg-white px-4 py-1.5 text-sm font-medium text-zinc-600 transition-colors hover:border-blue-400 hover:text-blue-600">
3015                    Données personnelles
3016                    <span class="text-xs text-zinc-400">2</span>
3017                </a>
3018                                <a href="?theme[0]=Harc%C3%A8lement#explorer" class="inline-flex items-center gap-2 rounded-full border border-zinc-200 bg-white px-4 py-1.5 text-sm font-medium text-zinc-600 transition-colors hover:border-blue-400 hover:text-blue-600">
3019                    Harcèlement
3020                    <span class="text-xs text-zinc-400">2</span>
3021                </a>
3022                                <a href="?theme[0]=Heures+suppl%C3%A9mentaires#explorer" class="inline-flex items-center gap-2 rounded-full border border-zinc-200 bg-white px-4 py-1.5 text-sm font-medium text-zinc-600 transition-colors hover:border-blue-400 hover:text-blue-600">
3023                    Heures supplémentaires
3024                    <span class="text-xs text-zinc-400">2</span>
3025                </a>
3026                            </div>
3027        </div>
3028            </div>
3029</section>
3030
3031    <section id="trois-mois" class="scroll-mt-32 py-8 lg:py-12">
3032    <div class="px-6 lg:px-12 2xl:container">
3033
3034        <div class="flex flex-wrap items-baseline justify-between gap-3">
3035            <h2 class="text-xl lg:text-2xl font-title font-semibold text-zinc-900">Ces 3 derniers mois</h2>
3036            <a href="#archives" class="text-sm font-semibold text-blue-600 hover:underline">Toutes les archives &rarr;</a>
3037        </div>
3038
3039        <div class="mt-6 grid gap-6 lg:grid-cols-3">
3040                        <section class="flex h-full flex-col rounded-xl border border-zinc-200 bg-white p-5">
3041                <div class="flex items-baseline justify-between gap-2 border-b border-zinc-200 pb-3">
3042                    <h3 class="font-title font-bold text-zinc-900">
3043                        <a href="https://www.legisocial.fr/infos-conseils/2026/08-aout/" class="hover:text-blue-600 transition-colors">Août 2026</a>
3044                    </h3>
3045                    <span class="text-xs text-zinc-400">67 publications</span>
3046                </div>
3047
3048                <ul class="mt-3 flex-1 space-y-3">
3049                                        <li>
3050                        <a href="https://www.legisocial.fr/actualites-sociales/8073-conventions-collectives-arretes-extension.html" class="block text-sm font-medium text-zinc-700 leading-snug transition-colors hover:text-blue-600">
3051                            Conventions collectives : les arrêtés d&#039;extension de l&#039;été
3052                        </a>
3053                    </li>
3054                                        <li>
3055                        <a href="https://www.legisocial.fr/actualites-sociales/8075-actualites-sociales-ne-fallait-manquer.html" class="block text-sm font-medium text-zinc-700 leading-snug transition-colors hover:text-blue-600">
3056                            Les actualités sociales de l&#039;été qu&#039;il ne fallait pas manquer !
3057                        </a>
3058                    </li>
3059                                        <li>
3060                        <a href="https://www.legisocial.fr/actualites-sociales/5453-indemnites-documents-fin-cdd.html" class="block text-sm font-medium text-zinc-700 leading-snug transition-colors hover:text-blue-600">
3061                            Les indemnités et documents de fin de CDD
3062                        </a>
3063                    </li>
3064                                        <li>
3065                        <a href="https://www.legisocial.fr/actualites-sociales/3337-rentree-scolaire-point-autorisations-absence-salaries.html" class="block text-sm font-medium text-zinc-700 leading-snug transition-colors hover:text-blue-600">
3066                            Rentrée scolaire, le point sur les autorisations d’absence des salariés
3067                        </a>
3068                    </li>
3069                                    </ul>
3070
3071                <a href="https://www.legisocial.fr/infos-conseils/2026/08-aout/" class="mt-4 text-sm font-semibold text-blue-600 hover:underline">
3072                    Tout août 2026 &rarr;
3073                </a>
3074            </section>
3075                        <section class="flex h-full flex-col rounded-xl border border-zinc-200 bg-white p-5">
3076                <div class="flex items-baseline justify-between gap-2 border-b border-zinc-200 pb-3">
3077                    <h3 class="font-title font-bold text-zinc-900">
3078                        <a href="https://www.legisocial.fr/infos-conseils/2026/07-juillet/" class="hover:text-blue-600 transition-colors">Juillet 2026</a>
3079                    </h3>
3080                    <span class="text-xs text-zinc-400">72 publications</span>
3081                </div>
3082
3083                <ul class="mt-3 flex-1 space-y-3">
3084                                        <li>
3085                        <a href="https://www.legisocial.fr/actualites-sociales/3425-heures-delegation-membres-cse-conges-payes.html" class="block text-sm font-medium text-zinc-700 leading-snug transition-colors hover:text-blue-600">
3086                            Les heures de délégation des membres du CSE pendant les congés payés
3087                        </a>
3088                    </li>
3089                                        <li>
3090                        <a href="https://www.legisocial.fr/actualites-sociales/5327-comment-designer-tresorier-cse.html" class="block text-sm font-medium text-zinc-700 leading-snug transition-colors hover:text-blue-600">
3091                            Comment désigner le trésorier du CSE ?
3092                        </a>
3093                    </li>
3094                                        <li>
3095                        <a href="https://www.legisocial.fr/actualites-sociales/3261-preparez-embauches-rentree-formalites-embauche.html" class="block text-sm font-medium text-zinc-700 leading-snug transition-colors hover:text-blue-600">
3096                            Préparez vos embauches de la rentrée : les formalités d&#039;embauche
3097                        </a>
3098                    </li>
3099                                        <li>
3100                        <a href="https://www.legisocial.fr/actualites-sociales/7471-quelles-sont-regles-applicables-samedi-15-aout-droit-travail.html" class="block text-sm font-medium text-zinc-700 leading-snug transition-colors hover:text-blue-600">
3101                            Quelles sont les règles applicables au samedi 15 août en droit du travail ?
3102                        </a>
3103                    </li>
3104                                    </ul>
3105
3106                <a href="https://www.legisocial.fr/infos-conseils/2026/07-juillet/" class="mt-4 text-sm font-semibold text-blue-600 hover:underline">
3107                    Tout juillet 2026 &rarr;
3108                </a>
3109            </section>
3110                        <section class="flex h-full flex-col rounded-xl border border-zinc-200 bg-white p-5">
3111                <div class="flex items-baseline justify-between gap-2 border-b border-zinc-200 pb-3">
3112                    <h3 class="font-title font-bold text-zinc-900">
3113                        <a href="https://www.legisocial.fr/infos-conseils/2026/06-juin/" class="hover:text-blue-600 transition-colors">Juin 2026</a>
3114                    </h3>
3115                    <span class="text-xs text-zinc-400">73 publications</span>
3116                </div>
3117
3118                <ul class="mt-3 flex-1 space-y-3">
3119                                        <li>
3120                        <a href="https://www.legisocial.fr/actualites-sociales/7982-conge-supplementaire-naissance-formulaire-declaration-phase-transitoire-disponible.html" class="block text-sm font-medium text-zinc-700 leading-snug transition-colors hover:text-blue-600">
3121                            Congé supplémentaire de naissance : le formulaire de déclaration de la phase transitoire est disponible
3122                        </a>
3123                    </li>
3124                                        <li>
3125                        <a href="https://www.legisocial.fr/actualites-sociales/5455-hcr-attention-risque-requalification-contrat-extra.html" class="block text-sm font-medium text-zinc-700 leading-snug transition-colors hover:text-blue-600">
3126                            HCR : attention au risque de requalification du contrat d&#039;extra !
3127                        </a>
3128                    </li>
3129                                        <li>
3130                        <a href="https://www.legisocial.fr/actualites-sociales/5420-incidence-maladie-conges-payes-salaries.html" class="block text-sm font-medium text-zinc-700 leading-snug transition-colors hover:text-blue-600">
3131                            L&#039;incidence de la maladie sur les congés payés de vos salariés
3132                        </a>
3133                    </li>
3134                                        <li>
3135                        <a href="https://www.legisocial.fr/actualites-sociales/6945-quelles-consequences-salarie-refuse-signer-contrat-duree-determinee.html" class="block text-sm font-medium text-zinc-700 leading-snug transition-colors hover:text-blue-600">
3136                            Quelles conséquences si un salarié refuse de signer son contrat à durée déterminée ?
3137                        </a>
3138                    </li>
3139                                    </ul>
3140
3141                <a href="https://www.legisocial.fr/infos-conseils/2026/06-juin/" class="mt-4 text-sm font-semibold text-blue-600 hover:underline">
3142                    Tout juin 2026 &rarr;
3143                </a>
3144            </section>
3145                    </div>
3146    </div>
3147</section>
3148
3149    <section class="py-8 lg:py-10">
3150    <div class="px-6 lg:px-12 2xl:container">
3151        <h2 class="text-sm tracking-[0.12em] uppercase font-bold text-zinc-900">Vos ressources de référence</h2>
3152
3153        <div class="mt-4 grid gap-5 md:grid-cols-2 lg:grid-cols-3">
3154
3155            
3156                        <a href="https://www.legisocial.fr/dossiers-synthese/protection-donnees-rgpd.html" class="flex h-full flex-col rounded-xl border border-amber-200 bg-amber-50 p-5 transition hover:shadow">
3157                <div class="flex items-center gap-2 text-xs tracking-[0.12em] uppercase font-bold text-amber-700">
3158                    <span class="text-base">🗂️</span> Le dossier du moment
3159                </div>
3160                <h3 class="mt-2.5 font-title font-bold text-zinc-900 leading-snug">La protection des données personnelles et le RGPD</h3>
3161                                <p class="mt-2 text-sm text-zinc-600">Depuis 2018, toute entreprise traitant des données personnelles doit se conformer au RGPD, sous peine de lourdes sanctions. La gestion des ressources humaines est particulièrement concernée. Ce dossier vous accompagne, étape par étape, pour vérifier votre conformité et mettre votre service RH en règle.</p>
3162                                <div class="mt-auto pt-3">
3163                                    </div>
3164            </a>
3165            
3166            
3167                        <a href="https://www.legisocial.fr/formations-rh-paie/droit-travail-managers.html" class="flex h-full flex-col rounded-xl border border-zinc-200 bg-white p-5 transition hover:shadow">
3168                <div class="flex items-center gap-2 text-xs tracking-[0.12em] uppercase font-bold text-main-600">
3169                    <span class="text-base">🎓</span> La formation à la une
3170                </div>
3171                <h3 class="mt-2.5 font-title font-bold text-zinc-900 leading-snug">Le droit du travail pour managers : ce que vous pouvez et ne pouvez pas faire</h3>
3172
3173                
3174                                <div class="mt-2 flex items-center gap-2 text-sm">
3175                    <svg class="shrink-0 [:where(&amp;)]:size-6 size-4 text-main-500 shrink-0" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
3176  <path stroke-linecap="round" stroke-linejoin="round" d="M6.75 3v2.25M17.25 3v2.25M3 18.75V7.5a2.25 2.25 0 0 1 2.25-2.25h13.5A2.25 2.25 0 0 1 21 7.5v11.25m-18 0A2.25 2.25 0 0 0 5.25 21h13.5A2.25 2.25 0 0 0 21 18.75m-18 0v-7.5A2.25 2.25 0 0 1 5.25 9h13.5A2.25 2.25 0 0 1 21 11.25v7.5m-9-6h.008v.008H12v-.008ZM12 15h.008v.008H12V15Zm0 2.25h.008v.008H12v-.008ZM9.75 15h.008v.008H9.75V15Zm0 2.25h.008v.008H9.75v-.008ZM7.5 15h.008v.008H7.5V15Zm0 2.25h.008v.008H7.5v-.008Zm6.75-4.5h.008v.008h-.008v-.008Zm0 2.25h.008v.008h-.008V15Zm0 2.25h.008v.008h-.008v-.008Zm2.25-4.5h.008v.008H16.5v-.008Zm0 2.25h.008v.008H16.5V15Z"/>
3177</svg>
3178
3179                            <time datetime="2026-11-19" class="font-medium text-zinc-700">
3180                        jeudi 19 novembre 2026
3181                    </time>
3182                </div>
3183                
3184                                <p class="mt-2 text-sm text-zinc-600">Le manager de proximité applique le droit du travail à chaque décision qu’il prend : sanctionner un retard, mener un entretien de recrutement, réagir à un signalement, superviser les horaires. Cette formation de 4 heures fixe les limites précises de son pouvoir de direction sur cinq zones à risque : le recrutement, les heures supplémentaires non rémunérées, le harcèlement, le pouvoir disciplinaire et la surveillance des salariés.</p>
3185                
3186                <div class="mt-auto pt-3 text-sm text-zinc-500">
3187                                        <span>0,5 jour</span>
3188                                        
3189                                        <span class="ml-2 font-semibold text-zinc-900">
3190                        à partir de 490 € HT
3191                    </span>
3192                                    </div>
3193            </a>
3194            
3195            
3196                        <a href="https://www.legisocial.fr/calculettes-gratuites/proratisation-pmss.html" class="flex h-full flex-col rounded-xl border border-zinc-200 bg-white p-5 transition hover:shadow">
3197                <div class="flex items-center gap-2 text-xs tracking-[0.12em] uppercase font-bold text-main-600">
3198                    <span class="text-base">🧮</span> L'outil du moment
3199                </div>
3200                <h3 class="mt-2.5 font-title font-bold text-zinc-900 leading-snug">Proratisation PMSS en 2026</h3>
3201                                <p class="mt-2 text-sm text-zinc-600">Cet outil gratuit vous permet de calculer le plafond de sécurité sociale proratisé en tenant compte des 3 cas exposés : les tranches, le principe de proratisation et la neutralisation du PMSS.</p>
3202                                <div class="mt-auto pt-3">
3203                                    </div>
3204            </a>
3205                    </div>
3206    </div>
3207</section>
3208
3209    <section id="explorer" class="scroll-mt-32 bg-zinc-50 border-y border-zinc-200">
3210    <div class="px-6 lg:px-12 2xl:container py-8 lg:py-12">
3211        <div wire:key="lw-669372589-0" wire:snapshot="{&quot;data&quot;:{&quot;profil&quot;:&quot;veille&quot;,&quot;pageId&quot;:0,&quot;pageTitle&quot;:&quot;L&#039;actualit\u00e9 en Social, Paie et RH&quot;,&quot;rubricPath&quot;:&quot;\/&quot;,&quot;dateFrom&quot;:null,&quot;dateTo&quot;:null,&quot;q&quot;:&quot;&quot;,&quot;format&quot;:&quot;tout&quot;,&quot;theme&quot;:[[],{&quot;s&quot;:&quot;arr&quot;}],&quot;secteur&quot;:[[],{&quot;s&quot;:&quot;arr&quot;}],&quot;metier&quot;:[[],{&quot;s&quot;:&quot;arr&quot;}],&quot;mois&quot;:&quot;&quot;,&quot;from&quot;:0},&quot;memo&quot;:{&quot;id&quot;:&quot;JA0xzcghw9rAyHvwQrVm&quot;,&quot;name&quot;:&quot;contenu.content-explorer&quot;,&quot;path&quot;:&quot;infos-conseils&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;fr&quot;,&quot;islands&quot;:[]},&quot;checksum&quot;:&quot;ac1f8b8d8b8b01f515470b6b5bac1e820f7a183e5aa6aad5a70412a58235bc06&quot;}" wire:effects="{&quot;url&quot;:{&quot;q&quot;:{&quot;as&quot;:&quot;q&quot;,&quot;use&quot;:&quot;replace&quot;,&quot;alwaysShow&quot;:false,&quot;except&quot;:null},&quot;format&quot;:{&quot;as&quot;:&quot;format&quot;,&quot;use&quot;:&quot;replace&quot;,&quot;alwaysShow&quot;:false,&quot;except&quot;:null},&quot;theme&quot;:{&quot;as&quot;:&quot;theme&quot;,&quot;use&quot;:&quot;replace&quot;,&quot;alwaysShow&quot;:false,&quot;except&quot;:null},&quot;secteur&quot;:{&quot;as&quot;:&quot;secteur&quot;,&quot;use&quot;:&quot;replace&quot;,&quot;alwaysShow&quot;:false,&quot;except&quot;:null},&quot;metier&quot;:{&quot;as&quot;:&quot;metier&quot;,&quot;use&quot;:&quot;replace&quot;,&quot;alwaysShow&quot;:false,&quot;except&quot;:null},&quot;mois&quot;:{&quot;as&quot;:&quot;mois&quot;,&quot;use&quot;:&quot;replace&quot;,&quot;alwaysShow&quot;:false,&quot;except&quot;:null},&quot;from&quot;:{&quot;as&quot;:&quot;from&quot;,&quot;use&quot;:&quot;replace&quot;,&quot;alwaysShow&quot;:false,&quot;except&quot;:null}}}" wire:id="JA0xzcghw9rAyHvwQrVm" wire:name="contenu.content-explorer">
3212    
3213    
3214    <div class="flex items-center gap-2.5 bg-white border-[1.5px] border-zinc-200 rounded-xl px-4 py-2.5 max-w-6xl focus-within:border-blue-500 transition-colors">
3215        <svg class="shrink-0 [:where(&amp;)]:size-6 size-5 text-zinc-400 shrink-0" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
3216  <path stroke-linecap="round" stroke-linejoin="round" d="m21 21-5.197-5.197m0 0A7.5 7.5 0 1 0 5.196 5.196a7.5 7.5 0 0 0 10.607 10.607Z"/>
3217</svg>
3218
3219                <input type="search" wire:model.live.debounce.300ms="q" placeholder="Rechercher dans l&#039;actualité : prime de partage, arrêt maladie, CSE…" class="flex-1 border-0 outline-none text-sm text-zinc-800 bg-transparent focus:ring-0" aria-label="Rechercher dans l&#039;actualité">
3220        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->    </div>
3221
3222    <div class="mt-4">
3223        
3224        <div class="flex flex-wrap gap-2" role="group" aria-label="Filtrer par format">
3225            <!--[if BLOCK]><![endif]-->            <a href="?format=tout" wire:click.prevent="setFormat('tout')" class="border rounded-full px-4 py-1.5 text-sm font-semibold transition-colors cursor-pointer bg-zinc-900 border-zinc-900 text-white">Tout</a>
3226                        <a href="?format=breve" wire:click.prevent="setFormat('breve')" class="border rounded-full px-4 py-1.5 text-sm font-semibold transition-colors cursor-pointer bg-white border-zinc-200 text-zinc-600 hover:border-zinc-400 hover:text-zinc-900">Brèves</a>
3227                        <a href="?format=actualite" wire:click.prevent="setFormat('actualite')" class="border rounded-full px-4 py-1.5 text-sm font-semibold transition-colors cursor-pointer bg-white border-zinc-200 text-zinc-600 hover:border-zinc-400 hover:text-zinc-900">Actualités</a>
3228                        <a href="?format=jurisprudence" wire:click.prevent="setFormat('jurisprudence')" class="border rounded-full px-4 py-1.5 text-sm font-semibold transition-colors cursor-pointer bg-white border-zinc-200 text-zinc-600 hover:border-zinc-400 hover:text-zinc-900">Jurisprudences</a>
3229                        <a href="?format=dossier" wire:click.prevent="setFormat('dossier')" class="border rounded-full px-4 py-1.5 text-sm font-semibold transition-colors cursor-pointer bg-white border-zinc-200 text-zinc-600 hover:border-zinc-400 hover:text-zinc-900">Dossiers</a>
3230            <!--[if ENDBLOCK]><![endif]-->        </div>
3231
3232        
3233        <div class="mt-3 flex flex-wrap items-center justify-end gap-3">
3234            <!--[if BLOCK]><![endif]-->            <ui-select clear="close esc select" filter="filter" class="w-full border-0 p-0 bg-transparent max-w-xs" wire:model.live="mois" data-flux-control data-flux-select>
3235            <button type="button" class="group/select-button cursor-default py-2 overflow-hidden flex items-center shadow-xs bg-white dark:bg-white/10 dark:disabled:bg-white/[7%] disabled:shadow-none h-8 text-sm rounded-md ps-3 pe-2 block w-full border border-zinc-200 border-b-zinc-300/80 dark:border-white/10" data-flux-group-target data-flux-select-button>
3236            <ui-selected x-ignore wire:ignore class="truncate flex gap-2 text-start flex-1 text-zinc-700 [[disabled]_&amp;]:text-zinc-500 dark:text-zinc-300 dark:[[disabled]_&amp;]:text-zinc-400">
3237    <template name="placeholder">
3238        <span class="text-zinc-400 [[disabled]_&]:text-zinc-400/70 dark:text-zinc-400 dark:[[disabled]_&]:text-zinc-500" data-flux-select-placeholder>
3239            Toutes les périodes
3240        </span>
3241    </template>
3242
3243    <template name="overflow" max="1">
3244        <div><slot name="count"></slot> selected</div>
3245    </template>
3246</ui-selected>
3247    
3248    
3249    <svg class="shrink-0 [:where(&amp;)]:size-5 ms-2 -me-1 text-zinc-400/75 [[data-flux-select-button]:hover_&]:text-zinc-800 [[disabled]_&]:text-zinc-200! dark:text-white/60 dark:[[data-flux-select-button]:hover_&]:text-white dark:[[disabled]_&]:text-white/40!" data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
3250  <path fill-rule="evenodd" d="M5.22 8.22a.75.75 0 0 1 1.06 0L10 11.94l3.72-3.72a.75.75 0 1 1 1.06 1.06l-4.25 4.25a.75.75 0 0 1-1.06 0L5.22 9.28a.75.75 0 0 1 0-1.06Z" clip-rule="evenodd"/>
3251</svg>
3252
3253        </button>
3254    
3255    <div popover="manual" class="[:where(&)]:min-w-48 [&:popover-open]:flex [&:popover-open]:flex-col rounded-lg shadow-xs border border-zinc-200 dark:border-zinc-600 bg-white dark:bg-zinc-700 p-[.3125rem]" data-flux-options>
3256                    <div class="relative flex grow mx-[-5px] mt-[-5px] mb-[5px]" data-flux-select-search>
3257    <div class="absolute top-0 bottom-0 flex items-center justify-center text-xs text-zinc-400 ps-3.5 start-0">
3258                    <svg class="shrink-0 [:where(&amp;)]:size-4" data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" data-slot="icon">
3259  <path fill-rule="evenodd" d="M9.965 11.026a5 5 0 1 1 1.06-1.06l2.755 2.754a.75.75 0 1 1-1.06 1.06l-2.755-2.754ZM10.5 7a3.5 3.5 0 1 1-7 0 3.5 3.5 0 0 1 7 0Z" clip-rule="evenodd"/>
3260</svg>
3261
3262                    </div>
3263
3264    <input type="text" placeholder="Recherche..." class="h-10 w-full flex items-center px-3 py-2 font-medium text-base sm:text-sm text-zinc-800 dark:text-white ps-9 pe-9 outline-hidden border-b border-zinc-200 dark:border-zinc-600 bg-white dark:bg-zinc-700 border-t-0 border-s-0 border-e-0 focus:ring-0 focus:border-zinc-200 dark:focus:border-zinc-600 data-invalid:text-red-500 dark:data-invalid:text-red-400"/>
3265
3266    
3267            <div class="[[data-flux-select-search]:has([data-flux-loading])_&]:opacity-0 transition-opacity absolute top-0 bottom-0 flex items-center justify-center pe-1 end-0 [[data-flux-select-search]:has(input:placeholder-shown)_&]:hidden">
3268            <button type="button" class="relative items-center font-medium justify-center gap-2 whitespace-nowrap disabled:opacity-75 dark:disabled:opacity-75 disabled:cursor-default disabled:pointer-events-none justify-center h-8 text-sm rounded-md w-8 inline-flex  bg-transparent hover:bg-zinc-800/5 dark:hover:bg-white/15 text-zinc-500 hover:text-zinc-800 dark:text-zinc-400 dark:hover:text-white" data-flux-button="data-flux-button" tabindex="-1" aria-label="Clear command input" x-data="fluxSelectSearchClearable" x-on:click="clear()">
3269        <svg class="shrink-0 [:where(&amp;)]:size-4" data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" data-slot="icon">
3270  <path d="M5.28 4.22a.75.75 0 0 0-1.06 1.06L6.94 8l-2.72 2.72a.75.75 0 1 0 1.06 1.06L8 9.06l2.72 2.72a.75.75 0 1 0 1.06-1.06L9.06 8l2.72-2.72a.75.75 0 0 0-1.06-1.06L8 6.94 5.28 4.22Z"/>
3271</svg>
3272    </button>
3273        </div>
3274    </div>
3275        
3276        <ui-options class="max-h-[20rem] overflow-y-auto -me-[.3125rem] -mt-[.3125rem] pt-[.3125rem] pe-[.3125rem] -mb-[.3125rem] pb-[.3125rem] scroll-py-[.3125rem]">
3277                            <ui-option-empty class="data-hidden:hidden block items-center px-2 py-1.5 w-full rounded-md text-start text-sm font-medium text-zinc-500 data-active:bg-zinc-100 dark:text-zinc-300 dark:data-active:bg-zinc-600" when-loading="Loading..." data-flux-listbox-empty wire:ignore>
3278    Aucun résultat trouvé
3279</ui-option-empty>
3280            
3281            <ui-option value="" class="group/option overflow-hidden data-hidden:hidden group flex items-center px-2 py-1.5 w-full focus:outline-hidden rounded-md text-start text-sm font-medium select-none text-zinc-800 data-active:bg-zinc-100 [&amp;[disabled]]:text-zinc-400 dark:text-white dark:data-active:bg-zinc-600 dark:[&amp;[disabled]]:text-zinc-400" data-flux-option>
3282    <div class="w-6 shrink-0 [ui-selected_&]:hidden">
3283        <svg class="shrink-0 [:where(&amp;)]:size-5 hidden [ui-option[data-selected]_&]:block" data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
3284  <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z" clip-rule="evenodd"/>
3285</svg>
3286
3287            </div>
3288
3289    Toutes les périodes
3290
3291    </ui-option>
3292                <!--[if BLOCK]><![endif]-->                <ui-option value="2026-09" wire:key="2026-09" class="group/option overflow-hidden data-hidden:hidden group flex items-center px-2 py-1.5 w-full focus:outline-hidden rounded-md text-start text-sm font-medium select-none text-zinc-800 data-active:bg-zinc-100 [&amp;[disabled]]:text-zinc-400 dark:text-white dark:data-active:bg-zinc-600 dark:[&amp;[disabled]]:text-zinc-400" data-flux-option>
3293    <div class="w-6 shrink-0 [ui-selected_&]:hidden">
3294        <svg class="shrink-0 [:where(&amp;)]:size-5 hidden [ui-option[data-selected]_&]:block" data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
3295  <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z" clip-rule="evenodd"/>
3296</svg>
3297
3298            </div>
3299
3300    Septembre 2026 (63)
3301
3302    </ui-option>
3303                                <ui-option value="2026-08" wire:key="2026-08" class="group/option overflow-hidden data-hidden:hidden group flex items-center px-2 py-1.5 w-full focus:outline-hidden rounded-md text-start text-sm font-medium select-none text-zinc-800 data-active:bg-zinc-100 [&amp;[disabled]]:text-zinc-400 dark:text-white dark:data-active:bg-zinc-600 dark:[&amp;[disabled]]:text-zinc-400" data-flux-option>
3304    <div class="w-6 shrink-0 [ui-selected_&]:hidden">
3305        <svg class="shrink-0 [:where(&amp;)]:size-5 hidden [ui-option[data-selected]_&]:block" data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
3306  <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z" clip-rule="evenodd"/>
3307</svg>
3308
3309            </div>
3310
3311    Août 2026 (67)
3312
3313    </ui-option>
3314                                <ui-option value="2026-07" wire:key="2026-07" class="group/option overflow-hidden data-hidden:hidden group flex items-center px-2 py-1.5 w-full focus:outline-hidden rounded-md text-start text-sm font-medium select-none text-zinc-800 data-active:bg-zinc-100 [&amp;[disabled]]:text-zinc-400 dark:text-white dark:data-active:bg-zinc-600 dark:[&amp;[disabled]]:text-zinc-400" data-flux-option>
3315    <div class="w-6 shrink-0 [ui-selected_&]:hidden">
3316        <svg class="shrink-0 [:where(&amp;)]:size-5 hidden [ui-option[data-selected]_&]:block" data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
3317  <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z" clip-rule="evenodd"/>
3318</svg>
3319
3320            </div>
3321
3322    Juillet 2026 (72)
3323
3324    </ui-option>
3325                                <ui-option value="2026-06" wire:key="2026-06" class="group/option overflow-hidden data-hidden:hidden group flex items-center px-2 py-1.5 w-full focus:outline-hidden rounded-md text-start text-sm font-medium select-none text-zinc-800 data-active:bg-zinc-100 [&amp;[disabled]]:text-zinc-400 dark:text-white dark:data-active:bg-zinc-600 dark:[&amp;[disabled]]:text-zinc-400" data-flux-option>
3326    <div class="w-6 shrink-0 [ui-selected_&]:hidden">
3327        <svg class="shrink-0 [:where(&amp;)]:size-5 hidden [ui-option[data-selected]_&]:block" data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
3328  <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z" clip-rule="evenodd"/>
3329</svg>
3330
3331            </div>
3332
3333    Juin 2026 (73)
3334
3335    </ui-option>
3336                                <ui-option value="2026-05" wire:key="2026-05" class="group/option overflow-hidden data-hidden:hidden group flex items-center px-2 py-1.5 w-full focus:outline-hidden rounded-md text-start text-sm font-medium select-none text-zinc-800 data-active:bg-zinc-100 [&amp;[disabled]]:text-zinc-400 dark:text-white dark:data-active:bg-zinc-600 dark:[&amp;[disabled]]:text-zinc-400" data-flux-option>
3337    <div class="w-6 shrink-0 [ui-selected_&]:hidden">
3338        <svg class="shrink-0 [:where(&amp;)]:size-5 hidden [ui-option[data-selected]_&]:block" data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
3339  <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z" clip-rule="evenodd"/>
3340</svg>
3341
3342            </div>
3343
3344    Mai 2026 (73)
3345
3346    </ui-option>
3347                                <ui-option value="2026-04" wire:key="2026-04" class="group/option overflow-hidden data-hidden:hidden group flex items-center px-2 py-1.5 w-full focus:outline-hidden rounded-md text-start text-sm font-medium select-none text-zinc-800 data-active:bg-zinc-100 [&amp;[disabled]]:text-zinc-400 dark:text-white dark:data-active:bg-zinc-600 dark:[&amp;[disabled]]:text-zinc-400" data-flux-option>
3348    <div class="w-6 shrink-0 [ui-selected_&]:hidden">
3349        <svg class="shrink-0 [:where(&amp;)]:size-5 hidden [ui-option[data-selected]_&]:block" data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
3350  <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z" clip-rule="evenodd"/>
3351</svg>
3352
3353            </div>
3354
3355    Avril 2026 (74)
3356
3357    </ui-option>
3358                                <ui-option value="2026-03" wire:key="2026-03" class="group/option overflow-hidden data-hidden:hidden group flex items-center px-2 py-1.5 w-full focus:outline-hidden rounded-md text-start text-sm font-medium select-none text-zinc-800 data-active:bg-zinc-100 [&amp;[disabled]]:text-zinc-400 dark:text-white dark:data-active:bg-zinc-600 dark:[&amp;[disabled]]:text-zinc-400" data-flux-option>
3359    <div class="w-6 shrink-0 [ui-selected_&]:hidden">
3360        <svg class="shrink-0 [:where(&amp;)]:size-5 hidden [ui-option[data-selected]_&]:block" data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
3361  <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z" clip-rule="evenodd"/>
3362</svg>
3363
3364            </div>
3365
3366    Mars 2026 (76)
3367
3368    </ui-option>
3369                                <ui-option value="2026-02" wire:key="2026-02" class="group/option overflow-hidden data-hidden:hidden group flex items-center px-2 py-1.5 w-full focus:outline-hidden rounded-md text-start text-sm font-medium select-none text-zinc-800 data-active:bg-zinc-100 [&amp;[disabled]]:text-zinc-400 dark:text-white dark:data-active:bg-zinc-600 dark:[&amp;[disabled]]:text-zinc-400" data-flux-option>
3370    <div class="w-6 shrink-0 [ui-selected_&]:hidden">
3371        <svg class="shrink-0 [:where(&amp;)]:size-5 hidden [ui-option[data-selected]_&]:block" data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
3372  <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z" clip-rule="evenodd"/>
3373</svg>
3374
3375            </div>
3376
3377    Février 2026 (67)
3378
3379    </ui-option>
3380                                <ui-option value="2026-01" wire:key="2026-01" class="group/option overflow-hidden data-hidden:hidden group flex items-center px-2 py-1.5 w-full focus:outline-hidden rounded-md text-start text-sm font-medium select-none text-zinc-800 data-active:bg-zinc-100 [&amp;[disabled]]:text-zinc-400 dark:text-white dark:data-active:bg-zinc-600 dark:[&amp;[disabled]]:text-zinc-400" data-flux-option>
3381    <div class="w-6 shrink-0 [ui-selected_&]:hidden">
3382        <svg class="shrink-0 [:where(&amp;)]:size-5 hidden [ui-option[data-selected]_&]:block" data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
3383  <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z" clip-rule="evenodd"/>
3384</svg>
3385
3386            </div>
3387
3388    Janvier 2026 (75)
3389
3390    </ui-option>
3391                                <ui-option value="2025-12" wire:key="2025-12" class="group/option overflow-hidden data-hidden:hidden group flex items-center px-2 py-1.5 w-full focus:outline-hidden rounded-md text-start text-sm font-medium select-none text-zinc-800 data-active:bg-zinc-100 [&amp;[disabled]]:text-zinc-400 dark:text-white dark:data-active:bg-zinc-600 dark:[&amp;[disabled]]:text-zinc-400" data-flux-option>
3392    <div class="w-6 shrink-0 [ui-selected_&]:hidden">
3393        <svg class="shrink-0 [:where(&amp;)]:size-5 hidden [ui-option[data-selected]_&]:block" data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
3394  <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z" clip-rule="evenodd"/>
3395</svg>
3396
3397            </div>
3398
3399    Décembre 2025 (76)
3400
3401    </ui-option>
3402                                <ui-option value="2025-11" wire:key="2025-11" class="group/option overflow-hidden data-hidden:hidden group flex items-center px-2 py-1.5 w-full focus:outline-hidden rounded-md text-start text-sm font-medium select-none text-zinc-800 data-active:bg-zinc-100 [&amp;[disabled]]:text-zinc-400 dark:text-white dark:data-active:bg-zinc-600 dark:[&amp;[disabled]]:text-zinc-400" data-flux-option>
3403    <div class="w-6 shrink-0 [ui-selected_&]:hidden">
3404        <svg class="shrink-0 [:where(&amp;)]:size-5 hidden [ui-option[data-selected]_&]:block" data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
3405  <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z" clip-rule="evenodd"/>
3406</svg>
3407
3408            </div>
3409
3410    Novembre 2025 (71)
3411
3412    </ui-option>
3413                                <ui-option value="2025-10" wire:key="2025-10" class="group/option overflow-hidden data-hidden:hidden group flex items-center px-2 py-1.5 w-full focus:outline-hidden rounded-md text-start text-sm font-medium select-none text-zinc-800 data-active:bg-zinc-100 [&amp;[disabled]]:text-zinc-400 dark:text-white dark:data-active:bg-zinc-600 dark:[&amp;[disabled]]:text-zinc-400" data-flux-option>
3414    <div class="w-6 shrink-0 [ui-selected_&]:hidden">
3415        <svg class="shrink-0 [:where(&amp;)]:size-5 hidden [ui-option[data-selected]_&]:block" data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
3416  <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z" clip-rule="evenodd"/>
3417</svg>
3418
3419            </div>
3420
3421    Octobre 2025 (82)
3422
3423    </ui-option>
3424                                <ui-option value="2025-09" wire:key="2025-09" class="group/option overflow-hidden data-hidden:hidden group flex items-center px-2 py-1.5 w-full focus:outline-hidden rounded-md text-start text-sm font-medium select-none text-zinc-800 data-active:bg-zinc-100 [&amp;[disabled]]:text-zinc-400 dark:text-white dark:data-active:bg-zinc-600 dark:[&amp;[disabled]]:text-zinc-400" data-flux-option>
3425    <div class="w-6 shrink-0 [ui-selected_&]:hidden">
3426        <svg class="shrink-0 [:where(&amp;)]:size-5 hidden [ui-option[data-selected]_&]:block" data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
3427  <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z" clip-rule="evenodd"/>
3428</svg>
3429
3430            </div>
3431
3432    Septembre 2025 (64)
3433
3434    </ui-option>
3435                                <ui-option value="2025-08" wire:key="2025-08" class="group/option overflow-hidden data-hidden:hidden group flex items-center px-2 py-1.5 w-full focus:outline-hidden rounded-md text-start text-sm font-medium select-none text-zinc-800 data-active:bg-zinc-100 [&amp;[disabled]]:text-zinc-400 dark:text-white dark:data-active:bg-zinc-600 dark:[&amp;[disabled]]:text-zinc-400" data-flux-option>
3436    <div class="w-6 shrink-0 [ui-selected_&]:hidden">
3437        <svg class="shrink-0 [:where(&amp;)]:size-5 hidden [ui-option[data-selected]_&]:block" data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
3438  <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z" clip-rule="evenodd"/>
3439</svg>
3440
3441            </div>
3442
3443    Août 2025 (44)
3444
3445    </ui-option>
3446                                <ui-option value="2025-07" wire:key="2025-07" class="group/option overflow-hidden data-hidden:hidden group flex items-center px-2 py-1.5 w-full focus:outline-hidden rounded-md text-start text-sm font-medium select-none text-zinc-800 data-active:bg-zinc-100 [&amp;[disabled]]:text-zinc-400 dark:text-white dark:data-active:bg-zinc-600 dark:[&amp;[disabled]]:text-zinc-400" data-flux-option>
3447    <div class="w-6 shrink-0 [ui-selected_&]:hidden">
3448        <svg class="shrink-0 [:where(&amp;)]:size-5 hidden [ui-option[data-selected]_&]:block" data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
3449  <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z" clip-rule="evenodd"/>
3450</svg>
3451
3452            </div>
3453
3454    Juillet 2025 (58)
3455
3456    </ui-option>
3457                                <ui-option value="2025-06" wire:key="2025-06" class="group/option overflow-hidden data-hidden:hidden group flex items-center px-2 py-1.5 w-full focus:outline-hidden rounded-md text-start text-sm font-medium select-none text-zinc-800 data-active:bg-zinc-100 [&amp;[disabled]]:text-zinc-400 dark:text-white dark:data-active:bg-zinc-600 dark:[&amp;[disabled]]:text-zinc-400" data-flux-option>
3458    <div class="w-6 shrink-0 [ui-selected_&]:hidden">
3459        <svg class="shrink-0 [:where(&amp;)]:size-5 hidden [ui-option[data-selected]_&]:block" data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
3460  <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z" clip-rule="evenodd"/>
3461</svg>
3462
3463            </div>
3464
3465    Juin 2025 (51)
3466
3467    </ui-option>
3468                                <ui-option value="2025-05" wire:key="2025-05" class="group/option overflow-hidden data-hidden:hidden group flex items-center px-2 py-1.5 w-full focus:outline-hidden rounded-md text-start text-sm font-medium select-none text-zinc-800 data-active:bg-zinc-100 [&amp;[disabled]]:text-zinc-400 dark:text-white dark:data-active:bg-zinc-600 dark:[&amp;[disabled]]:text-zinc-400" data-flux-option>
3469    <div class="w-6 shrink-0 [ui-selected_&]:hidden">
3470        <svg class="shrink-0 [:where(&amp;)]:size-5 hidden [ui-option[data-selected]_&]:block" data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
3471  <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3
3471.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z" clip-rule="evenodd"/>
3472</svg>
3473
3474            </div>
3475
3476    Mai 2025 (65)
3477
3478    </ui-option>
3479                                <ui-option value="2025-04" wire:key="2025-04" class="group/option overflow-hidden data-hidden:hidden group flex items-center px-2 py-1.5 w-full focus:outline-hidden rounded-md text-start text-sm font-medium select-none text-zinc-800 data-active:bg-zinc-100 [&amp;[disabled]]:text-zinc-400 dark:text-white dark:data-active:bg-zinc-600 dark:[&amp;[disabled]]:text-zinc-400" data-flux-option>
3480    <div class="w-6 shrink-0 [ui-selected_&]:hidden">
3481        <svg class="shrink-0 [:where(&amp;)]:size-5 hidden [ui-option[data-selected]_&]:block" data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
3482  <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z" clip-rule="evenodd"/>
3483</svg>
3484
3485            </div>
3486
3487    Avril 2025 (63)
3488
3489    </ui-option>
3490                                <ui-option value="2025-03" wire:key="2025-03" class="group/option overflow-hidden data-hidden:hidden group flex items-center px-2 py-1.5 w-full focus:outline-hidden rounded-md text-start text-sm font-medium select-none text-zinc-800 data-active:bg-zinc-100 [&amp;[disabled]]:text-zinc-400 dark:text-white dark:data-active:bg-zinc-600 dark:[&amp;[disabled]]:text-zinc-400" data-flux-option>
3491    <div class="w-6 shrink-0 [ui-selected_&]:hidden">
3492        <svg class="shrink-0 [:where(&amp;)]:size-5 hidden [ui-option[data-selected]_&]:block" data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
3493  <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z" clip-rule="evenodd"/>
3494</svg>
3495
3496            </div>
3497
3498    Mars 2025 (56)
3499
3500    </ui-option>
3501                                <ui-option value="2025-02" wire:key="2025-02" class="group/option overflow-hidden data-hidden:hidden group flex items-center px-2 py-1.5 w-full focus:outline-hidden rounded-md text-start text-sm font-medium select-none text-zinc-800 data-active:bg-zinc-100 [&amp;[disabled]]:text-zinc-400 dark:text-white dark:data-active:bg-zinc-600 dark:[&amp;[disabled]]:text-zinc-400" data-flux-option>
3502    <div class="w-6 shrink-0 [ui-selected_&]:hidden">
3503        <svg class="shrink-0 [:where(&amp;)]:size-5 hidden [ui-option[data-selected]_&]:block" data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
3504  <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z" clip-rule="evenodd"/>
3505</svg>
3506
3507            </div>
3508
3509    Février 2025 (55)
3510
3511    </ui-option>
3512                                <ui-option value="2025-01" wire:key="2025-01" class="group/option overflow-hidden data-hidden:hidden group flex items-center px-2 py-1.5 w-full focus:outline-hidden rounded-md text-start text-sm font-medium select-none text-zinc-800 data-active:bg-zinc-100 [&amp;[disabled]]:text-zinc-400 dark:text-white dark:data-active:bg-zinc-600 dark:[&amp;[disabled]]:text-zinc-400" data-flux-option>
3513    <div class="w-6 shrink-0 [ui-selected_&]:hidden">
3514        <svg class="shrink-0 [:where(&amp;)]:size-5 hidden [ui-option[data-selected]_&]:block" data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
3515  <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z" clip-rule="evenodd"/>
3516</svg>
3517
3518            </div>
3519
3520    Janvier 2025 (83)
3521
3522    </ui-option>
3523                                <ui-option value="2024-12" wire:key="2024-12" class="group/option overflow-hidden data-hidden:hidden group flex items-center px-2 py-1.5 w-full focus:outline-hidden rounded-md text-start text-sm font-medium select-none text-zinc-800 data-active:bg-zinc-100 [&amp;[disabled]]:text-zinc-400 dark:text-white dark:data-active:bg-zinc-600 dark:[&amp;[disabled]]:text-zinc-400" data-flux-option>
3524    <div class="w-6 shrink-0 [ui-selected_&]:hidden">
3525        <svg class="shrink-0 [:where(&amp;)]:size-5 hidden [ui-option[data-selected]_&]:block" data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
3526  <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z" clip-rule="evenodd"/>
3527</svg>
3528
3529            </div>
3530
3531    Décembre 2024 (52)
3532
3533    </ui-option>
3534                                <ui-option value="2024-11" wire:key="2024-11" class="group/option overflow-hidden data-hidden:hidden group flex items-center px-2 py-1.5 w-full focus:outline-hidden rounded-md text-start text-sm font-medium select-none text-zinc-800 data-active:bg-zinc-100 [&amp;[disabled]]:text-zinc-400 dark:text-white dark:data-active:bg-zinc-600 dark:[&amp;[disabled]]:text-zinc-400" data-flux-option>
3535    <div class="w-6 shrink-0 [ui-selected_&]:hidden">
3536        <svg class="shrink-0 [:where(&amp;)]:size-5 hidden [ui-option[data-selected]_&]:block" data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
3537  <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z" clip-rule="evenodd"/>
3538</svg>
3539
3540            </div>
3541
3542    Novembre 2024 (59)
3543
3544    </ui-option>
3545                                <ui-option value="2024-10" wire:key="2024-10" class="group/option overflow-hidden data-hidden:hidden group flex items-center px-2 py-1.5 w-full focus:outline-hidden rounded-md text-start text-sm font-medium select-none text-zinc-800 data-active:bg-zinc-100 [&amp;[disabled]]:text-zinc-400 dark:text-white dark:data-active:bg-zinc-600 dark:[&amp;[disabled]]:text-zinc-400" data-flux-option>
3546    <div class="w-6 shrink-0 [ui-selected_&]:hidden">
3547        <svg class="shrink-0 [:where(&amp;)]:size-5 hidden [ui-option[data-selected]_&]:block" data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
3548  <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z" clip-rule="evenodd"/>
3549</svg>
3550
3551            </div>
3552
3553    Octobre 2024 (65)
3554
3555    </ui-option>
3556                <!--[if ENDBLOCK]><![endif]-->
3557        </ui-options>
3558    </div>
3559</ui-select>
3560            <!--[if ENDBLOCK]><![endif]-->
3561            <!--[if BLOCK]><![endif]-->            <ui-select clear="close esc select" filter="filter" class="w-full border-0 p-0 bg-transparent max-w-xs" wire:model.live="theme" multiple="multiple" data-flux-control data-flux-select>
3562            <button type="button" class="group/select-button cursor-default py-2 overflow-hidden flex items-center shadow-xs bg-white dark:bg-white/10 dark:disabled:bg-white/[7%] disabled:shadow-none h-8 text-sm rounded-md ps-3 pe-2 block w-full border border-zinc-200 border-b-zinc-300/80 dark:border-white/10" data-flux-group-target data-flux-select-button>
3563            <ui-selected x-ignore wire:ignore class="truncate flex gap-2 text-start flex-1 text-zinc-700 [[disabled]_&amp;]:text-zinc-500 dark:text-zinc-300 dark:[[disabled]_&amp;]:text-zinc-400">
3564    <template name="placeholder">
3565        <span class="text-zinc-400 [[disabled]_&]:text-zinc-400/70 dark:text-zinc-400 dark:[[disabled]_&]:text-zinc-500" data-flux-select-placeholder>
3566            Toutes les thématiques
3567        </span>
3568    </template>
3569
3570    <template name="overflow" max="1">
3571        <div><slot name="count"></slot> selected</div>
3572    </template>
3573</ui-selected>
3574    
3575    
3576    <svg class="shrink-0 [:where(&amp;)]:size-5 ms-2 -me-1 text-zinc-400/75 [[data-flux-select-button]:hover_&]:text-zinc-800 [[disabled]_&]:text-zinc-200! dark:text-white/60 dark:[[data-flux-select-button]:hover_&]:text-white dark:[[disabled]_&]:text-white/40!" data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
3577  <path fill-rule="evenodd" d="M5.22 8.22a.75.75 0 0 1 1.06 0L10 11.94l3.72-3.72a.75.75 0 1 1 1.06 1.06l-4.25 4.25a.75.75 0 0 1-1.06 0L5.22 9.28a.75.75 0 0 1 0-1.06Z" clip-rule="evenodd"/>
3578</svg>
3579
3580        </button>
3581    
3582    <div popover="manual" class="[:where(&)]:min-w-48 [&:popover-open]:flex [&:popover-open]:flex-col rounded-lg shadow-xs border border-zinc-200 dark:border-zinc-600 bg-white dark:bg-zinc-700 p-[.3125rem]" data-flux-options>
3583                    <div class="relative flex grow mx-[-5px] mt-[-5px] mb-[5px]" data-flux-select-search>
3584    <div class="absolute top-0 bottom-0 flex items-center justify-center text-xs text-zinc-400 ps-3.5 start-0">
3585                    <svg class="shrink-0 [:where(&amp;)]:size-4" data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" data-slot="icon">
3586  <path fill-rule="evenodd" d="M9.965 11.026a5 5 0 1 1 1.06-1.06l2.755 2.754a.75.75 0 1 1-1.06 1.06l-2.755-2.754ZM10.5 7a3.5 3.5 0 1 1-7 0 3.5 3.5 0 0 1 7 0Z" clip-rule="evenodd"/>
3587</svg>
3588
3589                    </div>
3590
3591    <input type="text" placeholder="Recherche..." class="h-10 w-full flex items-center px-3 py-2 font-medium text-base sm:text-sm text-zinc-800 dark:text-white ps-9 pe-9 outline-hidden border-b border-zinc-200 dark:border-zinc-600 bg-white dark:bg-zinc-700 border-t-0 border-s-0 border-e-0 focus:ring-0 focus:border-zinc-200 dark:focus:border-zinc-600 data-invalid:text-red-500 dark:data-invalid:text-red-400"/>
3592
3593    
3594            <div class="[[data-flux-select-search]:has([data-flux-loading])_&]:opacity-0 transition-opacity absolute top-0 bottom-0 flex items-center justify-center pe-1 end-0 [[data-flux-select-search]:has(input:placeholder-shown)_&]:hidden">
3595            <button type="button" class="relative items-center font-medium justify-center gap-2 whitespace-nowrap disabled:opacity-75 dark:disabled:opacity-75 disabled:cursor-default disabled:pointer-events-none justify-center h-8 text-sm rounded-md w-8 inline-flex  bg-transparent hover:bg-zinc-800/5 dark:hover:bg-white/15 text-zinc-500 hover:text-zinc-800 dark:text-zinc-400 dark:hover:text-white" data-flux-button="data-flux-button" tabindex="-1" aria-label="Clear command input" x-data="fluxSelectSearchClearable" x-on:click="clear()">
3596        <svg class="shrink-0 [:where(&amp;)]:size-4" data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" data-slot="icon">
3597  <path d="M5.28 4.22a.75.75 0 0 0-1.06 1.06L6.94 8l-2.72 2.72a.75.75 0 1 0 1.06 1.06L8 9.06l2.72 2.72a.75.75 0 1 0 1.06-1.06L9.06 8l2.72-2.72a.75.75 0 0 0-1.06-1.06L8 6.94 5.28 4.22Z"/>
3598</svg>
3599    </button>
3600        </div>
3601    </div>
3602        
3603        <ui-options class="max-h-[20rem] overflow-y-auto -me-[.3125rem] -mt-[.3125rem] pt-[.3125rem] pe-[.3125rem] -mb-[.3125rem] pb-[.3125rem] scroll-py-[.3125rem]">
3604                            <ui-option-empty class="data-hidden:hidden block items-center px-2 py-1.5 w-full rounded-md text-start text-sm font-medium text-zinc-500 data-active:bg-zinc-100 dark:text-zinc-300 dark:data-active:bg-zinc-600" when-loading="Loading..." data-flux-listbox-empty wire:ignore>
3605    Aucun résultat trouvé
3606</ui-option-empty>
3607            
3608            <!--[if BLOCK]><![endif]-->                <ui-option value="Gestionnaire de paie" wire:key="Gestionnaire de paie" class="group/option overflow-hidden data-hidden:hidden group flex items-center px-2 py-1.5 w-full focus:outline-hidden rounded-md text-start text-sm font-medium select-none text-zinc-800 data-active:bg-zinc-100 [&amp;[disabled]]:text-zinc-400 dark:text-white dark:data-active:bg-zinc-600 dark:[&amp;[disabled]]:text-zinc-400" data-flux-option>
3609    <div class="w-6 shrink-0 [ui-selected_&]:hidden">
3610        <svg class="shrink-0 [:where(&amp;)]:size-5 hidden [ui-option[data-selected]_&]:block" data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
3611  <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z" clip-rule="evenodd"/>
3612</svg>
3613
3614            </div>
3615
3616    Gestionnaire de paie (2790)
3617
3618    </ui-option>
3619                                <ui-option value="Bulletin de paie" wire:key="Bulletin de paie" class="group/option overflow-hidden data-hidden:hidden group flex items-center px-2 py-1.5 w-full focus:outline-hidden rounded-md text-start text-sm font-medium select-none text-zinc-800 data-active:bg-zinc-100 [&amp;[disabled]]:text-zinc-400 dark:text-white dark:data-active:bg-zinc-600 dark:[&amp;[disabled]]:text-zinc-400" data-flux-option>
3620    <div class="w-6 shrink-0 [ui-selected_&]:hidden">
3621        <svg class="shrink-0 [:where(&amp;)]:size-5 hidden [ui-option[data-selected]_&]:block" data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
3622  <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z" clip-rule="evenodd"/>
3623</svg>
3624
3625            </div>
3626
3627    Bulletin de paie (1066)
3628
3629    </ui-option>
3630                                <ui-option value="Cotisations sociales" wire:key="Cotisations sociales" class="group/option overflow-hidden data-hidden:hidden group flex items-center px-2 py-1.5 w-full focus:outline-hidden rounded-md text-start text-sm font-medium select-none text-zinc-800 data-active:bg-zinc-100 [&amp;[disabled]]:text-zinc-400 dark:text-white dark:data-active:bg-zinc-600 dark:[&amp;[disabled]]:text-zinc-400" data-flux-option>
3631    <div class="w-6 shrink-0 [ui-selected_&]:hidden">
3632        <svg class="shrink-0 [:where(&amp;)]:size-5 hidden [ui-option[data-selected]_&]:block" data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
3633  <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z" clip-rule="evenodd"/>
3634</svg>
3635
3636            </div>
3637
3638    Cotisations sociales (983)
3639
3640    </ui-option>
3641                                <ui-option value="Licenciement" wire:key="Licenciement" class="group/option overflow-hidden data-hidden:hidden group flex items-center px-2 py-1.5 w-full focus:outline-hidden rounded-md text-start text-sm font-medium select-none text-zinc-800 data-active:bg-zinc-100 [&amp;[disabled]]:text-zinc-400 dark:text-white dark:data-active:bg-zinc-600 dark:[&amp;[disabled]]:text-zinc-400" data-flux-option>
3642    <div class="w-6 shrink-0 [ui-selected_&]:hidden">
3643        <svg class="shrink-0 [:where(&amp;)]:size-5 hidden [ui-option[data-selected]_&]:block" data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
3644  <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z" clip-rule="evenodd"/>
3645</svg>
3646
3647            </div>
3648
3649    Licenciement (849)
3650
3651    </ui-option>
3652                                <ui-option value="Prud&amp;#039;hommes" wire:key="Prud&amp;#039;hommes" class="group/option overflow-hidden data-hidden:hidden group flex items-center px-2 py-1.5 w-full focus:outline-hidden rounded-md text-start text-sm font-medium select-none text-zinc-800 data-active:bg-zinc-100 [&amp;[disabled]]:text-zinc-400 dark:text-white dark:data-active:bg-zinc-600 dark:[&amp;[disabled]]:text-zinc-400" data-flux-option>
3653    <div class="w-6 shrink-0 [ui-selected_&]:hidden">
3654        <svg class="shrink-0 [:where(&amp;)]:size-5 hidden [ui-option[data-selected]_&]:block" data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
3655  <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z" clip-rule="evenodd"/>
3656</svg>
3657
3658            </div>
3659
3660    Prud&#039;hommes (788)
3661
3662    </ui-option>
3663                                <ui-option value="Jurisprudences" wire:key="Jurisprudences" class="group/option overflow-hidden data-hidden:hidden group flex items-center px-2 py-1.5 w-full focus:outline-hidden rounded-md text-start text-sm font-medium select-none text-zinc-800 data-active:bg-zinc-100 [&amp;[disabled]]:text-zinc-400 dark:text-white dark:data-active:bg-zinc-600 dark:[&amp;[disabled]]:text-zinc-400" data-flux-option>
3664    <div class="w-6 shrink-0 [ui-selected_&]:hidden">
3665        <svg class="shrink-0 [:where(&amp;)]:size-5 hidden [ui-option[data-selected]_&]:block" data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
3666  <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z" clip-rule="evenodd"/>
3667</svg>
3668
3669            </div>
3670
3671    Jurisprudences (716)
3672
3673    </ui-option>
3674                                <ui-option value="Rupture contrat de travail" wire:key="Rupture contrat de travail" class="group/option overflow-hidden data-hidden:hidden group flex items-center px-2 py-1.5 w-full focus:outline-hidden rounded-md text-start text-sm font-medium select-none text-zinc-800 data-active:bg-zinc-100 [&amp;[disabled]]:text-zinc-400 dark:text-white dark:data-active:bg-zinc-600 dark:[&amp;[disabled]]:text-zinc-400" data-flux-option>
3675    <div class="w-6 shrink-0 [ui-selected_&]:hidden">
3676        <svg class="shrink-0 [:where(&amp;)]:size-5 hidden [ui-option[data-selected]_&]:block" data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
3677  <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z" clip-rule="evenodd"/>
3678</svg>
3679
3680            </div>
3681
3682    Rupture contrat de travail (534)
3683
3684    </ui-option>
3685                                <ui-option value="Coronavirus" wire:key="Coronavirus" class="group/option overflow-hidden data-hidden:hidden group flex items-center px-2 py-1.5 w-full focus:outline-hidden rounded-md text-start text-sm font-medium select-none text-zinc-800 data-active:bg-zinc-100 [&amp;[disabled]]:text-zinc-400 dark:text-white dark:data-active:bg-zinc-600 dark:[&amp;[disabled]]:text-zinc-400" data-flux-option>
3686    <div class="w-6 shrink-0 [ui-selected_&]:hidden">
3687        <svg class="shrink-0 [:where(&amp;)]:size-5 hidden [ui-option[data-selected]_&]:block" data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
3688  <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z" clip-rule="evenodd"/>
3689</svg>
3690
3691            </div>
3692
3693    Coronavirus (493)
3694
3695    </ui-option>
3696                                <ui-option value="Contrat de travail" wire:key="Contrat de travail" class="group/option overflow-hidden data-hidden:hidden group flex items-center px-2 py-1.5 w-full focus:outline-hidden rounded-md text-start text-sm font-medium select-none text-zinc-800 data-active:bg-zinc-100 [&amp;[disabled]]:text-zinc-400 dark:text-white dark:data-active:bg-zinc-600 dark:[&amp;[disabled]]:text-zinc-400" data-flux-option>
3697    <div class="w-6 shrink-0 [ui-selected_&]:hidden">
3698        <svg class="shrink-0 [:where(&amp;)]:size-5 hidden [ui-option[data-selected]_&]:block" data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
3699  <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z" clip-rule="evenodd"/>
3700</svg>
3701
3702            </div>
3703
3704    Contrat de travail (450)
3705
3706    </ui-option>
3707                                <ui-option value="Retraite" wire:key="Retraite" class="group/option overflow-hidden data-hidden:hidden group flex items-center px-2 py-1.5 w-full focus:outline-hidden rounded-md text-start text-sm font-medium select-none text-zinc-800 data-active:bg-zinc-100 [&amp;[disabled]]:text-zinc-400 dark:text-white dark:data-active:bg-zinc-600 dark:[&amp;[disabled]]:text-zinc-400" data-flux-option>
3708    <div class="w-6 shrink-0 [ui-selected_&]:hidden">
3709        <svg class="shrink-0 [:where(&amp;)]:size-5 hidden [ui-option[data-selected]_&]:block" data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
3710  <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z" clip-rule="evenodd"/>
3711</svg>
3712
3713            </div>
3714
3715    Retraite (399)
3716
3717    </ui-option>
3718                                <ui-option value="URSSAF" wire:key="URSSAF" class="group/option overflow-hidden data-hidden:hidden group flex items-center px-2 py-1.5 w-full focus:outline-hidden rounded-md text-start text-sm font-medium select-none text-zinc-800 data-active:bg-zinc-100 [&amp;[disabled]]:text-zinc-400 dark:text-white dark:data-active:bg-zinc-600 dark:[&amp;[disabled]]:text-zinc-400" data-flux-option>
3719    <div class="w-6 shrink-0 [ui-selected_&]:hidden">
3720        <svg class="shrink-0 [:where(&amp;)]:size-5 hidden [ui-option[data-selected]_&]:block" data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
3721  <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z" clip-rule="evenodd"/>
3722</svg>
3723
3724            </div>
3725
3726    URSSAF (378)
3727
3728    </ui-option>
3729                                <ui-option value="CDD" wire:key="CDD" class="group/option overflow-hidden data-hidden:hidden group flex items-center px-2 py-1.5 w-full focus:outline-hidden rounded-md text-start text-sm font-medium select-none text-zinc-800 data-active:bg-zinc-100 [&amp;[disabled]]:text-zinc-400 dark:text-white dark:data-active:bg-zinc-600 dark:[&amp;[disabled]]:text-zinc-400" data-flux-option>
3730    <div class="w-6 shrink-0 [ui-selected_&]:hidden">
3731        <svg class="shrink-0 [:where(&amp;)]:size-5 hidden [ui-option[data-selected]_&]:block" data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
3732  <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z" clip-rule="evenodd"/>
3733</svg>
3734
3735            </div>
3736
3737    CDD (375)
3738
3739    </ui-option>
3740                                <ui-option value="Réduction FILLON" wire:key="Réduction FILLON" class="group/option overflow-hidden data-hidden:hidden group flex items-center px-2 py-1.5 w-full focus:outline-hidden rounded-md text-start text-sm font-medium select-none text-zinc-800 data-active:bg-zinc-100 [&amp;[disabled]]:text-zinc-400 dark:text-white dark:data-active:bg-zinc-600 dark:[&amp;[disabled]]:text-zinc-400" data-flux-option>
3741    <div class="w-6 shrink-0 [ui-selected_&]:hidden">
3742        <svg class="shrink-0 [:where(&amp;)]:size-5 hidde
3742n [ui-option[data-selected]_&]:block" data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
3743  <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z" clip-rule="evenodd"/>
3744</svg>
3745
3746            </div>
3747
3748    Réduction FILLON (348)
3749
3750    </ui-option>
3751                                <ui-option value="Maintien employeur pour maladie, accident du travail, maladie professionnelle" wire:key="Maintien employeur pour maladie, accident du travail, maladie professionnelle" class="group/option overflow-hidden data-hidden:hidden group flex items-center px-2 py-1.5 w-full focus:outline-hidden rounded-md text-start text-sm font-medium select-none text-zinc-800 data-active:bg-zinc-100 [&amp;[disabled]]:text-zinc-400 dark:text-white dark:data-active:bg-zinc-600 dark:[&amp;[disabled]]:text-zinc-400" data-flux-option>
3752    <div class="w-6 shrink-0 [ui-selected_&]:hidden">
3753        <svg class="shrink-0 [:where(&amp;)]:size-5 hidden [ui-option[data-selected]_&]:block" data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
3754  <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z" clip-rule="evenodd"/>
3755</svg>
3756
3757            </div>
3758
3759    Maintien employeur pour maladie, accident du travail, maladie professionnelle (345)
3760
3761    </ui-option>
3762                                <ui-option value="BOSS (Bulletin Officiel de la Sécurité Sociale)" wire:key="BOSS (Bulletin Officiel de la Sécurité Sociale)" class="group/option overflow-hidden data-hidden:hidden group flex items-center px-2 py-1.5 w-full focus:outline-hidden rounded-md text-start text-sm font-medium select-none text-zinc-800 data-active:bg-zinc-100 [&amp;[disabled]]:text-zinc-400 dark:text-white dark:data-active:bg-zinc-600 dark:[&amp;[disabled]]:text-zinc-400" data-flux-option>
3763    <div class="w-6 shrink-0 [ui-selected_&]:hidden">
3764        <svg class="shrink-0 [:where(&amp;)]:size-5 hidden [ui-option[data-selected]_&]:block" data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
3765  <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z" clip-rule="evenodd"/>
3766</svg>
3767
3768            </div>
3769
3770    BOSS (Bulletin Officiel de la Sécurité Sociale) (341)
3771
3772    </ui-option>
3773                                <ui-option value="DSN" wire:key="DSN" class="group/option overflow-hidden data-hidden:hidden group flex items-center px-2 py-1.5 w-full focus:outline-hidden rounded-md text-start text-sm font-medium select-none text-zinc-800 data-active:bg-zinc-100 [&amp;[disabled]]:text-zinc-400 dark:text-white dark:data-active:bg-zinc-600 dark:[&amp;[disabled]]:text-zinc-400" data-flux-option>
3774    <div class="w-6 shrink-0 [ui-selected_&]:hidden">
3775        <svg class="shrink-0 [:where(&amp;)]:size-5 hidden [ui-option[data-selected]_&]:block" data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
3776  <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z" clip-rule="evenodd"/>
3777</svg>
3778
3779            </div>
3780
3781    DSN (338)
3782
3783    </ui-option>
3784                                <ui-option value="Indemnité de licenciement" wire:key="Indemnité de licenciement" class="group/option overflow-hidden data-hidden:hidden group flex items-center px-2 py-1.5 w-full focus:outline-hidden rounded-md text-start text-sm font-medium select-none text-zinc-800 data-active:bg-zinc-100 [&amp;[disabled]]:text-zinc-400 dark:text-white dark:data-active:bg-zinc-600 dark:[&amp;[disabled]]:text-zinc-400" data-flux-option>
3785    <div class="w-6 shrink-0 [ui-selected_&]:hidden">
3786        <svg class="shrink-0 [:where(&amp;)]:size-5 hidden [ui-option[data-selected]_&]:block" data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
3787  <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z" clip-rule="evenodd"/>
3788</svg>
3789
3790            </div>
3791
3792    Indemnité de licenciement (338)
3793
3794    </ui-option>
3795                                <ui-option value="CSE (Comité Social et Economique)" wire:key="CSE (Comité Social et Economique)" class="group/option overflow-hidden data-hidden:hidden group flex items-center px-2 py-1.5 w-full focus:outline-hidden rounded-md text-start text-sm font-medium select-none text-zinc-800 data-active:bg-zinc-100 [&amp;[disabled]]:text-zinc-400 dark:text-white dark:data-active:bg-zinc-600 dark:[&amp;[disabled]]:text-zinc-400" data-flux-option>
3796    <div class="w-6 shrink-0 [ui-selected_&]:hidden">
3797        <svg class="shrink-0 [:where(&amp;)]:size-5 hidden [ui-option[data-selected]_&]:block" data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
3798  <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z" clip-rule="evenodd"/>
3799</svg>
3800
3801            </div>
3802
3803    CSE (Comité Social et Economique) (334)
3804
3805    </ui-option>
3806                                <ui-option value="Impot sur le revenu" wire:key="Impot sur le revenu" class="group/option overflow-hidden data-hidden:hidden group flex items-center px-2 py-1.5 w-full focus:outline-hidden rounded-md text-start text-sm font-medium select-none text-zinc-800 data-active:bg-zinc-100 [&amp;[disabled]]:text-zinc-400 dark:text-white dark:data-active:bg-zinc-600 dark:[&amp;[disabled]]:text-zinc-400" data-flux-option>
3807    <div class="w-6 shrink-0 [ui-selected_&]:hidden">
3808        <svg class="shrink-0 [:where(&amp;)]:size-5 hidden [ui-option[data-selected]_&]:block" data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
3809  <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z" clip-rule="evenodd"/>
3810</svg>
3811
3812            </div>
3813
3814    Impot sur le revenu (320)
3815
3816    </ui-option>
3817                                <ui-option value="Risques professionnels" wire:key="Risques professionnels" class="group/option overflow-hidden data-hidden:hidden group flex items-center px-2 py-1.5 w-full focus:outline-hidden rounded-md text-start text-sm font-medium select-none text-zinc-800 data-active:bg-zinc-100 [&amp;[disabled]]:text-zinc-400 dark:text-white dark:data-active:bg-zinc-600 dark:[&amp;[disabled]]:text-zinc-400" data-flux-option>
3818    <div class="w-6 shrink-0 [ui-selected_&]:hidden">
3819        <svg class="shrink-0 [:where(&amp;)]:size-5 hidden [ui-option[data-selected]_&]:block" data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
3820  <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z" clip-rule="evenodd"/>
3821</svg>
3822
3823            </div>
3824
3825    Risques professionnels (319)
3826
3827    </ui-option>
3828                                <ui-option value="Congés payés" wire:key="Congés payés" class="group/option overflow-hidden data-hidden:hidden group flex items-center px-2 py-1.5 w-full focus:outline-hidden rounded-md text-start text-sm font-medium select-none text-zinc-800 data-active:bg-zinc-100 [&amp;[disabled]]:text-zinc-400 dark:text-white dark:data-active:bg-zinc-600 dark:[&amp;[disabled]]:text-zinc-400" data-flux-option>
3829    <div class="w-6 shrink-0 [ui-selected_&]:hidden">
3830        <svg class="shrink-0 [:where(&amp;)]:size-5 hidden [ui-option[data-selected]_&]:block" data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
3831  <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z" clip-rule="evenodd"/>
3832</svg>
3833
3834            </div>
3835
3836    Congés payés (311)
3837
3838    </ui-option>
3839                                <ui-option value="Rémunération" wire:key="Rémunération" class="group/option overflow-hidden data-hidden:hidden group flex items-center px-2 py-1.5 w-full focus:outline-hidden rounded-md text-start text-sm font-medium select-none text-zinc-800 data-active:bg-zinc-100 [&amp;[disabled]]:text-zinc-400 dark:text-white dark:data-active:bg-zinc-600 dark:[&amp;[disabled]]:text-zinc-400" data-flux-option>
3840    <div class="w-6 shrink-0 [ui-selected_&]:hidden">
3841        <svg class="shrink-0 [:where(&amp;)]:size-5 hidden [ui-option[data-selected]_&]:block" data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
3842  <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z" clip-rule="evenodd"/>
3843</svg>
3844
3845            </div>
3846
3847    Rémunération (294)
3848
3849    </ui-option>
3850                                <ui-option value="Contrôle URSSAF" wire:key="Contrôle URSSAF" class="group/option overflow-hidden data-hidden:hidden group flex items-center px-2 py-1.5 w-full focus:outline-hidden rounded-md text-start text-sm font-medium select-none text-zinc-800 data-active:bg-zinc-100 [&amp;[disabled]]:text-zinc-400 dark:text-white dark:data-active:bg-zinc-600 dark:[&amp;[disabled]]:text-zinc-400" data-flux-option>
3851    <div class="w-6 shrink-0 [ui-selected_&]:hidden">
3852        <svg class="shrink-0 [:where(&amp;)]:size-5 hidden [ui-option[data-selected]_&]:block" data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
3853  <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z" clip-rule="evenodd"/>
3854</svg>
3855
3856            </div>
3857
3858    Contrôle URSSAF (289)
3859
3860    </ui-option>
3861                                <ui-option value="Heures supplémentaires" wire:key="Heures supplémentaires" class="group/option overflow-hidden data-hidden:hidden group flex items-center px-2 py-1.5 w-full focus:outline-hidden rounded-md text-start text-sm font-medium select-none text-zinc-800 data-active:bg-zinc-100 [&amp;[disabled]]:text-zinc-400 dark:text-white dark:data-active:bg-zinc-600 dark:[&amp;[disabled]]:text-zinc-400" data-flux-option>
3862    <div class="w-6 shrink-0 [ui-selected_&]:hidden">
3863        <svg class="shrink-0 [:where(&amp;)]:size-5 hidden [ui-option[data-selected]_&]:block" data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
3864  <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z" clip-rule="evenodd"/>
3865</svg>
3866
3867            </div>
3868
3869    Heures supplémentaires (289)
3870
3871    </ui-option>
3872                                <ui-option value="covid-19" wire:key="covid-19" class="group/option overflow-hidden data-hidden:hidden group flex items-center px-2 py-1.5 w-full focus:outline-hidden rounded-md text-start text-sm font-medium select-none text-zinc-800 data-active:bg-zinc-100 [&amp;[disabled]]:text-zinc-400 dark:text-white dark:data-active:bg-zinc-600 dark:[&amp;[disabled]]:text-zinc-400" data-flux-option>
3873    <div class="w-6 shrink-0 [ui-selected_&]:hidden">
3874        <svg class="shrink-0 [:where(&amp;)]:size-5 hidden [ui-option[data-selected]_&]:block" data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
3875  <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z" clip-rule="evenodd"/>
3876</svg>
3877
3878            </div>
3879
3880    covid-19 (283)
3881
3882    </ui-option>
3883                <!--[if ENDBLOCK]><![endif]-->
3884        </ui-options>
3885    </div>
3886</ui-select>
3887            <!--[if ENDBLOCK]><![endif]-->
3888            <!--[if BLOCK]><![endif]-->            <ui-select clear="close esc select" filter="filter" class="w-full border-0 p-0 bg-transparent max-w-xs" wire:model.live="metier" multiple="multiple" data-flux-control data-flux-select>
3889            <button type="button" class="group/select-button cursor-default py-2 overflow-hidden flex items-center shadow-xs bg-white dark:bg-white/10 dark:disabled:bg-white/[7%] disabled:shadow-none h-8 text-sm rounded-md ps-3 pe-2 block w-full border border-zinc-200 border-b-zinc-300/80 dark:border-white/10" data-flux-group-target data-flux-select-button>
3890            <ui-selected x-ignore wire:ignore class="truncate flex gap-2 text-start flex-1 text-zinc-700 [[disabled]_&amp;]:text-zinc-500 dark:text-zinc-300 dark:[[disabled]_&amp;]:text-zinc-400">
3891    <template name="placeholder">
3892        <span class="text-zinc-400 [[disabled]_&]:text-zinc-400/70 dark:text-zinc-400 dark:[[disabled]_&]:text-zinc-500" data-flux-select-placeholder>
3893            Tous les métiers
3894        </span>
3895    </template>
3896
3897    <template name="overflow" max="1">
3898        <div><slot name="count"></slot> selected</div>
3899    </template>
3900</ui-selected>
3901    
3902    
3903    <svg class="shrink-0 [:where(&amp;)]:size-5 ms-2 -me-1 text-zinc-400/75 [[data-flux-select-button]:hover_&]:text-zinc-800 [[disabled]_&]:text-zinc-200! dark:text-white/60 dark:[[data-flux-select-button]:hover_&]:text-white dark:[[disabled]_&]:text-white/40!" data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
3904  <path fill-rule="evenodd" d="M5.22 8.22a.75.75 0 0 1 1.06 0L10 11.94l3.72-3.72a.75.75 0 1 1 1.06 1.06l-4.25 4.25a.75.75 0 0 1-1.06 0L5.22 9.28a.75.75 0 0 1 0-1.06Z" clip-rule="evenodd"/>
3905</svg>
3906
3907        </button>
3908    
3909    <div popover="manual" class="[:where(&)]:min-w-48 [&:popover-open]:flex [&:popover-open]:flex-col rounded-lg shadow-xs border border-zinc-200 dark:border-zinc-600 bg-white dark:bg-zinc-700 p-[.3125rem]" data-flux-options>
3910                    <div class="relative flex grow mx-[-5px] mt-[-5px] mb-[5px]" data-flux-select-search>
3911    <div class="absolute top-0 bottom-0 flex items-center justify-center text-xs text-zinc-400 ps-3.5 start-0">
3912                    <svg class="shrink-0 [:where(&amp;)]:size-4" data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" data-slot="icon">
3913  <path fill-rule="evenodd" d="M9.965 11.026a5 5 0 1 1 1.06-1.06l2.755 2.754a.75.75 0 1 1-1.06 1.06l-2.755-2.754ZM10.5 7a3.5 3.5 0 1 1-7 0 3.5 3.5 0 0 1 7 0Z" clip-rule="evenodd"/>
3914</svg>
3915
3916                    </div>
3917
3918    <input type="text" placeholder="Recherche..." class="h-10 w-full flex items-center px-3 py-2 font-medium text-base sm:text-sm text-zinc-800 dark:text-white ps-9 pe-9 outline-hidden border-b border-zinc-200 dark:border-zinc-600 bg-white dark:bg-zinc-700 border-t-0 border-s-0 border-e-0 focus:ring-0 focus:border-zinc-200 dark:focus:border-zinc-600 data-invalid:text-red-500 dark:data-invalid:text-red-400"/>
3919
3920    
3921            <div class="[[data-flux-select-search]:has([data-flux-loading])_&]:opacity-0 transition-opacity absolute top-0 bottom-0 flex items-center justify-center pe-1 end-0 [[data-flux-select-search]:has(input:placeholder-shown)_&]:hidden">
3922            <button type="button" class="relative items-center font-medium justify-center gap-2 whitespace-nowrap disabled:opacity-75 dark:disabled:opacity-75 disabled:cursor-default disabled:pointer-events-none justify-center h-8 text-sm rounded-md w-8 inline-flex  bg-transparent hover:bg-zinc-800/5 dark:hover:bg-white/15 text-zinc-500 hover:text-zinc-800 dark:text-zinc-400 dark:hover:text-white" data-flux-button="data-flux-button" tabindex="-1" aria-label="Clear command input" x-data="fluxSelectSearchClearable" x-on:click="clear()">
3923        <svg class="shrink-0 [:where(&amp;)]:size-4" data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" data-slot="icon">
3924  <path d="M5.28 4.22a.75.75 0 0 0-1.06 1.06L6.94 8l-2.72 2.72a.75.75 0 1 0 1.06 1.06L8 9.06l2.72 2.72a.75.75 0 1 0 1.06-1.06L9.06 8l2.72-2.72a.75.75 0 0 0-1.06-1.06L8 6.94 5.28 4.22Z"/>
3925</svg>
3926    </button>
3927        </div>
3928    </div>
3929        
3930        <ui-options class="max-h-[20rem] overflow-y-auto -me-[.3125rem] -mt-[.3125rem] pt-[.3125rem] pe-[.3125rem] -mb-[.3125rem] pb-[.3125rem] scroll-py-[.3125rem]">
3931                            <ui-option-empty class="data-hidden:hidden block items-center px-2 py-1.5 w-full rounded-md text-start text-sm font-medium text-zinc-500 data-active:bg-zinc-100 dark:text-zinc-300 dark:data-active:bg-zinc-600" when-loading="Loading..." data-flux-listbox-empty wire:ignore>
3932    Aucun résultat trouvé
3933</ui-option-empty>
3934            
3935            <!--[if BLOCK]><![endif]-->                <ui-option value="Paie" wire:key="Paie" class="group/option overflow-hidden data-hidden:hidden group flex items-center px-2 py-1.5 w-full focus:outline-hidden rounded-md text-start text-sm font-medium select-none text-zinc-800 data-active:bg-zinc-100 [&amp;[disabled]]:text-zinc-400 dark:text-white dark:data-active:bg-zinc-600 dark:[&amp;[disabled]]:text-zinc-400" data-flux-option>
3936    <div class="w-6 shrink-0 [ui-selected_&]:hidden">
3937        <svg class="shrink-0 [:where(&amp;)]:size-5 hidden [ui-option[data-selected]_&]:block" data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
3938  <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z" clip-rule="evenodd"/>
3939</svg>
3940
3941            </div>
3942
3943    Paie (3448)
3944
3945    </ui-option>
3946                                <ui-option value="RH" wire:key="RH" class="group/option overflow-hidden data-hidden:hidden group flex items-center px-2 py-1.5 w-full focus:outline-hidden rounded-md text-start text-sm font-medium select-none text-zinc-800 data-active:bg-zinc-100 [&amp;[disabled]]:text-zinc-400 dark:text-white dark:data-active:bg-zinc-600 dark:[&amp;[disabled]]:text-zinc-400" data-flux-option>
3947    <div class="w-6 shrink-0 [ui-selected_&]:hidden">
3948        <svg class="shrink-0 [:where(&amp;)]:size-5 hidden [ui-option[data-selected]_&]:block" data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
3949  <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z" clip-rule="evenodd"/>
3950</svg>
3951
3952            </div>
3953
3954    RH (1575)
3955
3956    </ui-option>
3957                                <ui-option value="Droit du travail" wire:key="Droit du travail" class="group/option overflow-hidden data-hidden:hidden group flex items-center px-2 py-1.5 w-full focus:outline-hidden rounded-md text-start text-sm font-medium select-none text-zinc-800 data-active:bg-zinc-100 [&amp;[disabled]]:text-zinc-400 dark:text-white dark:data-active:bg-zinc-600 dark:[&amp;[disabled]]:text-zinc-400" data-flux-option>
3958    <div class="w-6 shrink-0 [ui-selected_&]:hidden">
3959        <svg class="shrink-0 [:where(&amp;)]:size-5 hidden [ui-option[data-selected]_&]:block" data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
3960  <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z" clip-rule="evenodd"/>
3961</svg>
3962
3963            </div>
3964
3965    Droit du travail (1156)
3966
3967    </ui-option>
3968                                <ui-option value="RH - Hygiène et sécurité" wire:key="RH - Hygiène et sécurité" class="group/option overflow-hidden data-hidden:hidden group flex items-center px-2 py-1.5 w-full focus:outline-hidden rounded-md text-start text-sm font-medium select-none text-zinc-800 data-active:bg-zinc-100 [&amp;[disabled]]:text-zinc-400 dark:text-white dark:data-active:bg-zinc-600 dark:[&amp;[disabled]]:text-zinc-400" data-flux-option>
3969    <div class="w-6 shrink-0 [ui-selected_&]:hidden">
3970        <svg class="shrink-0 [:where(&amp;)]:size-5 hidden [ui-option[data-selected]_&]:block" data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
3971  <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z" clip-rule="evenodd"/>
3972</svg>
3973
3974            </div>
3975
3976    RH - Hygiène et sécurité (334)
3977
3978    </ui-option>
3979                                <ui-option value="Direction" wire:key="Direction" class="group/option overflow-hidden data-hidden:hidden group flex items-center px-2 py-1.5 w-full focus:outline-hidden rounded-md text-start text-sm font-medium select-none text-zinc-800 data-active:bg-zinc-100 [&amp;[disabled]]:text-zinc-400 dark:text-white dark:data-active:bg-zinc-600 dark:[&amp;[disabled]]:text-zinc-400" data-flux-option>
3980    <div class="w-6 shrink-0 [ui-selected_&]:hidden">
3981        <svg class="shrink-0 [:where(&amp;)]:size-5 hidden [ui-option[data-selected]_&]:block" data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
3982  <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z" clip-rule="evenodd"/>
3983</svg>
3984
3985            </div>
3986
3987    Direction (89)
3988
3989    </ui-option>
3990                                <ui-option value="Divers juridique" wire:key="Divers juridique" class="group/option overflow-hidden data-hidden:hidden group flex items-center px-2 py-1.5 w-full focus:outline-hidden rounded-md text-start text-sm font-medium select-none text-zinc-800 data-active:bg-zinc-100 [&amp;[disabled]]:text-zinc-400 dark:text-white dark:data-active:bg-zinc-600 dark:[&amp;[disabled]]:text-zinc-400" data-flux-option>
3991    <div class="w-6 shrink-0 [ui-selected_&]:hidden">
3992        <svg class="shrink-0 [:where(&amp;)]:size-5 hidden [ui-option[data-selected]_&]:block" data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
3993  <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z" clip-rule="evenodd"/>
3994</svg>
3995
3996            </div>
3997
3998    Divers juridique (40)
3999
4000    </ui-option>
4001                                <ui-option value="Finance" wire:key="Finance" class="group/option overflow-hidden data-hidden:hidden group flex items-center px-2 py-1.5 w-full focus:outline-hidden rounded-md text-start text-sm font-medium select-none text-zinc-800 data-active:bg-zinc-100 [&amp;[disabled]]:text-zinc-400 dark:text-white dark:data-active:bg-zinc-600 dark:[&amp;[disabled]]:text-zinc-400" data-flux-option>
4002    <div class="w-6 shrink-0 [ui-selected_&]:hidden">
4003        <svg class="shrink-0 [:where(&amp;)]:size-5 hidden [ui-option[data-selected]_&]:block" data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
4004  <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z" clip-rule="evenodd"/>
4005</svg>
4006
4007            </div>
4008
4009    Finance (24)
4010
4011    </ui-option>
4012                                <ui-option value="Élus CSE" wire:key="Élus CSE" class="group/option overflow-hidden data-hidden:hidden group flex items-center px-2 py-1.5 w-full focus:outline-hidden rounded-md text-start text-sm font-medium select-none text-zinc-800 data-active:bg-zinc-100 [&amp;[disabled]]:text-zinc-400 dark:text-white dark:data-active:bg-zinc-600 dark:[&amp;[disabled]]:text-zinc-400" data-flux-option>
4013    <div class="w-6 shrink-0 [ui-selected_&]:hidden">
4014        <svg class="shrink-0 [:where(&amp;)]:size-5 hidden [ui-option[data-selected]_&]:block" data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
4015  <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z" clip-rule="evenodd"/>
4016</svg>
4017
4018            </div>
4019
4020    Élus CSE (15)
4021
4022    </ui-option>
4023                                <ui-option value="RH - Qualité de Vie au Travail" wire:key="RH - Qualité de Vie au Travail" class="group/option overflow-hidden data-hidden:hidden group flex items-center px-2 py-1.5 w-full focus:outline-hidden rounded-md text-start text-sm font-medium select-none text-zinc-800 data-active:bg-zinc-100 [&amp;[disabled]]:text-zinc-400 dark:text-white dark:data-active:bg-zinc-600 dark:[&amp;[disabled]]:text-zinc-400" data-flux-option>
4024    <div class="w-6 shrink-0 [ui-selected_&]:hidden">
4025        <svg class="shrink-0 [:where(&amp;)]:size-5 hidden [ui-option[data-selected]_&]:block" data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
4026  <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z" clip-rule="evenodd"/>
4027</svg>
4028
4029            </div>
4030
4031    RH - Qualité de Vie au Travail (10)
4032
4033    </ui-option>
4034                <!--[if ENDBLOCK]><![endif]-->
4035        </ui-options>
4036    </div>
4037</ui-select>
4038            <!--[if ENDBLOCK]><![endif]-->
4039            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->        </div>
4040    </div>
4041
4042    <div class="mt-5" wire:loading.class="opacity-50 transition-opacity">
4043        <p class="text-sm text-zinc-500 mb-4">9 613 résultats</p>
4044
4045        <!--[if BLOCK]><![endif]-->        <div class="grid md:grid-cols-2 lg:grid-cols-3 gap-4">
4046            <!--[if BLOCK]><![endif]-->                <article data-clickable-card class="cursor-pointer bg-white rounded-lg border border-zinc-200 p-5 hover:border-blue-400 transition-colors group flex flex-col h-full relative">
4047    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
4048    
4049    <!--[if BLOCK]><![endif]-->    <div>
4050        <!--[if BLOCK]><![endif]--><a href="https://www.legisocial.fr/actualites-sociales/8152-chomage-intemperies-btp-sont-parametres-campagne-2026-2027.html" data-card-primary-link class="font-title text-lg font-semibold text-zinc-900 group-hover:text-blue-600">Chômage intempéries dans le BTP : Quels sont les paramètres de la campagne 2026-2027 ?<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a>
4051<!--[if ENDBLOCK]><![endif]-->
4052        
4053        <div class="flex items-start justify-between gap-2">
4054            <div class="flex flex-wrap gap-1.5">
4055                
4056                <!--[if BLOCK]><![endif]-->                    <div data-flux-badge="data-flux-badge" class="inline-flex items-center font-medium whitespace-nowrap  [print-color-adjust:exact] text-xs py-1 **:data-flux-badge-icon:size-3 **:data-flux-badge-icon:me-1 rounded-md px-2 text-zinc-700 [&amp;_button]:text-zinc-700! dark:text-zinc-200 dark:[&amp;_button]:text-zinc-200! bg-zinc-400/15 dark:bg-zinc-400/40 [&amp;:is(button)]:hover:bg-zinc-400/25 dark:[button]:hover:bg-zinc-400/50 badge-basic">
4057        Actualité
4058    </div>
4059                <!--[if ENDBLOCK]><![endif]-->
4060                
4061                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
4062                
4063                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
4064                <!--[if BLOCK]><![endif]-->                    <div data-flux-badge="data-flux-badge" class="inline-flex items-center font-medium whitespace-nowrap  [print-color-adjust:exact] text-xs py-1 **:data-flux-badge-icon:size-3 **:data-flux-badge-icon:me-1 rounded-md px-2 text-zinc-700 [&amp;_button]:text-zinc-700! dark:text-zinc-200 dark:[&amp;_button]:text-zinc-200! bg-zinc-400/15 dark:bg-zinc-400/40 [&amp;:is(button)]:hover:bg-zinc-400/25 dark:[button]:hover:bg-zinc-400/50 badge-metier badge-paie" style="--badge-bullet-db: #fa6e6d;">
4065        Paie
4066    </div>
4067                <!--[if ENDBLOCK]><![endif]-->
4068                <!--[if BLOCK]><![endif]-->                    <div data-flux-badge="data-flux-badge" class="inline-flex items-center font-medium whitespace-nowrap  [print-color-adjust:exact] text-xs py-1 **:data-flux-badge-icon:size-3 **:data-flux-badge-icon:me-1 rounded-md px-2 text-zinc-700 [&amp;_button]:text-zinc-700! dark:text-zinc-200 dark:[&amp;_button]:text-zinc-200! bg-zinc-400/15 dark:bg-zinc-400/40 [&amp;:is(button)]:hover:bg-zinc-400/25 dark:[button]:hover:bg-zinc-400/50 badge-theme badge-chomage-intemperies">
4069        Chômage-intempéries
4070    </div>
4071                <!--[if ENDBLOCK]><![endif]-->
4072                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
4073                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->      
4073      </div>
4074        </div>
4075
4076        <!--[if BLOCK]><![endif]-->        <p class="mt-3 text-sm text-zinc-500">Pour la campagne de chômage intempéries 2026-2027, les taux de cotisation des entreprises du BTP restent fixés à 0,68 % et 0,13 %. L’abattement passe à 96 168 €, tandis que la part de remboursement prévue pour les arrêts liés à la canicule est relevée à 80 %.</p>
4077        <!--[if ENDBLOCK]><![endif]-->    </div>
4078    <!--[if ENDBLOCK]><![endif]-->
4079    
4080    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
4081    
4082    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
4083    
4084    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
4085    
4086    <!--[if BLOCK]><![endif]-->    <div class="mt-3">
4087        <!--[if BLOCK]><![endif]-->        <span class="text-xs font-semibold text-amber-600 inline-flex items-center gap-1">
4088    <svg class="shrink-0 [:where(&amp;)]:size-6 size-3" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
4089  <path stroke-linecap="round" stroke-linejoin="round" d="M16.5 10.5V6.75a4.5 4.5 0 1 0-9 0v3.75m-.75 11.25h10.5a2.25 2.25 0 0 0 2.25-2.25v-6.75a2.25 2.25 0 0 0-2.25-2.25H6.75a2.25 2.25 0 0 0-2.25 2.25v6.75a2.25 2.25 0 0 0 2.25 2.25Z"/>
4090</svg>
4091
4092         Réservé aux abonnés
4093</span>
4094        <!--[if ENDBLOCK]><![endif]-->    </div>
4095    <!--[if ENDBLOCK]><![endif]-->
4096    
4097    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
4098    
4099    <!--[if BLOCK]><![endif]-->    <div class="mt-auto pt-3">
4100        <!--[if BLOCK]><![endif]-->        <time class="block mt-1 text-xs text-zinc-400">Mis à jour le 24 sept. 2026</time>
4101        <!--[if ENDBLOCK]><![endif]-->    </div>
4102    <!--[if ENDBLOCK]><![endif]-->
4103</article>
4104                            <article data-clickable-card class="cursor-pointer bg-white rounded-lg border border-zinc-200 p-5 hover:border-blue-400 transition-colors group flex flex-col h-full relative">
4105    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
4106    
4107    <!--[if BLOCK]><![endif]-->    <div>
4108        <!--[if BLOCK]><![endif]--><a href="https://www.legisocial.fr/actualites-sociales/8120-heures-delegation-regles-essentielles-bonnes-pratiques-employeurs.html" data-card-primary-link class="font-title text-lg font-semibold text-zinc-900 group-hover:text-blue-600">Heures de délégation : règles essentielles et bonnes pratiques pour les employeurs<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a>
4109<!--[if ENDBLOCK]><![endif]-->
4110        
4111        <div class="flex items-start justify-between gap-2">
4112            <div class="flex flex-wrap gap-1.5">
4113                
4114                <!--[if BLOCK]><![endif]-->                    <div data-flux-badge="data-flux-badge" class="inline-flex items-center font-medium whitespace-nowrap  [print-color-adjust:exact] text-xs py-1 **:data-flux-badge-icon:size-3 **:data-flux-badge-icon:me-1 rounded-md px-2 text-zinc-700 [&amp;_button]:text-zinc-700! dark:text-zinc-200 dark:[&amp;_button]:text-zinc-200! bg-zinc-400/15 dark:bg-zinc-400/40 [&amp;:is(button)]:hover:bg-zinc-400/25 dark:[button]:hover:bg-zinc-400/50 badge-basic">
4115        Actualité
4116    </div>
4117                <!--[if ENDBLOCK]><![endif]-->
4118                
4119                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
4120                
4121                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
4122                <!--[if BLOCK]><![endif]-->                    <div data-flux-badge="data-flux-badge" class="inline-flex items-center font-medium whitespace-nowrap  [print-color-adjust:exact] text-xs py-1 **:data-flux-badge-icon:size-3 **:data-flux-badge-icon:me-1 rounded-md px-2 text-zinc-700 [&amp;_button]:text-zinc-700! dark:text-zinc-200 dark:[&amp;_button]:text-zinc-200! bg-zinc-400/15 dark:bg-zinc-400/40 [&amp;:is(button)]:hover:bg-zinc-400/25 dark:[button]:hover:bg-zinc-400/50 badge-metier badge-social" style="--badge-bullet-db: #ADD105;">
4123        Droit du travail
4124    </div>
4125                <!--[if ENDBLOCK]><![endif]-->
4126                <!--[if BLOCK]><![endif]-->                    <div data-flux-badge="data-flux-badge" class="inline-flex items-center font-medium whitespace-nowrap  [print-color-adjust:exact] text-xs py-1 **:data-flux-badge-icon:size-3 **:data-flux-badge-icon:me-1 rounded-md px-2 text-zinc-700 [&amp;_button]:text-zinc-700! dark:text-zinc-200 dark:[&amp;_button]:text-zinc-200! bg-zinc-400/15 dark:bg-zinc-400/40 [&amp;:is(button)]:hover:bg-zinc-400/25 dark:[button]:hover:bg-zinc-400/50 badge-theme badge-cse-comite-social-economique">
4127        CSE (Comité Social et Economique)
4128    </div>
4129                                    <div data-flux-badge="data-flux-badge" class="inline-flex items-center font-medium whitespace-nowrap  [print-color-adjust:exact] text-xs py-1 **:data-flux-badge-icon:size-3 **:data-flux-badge-icon:me-1 rounded-md px-2 text-zinc-700 [&amp;_button]:text-zinc-700! dark:text-zinc-200 dark:[&amp;_button]:text-zinc-200! bg-zinc-400/15 dark:bg-zinc-400/40 [&amp;:is(button)]:hover:bg-zinc-400/25 dark:[button]:hover:bg-zinc-400/50 badge-theme badge-heures-delegation">
4130        Heures de délégation
4131    </div>
4132                <!--[if ENDBLOCK]><![endif]-->
4133                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
4134                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->            </div>
4135        </div>
4136
4137        <!--[if BLOCK]><![endif]-->        <p class="mt-3 text-sm text-zinc-500">
4137Heures de délégation : quels sont les élus qui en bénéficient et comment ? L'employeur peut-il les contester.</p>
4138        <!--[if ENDBLOCK]><![endif]-->    </div>
4139    <!--[if ENDBLOCK]><![endif]-->
4140    
4141    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
4142    
4143    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
4144    
4145    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
4146    
4147    <!--[if BLOCK]><![endif]-->    <div class="mt-3">
4148        <!--[if BLOCK]><![endif]-->        <span class="text-xs font-semibold text-amber-600 inline-flex items-center gap-1">
4149    <svg class="shrink-0 [:where(&amp;)]:size-6 size-3" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
4150  <path stroke-linecap="round" stroke-linejoin="round" d="M16.5 10.5V6.75a4.5 4.5 0 1 0-9 0v3.75m-.75 11.25h10.5a2.25 2.25 0 0 0 2.25-2.25v-6.75a2.25 2.25 0 0 0-2.25-2.25H6.75a2.25 2.25 0 0 0-2.25 2.25v6.75a2.25 2.25 0 0 0 2.25 2.25Z"/>
4151</svg>
4152
4153         Réservé aux abonnés
4154</span>
4155        <!--[if ENDBLOCK]><![endif]-->    </div>
4156    <!--[if ENDBLOCK]><![endif]-->
4157    
4158    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
4159    
4160    <!--[if BLOCK]><![endif]-->    <div class="mt-auto pt-3">
4161        <!--[if BLOCK]><![endif]-->        <time class="block mt-1 text-xs text-zinc-400">Mis à jour le 09 sept. 2026</time>
4162        <!--[if ENDBLOCK]><![endif]-->    </div>
4163    <!--[if ENDBLOCK]><![endif]-->
4164</article>
4165                            <article data-clickable-card class="cursor-pointer bg-white rounded-lg border border-zinc-200 p-5 hover:border-blue-400 transition-colors group flex flex-col h-full relative">
4166    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
4167    
4168    <!--[if BLOCK]><![endif]-->    <div>
4169        <!--[if BLOCK]><![endif]--><a href="https://www.legisocial.fr/actualites-sociales/8121-inaptitude-bons-reflexes-adopter.html" data-card-primary-link class="font-title text-lg font-semibold text-zinc-900 group-hover:text-blue-600">Inaptitude : les bons réflexes à adopter<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a>
4170<!--[if ENDBLOCK]><![endif]-->
4171        
4172        <div class="flex items-start justify-between gap-2">
4173            <div class="flex flex-wrap gap-1.5">
4174                
4175                <!--[if BLOCK]><![endif]-->                    <div data-flux-badge="data-flux-badge" class="inline-flex items-center font-medium whitespace-nowrap  [print-color-adjust:exact] text-xs py-1 **:data-flux-badge-icon:size-3 **:data-flux-badge-icon:me-1 rounded-md px-2 text-zinc-700 [&amp;_button]:text-zinc-700! dark:text-zinc-200 dark:[&amp;_button]:text-zinc-200! bg-zinc-400/15 dark:bg-zinc-400/40 [&amp;:is(button)]:hover:bg-zinc-400/25 dark:[button]:hover:bg-zinc-400/50 badge-basic">
4176        Actualité
4177    </div>
4178                <!--[if ENDBLOCK]><![endif]-->
4179                
4180                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
4181                
4182                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
4183                <!--[if BLOCK]><![endif]-->                    <div data-flux-badge="data-flux-badge" class="inline-flex items-center font-medium whitespace-nowrap  [print-color-adjust:exact] text-xs py-1 **:data-flux-badge-icon:size-3 **:data-flux-badge-icon:me-1 rounded-md px-2 text-zinc-700 [&amp;_button]:text-zinc-700! dark:text-zinc-200 dark:[&amp;_button]:text-zinc-200! bg-zinc-400/15 dark:bg-zinc-400/40 [&amp;:is(button)]:hover:bg-zinc-400/25 dark:[button]:hover:bg-zinc-400/50 badge-metier badge-social" style="--badge-bullet-db: #ADD105;">
4184        Droit du travail
4185    </div>
4186                <!--[if ENDBLOCK]><![endif]-->
4187                <!--[if BLOCK]><![endif]-->                    <div data-flux-badge="data-flux-badge" class="inline-flex items-center font-medium whitespace-nowrap  [print-color-adjust:exact] text-xs py-1 **:data-flux-badge-icon:size-3 **:data-flux-badge-icon:me-1 rounded-md px-2 text-zinc-700 [&amp;_button]:text-zinc-700! dark:text-zinc-200 dark:[&amp;_button]:text-zinc-200! bg-zinc-400/15 dark:bg-zinc-400/40 [&amp;:is(button)]:hover:bg-zinc-400/25 dark:[button]:hover:bg-zinc-400/50 badge-theme badge-licenciement">
4188        Licenciement
4189    </div>
4190                                    <div data-flux-badge="data-flux-badge" class="inline-flex items-center font-medium whitespace-nowrap  [print-color-adjust:exact] text-xs py-1 **:data-flux-badge-icon:size-3 **:data-flux-badge-icon:me-1 rounded-md px-2 text-zinc-700 [&amp;_button]:text-zinc-700! dark:text-zinc-200 dark:[&amp;_button]:text-zinc-200! bg-zinc-400/15 dark:bg-zinc-400/40 [&amp;:is(button)]:hover:bg-zinc-400/25 dark:[button]:hover:bg-zinc-400/50 badge-theme badge-inaptitude">
4191        Inaptitude
4192    </div>
4193                <!--[if ENDBLOCK]><![endif]-->
4194                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
4195                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->            </div>
4196        </div>
4197
4198        <!--[if BLOCK]><![endif]-->        <p class="mt-3 text-sm text-zinc-500">Un de vos salariés est déclaré inapte à son poste de travail ? Comment réagir efficacement et quels sont les points de vigilance ?</p>
4199        <!--[if ENDBLOCK]><![endif]-->    </div>
4200    <!--[if ENDBLOCK]><![endif]-->
4201    
4202    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
4203    
4204    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
4205    
4206    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
4207    
4208    <!--[if BLOCK]><![endif]-->    <div class="mt-3">
4209        <!--[if BLOCK]><![endif]-->
4209        <span class="text-xs font-semibold text-amber-600 inline-flex items-center gap-1">
4210    <svg class="shrink-0 [:where(&amp;)]:size-6 size-3" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
4211  <path stroke-linecap="round" stroke-linejoin="round" d="M16.5 10.5V6.75a4.5 4.5 0 1 0-9 0v3.75m-.75 11.25h10.5a2.25 2.25 0 0 0 2.25-2.25v-6.75a2.25 2.25 0 0 0-2.25-2.25H6.75a2.25 2.25 0 0 0-2.25 2.25v6.75a2.25 2.25 0 0 0 2.25 2.25Z"/>
4212</svg>
4213
4214         Réservé aux abonnés
4215</span>
4216        <!--[if ENDBLOCK]><![endif]-->    </div>
4217    <!--[if ENDBLOCK]><![endif]-->
4218    
4219    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
4220    
4221    <!--[if BLOCK]><![endif]-->    <div class="mt-auto pt-3">
4222        <!--[if BLOCK]><![endif]-->        <time class="block mt-1 text-xs text-zinc-400">Mis à jour le 09 sept. 2026</time>
4223        <!--[if ENDBLOCK]><![endif]-->    </div>
4224    <!--[if ENDBLOCK]><![endif]-->
4225</article>
4226                            <article data-clickable-card class="cursor-pointer bg-white rounded-lg border border-zinc-200 p-5 hover:border-blue-400 transition-colors group flex flex-col h-full relative">
4227    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
4228    
4229    <!--[if BLOCK]><![endif]-->    <div>
4230        <!--[if BLOCK]><![endif]--><a href="https://www.legisocial.fr/jurisprudences-sociales/1691-rupture-conventionnelle-accord-entreprise-fixer-montant-minimum-indemnite.html" data-card-primary-link class="font-title text-lg font-semibold text-zinc-900 group-hover:text-blue-600">Rupture conventionnelle : l’accord d’entreprise peut fixer le montant minimum de l’indemnité<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a>
4231<!--[if ENDBLOCK]><![endif]-->
4232        
4233        <div class="flex items-start justify-between gap-2">
4234            <div class="flex flex-wrap gap-1.5">
4235                
4236                <!--[if BLOCK]><![endif]-->                    <div data-flux-badge="data-flux-badge" class="inline-flex items-center font-medium whitespace-nowrap  [print-color-adjust:exact] text-xs py-1 **:data-flux-badge-icon:size-3 **:data-flux-badge-icon:me-1 rounded-md px-2 text-zinc-700 [&amp;_button]:text-zinc-700! dark:text-zinc-200 dark:[&amp;_button]:text-zinc-200! bg-zinc-400/15 dark:bg-zinc-400/40 [&amp;:is(button)]:hover:bg-zinc-400/25 dark:[button]:hover:bg-zinc-400/50 badge-basic">
4237        Jurisprudence
4238    </div>
4239                <!--[if ENDBLOCK]><![endif]-->
4240                
4241                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
4242                
4243                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
4244                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
4245                <!--[if BLOCK]><![endif]-->                    <div data-flux-badge="data-flux-badge" class="inline-flex items-center font-medium whitespace-nowrap  [print-color-adjust:exact] text-xs py-1 **:data-flux-badge-icon:size-3 **:data-flux-badge-icon:me-1 rounded-md px-2 text-zinc-700 [&amp;_button]:text-zinc-700! dark:text-zinc-200 dark:[&amp;_button]:text-zinc-200! bg-zinc-400/15 dark:bg-zinc-400/40 [&amp;:is(button)]:hover:bg-zinc-400/25 dark:[button]:hover:bg-zinc-400/50 badge-theme badge-rupture-conventionnelle">
4246        Rupture conventionnelle
4247    </div>
4248                                    <div data-flux-badge="data-flux-badge" class="inline-flex items-center font-medium whitespace-nowrap  [print-color-adjust:exact] text-xs py-1 **:data-flux-badge-icon:size-3 **:data-flux-badge-icon:me-1 rounded-md px-2 text-zinc-700 [&amp;_button]:text-zinc-700! dark:text-zinc-200 dark:[&amp;_button]:text-zinc-200! bg-zinc-400/15 dark:bg-zinc-400/40 [&amp;:is(button)]:hover:bg-zinc-400/25 dark:[button]:hover:bg-zinc-400/50 badge-theme badge-indemnites-rupture">
4249        Indemnités rupture
4250    </div>
4251                <!--[if ENDBLOCK]><![endif]-->
4252                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
4253                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->            </div>
4254        </div>
4255
4256        <!--[if BLOCK]><![endif]-->        <p class="mt-3 text-sm text-zinc-500">Dans un arrêt du 1er juillet 2026, la Cour de cassation précise que l’indemnité minimale de rupture conventionnelle peut être calculée selon l’accord d’entreprise, même si la convention collective prévoit aussi une indemnité de licenciement. Pour établir le montant à verser, le gestionnaire de paie doit donc vérifier les deux textes applicables et déterminer lequel prévaut.</p>
4257        <!--[if ENDBLOCK]><![endif]-->    </div>
4258    <!--[if ENDBLOCK]><![endif]-->
4259    
4260    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
4261    
4262    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
4263    
4264    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
4265    
4266    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
4267    
4268    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
4269    
4270    <!--[if BLOCK]><![endif]-->    <div class="mt-auto pt-3">
4271        <!--[if BLOCK]><![endif]-->        <time class="block mt-1 text-xs text-zinc-400">Mis à jour le 24 sept. 2026</time>
4272        <!--[if ENDBLOCK]><![endif]-->    </div>
4273    <!--[if ENDBLOCK]><![endif]-->
4274</article>
4275                            <article data-clickable-card class="cursor-pointer bg-white rounded-lg border border-zinc-200 p-5 hover:border-blue-400 transition-colors group flex flex-col h-full relative">
4276    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
4277    
4278    <!--[if BLOCK]><![endif]-->    <div>
4279        <!--[if BLOCK]><![endif]--><a href="https://www.legisocial.fr/actualites-sociales/8151-activite-partielle-incendies-foret-zero-reste-charge-prolonge.html" data-card-primary-link class="font-title text-lg font-semibold text-zinc-900 group-hover:text-blue-600">Activité partielle et incendies de forêt : le « zéro reste à charge » prolongé<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a>
4280<!--[if ENDBLOCK]><![endif]-->
4281        
4282        <div class="flex items-start justify-between gap-2">
4283            <div class="flex flex-wrap gap-1.5">
4284                
4285                <!--[if BLOCK]><![endif]-->                    <div data-flux-badge="data-flux-badge" class="inline-flex items-center font-medium whitespace-nowrap  [print-color-adjust:exact] text-xs py-1 **:data-flux-badge-icon:size-3 **:data-flux-badge-icon:me-1 rounded-md px-2 text-zinc-700 [&amp;_button]:text-zinc-700! dark:text-zinc-200 dark:[&amp;_button]:text-zinc-200! bg-zinc-400/15 dark:bg-zinc-400/40 [&amp;:is(button)]:hover:bg-zinc-400/25 dark:[button]:hover:bg-zinc-400/50 badge-basic">
4286        Actualité
4287    </div>
4288                <!--[if ENDBLOCK]><![endif]-->
4289                
4290                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
4291                
4292                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
4293                <!--[if BLOCK]><![endif]-->                    <div data-flux-badge="data-flux-badge" class="inline-flex items-center font-medium whitespace-nowrap  [print-color-adjust:exact] text-xs py-1 **:data-flux-badge-icon:size-3 **:data-flux-badge-icon:me-1 rounded-md px-2 text-zinc-700 [&amp;_button]:text-zinc-700! dark:text-zinc-200 dark:[&amp;_button]:text-zinc-200! bg-zinc-400/15 dark:bg-zinc-400/40 [&amp;:is(button)]:hover:bg-zinc-400/25 dark:[button]:hover:bg-zinc-400/50 badge-metier badge-paie" style="--badge-bullet-db: #fa6e6d;">
4294        Paie
4295    </div>
4296                <!--[if ENDBLOCK]><![endif]-->
4297                <!--[if BLOCK]><![endif]-->                    <div data-flux-badge="data-flux-badge" class="inline-flex items-center font-medium whitespace-nowrap  [print-color-adjust:exact] text-xs py-1 **:data-flux-badge-icon:size-3 **:data-flux-badge-icon:me-1 rounded-md px-2 text-zinc-700 [&amp;_button]:text-zinc-700! dark:text-zinc-200 dark:[&amp;_button]:text-zinc-200! bg-zinc-400/15 dark:bg-zinc-400/40 [&amp;:is(button)]:hover:bg-zinc-400/25 dark:[button]:hover:bg-zinc-400/50 badge-theme badge-activite-partielle">
4298        Activité partielle
4299    </div>
4300                <!--[if ENDBLOCK]><![endif]-->
4301                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
4302                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->            </div>
4303        </div>
4304
4305        <!--[if BLOCK]><![endif]-->        <p class="mt-3 text-sm text-zinc-500">Le « zéro reste à charge » au titre de l’activité partielle liée aux incendies de forêt est prolongé jusqu’au 4 octobre 2026 pour les entreprises de moins de 250 salariés éligibles. Les communes concernées varient toutefois selon la période d’activité partielle.</p>
4306        <!--[if ENDBLOCK]><![endif]-->    </div>
4307    <!--[if ENDBLOCK]><![endif]-->
4308    
4309    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
4310    
4311    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
4312    
4313    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
4314    
4315    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
4316    
4317    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
4318    
4319    <!--[if BLOCK]><![endif]-->    <div class="mt-auto pt-3">
4320        <!--[if BLOCK]><![endif]-->        <time class="block mt-1 text-xs text-zinc-400">Mis à jour le 25 sept. 2026</time>
4321        <!--[if ENDBLOCK]><![endif]-->    </div>
4322    <!--[if ENDBLOCK]><![endif]-->
4323</article>
4324                            <article data-clickable-card class="cursor-pointer bg-white rounded-lg border border-zinc-200 p-5 hover:border-blue-400 transition-colors group flex flex-col h-full relative">
4325    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
4326    
4327    <!--[if BLOCK]><![endif]-->    <div>
4328        <!--[if BLOCK]><![endif]--><a href="https://www.legisocial.fr/actualites-sociales/8119-harcelement-sexuel-ambiance-employeur-ne-fermer-yeux.html" data-card-primary-link class="font-title text-lg font-semibold text-zinc-900 group-hover:text-blue-600">Harcèlement sexuel d’ambiance : l’employeur ne peut plus fermer les yeux<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a>
4329<!--[if ENDBLOCK]><![endif]-->
4330        
4331        <div class="flex items-start justify-between gap-2">
4332            <div class="flex flex-wrap gap-1.5">
4333                
4334                <!--[if BLOCK]><![endif]-->                    <div data-flux-badge="data-flux-badge" class="inline-flex items-center font-medium whitespace-nowrap  [print-color-adjust:exact] text-xs py-1 **:data-flux-badge-icon:size-3 **:data-flux-badge-icon:me-1 rounded-md px-2 text-zinc-700 [&amp;_button]:text-zinc-700! dark:text-zinc-200 dark:[&amp;_button]:text-zinc-200! bg-zinc-400/15 dark:bg-zinc-400/40 [&amp;:is(button)]:hover:bg-zinc-400/25 dark:[button]:hover:bg-zinc-400/50 badge-basic">
4335        Actualité
4336    </div>
4337                <!--[if ENDBLOCK]><![endif]-->
4338                
4339                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
4340                
4341                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
4342                <!--[if BLOCK]><![endif]-->                    <div data-flux-badge="data-flux-badge" class="inline-flex items-center font-medium whitespace-nowrap  [print-color-adjust:exact] text-xs py-1 **:data-flux-badge-icon:size-3 **:data-flux-badge-icon:me-1 rounded-md px-2 text-zinc-700 [&amp;_button]:text-zinc-700! dark:text-zinc-200 dark:[&amp;_button]:text-zinc-200! bg-zinc-400/15 dark:bg-zinc-400/40 [&amp;:is(button)]:hover:bg-zinc-400/25 dark:[button]:hover:bg-zinc-400/50 badge-metier badge-rh" style="--badge-bullet-db: #7BD2D0;">
4343        RH
4344    </div>
4345                <!--[if ENDBLOCK]><![endif]-->
4346                <!--[if BLOCK]><![endif]-->                    <div data-flux-badge="data-flux-badge" class="inline-flex items-center font-medium whitespace-nowrap  [print-color-adjust:exact] text-xs py-1 **:data-flux-badge-icon:size-3 **:data-flux-badge-icon:me-1 rounded-md px-2 text-zinc-700 [&amp;_button]:text-zinc-700! dark:text-zinc-200 dark:[&amp;_button]:text-zinc-200! bg-zinc-400/15 dark:bg-zinc-400/40 [&amp;:is(button)]:hover:bg-zinc-400/25 dark:[button]:hover:bg-zinc-400/50 badge-theme badge-harcelement">
4347        Harcèlement
4348    </div>
4349                <!--[if ENDBLOCK]><![endif]-->
4350                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
4351                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->            </div>
4352        </div>
4353
4354        <!--[if BLOCK]><![endif]-->        <p class="mt-3 text-sm text-zinc-500">Un environnement sexualisé suffit à caractériser le harcèlement sexuel d'ambiance.</p>
4355        <!--[if ENDBLOCK]><![endif]-->    </div>
4356    <!--[if ENDBLOCK]><![endif]-->
4357    
4358    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
4359    
4360    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
4361    
4362    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
4363    
4364    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
4365    
4366    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
4367    
4368    <!--[if BLOCK]><![endif]-->    <div class="mt-auto pt-3">
4369        <!--[if BLOCK]><![endif]-->        <time class="block mt-1 text-xs text-zinc-400">Mis à jour le 09 sept. 2026</time>
4370        <!--[if ENDBLOCK]><![endif]-->    </div>
4371    <!--[if ENDBLOCK]><![endif]-->
4372</article>
4373                            <article data-clickable-card class="cursor-pointer bg-white rounded-lg border border-zinc-200 p-5 hover:border-blue-400 transition-colors group flex flex-col h-full relative">
4374    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
4375    
4376    <!--[if BLOCK]><![endif]-->    <div>
4377        <!--[if BLOCK]><![endif]--><a href="https://www.legisocial.fr/actualites-sociales/8118-absence-salarie-trois-zones-risque-juridique-ne-estimer.html" data-card-primary-link class="font-title text-lg font-semibold text-zinc-900 group-hover:text-blue-600">Absence du salarié : trois zones de risque juridique à ne pas sous-estimer<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a>
4378<!--[if ENDBLOCK]><![endif]-->
4379        
4380        <div class="flex items-start justify-between gap-2">
4381            <div class="flex flex-wrap gap-1.5">
4382                
4383                <!--[if BLOCK]><![endif]-->                    <div data-flux-badge="data-flux-badge" class="inline-flex items-center font-medium whitespace-nowrap  [print-color-adjust:exact] text-xs py-1 **:data-flux-badge-icon:size-3 **:data-flux-badge-icon:me-1 rounded-md px-2 text-zinc-700 [&amp;_button]:text-zinc-700! dark:text-zinc-200 dark:[&amp;_button]:text-zinc-200! bg-zinc-400/15 dark:bg-zinc-400/40 [&amp;:is(button)]:hover:bg-zinc-400/25 dark:[button]:hover:bg-zinc-400/50 badge-basic">
4384        Actualité
4385    </div>
4386                <!--[if ENDBLOCK]><![endif]-->
4387                
4388                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
4389                
4390                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
4391                <!--[if BLOCK]><![endif]-->                    <div data-flux-badge="data-flux-badge" class="inline-flex items-center font-medium whitespace-nowrap  [print-color-adjust:exact] text-xs py-1 **:data-flux-badge-icon:size-3 **:data-flux-badge-icon:me-1 rounded-md px-2 text-zinc-700 [&amp;_button]:text-zinc-700! dark:text-zinc-200 dark:[&amp;_button]:text-zinc-200! bg-zinc-400/15 dark:bg-zinc-400/40 [&amp;:is(button)]:hover:bg-zinc-400/25 dark:[button]:hover:bg-zinc-400/50 badge-metier badge-social" style="--badge-bullet-db: #ADD105;">
4392        Droit du travail
4393    </div>
4394                <!--[if ENDBLOCK]><![endif]-->
4395                <!--[if BLOCK]><![endif]-->                    <div data-flux-badge="data-flux-badge" class="inline-flex items-center font-medium whitespace-nowrap  [print-color-adjust:exact] text-xs py-1 **:data-flux-badge-icon:size-3 **:data-flux-badge-icon:me-1 rounded-md px-2 text-zinc-700 [&amp;_button]:text-zinc-700! dark:text-zinc-200 dark:[&amp;_button]:text-zinc-200! bg-zinc-400/15 dark:bg-zinc-400/40 [&amp;:is(button)]:hover:bg-zinc-400/25 dark:[button]:hover:bg-zinc-400/50 badge-theme badge-arret-travail">
4396        Arrêt de travail
4397    </div>
4398                                    <div data-flux-badge="data-flux-badge" class="inline-flex items-center font-medium whitespace-nowrap  [print-color-adjust:
4398exact] text-xs py-1 **:data-flux-badge-icon:size-3 **:data-flux-badge-icon:me-1 rounded-md px-2 text-zinc-700 [&amp;_button]:text-zinc-700! dark:text-zinc-200 dark:[&amp;_button]:text-zinc-200! bg-zinc-400/15 dark:bg-zinc-400/40 [&amp;:is(button)]:hover:bg-zinc-400/25 dark:[button]:hover:bg-zinc-400/50 badge-theme badge-cdd-remplacement">
4399        CDD remplacement
4400    </div>
4401                <!--[if ENDBLOCK]><![endif]-->
4402                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
4403                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->            </div>
4404        </div>
4405
4406        <!--[if BLOCK]><![endif]-->        <p class="mt-3 text-sm text-zinc-500">La gestion de l’absence d’un salarié relève d’un régime juridique strict. Trois points concentrent l’essentiel du contentieux.</p>
4407        <!--[if ENDBLOCK]><![endif]-->    </div>
4408    <!--[if ENDBLOCK]><![endif]-->
4409    
4410    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
4411    
4412    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
4413    
4414    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
4415    
4416    <!--[if BLOCK]><![endif]-->    <div class="mt-3">
4417        <!--[if BLOCK]><![endif]-->        <span class="text-xs font-semibold text-amber-600 inline-flex items-center gap-1">
4418    <svg class="shrink-0 [:where(&amp;)]:size-6 size-3" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
4419  <path stroke-linecap="round" stroke-linejoin="round" d="M16.5 10.5V6.75a4.5 4.5 0 1 0-9 0v3.75m-.75 11.25h10.5a2.25 2.25 0 0 0 2.25-2.25v-6.75a2.25 2.25 0 0 0-2.25-2.25H6.75a2.25 2.25 0 0 0-2.25 2.25v6.75a2.25 2.25 0 0 0 2.25 2.25Z"/>
4420</svg>
4421
4422         Réservé aux abonnés
4423</span>
4424        <!--[if ENDBLOCK]><![endif]-->    </div>
4425    <!--[if ENDBLOCK]><![endif]-->
4426    
4427    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
4428    
4429    <!--[if BLOCK]><![endif]-->    <div class="mt-auto pt-3">
4430        <!--[if BLOCK]><![endif]-->        <time class="block mt-1 text-xs text-zinc-400">Mis à jour le 09 sept. 2026</time>
4431        <!--[if ENDBLOCK]><![endif]-->    </div>
4432    <!--[if ENDBLOCK]><![endif]-->
4433</article>
4434                            <article data-clickable-card class="cursor-pointer bg-white rounded-lg border border-zinc-200 p-5 hover:border-blue-400 transition-colors group flex flex-col h-full relative">
4435    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
4436    
4437    <!--[if BLOCK]><![endif]-->    <div>
4438        <!--[if BLOCK]><![endif]--><a href="https://www.legisocial.fr/actualites-sociales/8149-conges-payes-acquis-arret-maladie-precisions-jurisprudentielles-prescription.html" data-card-primary-link class="font-title text-lg font-semibold text-zinc-900 group-hover:text-blue-600">Congés payés acquis pendant un arrêt maladie : précisions jurisprudentielles sur la prescription<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a>
4439<!--[if ENDBLOCK]><![endif]-->
4440        
4441        <div class="flex items-start justify-between gap-2">
4442            <div class="flex flex-wrap gap-1.5">
4443                
4444                <!--[if BLOCK]><![endif]-->                    <div data-flux-badge="data-flux-badge" class="inline-flex items-center font-medium whitespace-nowrap  [print-color-adjust:exact] text-xs py-1 **:data-flux-badge-icon:size-3 **:data-flux-badge-icon:me-1 rounded-md px-2 text-zinc-700 [&amp;_button]:text-zinc-700! dark:text-zinc-200 dark:[&amp;_button]:text-zinc-200! bg-zinc-400/15 dark:bg-zinc-400/40 [&amp;:is(button)]:hover:bg-zinc-400/25 dark:[button]:hover:bg-zinc-400/50 badge-basic">
4445        Actualité
4446    </div>
4447                <!--[if ENDBLOCK]><![endif]-->
4448                
4449                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
4450                
4451                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
4452                <!--[if BLOCK]><![endif]-->                    <div data-flux-badge="data-flux-badge" class="inline-flex items-center font-medium whitespace-nowrap  [print-color-adjust:exact] text-xs py-1 **:data-flux-badge-icon:size-3 **:data-flux-badge-icon:me-1 rounded-md px-2 text-zinc-700 [&amp;_button]:text-zinc-700! dark:text-zinc-200 dark:[&amp;_button]:text-zinc-200! bg-zinc-400/15 dark:bg-zinc-400/40 [&amp;:is(button)]:hover:bg-zinc-400/25 dark:[button]:hover:bg-zinc-400/50 badge-metier badge-social" style="--badge-bullet-db: #ADD105;">
4453        Droit du travail
4454    </div>
4455                <!--[if ENDBLOCK]><![endif]-->
4456                <!--[if BLOCK]><![endif]-->                    <div data-flux-badge="data-flux-badge" class="inline-flex items-center font-medium whitespace-nowrap  [print-color-adjust:exact] text-xs py-1 **:data-flux-badge-icon:size-3 **:data-flux-badge-icon:me-1 rounded-md px-2 text-zinc-700 [&amp;_button]:text-zinc-700! dark:text-zinc-200 dark:[&amp;_button]:text-zinc-200! bg-zinc-400/15 dark:bg-zinc-400/40 [&amp;:is(button)]:hover:bg-zinc-400/25 dark:[button]:hover:bg-zinc-400/50 badge-theme badge-conges-payes">
4457        Congés payés
4458    </div>
4459                                    <div data-flux-badge="data-flux-badge" class="inline-flex items-center font-medium whitespace-nowrap  [print-color-adjust:exact] text-xs py-1 **:data-flux-badge-icon:size-3 **:data-flux-badge-icon:me-1 rounded-md px-2 text-zinc-700 [&amp;_button]:text-zinc-700! dark:text-zinc-200 dark:[&amp;_button]:text-zinc-200! bg-zinc-400/15 dark:bg-zinc-400/40 [&amp;:is(button)]:hover:bg-zinc-400/25 dark:[button]:hover:bg-zinc-400/50 badge-theme badge-arret-travail">
4460        Arrêt de travail
4461    </div>
4462                <!--[if ENDBLOCK]><![endif]-->
4463                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
4464                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->            </div>
4465        </div>
4466
4467        <!--[if BLOCK]><![endif]-->        <p class="mt-3 text-sm text-zinc-500">Quand la Cour de cassation revient sur les congés payés acquis et non pris en raison d'un arrêt de travail pour maladie...</p>
4468        <!--[if ENDBLOCK]><![endif]-->    </div>
4469    <!--[if ENDBLOCK]><![endif]-->
4470    
4471    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
4472    
4473    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
4474    
4475    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
4476    
4477    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
4478    
4479    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
4480    
4481    <!--[if BLOCK]><![endif]-->    <div class="mt-auto pt-3">
4482        <!--[if BLOCK]><![endif]-->        <time class="block mt-1 text-xs text-zinc-400">Mis à jour le 21 sept. 2026</time>
4483        <!--[if ENDBLOCK]><![endif]-->    </div>
4484    <!--[if ENDBLOCK]><![endif]-->
4485</article>
4486                            <article data-clickable-card class="cursor-pointer bg-white rounded-lg border border-zinc-200 p-5 hover:border-blue-400 transition-colors group flex flex-col h-full relative">
4487    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
4488    
4489    <!--[if BLOCK]><![endif]-->    <div>
4490        <!--[if BLOCK]><![endif]--><a href="https://www.legisocial.fr/actualites-sociales/8147-mesures-rh-projet-loi-relatif-tranparence-salariale-presente-conseil-ministres.html" data-card-primary-link class="font-title text-lg font-semibold text-zinc-900 group-hover:text-blue-600">Les mesures RH du projet de loi relatif à la tranparence salariale présenté en Conseil des ministres<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a>
4491<!--[if ENDBLOCK]><![endif]-->
4492        
4493        <div class="flex items-start justify-between gap-2">
4494            <div class="flex flex-wrap gap-1.5">
4495                
4496                <!--[if BLOCK]><![endif]-->                    <div data-flux-badge="data-flux-badge" class="inline-flex items-center font-medium whitespace-nowrap  [print-color-adjust:exact] text-xs py-1 **:data-flux-badge-icon:size-3 **:data-flux-badge-icon:me-1 rounded-md px-2 text-zinc-700 [&amp;_button]:text-zinc-700! dark:text-zinc-200 dark:[&amp;_button]:text-zinc-200! bg-zinc-400/15 dark:bg-zinc-400/40 [&amp;:is(button)]:hover:bg-zinc-400/25 dark:[button]:hover:bg-zinc-400/50 badge-basic">
4497        Actualité
4498    </div>
4499                <!--[if ENDBLOCK]><![endif]-->
4500                
4501                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
4502                
4503                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
4504                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
4505                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
4506                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
4507                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->            </div>
4508        </div>
4509
4510        <!--[if BLOCK]><![endif]-->        <p class="mt-3 text-sm text-zinc-500">Le projet de loi a été présenté en Conseil des ministres le 10 septembre 2026. Il va maintenant être examiné par le Parlement.
4511En voici les principales dispositions intéressant les ressources humaines.</p>
4512        <!--[if ENDBLOCK]><![endif]-->    </div>
4513    <!--[if ENDBLOCK]><![endif]-->
4514    
4515    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
4516    
4517    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
4518    
4519    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
4520    
4521    <!--[if BLOCK]><![endif]-->    <div class="mt-3">
4522        <!--[if BLOCK]><![endif]-->
4522        <span class="text-xs font-semibold text-amber-600 inline-flex items-center gap-1">
4523    <svg class="shrink-0 [:where(&amp;)]:size-6 size-3" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
4524  <path stroke-linecap="round" stroke-linejoin="round" d="M16.5 10.5V6.75a4.5 4.5 0 1 0-9 0v3.75m-.75 11.25h10.5a2.25 2.25 0 0 0 2.25-2.25v-6.75a2.25 2.25 0 0 0-2.25-2.25H6.75a2.25 2.25 0 0 0-2.25 2.25v6.75a2.25 2.25 0 0 0 2.25 2.25Z"/>
4525</svg>
4526
4527         Réservé aux abonnés
4528</span>
4529        <!--[if ENDBLOCK]><![endif]-->    </div>
4530    <!--[if ENDBLOCK]><![endif]-->
4531    
4532    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
4533    
4534    <!--[if BLOCK]><![endif]-->    <div class="mt-auto pt-3">
4535        <!--[if BLOCK]><![endif]-->        <time class="block mt-1 text-xs text-zinc-400">Mis à jour le 21 sept. 2026</time>
4536        <!--[if ENDBLOCK]><![endif]-->    </div>
4537    <!--[if ENDBLOCK]><![endif]-->
4538</article>
4539                            <article data-clickable-card class="cursor-pointer bg-white rounded-lg border border-zinc-200 p-5 hover:border-blue-400 transition-colors group flex flex-col h-full relative">
4540    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
4541    
4542    <!--[if BLOCK]><![endif]-->    <div>
4543        <!--[if BLOCK]><![endif]--><a href="https://www.legisocial.fr/actualites-sociales/8150-arrets-maladie-maximum-ijss-ald-exonerantes.html" data-card-primary-link class="font-title text-lg font-semibold text-zinc-900 group-hover:text-blue-600">Arrêts maladie : un an maximum d’IJSS pour les ALD non exonérantes<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a>
4544<!--[if ENDBLOCK]><![endif]-->
4545        
4546        <div class="flex items-start justify-between gap-2">
4547            <div class="flex flex-wrap gap-1.5">
4548                
4549                <!--[if BLOCK]><![endif]-->                    <div data-flux-badge="data-flux-badge" class="inline-flex items-center font-medium whitespace-nowrap  [print-color-adjust:exact] text-xs py-1 **:data-flux-badge-icon:size-3 **:data-flux-badge-icon:me-1 rounded-md px-2 text-zinc-700 [&amp;_button]:text-zinc-700! dark:text-zinc-200 dark:[&amp;_button]:text-zinc-200! bg-zinc-400/15 dark:bg-zinc-400/40 [&amp;:is(button)]:hover:bg-zinc-400/25 dark:[button]:hover:bg-zinc-400/50 badge-basic">
4550        Actualité
4551    </div>
4552                <!--[if ENDBLOCK]><![endif]-->
4553                
4554                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
4555                
4556                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
4557                <!--[if BLOCK]><![endif]-->                    <div data-flux-badge="data-flux-badge" class="inline-flex items-center font-medium whitespace-nowrap  [print-color-adjust:exact] text-xs py-1 **:data-flux-badge-icon:size-3 **:data-flux-badge-icon:me-1 rounded-md px-2 text-zinc-700 [&amp;_button]:text-zinc-700! dark:text-zinc-200 dark:[&amp;_button]:text-zinc-200! bg-zinc-400/15 dark:bg-zinc-400/40 [&amp;:is(button)]:hover:bg-zinc-400/25 dark:[button]:hover:bg-zinc-400/50 badge-metier badge-paie" style="--badge-bullet-db: #fa6e6d;">
4558        Paie
4559    </div>
4560                <!--[if ENDBLOCK]><![endif]-->
4561                <!--[if BLOCK]><![endif]-->                    <div data-flux-badge="data-flux-badge" class="inline-flex items-center font-medium whitespace-nowrap  [print-color-adjust:exact] text-xs py-1 **:data-flux-badge-icon:size-3 **:data-flux-badge-icon:me-1 rounded-md px-2 text-zinc-700 [&amp;_button]:text-zinc-700! dark:text-zinc-200 dark:[&amp;_button]:text-zinc-200! bg-zinc-400/15 dark:bg-zinc-400/40 [&amp;:is(button)]:hover:bg-zinc-400/25 dark:[button]:hover:bg-zinc-400/50 badge-theme badge-arret-travail">
4562        Arrêt de travail
4563    </div>
4564                <!--[if ENDBLOCK]><![endif]-->
4565                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
4566                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->            </div>
4567        </div>
4568
4569        <!--[if BLOCK]><![endif]-->        <p class="mt-3 text-sm text-zinc-500">À compter du 15 octobre 2026, la durée maximale de versement des IJSS pour les assurés en ALD non exonérante passe de trois ans à un an. Les assurés dont l’affection était déjà reconnue à cette date conservent toutefois le bénéfice des anciennes règles.</p>
4570        <!--[if ENDBLOCK]><![endif]-->    </div>
4571    <!--[if ENDBLOCK]><![endif]-->
4572    
4573    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
4574    
4575    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
4576    
4577    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
4578    
4579    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
4580    
4581    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
4582    
4583    <!--[if BLOCK]><![endif]-->    <div class="mt-auto pt-3">
4584        <!--[if BLOCK]><![endif]-->        <time class="block mt-1 text-xs text-zinc-400">Mis à jour le 22 sept. 2026</time>
4585        <!--[if ENDBLOCK]><![endif]-->    </div>
4586    <!--[if ENDBLOCK]><![endif]-->
4587</article>
4588                            <article data-clickable-card class="cursor-pointer bg-white rounded-lg border border-zinc-200 p-5 hover:border-blue-400 transition-colors group flex flex-col h-full relative">
4589    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
4590    
4591    <!--[if BLOCK]><![endif]-->    <div>
4592        <!--[if BLOCK]><![endif]--><a href="https://www.legisocial.fr/actualites-sociales/8146-duree-indemnisation-arrets-travail-ald-exonerante-reduite.html" data-card-primary-link class="font-title text-lg font-semibold text-zinc-900 group-hover:text-blue-600">La durée d'indemnisation des arrêts de travail pour ALD non exonérante est réduite<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a>
4593<!--[if ENDBLOCK]><![endif]-->
4594        
4595        <div class="flex items-start justify-between gap-2">
4596            <div class="flex flex-wrap gap-1.5">
4597                
4598                <!--[if BLOCK]><![endif]-->                    <div data-flux-badge="data-flux-badge" class="inline-flex items-center font-medium whitespace-nowrap  [print-color-adjust:exact] text-xs py-1 **:data-flux-badge-icon:size-3 **:data-flux-badge-icon:me-1 rounded-md px-2 text-zinc-700 [&amp;_button]:text-zinc-700! dark:text-zinc-200 dark:[&amp;_button]:text-zinc-200! bg-zinc-400/15 dark:bg-zinc-400/40 [&amp;:is(button)]:hover:bg-zinc-400/25 dark:[button]:hover:bg-zinc-400/50 badge-basic">
4599        Actualité
4600    </div>
4601                <!--[if ENDBLOCK]><![endif]-->
4602                
4603                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
4604                
4605                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
4606                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
4607                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
4608                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
4609                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->            </div>
4610        </div>
4611
4612        <!--[if BLOCK]><![endif]-->        <p class="mt-3 text-sm text-zinc-500">Deux décrets réduisent de 3 ans à 1 an la durée maximale d’indemnisation des arrêts de travail liés à une ALD (affection de longue durée) non exonérante.</p>
4613        <!--[if ENDBLOCK]><![endif]-->    </div>
4614    <!--[if ENDBLOCK]><![endif]-->
4615    
4616    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
4617    
4618    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
4619    
4620    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
4621    
4622    <!--[if BLOCK]><![endif]-->    <div class="mt-3">
4623        <!--[if BLOCK]><![endif]-->
4623        <span class="text-xs font-semibold text-amber-600 inline-flex items-center gap-1">
4624    <svg class="shrink-0 [:where(&amp;)]:size-6 size-3" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
4625  <path stroke-linecap="round" stroke-linejoin="round" d="M16.5 10.5V6.75a4.5 4.5 0 1 0-9 0v3.75m-.75 11.25h10.5a2.25 2.25 0 0 0 2.25-2.25v-6.75a2.25 2.25 0 0 0-2.25-2.25H6.75a2.25 2.25 0 0 0-2.25 2.25v6.75a2.25 2.25 0 0 0 2.25 2.25Z"/>
4626</svg>
4627
4628         Réservé aux abonnés
4629</span>
4630        <!--[if ENDBLOCK]><![endif]-->    </div>
4631    <!--[if ENDBLOCK]><![endif]-->
4632    
4633    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
4634    
4635    <!--[if BLOCK]><![endif]-->    <div class="mt-auto pt-3">
4636        <!--[if BLOCK]><![endif]-->        <time class="block mt-1 text-xs text-zinc-400">Mis à jour le 20 sept. 2026</time>
4637        <!--[if ENDBLOCK]><![endif]-->    </div>
4638    <!--[if ENDBLOCK]><![endif]-->
4639</article>
4640                            <article data-clickable-card class="cursor-pointer bg-white rounded-lg border border-zinc-200 p-5 hover:border-blue-400 transition-colors group flex flex-col h-full relative">
4641    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
4642    
4643    <!--[if BLOCK]><![endif]-->    <div>
4644        <!--[if BLOCK]><![endif]--><a href="https://www.legisocial.fr/actualites-sociales/8148-net-entreprises-securise-premiere-inscription-experts-comptables.html" data-card-primary-link class="font-title text-lg font-semibold text-zinc-900 group-hover:text-blue-600">Net-entreprises sécurise la première inscription des experts-comptables<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a>
4645<!--[if ENDBLOCK]><![endif]-->
4646        
4647        <div class="flex items-start justify-between gap-2">
4648            <div class="flex flex-wrap gap-1.5">
4649                
4650                <!--[if BLOCK]><![endif]-->                    <div data-flux-badge="data-flux-badge" class="inline-flex items-center font-medium whitespace-nowrap  [print-color-adjust:exact] text-xs py-1 **:data-flux-badge-icon:size-3 **:data-flux-badge-icon:me-1 rounded-md px-2 text-zinc-700 [&amp;_button]:text-zinc-700! dark:text-zinc-200 dark:[&amp;_button]:text-zinc-200! bg-zinc-400/15 dark:bg-zinc-400/40 [&amp;:is(button)]:hover:bg-zinc-400/25 dark:[button]:hover:bg-zinc-400/50 badge-basic">
4651        Actualité
4652    </div>
4653                <!--[if ENDBLOCK]><![endif]-->
4654                
4655                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
4656                
4657                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
4658                <!--[if BLOCK]><![endif]-->                    <div data-flux-badge="data-flux-badge" class="inline-flex items-center font-medium whitespace-nowrap  [print-color-adjust:exact] text-xs py-1 **:data-flux-badge-icon:size-3 **:data-flux-badge-icon:me-1 rounded-md px-2 text-zinc-700 [&amp;_button]:text-zinc-700! dark:text-zinc-200 dark:[&amp;_button]:text-zinc-200! bg-zinc-400/15 dark:bg-zinc-400/40 [&amp;:is(button)]:hover:bg-zinc-400/25 dark:[button]:hover:bg-zinc-400/50 badge-metier badge-paie" style="--badge-bullet-db: #fa6e6d;">
4659        Paie
4660    </div>
4661                <!--[if ENDBLOCK]><![endif]-->
4662                <!--[if BLOCK]><![endif]-->                    <div data-flux-badge="data-flux-badge" class="inline-flex items-center font-medium whitespace-nowrap  [print-color-adjust:exact] text-xs py-1 **:data-flux-badge-icon:size-3 **:data-flux-badge-icon:me-1 rounded-md px-2 text-zinc-700 [&amp;_button]:text-zinc-700! dark:text-zinc-200 dark:[&amp;_button]:text-zinc-200! bg-zinc-400/15 dark:bg-zinc-400/40 [&amp;:is(button)]:hover:bg-zinc-400/25 dark:[button]:hover:bg-zinc-400/50 badge-theme badge-net-entreprises">
4663        Net-entreprises
4664    </div>
4665                <!--[if ENDBLOCK]><![endif]-->
4666                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
4667                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->            </div>
4668        </div>
4669
4670        <!--[if BLOCK]><![endif]-->        <p class="mt-3 text-sm text-zinc-500">Net-entreprises et l’Ordre des experts-comptables renforcent leur partenariat avec un parcours sécurisé dédié à la première inscription des professionnels. Grâce à l’intégration du Comptexpert, le dispositif doit simplifier les démarches tout en limitant les risques de fraude.</p>
4671        <!--[if ENDBLOCK]><![endif]-->    </div>
4672    <!--[if ENDBLOCK]><![endif]-->
4673    
4674    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
4675    
4676    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
4677    
4678    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
4679    
4680    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
4681    
4682    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
4683    
4684    <!--[if BLOCK]><![endif]-->    <div class="mt-auto pt-3">
4685        <!--[if BLOCK]><![endif]-->        <time class="block mt-1 text-xs text-zinc-400">Mis à jour le 21 sept. 2026</time>
4686        <!--[if ENDBLOCK]><![endif]-->    </div>
4687    <!--[if ENDBLOCK]><![endif]-->
4688</article>
4689                            <article data-clickable-card class="cursor-pointer bg-white rounded-lg border border-zinc-200 p-5 hover:border-blue-400 transition-colors group flex flex-col h-full relative">
4690    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
4691    
4692    <!--[if BLOCK]><![endif]-->    <div>
4693        <!--[if BLOCK]><![endif]--><a href="https://www.legisocial.fr/actualites-sociales/8144-mesures-rh-loi-programmation-militaire.html" data-card-primary-link class="font-title text-lg font-semibold text-zinc-900 group-hover:text-blue-600">Les mesures RH de la loi de programmation militaire<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a>
4694<!--[if ENDBLOCK]><![endif]-->
4695        
4696        <div class="flex items-start justify-between gap-2">
4697            <div class="flex flex-wrap gap-1.5">
4698                
4699                <!--[if BLOCK]><![endif]-->                    <div data-flux-badge="data-flux-badge" class="inline-flex items-center font-medium whitespace-nowrap  [print-color-adjust:exact] text-xs py-1 **:data-flux-badge-icon:size-3 **:data-flux-badge-icon:me-1 rounded-md px-2 text-zinc-700 [&amp;_button]:text-zinc-700! dark:text-zinc-200 dark:[&amp;_button]:text-zinc-200! bg-zinc-400/15 dark:bg-zinc-400/40 [&amp;:is(button)]:hover:bg-zinc-400/25 dark:[button]:hover:bg-zinc-400/50 badge-basic">
4700        Actualité
4701    </div>
4702                <!--[if ENDBLOCK]><![endif]-->
4703                
4704                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
4705                
4706                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
4707                <!--[if BLOCK]><![endif]-->                    <div data-flux-badge="data-flux-badge" class="inline-flex items-center font-medium whitespace-nowrap  [print-color-adjust:exact] text-xs py-1 **:data-flux-badge-icon:size-3 **:data-flux-badge-icon:me-1 rounded-md px-2 text-zinc-700 [&amp;_button]:text-zinc-700! dark:text-zinc-200 dark:[&amp;_button]:text-zinc-200! bg-zinc-400/15 dark:bg-zinc-400/40 [&amp;:is(button)]:hover:bg-zinc-400/25 dark:[button]:hover:bg-zinc-400/50 badge-metier badge-rh" style="--badge-bullet-db: #7BD2D0;">
4708        RH
4709    </div>
4710                <!--[if ENDBLOCK]><![endif]-->
4711                <!--[if BLOCK]><![endif]-->                    <div data-flux-badge="data-flux-badge" class="inline-flex items-center font-medium whitespace-nowrap  [print-color-adjust:exact] text-xs py-1 **:data-flux-badge-icon:size-3 **:data-flux-badge-icon:me-1 rounded-md px-2 text-zinc-700 [&amp;_button]:text-zinc-700! dark:text-zinc-200 dark:[&amp;_button]:text-zinc-200! bg-zinc-400/15 dark:bg-zinc-400/40 [&amp;:is(button)]:hover:bg-zinc-400/25 dark:[button]:hover:bg-zinc-400/50 badge-theme badge-militaires">
4712        Militaires
4713    </div>
4714                                    <div data-flux-badge="data-flux-badge" class="inline-flex items-center font-medium whitespace-nowrap  [print-color-adjust:exact] text-xs py-1 **:data-flux-badge-icon:size-3 **:data-flux-badge-icon:me-1 rounded-md px-2 text-zinc-700 [&amp;_button]:text-zinc-700! dark:text-zinc-200 dark:[&amp;_button]:text-zinc-200! bg-zinc-400/15 dark:bg-zinc-400/40 [&amp;:is(button)]:hover:bg-zinc-400/25 dark:[button]:hover:bg-zinc-400/50 badge-theme badge-sapeur-pompier-volontaire">
4715        Sapeur-pompier volontaire
4716    </div>
4717                <!--[if ENDBLOCK]><![endif]-->
4718                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
4719                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->            </div>
4720        </div>
4721
4722        <!--[if BLOCK]><![endif]-->        <p class="mt-3 text-sm text-zinc-500">La loi n° 2026-791 du 16 août 2026 actualisant la programmation militaire pour les années 2024 à 2030 crée de nouvelles obligations RH pour les employeurs.</p>
4723        <!--[if ENDBLOCK]><![endif]-->    </div>
4724    <!--[if ENDBLOCK]><![endif]-->
4725    
4726    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
4727    
4728    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
4729    
4730    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
4731    
4732    <!--[if BLOCK]><![endif]-->    <div class="mt-3">
4733        <!--[if BLOCK]><![endif]-->
4733        <span class="text-xs font-semibold text-amber-600 inline-flex items-center gap-1">
4734    <svg class="shrink-0 [:where(&amp;)]:size-6 size-3" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
4735  <path stroke-linecap="round" stroke-linejoin="round" d="M16.5 10.5V6.75a4.5 4.5 0 1 0-9 0v3.75m-.75 11.25h10.5a2.25 2.25 0 0 0 2.25-2.25v-6.75a2.25 2.25 0 0 0-2.25-2.25H6.75a2.25 2.25 0 0 0-2.25 2.25v6.75a2.25 2.25 0 0 0 2.25 2.25Z"/>
4736</svg>
4737
4738         Réservé aux abonnés
4739</span>
4740        <!--[if ENDBLOCK]><![endif]-->    </div>
4741    <!--[if ENDBLOCK]><![endif]-->
4742    
4743    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
4744    
4745    <!--[if BLOCK]><![endif]-->    <div class="mt-auto pt-3">
4746        <!--[if BLOCK]><![endif]-->        <time class="block mt-1 text-xs text-zinc-400">Mis à jour le 17 sept. 2026</time>
4747        <!--[if ENDBLOCK]><![endif]-->    </div>
4748    <!--[if ENDBLOCK]><![endif]-->
4749</article>
4750                            <article data-clickable-card class="cursor-pointer bg-white rounded-lg border border-zinc-200 p-5 hover:border-blue-400 transition-colors group flex flex-col h-full relative">
4751    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
4752    
4753    <!--[if BLOCK]><![endif]-->    <div>
4754        <!--[if BLOCK]><![endif]--><a href="https://www.legisocial.fr/actualites-sociales/8112-enregistrement-entretien-prealable-qu-maitriser.html" data-card-primary-link class="font-title text-lg font-semibold text-zinc-900 group-hover:text-blue-600">Enregistrement de l’entretien préalable : ce qu’il faut maîtriser<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a>
4755<!--[if ENDBLOCK]><![endif]-->
4756        
4757        <div class="flex items-start justify-between gap-2">
4758            <div class="flex flex-wrap gap-1.5">
4759                
4760                <!--[if BLOCK]><![endif]-->                    <div data-flux-badge="data-flux-badge" class="inline-flex items-center font-medium whitespace-nowrap  [print-color-adjust:exact] text-xs py-1 **:data-flux-badge-icon:size-3 **:data-flux-badge-icon:me-1 rounded-md px-2 text-zinc-700 [&amp;_button]:text-zinc-700! dark:text-zinc-200 dark:[&amp;_button]:text-zinc-200! bg-zinc-400/15 dark:bg-zinc-400/40 [&amp;:is(button)]:hover:bg-zinc-400/25 dark:[button]:hover:bg-zinc-400/50 badge-basic">
4761        Actualité
4762    </div>
4763                <!--[if ENDBLOCK]><![endif]-->
4764                
4765                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
4766                
4767                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
4768                <!--[if BLOCK]><![endif]-->                    <div data-flux-badge="data-flux-badge" class="inline-flex items-center font-medium whitespace-nowrap  [print-color-adjust:exact] text-xs py-1 **:data-flux-badge-icon:size-3 **:data-flux-badge-icon:me-1 rounded-md px-2 text-zinc-700 [&amp;_button]:text-zinc-700! dark:text-zinc-200 dark:[&amp;_button]:text-zinc-200! bg-zinc-400/15 dark:bg-zinc-400/40 [&amp;:is(button)]:hover:bg-zinc-400/25 dark:[button]:hover:bg-zinc-400/50 badge-metier badge-social" style="--badge-bullet-db: #ADD105;">
4769        Droit du travail
4770    </div>
4771                <!--[if ENDBLOCK]><![endif]-->
4772                <!--[if BLOCK]><![endif]-->                    <div data-flux-badge="data-flux-badge" class="inline-flex items-center font-medium whitespace-nowrap  [print-color-adjust:exact] text-xs py-1 **:data-flux-badge-icon:size-3 **:data-flux-badge-icon:me-1 rounded-md px-2 text-zinc-700 [&amp;_button]:text-zinc-700! dark:text-zinc-200 dark:[&amp;_button]:text-zinc-200! bg-zinc-400/15 dark:bg-zinc-400/40 [&amp;:is(button)]:hover:bg-zinc-400/25 dark:[button]:hover:bg-zinc-400/50 badge-theme badge-licenciement">
4773        Licenciement
4774    </div>
4775                                    <div data-flux-badge="data-flux-badge" class="inline-flex items-center font-medium whitespace-nowrap  [print-color-adjust:exact] text-xs py-1 **:data-flux-badge-icon:size-3 **:data-flux-badge-icon:me-1 rounded-md px-2 text-zinc-700 [&amp;_button]:text-zinc-700! dark:text-zinc-200 dark:[&amp;_button]:text-zinc-200! bg-zinc-400/15 dark:bg-zinc-400/40 [&amp;:is(button)]:hover:bg-zinc-400/25 dark:[button]:hover:bg-zinc-400/50 badge-theme badge-sanctions">
4776        Sanctions
4777    </div>
4778                <!--[if ENDBLOCK]><![endif]-->
4779                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
4780                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->            </div>
4781        </div>
4782
4783        <!--[if BLOCK]><![endif]-->        <p class="mt-3 text-sm text-zinc-500">Trop d’employeurs sont encore surpris, voire déstabilisés, par un salarié qui sort son téléphone et enregistre l’entretien préalable.
4784La jurisprudence a pourtant évolué, et il est temps d’intégrer ces nouvelles règles dans vos pratiques.</p>
4785        <!--[if ENDBLOCK]><![endif]-->    </div>
4786    <!--[if ENDBLOCK]><![endif]-->
4787    
4788    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
4789    
4790    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
4791    
4792    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
4793    
4794    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
4795    
4796    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
4797    
4798    <!--[if BLOCK]><![endif]-->    <div class="mt-auto pt-3">
4799        <!--[if BLOCK]><![endif]-->        <time class="block mt-1 text-xs text-zinc-400">Mis à jour le 08 sept. 2026</time>
4800        <!--[if ENDBLOCK]><![endif]-->    </div>
4801    <!--[if ENDBLOCK]><![endif]-->
4802</article>
4803                            <article data-clickable-card class="cursor-pointer bg-white rounded-lg border border-zinc-200 p-5 hover:border-blue-400 transition-colors group flex flex-col h-full relative">
4804    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
4805    
4806    <!--[if BLOCK]><![endif]-->    <div>
4807        <!--[if BLOCK]><![endif]--><a href="https://www.legisocial.fr/actualites-sociales/8143-imposer-brushing-lisse-hotesse-accueil-constitue-discrimination-embauche.html" data-card-primary-link class="font-title text-lg font-semibold text-zinc-900 group-hover:text-blue-600">Imposer un brushing lisse à une hôtesse d’accueil constitue une discrimination à l’embauche<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></a>
4808<!--[if ENDBLOCK]><![endif]-->
4809        
4810        <div class="flex items-start justify-between gap-2">
4811            <div class="flex flex-wrap gap-1.5">
4812                
4813                <!--[if BLOCK]><![endif]-->                    <div data-flux-badge="data-flux-badge" class="inline-flex items-center font-medium whitespace-nowrap  [print-color-adjust:exact] text-xs py-1 **:data-flux-badge-icon:size-3 **:data-flux-badge-icon:me-1 rounded-md px-2 text-zinc-700 [&amp;_button]:text-zinc-700! dark:text-zinc-200 dark:[&amp;_button]:text-zinc-200! bg-zinc-400/15 dark:bg-zinc-400/40 [&amp;:is(button)]:hover:bg-zinc-400/25 dark:[button]:hover:bg-zinc-400/50 badge-basic">
4814        Actualité
4815    </div>
4816                <!--[if ENDBLOCK]><![endif]-->
4817                
4818                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
4819                
4820                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
4821                <!--[if BLOCK]><![endif]-->                    <div data-flux-badge="data-flux-badge" class="inline-flex items-center font-medium whitespace-nowrap  [print-color-adjust:exact] text-xs py-1 **:data-flux-badge-icon:size-3 **:data-flux-badge-icon:me-1 rounded-md px-2 text-zinc-700 [&amp;_button]:text-zinc-700! dark:text-zinc-200 dark:[&amp;_button]:text-zinc-200! bg-zinc-400/15 dark:bg-zinc-400/40 [&amp;:is(button)]:hover:bg-zinc-400/25 dark:[button]:hover:bg-zinc-400/50 badge-metier badge-social" style="--badge-bullet-db: #ADD105;">
4822        Droit du travail
4823    </div>
4824                <!--[if ENDBLOCK]><![endif]-->
4825                <!--[if BLOCK]><![endif]-->                    <div data-flux-badge="data-flux-badge" class="inline-flex items-center font-medium whitespace-nowrap  [print-color-adjust:exact] text-xs py-1 **:data-flux-badge-icon:size-3 **:data-flux-badge-icon:me-1 rounded-md px-2 text-zinc-700 [&amp;_button]:text-zinc-700! dark:text-zinc-200 dark:[&amp;_button]:text-zinc-200! bg-zinc-400/15 dark:bg-zinc-400/40 [&amp;:is(button)]:hover:bg-zinc-400/25 dark:[button]:hover:bg-zinc-400/50 badge-theme badge-discrimination">
4826        Discrimination
4827    </div>
4828                                    <div data-flux-badge="data-flux-badge" class="inline-flex items-center font-medium whitespace-nowrap  [print-color-adjust:exact] text-xs py-1 **:data-flux-badge-icon:size-3 **:data-flux-badge-icon:me-1 rounded-md px-2 text-zinc-700 [&amp;_button]:text-zinc-700! dark:text-zinc-200 dark:[&amp;_button]:text-zinc-200! bg-zinc-400/15 dark:bg-zinc-400/40 [&amp;:is(button)]:hover:bg-zinc-400/25 dark:[button]:hover:bg-zinc-400/50 badge-theme badge-recrutement">
4829        Recrutement
4830    </div>
4831                <!--[if ENDBLOCK]><![endif]-->
4832                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
4833                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->            </div>
4834        </div>
4835
4836        <!--[if BLOCK]><![endif]-->        <p class="mt-3 text-sm text-zinc-500">Une proposition de loi visant à introduire la discrimination capillaire avait été adoptée le 28 mars 2024 par l’Assemblée nationale, mais les débats parlementaires n’ont pas abouti à l’adoption définitive de la loi faute d’examen par le Sénat. Le Défenseur des droits a rendu une décision récemment en la matière.</p>
4837        <!--[if ENDBLOCK]><![endif]-->    </div>
4838    <!--[if ENDBLOCK]><![endif]-->
4839    
4840    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
4841    
4842    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
4843    
4844    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
4845    
4846    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
4847    
4848    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
4849    
4850    <!--[if BLOCK]><![endif]-->    <div class="mt-auto pt-3">
4851        <!--[if BLOCK]><![endif]-->        <time class="block mt-1 text-xs text-zinc-400">Mis à jour le 17 sept. 2026</time>
4852        <!--[if ENDBLOCK]><![endif]-->    </div>
4853    <!--[if ENDBLOCK]><![endif]-->
4854</article>
4855            <!--[if ENDBLOCK]><![endif]-->        </div>
4856
4857        
4858        <!--[if BLOCK]><![endif]-->        <div class="mt-6 flex items-center justify-between gap-4">
4859            <!--[if BLOCK]><![endif]-->
4859            <span></span>
4860            <!--[if ENDBLOCK]><![endif]-->
4861            <span class="text-sm text-zinc-500">1–15 sur 9 613</span>
4862
4863            <!--[if BLOCK]><![endif]-->            <a href="?from=15#explorer" data-flux-button="data-flux-button" class="relative items-center font-medium justify-center gap-2 whitespace-nowrap disabled:opacity-75 dark:disabled:opacity-75 disabled:cursor-default disabled:pointer-events-none justify-center h-10 text-sm rounded-lg ps-4 pe-3 inline-flex  bg-white hover:bg-zinc-50 dark:bg-zinc-700 dark:hover:bg-zinc-600/75 text-zinc-800 dark:text-white border border-zinc-200 hover:border-zinc-200 border-b-zinc-300/80 dark:border-zinc-600 dark:hover:border-zinc-600 shadow-xs [[data-flux-button-group]_&amp;]:border-s-0 [:is([data-flux-button-group]&gt;&amp;:first-child,_[data-flux-button-group]_:first-child&gt;&amp;)]:border-s-[1px]" data-flux-group-target="data-flux-group-target">
4864        <span>Suivant</span>
4865        
4866        
4867                    
4868                        <svg class="shrink-0 [:where(&amp;)]:size-4" data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" data-slot="icon">
4869  <path fill-rule="evenodd" d="M2 8a.75.75 0 0 1 .75-.75h8.69L8.22 4.03a.75.75 0 0 1 1.06-1.06l4.5 4.5a.75.75 0 0 1 0 1.06l-4.5 4.5a.75.75 0 0 1-1.06-1.06l3.22-3.22H2.75A.75.75 0 0 1 2 8Z" clip-rule="evenodd"/>
4870</svg>
4871    </a>
4872            <!--[if ENDBLOCK]><![endif]-->        </div>
4873        <!--[if ENDBLOCK]><![endif]-->        <!--[if ENDBLOCK]><![endif]-->    </div>
4874</div>
4875    </div>
4876</section>
4877
4878    <section id="archives" class="scroll-mt-32 bg-white border-t border-zinc-200">
4879    <div class="px-6 lg:px-12 2xl:container py-8 lg:py-12">
4880
4881        <h2 class="text-xl lg:text-2xl font-title font-semibold text-zinc-900">Les archives, mois par mois</h2>
4882        <p class="mt-2 text-sm text-zinc-500 max-w-3xl">
4883            Retrouvez l'intégralité de l'actualité sociale publiée chaque mois : actualités, jurisprudences et brèves.
4884        </p>
4885
4886                <div class="mt-5 flex flex-wrap gap-2">
4887                        <a href="https://www.legisocial.fr/infos-conseils/2026/09-septembre/" class="inline-flex items-center gap-2 rounded-full border border-zinc-200 bg-white px-4 py-1.5 text-sm font-medium text-zinc-600 transition-colors hover:border-blue-400 hover:text-blue-600">
4888                Septembre 2026
4889                <span class="text-xs text-zinc-400">63</span>
4890            </a>
4891                        <a href="https://www.legisocial.fr/infos-conseils/2026/08-aout/" class="inline-flex items-center gap-2 rounded-full border border-zinc-200 bg-white px-4 py-1.5 text-sm font-medium text-zinc-600 transition-colors hover:border-blue-400 hover:text-blue-600">
4892                Août 2026
4893                <span class="text-xs text-zinc-400">67</span>
4894            </a>
4895                        <a href="https://www.legisocial.fr/infos-conseils/2026/07-juillet/" class="inline-flex items-center gap-2 rounded-full border border-zinc-200 bg-white px-4 py-1.5 text-sm font-medium text-zinc-600 transition-colors hover:border-blue-400 hover:text-blue-600">
4896                Juillet 2026
4897                <span class="text-xs text-zinc-400">72</span>
4898            </a>
4899                        <a href="https://www.legisocial.fr/infos-conseils/2026/06-juin/" class="inline-flex items-center gap-2 rounded-full border border-zinc-200 bg-white px-4 py-1.5 text-sm font-medium text-zinc-600 transition-colors hover:border-blue-400 hover:text-blue-600">
4900                Juin 2026
4901                <span class="text-xs text-zinc-400">73</span>
4902            </a>
4903                        <a href="https://www.legisocial.fr/infos-conseils/2026/05-mai/" class="inline-flex items-center gap-2 rounded-full border border-zinc-200 bg-white px-4 py-1.5 text-sm font-medium text-zinc-600 transition-colors hover:border-blue-400 hover:text-blue-600">
4904                Mai 2026
4905                <span class="text-xs text-zinc-400">73</span>
4906            </a>
4907                        <a href="https://www.legisocial.fr/infos-conseils/2026/04-avril/" class="inline-flex items-center gap-2 rounded-full border border-zinc-200 bg-white px-4 py-1.5 text-sm font-medium text-zinc-600 transition-colors hover:border-blue-400 hover:text-blue-600">
4908                Avril 2026
4909                <span class="text-xs text-zinc-400">74</span>
4910            </a>
4911                        <a href="https://www.legisocial.fr/infos-conseils/2026/03-mars/" class="inline-flex items-center gap-2 rounded-full border border-zinc-200 bg-white px-4 py-1.5 text-sm font-medium text-zinc-600 transition-colors hover:border-blue-400 hover:text-blue-600">
4912                Mars 2026
4913                <span class="text-xs text-zinc-400">74</span>
4914            </a>
4915                        <a href="https://www.legisocial.fr/infos-conseils/2026/02-fevrier/" class="inline-flex items-center gap-2 rounded-full border border-zinc-200 bg-white px-4 py-1.5 text-sm font-medium text-zinc-600 transition-colors hover:border-blue-400 hover:text-blue-600">
4916                Février 2026
4917                <span class="text-xs text-zinc-400">66</span>
4918            </a>
4919                        <a href="https://www.legisocial.fr/infos-conseils/2026/01-janvier/" class="inline-flex items-center gap-2 rounded-full border border-zinc-200 bg-white px-4 py-1.5 text-sm font-medium text-zinc-600 transition-colors hover:border-blue-400 hover:text-blue-600">
4920                Janvier 2026
4921                <span class="text-xs text-zinc-400">74</span>
4922            </a>
4923                        <a href="https://www.legisocial.fr/infos-conseils/2025/12-decembre/" class="inline-flex items-center gap-2 rounded-full border border-zinc-200 bg-white px-4 py-1.5 text-sm font-medium text-zinc-600 transition-colors hover:border-blue-400 hover:text-blue-600">
4924                Décembre 2025
4925                <span class="text-xs text-zinc-400">73</span>
4926            </a>
4927                        <a href="https://www.legisocial.fr/infos-conseils/2025/11-novembre/" class="inline-flex items-center gap-2 rounded-full border border-zinc-200 bg-white px-4 py-1.5 text-sm font-medium text-zinc-600 transition-colors hover:border-blue-400 hover:text-blue-600">
4928                Novembre 2025
4929                <span class="text-xs text-zinc-400">66</span>
4930            </a>
4931                        <a href="https://www.legisocial.fr/infos-conseils/2025/10-octobre/" class="inline-flex items-center gap-2 rounded-full border border-zinc-200 bg-white px-4 py-1.5 text-sm font-medium text-zinc-600 transition-colors hover:border-blue-400 hover:text-blue-600">
4932                Octobre 2025
4933                <span class="text-xs text-zinc-400">82</span>
4934            </a>
4935                        <a href="https://www.legisocial.fr/infos-conseils/2025/09-septembre/" class="inline-flex items-center gap-2 rounded-full border border-zinc-200 bg-white px-4 py-1.5 text-sm font-medium text-zinc-600 transition-colors hover:border-blue-400 hover:text-blue-600">
4936                Septembre 2025
4937                <span class="text-xs text-zinc-400">63</span>
4938            </a>
4939                        <a href="https://www.legisocial.fr/infos-conseils/2025/08-aout/" class="inline-flex items-center gap-2 rounded-full border border-zinc-200 bg-white px-4 py-1.5 text-sm font-medium text-zinc-600 transition-colors hover:border-blue-400 hover:text-blue-600">
4940                Août 2025
4941                <span class="text-xs text-zinc-400">39</span>
4942            </a>
4943                        <a href="https://www.legisocial.fr/infos-conseils/2025/07-juillet/" class="inline-flex items-center gap-2 rounded-full border border-zinc-200 bg-white px-4 py-1.5 text-sm font-medium text-zinc-600 transition-colors hover:border-blue-400 hover:text-blue-600">
4944                Juillet 2025
4945                <span class="text-xs text-zinc-400">55</span>
4946            </a>
4947                        <a href="https://www.legisocial.fr/infos-conseils/2025/06-juin/" class="inline-flex items-center gap-2 rounded-full border border-zinc-200 bg-white px-4 py-1.5 text-sm font-medium text-zinc-600 transition-colors hover:border-blue-400 hover:text-blue-600">
4948                Juin 2025
4949                <span class="text-xs text-zinc-400">49</span>
4950            </a>
4951                        <a href="https://www.legisocial.fr/infos-conseils/2025/05-mai/" class="inline-flex items-center gap-2 rounded-full border border-zinc-200 bg-white px-4 py-1.5 text-sm font-medium text-zinc-600 transition-colors hover:border-blue-400 hover:text-blue-600">
4952                Mai 2025
4953                <span class="text-xs text-zinc-400">62</span>
4954            </a>
4955                        <a href="https://www.legisocial.fr/infos-conseils/2025/04-avril/" class="inline-flex items-center gap-2 rounded-full border border-zinc-200 bg-white px-4 py-1.5 text-sm font-medium text-zinc-600 transition-colors hover:border-blue-400 hover:text-blue-600">
4956                Avril 2025
4957                <span class="text-xs text-zinc-400">59</span>
4958            </a>
4959                        <a href="https://www.legisocial.fr/infos-conseils/2025/03-mars/" class="inline-flex items-center gap-2 rounded-full border border-zinc-200 bg-white px-4 py-1.5 text-sm font-medium text-zinc-600 transition-colors hover:border-blue-400 hover:text-blue-600">
4960                Mars 2025
4961                <span class="text-xs text-zinc-400">55</span>
4962            </a>
4963                        <a href="https://www.legisocial.fr/infos-conseils/2025/02-fevrier/" class="inline-flex items-center gap-2 rounded-full border border-zinc-200 bg-white px-4 py-1.5 text-sm font-medium text-zinc-600 transition-colors hover:border-blue-400 hover:text-blue-600">
4964                Février 2025
4965                <span class="text-xs text-zinc-400">53</span>
4966            </a>
4967                        <a href="https://www.legisocial.fr/infos-conseils/2025/01-janvier/" class="inline-flex items-center gap-2 rounded-full border border-zinc-200 bg-white px-4 py-1.5 text-sm font-medium text-zinc-600 transition-colors hover:border-blue-400 hover:text-blue-600">
4968                Janvier 2025
4969                <span class="text-xs text-zinc-400">68</span>
4970            </a>
4971                        <a href="https://www.legisocial.fr/infos-conseils/2024/12-decembre/" class="inline-flex items-center gap-2 rounded-full border border-zinc-200 bg-white px-4 py-1.5 text-sm font-medium text-zinc-600 transition-colors hover:border-blue-400 hover:text-blue-600">
4972                Décembre 2024
4973                <span class="text-xs text-zinc-400">52</span>
4974            </a>
4975                        <a href="https://www.legisocial.fr/infos-conseils/2024/11-novembre/" class="inline-flex items-center gap-2 rounded-full border border-zinc-200 bg-white px-4 py-1.5 text-sm font-medium text-zinc-600 transition-colors hover:border-blue-400 hover:text-blue-600">
4976                Novembre 2024
4977                <span class="text-xs text-zinc-400">59</span>
4978            </a>
4979                        <a href="https://www.legisocial.fr/infos-conseils/2024/10-octobre/" class="inline-flex items-center gap-2 rounded-full border border-zinc-200 bg-white px-4 py-1.5 text-sm font-medium text-zinc-600 transition-colors hover:border-blue-400 hover:text-blue-600">
4980                Octobre 2024
4981                <span class="text-xs text-zinc-400">65</span>
4982            </a>
4983                    </div>
4984        
4985                <div class="mt-8">
4986            <h3 class="text-sm tracking-[0.12em] uppercase font-bold text-zinc-900">Par année</h3>
4987            <div class="mt-3 flex flex-wrap gap-2">
4988                                <a href="https://www.legisocial.fr/infos-conseils/2026/" class="inline-flex items-center gap-2 rounded-full border border-zinc-200 bg-zinc-50 px-4 py-1.5 text-sm font-semibold text-zinc-700 transition-colors hover:border-blue-400 hover:text-blue-600">
4989                    2026
4990                    <span class="text-xs font-normal text-zinc-400">636</span>
4991                </a>
4992                                <a href="https://www.legisocial.fr/infos-conseils/2025/" class="inline-flex items-center gap-2 rounded-full border border-zinc-200 bg-zinc-50 px-4 py-1.5 text-sm font-semibold text-zinc-700 transition-colors hover:border-blue-400 hover:text-blue-600">
4993                    2025
4994                    <span class="text-xs font-normal text-zinc-400">724</span>
4995                </a>
4996                                <a href="https://www.legisocial.fr/infos-conseils/2024/" class="inline-flex items-center gap-2 rounded-full border border-zinc-200 bg-zinc-50 px-4 py-1.5 text-sm font-semibold text-zinc-700 transition-colors hover:border-blue-400 hover:text-blue-600">
4997                    2024
4998                    <span class="text-xs font-normal text-zinc-400">728</span>
4999                </a>
5000                                <a href="https://www.legisocial.fr/infos-conseils/2023/" class="inline-flex items-center gap-2 rounded-full border border-zinc-200 bg-zinc-50 px-4 py-1.5 text-sm font-semibold text-zinc-700 transition-colors hover:border-blue-400 hover:text-blue-600">
5001                    2023
5002                    <span class="text-xs font-normal text-zinc-400">801</span>
5003                </a>
5004                                <a href="https://www.legisocial.fr/infos-conseils/2022/" class="inline-flex items-center gap-2 rounded-full border border-zinc-200 bg-zinc-50 px-4 py-1.5 text-sm font-semibold text-zinc-700 transition-colors hover:border-blue-400 hover:text-blue-600">
5005                    2022
5006                    <span class="text-xs font-normal text-zinc-400">727</span>
5007                </a>
5008                                <a href="https://www.legisocial.fr/infos-conseils/2021/" class="inline-flex items-center gap-2 rounded-full border border-zinc-200 bg-zinc-50 px-4 py-1.5 text-sm font-semibold text-zinc-700 transition-colors hover:border-blue-400 hover:text-blue-600">
5009                    2021
5010                    <span class="text-xs font-normal text-zinc-400">741</span>
5011                </a>
5012                                <a href="https://www.legisocial.fr/infos-conseils/2020/" class="inline-flex items-center gap-2 rounded-full border border-zinc-200 bg-zinc-50 px-4 py-1.5 text-sm font-semibold text-zinc-700 transition-colors hover:border-blue-400 hover:text-blue-600">
5013                    2020
5014                    <span class="text-xs font-normal text-zinc-400">849</span>
5015                </a>
5016                                <a href="https://www.legisocial.fr/infos-conseils/2019/" class="inline-flex items-center gap-2 rounded-full border border-zinc-200 bg-zinc-50 px-4 py-1.5 text-sm font-semibold text-zinc-700 transition-colors hover:border-blue-400 hover:text-blue-600">
5017                    2019
5018                    <span class="text-xs font-normal text-zinc-400">652</span>
5019                </a>
5020                                <a href="https://www.legisocial.fr/infos-conseils/2018/" class="inline-flex items-center gap-2 rounded-full border border-zinc-200 bg-zinc-50 px-4 py-1.5 text-sm font-semibold text-zinc-700 transition-colors hover:border-blue-400 hover:text-blue-600">
5021                    2018
5022                    <span class="text-xs font-normal text-zinc-400">585</span>
5023                </a>
5024                                <a href="https://www.legisocial.fr/infos-conseils/2017/" class="inline-flex items-center gap-2 rounded-full border border-zinc-200 bg-zinc-50 px-4 py-1.5 text-sm font-semibold text-zinc-700 transition-colors hover:border-blue-400 hover:text-blue-600">
5025                    2017
5026                    <span class="text-xs font-normal text-zinc-400">464</span>
5027                </a>
5028                                <a href="https://www.legisocial.fr/infos-conseils/2016/" class="inline-flex items-center gap-2 rounded-full border border-zinc-200 bg-zinc-50 px-4 py-1.5 text-sm font-semibold text-zinc-700 transition-colors hover:border-blue-400 hover:text-blue-600">
5029                    2016
5030                    <span class="text-xs font-normal text-zinc-400">417</span>
5031                </a>
5032                                <a href="https://www.legisocial.fr/infos-conseils/2015/" class="inline-flex items-center gap-2 rounded-full border border-zinc-200 bg-zinc-50 px-4 py-1.5 text-sm font-semibold text-zinc-700 transition-colors hover:border-blue-400 hover:text-blue-600">
5033                    2015
5034                    <span class="text-xs font-normal text-zinc-400">460</span>
5035                </a>
5036                                <a href="https://www.legisocial.fr/infos-conseils/2014/" class="inline-flex items-center gap-2 rounded-full border border-zinc-200 bg-zinc-50 px-4 py-1.5 text-sm font-semibold text-zinc-700 transition-colors hover:border-blue-400 hover:text-blue-600">
5037                    2014
5038                    <span class="text-xs font-normal text-zinc-400">458</span>
5039                </a>
5040                                <a href="https://www.legisocial.fr/infos-conseils/2013/" class="inline-flex items-center gap-2 rounded-full border border-zinc-200 bg-zinc-50 px-4 py-1.5 text-sm font-semibold text-zinc-700 transition-colors hover:border-blue-400 hover:text-blue-600">
5041                    2013
5042                    <span class="text-xs font-normal text-zinc-400">431</span>
5043                </a>
5044                                <a href="https://www.legisocial.fr/infos-conseils/2012/" class="inline-flex items-center gap-2 rounded-full border border-zinc-200 bg-zinc-50 px-4 py-1.5 text-sm font-semibold text-zinc-700 transition-colors hover:border-blue-400 hover:text-blue-600">
5045                    2012
5046                    <span class="text-xs font-normal text-zinc-400">423</span>
5047                </a>
5048                                <a href="https://www.legisocial.fr/infos-conseils/2011/" class="inline-flex items-center gap-2 rounded-full border border-zinc-200 bg-zinc-50 px-4 py-1.5 text-sm font-semibold text-zinc-700 transition-colors hover:border-blue-400 hover:text-blue-600">
5049                    2011
5050                    <span class="text-xs font-normal text-zinc-400">369</span>
5051                </a>
5052                            </div>
5053        </div>
5054            </div>
5055</section>
5056
5057    <section class="py-8 lg:py-10">
5058    <div class="px-6 lg:px-12 2xl:container">
5059        <h2 class="text-sm tracking-[0.12em] uppercase font-bold text-zinc-900">Explorer par thématique</h2>
5060
5061        <div class="flex flex-wrap gap-2 mt-3">
5062        <a href="https://www.legisocial.fr/contrat-de-travail/" class="rounded-full border border-zinc-200 bg-white px-4 py-1.5 text-sm font-medium text-zinc-600 transition-colors hover:border-blue-400 hover:text-blue-600">
5063        Contrat de travail
5064    </a>
5065        <a href="https://www.legisocial.fr/livres-blancs/" class="rounded-full border border-zinc-200 bg-white px-4 py-1.5 text-sm font-medium text-zinc-600 transition-colors hover:border-blue-400 hover:text-blue-600">
5066        Livres blancs
5067    </a>
5068        <a href="https://www.legisocial.fr/recrutement-embauche/" class="rounded-full border border-zinc-200 bg-white px-4 py-1.5 text-sm font-medium text-zinc-600 transition-colors hover:border-blue-400 hover:text-blue-600">
5069        Recrutement &amp; Embauche
5070    </a>
5071        <a href="https://www.legisocial.fr/paie-remuneration/" class="rounded-full border border-zinc-200 bg-white px-4 py-1.5 text-sm font-medium text-zinc-600 transition-colors hover:border-blue-400 hover:text-blue-600">
5072        Paie, rémunération &amp; avantages
5073    </a>
5074        <a href="https://www.legisocial.fr/temps-travail-conges-absences/" class="rounded-full border border-zinc-200 bg-white px-4 py-1.5 text-sm font-medium text-zinc-600 transition-colors hover:border-blue-400 hover:text-blue-600">
5075        Temps de travail et congés
5076    </a>
5077        <a href="https://www.legisocial.fr/sante-securite-qvct/" class="rounded-full border border-zinc-200 bg-white px-4 py-1.5 text-sm font-medium text-zinc-600 transition-colors hover:border-blue-400 hover:text-blue-600">
5078        Santé, sécurité &amp; qualité de vie au travail
5079    </a>
5080        <a href="https://www.legisocial.fr/dialogue-social/" class="rounded-full border border-zinc-200 bg-white px-4 py-1.5 text-sm font-medium text-zinc-600 transition-colors hover:border-blue-400 hover:text-blue-600">
5081        Dialogue social
5082    </a>
5083        <a href="https://www.legisocial.fr/pilotage-rh/" class="rounded-full border border-zinc-200 bg-white px-4 py-1.5 text-sm font-medium text-zinc-600 transition-colors hover:border-blue-400 hover:text-blue-600">
5084        Pilotage RH
5085    </a>
5086        <a href="https://www.legisocial.fr/rupture-contrat/" class="rounded-full border border-zinc-200 bg-white px-4 py-1.5 text-sm font-medium text-zinc-600 transition-colors hover:border-blue-400 hover:text-blue-600">
5087        Rupture du contrat
5088    </a>
5089    </div>
5090    </div>
5091</section>
5092
5093    
5094    
5094<script type="application/ld+json">
5095{"@context":"https://schema.org","@type":"CollectionPage","@id":"https://www.legisocial.fr/infos-conseils/#webpage","url":"https://www.legisocial.fr/infos-conseils/","name":"L'actualité en Social, Paie et RH","description":"LégiSocial est le site expert en Social, Paie et RH : retrouvez nos actualités, fiches pratiques, jurisprudences, bulletins de paie commentés, chiffres et taux, modèles de documents à télécharger...","inLanguage":"fr-FR","isPartOf":{"@type":"WebSite","@id":"https://www.legisocial.fr/#website","url":"https://www.legisocial.fr/","name":"LégiSocial"},"breadcrumb":{"@id":"https://www.legisocial.fr/infos-conseils/#breadcrumb"},"mainEntity":{"@id":"https://www.legisocial.fr/infos-conseils/#itemlist"}}
5096</script>
5096
5097    
5097<script type="application/ld+json">
5098{"@context":"https://schema.org","@type":"ItemList","@id":"https://www.legisocial.fr/infos-conseils/#itemlist","name":"L'actualité en Social, Paie et RH","numberOfItems":25,"itemListOrder":"https://schema.org/ItemListOrderAscending","itemListElement":[{"@type":"ListItem","position":1,"url":"https://www.legisocial.fr/actualites-sociales/8149-conges-payes-acquis-arret-maladie-precisions-jurisprudentielles-prescription.html","name":"Congés payés acquis pendant un arrêt maladie : précisions jurisprudentielles sur la prescription"},{"@type":"ListItem","position":2,"url":"https://www.legisocial.fr/actualites-sociales/8112-enregistrement-entretien-prealable-qu-maitriser.html","name":"Enregistrement de l’entretien préalable : ce qu’il faut maîtriser"},{"@type":"ListItem","position":3,"url":"https://www.legisocial.fr/la-matinale/2026-09-25.html#b-11536","name":"Contributions conventionnelles au 1er janvier 2027"},{"@type":"ListItem","position":4,"url":"https://www.legisocial.fr/la-matinale/2026-09-25.html#b-11541","name":"Garantie minimale de revenus des livreurs indépendants de plateformes"},{"@type":"ListItem","position":5,"url":"https://www.legisocial.fr/la-matinale/2026-09-25.html#b-11537","name":"Comment se situe la France à l'échelle européenne en matière de taux d'emploi ?"},{"@type":"ListItem","position":6,"url":"https://www.legisocial.fr/la-matinale/2026-09-25.html#b-11534","name":"France 2035 – France 2050 : Focus : Choisir son travail demain"},{"@type":"ListItem","position":7,"url":"https://www.legisocial.fr/la-matinale/2026-09-25.html#b-11535","name":"Journées nationales d’action contre l’illettrisme 2026 : découvrez l’outil d’autodiagnostic evapro"},{"@type":"ListItem","position":8,"url":"https://www.legisocial.fr/actualites-sociales/8152-chomage-intemperies-btp-sont-parametres-campagne-2026-2027.html","name":"Chômage intempéries dans le BTP : Quels sont les paramètres de la campagne 2026-2027 ?"},{"@type":"ListItem","position":9,"url":"https://www.legisocial.fr/actualites-sociales/8120-heures-delegation-regles-essentielles-bonnes-pratiques-employeurs.html","name":"Heures de délégation : règles essentielles et bonnes pratiques pour les employeurs"},{"@type":"ListItem","position":10,"url":"https://www.legisocial.fr/actualites-sociales/8121-inaptitude-bons-reflexes-adopter.html","name":"Inaptitude : les bons réflexes à adopter"},{"@type":"ListItem","position":11,"url":"https://www.legisocial.fr/jurisprudences-sociales/1691-rupture-conventionnelle-accord-entreprise-fixer-montant-minimum-indemnite.html","name":"Rupture conventionnelle : l’accord d’entreprise peut fixer le montant minimum de l’indemnité"},{"@type":"ListItem","position":12,"url":"https://www.legisocial.fr/la-matinale/2026-09-25.html#b-11591","name":"Prime carburant : un plafond d’exonération de 1 000 € annoncé"},{"@type":"ListItem","position":13,"url":"https://www.legisocial.fr/actualites-sociales/8151-activite-partielle-incendies-foret-zero-reste-charge-prolonge.html","name":"Activité partielle et incendies de forêt : le « zéro reste à charge » prolongé"},{"@type":"ListItem","position":14,"url":"https://www.legisocial.fr/actualites-sociales/8119-harcelement-sexuel-ambiance-employeur-ne-fermer-yeux.html","name":"Harcèlement sexuel d’ambiance : l’employeur ne peut plus fermer les yeux"},{"@type":"ListItem","position":15,"url":"https://www.legisocial.fr/la-matinale/2026-09-24.html#b-11529","name":"Comment appliquer le forfait-jours sous la convention Syntec ?"},{"@type":"ListItem","position":16,"url":"https://www.legisocial.fr/la-matinale/2026-09-24.html#b-11531","name":"Arrêts de travail papier : un retard de transmission de vos salariés peut pénaliser votre entreprise"},{"@type":"ListItem","position":17,"url":"https://www.legisocial.fr/la-matinale/2026-09-24.html#b-11590","name":"Chômage-intempéries dans le BTP : les taux de cotisation pour 2026-2027"},{"@type":"ListItem","position":18,"url":"https://www.legisocial.fr/la-matinale/2026-09-24.html#b-11532","name":"Campagne de prévention des troubles musculosquelettiques"},{"@type":"ListItem","position":19,"url":"https://www.legisocial.fr/la-matinale/2026-09-24.html#b-11530","name":"Parution de l’étude Agefiph – Céreq « Jeunes en situation de handicap : des inégalités de la scolarité à l’emploi »"},{"@type":"ListItem","position":20,"url":"https://www.legisocial.fr/la-matinale/2026-09-24.html#b-11572","name":"Vers une obligation de mentionner une fourchette de rémunération dans les offres d’emploi"},{"@type":"ListItem","position":21,"url":"https://www.legisocial.fr/la-matinale/2026-09-24.html#b-11533","name":"« Cap sur les conditions de travail » : un jeu en ligne pour regarder le travail autrement"},{"@type":"ListItem","position":22,"url":"https://www.legisocial.fr/actualites-sociales/8118-absence-salarie-trois-zones-risque-juridique-ne-estimer.html","name":"Absence du salarié : trois zones de risque juridique à ne pas sous-estimer"},{"@type":"ListItem","position":23,"url":"https://www.legisocial.fr/actualites-sociales/8147-mesures-rh-projet-loi-relatif-tranparence-salariale-presente-conseil-ministres.html","name":"Les mesures RH du projet de loi relatif à la tranparence salariale présenté en Conseil des ministres"},{"@type":"ListItem","position":24,"url":"https://www.legisocial.fr/actualites-sociales/8150-arrets-maladie-maximum-ijss-ald-exonerantes.html","name":"Arrêts maladie : un an maximum d’IJSS pour les ALD non exonérantes"},{"@type":"ListItem","position":25,"url":"https://www.legisocial.fr/la-matinale/2026-09-23.html#b-11524","name":"Un webinaire pour sécuriser les livraisons sur les chantiers"}]}
5099</script>
5099
5100
5101    
5102    <ui-modal data-flux-modal>
5103    
5104    <dialog wire:ignore.self class="p-6 [:where(&amp;)]:max-w-xl [:where(&amp;)]:min-w-xs shadow-lg rounded-xl bg-white dark:bg-zinc-800 ring ring-black/5 dark:ring-zinc-700 shadow-lg rounded-xl max-w-xl" data-modal="matinale-breve" x-data="fluxModal('matinale-breve', null)" x-on:modal-show.document="handleShow($event)" x-on:modal-close.document="handleClose($event)">
5105                    <div class="text-center">
5106        <div class="text-4xl">🔒</div>
5107        <div class="font-medium [:where(&amp;)]:text-zinc-800 [:where(&amp;)]:dark:text-white text-base [&amp;:has(+[data-flux-subheading])]:mb-2 [[data-flux-subheading]+&amp;]:mt-2 mt-3" data-flux-heading>Nos brèves sont réservées aux abonnés</div>
5108        <p class="[:where(&amp;)]:font-normal [:where(&amp;)]:text-sm [:where(&amp;)]:text-zinc-500 [:where(&amp;)]:dark:text-white/70 mt-2" data-flux-text>Accédez immédiatement aux brèves quotidiennes de La Matinale, notre email dédié à la veille chaque matin dans votre boite.</p>        <div class="mt-6 flex flex-col sm:flex-row gap-3">
5109            
5110            <button type="button" class="relative items-center font-medium justify-center gap-2 whitespace-nowrap disabled:opacity-75 dark:disabled:opacity-75 disabled:cursor-default disabled:pointer-events-none justify-center h-10 text-sm rounded-lg ps-4 pe-4 inline-flex  bg-white hover:bg-zinc-50 dark:bg-zinc-700 dark:hover:bg-zinc-600/75 text-zinc-800 dark:text-white border border-zinc-200 hover:border-zinc-200 border-b-zinc-300/80 dark:border-zinc-600 dark:hover:border-zinc-600 shadow-xs [[data-flux-button-group]_&amp;]:border-s-0 [:is([data-flux-button-group]&gt;&amp;:first-child,_[data-flux-button-group]_:first-child&gt;&amp;)]:border-s-[1px]   flex-1" data-flux-button="data-flux-button" data-flux-group-target="data-flux-group-target" onclick="Flux.modal('matinale-breve').close();Calendly.initPopupWidget({url: 'https://calendly.com/d/ckxw-d34-r65/decouvrir-notre-plateforme-intelligence-artificielle'});return false;">
5111        Contacter un conseiller
5112    </button>
5113            <a href="https://www.legisocial.fr/tarifs/" data-flux-button="data-flux-button" class="relative items-center font-medium justify-center gap-2 whitespace-nowrap disabled:opacity-75 dark:disabled:opacity-75 disabled:cursor-default disabled:pointer-events-none justify-center h-10 text-sm rounded-lg ps-4 pe-4 inline-flex  bg-[var(--color-accent)] hover:bg-[color-mix(in_oklab,_var(--color-accent),_transparent_10%)] text-[var(--color-accent-foreground)] border border-black/10 dark:border-0 shadow-[inset_0px_1px_--theme(--color-white/.2)] [[data-flux-button-group]_&amp;]:border-e-0 [:is([data-flux-button-group]&gt;&amp;:last-child,_[data-flux-button-group]_:last-child&gt;&amp;)]:border-e-[1px] dark:[:is([data-flux-button-group]&gt;&amp;:last-child,_[data-flux-button-group]_:last-child&gt;&amp;)]:border-e-0 dark:[:is([data-flux-button-group]&gt;&amp;:last-child,_[data-flux-button-group]_:last-child&gt;&amp;)]:border-s-[1px] [:is([data-flux-button-group]&gt;&amp;:not(:first-child),_[data-flux-button-group]_:not(:first-child)&gt;&amp;)]:border-s-[color-mix(in_srgb,var(--color-accent-foreground),transparent_85%)]   flex-1" data-flux-group-target="data-flux-group-target">
5114        Découvrir nos abonnements
5115    </a>
5116        </div>
5117    </div>
5118
5119                            <div class="absolute top-0 end-0 mt-4 me-4">
5120                    <ui-close data-flux-modal-close>
5121    <button type="button" class="relative items-center font-medium justify-center gap-2 whitespace-nowrap disabled:opacity-75 dark:disabled:opacity-75 disabled:cursor-default disabled:pointer-events-none justify-center h-8 text-sm rounded-md w-8 inline-flex  bg-transparent hover:bg-zinc-800/5 dark:hover:bg-white/15 text-zinc-800 dark:text-white      text-zinc-400! hover:text-zinc-800! dark:text-zinc-500! dark:hover:text-white!" data-flux-button="data-flux-button" aria-label="Close modal">
5122        <svg class="shrink-0 [:where(&amp;)]:size-5" data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
5123  <path d="M6.28 5.22a.75.75 0 0 0-1.06 1.06L8.94 10l-3.72 3.72a.75.75 0 1 0 1.06 1.06L10 11.06l3.72 3.72a.75.75 0 1 0 1.06-1.06L11.06 10l3.72-3.72a.75.75 0 0 0-1.06-1.06L10 8.94 6.28 5.22Z"/>
5124</svg>
5125    </button>
5126</ui-close>
5127                </div>
5128                        </dialog>
5129</ui-modal>
5130
5131<ui-modal data-flux-modal>
5132    
5133    <dialog wire:ignore.self class="p-6 [:where(&amp;)]:max-w-xl [:where(&amp;)]:min-w-xs shadow-lg rounded-xl bg-white dark:bg-zinc-800 ring ring-black/5 dark:ring-zinc-700 shadow-lg rounded-xl max-w-xl" data-modal="matinale-jurisprudence" x-data="fluxModal('matinale-jurisprudence', null)" x-on:modal-show.document="handleShow($event)" x-on:modal-close.document="handleClose($event)">
5134                    <div class="text-center">
5135        <div class="text-4xl">🔒</div>
5136        <div class="font-medium [:where(&amp;)]:text-zinc-800 [:where(&amp;)]:dark:text-white text-base [&amp;:has(+[data-flux-subheading])]:mb-2 [[data-flux-subheading]+&amp;]:mt-2 mt-3" data-flux-heading>Les jurisprudences sont réservées aux abonnés</div>
5137        <p class="[:where(&amp;)]:font-normal [:where(&amp;)]:text-sm [:where(&amp;)]:text-zinc-500 [:where(&amp;)]:dark:text-white/70 mt-2" data-flux-text>Accédez immédiatement aux jurisprudences de l&#039;Hebdo des Jurisprudences, notre email dédié chaque vendredi dans votre boite.</p>        <div class="mt-6 flex flex-col sm:flex-row gap-3">
5138            
5139            <button type="button" class="relative items-center font-medium justify-center gap-2 whitespace-nowrap disabled:opacity-75 dark:disabled:opacity-75 disabled:cursor-default disabled:pointer-events-none justify-center h-10 text-sm rounded-lg ps-4 pe-4 inline-flex  bg-white hover:bg-zinc-50 dark:bg-zinc-700 dark:hover:bg-zinc-600/75 text-zinc-800 dark:text-white border border-zinc-200 hover:border-zinc-200 border-b-zinc-300/80 dark:border-zinc-600 dark:hover:border-zinc-600 shadow-xs [[data-flux-button-group]_&amp;]:border-s-0 [:is([data-flux-button-group]&gt;&amp;:first-child,_[data-flux-button-group]_:first-child&gt;&amp;)]:border-s-[1px]   flex-1" data-flux-button="data-flux-button" data-flux-group-target="data-flux-group-target" onclick="Flux.modal('matinale-jurisprudence').close();Calendly.initPopupWidget({url: 'https://calendly.com/d/ckxw-d34-r65/decouvrir-notre-plateforme-intelligence-artificielle'});return false;">
5140        Contacter un conseiller
5141    </button>
5142            <a href="https://www.legisocial.fr/tarifs/" data-flux-button="data-flux-button" class="relative items-center font-medium justify-center gap-2 whitespace-nowrap disabled:opacity-75 dark:disabled:opacity-75 disabled:cursor-default disabled:pointer-events-none justify-center h-10 text-sm rounded-lg ps-4 pe-4 inline-flex  bg-[var(--color-accent)] hover:bg-[color-mix(in_oklab,_var(--color-accent),_transparent_10%)] text-[var(--color-accent-foreground)] border border-black/10 dark:border-0 shadow-[inset_0px_1px_--theme(--color-white/.2)] [[data-flux-button-group]_&amp;]:border-e-0 [:is([data-flux-button-group]&gt;&amp;:last-child,_[data-flux-button-group]_:last-child&gt;&amp;)]:border-e-[1px] dark:[:is([data-flux-button-group]&gt;&amp;:last-child,_[data-flux-button-group]_:last-child&gt;&amp;)]:border-e-0 dark:[:is([data-flux-button-group]&gt;&amp;:last-child,_[data-flux-button-group]_:last-child&gt;&amp;)]:border-s-[1px] [:is([data-flux-button-group]&gt;&amp;:not(:first-child),_[data-flux-button-group]_:not(:first-child)&gt;&amp;)]:border-s-[color-mix(in_srgb,var(--color-accent-foreground),transparent_85%)]   flex-1" data-flux-group-target="data-flux-group-target">
5143        Découvrir nos abonnements
5144    </a>
5145        </div>
5146    </div>
5147
5148                            <div class="absolute top-0 end-0 mt-4 me-4">
5149                    <ui-close data-flux-modal-close>
5150    <button type="button" class="relative items-center font-medium justify-center gap-2 whitespace-nowrap disabled:opacity-75 dark:disabled:opacity-75 disabled:cursor-default disabled:pointer-events-none justify-center h-8 text-sm rounded-md w-8 inline-flex  bg-transparent hover:bg-zinc-800/5 dark:hover:bg-white/15 text-zinc-800 dark:text-white      text-zinc-400! hover:text-zinc-800! dark:text-zinc-500! dark:hover:text-white!" data-flux-button="data-flux-button" aria-label="Close modal">
5151        <svg class="shrink-0 [:where(&amp;)]:size-5" data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
5152  <path d="M6.28 5.22a.75.75 0 0 0-1.06 1.06L8.94 10l-3.72 3.72a.75.75 0 1 0 1.06 1.06L10 11.06l3.72 3.72a.75.75 0 1 0 1.06-1.06L11.06 10l3.72-3.72a.75.75 0 0 0-1.06-1.06L10 8.94 6.28 5.22Z"/>
5153</svg>
5154    </button>
5155</ui-close>
5156                </div>
5157                        </dialog>
5158</ui-modal>
5159</main>
5160
5161            <footer id="footer" class="footer-new text-sm relative z-30 border-t border-solid border-gray-200 py-4 bg-white print:hidden">
5162        <div class="bg-yellow-30 py-4 lg:py-6 print:hidden">
5163        <div class="container">
5164            
5165                        <h2 class="mt-6 font-sans text-lg lg:text-xl font-semibold text-gray-800">Toute l’actualité sociale & fiscale</h2>
5166            <div class="pt-2 flex flex-col lg:flex-row gap-4">
5167                <div class="lg:w-5/12 text-base text-gray-600">
5168                    Inscrivez-vous à notre newsletter bi-hebdomadaire,<br/>c’est gratuit 🎁
5169                </div>
5170                <div class="lg:w-7/12">
5171                    <div wire:key="lw-2966359015-0-veille-theme-7-4" wire:snapsh
5171ot="{&quot;data&quot;:{&quot;email&quot;:&quot;&quot;,&quot;firstname&quot;:&quot;&quot;,&quot;lastname&quot;:&quot;&quot;,&quot;title&quot;:&quot;Monsieur&quot;,&quot;tel&quot;:&quot;&quot;,&quot;societe&quot;:&quot;&quot;,&quot;adresse&quot;:&quot;&quot;,&quot;compadr&quot;:&quot;&quot;,&quot;cp&quot;:&quot;&quot;,&quot;ville&quot;:&quot;&quot;,&quot;csp&quot;:&quot;&quot;,&quot;fonction&quot;:&quot;&quot;,&quot;showAddressFields&quot;:false,&quot;registered&quot;:false,&quot;modalLoaded&quot;:false,&quot;source&quot;:&quot;&quot;,&quot;provenance&quot;:&quot;NEWSLETTER&quot;},&quot;memo&quot;:{&quot;id&quot;:&quot;tr73SlD9ww7FeyiGu9MY&quot;,&quot;name&quot;:&quot;shared.newsletter-form&quot;,&quot;path&quot;:&quot;infos-conseils&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;fr&quot;,&quot;islands&quot;:[]},&quot;checksum&quot;:&quot;d5e8ad60c14eaeb29a3faad2f2ffafd2ab4983194db4249c20562e4dd1dc8d58&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;newsletter-sticky-submit&quot;]}" wire:id="tr73SlD9ww7FeyiGu9MY" wire:name="shared.newsletter-form">
5172    
5173    
5173<script>
5174    window.companyAutocomplete ??= function () {
5175        return {
5176            search: '',
5177            results: [],
5178            showDropdown: false,
5179            loading: false,
5180            apiUrl: 'https://api.legisocial.fr/',
5181
5182            init() {
5183                this.search = this.$wire.get('societe') || '';
5184                this.$watch('search', (value) => {
5185                    this.$wire.set('societe', value);
5186                });
5187            },
5188
5189            async searchCompanies() {
5190                if (this.search.length < 2) {
5191                    this.results = [];
5192                    this.showDropdown = false;
5193                    return;
5194                }
5195
5196                this.loading = true;
5197
5198                try {
5199                    const url = `${this.apiUrl}autocomplete/rs?q=${encodeURIComponent(this.search)}`;
5200                    const response = await fetch(url);
5201                    const data = await response.json();
5202                    this.results = data.results || data || [];
5203                    this.showDropdown = this.results.length > 0;
5204                } catch (error) {
5205                    console.error('Erreur lors de la recherche:', error);
5206                    this.results = [];
5207                    this.showDropdown = false;
5208                } finally {
5209                    this.loading = false;
5210                }
5211            },
5212
5213            selectCompany(company) {
5214                this.search = company.raison_sociale;
5215                this.showDropdown = false;
5216
5217                this.$wire.updateCompanyDetails({
5218                    societe: company.raison_sociale,
5219                    adresse: company.adresse || '',
5220                    compadr: company.compadr || '',
5221                    cp: company.cp || '',
5222                    ville: company.ville || '',
5223                    siret: company.siret || company.siren || '',
5224                });
5225            }
5226        }
5227    }
5228</script>
5228
5229
5230    <form wire:submit="validateEmail">
5231        <div class="flex flex-col lg:flex-row gap-2">
5232            <div class="w-full relative block group/input" data-flux-input>
5233            
5234            <input type="email" class="w-full border rounded-lg block disabled:shadow-none dark:shadow-none appearance-none text-base sm:text-sm py-2 h-10 leading-[1.375rem] ps-3 pe-3 bg-white dark:bg-white/10 dark:disabled:bg-white/[7%] text-zinc-700 disabled:text-zinc-500 placeholder-zinc-400 disabled:placeholder-zinc-400/70 dark:text-zinc-300 dark:disabled:text-zinc-400 dark:placeholder-zinc-400 dark:disabled:placeholder-zinc-500 shadow-xs border-zinc-200 border-b-zinc-300/80 disabled:border-b-zinc-200 dark:border-white/10 dark:disabled:border-white/5 data-invalid:shadow-none data-invalid:border-red-500 dark:data-invalid:border-red-500 disabled:data-invalid:border-red-500 dark:disabled:data-invalid:border-red-500" required="required" wire:model="email" placeholder="Exemple : [email protected]" name="email" data-flux-control data-flux-group-target>
5235
5236                    </div>
5237            <button type="submit" class="relative items-center font-medium justify-center gap-2 whitespace-nowrap disabled:opacity-75 dark:disabled:opacity-75 disabled:cursor-default disabled:pointer-events-none justify-center h-10 text-sm rounded-lg ps-4 pe-4 inline-flex  bg-[var(--color-accent)] hover:bg-[color-mix(in_oklab,_var(--color-accent),_transparent_10%)] text-[var(--color-accent-foreground)] border border-black/10 dark:border-0 shadow-[inset_0px_1px_--theme(--color-white/.2)] [[data-flux-button-group]_&amp;]:border-e-0 [:is([data-flux-button-group]&gt;&amp;:last-child,_[data-flux-button-group]_:last-child&gt;&amp;)]:border-e-[1px] dark:[:is([data-flux-button-group]&gt;&amp;:last-child,_[data-flux-button-group]_:last-child&gt;&amp;)]:border-e-0 dark:[:is([data-flux-button-group]&gt;&amp;:last-child,_[data-flux-button-group]_:last-child&gt;&amp;)]:border-s-[1px] [:is([data-flux-button-group]&gt;&amp;:not(:first-child),_[data-flux-button-group]_:not(:first-child)&gt;&amp;)]:border-s-[color-mix(in_srgb,var(--color-accent-foreground),transparent_85%)] *:transition-opacity [&amp;[disabled]&gt;:not([data-flux-loading-indicator])]:opacity-0 [&amp;[disabled]&gt;[data-flux-loading-indicator]]:opacity-100 [&amp;[disabled]]:pointer-events-none" data-flux-button="data-flux-button" data-flux-group-target="data-flux-group-target" aria-label="S'inscrire">
5238        <div class="absolute inset-0 flex items-center justify-center opacity-0" data-flux-loading-indicator>
5239                <svg class="shrink-0 [:where(&amp;)]:size-4 animate-spin" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true" data-slot="icon">
5240    <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
5241    <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
5242</svg>
5243                    </div>
5244        
5245        
5246                    
5247            
5248            <span>Recevoir la newsletter</span>
5249    </button>
5250        </div>
5251        <div wire:transition>
5252            <div role="alert" aria-live="polite" aria-atomic="true" class="mt-3 text-sm font-medium text-red-500 dark:text-red-400 hidden mt-1" data-flux-error>
5253    </div>
5254        </div>
5255    </form>
5256    <ui-modal data-flux-modal>
5257    
5258    <dialog wire:ignore.self class="p-6 [:where(&amp;)]:max-w-xl [:where(&amp;)]:min-w-xs shadow-lg rounded-xl bg-white dark:bg-zinc-800 ring ring-black/5 dark:ring-zinc-700 shadow-lg rounded-xl lg:min-w-3xl lg:max-w-3xl lg:w-3xl" x-on:close="$wire.unloadModal()" data-modal="newsletter-form-modal" x-data="fluxModal('newsletter-form-modal', 'tr73SlD9ww7FeyiGu9MY')" x-on:modal-show.document="handleShow($event)" x-on:modal-close.document="handleClose($event)">
5259                    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
5260
5261                            <div class="absolute top-0 end-0 mt-4 me-4">
5262                    <ui-close data-flux-modal-close>
5263    <button type="button" class="relative items-center font-medium justify-center gap-2 whitespace-nowrap disabled:opacity-75 dark:disabled:opacity-75 disabled:cursor-default disabled:pointer-events-none justify-center h-8 text-sm rounded-md w-8 inline-flex  bg-transparent hover:bg-zinc-800/5 dark:hover:bg-white/15 text-zinc-800 dark:text-white      text-zinc-400! hover:text-zinc-800! dark:text-zinc-500! dark:hover:text-white!" data-flux-button="data-flux-button" aria-label="Close modal">
5264        <svg class="shrink-0 [:where(&amp;)]:size-5" data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
5265  <path d="M6.28 5.22a.75.75 0 0 0-1.06 1.06L8.94 10l-3.72 3.72a.75.75 0 1 0 1.06 1.06L10 11.06l3.72 3.72a.75.75 0 1 0 1.06-1.06L11.06 10l3.72-3.72a.75.75 0 0 0-1.06-1.06L10 8.94 6.28 5.22Z"/>
5266</svg>
5267    </button>
5268</ui-close>
5269                </div>
5270                        </dialog>
5271</ui-modal>
5272</div>
5273                </div>
5274            </div>
5275
5276            <hr class="my-6 lg:my-8"/>
5277            
5278            <div class="flex flex-col lg:flex-row gap-4">
5279                <div class="lg:w-5/12 lg:pr-12">
5280                    <strong class="text-lg text-gray-600 font-medium">Solution &amp; Services</strong>
5281                    <div class="mt-6 space-y-5">
5282                        <div id="footer-solutions-services">
5283                            <strong class="text-sm text-gray-800 font-semibold">Veille & Curation proactive</strong>
5284                            <nav role="navigation">
5285                                <ul class="mt-3 space-y-1.5 lg:space-y-2">
5286                                    <li><a href="/la-matinale/">Nos brèves</a></li>
5287                                    <li><a href="/infos-conseils/">Nos actualités</a></li>
5288                                    <li><a href="/jurisprudences-sociales/">Nos jurisprudences</a></li>
5289                                    <li><a href="/webinaires/">
5289Nos webinaires</a></li>
5290                                </ul>
5291                            </nav>
5292                        </div>
5293                        <div id="footer-ia-documentation">
5294                            <strong class="text-sm text-gray-800 font-semibold">IA & Documentation augmentée</strong>
5295                            <nav role="navigation">
5296                                <ul class="mt-3 flex flex-col gap-1.5 lg:gap-2">
5297                                    <li><a href="/dossiers-synthese/?metier%5B%5D=RH" rel="nofollow">Dossiers &amp; Procédures RH</a></li>
5298                                    <li><a href="/dossiers-synthese/?metier[]=%C3%89lus%20CSE" rel="nofollow">Dossiers &amp; Procédures Élus CSE</a></li>
5299                                    <li><a href="https://www.legifiscal.fr/dossiers-synthese/">Dossiers Fiscaux <span class="bullet-fiscal"></span></a></li>
5300                                    <li><a href="/modele-bulletin-paie/">Bulletins de paie commentés</a></li>
5301                                    <li><a class="text-violet-500 font-semibold" href="/intelligence-artificielle-droit-social/">IA LégiSocial ✨</a></li>
5302                                </ul>
5303                            </nav>
5304                        </div>
5305                        <div id="footer-conventions-collectives">
5306                            <strong class="text-sm text-gray-800 font-semibold">Conventions collectives & synthèses augmentées</strong>
5307                            <nav role="navigation">
5308                                <ul class="mt-3 space-y-1.5 lg:space-y-2">
5309                                    <li><a href="https://www.legisocial.fr/conventions-collectives-nationales/">Conventions collectives nationales <span class="text-sm text-gray-500">(450 textes intégraux + 330 synthèses)</span></a></li>
5310                                </ul>
5311                            </nav>
5312                        </div>
5313                        <div id="footer-outils-controle">
5314                            <strong class="text-sm text-gray-800 font-semibold">Outils de contrôle & Vérification</strong>
5315                            <nav role="navigation">
5316                                <ul class="mt-3 space-y-1.5 lg:space-y-2">
5317                                    <li><a href="https://www.legisocial.fr/calcul-indemnites-depart/" target="_blank">Calcul des indemnités de départ</a></li>
5318                                    <li><a href="/outils-gestion-rh-et-paie/">Outils de gestion de la paie</a></li>
5319                                    <li><a href="/outils-gestion-entreprise/">Outils de gestion de l’entreprise</a></li>
5320                                    <li><a href="https://www.legifiscal.fr/outils-gestion-fiscale/">Outils de gestion fiscale <span class="bullet-fiscal"></span></a></li>
5321                                </ul>
5322                            </nav>
5323                        </div>
5324                    </div>
5325                </div>
5326                <div class="lg:w-5/12 lg:pr-12">
5327                    <strong class="text-lg text-gray-600 font-medium">Ressources documentaires</strong>
5328                    <div class="mt-6 space-y-5">
5329                        <div id="footer-infos-conseils">
5330                            <strong class="text-sm text-gray-800 font-semibold">Infos & Conseils</strong>
5331                            <nav role="navigation">
5332                                <ul class="mt-3 flex flex-col gap-1.5 lg:gap-2">
5333                                    <li><a href="/contrat-de-travail/">Embauche, exécution, rupture du contrat de travail</a></li>
5334                                    <li><a href="/vie-entreprise/">Vie dans l'entreprise</a></li>
5335                                    <li><a href="/paie/">Paie</a></li>
5336                                    <li><a href="/hygiene-sante-securite/">Hygiène, santé &amp; sécurité</a></li>
5337                                    <li><a href="/representants-du-personnel/">Représentants du personnel</a></li>
5338                                    <li><a href="/livres-blancs/">Livres blancs</a></li>
5339                                </ul>
5340                            </nav>
5341                        </div>
5342                        <div id="footer-modeles">
5343                            <strong class="text-sm text-gray-800 font-semibold">Modèles à télécharger</strong>
5344                            <nav role="navigation">
5345                                <ul class="mt-3 flex flex-col gap-1.5 lg:gap-2">
5346                                    <li><a href="/modele-lettre/">Modèles de lettres</a></li>
5347                                    <li><a href="/modele-contrat/">Modèles de contrats</a></li>
5348                                    <li><a href="/modele-document/">Modèles de documents</a></li>
5349                                    <li>
5349<a href="/modele-bulletin-paie/">Bulletins de paie commentés</a></li>
5350                                </ul>
5351                            </nav>
5352                        </div>
5353                        <div id="footer-conventions-textes-lois">
5354                            <strong class="text-sm text-gray-800 font-semibold">Conventions collectives, Textes & Lois</strong>
5355                            <nav role="navigation">
5356                                <ul class="mt-3 flex flex-col gap-1.5 lg:gap-2">
5357                                    <li><a href="/glossaire-sigles-social/">Glossaire</a></li>
5358                                    <li><a href="/reperes-sociaux/">Chiffres &amp; Taux</a></li>
5359                                    <li><a href="https://www.legisocial.fr/conventions-collectives-nationales/">Conventions collectives</a></li>
5360                                </ul>
5361                            </nav>
5362                        </div>
5363                    </div>
5364                </div>
5365                <div class="lg:w-2/12">
5366                    <strong class="text-lg text-gray-600 font-medium">À propos</strong>
5367                    <nav role="navigation" class="mt-6 mb-12">
5368                        <ul class="flex flex-col gap-1.5 lg:gap-2">
5369                            <li><a href="/contact/">Contact</a></li>
5370                            <li><a href="/publicite/">Publicité</a></li>
5371                            <li>
5372                                <a href="https://www.acpm.fr/Support-Numerique/site/legisocial-fr" target="_blank" class="flex flex-col gap-1">
5373                                    <span>Diffusion et audiences</span>
5374                                </a>
5375                            </li>
5376                            <li>
5377                                <img src="/images/logos/acpm.svg" class="w-16" alt="Logo ACPM" width="127" height="67" loading="lazy"/>
5378                            </li>
5379                        </ul>
5380                    </nav>
5381                    <ul class="social flex items-center gap-4">
5382                        <li><a target="_blank" href="https://www.facebook.com/legisocial/"><img width="24" height="24" src="/images/logos/fb-simple--blue.svg" alt="Facebook" class="w-6 h-6 opacity-70 hover:opacity-100" loading="lazy"></a></li>
5383                        <li><a target="_blank" href="https://www.linkedin.com/company/legisocial/"><img width="24" height="24" src="/images/logos/linkedin--blue.svg" alt="Linkedin" class="w-6 h-6 opacity-70 hover:opacity-100" loading="lazy"></a></li>
5384                        <li><a target="_blank" href="/rss.xml"><img width="24" height="24" src="/images/logos/rss--blue.svg" alt="Fil RSS" class="w-6 h-6 opacity-70 hover:opacity-100" loading="lazy"></a></li>
5385                    </ul>
5386                </div>
5387            </div>
5388        </div>
5389    </div>
5390    <hr class="my-6 lg:my-8"/>
5391        <div class="container">
5392        <div class="pb-2 lg:pb-4 text-xs flex flex-col lg:flex-row lg:items-center lg:justify-between text-gray-600">
5393            <span>© LégiSocial 2026. Édité par NetLEGIS.</span>
5394            <ul class="flex flex-col lg:flex-row lg:items-center lg:justify-center gap-4">
5395                <li><a class="hover:underline" href="/cgv/">CGV</a></li>
5396                <li class="hidden lg:block"><span class="px-2">&bull;</span></li>
5397                <li><a class="hover:text-gray-900 hover:underline" href="/cgu/">CGU</a></li>
5398                <li class="hidden lg:block"><span class="px-2">&bull;</span></li>
5399                <li><a href="/charte-vie-privee/" class="hover:text-gray-900 hover:underline">Charte vie privée</a></li>
5400            </ul>
5401            <ul class="flex flex-col lg:flex-row lg:items-center lg:justify-end">
5402                <li><a href="/mentions-legales/" class="hover:text-gray-900 hover:underline">Mentions légales</a></li>
5403            </ul>
5404        </div>
5405    </div>
5406</footer>
5407        
5408        <div id="dimmer" class="dimmer"></div>
5409
5410        
5411        
5411<script type="application/ld+json">
5412{"@context":"https://schema.org","@graph":[{"@type":"WebSite","@id":"https://www.legisocial.fr/#website","url":"https://www.legisocial.fr/","name":"LégiSocial","inLanguage":"fr-FR","publisher":{"@id":"https://www.legisocial.fr/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://www.legisocial.fr/recherche?q={search_term_string}"},"query-input":"required name=search_term_string"}},{"@type":"Organization","@id":"https://www.legisocial.fr/#organization","name":"LégiSocial","url":"https://www.legisocial.fr/","logo":"https://www.legisocial.fr/images/logos/legisocial.svg","description":"Actualités sociales, jurisprudence commentée, chiffres et taux, fiches pratiques et modèles : les dernières publications de LégiSocial.","knowsAbout":["Droit du travail","Conventions collectives nationales","Paie et gestion sociale","Jurisprudence sociale","Ressources humaines","Protection sociale et cotisations"]}]}
5413</script>
5413
5414
5415                        
5415<script data-navigate-once="true">window.livewireScriptConfig = {"csrf":"vLWNv4i31zrRynFfz8XlqHiqYEPgaxTcEZ91J5lc","uri":"https:\/\/www.legisocial.fr\/livewire-24a13470\/update","moduleUrl":"https:\/\/www.legisocial.fr\/livewire-24a13470\/","progressBar":"","nonce":""};</script>
5415
5416        
5417        
5418            
5418<script src="https://www.legisocial.fr/flux/flux.min.js?id=ac0f2f1e" data-navigate-once></script>
5418
5419        
5419<script type="didomi/javascript" data-vendor="c:matomo-wxPXNAmf">
5420    var _paq = window._paq = window._paq || [];
5421    _paq.push(['trackPageView']);
5422    _paq.push(['enableLinkTracking']);
5423    (function() {
5424        var u="//analytics.netlegis.fr/";
5425        _paq.push(['setTrackerUrl', u+'matomo.php']);
5426        _paq.push(['setSiteId', '1']);
5427        var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
5428        g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
5429    })();
5430</script>
5430
5431
5432<script type="didomi/javascript" data-vendor="c:clarity-qW6RkLUg">
5433    (function(c,l,a,r,i,t,y){
5434        c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
5435        t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i;
5436        y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
5437    })(window, document, "clarity", "script", "nulyc3nglu");
5438</script>
5438
5439
5440<script type="didomi/javascript" data-vendor="c:frill-kfmPHANE">
5441if (document.querySelector('.js-alert-pop') !== null) {
5442	window.Frill_Config = window.Frill_Config || [];
5443	window.Frill_Config.push({ key: '43e47df9-1bd4-46dd-b932-e7a2d7d174f5' });
5444}
5445</script>
vendor: 1 bytes, line 5445
5445
5446<script async src="https://widget.frill.co/v2/widget.js" type="didomi/javascript" data-vendor="c:frill-kfmPHANE"></script>
5446
5447
5448
5449
5450<script type="text/javascript">
5451window.didomiConfig = {
5452	app: {
5453		name: 'LégiSocial du groupe NetLEGIS',
5454		logoUrl: 'https://www.legisocial.fr/images/logos/legisocial.svg',
5455		privacyPolicyURL: 'https://www.legisocial.fr/charte-vie-privee/'
5456	},
5457	cookies: {
5458		group: {
5459			enabled: true,
5460			customDomain: 'privacy.netlegis.fr'
5461		}
5462	},
5463	integrations: {
5464		refreshOnConsent: true
5465	},
5466    theme: {
5467        color: "#012B44"
5468    },
5469    languages: {
5470        enabled: ['en', 'fr'],
5471        default: 'fr'
5472    },
5473};
5474</script>
vendor: 1 bytes, line 5474
5474
5475<script type="text/javascript">(function(){function r(e){if(!window.frames[e]){if(document.body&&document.body.firstChild){var t=document.body;var n=document.createElement("iframe");n.style.display="none";n.name=e;n.title=e;t.insertBefore(n,t.firstChild)}else{setTimeout(function(){r(e)},5)}}}function e(n,a,o,c,d){function e(e,t,n,r){if(typeof n!=="function"){return}if(!window[a]){window[a]=[]}var i=false;if(d){i=d(e,r,n)}if(!i){window[a].push({command:e,version:t,callback:n,parameter:r})}}e.stub=true;e.stubVersion=2;function t(r){if(!window[n]||window[n].stub!==true){return}if(!r.data){return}var i=typeof r.data==="string";var e;try{e=i?JSON.parse(r.data):r.data}catch(t){return}if(e[o]){var a=e[o];window[n](a.command,a.version,function(e,t){var n={};n[c]={returnValue:e,success:t,callId:a.callId};if(r.source){r.source.postMessage(i?JSON.stringify(n):n,"*")}},a.parameter)}}if(typeof window[n]!=="function"){window[n]=e;if(window.addEventListener){window.addEventListener("message",t,false)}else{window.attachEvent("onmessage",t)}}}e("__tcfapi","__tcfapiBuffer","__tcfapiCall","__tcfapiReturn");r("__tcfapiLocator");(function(e,t){var n=document.createElement("link");n.rel="preconnect";n.as="script";var r=document.createElement("link");r.rel="dns-prefetch";r.as="script";var i=document.createElement("script");i.id="spcloader";i.type="text/javascript";i["async"]=true;i.charset="utf-8";var a="https://sdk.privacy-center.org/"+e+"/loader.js?target_type=notice&target="+t;if(window.didomiConfig&&window.didomiConfig.user){var o=window.didomiConfig.user;var c=o.country;var d=o.region;if(c){a=a+"&country="+c;if(d){a=a+"&region="+d}}}n.href="https://sdk.privacy-center.org/";r.href="https://sdk.privacy-center.org/";i.src=a;var s=document.getElementsByTagName("script")[0];s.parentNode.insertBefore(n,s);s.parentNode.insertBefore(r,s);s.parentNode.insertBefore(i,s)})("0bbb4542-db78-4093-a63b-adcf302169f8","XpZ7kjkH")})();</script>
5475
5476
5477                	</body>
5478</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.