<!DOCTYPE html>
<html
    lang="fr"
    class="scroll-smooth"
    style="scroll-padding-top: var(--scroll-after-banner)"
>
    <head>
        <link rel="icon" href="https://shs.cairn.info/build/assets/favicon-32x32-BOca0Dg1.png">
        
                    <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Sciences Humaines et Sociales | Cairn.info</title>
<meta name="csrf-token" content="s4hRlm4BVh7fbVoKmfPPYDB0KjM8VgtObmAW8cYV">
                
        <!-- OPENGRAPH metadata starts here -->
        <meta property="og:url" content="https://shs.cairn.info">
<meta property="og:locale" content="fr_FR">
<meta property="og:site_name" content="SHS Cairn.info">
<meta property="fb:app_id" content="351493225269499">
<meta property="og:title" content="Cairn.info">
<meta property="og:content" content="website">
<meta property="og:image" content="https://shs.cairn.info/logo/colors/pyramid/cairn.png">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="650">
<meta property="og:description" content="Plateforme de référence pour les publications de sciences humaines et sociales">
        <!-- OPENGRAPH metadata end here -->

        <!-- TWITTER CARDS metadata starts here   -->
        <meta property="twitter:card" content="summary">
<meta property="twitter:site" content="@Cairninfo">
<meta property="twitter:title" content="Cairn.info">
<meta property="twitter:description" content="Plateforme de référence pour les publications de sciences humaines et sociales">
<meta property="twitter:image" content="https://shs.cairn.info/logo/colors/pyramid/cairn.png">
        <!-- TWITTER CARDS metadata ends here  -->

        <!-- GS metadata starts here -->
        
        <!-- GS metadata end here -->

        
        
        <meta name="tdm-reservation" content="0">
        
        
        <!-- Livewire Styles --><style >[wire\:loading][wire\:loading], [wire\:loading\.delay][wire\:loading\.delay], [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;}</style>

        
        <link rel="preload" as="style" href="https://shs.cairn.info/build/assets/app-CnvmjMxr.css" /><link rel="modulepreload" href="https://shs.cairn.info/build/assets/app-DZ3fKqSK.js" /><link rel="stylesheet" href="https://shs.cairn.info/build/assets/app-CnvmjMxr.css" data-navigate-track="reload" /><script type="module" src="https://shs.cairn.info/build/assets/app-DZ3fKqSK.js" data-navigate-track="reload"></script>

        

                    <!-- tiers.datadome -->

<script>
  window.ddjskey = '9E3A8A2A4B1B6523B8B3953E2C0374';
  window.ddoptions = {
    ajaxListenerPath : true,
  };
</script>
<script src="https://js.datadome.co/tags.js" async></script>
<!-- /tiers.datadome -->
        
        
        
    </head>
    <body class="bg-wild-sand-50 text-shark-950" data-ui="fr" data-domain="shs">

        
        <ul
    id="evitement"
    class="sr-only focus-within:not-sr-only fixed top-0 left-0 z-50 flex flex-col gap-2 bg-cairn-dark p-3 text-white shadow-lg"
>
                    <li>
            <a
                href="#contenu"
                class="focus:outline-none focus:ring-2 focus:ring-cairn-blue hover:underline"
            >
                Aller au contenu            </a>
        </li>
                    <li>
            <a
                href="#menu"
                class="focus:outline-none focus:ring-2 focus:ring-cairn-blue hover:underline"
            >
                Aller au menu            </a>
        </li>
                    <li>
            <a
                href="#recherche"
                class="focus:outline-none focus:ring-2 focus:ring-cairn-blue hover:underline"
            >
                Aller à la recherche            </a>
        </li>
                        </ul>

        
        
                    <header class="sticky top-0 z-30" role="banner">
                                    <nav
    id="menu"
    tabindex="-1"
    aria-label="Navigation principale"
    x-data="{ showSearch: false, showMobileSearch: false }"
    @hide-header-search.window="({ detail }) => showSearch = !detail"
    class="py-4 px-4 md:px-8 bg-white shadow-halo-sm flex flex-row justify-between h-[var(--banner-height)]"
>
    <a
        class="underline text-cairn-main hover:text-cairn-dark font-medium self-center md:w-1/3" href="https://shs.cairn.info?lang=fr" wire:navigate="" title="Vers l'accueil"><img
            src="https://shs.cairn.info/build/assets/shs-fr-CNY2_Yho.svg"
            alt="Cairn.info, Sciences Humaines et Sociales"
            class="h-8 hidden md:block"
        />

        
        <picture>
            <source
                srcset="https://shs.cairn.info/build/assets/shs-jWIzV-lC.svg"
                media="(max-width: 480px)"
                type="image/svg+xml">

            <!-- Fallback pour tous les autres cas -->
            <img
                src="https://shs.cairn.info/build/assets/shs-no-baseline-ch4uGN4c.svg"
                alt="Cairn.info, Sciences Humaines et Sociales"
                class="h-8 md:hidden">
        </picture></a>
            
        <div
             x-cloak             x-show="showSearch && !showMobileSearch"
            x-transition:enter="transition-opacity ease-out duration-200"
            x-transition:enter-start="opacity-0"
            x-transition:enter-end="opacity-100"
            x-transition:leave="transition-opacity ease-in duration-200"
            x-transition:leave-start="opacity-100"
            x-transition:leave-end="opacity-0"
            class="items-center w-2/3 hidden md:flex gap-3"
        >
            <div id="recherche-banner" class="relative w-full">
                <div wire:snapshot="{&quot;data&quot;:{&quot;lang&quot;:&quot;fr&quot;,&quot;term&quot;:&quot;&quot;,&quot;placeholder&quot;:&quot;Vos mots-cl\u00e9s\u2026&quot;,&quot;class&quot;:[[],{&quot;s&quot;:&quot;arr&quot;}],&quot;lg&quot;:false,&quot;defaultFilter&quot;:null,&quot;suggestionsCategories&quot;:[[],{&quot;s&quot;:&quot;arr&quot;}],&quot;filtres&quot;:[{&quot;revue&quot;:&quot;Revues\/Collections&quot;,&quot;numero&quot;:&quot;Ouvrages\/Num\u00e9ros&quot;,&quot;auteur&quot;:&quot;Auteurs&quot;},{&quot;s&quot;:&quot;arr&quot;}]},&quot;memo&quot;:{&quot;id&quot;:&quot;fmTW4mV7zpHuwUwUo3yN&quot;,&quot;name&quot;:&quot;ui.evidensse-autocomplete.standard&quot;,&quot;path&quot;:&quot;\/&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[&quot;0-36&quot;,&quot;0-5&quot;],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;fr&quot;},&quot;checksum&quot;:&quot;bc01f696d205891b87a9d4a44f4797a14cfe573229e2c1f62ead5029da6354fe&quot;}" wire:effects="{&quot;scripts&quot;:{&quot;0-36&quot;:&quot;&lt;script&gt;\nAlpine.data(&#039;UI_Carousel_Thematiques&#039;, () =&gt; {\n    &#039;use strict&#039;;\n    return {\n        isOverflow: false,\n        showAllThematiques: false,\n        checkOverflow() {\n            const thematiques = this.$refs.thematiques;\n            if (!thematiques) return;\n            this.isOverflow = thematiques.scrollWidth &gt; thematiques.clientWidth;\n        },\n        init() {\n            this.checkOverflow();\n            window.addEventListener(&#039;resize&#039;, () =&gt; this.checkOverflow());\n        },\n    };\n});\n&lt;\/script&gt;\n    &quot;,&quot;0-5&quot;:&quot;&lt;script&gt;\n Alpine.data(&#039;UI_EvidensseAutoComplete&#039;, () =&gt; ({\n    hasInput: false,\n    filterSuggestions: null,\n    suggestions: {},\n    closeSuggestions() {\n        this.hasInput = false;\n        \/\/ Remettre le focus sur l&#039;input de recherche pour une meilleure UX\n        this.$refs.searchTerm?.blur();\n    },\n\n    handleFocusOut(event) {\n        \/\/ V\u00e9rifier si le focus se d\u00e9place vers un \u00e9l\u00e9ment \u00e0 l&#039;int\u00e9rieur du composant\n        if (!this.$el.contains(event.relatedTarget)) {\n            this.hasInput = false;\n        }\n    }\n}));\n&lt;\/script&gt;\n    &quot;}}" wire:id="fmTW4mV7zpHuwUwUo3yN" x-data="UI_EvidensseAutoComplete"
     @click.outside="closeSuggestions"
     @keydown.escape.window="closeSuggestions"
     @focusout="handleFocusOut($event)">
    <div
        class="border border-dove-gray-500 bg-white rounded-20px text-neutral-500 h-10 flex hover:bg-concrete-100 transition-colors"
        :class="{
            '!border-b-transparent': hasInput,
            '!rounded-b-none': hasInput,
            'hover:bg-concrete-100': !hasInput,
        }"
    >
        <form
            role="search"
            aria-label="Rechercher sur Cairn.info"
            class="flex ps-3 mx-1 grow h-full self-auto items-center"
            wire:submit="searchTerm"
        >
            <label for="search-keywords" class="sr-only">
                Rechercher dans la bibliothèque numérique            </label>
            <input
                type="text"
                id="search-keywords"
                x-ref="searchTerm"
                placeholder="Vos mots-clés"
                autocomplete="off"
                @keydown.escape="closeSuggestions"
                @focus="$event.preventDefault()"
                class="focus:outline-none bg-inherit w-full h-full text-shark-950 leading-6 font-bold font-serif text-lg placeholder:text-dove-gray-500 placeholder:font-sans placeholder:font-medium placeholder:text-base"
                :class="{
                    'font-bold font-serif text-lg': hasInput,
                }"
                wire:model.live.debounce.250ms="term"
                @input="hasInput = ($refs.searchTerm.value.trim()).length > 0"
                            >
            <div class="!self-center !m-0 !p-0">
                <button
                    @click="search"
                    aria-label="Lancer la recherche"
                    :disabled="!hasInput"
                    class="!rounded-full !bg-cairn-main !me-1 !flex !items-center !justify-center !flex-shrink-0 !m-0 !p-0 !h-7 !w-7 disabled:opacity-50 disabled:cursor-not-allowed">
                    <svg aria-hidden="true" class="bfa bfa-regular inline !text-white !m-0 !p-0 !h-3.5" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M368 208A160 160 0 1 0 48 208a160 160 0 1 0 320 0zM337.1 371.1C301.7 399.2 256.8 416 208 416C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208c0 48.8-16.8 93.7-44.9 129.1L505 471c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0L337.1 371.1z"/></svg>                </button>
            </div>
        </form>
    </div>
    <div class="relative">
        <div class="absolute z-10 border border-t-0 border-dove-gray-500 rounded-b-20px w-full bg-white px-3 pt-0 pb-3 hidden shadow-md"
        :class="{'!block': hasInput}"
        @keydown.escape="closeSuggestions"
        wire:loading.remove
        >
            <div class="border-t border-zinc-300 pt-4">
                
                <div x-show="!$wire.term">
                    
                    <div class="flex flex-row gap-x-1.5 items-start hidden">
                        <span>
                            <svg aria-hidden="true" class="bfa bfa-regular inline text-cutty-sark-700 h-[13px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M48 106.7L48 56c0-13.3-10.7-24-24-24S0 42.7 0 56L0 168c0 13.3 10.7 24 24 24l112 0c13.3 0 24-10.7 24-24s-10.7-24-24-24l-55.3 0c37-57.8 101.7-96 175.3-96c114.9 0 208 93.1 208 208s-93.1 208-208 208c-42.5 0-81.9-12.7-114.7-34.5c-11-7.3-25.9-4.3-33.3 6.7s-4.3 25.9 6.7 33.3C155.2 496.4 203.8 512 256 512c141.4 0 256-114.6 256-256S397.4 0 256 0C170.3 0 94.4 42.1 48 106.7zM256 128c-13.3 0-24 10.7-24 24l0 104c0 6.4 2.5 12.5 7 17l72 72c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9l-65-65 0-94.1c0-13.3-10.7-24-24-24z"/></svg>                        </span>
                        <div class="grow">
                            <p class="font-sans font-bold">Recherches récentes</p>
                            <ul>
                                                                    <li class="mt-2">
                                        <a
        class="underline text-cairn-main hover:text-cairn-dark font-medium font-bold no-underline" href="#">natus dolorum</a>                                    </li>
                                                                    <li class="mt-2">
                                        <a
        class="underline text-cairn-main hover:text-cairn-dark font-medium font-bold no-underline" href="#">voluptas iusto</a>                                    </li>
                                                                    <li class="mt-2">
                                        <a
        class="underline text-cairn-main hover:text-cairn-dark font-medium font-bold no-underline" href="#">natus dolorem</a>                                    </li>
                                                                    <li class="mt-2">
                                        <a
        class="underline text-cairn-main hover:text-cairn-dark font-medium font-bold no-underline" href="#">et iusto</a>                                    </li>
                                                                    <li class="mt-2">
                                        <a
        class="underline text-cairn-main hover:text-cairn-dark font-medium font-bold no-underline" href="#">blanditiis sit</a>                                    </li>
                                                            </ul>
                        </div>
                        <button class="text-cairn-main font-bold font-sans text-sm">
                            Effacer                        </button>
                    </div>
                    
                    <div class="flex flex-row gap-x-1.5 items-start pt-8 hidden">
                        <span>
                            <svg aria-hidden="true" class="bfa bfa-regular inline text-cutty-sark-700 h-[13px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M297.2 248.9C311.6 228.3 320 203.2 320 176c0-70.7-57.3-128-128-128S64 105.3 64 176c0 27.2 8.4 52.3 22.8 72.9c3.7 5.3 8.1 11.3 12.8 17.7c0 0 0 0 0 0c12.9 17.7 28.3 38.9 39.8 59.8c10.4 19 15.7 38.8 18.3 57.5L109 384c-2.2-12-5.9-23.7-11.8-34.5c-9.9-18-22.2-34.9-34.5-51.8c0 0 0 0 0 0s0 0 0 0c-5.2-7.1-10.4-14.2-15.4-21.4C27.6 247.9 16 213.3 16 176C16 78.8 94.8 0 192 0s176 78.8 176 176c0 37.3-11.6 71.9-31.4 100.3c-5 7.2-10.2 14.3-15.4 21.4c0 0 0 0 0 0s0 0 0 0c-12.3 16.8-24.6 33.7-34.5 51.8c-5.9 10.8-9.6 22.5-11.8 34.5l-48.6 0c2.6-18.7 7.9-38.6 18.3-57.5c11.5-20.9 26.9-42.1 39.8-59.8c0 0 0 0 0 0s0 0 0 0s0 0 0 0c4.7-6.4 9-12.4 12.7-17.7zM192 128c-26.5 0-48 21.5-48 48c0 8.8-7.2 16-16 16s-16-7.2-16-16c0-44.2 35.8-80 80-80c8.8 0 16 7.2 16 16s-7.2 16-16 16zm0 384c-44.2 0-80-35.8-80-80l0-16 160 0 0 16c0 44.2-35.8 80-80 80z"/></svg>                        </span>
                        <div class="grow w-4/5">
                            <p class="font-sans font-bold">
                                Des idées pour vous                            </p>
                                                        <div class="relative mt-2.5" x-data="UI_Carousel_Thematiques" @click.outside="showAllThematiques = false">

    
    <div class="relative overflow-x-auto no-scrollbar" x-ref="thematiques">
        <div
            class="flex flex-row flex-nowrap items-stretch relative gap-x-1"
        >
                            <a
        class="underline text-cairn-main hover:text-cairn-dark font-medium bg-cairn-ultra-light hover:bg-cairn-main text-cairn-dark hover:text-white rounded-2xl font-sans font-bold text-sm py-1 px-2.5 inline-block !no-underline shrink-0 !font-bold" href="https://shs.cairn.info/thematique/20005?lang=fr" @click.prevent="Livewire.navigate(&#039;https://shs.cairn.info/thematique/20005?lang=fr&#039;)" prefetch="release">provident</a>                            <a
        class="underline text-cairn-main hover:text-cairn-dark font-medium bg-cairn-ultra-light hover:bg-cairn-main text-cairn-dark hover:text-white rounded-2xl font-sans font-bold text-sm py-1 px-2.5 inline-block !no-underline shrink-0 !font-bold" href="https://shs.cairn.info/thematique/79119?lang=fr" @click.prevent="Livewire.navigate(&#039;https://shs.cairn.info/thematique/79119?lang=fr&#039;)" prefetch="release">sunt</a>                            <a
        class="underline text-cairn-main hover:text-cairn-dark font-medium bg-cairn-ultra-light hover:bg-cairn-main text-cairn-dark hover:text-white rounded-2xl font-sans font-bold text-sm py-1 px-2.5 inline-block !no-underline shrink-0 !font-bold" href="https://shs.cairn.info/thematique/66802?lang=fr" @click.prevent="Livewire.navigate(&#039;https://shs.cairn.info/thematique/66802?lang=fr&#039;)" prefetch="release">fugit</a>                            <a
        class="underline text-cairn-main hover:text-cairn-dark font-medium bg-cairn-ultra-light hover:bg-cairn-main text-cairn-dark hover:text-white rounded-2xl font-sans font-bold text-sm py-1 px-2.5 inline-block !no-underline shrink-0 !font-bold" href="https://shs.cairn.info/thematique/42129?lang=fr" @click.prevent="Livewire.navigate(&#039;https://shs.cairn.info/thematique/42129?lang=fr&#039;)" prefetch="release">quam</a>                            <a
        class="underline text-cairn-main hover:text-cairn-dark font-medium bg-cairn-ultra-light hover:bg-cairn-main text-cairn-dark hover:text-white rounded-2xl font-sans font-bold text-sm py-1 px-2.5 inline-block !no-underline shrink-0 !font-bold" href="https://shs.cairn.info/thematique/46101?lang=fr" @click.prevent="Livewire.navigate(&#039;https://shs.cairn.info/thematique/46101?lang=fr&#039;)" prefetch="release">omnis</a>                            <a
        class="underline text-cairn-main hover:text-cairn-dark font-medium bg-cairn-ultra-light hover:bg-cairn-main text-cairn-dark hover:text-white rounded-2xl font-sans font-bold text-sm py-1 px-2.5 inline-block !no-underline shrink-0 !font-bold" href="https://shs.cairn.info/thematique/95280?lang=fr" @click.prevent="Livewire.navigate(&#039;https://shs.cairn.info/thematique/95280?lang=fr&#039;)" prefetch="release">quibusdam</a>                    </div>
    </div>

    
    <div>
        <div class="absolute inset-y-0 right-0 flex flex-row text-right w-[80px]">
            <span class="grow h-full"></span>
            <button 
                type="button"
                class="group"
                @click="showAllThematiques = !showAllThematiques"
                aria-label="Afficher toutes les thématiques"
                :aria-expanded="showAllThematiques.toString()"
                :tabindex="isOverflow ? 0 : -1"
            >
                <span aria-hidden="true" class="fa-stack fa-1x bg-white h-full hidden" :class="isOverflow ? '!block' : '!hidden'">
    <svg style="
                            --fa-secondary-color: white;
                            --fa-secondary-hover-color: rgb(var(--cairn-main));
                            --fa-secondary-opacity: 1.0;
                        ;" aria-hidden="true" :class="{'fac-active rotate-90': showAllThematiques}" class="bfa bfa-duotone inline fa-stack-2x text-cairn-main group-hover:text-white h-full transition-all" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><defs><style>.fa-secondary{opacity:.4}</style></defs><path class="fa-secondary" d="M512 256A256 256 0 1 1 0 256a256 256 0 1 1 512 0zM200 152c0 6.1 2.3 12.3 7 17l87 87-87 87c-4.7 4.7-7 10.8-7 17s2.3 12.3 7 17s10.8 7 17 7s12.3-2.3 17-7L345 273c4.7-4.7 7-10.8 7-17s-2.3-12.3-7-17L241 135c-4.7-4.7-10.8-7-17-7s-12.3 2.3-17 7s-7 10.8-7 17z"/><path class="fa-primary" d="M345 239c9.4 9.4 9.4 24.6 0 33.9L241 377c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l87-87-87-87c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0L345 239z"/></svg>    <svg aria-hidden="true" class="bfa bfa-light inline fa-stack-1x text-cairn-main group-hover:text-white h-full" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M256 32a224 224 0 1 1 0 448 224 224 0 1 1 0-448zm0 480A256 256 0 1 0 256 0a256 256 0 1 0 0 512z"/></svg>    
</span>
            </button>
        </div>
    </div>

    
    <template x-if="showAllThematiques">
        <div class="absolute top-[50px] left-0 right-0 bg-white text-white p-3 shadow-halo-sm rounded-md z-10">
            <ul class="flex flex-wrap justify-center gap-x-1 gap-y-2">
            
                                    <a
        class="underline text-cairn-main hover:text-cairn-dark font-medium bg-cairn-ultra-light hover:bg-cairn-main text-cairn-dark hover:text-white rounded-2xl font-sans font-bold text-sm py-1 px-2.5 inline-block !no-underline !font-bold" href="https://shs.cairn.info/thematique/20005?lang=fr" wire:navigate="">provident</a>                                    <a
        class="underline text-cairn-main hover:text-cairn-dark font-medium bg-cairn-ultra-light hover:bg-cairn-main text-cairn-dark hover:text-white rounded-2xl font-sans font-bold text-sm py-1 px-2.5 inline-block !no-underline !font-bold" href="https://shs.cairn.info/thematique/79119?lang=fr" wire:navigate="">sunt</a>                                    <a
        class="underline text-cairn-main hover:text-cairn-dark font-medium bg-cairn-ultra-light hover:bg-cairn-main text-cairn-dark hover:text-white rounded-2xl font-sans font-bold text-sm py-1 px-2.5 inline-block !no-underline !font-bold" href="https://shs.cairn.info/thematique/66802?lang=fr" wire:navigate="">fugit</a>                                    <a
        class="underline text-cairn-main hover:text-cairn-dark font-medium bg-cairn-ultra-light hover:bg-cairn-main text-cairn-dark hover:text-white rounded-2xl font-sans font-bold text-sm py-1 px-2.5 inline-block !no-underline !font-bold" href="https://shs.cairn.info/thematique/42129?lang=fr" wire:navigate="">quam</a>                                    <a
        class="underline text-cairn-main hover:text-cairn-dark font-medium bg-cairn-ultra-light hover:bg-cairn-main text-cairn-dark hover:text-white rounded-2xl font-sans font-bold text-sm py-1 px-2.5 inline-block !no-underline !font-bold" href="https://shs.cairn.info/thematique/46101?lang=fr" wire:navigate="">omnis</a>                                    <a
        class="underline text-cairn-main hover:text-cairn-dark font-medium bg-cairn-ultra-light hover:bg-cairn-main text-cairn-dark hover:text-white rounded-2xl font-sans font-bold text-sm py-1 px-2.5 inline-block !no-underline !font-bold" href="https://shs.cairn.info/thematique/95280?lang=fr" wire:navigate="">quibusdam</a>                            </ul>
        </div>
    </template>
</div>

    
                        </div>
                    </div>
                </div>
                
                <div 
                    x-show="$wire.term" 
                    x-data="{ suggestions: $wire.$entangle('suggestionsCategories'), filterSuggestions: $wire.$entangle('defaultFilter')}"
                    class="ps-4"
                >
                    <nav aria-label="Filtres de suggestions de recherche" class="mb-2">
                        <ul class="flex flex-row gap-x-4">
                                                                                                                                                                                                                                        </ul>
                    </nav>

                    <ul class="pe-2 max-h-80 overflow-y-scroll">
                        <template 
                            x-for="suggestion in ((filterSuggestions ? suggestions[filterSuggestions] : suggestions['expression']) ?? {items: []}).items"
                            :key="suggestion.text"
                        >
                            <li
                                tabindex="0"
                                class="py-2 ps-2 hover:bg-zinc-100 focus:bg-zinc-100 focus:outline-none block no-underline font-normal text-cairn-main cursor-pointer"
                                @click="$wire.redirectFromSuggestion(filterSuggestions, suggestion.text)"
                                @keydown.enter="$el.click()"
                                @keydown.escape="closeSuggestions"
                                x-html="suggestion.html"
                            >
                            </li>
                        </template>
                    </ul>
                    <p 
                        x-show="Object.keys(suggestions).length === 0" 
                        class="text-neutral-500 italic"
                        wire:loading.remove
                    >
                        Aucune suggestion trouvée                    </p>
                </div>
            </div>
        </div>
    </div>
</div>

                </div>
            <div>
                <a
        class="underline text-cairn-main hover:text-cairn-dark font-medium rounded-full bg-cairn-main h-10 w-10 flex items-center justify-center" href="https://shs.cairn.info/recherche-avancee?lang=fr" wire:navigate="" aria-label="Recherche avancée"><svg aria-hidden="true" class="bfa bfa-regular inline text-white h-4 w-4" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M256 0c17 0 33.6 1.7 49.8 4.8c7.9 1.5 21.8 6.1 29.4 20.1c2 3.7 3.6 7.6 4.6 11.8l9.3 38.5C350.5 81 360.3 86.7 366 85l38-11.2c4-1.2 8.1-1.8 12.2-1.9c16.1-.5 27 9.4 32.3 15.4c22.1 25.1 39.1 54.6 49.9 86.3c2.6 7.6 5.6 21.8-2.7 35.4c-2.2 3.6-4.9 7-8 10L459 246.3c-4.2 4-4.2 15.5 0 19.5l28.7 27.3c3.1 3 5.8 6.4 8 10c8.2 13.6 5.2 27.8 2.7 35.4c-10.8 31.7-27.8 61.1-49.9 86.3c-5.3 6-16.3 15.9-32.3 15.4c-4.1-.1-8.2-.8-12.2-1.9L366 427c-5.7-1.7-15.5 4-16.9 9.8l-9.3 38.5c-1 4.2-2.6 8.2-4.6 11.8c-7.7 14-21.6 18.5-29.4 20.1C289.6 510.3 273 512 256 512s-33.6-1.7-49.8-4.8c-7.9-1.5-21.8-6.1-29.4-20.1c-2-3.7-3.6-7.6-4.6-11.8l-9.3-38.5c-1.4-5.8-11.2-11.5-16.9-9.8l-38 11.2c-4 1.2-8.1 1.8-12.2 1.9c-16.1 .5-27-9.4-32.3-15.4c-22-25.1-39.1-54.6-49.9-86.3c-2.6-7.6-5.6-21.8 2.7-35.4c2.2-3.6 4.9-7 8-10L53 265.7c4.2-4 4.2-15.5 0-19.5L24.2 218.9c-3.1-3-5.8-6.4-8-10C8 195.3 11 181.1 13.6 173.6c10.8-31.7 27.8-61.1 49.9-86.3c5.3-6 16.3-15.9 32.3-15.4c4.1 .1 8.2 .8 12.2 1.9L146 85c5.7 1.7 15.5-4 16.9-9.8l9.3-38.5c1-4.2 2.6-8.2 4.6-11.8c7.7-14 21.6-18.5 29.4-20.1C222.4 1.7 239 0 256 0zM218.1 51.4l-8.5 35.1c-7.8 32.3-45.3 53.9-77.2 44.6L97.9 120.9c-16.5 19.3-29.5 41.7-38 65.7l26.2 24.9c24 22.8 24 66.2 0 89L59.9 325.4c8.5 24 21.5 46.4 38 65.7l34.6-10.2c31.8-9.4 69.4 12.3 77.2 44.6l8.5 35.1c24.6 4.5 51.3 4.5 75.9 0l8.5-35.1c7.8-32.3 45.3-53.9 77.2-44.6l34.6 10.2c16.5-19.3 29.5-41.7 38-65.7l-26.2-24.9c-24-22.8-24-66.2 0-89l26.2-24.9c-8.5-24-21.5-46.4-38-65.7l-34.6 10.2c-31.8 9.4-69.4-12.3-77.2-44.6l-8.5-35.1c-24.6-4.5-51.3-4.5-75.9 0zM208 256a48 48 0 1 0 96 0 48 48 0 1 0 -96 0zm48 96a96 96 0 1 1 0-192 96 96 0 1 1 0 192z"/></svg></a>            </div>
        </div>

        
       <div class="!flex !items-center !justify-end !space-x-2 md:!w-1/3">
            <button
                @click="showMobileSearch = !showMobileSearch"
                aria-label="Ouvrir la recherche"
                class="md:hidden flex items-center justify-center w-8 h-8 rounded-20px border border-cairn-main">
                <svg aria-hidden="true" class="bfa bfa-regular inline h-3.5 text-cairn-main" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M368 208A160 160 0 1 0 48 208a160 160 0 1 0 320 0zM337.1 371.1C301.7 399.2 256.8 416 208 416C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208c0 48.8-16.8 93.7-44.9 129.1L505 471c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0L337.1 371.1z"/></svg>            </button>

            
            <div
                x-data="{ showUserMenu: false }" class="!inline-block !relative !flex-shrink-0 !m-0 !p-0"
                @mousedown.outside="showUserMenu = false"
                @keydown.escape.window="showUserMenu = false"
                @display-user-menu.window="showUserMenu = true"
            >
                <button
    aria-label="Se connecter" class="border border-neutral-200 rounded-3xl p-0.5 shadow-sm text-dove-gray-500 text-lg leading-5 font-medium hover:bg-concrete-100 transition-colors" @click="showUserMenu = !showUserMenu"
    >
    <span class="hidden mx-3 align-middle lg:inline">
                            Se connecter                        </span>
                    
                    
                    
                    
                                            <svg aria-hidden="true" class="bfa bfa-solid inline !h-[31px] !align-middle !m-0 !p-0" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M399 384.2C376.9 345.8 335.4 320 288 320l-64 0c-47.4 0-88.9 25.8-111 64.2c35.2 39.2 86.2 63.8 143 63.8s107.8-24.7 143-63.8zM0 256a256 256 0 1 1 512 0A256 256 0 1 1 0 256zm256 16a72 72 0 1 0 0-144 72 72 0 1 0 0 144z"/></svg>
</button>
                <div
                    @keydown.escape="showUserMenu = false"
                    class="hidden p-5 bg-white w-[417px] z-10 rounded-20px shadow-halo absolute right-0 top-12 overflow-y-auto max-md:fixed max-md:w-[340px] max-md:max-h-[80vh] max-md:mt-5"
                    :class="{ '!block': showUserMenu }"
                >
                                            <form wire:snapshot="{&quot;data&quot;:{&quot;form&quot;:[{&quot;email&quot;:&quot;&quot;,&quot;password&quot;:&quot;&quot;,&quot;remember&quot;:false},{&quot;class&quot;:&quot;App\\Livewire\\Forms\\SigninForm&quot;,&quot;s&quot;:&quot;form&quot;}],&quot;withAccesDistant&quot;:true},&quot;memo&quot;:{&quot;id&quot;:&quot;5esqEO5oljYM9QZtKyL0&quot;,&quot;name&quot;:&quot;ui.menu.signin&quot;,&quot;path&quot;:&quot;\/&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;fr&quot;},&quot;checksum&quot;:&quot;c063f85653b8957d61fb596f23b8406a9dff5b7c747c5792b51da5f13a98e287&quot;}" wire:effects="[]" wire:id="5esqEO5oljYM9QZtKyL0" wire:submit="authenticate" novalidate>
    <div>
        <div class="flex justify-between items-baseline mb-4">
            <h2 class="font-bold text-base lg:text-lg leading-5 mb-3">
    Compte personnel
</h2>

            <p class="text-sm text-gray-500 italic" aria-label="Information sur les champs obligatoires">
                * Champs obligatoires            </p>
        </div>

        
        <div>
            <div
    class="relative"
    >
    <input
        class="block w-full font-medium text-shark-950 leading-5 outline outline-1 outline-alto-200 focus:outline-cairn-main focus:outline-2 hover:outline-2 rounded-3xl ps-4 pe-4 py-2 bg-transparent peer" id="input-6a240559edd72" placeholder="email" wire:model="form.email" type="email" aria-invalid="false" autocomplete="email"
            >

    
    
    <label
        class="px-2 font-sans text-fuscous-gray-700 cursor-text text-base leading-5 truncate transition-all absolute start-2 bg-white peer-placeholder-shown:top-1.5 peer-placeholder-shown:text-base peer-placeholder-shown:start-2 peer-focus:start-2 peer-focus:-top-2.5 peer-focus:bg-white peer-focus:text-xs -top-3 text-xs max-sm:max-w-[calc(100%-3rem)]"
        for="input-6a240559edd72"
    >Adresse email <span class="text-red-600" aria-hidden="true">*</span></label>
    </div>
        </div>
        
                    <div class="mt-3">
                <div
    class="relative"
    >
    <input
        class="block w-full font-medium text-shark-950 leading-5 outline outline-1 outline-alto-200 focus:outline-cairn-main focus:outline-2 hover:outline-2 rounded-3xl ps-4 pe-4 py-2 bg-transparent peer" id="input-6a240559ede75" placeholder="" wire:model="form.password" type="password" aria-invalid="false" autocomplete="current-password"
            >

    
    
    <label
        class="px-2 font-sans text-fuscous-gray-700 cursor-text text-base leading-5 truncate transition-all absolute start-2 bg-white peer-placeholder-shown:top-1.5 peer-placeholder-shown:text-base peer-placeholder-shown:start-2 peer-focus:start-2 peer-focus:-top-2.5 peer-focus:bg-white peer-focus:text-xs -top-3 text-xs max-sm:max-w-[calc(100%-3rem)]"
        for="input-6a240559ede75"
    >Mon mot de passe <span class="text-red-600" aria-hidden="true">*</span></label>
    </div>
            </div>
                
        <div class="flex justify-between mb-5 mt-4">
            <div class="font-sans font-medium leading-5">
    <input
        class="transition-colors cursor-pointer border-2 rounded-sm appearance-none h-4 w-4 border-cairn-main align-middle relative checked:bg-cairn-main checked:text-white checked:before:font-bold checked:before:font-sans checked:before:block checked:before:absolute checked:before:top-[-3px] checked:before:content-['✓']"
        id="input-87e0e301-9b9c-47ab-98f5-f55ef9f41fd2" type="checkbox" wire:model="form.remember" aria-invalid="false"><label class="ms-2.5 align-middle cursor-pointer select-none" for="input-87e0e301-9b9c-47ab-98f5-f55ef9f41fd2">Rester connecté(e)</label>
     </div>
            <div>
                <a
        class="underline text-cairn-main hover:text-cairn-dark font-medium !text-mine-shaft-950" href="https://shs.cairn.info/user/password/reset?lang=fr" wire:navigate="" aria-describedby="password-help">Mot de passe oublié ?</a>                <span id="password-help" class="sr-only">
                    Vous serez redirigé vers une page pour réinitialiser votre mot de passe                </span>
            </div>
        </div>
        <div class="mb-5">
            <button
    class="block rounded-full p-3 bg-cairn-main hover:bg-cairn-dark text-white font-sans font-bold leading-5 transition-colors disabled:opacity-50 disabled:cursor-not-allowed w-full" type="submit"
>Se connecter</button>
        </div>
        
        <div>
            <p class="text-boulder-500 font-medium leading-5 mb-1">
                Pas encore de compte ?            </p>
            <p>
                <a
        class="underline text-cairn-main hover:text-cairn-dark font-medium leading-5" href="https://shs.cairn.info/auth/signup?lang=fr" wire:click.prevent="signup('https:\/\/shs.cairn.info')" aria-describedby="signup-help">Créer un compte</a>                <span id="signup-help" class="sr-only">
                    Vous serez redirigé vers le formulaire d&#039;inscription pour créer un nouveau compte                </span>
            </p>
        </div>
    </div>
    
            <div class="mt-3 pt-3 border-t border-silver-400">
                            <h2 class="font-bold text-base lg:text-lg leading-5">
    Accès institutions
</h2>
                <p class="font-medium leading-5 text-mine-shaft-950">
                    Non connecté(e)                </p>
                <a href="#" class="underline text-cairn-main hover:text-cairn-dark font-medium leading-5"
                    @click="$dispatch('openAccesDistant')"
                >
                    Authentifiez-vous                </a>
                    </div>
    </form>
                                    </div>
            </div>

            
            <div
                class="hidden sm:inline-block relative flex-shrink-0"
                x-data="{ showSiteMenu: false }"
                @click.outside="showSiteMenu = false"
            >
                <button
                    @click="showSiteMenu = !showSiteMenu"
                    @keydown.escape="showSiteMenu = false"
                    aria-label="Ouvrir le menu contextuel"
                    :aria-expanded="showSiteMenu"
                    aria-haspopup="true"
                >
                    <span aria-hidden="true" class="fa-stack fa-1x text-cairn-main" :class="{
                            'text-shark-950': showSiteMenu,
                            'hover:text-cairn-dark': !showSiteMenu,
                        }" focusable="false">
    <svg aria-hidden="true" class="bfa bfa-solid inline fa-stack-2x h-[35px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512z"/></svg>    <svg aria-hidden="true" class="bfa bfa-solid inline fa-stack-1x text-white w-[17px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M0 72C0 49.9 17.9 32 40 32l48 0c22.1 0 40 17.9 40 40l0 48c0 22.1-17.9 40-40 40l-48 0c-22.1 0-40-17.9-40-40L0 72zM0 232c0-22.1 17.9-40 40-40l48 0c22.1 0 40 17.9 40 40l0 48c0 22.1-17.9 40-40 40l-48 0c-22.1 0-40-17.9-40-40l0-48zM128 392l0 48c0 22.1-17.9 40-40 40l-48 0c-22.1 0-40-17.9-40-40l0-48c0-22.1 17.9-40 40-40l48 0c22.1 0 40 17.9 40 40zM160 72c0-22.1 17.9-40 40-40l48 0c22.1 0 40 17.9 40 40l0 48c0 22.1-17.9 40-40 40l-48 0c-22.1 0-40-17.9-40-40l0-48zM288 232l0 48c0 22.1-17.9 40-40 40l-48 0c-22.1 0-40-17.9-40-40l0-48c0-22.1 17.9-40 40-40l48 0c22.1 0 40 17.9 40 40zM160 392c0-22.1 17.9-40 40-40l48 0c22.1 0 40 17.9 40 40l0 48c0 22.1-17.9 40-40 40l-48 0c-22.1 0-40-17.9-40-40l0-48zM448 72l0 48c0 22.1-17.9 40-40 40l-48 0c-22.1 0-40-17.9-40-40l0-48c0-22.1 17.9-40 40-40l48 0c22.1 0 40 17.9 40 40zM320 232c0-22.1 17.9-40 40-40l48 0c22.1 0 40 17.9 40 40l0 48c0 22.1-17.9 40-40 40l-48 0c-22.1 0-40-17.9-40-40l0-48zM448 392l0 48c0 22.1-17.9 40-40 40l-48 0c-22.1 0-40-17.9-40-40l0-48c0-22.1 17.9-40 40-40l48 0c22.1 0 40 17.9 40 40z"/></svg>    
</span>
                </button>
                <nav
                    role="navigation"
                    aria-label="Menu du site"
                    @focusout="if (!$el.contains($event.relatedTarget)) showSiteMenu = false"
                    @keydown.escape="showSiteMenu = false"
                    class="hidden bg-white p-5 w-[343px] z-10 rounded-20px shadow-halo absolute right-0 top-12 max-md:fixed max-md:w-[340px] max-md:mt-5"
                    :class="{ '!block': showSiteMenu }"
                >
                                            <div>
    
    <nav aria-label="Navigation par domaines" >
    
            <a
        class="underline text-cairn-main hover:text-cairn-dark font-medium flex items-center no-underline p-3 rounded-xl hover:bg-concrete-50 !bg-concrete-50 bg-white text-cutty-sark-500" href="https://shs.cairn.info?lang=fr" wire:navigate=""><svg xmlns="http://www.w3.org/2000/svg" style="fill: currentColor;" viewBox="0 0 20 12.92" class="h-[27px]">
    <defs>
        <!-- <style>.cls-1{fill:currentColor;}</style> -->
    </defs>
    <g id="Calque_1-2">
        <g>
            <polygon class="cls-1" points="13.5 3.59 10.66 6.46 13.5 9.33 16.34 6.46 13.5 3.59"/>
            <polygon class="cls-1" points="7.12 10.01 9.95 12.88 12.79 10.01 9.95 7.13 7.12 10.01"/>
            <polygon class="cls-1" points="12.79 2.87 9.95 0 7.11 2.87 9.95 5.74 12.79 2.87"/>
            <polygon class="cls-1" points="6.4 3.59 3.56 6.46 6.4 9.33 9.24 6.46 6.4 3.59"/>
            <polygon class="cls-1" points="0 10.03 2.84 12.9 5.67 10.03 2.84 7.16 0 10.03"/>
            <rect class="cls-1" height="4.06" transform="translate(-2.09 15.05) rotate(-45)" width="4.06" x="15.1" y="8.02"/>
        </g>
    </g>
</svg>
            <p class="font-medium leading-5 ms-3.5">
                Sciences Humaines et Sociales            </p></a>            <a
        class="underline text-cairn-main hover:text-cairn-dark font-medium flex items-center no-underline p-3 rounded-xl hover:bg-concrete-50 bg-white text-purple-heart-800" href="https://stm.cairn.info?lang=fr"><svg xmlns="http://www.w3.org/2000/svg" style="fill: currentColor;" viewBox="0 0 20 12.92" class="h-[27px]">
    <defs>
        <!-- <style>.cls-1{fill:currentColor;}</style> -->
    </defs>
    <g id="Calque_1-2">
        <g>
            <polygon class="cls-1" points="13.5 3.59 10.66 6.46 13.5 9.33 16.34 6.46 13.5 3.59"/>
            <polygon class="cls-1" points="7.12 10.01 9.95 12.88 12.79 10.01 9.95 7.13 7.12 10.01"/>
            <polygon class="cls-1" points="12.79 2.87 9.95 0 7.11 2.87 9.95 5.74 12.79 2.87"/>
            <polygon class="cls-1" points="6.4 3.59 3.56 6.46 6.4 9.33 9.24 6.46 6.4 3.59"/>
            <polygon class="cls-1" points="0 10.03 2.84 12.9 5.67 10.03 2.84 7.16 0 10.03"/>
            <rect class="cls-1" height="4.06" transform="translate(-2.09 15.05) rotate(-45)" width="4.06" x="15.1" y="8.02"/>
        </g>
    </g>
</svg>
            <p class="font-medium leading-5 ms-3.5">
                Sciences, Techniques et Médecine            </p></a>            <a
        class="underline text-cairn-main hover:text-cairn-dark font-medium flex items-center no-underline p-3 rounded-xl hover:bg-concrete-50 bg-white text-maroon-900" href="https://droit.cairn.info?lang=fr"><svg xmlns="http://www.w3.org/2000/svg" style="fill: currentColor;" viewBox="0 0 20 12.92" class="h-[27px]">
    <defs>
        <!-- <style>.cls-1{fill:currentColor;}</style> -->
    </defs>
    <g id="Calque_1-2">
        <g>
            <polygon class="cls-1" points="13.5 3.59 10.66 6.46 13.5 9.33 16.34 6.46 13.5 3.59"/>
            <polygon class="cls-1" points="7.12 10.01 9.95 12.88 12.79 10.01 9.95 7.13 7.12 10.01"/>
            <polygon class="cls-1" points="12.79 2.87 9.95 0 7.11 2.87 9.95 5.74 12.79 2.87"/>
            <polygon class="cls-1" points="6.4 3.59 3.56 6.46 6.4 9.33 9.24 6.46 6.4 3.59"/>
            <polygon class="cls-1" points="0 10.03 2.84 12.9 5.67 10.03 2.84 7.16 0 10.03"/>
            <rect class="cls-1" height="4.06" transform="translate(-2.09 15.05) rotate(-45)" width="4.06" x="15.1" y="8.02"/>
        </g>
    </g>
</svg>
            <p class="font-medium leading-5 ms-3.5">
                Droit et Administration            </p></a>    </nav>
    
    <div class="flex items-center border-y border-y-alto-200 py-4 mt-1 mb-5 text-shark-950 ms-2.5">
        <div class="ms-2.5 me-6">
            <svg aria-hidden="true" class="bfa bfa-light inline h-[23px] align-top" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M256 480c16.7 0 40.4-14.4 61.9-57.3c9.9-19.8 18.2-43.7 24.1-70.7l-172 0c5.9 27 14.2 50.9 24.1 70.7C215.6 465.6 239.3 480 256 480zM164.3 320l183.4 0c2.8-20.2 4.3-41.7 4.3-64s-1.5-43.8-4.3-64l-183.4 0c-2.8 20.2-4.3 41.7-4.3 64s1.5 43.8 4.3 64zM170 160l172 0c-5.9-27-14.2-50.9-24.1-70.7C296.4 46.4 272.7 32 256 32s-40.4 14.4-61.9 57.3C184.2 109.1 175.9 133 170 160zm210 32c2.6 20.5 4 41.9 4 64s-1.4 43.5-4 64l90.8 0c6-20.3 9.3-41.8 9.3-64s-3.2-43.7-9.3-64L380 192zm78.5-32c-25.9-54.5-73.1-96.9-130.9-116.3c21 28.3 37.6 68.8 47.2 116.3l83.8 0zm-321.1 0c9.6-47.6 26.2-88 47.2-116.3C126.7 63.1 79.4 105.5 53.6 160l83.7 0zm-96 32c-6 20.3-9.3 41.8-9.3 64s3.2 43.7 9.3 64l90.8 0c-2.6-20.5-4-41.9-4-64s1.4-43.5 4-64l-90.8 0zM327.5 468.3c57.8-19.5 105-61.8 130.9-116.3l-83.8 0c-9.6 47.6-26.2 88-47.2 116.3zm-143 0c-21-28.3-37.5-68.8-47.2-116.3l-83.7 0c25.9 54.5 73.1 96.9 130.9 116.3zM256 512A256 256 0 1 1 256 0a256 256 0 1 1 0 512z"/></svg>        </div>

        <div class="flex items-center font-medium w-full">
                            <div class="basis-1/3">
                    <a
        class="" href="https://shs.cairn.info?lang=fr" wire:navigate=""><label>
                            <input
                                type="radio"
                                name="ui-lang"
                                value="fr"
                                class="cursor-pointer"
                                id="radio-language-fr-6a240559eeca2"
                                checked
                            >
                            <span class="ms-1 cursor-pointer" lang="fr">
                                Français                            </span>
                        </label></a>                </div>
                            <div class="basis-1/3">
                    <a
        class="" href="https://shs.cairn.info?lang=en" wire:navigate=""><label>
                            <input
                                type="radio"
                                name="ui-lang"
                                value="en"
                                class="cursor-pointer"
                                id="radio-language-en-6a240559eeca4"
                                
                            >
                            <span class="ms-1 cursor-pointer" lang="en">
                                English                            </span>
                        </label></a>                </div>
                            <div class="basis-1/3">
                    <a
        class="" href="https://shs.cairn.info?lang=es" wire:navigate=""><label>
                            <input
                                type="radio"
                                name="ui-lang"
                                value="es"
                                class="cursor-pointer"
                                id="radio-language-es-6a240559eeca6"
                                
                            >
                            <span class="ms-1 cursor-pointer" lang="es">
                                Español                            </span>
                        </label></a>                </div>
                    </div>
    </div>
    
    <div class="ms-5">
        <ul class="flex flex-col gap-5">
            <li><a href="https://apropos.cairn.info/fr" class="no-underline hover:underline leading-5 text-cairn-main hover:text-cairn-dark font-medium">
                À propos de cairn.info            </a></li>
            <li><a href="https://shs.cairn.info/contact?lang=fr" class="no-underline hover:underline leading-5 text-cairn-main hover:text-cairn-dark font-medium">
                Contact            </a></li>
            <li><a href="https://aide.cairn.info/" class="no-underline hover:underline leading-5 text-cairn-main hover:text-cairn-dark font-medium">
                Aide            </a></li>
        </ul>
    </div>
</div>
                                    </nav>
            </div>
        </div>

        
        <div
            x-show="showMobileSearch"
            x-transition:enter="transition ease-out duration-200"
            x-transition:enter-start="opacity-0 scale-95"
            x-transition:enter-end="opacity-100 scale-100"
            x-transition:leave="transition ease-in duration-100"
            x-transition:leave-start="opacity-100 scale-100"
            x-transition:leave-end="opacity-0 scale-95"
            x-trap="showMobileSearch"
            class="absolute top-0 left-0 w-full bg-white p-4 shadow-lg z-20 md:hidden"
        >
            <div class="flex items-start">
                <div id="recherche-banner-mobile" class="w-full">
                    <div wire:snapshot="{&quot;data&quot;:{&quot;lang&quot;:&quot;fr&quot;,&quot;term&quot;:&quot;&quot;,&quot;placeholder&quot;:&quot;Vos mots-cl\u00e9s\u2026&quot;,&quot;class&quot;:[[],{&quot;s&quot;:&quot;arr&quot;}],&quot;lg&quot;:false,&quot;defaultFilter&quot;:null,&quot;suggestionsCategories&quot;:[[],{&quot;s&quot;:&quot;arr&quot;}],&quot;filtres&quot;:[{&quot;revue&quot;:&quot;Revues\/Collections&quot;,&quot;numero&quot;:&quot;Ouvrages\/Num\u00e9ros&quot;,&quot;auteur&quot;:&quot;Auteurs&quot;},{&quot;s&quot;:&quot;arr&quot;}]},&quot;memo&quot;:{&quot;id&quot;:&quot;yJmP5XHbFaJNR0x919sP&quot;,&quot;name&quot;:&quot;ui.evidensse-autocomplete.standard&quot;,&quot;path&quot;:&quot;\/&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[&quot;0-36&quot;,&quot;0-5&quot;],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;fr&quot;},&quot;checksum&quot;:&quot;3eb0b3a9c180b347c52e98ff01a6515dc39494007a6e162096fb435ec0fba8fa&quot;}" wire:effects="{&quot;scripts&quot;:{&quot;0-36&quot;:&quot;&lt;script&gt;\nAlpine.data(&#039;UI_Carousel_Thematiques&#039;, () =&gt; {\n    &#039;use strict&#039;;\n    return {\n        isOverflow: false,\n        showAllThematiques: false,\n        checkOverflow() {\n            const thematiques = this.$refs.thematiques;\n            if (!thematiques) return;\n            this.isOverflow = thematiques.scrollWidth &gt; thematiques.clientWidth;\n        },\n        init() {\n            this.checkOverflow();\n            window.addEventListener(&#039;resize&#039;, () =&gt; this.checkOverflow());\n        },\n    };\n});\n&lt;\/script&gt;\n    &quot;,&quot;0-5&quot;:&quot;&lt;script&gt;\n Alpine.data(&#039;UI_EvidensseAutoComplete&#039;, () =&gt; ({\n    hasInput: false,\n    filterSuggestions: null,\n    suggestions: {},\n    closeSuggestions() {\n        this.hasInput = false;\n        \/\/ Remettre le focus sur l&#039;input de recherche pour une meilleure UX\n        this.$refs.searchTerm?.blur();\n    },\n\n    handleFocusOut(event) {\n        \/\/ V\u00e9rifier si le focus se d\u00e9place vers un \u00e9l\u00e9ment \u00e0 l&#039;int\u00e9rieur du composant\n        if (!this.$el.contains(event.relatedTarget)) {\n            this.hasInput = false;\n        }\n    }\n}));\n&lt;\/script&gt;\n    &quot;}}" wire:id="yJmP5XHbFaJNR0x919sP" x-data="UI_EvidensseAutoComplete"
     @click.outside="closeSuggestions"
     @keydown.escape.window="closeSuggestions"
     @focusout="handleFocusOut($event)">
    <div
        class="border border-dove-gray-500 bg-white rounded-20px text-neutral-500 h-10 flex hover:bg-concrete-100 transition-colors"
        :class="{
            '!border-b-transparent': hasInput,
            '!rounded-b-none': hasInput,
            'hover:bg-concrete-100': !hasInput,
        }"
    >
        <form
            role="search"
            aria-label="Rechercher sur Cairn.info"
            class="flex ps-3 mx-1 grow h-full self-auto items-center"
            wire:submit="searchTerm"
        >
            <label for="search-keywords" class="sr-only">
                Rechercher dans la bibliothèque numérique            </label>
            <input
                type="text"
                id="search-keywords"
                x-ref="searchTerm"
                placeholder="Vos mots-clés"
                autocomplete="off"
                @keydown.escape="closeSuggestions"
                @focus="$event.preventDefault()"
                class="focus:outline-none bg-inherit w-full h-full text-shark-950 leading-6 font-bold font-serif text-lg placeholder:text-dove-gray-500 placeholder:font-sans placeholder:font-medium placeholder:text-base"
                :class="{
                    'font-bold font-serif text-lg': hasInput,
                }"
                wire:model.live.debounce.250ms="term"
                @input="hasInput = ($refs.searchTerm.value.trim()).length > 0"
                            >
            <div class="!self-center !m-0 !p-0">
                <button
                    @click="search"
                    aria-label="Lancer la recherche"
                    :disabled="!hasInput"
                    class="!rounded-full !bg-cairn-main !me-1 !flex !items-center !justify-center !flex-shrink-0 !m-0 !p-0 !h-7 !w-7 disabled:opacity-50 disabled:cursor-not-allowed">
                    <svg aria-hidden="true" class="bfa bfa-regular inline !text-white !m-0 !p-0 !h-3.5" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M368 208A160 160 0 1 0 48 208a160 160 0 1 0 320 0zM337.1 371.1C301.7 399.2 256.8 416 208 416C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208c0 48.8-16.8 93.7-44.9 129.1L505 471c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0L337.1 371.1z"/></svg>                </button>
            </div>
        </form>
    </div>
    <div class="relative">
        <div class="absolute z-10 border border-t-0 border-dove-gray-500 rounded-b-20px w-full bg-white px-3 pt-0 pb-3 hidden shadow-md"
        :class="{'!block': hasInput}"
        @keydown.escape="closeSuggestions"
        wire:loading.remove
        >
            <div class="border-t border-zinc-300 pt-4">
                
                <div x-show="!$wire.term">
                    
                    <div class="flex flex-row gap-x-1.5 items-start hidden">
                        <span>
                            <svg aria-hidden="true" class="bfa bfa-regular inline text-cutty-sark-700 h-[13px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M48 106.7L48 56c0-13.3-10.7-24-24-24S0 42.7 0 56L0 168c0 13.3 10.7 24 24 24l112 0c13.3 0 24-10.7 24-24s-10.7-24-24-24l-55.3 0c37-57.8 101.7-96 175.3-96c114.9 0 208 93.1 208 208s-93.1 208-208 208c-42.5 0-81.9-12.7-114.7-34.5c-11-7.3-25.9-4.3-33.3 6.7s-4.3 25.9 6.7 33.3C155.2 496.4 203.8 512 256 512c141.4 0 256-114.6 256-256S397.4 0 256 0C170.3 0 94.4 42.1 48 106.7zM256 128c-13.3 0-24 10.7-24 24l0 104c0 6.4 2.5 12.5 7 17l72 72c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9l-65-65 0-94.1c0-13.3-10.7-24-24-24z"/></svg>                        </span>
                        <div class="grow">
                            <p class="font-sans font-bold">Recherches récentes</p>
                            <ul>
                                                                    <li class="mt-2">
                                        <a
        class="underline text-cairn-main hover:text-cairn-dark font-medium font-bold no-underline" href="#">dolor fuga</a>                                    </li>
                                                                    <li class="mt-2">
                                        <a
        class="underline text-cairn-main hover:text-cairn-dark font-medium font-bold no-underline" href="#">quo veritatis</a>                                    </li>
                                                                    <li class="mt-2">
                                        <a
        class="underline text-cairn-main hover:text-cairn-dark font-medium font-bold no-underline" href="#">dolorum porro</a>                                    </li>
                                                                    <li class="mt-2">
                                        <a
        class="underline text-cairn-main hover:text-cairn-dark font-medium font-bold no-underline" href="#">quibusdam nobis</a>                                    </li>
                                                                    <li class="mt-2">
                                        <a
        class="underline text-cairn-main hover:text-cairn-dark font-medium font-bold no-underline" href="#">ut consequatur</a>                                    </li>
                                                            </ul>
                        </div>
                        <button class="text-cairn-main font-bold font-sans text-sm">
                            Effacer                        </button>
                    </div>
                    
                    <div class="flex flex-row gap-x-1.5 items-start pt-8 hidden">
                        <span>
                            <svg aria-hidden="true" class="bfa bfa-regular inline text-cutty-sark-700 h-[13px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M297.2 248.9C311.6 228.3 320 203.2 320 176c0-70.7-57.3-128-128-128S64 105.3 64 176c0 27.2 8.4 52.3 22.8 72.9c3.7 5.3 8.1 11.3 12.8 17.7c0 0 0 0 0 0c12.9 17.7 28.3 38.9 39.8 59.8c10.4 19 15.7 38.8 18.3 57.5L109 384c-2.2-12-5.9-23.7-11.8-34.5c-9.9-18-22.2-34.9-34.5-51.8c0 0 0 0 0 0s0 0 0 0c-5.2-7.1-10.4-14.2-15.4-21.4C27.6 247.9 16 213.3 16 176C16 78.8 94.8 0 192 0s176 78.8 176 176c0 37.3-11.6 71.9-31.4 100.3c-5 7.2-10.2 14.3-15.4 21.4c0 0 0 0 0 0s0 0 0 0c-12.3 16.8-24.6 33.7-34.5 51.8c-5.9 10.8-9.6 22.5-11.8 34.5l-48.6 0c2.6-18.7 7.9-38.6 18.3-57.5c11.5-20.9 26.9-42.1 39.8-59.8c0 0 0 0 0 0s0 0 0 0s0 0 0 0c4.7-6.4 9-12.4 12.7-17.7zM192 128c-26.5 0-48 21.5-48 48c0 8.8-7.2 16-16 16s-16-7.2-16-16c0-44.2 35.8-80 80-80c8.8 0 16 7.2 16 16s-7.2 16-16 16zm0 384c-44.2 0-80-35.8-80-80l0-16 160 0 0 16c0 44.2-35.8 80-80 80z"/></svg>                        </span>
                        <div class="grow w-4/5">
                            <p class="font-sans font-bold">
                                Des idées pour vous                            </p>
                                                        <div class="relative mt-2.5" x-data="UI_Carousel_Thematiques" @click.outside="showAllThematiques = false">

    
    <div class="relative overflow-x-auto no-scrollbar" x-ref="thematiques">
        <div
            class="flex flex-row flex-nowrap items-stretch relative gap-x-1"
        >
                            <a
        class="underline text-cairn-main hover:text-cairn-dark font-medium bg-cairn-ultra-light hover:bg-cairn-main text-cairn-dark hover:text-white rounded-2xl font-sans font-bold text-sm py-1 px-2.5 inline-block !no-underline shrink-0 !font-bold" href="https://shs.cairn.info/thematique/78170?lang=fr" @click.prevent="Livewire.navigate(&#039;https://shs.cairn.info/thematique/78170?lang=fr&#039;)" prefetch="release">voluptatem</a>                            <a
        class="underline text-cairn-main hover:text-cairn-dark font-medium bg-cairn-ultra-light hover:bg-cairn-main text-cairn-dark hover:text-white rounded-2xl font-sans font-bold text-sm py-1 px-2.5 inline-block !no-underline shrink-0 !font-bold" href="https://shs.cairn.info/thematique/7418?lang=fr" @click.prevent="Livewire.navigate(&#039;https://shs.cairn.info/thematique/7418?lang=fr&#039;)" prefetch="release">omnis</a>                            <a
        class="underline text-cairn-main hover:text-cairn-dark font-medium bg-cairn-ultra-light hover:bg-cairn-main text-cairn-dark hover:text-white rounded-2xl font-sans font-bold text-sm py-1 px-2.5 inline-block !no-underline shrink-0 !font-bold" href="https://shs.cairn.info/thematique/15229?lang=fr" @click.prevent="Livewire.navigate(&#039;https://shs.cairn.info/thematique/15229?lang=fr&#039;)" prefetch="release">mollitia</a>                            <a
        class="underline text-cairn-main hover:text-cairn-dark font-medium bg-cairn-ultra-light hover:bg-cairn-main text-cairn-dark hover:text-white rounded-2xl font-sans font-bold text-sm py-1 px-2.5 inline-block !no-underline shrink-0 !font-bold" href="https://shs.cairn.info/thematique/53768?lang=fr" @click.prevent="Livewire.navigate(&#039;https://shs.cairn.info/thematique/53768?lang=fr&#039;)" prefetch="release">aut</a>                            <a
        class="underline text-cairn-main hover:text-cairn-dark font-medium bg-cairn-ultra-light hover:bg-cairn-main text-cairn-dark hover:text-white rounded-2xl font-sans font-bold text-sm py-1 px-2.5 inline-block !no-underline shrink-0 !font-bold" href="https://shs.cairn.info/thematique/40658?lang=fr" @click.prevent="Livewire.navigate(&#039;https://shs.cairn.info/thematique/40658?lang=fr&#039;)" prefetch="release">autem</a>                            <a
        class="underline text-cairn-main hover:text-cairn-dark font-medium bg-cairn-ultra-light hover:bg-cairn-main text-cairn-dark hover:text-white rounded-2xl font-sans font-bold text-sm py-1 px-2.5 inline-block !no-underline shrink-0 !font-bold" href="https://shs.cairn.info/thematique/47330?lang=fr" @click.prevent="Livewire.navigate(&#039;https://shs.cairn.info/thematique/47330?lang=fr&#039;)" prefetch="release">est</a>                    </div>
    </div>

    
    <div>
        <div class="absolute inset-y-0 right-0 flex flex-row text-right w-[80px]">
            <span class="grow h-full"></span>
            <button 
                type="button"
                class="group"
                @click="showAllThematiques = !showAllThematiques"
                aria-label="Afficher toutes les thématiques"
                :aria-expanded="showAllThematiques.toString()"
                :tabindex="isOverflow ? 0 : -1"
            >
                <span aria-hidden="true" class="fa-stack fa-1x bg-white h-full hidden" :class="isOverflow ? '!block' : '!hidden'">
    <svg style="
                            --fa-secondary-color: white;
                            --fa-secondary-hover-color: rgb(var(--cairn-main));
                            --fa-secondary-opacity: 1.0;
                        ;" aria-hidden="true" :class="{'fac-active rotate-90': showAllThematiques}" class="bfa bfa-duotone inline fa-stack-2x text-cairn-main group-hover:text-white h-full transition-all" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><defs><style>.fa-secondary{opacity:.4}</style></defs><path class="fa-secondary" d="M512 256A256 256 0 1 1 0 256a256 256 0 1 1 512 0zM200 152c0 6.1 2.3 12.3 7 17l87 87-87 87c-4.7 4.7-7 10.8-7 17s2.3 12.3 7 17s10.8 7 17 7s12.3-2.3 17-7L345 273c4.7-4.7 7-10.8 7-17s-2.3-12.3-7-17L241 135c-4.7-4.7-10.8-7-17-7s-12.3 2.3-17 7s-7 10.8-7 17z"/><path class="fa-primary" d="M345 239c9.4 9.4 9.4 24.6 0 33.9L241 377c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l87-87-87-87c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0L345 239z"/></svg>    <svg aria-hidden="true" class="bfa bfa-light inline fa-stack-1x text-cairn-main group-hover:text-white h-full" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M256 32a224 224 0 1 1 0 448 224 224 0 1 1 0-448zm0 480A256 256 0 1 0 256 0a256 256 0 1 0 0 512z"/></svg>    
</span>
            </button>
        </div>
    </div>

    
    <template x-if="showAllThematiques">
        <div class="absolute top-[50px] left-0 right-0 bg-white text-white p-3 shadow-halo-sm rounded-md z-10">
            <ul class="flex flex-wrap justify-center gap-x-1 gap-y-2">
            
                                    <a
        class="underline text-cairn-main hover:text-cairn-dark font-medium bg-cairn-ultra-light hover:bg-cairn-main text-cairn-dark hover:text-white rounded-2xl font-sans font-bold text-sm py-1 px-2.5 inline-block !no-underline !font-bold" href="https://shs.cairn.info/thematique/78170?lang=fr" wire:navigate="">voluptatem</a>                                    <a
        class="underline text-cairn-main hover:text-cairn-dark font-medium bg-cairn-ultra-light hover:bg-cairn-main text-cairn-dark hover:text-white rounded-2xl font-sans font-bold text-sm py-1 px-2.5 inline-block !no-underline !font-bold" href="https://shs.cairn.info/thematique/7418?lang=fr" wire:navigate="">omnis</a>                                    <a
        class="underline text-cairn-main hover:text-cairn-dark font-medium bg-cairn-ultra-light hover:bg-cairn-main text-cairn-dark hover:text-white rounded-2xl font-sans font-bold text-sm py-1 px-2.5 inline-block !no-underline !font-bold" href="https://shs.cairn.info/thematique/15229?lang=fr" wire:navigate="">mollitia</a>                                    <a
        class="underline text-cairn-main hover:text-cairn-dark font-medium bg-cairn-ultra-light hover:bg-cairn-main text-cairn-dark hover:text-white rounded-2xl font-sans font-bold text-sm py-1 px-2.5 inline-block !no-underline !font-bold" href="https://shs.cairn.info/thematique/53768?lang=fr" wire:navigate="">aut</a>                                    <a
        class="underline text-cairn-main hover:text-cairn-dark font-medium bg-cairn-ultra-light hover:bg-cairn-main text-cairn-dark hover:text-white rounded-2xl font-sans font-bold text-sm py-1 px-2.5 inline-block !no-underline !font-bold" href="https://shs.cairn.info/thematique/40658?lang=fr" wire:navigate="">autem</a>                                    <a
        class="underline text-cairn-main hover:text-cairn-dark font-medium bg-cairn-ultra-light hover:bg-cairn-main text-cairn-dark hover:text-white rounded-2xl font-sans font-bold text-sm py-1 px-2.5 inline-block !no-underline !font-bold" href="https://shs.cairn.info/thematique/47330?lang=fr" wire:navigate="">est</a>                            </ul>
        </div>
    </template>
</div>

    
                        </div>
                    </div>
                </div>
                
                <div 
                    x-show="$wire.term" 
                    x-data="{ suggestions: $wire.$entangle('suggestionsCategories'), filterSuggestions: $wire.$entangle('defaultFilter')}"
                    class="ps-4"
                >
                    <nav aria-label="Filtres de suggestions de recherche" class="mb-2">
                        <ul class="flex flex-row gap-x-4">
                                                                                                                                                                                                                                        </ul>
                    </nav>

                    <ul class="pe-2 max-h-80 overflow-y-scroll">
                        <template 
                            x-for="suggestion in ((filterSuggestions ? suggestions[filterSuggestions] : suggestions['expression']) ?? {items: []}).items"
                            :key="suggestion.text"
                        >
                            <li
                                tabindex="0"
                                class="py-2 ps-2 hover:bg-zinc-100 focus:bg-zinc-100 focus:outline-none block no-underline font-normal text-cairn-main cursor-pointer"
                                @click="$wire.redirectFromSuggestion(filterSuggestions, suggestion.text)"
                                @keydown.enter="$el.click()"
                                @keydown.escape="closeSuggestions"
                                x-html="suggestion.html"
                            >
                            </li>
                        </template>
                    </ul>
                    <p 
                        x-show="Object.keys(suggestions).length === 0" 
                        class="text-neutral-500 italic"
                        wire:loading.remove
                    >
                        Aucune suggestion trouvée                    </p>
                </div>
            </div>
        </div>
    </div>
</div>

                    </div>
                <button
                    type="button"
                    @click="showMobileSearch = false"
                    aria-label="Fermer"
                    class="text-cairn-main ml-4 mt-2 hover:text-cairn-dark focus:text-cairn-dark focus:outline-none focus:ring-2 focus:ring-cairn-main focus:ring-offset-2 rounded"
                >
                    <svg aria-hidden="true" class="bfa bfa-regular inline h-6 w-6 text-cairn-main" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M378.4 71.4c8.5-10.1 7.2-25.3-2.9-33.8s-25.3-7.2-33.8 2.9L192 218.7 42.4 40.6C33.9 30.4 18.7 29.1 8.6 37.6S-2.9 61.3 5.6 71.4L160.7 256 5.6 440.6c-8.5 10.2-7.2 25.3 2.9 33.8s25.3 7.2 33.8-2.9L192 293.3 341.6 471.4c8.5 10.2 23.7 11.5 33.8 2.9s11.5-23.7 2.9-33.8L223.3 256l155-184.6z"/></svg>                </button>
            </div>
        </div>
    </nav>
                            </header>
        
        
        <main id="contenu" tabindex="-1" role="main">
            <div wire:snapshot="{&quot;data&quot;:{&quot;recentNumerosTypepub&quot;:&quot;all&quot;},&quot;memo&quot;:{&quot;id&quot;:&quot;WlewJrbp5EicwfdUZLfj&quot;,&quot;name&quot;:&quot;pages.home-page&quot;,&quot;path&quot;:&quot;\/&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;children&quot;:{&quot;lw-2701775085-0&quot;:[&quot;div&quot;,&quot;Z0KkcP5AGKbfnN9WczH3&quot;]},&quot;scripts&quot;:[&quot;0-34&quot;,&quot;0-45&quot;,&quot;0-37&quot;],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;fr&quot;},&quot;checksum&quot;:&quot;afd186893d1b57ddc756285d24b7c6f175d983a1aee47c0c5572b833297d961c&quot;}" wire:effects="{&quot;scripts&quot;:{&quot;0-34&quot;:&quot;&lt;script&gt;\nAlpine.data(&#039;UI_DomainSelect&#039;, (currentDomain) =&gt; ({\n    domain: currentDomain,\n\n    updateDomain(event) {\n        const url = event.target.value;\n        if (url) {\n            window.location.href = url;\n        }\n    },\n}));\n&lt;\/script&gt;\n    &quot;,&quot;0-45&quot;:&quot;&lt;script&gt;\n\/\/ Tout ceci pour \u00e9viter de perdre l&#039;\u00e9tat du bookmark si on utilise le bouton de retour en arri\u00e8re du navigateur\nAlpine.data(&#039;bookmarkButton&#039;, (initialState, itemType, itemId, isAuthenticated, userId) =&gt; ({\n    bookmarked: initialState,\n\n    key() {\n        return `bookmark-${userId}-${itemType}-${itemId}`;\n    },\n\n    saveState() {\n        if (!isAuthenticated || !userId) return;\n        sessionStorage.setItem(this.key(), this.bookmarked ? &#039;1&#039; : &#039;0&#039;);\n    },\n\n    loadState() {\n        if (!isAuthenticated || !userId) return;\n        const val = sessionStorage.getItem(this.key());\n        if (val !== null) this.bookmarked = (val === &#039;1&#039;);\n    },\n\n    init() {\n        \/\/ Charge l\u2019\u00e9tat depuis sessionStorage\n        this.loadState();\n\n        \/\/ \u00c9coute le dispatch Livewire\n        window.addEventListener(&#039;bookmark-updated&#039;, e =&gt; {\n            if (e.detail.id === itemId &amp;&amp; e.detail.type === itemType) {\n                this.bookmarked = e.detail.state;\n                this.saveState();\n            }\n        });\n\n        \/\/ Au retour arri\u00e8re, recharge depuis sessionStorage\n        window.addEventListener(&#039;popstate&#039;, () =&gt; {\n            this.loadState();\n        });\n    }\n}));\n&lt;\/script&gt;\n    &quot;,&quot;0-37&quot;:&quot;&lt;script&gt;\nAlpine.data(&#039;UI_Carousel_Publications&#039;, (itemsPerPage, countItems) =&gt; {\n    &#039;use strict&#039;;\n    return {\n        countItems,\n        itemsPerPage,\n        currentPage: 0,\n        countPages: countItems \/ itemsPerPage,\n\n        onIntersectEnter(index) {\n            this.currentPage = Math.floor(index \/ this.itemsPerPage);\n        },\n\n        goToPreviousPage() {\n            if (this.currentPage &lt;= 0) {\n                return this.goToPage(Math.ceil(this.countPages - 1));\n            }\n            this.goToPage(Math.ceil(this.currentPage - 1));\n        },\n\n        goToNextPage() {\n            if (this.currentPage &gt;= this.countPages - 1) {\n                return this.goToPage(0);\n            };\n            this.goToPage(Math.floor(this.currentPage + 1));\n        },\n\n        goToPage(page) {\n            const paddingLeft = parseInt(getComputedStyle(this.$refs.carousel).getPropertyValue(&#039;padding-left&#039;));\n            this.$refs.carousel.scrollBooster.scrollTo({\n                x: this.$refs[`carouselItem${page * this.itemsPerPage}`].offsetLeft - paddingLeft,\n            });\n        },\n    };\n});\n&lt;\/script&gt;\n    &quot;}}" wire:id="WlewJrbp5EicwfdUZLfj">
    <section
    class="pt-[70px] pb-[94px] relative"
>
    <img
    src="https://shs.cairn.info/build/assets/1920w-Cl6ttcS-.webp"
    srcset="https://shs.cairn.info/build/assets/320w-CLXfP6bV.webp 320w,https://shs.cairn.info/build/assets/480w-CxO4T_44.webp 480w,https://shs.cairn.info/build/assets/640w-BZt3GLh5.webp 640w,https://shs.cairn.info/build/assets/768w-CfGnhsD6.webp 768w,https://shs.cairn.info/build/assets/960w-CLtFzSmT.webp 960w,https://shs.cairn.info/build/assets/1024w-CgOuAjRy.webp 1024w,https://shs.cairn.info/build/assets/1366w-DiszWvGj.webp 1366w,https://shs.cairn.info/build/assets/1600w-Ds_qCYF6.webp 1600w,https://shs.cairn.info/build/assets/1920w-Cl6ttcS-.webp 1920w,https://shs.cairn.info/build/assets/2560w-CkZ0_5IA.webp 2560w,https://shs.cairn.info/build/assets/3840w-75kXxzze.webp 3840w,https://shs.cairn.info/build/assets/7680w-tWAQIkuN.webp 7680w"
    sizes="(max-width: 1024px) 1920px, 100vw"
    class="object-cover w-full h-full absolute inset-0 -z-20" alt="jumbotron background"
    alt=""
>
    <div class="max-w-[910px] mx-auto"
    >
        <!-- Affichages des domaines -->
        <div class="flex flex-col md:flex-row items-center justify-center space-y-4 md:space-y-0 md:space-x-4">
            <!-- Texte -->
            <h1 class="font-light text-5xl !text-2xl !font-normal leading-7 text-white blur-none text-center sm:text-3xl sm:leading-10 lg:!text-3xl">
    Bibliothèque numérique en                <span class="sr-only">Sciences Humaines et Sociales</span>
</h1>
            <div
                class="relative"
                x-data="UI_DomainSelect('shs')"
            >
                <!-- Label masqué visuellement mais accessible aux lecteurs d'écran -->
                <label id="domain-select-label" class="sr-only">
                    Sélection du domaine, Sciences Humaines et Sociales                </label>

                <!-- Select natif avec style personnalisé -->
                <select
                     x-choosable="{
                        searchEnabled: true, // force le rôle combobox
                        searchChoices: false,
                        searchPlaceholderValue: '',
                    }"
                    data-choices-type="jumbotron"
                    id="domain-select"
                    aria-labelledby="domain-select-label"
                    @change="updateDomain($event)"
                >
                                            <option
                            value="https://shs.cairn.info?lang=fr"
                            class="domain-option-shs"
                            data-custom-properties='{"domain":"shs"}'
                             selected                         >
                            Sciences Humaines et Sociales                        </option>
                                            <option
                            value="https://stm.cairn.info?lang=fr"
                            class="domain-option-stm"
                            data-custom-properties='{"domain":"stm"}'
                                                    >
                            Sciences, Techniques et Médecine                        </option>
                                            <option
                            value="https://droit.cairn.info?lang=fr"
                            class="domain-option-da"
                            data-custom-properties='{"domain":"da"}'
                                                    >
                            Droit et Administration                        </option>
                                    </select>
                <template id="chevron-template">
                    <svg aria-hidden="true" class="bfa bfa-regular inline w-[18px] h-[18px] arrow" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M239 401c9.4 9.4 24.6 9.4 33.9 0L465 209c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0l-175 175L81 175c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6 0 33.9L239 401z"/></svg>                </template>
            </div>
        </div>

        <!-- Recherche -->
        <div class="mt-14 h-11 relative hidden md:block">
            <div
                id="recherche"
                class="flex gap-3"
                x-intersect:enter="$dispatch('hide-header-search', true)"
                x-intersect.full:leave="$dispatch('hide-header-search', false)"
            >
                <div class="relative w-full">
                    <div wire:snapshot="{&quot;data&quot;:{&quot;lang&quot;:&quot;fr&quot;,&quot;term&quot;:&quot;&quot;,&quot;placeholder&quot;:&quot;Vos mots-cl\u00e9s\u2026&quot;,&quot;class&quot;:[[],{&quot;s&quot;:&quot;arr&quot;}],&quot;lg&quot;:false,&quot;defaultFilter&quot;:null,&quot;suggestionsCategories&quot;:[[],{&quot;s&quot;:&quot;arr&quot;}],&quot;filtres&quot;:[{&quot;revue&quot;:&quot;Revues\/Collections&quot;,&quot;numero&quot;:&quot;Ouvrages\/Num\u00e9ros&quot;,&quot;auteur&quot;:&quot;Auteurs&quot;},{&quot;s&quot;:&quot;arr&quot;}]},&quot;memo&quot;:{&quot;id&quot;:&quot;Z0KkcP5AGKbfnN9WczH3&quot;,&quot;name&quot;:&quot;ui.evidensse-autocomplete.standard&quot;,&quot;path&quot;:&quot;\/&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[&quot;0-36&quot;,&quot;0-5&quot;],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;fr&quot;},&quot;checksum&quot;:&quot;26ed6e9d92231e8ca5f27df13a743c6450cea6dde3ec8144f8b8e2972678be09&quot;}" wire:effects="{&quot;scripts&quot;:{&quot;0-36&quot;:&quot;&lt;script&gt;\nAlpine.data(&#039;UI_Carousel_Thematiques&#039;, () =&gt; {\n    &#039;use strict&#039;;\n    return {\n        isOverflow: false,\n        showAllThematiques: false,\n        checkOverflow() {\n            const thematiques = this.$refs.thematiques;\n            if (!thematiques) return;\n            this.isOverflow = thematiques.scrollWidth &gt; thematiques.clientWidth;\n        },\n        init() {\n            this.checkOverflow();\n            window.addEventListener(&#039;resize&#039;, () =&gt; this.checkOverflow());\n        },\n    };\n});\n&lt;\/script&gt;\n    &quot;,&quot;0-5&quot;:&quot;&lt;script&gt;\n Alpine.data(&#039;UI_EvidensseAutoComplete&#039;, () =&gt; ({\n    hasInput: false,\n    filterSuggestions: null,\n    suggestions: {},\n    closeSuggestions() {\n        this.hasInput = false;\n        \/\/ Remettre le focus sur l&#039;input de recherche pour une meilleure UX\n        this.$refs.searchTerm?.blur();\n    },\n\n    handleFocusOut(event) {\n        \/\/ V\u00e9rifier si le focus se d\u00e9place vers un \u00e9l\u00e9ment \u00e0 l&#039;int\u00e9rieur du composant\n        if (!this.$el.contains(event.relatedTarget)) {\n            this.hasInput = false;\n        }\n    }\n}));\n&lt;\/script&gt;\n    &quot;}}" wire:id="Z0KkcP5AGKbfnN9WczH3" x-data="UI_EvidensseAutoComplete"
     @click.outside="closeSuggestions"
     @keydown.escape.window="closeSuggestions"
     @focusout="handleFocusOut($event)">
    <div
        class="border border-dove-gray-500 bg-white rounded-20px text-neutral-500 h-10 flex hover:bg-concrete-100 transition-colors"
        :class="{
            '!border-b-transparent': hasInput,
            '!rounded-b-none': hasInput,
            'hover:bg-concrete-100': !hasInput,
        }"
    >
        <form
            role="search"
            aria-label="Rechercher sur Cairn.info"
            class="flex ps-3 mx-1 grow h-full self-auto items-center"
            wire:submit="searchTerm"
        >
            <label for="search-keywords" class="sr-only">
                Rechercher dans la bibliothèque numérique            </label>
            <input
                type="text"
                id="search-keywords"
                x-ref="searchTerm"
                placeholder="Vos mots-clés"
                autocomplete="off"
                @keydown.escape="closeSuggestions"
                @focus="$event.preventDefault()"
                class="focus:outline-none bg-inherit w-full h-full text-shark-950 leading-6 font-bold font-serif text-lg placeholder:text-dove-gray-500 placeholder:font-sans placeholder:font-medium placeholder:text-base"
                :class="{
                    'font-bold font-serif text-lg': hasInput,
                }"
                wire:model.live.debounce.250ms="term"
                @input="hasInput = ($refs.searchTerm.value.trim()).length > 0"
                            >
            <div class="!self-center !m-0 !p-0">
                <button
                    @click="search"
                    aria-label="Lancer la recherche"
                    :disabled="!hasInput"
                    class="!rounded-full !bg-cairn-main !me-1 !flex !items-center !justify-center !flex-shrink-0 !m-0 !p-0 !h-7 !w-7 disabled:opacity-50 disabled:cursor-not-allowed">
                    <svg aria-hidden="true" class="bfa bfa-regular inline !text-white !m-0 !p-0 !h-3.5" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M368 208A160 160 0 1 0 48 208a160 160 0 1 0 320 0zM337.1 371.1C301.7 399.2 256.8 416 208 416C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208c0 48.8-16.8 93.7-44.9 129.1L505 471c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0L337.1 371.1z"/></svg>                </button>
            </div>
        </form>
    </div>
    <div class="relative">
        <div class="absolute z-10 border border-t-0 border-dove-gray-500 rounded-b-20px w-full bg-white px-3 pt-0 pb-3 hidden shadow-md"
        :class="{'!block': hasInput}"
        @keydown.escape="closeSuggestions"
        wire:loading.remove
        >
            <div class="border-t border-zinc-300 pt-4">
                
                <div x-show="!$wire.term">
                    
                    <div class="flex flex-row gap-x-1.5 items-start hidden">
                        <span>
                            <svg aria-hidden="true" class="bfa bfa-regular inline text-cutty-sark-700 h-[13px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M48 106.7L48 56c0-13.3-10.7-24-24-24S0 42.7 0 56L0 168c0 13.3 10.7 24 24 24l112 0c13.3 0 24-10.7 24-24s-10.7-24-24-24l-55.3 0c37-57.8 101.7-96 175.3-96c114.9 0 208 93.1 208 208s-93.1 208-208 208c-42.5 0-81.9-12.7-114.7-34.5c-11-7.3-25.9-4.3-33.3 6.7s-4.3 25.9 6.7 33.3C155.2 496.4 203.8 512 256 512c141.4 0 256-114.6 256-256S397.4 0 256 0C170.3 0 94.4 42.1 48 106.7zM256 128c-13.3 0-24 10.7-24 24l0 104c0 6.4 2.5 12.5 7 17l72 72c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9l-65-65 0-94.1c0-13.3-10.7-24-24-24z"/></svg>                        </span>
                        <div class="grow">
                            <p class="font-sans font-bold">Recherches récentes</p>
                            <ul>
                                                                    <li class="mt-2">
                                        <a
        class="underline text-cairn-main hover:text-cairn-dark font-medium font-bold no-underline" href="#">atque laudantium</a>                                    </li>
                                                                    <li class="mt-2">
                                        <a
        class="underline text-cairn-main hover:text-cairn-dark font-medium font-bold no-underline" href="#">expedita quo</a>                                    </li>
                                                                    <li class="mt-2">
                                        <a
        class="underline text-cairn-main hover:text-cairn-dark font-medium font-bold no-underline" href="#">eos quia</a>                                    </li>
                                                                    <li class="mt-2">
                                        <a
        class="underline text-cairn-main hover:text-cairn-dark font-medium font-bold no-underline" href="#">sed placeat</a>                                    </li>
                                                                    <li class="mt-2">
                                        <a
        class="underline text-cairn-main hover:text-cairn-dark font-medium font-bold no-underline" href="#">dolor qui</a>                                    </li>
                                                            </ul>
                        </div>
                        <button class="text-cairn-main font-bold font-sans text-sm">
                            Effacer                        </button>
                    </div>
                    
                    <div class="flex flex-row gap-x-1.5 items-start pt-8 hidden">
                        <span>
                            <svg aria-hidden="true" class="bfa bfa-regular inline text-cutty-sark-700 h-[13px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M297.2 248.9C311.6 228.3 320 203.2 320 176c0-70.7-57.3-128-128-128S64 105.3 64 176c0 27.2 8.4 52.3 22.8 72.9c3.7 5.3 8.1 11.3 12.8 17.7c0 0 0 0 0 0c12.9 17.7 28.3 38.9 39.8 59.8c10.4 19 15.7 38.8 18.3 57.5L109 384c-2.2-12-5.9-23.7-11.8-34.5c-9.9-18-22.2-34.9-34.5-51.8c0 0 0 0 0 0s0 0 0 0c-5.2-7.1-10.4-14.2-15.4-21.4C27.6 247.9 16 213.3 16 176C16 78.8 94.8 0 192 0s176 78.8 176 176c0 37.3-11.6 71.9-31.4 100.3c-5 7.2-10.2 14.3-15.4 21.4c0 0 0 0 0 0s0 0 0 0c-12.3 16.8-24.6 33.7-34.5 51.8c-5.9 10.8-9.6 22.5-11.8 34.5l-48.6 0c2.6-18.7 7.9-38.6 18.3-57.5c11.5-20.9 26.9-42.1 39.8-59.8c0 0 0 0 0 0s0 0 0 0s0 0 0 0c4.7-6.4 9-12.4 12.7-17.7zM192 128c-26.5 0-48 21.5-48 48c0 8.8-7.2 16-16 16s-16-7.2-16-16c0-44.2 35.8-80 80-80c8.8 0 16 7.2 16 16s-7.2 16-16 16zm0 384c-44.2 0-80-35.8-80-80l0-16 160 0 0 16c0 44.2-35.8 80-80 80z"/></svg>                        </span>
                        <div class="grow w-4/5">
                            <p class="font-sans font-bold">
                                Des idées pour vous                            </p>
                                                        <div class="relative mt-2.5" x-data="UI_Carousel_Thematiques" @click.outside="showAllThematiques = false">

    
    <div class="relative overflow-x-auto no-scrollbar" x-ref="thematiques">
        <div
            class="flex flex-row flex-nowrap items-stretch relative gap-x-1"
        >
                            <a
        class="underline text-cairn-main hover:text-cairn-dark font-medium bg-cairn-ultra-light hover:bg-cairn-main text-cairn-dark hover:text-white rounded-2xl font-sans font-bold text-sm py-1 px-2.5 inline-block !no-underline shrink-0 !font-bold" href="https://shs.cairn.info/thematique/7133?lang=fr" @click.prevent="Livewire.navigate(&#039;https://shs.cairn.info/thematique/7133?lang=fr&#039;)" prefetch="release">alias</a>                            <a
        class="underline text-cairn-main hover:text-cairn-dark font-medium bg-cairn-ultra-light hover:bg-cairn-main text-cairn-dark hover:text-white rounded-2xl font-sans font-bold text-sm py-1 px-2.5 inline-block !no-underline shrink-0 !font-bold" href="https://shs.cairn.info/thematique/1332?lang=fr" @click.prevent="Livewire.navigate(&#039;https://shs.cairn.info/thematique/1332?lang=fr&#039;)" prefetch="release">velit</a>                            <a
        class="underline text-cairn-main hover:text-cairn-dark font-medium bg-cairn-ultra-light hover:bg-cairn-main text-cairn-dark hover:text-white rounded-2xl font-sans font-bold text-sm py-1 px-2.5 inline-block !no-underline shrink-0 !font-bold" href="https://shs.cairn.info/thematique/39475?lang=fr" @click.prevent="Livewire.navigate(&#039;https://shs.cairn.info/thematique/39475?lang=fr&#039;)" prefetch="release">repudiandae</a>                            <a
        class="underline text-cairn-main hover:text-cairn-dark font-medium bg-cairn-ultra-light hover:bg-cairn-main text-cairn-dark hover:text-white rounded-2xl font-sans font-bold text-sm py-1 px-2.5 inline-block !no-underline shrink-0 !font-bold" href="https://shs.cairn.info/thematique/43100?lang=fr" @click.prevent="Livewire.navigate(&#039;https://shs.cairn.info/thematique/43100?lang=fr&#039;)" prefetch="release">alias</a>                            <a
        class="underline text-cairn-main hover:text-cairn-dark font-medium bg-cairn-ultra-light hover:bg-cairn-main text-cairn-dark hover:text-white rounded-2xl font-sans font-bold text-sm py-1 px-2.5 inline-block !no-underline shrink-0 !font-bold" href="https://shs.cairn.info/thematique/45748?lang=fr" @click.prevent="Livewire.navigate(&#039;https://shs.cairn.info/thematique/45748?lang=fr&#039;)" prefetch="release">odit</a>                            <a
        class="underline text-cairn-main hover:text-cairn-dark font-medium bg-cairn-ultra-light hover:bg-cairn-main text-cairn-dark hover:text-white rounded-2xl font-sans font-bold text-sm py-1 px-2.5 inline-block !no-underline shrink-0 !font-bold" href="https://shs.cairn.info/thematique/19683?lang=fr" @click.prevent="Livewire.navigate(&#039;https://shs.cairn.info/thematique/19683?lang=fr&#039;)" prefetch="release">maiores</a>                    </div>
    </div>

    
    <div>
        <div class="absolute inset-y-0 right-0 flex flex-row text-right w-[80px]">
            <span class="grow h-full"></span>
            <button 
                type="button"
                class="group"
                @click="showAllThematiques = !showAllThematiques"
                aria-label="Afficher toutes les thématiques"
                :aria-expanded="showAllThematiques.toString()"
                :tabindex="isOverflow ? 0 : -1"
            >
                <span aria-hidden="true" class="fa-stack fa-1x bg-white h-full hidden" :class="isOverflow ? '!block' : '!hidden'">
    <svg style="
                            --fa-secondary-color: white;
                            --fa-secondary-hover-color: rgb(var(--cairn-main));
                            --fa-secondary-opacity: 1.0;
                        ;" aria-hidden="true" :class="{'fac-active rotate-90': showAllThematiques}" class="bfa bfa-duotone inline fa-stack-2x text-cairn-main group-hover:text-white h-full transition-all" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><defs><style>.fa-secondary{opacity:.4}</style></defs><path class="fa-secondary" d="M512 256A256 256 0 1 1 0 256a256 256 0 1 1 512 0zM200 152c0 6.1 2.3 12.3 7 17l87 87-87 87c-4.7 4.7-7 10.8-7 17s2.3 12.3 7 17s10.8 7 17 7s12.3-2.3 17-7L345 273c4.7-4.7 7-10.8 7-17s-2.3-12.3-7-17L241 135c-4.7-4.7-10.8-7-17-7s-12.3 2.3-17 7s-7 10.8-7 17z"/><path class="fa-primary" d="M345 239c9.4 9.4 9.4 24.6 0 33.9L241 377c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l87-87-87-87c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0L345 239z"/></svg>    <svg aria-hidden="true" class="bfa bfa-light inline fa-stack-1x text-cairn-main group-hover:text-white h-full" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M256 32a224 224 0 1 1 0 448 224 224 0 1 1 0-448zm0 480A256 256 0 1 0 256 0a256 256 0 1 0 0 512z"/></svg>    
</span>
            </button>
        </div>
    </div>

    
    <template x-if="showAllThematiques">
        <div class="absolute top-[50px] left-0 right-0 bg-white text-white p-3 shadow-halo-sm rounded-md z-10">
            <ul class="flex flex-wrap justify-center gap-x-1 gap-y-2">
            
                                    <a
        class="underline text-cairn-main hover:text-cairn-dark font-medium bg-cairn-ultra-light hover:bg-cairn-main text-cairn-dark hover:text-white rounded-2xl font-sans font-bold text-sm py-1 px-2.5 inline-block !no-underline !font-bold" href="https://shs.cairn.info/thematique/7133?lang=fr" wire:navigate="">alias</a>                                    <a
        class="underline text-cairn-main hover:text-cairn-dark font-medium bg-cairn-ultra-light hover:bg-cairn-main text-cairn-dark hover:text-white rounded-2xl font-sans font-bold text-sm py-1 px-2.5 inline-block !no-underline !font-bold" href="https://shs.cairn.info/thematique/1332?lang=fr" wire:navigate="">velit</a>                                    <a
        class="underline text-cairn-main hover:text-cairn-dark font-medium bg-cairn-ultra-light hover:bg-cairn-main text-cairn-dark hover:text-white rounded-2xl font-sans font-bold text-sm py-1 px-2.5 inline-block !no-underline !font-bold" href="https://shs.cairn.info/thematique/39475?lang=fr" wire:navigate="">repudiandae</a>                                    <a
        class="underline text-cairn-main hover:text-cairn-dark font-medium bg-cairn-ultra-light hover:bg-cairn-main text-cairn-dark hover:text-white rounded-2xl font-sans font-bold text-sm py-1 px-2.5 inline-block !no-underline !font-bold" href="https://shs.cairn.info/thematique/43100?lang=fr" wire:navigate="">alias</a>                                    <a
        class="underline text-cairn-main hover:text-cairn-dark font-medium bg-cairn-ultra-light hover:bg-cairn-main text-cairn-dark hover:text-white rounded-2xl font-sans font-bold text-sm py-1 px-2.5 inline-block !no-underline !font-bold" href="https://shs.cairn.info/thematique/45748?lang=fr" wire:navigate="">odit</a>                                    <a
        class="underline text-cairn-main hover:text-cairn-dark font-medium bg-cairn-ultra-light hover:bg-cairn-main text-cairn-dark hover:text-white rounded-2xl font-sans font-bold text-sm py-1 px-2.5 inline-block !no-underline !font-bold" href="https://shs.cairn.info/thematique/19683?lang=fr" wire:navigate="">maiores</a>                            </ul>
        </div>
    </template>
</div>

    
                        </div>
                    </div>
                </div>
                
                <div 
                    x-show="$wire.term" 
                    x-data="{ suggestions: $wire.$entangle('suggestionsCategories'), filterSuggestions: $wire.$entangle('defaultFilter')}"
                    class="ps-4"
                >
                    <nav aria-label="Filtres de suggestions de recherche" class="mb-2">
                        <ul class="flex flex-row gap-x-4">
                                                                                                                                                                                                                                        </ul>
                    </nav>

                    <ul class="pe-2 max-h-80 overflow-y-scroll">
                        <template 
                            x-for="suggestion in ((filterSuggestions ? suggestions[filterSuggestions] : suggestions['expression']) ?? {items: []}).items"
                            :key="suggestion.text"
                        >
                            <li
                                tabindex="0"
                                class="py-2 ps-2 hover:bg-zinc-100 focus:bg-zinc-100 focus:outline-none block no-underline font-normal text-cairn-main cursor-pointer"
                                @click="$wire.redirectFromSuggestion(filterSuggestions, suggestion.text)"
                                @keydown.enter="$el.click()"
                                @keydown.escape="closeSuggestions"
                                x-html="suggestion.html"
                            >
                            </li>
                        </template>
                    </ul>
                    <p 
                        x-show="Object.keys(suggestions).length === 0" 
                        class="text-neutral-500 italic"
                        wire:loading.remove
                    >
                        Aucune suggestion trouvée                    </p>
                </div>
            </div>
        </div>
    </div>
</div>

                    </div>
                <a
        class="underline text-cairn-main hover:text-cairn-dark font-medium rounded-full bg-white h-10 w-10 flex items-center justify-center shrink-0" href="https://shs.cairn.info/recherche-avancee?lang=fr" wire:navigate="" aria-label="Recherche avancée"><svg aria-hidden="true" class="bfa bfa-regular inline text-cairn-main h-4 w-4" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M256 0c17 0 33.6 1.7 49.8 4.8c7.9 1.5 21.8 6.1 29.4 20.1c2 3.7 3.6 7.6 4.6 11.8l9.3 38.5C350.5 81 360.3 86.7 366 85l38-11.2c4-1.2 8.1-1.8 12.2-1.9c16.1-.5 27 9.4 32.3 15.4c22.1 25.1 39.1 54.6 49.9 86.3c2.6 7.6 5.6 21.8-2.7 35.4c-2.2 3.6-4.9 7-8 10L459 246.3c-4.2 4-4.2 15.5 0 19.5l28.7 27.3c3.1 3 5.8 6.4 8 10c8.2 13.6 5.2 27.8 2.7 35.4c-10.8 31.7-27.8 61.1-49.9 86.3c-5.3 6-16.3 15.9-32.3 15.4c-4.1-.1-8.2-.8-12.2-1.9L366 427c-5.7-1.7-15.5 4-16.9 9.8l-9.3 38.5c-1 4.2-2.6 8.2-4.6 11.8c-7.7 14-21.6 18.5-29.4 20.1C289.6 510.3 273 512 256 512s-33.6-1.7-49.8-4.8c-7.9-1.5-21.8-6.1-29.4-20.1c-2-3.7-3.6-7.6-4.6-11.8l-9.3-38.5c-1.4-5.8-11.2-11.5-16.9-9.8l-38 11.2c-4 1.2-8.1 1.8-12.2 1.9c-16.1 .5-27-9.4-32.3-15.4c-22-25.1-39.1-54.6-49.9-86.3c-2.6-7.6-5.6-21.8 2.7-35.4c2.2-3.6 4.9-7 8-10L53 265.7c4.2-4 4.2-15.5 0-19.5L24.2 218.9c-3.1-3-5.8-6.4-8-10C8 195.3 11 181.1 13.6 173.6c10.8-31.7 27.8-61.1 49.9-86.3c5.3-6 16.3-15.9 32.3-15.4c4.1 .1 8.2 .8 12.2 1.9L146 85c5.7 1.7 15.5-4 16.9-9.8l9.3-38.5c1-4.2 2.6-8.2 4.6-11.8c7.7-14 21.6-18.5 29.4-20.1C222.4 1.7 239 0 256 0zM218.1 51.4l-8.5 35.1c-7.8 32.3-45.3 53.9-77.2 44.6L97.9 120.9c-16.5 19.3-29.5 41.7-38 65.7l26.2 24.9c24 22.8 24 66.2 0 89L59.9 325.4c8.5 24 21.5 46.4 38 65.7l34.6-10.2c31.8-9.4 69.4 12.3 77.2 44.6l8.5 35.1c24.6 4.5 51.3 4.5 75.9 0l8.5-35.1c7.8-32.3 45.3-53.9 77.2-44.6l34.6 10.2c16.5-19.3 29.5-41.7 38-65.7l-26.2-24.9c-24-22.8-24-66.2 0-89l26.2-24.9c-8.5-24-21.5-46.4-38-65.7l-34.6 10.2c-31.8 9.4-69.4-12.3-77.2-44.6l-8.5-35.1c-24.6-4.5-51.3-4.5-75.9 0zM208 256a48 48 0 1 0 96 0 48 48 0 1 0 -96 0zm48 96a96 96 0 1 1 0-192 96 96 0 1 1 0 192z"/></svg></a>                            </div>
        </div>
        <div class="flex flex-wrap justify-center pt-6 gap-3.5 sm:grid sm:grid-cols-1 lg:flex">
            
            <a
        class="bg-white hover:bg-cairn-main text-cairn-main hover:text-white font-bold leading-5 text-center px-3 py-1.5 rounded-full align-text-top shadow-light-sm inline-flex items-center justify-center text-center min-w-min" href="https://shs.cairn.info/publications?lang=fr&amp;tab=revues" wire:navigate=""><svg aria-hidden="true" class="bfa bfa-regular inline h-[14px] me-1 align-text-top" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M156 32C100.6 32 48.8 46.6 27.1 53.6C10.3 59 0 74.5 0 91.1L0 403.5c0 26.1 24 44.2 48 40.2c19.8-3.3 54.8-7.7 100-7.7c54 0 97.5 25.5 112.5 35.6c7.5 5 16.8 8.4 27 8.4c11.5 0 21.6-4.2 29.3-9.9C330.2 460.3 369.1 436 428 436c47.7 0 80.5 4 99 7.2c23.9 4.1 49-13.8 49-40.6l0-311.5c0-16.5-10.3-32.1-27.1-37.5C527.2 46.6 475.4 32 420 32c-36.8 0-71.8 6.4-97.4 12.7c-12.8 3.2-23.5 6.3-30.9 8.7c-1.3 .4-2.6 .8-3.7 1.2c-1.1-.4-2.4-.8-3.7-1.2c-7.5-2.4-18.1-5.5-30.9-8.7C227.8 38.4 192.8 32 156 32zM264 97.3l0 320.6C238 404.2 196.8 388 148 388c-42.9 0-77.4 3.7-100 7.1L48 97.3C70.3 90.6 112.4 80 156 80c31.6 0 62.6 5.6 85.9 11.3c8.6 2.1 16.1 4.2 22.1 6zm48 319.2l0-319.2c6-1.8 13.5-3.9 22.1-6C357.4 85.6 388.4 80 420 80c43.6 0 85.7 10.6 108 17.3l0 297.4c-21.7-3.3-54.9-6.7-100-6.7c-51.4 0-90.8 15-116 28.6z"/></svg>        Revues</a>
            
            <a
        class="bg-white hover:bg-cairn-main text-cairn-main hover:text-white font-bold leading-5 text-center px-3 py-1.5 rounded-full align-text-top shadow-light-sm inline-flex items-center justify-center text-center" href="https://shs.cairn.info/publications?lang=fr&amp;tab=ouvrages" wire:navigate=""><svg aria-hidden="true" class="bfa bfa-regular inline h-[14px] me-1 align-text-top" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M0 88C0 39.4 39.4 0 88 0L392 0c30.9 0 56 25.1 56 56l0 288c0 22.3-13.1 41.6-32 50.6l0 69.4 8 0c13.3 0 24 10.7 24 24s-10.7 24-24 24L80 512c-44.2 0-80-35.8-80-80c0-2.7 .1-5.4 .4-8L0 424 0 88zM80 400c-17.7 0-32 14.3-32 32s14.3 32 32 32l288 0 0-64L80 400zM48 358.7c9.8-4.3 20.6-6.7 32-6.7l312 0c4.4 0 8-3.6 8-8l0-288c0-4.4-3.6-8-8-8L88 48C65.9 48 48 65.9 48 88l0 270.7zM152 112l176 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-176 0c-13.3 0-24-10.7-24-24s10.7-24 24-24zm0 80l176 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-176 0c-13.3 0-24-10.7-24-24s10.7-24 24-24z"/></svg>        Ouvrages</a>
            
                            <a
        class="bg-white hover:bg-cairn-main text-cairn-main hover:text-white font-bold leading-5 text-center px-3 py-1.5 rounded-full align-text-top shadow-light-sm inline-flex items-center justify-center text-center" href="https://shs.cairn.info/publications?lang=fr&amp;tab=poches" wire:navigate=""><svg aria-hidden="true" class="bfa bfa-regular inline h-[14px] me-1 align-text-top" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M464 256A208 208 0 1 0 48 256a208 208 0 1 0 416 0zM0 256a256 256 0 1 1 512 0A256 256 0 1 1 0 256zm306.7 69.1L162.4 380.6c-19.4 7.5-38.5-11.6-31-31l55.5-144.3c3.3-8.5 9.9-15.1 18.4-18.4l144.3-55.5c19.4-7.5 38.5 11.6 31 31L325.1 306.7c-3.2 8.5-9.9 15.1-18.4 18.4zM288 256a32 32 0 1 0 -64 0 32 32 0 1 0 64 0z"/></svg>        Que sais-je ? / Repères</a>            
            
                            <a
        class="bg-white hover:bg-cairn-main text-cairn-main hover:text-white font-bold leading-5 text-center px-3 py-1.5 rounded-full align-text-top shadow-light-sm inline-flex items-center justify-center text-center" href="https://shs.cairn.info/publications?lang=fr&amp;tab=magazines" wire:navigate=""><svg aria-hidden="true" class="bfa bfa-regular inline h-[14px] me-1 align-text-top" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M168 80c-13.3 0-24 10.7-24 24l0 304c0 8.4-1.4 16.5-4.1 24L440 432c13.3 0 24-10.7 24-24l0-304c0-13.3-10.7-24-24-24L168 80zM72 480c-39.8 0-72-32.2-72-72L0 112C0 98.7 10.7 88 24 88s24 10.7 24 24l0 296c0 13.3 10.7 24 24 24s24-10.7 24-24l0-304c0-39.8 32.2-72 72-72l272 0c39.8 0 72 32.2 72 72l0 304c0 39.8-32.2 72-72 72L72 480zM176 136c0-13.3 10.7-24 24-24l96 0c13.3 0 24 10.7 24 24l0 80c0 13.3-10.7 24-24 24l-96 0c-13.3 0-24-10.7-24-24l0-80zm200-24l32 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-32 0c-13.3 0-24-10.7-24-24s10.7-24 24-24zm0 80l32 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-32 0c-13.3 0-24-10.7-24-24s10.7-24 24-24zM200 272l208 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-208 0c-13.3 0-24-10.7-24-24s10.7-24 24-24zm0 80l208 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-208 0c-13.3 0-24-10.7-24-24s10.7-24 24-24z"/></svg>        Magazines</a>            
            <div class="border w-0 hidden lg:block"></div>

            
            <a
        class="hover:bg-white text-white border border-white hover:text-cairn-main font-bold leading-5 text-center px-3 py-1.5 rounded-full align-text-top shadow-light-sm inline-flex items-center justify-center text-center" href="https://shs.cairn.info/rencontres?lang=fr" wire:navigate=""><svg aria-hidden="true" class="bfa bfa-custom inline h-[14px] me-1 align-text-top" fill="currentColor" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 717 512"><path d="M701.9 211.6L507.7 17.4c-23.2-23.2-61.1-23.2-84.3 0l-63.5 63.5-63.5-63.5c-23.2-23.2-61.1-23.2-84.3 0L17.5 211.6c-23.2 23.2-23.2 61.1 0 84.3l194.2 194.2c23.2 23.2 61.1 23.2 84.3 0l63.5-63.5 63.5 63.5c23.2 23.2 61.1 23.2 84.3 0l194.2-194.2c23.2-23.2 23.2-61.1 0-84.3m-436.9 35.8l94.9-94.9 94.9 94.9c3.4 3.4 3.4 9.2 0 12.6c0 0 0 0 0 0l-94.9 94.9-94.9-94.9c-3.4-3.4-3.4-9.2 0-12.6c0 0 0 0 0 0m-35.8-35.8c-23.2 23.2-23.2 61.1 0 84.3l94.9 94.9-63.5 63.5c-3.4 3.4-9.2 3.8-12.6 0c0 0 0 0 0 0L53 260.1c-3.4-3.4-3.4-9.2 0-12.6c0 0 0 0 0 0L247.6 52.9s4.1-2.7 6.5-2.7s4.8 1 6.5 2.7l63.5 63.5-94.9 95.2zm261.1 84.3c23.2-23.2 23.2-61.1 0-84.3l-94.9-94.9 63.5-63.8c1.7-1.7 4.1-2.7 6.5-2.7s4.8 1 6.5 2.7l194.2 194.2c3.4 3.4 3.4 9.2 0 12.6c0 0 0 0 0 0L471.5 454c-3.4 3.4-9.2 3.8-12.6 0c0 0 0 0 0 0l-63.5-63.5 94.9-95.2z"/></svg>        Rencontres</a>
            
            <a
        class="hover:bg-white text-white border border-white hover:text-cairn-main font-bold leading-5 text-center px-3 py-1.5 rounded-full align-text-top shadow-light-sm inline-flex items-center justify-center text-center" href="https://shs.cairn.info/dossiers?lang=fr" wire:navigate=""><svg aria-hidden="true" class="bfa bfa-regular inline h-[14px] me-1 align-text-top" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M0 96C0 60.7 28.7 32 64 32l132.1 0c19.1 0 37.4 7.6 50.9 21.1L289.9 96 448 96c35.3 0 64 28.7 64 64l0 256c0 35.3-28.7 64-64 64L64 480c-35.3 0-64-28.7-64-64L0 96zM64 80c-8.8 0-16 7.2-16 16l0 320c0 8.8 7.2 16 16 16l384 0c8.8 0 16-7.2 16-16l0-256c0-8.8-7.2-16-16-16l-161.4 0c-10.6 0-20.8-4.2-28.3-11.7L213.1 87c-4.5-4.5-10.6-7-17-7L64 80z"/></svg>        Dossiers</a>
            
            <a
        class="hover:bg-white text-white border border-white hover:text-cairn-main font-bold leading-5 text-center px-3 py-1.5 rounded-full align-text-top shadow-light-sm inline-flex items-center justify-center text-center" href="https://shs.cairn.info/listes-lectures?lang=fr" wire:navigate=""><svg aria-hidden="true" class="bfa bfa-custom inline h-[14px] me-1 align-text-top" fill="currentColor" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 391 512"><path d="M384.2 117.3c-5.4-3.2-11.7-3.2-17.1 0l-43.4 24.9V79.7c0-9.5-7.6-17.1-17.1-17.1c-2.9 0-5.9 .7-8.5 2.2l-39.5 22.4V17.1C258.9 7.6 251.3 0 241.8 0c-2.9 0-5.9 .7-8.5 2.2L9 130.4c-5.4 2.9-8.5 8.8-8.5 14.9v246.5c0 9.5 7.6 17.1 17.1 17.1h0c2.9 0 5.6-.7 8.3-2.2l39.7-21.9v69.5c0 9.5 7.6 17.1 17.1 17.1c2.9 0 5.6-.7 8.3-2.2l43.6-24.1v61.4c0 6.1 3.2 11.5 8.3 14.6s11.7 3.2 16.8 .2L384 397.7c5.4-2.9 8.8-8.8 8.8-14.9V131.9c0-6.1-3.4-11.7-8.5-14.6zM74.1 193.1c-5.4 2.9-8.5 8.8-8.5 14.9v138l-23.6 12.9c-2.4 1.5-5.4 .5-6.6-1.7c-.5-.7-.7-1.7-.7-2.4V158c0-1.7 1-3.4 2.4-4.1L217.4 50.7c2.4-1.5 5.4-.5 6.6 1.7c.5 .7 .7 1.7 .7 2.4V107L74.1 193.1zm32.7 228.7c-2.4 1.5-5.4 .5-6.6-1.7c-.5-.7-.7-1.7-.7-2.4v-197c0-1.7 1-3.4 2.4-4.1l122.6-70.2 34.1-19.5 23.4-13.4c2.4-1.5 5.4-.5 6.6 1.7c.5 .7 .7 1.5 .7 2.4v44.1l-30.7 17.6-34.1 19.5-81.9 46.8c-5.4 2.9-8.5 8.8-8.5 14.9v146l-27.3 15.1zm251.9-51.2c0 1.7-1 3.4-2.4 4.1l-180.7 99.5c-2.4 1.2-5.4 .2-6.6-2.2c-.2-.7-.5-1.5-.5-2.2V273.1c0-1.7 1-3.4 2.4-4.1l53.9-30.7 34.1-19.5 30.7-17.6 34.1-19.5 27.6-15.8c2.4-1.2 5.4-.2 6.6 2c.2 .7 .5 1.5 .5 2.2V370.6z"/></svg>        Listes</a>        </div>
    </div>
</section>

        <div class="max-w-[1200px] mx-auto bg-white px-5 pt-12 pb-20 relative overflow-hidden px-2.5 md:px-5 sm:overflow-visible">
    <section role="region" aria-labelledby="recent-numeros-title">
                <div class="flex justify-between items-center mb-4">
                    <h2 class="font-bold text-xl leading-6 mb-4" id="recent-numeros-title">
    Ouvrages et numéros récemment ajoutés
</h2>
                                            <div class="flex items-center gap-2">
                            <label id="sort-label" for="sort-select" class="sr-only">
                                Filtrer par type de publication
                            </label>
                            <span id="filters-hint" class="sr-only">
    Cette action rechargera les résultats de la page.</span>
                            <div 
    class="sort-select-container relative -me-3 md:me-2 ml-auto"
>
    <select
        id="sort-select" aria-describedby="filters-hint" aria-labelledby="sort-label" wire:model="recentNumerosTypepub"
        x-choosable="{
            searchEnabled: true, // force le rôle combobox
            searchChoices: false,
            searchPlaceholderValue: '',
        }"
        data-choices-type="sort"
        data-default-label="Filtrer"
        @change="$wire.set('recentNumerosTypepub', $el.value)"
    >
                    <option 
                value="all"
                selected
                data-custom-properties='{"buttonText": "Toutes les publications"}'
            >
                Toutes les publications
            </option>
                    <option 
                value="revues"
                
                data-custom-properties='{"buttonText": "Revues"}'
            >
                Revues
            </option>
                    <option 
                value="ouvrages"
                
                data-custom-properties='{"buttonText": "Ouvrages"}'
            >
                Ouvrages
            </option>
            </select>

    <!-- Template pour la flèche -->
    <template id="chevron-template">
        <svg aria-hidden="true" class="bfa bfa-regular inline w-[18px] h-[18px] arrow" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M239 401c9.4 9.4 24.6 9.4 33.9 0L465 209c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0l-175 175L81 175c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6 0 33.9L239 401z"/></svg>    </template>
</div>
                        </div>
                                    </div>
                <div x-data="UI_Carousel_Publications(4, 20)" >
    <div class="relative">
        
                    <div class="absolute inset-y-0 -left-10 hidden items-center lg:flex">
                <button 
                    type="button"
                    class="group" 
                    @click="goToPreviousPage"
                    aria-label="Publications précédentes"
                >
                    <span aria-hidden="true" class="fa-stack fa-1x text-white">
    <svg style="
                                --fa-primary-color: rgb(var(--cairn-main));
                                --fa-secondary-hover-color: rgb(var(--cairn-main));
                                --fa-secondary-opacity: 1.0;
                            ;" aria-hidden="true" class="bfa bfa-duotone inline fa-stack-2x h-full text-white" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><defs><style>.fa-secondary{opacity:.4}</style></defs><path class="fa-secondary" d="M0 256a256 256 0 1 0 512 0A256 256 0 1 0 0 256zm160 0c0-6.1 2.3-12.3 7-17L271 135c4.7-4.7 10.8-7 17-7s12.3 2.3 17 7s7 10.8 7 17s-2.3 12.3-7 17l-87 87 87 87c4.7 4.7 7 10.8 7 17s-2.3 12.3-7 17s-10.8 7-17 7s-12.3-2.3-17-7L167 273c-4.7-4.7-7-10.8-7-17z"/><path class="fa-primary" d="M167 273c-9.4-9.4-9.4-24.6 0-33.9L271 135c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9l-87 87 87 87c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0L167 273z"/></svg>    <svg aria-hidden="true" class="bfa bfa-light inline fa-stack-1x h-full text-cairn-main" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M256 32a224 224 0 1 1 0 448 224 224 0 1 1 0-448zm0 480A256 256 0 1 0 256 0a256 256 0 1 0 0 512z"/></svg>    
</span>
                </button>
            </div>
                
        <div
            role="region"
            aria-label="Faites glisser horizontalement pour voir d’autres éléments."
            tabindex="0"
            class="overflow-x-auto no-scrollbar mx-[-2px] px-0.5 relative max-sm:pr-8"
            x-ref="carousel"
            x-grabbable
        >
            <ul
                class="flex flex-row flex-nowrap items-stretch relative"
                role="list"
            >
                                    <li x-ref="carouselItem0" x-intersect.full="onIntersectEnter(0)" prefetch="grabbable" class="shrink-0 py-0.5  pe-2.5  snap-start scroll-ml-0.5 basis-3/4 sm:basis-1/2 md:basis-1/3 lg:basis-1/4">
    <div class="bg-white hover:bg-concrete-50 text-shark-950 block no-underline relative shadow-halo-sm rounded-xl p-3 flex flex-col h-full flex flex-col">

    
            <a
            x-alt-clipboard="SCPO_DRAEL_2026_01"
        class="underline text-cairn-main hover:text-cairn-dark font-medium absolute inset-0 z-[1] focus:outline-none focus:ring-2 focus:ring-cairn-main focus:ring-inset rounded-xl text-transparent overflow-hidden" href="https://shs.cairn.info/eduquer-pour-le-climat--9782724646306?lang=fr" data-livewire-navigate="data-livewire-navigate" aria-label="Éduquer pour le climat ? - Pourquoi savoir ne suffit pas pour agir (2026)"></a>    
    
    
    
    <div class="">
        <div 
    class="flex flex-row col justify-between mb-1 text-xs leading-4 font-bold text-cairn-main"
>
    <span class="grow">
                    <svg aria-hidden="true" class="bfa bfa-regular inline me-1 align-text-bottom w-[11px] h-[11px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M0 88C0 39.4 39.4 0 88 0L392 0c30.9 0 56 25.1 56 56l0 288c0 22.3-13.1 41.6-32 50.6l0 69.4 8 0c13.3 0 24 10.7 24 24s-10.7 24-24 24L80 512c-44.2 0-80-35.8-80-80c0-2.7 .1-5.4 .4-8L0 424 0 88zM80 400c-17.7 0-32 14.3-32 32s14.3 32 32 32l288 0 0-64L80 400zM48 358.7c9.8-4.3 20.6-6.7 32-6.7l312 0c4.4 0 8-3.6 8-8l0-288c0-4.4-3.6-8-8-8L88 48C65.9 48 48 65.9 48 88l0 270.7zM152 112l176 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-176 0c-13.3 0-24-10.7-24-24s10.7-24 24-24zm0 80l176 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-176 0c-13.3 0-24-10.7-24-24s10.7-24 24-24z"/></svg>                Ouvrage
    </span>
            <div class="relative z-[2]">
            <div
    x-data="bookmarkButton(
        false,
        'numero',
        'SCPO_DRAEL_2026_01',
        false,
        null
    )"
>
    <button
        type="button"
        role="button"
        tabindex="0"
        aria-haspopup="dialog"
        :aria-label="bookmarked
            ? JSON.parse('\u0022Retirer de la liste de lecture\u0022')            : JSON.parse('\u0022Ajouter \\u00e0 la liste de lecture\u0022')"
        :aria-pressed="bookmarked"
        class="group text-cairn-main"
        x-on:click="$dispatch('openModal', {
            component: 'modals.numero-add-to-listes-lectures',
            arguments: { itemId: 'SCPO_DRAEL_2026_01' }
        })"
    >     
                    <template x-if="bookmarked">
                <svg aria-hidden="true" class="bfa bfa-solid inline font-normal size-[18px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M0 48V487.7C0 501.1 10.9 512 24.3 512c5 0 9.9-1.5 14-4.4L192 400 345.7 507.6c4.1 2.9 9 4.4 14 4.4c13.4 0 24.3-10.9 24.3-24.3V48c0-26.5-21.5-48-48-48H48C21.5 0 0 21.5 0 48z"/></svg>            </template>
            <template x-if="!bookmarked">
                <svg aria-hidden="true" class="bfa bfa-regular inline font-normal size-[18px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M0 48C0 21.5 21.5 0 48 0l0 48 0 393.4 130.1-92.9c8.3-6 19.6-6 27.9 0L336 441.4 336 48 48 48 48 0 336 0c26.5 0 48 21.5 48 48l0 440c0 9-5 17.2-13 21.3s-17.6 3.4-24.9-1.8L192 397.5 37.9 507.5c-7.3 5.2-16.9 5.9-24.9 1.8S0 497 0 488L0 48z"/></svg>            </template>
            </button>
</div>
        </div>
    </div>
                    <div class="mb-2">
                <img
    class="border border-silver-chalice-400 rounded-md h-[210px]" loading="lazy" src="https://shs.cairn.info/numero/SCPO_DRAEL_2026_01/cover/thumbnail?lang=fr" alt=""
    x-alt-clipboard="SCPO_DRAEL_2026_01"
>
            </div>
                <h3 class="font-bold text-base font-serif leading-5 my-1">
    Éduquer pour le climat ?
</h3>
                    <h4 class="font-normal font-serif leading-5 mb-1">
    Pourquoi savoir ne suffit pas pour agir
                                    - <i>2026</i>
</h4>
    </div>

    
            <div class="mt-auto pt-1">
            <ul class="font-serif font-bold leading-5">
            <li class="inline-block">
                                    
                        
                            <span class="font-normal">Par</span>
                        
            <a
            x-alt-clipboard="27235"
        class="underline text-cairn-main hover:text-cairn-dark font-medium inline !font-bold z-[1] relative" href="https://shs.cairn.info/publications-de-hugues-draelants--27235?lang=fr" data-livewire-navigate="data-livewire-navigate">Hugues Draelants</a>
        </li>
            </ul>
        </div>
    
</div>
</li>                                    <li x-ref="carouselItem1" x-intersect.full="onIntersectEnter(1)" prefetch="grabbable" class="shrink-0 py-0.5 px-2.5   snap-start scroll-ml-0.5 basis-3/4 sm:basis-1/2 md:basis-1/3 lg:basis-1/4">
    <div class="bg-white hover:bg-concrete-50 text-shark-950 block no-underline relative shadow-halo-sm rounded-xl p-3 flex flex-col h-full flex flex-col">

    
            <a
            x-alt-clipboard="DUNOD_SADLIE_2026_01"
        class="underline text-cairn-main hover:text-cairn-dark font-medium absolute inset-0 z-[1] focus:outline-none focus:ring-2 focus:ring-cairn-main focus:ring-inset rounded-xl text-transparent overflow-hidden" href="https://shs.cairn.info/l-enfant-face-a-la-violence-dans-le-couple--9782100891733?lang=fr" data-livewire-navigate="data-livewire-navigate" aria-label="L&#039;enfant face à la violence dans le couple (2026)"></a>    
    
    
    
    <div class="">
        <div 
    class="flex flex-row col justify-between mb-1 text-xs leading-4 font-bold text-cairn-main"
>
    <span class="grow">
                    <svg aria-hidden="true" class="bfa bfa-regular inline me-1 align-text-bottom w-[11px] h-[11px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M0 88C0 39.4 39.4 0 88 0L392 0c30.9 0 56 25.1 56 56l0 288c0 22.3-13.1 41.6-32 50.6l0 69.4 8 0c13.3 0 24 10.7 24 24s-10.7 24-24 24L80 512c-44.2 0-80-35.8-80-80c0-2.7 .1-5.4 .4-8L0 424 0 88zM80 400c-17.7 0-32 14.3-32 32s14.3 32 32 32l288 0 0-64L80 400zM48 358.7c9.8-4.3 20.6-6.7 32-6.7l312 0c4.4 0 8-3.6 8-8l0-288c0-4.4-3.6-8-8-8L88 48C65.9 48 48 65.9 48 88l0 270.7zM152 112l176 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-176 0c-13.3 0-24-10.7-24-24s10.7-24 24-24zm0 80l176 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-176 0c-13.3 0-24-10.7-24-24s10.7-24 24-24z"/></svg>                Ouvrage
    </span>
            <div class="relative z-[2]">
            <div
    x-data="bookmarkButton(
        false,
        'numero',
        'DUNOD_SADLIE_2026_01',
        false,
        null
    )"
>
    <button
        type="button"
        role="button"
        tabindex="0"
        aria-haspopup="dialog"
        :aria-label="bookmarked
            ? JSON.parse('\u0022Retirer de la liste de lecture\u0022')            : JSON.parse('\u0022Ajouter \\u00e0 la liste de lecture\u0022')"
        :aria-pressed="bookmarked"
        class="group text-cairn-main"
        x-on:click="$dispatch('openModal', {
            component: 'modals.numero-add-to-listes-lectures',
            arguments: { itemId: 'DUNOD_SADLIE_2026_01' }
        })"
    >     
                    <template x-if="bookmarked">
                <svg aria-hidden="true" class="bfa bfa-solid inline font-normal size-[18px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M0 48V487.7C0 501.1 10.9 512 24.3 512c5 0 9.9-1.5 14-4.4L192 400 345.7 507.6c4.1 2.9 9 4.4 14 4.4c13.4 0 24.3-10.9 24.3-24.3V48c0-26.5-21.5-48-48-48H48C21.5 0 0 21.5 0 48z"/></svg>            </template>
            <template x-if="!bookmarked">
                <svg aria-hidden="true" class="bfa bfa-regular inline font-normal size-[18px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M0 48C0 21.5 21.5 0 48 0l0 48 0 393.4 130.1-92.9c8.3-6 19.6-6 27.9 0L336 441.4 336 48 48 48 48 0 336 0c26.5 0 48 21.5 48 48l0 440c0 9-5 17.2-13 21.3s-17.6 3.4-24.9-1.8L192 397.5 37.9 507.5c-7.3 5.2-16.9 5.9-24.9 1.8S0 497 0 488L0 48z"/></svg>            </template>
            </button>
</div>
        </div>
    </div>
                    <div class="mb-2">
                <img
    class="border border-silver-chalice-400 rounded-md h-[210px]" loading="lazy" src="https://shs.cairn.info/numero/DUNOD_SADLIE_2026_01/cover/thumbnail?lang=fr" alt=""
    x-alt-clipboard="DUNOD_SADLIE_2026_01"
>
            </div>
                <h3 class="font-bold text-base font-serif leading-5 my-1">
    L'enfant face à la violence dans le couple
</h3>
                    <h4 class="font-normal font-serif leading-5 mb-1 italic">
    2026
</h4>
    </div>

    
            <div class="mt-auto pt-1">
            <ul class="font-serif font-bold leading-5">
            <li class="inline-block">
                                    
                        
                            <span class="font-normal">Sous la direction de</span>
                        
            <a
            x-alt-clipboard="141506"
        class="underline text-cairn-main hover:text-cairn-dark font-medium inline !font-bold z-[1] relative" href="https://shs.cairn.info/publications-de-karen-sadlier--141506?lang=fr" data-livewire-navigate="data-livewire-navigate">Karen Sadlier</a>
        </li>
            </ul>
        </div>
    
</div>
</li>                                    <li x-ref="carouselItem2" x-intersect.full="onIntersectEnter(2)" prefetch="grabbable" class="shrink-0 py-0.5 px-2.5   snap-start scroll-ml-0.5 basis-3/4 sm:basis-1/2 md:basis-1/3 lg:basis-1/4">
    <div class="bg-white hover:bg-concrete-50 text-shark-950 block no-underline relative shadow-halo-sm rounded-xl p-3 flex flex-col h-full flex flex-col">

    
            <a
            x-alt-clipboard="CHASO_OSTER_2026_01"
        class="underline text-cairn-main hover:text-cairn-dark font-medium absolute inset-0 z-[1] focus:outline-none focus:ring-2 focus:ring-cairn-main focus:ring-inset rounded-xl text-transparent overflow-hidden" href="https://shs.cairn.info/etre-mere-d-un-enfant-different--9791034609826?lang=fr" data-livewire-navigate="data-livewire-navigate" aria-label="Être mère d&#039;un enfant différent (2026)"></a>    
    
    
    
    <div class="">
        <div 
    class="flex flex-row col justify-between mb-1 text-xs leading-4 font-bold text-cairn-main"
>
    <span class="grow">
                    <svg aria-hidden="true" class="bfa bfa-regular inline me-1 align-text-bottom w-[11px] h-[11px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M0 88C0 39.4 39.4 0 88 0L392 0c30.9 0 56 25.1 56 56l0 288c0 22.3-13.1 41.6-32 50.6l0 69.4 8 0c13.3 0 24 10.7 24 24s-10.7 24-24 24L80 512c-44.2 0-80-35.8-80-80c0-2.7 .1-5.4 .4-8L0 424 0 88zM80 400c-17.7 0-32 14.3-32 32s14.3 32 32 32l288 0 0-64L80 400zM48 358.7c9.8-4.3 20.6-6.7 32-6.7l312 0c4.4 0 8-3.6 8-8l0-288c0-4.4-3.6-8-8-8L88 48C65.9 48 48 65.9 48 88l0 270.7zM152 112l176 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-176 0c-13.3 0-24-10.7-24-24s10.7-24 24-24zm0 80l176 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-176 0c-13.3 0-24-10.7-24-24s10.7-24 24-24z"/></svg>                Ouvrage
    </span>
            <div class="relative z-[2]">
            <div
    x-data="bookmarkButton(
        false,
        'numero',
        'CHASO_OSTER_2026_01',
        false,
        null
    )"
>
    <button
        type="button"
        role="button"
        tabindex="0"
        aria-haspopup="dialog"
        :aria-label="bookmarked
            ? JSON.parse('\u0022Retirer de la liste de lecture\u0022')            : JSON.parse('\u0022Ajouter \\u00e0 la liste de lecture\u0022')"
        :aria-pressed="bookmarked"
        class="group text-cairn-main"
        x-on:click="$dispatch('openModal', {
            component: 'modals.numero-add-to-listes-lectures',
            arguments: { itemId: 'CHASO_OSTER_2026_01' }
        })"
    >     
                    <template x-if="bookmarked">
                <svg aria-hidden="true" class="bfa bfa-solid inline font-normal size-[18px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M0 48V487.7C0 501.1 10.9 512 24.3 512c5 0 9.9-1.5 14-4.4L192 400 345.7 507.6c4.1 2.9 9 4.4 14 4.4c13.4 0 24.3-10.9 24.3-24.3V48c0-26.5-21.5-48-48-48H48C21.5 0 0 21.5 0 48z"/></svg>            </template>
            <template x-if="!bookmarked">
                <svg aria-hidden="true" class="bfa bfa-regular inline font-normal size-[18px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M0 48C0 21.5 21.5 0 48 0l0 48 0 393.4 130.1-92.9c8.3-6 19.6-6 27.9 0L336 441.4 336 48 48 48 48 0 336 0c26.5 0 48 21.5 48 48l0 440c0 9-5 17.2-13 21.3s-17.6 3.4-24.9-1.8L192 397.5 37.9 507.5c-7.3 5.2-16.9 5.9-24.9 1.8S0 497 0 488L0 48z"/></svg>            </template>
            </button>
</div>
        </div>
    </div>
                    <div class="mb-2">
                <img
    class="border border-silver-chalice-400 rounded-md h-[210px]" loading="lazy" src="https://shs.cairn.info/numero/CHASO_OSTER_2026_01/cover/thumbnail?lang=fr" alt=""
    x-alt-clipboard="CHASO_OSTER_2026_01"
>
            </div>
                <h3 class="font-bold text-base font-serif leading-5 my-1">
    Être mère d'un enfant différent
</h3>
                    <h4 class="font-normal font-serif leading-5 mb-1 italic">
    2026
</h4>
    </div>

    
            <div class="mt-auto pt-1">
            <ul class="font-serif font-bold leading-5">
            <li class="inline-block">
                                    
                        
                            <span class="font-normal">Par</span>
                        
            <a
            x-alt-clipboard="906717"
        class="underline text-cairn-main hover:text-cairn-dark font-medium inline !font-bold z-[1] relative" href="https://shs.cairn.info/publications-de-laetitia-ostertag--906717?lang=fr" data-livewire-navigate="data-livewire-navigate">Laetitia Ostertag</a>
        </li>
            </ul>
        </div>
    
</div>
</li>                                    <li x-ref="carouselItem3" x-intersect.full="onIntersectEnter(3)" prefetch="grabbable" class="shrink-0 py-0.5 px-2.5   snap-start scroll-ml-0.5 basis-3/4 sm:basis-1/2 md:basis-1/3 lg:basis-1/4">
    <div class="bg-white hover:bg-concrete-50 text-shark-950 block no-underline relative shadow-halo-sm rounded-xl p-3 flex flex-col h-full flex flex-col">

    
            <a
            x-alt-clipboard="ERES_PLATT_2026_01"
        class="underline text-cairn-main hover:text-cairn-dark font-medium absolute inset-0 z-[1] focus:outline-none focus:ring-2 focus:ring-cairn-main focus:ring-inset rounded-xl text-transparent overflow-hidden" href="https://shs.cairn.info/familles-biculturelles-en-therapie--9782749286662?lang=fr" data-livewire-navigate="data-livewire-navigate" aria-label="Familles biculturelles en thérapie - Danse entre identités, appartenances et transmissions (2026)"></a>    
    
    
    
    <div class="">
        <div 
    class="flex flex-row col justify-between mb-1 text-xs leading-4 font-bold text-cairn-main"
>
    <span class="grow">
                    <svg aria-hidden="true" class="bfa bfa-regular inline me-1 align-text-bottom w-[11px] h-[11px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M0 88C0 39.4 39.4 0 88 0L392 0c30.9 0 56 25.1 56 56l0 288c0 22.3-13.1 41.6-32 50.6l0 69.4 8 0c13.3 0 24 10.7 24 24s-10.7 24-24 24L80 512c-44.2 0-80-35.8-80-80c0-2.7 .1-5.4 .4-8L0 424 0 88zM80 400c-17.7 0-32 14.3-32 32s14.3 32 32 32l288 0 0-64L80 400zM48 358.7c9.8-4.3 20.6-6.7 32-6.7l312 0c4.4 0 8-3.6 8-8l0-288c0-4.4-3.6-8-8-8L88 48C65.9 48 48 65.9 48 88l0 270.7zM152 112l176 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-176 0c-13.3 0-24-10.7-24-24s10.7-24 24-24zm0 80l176 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-176 0c-13.3 0-24-10.7-24-24s10.7-24 24-24z"/></svg>                Ouvrage
    </span>
            <div class="relative z-[2]">
            <div
    x-data="bookmarkButton(
        false,
        'numero',
        'ERES_PLATT_2026_01',
        false,
        null
    )"
>
    <button
        type="button"
        role="button"
        tabindex="0"
        aria-haspopup="dialog"
        :aria-label="bookmarked
            ? JSON.parse('\u0022Retirer de la liste de lecture\u0022')            : JSON.parse('\u0022Ajouter \\u00e0 la liste de lecture\u0022')"
        :aria-pressed="bookmarked"
        class="group text-cairn-main"
        x-on:click="$dispatch('openModal', {
            component: 'modals.numero-add-to-listes-lectures',
            arguments: { itemId: 'ERES_PLATT_2026_01' }
        })"
    >     
                    <template x-if="bookmarked">
                <svg aria-hidden="true" class="bfa bfa-solid inline font-normal size-[18px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M0 48V487.7C0 501.1 10.9 512 24.3 512c5 0 9.9-1.5 14-4.4L192 400 345.7 507.6c4.1 2.9 9 4.4 14 4.4c13.4 0 24.3-10.9 24.3-24.3V48c0-26.5-21.5-48-48-48H48C21.5 0 0 21.5 0 48z"/></svg>            </template>
            <template x-if="!bookmarked">
                <svg aria-hidden="true" class="bfa bfa-regular inline font-normal size-[18px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M0 48C0 21.5 21.5 0 48 0l0 48 0 393.4 130.1-92.9c8.3-6 19.6-6 27.9 0L336 441.4 336 48 48 48 48 0 336 0c26.5 0 48 21.5 48 48l0 440c0 9-5 17.2-13 21.3s-17.6 3.4-24.9-1.8L192 397.5 37.9 507.5c-7.3 5.2-16.9 5.9-24.9 1.8S0 497 0 488L0 48z"/></svg>            </template>
            </button>
</div>
        </div>
    </div>
                    <div class="mb-2">
                <img
    class="border border-silver-chalice-400 rounded-md h-[210px]" loading="lazy" src="https://shs.cairn.info/numero/ERES_PLATT_2026_01/cover/thumbnail?lang=fr" alt=""
    x-alt-clipboard="ERES_PLATT_2026_01"
>
            </div>
                <h3 class="font-bold text-base font-serif leading-5 my-1">
    Familles biculturelles en thérapie
</h3>
                    <h4 class="font-normal font-serif leading-5 mb-1">
    Danse entre identités, appartenances et transmissions
                                    - <i>2026</i>
</h4>
    </div>

    
            <div class="mt-auto pt-1">
            <ul class="font-serif font-bold leading-5">
            <li class="inline-block">
                                    
                        
                            <span class="font-normal">Sous la direction de</span>
                        
            <a
            x-alt-clipboard="908"
        class="underline text-cairn-main hover:text-cairn-dark font-medium inline !font-bold z-[1] relative" href="https://shs.cairn.info/publications-de-genevieve-platteau--908?lang=fr" data-livewire-navigate="data-livewire-navigate">Geneviève Platteau</a>
        </li>
            </ul>
        </div>
    
</div>
</li>                                    <li x-ref="carouselItem4" x-intersect.full="onIntersectEnter(4)" prefetch="grabbable" class="shrink-0 py-0.5 px-2.5   snap-start scroll-ml-0.5 basis-3/4 sm:basis-1/2 md:basis-1/3 lg:basis-1/4">
    <div class="bg-white hover:bg-concrete-50 text-shark-950 block no-underline relative shadow-halo-sm rounded-xl p-3 flex flex-col h-full flex flex-col">

    
            <a
            x-alt-clipboard="LDF_HERAN_2026_01"
        class="underline text-cairn-main hover:text-cairn-dark font-medium absolute inset-0 z-[1] focus:outline-none focus:ring-2 focus:ring-cairn-main focus:ring-inset rounded-xl text-transparent overflow-hidden" href="https://shs.cairn.info/l-immigration-en-30-questions--9782111743489?lang=fr" data-livewire-navigate="data-livewire-navigate" aria-label="L&#039;immigration en 30 questions (2026)"></a>    
    
    
    
    <div class="">
        <div 
    class="flex flex-row col justify-between mb-1 text-xs leading-4 font-bold text-cairn-main"
>
    <span class="grow">
                    <svg aria-hidden="true" class="bfa bfa-regular inline me-1 align-text-bottom w-[11px] h-[11px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M0 88C0 39.4 39.4 0 88 0L392 0c30.9 0 56 25.1 56 56l0 288c0 22.3-13.1 41.6-32 50.6l0 69.4 8 0c13.3 0 24 10.7 24 24s-10.7 24-24 24L80 512c-44.2 0-80-35.8-80-80c0-2.7 .1-5.4 .4-8L0 424 0 88zM80 400c-17.7 0-32 14.3-32 32s14.3 32 32 32l288 0 0-64L80 400zM48 358.7c9.8-4.3 20.6-6.7 32-6.7l312 0c4.4 0 8-3.6 8-8l0-288c0-4.4-3.6-8-8-8L88 48C65.9 48 48 65.9 48 88l0 270.7zM152 112l176 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-176 0c-13.3 0-24-10.7-24-24s10.7-24 24-24zm0 80l176 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-176 0c-13.3 0-24-10.7-24-24s10.7-24 24-24z"/></svg>                Ouvrage
    </span>
            <div class="relative z-[2]">
            <div
    x-data="bookmarkButton(
        false,
        'numero',
        'LDF_HERAN_2026_01',
        false,
        null
    )"
>
    <button
        type="button"
        role="button"
        tabindex="0"
        aria-haspopup="dialog"
        :aria-label="bookmarked
            ? JSON.parse('\u0022Retirer de la liste de lecture\u0022')            : JSON.parse('\u0022Ajouter \\u00e0 la liste de lecture\u0022')"
        :aria-pressed="bookmarked"
        class="group text-cairn-main"
        x-on:click="$dispatch('openModal', {
            component: 'modals.numero-add-to-listes-lectures',
            arguments: { itemId: 'LDF_HERAN_2026_01' }
        })"
    >     
                    <template x-if="bookmarked">
                <svg aria-hidden="true" class="bfa bfa-solid inline font-normal size-[18px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M0 48V487.7C0 501.1 10.9 512 24.3 512c5 0 9.9-1.5 14-4.4L192 400 345.7 507.6c4.1 2.9 9 4.4 14 4.4c13.4 0 24.3-10.9 24.3-24.3V48c0-26.5-21.5-48-48-48H48C21.5 0 0 21.5 0 48z"/></svg>            </template>
            <template x-if="!bookmarked">
                <svg aria-hidden="true" class="bfa bfa-regular inline font-normal size-[18px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M0 48C0 21.5 21.5 0 48 0l0 48 0 393.4 130.1-92.9c8.3-6 19.6-6 27.9 0L336 441.4 336 48 48 48 48 0 336 0c26.5 0 48 21.5 48 48l0 440c0 9-5 17.2-13 21.3s-17.6 3.4-24.9-1.8L192 397.5 37.9 507.5c-7.3 5.2-16.9 5.9-24.9 1.8S0 497 0 488L0 48z"/></svg>            </template>
            </button>
</div>
        </div>
    </div>
                    <div class="mb-2">
                <img
    class="border border-silver-chalice-400 rounded-md h-[210px]" loading="lazy" src="https://shs.cairn.info/numero/LDF_HERAN_2026_01/cover/thumbnail?lang=fr" alt=""
    x-alt-clipboard="LDF_HERAN_2026_01"
>
            </div>
                <h3 class="font-bold text-base font-serif leading-5 my-1">
    L'immigration en 30 questions
</h3>
                    <h4 class="font-normal font-serif leading-5 mb-1 italic">
    2026
</h4>
    </div>

    
            <div class="mt-auto pt-1">
            <ul class="font-serif font-bold leading-5">
            <li class="inline-block">
                                    
                        
                            <span class="font-normal">Par</span>
                        
            <a
            x-alt-clipboard="14593"
        class="underline text-cairn-main hover:text-cairn-dark font-medium inline !font-bold z-[1] relative" href="https://shs.cairn.info/publications-de-francois-heran--14593?lang=fr" data-livewire-navigate="data-livewire-navigate">François Héran</a>
        </li>
            </ul>
        </div>
    
</div>
</li>                                    <li x-ref="carouselItem5" x-intersect.full="onIntersectEnter(5)" prefetch="grabbable" class="shrink-0 py-0.5 px-2.5   snap-start scroll-ml-0.5 basis-3/4 sm:basis-1/2 md:basis-1/3 lg:basis-1/4">
    <div class="bg-white hover:bg-concrete-50 text-shark-950 block no-underline relative shadow-halo-sm rounded-xl p-3 flex flex-col h-full flex flex-col">

    
            <a
            x-alt-clipboard="INNO_080"
        class="underline text-cairn-main hover:text-cairn-dark font-medium absolute inset-0 z-[1] focus:outline-none focus:ring-2 focus:ring-cairn-main focus:ring-inset rounded-xl text-transparent overflow-hidden" href="https://shs.cairn.info/revue-innovations-2026-2?lang=fr" data-livewire-navigate="data-livewire-navigate" aria-label="Technologies 4.0 et transformations du systèmes de santé - Innovations 2026/2 N° 80"></a>    
    
    
    
    <div class="">
        <div 
    class="flex flex-row col justify-between mb-1 text-xs leading-4 font-bold text-cairn-main"
>
    <span class="grow">
                    <svg aria-hidden="true" class="bfa bfa-regular inline me-1 align-text-bottom w-[13px] h-[13px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M156 32C100.6 32 48.8 46.6 27.1 53.6C10.3 59 0 74.5 0 91.1L0 403.5c0 26.1 24 44.2 48 40.2c19.8-3.3 54.8-7.7 100-7.7c54 0 97.5 25.5 112.5 35.6c7.5 5 16.8 8.4 27 8.4c11.5 0 21.6-4.2 29.3-9.9C330.2 460.3 369.1 436 428 436c47.7 0 80.5 4 99 7.2c23.9 4.1 49-13.8 49-40.6l0-311.5c0-16.5-10.3-32.1-27.1-37.5C527.2 46.6 475.4 32 420 32c-36.8 0-71.8 6.4-97.4 12.7c-12.8 3.2-23.5 6.3-30.9 8.7c-1.3 .4-2.6 .8-3.7 1.2c-1.1-.4-2.4-.8-3.7-1.2c-7.5-2.4-18.1-5.5-30.9-8.7C227.8 38.4 192.8 32 156 32zM264 97.3l0 320.6C238 404.2 196.8 388 148 388c-42.9 0-77.4 3.7-100 7.1L48 97.3C70.3 90.6 112.4 80 156 80c31.6 0 62.6 5.6 85.9 11.3c8.6 2.1 16.1 4.2 22.1 6zm48 319.2l0-319.2c6-1.8 13.5-3.9 22.1-6C357.4 85.6 388.4 80 420 80c43.6 0 85.7 10.6 108 17.3l0 297.4c-21.7-3.3-54.9-6.7-100-6.7c-51.4 0-90.8 15-116 28.6z"/></svg>                Numéro de revue
    </span>
            <div class="relative z-[2]">
            <div
    x-data="bookmarkButton(
        false,
        'numero',
        'INNO_080',
        false,
        null
    )"
>
    <button
        type="button"
        role="button"
        tabindex="0"
        aria-haspopup="dialog"
        :aria-label="bookmarked
            ? JSON.parse('\u0022Retirer de la liste de lecture\u0022')            : JSON.parse('\u0022Ajouter \\u00e0 la liste de lecture\u0022')"
        :aria-pressed="bookmarked"
        class="group text-cairn-main"
        x-on:click="$dispatch('openModal', {
            component: 'modals.numero-add-to-listes-lectures',
            arguments: { itemId: 'INNO_080' }
        })"
    >     
                    <template x-if="bookmarked">
                <svg aria-hidden="true" class="bfa bfa-solid inline font-normal size-[18px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M0 48V487.7C0 501.1 10.9 512 24.3 512c5 0 9.9-1.5 14-4.4L192 400 345.7 507.6c4.1 2.9 9 4.4 14 4.4c13.4 0 24.3-10.9 24.3-24.3V48c0-26.5-21.5-48-48-48H48C21.5 0 0 21.5 0 48z"/></svg>            </template>
            <template x-if="!bookmarked">
                <svg aria-hidden="true" class="bfa bfa-regular inline font-normal size-[18px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M0 48C0 21.5 21.5 0 48 0l0 48 0 393.4 130.1-92.9c8.3-6 19.6-6 27.9 0L336 441.4 336 48 48 48 48 0 336 0c26.5 0 48 21.5 48 48l0 440c0 9-5 17.2-13 21.3s-17.6 3.4-24.9-1.8L192 397.5 37.9 507.5c-7.3 5.2-16.9 5.9-24.9 1.8S0 497 0 488L0 48z"/></svg>            </template>
            </button>
</div>
        </div>
    </div>
                    <div class="mb-2">
                <img
    class="border border-silver-chalice-400 rounded-md h-[210px]" loading="lazy" src="https://shs.cairn.info/numero/INNO_080/cover/thumbnail?lang=fr" alt=""
    x-alt-clipboard="INNO_080"
>
            </div>
                <h3 class="font-bold text-base font-serif leading-5 my-1">
    Technologies 4.0 et transformations du systèmes de santé
</h3>
    </div>

    
            <div class="mt-auto pt-1">
            <p class="font-serif leading-5 text-shark-950">Innovations</p>
            <p class="text-xs leading-4">2026/2 N° 80</p>
        </div>
    
</div>
</li>                                    <li x-ref="carouselItem6" x-intersect.full="onIntersectEnter(6)" prefetch="grabbable" class="shrink-0 py-0.5 px-2.5   snap-start scroll-ml-0.5 basis-3/4 sm:basis-1/2 md:basis-1/3 lg:basis-1/4">
    <div class="bg-white hover:bg-concrete-50 text-shark-950 block no-underline relative shadow-halo-sm rounded-xl p-3 flex flex-col h-full flex flex-col">

    
            <a
            x-alt-clipboard="CHASO_GERDH_2026_01"
        class="underline text-cairn-main hover:text-cairn-dark font-medium absolute inset-0 z-[1] focus:outline-none focus:ring-2 focus:ring-cairn-main focus:ring-inset rounded-xl text-transparent overflow-hidden" href="https://shs.cairn.info/malika-l-histoire-d-une-psychanalyse--9791034609765?lang=fr" data-livewire-navigate="data-livewire-navigate" aria-label="Malika, l&#039;histoire d&#039;une psychanalyse (2026)"></a>    
    
    
    
    <div class="">
        <div 
    class="flex flex-row col justify-between mb-1 text-xs leading-4 font-bold text-cairn-main"
>
    <span class="grow">
                    <svg aria-hidden="true" class="bfa bfa-regular inline me-1 align-text-bottom w-[11px] h-[11px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M0 88C0 39.4 39.4 0 88 0L392 0c30.9 0 56 25.1 56 56l0 288c0 22.3-13.1 41.6-32 50.6l0 69.4 8 0c13.3 0 24 10.7 24 24s-10.7 24-24 24L80 512c-44.2 0-80-35.8-80-80c0-2.7 .1-5.4 .4-8L0 424 0 88zM80 400c-17.7 0-32 14.3-32 32s14.3 32 32 32l288 0 0-64L80 400zM48 358.7c9.8-4.3 20.6-6.7 32-6.7l312 0c4.4 0 8-3.6 8-8l0-288c0-4.4-3.6-8-8-8L88 48C65.9 48 48 65.9 48 88l0 270.7zM152 112l176 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-176 0c-13.3 0-24-10.7-24-24s10.7-24 24-24zm0 80l176 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-176 0c-13.3 0-24-10.7-24-24s10.7-24 24-24z"/></svg>                Ouvrage
    </span>
            <div class="relative z-[2]">
            <div
    x-data="bookmarkButton(
        false,
        'numero',
        'CHASO_GERDH_2026_01',
        false,
        null
    )"
>
    <button
        type="button"
        role="button"
        tabindex="0"
        aria-haspopup="dialog"
        :aria-label="bookmarked
            ? JSON.parse('\u0022Retirer de la liste de lecture\u0022')            : JSON.parse('\u0022Ajouter \\u00e0 la liste de lecture\u0022')"
        :aria-pressed="bookmarked"
        class="group text-cairn-main"
        x-on:click="$dispatch('openModal', {
            component: 'modals.numero-add-to-listes-lectures',
            arguments: { itemId: 'CHASO_GERDH_2026_01' }
        })"
    >     
                    <template x-if="bookmarked">
                <svg aria-hidden="true" class="bfa bfa-solid inline font-normal size-[18px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M0 48V487.7C0 501.1 10.9 512 24.3 512c5 0 9.9-1.5 14-4.4L192 400 345.7 507.6c4.1 2.9 9 4.4 14 4.4c13.4 0 24.3-10.9 24.3-24.3V48c0-26.5-21.5-48-48-48H48C21.5 0 0 21.5 0 48z"/></svg>            </template>
            <template x-if="!bookmarked">
                <svg aria-hidden="true" class="bfa bfa-regular inline font-normal size-[18px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M0 48C0 21.5 21.5 0 48 0l0 48 0 393.4 130.1-92.9c8.3-6 19.6-6 27.9 0L336 441.4 336 48 48 48 48 0 336 0c26.5 0 48 21.5 48 48l0 440c0 9-5 17.2-13 21.3s-17.6 3.4-24.9-1.8L192 397.5 37.9 507.5c-7.3 5.2-16.9 5.9-24.9 1.8S0 497 0 488L0 48z"/></svg>            </template>
            </button>
</div>
        </div>
    </div>
                    <div class="mb-2">
                <img
    class="border border-silver-chalice-400 rounded-md h-[210px]" loading="lazy" src="https://shs.cairn.info/numero/CHASO_GERDH_2026_01/cover/thumbnail?lang=fr" alt=""
    x-alt-clipboard="CHASO_GERDH_2026_01"
>
            </div>
                <h3 class="font-bold text-base font-serif leading-5 my-1">
    Malika, l'histoire d'une psychanalyse
</h3>
                    <h4 class="font-normal font-serif leading-5 mb-1 italic">
    2026
</h4>
    </div>

    
            <div class="mt-auto pt-1">
            <ul class="font-serif font-bold leading-5">
            <li class="inline-block">
                                    
                        
                            <span class="font-normal">Par</span>
                        
            <a
            x-alt-clipboard="906716"
        class="underline text-cairn-main hover:text-cairn-dark font-medium inline !font-bold z-[1] relative" href="https://shs.cairn.info/publications-de-malika-gherdis--906716?lang=fr" data-livewire-navigate="data-livewire-navigate">Malika Gherdis</a>
        </li>
            </ul>
        </div>
    
</div>
</li>                                    <li x-ref="carouselItem7" x-intersect.full="onIntersectEnter(7)" prefetch="grabbable" class="shrink-0 py-0.5 px-2.5   snap-start scroll-ml-0.5 basis-3/4 sm:basis-1/2 md:basis-1/3 lg:basis-1/4">
    <div class="bg-white hover:bg-concrete-50 text-shark-950 block no-underline relative shadow-halo-sm rounded-xl p-3 flex flex-col h-full flex flex-col">

    
            <a
            x-alt-clipboard="EDMAT_AZIZL_2025_01"
        class="underline text-cairn-main hover:text-cairn-dark font-medium absolute inset-0 z-[1] focus:outline-none focus:ring-2 focus:ring-cairn-main focus:ring-inset rounded-xl text-transparent overflow-hidden" href="https://stm.cairn.info/le-poisson-et-lingenieur--9782373614855?lang=fr" aria-label="Le poisson et l’ingénieur - Frédéric Houssay (1860-1920) et le projet d’une mécanique des formes vivantes (2025)"></a>    
    
    
    
    <div class="">
        <div 
    class="flex flex-row col justify-between mb-1 text-xs leading-4 font-bold text-cairn-main"
>
    <span class="grow">
                    <svg aria-hidden="true" class="bfa bfa-regular inline me-1 align-text-bottom w-[11px] h-[11px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M0 88C0 39.4 39.4 0 88 0L392 0c30.9 0 56 25.1 56 56l0 288c0 22.3-13.1 41.6-32 50.6l0 69.4 8 0c13.3 0 24 10.7 24 24s-10.7 24-24 24L80 512c-44.2 0-80-35.8-80-80c0-2.7 .1-5.4 .4-8L0 424 0 88zM80 400c-17.7 0-32 14.3-32 32s14.3 32 32 32l288 0 0-64L80 400zM48 358.7c9.8-4.3 20.6-6.7 32-6.7l312 0c4.4 0 8-3.6 8-8l0-288c0-4.4-3.6-8-8-8L88 48C65.9 48 48 65.9 48 88l0 270.7zM152 112l176 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-176 0c-13.3 0-24-10.7-24-24s10.7-24 24-24zm0 80l176 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-176 0c-13.3 0-24-10.7-24-24s10.7-24 24-24z"/></svg>                Ouvrage
    </span>
            <div class="relative z-[2]">
            <div
    x-data="bookmarkButton(
        false,
        'numero',
        'EDMAT_AZIZL_2025_01',
        false,
        null
    )"
>
    <button
        type="button"
        role="button"
        tabindex="0"
        aria-haspopup="dialog"
        :aria-label="bookmarked
            ? JSON.parse('\u0022Retirer de la liste de lecture\u0022')            : JSON.parse('\u0022Ajouter \\u00e0 la liste de lecture\u0022')"
        :aria-pressed="bookmarked"
        class="group text-cairn-main"
        x-on:click="$dispatch('openModal', {
            component: 'modals.numero-add-to-listes-lectures',
            arguments: { itemId: 'EDMAT_AZIZL_2025_01' }
        })"
    >     
                    <template x-if="bookmarked">
                <svg aria-hidden="true" class="bfa bfa-solid inline font-normal size-[18px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M0 48V487.7C0 501.1 10.9 512 24.3 512c5 0 9.9-1.5 14-4.4L192 400 345.7 507.6c4.1 2.9 9 4.4 14 4.4c13.4 0 24.3-10.9 24.3-24.3V48c0-26.5-21.5-48-48-48H48C21.5 0 0 21.5 0 48z"/></svg>            </template>
            <template x-if="!bookmarked">
                <svg aria-hidden="true" class="bfa bfa-regular inline font-normal size-[18px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M0 48C0 21.5 21.5 0 48 0l0 48 0 393.4 130.1-92.9c8.3-6 19.6-6 27.9 0L336 441.4 336 48 48 48 48 0 336 0c26.5 0 48 21.5 48 48l0 440c0 9-5 17.2-13 21.3s-17.6 3.4-24.9-1.8L192 397.5 37.9 507.5c-7.3 5.2-16.9 5.9-24.9 1.8S0 497 0 488L0 48z"/></svg>            </template>
            </button>
</div>
        </div>
    </div>
                    <div class="mb-2">
                <img
    class="border border-silver-chalice-400 rounded-md h-[210px]" loading="lazy" src="https://shs.cairn.info/numero/EDMAT_AZIZL_2025_01/cover/thumbnail?lang=fr" alt=""
    x-alt-clipboard="EDMAT_AZIZL_2025_01"
>
            </div>
                <h3 class="font-bold text-base font-serif leading-5 my-1">
    Le poisson et l’ingénieur
</h3>
                    <h4 class="font-normal font-serif leading-5 mb-1">
    Frédéric Houssay (1860-1920) et le projet d’une mécanique des formes vivantes
                                    - <i>2025</i>
</h4>
    </div>

    
            <div class="mt-auto pt-1">
            <ul class="font-serif font-bold leading-5">
            <li class="inline-block">
                                    
                        
                            <span class="font-normal">Par</span>
                        
            <a
            x-alt-clipboard="906855"
        class="underline text-cairn-main hover:text-cairn-dark font-medium inline !font-bold z-[1] relative" href="https://shs.cairn.info/publications-de-marwan-aziz-luquet--906855?lang=fr" data-livewire-navigate="data-livewire-navigate">Marwan Aziz-Luquet</a>
        </li>
            </ul>
        </div>
    
</div>
</li>                                    <li x-ref="carouselItem8" x-intersect.full="onIntersectEnter(8)" prefetch="grabbable" class="shrink-0 py-0.5 px-2.5   snap-start scroll-ml-0.5 basis-3/4 sm:basis-1/2 md:basis-1/3 lg:basis-1/4">
    <div class="bg-white hover:bg-concrete-50 text-shark-950 block no-underline relative shadow-halo-sm rounded-xl p-3 flex flex-col h-full flex flex-col">

    
            <a
            x-alt-clipboard="HERM_MESTR_2026_01"
        class="underline text-cairn-main hover:text-cairn-dark font-medium absolute inset-0 z-[1] focus:outline-none focus:ring-2 focus:ring-cairn-main focus:ring-inset rounded-xl text-transparent overflow-hidden" href="https://shs.cairn.info/refaire-ecole--9791037046291?lang=fr" data-livewire-navigate="data-livewire-navigate" aria-label="Refaire école - La République et l’excellence pour les jeunes des quartiers populaires (2026)"></a>    
    
    
    
    <div class="">
        <div 
    class="flex flex-row col justify-between mb-1 text-xs leading-4 font-bold text-cairn-main"
>
    <span class="grow">
                    <svg aria-hidden="true" class="bfa bfa-regular inline me-1 align-text-bottom w-[11px] h-[11px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M0 88C0 39.4 39.4 0 88 0L392 0c30.9 0 56 25.1 56 56l0 288c0 22.3-13.1 41.6-32 50.6l0 69.4 8 0c13.3 0 24 10.7 24 24s-10.7 24-24 24L80 512c-44.2 0-80-35.8-80-80c0-2.7 .1-5.4 .4-8L0 424 0 88zM80 400c-17.7 0-32 14.3-32 32s14.3 32 32 32l288 0 0-64L80 400zM48 358.7c9.8-4.3 20.6-6.7 32-6.7l312 0c4.4 0 8-3.6 8-8l0-288c0-4.4-3.6-8-8-8L88 48C65.9 48 48 65.9 48 88l0 270.7zM152 112l176 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-176 0c-13.3 0-24-10.7-24-24s10.7-24 24-24zm0 80l176 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-176 0c-13.3 0-24-10.7-24-24s10.7-24 24-24z"/></svg>                Ouvrage
    </span>
            <div class="relative z-[2]">
            <div
    x-data="bookmarkButton(
        false,
        'numero',
        'HERM_MESTR_2026_01',
        false,
        null
    )"
>
    <button
        type="button"
        role="button"
        tabindex="0"
        aria-haspopup="dialog"
        :aria-label="bookmarked
            ? JSON.parse('\u0022Retirer de la liste de lecture\u0022')            : JSON.parse('\u0022Ajouter \\u00e0 la liste de lecture\u0022')"
        :aria-pressed="bookmarked"
        class="group text-cairn-main"
        x-on:click="$dispatch('openModal', {
            component: 'modals.numero-add-to-listes-lectures',
            arguments: { itemId: 'HERM_MESTR_2026_01' }
        })"
    >     
                    <template x-if="bookmarked">
                <svg aria-hidden="true" class="bfa bfa-solid inline font-normal size-[18px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M0 48V487.7C0 501.1 10.9 512 24.3 512c5 0 9.9-1.5 14-4.4L192 400 345.7 507.6c4.1 2.9 9 4.4 14 4.4c13.4 0 24.3-10.9 24.3-24.3V48c0-26.5-21.5-48-48-48H48C21.5 0 0 21.5 0 48z"/></svg>            </template>
            <template x-if="!bookmarked">
                <svg aria-hidden="true" class="bfa bfa-regular inline font-normal size-[18px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M0 48C0 21.5 21.5 0 48 0l0 48 0 393.4 130.1-92.9c8.3-6 19.6-6 27.9 0L336 441.4 336 48 48 48 48 0 336 0c26.5 0 48 21.5 48 48l0 440c0 9-5 17.2-13 21.3s-17.6 3.4-24.9-1.8L192 397.5 37.9 507.5c-7.3 5.2-16.9 5.9-24.9 1.8S0 497 0 488L0 48z"/></svg>            </template>
            </button>
</div>
        </div>
    </div>
                    <div class="mb-2">
                <img
    class="border border-silver-chalice-400 rounded-md h-[210px]" loading="lazy" src="https://shs.cairn.info/numero/HERM_MESTR_2026_01/cover/thumbnail?lang=fr" alt=""
    x-alt-clipboard="HERM_MESTR_2026_01"
>
            </div>
                <h3 class="font-bold text-base font-serif leading-5 my-1">
    Refaire école
</h3>
                    <h4 class="font-normal font-serif leading-5 mb-1">
    La République et l’excellence pour les jeunes des quartiers populaires
                                    - <i>2026</i>
</h4>
    </div>

    
            <div class="mt-auto pt-1">
            <ul class="font-serif font-bold leading-5">
            <li class="inline-block">
                                    
                        
                            <span class="font-normal">Par</span>
                        
            <a
            x-alt-clipboard="906738"
        class="underline text-cairn-main hover:text-cairn-dark font-medium inline !font-bold z-[1] relative" href="https://shs.cairn.info/publications-de-eric-mestrallet--906738?lang=fr" data-livewire-navigate="data-livewire-navigate">Éric Mestrallet</a>
        </li>
            </ul>
        </div>
    
</div>
</li>                                    <li x-ref="carouselItem9" x-intersect.full="onIntersectEnter(9)" prefetch="grabbable" class="shrink-0 py-0.5 px-2.5   snap-start scroll-ml-0.5 basis-3/4 sm:basis-1/2 md:basis-1/3 lg:basis-1/4">
    <div class="bg-white hover:bg-concrete-50 text-shark-950 block no-underline relative shadow-halo-sm rounded-xl p-3 flex flex-col h-full flex flex-col">

    
            <a
            x-alt-clipboard="ARTH_CLEME_2026_01"
        class="underline text-cairn-main hover:text-cairn-dark font-medium absolute inset-0 z-[1] focus:outline-none focus:ring-2 focus:ring-cairn-main focus:ring-inset rounded-xl text-transparent overflow-hidden" href="https://shs.cairn.info/un-jardin-pour-leternite--9782080497536?lang=fr" data-livewire-navigate="data-livewire-navigate" aria-label="Un jardin pour l&#039;éternité (2026)"></a>    
    
    
    
    <div class="">
        <div 
    class="flex flex-row col justify-between mb-1 text-xs leading-4 font-bold text-cairn-main"
>
    <span class="grow">
                    <svg aria-hidden="true" class="bfa bfa-regular inline me-1 align-text-bottom w-[11px] h-[11px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M0 88C0 39.4 39.4 0 88 0L392 0c30.9 0 56 25.1 56 56l0 288c0 22.3-13.1 41.6-32 50.6l0 69.4 8 0c13.3 0 24 10.7 24 24s-10.7 24-24 24L80 512c-44.2 0-80-35.8-80-80c0-2.7 .1-5.4 .4-8L0 424 0 88zM80 400c-17.7 0-32 14.3-32 32s14.3 32 32 32l288 0 0-64L80 400zM48 358.7c9.8-4.3 20.6-6.7 32-6.7l312 0c4.4 0 8-3.6 8-8l0-288c0-4.4-3.6-8-8-8L88 48C65.9 48 48 65.9 48 88l0 270.7zM152 112l176 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-176 0c-13.3 0-24-10.7-24-24s10.7-24 24-24zm0 80l176 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-176 0c-13.3 0-24-10.7-24-24s10.7-24 24-24z"/></svg>                Ouvrage
    </span>
            <div class="relative z-[2]">
            <div
    x-data="bookmarkButton(
        false,
        'numero',
        'ARTH_CLEME_2026_01',
        false,
        null
    )"
>
    <button
        type="button"
        role="button"
        tabindex="0"
        aria-haspopup="dialog"
        :aria-label="bookmarked
            ? JSON.parse('\u0022Retirer de la liste de lecture\u0022')            : JSON.parse('\u0022Ajouter \\u00e0 la liste de lecture\u0022')"
        :aria-pressed="bookmarked"
        class="group text-cairn-main"
        x-on:click="$dispatch('openModal', {
            component: 'modals.numero-add-to-listes-lectures',
            arguments: { itemId: 'ARTH_CLEME_2026_01' }
        })"
    >     
                    <template x-if="bookmarked">
                <svg aria-hidden="true" class="bfa bfa-solid inline font-normal size-[18px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M0 48V487.7C0 501.1 10.9 512 24.3 512c5 0 9.9-1.5 14-4.4L192 400 345.7 507.6c4.1 2.9 9 4.4 14 4.4c13.4 0 24.3-10.9 24.3-24.3V48c0-26.5-21.5-48-48-48H48C21.5 0 0 21.5 0 48z"/></svg>            </template>
            <template x-if="!bookmarked">
                <svg aria-hidden="true" class="bfa bfa-regular inline font-normal size-[18px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M0 48C0 21.5 21.5 0 48 0l0 48 0 393.4 130.1-92.9c8.3-6 19.6-6 27.9 0L336 441.4 336 48 48 48 48 0 336 0c26.5 0 48 21.5 48 48l0 440c0 9-5 17.2-13 21.3s-17.6 3.4-24.9-1.8L192 397.5 37.9 507.5c-7.3 5.2-16.9 5.9-24.9 1.8S0 497 0 488L0 48z"/></svg>            </template>
            </button>
</div>
        </div>
    </div>
                    <div class="mb-2">
                <img
    class="border border-silver-chalice-400 rounded-md h-[210px]" loading="lazy" src="https://shs.cairn.info/numero/ARTH_CLEME_2026_01/cover/thumbnail?lang=fr" alt=""
    x-alt-clipboard="ARTH_CLEME_2026_01"
>
            </div>
                <h3 class="font-bold text-base font-serif leading-5 my-1">
    Un jardin pour l'éternité
</h3>
                    <h4 class="font-normal font-serif leading-5 mb-1 italic">
    2026
</h4>
    </div>

    
            <div class="mt-auto pt-1">
            <ul class="font-serif font-bold leading-5">
            <li class="inline-block">
                                    
                        
                            <span class="font-normal">Par</span>
                        
            <a
            x-alt-clipboard="8557"
        class="underline text-cairn-main hover:text-cairn-dark font-medium inline !font-bold z-[1] relative" href="https://shs.cairn.info/publications-de-gilles-clement--8557?lang=fr" data-livewire-navigate="data-livewire-navigate">Gilles Clément</a>
        </li>
                    <li class="inline-block">
                                        <span class="font-normal">et</span>
                        
                        
                        
            <a
            x-alt-clipboard="906780"
        class="underline text-cairn-main hover:text-cairn-dark font-medium inline !font-bold z-[1] relative" href="https://shs.cairn.info/publications-de-yorgos-archimandritis--906780?lang=fr" data-livewire-navigate="data-livewire-navigate">Yorgos Archimandritis</a>
        </li>
            </ul>
        </div>
    
</div>
</li>                                    <li x-ref="carouselItem10" x-intersect.full="onIntersectEnter(10)" prefetch="grabbable" class="shrink-0 py-0.5 px-2.5   snap-start scroll-ml-0.5 basis-3/4 sm:basis-1/2 md:basis-1/3 lg:basis-1/4">
    <div class="bg-white hover:bg-concrete-50 text-shark-950 block no-underline relative shadow-halo-sm rounded-xl p-3 flex flex-col h-full flex flex-col">

    
            <a
            x-alt-clipboard="HERM_ROBLO_2026_01"
        class="underline text-cairn-main hover:text-cairn-dark font-medium absolute inset-0 z-[1] focus:outline-none focus:ring-2 focus:ring-cairn-main focus:ring-inset rounded-xl text-transparent overflow-hidden" href="https://stm.cairn.info/vivre-sans-co2--9791037046260?lang=fr" aria-label="Vivre sans CO2 - En France, on n&#039;a pas de pétrole, mais on a de l&#039;électricité (2026)"></a>    
    
    
    
    <div class="">
        <div 
    class="flex flex-row col justify-between mb-1 text-xs leading-4 font-bold text-cairn-main"
>
    <span class="grow">
                    <svg aria-hidden="true" class="bfa bfa-regular inline me-1 align-text-bottom w-[11px] h-[11px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M0 88C0 39.4 39.4 0 88 0L392 0c30.9 0 56 25.1 56 56l0 288c0 22.3-13.1 41.6-32 50.6l0 69.4 8 0c13.3 0 24 10.7 24 24s-10.7 24-24 24L80 512c-44.2 0-80-35.8-80-80c0-2.7 .1-5.4 .4-8L0 424 0 88zM80 400c-17.7 0-32 14.3-32 32s14.3 32 32 32l288 0 0-64L80 400zM48 358.7c9.8-4.3 20.6-6.7 32-6.7l312 0c4.4 0 8-3.6 8-8l0-288c0-4.4-3.6-8-8-8L88 48C65.9 48 48 65.9 48 88l0 270.7zM152 112l176 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-176 0c-13.3 0-24-10.7-24-24s10.7-24 24-24zm0 80l176 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-176 0c-13.3 0-24-10.7-24-24s10.7-24 24-24z"/></svg>                Ouvrage
    </span>
            <div class="relative z-[2]">
            <div
    x-data="bookmarkButton(
        false,
        'numero',
        'HERM_ROBLO_2026_01',
        false,
        null
    )"
>
    <button
        type="button"
        role="button"
        tabindex="0"
        aria-haspopup="dialog"
        :aria-label="bookmarked
            ? JSON.parse('\u0022Retirer de la liste de lecture\u0022')            : JSON.parse('\u0022Ajouter \\u00e0 la liste de lecture\u0022')"
        :aria-pressed="bookmarked"
        class="group text-cairn-main"
        x-on:click="$dispatch('openModal', {
            component: 'modals.numero-add-to-listes-lectures',
            arguments: { itemId: 'HERM_ROBLO_2026_01' }
        })"
    >     
                    <template x-if="bookmarked">
                <svg aria-hidden="true" class="bfa bfa-solid inline font-normal size-[18px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M0 48V487.7C0 501.1 10.9 512 24.3 512c5 0 9.9-1.5 14-4.4L192 400 345.7 507.6c4.1 2.9 9 4.4 14 4.4c13.4 0 24.3-10.9 24.3-24.3V48c0-26.5-21.5-48-48-48H48C21.5 0 0 21.5 0 48z"/></svg>            </template>
            <template x-if="!bookmarked">
                <svg aria-hidden="true" class="bfa bfa-regular inline font-normal size-[18px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M0 48C0 21.5 21.5 0 48 0l0 48 0 393.4 130.1-92.9c8.3-6 19.6-6 27.9 0L336 441.4 336 48 48 48 48 0 336 0c26.5 0 48 21.5 48 48l0 440c0 9-5 17.2-13 21.3s-17.6 3.4-24.9-1.8L192 397.5 37.9 507.5c-7.3 5.2-16.9 5.9-24.9 1.8S0 497 0 488L0 48z"/></svg>            </template>
            </button>
</div>
        </div>
    </div>
                    <div class="mb-2">
                <img
    class="border border-silver-chalice-400 rounded-md h-[210px]" loading="lazy" src="https://shs.cairn.info/numero/HERM_ROBLO_2026_01/cover/thumbnail?lang=fr" alt=""
    x-alt-clipboard="HERM_ROBLO_2026_01"
>
            </div>
                <h3 class="font-bold text-base font-serif leading-5 my-1">
    Vivre sans CO<sub>2</sub>
</h3>
                    <h4 class="font-normal font-serif leading-5 mb-1">
    En France, on n'a pas de pétrole, mais on a de l'électricité
                                    - <i>2026</i>
</h4>
    </div>

    
            <div class="mt-auto pt-1">
            <ul class="font-serif font-bold leading-5">
            <li class="inline-block">
                                    
                        
                            <span class="font-normal">Par</span>
                        
            <a
            x-alt-clipboard="906739"
        class="underline text-cairn-main hover:text-cairn-dark font-medium inline !font-bold z-[1] relative" href="https://shs.cairn.info/publications-de-edouard-roblot--906739?lang=fr" data-livewire-navigate="data-livewire-navigate">Édouard Roblot</a>
        </li>
            </ul>
        </div>
    
</div>
</li>                                    <li x-ref="carouselItem11" x-intersect.full="onIntersectEnter(11)" prefetch="grabbable" class="shrink-0 py-0.5 px-2.5   snap-start scroll-ml-0.5 basis-3/4 sm:basis-1/2 md:basis-1/3 lg:basis-1/4">
    <div class="bg-white hover:bg-concrete-50 text-shark-950 block no-underline relative shadow-halo-sm rounded-xl p-3 flex flex-col h-full flex flex-col">

    
            <a
            x-alt-clipboard="ATELI_CADEN_2025_01"
        class="underline text-cairn-main hover:text-cairn-dark font-medium absolute inset-0 z-[1] focus:outline-none focus:ring-2 focus:ring-cairn-main focus:ring-inset rounded-xl text-transparent overflow-hidden" href="https://shs.cairn.info/en-finir-avec-les-idees-fausses-sur-la-laicite-ned--9782708295247?lang=fr" data-livewire-navigate="data-livewire-navigate" aria-label="En finir avec les idées fausses sur la Laïcité NED (2025)"></a>    
    
    
    
    <div class="">
        <div 
    class="flex flex-row col justify-between mb-1 text-xs leading-4 font-bold text-cairn-main"
>
    <span class="grow">
                    <svg aria-hidden="true" class="bfa bfa-regular inline me-1 align-text-bottom w-[11px] h-[11px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M0 88C0 39.4 39.4 0 88 0L392 0c30.9 0 56 25.1 56 56l0 288c0 22.3-13.1 41.6-32 50.6l0 69.4 8 0c13.3 0 24 10.7 24 24s-10.7 24-24 24L80 512c-44.2 0-80-35.8-80-80c0-2.7 .1-5.4 .4-8L0 424 0 88zM80 400c-17.7 0-32 14.3-32 32s14.3 32 32 32l288 0 0-64L80 400zM48 358.7c9.8-4.3 20.6-6.7 32-6.7l312 0c4.4 0 8-3.6 8-8l0-288c0-4.4-3.6-8-8-8L88 48C65.9 48 48 65.9 48 88l0 270.7zM152 112l176 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-176 0c-13.3 0-24-10.7-24-24s10.7-24 24-24zm0 80l176 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-176 0c-13.3 0-24-10.7-24-24s10.7-24 24-24z"/></svg>                Ouvrage
    </span>
            <div class="relative z-[2]">
            <div
    x-data="bookmarkButton(
        false,
        'numero',
        'ATELI_CADEN_2025_01',
        false,
        null
    )"
>
    <button
        type="button"
        role="button"
        tabindex="0"
        aria-haspopup="dialog"
        :aria-label="bookmarked
            ? JSON.parse('\u0022Retirer de la liste de lecture\u0022')            : JSON.parse('\u0022Ajouter \\u00e0 la liste de lecture\u0022')"
        :aria-pressed="bookmarked"
        class="group text-cairn-main"
        x-on:click="$dispatch('openModal', {
            component: 'modals.numero-add-to-listes-lectures',
            arguments: { itemId: 'ATELI_CADEN_2025_01' }
        })"
    >     
                    <template x-if="bookmarked">
                <svg aria-hidden="true" class="bfa bfa-solid inline font-normal size-[18px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M0 48V487.7C0 501.1 10.9 512 24.3 512c5 0 9.9-1.5 14-4.4L192 400 345.7 507.6c4.1 2.9 9 4.4 14 4.4c13.4 0 24.3-10.9 24.3-24.3V48c0-26.5-21.5-48-48-48H48C21.5 0 0 21.5 0 48z"/></svg>            </template>
            <template x-if="!bookmarked">
                <svg aria-hidden="true" class="bfa bfa-regular inline font-normal size-[18px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M0 48C0 21.5 21.5 0 48 0l0 48 0 393.4 130.1-92.9c8.3-6 19.6-6 27.9 0L336 441.4 336 48 48 48 48 0 336 0c26.5 0 48 21.5 48 48l0 440c0 9-5 17.2-13 21.3s-17.6 3.4-24.9-1.8L192 397.5 37.9 507.5c-7.3 5.2-16.9 5.9-24.9 1.8S0 497 0 488L0 48z"/></svg>            </template>
            </button>
</div>
        </div>
    </div>
                    <div class="mb-2">
                <img
    class="border border-silver-chalice-400 rounded-md h-[210px]" loading="lazy" src="https://shs.cairn.info/numero/ATELI_CADEN_2025_01/cover/thumbnail?lang=fr" alt=""
    x-alt-clipboard="ATELI_CADEN_2025_01"
>
            </div>
                <h3 class="font-bold text-base font-serif leading-5 my-1">
    En finir avec les idées fausses sur la Laïcité NED
</h3>
                    <h4 class="font-normal font-serif leading-5 mb-1 italic">
    2025
</h4>
    </div>

    
            <div class="mt-auto pt-1">
            <ul class="font-serif font-bold leading-5">
            <li class="inline-block">
                                    
                        
                            <span class="font-normal">Par</span>
                        
            <a
            x-alt-clipboard="686136"
        class="underline text-cairn-main hover:text-cairn-dark font-medium inline !font-bold z-[1] relative" href="https://shs.cairn.info/publications-de-nicolas-cadene--686136?lang=fr" data-livewire-navigate="data-livewire-navigate">Nicolas Cadène</a>
        </li>
            </ul>
        </div>
    
</div>
</li>                                    <li x-ref="carouselItem12" x-intersect.full="onIntersectEnter(12)" prefetch="grabbable" class="shrink-0 py-0.5 px-2.5   snap-start scroll-ml-0.5 basis-3/4 sm:basis-1/2 md:basis-1/3 lg:basis-1/4">
    <div class="bg-white hover:bg-concrete-50 text-shark-950 block no-underline relative shadow-halo-sm rounded-xl p-3 flex flex-col h-full flex flex-col">

    
            <a
            x-alt-clipboard="ATELI_VANIE_2026_01"
        class="underline text-cairn-main hover:text-cairn-dark font-medium absolute inset-0 z-[1] focus:outline-none focus:ring-2 focus:ring-cairn-main focus:ring-inset rounded-xl text-transparent overflow-hidden" href="https://shs.cairn.info/en-finir-avec-les-idees-fausses-sur-lamenagement-du-territoire--9782708295230?lang=fr" data-livewire-navigate="data-livewire-navigate" aria-label="En finir avec les idées fausses sur l&#039;aménagement du territoire - Dans quelle France voulons nous vivre ? (2026)"></a>    
    
    
    
    <div class="">
        <div 
    class="flex flex-row col justify-between mb-1 text-xs leading-4 font-bold text-cairn-main"
>
    <span class="grow">
                    <svg aria-hidden="true" class="bfa bfa-regular inline me-1 align-text-bottom w-[11px] h-[11px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M0 88C0 39.4 39.4 0 88 0L392 0c30.9 0 56 25.1 56 56l0 288c0 22.3-13.1 41.6-32 50.6l0 69.4 8 0c13.3 0 24 10.7 24 24s-10.7 24-24 24L80 512c-44.2 0-80-35.8-80-80c0-2.7 .1-5.4 .4-8L0 424 0 88zM80 400c-17.7 0-32 14.3-32 32s14.3 32 32 32l288 0 0-64L80 400zM48 358.7c9.8-4.3 20.6-6.7 32-6.7l312 0c4.4 0 8-3.6 8-8l0-288c0-4.4-3.6-8-8-8L88 48C65.9 48 48 65.9 48 88l0 270.7zM152 112l176 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-176 0c-13.3 0-24-10.7-24-24s10.7-24 24-24zm0 80l176 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-176 0c-13.3 0-24-10.7-24-24s10.7-24 24-24z"/></svg>                Ouvrage
    </span>
            <div class="relative z-[2]">
            <div
    x-data="bookmarkButton(
        false,
        'numero',
        'ATELI_VANIE_2026_01',
        false,
        null
    )"
>
    <button
        type="button"
        role="button"
        tabindex="0"
        aria-haspopup="dialog"
        :aria-label="bookmarked
            ? JSON.parse('\u0022Retirer de la liste de lecture\u0022')            : JSON.parse('\u0022Ajouter \\u00e0 la liste de lecture\u0022')"
        :aria-pressed="bookmarked"
        class="group text-cairn-main"
        x-on:click="$dispatch('openModal', {
            component: 'modals.numero-add-to-listes-lectures',
            arguments: { itemId: 'ATELI_VANIE_2026_01' }
        })"
    >     
                    <template x-if="bookmarked">
                <svg aria-hidden="true" class="bfa bfa-solid inline font-normal size-[18px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M0 48V487.7C0 501.1 10.9 512 24.3 512c5 0 9.9-1.5 14-4.4L192 400 345.7 507.6c4.1 2.9 9 4.4 14 4.4c13.4 0 24.3-10.9 24.3-24.3V48c0-26.5-21.5-48-48-48H48C21.5 0 0 21.5 0 48z"/></svg>            </template>
            <template x-if="!bookmarked">
                <svg aria-hidden="true" class="bfa bfa-regular inline font-normal size-[18px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M0 48C0 21.5 21.5 0 48 0l0 48 0 393.4 130.1-92.9c8.3-6 19.6-6 27.9 0L336 441.4 336 48 48 48 48 0 336 0c26.5 0 48 21.5 48 48l0 440c0 9-5 17.2-13 21.3s-17.6 3.4-24.9-1.8L192 397.5 37.9 507.5c-7.3 5.2-16.9 5.9-24.9 1.8S0 497 0 488L0 48z"/></svg>            </template>
            </button>
</div>
        </div>
    </div>
                    <div class="mb-2">
                <img
    class="border border-silver-chalice-400 rounded-md h-[210px]" loading="lazy" src="https://shs.cairn.info/numero/ATELI_VANIE_2026_01/cover/thumbnail?lang=fr" alt=""
    x-alt-clipboard="ATELI_VANIE_2026_01"
>
            </div>
                <h3 class="font-bold text-base font-serif leading-5 my-1">
    En finir avec les idées fausses sur l'aménagement du territoire
</h3>
                    <h4 class="font-normal font-serif leading-5 mb-1">
    Dans quelle France voulons nous vivre ?
                                    - <i>2026</i>
</h4>
    </div>

    
            <div class="mt-auto pt-1">
            <ul class="font-serif font-bold leading-5">
            <li class="inline-block">
                                    
                        
                            <span class="font-normal">Par</span>
                        
            <a
            x-alt-clipboard="36884"
        class="underline text-cairn-main hover:text-cairn-dark font-medium inline !font-bold z-[1] relative" href="https://shs.cairn.info/publications-de-martin-vanier--36884?lang=fr" data-livewire-navigate="data-livewire-navigate">Martin Vanier</a>
        </li>
            </ul>
        </div>
    
</div>
</li>                                    <li x-ref="carouselItem13" x-intersect.full="onIntersectEnter(13)" prefetch="grabbable" class="shrink-0 py-0.5 px-2.5   snap-start scroll-ml-0.5 basis-3/4 sm:basis-1/2 md:basis-1/3 lg:basis-1/4">
    <div class="bg-white hover:bg-concrete-50 text-shark-950 block no-underline relative shadow-halo-sm rounded-xl p-3 flex flex-col h-full flex flex-col">

    
            <a
            x-alt-clipboard="EMS_COUZI_2026_01"
        class="underline text-cairn-main hover:text-cairn-dark font-medium absolute inset-0 z-[1] focus:outline-none focus:ring-2 focus:ring-cairn-main focus:ring-inset rounded-xl text-transparent overflow-hidden" href="https://shs.cairn.info/limaginaire-dans-les-sciences-de-gestion--9782386302909?lang=fr" data-livewire-navigate="data-livewire-navigate" aria-label="L&#039;imaginaire dans les sciences de gestion (2026)"></a>    
    
    
    
    <div class="">
        <div 
    class="flex flex-row col justify-between mb-1 text-xs leading-4 font-bold text-cairn-main"
>
    <span class="grow">
                    <svg aria-hidden="true" class="bfa bfa-regular inline me-1 align-text-bottom w-[11px] h-[11px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M0 88C0 39.4 39.4 0 88 0L392 0c30.9 0 56 25.1 56 56l0 288c0 22.3-13.1 41.6-32 50.6l0 69.4 8 0c13.3 0 24 10.7 24 24s-10.7 24-24 24L80 512c-44.2 0-80-35.8-80-80c0-2.7 .1-5.4 .4-8L0 424 0 88zM80 400c-17.7 0-32 14.3-32 32s14.3 32 32 32l288 0 0-64L80 400zM48 358.7c9.8-4.3 20.6-6.7 32-6.7l312 0c4.4 0 8-3.6 8-8l0-288c0-4.4-3.6-8-8-8L88 48C65.9 48 48 65.9 48 88l0 270.7zM152 112l176 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-176 0c-13.3 0-24-10.7-24-24s10.7-24 24-24zm0 80l176 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-176 0c-13.3 0-24-10.7-24-24s10.7-24 24-24z"/></svg>                Ouvrage
    </span>
            <div class="relative z-[2]">
            <div
    x-data="bookmarkButton(
        false,
        'numero',
        'EMS_COUZI_2026_01',
        false,
        null
    )"
>
    <button
        type="button"
        role="button"
        tabindex="0"
        aria-haspopup="dialog"
        :aria-label="bookmarked
            ? JSON.parse('\u0022Retirer de la liste de lecture\u0022')            : JSON.parse('\u0022Ajouter \\u00e0 la liste de lecture\u0022')"
        :aria-pressed="bookmarked"
        class="group text-cairn-main"
        x-on:click="$dispatch('openModal', {
            component: 'modals.numero-add-to-listes-lectures',
            arguments: { itemId: 'EMS_COUZI_2026_01' }
        })"
    >     
                    <template x-if="bookmarked">
                <svg aria-hidden="true" class="bfa bfa-solid inline font-normal size-[18px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M0 48V487.7C0 501.1 10.9 512 24.3 512c5 0 9.9-1.5 14-4.4L192 400 345.7 507.6c4.1 2.9 9 4.4 14 4.4c13.4 0 24.3-10.9 24.3-24.3V48c0-26.5-21.5-48-48-48H48C21.5 0 0 21.5 0 48z"/></svg>            </template>
            <template x-if="!bookmarked">
                <svg aria-hidden="true" class="bfa bfa-regular inline font-normal size-[18px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M0 48C0 21.5 21.5 0 48 0l0 48 0 393.4 130.1-92.9c8.3-6 19.6-6 27.9 0L336 441.4 336 48 48 48 48 0 336 0c26.5 0 48 21.5 48 48l0 440c0 9-5 17.2-13 21.3s-17.6 3.4-24.9-1.8L192 397.5 37.9 507.5c-7.3 5.2-16.9 5.9-24.9 1.8S0 497 0 488L0 48z"/></svg>            </template>
            </button>
</div>
        </div>
    </div>
                    <div class="mb-2">
                <img
    class="border border-silver-chalice-400 rounded-md h-[210px]" loading="lazy" src="https://shs.cairn.info/numero/EMS_COUZI_2026_01/cover/thumbnail?lang=fr" alt=""
    x-alt-clipboard="EMS_COUZI_2026_01"
>
            </div>
                <h3 class="font-bold text-base font-serif leading-5 my-1">
    L'imaginaire dans les sciences de gestion
</h3>
                    <h4 class="font-normal font-serif leading-5 mb-1 italic">
    2026
</h4>
    </div>

    
            <div class="mt-auto pt-1">
            <ul class="font-serif font-bold leading-5">
            <li class="inline-block">
                                    
                        
                            <span class="font-normal">Sous la direction de</span>
                        
            <a
            x-alt-clipboard="683857"
        class="underline text-cairn-main hover:text-cairn-dark font-medium inline !font-bold z-[1] relative" href="https://shs.cairn.info/publications-de-elizabeth-couzineau-zegwaard--683857?lang=fr" data-livewire-navigate="data-livewire-navigate">Elizabeth Couzineau-Zegwaard</a>,
        </li>
                    <li class="inline-block">
                                    
                        
                        
            <a
            x-alt-clipboard="4923"
        class="underline text-cairn-main hover:text-cairn-dark font-medium inline !font-bold z-[1] relative" href="https://shs.cairn.info/publications-de-olivier-meier--4923?lang=fr" data-livewire-navigate="data-livewire-navigate">Olivier Meier</a>
        </li>
                    <li class="inline-block">
                                        <span class="font-normal">et</span>
                        
                        
                        
            <a
            x-alt-clipboard="710430"
        class="underline text-cairn-main hover:text-cairn-dark font-medium inline !font-bold z-[1] relative" href="https://shs.cairn.info/publications-de-laurent-tarnaud--710430?lang=fr" data-livewire-navigate="data-livewire-navigate">Laurent Tarnaud</a>
        </li>
            </ul>
        </div>
    
</div>
</li>                                    <li x-ref="carouselItem14" x-intersect.full="onIntersectEnter(14)" prefetch="grabbable" class="shrink-0 py-0.5 px-2.5   snap-start scroll-ml-0.5 basis-3/4 sm:basis-1/2 md:basis-1/3 lg:basis-1/4">
    <div class="bg-white hover:bg-concrete-50 text-shark-950 block no-underline relative shadow-halo-sm rounded-xl p-3 flex flex-col h-full flex flex-col">

    
            <a
            x-alt-clipboard="INPSY_10205"
        class="underline text-cairn-main hover:text-cairn-dark font-medium absolute inset-0 z-[1] focus:outline-none focus:ring-2 focus:ring-cairn-main focus:ring-inset rounded-xl text-transparent overflow-hidden" href="https://stm.cairn.info/revue-l-information-psychiatrique-2026-5?lang=fr" aria-label="Clinique - L&#039;information psychiatrique 2026/5 Vol. 102"></a>    
    
    
    
    <div class="">
        <div 
    class="flex flex-row col justify-between mb-1 text-xs leading-4 font-bold text-cairn-main"
>
    <span class="grow">
                    <svg aria-hidden="true" class="bfa bfa-regular inline me-1 align-text-bottom w-[13px] h-[13px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M156 32C100.6 32 48.8 46.6 27.1 53.6C10.3 59 0 74.5 0 91.1L0 403.5c0 26.1 24 44.2 48 40.2c19.8-3.3 54.8-7.7 100-7.7c54 0 97.5 25.5 112.5 35.6c7.5 5 16.8 8.4 27 8.4c11.5 0 21.6-4.2 29.3-9.9C330.2 460.3 369.1 436 428 436c47.7 0 80.5 4 99 7.2c23.9 4.1 49-13.8 49-40.6l0-311.5c0-16.5-10.3-32.1-27.1-37.5C527.2 46.6 475.4 32 420 32c-36.8 0-71.8 6.4-97.4 12.7c-12.8 3.2-23.5 6.3-30.9 8.7c-1.3 .4-2.6 .8-3.7 1.2c-1.1-.4-2.4-.8-3.7-1.2c-7.5-2.4-18.1-5.5-30.9-8.7C227.8 38.4 192.8 32 156 32zM264 97.3l0 320.6C238 404.2 196.8 388 148 388c-42.9 0-77.4 3.7-100 7.1L48 97.3C70.3 90.6 112.4 80 156 80c31.6 0 62.6 5.6 85.9 11.3c8.6 2.1 16.1 4.2 22.1 6zm48 319.2l0-319.2c6-1.8 13.5-3.9 22.1-6C357.4 85.6 388.4 80 420 80c43.6 0 85.7 10.6 108 17.3l0 297.4c-21.7-3.3-54.9-6.7-100-6.7c-51.4 0-90.8 15-116 28.6z"/></svg>                Numéro de revue
    </span>
            <div class="relative z-[2]">
            <div
    x-data="bookmarkButton(
        false,
        'numero',
        'INPSY_10205',
        false,
        null
    )"
>
    <button
        type="button"
        role="button"
        tabindex="0"
        aria-haspopup="dialog"
        :aria-label="bookmarked
            ? JSON.parse('\u0022Retirer de la liste de lecture\u0022')            : JSON.parse('\u0022Ajouter \\u00e0 la liste de lecture\u0022')"
        :aria-pressed="bookmarked"
        class="group text-cairn-main"
        x-on:click="$dispatch('openModal', {
            component: 'modals.numero-add-to-listes-lectures',
            arguments: { itemId: 'INPSY_10205' }
        })"
    >     
                    <template x-if="bookmarked">
                <svg aria-hidden="true" class="bfa bfa-solid inline font-normal size-[18px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M0 48V487.7C0 501.1 10.9 512 24.3 512c5 0 9.9-1.5 14-4.4L192 400 345.7 507.6c4.1 2.9 9 4.4 14 4.4c13.4 0 24.3-10.9 24.3-24.3V48c0-26.5-21.5-48-48-48H48C21.5 0 0 21.5 0 48z"/></svg>            </template>
            <template x-if="!bookmarked">
                <svg aria-hidden="true" class="bfa bfa-regular inline font-normal size-[18px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M0 48C0 21.5 21.5 0 48 0l0 48 0 393.4 130.1-92.9c8.3-6 19.6-6 27.9 0L336 441.4 336 48 48 48 48 0 336 0c26.5 0 48 21.5 48 48l0 440c0 9-5 17.2-13 21.3s-17.6 3.4-24.9-1.8L192 397.5 37.9 507.5c-7.3 5.2-16.9 5.9-24.9 1.8S0 497 0 488L0 48z"/></svg>            </template>
            </button>
</div>
        </div>
    </div>
                    <div class="mb-2">
                <img
    class="border border-silver-chalice-400 rounded-md h-[210px]" loading="lazy" src="https://shs.cairn.info/numero/INPSY_10205/cover/thumbnail?lang=fr" alt=""
    x-alt-clipboard="INPSY_10205"
>
            </div>
                <h3 class="font-bold text-base font-serif leading-5 my-1">
    Clinique
</h3>
    </div>

    
            <div class="mt-auto pt-1">
            <p class="font-serif leading-5 text-shark-950">L'information psychiatrique</p>
            <p class="text-xs leading-4">2026/5 Vol. 102</p>
        </div>
    
</div>
</li>                                    <li x-ref="carouselItem15" x-intersect.full="onIntersectEnter(15)" prefetch="grabbable" class="shrink-0 py-0.5 px-2.5   snap-start scroll-ml-0.5 basis-3/4 sm:basis-1/2 md:basis-1/3 lg:basis-1/4">
    <div class="bg-white hover:bg-concrete-50 text-shark-950 block no-underline relative shadow-halo-sm rounded-xl p-3 flex flex-col h-full flex flex-col">

    
            <a
            x-alt-clipboard="EMS_THEVE_2026_01"
        class="underline text-cairn-main hover:text-cairn-dark font-medium absolute inset-0 z-[1] focus:outline-none focus:ring-2 focus:ring-cairn-main focus:ring-inset rounded-xl text-transparent overflow-hidden" href="https://shs.cairn.info/leader-sur-le-tas--9782386303425?lang=fr" data-livewire-navigate="data-livewire-navigate" aria-label="Leader sur le TAS - Le management en 51 Théories, Axiomes, Syndromes (2026)"></a>    
    
    
    
    <div class="">
        <div 
    class="flex flex-row col justify-between mb-1 text-xs leading-4 font-bold text-cairn-main"
>
    <span class="grow">
                    <svg aria-hidden="true" class="bfa bfa-regular inline me-1 align-text-bottom w-[11px] h-[11px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M0 88C0 39.4 39.4 0 88 0L392 0c30.9 0 56 25.1 56 56l0 288c0 22.3-13.1 41.6-32 50.6l0 69.4 8 0c13.3 0 24 10.7 24 24s-10.7 24-24 24L80 512c-44.2 0-80-35.8-80-80c0-2.7 .1-5.4 .4-8L0 424 0 88zM80 400c-17.7 0-32 14.3-32 32s14.3 32 32 32l288 0 0-64L80 400zM48 358.7c9.8-4.3 20.6-6.7 32-6.7l312 0c4.4 0 8-3.6 8-8l0-288c0-4.4-3.6-8-8-8L88 48C65.9 48 48 65.9 48 88l0 270.7zM152 112l176 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-176 0c-13.3 0-24-10.7-24-24s10.7-24 24-24zm0 80l176 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-176 0c-13.3 0-24-10.7-24-24s10.7-24 24-24z"/></svg>                Ouvrage
    </span>
            <div class="relative z-[2]">
            <div
    x-data="bookmarkButton(
        false,
        'numero',
        'EMS_THEVE_2026_01',
        false,
        null
    )"
>
    <button
        type="button"
        role="button"
        tabindex="0"
        aria-haspopup="dialog"
        :aria-label="bookmarked
            ? JSON.parse('\u0022Retirer de la liste de lecture\u0022')            : JSON.parse('\u0022Ajouter \\u00e0 la liste de lecture\u0022')"
        :aria-pressed="bookmarked"
        class="group text-cairn-main"
        x-on:click="$dispatch('openModal', {
            component: 'modals.numero-add-to-listes-lectures',
            arguments: { itemId: 'EMS_THEVE_2026_01' }
        })"
    >     
                    <template x-if="bookmarked">
                <svg aria-hidden="true" class="bfa bfa-solid inline font-normal size-[18px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M0 48V487.7C0 501.1 10.9 512 24.3 512c5 0 9.9-1.5 14-4.4L192 400 345.7 507.6c4.1 2.9 9 4.4 14 4.4c13.4 0 24.3-10.9 24.3-24.3V48c0-26.5-21.5-48-48-48H48C21.5 0 0 21.5 0 48z"/></svg>            </template>
            <template x-if="!bookmarked">
                <svg aria-hidden="true" class="bfa bfa-regular inline font-normal size-[18px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M0 48C0 21.5 21.5 0 48 0l0 48 0 393.4 130.1-92.9c8.3-6 19.6-6 27.9 0L336 441.4 336 48 48 48 48 0 336 0c26.5 0 48 21.5 48 48l0 440c0 9-5 17.2-13 21.3s-17.6 3.4-24.9-1.8L192 397.5 37.9 507.5c-7.3 5.2-16.9 5.9-24.9 1.8S0 497 0 488L0 48z"/></svg>            </template>
            </button>
</div>
        </div>
    </div>
                    <div class="mb-2">
                <img
    class="border border-silver-chalice-400 rounded-md h-[210px]" loading="lazy" src="https://shs.cairn.info/numero/EMS_THEVE_2026_01/cover/thumbnail?lang=fr" alt=""
    x-alt-clipboard="EMS_THEVE_2026_01"
>
            </div>
                <h3 class="font-bold text-base font-serif leading-5 my-1">
    Leader sur le TAS
</h3>
                    <h4 class="font-normal font-serif leading-5 mb-1">
    Le management en 51 Théories, Axiomes, Syndromes
                                    - <i>2026</i>
</h4>
    </div>

    
            <div class="mt-auto pt-1">
            <ul class="font-serif font-bold leading-5">
            <li class="inline-block">
                                    
                        
                            <span class="font-normal">Par</span>
                        
            <a
            x-alt-clipboard="17790"
        class="underline text-cairn-main hover:text-cairn-dark font-medium inline !font-bold z-[1] relative" href="https://shs.cairn.info/publications-de-maurice-thevenet--17790?lang=fr" data-livewire-navigate="data-livewire-navigate">Maurice Thévenet</a>
        </li>
            </ul>
        </div>
    
</div>
</li>                                    <li x-ref="carouselItem16" x-intersect.full="onIntersectEnter(16)" prefetch="grabbable" class="shrink-0 py-0.5 px-2.5   snap-start scroll-ml-0.5 basis-3/4 sm:basis-1/2 md:basis-1/3 lg:basis-1/4">
    <div class="bg-white hover:bg-concrete-50 text-shark-950 block no-underline relative shadow-halo-sm rounded-xl p-3 flex flex-col h-full flex flex-col">

    
            <a
            x-alt-clipboard="LITT_221"
        class="underline text-cairn-main hover:text-cairn-dark font-medium absolute inset-0 z-[1] focus:outline-none focus:ring-2 focus:ring-cairn-main focus:ring-inset rounded-xl text-transparent overflow-hidden" href="https://shs.cairn.info/revue-litterature-2026-1?lang=fr" data-livewire-navigate="data-livewire-navigate" aria-label="Douceur - Littérature 2026/1 n° 221"></a>    
    
    
    
    <div class="">
        <div 
    class="flex flex-row col justify-between mb-1 text-xs leading-4 font-bold text-cairn-main"
>
    <span class="grow">
                    <svg aria-hidden="true" class="bfa bfa-regular inline me-1 align-text-bottom w-[13px] h-[13px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M156 32C100.6 32 48.8 46.6 27.1 53.6C10.3 59 0 74.5 0 91.1L0 403.5c0 26.1 24 44.2 48 40.2c19.8-3.3 54.8-7.7 100-7.7c54 0 97.5 25.5 112.5 35.6c7.5 5 16.8 8.4 27 8.4c11.5 0 21.6-4.2 29.3-9.9C330.2 460.3 369.1 436 428 436c47.7 0 80.5 4 99 7.2c23.9 4.1 49-13.8 49-40.6l0-311.5c0-16.5-10.3-32.1-27.1-37.5C527.2 46.6 475.4 32 420 32c-36.8 0-71.8 6.4-97.4 12.7c-12.8 3.2-23.5 6.3-30.9 8.7c-1.3 .4-2.6 .8-3.7 1.2c-1.1-.4-2.4-.8-3.7-1.2c-7.5-2.4-18.1-5.5-30.9-8.7C227.8 38.4 192.8 32 156 32zM264 97.3l0 320.6C238 404.2 196.8 388 148 388c-42.9 0-77.4 3.7-100 7.1L48 97.3C70.3 90.6 112.4 80 156 80c31.6 0 62.6 5.6 85.9 11.3c8.6 2.1 16.1 4.2 22.1 6zm48 319.2l0-319.2c6-1.8 13.5-3.9 22.1-6C357.4 85.6 388.4 80 420 80c43.6 0 85.7 10.6 108 17.3l0 297.4c-21.7-3.3-54.9-6.7-100-6.7c-51.4 0-90.8 15-116 28.6z"/></svg>                Numéro de revue
    </span>
            <div class="relative z-[2]">
            <div
    x-data="bookmarkButton(
        false,
        'numero',
        'LITT_221',
        false,
        null
    )"
>
    <button
        type="button"
        role="button"
        tabindex="0"
        aria-haspopup="dialog"
        :aria-label="bookmarked
            ? JSON.parse('\u0022Retirer de la liste de lecture\u0022')            : JSON.parse('\u0022Ajouter \\u00e0 la liste de lecture\u0022')"
        :aria-pressed="bookmarked"
        class="group text-cairn-main"
        x-on:click="$dispatch('openModal', {
            component: 'modals.numero-add-to-listes-lectures',
            arguments: { itemId: 'LITT_221' }
        })"
    >     
                    <template x-if="bookmarked">
                <svg aria-hidden="true" class="bfa bfa-solid inline font-normal size-[18px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M0 48V487.7C0 501.1 10.9 512 24.3 512c5 0 9.9-1.5 14-4.4L192 400 345.7 507.6c4.1 2.9 9 4.4 14 4.4c13.4 0 24.3-10.9 24.3-24.3V48c0-26.5-21.5-48-48-48H48C21.5 0 0 21.5 0 48z"/></svg>            </template>
            <template x-if="!bookmarked">
                <svg aria-hidden="true" class="bfa bfa-regular inline font-normal size-[18px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M0 48C0 21.5 21.5 0 48 0l0 48 0 393.4 130.1-92.9c8.3-6 19.6-6 27.9 0L336 441.4 336 48 48 48 48 0 336 0c26.5 0 48 21.5 48 48l0 440c0 9-5 17.2-13 21.3s-17.6 3.4-24.9-1.8L192 397.5 37.9 507.5c-7.3 5.2-16.9 5.9-24.9 1.8S0 497 0 488L0 48z"/></svg>            </template>
            </button>
</div>
        </div>
    </div>
                    <div class="mb-2">
                <img
    class="border border-silver-chalice-400 rounded-md h-[210px]" loading="lazy" src="https://shs.cairn.info/numero/LITT_221/cover/thumbnail?lang=fr" alt=""
    x-alt-clipboard="LITT_221"
>
            </div>
                <h3 class="font-bold text-base font-serif leading-5 my-1">
    Douceur
</h3>
    </div>

    
            <div class="mt-auto pt-1">
            <p class="font-serif leading-5 text-shark-950">Littérature</p>
            <p class="text-xs leading-4">2026/1 n° 221</p>
        </div>
    
</div>
</li>                                    <li x-ref="carouselItem17" x-intersect.full="onIntersectEnter(17)" prefetch="grabbable" class="shrink-0 py-0.5 px-2.5   snap-start scroll-ml-0.5 basis-3/4 sm:basis-1/2 md:basis-1/3 lg:basis-1/4">
    <div class="bg-white hover:bg-concrete-50 text-shark-950 block no-underline relative shadow-halo-sm rounded-xl p-3 flex flex-col h-full flex flex-col">

    
            <a
            x-alt-clipboard="EMS_ROQUE_2026_01"
        class="underline text-cairn-main hover:text-cairn-dark font-medium absolute inset-0 z-[1] focus:outline-none focus:ring-2 focus:ring-cairn-main focus:ring-inset rounded-xl text-transparent overflow-hidden" href="https://shs.cairn.info/les-marionnettistes--9782386303388?lang=fr" data-livewire-navigate="data-livewire-navigate" aria-label="Les marionnettistes - D&#039;après l&#039;histoire vraie d&#039;un manager (2026)"></a>    
    
    
    
    <div class="">
        <div 
    class="flex flex-row col justify-between mb-1 text-xs leading-4 font-bold text-cairn-main"
>
    <span class="grow">
                    <svg aria-hidden="true" class="bfa bfa-regular inline me-1 align-text-bottom w-[11px] h-[11px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M0 88C0 39.4 39.4 0 88 0L392 0c30.9 0 56 25.1 56 56l0 288c0 22.3-13.1 41.6-32 50.6l0 69.4 8 0c13.3 0 24 10.7 24 24s-10.7 24-24 24L80 512c-44.2 0-80-35.8-80-80c0-2.7 .1-5.4 .4-8L0 424 0 88zM80 400c-17.7 0-32 14.3-32 32s14.3 32 32 32l288 0 0-64L80 400zM48 358.7c9.8-4.3 20.6-6.7 32-6.7l312 0c4.4 0 8-3.6 8-8l0-288c0-4.4-3.6-8-8-8L88 48C65.9 48 48 65.9 48 88l0 270.7zM152 112l176 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-176 0c-13.3 0-24-10.7-24-24s10.7-24 24-24zm0 80l176 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-176 0c-13.3 0-24-10.7-24-24s10.7-24 24-24z"/></svg>                Ouvrage
    </span>
            <div class="relative z-[2]">
            <div
    x-data="bookmarkButton(
        false,
        'numero',
        'EMS_ROQUE_2026_01',
        false,
        null
    )"
>
    <button
        type="button"
        role="button"
        tabindex="0"
        aria-haspopup="dialog"
        :aria-label="bookmarked
            ? JSON.parse('\u0022Retirer de la liste de lecture\u0022')            : JSON.parse('\u0022Ajouter \\u00e0 la liste de lecture\u0022')"
        :aria-pressed="bookmarked"
        class="group text-cairn-main"
        x-on:click="$dispatch('openModal', {
            component: 'modals.numero-add-to-listes-lectures',
            arguments: { itemId: 'EMS_ROQUE_2026_01' }
        })"
    >     
                    <template x-if="bookmarked">
                <svg aria-hidden="true" class="bfa bfa-solid inline font-normal size-[18px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M0 48V487.7C0 501.1 10.9 512 24.3 512c5 0 9.9-1.5 14-4.4L192 400 345.7 507.6c4.1 2.9 9 4.4 14 4.4c13.4 0 24.3-10.9 24.3-24.3V48c0-26.5-21.5-48-48-48H48C21.5 0 0 21.5 0 48z"/></svg>            </template>
            <template x-if="!bookmarked">
                <svg aria-hidden="true" class="bfa bfa-regular inline font-normal size-[18px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M0 48C0 21.5 21.5 0 48 0l0 48 0 393.4 130.1-92.9c8.3-6 19.6-6 27.9 0L336 441.4 336 48 48 48 48 0 336 0c26.5 0 48 21.5 48 48l0 440c0 9-5 17.2-13 21.3s-17.6 3.4-24.9-1.8L192 397.5 37.9 507.5c-7.3 5.2-16.9 5.9-24.9 1.8S0 497 0 488L0 48z"/></svg>            </template>
            </button>
</div>
        </div>
    </div>
                    <div class="mb-2">
                <img
    class="border border-silver-chalice-400 rounded-md h-[210px]" loading="lazy" src="https://shs.cairn.info/numero/EMS_ROQUE_2026_01/cover/thumbnail?lang=fr" alt=""
    x-alt-clipboard="EMS_ROQUE_2026_01"
>
            </div>
                <h3 class="font-bold text-base font-serif leading-5 my-1">
    Les marionnettistes
</h3>
                    <h4 class="font-normal font-serif leading-5 mb-1">
    D'après l'histoire vraie d'un manager
                                    - <i>2026</i>
</h4>
    </div>

    
            <div class="mt-auto pt-1">
            <ul class="font-serif font-bold leading-5">
            <li class="inline-block">
                                    
                        
                            <span class="font-normal">Par</span>
                        
            <a
            x-alt-clipboard="135246"
        class="underline text-cairn-main hover:text-cairn-dark font-medium inline !font-bold z-[1] relative" href="https://shs.cairn.info/publications-de-virginie-gallego-roquelaure--135246?lang=fr" data-livewire-navigate="data-livewire-navigate">Virginie Gallego-Roquelaure</a>
        </li>
                    <li class="inline-block">
                                        <span class="font-normal">et</span>
                        
                        
                        
            <a
            x-alt-clipboard="668814"
        class="underline text-cairn-main hover:text-cairn-dark font-medium inline !font-bold z-[1] relative" href="https://shs.cairn.info/publications-de-ludivine-adla--668814?lang=fr" data-livewire-navigate="data-livewire-navigate">Ludivine Adla</a>
        </li>
            </ul>
        </div>
    
</div>
</li>                                    <li x-ref="carouselItem18" x-intersect.full="onIntersectEnter(18)" prefetch="grabbable" class="shrink-0 py-0.5 px-2.5   snap-start scroll-ml-0.5 basis-3/4 sm:basis-1/2 md:basis-1/3 lg:basis-1/4">
    <div class="bg-white hover:bg-concrete-50 text-shark-950 block no-underline relative shadow-halo-sm rounded-xl p-3 flex flex-col h-full flex flex-col">

    
            <a
            x-alt-clipboard="MED_213"
        class="underline text-cairn-main hover:text-cairn-dark font-medium absolute inset-0 z-[1] focus:outline-none focus:ring-2 focus:ring-cairn-main focus:ring-inset rounded-xl text-transparent overflow-hidden" href="https://shs.cairn.info/revue-mondes-en-developpement-2026-1?lang=fr" data-livewire-navigate="data-livewire-navigate" aria-label="Varia - Mondes en développement 2026/1 N° 213"></a>    
    
    
    
    <div class="">
        <div 
    class="flex flex-row col justify-between mb-1 text-xs leading-4 font-bold text-cairn-main"
>
    <span class="grow">
                    <svg aria-hidden="true" class="bfa bfa-regular inline me-1 align-text-bottom w-[13px] h-[13px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M156 32C100.6 32 48.8 46.6 27.1 53.6C10.3 59 0 74.5 0 91.1L0 403.5c0 26.1 24 44.2 48 40.2c19.8-3.3 54.8-7.7 100-7.7c54 0 97.5 25.5 112.5 35.6c7.5 5 16.8 8.4 27 8.4c11.5 0 21.6-4.2 29.3-9.9C330.2 460.3 369.1 436 428 436c47.7 0 80.5 4 99 7.2c23.9 4.1 49-13.8 49-40.6l0-311.5c0-16.5-10.3-32.1-27.1-37.5C527.2 46.6 475.4 32 420 32c-36.8 0-71.8 6.4-97.4 12.7c-12.8 3.2-23.5 6.3-30.9 8.7c-1.3 .4-2.6 .8-3.7 1.2c-1.1-.4-2.4-.8-3.7-1.2c-7.5-2.4-18.1-5.5-30.9-8.7C227.8 38.4 192.8 32 156 32zM264 97.3l0 320.6C238 404.2 196.8 388 148 388c-42.9 0-77.4 3.7-100 7.1L48 97.3C70.3 90.6 112.4 80 156 80c31.6 0 62.6 5.6 85.9 11.3c8.6 2.1 16.1 4.2 22.1 6zm48 319.2l0-319.2c6-1.8 13.5-3.9 22.1-6C357.4 85.6 388.4 80 420 80c43.6 0 85.7 10.6 108 17.3l0 297.4c-21.7-3.3-54.9-6.7-100-6.7c-51.4 0-90.8 15-116 28.6z"/></svg>                Numéro de revue
    </span>
            <div class="relative z-[2]">
            <div
    x-data="bookmarkButton(
        false,
        'numero',
        'MED_213',
        false,
        null
    )"
>
    <button
        type="button"
        role="button"
        tabindex="0"
        aria-haspopup="dialog"
        :aria-label="bookmarked
            ? JSON.parse('\u0022Retirer de la liste de lecture\u0022')            : JSON.parse('\u0022Ajouter \\u00e0 la liste de lecture\u0022')"
        :aria-pressed="bookmarked"
        class="group text-cairn-main"
        x-on:click="$dispatch('openModal', {
            component: 'modals.numero-add-to-listes-lectures',
            arguments: { itemId: 'MED_213' }
        })"
    >     
                    <template x-if="bookmarked">
                <svg aria-hidden="true" class="bfa bfa-solid inline font-normal size-[18px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M0 48V487.7C0 501.1 10.9 512 24.3 512c5 0 9.9-1.5 14-4.4L192 400 345.7 507.6c4.1 2.9 9 4.4 14 4.4c13.4 0 24.3-10.9 24.3-24.3V48c0-26.5-21.5-48-48-48H48C21.5 0 0 21.5 0 48z"/></svg>            </template>
            <template x-if="!bookmarked">
                <svg aria-hidden="true" class="bfa bfa-regular inline font-normal size-[18px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M0 48C0 21.5 21.5 0 48 0l0 48 0 393.4 130.1-92.9c8.3-6 19.6-6 27.9 0L336 441.4 336 48 48 48 48 0 336 0c26.5 0 48 21.5 48 48l0 440c0 9-5 17.2-13 21.3s-17.6 3.4-24.9-1.8L192 397.5 37.9 507.5c-7.3 5.2-16.9 5.9-24.9 1.8S0 497 0 488L0 48z"/></svg>            </template>
            </button>
</div>
        </div>
    </div>
                    <div class="mb-2">
                <img
    class="border border-silver-chalice-400 rounded-md h-[210px]" loading="lazy" src="https://shs.cairn.info/numero/MED_213/cover/thumbnail?lang=fr" alt=""
    x-alt-clipboard="MED_213"
>
            </div>
                <h3 class="font-bold text-base font-serif leading-5 my-1">
    Varia
</h3>
    </div>

    
            <div class="mt-auto pt-1">
            <p class="font-serif leading-5 text-shark-950">Mondes en développement</p>
            <p class="text-xs leading-4">2026/1 N° 213</p>
        </div>
    
</div>
</li>                                    <li x-ref="carouselItem19" x-intersect.full="onIntersectEnter(19)" prefetch="grabbable" class="shrink-0 py-0.5   ps-2.5 snap-start scroll-ml-0.5 basis-3/4 sm:basis-1/2 md:basis-1/3 lg:basis-1/4">
    <div class="bg-white hover:bg-concrete-50 text-shark-950 block no-underline relative shadow-halo-sm rounded-xl p-3 flex flex-col h-full flex flex-col">

    
            <a
            x-alt-clipboard="ATELI_TOURR_2025_01"
        class="underline text-cairn-main hover:text-cairn-dark font-medium absolute inset-0 z-[1] focus:outline-none focus:ring-2 focus:ring-cairn-main focus:ring-inset rounded-xl text-transparent overflow-hidden" href="https://shs.cairn.info/le-meilleur-pour-nos-enfants--9782708295254?lang=fr" data-livewire-navigate="data-livewire-navigate" aria-label="Le meilleur pour nos enfants ? - Crèches privées, écoles à but lucratif, coaching : quand le marché abîme l&#039;éducation (2025)"></a>    
    
    
    
    <div class="">
        <div 
    class="flex flex-row col justify-between mb-1 text-xs leading-4 font-bold text-cairn-main"
>
    <span class="grow">
                    <svg aria-hidden="true" class="bfa bfa-regular inline me-1 align-text-bottom w-[11px] h-[11px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M0 88C0 39.4 39.4 0 88 0L392 0c30.9 0 56 25.1 56 56l0 288c0 22.3-13.1 41.6-32 50.6l0 69.4 8 0c13.3 0 24 10.7 24 24s-10.7 24-24 24L80 512c-44.2 0-80-35.8-80-80c0-2.7 .1-5.4 .4-8L0 424 0 88zM80 400c-17.7 0-32 14.3-32 32s14.3 32 32 32l288 0 0-64L80 400zM48 358.7c9.8-4.3 20.6-6.7 32-6.7l312 0c4.4 0 8-3.6 8-8l0-288c0-4.4-3.6-8-8-8L88 48C65.9 48 48 65.9 48 88l0 270.7zM152 112l176 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-176 0c-13.3 0-24-10.7-24-24s10.7-24 24-24zm0 80l176 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-176 0c-13.3 0-24-10.7-24-24s10.7-24 24-24z"/></svg>                Ouvrage
    </span>
            <div class="relative z-[2]">
            <div
    x-data="bookmarkButton(
        false,
        'numero',
        'ATELI_TOURR_2025_01',
        false,
        null
    )"
>
    <button
        type="button"
        role="button"
        tabindex="0"
        aria-haspopup="dialog"
        :aria-label="bookmarked
            ? JSON.parse('\u0022Retirer de la liste de lecture\u0022')            : JSON.parse('\u0022Ajouter \\u00e0 la liste de lecture\u0022')"
        :aria-pressed="bookmarked"
        class="group text-cairn-main"
        x-on:click="$dispatch('openModal', {
            component: 'modals.numero-add-to-listes-lectures',
            arguments: { itemId: 'ATELI_TOURR_2025_01' }
        })"
    >     
                    <template x-if="bookmarked">
                <svg aria-hidden="true" class="bfa bfa-solid inline font-normal size-[18px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M0 48V487.7C0 501.1 10.9 512 24.3 512c5 0 9.9-1.5 14-4.4L192 400 345.7 507.6c4.1 2.9 9 4.4 14 4.4c13.4 0 24.3-10.9 24.3-24.3V48c0-26.5-21.5-48-48-48H48C21.5 0 0 21.5 0 48z"/></svg>            </template>
            <template x-if="!bookmarked">
                <svg aria-hidden="true" class="bfa bfa-regular inline font-normal size-[18px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M0 48C0 21.5 21.5 0 48 0l0 48 0 393.4 130.1-92.9c8.3-6 19.6-6 27.9 0L336 441.4 336 48 48 48 48 0 336 0c26.5 0 48 21.5 48 48l0 440c0 9-5 17.2-13 21.3s-17.6 3.4-24.9-1.8L192 397.5 37.9 507.5c-7.3 5.2-16.9 5.9-24.9 1.8S0 497 0 488L0 48z"/></svg>            </template>
            </button>
</div>
        </div>
    </div>
                    <div class="mb-2">
                <img
    class="border border-silver-chalice-400 rounded-md h-[210px]" loading="lazy" src="https://shs.cairn.info/numero/ATELI_TOURR_2025_01/cover/thumbnail?lang=fr" alt=""
    x-alt-clipboard="ATELI_TOURR_2025_01"
>
            </div>
                <h3 class="font-bold text-base font-serif leading-5 my-1">
    Le meilleur pour nos enfants ?
</h3>
                    <h4 class="font-normal font-serif leading-5 mb-1">
    Crèches privées, écoles à but lucratif, coaching : quand le marché abîme l'éducation
                                    - <i>2025</i>
</h4>
    </div>

    
            <div class="mt-auto pt-1">
            <ul class="font-serif font-bold leading-5">
            <li class="inline-block">
                                    
                        
                            <span class="font-normal">Par</span>
                        
            <a
            x-alt-clipboard="802500"
        class="underline text-cairn-main hover:text-cairn-dark font-medium inline !font-bold z-[1] relative" href="https://shs.cairn.info/publications-de-louise-tourret--802500?lang=fr" data-livewire-navigate="data-livewire-navigate">Louise Tourret</a>
        </li>
            </ul>
        </div>
    
</div>
</li>                            </ul>
        </div>
        
                    <div class="absolute inset-y-0 -right-10 hidden items-center lg:flex">
                <button 
                    type="button"
                    class="group" 
                    @click="goToNextPage"
                    aria-label="Publications suivantes"
                >
                    <span aria-hidden="true" class="fa-stack fa-1x text-cairn-main">
    <svg style="
                                --fa-primary-color: rgb(var(--cairn-main));
                                --fa-secondary-hover-color: rgb(var(--cairn-main));
                                --fa-secondary-opacity: 1.0;
                            ;" aria-hidden="true" class="bfa bfa-duotone inline fa-stack-2x h-full text-white" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><defs><style>.fa-secondary{opacity:.4}</style></defs><path class="fa-secondary" d="M512 256A256 256 0 1 1 0 256a256 256 0 1 1 512 0zM200 152c0 6.1 2.3 12.3 7 17l87 87-87 87c-4.7 4.7-7 10.8-7 17s2.3 12.3 7 17s10.8 7 17 7s12.3-2.3 17-7L345 273c4.7-4.7 7-10.8 7-17s-2.3-12.3-7-17L241 135c-4.7-4.7-10.8-7-17-7s-12.3 2.3-17 7s-7 10.8-7 17z"/><path class="fa-primary" d="M345 239c9.4 9.4 9.4 24.6 0 33.9L241 377c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l87-87-87-87c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0L345 239z"/></svg>    <svg aria-hidden="true" class="bfa bfa-light inline fa-stack-1x h-full" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M256 32a224 224 0 1 1 0 448 224 224 0 1 1 0-448zm0 480A256 256 0 1 0 256 0a256 256 0 1 0 0 512z"/></svg>    
</span>
                </button>
            </div>
            </div>
    
    
    <p class="text-gray-500 italic mt-2 md:hidden text-right flex items-center justify-end gap-1" aria-hidden="true">
        Faites glisser horizontalement pour voir d’autres éléments.        <svg aria-hidden="true" class="bfa bfa-light inline w-[18px] h-[18px] text-xs" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M456 128c13.3 0 24 10.7 24 24s-10.7 24-24 24l-144 0-40 0 0-32c0-5.5-.6-10.8-1.6-16L456 128zM240 176s0 0 0 0l0 32s0 0 0 0l0 24c0 13.2-10.7 24-24 24c0 0 0 0 0 0c-13.3 0-24-10.7-24-24l0-56c0-8.8-7.2-16-16-16s-16 7.2-16 16l0 56c0 15.7 6.4 29.8 16.8 40c-10.4 10.2-16.8 24.3-16.8 40c0 13.8 5 26.4 13.2 36.1C160.3 358.4 152 374.2 152 392c0 8.6 1.9 16.7 5.4 24C87.9 414.6 32 357.8 32 288l0-64C32 153.3 89.3 96 160 96l32 0c26.5 0 48 21.5 48 48l0 32zm32 32l40 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-31.9 0c0 0 0 0-.1 0l-13.4 0c3.5-7.3 5.4-15.4 5.4-24l0-24zm90.6 0l93.4 0c30.9 0 56-25.1 56-56s-25.1-56-56-56L256 96c-14.6-19.4-37.8-32-64-32l-32 0C71.6 64 0 135.6 0 224l0 64c0 88.4 71.6 160 160 160l48 0 32 0 24 0c30.9 0 56-25.1 56-56c0-12.1-3.8-23.3-10.4-32.5C325.5 349.6 336 332 336 312c0-9.7-2.5-18.8-6.8-26.7C351.7 278 368 256.9 368 232c0-8.6-1.9-16.7-5.4-24zM240 288l40 0c13.2 0 24 10.8 24 24c0 13.3-10.7 24-24 24l-16 0-48 0c-13.3 0-24-10.7-24-24s10.7-24 24-24c0 0 0 0 0 0l24 0zm0 128l-32 0c-13.3 0-24-10.7-24-24s10.7-24 24-24l8 0 48 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-24 0z"/></svg>    </p>
    
    
            <ul 
            class="flex justify-center gap-1 text-alto-200 mt-2.5 hidden lg:flex"
            role="tablist"
            aria-label="Navigation par pages du carousel"
        >
                            <li role="presentation">
                    <button 
                        type="button"
                        role="tab"
                        id="tab-0"
                        x-ref="tab0"
                        aria-controls="slide-0"
                        :aria-selected="currentPage === 0 ? 'true' : 'false'"
                        :tabindex="currentPage === 0 ? 0 : -1"
                        @click="goToPage(0)"
                        @keydown.arrow-right.prevent="$focus.focus($refs['tab1'] || $refs.tab0)"
                        @keydown.arrow-left.prevent="$focus.focus($refs['tab-1'] || $refs['tab' + (Math.ceil(countItems/itemsPerPage)-1)])"
                        aria-label="Aller à la diapositive 1"
                    >
                        <svg aria-hidden="true" :class="{ 'text-cairn-main': currentPage === 0 }" class="bfa bfa-solid inline w-[10px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512z"/></svg>                    </button>
                </li>
                            <li role="presentation">
                    <button 
                        type="button"
                        role="tab"
                        id="tab-1"
                        x-ref="tab1"
                        aria-controls="slide-1"
                        :aria-selected="currentPage === 1 ? 'true' : 'false'"
                        :tabindex="currentPage === 1 ? 0 : -1"
                        @click="goToPage(1)"
                        @keydown.arrow-right.prevent="$focus.focus($refs['tab2'] || $refs.tab0)"
                        @keydown.arrow-left.prevent="$focus.focus($refs['tab0'] || $refs['tab' + (Math.ceil(countItems/itemsPerPage)-1)])"
                        aria-label="Aller à la diapositive 2"
                    >
                        <svg aria-hidden="true" :class="{ 'text-cairn-main': currentPage === 1 }" class="bfa bfa-solid inline w-[10px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512z"/></svg>                    </button>
                </li>
                            <li role="presentation">
                    <button 
                        type="button"
                        role="tab"
                        id="tab-2"
                        x-ref="tab2"
                        aria-controls="slide-2"
                        :aria-selected="currentPage === 2 ? 'true' : 'false'"
                        :tabindex="currentPage === 2 ? 0 : -1"
                        @click="goToPage(2)"
                        @keydown.arrow-right.prevent="$focus.focus($refs['tab3'] || $refs.tab0)"
                        @keydown.arrow-left.prevent="$focus.focus($refs['tab1'] || $refs['tab' + (Math.ceil(countItems/itemsPerPage)-1)])"
                        aria-label="Aller à la diapositive 3"
                    >
                        <svg aria-hidden="true" :class="{ 'text-cairn-main': currentPage === 2 }" class="bfa bfa-solid inline w-[10px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512z"/></svg>                    </button>
                </li>
                            <li role="presentation">
                    <button 
                        type="button"
                        role="tab"
                        id="tab-3"
                        x-ref="tab3"
                        aria-controls="slide-3"
                        :aria-selected="currentPage === 3 ? 'true' : 'false'"
                        :tabindex="currentPage === 3 ? 0 : -1"
                        @click="goToPage(3)"
                        @keydown.arrow-right.prevent="$focus.focus($refs['tab4'] || $refs.tab0)"
                        @keydown.arrow-left.prevent="$focus.focus($refs['tab2'] || $refs['tab' + (Math.ceil(countItems/itemsPerPage)-1)])"
                        aria-label="Aller à la diapositive 4"
                    >
                        <svg aria-hidden="true" :class="{ 'text-cairn-main': currentPage === 3 }" class="bfa bfa-solid inline w-[10px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512z"/></svg>                    </button>
                </li>
                            <li role="presentation">
                    <button 
                        type="button"
                        role="tab"
                        id="tab-4"
                        x-ref="tab4"
                        aria-controls="slide-4"
                        :aria-selected="currentPage === 4 ? 'true' : 'false'"
                        :tabindex="currentPage === 4 ? 0 : -1"
                        @click="goToPage(4)"
                        @keydown.arrow-right.prevent="$focus.focus($refs['tab5'] || $refs.tab0)"
                        @keydown.arrow-left.prevent="$focus.focus($refs['tab3'] || $refs['tab' + (Math.ceil(countItems/itemsPerPage)-1)])"
                        aria-label="Aller à la diapositive 5"
                    >
                        <svg aria-hidden="true" :class="{ 'text-cairn-main': currentPage === 4 }" class="bfa bfa-solid inline w-[10px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512z"/></svg>                    </button>
                </li>
                    </ul>
    </div>

                    <hr class="mt-10 mb-11 border-alto-200" />
            </section>
        
        
                    <section role="region" aria-labelledby="disciplines-title">
                <h2 class="font-bold text-xl leading-6 mb-4" id="disciplines-title">
    Disciplines
</h2>
                <nav aria-label="Navigation des disciplines">
                    <ul class="flex flex-row flex-wrap gap-x-3 gap-y-3 list-none p-0 m-0">
                                                    <li>
                                <a
            x-alt-clipboard="159"
        class="inline-flex items-center p-2 rounded text-base font-medium leading-4 shadow-halo-md transition-colors cursor-pointer select-none text-shark-950 hover:bg-concrete-50 block" href="https://shs.cairn.info/disc-anthropologie?lang=fr" wire:navigate="">Anthropologie
                    <svg aria-hidden="true" class="bfa bfa-regular inline w-[18px] h-[18px] text-cairn-main ml-2" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M304 128a80 80 0 1 0 -160 0 80 80 0 1 0 160 0zM96 128a128 128 0 1 1 256 0A128 128 0 1 1 96 128zM49.3 464l349.5 0c-8.9-63.3-63.3-112-129-112l-91.4 0c-65.7 0-120.1 48.7-129 112zM0 482.3C0 383.8 79.8 304 178.3 304l91.4 0C368.2 304 448 383.8 448 482.3c0 16.4-13.3 29.7-29.7 29.7L29.7 512C13.3 512 0 498.7 0 482.3z"/></svg></a>                            </li>
                                                    <li>
                                <a
            x-alt-clipboard="70"
        class="inline-flex items-center p-2 rounded text-base font-medium leading-4 shadow-halo-md transition-colors cursor-pointer select-none text-shark-950 hover:bg-concrete-50 block" href="https://shs.cairn.info/disc-arts?lang=fr" wire:navigate="">Arts
                    <svg aria-hidden="true" class="bfa bfa-regular inline w-[18px] h-[18px] text-cairn-main ml-2" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M464 258.2c0 2.7-1 5.2-4.2 8c-3.8 3.1-10.1 5.8-17.8 5.8L344 272c-53 0-96 43-96 96c0 6.8 .7 13.4 2.1 19.8c3.3 15.7 10.2 31.1 14.4 40.6c0 0 0 0 0 0c.7 1.6 1.4 3 1.9 4.3c5 11.5 5.6 15.4 5.6 17.1c0 5.3-1.9 9.5-3.8 11.8c-.9 1.1-1.6 1.6-2 1.8c-.3 .2-.8 .3-1.6 .4c-2.9 .1-5.7 .2-8.6 .2C141.1 464 48 370.9 48 256S141.1 48 256 48s208 93.1 208 208c0 .7 0 1.4 0 2.2zm48 .5c0-.9 0-1.8 0-2.7C512 114.6 397.4 0 256 0S0 114.6 0 256S114.6 512 256 512c3.5 0 7.1-.1 10.6-.2c31.8-1.3 53.4-30.1 53.4-62c0-14.5-6.1-28.3-12.1-42c-4.3-9.8-8.7-19.7-10.8-29.9c-.7-3.2-1-6.5-1-9.9c0-26.5 21.5-48 48-48l97.9 0c36.5 0 69.7-24.8 70.1-61.3zM160 256a32 32 0 1 0 -64 0 32 32 0 1 0 64 0zm0-64a32 32 0 1 0 0-64 32 32 0 1 0 0 64zm128-64a32 32 0 1 0 -64 0 32 32 0 1 0 64 0zm64 64a32 32 0 1 0 0-64 32 32 0 1 0 0 64z"/></svg></a>                            </li>
                                                    <li>
                                <a
            x-alt-clipboard="1"
        class="inline-flex items-center p-2 rounded text-base font-medium leading-4 shadow-halo-md transition-colors cursor-pointer select-none text-shark-950 hover:bg-concrete-50 block" href="https://shs.cairn.info/disc-economie?lang=fr" wire:navigate="">Économie
                    <svg aria-hidden="true" class="bfa bfa-regular inline w-[18px] h-[18px] text-cairn-main ml-2" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M176 88c0 0 0 0 0 0c0 .1 .1 .6 .6 1.5c.6 1.2 2 3.1 4.7 5.5c.4 .3 .8 .7 1.2 1c-18.7 .4-36.9 1.7-54.4 4.1L128 88c0-18 9.7-32.4 21.1-42.7s26.7-18.5 43.5-24.9C226.4 7.5 271.5 0 320 0s93.6 7.5 127.3 20.3c16.8 6.4 32.1 14.6 43.5 24.9S512 70 512 88l0 104 0 104c0 18-9.7 32.4-21.1 42.7s-26.7 18.5-43.5 24.9c-9.6 3.7-20.1 6.9-31.3 9.6l0-49.7c5.1-1.5 9.8-3.1 14.2-4.8c13.6-5.2 23-10.8 28.5-15.7c2.7-2.4 4.1-4.3 4.7-5.5c.6-1.1 .6-1.5 .6-1.5c0 0 0 0 0 0l0-43.6c-5.3 2.6-10.9 5-16.7 7.2c-9.6 3.7-20.1 6.9-31.3 9.6l0-49.7c5.1-1.5 9.8-3.1 14.2-4.8c13.6-5.2 23-10.8 28.5-15.7c2.7-2.4 4.1-4.3 4.7-5.5c.5-.9 .6-1.4 .6-1.5c0 0 0 0 0 0s0 0 0 0l0-43.6c-5.3 2.6-10.9 5-16.7 7.2c-13.7 5.2-29.4 9.6-46.3 12.9c-5.1-7.5-11-13.9-16.8-19.1c-10.1-9.1-21.8-16.5-34-22.6c31.7-2.3 59.3-8.2 80-16.1c13.6-5.2 23-10.8 28.5-15.7c2.7-2.4 4.1-4.3 4.7-5.5c.5-.9 .6-1.4 .6-1.5c0 0 0 0 0 0s0 0 0 0s0 0 0 0c0 0 0-.5-.6-1.5c-.6-1.2-2-3.1-4.7-5.5c-5.5-5-14.9-10.6-28.5-15.7C403.2 54.9 364.2 48 320 48s-83.2 6.9-110.2 17.2c-13.6 5.2-23 10.8-28.5 15.7c-2.7 2.4-4.1 4.3-4.7 5.5c-.6 1.1-.6 1.5-.6 1.5c0 0 0 0 0 0zM48 216c0 0 0 0 0 0c0 .1 .1 .6 .6 1.5c.6 1.2 2 3.1 4.7 5.5c5.5 5 14.9 10.6 28.5 15.7c27 10.3 66 17.2 110.2 17.2s83.2-6.9 110.2-17.2c13.6-5.2 23-10.8 28.5-15.7c2.7-2.4 4.1-4.3 4.7-5.5c.5-.9 .6-1.4 .6-1.5c0 0 0 0 0 0s0 0 0 0s0 0 0 0c0 0 0-.5-.6-1.5c-.6-1.2-2-3.1-4.7-5.5c-5.5-5-14.9-10.6-28.5-15.7c-27-10.3-66-17.2-110.2-17.2s-83.2 6.9-110.2 17.2c-13.6 5.2-23 10.8-28.5 15.7c-2.7 2.4-4.1 4.3-4.7 5.5c-.6 1.1-.6 1.5-.6 1.5c0 0 0 0 0 0zM0 216c0-18 9.7-32.4 21.1-42.7s26.7-18.5 43.5-24.9C98.4 135.5 143.5 128 192 128s93.6 7.5 127.3 20.3c16.8 6.4 32.1 14.6 43.5 24.9S384 198 384 216l0 104 0 104c0 18-9.7 32.4-21.1 42.7s-26.7 18.5-43.5 24.9C285.6 504.5 240.5 512 192 512s-93.6-7.5-127.3-20.3c-16.8-6.4-32-14.6-43.5-24.9S0 442 0 424L0 320 0 216zM336 320l0-43.6c-5.3 2.6-10.9 5-16.7 7.2C285.6 296.5 240.5 304 192 304s-93.6-7.5-127.3-20.3c-5.8-2.2-11.4-4.6-16.7-7.2L48 320c0 0 0 0 0 0c0 .1 .1 .6 .6 1.5c.6 1.2 2 3.1 4.7 5.5c5.5 5 14.9 10.6 28.5 15.7c27 10.3 66 17.2 110.2 17.2s83.2-6.9 110.2-17.2c13.6-5.2 23-10.8 28.5-15.7c2.7-2.4 4.1-4.3 4.7-5.5c.5-.9 .6-1.4 .6-1.5c0 0 0 0 0 0c0 0 0 0 0 0zM64.7 387.7c-5.8-2.2-11.4-4.6-16.7-7.2L48 424s0 0 0 0c0 0 0 .5 .6 1.5c.6 1.2 2 3.1 4.7 5.5c5.5 5 14.9 10.6 28.5 15.7c27 10.3 66 17.2 110.2 17.2s83.2-6.9 110.2-17.2c13.6-5.2 23-10.8 28.5-15.7c2.7-2.4 4.1-4.3 4.7-5.5c.6-1.1 .6-1.5 .6-1.5c0 0 0 0 0 0l0-43.6c-5.3 2.6-10.9 5-16.7 7.2C285.6 400.5 240.5 408 192 408s-93.6-7.5-127.3-20.3z"/></svg></a>                            </li>
                                                    <li>
                                <a
            x-alt-clipboard="30"
        class="inline-flex items-center p-2 rounded text-base font-medium leading-4 shadow-halo-md transition-colors cursor-pointer select-none text-shark-950 hover:bg-concrete-50 block" href="https://shs.cairn.info/disc-geographie?lang=fr" wire:navigate="">Géographie
                    <svg aria-hidden="true" class="bfa bfa-regular inline w-[18px] h-[18px] text-cairn-main ml-2" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M15 367c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0l18.5-18.5c34.3 27.7 74.9 43.8 116.5 48.3l0 33.3-96 0c-13.3 0-24 10.7-24 24s10.7 24 24 24l240 0c13.3 0 24-10.7 24-24s-10.7-24-24-24l-96 0 0-33.3c49.1-5.3 96.8-26.7 134.4-64.3c81.7-81.7 87.1-211 16.1-298.9L401 49c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0L332.5 49.6c-9.4 9.4-9.4 24.6 0 33.9c68.7 68.7 68.7 180.2 0 248.9s-180.2 68.7-248.9 0c-9.4-9.4-24.6-9.4-33.9 0L15 367zm97-159a96 96 0 1 1 192 0 96 96 0 1 1 -192 0zm240 0A144 144 0 1 0 64 208a144 144 0 1 0 288 0z"/></svg></a>                            </li>
                                                    <li>
                                <a
            x-alt-clipboard="160"
        class="inline-flex items-center p-2 rounded text-base font-medium leading-4 shadow-halo-md transition-colors cursor-pointer select-none text-shark-950 hover:bg-concrete-50 block" href="https://shs.cairn.info/disc-gestion?lang=fr" wire:navigate="">Gestion
                    <svg aria-hidden="true" class="bfa bfa-regular inline w-[18px] h-[18px] text-cairn-main ml-2" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M576 48L224 48c-8.8 0-16 7.2-16 16l0 41.3c-14.8-6-31-9.3-48-9.3l0-32c0-35.3 28.7-64 64-64L576 0c35.3 0 64 28.7 64 64l0 288c0 35.3-28.7 64-64 64l-239.2 0c-8.3-18-19.8-34.2-33.7-48L576 368c8.8 0 16-7.2 16-16l0-288c0-8.8-7.2-16-16-16zM412.7 139.3c-4.6-4.6-5.9-11.5-3.5-17.4s8.3-9.9 14.8-9.9l88 0c8.8 0 16 7.2 16 16l0 88c0 6.5-3.9 12.3-9.9 14.8s-12.9 1.1-17.4-3.5l-27-27L401 273c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47 55.7-55.7-27-27zM160 272a48 48 0 1 0 0-96 48 48 0 1 0 0 96zm0-144a96 96 0 1 1 0 192 96 96 0 1 1 0-192zM133.3 400c-39.8 0-73.2 27.2-82.6 64l218.6 0c-9.5-36.8-42.9-64-82.6-64l-53.3 0zm0-48l53.3 0C260.3 352 320 411.7 320 485.3c0 14.7-11.9 26.7-26.7 26.7L26.7 512C11.9 512 0 500.1 0 485.3C0 411.7 59.7 352 133.3 352z"/></svg></a>                            </li>
                                                    <li>
                                <a
            x-alt-clipboard="3"
        class="inline-flex items-center p-2 rounded text-base font-medium leading-4 shadow-halo-md transition-colors cursor-pointer select-none text-shark-950 hover:bg-concrete-50 block" href="https://shs.cairn.info/disc-histoire?lang=fr" wire:navigate="">Histoire
                    <svg aria-hidden="true" class="bfa bfa-regular inline w-[18px] h-[18px] text-cairn-main ml-2" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M48 112c0-17.7 14.3-32 32-32s32 14.3 32 32l0 288c0 44.2 35.8 80 80 80l304 0c44.2 0 80-35.8 80-80l0-48c0-26.5-21.5-48-48-48l-.6 0-.6 0-.6 0-.6 0-.6 0-.6 0-.6 0-.6 0-.6 0-.6 0-.6 0-.6 0-.6 0-.6 0-.6 0-.6 0-.6 0-.6 0-.6 0-.6 0-.5 0-.6 0-.5 0-.6 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.5 0-.6 0-.6 0-.6 0-.6 0-.6 0-.6 0-.6 0-.6 0-.6 0-.6 0-.6 0-.6 0-.6 0-.6 0-.6 0-.6 0-.6 0-.6 0-.6 0-.6 0c-26.5 0-48 21.5-48 48l0 48c0 17.7-14.3 32-32 32s-32-14.3-32-32l0-288c0-11.4-2.4-22.2-6.7-32L400 80c17.7 0 32 14.3 32 32l0 160 48 0 0-160c0-44.2-35.8-80-80-80L80 32C35.8 32 0 67.8 0 112l0 48c0 26.5 21.5 48 48 48l32 0 0-48-32 0 0-48zM496 432l-230.7 0c4.3-9.8 6.7-20.6 6.7-32l0-48s0 0 0 0l.6 0 .6 0 .6 0 .6 0 .6 0 .6 0 .6 0 .6 0 .6 0 .6 0 .6 0 .6 0 .6 0 .6 0 .6 0 .6 0 .6 0 .6 0 .6 0 .6 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .5 0 .6 0 .5 0 .6 0 .5 0 .6 0 .6 0 .6 0 .6 0 .6 0 .6 0 .6 0 .6 0 .6 0 .6 0 .6 0 .6 0 .6 0 .6 0 .6 0 .6 0 .6 0 .6 0 .6 0 .6 0s0 0 0 0l0 48c0 17.7-14.3 32-32 32z"/></svg></a>                            </li>
                                                    <li>
                                <a
            x-alt-clipboard="9"
        class="inline-flex items-center p-2 rounded text-base font-medium leading-4 shadow-halo-md transition-colors cursor-pointer select-none text-shark-950 hover:bg-concrete-50 block" href="https://shs.cairn.info/disc-sciences-de-l-information?lang=fr" wire:navigate="">Info, Communication
                    <svg aria-hidden="true" class="bfa bfa-regular inline w-[18px] h-[18px] text-cairn-main ml-2" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M240 128l0 32-32 0c-8.8 0-16 7.2-16 16s7.2 16 16 16l32 0 0 32-32 0c-8.8 0-16 7.2-16 16s7.2 16 16 16l32 0c0 26.5-21.5 48-48 48s-48-21.5-48-48l0-160c0-26.5 21.5-48 48-48s48 21.5 48 48l-32 0c-8.8 0-16 7.2-16 16s7.2 16 16 16l32 0zM96 96l0 160c0 53 43 96 96 96s96-43 96-96l0-160c0-53-43-96-96-96S96 43 96 96zM64 216c0-13.3-10.7-24-24-24s-24 10.7-24 24l0 40c0 89.1 66.2 162.7 152 174.4l0 33.6-48 0c-13.3 0-24 10.7-24 24s10.7 24 24 24l72 0 72 0c13.3 0 24-10.7 24-24s-10.7-24-24-24l-48 0 0-33.6c85.8-11.7 152-85.3 152-174.4l0-40c0-13.3-10.7-24-24-24s-24 10.7-24 24l0 40c0 70.7-57.3 128-128 128s-128-57.3-128-128l0-40z"/></svg></a>                            </li>
                                                    <li>
                                <a
            x-alt-clipboard="4"
        class="inline-flex items-center p-2 rounded text-base font-medium leading-4 shadow-halo-md transition-colors cursor-pointer select-none text-shark-950 hover:bg-concrete-50 block" href="https://shs.cairn.info/disc-interet-general?lang=fr" wire:navigate="">Intérêt général
                    <svg aria-hidden="true" class="bfa bfa-regular inline w-[18px] h-[18px] text-cairn-main ml-2" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M368 80a32 32 0 1 1 64 0 32 32 0 1 1 -64 0zm-29.9 50.6c6.8 8.3 15.2 15.2 24.7 20.2L326 352.6c-11.5 1.4-22.2 5.3-31.7 11.1L153.3 240.2c4.3-9.9 6.7-20.7 6.7-32.2c0-2-.1-4.1-.2-6.1l178.3-71.3zM410 159.4c39.5-4.9 70-38.6 70-79.4c0-44.2-35.8-80-80-80s-80 35.8-80 80c0 2 .1 4.1 .2 6.1L141.9 157.4C127.3 139.4 105 128 80 128c-44.2 0-80 35.8-80 80s35.8 80 80 80c15.3 0 29.5-4.3 41.6-11.7L262.7 399.8c-4.3 9.9-6.7 20.7-6.7 32.2c0 44.2 35.8 80 80 80s80-35.8 80-80c0-30.7-17.3-57.4-42.7-70.8L410 159.4zM304 432a32 32 0 1 1 64 0 32 32 0 1 1 -64 0zM80 176a32 32 0 1 1 0 64 32 32 0 1 1 0-64z"/></svg></a>                            </li>
                                                    <li>
                                <a
            x-alt-clipboard="161"
        class="inline-flex items-center p-2 rounded text-base font-medium leading-4 shadow-halo-md transition-colors cursor-pointer select-none text-shark-950 hover:bg-concrete-50 block" href="https://shs.cairn.info/disc-linguistique?lang=fr" wire:navigate="">Linguistique
                    <svg aria-hidden="true" class="bfa bfa-regular inline w-[18px] h-[18px] text-cairn-main ml-2" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M64 64C28.7 64 0 92.7 0 128L0 384c0 35.3 28.7 64 64 64l208 0 32 0 16 0 256 0c35.3 0 64-28.7 64-64l0-256c0-35.3-28.7-64-64-64L320 64l-16 0-32 0L64 64zm512 48c8.8 0 16 7.2 16 16l0 256c0 8.8-7.2 16-16 16l-256 0 0-288 256 0zM178.3 175.9l64 144c4.5 10.1-.1 21.9-10.2 26.4s-21.9-.1-26.4-10.2L196.8 316l-73.6 0-8.9 20.1c-4.5 10.1-16.3 14.6-26.4 10.2s-14.6-16.3-10.2-26.4l64-144c3.2-7.2 10.4-11.9 18.3-11.9s15.1 4.7 18.3 11.9zM179 276l-19-42.8L141 276l38 0zM456 164c-11 0-20 9-20 20l0 4-52 0c-11 0-20 9-20 20s9 20 20 20l72 0 35.1 0c-7.3 16.7-17.4 31.9-29.8 45l-.5-.5-14.6-14.6c-7.8-7.8-20.5-7.8-28.3 0s-7.8 20.5 0 28.3L430 298.3c-5.9 3.6-12.1 6.9-18.5 9.8l-3.6 1.6c-10.1 4.5-14.6 16.3-10.2 26.4s16.3 14.6 26.4 10.2l3.6-1.6c12-5.3 23.4-11.8 34-19.4c4.3 3 8.6 5.8 13.1 8.5l18.9 11.3c9.5 5.7 21.8 2.6 27.4-6.9s2.6-21.8-6.9-27.4l-18.9-11.3c-.9-.5-1.8-1.1-2.7-1.6c17.2-18.8 30.7-40.9 39.6-65.4L534 228l2 0c11 0 20-9 20-20s-9-20-20-20l-16 0-44 0 0-4c0-11-9-20-20-20z"/></svg></a>                            </li>
                                                    <li>
                                <a
            x-alt-clipboard="5"
        class="inline-flex items-center p-2 rounded text-base font-medium leading-4 shadow-halo-md transition-colors cursor-pointer select-none text-shark-950 hover:bg-concrete-50 block" href="https://shs.cairn.info/disc-litterature?lang=fr" wire:navigate="">Littérature
                    <svg aria-hidden="true" class="bfa bfa-regular inline w-[18px] h-[18px] text-cairn-main ml-2" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M384 80c8.8 0 16 7.2 16 16l0 320c0 8.8-7.2 16-16 16L64 432c-8.8 0-16-7.2-16-16L48 96c0-8.8 7.2-16 16-16l320 0zM64 32C28.7 32 0 60.7 0 96L0 416c0 35.3 28.7 64 64 64l320 0c35.3 0 64-28.7 64-64l0-320c0-35.3-28.7-64-64-64L64 32zM208 240l0-24 0-24c0-17.7-14.3-32-32-32l-48 0c-17.7 0-32 14.3-32 32l0 48c0 17.7 14.3 32 32 32l32 0 0 7.3c0 11.7-8.5 21.7-20.1 23.7l-7.9 1.3c-13.1 2.2-21.9 14.5-19.7 27.6s14.5 21.9 27.6 19.7l7.9-1.3c34.7-5.8 60.2-35.8 60.2-71l0-39.3zm144 39.3l0-39.3 0-24 0-24c0-17.7-14.3-32-32-32l-48 0c-17.7 0-32 14.3-32 32l0 48c0 17.7 14.3 32 32 32l32 0 0 7.3c0 11.7-8.5 21.7-20.1 23.7l-7.9 1.3c-13.1 2.2-21.9 14.5-19.7 27.6s14.5 21.9 27.6 19.7l7.9-1.3c34.7-5.8 60.2-35.8 60.2-71z"/></svg></a>                            </li>
                                                    <li>
                                <a
            x-alt-clipboard="6"
        class="inline-flex items-center p-2 rounded text-base font-medium leading-4 shadow-halo-md transition-colors cursor-pointer select-none text-shark-950 hover:bg-concrete-50 block" href="https://shs.cairn.info/disc-philosophie?lang=fr" wire:navigate="">Philosophie
                    <svg aria-hidden="true" class="bfa bfa-regular inline w-[18px] h-[18px] text-cairn-main ml-2" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M256 464c114.9 0 208-93.1 208-208s-93.1-208-208-208S48 141.1 48 256c0 17.7 2.2 34.8 6.4 51.2C40.8 317.4 32 333.7 32 352l0 28C11.6 343.3 0 301 0 256C0 114.6 114.6 0 256 0S512 114.6 512 256s-114.6 256-256 256c-10.6 0-21.1-.6-31.4-1.9c4-5.7 7.3-12 9.8-18.8l10.1-27.7c3.8 .2 7.7 .3 11.6 .3zm43-158.9c-9.9-2-20.5-1.3-30.7 2.5L237.9 319l-65.5-15.4c-8.6-2-13.9-10.6-11.9-19.2s10.6-13.9 19.2-11.9l97.1 22.8c8.2 1.9 15.7 5.3 22.3 9.8zM144.4 192a32 32 0 1 1 64 0 32 32 0 1 1 -64 0zm192-16a32 32 0 1 1 0 64 32 32 0 1 1 0-64zm-120-31.2c-20.5-17.6-49.9-20.4-73.4-7l-7.1 4c-7.7 4.4-17.4 1.7-21.8-6s-1.7-17.4 6-21.8l7.1-4c35.2-20.1 79.3-15.9 110.1 10.5l13.2 11.3c6.7 5.8 7.5 15.9 1.7 22.6s-15.9 7.5-22.6 1.7l-13.2-11.3zM112 352l0 48.4 167.6-62.8c12.4-4.7 26.2 1.6 30.9 14s-1.6 26.2-14 30.9L230.9 407c-.1 .4-.3 .8-.4 1.2l-26.3 72.2c-6.9 19-24.9 31.6-45.1 31.6L112 512c-26.5 0-48-21.5-48-48l0-112c0-13.3 10.7-24 24-24s24 10.7 24 24z"/></svg></a>                            </li>
                                                    <li>
                                <a
            x-alt-clipboard="7"
        class="inline-flex items-center p-2 rounded text-base font-medium leading-4 shadow-halo-md transition-colors cursor-pointer select-none text-shark-950 hover:bg-concrete-50 block" href="https://shs.cairn.info/disc-psychologie?lang=fr" wire:navigate="">Psychologie
                    <svg aria-hidden="true" class="bfa bfa-regular inline w-[18px] h-[18px] text-cairn-main ml-2" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M48 224c0-97.2 78.8-176 176-176l24 0c60.1 0 115.7 36.7 139.6 88.3c3.9 8.4 7.5 17 11.4 25.9l1.5 3.5c4.3 10.1 8.9 20.7 13.9 31.1c10.1 20.8 22.5 42 40.6 60.1l4.4 4.4c2.9 2.9 4.6 6.9 4.6 11c0 8.6-7 15.6-15.6 15.6L424 288c-13.3 0-24 10.7-24 24l0 72c0 8.8-7.2 16-16 16l-88 0c-13.3 0-24 10.7-24 24l0 64c0 13.3 10.7 24 24 24s24-10.7 24-24l0-40 64 0c35.3 0 64-28.7 64-64l0-48 .4 0c35.1 0 63.6-28.5 63.6-63.6c0-16.9-6.7-33-18.6-45L489 223c-12.7-12.7-22.4-28.5-31.4-47.1c-4.5-9.3-8.7-18.9-13-29l-1.5-3.5c-3.8-8.9-7.8-18.2-12-27.3C399.4 47.6 326.8 0 248 0L224 0C100.3 0 0 100.3 0 224c0 53.6 18.9 102.9 50.3 141.5c8.9 11 13.7 22.4 13.7 33.1L64 488c0 13.3 10.7 24 24 24s24-10.7 24-24l0-89.4c0-24.9-10.9-46.8-24.5-63.4C62.8 304.8 48 266.2 48 224zm264-32c22.1 0 40-17.9 40-40s-17.9-40-40-40c-2 0-3.9 .1-5.8 .4C299.8 102.5 288.7 96 276 96c-6.2 0-12.1 1.6-17.2 4.3C252 88.2 238.9 80 224 80s-28 8.2-34.8 20.3C184.1 97.6 178.2 96 172 96c-18.5 0-33.8 14-35.8 32l-.2 0c-22.1 0-40 17.9-40 40c0 16.5 9.9 30.6 24.1 36.7c-.1 1.1-.1 2.2-.1 3.3c0 22.1 17.9 40 40 40c5.7 0 11.1-1.2 16-3.3l0 51.3c0 13.3 10.7 24 24 24s24-10.7 24-24l0-48.8c2.6 .5 5.3 .8 8 .8c22.1 0 40-17.9 40-40c0-5.7-1.2-11.1-3.3-16l43.3 0z"/></svg></a>                            </li>
                                                    <li>
                                <a
            x-alt-clipboard="311"
        class="inline-flex items-center p-2 rounded text-base font-medium leading-4 shadow-halo-md transition-colors cursor-pointer select-none text-shark-950 hover:bg-concrete-50 block" href="https://shs.cairn.info/disc-religions-et-spiritualites?lang=fr" wire:navigate="">Religions et spiritualité
                    <svg aria-hidden="true" class="bfa bfa-regular inline w-[18px] h-[18px] text-cairn-main ml-2" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M344 24c0-13.3-10.7-24-24-24s-24 10.7-24 24l0 24-32 0c-13.3 0-24 10.7-24 24s10.7 24 24 24l32 0 0 26.9L192.9 189.7c-20.5 13.3-32.9 36-32.9 60.4L160 464l-88 0c-13.3 0-24-10.7-24-24l0-69.9c0-8.1 4.1-15.7 11-20.2l69-44.7 0-57.2L32.9 309.7C12.4 322.9 0 345.7 0 370.1L0 440c0 39.8 32.2 72 72 72l120 0s0 0 0 0l256 0 8 0 112 0c39.8 0 72-32.2 72-72l0-69.9c0-24.4-12.4-47.2-32.9-60.4L512 248.1l0 57.2L581 350c6.8 4.4 11 12 11 20.1l0 69.9c0 13.3-10.7 24-24 24l-88 0 0-213.9c0-24.4-12.4-47.2-32.9-60.4L344 122.9 344 96l32 0c13.3 0 24-10.7 24-24s-10.7-24-24-24l-32 0 0-24zM320 164.6L421 230c6.8 4.4 11 12 11 20.1L432 464l-64 0 0-96c0-26.5-21.5-48-48-48s-48 21.5-48 48l0 96-64 0 0-213.9c0-8.1 4.1-15.7 11-20.1l101-65.4z"/></svg></a>                            </li>
                                                    <li>
                                <a
            x-alt-clipboard="141"
        class="inline-flex items-center p-2 rounded text-base font-medium leading-4 shadow-halo-md transition-colors cursor-pointer select-none text-shark-950 hover:bg-concrete-50 block" href="https://shs.cairn.info/disc-sante-publique?lang=fr" wire:navigate="">Santé publique
                    <svg aria-hidden="true" class="bfa bfa-regular inline w-[18px] h-[18px] text-cairn-main ml-2" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M272.5 5.7c9-7.6 22.1-7.6 31.1 0l264 224c10.1 8.6 11.4 23.7 2.8 33.8s-23.7 11.3-33.8 2.8L512 245.5 512 432c0 44.2-35.8 80-80 80l-288 0c-44.2 0-80-35.8-80-80l0-186.5L39.5 266.3c-10.1 8.6-25.3 7.3-33.8-2.8s-7.3-25.3 2.8-33.8l264-224zM288 55.5L112 204.8 112 432c0 17.7 14.3 32 32 32l288 0c17.7 0 32-14.3 32-32l0-227.2L288 55.5zM256 208c0-8.8 7.2-16 16-16l32 0c8.8 0 16 7.2 16 16l0 48 48 0c8.8 0 16 7.2 16 16l0 32c0 8.8-7.2 16-16 16l-48 0 0 48c0 8.8-7.2 16-16 16l-32 0c-8.8 0-16-7.2-16-16l0-48-48 0c-8.8 0-16-7.2-16-16l0-32c0-8.8 7.2-16 16-16l48 0 0-48z"/></svg></a>                            </li>
                                                    <li>
                                <a
            x-alt-clipboard="10"
        class="inline-flex items-center p-2 rounded text-base font-medium leading-4 shadow-halo-md transition-colors cursor-pointer select-none text-shark-950 hover:bg-concrete-50 block" href="https://shs.cairn.info/disc-sciences-politiques?lang=fr" wire:navigate="">Science politique
                    <svg aria-hidden="true" class="bfa bfa-regular inline w-[18px] h-[18px] text-cairn-main ml-2" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M48 24C48 10.7 37.3 0 24 0S0 10.7 0 24L0 64 0 350.5 0 400l0 88c0 13.3 10.7 24 24 24s24-10.7 24-24l0-100 80.3-20.1c41.1-10.3 84.6-5.5 122.5 13.4c44.2 22.1 95.5 24.8 141.7 7.4l34.7-13c12.5-4.7 20.8-16.6 20.8-30l0-279.7c0-23-24.2-38-44.8-27.7l-9.6 4.8c-46.3 23.2-100.8 23.2-147.1 0c-35.1-17.6-75.4-22-113.5-12.5L48 52l0-28zm0 77.5l96.6-24.2c27-6.7 55.5-3.6 80.4 8.8c54.9 27.4 118.7 29.7 175 6.8l0 241.8-24.4 9.1c-33.7 12.6-71.2 10.7-103.4-5.4c-48.2-24.1-103.3-30.1-155.6-17.1L48 338.5l0-237z"/></svg></a>                            </li>
                                                    <li>
                                <a
            x-alt-clipboard="8"
        class="inline-flex items-center p-2 rounded text-base font-medium leading-4 shadow-halo-md transition-colors cursor-pointer select-none text-shark-950 hover:bg-concrete-50 block" href="https://shs.cairn.info/disc-sciences-de-l-education?lang=fr" wire:navigate="">Sciences de l’éducation
                    <svg aria-hidden="true" class="bfa bfa-regular inline w-[18px] h-[18px] text-cairn-main ml-2" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M224 112a32 32 0 1 0 0-64 32 32 0 1 0 0 64zM224 0a80 80 0 1 1 0 160A80 80 0 1 1 224 0zM107.3 180.7c-6.2-6.2-16.4-6.2-22.6 0s-6.2 16.4 0 22.6l18.7 18.7c12.8 12.8 27.5 23.4 43.4 31.5c8.1 4.1 13.1 12.4 13.1 21.4l0 13s0 0 0 0l128 0 0-13c0-9 5.1-17.3 13.1-21.4c15.9-8.1 30.6-18.6 43.4-31.5l18.7-18.7c6.2-6.2 6.2-16.4 0-22.6s-16.4-6.2-22.6 0l-18.7 18.7c-26 26-61.2 40.6-97.9 40.6s-72-14.6-97.9-40.6l-18.7-18.7zM304.6 341.5l-24.1 21.1L304 392.9c6.8 8.8 6.7 21.1-.2 29.7L291.5 438c-5.5 6.9-4.4 17 2.5 22.5s17 4.4 22.5-2.5l32-40c4.6-5.8 4.7-14 .1-19.8l-44.1-56.7zm-137 21.1l-24.1-21.1L99.4 398.2c-4.5 5.8-4.5 14 .1 19.8l32 40c5.5 6.9 15.6 8 22.5 2.5s8-15.6 2.5-22.5l-12.3-15.4c-6.9-8.7-7-21-.2-29.7l23.6-30.3zM50.7 146.7c25-25 65.5-25 90.5 0L160 165.5c17 17 40 26.5 64 26.5s47-9.5 64-26.5l18.7-18.7c25-25 65.5-25 90.5 0s25 65.5 0 90.5L378.5 256c-12.9 12.9-27.2 23.9-42.5 33.1l0 14.6 50.5 65c18.2 23.4 18 56.2-.5 79.3l-32 40c-22.1 27.6-62.4 32.1-90 10s-32.1-62.4-10-90l.5-.6-5.8-7.4-49.4 0-5.8 7.4 .5 .6c22.1 27.6 17.6 67.9-10 90s-67.9 17.6-90-10L62 448c-18.5-23.1-18.7-55.9-.5-79.3l50.5-65 0-14.6c-15.4-9.2-29.7-20.3-42.5-33.1L50.7 237.3c-25-25-25-65.5 0-90.5z"/></svg></a>                            </li>
                                                    <li>
                                <a
            x-alt-clipboard="11"
        class="inline-flex items-center p-2 rounded text-base font-medium leading-4 shadow-halo-md transition-colors cursor-pointer select-none text-shark-950 hover:bg-concrete-50 block" href="https://shs.cairn.info/disc-sociologie?lang=fr" wire:navigate="">Sociologie
                    <svg aria-hidden="true" class="bfa bfa-regular inline w-[18px] h-[18px] text-cairn-main ml-2" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M144 160A80 80 0 1 0 144 0a80 80 0 1 0 0 160zm368 0A80 80 0 1 0 512 0a80 80 0 1 0 0 160zM0 298.7C0 310.4 9.6 320 21.3 320l213.3 0c.2 0 .4 0 .7 0c-26.6-23.5-43.3-57.8-43.3-96c0-7.6 .7-15 1.9-22.3c-13.6-6.3-28.7-9.7-44.6-9.7l-42.7 0C47.8 192 0 239.8 0 298.7zM405.3 320l213.3 0c11.8 0 21.3-9.6 21.3-21.3C640 239.8 592.2 192 533.3 192l-42.7 0c-15.9 0-31 3.5-44.6 9.7c1.3 7.2 1.9 14.7 1.9 22.3c0 38.2-16.8 72.5-43.3 96c.2 0 .4 0 .7 0zM320 176a48 48 0 1 1 0 96 48 48 0 1 1 0-96zm0 144a96 96 0 1 0 0-192 96 96 0 1 0 0 192zm-58.7 80l117.3 0c39.8 0 73.2 27.2 82.6 64l-282.6 0c9.5-36.8 42.9-64 82.6-64zm0-48C187.7 352 128 411.7 128 485.3c0 14.7 11.9 26.7 26.7 26.7l330.7 0c14.7 0 26.7-11.9 26.7-26.7C512 411.7 452.3 352 378.7 352l-117.3 0z"/></svg></a>                            </li>
                                                    <li>
                                <a
            x-alt-clipboard="12"
        class="inline-flex items-center p-2 rounded text-base font-medium leading-4 shadow-halo-md transition-colors cursor-pointer select-none text-shark-950 hover:bg-concrete-50 block" href="https://shs.cairn.info/disc-sport-et-societe?lang=fr" wire:navigate="">Sport et société
                    <svg aria-hidden="true" class="bfa bfa-regular inline w-[18px] h-[18px] text-cairn-main ml-2" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M4.1 38.2L106.4 191.5c11.2-11.6 23.7-21.9 37.3-30.6L68.4 48l64.5 0 54.9 91.5c15.8-5.5 32.4-9.1 49.6-10.6l-6.1-10.1L169.3 15.5C163.5 5.9 153.1 0 141.9 0L24.6 0C11 0 0 11 0 24.6c0 4.8 1.4 9.6 4.1 13.6zm276.6 80.5l-6.1 10.1c17.2 1.5 33.8 5.2 49.6 10.6L379.2 48l64.5 0L368.4 160.9c13.6 8.7 26.1 19 37.3 30.6L507.9 38.2c2.7-4 4.1-8.8 4.1-13.6C512 11 501 0 487.4 0L370.1 0c-11.2 0-21.7 5.9-27.4 15.5L280.8 118.7zM256 208a128 128 0 1 1 0 256 128 128 0 1 1 0-256zm0 304a176 176 0 1 0 0-352 176 176 0 1 0 0 352zm7.2-257.5c-2.9-5.9-11.4-5.9-14.3 0l-19.2 38.9c-1.2 2.4-3.4 4-6 4.4L180.7 304c-6.6 1-9.2 9-4.4 13.6l31 30.2c1.9 1.8 2.7 4.5 2.3 7.1l-7.3 42.7c-1.1 6.5 5.7 11.5 11.6 8.4L252.3 386c2.3-1.2 5.1-1.2 7.4 0l38.4 20.2c5.9 3.1 12.7-1.9 11.6-8.4L302.4 355c-.4-2.6 .4-5.2 2.3-7.1l31-30.2c4.7-4.6 2.1-12.7-4.4-13.6l-42.9-6.2c-2.6-.4-4.9-2-6-4.4l-19.2-38.9z"/></svg></a>                            </li>
                                                    <li>
                                <a
            x-alt-clipboard="162"
        class="inline-flex items-center p-2 rounded text-base font-medium leading-4 shadow-halo-md transition-colors cursor-pointer select-none text-shark-950 hover:bg-concrete-50 block" href="https://shs.cairn.info/disc-travail-social?lang=fr" wire:navigate="">Travail social
                    <svg aria-hidden="true" class="bfa bfa-regular inline w-[18px] h-[18px] text-cairn-main ml-2" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M64 64a64 64 0 1 1 128 0A64 64 0 1 1 64 64zm41.6 144c-16.6 0-30.5 12.8-31.9 29.3l-4.1 49.3C68.8 296 76.2 304 85.6 304l2.4 0 40 0c0 14.3 5.5 28.7 16.4 39.6L192 391.2l0 96.8c0 13.3-10.7 24-24 24s-24-10.7-24-24l0-136-32 0 0 136c0 13.3-10.7 24-24 24s-24-10.7-24-24l0-139.7c-26.5-9.5-44.7-35.8-42.2-65.6l4.1-49.3C29.3 191.9 64 160 105.6 160l44.8 0c27 0 51 13.4 65.5 34.1c-2.6 1.8-5.2 4-7.5 6.3l-28.1 28.1c-4.6-12.1-16.3-20.5-29.9-20.5l-44.8 0zM448 488l0-96.8 47.6-47.6C506.5 332.7 512 318.3 512 304l40 0 2.4 0c9.4 0 16.7-8 15.9-17.3l-4.1-49.3C564.9 220.8 551 208 534.4 208l-44.8 0c-13.5 0-25.2 8.4-29.9 20.5l-28.1-28.1c-2.4-2.4-4.9-4.5-7.5-6.3c14.5-20.7 38.6-34.1 65.5-34.1l44.8 0c41.6 0 76.3 31.9 79.7 73.4l4.1 49.3c2.5 29.8-15.7 56.1-42.2 65.6L576 488c0 13.3-10.7 24-24 24s-24-10.7-24-24l0-136-32 0 0 136c0 13.3-10.7 24-24 24s-24-10.7-24-24zm0-424a64 64 0 1 1 128 0A64 64 0 1 1 448 64zM265 257l-23 23 156.1 0-23-23c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l64 64c9.4 9.4 9.4 24.6 0 33.9l-64 64c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l23-23-156.1 0 23 23c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9l64-64c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z"/></svg></a>                            </li>
                                            </ul>
                </nav>
                <hr class="mt-10 mb-11 border-alto-200" />
            </section>
        
        
        
        
                    <section role="region" aria-labelledby="recent-rencontres-title">
                <div class="flex justify-between">
                    <h2 class="font-bold text-xl leading-6 mb-4" id="recent-rencontres-title">
    Dernières rencontres
</h2>
                    <a
        class="underline text-cairn-main hover:text-cairn-dark font-medium hidden md:flex items-center mb-4 gap-2 pr-2.5" href="https://shs.cairn.info/rencontres?lang=fr" wire:navigate="" aria-label="Voir toutes les rencontres">Toutes les rencontres                        <svg aria-hidden="true" class="bfa bfa-light inline w-4 h-4" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M443.3 267.3c6.2-6.2 6.2-16.4 0-22.6l-176-176c-6.2-6.2-16.4-6.2-22.6 0s-6.2 16.4 0 22.6L393.4 240 16 240c-8.8 0-16 7.2-16 16s7.2 16 16 16l377.4 0L244.7 420.7c-6.2 6.2-6.2 16.4 0 22.6s16.4 6.2 22.6 0l176-176z"/></svg></a>                </div>
                <div x-data="UI_Carousel_Publications(4, 20)" >
    <div class="relative">
        
                    <div class="absolute inset-y-0 -left-10 hidden items-center lg:flex">
                <button 
                    type="button"
                    class="group" 
                    @click="goToPreviousPage"
                    aria-label="Publications précédentes"
                >
                    <span aria-hidden="true" class="fa-stack fa-1x text-white">
    <svg style="
                                --fa-primary-color: rgb(var(--cairn-main));
                                --fa-secondary-hover-color: rgb(var(--cairn-main));
                                --fa-secondary-opacity: 1.0;
                            ;" aria-hidden="true" class="bfa bfa-duotone inline fa-stack-2x h-full text-white" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><defs><style>.fa-secondary{opacity:.4}</style></defs><path class="fa-secondary" d="M0 256a256 256 0 1 0 512 0A256 256 0 1 0 0 256zm160 0c0-6.1 2.3-12.3 7-17L271 135c4.7-4.7 10.8-7 17-7s12.3 2.3 17 7s7 10.8 7 17s-2.3 12.3-7 17l-87 87 87 87c4.7 4.7 7 10.8 7 17s-2.3 12.3-7 17s-10.8 7-17 7s-12.3-2.3-17-7L167 273c-4.7-4.7-7-10.8-7-17z"/><path class="fa-primary" d="M167 273c-9.4-9.4-9.4-24.6 0-33.9L271 135c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9l-87 87 87 87c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0L167 273z"/></svg>    <svg aria-hidden="true" class="bfa bfa-light inline fa-stack-1x h-full text-cairn-main" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M256 32a224 224 0 1 1 0 448 224 224 0 1 1 0-448zm0 480A256 256 0 1 0 256 0a256 256 0 1 0 0 512z"/></svg>    
</span>
                </button>
            </div>
                
        <div
            role="region"
            aria-label="Faites glisser horizontalement pour voir d’autres éléments."
            tabindex="0"
            class="overflow-x-auto no-scrollbar mx-[-2px] px-0.5 relative max-sm:pr-8"
            x-ref="carousel"
            x-grabbable
        >
            <ul
                class="flex flex-row flex-nowrap items-stretch relative"
                role="list"
            >
                                    <li x-ref="carouselItem0" x-intersect.full="onIntersectEnter(0)" prefetch="grabbable" class="shrink-0 py-0.5  pe-2.5  snap-start scroll-ml-0.5 basis-3/4 sm:basis-1/2 md:basis-1/3 lg:basis-1/4">
    <div class="bg-white hover:bg-concrete-50 text-shark-950 block no-underline relative shadow-halo-sm rounded-xl flex flex-col h-full flex flex-col">

    
            <a
            x-alt-clipboard="CRNRENC_155"
        class="underline text-cairn-main hover:text-cairn-dark font-medium absolute inset-0 z-[1] focus:outline-none focus:ring-2 focus:ring-cairn-main focus:ring-inset rounded-xl text-transparent overflow-hidden" href="https://shs.cairn.info/rencontre-physique-sociale-des-inegalites?lang=fr" data-livewire-navigate="data-livewire-navigate" aria-label="Travail créateur, talent, compétition : physique sociale des inégalités"></a>    
    
            <div
            class="rounded-t-xl mb-3 h-40"
        >
            <img
                loading="lazy" class="h-full w-full rounded-t-md object-cover" src="https://shs.cairn.info/numero/CRNRENC_155/cover/thumbnail?lang=fr" alt="Couverture de CRNRENC_155"
            >
            <div class="flex items-center justify-center absolute top-2 right-2 z-[1] bg-white/90 shadow-md rounded-md w-9 h-9 text-cairn-main">
            <div
    x-data="bookmarkButton(
        false,
        'numero',
        'CRNRENC_155',
        false,
        null
    )"
>
    <button
        type="button"
        role="button"
        tabindex="0"
        aria-haspopup="dialog"
        :aria-label="bookmarked
            ? JSON.parse('\u0022Retirer de la liste de lecture\u0022')            : JSON.parse('\u0022Ajouter \\u00e0 la liste de lecture\u0022')"
        :aria-pressed="bookmarked"
        class="group text-cairn-main"
        x-on:click="$dispatch('openModal', {
            component: 'modals.numero-add-to-listes-lectures',
            arguments: { itemId: 'CRNRENC_155' }
        })"
    >     
                    <template x-if="bookmarked">
                <svg aria-hidden="true" class="bfa bfa-solid inline font-normal size-[18px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M0 48V487.7C0 501.1 10.9 512 24.3 512c5 0 9.9-1.5 14-4.4L192 400 345.7 507.6c4.1 2.9 9 4.4 14 4.4c13.4 0 24.3-10.9 24.3-24.3V48c0-26.5-21.5-48-48-48H48C21.5 0 0 21.5 0 48z"/></svg>            </template>
            <template x-if="!bookmarked">
                <svg aria-hidden="true" class="bfa bfa-regular inline font-normal size-[18px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M0 48C0 21.5 21.5 0 48 0l0 48 0 393.4 130.1-92.9c8.3-6 19.6-6 27.9 0L336 441.4 336 48 48 48 48 0 336 0c26.5 0 48 21.5 48 48l0 440c0 9-5 17.2-13 21.3s-17.6 3.4-24.9-1.8L192 397.5 37.9 507.5c-7.3 5.2-16.9 5.9-24.9 1.8S0 497 0 488L0 48z"/></svg>            </template>
            </button>
</div>

            </div>
        </div>
    
    
    <div class="px-3">
        <div 
    class="flex flex-row col justify-between mb-1 text-xs leading-4 font-bold text-cairn-main mb-0.5"
>
    <span class="grow">
                    <svg aria-hidden="true" class="bfa bfa-custom inline me-1 align-text-bottom w-[17px] h-[17px]" fill="currentColor" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 717 512"><path d="M701.9 211.6L507.7 17.4c-23.2-23.2-61.1-23.2-84.3 0l-63.5 63.5-63.5-63.5c-23.2-23.2-61.1-23.2-84.3 0L17.5 211.6c-23.2 23.2-23.2 61.1 0 84.3l194.2 194.2c23.2 23.2 61.1 23.2 84.3 0l63.5-63.5 63.5 63.5c23.2 23.2 61.1 23.2 84.3 0l194.2-194.2c23.2-23.2 23.2-61.1 0-84.3m-436.9 35.8l94.9-94.9 94.9 94.9c3.4 3.4 3.4 9.2 0 12.6c0 0 0 0 0 0l-94.9 94.9-94.9-94.9c-3.4-3.4-3.4-9.2 0-12.6c0 0 0 0 0 0m-35.8-35.8c-23.2 23.2-23.2 61.1 0 84.3l94.9 94.9-63.5 63.5c-3.4 3.4-9.2 3.8-12.6 0c0 0 0 0 0 0L53 260.1c-3.4-3.4-3.4-9.2 0-12.6c0 0 0 0 0 0L247.6 52.9s4.1-2.7 6.5-2.7s4.8 1 6.5 2.7l63.5 63.5-94.9 95.2zm261.1 84.3c23.2-23.2 23.2-61.1 0-84.3l-94.9-94.9 63.5-63.8c1.7-1.7 4.1-2.7 6.5-2.7s4.8 1 6.5 2.7l194.2 194.2c3.4 3.4 3.4 9.2 0 12.6c0 0 0 0 0 0L471.5 454c-3.4 3.4-9.2 3.8-12.6 0c0 0 0 0 0 0l-63.5-63.5 94.9-95.2z"/></svg>                Rencontre
    </span>
    </div>
        <ul class="font-serif font-bold leading-5 mb-1">
            <li class="inline-block">
                                    
                        
                            <span class="font-normal"></span>
                        
            <a
            x-alt-clipboard="28116"
        class="underline text-cairn-main hover:text-cairn-dark font-medium inline !font-bold z-[1] relative" href="https://shs.cairn.info/publications-de-pierre-michel-menger--28116?lang=fr" data-livewire-navigate="data-livewire-navigate">Pierre-Michel Menger</a>
        </li>
            </ul>

        <h3 class="font-bold text-base font-serif leading-5 my-1">
    Travail créateur, talent, compétition : physique sociale des inégalités
</h3>
    </div>

    
            <div class="mt-auto pt-1 px-3 pb-3">
            <p title="3 juin 2026">
            3 juin 2026
        </p>
        </div>
    
</div>
</li>                                    <li x-ref="carouselItem1" x-intersect.full="onIntersectEnter(1)" prefetch="grabbable" class="shrink-0 py-0.5 px-2.5   snap-start scroll-ml-0.5 basis-3/4 sm:basis-1/2 md:basis-1/3 lg:basis-1/4">
    <div class="bg-white hover:bg-concrete-50 text-shark-950 block no-underline relative shadow-halo-sm rounded-xl flex flex-col h-full flex flex-col">

    
            <a
            x-alt-clipboard="CRNRENC_153"
        class="underline text-cairn-main hover:text-cairn-dark font-medium absolute inset-0 z-[1] focus:outline-none focus:ring-2 focus:ring-cairn-main focus:ring-inset rounded-xl text-transparent overflow-hidden" href="https://shs.cairn.info/rencontre-construire-une-societe-inclusive?lang=fr" data-livewire-navigate="data-livewire-navigate" aria-label="Construire une société inclusive"></a>    
    
            <div
            class="rounded-t-xl mb-3 h-40"
        >
            <img
                loading="lazy" class="h-full w-full rounded-t-md object-cover" src="https://shs.cairn.info/numero/CRNRENC_153/cover/thumbnail?lang=fr" alt="Couverture de CRNRENC_153"
            >
            <div class="flex items-center justify-center absolute top-2 right-2 z-[1] bg-white/90 shadow-md rounded-md w-9 h-9 text-cairn-main">
            <div
    x-data="bookmarkButton(
        false,
        'numero',
        'CRNRENC_153',
        false,
        null
    )"
>
    <button
        type="button"
        role="button"
        tabindex="0"
        aria-haspopup="dialog"
        :aria-label="bookmarked
            ? JSON.parse('\u0022Retirer de la liste de lecture\u0022')            : JSON.parse('\u0022Ajouter \\u00e0 la liste de lecture\u0022')"
        :aria-pressed="bookmarked"
        class="group text-cairn-main"
        x-on:click="$dispatch('openModal', {
            component: 'modals.numero-add-to-listes-lectures',
            arguments: { itemId: 'CRNRENC_153' }
        })"
    >     
                    <template x-if="bookmarked">
                <svg aria-hidden="true" class="bfa bfa-solid inline font-normal size-[18px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M0 48V487.7C0 501.1 10.9 512 24.3 512c5 0 9.9-1.5 14-4.4L192 400 345.7 507.6c4.1 2.9 9 4.4 14 4.4c13.4 0 24.3-10.9 24.3-24.3V48c0-26.5-21.5-48-48-48H48C21.5 0 0 21.5 0 48z"/></svg>            </template>
            <template x-if="!bookmarked">
                <svg aria-hidden="true" class="bfa bfa-regular inline font-normal size-[18px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M0 48C0 21.5 21.5 0 48 0l0 48 0 393.4 130.1-92.9c8.3-6 19.6-6 27.9 0L336 441.4 336 48 48 48 48 0 336 0c26.5 0 48 21.5 48 48l0 440c0 9-5 17.2-13 21.3s-17.6 3.4-24.9-1.8L192 397.5 37.9 507.5c-7.3 5.2-16.9 5.9-24.9 1.8S0 497 0 488L0 48z"/></svg>            </template>
            </button>
</div>

            </div>
        </div>
    
    
    <div class="px-3">
        <div 
    class="flex flex-row col justify-between mb-1 text-xs leading-4 font-bold text-cairn-main mb-0.5"
>
    <span class="grow">
                    <svg aria-hidden="true" class="bfa bfa-custom inline me-1 align-text-bottom w-[17px] h-[17px]" fill="currentColor" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 717 512"><path d="M701.9 211.6L507.7 17.4c-23.2-23.2-61.1-23.2-84.3 0l-63.5 63.5-63.5-63.5c-23.2-23.2-61.1-23.2-84.3 0L17.5 211.6c-23.2 23.2-23.2 61.1 0 84.3l194.2 194.2c23.2 23.2 61.1 23.2 84.3 0l63.5-63.5 63.5 63.5c23.2 23.2 61.1 23.2 84.3 0l194.2-194.2c23.2-23.2 23.2-61.1 0-84.3m-436.9 35.8l94.9-94.9 94.9 94.9c3.4 3.4 3.4 9.2 0 12.6c0 0 0 0 0 0l-94.9 94.9-94.9-94.9c-3.4-3.4-3.4-9.2 0-12.6c0 0 0 0 0 0m-35.8-35.8c-23.2 23.2-23.2 61.1 0 84.3l94.9 94.9-63.5 63.5c-3.4 3.4-9.2 3.8-12.6 0c0 0 0 0 0 0L53 260.1c-3.4-3.4-3.4-9.2 0-12.6c0 0 0 0 0 0L247.6 52.9s4.1-2.7 6.5-2.7s4.8 1 6.5 2.7l63.5 63.5-94.9 95.2zm261.1 84.3c23.2-23.2 23.2-61.1 0-84.3l-94.9-94.9 63.5-63.8c1.7-1.7 4.1-2.7 6.5-2.7s4.8 1 6.5 2.7l194.2 194.2c3.4 3.4 3.4 9.2 0 12.6c0 0 0 0 0 0L471.5 454c-3.4 3.4-9.2 3.8-12.6 0c0 0 0 0 0 0l-63.5-63.5 94.9-95.2z"/></svg>                Rencontre
    </span>
    </div>
        <ul class="font-serif font-bold leading-5 mb-1">
            <li class="inline-block">
                                    
                        
                            <span class="font-normal"></span>
                        
            <a
            x-alt-clipboard="3557"
        class="underline text-cairn-main hover:text-cairn-dark font-medium inline !font-bold z-[1] relative" href="https://shs.cairn.info/publications-de-charles-gardou--3557?lang=fr" data-livewire-navigate="data-livewire-navigate">Charles Gardou</a>
        </li>
            </ul>

        <h3 class="font-bold text-base font-serif leading-5 my-1">
    Construire une société inclusive
</h3>
    </div>

    
            <div class="mt-auto pt-1 px-3 pb-3">
            <p title="29 mai 2026">
            29 mai 2026
        </p>
        </div>
    
</div>
</li>                                    <li x-ref="carouselItem2" x-intersect.full="onIntersectEnter(2)" prefetch="grabbable" class="shrink-0 py-0.5 px-2.5   snap-start scroll-ml-0.5 basis-3/4 sm:basis-1/2 md:basis-1/3 lg:basis-1/4">
    <div class="bg-white hover:bg-concrete-50 text-shark-950 block no-underline relative shadow-halo-sm rounded-xl flex flex-col h-full flex flex-col">

    
            <a
            x-alt-clipboard="CRNRENC_158"
        class="underline text-cairn-main hover:text-cairn-dark font-medium absolute inset-0 z-[1] focus:outline-none focus:ring-2 focus:ring-cairn-main focus:ring-inset rounded-xl text-transparent overflow-hidden" href="https://shs.cairn.info/rencontre-les-metamorphoses-du-travail?lang=fr" data-livewire-navigate="data-livewire-navigate" aria-label="Les métamorphoses du travail"></a>    
    
            <div
            class="rounded-t-xl mb-3 h-40"
        >
            <img
                loading="lazy" class="h-full w-full rounded-t-md object-cover" src="https://shs.cairn.info/numero/CRNRENC_158/cover/thumbnail?lang=fr" alt="Couverture de CRNRENC_158"
            >
            <div class="flex items-center justify-center absolute top-2 right-2 z-[1] bg-white/90 shadow-md rounded-md w-9 h-9 text-cairn-main">
            <div
    x-data="bookmarkButton(
        false,
        'numero',
        'CRNRENC_158',
        false,
        null
    )"
>
    <button
        type="button"
        role="button"
        tabindex="0"
        aria-haspopup="dialog"
        :aria-label="bookmarked
            ? JSON.parse('\u0022Retirer de la liste de lecture\u0022')            : JSON.parse('\u0022Ajouter \\u00e0 la liste de lecture\u0022')"
        :aria-pressed="bookmarked"
        class="group text-cairn-main"
        x-on:click="$dispatch('openModal', {
            component: 'modals.numero-add-to-listes-lectures',
            arguments: { itemId: 'CRNRENC_158' }
        })"
    >     
                    <template x-if="bookmarked">
                <svg aria-hidden="true" class="bfa bfa-solid inline font-normal size-[18px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M0 48V487.7C0 501.1 10.9 512 24.3 512c5 0 9.9-1.5 14-4.4L192 400 345.7 507.6c4.1 2.9 9 4.4 14 4.4c13.4 0 24.3-10.9 24.3-24.3V48c0-26.5-21.5-48-48-48H48C21.5 0 0 21.5 0 48z"/></svg>            </template>
            <template x-if="!bookmarked">
                <svg aria-hidden="true" class="bfa bfa-regular inline font-normal size-[18px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M0 48C0 21.5 21.5 0 48 0l0 48 0 393.4 130.1-92.9c8.3-6 19.6-6 27.9 0L336 441.4 336 48 48 48 48 0 336 0c26.5 0 48 21.5 48 48l0 440c0 9-5 17.2-13 21.3s-17.6 3.4-24.9-1.8L192 397.5 37.9 507.5c-7.3 5.2-16.9 5.9-24.9 1.8S0 497 0 488L0 48z"/></svg>            </template>
            </button>
</div>

            </div>
        </div>
    
    
    <div class="px-3">
        <div 
    class="flex flex-row col justify-between mb-1 text-xs leading-4 font-bold text-cairn-main mb-0.5"
>
    <span class="grow">
                    <svg aria-hidden="true" class="bfa bfa-custom inline me-1 align-text-bottom w-[17px] h-[17px]" fill="currentColor" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 717 512"><path d="M701.9 211.6L507.7 17.4c-23.2-23.2-61.1-23.2-84.3 0l-63.5 63.5-63.5-63.5c-23.2-23.2-61.1-23.2-84.3 0L17.5 211.6c-23.2 23.2-23.2 61.1 0 84.3l194.2 194.2c23.2 23.2 61.1 23.2 84.3 0l63.5-63.5 63.5 63.5c23.2 23.2 61.1 23.2 84.3 0l194.2-194.2c23.2-23.2 23.2-61.1 0-84.3m-436.9 35.8l94.9-94.9 94.9 94.9c3.4 3.4 3.4 9.2 0 12.6c0 0 0 0 0 0l-94.9 94.9-94.9-94.9c-3.4-3.4-3.4-9.2 0-12.6c0 0 0 0 0 0m-35.8-35.8c-23.2 23.2-23.2 61.1 0 84.3l94.9 94.9-63.5 63.5c-3.4 3.4-9.2 3.8-12.6 0c0 0 0 0 0 0L53 260.1c-3.4-3.4-3.4-9.2 0-12.6c0 0 0 0 0 0L247.6 52.9s4.1-2.7 6.5-2.7s4.8 1 6.5 2.7l63.5 63.5-94.9 95.2zm261.1 84.3c23.2-23.2 23.2-61.1 0-84.3l-94.9-94.9 63.5-63.8c1.7-1.7 4.1-2.7 6.5-2.7s4.8 1 6.5 2.7l194.2 194.2c3.4 3.4 3.4 9.2 0 12.6c0 0 0 0 0 0L471.5 454c-3.4 3.4-9.2 3.8-12.6 0c0 0 0 0 0 0l-63.5-63.5 94.9-95.2z"/></svg>                Rencontre
    </span>
    </div>
        <ul class="font-serif font-bold leading-5 mb-1">
            <li class="inline-block">
                                    
                        
                            <span class="font-normal"></span>
                        
            <a
            x-alt-clipboard="2400"
        class="underline text-cairn-main hover:text-cairn-dark font-medium inline !font-bold z-[1] relative" href="https://shs.cairn.info/publications-de-dominique-meda--2400?lang=fr" data-livewire-navigate="data-livewire-navigate">Dominique Méda</a>
        </li>
            </ul>

        <h3 class="font-bold text-base font-serif leading-5 my-1">
    Les métamorphoses du travail
</h3>
    </div>

    
            <div class="mt-auto pt-1 px-3 pb-3">
            <p title="27 mai 2026">
            27 mai 2026
        </p>
        </div>
    
</div>
</li>                                    <li x-ref="carouselItem3" x-intersect.full="onIntersectEnter(3)" prefetch="grabbable" class="shrink-0 py-0.5 px-2.5   snap-start scroll-ml-0.5 basis-3/4 sm:basis-1/2 md:basis-1/3 lg:basis-1/4">
    <div class="bg-white hover:bg-concrete-50 text-shark-950 block no-underline relative shadow-halo-sm rounded-xl flex flex-col h-full flex flex-col">

    
            <a
            x-alt-clipboard="CRNRENC_156"
        class="underline text-cairn-main hover:text-cairn-dark font-medium absolute inset-0 z-[1] focus:outline-none focus:ring-2 focus:ring-cairn-main focus:ring-inset rounded-xl text-transparent overflow-hidden" href="https://shs.cairn.info/rencontre-les-engagements-militaires-a-lepoque-contemporaine?lang=fr" data-livewire-navigate="data-livewire-navigate" aria-label="Les engagements militaires à l’époque contemporaine"></a>    
    
            <div
            class="rounded-t-xl mb-3 h-40"
        >
            <img
                loading="lazy" class="h-full w-full rounded-t-md object-cover" src="https://shs.cairn.info/numero/CRNRENC_156/cover/thumbnail?lang=fr" alt="Couverture de CRNRENC_156"
            >
            <div class="flex items-center justify-center absolute top-2 right-2 z-[1] bg-white/90 shadow-md rounded-md w-9 h-9 text-cairn-main">
            <div
    x-data="bookmarkButton(
        false,
        'numero',
        'CRNRENC_156',
        false,
        null
    )"
>
    <button
        type="button"
        role="button"
        tabindex="0"
        aria-haspopup="dialog"
        :aria-label="bookmarked
            ? JSON.parse('\u0022Retirer de la liste de lecture\u0022')            : JSON.parse('\u0022Ajouter \\u00e0 la liste de lecture\u0022')"
        :aria-pressed="bookmarked"
        class="group text-cairn-main"
        x-on:click="$dispatch('openModal', {
            component: 'modals.numero-add-to-listes-lectures',
            arguments: { itemId: 'CRNRENC_156' }
        })"
    >     
                    <template x-if="bookmarked">
                <svg aria-hidden="true" class="bfa bfa-solid inline font-normal size-[18px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M0 48V487.7C0 501.1 10.9 512 24.3 512c5 0 9.9-1.5 14-4.4L192 400 345.7 507.6c4.1 2.9 9 4.4 14 4.4c13.4 0 24.3-10.9 24.3-24.3V48c0-26.5-21.5-48-48-48H48C21.5 0 0 21.5 0 48z"/></svg>            </template>
            <template x-if="!bookmarked">
                <svg aria-hidden="true" class="bfa bfa-regular inline font-normal size-[18px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M0 48C0 21.5 21.5 0 48 0l0 48 0 393.4 130.1-92.9c8.3-6 19.6-6 27.9 0L336 441.4 336 48 48 48 48 0 336 0c26.5 0 48 21.5 48 48l0 440c0 9-5 17.2-13 21.3s-17.6 3.4-24.9-1.8L192 397.5 37.9 507.5c-7.3 5.2-16.9 5.9-24.9 1.8S0 497 0 488L0 48z"/></svg>            </template>
            </button>
</div>

            </div>
        </div>
    
    
    <div class="px-3">
        <div 
    class="flex flex-row col justify-between mb-1 text-xs leading-4 font-bold text-cairn-main mb-0.5"
>
    <span class="grow">
                    <svg aria-hidden="true" class="bfa bfa-custom inline me-1 align-text-bottom w-[17px] h-[17px]" fill="currentColor" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 717 512"><path d="M701.9 211.6L507.7 17.4c-23.2-23.2-61.1-23.2-84.3 0l-63.5 63.5-63.5-63.5c-23.2-23.2-61.1-23.2-84.3 0L17.5 211.6c-23.2 23.2-23.2 61.1 0 84.3l194.2 194.2c23.2 23.2 61.1 23.2 84.3 0l63.5-63.5 63.5 63.5c23.2 23.2 61.1 23.2 84.3 0l194.2-194.2c23.2-23.2 23.2-61.1 0-84.3m-436.9 35.8l94.9-94.9 94.9 94.9c3.4 3.4 3.4 9.2 0 12.6c0 0 0 0 0 0l-94.9 94.9-94.9-94.9c-3.4-3.4-3.4-9.2 0-12.6c0 0 0 0 0 0m-35.8-35.8c-23.2 23.2-23.2 61.1 0 84.3l94.9 94.9-63.5 63.5c-3.4 3.4-9.2 3.8-12.6 0c0 0 0 0 0 0L53 260.1c-3.4-3.4-3.4-9.2 0-12.6c0 0 0 0 0 0L247.6 52.9s4.1-2.7 6.5-2.7s4.8 1 6.5 2.7l63.5 63.5-94.9 95.2zm261.1 84.3c23.2-23.2 23.2-61.1 0-84.3l-94.9-94.9 63.5-63.8c1.7-1.7 4.1-2.7 6.5-2.7s4.8 1 6.5 2.7l194.2 194.2c3.4 3.4 3.4 9.2 0 12.6c0 0 0 0 0 0L471.5 454c-3.4 3.4-9.2 3.8-12.6 0c0 0 0 0 0 0l-63.5-63.5 94.9-95.2z"/></svg>                Rencontre
    </span>
    </div>
        <ul class="font-serif font-bold leading-5 mb-1">
            <li class="inline-block">
                                    
                        
                            <span class="font-normal"></span>
                        
            <a
            x-alt-clipboard="49969"
        class="underline text-cairn-main hover:text-cairn-dark font-medium inline !font-bold z-[1] relative" href="https://shs.cairn.info/publications-de-walter-bruyere-ostells--49969?lang=fr" data-livewire-navigate="data-livewire-navigate">Walter Bruyère-Ostells</a>
        </li>
            </ul>

        <h3 class="font-bold text-base font-serif leading-5 my-1">
    Les engagements militaires à l’époque contemporaine
</h3>
    </div>

    
            <div class="mt-auto pt-1 px-3 pb-3">
            <p title="25 mai 2026">
            25 mai 2026
        </p>
        </div>
    
</div>
</li>                                    <li x-ref="carouselItem4" x-intersect.full="onIntersectEnter(4)" prefetch="grabbable" class="shrink-0 py-0.5 px-2.5   snap-start scroll-ml-0.5 basis-3/4 sm:basis-1/2 md:basis-1/3 lg:basis-1/4">
    <div class="bg-white hover:bg-concrete-50 text-shark-950 block no-underline relative shadow-halo-sm rounded-xl flex flex-col h-full flex flex-col">

    
            <a
            x-alt-clipboard="CRNRENC_146"
        class="underline text-cairn-main hover:text-cairn-dark font-medium absolute inset-0 z-[1] focus:outline-none focus:ring-2 focus:ring-cairn-main focus:ring-inset rounded-xl text-transparent overflow-hidden" href="https://stm.cairn.info/rencontre-psychedelique-du-bad-trip-aux-miracles-therapeutiques?lang=fr" aria-label="Psychédéliques : du bad trip aux miracles thérapeutiques"></a>    
    
            <div
            class="rounded-t-xl mb-3 h-40"
        >
            <img
                loading="lazy" class="h-full w-full rounded-t-md object-cover" src="https://shs.cairn.info/numero/CRNRENC_146/cover/thumbnail?lang=fr" alt="Couverture de CRNRENC_146"
            >
            <div class="flex items-center justify-center absolute top-2 right-2 z-[1] bg-white/90 shadow-md rounded-md w-9 h-9 text-cairn-main">
            <div
    x-data="bookmarkButton(
        false,
        'numero',
        'CRNRENC_146',
        false,
        null
    )"
>
    <button
        type="button"
        role="button"
        tabindex="0"
        aria-haspopup="dialog"
        :aria-label="bookmarked
            ? JSON.parse('\u0022Retirer de la liste de lecture\u0022')            : JSON.parse('\u0022Ajouter \\u00e0 la liste de lecture\u0022')"
        :aria-pressed="bookmarked"
        class="group text-cairn-main"
        x-on:click="$dispatch('openModal', {
            component: 'modals.numero-add-to-listes-lectures',
            arguments: { itemId: 'CRNRENC_146' }
        })"
    >     
                    <template x-if="bookmarked">
                <svg aria-hidden="true" class="bfa bfa-solid inline font-normal size-[18px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M0 48V487.7C0 501.1 10.9 512 24.3 512c5 0 9.9-1.5 14-4.4L192 400 345.7 507.6c4.1 2.9 9 4.4 14 4.4c13.4 0 24.3-10.9 24.3-24.3V48c0-26.5-21.5-48-48-48H48C21.5 0 0 21.5 0 48z"/></svg>            </template>
            <template x-if="!bookmarked">
                <svg aria-hidden="true" class="bfa bfa-regular inline font-normal size-[18px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M0 48C0 21.5 21.5 0 48 0l0 48 0 393.4 130.1-92.9c8.3-6 19.6-6 27.9 0L336 441.4 336 48 48 48 48 0 336 0c26.5 0 48 21.5 48 48l0 440c0 9-5 17.2-13 21.3s-17.6 3.4-24.9-1.8L192 397.5 37.9 507.5c-7.3 5.2-16.9 5.9-24.9 1.8S0 497 0 488L0 48z"/></svg>            </template>
            </button>
</div>

            </div>
        </div>
    
    
    <div class="px-3">
        <div 
    class="flex flex-row col justify-between mb-1 text-xs leading-4 font-bold text-cairn-main mb-0.5"
>
    <span class="grow">
                    <svg aria-hidden="true" class="bfa bfa-custom inline me-1 align-text-bottom w-[17px] h-[17px]" fill="currentColor" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 717 512"><path d="M701.9 211.6L507.7 17.4c-23.2-23.2-61.1-23.2-84.3 0l-63.5 63.5-63.5-63.5c-23.2-23.2-61.1-23.2-84.3 0L17.5 211.6c-23.2 23.2-23.2 61.1 0 84.3l194.2 194.2c23.2 23.2 61.1 23.2 84.3 0l63.5-63.5 63.5 63.5c23.2 23.2 61.1 23.2 84.3 0l194.2-194.2c23.2-23.2 23.2-61.1 0-84.3m-436.9 35.8l94.9-94.9 94.9 94.9c3.4 3.4 3.4 9.2 0 12.6c0 0 0 0 0 0l-94.9 94.9-94.9-94.9c-3.4-3.4-3.4-9.2 0-12.6c0 0 0 0 0 0m-35.8-35.8c-23.2 23.2-23.2 61.1 0 84.3l94.9 94.9-63.5 63.5c-3.4 3.4-9.2 3.8-12.6 0c0 0 0 0 0 0L53 260.1c-3.4-3.4-3.4-9.2 0-12.6c0 0 0 0 0 0L247.6 52.9s4.1-2.7 6.5-2.7s4.8 1 6.5 2.7l63.5 63.5-94.9 95.2zm261.1 84.3c23.2-23.2 23.2-61.1 0-84.3l-94.9-94.9 63.5-63.8c1.7-1.7 4.1-2.7 6.5-2.7s4.8 1 6.5 2.7l194.2 194.2c3.4 3.4 3.4 9.2 0 12.6c0 0 0 0 0 0L471.5 454c-3.4 3.4-9.2 3.8-12.6 0c0 0 0 0 0 0l-63.5-63.5 94.9-95.2z"/></svg>                Rencontre
    </span>
    </div>
        <ul class="font-serif font-bold leading-5 mb-1">
            <li class="inline-block">
                                    
                        
                            <span class="font-normal"></span>
                        
            <a
            x-alt-clipboard="712447"
        class="underline text-cairn-main hover:text-cairn-dark font-medium inline !font-bold z-[1] relative" href="https://shs.cairn.info/publications-de-lucie-berkovitch--712447?lang=fr" data-livewire-navigate="data-livewire-navigate">Lucie Berkovitch</a>
        </li>
            </ul>

        <h3 class="font-bold text-base font-serif leading-5 my-1">
    Psychédéliques : du bad trip aux miracles thérapeutiques
</h3>
    </div>

    
            <div class="mt-auto pt-1 px-3 pb-3">
            <p title="21 mai 2026">
            21 mai 2026
        </p>
        </div>
    
</div>
</li>                                    <li x-ref="carouselItem5" x-intersect.full="onIntersectEnter(5)" prefetch="grabbable" class="shrink-0 py-0.5 px-2.5   snap-start scroll-ml-0.5 basis-3/4 sm:basis-1/2 md:basis-1/3 lg:basis-1/4">
    <div class="bg-white hover:bg-concrete-50 text-shark-950 block no-underline relative shadow-halo-sm rounded-xl flex flex-col !p-0 h-full flex flex-col">

    
            <a
            x-alt-clipboard="CRNPODS_038"
        class="underline text-cairn-main hover:text-cairn-dark font-medium absolute inset-0 z-[1] focus:outline-none focus:ring-2 focus:ring-cairn-main focus:ring-inset rounded-xl text-transparent overflow-hidden" href="https://shs.cairn.info/podcast-ecouter-la-painte?lang=fr" data-livewire-navigate="data-livewire-navigate"></a>    
    
            <div
            class="rounded-t-xl mb-3 h-40 flex items-center justify-center bg-cairn-extra-light" padding="0"
        >
            <img
                loading="lazy" class="h-full w-full rounded-t-md object-cover !h-36 !w-36 rounded-lg" src="https://shs.cairn.info/numero/CRNPODS_038/cover/thumbnail?lang=fr" alt="Couverture de CRNPODS_038"
            >
            <div class="flex items-center justify-center absolute top-2 right-2 z-[1] bg-white/90 shadow-md rounded-md w-9 h-9 text-cairn-main">
                <div
    x-data="bookmarkButton(
        false,
        'numero',
        'CRNPODS_038',
        false,
        null
    )"
>
    <button
        type="button"
        role="button"
        tabindex="0"
        aria-haspopup="dialog"
        :aria-label="bookmarked
            ? JSON.parse('\u0022Retirer de la liste de lecture\u0022')            : JSON.parse('\u0022Ajouter \\u00e0 la liste de lecture\u0022')"
        :aria-pressed="bookmarked"
        class="group text-cairn-main"
        x-on:click="$dispatch('openModal', {
            component: 'modals.numero-add-to-listes-lectures',
            arguments: { itemId: 'CRNPODS_038' }
        })"
    >     
                    <template x-if="bookmarked">
                <svg aria-hidden="true" class="bfa bfa-solid inline font-normal size-[18px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M0 48V487.7C0 501.1 10.9 512 24.3 512c5 0 9.9-1.5 14-4.4L192 400 345.7 507.6c4.1 2.9 9 4.4 14 4.4c13.4 0 24.3-10.9 24.3-24.3V48c0-26.5-21.5-48-48-48H48C21.5 0 0 21.5 0 48z"/></svg>            </template>
            <template x-if="!bookmarked">
                <svg aria-hidden="true" class="bfa bfa-regular inline font-normal size-[18px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M0 48C0 21.5 21.5 0 48 0l0 48 0 393.4 130.1-92.9c8.3-6 19.6-6 27.9 0L336 441.4 336 48 48 48 48 0 336 0c26.5 0 48 21.5 48 48l0 440c0 9-5 17.2-13 21.3s-17.6 3.4-24.9-1.8L192 397.5 37.9 507.5c-7.3 5.2-16.9 5.9-24.9 1.8S0 497 0 488L0 48z"/></svg>            </template>
            </button>
</div>

                </div>
        </div>
    
    
    <div class="px-3">
        <div 
    class="flex flex-row col justify-between mb-1 text-xs leading-4 font-bold text-cairn-main mb-0.5"
>
    <span class="grow">
                    <svg aria-hidden="true" class="bfa bfa-regular inline me-1 align-text-bottom w-[13px] h-[13px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M49.6 262C62.4 159.4 149.9 80 256 80s193.6 79.4 206.4 182c-9.4-3.9-19.6-6-30.4-6c-26.5 0-48 21.5-48 48l0 128c0 26.5 21.5 48 48 48c44.2 0 80-35.8 80-80l0-32 0-32 0-48C512 146.6 397.4 32 256 32S0 146.6 0 288l0 48 0 32 0 32c0 44.2 35.8 80 80 80c26.5 0 48-21.5 48-48l0-128c0-26.5-21.5-48-48-48c-10.8 0-21 2.1-30.4 6zM48 336c0-17.7 14.3-32 32-32l0 128c-17.7 0-32-14.3-32-32l0-32 0-32zm416 0l0 32 0 32c0 17.7-14.3 32-32 32l0-128c17.7 0 32 14.3 32 32z"/></svg>                Podcast
    </span>
    </div>
        <ul class="font-serif font-bold leading-5 mb-1">
            <li class="inline-block">
                                    
                        
                            <span class="font-normal"></span>
                        
            <a
            x-alt-clipboard="10651"
        class="underline text-cairn-main hover:text-cairn-dark font-medium inline !font-bold z-[1] relative" href="https://shs.cairn.info/publications-de-evelyne-chauvet--10651?lang=fr" data-livewire-navigate="data-livewire-navigate">Évelyne Chauvet</a>
        </li>
            </ul>

        <h3 class="font-bold text-base font-serif leading-5 my-1">
    Écouter la plainte
</h3>
    </div>

    
            <div class="mt-auto pt-1 px-3 pb-3">
            <p title="22 mai 2026">
            22 mai 2026
        </p>
        </div>
    
</div>
</li>                                    <li x-ref="carouselItem6" x-intersect.full="onIntersectEnter(6)" prefetch="grabbable" class="shrink-0 py-0.5 px-2.5   snap-start scroll-ml-0.5 basis-3/4 sm:basis-1/2 md:basis-1/3 lg:basis-1/4">
    <div class="bg-white hover:bg-concrete-50 text-shark-950 block no-underline relative shadow-halo-sm rounded-xl flex flex-col h-full flex flex-col">

    
            <a
            x-alt-clipboard="CRNRENC_154"
        class="underline text-cairn-main hover:text-cairn-dark font-medium absolute inset-0 z-[1] focus:outline-none focus:ring-2 focus:ring-cairn-main focus:ring-inset rounded-xl text-transparent overflow-hidden" href="https://shs.cairn.info/rencontre-gouverner-les-entreprises?lang=fr" data-livewire-navigate="data-livewire-navigate" aria-label="Gouverner les entreprises entre droit et management..."></a>    
    
            <div
            class="rounded-t-xl mb-3 h-40"
        >
            <img
                loading="lazy" class="h-full w-full rounded-t-md object-cover" src="https://shs.cairn.info/numero/CRNRENC_154/cover/thumbnail?lang=fr" alt="Couverture de CRNRENC_154"
            >
            <div class="flex items-center justify-center absolute top-2 right-2 z-[1] bg-white/90 shadow-md rounded-md w-9 h-9 text-cairn-main">
            <div
    x-data="bookmarkButton(
        false,
        'numero',
        'CRNRENC_154',
        false,
        null
    )"
>
    <button
        type="button"
        role="button"
        tabindex="0"
        aria-haspopup="dialog"
        :aria-label="bookmarked
            ? JSON.parse('\u0022Retirer de la liste de lecture\u0022')            : JSON.parse('\u0022Ajouter \\u00e0 la liste de lecture\u0022')"
        :aria-pressed="bookmarked"
        class="group text-cairn-main"
        x-on:click="$dispatch('openModal', {
            component: 'modals.numero-add-to-listes-lectures',
            arguments: { itemId: 'CRNRENC_154' }
        })"
    >     
                    <template x-if="bookmarked">
                <svg aria-hidden="true" class="bfa bfa-solid inline font-normal size-[18px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M0 48V487.7C0 501.1 10.9 512 24.3 512c5 0 9.9-1.5 14-4.4L192 400 345.7 507.6c4.1 2.9 9 4.4 14 4.4c13.4 0 24.3-10.9 24.3-24.3V48c0-26.5-21.5-48-48-48H48C21.5 0 0 21.5 0 48z"/></svg>            </template>
            <template x-if="!bookmarked">
                <svg aria-hidden="true" class="bfa bfa-regular inline font-normal size-[18px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M0 48C0 21.5 21.5 0 48 0l0 48 0 393.4 130.1-92.9c8.3-6 19.6-6 27.9 0L336 441.4 336 48 48 48 48 0 336 0c26.5 0 48 21.5 48 48l0 440c0 9-5 17.2-13 21.3s-17.6 3.4-24.9-1.8L192 397.5 37.9 507.5c-7.3 5.2-16.9 5.9-24.9 1.8S0 497 0 488L0 48z"/></svg>            </template>
            </button>
</div>

            </div>
        </div>
    
    
    <div class="px-3">
        <div 
    class="flex flex-row col justify-between mb-1 text-xs leading-4 font-bold text-cairn-main mb-0.5"
>
    <span class="grow">
                    <svg aria-hidden="true" class="bfa bfa-custom inline me-1 align-text-bottom w-[17px] h-[17px]" fill="currentColor" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 717 512"><path d="M701.9 211.6L507.7 17.4c-23.2-23.2-61.1-23.2-84.3 0l-63.5 63.5-63.5-63.5c-23.2-23.2-61.1-23.2-84.3 0L17.5 211.6c-23.2 23.2-23.2 61.1 0 84.3l194.2 194.2c23.2 23.2 61.1 23.2 84.3 0l63.5-63.5 63.5 63.5c23.2 23.2 61.1 23.2 84.3 0l194.2-194.2c23.2-23.2 23.2-61.1 0-84.3m-436.9 35.8l94.9-94.9 94.9 94.9c3.4 3.4 3.4 9.2 0 12.6c0 0 0 0 0 0l-94.9 94.9-94.9-94.9c-3.4-3.4-3.4-9.2 0-12.6c0 0 0 0 0 0m-35.8-35.8c-23.2 23.2-23.2 61.1 0 84.3l94.9 94.9-63.5 63.5c-3.4 3.4-9.2 3.8-12.6 0c0 0 0 0 0 0L53 260.1c-3.4-3.4-3.4-9.2 0-12.6c0 0 0 0 0 0L247.6 52.9s4.1-2.7 6.5-2.7s4.8 1 6.5 2.7l63.5 63.5-94.9 95.2zm261.1 84.3c23.2-23.2 23.2-61.1 0-84.3l-94.9-94.9 63.5-63.8c1.7-1.7 4.1-2.7 6.5-2.7s4.8 1 6.5 2.7l194.2 194.2c3.4 3.4 3.4 9.2 0 12.6c0 0 0 0 0 0L471.5 454c-3.4 3.4-9.2 3.8-12.6 0c0 0 0 0 0 0l-63.5-63.5 94.9-95.2z"/></svg>                Rencontre
    </span>
    </div>
        <ul class="font-serif font-bold leading-5 mb-1">
            <li class="inline-block">
                                    
                        
                            <span class="font-normal"></span>
                        
            <a
            x-alt-clipboard="110045"
        class="underline text-cairn-main hover:text-cairn-dark font-medium inline !font-bold z-[1] relative" href="https://shs.cairn.info/publications-de-veronique-magnier--110045?lang=fr" data-livewire-navigate="data-livewire-navigate">Véronique Magnier</a>
        </li>
            </ul>

        <h3 class="font-bold text-base font-serif leading-5 my-1">
    Gouverner les entreprises entre droit et management...
</h3>
    </div>

    
            <div class="mt-auto pt-1 px-3 pb-3">
            <p title="20 mai 2026">
            20 mai 2026
        </p>
        </div>
    
</div>
</li>                                    <li x-ref="carouselItem7" x-intersect.full="onIntersectEnter(7)" prefetch="grabbable" class="shrink-0 py-0.5 px-2.5   snap-start scroll-ml-0.5 basis-3/4 sm:basis-1/2 md:basis-1/3 lg:basis-1/4">
    <div class="bg-white hover:bg-concrete-50 text-shark-950 block no-underline relative shadow-halo-sm rounded-xl flex flex-col h-full flex flex-col">

    
            <a
            x-alt-clipboard="CRNRENC_149"
        class="underline text-cairn-main hover:text-cairn-dark font-medium absolute inset-0 z-[1] focus:outline-none focus:ring-2 focus:ring-cairn-main focus:ring-inset rounded-xl text-transparent overflow-hidden" href="https://droit.cairn.info/rencontre-liberte-dignite-habitabilite?lang=fr" aria-label="Liberté, dignité, habitabilité"></a>    
    
            <div
            class="rounded-t-xl mb-3 h-40"
        >
            <img
                loading="lazy" class="h-full w-full rounded-t-md object-cover" src="https://shs.cairn.info/numero/CRNRENC_149/cover/thumbnail?lang=fr" alt="Couverture de CRNRENC_149"
            >
            <div class="flex items-center justify-center absolute top-2 right-2 z-[1] bg-white/90 shadow-md rounded-md w-9 h-9 text-cairn-main">
            <div
    x-data="bookmarkButton(
        false,
        'numero',
        'CRNRENC_149',
        false,
        null
    )"
>
    <button
        type="button"
        role="button"
        tabindex="0"
        aria-haspopup="dialog"
        :aria-label="bookmarked
            ? JSON.parse('\u0022Retirer de la liste de lecture\u0022')            : JSON.parse('\u0022Ajouter \\u00e0 la liste de lecture\u0022')"
        :aria-pressed="bookmarked"
        class="group text-cairn-main"
        x-on:click="$dispatch('openModal', {
            component: 'modals.numero-add-to-listes-lectures',
            arguments: { itemId: 'CRNRENC_149' }
        })"
    >     
                    <template x-if="bookmarked">
                <svg aria-hidden="true" class="bfa bfa-solid inline font-normal size-[18px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M0 48V487.7C0 501.1 10.9 512 24.3 512c5 0 9.9-1.5 14-4.4L192 400 345.7 507.6c4.1 2.9 9 4.4 14 4.4c13.4 0 24.3-10.9 24.3-24.3V48c0-26.5-21.5-48-48-48H48C21.5 0 0 21.5 0 48z"/></svg>            </template>
            <template x-if="!bookmarked">
                <svg aria-hidden="true" class="bfa bfa-regular inline font-normal size-[18px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M0 48C0 21.5 21.5 0 48 0l0 48 0 393.4 130.1-92.9c8.3-6 19.6-6 27.9 0L336 441.4 336 48 48 48 48 0 336 0c26.5 0 48 21.5 48 48l0 440c0 9-5 17.2-13 21.3s-17.6 3.4-24.9-1.8L192 397.5 37.9 507.5c-7.3 5.2-16.9 5.9-24.9 1.8S0 497 0 488L0 48z"/></svg>            </template>
            </button>
</div>

            </div>
        </div>
    
    
    <div class="px-3">
        <div 
    class="flex flex-row col justify-between mb-1 text-xs leading-4 font-bold text-cairn-main mb-0.5"
>
    <span class="grow">
                    <svg aria-hidden="true" class="bfa bfa-custom inline me-1 align-text-bottom w-[17px] h-[17px]" fill="currentColor" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 717 512"><path d="M701.9 211.6L507.7 17.4c-23.2-23.2-61.1-23.2-84.3 0l-63.5 63.5-63.5-63.5c-23.2-23.2-61.1-23.2-84.3 0L17.5 211.6c-23.2 23.2-23.2 61.1 0 84.3l194.2 194.2c23.2 23.2 61.1 23.2 84.3 0l63.5-63.5 63.5 63.5c23.2 23.2 61.1 23.2 84.3 0l194.2-194.2c23.2-23.2 23.2-61.1 0-84.3m-436.9 35.8l94.9-94.9 94.9 94.9c3.4 3.4 3.4 9.2 0 12.6c0 0 0 0 0 0l-94.9 94.9-94.9-94.9c-3.4-3.4-3.4-9.2 0-12.6c0 0 0 0 0 0m-35.8-35.8c-23.2 23.2-23.2 61.1 0 84.3l94.9 94.9-63.5 63.5c-3.4 3.4-9.2 3.8-12.6 0c0 0 0 0 0 0L53 260.1c-3.4-3.4-3.4-9.2 0-12.6c0 0 0 0 0 0L247.6 52.9s4.1-2.7 6.5-2.7s4.8 1 6.5 2.7l63.5 63.5-94.9 95.2zm261.1 84.3c23.2-23.2 23.2-61.1 0-84.3l-94.9-94.9 63.5-63.8c1.7-1.7 4.1-2.7 6.5-2.7s4.8 1 6.5 2.7l194.2 194.2c3.4 3.4 3.4 9.2 0 12.6c0 0 0 0 0 0L471.5 454c-3.4 3.4-9.2 3.8-12.6 0c0 0 0 0 0 0l-63.5-63.5 94.9-95.2z"/></svg>                Rencontre
    </span>
    </div>
        <ul class="font-serif font-bold leading-5 mb-1">
            <li class="inline-block">
                                    
                        
                            <span class="font-normal"></span>
                        
            <a
            x-alt-clipboard="71192"
        class="underline text-cairn-main hover:text-cairn-dark font-medium inline !font-bold z-[1] relative" href="https://shs.cairn.info/publications-de-baptiste-morizot--71192?lang=fr" data-livewire-navigate="data-livewire-navigate">Baptiste Morizot</a>
        </li>
            </ul>

        <h3 class="font-bold text-base font-serif leading-5 my-1">
    Liberté, dignité, habitabilité
</h3>
    </div>

    
            <div class="mt-auto pt-1 px-3 pb-3">
            <p title="11 mai 2026">
            11 mai 2026
        </p>
        </div>
    
</div>
</li>                                    <li x-ref="carouselItem8" x-intersect.full="onIntersectEnter(8)" prefetch="grabbable" class="shrink-0 py-0.5 px-2.5   snap-start scroll-ml-0.5 basis-3/4 sm:basis-1/2 md:basis-1/3 lg:basis-1/4">
    <div class="bg-white hover:bg-concrete-50 text-shark-950 block no-underline relative shadow-halo-sm rounded-xl flex flex-col !p-0 h-full flex flex-col">

    
            <a
            x-alt-clipboard="CRNPODS_037"
        class="underline text-cairn-main hover:text-cairn-dark font-medium absolute inset-0 z-[1] focus:outline-none focus:ring-2 focus:ring-cairn-main focus:ring-inset rounded-xl text-transparent overflow-hidden" href="https://shs.cairn.info/podcast-psychanalyse-et-eco-anxiete?lang=fr" data-livewire-navigate="data-livewire-navigate"></a>    
    
            <div
            class="rounded-t-xl mb-3 h-40 flex items-center justify-center bg-cairn-extra-light" padding="0"
        >
            <img
                loading="lazy" class="h-full w-full rounded-t-md object-cover !h-36 !w-36 rounded-lg" src="https://shs.cairn.info/numero/CRNPODS_037/cover/thumbnail?lang=fr" alt="Couverture de CRNPODS_037"
            >
            <div class="flex items-center justify-center absolute top-2 right-2 z-[1] bg-white/90 shadow-md rounded-md w-9 h-9 text-cairn-main">
                <div
    x-data="bookmarkButton(
        false,
        'numero',
        'CRNPODS_037',
        false,
        null
    )"
>
    <button
        type="button"
        role="button"
        tabindex="0"
        aria-haspopup="dialog"
        :aria-label="bookmarked
            ? JSON.parse('\u0022Retirer de la liste de lecture\u0022')            : JSON.parse('\u0022Ajouter \\u00e0 la liste de lecture\u0022')"
        :aria-pressed="bookmarked"
        class="group text-cairn-main"
        x-on:click="$dispatch('openModal', {
            component: 'modals.numero-add-to-listes-lectures',
            arguments: { itemId: 'CRNPODS_037' }
        })"
    >     
                    <template x-if="bookmarked">
                <svg aria-hidden="true" class="bfa bfa-solid inline font-normal size-[18px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M0 48V487.7C0 501.1 10.9 512 24.3 512c5 0 9.9-1.5 14-4.4L192 400 345.7 507.6c4.1 2.9 9 4.4 14 4.4c13.4 0 24.3-10.9 24.3-24.3V48c0-26.5-21.5-48-48-48H48C21.5 0 0 21.5 0 48z"/></svg>            </template>
            <template x-if="!bookmarked">
                <svg aria-hidden="true" class="bfa bfa-regular inline font-normal size-[18px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M0 48C0 21.5 21.5 0 48 0l0 48 0 393.4 130.1-92.9c8.3-6 19.6-6 27.9 0L336 441.4 336 48 48 48 48 0 336 0c26.5 0 48 21.5 48 48l0 440c0 9-5 17.2-13 21.3s-17.6 3.4-24.9-1.8L192 397.5 37.9 507.5c-7.3 5.2-16.9 5.9-24.9 1.8S0 497 0 488L0 48z"/></svg>            </template>
            </button>
</div>

                </div>
        </div>
    
    
    <div class="px-3">
        <div 
    class="flex flex-row col justify-between mb-1 text-xs leading-4 font-bold text-cairn-main mb-0.5"
>
    <span class="grow">
                    <svg aria-hidden="true" class="bfa bfa-regular inline me-1 align-text-bottom w-[13px] h-[13px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M49.6 262C62.4 159.4 149.9 80 256 80s193.6 79.4 206.4 182c-9.4-3.9-19.6-6-30.4-6c-26.5 0-48 21.5-48 48l0 128c0 26.5 21.5 48 48 48c44.2 0 80-35.8 80-80l0-32 0-32 0-48C512 146.6 397.4 32 256 32S0 146.6 0 288l0 48 0 32 0 32c0 44.2 35.8 80 80 80c26.5 0 48-21.5 48-48l0-128c0-26.5-21.5-48-48-48c-10.8 0-21 2.1-30.4 6zM48 336c0-17.7 14.3-32 32-32l0 128c-17.7 0-32-14.3-32-32l0-32 0-32zm416 0l0 32 0 32c0 17.7-14.3 32-32 32l0-128c17.7 0 32 14.3 32 32z"/></svg>                Podcast
    </span>
    </div>
        <ul class="font-serif font-bold leading-5 mb-1">
            <li class="inline-block">
                                    
                        
                            <span class="font-normal"></span>
                        
            <a
            x-alt-clipboard="702801"
        class="underline text-cairn-main hover:text-cairn-dark font-medium inline !font-bold z-[1] relative" href="https://shs.cairn.info/publications-de-cristelle-lebon--702801?lang=fr" data-livewire-navigate="data-livewire-navigate">Cristelle Lebon</a>
        </li>
            </ul>

        <h3 class="font-bold text-base font-serif leading-5 my-1">
    Psychanalyse et éco-anxiété
</h3>
    </div>

    
            <div class="mt-auto pt-1 px-3 pb-3">
            <p title="7 mai 2026">
            7 mai 2026
        </p>
        </div>
    
</div>
</li>                                    <li x-ref="carouselItem9" x-intersect.full="onIntersectEnter(9)" prefetch="grabbable" class="shrink-0 py-0.5 px-2.5   snap-start scroll-ml-0.5 basis-3/4 sm:basis-1/2 md:basis-1/3 lg:basis-1/4">
    <div class="bg-white hover:bg-concrete-50 text-shark-950 block no-underline relative shadow-halo-sm rounded-xl flex flex-col h-full flex flex-col">

    
            <a
            x-alt-clipboard="CRNRENC_148"
        class="underline text-cairn-main hover:text-cairn-dark font-medium absolute inset-0 z-[1] focus:outline-none focus:ring-2 focus:ring-cairn-main focus:ring-inset rounded-xl text-transparent overflow-hidden" href="https://shs.cairn.info/rencontre-chaines-globales-de-valeur-et-entreprises-mondialisees?lang=fr" data-livewire-navigate="data-livewire-navigate" aria-label="Chaînes globales de valeur et entreprises mondialisées : pouvoir et résistances"></a>    
    
            <div
            class="rounded-t-xl mb-3 h-40"
        >
            <img
                loading="lazy" class="h-full w-full rounded-t-md object-cover" src="https://shs.cairn.info/numero/CRNRENC_148/cover/thumbnail?lang=fr" alt="Couverture de CRNRENC_148"
            >
            <div class="flex items-center justify-center absolute top-2 right-2 z-[1] bg-white/90 shadow-md rounded-md w-9 h-9 text-cairn-main">
            <div
    x-data="bookmarkButton(
        false,
        'numero',
        'CRNRENC_148',
        false,
        null
    )"
>
    <button
        type="button"
        role="button"
        tabindex="0"
        aria-haspopup="dialog"
        :aria-label="bookmarked
            ? JSON.parse('\u0022Retirer de la liste de lecture\u0022')            : JSON.parse('\u0022Ajouter \\u00e0 la liste de lecture\u0022')"
        :aria-pressed="bookmarked"
        class="group text-cairn-main"
        x-on:click="$dispatch('openModal', {
            component: 'modals.numero-add-to-listes-lectures',
            arguments: { itemId: 'CRNRENC_148' }
        })"
    >     
                    <template x-if="bookmarked">
                <svg aria-hidden="true" class="bfa bfa-solid inline font-normal size-[18px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M0 48V487.7C0 501.1 10.9 512 24.3 512c5 0 9.9-1.5 14-4.4L192 400 345.7 507.6c4.1 2.9 9 4.4 14 4.4c13.4 0 24.3-10.9 24.3-24.3V48c0-26.5-21.5-48-48-48H48C21.5 0 0 21.5 0 48z"/></svg>            </template>
            <template x-if="!bookmarked">
                <svg aria-hidden="true" class="bfa bfa-regular inline font-normal size-[18px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M0 48C0 21.5 21.5 0 48 0l0 48 0 393.4 130.1-92.9c8.3-6 19.6-6 27.9 0L336 441.4 336 48 48 48 48 0 336 0c26.5 0 48 21.5 48 48l0 440c0 9-5 17.2-13 21.3s-17.6 3.4-24.9-1.8L192 397.5 37.9 507.5c-7.3 5.2-16.9 5.9-24.9 1.8S0 497 0 488L0 48z"/></svg>            </template>
            </button>
</div>

            </div>
        </div>
    
    
    <div class="px-3">
        <div 
    class="flex flex-row col justify-between mb-1 text-xs leading-4 font-bold text-cairn-main mb-0.5"
>
    <span class="grow">
                    <svg aria-hidden="true" class="bfa bfa-custom inline me-1 align-text-bottom w-[17px] h-[17px]" fill="currentColor" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 717 512"><path d="M701.9 211.6L507.7 17.4c-23.2-23.2-61.1-23.2-84.3 0l-63.5 63.5-63.5-63.5c-23.2-23.2-61.1-23.2-84.3 0L17.5 211.6c-23.2 23.2-23.2 61.1 0 84.3l194.2 194.2c23.2 23.2 61.1 23.2 84.3 0l63.5-63.5 63.5 63.5c23.2 23.2 61.1 23.2 84.3 0l194.2-194.2c23.2-23.2 23.2-61.1 0-84.3m-436.9 35.8l94.9-94.9 94.9 94.9c3.4 3.4 3.4 9.2 0 12.6c0 0 0 0 0 0l-94.9 94.9-94.9-94.9c-3.4-3.4-3.4-9.2 0-12.6c0 0 0 0 0 0m-35.8-35.8c-23.2 23.2-23.2 61.1 0 84.3l94.9 94.9-63.5 63.5c-3.4 3.4-9.2 3.8-12.6 0c0 0 0 0 0 0L53 260.1c-3.4-3.4-3.4-9.2 0-12.6c0 0 0 0 0 0L247.6 52.9s4.1-2.7 6.5-2.7s4.8 1 6.5 2.7l63.5 63.5-94.9 95.2zm261.1 84.3c23.2-23.2 23.2-61.1 0-84.3l-94.9-94.9 63.5-63.8c1.7-1.7 4.1-2.7 6.5-2.7s4.8 1 6.5 2.7l194.2 194.2c3.4 3.4 3.4 9.2 0 12.6c0 0 0 0 0 0L471.5 454c-3.4 3.4-9.2 3.8-12.6 0c0 0 0 0 0 0l-63.5-63.5 94.9-95.2z"/></svg>                Rencontre
    </span>
    </div>
        <ul class="font-serif font-bold leading-5 mb-1">
            <li class="inline-block">
                                    
                        
                            <span class="font-normal"></span>
                        
            <a
            x-alt-clipboard="39053"
        class="underline text-cairn-main hover:text-cairn-dark font-medium inline !font-bold z-[1] relative" href="https://shs.cairn.info/publications-de-florence-palpacuer--39053?lang=fr" data-livewire-navigate="data-livewire-navigate">Florence Palpacuer</a>
        </li>
            </ul>

        <h3 class="font-bold text-base font-serif leading-5 my-1">
    Chaînes globales de valeur et entreprises mondialisées : pouvoir et résistances
</h3>
    </div>

    
            <div class="mt-auto pt-1 px-3 pb-3">
            <p title="29 avril 2026">
            29 avril 2026
        </p>
        </div>
    
</div>
</li>                                    <li x-ref="carouselItem10" x-intersect.full="onIntersectEnter(10)" prefetch="grabbable" class="shrink-0 py-0.5 px-2.5   snap-start scroll-ml-0.5 basis-3/4 sm:basis-1/2 md:basis-1/3 lg:basis-1/4">
    <div class="bg-white hover:bg-concrete-50 text-shark-950 block no-underline relative shadow-halo-sm rounded-xl flex flex-col h-full flex flex-col">

    
            <a
            x-alt-clipboard="CRNRENC_145"
        class="underline text-cairn-main hover:text-cairn-dark font-medium absolute inset-0 z-[1] focus:outline-none focus:ring-2 focus:ring-cairn-main focus:ring-inset rounded-xl text-transparent overflow-hidden" href="https://stm.cairn.info/rencontre-les-sciences-infirmieres-ou-la-naissance-dune-discipline?lang=fr" aria-label="Les sciences infirmières ou la naissance d’une discipline"></a>    
    
            <div
            class="rounded-t-xl mb-3 h-40"
        >
            <img
                loading="lazy" class="h-full w-full rounded-t-md object-cover" src="https://shs.cairn.info/numero/CRNRENC_145/cover/thumbnail?lang=fr" alt="Couverture de CRNRENC_145"
            >
            <div class="flex items-center justify-center absolute top-2 right-2 z-[1] bg-white/90 shadow-md rounded-md w-9 h-9 text-cairn-main">
            <div
    x-data="bookmarkButton(
        false,
        'numero',
        'CRNRENC_145',
        false,
        null
    )"
>
    <button
        type="button"
        role="button"
        tabindex="0"
        aria-haspopup="dialog"
        :aria-label="bookmarked
            ? JSON.parse('\u0022Retirer de la liste de lecture\u0022')            : JSON.parse('\u0022Ajouter \\u00e0 la liste de lecture\u0022')"
        :aria-pressed="bookmarked"
        class="group text-cairn-main"
        x-on:click="$dispatch('openModal', {
            component: 'modals.numero-add-to-listes-lectures',
            arguments: { itemId: 'CRNRENC_145' }
        })"
    >     
                    <template x-if="bookmarked">
                <svg aria-hidden="true" class="bfa bfa-solid inline font-normal size-[18px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M0 48V487.7C0 501.1 10.9 512 24.3 512c5 0 9.9-1.5 14-4.4L192 400 345.7 507.6c4.1 2.9 9 4.4 14 4.4c13.4 0 24.3-10.9 24.3-24.3V48c0-26.5-21.5-48-48-48H48C21.5 0 0 21.5 0 48z"/></svg>            </template>
            <template x-if="!bookmarked">
                <svg aria-hidden="true" class="bfa bfa-regular inline font-normal size-[18px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M0 48C0 21.5 21.5 0 48 0l0 48 0 393.4 130.1-92.9c8.3-6 19.6-6 27.9 0L336 441.4 336 48 48 48 48 0 336 0c26.5 0 48 21.5 48 48l0 440c0 9-5 17.2-13 21.3s-17.6 3.4-24.9-1.8L192 397.5 37.9 507.5c-7.3 5.2-16.9 5.9-24.9 1.8S0 497 0 488L0 48z"/></svg>            </template>
            </button>
</div>

            </div>
        </div>
    
    
    <div class="px-3">
        <div 
    class="flex flex-row col justify-between mb-1 text-xs leading-4 font-bold text-cairn-main mb-0.5"
>
    <span class="grow">
                    <svg aria-hidden="true" class="bfa bfa-custom inline me-1 align-text-bottom w-[17px] h-[17px]" fill="currentColor" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 717 512"><path d="M701.9 211.6L507.7 17.4c-23.2-23.2-61.1-23.2-84.3 0l-63.5 63.5-63.5-63.5c-23.2-23.2-61.1-23.2-84.3 0L17.5 211.6c-23.2 23.2-23.2 61.1 0 84.3l194.2 194.2c23.2 23.2 61.1 23.2 84.3 0l63.5-63.5 63.5 63.5c23.2 23.2 61.1 23.2 84.3 0l194.2-194.2c23.2-23.2 23.2-61.1 0-84.3m-436.9 35.8l94.9-94.9 94.9 94.9c3.4 3.4 3.4 9.2 0 12.6c0 0 0 0 0 0l-94.9 94.9-94.9-94.9c-3.4-3.4-3.4-9.2 0-12.6c0 0 0 0 0 0m-35.8-35.8c-23.2 23.2-23.2 61.1 0 84.3l94.9 94.9-63.5 63.5c-3.4 3.4-9.2 3.8-12.6 0c0 0 0 0 0 0L53 260.1c-3.4-3.4-3.4-9.2 0-12.6c0 0 0 0 0 0L247.6 52.9s4.1-2.7 6.5-2.7s4.8 1 6.5 2.7l63.5 63.5-94.9 95.2zm261.1 84.3c23.2-23.2 23.2-61.1 0-84.3l-94.9-94.9 63.5-63.8c1.7-1.7 4.1-2.7 6.5-2.7s4.8 1 6.5 2.7l194.2 194.2c3.4 3.4 3.4 9.2 0 12.6c0 0 0 0 0 0L471.5 454c-3.4 3.4-9.2 3.8-12.6 0c0 0 0 0 0 0l-63.5-63.5 94.9-95.2z"/></svg>                Rencontre
    </span>
    </div>
        <ul class="font-serif font-bold leading-5 mb-1">
            <li class="inline-block">
                                    
                        
                            <span class="font-normal"></span>
                        
            <a
            x-alt-clipboard="655292"
        class="underline text-cairn-main hover:text-cairn-dark font-medium inline !font-bold z-[1] relative" href="https://shs.cairn.info/publications-de-emmanuelle-cartron--655292?lang=fr" data-livewire-navigate="data-livewire-navigate">Emmanuelle Cartron</a>
        </li>
            </ul>

        <h3 class="font-bold text-base font-serif leading-5 my-1">
    Les sciences infirmières ou la naissance d’une discipline
</h3>
    </div>

    
            <div class="mt-auto pt-1 px-3 pb-3">
            <p title="27 avril 2026">
            27 avril 2026
        </p>
        </div>
    
</div>
</li>                                    <li x-ref="carouselItem11" x-intersect.full="onIntersectEnter(11)" prefetch="grabbable" class="shrink-0 py-0.5 px-2.5   snap-start scroll-ml-0.5 basis-3/4 sm:basis-1/2 md:basis-1/3 lg:basis-1/4">
    <div class="bg-white hover:bg-concrete-50 text-shark-950 block no-underline relative shadow-halo-sm rounded-xl flex flex-col h-full flex flex-col">

    
            <a
            x-alt-clipboard="CRNRENC_152"
        class="underline text-cairn-main hover:text-cairn-dark font-medium absolute inset-0 z-[1] focus:outline-none focus:ring-2 focus:ring-cairn-main focus:ring-inset rounded-xl text-transparent overflow-hidden" href="https://droit.cairn.info/rencontre-le-constitutionnalisme-a-lepreuve?lang=fr" aria-label="Le constitutionnalisme à l’épreuve : institutions, démocratie et État de droit"></a>    
    
            <div
            class="rounded-t-xl mb-3 h-40"
        >
            <img
                loading="lazy" class="h-full w-full rounded-t-md object-cover" src="https://shs.cairn.info/numero/CRNRENC_152/cover/thumbnail?lang=fr" alt="Couverture de CRNRENC_152"
            >
            <div class="flex items-center justify-center absolute top-2 right-2 z-[1] bg-white/90 shadow-md rounded-md w-9 h-9 text-cairn-main">
            <div
    x-data="bookmarkButton(
        false,
        'numero',
        'CRNRENC_152',
        false,
        null
    )"
>
    <button
        type="button"
        role="button"
        tabindex="0"
        aria-haspopup="dialog"
        :aria-label="bookmarked
            ? JSON.parse('\u0022Retirer de la liste de lecture\u0022')            : JSON.parse('\u0022Ajouter \\u00e0 la liste de lecture\u0022')"
        :aria-pressed="bookmarked"
        class="group text-cairn-main"
        x-on:click="$dispatch('openModal', {
            component: 'modals.numero-add-to-listes-lectures',
            arguments: { itemId: 'CRNRENC_152' }
        })"
    >     
                    <template x-if="bookmarked">
                <svg aria-hidden="true" class="bfa bfa-solid inline font-normal size-[18px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M0 48V487.7C0 501.1 10.9 512 24.3 512c5 0 9.9-1.5 14-4.4L192 400 345.7 507.6c4.1 2.9 9 4.4 14 4.4c13.4 0 24.3-10.9 24.3-24.3V48c0-26.5-21.5-48-48-48H48C21.5 0 0 21.5 0 48z"/></svg>            </template>
            <template x-if="!bookmarked">
                <svg aria-hidden="true" class="bfa bfa-regular inline font-normal size-[18px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M0 48C0 21.5 21.5 0 48 0l0 48 0 393.4 130.1-92.9c8.3-6 19.6-6 27.9 0L336 441.4 336 48 48 48 48 0 336 0c26.5 0 48 21.5 48 48l0 440c0 9-5 17.2-13 21.3s-17.6 3.4-24.9-1.8L192 397.5 37.9 507.5c-7.3 5.2-16.9 5.9-24.9 1.8S0 497 0 488L0 48z"/></svg>            </template>
            </button>
</div>

            </div>
        </div>
    
    
    <div class="px-3">
        <div 
    class="flex flex-row col justify-between mb-1 text-xs leading-4 font-bold text-cairn-main mb-0.5"
>
    <span class="grow">
                    <svg aria-hidden="true" class="bfa bfa-custom inline me-1 align-text-bottom w-[17px] h-[17px]" fill="currentColor" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 717 512"><path d="M701.9 211.6L507.7 17.4c-23.2-23.2-61.1-23.2-84.3 0l-63.5 63.5-63.5-63.5c-23.2-23.2-61.1-23.2-84.3 0L17.5 211.6c-23.2 23.2-23.2 61.1 0 84.3l194.2 194.2c23.2 23.2 61.1 23.2 84.3 0l63.5-63.5 63.5 63.5c23.2 23.2 61.1 23.2 84.3 0l194.2-194.2c23.2-23.2 23.2-61.1 0-84.3m-436.9 35.8l94.9-94.9 94.9 94.9c3.4 3.4 3.4 9.2 0 12.6c0 0 0 0 0 0l-94.9 94.9-94.9-94.9c-3.4-3.4-3.4-9.2 0-12.6c0 0 0 0 0 0m-35.8-35.8c-23.2 23.2-23.2 61.1 0 84.3l94.9 94.9-63.5 63.5c-3.4 3.4-9.2 3.8-12.6 0c0 0 0 0 0 0L53 260.1c-3.4-3.4-3.4-9.2 0-12.6c0 0 0 0 0 0L247.6 52.9s4.1-2.7 6.5-2.7s4.8 1 6.5 2.7l63.5 63.5-94.9 95.2zm261.1 84.3c23.2-23.2 23.2-61.1 0-84.3l-94.9-94.9 63.5-63.8c1.7-1.7 4.1-2.7 6.5-2.7s4.8 1 6.5 2.7l194.2 194.2c3.4 3.4 3.4 9.2 0 12.6c0 0 0 0 0 0L471.5 454c-3.4 3.4-9.2 3.8-12.6 0c0 0 0 0 0 0l-63.5-63.5 94.9-95.2z"/></svg>                Rencontre
    </span>
    </div>
        <ul class="font-serif font-bold leading-5 mb-1">
            <li class="inline-block">
                                    
                        
                            <span class="font-normal"></span>
                        
            <a
            x-alt-clipboard="33292"
        class="underline text-cairn-main hover:text-cairn-dark font-medium inline !font-bold z-[1] relative" href="https://shs.cairn.info/publications-de-anne-levade--33292?lang=fr" data-livewire-navigate="data-livewire-navigate">Anne Levade</a>
        </li>
            </ul>

        <h3 class="font-bold text-base font-serif leading-5 my-1">
    Le constitutionnalisme à l’épreuve : institutions, démocratie et État de droit
</h3>
    </div>

    
            <div class="mt-auto pt-1 px-3 pb-3">
            <p title="18 mai 2026">
            18 mai 2026
        </p>
        </div>
    
</div>
</li>                                    <li x-ref="carouselItem12" x-intersect.full="onIntersectEnter(12)" prefetch="grabbable" class="shrink-0 py-0.5 px-2.5   snap-start scroll-ml-0.5 basis-3/4 sm:basis-1/2 md:basis-1/3 lg:basis-1/4">
    <div class="bg-white hover:bg-concrete-50 text-shark-950 block no-underline relative shadow-halo-sm rounded-xl flex flex-col h-full flex flex-col">

    
            <a
            x-alt-clipboard="CRNRENC_150"
        class="underline text-cairn-main hover:text-cairn-dark font-medium absolute inset-0 z-[1] focus:outline-none focus:ring-2 focus:ring-cairn-main focus:ring-inset rounded-xl text-transparent overflow-hidden" href="https://shs.cairn.info/rencontre-lutte-contre-la-corruption-dans-lespace-francophone?lang=fr" data-livewire-navigate="data-livewire-navigate" aria-label="La lutte contre la corruption dans l&#039;espace francophone"></a>    
    
            <div
            class="rounded-t-xl mb-3 h-40"
        >
            <img
                loading="lazy" class="h-full w-full rounded-t-md object-cover" src="https://shs.cairn.info/numero/CRNRENC_150/cover/thumbnail?lang=fr" alt="Couverture de CRNRENC_150"
            >
            <div class="flex items-center justify-center absolute top-2 right-2 z-[1] bg-white/90 shadow-md rounded-md w-9 h-9 text-cairn-main">
            <div
    x-data="bookmarkButton(
        false,
        'numero',
        'CRNRENC_150',
        false,
        null
    )"
>
    <button
        type="button"
        role="button"
        tabindex="0"
        aria-haspopup="dialog"
        :aria-label="bookmarked
            ? JSON.parse('\u0022Retirer de la liste de lecture\u0022')            : JSON.parse('\u0022Ajouter \\u00e0 la liste de lecture\u0022')"
        :aria-pressed="bookmarked"
        class="group text-cairn-main"
        x-on:click="$dispatch('openModal', {
            component: 'modals.numero-add-to-listes-lectures',
            arguments: { itemId: 'CRNRENC_150' }
        })"
    >     
                    <template x-if="bookmarked">
                <svg aria-hidden="true" class="bfa bfa-solid inline font-normal size-[18px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M0 48V487.7C0 501.1 10.9 512 24.3 512c5 0 9.9-1.5 14-4.4L192 400 345.7 507.6c4.1 2.9 9 4.4 14 4.4c13.4 0 24.3-10.9 24.3-24.3V48c0-26.5-21.5-48-48-48H48C21.5 0 0 21.5 0 48z"/></svg>            </template>
            <template x-if="!bookmarked">
                <svg aria-hidden="true" class="bfa bfa-regular inline font-normal size-[18px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M0 48C0 21.5 21.5 0 48 0l0 48 0 393.4 130.1-92.9c8.3-6 19.6-6 27.9 0L336 441.4 336 48 48 48 48 0 336 0c26.5 0 48 21.5 48 48l0 440c0 9-5 17.2-13 21.3s-17.6 3.4-24.9-1.8L192 397.5 37.9 507.5c-7.3 5.2-16.9 5.9-24.9 1.8S0 497 0 488L0 48z"/></svg>            </template>
            </button>
</div>

            </div>
        </div>
    
    
    <div class="px-3">
        <div 
    class="flex flex-row col justify-between mb-1 text-xs leading-4 font-bold text-cairn-main mb-0.5"
>
    <span class="grow">
                    <svg aria-hidden="true" class="bfa bfa-custom inline me-1 align-text-bottom w-[17px] h-[17px]" fill="currentColor" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 717 512"><path d="M701.9 211.6L507.7 17.4c-23.2-23.2-61.1-23.2-84.3 0l-63.5 63.5-63.5-63.5c-23.2-23.2-61.1-23.2-84.3 0L17.5 211.6c-23.2 23.2-23.2 61.1 0 84.3l194.2 194.2c23.2 23.2 61.1 23.2 84.3 0l63.5-63.5 63.5 63.5c23.2 23.2 61.1 23.2 84.3 0l194.2-194.2c23.2-23.2 23.2-61.1 0-84.3m-436.9 35.8l94.9-94.9 94.9 94.9c3.4 3.4 3.4 9.2 0 12.6c0 0 0 0 0 0l-94.9 94.9-94.9-94.9c-3.4-3.4-3.4-9.2 0-12.6c0 0 0 0 0 0m-35.8-35.8c-23.2 23.2-23.2 61.1 0 84.3l94.9 94.9-63.5 63.5c-3.4 3.4-9.2 3.8-12.6 0c0 0 0 0 0 0L53 260.1c-3.4-3.4-3.4-9.2 0-12.6c0 0 0 0 0 0L247.6 52.9s4.1-2.7 6.5-2.7s4.8 1 6.5 2.7l63.5 63.5-94.9 95.2zm261.1 84.3c23.2-23.2 23.2-61.1 0-84.3l-94.9-94.9 63.5-63.8c1.7-1.7 4.1-2.7 6.5-2.7s4.8 1 6.5 2.7l194.2 194.2c3.4 3.4 3.4 9.2 0 12.6c0 0 0 0 0 0L471.5 454c-3.4 3.4-9.2 3.8-12.6 0c0 0 0 0 0 0l-63.5-63.5 94.9-95.2z"/></svg>                Rencontre
    </span>
    </div>
        <ul class="font-serif font-bold leading-5 mb-1">
            <li class="inline-block">
                                    
                        
                            <span class="font-normal"></span>
                        
            <a
            x-alt-clipboard="78662"
        class="underline text-cairn-main hover:text-cairn-dark font-medium inline !font-bold z-[1] relative" href="https://shs.cairn.info/publications-de-michel-sapin--78662?lang=fr" data-livewire-navigate="data-livewire-navigate">Michel Sapin</a>
        </li>
            </ul>

        <h3 class="font-bold text-base font-serif leading-5 my-1">
    La lutte contre la corruption dans l'espace francophone
</h3>
    </div>

    
            <div class="mt-auto pt-1 px-3 pb-3">
            <p title="24 avril 2026">
            24 avril 2026
        </p>
        </div>
    
</div>
</li>                                    <li x-ref="carouselItem13" x-intersect.full="onIntersectEnter(13)" prefetch="grabbable" class="shrink-0 py-0.5 px-2.5   snap-start scroll-ml-0.5 basis-3/4 sm:basis-1/2 md:basis-1/3 lg:basis-1/4">
    <div class="bg-white hover:bg-concrete-50 text-shark-950 block no-underline relative shadow-halo-sm rounded-xl flex flex-col !p-0 h-full flex flex-col">

    
            <a
            x-alt-clipboard="CRNPODS_036"
        class="underline text-cairn-main hover:text-cairn-dark font-medium absolute inset-0 z-[1] focus:outline-none focus:ring-2 focus:ring-cairn-main focus:ring-inset rounded-xl text-transparent overflow-hidden" href="https://shs.cairn.info/podcast-les-perversions-sexuelles?lang=fr" data-livewire-navigate="data-livewire-navigate"></a>    
    
            <div
            class="rounded-t-xl mb-3 h-40 flex items-center justify-center bg-cairn-extra-light" padding="0"
        >
            <img
                loading="lazy" class="h-full w-full rounded-t-md object-cover !h-36 !w-36 rounded-lg" src="https://shs.cairn.info/numero/CRNPODS_036/cover/thumbnail?lang=fr" alt="Couverture de CRNPODS_036"
            >
            <div class="flex items-center justify-center absolute top-2 right-2 z-[1] bg-white/90 shadow-md rounded-md w-9 h-9 text-cairn-main">
                <div
    x-data="bookmarkButton(
        false,
        'numero',
        'CRNPODS_036',
        false,
        null
    )"
>
    <button
        type="button"
        role="button"
        tabindex="0"
        aria-haspopup="dialog"
        :aria-label="bookmarked
            ? JSON.parse('\u0022Retirer de la liste de lecture\u0022')            : JSON.parse('\u0022Ajouter \\u00e0 la liste de lecture\u0022')"
        :aria-pressed="bookmarked"
        class="group text-cairn-main"
        x-on:click="$dispatch('openModal', {
            component: 'modals.numero-add-to-listes-lectures',
            arguments: { itemId: 'CRNPODS_036' }
        })"
    >     
                    <template x-if="bookmarked">
                <svg aria-hidden="true" class="bfa bfa-solid inline font-normal size-[18px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M0 48V487.7C0 501.1 10.9 512 24.3 512c5 0 9.9-1.5 14-4.4L192 400 345.7 507.6c4.1 2.9 9 4.4 14 4.4c13.4 0 24.3-10.9 24.3-24.3V48c0-26.5-21.5-48-48-48H48C21.5 0 0 21.5 0 48z"/></svg>            </template>
            <template x-if="!bookmarked">
                <svg aria-hidden="true" class="bfa bfa-regular inline font-normal size-[18px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M0 48C0 21.5 21.5 0 48 0l0 48 0 393.4 130.1-92.9c8.3-6 19.6-6 27.9 0L336 441.4 336 48 48 48 48 0 336 0c26.5 0 48 21.5 48 48l0 440c0 9-5 17.2-13 21.3s-17.6 3.4-24.9-1.8L192 397.5 37.9 507.5c-7.3 5.2-16.9 5.9-24.9 1.8S0 497 0 488L0 48z"/></svg>            </template>
            </button>
</div>

                </div>
        </div>
    
    
    <div class="px-3">
        <div 
    class="flex flex-row col justify-between mb-1 text-xs leading-4 font-bold text-cairn-main mb-0.5"
>
    <span class="grow">
                    <svg aria-hidden="true" class="bfa bfa-regular inline me-1 align-text-bottom w-[13px] h-[13px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M49.6 262C62.4 159.4 149.9 80 256 80s193.6 79.4 206.4 182c-9.4-3.9-19.6-6-30.4-6c-26.5 0-48 21.5-48 48l0 128c0 26.5 21.5 48 48 48c44.2 0 80-35.8 80-80l0-32 0-32 0-48C512 146.6 397.4 32 256 32S0 146.6 0 288l0 48 0 32 0 32c0 44.2 35.8 80 80 80c26.5 0 48-21.5 48-48l0-128c0-26.5-21.5-48-48-48c-10.8 0-21 2.1-30.4 6zM48 336c0-17.7 14.3-32 32-32l0 128c-17.7 0-32-14.3-32-32l0-32 0-32zm416 0l0 32 0 32c0 17.7-14.3 32-32 32l0-128c17.7 0 32 14.3 32 32z"/></svg>                Podcast
    </span>
    </div>
        <ul class="font-serif font-bold leading-5 mb-1">
            <li class="inline-block">
                                    
                        
                            <span class="font-normal"></span>
                        
            <a
            x-alt-clipboard="10546"
        class="underline text-cairn-main hover:text-cairn-dark font-medium inline !font-bold z-[1] relative" href="https://shs.cairn.info/publications-de-gerard-bonnet--10546?lang=fr" data-livewire-navigate="data-livewire-navigate">Gérard Bonnet</a>
        </li>
            </ul>

        <h3 class="font-bold text-base font-serif leading-5 my-1">
    Les perversions sexuelles
</h3>
    </div>

    
            <div class="mt-auto pt-1 px-3 pb-3">
            <p title="24 avril 2026">
            24 avril 2026
        </p>
        </div>
    
</div>
</li>                                    <li x-ref="carouselItem14" x-intersect.full="onIntersectEnter(14)" prefetch="grabbable" class="shrink-0 py-0.5 px-2.5   snap-start scroll-ml-0.5 basis-3/4 sm:basis-1/2 md:basis-1/3 lg:basis-1/4">
    <div class="bg-white hover:bg-concrete-50 text-shark-950 block no-underline relative shadow-halo-sm rounded-xl flex flex-col h-full flex flex-col">

    
            <a
            x-alt-clipboard="CRNRENC_147"
        class="underline text-cairn-main hover:text-cairn-dark font-medium absolute inset-0 z-[1] focus:outline-none focus:ring-2 focus:ring-cairn-main focus:ring-inset rounded-xl text-transparent overflow-hidden" href="https://shs.cairn.info/rencontre-cerisy-une-experience-de-vie-et-de-pensee?lang=fr" data-livewire-navigate="data-livewire-navigate" aria-label="Cerisy : une expérience de vie et de pensée"></a>    
    
            <div
            class="rounded-t-xl mb-3 h-40"
        >
            <img
                loading="lazy" class="h-full w-full rounded-t-md object-cover" src="https://shs.cairn.info/numero/CRNRENC_147/cover/thumbnail?lang=fr" alt="Couverture de CRNRENC_147"
            >
            <div class="flex items-center justify-center absolute top-2 right-2 z-[1] bg-white/90 shadow-md rounded-md w-9 h-9 text-cairn-main">
            <div
    x-data="bookmarkButton(
        false,
        'numero',
        'CRNRENC_147',
        false,
        null
    )"
>
    <button
        type="button"
        role="button"
        tabindex="0"
        aria-haspopup="dialog"
        :aria-label="bookmarked
            ? JSON.parse('\u0022Retirer de la liste de lecture\u0022')            : JSON.parse('\u0022Ajouter \\u00e0 la liste de lecture\u0022')"
        :aria-pressed="bookmarked"
        class="group text-cairn-main"
        x-on:click="$dispatch('openModal', {
            component: 'modals.numero-add-to-listes-lectures',
            arguments: { itemId: 'CRNRENC_147' }
        })"
    >     
                    <template x-if="bookmarked">
                <svg aria-hidden="true" class="bfa bfa-solid inline font-normal size-[18px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M0 48V487.7C0 501.1 10.9 512 24.3 512c5 0 9.9-1.5 14-4.4L192 400 345.7 507.6c4.1 2.9 9 4.4 14 4.4c13.4 0 24.3-10.9 24.3-24.3V48c0-26.5-21.5-48-48-48H48C21.5 0 0 21.5 0 48z"/></svg>            </template>
            <template x-if="!bookmarked">
                <svg aria-hidden="true" class="bfa bfa-regular inline font-normal size-[18px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M0 48C0 21.5 21.5 0 48 0l0 48 0 393.4 130.1-92.9c8.3-6 19.6-6 27.9 0L336 441.4 336 48 48 48 48 0 336 0c26.5 0 48 21.5 48 48l0 440c0 9-5 17.2-13 21.3s-17.6 3.4-24.9-1.8L192 397.5 37.9 507.5c-7.3 5.2-16.9 5.9-24.9 1.8S0 497 0 488L0 48z"/></svg>            </template>
            </button>
</div>

            </div>
        </div>
    
    
    <div class="px-3">
        <div 
    class="flex flex-row col justify-between mb-1 text-xs leading-4 font-bold text-cairn-main mb-0.5"
>
    <span class="grow">
                    <svg aria-hidden="true" class="bfa bfa-custom inline me-1 align-text-bottom w-[17px] h-[17px]" fill="currentColor" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 717 512"><path d="M701.9 211.6L507.7 17.4c-23.2-23.2-61.1-23.2-84.3 0l-63.5 63.5-63.5-63.5c-23.2-23.2-61.1-23.2-84.3 0L17.5 211.6c-23.2 23.2-23.2 61.1 0 84.3l194.2 194.2c23.2 23.2 61.1 23.2 84.3 0l63.5-63.5 63.5 63.5c23.2 23.2 61.1 23.2 84.3 0l194.2-194.2c23.2-23.2 23.2-61.1 0-84.3m-436.9 35.8l94.9-94.9 94.9 94.9c3.4 3.4 3.4 9.2 0 12.6c0 0 0 0 0 0l-94.9 94.9-94.9-94.9c-3.4-3.4-3.4-9.2 0-12.6c0 0 0 0 0 0m-35.8-35.8c-23.2 23.2-23.2 61.1 0 84.3l94.9 94.9-63.5 63.5c-3.4 3.4-9.2 3.8-12.6 0c0 0 0 0 0 0L53 260.1c-3.4-3.4-3.4-9.2 0-12.6c0 0 0 0 0 0L247.6 52.9s4.1-2.7 6.5-2.7s4.8 1 6.5 2.7l63.5 63.5-94.9 95.2zm261.1 84.3c23.2-23.2 23.2-61.1 0-84.3l-94.9-94.9 63.5-63.8c1.7-1.7 4.1-2.7 6.5-2.7s4.8 1 6.5 2.7l194.2 194.2c3.4 3.4 3.4 9.2 0 12.6c0 0 0 0 0 0L471.5 454c-3.4 3.4-9.2 3.8-12.6 0c0 0 0 0 0 0l-63.5-63.5 94.9-95.2z"/></svg>                Rencontre
    </span>
    </div>
        <ul class="font-serif font-bold leading-5 mb-1">
            <li class="inline-block">
                                    
                        
                            <span class="font-normal"></span>
                        
            <a
            x-alt-clipboard="45758"
        class="underline text-cairn-main hover:text-cairn-dark font-medium inline !font-bold z-[1] relative" href="https://shs.cairn.info/publications-de-edith-heurgon--45758?lang=fr" data-livewire-navigate="data-livewire-navigate">Édith Heurgon</a>
        </li>
            </ul>

        <h3 class="font-bold text-base font-serif leading-5 my-1">
    Cerisy : une expérience de vie et de pensée
</h3>
    </div>

    
            <div class="mt-auto pt-1 px-3 pb-3">
            <p title="22 avril 2026">
            22 avril 2026
        </p>
        </div>
    
</div>
</li>                                    <li x-ref="carouselItem15" x-intersect.full="onIntersectEnter(15)" prefetch="grabbable" class="shrink-0 py-0.5 px-2.5   snap-start scroll-ml-0.5 basis-3/4 sm:basis-1/2 md:basis-1/3 lg:basis-1/4">
    <div class="bg-white hover:bg-concrete-50 text-shark-950 block no-underline relative shadow-halo-sm rounded-xl flex flex-col h-full flex flex-col">

    
            <a
            x-alt-clipboard="CRNRENC_144"
        class="underline text-cairn-main hover:text-cairn-dark font-medium absolute inset-0 z-[1] focus:outline-none focus:ring-2 focus:ring-cairn-main focus:ring-inset rounded-xl text-transparent overflow-hidden" href="https://shs.cairn.info/rencontre-traumatisme-et-enfance?lang=fr" data-livewire-navigate="data-livewire-navigate" aria-label="Traumatisme(s) et enfance"></a>    
    
            <div
            class="rounded-t-xl mb-3 h-40"
        >
            <img
                loading="lazy" class="h-full w-full rounded-t-md object-cover" src="https://shs.cairn.info/numero/CRNRENC_144/cover/thumbnail?lang=fr" alt="Couverture de CRNRENC_144"
            >
            <div class="flex items-center justify-center absolute top-2 right-2 z-[1] bg-white/90 shadow-md rounded-md w-9 h-9 text-cairn-main">
            <div
    x-data="bookmarkButton(
        false,
        'numero',
        'CRNRENC_144',
        false,
        null
    )"
>
    <button
        type="button"
        role="button"
        tabindex="0"
        aria-haspopup="dialog"
        :aria-label="bookmarked
            ? JSON.parse('\u0022Retirer de la liste de lecture\u0022')            : JSON.parse('\u0022Ajouter \\u00e0 la liste de lecture\u0022')"
        :aria-pressed="bookmarked"
        class="group text-cairn-main"
        x-on:click="$dispatch('openModal', {
            component: 'modals.numero-add-to-listes-lectures',
            arguments: { itemId: 'CRNRENC_144' }
        })"
    >     
                    <template x-if="bookmarked">
                <svg aria-hidden="true" class="bfa bfa-solid inline font-normal size-[18px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M0 48V487.7C0 501.1 10.9 512 24.3 512c5 0 9.9-1.5 14-4.4L192 400 345.7 507.6c4.1 2.9 9 4.4 14 4.4c13.4 0 24.3-10.9 24.3-24.3V48c0-26.5-21.5-48-48-48H48C21.5 0 0 21.5 0 48z"/></svg>            </template>
            <template x-if="!bookmarked">
                <svg aria-hidden="true" class="bfa bfa-regular inline font-normal size-[18px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M0 48C0 21.5 21.5 0 48 0l0 48 0 393.4 130.1-92.9c8.3-6 19.6-6 27.9 0L336 441.4 336 48 48 48 48 0 336 0c26.5 0 48 21.5 48 48l0 440c0 9-5 17.2-13 21.3s-17.6 3.4-24.9-1.8L192 397.5 37.9 507.5c-7.3 5.2-16.9 5.9-24.9 1.8S0 497 0 488L0 48z"/></svg>            </template>
            </button>
</div>

            </div>
        </div>
    
    
    <div class="px-3">
        <div 
    class="flex flex-row col justify-between mb-1 text-xs leading-4 font-bold text-cairn-main mb-0.5"
>
    <span class="grow">
                    <svg aria-hidden="true" class="bfa bfa-custom inline me-1 align-text-bottom w-[17px] h-[17px]" fill="currentColor" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 717 512"><path d="M701.9 211.6L507.7 17.4c-23.2-23.2-61.1-23.2-84.3 0l-63.5 63.5-63.5-63.5c-23.2-23.2-61.1-23.2-84.3 0L17.5 211.6c-23.2 23.2-23.2 61.1 0 84.3l194.2 194.2c23.2 23.2 61.1 23.2 84.3 0l63.5-63.5 63.5 63.5c23.2 23.2 61.1 23.2 84.3 0l194.2-194.2c23.2-23.2 23.2-61.1 0-84.3m-436.9 35.8l94.9-94.9 94.9 94.9c3.4 3.4 3.4 9.2 0 12.6c0 0 0 0 0 0l-94.9 94.9-94.9-94.9c-3.4-3.4-3.4-9.2 0-12.6c0 0 0 0 0 0m-35.8-35.8c-23.2 23.2-23.2 61.1 0 84.3l94.9 94.9-63.5 63.5c-3.4 3.4-9.2 3.8-12.6 0c0 0 0 0 0 0L53 260.1c-3.4-3.4-3.4-9.2 0-12.6c0 0 0 0 0 0L247.6 52.9s4.1-2.7 6.5-2.7s4.8 1 6.5 2.7l63.5 63.5-94.9 95.2zm261.1 84.3c23.2-23.2 23.2-61.1 0-84.3l-94.9-94.9 63.5-63.8c1.7-1.7 4.1-2.7 6.5-2.7s4.8 1 6.5 2.7l194.2 194.2c3.4 3.4 3.4 9.2 0 12.6c0 0 0 0 0 0L471.5 454c-3.4 3.4-9.2 3.8-12.6 0c0 0 0 0 0 0l-63.5-63.5 94.9-95.2z"/></svg>                Rencontre
    </span>
    </div>
        <ul class="font-serif font-bold leading-5 mb-1">
            <li class="inline-block">
                                    
                        
                            <span class="font-normal"></span>
                        
            <a
            x-alt-clipboard="21430"
        class="underline text-cairn-main hover:text-cairn-dark font-medium inline !font-bold z-[1] relative" href="https://shs.cairn.info/publications-de-helene-romano--21430?lang=fr" data-livewire-navigate="data-livewire-navigate">Hélène Romano</a>
        </li>
            </ul>

        <h3 class="font-bold text-base font-serif leading-5 my-1">
    Traumatisme(s) et enfance
</h3>
    </div>

    
            <div class="mt-auto pt-1 px-3 pb-3">
            <p title="16 avril 2026">
            16 avril 2026
        </p>
        </div>
    
</div>
</li>                                    <li x-ref="carouselItem16" x-intersect.full="onIntersectEnter(16)" prefetch="grabbable" class="shrink-0 py-0.5 px-2.5   snap-start scroll-ml-0.5 basis-3/4 sm:basis-1/2 md:basis-1/3 lg:basis-1/4">
    <div class="bg-white hover:bg-concrete-50 text-shark-950 block no-underline relative shadow-halo-sm rounded-xl flex flex-col h-full flex flex-col">

    
            <a
            x-alt-clipboard="CRNRENC_142"
        class="underline text-cairn-main hover:text-cairn-dark font-medium absolute inset-0 z-[1] focus:outline-none focus:ring-2 focus:ring-cairn-main focus:ring-inset rounded-xl text-transparent overflow-hidden" href="https://shs.cairn.info/rencontre-migrations-et-geographie-morale?lang=fr" data-livewire-navigate="data-livewire-navigate" aria-label="Migration(s) et géographie morale"></a>    
    
            <div
            class="rounded-t-xl mb-3 h-40"
        >
            <img
                loading="lazy" class="h-full w-full rounded-t-md object-cover" src="https://shs.cairn.info/numero/CRNRENC_142/cover/thumbnail?lang=fr" alt="Couverture de CRNRENC_142"
            >
            <div class="flex items-center justify-center absolute top-2 right-2 z-[1] bg-white/90 shadow-md rounded-md w-9 h-9 text-cairn-main">
            <div
    x-data="bookmarkButton(
        false,
        'numero',
        'CRNRENC_142',
        false,
        null
    )"
>
    <button
        type="button"
        role="button"
        tabindex="0"
        aria-haspopup="dialog"
        :aria-label="bookmarked
            ? JSON.parse('\u0022Retirer de la liste de lecture\u0022')            : JSON.parse('\u0022Ajouter \\u00e0 la liste de lecture\u0022')"
        :aria-pressed="bookmarked"
        class="group text-cairn-main"
        x-on:click="$dispatch('openModal', {
            component: 'modals.numero-add-to-listes-lectures',
            arguments: { itemId: 'CRNRENC_142' }
        })"
    >     
                    <template x-if="bookmarked">
                <svg aria-hidden="true" class="bfa bfa-solid inline font-normal size-[18px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M0 48V487.7C0 501.1 10.9 512 24.3 512c5 0 9.9-1.5 14-4.4L192 400 345.7 507.6c4.1 2.9 9 4.4 14 4.4c13.4 0 24.3-10.9 24.3-24.3V48c0-26.5-21.5-48-48-48H48C21.5 0 0 21.5 0 48z"/></svg>            </template>
            <template x-if="!bookmarked">
                <svg aria-hidden="true" class="bfa bfa-regular inline font-normal size-[18px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M0 48C0 21.5 21.5 0 48 0l0 48 0 393.4 130.1-92.9c8.3-6 19.6-6 27.9 0L336 441.4 336 48 48 48 48 0 336 0c26.5 0 48 21.5 48 48l0 440c0 9-5 17.2-13 21.3s-17.6 3.4-24.9-1.8L192 397.5 37.9 507.5c-7.3 5.2-16.9 5.9-24.9 1.8S0 497 0 488L0 48z"/></svg>            </template>
            </button>
</div>

            </div>
        </div>
    
    
    <div class="px-3">
        <div 
    class="flex flex-row col justify-between mb-1 text-xs leading-4 font-bold text-cairn-main mb-0.5"
>
    <span class="grow">
                    <svg aria-hidden="true" class="bfa bfa-custom inline me-1 align-text-bottom w-[17px] h-[17px]" fill="currentColor" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 717 512"><path d="M701.9 211.6L507.7 17.4c-23.2-23.2-61.1-23.2-84.3 0l-63.5 63.5-63.5-63.5c-23.2-23.2-61.1-23.2-84.3 0L17.5 211.6c-23.2 23.2-23.2 61.1 0 84.3l194.2 194.2c23.2 23.2 61.1 23.2 84.3 0l63.5-63.5 63.5 63.5c23.2 23.2 61.1 23.2 84.3 0l194.2-194.2c23.2-23.2 23.2-61.1 0-84.3m-436.9 35.8l94.9-94.9 94.9 94.9c3.4 3.4 3.4 9.2 0 12.6c0 0 0 0 0 0l-94.9 94.9-94.9-94.9c-3.4-3.4-3.4-9.2 0-12.6c0 0 0 0 0 0m-35.8-35.8c-23.2 23.2-23.2 61.1 0 84.3l94.9 94.9-63.5 63.5c-3.4 3.4-9.2 3.8-12.6 0c0 0 0 0 0 0L53 260.1c-3.4-3.4-3.4-9.2 0-12.6c0 0 0 0 0 0L247.6 52.9s4.1-2.7 6.5-2.7s4.8 1 6.5 2.7l63.5 63.5-94.9 95.2zm261.1 84.3c23.2-23.2 23.2-61.1 0-84.3l-94.9-94.9 63.5-63.8c1.7-1.7 4.1-2.7 6.5-2.7s4.8 1 6.5 2.7l194.2 194.2c3.4 3.4 3.4 9.2 0 12.6c0 0 0 0 0 0L471.5 454c-3.4 3.4-9.2 3.8-12.6 0c0 0 0 0 0 0l-63.5-63.5 94.9-95.2z"/></svg>                Rencontre
    </span>
    </div>
        <ul class="font-serif font-bold leading-5 mb-1">
            <li class="inline-block">
                                    
                        
                            <span class="font-normal"></span>
                        
            <a
            x-alt-clipboard="35764"
        class="underline text-cairn-main hover:text-cairn-dark font-medium inline !font-bold z-[1] relative" href="https://shs.cairn.info/publications-de-camille-schmoll--35764?lang=fr" data-livewire-navigate="data-livewire-navigate">Camille Schmoll</a>
        </li>
            </ul>

        <h3 class="font-bold text-base font-serif leading-5 my-1">
    Migration(s) et géographie morale
</h3>
    </div>

    
            <div class="mt-auto pt-1 px-3 pb-3">
            <p title="10 avril 2026">
            10 avril 2026
        </p>
        </div>
    
</div>
</li>                                    <li x-ref="carouselItem17" x-intersect.full="onIntersectEnter(17)" prefetch="grabbable" class="shrink-0 py-0.5 px-2.5   snap-start scroll-ml-0.5 basis-3/4 sm:basis-1/2 md:basis-1/3 lg:basis-1/4">
    <div class="bg-white hover:bg-concrete-50 text-shark-950 block no-underline relative shadow-halo-sm rounded-xl flex flex-col !p-0 h-full flex flex-col">

    
            <a
            x-alt-clipboard="CRNPODS_035"
        class="underline text-cairn-main hover:text-cairn-dark font-medium absolute inset-0 z-[1] focus:outline-none focus:ring-2 focus:ring-cairn-main focus:ring-inset rounded-xl text-transparent overflow-hidden" href="https://shs.cairn.info/podcast-le-silence-de-labsence?lang=fr" data-livewire-navigate="data-livewire-navigate"></a>    
    
            <div
            class="rounded-t-xl mb-3 h-40 flex items-center justify-center bg-cairn-extra-light" padding="0"
        >
            <img
                loading="lazy" class="h-full w-full rounded-t-md object-cover !h-36 !w-36 rounded-lg" src="https://shs.cairn.info/numero/CRNPODS_035/cover/thumbnail?lang=fr" alt="Couverture de CRNPODS_035"
            >
            <div class="flex items-center justify-center absolute top-2 right-2 z-[1] bg-white/90 shadow-md rounded-md w-9 h-9 text-cairn-main">
                <div
    x-data="bookmarkButton(
        false,
        'numero',
        'CRNPODS_035',
        false,
        null
    )"
>
    <button
        type="button"
        role="button"
        tabindex="0"
        aria-haspopup="dialog"
        :aria-label="bookmarked
            ? JSON.parse('\u0022Retirer de la liste de lecture\u0022')            : JSON.parse('\u0022Ajouter \\u00e0 la liste de lecture\u0022')"
        :aria-pressed="bookmarked"
        class="group text-cairn-main"
        x-on:click="$dispatch('openModal', {
            component: 'modals.numero-add-to-listes-lectures',
            arguments: { itemId: 'CRNPODS_035' }
        })"
    >     
                    <template x-if="bookmarked">
                <svg aria-hidden="true" class="bfa bfa-solid inline font-normal size-[18px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M0 48V487.7C0 501.1 10.9 512 24.3 512c5 0 9.9-1.5 14-4.4L192 400 345.7 507.6c4.1 2.9 9 4.4 14 4.4c13.4 0 24.3-10.9 24.3-24.3V48c0-26.5-21.5-48-48-48H48C21.5 0 0 21.5 0 48z"/></svg>            </template>
            <template x-if="!bookmarked">
                <svg aria-hidden="true" class="bfa bfa-regular inline font-normal size-[18px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M0 48C0 21.5 21.5 0 48 0l0 48 0 393.4 130.1-92.9c8.3-6 19.6-6 27.9 0L336 441.4 336 48 48 48 48 0 336 0c26.5 0 48 21.5 48 48l0 440c0 9-5 17.2-13 21.3s-17.6 3.4-24.9-1.8L192 397.5 37.9 507.5c-7.3 5.2-16.9 5.9-24.9 1.8S0 497 0 488L0 48z"/></svg>            </template>
            </button>
</div>

                </div>
        </div>
    
    
    <div class="px-3">
        <div 
    class="flex flex-row col justify-between mb-1 text-xs leading-4 font-bold text-cairn-main mb-0.5"
>
    <span class="grow">
                    <svg aria-hidden="true" class="bfa bfa-regular inline me-1 align-text-bottom w-[13px] h-[13px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M49.6 262C62.4 159.4 149.9 80 256 80s193.6 79.4 206.4 182c-9.4-3.9-19.6-6-30.4-6c-26.5 0-48 21.5-48 48l0 128c0 26.5 21.5 48 48 48c44.2 0 80-35.8 80-80l0-32 0-32 0-48C512 146.6 397.4 32 256 32S0 146.6 0 288l0 48 0 32 0 32c0 44.2 35.8 80 80 80c26.5 0 48-21.5 48-48l0-128c0-26.5-21.5-48-48-48c-10.8 0-21 2.1-30.4 6zM48 336c0-17.7 14.3-32 32-32l0 128c-17.7 0-32-14.3-32-32l0-32 0-32zm416 0l0 32 0 32c0 17.7-14.3 32-32 32l0-128c17.7 0 32 14.3 32 32z"/></svg>                Podcast
    </span>
    </div>
        <ul class="font-serif font-bold leading-5 mb-1">
            <li class="inline-block">
                                    
                        
                            <span class="font-normal"></span>
                        
            <a
            x-alt-clipboard="869423"
        class="underline text-cairn-main hover:text-cairn-dark font-medium inline !font-bold z-[1] relative" href="https://shs.cairn.info/publications-de-stella-mitrouska--869423?lang=fr" data-livewire-navigate="data-livewire-navigate">Stella Mitrouska</a>
        </li>
            </ul>

        <h3 class="font-bold text-base font-serif leading-5 my-1">
    Le silence de l'absence
</h3>
    </div>

    
            <div class="mt-auto pt-1 px-3 pb-3">
            <p title="10 avril 2026">
            10 avril 2026
        </p>
        </div>
    
</div>
</li>                                    <li x-ref="carouselItem18" x-intersect.full="onIntersectEnter(18)" prefetch="grabbable" class="shrink-0 py-0.5 px-2.5   snap-start scroll-ml-0.5 basis-3/4 sm:basis-1/2 md:basis-1/3 lg:basis-1/4">
    <div class="bg-white hover:bg-concrete-50 text-shark-950 block no-underline relative shadow-halo-sm rounded-xl flex flex-col h-full flex flex-col">

    
            <a
            x-alt-clipboard="CRNRENC_139"
        class="underline text-cairn-main hover:text-cairn-dark font-medium absolute inset-0 z-[1] focus:outline-none focus:ring-2 focus:ring-cairn-main focus:ring-inset rounded-xl text-transparent overflow-hidden" href="https://shs.cairn.info/rencontre-gouvernance-de-lentreprise-familiale?lang=fr" data-livewire-navigate="data-livewire-navigate" aria-label="Gouvernance de l&#039;entreprise familiale : raison, émotion et transmission"></a>    
    
            <div
            class="rounded-t-xl mb-3 h-40"
        >
            <img
                loading="lazy" class="h-full w-full rounded-t-md object-cover" src="https://shs.cairn.info/numero/CRNRENC_139/cover/thumbnail?lang=fr" alt="Couverture de CRNRENC_139"
            >
            <div class="flex items-center justify-center absolute top-2 right-2 z-[1] bg-white/90 shadow-md rounded-md w-9 h-9 text-cairn-main">
            <div
    x-data="bookmarkButton(
        false,
        'numero',
        'CRNRENC_139',
        false,
        null
    )"
>
    <button
        type="button"
        role="button"
        tabindex="0"
        aria-haspopup="dialog"
        :aria-label="bookmarked
            ? JSON.parse('\u0022Retirer de la liste de lecture\u0022')            : JSON.parse('\u0022Ajouter \\u00e0 la liste de lecture\u0022')"
        :aria-pressed="bookmarked"
        class="group text-cairn-main"
        x-on:click="$dispatch('openModal', {
            component: 'modals.numero-add-to-listes-lectures',
            arguments: { itemId: 'CRNRENC_139' }
        })"
    >     
                    <template x-if="bookmarked">
                <svg aria-hidden="true" class="bfa bfa-solid inline font-normal size-[18px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M0 48V487.7C0 501.1 10.9 512 24.3 512c5 0 9.9-1.5 14-4.4L192 400 345.7 507.6c4.1 2.9 9 4.4 14 4.4c13.4 0 24.3-10.9 24.3-24.3V48c0-26.5-21.5-48-48-48H48C21.5 0 0 21.5 0 48z"/></svg>            </template>
            <template x-if="!bookmarked">
                <svg aria-hidden="true" class="bfa bfa-regular inline font-normal size-[18px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M0 48C0 21.5 21.5 0 48 0l0 48 0 393.4 130.1-92.9c8.3-6 19.6-6 27.9 0L336 441.4 336 48 48 48 48 0 336 0c26.5 0 48 21.5 48 48l0 440c0 9-5 17.2-13 21.3s-17.6 3.4-24.9-1.8L192 397.5 37.9 507.5c-7.3 5.2-16.9 5.9-24.9 1.8S0 497 0 488L0 48z"/></svg>            </template>
            </button>
</div>

            </div>
        </div>
    
    
    <div class="px-3">
        <div 
    class="flex flex-row col justify-between mb-1 text-xs leading-4 font-bold text-cairn-main mb-0.5"
>
    <span class="grow">
                    <svg aria-hidden="true" class="bfa bfa-custom inline me-1 align-text-bottom w-[17px] h-[17px]" fill="currentColor" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 717 512"><path d="M701.9 211.6L507.7 17.4c-23.2-23.2-61.1-23.2-84.3 0l-63.5 63.5-63.5-63.5c-23.2-23.2-61.1-23.2-84.3 0L17.5 211.6c-23.2 23.2-23.2 61.1 0 84.3l194.2 194.2c23.2 23.2 61.1 23.2 84.3 0l63.5-63.5 63.5 63.5c23.2 23.2 61.1 23.2 84.3 0l194.2-194.2c23.2-23.2 23.2-61.1 0-84.3m-436.9 35.8l94.9-94.9 94.9 94.9c3.4 3.4 3.4 9.2 0 12.6c0 0 0 0 0 0l-94.9 94.9-94.9-94.9c-3.4-3.4-3.4-9.2 0-12.6c0 0 0 0 0 0m-35.8-35.8c-23.2 23.2-23.2 61.1 0 84.3l94.9 94.9-63.5 63.5c-3.4 3.4-9.2 3.8-12.6 0c0 0 0 0 0 0L53 260.1c-3.4-3.4-3.4-9.2 0-12.6c0 0 0 0 0 0L247.6 52.9s4.1-2.7 6.5-2.7s4.8 1 6.5 2.7l63.5 63.5-94.9 95.2zm261.1 84.3c23.2-23.2 23.2-61.1 0-84.3l-94.9-94.9 63.5-63.8c1.7-1.7 4.1-2.7 6.5-2.7s4.8 1 6.5 2.7l194.2 194.2c3.4 3.4 3.4 9.2 0 12.6c0 0 0 0 0 0L471.5 454c-3.4 3.4-9.2 3.8-12.6 0c0 0 0 0 0 0l-63.5-63.5 94.9-95.2z"/></svg>                Rencontre
    </span>
    </div>
        <ul class="font-serif font-bold leading-5 mb-1">
            <li class="inline-block">
                                    
                        
                            <span class="font-normal"></span>
                        
            <a
            x-alt-clipboard="87018"
        class="underline text-cairn-main hover:text-cairn-dark font-medium inline !font-bold z-[1] relative" href="https://shs.cairn.info/publications-de-gerard-hirigoyen--87018?lang=fr" data-livewire-navigate="data-livewire-navigate">Gérard Hirigoyen</a>
        </li>
            </ul>

        <h3 class="font-bold text-base font-serif leading-5 my-1">
    Gouvernance de l'entreprise familiale : raison, émotion et transmission
</h3>
    </div>

    
            <div class="mt-auto pt-1 px-3 pb-3">
            <p title="8 avril 2026">
            8 avril 2026
        </p>
        </div>
    
</div>
</li>                                    <li x-ref="carouselItem19" x-intersect.full="onIntersectEnter(19)" prefetch="grabbable" class="shrink-0 py-0.5   ps-2.5 snap-start scroll-ml-0.5 basis-3/4 sm:basis-1/2 md:basis-1/3 lg:basis-1/4">
    <div class="bg-white hover:bg-concrete-50 text-shark-950 block no-underline relative shadow-halo-sm rounded-xl flex flex-col h-full flex flex-col">

    
            <a
            x-alt-clipboard="CRNRENC_141"
        class="underline text-cairn-main hover:text-cairn-dark font-medium absolute inset-0 z-[1] focus:outline-none focus:ring-2 focus:ring-cairn-main focus:ring-inset rounded-xl text-transparent overflow-hidden" href="https://shs.cairn.info/rencontre-anthropologie-evolutionniste-materialiste?lang=fr" data-livewire-navigate="data-livewire-navigate" aria-label="Pour une anthropologie évolutionniste et matérialiste"></a>    
    
            <div
            class="rounded-t-xl mb-3 h-40"
        >
            <img
                loading="lazy" class="h-full w-full rounded-t-md object-cover" src="https://shs.cairn.info/numero/CRNRENC_141/cover/thumbnail?lang=fr" alt="Couverture de CRNRENC_141"
            >
            <div class="flex items-center justify-center absolute top-2 right-2 z-[1] bg-white/90 shadow-md rounded-md w-9 h-9 text-cairn-main">
            <div
    x-data="bookmarkButton(
        false,
        'numero',
        'CRNRENC_141',
        false,
        null
    )"
>
    <button
        type="button"
        role="button"
        tabindex="0"
        aria-haspopup="dialog"
        :aria-label="bookmarked
            ? JSON.parse('\u0022Retirer de la liste de lecture\u0022')            : JSON.parse('\u0022Ajouter \\u00e0 la liste de lecture\u0022')"
        :aria-pressed="bookmarked"
        class="group text-cairn-main"
        x-on:click="$dispatch('openModal', {
            component: 'modals.numero-add-to-listes-lectures',
            arguments: { itemId: 'CRNRENC_141' }
        })"
    >     
                    <template x-if="bookmarked">
                <svg aria-hidden="true" class="bfa bfa-solid inline font-normal size-[18px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M0 48V487.7C0 501.1 10.9 512 24.3 512c5 0 9.9-1.5 14-4.4L192 400 345.7 507.6c4.1 2.9 9 4.4 14 4.4c13.4 0 24.3-10.9 24.3-24.3V48c0-26.5-21.5-48-48-48H48C21.5 0 0 21.5 0 48z"/></svg>            </template>
            <template x-if="!bookmarked">
                <svg aria-hidden="true" class="bfa bfa-regular inline font-normal size-[18px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M0 48C0 21.5 21.5 0 48 0l0 48 0 393.4 130.1-92.9c8.3-6 19.6-6 27.9 0L336 441.4 336 48 48 48 48 0 336 0c26.5 0 48 21.5 48 48l0 440c0 9-5 17.2-13 21.3s-17.6 3.4-24.9-1.8L192 397.5 37.9 507.5c-7.3 5.2-16.9 5.9-24.9 1.8S0 497 0 488L0 48z"/></svg>            </template>
            </button>
</div>

            </div>
        </div>
    
    
    <div class="px-3">
        <div 
    class="flex flex-row col justify-between mb-1 text-xs leading-4 font-bold text-cairn-main mb-0.5"
>
    <span class="grow">
                    <svg aria-hidden="true" class="bfa bfa-custom inline me-1 align-text-bottom w-[17px] h-[17px]" fill="currentColor" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 717 512"><path d="M701.9 211.6L507.7 17.4c-23.2-23.2-61.1-23.2-84.3 0l-63.5 63.5-63.5-63.5c-23.2-23.2-61.1-23.2-84.3 0L17.5 211.6c-23.2 23.2-23.2 61.1 0 84.3l194.2 194.2c23.2 23.2 61.1 23.2 84.3 0l63.5-63.5 63.5 63.5c23.2 23.2 61.1 23.2 84.3 0l194.2-194.2c23.2-23.2 23.2-61.1 0-84.3m-436.9 35.8l94.9-94.9 94.9 94.9c3.4 3.4 3.4 9.2 0 12.6c0 0 0 0 0 0l-94.9 94.9-94.9-94.9c-3.4-3.4-3.4-9.2 0-12.6c0 0 0 0 0 0m-35.8-35.8c-23.2 23.2-23.2 61.1 0 84.3l94.9 94.9-63.5 63.5c-3.4 3.4-9.2 3.8-12.6 0c0 0 0 0 0 0L53 260.1c-3.4-3.4-3.4-9.2 0-12.6c0 0 0 0 0 0L247.6 52.9s4.1-2.7 6.5-2.7s4.8 1 6.5 2.7l63.5 63.5-94.9 95.2zm261.1 84.3c23.2-23.2 23.2-61.1 0-84.3l-94.9-94.9 63.5-63.8c1.7-1.7 4.1-2.7 6.5-2.7s4.8 1 6.5 2.7l194.2 194.2c3.4 3.4 3.4 9.2 0 12.6c0 0 0 0 0 0L471.5 454c-3.4 3.4-9.2 3.8-12.6 0c0 0 0 0 0 0l-63.5-63.5 94.9-95.2z"/></svg>                Rencontre
    </span>
    </div>
        <ul class="font-serif font-bold leading-5 mb-1">
            <li class="inline-block">
                                    
                        
                            <span class="font-normal"></span>
                        
            <a
            x-alt-clipboard="134218"
        class="underline text-cairn-main hover:text-cairn-dark font-medium inline !font-bold z-[1] relative" href="https://shs.cairn.info/publications-de-christophe-darmangeat--134218?lang=fr" data-livewire-navigate="data-livewire-navigate">Christophe Darmangeat</a>
        </li>
            </ul>

        <h3 class="font-bold text-base font-serif leading-5 my-1">
    Pour une anthropologie évolutionniste et matérialiste
</h3>
    </div>

    
            <div class="mt-auto pt-1 px-3 pb-3">
            <p title="2 avril 2026">
            2 avril 2026
        </p>
        </div>
    
</div>
</li>                            </ul>
        </div>
        
                    <div class="absolute inset-y-0 -right-10 hidden items-center lg:flex">
                <button 
                    type="button"
                    class="group" 
                    @click="goToNextPage"
                    aria-label="Publications suivantes"
                >
                    <span aria-hidden="true" class="fa-stack fa-1x text-cairn-main">
    <svg style="
                                --fa-primary-color: rgb(var(--cairn-main));
                                --fa-secondary-hover-color: rgb(var(--cairn-main));
                                --fa-secondary-opacity: 1.0;
                            ;" aria-hidden="true" class="bfa bfa-duotone inline fa-stack-2x h-full text-white" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><defs><style>.fa-secondary{opacity:.4}</style></defs><path class="fa-secondary" d="M512 256A256 256 0 1 1 0 256a256 256 0 1 1 512 0zM200 152c0 6.1 2.3 12.3 7 17l87 87-87 87c-4.7 4.7-7 10.8-7 17s2.3 12.3 7 17s10.8 7 17 7s12.3-2.3 17-7L345 273c4.7-4.7 7-10.8 7-17s-2.3-12.3-7-17L241 135c-4.7-4.7-10.8-7-17-7s-12.3 2.3-17 7s-7 10.8-7 17z"/><path class="fa-primary" d="M345 239c9.4 9.4 9.4 24.6 0 33.9L241 377c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l87-87-87-87c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0L345 239z"/></svg>    <svg aria-hidden="true" class="bfa bfa-light inline fa-stack-1x h-full" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M256 32a224 224 0 1 1 0 448 224 224 0 1 1 0-448zm0 480A256 256 0 1 0 256 0a256 256 0 1 0 0 512z"/></svg>    
</span>
                </button>
            </div>
            </div>
    
    
    <p class="text-gray-500 italic mt-2 md:hidden text-right flex items-center justify-end gap-1" aria-hidden="true">
        Faites glisser horizontalement pour voir d’autres éléments.        <svg aria-hidden="true" class="bfa bfa-light inline w-[18px] h-[18px] text-xs" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M456 128c13.3 0 24 10.7 24 24s-10.7 24-24 24l-144 0-40 0 0-32c0-5.5-.6-10.8-1.6-16L456 128zM240 176s0 0 0 0l0 32s0 0 0 0l0 24c0 13.2-10.7 24-24 24c0 0 0 0 0 0c-13.3 0-24-10.7-24-24l0-56c0-8.8-7.2-16-16-16s-16 7.2-16 16l0 56c0 15.7 6.4 29.8 16.8 40c-10.4 10.2-16.8 24.3-16.8 40c0 13.8 5 26.4 13.2 36.1C160.3 358.4 152 374.2 152 392c0 8.6 1.9 16.7 5.4 24C87.9 414.6 32 357.8 32 288l0-64C32 153.3 89.3 96 160 96l32 0c26.5 0 48 21.5 48 48l0 32zm32 32l40 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-31.9 0c0 0 0 0-.1 0l-13.4 0c3.5-7.3 5.4-15.4 5.4-24l0-24zm90.6 0l93.4 0c30.9 0 56-25.1 56-56s-25.1-56-56-56L256 96c-14.6-19.4-37.8-32-64-32l-32 0C71.6 64 0 135.6 0 224l0 64c0 88.4 71.6 160 160 160l48 0 32 0 24 0c30.9 0 56-25.1 56-56c0-12.1-3.8-23.3-10.4-32.5C325.5 349.6 336 332 336 312c0-9.7-2.5-18.8-6.8-26.7C351.7 278 368 256.9 368 232c0-8.6-1.9-16.7-5.4-24zM240 288l40 0c13.2 0 24 10.8 24 24c0 13.3-10.7 24-24 24l-16 0-48 0c-13.3 0-24-10.7-24-24s10.7-24 24-24c0 0 0 0 0 0l24 0zm0 128l-32 0c-13.3 0-24-10.7-24-24s10.7-24 24-24l8 0 48 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-24 0z"/></svg>    </p>
    
    
            <ul 
            class="flex justify-center gap-1 text-alto-200 mt-2.5 hidden lg:flex"
            role="tablist"
            aria-label="Navigation par pages du carousel"
        >
                            <li role="presentation">
                    <button 
                        type="button"
                        role="tab"
                        id="tab-0"
                        x-ref="tab0"
                        aria-controls="slide-0"
                        :aria-selected="currentPage === 0 ? 'true' : 'false'"
                        :tabindex="currentPage === 0 ? 0 : -1"
                        @click="goToPage(0)"
                        @keydown.arrow-right.prevent="$focus.focus($refs['tab1'] || $refs.tab0)"
                        @keydown.arrow-left.prevent="$focus.focus($refs['tab-1'] || $refs['tab' + (Math.ceil(countItems/itemsPerPage)-1)])"
                        aria-label="Aller à la diapositive 1"
                    >
                        <svg aria-hidden="true" :class="{ 'text-cairn-main': currentPage === 0 }" class="bfa bfa-solid inline w-[10px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512z"/></svg>                    </button>
                </li>
                            <li role="presentation">
                    <button 
                        type="button"
                        role="tab"
                        id="tab-1"
                        x-ref="tab1"
                        aria-controls="slide-1"
                        :aria-selected="currentPage === 1 ? 'true' : 'false'"
                        :tabindex="currentPage === 1 ? 0 : -1"
                        @click="goToPage(1)"
                        @keydown.arrow-right.prevent="$focus.focus($refs['tab2'] || $refs.tab0)"
                        @keydown.arrow-left.prevent="$focus.focus($refs['tab0'] || $refs['tab' + (Math.ceil(countItems/itemsPerPage)-1)])"
                        aria-label="Aller à la diapositive 2"
                    >
                        <svg aria-hidden="true" :class="{ 'text-cairn-main': currentPage === 1 }" class="bfa bfa-solid inline w-[10px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512z"/></svg>                    </button>
                </li>
                            <li role="presentation">
                    <button 
                        type="button"
                        role="tab"
                        id="tab-2"
                        x-ref="tab2"
                        aria-controls="slide-2"
                        :aria-selected="currentPage === 2 ? 'true' : 'false'"
                        :tabindex="currentPage === 2 ? 0 : -1"
                        @click="goToPage(2)"
                        @keydown.arrow-right.prevent="$focus.focus($refs['tab3'] || $refs.tab0)"
                        @keydown.arrow-left.prevent="$focus.focus($refs['tab1'] || $refs['tab' + (Math.ceil(countItems/itemsPerPage)-1)])"
                        aria-label="Aller à la diapositive 3"
                    >
                        <svg aria-hidden="true" :class="{ 'text-cairn-main': currentPage === 2 }" class="bfa bfa-solid inline w-[10px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512z"/></svg>                    </button>
                </li>
                            <li role="presentation">
                    <button 
                        type="button"
                        role="tab"
                        id="tab-3"
                        x-ref="tab3"
                        aria-controls="slide-3"
                        :aria-selected="currentPage === 3 ? 'true' : 'false'"
                        :tabindex="currentPage === 3 ? 0 : -1"
                        @click="goToPage(3)"
                        @keydown.arrow-right.prevent="$focus.focus($refs['tab4'] || $refs.tab0)"
                        @keydown.arrow-left.prevent="$focus.focus($refs['tab2'] || $refs['tab' + (Math.ceil(countItems/itemsPerPage)-1)])"
                        aria-label="Aller à la diapositive 4"
                    >
                        <svg aria-hidden="true" :class="{ 'text-cairn-main': currentPage === 3 }" class="bfa bfa-solid inline w-[10px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512z"/></svg>                    </button>
                </li>
                            <li role="presentation">
                    <button 
                        type="button"
                        role="tab"
                        id="tab-4"
                        x-ref="tab4"
                        aria-controls="slide-4"
                        :aria-selected="currentPage === 4 ? 'true' : 'false'"
                        :tabindex="currentPage === 4 ? 0 : -1"
                        @click="goToPage(4)"
                        @keydown.arrow-right.prevent="$focus.focus($refs['tab5'] || $refs.tab0)"
                        @keydown.arrow-left.prevent="$focus.focus($refs['tab3'] || $refs['tab' + (Math.ceil(countItems/itemsPerPage)-1)])"
                        aria-label="Aller à la diapositive 5"
                    >
                        <svg aria-hidden="true" :class="{ 'text-cairn-main': currentPage === 4 }" class="bfa bfa-solid inline w-[10px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512z"/></svg>                    </button>
                </li>
                    </ul>
    </div>

                    <a
        class="underline text-cairn-main hover:text-cairn-dark font-medium md:hidden flex justify-end items-center gap-2" href="https://shs.cairn.info/rencontres?lang=fr" wire:navigate="" aria-label="Voir toutes les rencontres">Toutes les rencontres                        <svg aria-hidden="true" class="bfa bfa-light inline w-[1em] h-[1em]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M443.3 267.3c6.2-6.2 6.2-16.4 0-22.6l-176-176c-6.2-6.2-16.4-6.2-22.6 0s-6.2 16.4 0 22.6L393.4 240 16 240c-8.8 0-16 7.2-16 16s7.2 16 16 16l377.4 0L244.7 420.7c-6.2 6.2-6.2 16.4 0 22.6s16.4 6.2 22.6 0l176-176z"/></svg></a>                <hr class="mt-10 mb-11 border-alto-200" />
            </section>
        
        
                    <section role="region" aria-labelledby="recent-reading-lists-title">
                <div class="flex justify-between">
                    <h2 class="font-bold text-xl leading-6 mb-4" id="recent-reading-lists-title">
    Dernières listes
</h2>
                    <a
        class="underline text-cairn-main hover:text-cairn-dark font-medium hidden md:flex items-center mb-4 gap-2 pr-2.5" href="https://shs.cairn.info/listes-lectures?lang=fr" wire:navigate="" aria-label="Voir toutes les listes de lecture">Toutes les listes                        <svg aria-hidden="true" class="bfa bfa-light inline w-4 h-4" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M443.3 267.3c6.2-6.2 6.2-16.4 0-22.6l-176-176c-6.2-6.2-16.4-6.2-22.6 0s-6.2 16.4 0 22.6L393.4 240 16 240c-8.8 0-16 7.2-16 16s7.2 16 16 16l377.4 0L244.7 420.7c-6.2 6.2-6.2 16.4 0 22.6s16.4 6.2 22.6 0l176-176z"/></svg></a>                </div>
                <div x-data="UI_Carousel_Publications(4, 20)" >
    <div class="relative">
        
                    <div class="absolute inset-y-0 -left-10 hidden items-center lg:flex">
                <button 
                    type="button"
                    class="group" 
                    @click="goToPreviousPage"
                    aria-label="Publications précédentes"
                >
                    <span aria-hidden="true" class="fa-stack fa-1x text-white">
    <svg style="
                                --fa-primary-color: rgb(var(--cairn-main));
                                --fa-secondary-hover-color: rgb(var(--cairn-main));
                                --fa-secondary-opacity: 1.0;
                            ;" aria-hidden="true" class="bfa bfa-duotone inline fa-stack-2x h-full text-white" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><defs><style>.fa-secondary{opacity:.4}</style></defs><path class="fa-secondary" d="M0 256a256 256 0 1 0 512 0A256 256 0 1 0 0 256zm160 0c0-6.1 2.3-12.3 7-17L271 135c4.7-4.7 10.8-7 17-7s12.3 2.3 17 7s7 10.8 7 17s-2.3 12.3-7 17l-87 87 87 87c4.7 4.7 7 10.8 7 17s-2.3 12.3-7 17s-10.8 7-17 7s-12.3-2.3-17-7L167 273c-4.7-4.7-7-10.8-7-17z"/><path class="fa-primary" d="M167 273c-9.4-9.4-9.4-24.6 0-33.9L271 135c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9l-87 87 87 87c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0L167 273z"/></svg>    <svg aria-hidden="true" class="bfa bfa-light inline fa-stack-1x h-full text-cairn-main" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M256 32a224 224 0 1 1 0 448 224 224 0 1 1 0-448zm0 480A256 256 0 1 0 256 0a256 256 0 1 0 0 512z"/></svg>    
</span>
                </button>
            </div>
                
        <div
            role="region"
            aria-label="Faites glisser horizontalement pour voir d’autres éléments."
            tabindex="0"
            class="overflow-x-auto no-scrollbar mx-[-2px] px-0.5 relative max-sm:pr-8"
            x-ref="carousel"
            x-grabbable
        >
            <ul
                class="flex flex-row flex-nowrap items-stretch relative"
                role="list"
            >
                                    <li x-ref="carouselItem0" x-intersect.full="onIntersectEnter(0)" prefetch="grabbable" class="shrink-0 py-0.5  pe-2.5  snap-start scroll-ml-0.5 basis-3/4 sm:basis-1/2 md:basis-1/3 lg:basis-1/4">
    <div class="self-stretch h-full flex flex-col">
    <a
            x-alt-clipboard="639620"
        class="mt-[20px] text-center relative h-full bg-white group" href="https://shs.cairn.info/liste-lecture/UOugm8u?lang=fr" data-livewire-navigate="data-livewire-navigate"><div class="h-[10px] absolute rounded-t-xl shadow-halo-sm bg-white group-hover:bg-concrete-50 -top-[18px] left-[20px] right-[20px]"> </div>
        <div class="h-[10px] absolute rounded-t-xl shadow-halo-sm bg-white group-hover:bg-concrete-50 -top-[10px] left-[10px] right-[10px]"> </div>
        <div class="bg-white text-shark-950 block no-underline relative shadow-halo-sm rounded-xl p-3 flex flex-col !p-5 text-center h-full group-hover:bg-concrete-50">

    
    
    
    
    
    <div class="">
        <div 
    class="flex flex-row col justify-between mb-1 text-xs leading-4 font-bold text-cairn-main"
>
    <span class="grow">
                <svg aria-hidden="true" class="bfa bfa-regular inline  h-[21px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M256 464c7.4 0 27-7.2 47.6-48.4c8.8-17.7 16.4-39.2 22-63.6l-139.2 0c5.6 24.4 13.2 45.9 22 63.6C229 456.8 248.6 464 256 464zM178.5 304l155 0c1.6-15.3 2.5-31.4 2.5-48s-.9-32.7-2.5-48l-155 0c-1.6 15.3-2.5 31.4-2.5 48s.9 32.7 2.5 48zm7.9-144l139.2 0c-5.6-24.4-13.2-45.9-22-63.6C283 55.2 263.4 48 256 48s-27 7.2-47.6 48.4c-8.8 17.7-16.4 39.2-22 63.6zm195.3 48c1.5 15.5 2.2 31.6 2.2 48s-.8 32.5-2.2 48l76.7 0c3.6-15.4 5.6-31.5 5.6-48s-1.9-32.6-5.6-48l-76.7 0zm58.8-48c-21.4-41.1-56.1-74.1-98.4-93.4c14.1 25.6 25.3 57.5 32.6 93.4l65.9 0zm-303.3 0c7.3-35.9 18.5-67.7 32.6-93.4c-42.3 19.3-77 52.3-98.4 93.4l65.9 0zM53.6 208c-3.6 15.4-5.6 31.5-5.6 48s1.9 32.6 5.6 48l76.7 0c-1.5-15.5-2.2-31.6-2.2-48s.8-32.5 2.2-48l-76.7 0zM342.1 445.4c42.3-19.3 77-52.3 98.4-93.4l-65.9 0c-7.3 35.9-18.5 67.7-32.6 93.4zm-172.2 0c-14.1-25.6-25.3-57.5-32.6-93.4l-65.9 0c21.4 41.1 56.1 74.1 98.4 93.4zM256 512A256 256 0 1 1 256 0a256 256 0 1 1 0 512z"/></svg>                                        <span class="mt-2.5 block">
                        Liste publique                    </span>
    </span>
    </div>
                <h3 class="font-bold text-base font-serif leading-5 my-1 mt-8">
    <p class="py-2">Gramsci et l'éducation</p>
</h3>
                <p class="leading-5 mb-9">
                    Fondation Gabriel Péri
                </p>
    </div>

    
    
</div></a></div>
</li>                                    <li x-ref="carouselItem1" x-intersect.full="onIntersectEnter(1)" prefetch="grabbable" class="shrink-0 py-0.5 px-2.5   snap-start scroll-ml-0.5 basis-3/4 sm:basis-1/2 md:basis-1/3 lg:basis-1/4">
    <div class="self-stretch h-full flex flex-col">
    <a
            x-alt-clipboard="659788"
        class="mt-[20px] text-center relative h-full bg-white group" href="https://shs.cairn.info/liste-lecture/evpad4P?lang=fr" data-livewire-navigate="data-livewire-navigate"><div class="h-[10px] absolute rounded-t-xl shadow-halo-sm bg-white group-hover:bg-concrete-50 -top-[18px] left-[20px] right-[20px]"> </div>
        <div class="h-[10px] absolute rounded-t-xl shadow-halo-sm bg-white group-hover:bg-concrete-50 -top-[10px] left-[10px] right-[10px]"> </div>
        <div class="bg-white text-shark-950 block no-underline relative shadow-halo-sm rounded-xl p-3 flex flex-col !p-5 text-center h-full group-hover:bg-concrete-50">

    
    
    
    
    
    <div class="">
        <div 
    class="flex flex-row col justify-between mb-1 text-xs leading-4 font-bold text-cairn-main"
>
    <span class="grow">
                <svg aria-hidden="true" class="bfa bfa-regular inline  h-[21px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M256 464c7.4 0 27-7.2 47.6-48.4c8.8-17.7 16.4-39.2 22-63.6l-139.2 0c5.6 24.4 13.2 45.9 22 63.6C229 456.8 248.6 464 256 464zM178.5 304l155 0c1.6-15.3 2.5-31.4 2.5-48s-.9-32.7-2.5-48l-155 0c-1.6 15.3-2.5 31.4-2.5 48s.9 32.7 2.5 48zm7.9-144l139.2 0c-5.6-24.4-13.2-45.9-22-63.6C283 55.2 263.4 48 256 48s-27 7.2-47.6 48.4c-8.8 17.7-16.4 39.2-22 63.6zm195.3 48c1.5 15.5 2.2 31.6 2.2 48s-.8 32.5-2.2 48l76.7 0c3.6-15.4 5.6-31.5 5.6-48s-1.9-32.6-5.6-48l-76.7 0zm58.8-48c-21.4-41.1-56.1-74.1-98.4-93.4c14.1 25.6 25.3 57.5 32.6 93.4l65.9 0zm-303.3 0c7.3-35.9 18.5-67.7 32.6-93.4c-42.3 19.3-77 52.3-98.4 93.4l65.9 0zM53.6 208c-3.6 15.4-5.6 31.5-5.6 48s1.9 32.6 5.6 48l76.7 0c-1.5-15.5-2.2-31.6-2.2-48s.8-32.5 2.2-48l-76.7 0zM342.1 445.4c42.3-19.3 77-52.3 98.4-93.4l-65.9 0c-7.3 35.9-18.5 67.7-32.6 93.4zm-172.2 0c-14.1-25.6-25.3-57.5-32.6-93.4l-65.9 0c21.4 41.1 56.1 74.1 98.4 93.4zM256 512A256 256 0 1 1 256 0a256 256 0 1 1 0 512z"/></svg>                                        <span class="mt-2.5 block">
                        Liste publique                    </span>
    </span>
    </div>
                <h3 class="font-bold text-base font-serif leading-5 my-1 mt-8">
    <p class="py-2">L'érosion de la culture des libertés</p>
</h3>
                <p class="leading-5 mb-9">
                    Délibérée
                </p>
    </div>

    
    
</div></a></div>
</li>                                    <li x-ref="carouselItem2" x-intersect.full="onIntersectEnter(2)" prefetch="grabbable" class="shrink-0 py-0.5 px-2.5   snap-start scroll-ml-0.5 basis-3/4 sm:basis-1/2 md:basis-1/3 lg:basis-1/4">
    <div class="self-stretch h-full flex flex-col">
    <a
            x-alt-clipboard="603588"
        class="mt-[20px] text-center relative h-full bg-white group" href="https://shs.cairn.info/liste-lecture/B2yiOQb?lang=fr" data-livewire-navigate="data-livewire-navigate"><div class="h-[10px] absolute rounded-t-xl shadow-halo-sm bg-white group-hover:bg-concrete-50 -top-[18px] left-[20px] right-[20px]"> </div>
        <div class="h-[10px] absolute rounded-t-xl shadow-halo-sm bg-white group-hover:bg-concrete-50 -top-[10px] left-[10px] right-[10px]"> </div>
        <div class="bg-white text-shark-950 block no-underline relative shadow-halo-sm rounded-xl p-3 flex flex-col !p-5 text-center h-full group-hover:bg-concrete-50">

    
    
    
    
    
    <div class="">
        <div 
    class="flex flex-row col justify-between mb-1 text-xs leading-4 font-bold text-cairn-main"
>
    <span class="grow">
                <svg aria-hidden="true" class="bfa bfa-regular inline  h-[21px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M256 464c7.4 0 27-7.2 47.6-48.4c8.8-17.7 16.4-39.2 22-63.6l-139.2 0c5.6 24.4 13.2 45.9 22 63.6C229 456.8 248.6 464 256 464zM178.5 304l155 0c1.6-15.3 2.5-31.4 2.5-48s-.9-32.7-2.5-48l-155 0c-1.6 15.3-2.5 31.4-2.5 48s.9 32.7 2.5 48zm7.9-144l139.2 0c-5.6-24.4-13.2-45.9-22-63.6C283 55.2 263.4 48 256 48s-27 7.2-47.6 48.4c-8.8 17.7-16.4 39.2-22 63.6zm195.3 48c1.5 15.5 2.2 31.6 2.2 48s-.8 32.5-2.2 48l76.7 0c3.6-15.4 5.6-31.5 5.6-48s-1.9-32.6-5.6-48l-76.7 0zm58.8-48c-21.4-41.1-56.1-74.1-98.4-93.4c14.1 25.6 25.3 57.5 32.6 93.4l65.9 0zm-303.3 0c7.3-35.9 18.5-67.7 32.6-93.4c-42.3 19.3-77 52.3-98.4 93.4l65.9 0zM53.6 208c-3.6 15.4-5.6 31.5-5.6 48s1.9 32.6 5.6 48l76.7 0c-1.5-15.5-2.2-31.6-2.2-48s.8-32.5 2.2-48l-76.7 0zM342.1 445.4c42.3-19.3 77-52.3 98.4-93.4l-65.9 0c-7.3 35.9-18.5 67.7-32.6 93.4zm-172.2 0c-14.1-25.6-25.3-57.5-32.6-93.4l-65.9 0c21.4 41.1 56.1 74.1 98.4 93.4zM256 512A256 256 0 1 1 256 0a256 256 0 1 1 0 512z"/></svg>                                        <span class="mt-2.5 block">
                        Liste publique                    </span>
    </span>
    </div>
                <h3 class="font-bold text-base font-serif leading-5 my-1 mt-8">
    <p class="py-2">Hegel et Alexandre Kojève : confrontation et réconciliation</p>
</h3>
                <p class="leading-5 mb-9">
                    Relevé d&#039;existants
                </p>
    </div>

    
    
</div></a></div>
</li>                                    <li x-ref="carouselItem3" x-intersect.full="onIntersectEnter(3)" prefetch="grabbable" class="shrink-0 py-0.5 px-2.5   snap-start scroll-ml-0.5 basis-3/4 sm:basis-1/2 md:basis-1/3 lg:basis-1/4">
    <div class="self-stretch h-full flex flex-col">
    <a
            x-alt-clipboard="658941"
        class="mt-[20px] text-center relative h-full bg-white group" href="https://shs.cairn.info/liste-lecture/2Pid1Kl?lang=fr" data-livewire-navigate="data-livewire-navigate"><div class="h-[10px] absolute rounded-t-xl shadow-halo-sm bg-white group-hover:bg-concrete-50 -top-[18px] left-[20px] right-[20px]"> </div>
        <div class="h-[10px] absolute rounded-t-xl shadow-halo-sm bg-white group-hover:bg-concrete-50 -top-[10px] left-[10px] right-[10px]"> </div>
        <div class="bg-white text-shark-950 block no-underline relative shadow-halo-sm rounded-xl p-3 flex flex-col !p-5 text-center h-full group-hover:bg-concrete-50">

    
    
    
    
    
    <div class="">
        <div 
    class="flex flex-row col justify-between mb-1 text-xs leading-4 font-bold text-cairn-main"
>
    <span class="grow">
                <svg aria-hidden="true" class="bfa bfa-regular inline  h-[21px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M256 464c7.4 0 27-7.2 47.6-48.4c8.8-17.7 16.4-39.2 22-63.6l-139.2 0c5.6 24.4 13.2 45.9 22 63.6C229 456.8 248.6 464 256 464zM178.5 304l155 0c1.6-15.3 2.5-31.4 2.5-48s-.9-32.7-2.5-48l-155 0c-1.6 15.3-2.5 31.4-2.5 48s.9 32.7 2.5 48zm7.9-144l139.2 0c-5.6-24.4-13.2-45.9-22-63.6C283 55.2 263.4 48 256 48s-27 7.2-47.6 48.4c-8.8 17.7-16.4 39.2-22 63.6zm195.3 48c1.5 15.5 2.2 31.6 2.2 48s-.8 32.5-2.2 48l76.7 0c3.6-15.4 5.6-31.5 5.6-48s-1.9-32.6-5.6-48l-76.7 0zm58.8-48c-21.4-41.1-56.1-74.1-98.4-93.4c14.1 25.6 25.3 57.5 32.6 93.4l65.9 0zm-303.3 0c7.3-35.9 18.5-67.7 32.6-93.4c-42.3 19.3-77 52.3-98.4 93.4l65.9 0zM53.6 208c-3.6 15.4-5.6 31.5-5.6 48s1.9 32.6 5.6 48l76.7 0c-1.5-15.5-2.2-31.6-2.2-48s.8-32.5 2.2-48l-76.7 0zM342.1 445.4c42.3-19.3 77-52.3 98.4-93.4l-65.9 0c-7.3 35.9-18.5 67.7-32.6 93.4zm-172.2 0c-14.1-25.6-25.3-57.5-32.6-93.4l-65.9 0c21.4 41.1 56.1 74.1 98.4 93.4zM256 512A256 256 0 1 1 256 0a256 256 0 1 1 0 512z"/></svg>                                        <span class="mt-2.5 block">
                        Liste publique                    </span>
    </span>
    </div>
                <h3 class="font-bold text-base font-serif leading-5 my-1 mt-8">
    <p class="py-2">Pour une société inclusive</p>
</h3>
                <p class="leading-5 mb-9">
                    Érès
                </p>
    </div>

    
    
</div></a></div>
</li>                                    <li x-ref="carouselItem4" x-intersect.full="onIntersectEnter(4)" prefetch="grabbable" class="shrink-0 py-0.5 px-2.5   snap-start scroll-ml-0.5 basis-3/4 sm:basis-1/2 md:basis-1/3 lg:basis-1/4">
    <div class="self-stretch h-full flex flex-col">
    <a
            x-alt-clipboard="659960"
        class="mt-[20px] text-center relative h-full bg-white group" href="https://shs.cairn.info/liste-lecture/KHPm4LM?lang=fr" data-livewire-navigate="data-livewire-navigate"><div class="h-[10px] absolute rounded-t-xl shadow-halo-sm bg-white group-hover:bg-concrete-50 -top-[18px] left-[20px] right-[20px]"> </div>
        <div class="h-[10px] absolute rounded-t-xl shadow-halo-sm bg-white group-hover:bg-concrete-50 -top-[10px] left-[10px] right-[10px]"> </div>
        <div class="bg-white text-shark-950 block no-underline relative shadow-halo-sm rounded-xl p-3 flex flex-col !p-5 text-center h-full group-hover:bg-concrete-50">

    
    
    
    
    
    <div class="">
        <div 
    class="flex flex-row col justify-between mb-1 text-xs leading-4 font-bold text-cairn-main"
>
    <span class="grow">
                <svg aria-hidden="true" class="bfa bfa-regular inline  h-[21px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M256 464c7.4 0 27-7.2 47.6-48.4c8.8-17.7 16.4-39.2 22-63.6l-139.2 0c5.6 24.4 13.2 45.9 22 63.6C229 456.8 248.6 464 256 464zM178.5 304l155 0c1.6-15.3 2.5-31.4 2.5-48s-.9-32.7-2.5-48l-155 0c-1.6 15.3-2.5 31.4-2.5 48s.9 32.7 2.5 48zm7.9-144l139.2 0c-5.6-24.4-13.2-45.9-22-63.6C283 55.2 263.4 48 256 48s-27 7.2-47.6 48.4c-8.8 17.7-16.4 39.2-22 63.6zm195.3 48c1.5 15.5 2.2 31.6 2.2 48s-.8 32.5-2.2 48l76.7 0c3.6-15.4 5.6-31.5 5.6-48s-1.9-32.6-5.6-48l-76.7 0zm58.8-48c-21.4-41.1-56.1-74.1-98.4-93.4c14.1 25.6 25.3 57.5 32.6 93.4l65.9 0zm-303.3 0c7.3-35.9 18.5-67.7 32.6-93.4c-42.3 19.3-77 52.3-98.4 93.4l65.9 0zM53.6 208c-3.6 15.4-5.6 31.5-5.6 48s1.9 32.6 5.6 48l76.7 0c-1.5-15.5-2.2-31.6-2.2-48s.8-32.5 2.2-48l-76.7 0zM342.1 445.4c42.3-19.3 77-52.3 98.4-93.4l-65.9 0c-7.3 35.9-18.5 67.7-32.6 93.4zm-172.2 0c-14.1-25.6-25.3-57.5-32.6-93.4l-65.9 0c21.4 41.1 56.1 74.1 98.4 93.4zM256 512A256 256 0 1 1 256 0a256 256 0 1 1 0 512z"/></svg>                                        <span class="mt-2.5 block">
                        Liste publique                    </span>
    </span>
    </div>
                <h3 class="font-bold text-base font-serif leading-5 my-1 mt-8">
    <p class="py-2">Penser le travail aujourd'hui</p>
</h3>
                <p class="leading-5 mb-9">
                    Philonomist
                </p>
    </div>

    
    
</div></a></div>
</li>                                    <li x-ref="carouselItem5" x-intersect.full="onIntersectEnter(5)" prefetch="grabbable" class="shrink-0 py-0.5 px-2.5   snap-start scroll-ml-0.5 basis-3/4 sm:basis-1/2 md:basis-1/3 lg:basis-1/4">
    <div class="self-stretch h-full flex flex-col">
    <a
            x-alt-clipboard="657314"
        class="mt-[20px] text-center relative h-full bg-white group" href="https://shs.cairn.info/liste-lecture/Im8oJgg?lang=fr" data-livewire-navigate="data-livewire-navigate"><div class="h-[10px] absolute rounded-t-xl shadow-halo-sm bg-white group-hover:bg-concrete-50 -top-[18px] left-[20px] right-[20px]"> </div>
        <div class="h-[10px] absolute rounded-t-xl shadow-halo-sm bg-white group-hover:bg-concrete-50 -top-[10px] left-[10px] right-[10px]"> </div>
        <div class="bg-white text-shark-950 block no-underline relative shadow-halo-sm rounded-xl p-3 flex flex-col !p-5 text-center h-full group-hover:bg-concrete-50">

    
    
    
    
    
    <div class="">
        <div 
    class="flex flex-row col justify-between mb-1 text-xs leading-4 font-bold text-cairn-main"
>
    <span class="grow">
                <svg aria-hidden="true" class="bfa bfa-regular inline  h-[21px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M256 464c7.4 0 27-7.2 47.6-48.4c8.8-17.7 16.4-39.2 22-63.6l-139.2 0c5.6 24.4 13.2 45.9 22 63.6C229 456.8 248.6 464 256 464zM178.5 304l155 0c1.6-15.3 2.5-31.4 2.5-48s-.9-32.7-2.5-48l-155 0c-1.6 15.3-2.5 31.4-2.5 48s.9 32.7 2.5 48zm7.9-144l139.2 0c-5.6-24.4-13.2-45.9-22-63.6C283 55.2 263.4 48 256 48s-27 7.2-47.6 48.4c-8.8 17.7-16.4 39.2-22 63.6zm195.3 48c1.5 15.5 2.2 31.6 2.2 48s-.8 32.5-2.2 48l76.7 0c3.6-15.4 5.6-31.5 5.6-48s-1.9-32.6-5.6-48l-76.7 0zm58.8-48c-21.4-41.1-56.1-74.1-98.4-93.4c14.1 25.6 25.3 57.5 32.6 93.4l65.9 0zm-303.3 0c7.3-35.9 18.5-67.7 32.6-93.4c-42.3 19.3-77 52.3-98.4 93.4l65.9 0zM53.6 208c-3.6 15.4-5.6 31.5-5.6 48s1.9 32.6 5.6 48l76.7 0c-1.5-15.5-2.2-31.6-2.2-48s.8-32.5 2.2-48l-76.7 0zM342.1 445.4c42.3-19.3 77-52.3 98.4-93.4l-65.9 0c-7.3 35.9-18.5 67.7-32.6 93.4zm-172.2 0c-14.1-25.6-25.3-57.5-32.6-93.4l-65.9 0c21.4 41.1 56.1 74.1 98.4 93.4zM256 512A256 256 0 1 1 256 0a256 256 0 1 1 0 512z"/></svg>                                        <span class="mt-2.5 block">
                        Liste publique                    </span>
    </span>
    </div>
                <h3 class="font-bold text-base font-serif leading-5 my-1 mt-8">
    <p class="py-2">Le travail créateur et ses régimes d’excellence</p>
</h3>
                <p class="leading-5 mb-9">
                    IQSOG
                </p>
    </div>

    
    
</div></a></div>
</li>                                    <li x-ref="carouselItem6" x-intersect.full="onIntersectEnter(6)" prefetch="grabbable" class="shrink-0 py-0.5 px-2.5   snap-start scroll-ml-0.5 basis-3/4 sm:basis-1/2 md:basis-1/3 lg:basis-1/4">
    <div class="self-stretch h-full flex flex-col">
    <a
            x-alt-clipboard="657316"
        class="mt-[20px] text-center relative h-full bg-white group" href="https://shs.cairn.info/liste-lecture/FzT8rXs?lang=fr" data-livewire-navigate="data-livewire-navigate"><div class="h-[10px] absolute rounded-t-xl shadow-halo-sm bg-white group-hover:bg-concrete-50 -top-[18px] left-[20px] right-[20px]"> </div>
        <div class="h-[10px] absolute rounded-t-xl shadow-halo-sm bg-white group-hover:bg-concrete-50 -top-[10px] left-[10px] right-[10px]"> </div>
        <div class="bg-white text-shark-950 block no-underline relative shadow-halo-sm rounded-xl p-3 flex flex-col !p-5 text-center h-full group-hover:bg-concrete-50">

    
    
    
    
    
    <div class="">
        <div 
    class="flex flex-row col justify-between mb-1 text-xs leading-4 font-bold text-cairn-main"
>
    <span class="grow">
                <svg aria-hidden="true" class="bfa bfa-regular inline  h-[21px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M256 464c7.4 0 27-7.2 47.6-48.4c8.8-17.7 16.4-39.2 22-63.6l-139.2 0c5.6 24.4 13.2 45.9 22 63.6C229 456.8 248.6 464 256 464zM178.5 304l155 0c1.6-15.3 2.5-31.4 2.5-48s-.9-32.7-2.5-48l-155 0c-1.6 15.3-2.5 31.4-2.5 48s.9 32.7 2.5 48zm7.9-144l139.2 0c-5.6-24.4-13.2-45.9-22-63.6C283 55.2 263.4 48 256 48s-27 7.2-47.6 48.4c-8.8 17.7-16.4 39.2-22 63.6zm195.3 48c1.5 15.5 2.2 31.6 2.2 48s-.8 32.5-2.2 48l76.7 0c3.6-15.4 5.6-31.5 5.6-48s-1.9-32.6-5.6-48l-76.7 0zm58.8-48c-21.4-41.1-56.1-74.1-98.4-93.4c14.1 25.6 25.3 57.5 32.6 93.4l65.9 0zm-303.3 0c7.3-35.9 18.5-67.7 32.6-93.4c-42.3 19.3-77 52.3-98.4 93.4l65.9 0zM53.6 208c-3.6 15.4-5.6 31.5-5.6 48s1.9 32.6 5.6 48l76.7 0c-1.5-15.5-2.2-31.6-2.2-48s.8-32.5 2.2-48l-76.7 0zM342.1 445.4c42.3-19.3 77-52.3 98.4-93.4l-65.9 0c-7.3 35.9-18.5 67.7-32.6 93.4zm-172.2 0c-14.1-25.6-25.3-57.5-32.6-93.4l-65.9 0c21.4 41.1 56.1 74.1 98.4 93.4zM256 512A256 256 0 1 1 256 0a256 256 0 1 1 0 512z"/></svg>                                        <span class="mt-2.5 block">
                        Liste publique                    </span>
    </span>
    </div>
                <h3 class="font-bold text-base font-serif leading-5 my-1 mt-8">
    <p class="py-2">Gouverner les entreprises entre droit et management</p>
</h3>
                <p class="leading-5 mb-9">
                    IQSOG
                </p>
    </div>

    
    
</div></a></div>
</li>                                    <li x-ref="carouselItem7" x-intersect.full="onIntersectEnter(7)" prefetch="grabbable" class="shrink-0 py-0.5 px-2.5   snap-start scroll-ml-0.5 basis-3/4 sm:basis-1/2 md:basis-1/3 lg:basis-1/4">
    <div class="self-stretch h-full flex flex-col">
    <a
            x-alt-clipboard="659461"
        class="mt-[20px] text-center relative h-full bg-white group" href="https://shs.cairn.info/liste-lecture/c7jAwKH?lang=fr" data-livewire-navigate="data-livewire-navigate"><div class="h-[10px] absolute rounded-t-xl shadow-halo-sm bg-white group-hover:bg-concrete-50 -top-[18px] left-[20px] right-[20px]"> </div>
        <div class="h-[10px] absolute rounded-t-xl shadow-halo-sm bg-white group-hover:bg-concrete-50 -top-[10px] left-[10px] right-[10px]"> </div>
        <div class="bg-white text-shark-950 block no-underline relative shadow-halo-sm rounded-xl p-3 flex flex-col !p-5 text-center h-full group-hover:bg-concrete-50">

    
    
    
    
    
    <div class="">
        <div 
    class="flex flex-row col justify-between mb-1 text-xs leading-4 font-bold text-cairn-main"
>
    <span class="grow">
                <svg aria-hidden="true" class="bfa bfa-regular inline  h-[21px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M256 464c7.4 0 27-7.2 47.6-48.4c8.8-17.7 16.4-39.2 22-63.6l-139.2 0c5.6 24.4 13.2 45.9 22 63.6C229 456.8 248.6 464 256 464zM178.5 304l155 0c1.6-15.3 2.5-31.4 2.5-48s-.9-32.7-2.5-48l-155 0c-1.6 15.3-2.5 31.4-2.5 48s.9 32.7 2.5 48zm7.9-144l139.2 0c-5.6-24.4-13.2-45.9-22-63.6C283 55.2 263.4 48 256 48s-27 7.2-47.6 48.4c-8.8 17.7-16.4 39.2-22 63.6zm195.3 48c1.5 15.5 2.2 31.6 2.2 48s-.8 32.5-2.2 48l76.7 0c3.6-15.4 5.6-31.5 5.6-48s-1.9-32.6-5.6-48l-76.7 0zm58.8-48c-21.4-41.1-56.1-74.1-98.4-93.4c14.1 25.6 25.3 57.5 32.6 93.4l65.9 0zm-303.3 0c7.3-35.9 18.5-67.7 32.6-93.4c-42.3 19.3-77 52.3-98.4 93.4l65.9 0zM53.6 208c-3.6 15.4-5.6 31.5-5.6 48s1.9 32.6 5.6 48l76.7 0c-1.5-15.5-2.2-31.6-2.2-48s.8-32.5 2.2-48l-76.7 0zM342.1 445.4c42.3-19.3 77-52.3 98.4-93.4l-65.9 0c-7.3 35.9-18.5 67.7-32.6 93.4zm-172.2 0c-14.1-25.6-25.3-57.5-32.6-93.4l-65.9 0c21.4 41.1 56.1 74.1 98.4 93.4zM256 512A256 256 0 1 1 256 0a256 256 0 1 1 0 512z"/></svg>                                        <span class="mt-2.5 block">
                        Liste publique                    </span>
    </span>
    </div>
                <h3 class="font-bold text-base font-serif leading-5 my-1 mt-8">
    <p class="py-2">Les mobilisations mercenaires et militaires</p>
</h3>
                <p class="leading-5 mb-9">
                    Revue Historique des Armées 
                </p>
    </div>

    
    
</div></a></div>
</li>                                    <li x-ref="carouselItem8" x-intersect.full="onIntersectEnter(8)" prefetch="grabbable" class="shrink-0 py-0.5 px-2.5   snap-start scroll-ml-0.5 basis-3/4 sm:basis-1/2 md:basis-1/3 lg:basis-1/4">
    <div class="self-stretch h-full flex flex-col">
    <a
            x-alt-clipboard="657664"
        class="mt-[20px] text-center relative h-full bg-white group" href="https://shs.cairn.info/liste-lecture/SWfa7qg?lang=fr" data-livewire-navigate="data-livewire-navigate"><div class="h-[10px] absolute rounded-t-xl shadow-halo-sm bg-white group-hover:bg-concrete-50 -top-[18px] left-[20px] right-[20px]"> </div>
        <div class="h-[10px] absolute rounded-t-xl shadow-halo-sm bg-white group-hover:bg-concrete-50 -top-[10px] left-[10px] right-[10px]"> </div>
        <div class="bg-white text-shark-950 block no-underline relative shadow-halo-sm rounded-xl p-3 flex flex-col !p-5 text-center h-full group-hover:bg-concrete-50">

    
    
    
    
    
    <div class="">
        <div 
    class="flex flex-row col justify-between mb-1 text-xs leading-4 font-bold text-cairn-main"
>
    <span class="grow">
                <svg aria-hidden="true" class="bfa bfa-regular inline  h-[21px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M256 464c7.4 0 27-7.2 47.6-48.4c8.8-17.7 16.4-39.2 22-63.6l-139.2 0c5.6 24.4 13.2 45.9 22 63.6C229 456.8 248.6 464 256 464zM178.5 304l155 0c1.6-15.3 2.5-31.4 2.5-48s-.9-32.7-2.5-48l-155 0c-1.6 15.3-2.5 31.4-2.5 48s.9 32.7 2.5 48zm7.9-144l139.2 0c-5.6-24.4-13.2-45.9-22-63.6C283 55.2 263.4 48 256 48s-27 7.2-47.6 48.4c-8.8 17.7-16.4 39.2-22 63.6zm195.3 48c1.5 15.5 2.2 31.6 2.2 48s-.8 32.5-2.2 48l76.7 0c3.6-15.4 5.6-31.5 5.6-48s-1.9-32.6-5.6-48l-76.7 0zm58.8-48c-21.4-41.1-56.1-74.1-98.4-93.4c14.1 25.6 25.3 57.5 32.6 93.4l65.9 0zm-303.3 0c7.3-35.9 18.5-67.7 32.6-93.4c-42.3 19.3-77 52.3-98.4 93.4l65.9 0zM53.6 208c-3.6 15.4-5.6 31.5-5.6 48s1.9 32.6 5.6 48l76.7 0c-1.5-15.5-2.2-31.6-2.2-48s.8-32.5 2.2-48l-76.7 0zM342.1 445.4c42.3-19.3 77-52.3 98.4-93.4l-65.9 0c-7.3 35.9-18.5 67.7-32.6 93.4zm-172.2 0c-14.1-25.6-25.3-57.5-32.6-93.4l-65.9 0c21.4 41.1 56.1 74.1 98.4 93.4zM256 512A256 256 0 1 1 256 0a256 256 0 1 1 0 512z"/></svg>                                        <span class="mt-2.5 block">
                        Liste publique                    </span>
    </span>
    </div>
                <h3 class="font-bold text-base font-serif leading-5 my-1 mt-8">
    <p class="py-2">Le constitutionnalisme à l’épreuve : institutions, démocratie et État de droit</p>
</h3>
                <p class="leading-5 mb-9">
                    La Documentation française
                </p>
    </div>

    
    
</div></a></div>
</li>                                    <li x-ref="carouselItem9" x-intersect.full="onIntersectEnter(9)" prefetch="grabbable" class="shrink-0 py-0.5 px-2.5   snap-start scroll-ml-0.5 basis-3/4 sm:basis-1/2 md:basis-1/3 lg:basis-1/4">
    <div class="self-stretch h-full flex flex-col">
    <a
            x-alt-clipboard="656213"
        class="mt-[20px] text-center relative h-full bg-white group" href="https://shs.cairn.info/liste-lecture/2PidiVI?lang=fr" data-livewire-navigate="data-livewire-navigate"><div class="h-[10px] absolute rounded-t-xl shadow-halo-sm bg-white group-hover:bg-concrete-50 -top-[18px] left-[20px] right-[20px]"> </div>
        <div class="h-[10px] absolute rounded-t-xl shadow-halo-sm bg-white group-hover:bg-concrete-50 -top-[10px] left-[10px] right-[10px]"> </div>
        <div class="bg-white text-shark-950 block no-underline relative shadow-halo-sm rounded-xl p-3 flex flex-col !p-5 text-center h-full group-hover:bg-concrete-50">

    
    
    
    
    
    <div class="">
        <div 
    class="flex flex-row col justify-between mb-1 text-xs leading-4 font-bold text-cairn-main"
>
    <span class="grow">
                <svg aria-hidden="true" class="bfa bfa-regular inline  h-[21px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M256 464c7.4 0 27-7.2 47.6-48.4c8.8-17.7 16.4-39.2 22-63.6l-139.2 0c5.6 24.4 13.2 45.9 22 63.6C229 456.8 248.6 464 256 464zM178.5 304l155 0c1.6-15.3 2.5-31.4 2.5-48s-.9-32.7-2.5-48l-155 0c-1.6 15.3-2.5 31.4-2.5 48s.9 32.7 2.5 48zm7.9-144l139.2 0c-5.6-24.4-13.2-45.9-22-63.6C283 55.2 263.4 48 256 48s-27 7.2-47.6 48.4c-8.8 17.7-16.4 39.2-22 63.6zm195.3 48c1.5 15.5 2.2 31.6 2.2 48s-.8 32.5-2.2 48l76.7 0c3.6-15.4 5.6-31.5 5.6-48s-1.9-32.6-5.6-48l-76.7 0zm58.8-48c-21.4-41.1-56.1-74.1-98.4-93.4c14.1 25.6 25.3 57.5 32.6 93.4l65.9 0zm-303.3 0c7.3-35.9 18.5-67.7 32.6-93.4c-42.3 19.3-77 52.3-98.4 93.4l65.9 0zM53.6 208c-3.6 15.4-5.6 31.5-5.6 48s1.9 32.6 5.6 48l76.7 0c-1.5-15.5-2.2-31.6-2.2-48s.8-32.5 2.2-48l-76.7 0zM342.1 445.4c42.3-19.3 77-52.3 98.4-93.4l-65.9 0c-7.3 35.9-18.5 67.7-32.6 93.4zm-172.2 0c-14.1-25.6-25.3-57.5-32.6-93.4l-65.9 0c21.4 41.1 56.1 74.1 98.4 93.4zM256 512A256 256 0 1 1 256 0a256 256 0 1 1 0 512z"/></svg>                                        <span class="mt-2.5 block">
                        Liste publique                    </span>
    </span>
    </div>
                <h3 class="font-bold text-base font-serif leading-5 my-1 mt-8">
    <p class="py-2">Vers des crimes contre l'habitabilité</p>
</h3>
                <p class="leading-5 mb-9">
                    TheMetaNews
                </p>
    </div>

    
    
</div></a></div>
</li>                                    <li x-ref="carouselItem10" x-intersect.full="onIntersectEnter(10)" prefetch="grabbable" class="shrink-0 py-0.5 px-2.5   snap-start scroll-ml-0.5 basis-3/4 sm:basis-1/2 md:basis-1/3 lg:basis-1/4">
    <div class="self-stretch h-full flex flex-col">
    <a
            x-alt-clipboard="656261"
        class="mt-[20px] text-center relative h-full bg-white group" href="https://shs.cairn.info/liste-lecture/TgZ1GzJ?lang=fr" data-livewire-navigate="data-livewire-navigate"><div class="h-[10px] absolute rounded-t-xl shadow-halo-sm bg-white group-hover:bg-concrete-50 -top-[18px] left-[20px] right-[20px]"> </div>
        <div class="h-[10px] absolute rounded-t-xl shadow-halo-sm bg-white group-hover:bg-concrete-50 -top-[10px] left-[10px] right-[10px]"> </div>
        <div class="bg-white text-shark-950 block no-underline relative shadow-halo-sm rounded-xl p-3 flex flex-col !p-5 text-center h-full group-hover:bg-concrete-50">

    
    
    
    
    
    <div class="">
        <div 
    class="flex flex-row col justify-between mb-1 text-xs leading-4 font-bold text-cairn-main"
>
    <span class="grow">
                <svg aria-hidden="true" class="bfa bfa-regular inline  h-[21px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M256 464c7.4 0 27-7.2 47.6-48.4c8.8-17.7 16.4-39.2 22-63.6l-139.2 0c5.6 24.4 13.2 45.9 22 63.6C229 456.8 248.6 464 256 464zM178.5 304l155 0c1.6-15.3 2.5-31.4 2.5-48s-.9-32.7-2.5-48l-155 0c-1.6 15.3-2.5 31.4-2.5 48s.9 32.7 2.5 48zm7.9-144l139.2 0c-5.6-24.4-13.2-45.9-22-63.6C283 55.2 263.4 48 256 48s-27 7.2-47.6 48.4c-8.8 17.7-16.4 39.2-22 63.6zm195.3 48c1.5 15.5 2.2 31.6 2.2 48s-.8 32.5-2.2 48l76.7 0c3.6-15.4 5.6-31.5 5.6-48s-1.9-32.6-5.6-48l-76.7 0zm58.8-48c-21.4-41.1-56.1-74.1-98.4-93.4c14.1 25.6 25.3 57.5 32.6 93.4l65.9 0zm-303.3 0c7.3-35.9 18.5-67.7 32.6-93.4c-42.3 19.3-77 52.3-98.4 93.4l65.9 0zM53.6 208c-3.6 15.4-5.6 31.5-5.6 48s1.9 32.6 5.6 48l76.7 0c-1.5-15.5-2.2-31.6-2.2-48s.8-32.5 2.2-48l-76.7 0zM342.1 445.4c42.3-19.3 77-52.3 98.4-93.4l-65.9 0c-7.3 35.9-18.5 67.7-32.6 93.4zm-172.2 0c-14.1-25.6-25.3-57.5-32.6-93.4l-65.9 0c21.4 41.1 56.1 74.1 98.4 93.4zM256 512A256 256 0 1 1 256 0a256 256 0 1 1 0 512z"/></svg>                                        <span class="mt-2.5 block">
                        Liste publique                    </span>
    </span>
    </div>
                <h3 class="font-bold text-base font-serif leading-5 my-1 mt-8">
    <p class="py-2">Le développement théorique des sciences infirmières</p>
</h3>
                <p class="leading-5 mb-9">
                    Association SIDOC
                </p>
    </div>

    
    
</div></a></div>
</li>                                    <li x-ref="carouselItem11" x-intersect.full="onIntersectEnter(11)" prefetch="grabbable" class="shrink-0 py-0.5 px-2.5   snap-start scroll-ml-0.5 basis-3/4 sm:basis-1/2 md:basis-1/3 lg:basis-1/4">
    <div class="self-stretch h-full flex flex-col">
    <a
            x-alt-clipboard="654429"
        class="mt-[20px] text-center relative h-full bg-white group" href="https://shs.cairn.info/liste-lecture/k03tSSs?lang=fr" data-livewire-navigate="data-livewire-navigate"><div class="h-[10px] absolute rounded-t-xl shadow-halo-sm bg-white group-hover:bg-concrete-50 -top-[18px] left-[20px] right-[20px]"> </div>
        <div class="h-[10px] absolute rounded-t-xl shadow-halo-sm bg-white group-hover:bg-concrete-50 -top-[10px] left-[10px] right-[10px]"> </div>
        <div class="bg-white text-shark-950 block no-underline relative shadow-halo-sm rounded-xl p-3 flex flex-col !p-5 text-center h-full group-hover:bg-concrete-50">

    
    
    
    
    
    <div class="">
        <div 
    class="flex flex-row col justify-between mb-1 text-xs leading-4 font-bold text-cairn-main"
>
    <span class="grow">
                <svg aria-hidden="true" class="bfa bfa-regular inline  h-[21px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M256 464c7.4 0 27-7.2 47.6-48.4c8.8-17.7 16.4-39.2 22-63.6l-139.2 0c5.6 24.4 13.2 45.9 22 63.6C229 456.8 248.6 464 256 464zM178.5 304l155 0c1.6-15.3 2.5-31.4 2.5-48s-.9-32.7-2.5-48l-155 0c-1.6 15.3-2.5 31.4-2.5 48s.9 32.7 2.5 48zm7.9-144l139.2 0c-5.6-24.4-13.2-45.9-22-63.6C283 55.2 263.4 48 256 48s-27 7.2-47.6 48.4c-8.8 17.7-16.4 39.2-22 63.6zm195.3 48c1.5 15.5 2.2 31.6 2.2 48s-.8 32.5-2.2 48l76.7 0c3.6-15.4 5.6-31.5 5.6-48s-1.9-32.6-5.6-48l-76.7 0zm58.8-48c-21.4-41.1-56.1-74.1-98.4-93.4c14.1 25.6 25.3 57.5 32.6 93.4l65.9 0zm-303.3 0c7.3-35.9 18.5-67.7 32.6-93.4c-42.3 19.3-77 52.3-98.4 93.4l65.9 0zM53.6 208c-3.6 15.4-5.6 31.5-5.6 48s1.9 32.6 5.6 48l76.7 0c-1.5-15.5-2.2-31.6-2.2-48s.8-32.5 2.2-48l-76.7 0zM342.1 445.4c42.3-19.3 77-52.3 98.4-93.4l-65.9 0c-7.3 35.9-18.5 67.7-32.6 93.4zm-172.2 0c-14.1-25.6-25.3-57.5-32.6-93.4l-65.9 0c21.4 41.1 56.1 74.1 98.4 93.4zM256 512A256 256 0 1 1 256 0a256 256 0 1 1 0 512z"/></svg>                                        <span class="mt-2.5 block">
                        Liste publique                    </span>
    </span>
    </div>
                <h3 class="font-bold text-base font-serif leading-5 my-1 mt-8">
    <p class="py-2">Bernard Le Bouyer de Fontenelle (agrégation de philosophie 2027)</p>
</h3>
                <p class="leading-5 mb-9">
                    Fondation Gabriel Péri
                </p>
    </div>

    
    
</div></a></div>
</li>                                    <li x-ref="carouselItem12" x-intersect.full="onIntersectEnter(12)" prefetch="grabbable" class="shrink-0 py-0.5 px-2.5   snap-start scroll-ml-0.5 basis-3/4 sm:basis-1/2 md:basis-1/3 lg:basis-1/4">
    <div class="self-stretch h-full flex flex-col">
    <a
            x-alt-clipboard="638604"
        class="mt-[20px] text-center relative h-full bg-white group" href="https://shs.cairn.info/liste-lecture/dua8uhI?lang=fr" data-livewire-navigate="data-livewire-navigate"><div class="h-[10px] absolute rounded-t-xl shadow-halo-sm bg-white group-hover:bg-concrete-50 -top-[18px] left-[20px] right-[20px]"> </div>
        <div class="h-[10px] absolute rounded-t-xl shadow-halo-sm bg-white group-hover:bg-concrete-50 -top-[10px] left-[10px] right-[10px]"> </div>
        <div class="bg-white text-shark-950 block no-underline relative shadow-halo-sm rounded-xl p-3 flex flex-col !p-5 text-center h-full group-hover:bg-concrete-50">

    
    
    
    
    
    <div class="">
        <div 
    class="flex flex-row col justify-between mb-1 text-xs leading-4 font-bold text-cairn-main"
>
    <span class="grow">
                <svg aria-hidden="true" class="bfa bfa-regular inline  h-[21px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M256 464c7.4 0 27-7.2 47.6-48.4c8.8-17.7 16.4-39.2 22-63.6l-139.2 0c5.6 24.4 13.2 45.9 22 63.6C229 456.8 248.6 464 256 464zM178.5 304l155 0c1.6-15.3 2.5-31.4 2.5-48s-.9-32.7-2.5-48l-155 0c-1.6 15.3-2.5 31.4-2.5 48s.9 32.7 2.5 48zm7.9-144l139.2 0c-5.6-24.4-13.2-45.9-22-63.6C283 55.2 263.4 48 256 48s-27 7.2-47.6 48.4c-8.8 17.7-16.4 39.2-22 63.6zm195.3 48c1.5 15.5 2.2 31.6 2.2 48s-.8 32.5-2.2 48l76.7 0c3.6-15.4 5.6-31.5 5.6-48s-1.9-32.6-5.6-48l-76.7 0zm58.8-48c-21.4-41.1-56.1-74.1-98.4-93.4c14.1 25.6 25.3 57.5 32.6 93.4l65.9 0zm-303.3 0c7.3-35.9 18.5-67.7 32.6-93.4c-42.3 19.3-77 52.3-98.4 93.4l65.9 0zM53.6 208c-3.6 15.4-5.6 31.5-5.6 48s1.9 32.6 5.6 48l76.7 0c-1.5-15.5-2.2-31.6-2.2-48s.8-32.5 2.2-48l-76.7 0zM342.1 445.4c42.3-19.3 77-52.3 98.4-93.4l-65.9 0c-7.3 35.9-18.5 67.7-32.6 93.4zm-172.2 0c-14.1-25.6-25.3-57.5-32.6-93.4l-65.9 0c21.4 41.1 56.1 74.1 98.4 93.4zM256 512A256 256 0 1 1 256 0a256 256 0 1 1 0 512z"/></svg>                                        <span class="mt-2.5 block">
                        Liste publique                    </span>
    </span>
    </div>
                <h3 class="font-bold text-base font-serif leading-5 my-1 mt-8">
    <p class="py-2">Les champs de la violence</p>
</h3>
                <p class="leading-5 mb-9">
                    Fuera de campo
                </p>
    </div>

    
    
</div></a></div>
</li>                                    <li x-ref="carouselItem13" x-intersect.full="onIntersectEnter(13)" prefetch="grabbable" class="shrink-0 py-0.5 px-2.5   snap-start scroll-ml-0.5 basis-3/4 sm:basis-1/2 md:basis-1/3 lg:basis-1/4">
    <div class="self-stretch h-full flex flex-col">
    <a
            x-alt-clipboard="654732"
        class="mt-[20px] text-center relative h-full bg-white group" href="https://shs.cairn.info/liste-lecture/qcEcoqd?lang=fr" data-livewire-navigate="data-livewire-navigate"><div class="h-[10px] absolute rounded-t-xl shadow-halo-sm bg-white group-hover:bg-concrete-50 -top-[18px] left-[20px] right-[20px]"> </div>
        <div class="h-[10px] absolute rounded-t-xl shadow-halo-sm bg-white group-hover:bg-concrete-50 -top-[10px] left-[10px] right-[10px]"> </div>
        <div class="bg-white text-shark-950 block no-underline relative shadow-halo-sm rounded-xl p-3 flex flex-col !p-5 text-center h-full group-hover:bg-concrete-50">

    
    
    
    
    
    <div class="">
        <div 
    class="flex flex-row col justify-between mb-1 text-xs leading-4 font-bold text-cairn-main"
>
    <span class="grow">
                <svg aria-hidden="true" class="bfa bfa-regular inline  h-[21px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M256 464c7.4 0 27-7.2 47.6-48.4c8.8-17.7 16.4-39.2 22-63.6l-139.2 0c5.6 24.4 13.2 45.9 22 63.6C229 456.8 248.6 464 256 464zM178.5 304l155 0c1.6-15.3 2.5-31.4 2.5-48s-.9-32.7-2.5-48l-155 0c-1.6 15.3-2.5 31.4-2.5 48s.9 32.7 2.5 48zm7.9-144l139.2 0c-5.6-24.4-13.2-45.9-22-63.6C283 55.2 263.4 48 256 48s-27 7.2-47.6 48.4c-8.8 17.7-16.4 39.2-22 63.6zm195.3 48c1.5 15.5 2.2 31.6 2.2 48s-.8 32.5-2.2 48l76.7 0c3.6-15.4 5.6-31.5 5.6-48s-1.9-32.6-5.6-48l-76.7 0zm58.8-48c-21.4-41.1-56.1-74.1-98.4-93.4c14.1 25.6 25.3 57.5 32.6 93.4l65.9 0zm-303.3 0c7.3-35.9 18.5-67.7 32.6-93.4c-42.3 19.3-77 52.3-98.4 93.4l65.9 0zM53.6 208c-3.6 15.4-5.6 31.5-5.6 48s1.9 32.6 5.6 48l76.7 0c-1.5-15.5-2.2-31.6-2.2-48s.8-32.5 2.2-48l-76.7 0zM342.1 445.4c42.3-19.3 77-52.3 98.4-93.4l-65.9 0c-7.3 35.9-18.5 67.7-32.6 93.4zm-172.2 0c-14.1-25.6-25.3-57.5-32.6-93.4l-65.9 0c21.4 41.1 56.1 74.1 98.4 93.4zM256 512A256 256 0 1 1 256 0a256 256 0 1 1 0 512z"/></svg>                                        <span class="mt-2.5 block">
                        Liste publique                    </span>
    </span>
    </div>
                <h3 class="font-bold text-base font-serif leading-5 my-1 mt-8">
    <p class="py-2">"Le Prince" de Machiavel (Agrégation de philosophie 2027)</p>
</h3>
                <p class="leading-5 mb-9">
                    Fondation Gabriel Péri
                </p>
    </div>

    
    
</div></a></div>
</li>                                    <li x-ref="carouselItem14" x-intersect.full="onIntersectEnter(14)" prefetch="grabbable" class="shrink-0 py-0.5 px-2.5   snap-start scroll-ml-0.5 basis-3/4 sm:basis-1/2 md:basis-1/3 lg:basis-1/4">
    <div class="self-stretch h-full flex flex-col">
    <a
            x-alt-clipboard="654598"
        class="mt-[20px] text-center relative h-full bg-white group" href="https://shs.cairn.info/liste-lecture/LovfeVq?lang=fr" data-livewire-navigate="data-livewire-navigate"><div class="h-[10px] absolute rounded-t-xl shadow-halo-sm bg-white group-hover:bg-concrete-50 -top-[18px] left-[20px] right-[20px]"> </div>
        <div class="h-[10px] absolute rounded-t-xl shadow-halo-sm bg-white group-hover:bg-concrete-50 -top-[10px] left-[10px] right-[10px]"> </div>
        <div class="bg-white text-shark-950 block no-underline relative shadow-halo-sm rounded-xl p-3 flex flex-col !p-5 text-center h-full group-hover:bg-concrete-50">

    
    
    
    
    
    <div class="">
        <div 
    class="flex flex-row col justify-between mb-1 text-xs leading-4 font-bold text-cairn-main"
>
    <span class="grow">
                <svg aria-hidden="true" class="bfa bfa-regular inline  h-[21px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M256 464c7.4 0 27-7.2 47.6-48.4c8.8-17.7 16.4-39.2 22-63.6l-139.2 0c5.6 24.4 13.2 45.9 22 63.6C229 456.8 248.6 464 256 464zM178.5 304l155 0c1.6-15.3 2.5-31.4 2.5-48s-.9-32.7-2.5-48l-155 0c-1.6 15.3-2.5 31.4-2.5 48s.9 32.7 2.5 48zm7.9-144l139.2 0c-5.6-24.4-13.2-45.9-22-63.6C283 55.2 263.4 48 256 48s-27 7.2-47.6 48.4c-8.8 17.7-16.4 39.2-22 63.6zm195.3 48c1.5 15.5 2.2 31.6 2.2 48s-.8 32.5-2.2 48l76.7 0c3.6-15.4 5.6-31.5 5.6-48s-1.9-32.6-5.6-48l-76.7 0zm58.8-48c-21.4-41.1-56.1-74.1-98.4-93.4c14.1 25.6 25.3 57.5 32.6 93.4l65.9 0zm-303.3 0c7.3-35.9 18.5-67.7 32.6-93.4c-42.3 19.3-77 52.3-98.4 93.4l65.9 0zM53.6 208c-3.6 15.4-5.6 31.5-5.6 48s1.9 32.6 5.6 48l76.7 0c-1.5-15.5-2.2-31.6-2.2-48s.8-32.5 2.2-48l-76.7 0zM342.1 445.4c42.3-19.3 77-52.3 98.4-93.4l-65.9 0c-7.3 35.9-18.5 67.7-32.6 93.4zm-172.2 0c-14.1-25.6-25.3-57.5-32.6-93.4l-65.9 0c21.4 41.1 56.1 74.1 98.4 93.4zM256 512A256 256 0 1 1 256 0a256 256 0 1 1 0 512z"/></svg>                                        <span class="mt-2.5 block">
                        Liste publique                    </span>
    </span>
    </div>
                <h3 class="font-bold text-base font-serif leading-5 my-1 mt-8">
    <p class="py-2">Karl Marx (Agrégation de philosophie 2027)</p>
</h3>
                <p class="leading-5 mb-9">
                    Fondation Gabriel Péri
                </p>
    </div>

    
    
</div></a></div>
</li>                                    <li x-ref="carouselItem15" x-intersect.full="onIntersectEnter(15)" prefetch="grabbable" class="shrink-0 py-0.5 px-2.5   snap-start scroll-ml-0.5 basis-3/4 sm:basis-1/2 md:basis-1/3 lg:basis-1/4">
    <div class="self-stretch h-full flex flex-col">
    <a
            x-alt-clipboard="653208"
        class="mt-[20px] text-center relative h-full bg-white group" href="https://shs.cairn.info/liste-lecture/AUdtHa3?lang=fr" data-livewire-navigate="data-livewire-navigate"><div class="h-[10px] absolute rounded-t-xl shadow-halo-sm bg-white group-hover:bg-concrete-50 -top-[18px] left-[20px] right-[20px]"> </div>
        <div class="h-[10px] absolute rounded-t-xl shadow-halo-sm bg-white group-hover:bg-concrete-50 -top-[10px] left-[10px] right-[10px]"> </div>
        <div class="bg-white text-shark-950 block no-underline relative shadow-halo-sm rounded-xl p-3 flex flex-col !p-5 text-center h-full group-hover:bg-concrete-50">

    
    
    
    
    
    <div class="">
        <div 
    class="flex flex-row col justify-between mb-1 text-xs leading-4 font-bold text-cairn-main"
>
    <span class="grow">
                <svg aria-hidden="true" class="bfa bfa-regular inline  h-[21px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M256 464c7.4 0 27-7.2 47.6-48.4c8.8-17.7 16.4-39.2 22-63.6l-139.2 0c5.6 24.4 13.2 45.9 22 63.6C229 456.8 248.6 464 256 464zM178.5 304l155 0c1.6-15.3 2.5-31.4 2.5-48s-.9-32.7-2.5-48l-155 0c-1.6 15.3-2.5 31.4-2.5 48s.9 32.7 2.5 48zm7.9-144l139.2 0c-5.6-24.4-13.2-45.9-22-63.6C283 55.2 263.4 48 256 48s-27 7.2-47.6 48.4c-8.8 17.7-16.4 39.2-22 63.6zm195.3 48c1.5 15.5 2.2 31.6 2.2 48s-.8 32.5-2.2 48l76.7 0c3.6-15.4 5.6-31.5 5.6-48s-1.9-32.6-5.6-48l-76.7 0zm58.8-48c-21.4-41.1-56.1-74.1-98.4-93.4c14.1 25.6 25.3 57.5 32.6 93.4l65.9 0zm-303.3 0c7.3-35.9 18.5-67.7 32.6-93.4c-42.3 19.3-77 52.3-98.4 93.4l65.9 0zM53.6 208c-3.6 15.4-5.6 31.5-5.6 48s1.9 32.6 5.6 48l76.7 0c-1.5-15.5-2.2-31.6-2.2-48s.8-32.5 2.2-48l-76.7 0zM342.1 445.4c42.3-19.3 77-52.3 98.4-93.4l-65.9 0c-7.3 35.9-18.5 67.7-32.6 93.4zm-172.2 0c-14.1-25.6-25.3-57.5-32.6-93.4l-65.9 0c21.4 41.1 56.1 74.1 98.4 93.4zM256 512A256 256 0 1 1 256 0a256 256 0 1 1 0 512z"/></svg>                                        <span class="mt-2.5 block">
                        Liste publique                    </span>
    </span>
    </div>
                <h3 class="font-bold text-base font-serif leading-5 my-1 mt-8">
    <p class="py-2">La lutte contre la corruption dans l'espace francophone</p>
</h3>
                <p class="leading-5 mb-9">
                    Université Senghor
                </p>
    </div>

    
    
</div></a></div>
</li>                                    <li x-ref="carouselItem16" x-intersect.full="onIntersectEnter(16)" prefetch="grabbable" class="shrink-0 py-0.5 px-2.5   snap-start scroll-ml-0.5 basis-3/4 sm:basis-1/2 md:basis-1/3 lg:basis-1/4">
    <div class="self-stretch h-full flex flex-col">
    <a
            x-alt-clipboard="651277"
        class="mt-[20px] text-center relative h-full bg-white group" href="https://shs.cairn.info/liste-lecture/c7jAYxh?lang=fr" data-livewire-navigate="data-livewire-navigate"><div class="h-[10px] absolute rounded-t-xl shadow-halo-sm bg-white group-hover:bg-concrete-50 -top-[18px] left-[20px] right-[20px]"> </div>
        <div class="h-[10px] absolute rounded-t-xl shadow-halo-sm bg-white group-hover:bg-concrete-50 -top-[10px] left-[10px] right-[10px]"> </div>
        <div class="bg-white text-shark-950 block no-underline relative shadow-halo-sm rounded-xl p-3 flex flex-col !p-5 text-center h-full group-hover:bg-concrete-50">

    
    
    
    
    
    <div class="">
        <div 
    class="flex flex-row col justify-between mb-1 text-xs leading-4 font-bold text-cairn-main"
>
    <span class="grow">
                <svg aria-hidden="true" class="bfa bfa-regular inline  h-[21px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M256 464c7.4 0 27-7.2 47.6-48.4c8.8-17.7 16.4-39.2 22-63.6l-139.2 0c5.6 24.4 13.2 45.9 22 63.6C229 456.8 248.6 464 256 464zM178.5 304l155 0c1.6-15.3 2.5-31.4 2.5-48s-.9-32.7-2.5-48l-155 0c-1.6 15.3-2.5 31.4-2.5 48s.9 32.7 2.5 48zm7.9-144l139.2 0c-5.6-24.4-13.2-45.9-22-63.6C283 55.2 263.4 48 256 48s-27 7.2-47.6 48.4c-8.8 17.7-16.4 39.2-22 63.6zm195.3 48c1.5 15.5 2.2 31.6 2.2 48s-.8 32.5-2.2 48l76.7 0c3.6-15.4 5.6-31.5 5.6-48s-1.9-32.6-5.6-48l-76.7 0zm58.8-48c-21.4-41.1-56.1-74.1-98.4-93.4c14.1 25.6 25.3 57.5 32.6 93.4l65.9 0zm-303.3 0c7.3-35.9 18.5-67.7 32.6-93.4c-42.3 19.3-77 52.3-98.4 93.4l65.9 0zM53.6 208c-3.6 15.4-5.6 31.5-5.6 48s1.9 32.6 5.6 48l76.7 0c-1.5-15.5-2.2-31.6-2.2-48s.8-32.5 2.2-48l-76.7 0zM342.1 445.4c42.3-19.3 77-52.3 98.4-93.4l-65.9 0c-7.3 35.9-18.5 67.7-32.6 93.4zm-172.2 0c-14.1-25.6-25.3-57.5-32.6-93.4l-65.9 0c21.4 41.1 56.1 74.1 98.4 93.4zM256 512A256 256 0 1 1 256 0a256 256 0 1 1 0 512z"/></svg>                                        <span class="mt-2.5 block">
                        Liste publique                    </span>
    </span>
    </div>
                <h3 class="font-bold text-base font-serif leading-5 my-1 mt-8">
    <p class="py-2">LSD, psilocybine, ayahuasca et tous les autres</p>
</h3>
                <p class="leading-5 mb-9">
                    TheMetaNews
                </p>
    </div>

    
    
</div></a></div>
</li>                                    <li x-ref="carouselItem17" x-intersect.full="onIntersectEnter(17)" prefetch="grabbable" class="shrink-0 py-0.5 px-2.5   snap-start scroll-ml-0.5 basis-3/4 sm:basis-1/2 md:basis-1/3 lg:basis-1/4">
    <div class="self-stretch h-full flex flex-col">
    <a
            x-alt-clipboard="652643"
        class="mt-[20px] text-center relative h-full bg-white group" href="https://shs.cairn.info/liste-lecture/yiGTf7h?lang=fr" data-livewire-navigate="data-livewire-navigate"><div class="h-[10px] absolute rounded-t-xl shadow-halo-sm bg-white group-hover:bg-concrete-50 -top-[18px] left-[20px] right-[20px]"> </div>
        <div class="h-[10px] absolute rounded-t-xl shadow-halo-sm bg-white group-hover:bg-concrete-50 -top-[10px] left-[10px] right-[10px]"> </div>
        <div class="bg-white text-shark-950 block no-underline relative shadow-halo-sm rounded-xl p-3 flex flex-col !p-5 text-center h-full group-hover:bg-concrete-50">

    
    
    
    
    
    <div class="">
        <div 
    class="flex flex-row col justify-between mb-1 text-xs leading-4 font-bold text-cairn-main"
>
    <span class="grow">
                <svg aria-hidden="true" class="bfa bfa-regular inline  h-[21px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M256 464c7.4 0 27-7.2 47.6-48.4c8.8-17.7 16.4-39.2 22-63.6l-139.2 0c5.6 24.4 13.2 45.9 22 63.6C229 456.8 248.6 464 256 464zM178.5 304l155 0c1.6-15.3 2.5-31.4 2.5-48s-.9-32.7-2.5-48l-155 0c-1.6 15.3-2.5 31.4-2.5 48s.9 32.7 2.5 48zm7.9-144l139.2 0c-5.6-24.4-13.2-45.9-22-63.6C283 55.2 263.4 48 256 48s-27 7.2-47.6 48.4c-8.8 17.7-16.4 39.2-22 63.6zm195.3 48c1.5 15.5 2.2 31.6 2.2 48s-.8 32.5-2.2 48l76.7 0c3.6-15.4 5.6-31.5 5.6-48s-1.9-32.6-5.6-48l-76.7 0zm58.8-48c-21.4-41.1-56.1-74.1-98.4-93.4c14.1 25.6 25.3 57.5 32.6 93.4l65.9 0zm-303.3 0c7.3-35.9 18.5-67.7 32.6-93.4c-42.3 19.3-77 52.3-98.4 93.4l65.9 0zM53.6 208c-3.6 15.4-5.6 31.5-5.6 48s1.9 32.6 5.6 48l76.7 0c-1.5-15.5-2.2-31.6-2.2-48s.8-32.5 2.2-48l-76.7 0zM342.1 445.4c42.3-19.3 77-52.3 98.4-93.4l-65.9 0c-7.3 35.9-18.5 67.7-32.6 93.4zm-172.2 0c-14.1-25.6-25.3-57.5-32.6-93.4l-65.9 0c21.4 41.1 56.1 74.1 98.4 93.4zM256 512A256 256 0 1 1 256 0a256 256 0 1 1 0 512z"/></svg>                                        <span class="mt-2.5 block">
                        Liste publique                    </span>
    </span>
    </div>
                <h3 class="font-bold text-base font-serif leading-5 my-1 mt-8">
    <p class="py-2">Les sciences infirmières en marche</p>
</h3>
                <p class="leading-5 mb-9">
                    Association de la recherche en soins infirmiers
                </p>
    </div>

    
    
</div></a></div>
</li>                                    <li x-ref="carouselItem18" x-intersect.full="onIntersectEnter(18)" prefetch="grabbable" class="shrink-0 py-0.5 px-2.5   snap-start scroll-ml-0.5 basis-3/4 sm:basis-1/2 md:basis-1/3 lg:basis-1/4">
    <div class="self-stretch h-full flex flex-col">
    <a
            x-alt-clipboard="648402"
        class="mt-[20px] text-center relative h-full bg-white group" href="https://shs.cairn.info/liste-lecture/aIM0hlW?lang=fr" data-livewire-navigate="data-livewire-navigate"><div class="h-[10px] absolute rounded-t-xl shadow-halo-sm bg-white group-hover:bg-concrete-50 -top-[18px] left-[20px] right-[20px]"> </div>
        <div class="h-[10px] absolute rounded-t-xl shadow-halo-sm bg-white group-hover:bg-concrete-50 -top-[10px] left-[10px] right-[10px]"> </div>
        <div class="bg-white text-shark-950 block no-underline relative shadow-halo-sm rounded-xl p-3 flex flex-col !p-5 text-center h-full group-hover:bg-concrete-50">

    
    
    
    
    
    <div class="">
        <div 
    class="flex flex-row col justify-between mb-1 text-xs leading-4 font-bold text-cairn-main"
>
    <span class="grow">
                <svg aria-hidden="true" class="bfa bfa-regular inline  h-[21px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M256 464c7.4 0 27-7.2 47.6-48.4c8.8-17.7 16.4-39.2 22-63.6l-139.2 0c5.6 24.4 13.2 45.9 22 63.6C229 456.8 248.6 464 256 464zM178.5 304l155 0c1.6-15.3 2.5-31.4 2.5-48s-.9-32.7-2.5-48l-155 0c-1.6 15.3-2.5 31.4-2.5 48s.9 32.7 2.5 48zm7.9-144l139.2 0c-5.6-24.4-13.2-45.9-22-63.6C283 55.2 263.4 48 256 48s-27 7.2-47.6 48.4c-8.8 17.7-16.4 39.2-22 63.6zm195.3 48c1.5 15.5 2.2 31.6 2.2 48s-.8 32.5-2.2 48l76.7 0c3.6-15.4 5.6-31.5 5.6-48s-1.9-32.6-5.6-48l-76.7 0zm58.8-48c-21.4-41.1-56.1-74.1-98.4-93.4c14.1 25.6 25.3 57.5 32.6 93.4l65.9 0zm-303.3 0c7.3-35.9 18.5-67.7 32.6-93.4c-42.3 19.3-77 52.3-98.4 93.4l65.9 0zM53.6 208c-3.6 15.4-5.6 31.5-5.6 48s1.9 32.6 5.6 48l76.7 0c-1.5-15.5-2.2-31.6-2.2-48s.8-32.5 2.2-48l-76.7 0zM342.1 445.4c42.3-19.3 77-52.3 98.4-93.4l-65.9 0c-7.3 35.9-18.5 67.7-32.6 93.4zm-172.2 0c-14.1-25.6-25.3-57.5-32.6-93.4l-65.9 0c21.4 41.1 56.1 74.1 98.4 93.4zM256 512A256 256 0 1 1 256 0a256 256 0 1 1 0 512z"/></svg>                                        <span class="mt-2.5 block">
                        Liste publique                    </span>
    </span>
    </div>
                <h3 class="font-bold text-base font-serif leading-5 my-1 mt-8">
    <p class="py-2">Chaînes globales de valeur et entreprises mondialisées : pouvoir et résistances</p>
</h3>
                <p class="leading-5 mb-9">
                    IQSOG
                </p>
    </div>

    
    
</div></a></div>
</li>                                    <li x-ref="carouselItem19" x-intersect.full="onIntersectEnter(19)" prefetch="grabbable" class="shrink-0 py-0.5   ps-2.5 snap-start scroll-ml-0.5 basis-3/4 sm:basis-1/2 md:basis-1/3 lg:basis-1/4">
    <div class="self-stretch h-full flex flex-col">
    <a
            x-alt-clipboard="642077"
        class="mt-[20px] text-center relative h-full bg-white group" href="https://shs.cairn.info/liste-lecture/2PidgkR?lang=fr" data-livewire-navigate="data-livewire-navigate"><div class="h-[10px] absolute rounded-t-xl shadow-halo-sm bg-white group-hover:bg-concrete-50 -top-[18px] left-[20px] right-[20px]"> </div>
        <div class="h-[10px] absolute rounded-t-xl shadow-halo-sm bg-white group-hover:bg-concrete-50 -top-[10px] left-[10px] right-[10px]"> </div>
        <div class="bg-white text-shark-950 block no-underline relative shadow-halo-sm rounded-xl p-3 flex flex-col !p-5 text-center h-full group-hover:bg-concrete-50">

    
    
    
    
    
    <div class="">
        <div 
    class="flex flex-row col justify-between mb-1 text-xs leading-4 font-bold text-cairn-main"
>
    <span class="grow">
                <svg aria-hidden="true" class="bfa bfa-regular inline  h-[21px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M256 464c7.4 0 27-7.2 47.6-48.4c8.8-17.7 16.4-39.2 22-63.6l-139.2 0c5.6 24.4 13.2 45.9 22 63.6C229 456.8 248.6 464 256 464zM178.5 304l155 0c1.6-15.3 2.5-31.4 2.5-48s-.9-32.7-2.5-48l-155 0c-1.6 15.3-2.5 31.4-2.5 48s.9 32.7 2.5 48zm7.9-144l139.2 0c-5.6-24.4-13.2-45.9-22-63.6C283 55.2 263.4 48 256 48s-27 7.2-47.6 48.4c-8.8 17.7-16.4 39.2-22 63.6zm195.3 48c1.5 15.5 2.2 31.6 2.2 48s-.8 32.5-2.2 48l76.7 0c3.6-15.4 5.6-31.5 5.6-48s-1.9-32.6-5.6-48l-76.7 0zm58.8-48c-21.4-41.1-56.1-74.1-98.4-93.4c14.1 25.6 25.3 57.5 32.6 93.4l65.9 0zm-303.3 0c7.3-35.9 18.5-67.7 32.6-93.4c-42.3 19.3-77 52.3-98.4 93.4l65.9 0zM53.6 208c-3.6 15.4-5.6 31.5-5.6 48s1.9 32.6 5.6 48l76.7 0c-1.5-15.5-2.2-31.6-2.2-48s.8-32.5 2.2-48l-76.7 0zM342.1 445.4c42.3-19.3 77-52.3 98.4-93.4l-65.9 0c-7.3 35.9-18.5 67.7-32.6 93.4zm-172.2 0c-14.1-25.6-25.3-57.5-32.6-93.4l-65.9 0c21.4 41.1 56.1 74.1 98.4 93.4zM256 512A256 256 0 1 1 256 0a256 256 0 1 1 0 512z"/></svg>                                        <span class="mt-2.5 block">
                        Liste publique                    </span>
    </span>
    </div>
                <h3 class="font-bold text-base font-serif leading-5 my-1 mt-8">
    <p class="py-2">De Pontigny à Cerisy : expériences de vie, chemins de pensées</p>
</h3>
                <p class="leading-5 mb-9">
                    IQSOG
                </p>
    </div>

    
    
</div></a></div>
</li>                            </ul>
        </div>
        
                    <div class="absolute inset-y-0 -right-10 hidden items-center lg:flex">
                <button 
                    type="button"
                    class="group" 
                    @click="goToNextPage"
                    aria-label="Publications suivantes"
                >
                    <span aria-hidden="true" class="fa-stack fa-1x text-cairn-main">
    <svg style="
                                --fa-primary-color: rgb(var(--cairn-main));
                                --fa-secondary-hover-color: rgb(var(--cairn-main));
                                --fa-secondary-opacity: 1.0;
                            ;" aria-hidden="true" class="bfa bfa-duotone inline fa-stack-2x h-full text-white" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><defs><style>.fa-secondary{opacity:.4}</style></defs><path class="fa-secondary" d="M512 256A256 256 0 1 1 0 256a256 256 0 1 1 512 0zM200 152c0 6.1 2.3 12.3 7 17l87 87-87 87c-4.7 4.7-7 10.8-7 17s2.3 12.3 7 17s10.8 7 17 7s12.3-2.3 17-7L345 273c4.7-4.7 7-10.8 7-17s-2.3-12.3-7-17L241 135c-4.7-4.7-10.8-7-17-7s-12.3 2.3-17 7s-7 10.8-7 17z"/><path class="fa-primary" d="M345 239c9.4 9.4 9.4 24.6 0 33.9L241 377c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l87-87-87-87c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0L345 239z"/></svg>    <svg aria-hidden="true" class="bfa bfa-light inline fa-stack-1x h-full" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M256 32a224 224 0 1 1 0 448 224 224 0 1 1 0-448zm0 480A256 256 0 1 0 256 0a256 256 0 1 0 0 512z"/></svg>    
</span>
                </button>
            </div>
            </div>
    
    
    <p class="text-gray-500 italic mt-2 md:hidden text-right flex items-center justify-end gap-1" aria-hidden="true">
        Faites glisser horizontalement pour voir d’autres éléments.        <svg aria-hidden="true" class="bfa bfa-light inline w-[18px] h-[18px] text-xs" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M456 128c13.3 0 24 10.7 24 24s-10.7 24-24 24l-144 0-40 0 0-32c0-5.5-.6-10.8-1.6-16L456 128zM240 176s0 0 0 0l0 32s0 0 0 0l0 24c0 13.2-10.7 24-24 24c0 0 0 0 0 0c-13.3 0-24-10.7-24-24l0-56c0-8.8-7.2-16-16-16s-16 7.2-16 16l0 56c0 15.7 6.4 29.8 16.8 40c-10.4 10.2-16.8 24.3-16.8 40c0 13.8 5 26.4 13.2 36.1C160.3 358.4 152 374.2 152 392c0 8.6 1.9 16.7 5.4 24C87.9 414.6 32 357.8 32 288l0-64C32 153.3 89.3 96 160 96l32 0c26.5 0 48 21.5 48 48l0 32zm32 32l40 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-31.9 0c0 0 0 0-.1 0l-13.4 0c3.5-7.3 5.4-15.4 5.4-24l0-24zm90.6 0l93.4 0c30.9 0 56-25.1 56-56s-25.1-56-56-56L256 96c-14.6-19.4-37.8-32-64-32l-32 0C71.6 64 0 135.6 0 224l0 64c0 88.4 71.6 160 160 160l48 0 32 0 24 0c30.9 0 56-25.1 56-56c0-12.1-3.8-23.3-10.4-32.5C325.5 349.6 336 332 336 312c0-9.7-2.5-18.8-6.8-26.7C351.7 278 368 256.9 368 232c0-8.6-1.9-16.7-5.4-24zM240 288l40 0c13.2 0 24 10.8 24 24c0 13.3-10.7 24-24 24l-16 0-48 0c-13.3 0-24-10.7-24-24s10.7-24 24-24c0 0 0 0 0 0l24 0zm0 128l-32 0c-13.3 0-24-10.7-24-24s10.7-24 24-24l8 0 48 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-24 0z"/></svg>    </p>
    
    
            <ul 
            class="flex justify-center gap-1 text-alto-200 mt-2.5 hidden lg:flex"
            role="tablist"
            aria-label="Navigation par pages du carousel"
        >
                            <li role="presentation">
                    <button 
                        type="button"
                        role="tab"
                        id="tab-0"
                        x-ref="tab0"
                        aria-controls="slide-0"
                        :aria-selected="currentPage === 0 ? 'true' : 'false'"
                        :tabindex="currentPage === 0 ? 0 : -1"
                        @click="goToPage(0)"
                        @keydown.arrow-right.prevent="$focus.focus($refs['tab1'] || $refs.tab0)"
                        @keydown.arrow-left.prevent="$focus.focus($refs['tab-1'] || $refs['tab' + (Math.ceil(countItems/itemsPerPage)-1)])"
                        aria-label="Aller à la diapositive 1"
                    >
                        <svg aria-hidden="true" :class="{ 'text-cairn-main': currentPage === 0 }" class="bfa bfa-solid inline w-[10px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512z"/></svg>                    </button>
                </li>
                            <li role="presentation">
                    <button 
                        type="button"
                        role="tab"
                        id="tab-1"
                        x-ref="tab1"
                        aria-controls="slide-1"
                        :aria-selected="currentPage === 1 ? 'true' : 'false'"
                        :tabindex="currentPage === 1 ? 0 : -1"
                        @click="goToPage(1)"
                        @keydown.arrow-right.prevent="$focus.focus($refs['tab2'] || $refs.tab0)"
                        @keydown.arrow-left.prevent="$focus.focus($refs['tab0'] || $refs['tab' + (Math.ceil(countItems/itemsPerPage)-1)])"
                        aria-label="Aller à la diapositive 2"
                    >
                        <svg aria-hidden="true" :class="{ 'text-cairn-main': currentPage === 1 }" class="bfa bfa-solid inline w-[10px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512z"/></svg>                    </button>
                </li>
                            <li role="presentation">
                    <button 
                        type="button"
                        role="tab"
                        id="tab-2"
                        x-ref="tab2"
                        aria-controls="slide-2"
                        :aria-selected="currentPage === 2 ? 'true' : 'false'"
                        :tabindex="currentPage === 2 ? 0 : -1"
                        @click="goToPage(2)"
                        @keydown.arrow-right.prevent="$focus.focus($refs['tab3'] || $refs.tab0)"
                        @keydown.arrow-left.prevent="$focus.focus($refs['tab1'] || $refs['tab' + (Math.ceil(countItems/itemsPerPage)-1)])"
                        aria-label="Aller à la diapositive 3"
                    >
                        <svg aria-hidden="true" :class="{ 'text-cairn-main': currentPage === 2 }" class="bfa bfa-solid inline w-[10px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512z"/></svg>                    </button>
                </li>
                            <li role="presentation">
                    <button 
                        type="button"
                        role="tab"
                        id="tab-3"
                        x-ref="tab3"
                        aria-controls="slide-3"
                        :aria-selected="currentPage === 3 ? 'true' : 'false'"
                        :tabindex="currentPage === 3 ? 0 : -1"
                        @click="goToPage(3)"
                        @keydown.arrow-right.prevent="$focus.focus($refs['tab4'] || $refs.tab0)"
                        @keydown.arrow-left.prevent="$focus.focus($refs['tab2'] || $refs['tab' + (Math.ceil(countItems/itemsPerPage)-1)])"
                        aria-label="Aller à la diapositive 4"
                    >
                        <svg aria-hidden="true" :class="{ 'text-cairn-main': currentPage === 3 }" class="bfa bfa-solid inline w-[10px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512z"/></svg>                    </button>
                </li>
                            <li role="presentation">
                    <button 
                        type="button"
                        role="tab"
                        id="tab-4"
                        x-ref="tab4"
                        aria-controls="slide-4"
                        :aria-selected="currentPage === 4 ? 'true' : 'false'"
                        :tabindex="currentPage === 4 ? 0 : -1"
                        @click="goToPage(4)"
                        @keydown.arrow-right.prevent="$focus.focus($refs['tab5'] || $refs.tab0)"
                        @keydown.arrow-left.prevent="$focus.focus($refs['tab3'] || $refs['tab' + (Math.ceil(countItems/itemsPerPage)-1)])"
                        aria-label="Aller à la diapositive 5"
                    >
                        <svg aria-hidden="true" :class="{ 'text-cairn-main': currentPage === 4 }" class="bfa bfa-solid inline w-[10px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512z"/></svg>                    </button>
                </li>
                    </ul>
    </div>

                    <a
        class="underline text-cairn-main hover:text-cairn-dark font-medium md:hidden flex justify-end items-center gap-2" href="https://shs.cairn.info/listes-lectures?lang=fr" wire:navigate="" aria-label="Voir toutes les listes de lecture">Toutes les listes                    <svg aria-hidden="true" class="bfa bfa-light inline w-[1em] h-[1em]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M443.3 267.3c6.2-6.2 6.2-16.4 0-22.6l-176-176c-6.2-6.2-16.4-6.2-22.6 0s-6.2 16.4 0 22.6L393.4 240 16 240c-8.8 0-16 7.2-16 16s7.2 16 16 16l377.4 0L244.7 420.7c-6.2 6.2-6.2 16.4 0 22.6s16.4 6.2 22.6 0l176-176z"/></svg></a>                <hr class="mt-10 mb-11 border-alto-200" />
            </section>
        
        
                    <section role="region" aria-labelledby="recent-dossiers-title">
                <div class="flex justify-between">
                    <h2 class="font-bold text-xl leading-6 mb-4" id="recent-dossiers-title">
    Derniers dossiers
</h2>
                    <a
        class="underline text-cairn-main hover:text-cairn-dark font-medium hidden md:flex items-center mb-4 gap-2 pr-2.5" href="https://shs.cairn.info/dossiers?lang=fr" wire:navigate="" aria-label="Voir tous les dossiers">Tous les dossiers                        <svg aria-hidden="true" class="bfa bfa-light inline w-4 h-4" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M443.3 267.3c6.2-6.2 6.2-16.4 0-22.6l-176-176c-6.2-6.2-16.4-6.2-22.6 0s-6.2 16.4 0 22.6L393.4 240 16 240c-8.8 0-16 7.2-16 16s7.2 16 16 16l377.4 0L244.7 420.7c-6.2 6.2-6.2 16.4 0 22.6s16.4 6.2 22.6 0l176-176z"/></svg></a>                </div>
                <div x-data="UI_Carousel_Publications(4, 20)" >
    <div class="relative">
        
                    <div class="absolute inset-y-0 -left-10 hidden items-center lg:flex">
                <button 
                    type="button"
                    class="group" 
                    @click="goToPreviousPage"
                    aria-label="Publications précédentes"
                >
                    <span aria-hidden="true" class="fa-stack fa-1x text-white">
    <svg style="
                                --fa-primary-color: rgb(var(--cairn-main));
                                --fa-secondary-hover-color: rgb(var(--cairn-main));
                                --fa-secondary-opacity: 1.0;
                            ;" aria-hidden="true" class="bfa bfa-duotone inline fa-stack-2x h-full text-white" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><defs><style>.fa-secondary{opacity:.4}</style></defs><path class="fa-secondary" d="M0 256a256 256 0 1 0 512 0A256 256 0 1 0 0 256zm160 0c0-6.1 2.3-12.3 7-17L271 135c4.7-4.7 10.8-7 17-7s12.3 2.3 17 7s7 10.8 7 17s-2.3 12.3-7 17l-87 87 87 87c4.7 4.7 7 10.8 7 17s-2.3 12.3-7 17s-10.8 7-17 7s-12.3-2.3-17-7L167 273c-4.7-4.7-7-10.8-7-17z"/><path class="fa-primary" d="M167 273c-9.4-9.4-9.4-24.6 0-33.9L271 135c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9l-87 87 87 87c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0L167 273z"/></svg>    <svg aria-hidden="true" class="bfa bfa-light inline fa-stack-1x h-full text-cairn-main" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M256 32a224 224 0 1 1 0 448 224 224 0 1 1 0-448zm0 480A256 256 0 1 0 256 0a256 256 0 1 0 0 512z"/></svg>    
</span>
                </button>
            </div>
                
        <div
            role="region"
            aria-label="Faites glisser horizontalement pour voir d’autres éléments."
            tabindex="0"
            class="overflow-x-auto no-scrollbar mx-[-2px] px-0.5 relative max-sm:pr-8"
            x-ref="carousel"
            x-grabbable
        >
            <ul
                class="flex flex-row flex-nowrap items-stretch relative"
                role="list"
            >
                                    <li x-ref="carouselItem0" x-intersect.full="onIntersectEnter(0)" prefetch="grabbable" class="shrink-0 py-0.5  pe-2.5  snap-start scroll-ml-0.5 basis-3/4 sm:basis-1/2 md:basis-1/3 lg:basis-1/4">
    <div class="bg-white hover:bg-concrete-50 text-shark-950 block no-underline relative shadow-halo-sm rounded-xl flex flex-col h-full flex flex-col">

    
            <a
            x-alt-clipboard="CRNDOSS_237_0001"
        class="underline text-cairn-main hover:text-cairn-dark font-medium absolute inset-0 z-[1] focus:outline-none focus:ring-2 focus:ring-cairn-main focus:ring-inset rounded-xl text-transparent overflow-hidden" href="https://shs.cairn.info/dossier-environnement-differentes-mobilisations-du-droit-page-1?lang=fr" data-livewire-navigate="data-livewire-navigate" aria-label="De la stratégie contentieuse à la désobéissance civile : les différentes mobilisations du droit"></a>    
    
            <div
            class="rounded-t-xl mb-3 h-40"
        >
            <img
                loading="lazy" class="h-full w-full rounded-t-md object-cover" src="https://shs.cairn.info/numero/CRNDOSS_237/cover/thumbnail?lang=fr" alt="Couverture de CRNDOSS_237"
            >
            <div class="flex items-center justify-center absolute top-2 right-2 z-[1] bg-white/90 shadow-md rounded-md w-9 h-9 text-cairn-main">
            <div
    x-data="bookmarkButton(
        false,
        'article',
        'CRNDOSS_237_0001',
        false,
        null
    )"
>
    <button
        type="button"
        role="button"
        tabindex="0"
        aria-haspopup="dialog"
        :aria-label="bookmarked
            ? JSON.parse('\u0022Retirer de la liste de lecture\u0022')            : JSON.parse('\u0022Ajouter \\u00e0 la liste de lecture\u0022')"
        :aria-pressed="bookmarked"
        class="group text-cairn-main"
        x-on:click="$dispatch('openModal', {
            component: 'modals.article-add-to-listes-lectures',
            arguments: { itemId: 'CRNDOSS_237_0001' }
        })"
    >     
                    <template x-if="bookmarked">
                <svg aria-hidden="true" class="bfa bfa-solid inline font-normal size-[18px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M0 48V487.7C0 501.1 10.9 512 24.3 512c5 0 9.9-1.5 14-4.4L192 400 345.7 507.6c4.1 2.9 9 4.4 14 4.4c13.4 0 24.3-10.9 24.3-24.3V48c0-26.5-21.5-48-48-48H48C21.5 0 0 21.5 0 48z"/></svg>            </template>
            <template x-if="!bookmarked">
                <svg aria-hidden="true" class="bfa bfa-regular inline font-normal size-[18px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M0 48C0 21.5 21.5 0 48 0l0 48 0 393.4 130.1-92.9c8.3-6 19.6-6 27.9 0L336 441.4 336 48 48 48 48 0 336 0c26.5 0 48 21.5 48 48l0 440c0 9-5 17.2-13 21.3s-17.6 3.4-24.9-1.8L192 397.5 37.9 507.5c-7.3 5.2-16.9 5.9-24.9 1.8S0 497 0 488L0 48z"/></svg>            </template>
            </button>
</div>

            </div>
        </div>
    
    
    <div class="px-3">
        <div 
    class="flex flex-row col justify-between mb-1 text-xs leading-4 font-bold text-cairn-main mb-0.5"
>
    <span class="grow">
                    <svg aria-hidden="true" class="bfa bfa-regular inline me-1 align-text-bottom w-[13px] h-[13px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M0 96C0 60.7 28.7 32 64 32l132.1 0c19.1 0 37.4 7.6 50.9 21.1L289.9 96 448 96c35.3 0 64 28.7 64 64l0 256c0 35.3-28.7 64-64 64L64 480c-35.3 0-64-28.7-64-64L0 96zM64 80c-8.8 0-16 7.2-16 16l0 320c0 8.8 7.2 16 16 16l384 0c8.8 0 16-7.2 16-16l0-256c0-8.8-7.2-16-16-16l-161.4 0c-10.6 0-20.8-4.2-28.3-11.7L213.1 87c-4.5-4.5-10.6-7-17-7L64 80z"/></svg>                Dossier
    </span>
    </div>
        <h3 class="font-bold text-base font-serif leading-5 my-1">
    De la stratégie contentieuse à la désobéissance civile : les différentes mobilisations du droit
</h3>
    </div>

    
            <div class="mt-auto pt-1 px-3 pb-3">
            <ul class="font-serif font-bold leading-5 mb-1">
            <li class="inline-block">
                                    
                        
                            <span class="font-normal"></span>
                        
            <a
            x-alt-clipboard="764806"
        class="underline text-cairn-main hover:text-cairn-dark font-medium inline !font-bold z-[1] relative" href="https://shs.cairn.info/publications-de-marine-yzquierdo--764806?lang=fr" data-livewire-navigate="data-livewire-navigate">Marine Yzquierdo</a>
        </li>
            </ul>
        </div>
    
</div>
</li>                                    <li x-ref="carouselItem1" x-intersect.full="onIntersectEnter(1)" prefetch="grabbable" class="shrink-0 py-0.5 px-2.5   snap-start scroll-ml-0.5 basis-3/4 sm:basis-1/2 md:basis-1/3 lg:basis-1/4">
    <div class="bg-white hover:bg-concrete-50 text-shark-950 block no-underline relative shadow-halo-sm rounded-xl flex flex-col h-full flex flex-col">

    
            <a
            x-alt-clipboard="CRNDOSS_240_0001"
        class="underline text-cairn-main hover:text-cairn-dark font-medium absolute inset-0 z-[1] focus:outline-none focus:ring-2 focus:ring-cairn-main focus:ring-inset rounded-xl text-transparent overflow-hidden" href="https://shs.cairn.info/dossier-cairn-decadence-et-grandeur-des-psychedeliques-page-1?lang=fr" data-livewire-navigate="data-livewire-navigate" aria-label="Décadence et grandeur des psychédéliques"></a>    
    
            <div
            class="rounded-t-xl mb-3 h-40"
        >
            <img
                loading="lazy" class="h-full w-full rounded-t-md object-cover" src="https://shs.cairn.info/numero/CRNDOSS_240/cover/thumbnail?lang=fr" alt="Couverture de CRNDOSS_240"
            >
            <div class="flex items-center justify-center absolute top-2 right-2 z-[1] bg-white/90 shadow-md rounded-md w-9 h-9 text-cairn-main">
            <div
    x-data="bookmarkButton(
        false,
        'article',
        'CRNDOSS_240_0001',
        false,
        null
    )"
>
    <button
        type="button"
        role="button"
        tabindex="0"
        aria-haspopup="dialog"
        :aria-label="bookmarked
            ? JSON.parse('\u0022Retirer de la liste de lecture\u0022')            : JSON.parse('\u0022Ajouter \\u00e0 la liste de lecture\u0022')"
        :aria-pressed="bookmarked"
        class="group text-cairn-main"
        x-on:click="$dispatch('openModal', {
            component: 'modals.article-add-to-listes-lectures',
            arguments: { itemId: 'CRNDOSS_240_0001' }
        })"
    >     
                    <template x-if="bookmarked">
                <svg aria-hidden="true" class="bfa bfa-solid inline font-normal size-[18px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M0 48V487.7C0 501.1 10.9 512 24.3 512c5 0 9.9-1.5 14-4.4L192 400 345.7 507.6c4.1 2.9 9 4.4 14 4.4c13.4 0 24.3-10.9 24.3-24.3V48c0-26.5-21.5-48-48-48H48C21.5 0 0 21.5 0 48z"/></svg>            </template>
            <template x-if="!bookmarked">
                <svg aria-hidden="true" class="bfa bfa-regular inline font-normal size-[18px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M0 48C0 21.5 21.5 0 48 0l0 48 0 393.4 130.1-92.9c8.3-6 19.6-6 27.9 0L336 441.4 336 48 48 48 48 0 336 0c26.5 0 48 21.5 48 48l0 440c0 9-5 17.2-13 21.3s-17.6 3.4-24.9-1.8L192 397.5 37.9 507.5c-7.3 5.2-16.9 5.9-24.9 1.8S0 497 0 488L0 48z"/></svg>            </template>
            </button>
</div>

            </div>
        </div>
    
    
    <div class="px-3">
        <div 
    class="flex flex-row col justify-between mb-1 text-xs leading-4 font-bold text-cairn-main mb-0.5"
>
    <span class="grow">
                    <svg aria-hidden="true" class="bfa bfa-regular inline me-1 align-text-bottom w-[13px] h-[13px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M0 96C0 60.7 28.7 32 64 32l132.1 0c19.1 0 37.4 7.6 50.9 21.1L289.9 96 448 96c35.3 0 64 28.7 64 64l0 256c0 35.3-28.7 64-64 64L64 480c-35.3 0-64-28.7-64-64L0 96zM64 80c-8.8 0-16 7.2-16 16l0 320c0 8.8 7.2 16 16 16l384 0c8.8 0 16-7.2 16-16l0-256c0-8.8-7.2-16-16-16l-161.4 0c-10.6 0-20.8-4.2-28.3-11.7L213.1 87c-4.5-4.5-10.6-7-17-7L64 80z"/></svg>                Dossier
    </span>
    </div>
        <h3 class="font-bold text-base font-serif leading-5 my-1">
    Décadence et grandeur des psychédéliques
</h3>
    </div>

    
            <div class="mt-auto pt-1 px-3 pb-3">
            <ul class="font-serif font-bold leading-5 mb-1">
            <li class="inline-block">
                                    
                        
                            <span class="font-normal"></span>
                        
            <a
            x-alt-clipboard="856717"
        class="underline text-cairn-main hover:text-cairn-dark font-medium inline !font-bold z-[1] relative" href="https://shs.cairn.info/publications-de-laurent-simon--856717?lang=fr" data-livewire-navigate="data-livewire-navigate">Laurent Simon</a>
        </li>
            </ul>
        </div>
    
</div>
</li>                                    <li x-ref="carouselItem2" x-intersect.full="onIntersectEnter(2)" prefetch="grabbable" class="shrink-0 py-0.5 px-2.5   snap-start scroll-ml-0.5 basis-3/4 sm:basis-1/2 md:basis-1/3 lg:basis-1/4">
    <div class="bg-white hover:bg-concrete-50 text-shark-950 block no-underline relative shadow-halo-sm rounded-xl flex flex-col h-full flex flex-col">

    
            <a
            x-alt-clipboard="CRNDOSS_226_0001"
        class="underline text-cairn-main hover:text-cairn-dark font-medium absolute inset-0 z-[1] focus:outline-none focus:ring-2 focus:ring-cairn-main focus:ring-inset rounded-xl text-transparent overflow-hidden" href="https://shs.cairn.info/dossier-les-defis-de-lhospitalisation-sous-contrainte-page-1?lang=fr" data-livewire-navigate="data-livewire-navigate" aria-label="Les défis de l’hospitalisation sous contrainte"></a>    
    
            <div
            class="rounded-t-xl mb-3 h-40"
        >
            <img
                loading="lazy" class="h-full w-full rounded-t-md object-cover" src="https://shs.cairn.info/numero/CRNDOSS_226/cover/thumbnail?lang=fr" alt="Couverture de CRNDOSS_226"
            >
            <div class="flex items-center justify-center absolute top-2 right-2 z-[1] bg-white/90 shadow-md rounded-md w-9 h-9 text-cairn-main">
            <div
    x-data="bookmarkButton(
        false,
        'article',
        'CRNDOSS_226_0001',
        false,
        null
    )"
>
    <button
        type="button"
        role="button"
        tabindex="0"
        aria-haspopup="dialog"
        :aria-label="bookmarked
            ? JSON.parse('\u0022Retirer de la liste de lecture\u0022')            : JSON.parse('\u0022Ajouter \\u00e0 la liste de lecture\u0022')"
        :aria-pressed="bookmarked"
        class="group text-cairn-main"
        x-on:click="$dispatch('openModal', {
            component: 'modals.article-add-to-listes-lectures',
            arguments: { itemId: 'CRNDOSS_226_0001' }
        })"
    >     
                    <template x-if="bookmarked">
                <svg aria-hidden="true" class="bfa bfa-solid inline font-normal size-[18px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M0 48V487.7C0 501.1 10.9 512 24.3 512c5 0 9.9-1.5 14-4.4L192 400 345.7 507.6c4.1 2.9 9 4.4 14 4.4c13.4 0 24.3-10.9 24.3-24.3V48c0-26.5-21.5-48-48-48H48C21.5 0 0 21.5 0 48z"/></svg>            </template>
            <template x-if="!bookmarked">
                <svg aria-hidden="true" class="bfa bfa-regular inline font-normal size-[18px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M0 48C0 21.5 21.5 0 48 0l0 48 0 393.4 130.1-92.9c8.3-6 19.6-6 27.9 0L336 441.4 336 48 48 48 48 0 336 0c26.5 0 48 21.5 48 48l0 440c0 9-5 17.2-13 21.3s-17.6 3.4-24.9-1.8L192 397.5 37.9 507.5c-7.3 5.2-16.9 5.9-24.9 1.8S0 497 0 488L0 48z"/></svg>            </template>
            </button>
</div>

            </div>
        </div>
    
    
    <div class="px-3">
        <div 
    class="flex flex-row col justify-between mb-1 text-xs leading-4 font-bold text-cairn-main mb-0.5"
>
    <span class="grow">
                    <svg aria-hidden="true" class="bfa bfa-regular inline me-1 align-text-bottom w-[13px] h-[13px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M0 96C0 60.7 28.7 32 64 32l132.1 0c19.1 0 37.4 7.6 50.9 21.1L289.9 96 448 96c35.3 0 64 28.7 64 64l0 256c0 35.3-28.7 64-64 64L64 480c-35.3 0-64-28.7-64-64L0 96zM64 80c-8.8 0-16 7.2-16 16l0 320c0 8.8 7.2 16 16 16l384 0c8.8 0 16-7.2 16-16l0-256c0-8.8-7.2-16-16-16l-161.4 0c-10.6 0-20.8-4.2-28.3-11.7L213.1 87c-4.5-4.5-10.6-7-17-7L64 80z"/></svg>                Dossier
    </span>
    </div>
        <h3 class="font-bold text-base font-serif leading-5 my-1">
    Les défis de l’hospitalisation sous contrainte
</h3>
    </div>

    
            <div class="mt-auto pt-1 px-3 pb-3">
            <ul class="font-serif font-bold leading-5 mb-1">
            <li class="inline-block">
                                    
                        
                            <span class="font-normal"></span>
                        
            <a
            x-alt-clipboard="753689"
        class="underline text-cairn-main hover:text-cairn-dark font-medium inline !font-bold z-[1] relative" href="https://shs.cairn.info/publications-de-steve-vilhem--753689?lang=fr" data-livewire-navigate="data-livewire-navigate">Steve Vilhem</a>,
        </li>
                    <li class="inline-block">
                                    
                        
                        
            <a
            x-alt-clipboard="879262"
        class="underline text-cairn-main hover:text-cairn-dark font-medium inline !font-bold z-[1] relative" href="https://shs.cairn.info/publications-de-alexandra-licu--879262?lang=fr" data-livewire-navigate="data-livewire-navigate">Alexandra Licu</a>,
        </li>
                    <li class="inline-block">
                                    
                        
                        
            <a
            x-alt-clipboard="893260"
        class="underline text-cairn-main hover:text-cairn-dark font-medium inline !font-bold z-[1] relative" href="https://shs.cairn.info/publications-de-nicolas-meyer--893260?lang=fr" data-livewire-navigate="data-livewire-navigate">Nicolas Meyer</a>
        </li>
                    <li class="inline-block">
                            <span class="font-normal italic">et al.</span>
                </ul>
        </div>
    
</div>
</li>                                    <li x-ref="carouselItem3" x-intersect.full="onIntersectEnter(3)" prefetch="grabbable" class="shrink-0 py-0.5 px-2.5   snap-start scroll-ml-0.5 basis-3/4 sm:basis-1/2 md:basis-1/3 lg:basis-1/4">
    <div class="bg-white hover:bg-concrete-50 text-shark-950 block no-underline relative shadow-halo-sm rounded-xl flex flex-col h-full flex flex-col">

    
            <a
            x-alt-clipboard="CRNDOSS_225_0001"
        class="underline text-cairn-main hover:text-cairn-dark font-medium absolute inset-0 z-[1] focus:outline-none focus:ring-2 focus:ring-cairn-main focus:ring-inset rounded-xl text-transparent overflow-hidden" href="https://shs.cairn.info/dossier-transition-ecologique-des-territoires-page-1?lang=fr" data-livewire-navigate="data-livewire-navigate" aria-label="La transition écologique des territoires"></a>    
    
            <div
            class="rounded-t-xl mb-3 h-40"
        >
            <img
                loading="lazy" class="h-full w-full rounded-t-md object-cover" src="https://shs.cairn.info/numero/CRNDOSS_225/cover/thumbnail?lang=fr" alt="Couverture de CRNDOSS_225"
            >
            <div class="flex items-center justify-center absolute top-2 right-2 z-[1] bg-white/90 shadow-md rounded-md w-9 h-9 text-cairn-main">
            <div
    x-data="bookmarkButton(
        false,
        'article',
        'CRNDOSS_225_0001',
        false,
        null
    )"
>
    <button
        type="button"
        role="button"
        tabindex="0"
        aria-haspopup="dialog"
        :aria-label="bookmarked
            ? JSON.parse('\u0022Retirer de la liste de lecture\u0022')            : JSON.parse('\u0022Ajouter \\u00e0 la liste de lecture\u0022')"
        :aria-pressed="bookmarked"
        class="group text-cairn-main"
        x-on:click="$dispatch('openModal', {
            component: 'modals.article-add-to-listes-lectures',
            arguments: { itemId: 'CRNDOSS_225_0001' }
        })"
    >     
                    <template x-if="bookmarked">
                <svg aria-hidden="true" class="bfa bfa-solid inline font-normal size-[18px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M0 48V487.7C0 501.1 10.9 512 24.3 512c5 0 9.9-1.5 14-4.4L192 400 345.7 507.6c4.1 2.9 9 4.4 14 4.4c13.4 0 24.3-10.9 24.3-24.3V48c0-26.5-21.5-48-48-48H48C21.5 0 0 21.5 0 48z"/></svg>            </template>
            <template x-if="!bookmarked">
                <svg aria-hidden="true" class="bfa bfa-regular inline font-normal size-[18px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M0 48C0 21.5 21.5 0 48 0l0 48 0 393.4 130.1-92.9c8.3-6 19.6-6 27.9 0L336 441.4 336 48 48 48 48 0 336 0c26.5 0 48 21.5 48 48l0 440c0 9-5 17.2-13 21.3s-17.6 3.4-24.9-1.8L192 397.5 37.9 507.5c-7.3 5.2-16.9 5.9-24.9 1.8S0 497 0 488L0 48z"/></svg>            </template>
            </button>
</div>

            </div>
        </div>
    
    
    <div class="px-3">
        <div 
    class="flex flex-row col justify-between mb-1 text-xs leading-4 font-bold text-cairn-main mb-0.5"
>
    <span class="grow">
                    <svg aria-hidden="true" class="bfa bfa-regular inline me-1 align-text-bottom w-[13px] h-[13px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M0 96C0 60.7 28.7 32 64 32l132.1 0c19.1 0 37.4 7.6 50.9 21.1L289.9 96 448 96c35.3 0 64 28.7 64 64l0 256c0 35.3-28.7 64-64 64L64 480c-35.3 0-64-28.7-64-64L0 96zM64 80c-8.8 0-16 7.2-16 16l0 320c0 8.8 7.2 16 16 16l384 0c8.8 0 16-7.2 16-16l0-256c0-8.8-7.2-16-16-16l-161.4 0c-10.6 0-20.8-4.2-28.3-11.7L213.1 87c-4.5-4.5-10.6-7-17-7L64 80z"/></svg>                Dossier
    </span>
    </div>
        <h3 class="font-bold text-base font-serif leading-5 my-1">
    La transition écologique des territoires
</h3>
    </div>

    
            <div class="mt-auto pt-1 px-3 pb-3">
            <ul class="font-serif font-bold leading-5 mb-1">
            <li class="inline-block">
                                    
                        
                            <span class="font-normal"></span>
                        
            <a
            x-alt-clipboard="103732"
        class="underline text-cairn-main hover:text-cairn-dark font-medium inline !font-bold z-[1] relative" href="https://shs.cairn.info/publications-de-sylvain-rotillon--103732?lang=fr" data-livewire-navigate="data-livewire-navigate">Sylvain Rotillon</a>
        </li>
            </ul>
        </div>
    
</div>
</li>                                    <li x-ref="carouselItem4" x-intersect.full="onIntersectEnter(4)" prefetch="grabbable" class="shrink-0 py-0.5 px-2.5   snap-start scroll-ml-0.5 basis-3/4 sm:basis-1/2 md:basis-1/3 lg:basis-1/4">
    <div class="bg-white hover:bg-concrete-50 text-shark-950 block no-underline relative shadow-halo-sm rounded-xl flex flex-col h-full flex flex-col">

    
            <a
            x-alt-clipboard="CRNDOSS_234_0001"
        class="underline text-cairn-main hover:text-cairn-dark font-medium absolute inset-0 z-[1] focus:outline-none focus:ring-2 focus:ring-cairn-main focus:ring-inset rounded-xl text-transparent overflow-hidden" href="https://shs.cairn.info/dossier-aux-origines-de-la-guerre-page-1?lang=fr" data-livewire-navigate="data-livewire-navigate" aria-label="Aux origines de la guerre"></a>    
    
            <div
            class="rounded-t-xl mb-3 h-40"
        >
            <img
                loading="lazy" class="h-full w-full rounded-t-md object-cover" src="https://shs.cairn.info/numero/CRNDOSS_234/cover/thumbnail?lang=fr" alt="Couverture de CRNDOSS_234"
            >
            <div class="flex items-center justify-center absolute top-2 right-2 z-[1] bg-white/90 shadow-md rounded-md w-9 h-9 text-cairn-main">
            <div
    x-data="bookmarkButton(
        false,
        'article',
        'CRNDOSS_234_0001',
        false,
        null
    )"
>
    <button
        type="button"
        role="button"
        tabindex="0"
        aria-haspopup="dialog"
        :aria-label="bookmarked
            ? JSON.parse('\u0022Retirer de la liste de lecture\u0022')            : JSON.parse('\u0022Ajouter \\u00e0 la liste de lecture\u0022')"
        :aria-pressed="bookmarked"
        class="group text-cairn-main"
        x-on:click="$dispatch('openModal', {
            component: 'modals.article-add-to-listes-lectures',
            arguments: { itemId: 'CRNDOSS_234_0001' }
        })"
    >     
                    <template x-if="bookmarked">
                <svg aria-hidden="true" class="bfa bfa-solid inline font-normal size-[18px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M0 48V487.7C0 501.1 10.9 512 24.3 512c5 0 9.9-1.5 14-4.4L192 400 345.7 507.6c4.1 2.9 9 4.4 14 4.4c13.4 0 24.3-10.9 24.3-24.3V48c0-26.5-21.5-48-48-48H48C21.5 0 0 21.5 0 48z"/></svg>            </template>
            <template x-if="!bookmarked">
                <svg aria-hidden="true" class="bfa bfa-regular inline font-normal size-[18px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M0 48C0 21.5 21.5 0 48 0l0 48 0 393.4 130.1-92.9c8.3-6 19.6-6 27.9 0L336 441.4 336 48 48 48 48 0 336 0c26.5 0 48 21.5 48 48l0 440c0 9-5 17.2-13 21.3s-17.6 3.4-24.9-1.8L192 397.5 37.9 507.5c-7.3 5.2-16.9 5.9-24.9 1.8S0 497 0 488L0 48z"/></svg>            </template>
            </button>
</div>

            </div>
        </div>
    
    
    <div class="px-3">
        <div 
    class="flex flex-row col justify-between mb-1 text-xs leading-4 font-bold text-cairn-main mb-0.5"
>
    <span class="grow">
                    <svg aria-hidden="true" class="bfa bfa-regular inline me-1 align-text-bottom w-[13px] h-[13px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M0 96C0 60.7 28.7 32 64 32l132.1 0c19.1 0 37.4 7.6 50.9 21.1L289.9 96 448 96c35.3 0 64 28.7 64 64l0 256c0 35.3-28.7 64-64 64L64 480c-35.3 0-64-28.7-64-64L0 96zM64 80c-8.8 0-16 7.2-16 16l0 320c0 8.8 7.2 16 16 16l384 0c8.8 0 16-7.2 16-16l0-256c0-8.8-7.2-16-16-16l-161.4 0c-10.6 0-20.8-4.2-28.3-11.7L213.1 87c-4.5-4.5-10.6-7-17-7L64 80z"/></svg>                Dossier
    </span>
    </div>
        <h3 class="font-bold text-base font-serif leading-5 my-1">
    Aux origines de la guerre
</h3>
    </div>

    
            <div class="mt-auto pt-1 px-3 pb-3">
            <ul class="font-serif font-bold leading-5 mb-1">
            <li class="inline-block">
                                    
                        
                            <span class="font-normal"></span>
                        
            <a
            x-alt-clipboard="134218"
        class="underline text-cairn-main hover:text-cairn-dark font-medium inline !font-bold z-[1] relative" href="https://shs.cairn.info/publications-de-christophe-darmangeat--134218?lang=fr" data-livewire-navigate="data-livewire-navigate">Christophe Darmangeat</a>
        </li>
            </ul>
        </div>
    
</div>
</li>                                    <li x-ref="carouselItem5" x-intersect.full="onIntersectEnter(5)" prefetch="grabbable" class="shrink-0 py-0.5 px-2.5   snap-start scroll-ml-0.5 basis-3/4 sm:basis-1/2 md:basis-1/3 lg:basis-1/4">
    <div class="bg-white hover:bg-concrete-50 text-shark-950 block no-underline relative shadow-halo-sm rounded-xl flex flex-col h-full flex flex-col">

    
            <a
            x-alt-clipboard="CRNDOSS_221_0001"
        class="underline text-cairn-main hover:text-cairn-dark font-medium absolute inset-0 z-[1] focus:outline-none focus:ring-2 focus:ring-cairn-main focus:ring-inset rounded-xl text-transparent overflow-hidden" href="https://shs.cairn.info/dossier-intelligence-une-notion-equivoque-page-1?lang=fr" data-livewire-navigate="data-livewire-navigate" aria-label="L’intelligence, une notion équivoque ?"></a>    
    
            <div
            class="rounded-t-xl mb-3 h-40"
        >
            <img
                loading="lazy" class="h-full w-full rounded-t-md object-cover" src="https://shs.cairn.info/numero/CRNDOSS_221/cover/thumbnail?lang=fr" alt="Couverture de CRNDOSS_221"
            >
            <div class="flex items-center justify-center absolute top-2 right-2 z-[1] bg-white/90 shadow-md rounded-md w-9 h-9 text-cairn-main">
            <div
    x-data="bookmarkButton(
        false,
        'article',
        'CRNDOSS_221_0001',
        false,
        null
    )"
>
    <button
        type="button"
        role="button"
        tabindex="0"
        aria-haspopup="dialog"
        :aria-label="bookmarked
            ? JSON.parse('\u0022Retirer de la liste de lecture\u0022')            : JSON.parse('\u0022Ajouter \\u00e0 la liste de lecture\u0022')"
        :aria-pressed="bookmarked"
        class="group text-cairn-main"
        x-on:click="$dispatch('openModal', {
            component: 'modals.article-add-to-listes-lectures',
            arguments: { itemId: 'CRNDOSS_221_0001' }
        })"
    >     
                    <template x-if="bookmarked">
                <svg aria-hidden="true" class="bfa bfa-solid inline font-normal size-[18px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M0 48V487.7C0 501.1 10.9 512 24.3 512c5 0 9.9-1.5 14-4.4L192 400 345.7 507.6c4.1 2.9 9 4.4 14 4.4c13.4 0 24.3-10.9 24.3-24.3V48c0-26.5-21.5-48-48-48H48C21.5 0 0 21.5 0 48z"/></svg>            </template>
            <template x-if="!bookmarked">
                <svg aria-hidden="true" class="bfa bfa-regular inline font-normal size-[18px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M0 48C0 21.5 21.5 0 48 0l0 48 0 393.4 130.1-92.9c8.3-6 19.6-6 27.9 0L336 441.4 336 48 48 48 48 0 336 0c26.5 0 48 21.5 48 48l0 440c0 9-5 17.2-13 21.3s-17.6 3.4-24.9-1.8L192 397.5 37.9 507.5c-7.3 5.2-16.9 5.9-24.9 1.8S0 497 0 488L0 48z"/></svg>            </template>
            </button>
</div>

            </div>
        </div>
    
    
    <div class="px-3">
        <div 
    class="flex flex-row col justify-between mb-1 text-xs leading-4 font-bold text-cairn-main mb-0.5"
>
    <span class="grow">
                    <svg aria-hidden="true" class="bfa bfa-regular inline me-1 align-text-bottom w-[13px] h-[13px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M0 96C0 60.7 28.7 32 64 32l132.1 0c19.1 0 37.4 7.6 50.9 21.1L289.9 96 448 96c35.3 0 64 28.7 64 64l0 256c0 35.3-28.7 64-64 64L64 480c-35.3 0-64-28.7-64-64L0 96zM64 80c-8.8 0-16 7.2-16 16l0 320c0 8.8 7.2 16 16 16l384 0c8.8 0 16-7.2 16-16l0-256c0-8.8-7.2-16-16-16l-161.4 0c-10.6 0-20.8-4.2-28.3-11.7L213.1 87c-4.5-4.5-10.6-7-17-7L64 80z"/></svg>                Dossier
    </span>
    </div>
        <h3 class="font-bold text-base font-serif leading-5 my-1">
    L’intelligence, une notion équivoque ?
</h3>
    </div>

    
            <div class="mt-auto pt-1 px-3 pb-3">
            <ul class="font-serif font-bold leading-5 mb-1">
            <li class="inline-block">
                                    
                        
                            <span class="font-normal"></span>
                        
            <a
            x-alt-clipboard="839757"
        class="underline text-cairn-main hover:text-cairn-dark font-medium inline !font-bold z-[1] relative" href="https://shs.cairn.info/publications-de-melissa-boi--839757?lang=fr" data-livewire-navigate="data-livewire-navigate">Mélissa Boï</a>
        </li>
            </ul>
        </div>
    
</div>
</li>                                    <li x-ref="carouselItem6" x-intersect.full="onIntersectEnter(6)" prefetch="grabbable" class="shrink-0 py-0.5 px-2.5   snap-start scroll-ml-0.5 basis-3/4 sm:basis-1/2 md:basis-1/3 lg:basis-1/4">
    <div class="bg-white hover:bg-concrete-50 text-shark-950 block no-underline relative shadow-halo-sm rounded-xl flex flex-col h-full flex flex-col">

    
            <a
            x-alt-clipboard="CRNDOSS_233_0001"
        class="underline text-cairn-main hover:text-cairn-dark font-medium absolute inset-0 z-[1] focus:outline-none focus:ring-2 focus:ring-cairn-main focus:ring-inset rounded-xl text-transparent overflow-hidden" href="https://shs.cairn.info/dossier-ingerence-russe-guerre-cognitive-page-1?lang=fr" data-livewire-navigate="data-livewire-navigate" aria-label="Ingérence russe : la guerre cognitive 2.0"></a>    
    
            <div
            class="rounded-t-xl mb-3 h-40"
        >
            <img
                loading="lazy" class="h-full w-full rounded-t-md object-cover" src="https://shs.cairn.info/numero/CRNDOSS_233/cover/thumbnail?lang=fr" alt="Couverture de CRNDOSS_233"
            >
            <div class="flex items-center justify-center absolute top-2 right-2 z-[1] bg-white/90 shadow-md rounded-md w-9 h-9 text-cairn-main">
            <div
    x-data="bookmarkButton(
        false,
        'article',
        'CRNDOSS_233_0001',
        false,
        null
    )"
>
    <button
        type="button"
        role="button"
        tabindex="0"
        aria-haspopup="dialog"
        :aria-label="bookmarked
            ? JSON.parse('\u0022Retirer de la liste de lecture\u0022')            : JSON.parse('\u0022Ajouter \\u00e0 la liste de lecture\u0022')"
        :aria-pressed="bookmarked"
        class="group text-cairn-main"
        x-on:click="$dispatch('openModal', {
            component: 'modals.article-add-to-listes-lectures',
            arguments: { itemId: 'CRNDOSS_233_0001' }
        })"
    >     
                    <template x-if="bookmarked">
                <svg aria-hidden="true" class="bfa bfa-solid inline font-normal size-[18px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M0 48V487.7C0 501.1 10.9 512 24.3 512c5 0 9.9-1.5 14-4.4L192 400 345.7 507.6c4.1 2.9 9 4.4 14 4.4c13.4 0 24.3-10.9 24.3-24.3V48c0-26.5-21.5-48-48-48H48C21.5 0 0 21.5 0 48z"/></svg>            </template>
            <template x-if="!bookmarked">
                <svg aria-hidden="true" class="bfa bfa-regular inline font-normal size-[18px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M0 48C0 21.5 21.5 0 48 0l0 48 0 393.4 130.1-92.9c8.3-6 19.6-6 27.9 0L336 441.4 336 48 48 48 48 0 336 0c26.5 0 48 21.5 48 48l0 440c0 9-5 17.2-13 21.3s-17.6 3.4-24.9-1.8L192 397.5 37.9 507.5c-7.3 5.2-16.9 5.9-24.9 1.8S0 497 0 488L0 48z"/></svg>            </template>
            </button>
</div>

            </div>
        </div>
    
    
    <div class="px-3">
        <div 
    class="flex flex-row col justify-between mb-1 text-xs leading-4 font-bold text-cairn-main mb-0.5"
>
    <span class="grow">
                    <svg aria-hidden="true" class="bfa bfa-regular inline me-1 align-text-bottom w-[13px] h-[13px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M0 96C0 60.7 28.7 32 64 32l132.1 0c19.1 0 37.4 7.6 50.9 21.1L289.9 96 448 96c35.3 0 64 28.7 64 64l0 256c0 35.3-28.7 64-64 64L64 480c-35.3 0-64-28.7-64-64L0 96zM64 80c-8.8 0-16 7.2-16 16l0 320c0 8.8 7.2 16 16 16l384 0c8.8 0 16-7.2 16-16l0-256c0-8.8-7.2-16-16-16l-161.4 0c-10.6 0-20.8-4.2-28.3-11.7L213.1 87c-4.5-4.5-10.6-7-17-7L64 80z"/></svg>                Dossier
    </span>
    </div>
        <h3 class="font-bold text-base font-serif leading-5 my-1">
    Ingérence russe : la guerre cognitive 2.0
</h3>
    </div>

    
            <div class="mt-auto pt-1 px-3 pb-3">
            <ul class="font-serif font-bold leading-5 mb-1">
            <li class="inline-block">
                                    
                        
                            <span class="font-normal"></span>
                        
            <a
            x-alt-clipboard="123405"
        class="underline text-cairn-main hover:text-cairn-dark font-medium inline !font-bold z-[1] relative" href="https://shs.cairn.info/publications-de-clemence-jost--123405?lang=fr" data-livewire-navigate="data-livewire-navigate">Clémence Jost</a>
        </li>
            </ul>
        </div>
    
</div>
</li>                                    <li x-ref="carouselItem7" x-intersect.full="onIntersectEnter(7)" prefetch="grabbable" class="shrink-0 py-0.5 px-2.5   snap-start scroll-ml-0.5 basis-3/4 sm:basis-1/2 md:basis-1/3 lg:basis-1/4">
    <div class="bg-white hover:bg-concrete-50 text-shark-950 block no-underline relative shadow-halo-sm rounded-xl flex flex-col h-full flex flex-col">

    
            <a
            x-alt-clipboard="CRNDOSS_227_0001"
        class="underline text-cairn-main hover:text-cairn-dark font-medium absolute inset-0 z-[1] focus:outline-none focus:ring-2 focus:ring-cairn-main focus:ring-inset rounded-xl text-transparent overflow-hidden" href="https://droit.cairn.info/dossier-IVG-sous-le-prisme-du-droit-constitutionnel-page-1?lang=fr" aria-label="L’interruption volontaire de grossesse sous le prime du droit constitutionnel"></a>    
    
            <div
            class="rounded-t-xl mb-3 h-40"
        >
            <img
                loading="lazy" class="h-full w-full rounded-t-md object-cover" src="https://shs.cairn.info/numero/CRNDOSS_227/cover/thumbnail?lang=fr" alt="Couverture de CRNDOSS_227"
            >
            <div class="flex items-center justify-center absolute top-2 right-2 z-[1] bg-white/90 shadow-md rounded-md w-9 h-9 text-cairn-main">
            <div
    x-data="bookmarkButton(
        false,
        'article',
        'CRNDOSS_227_0001',
        false,
        null
    )"
>
    <button
        type="button"
        role="button"
        tabindex="0"
        aria-haspopup="dialog"
        :aria-label="bookmarked
            ? JSON.parse('\u0022Retirer de la liste de lecture\u0022')            : JSON.parse('\u0022Ajouter \\u00e0 la liste de lecture\u0022')"
        :aria-pressed="bookmarked"
        class="group text-cairn-main"
        x-on:click="$dispatch('openModal', {
            component: 'modals.article-add-to-listes-lectures',
            arguments: { itemId: 'CRNDOSS_227_0001' }
        })"
    >     
                    <template x-if="bookmarked">
                <svg aria-hidden="true" class="bfa bfa-solid inline font-normal size-[18px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M0 48V487.7C0 501.1 10.9 512 24.3 512c5 0 9.9-1.5 14-4.4L192 400 345.7 507.6c4.1 2.9 9 4.4 14 4.4c13.4 0 24.3-10.9 24.3-24.3V48c0-26.5-21.5-48-48-48H48C21.5 0 0 21.5 0 48z"/></svg>            </template>
            <template x-if="!bookmarked">
                <svg aria-hidden="true" class="bfa bfa-regular inline font-normal size-[18px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M0 48C0 21.5 21.5 0 48 0l0 48 0 393.4 130.1-92.9c8.3-6 19.6-6 27.9 0L336 441.4 336 48 48 48 48 0 336 0c26.5 0 48 21.5 48 48l0 440c0 9-5 17.2-13 21.3s-17.6 3.4-24.9-1.8L192 397.5 37.9 507.5c-7.3 5.2-16.9 5.9-24.9 1.8S0 497 0 488L0 48z"/></svg>            </template>
            </button>
</div>

            </div>
        </div>
    
    
    <div class="px-3">
        <div 
    class="flex flex-row col justify-between mb-1 text-xs leading-4 font-bold text-cairn-main mb-0.5"
>
    <span class="grow">
                    <svg aria-hidden="true" class="bfa bfa-regular inline me-1 align-text-bottom w-[13px] h-[13px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M0 96C0 60.7 28.7 32 64 32l132.1 0c19.1 0 37.4 7.6 50.9 21.1L289.9 96 448 96c35.3 0 64 28.7 64 64l0 256c0 35.3-28.7 64-64 64L64 480c-35.3 0-64-28.7-64-64L0 96zM64 80c-8.8 0-16 7.2-16 16l0 320c0 8.8 7.2 16 16 16l384 0c8.8 0 16-7.2 16-16l0-256c0-8.8-7.2-16-16-16l-161.4 0c-10.6 0-20.8-4.2-28.3-11.7L213.1 87c-4.5-4.5-10.6-7-17-7L64 80z"/></svg>                Dossier
    </span>
    </div>
        <h3 class="font-bold text-base font-serif leading-5 my-1">
    L’interruption volontaire de grossesse sous le prime du droit constitutionnel
</h3>
    </div>

    
            <div class="mt-auto pt-1 px-3 pb-3">
            <ul class="font-serif font-bold leading-5 mb-1">
            <li class="inline-block">
                                    
                        
                            <span class="font-normal"></span>
                        
            <a
            x-alt-clipboard="839757"
        class="underline text-cairn-main hover:text-cairn-dark font-medium inline !font-bold z-[1] relative" href="https://shs.cairn.info/publications-de-melissa-boi--839757?lang=fr" data-livewire-navigate="data-livewire-navigate">Mélissa Boï</a>
        </li>
            </ul>
        </div>
    
</div>
</li>                                    <li x-ref="carouselItem8" x-intersect.full="onIntersectEnter(8)" prefetch="grabbable" class="shrink-0 py-0.5 px-2.5   snap-start scroll-ml-0.5 basis-3/4 sm:basis-1/2 md:basis-1/3 lg:basis-1/4">
    <div class="bg-white hover:bg-concrete-50 text-shark-950 block no-underline relative shadow-halo-sm rounded-xl flex flex-col h-full flex flex-col">

    
            <a
            x-alt-clipboard="CRNDOSS_224_0001"
        class="underline text-cairn-main hover:text-cairn-dark font-medium absolute inset-0 z-[1] focus:outline-none focus:ring-2 focus:ring-cairn-main focus:ring-inset rounded-xl text-transparent overflow-hidden" href="https://shs.cairn.info/dossier-2025-83-page-1?lang=fr" data-livewire-navigate="data-livewire-navigate" aria-label="La parentalité : un concept pluriel dans un monde en mutation"></a>    
    
            <div
            class="rounded-t-xl mb-3 h-40"
        >
            <img
                loading="lazy" class="h-full w-full rounded-t-md object-cover" src="https://shs.cairn.info/numero/CRNDOSS_224/cover/thumbnail?lang=fr" alt="Couverture de CRNDOSS_224"
            >
            <div class="flex items-center justify-center absolute top-2 right-2 z-[1] bg-white/90 shadow-md rounded-md w-9 h-9 text-cairn-main">
            <div
    x-data="bookmarkButton(
        false,
        'article',
        'CRNDOSS_224_0001',
        false,
        null
    )"
>
    <button
        type="button"
        role="button"
        tabindex="0"
        aria-haspopup="dialog"
        :aria-label="bookmarked
            ? JSON.parse('\u0022Retirer de la liste de lecture\u0022')            : JSON.parse('\u0022Ajouter \\u00e0 la liste de lecture\u0022')"
        :aria-pressed="bookmarked"
        class="group text-cairn-main"
        x-on:click="$dispatch('openModal', {
            component: 'modals.article-add-to-listes-lectures',
            arguments: { itemId: 'CRNDOSS_224_0001' }
        })"
    >     
                    <template x-if="bookmarked">
                <svg aria-hidden="true" class="bfa bfa-solid inline font-normal size-[18px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M0 48V487.7C0 501.1 10.9 512 24.3 512c5 0 9.9-1.5 14-4.4L192 400 345.7 507.6c4.1 2.9 9 4.4 14 4.4c13.4 0 24.3-10.9 24.3-24.3V48c0-26.5-21.5-48-48-48H48C21.5 0 0 21.5 0 48z"/></svg>            </template>
            <template x-if="!bookmarked">
                <svg aria-hidden="true" class="bfa bfa-regular inline font-normal size-[18px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M0 48C0 21.5 21.5 0 48 0l0 48 0 393.4 130.1-92.9c8.3-6 19.6-6 27.9 0L336 441.4 336 48 48 48 48 0 336 0c26.5 0 48 21.5 48 48l0 440c0 9-5 17.2-13 21.3s-17.6 3.4-24.9-1.8L192 397.5 37.9 507.5c-7.3 5.2-16.9 5.9-24.9 1.8S0 497 0 488L0 48z"/></svg>            </template>
            </button>
</div>

            </div>
        </div>
    
    
    <div class="px-3">
        <div 
    class="flex flex-row col justify-between mb-1 text-xs leading-4 font-bold text-cairn-main mb-0.5"
>
    <span class="grow">
                    <svg aria-hidden="true" class="bfa bfa-regular inline me-1 align-text-bottom w-[13px] h-[13px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M0 96C0 60.7 28.7 32 64 32l132.1 0c19.1 0 37.4 7.6 50.9 21.1L289.9 96 448 96c35.3 0 64 28.7 64 64l0 256c0 35.3-28.7 64-64 64L64 480c-35.3 0-64-28.7-64-64L0 96zM64 80c-8.8 0-16 7.2-16 16l0 320c0 8.8 7.2 16 16 16l384 0c8.8 0 16-7.2 16-16l0-256c0-8.8-7.2-16-16-16l-161.4 0c-10.6 0-20.8-4.2-28.3-11.7L213.1 87c-4.5-4.5-10.6-7-17-7L64 80z"/></svg>                Dossier
    </span>
    </div>
        <h3 class="font-bold text-base font-serif leading-5 my-1">
    La parentalité : un concept pluriel dans un monde en mutation
</h3>
    </div>

    
            <div class="mt-auto pt-1 px-3 pb-3">
            <ul class="font-serif font-bold leading-5 mb-1">
            <li class="inline-block">
                                    
                        
                            <span class="font-normal"></span>
                        
            <a
            x-alt-clipboard="802717"
        class="underline text-cairn-main hover:text-cairn-dark font-medium inline !font-bold z-[1] relative" href="https://shs.cairn.info/publications-de-thomas-her--802717?lang=fr" data-livewire-navigate="data-livewire-navigate">Thomas Her</a>,
        </li>
                    <li class="inline-block">
                                    
                        
                        
            <a
            x-alt-clipboard="879262"
        class="underline text-cairn-main hover:text-cairn-dark font-medium inline !font-bold z-[1] relative" href="https://shs.cairn.info/publications-de-alexandra-licu--879262?lang=fr" data-livewire-navigate="data-livewire-navigate">Alexandra Licu</a>
        </li>
                    <li class="inline-block">
                                        <span class="font-normal">et</span>
                        
                        
                        
            <a
            x-alt-clipboard="753689"
        class="underline text-cairn-main hover:text-cairn-dark font-medium inline !font-bold z-[1] relative" href="https://shs.cairn.info/publications-de-steve-vilhem--753689?lang=fr" data-livewire-navigate="data-livewire-navigate">Steve Vilhem</a>
        </li>
            </ul>
        </div>
    
</div>
</li>                                    <li x-ref="carouselItem9" x-intersect.full="onIntersectEnter(9)" prefetch="grabbable" class="shrink-0 py-0.5 px-2.5   snap-start scroll-ml-0.5 basis-3/4 sm:basis-1/2 md:basis-1/3 lg:basis-1/4">
    <div class="bg-white hover:bg-concrete-50 text-shark-950 block no-underline relative shadow-halo-sm rounded-xl flex flex-col h-full flex flex-col">

    
            <a
            x-alt-clipboard="CRNDOSS_215_0001"
        class="underline text-cairn-main hover:text-cairn-dark font-medium absolute inset-0 z-[1] focus:outline-none focus:ring-2 focus:ring-cairn-main focus:ring-inset rounded-xl text-transparent overflow-hidden" href="https://shs.cairn.info/dossier-acquisition-du-langage-page-1?lang=fr" data-livewire-navigate="data-livewire-navigate" aria-label="L’acquisition du langage"></a>    
    
            <div
            class="rounded-t-xl mb-3 h-40"
        >
            <img
                loading="lazy" class="h-full w-full rounded-t-md object-cover" src="https://shs.cairn.info/numero/CRNDOSS_215/cover/thumbnail?lang=fr" alt="Couverture de CRNDOSS_215"
            >
            <div class="flex items-center justify-center absolute top-2 right-2 z-[1] bg-white/90 shadow-md rounded-md w-9 h-9 text-cairn-main">
            <div
    x-data="bookmarkButton(
        false,
        'article',
        'CRNDOSS_215_0001',
        false,
        null
    )"
>
    <button
        type="button"
        role="button"
        tabindex="0"
        aria-haspopup="dialog"
        :aria-label="bookmarked
            ? JSON.parse('\u0022Retirer de la liste de lecture\u0022')            : JSON.parse('\u0022Ajouter \\u00e0 la liste de lecture\u0022')"
        :aria-pressed="bookmarked"
        class="group text-cairn-main"
        x-on:click="$dispatch('openModal', {
            component: 'modals.article-add-to-listes-lectures',
            arguments: { itemId: 'CRNDOSS_215_0001' }
        })"
    >     
                    <template x-if="bookmarked">
                <svg aria-hidden="true" class="bfa bfa-solid inline font-normal size-[18px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M0 48V487.7C0 501.1 10.9 512 24.3 512c5 0 9.9-1.5 14-4.4L192 400 345.7 507.6c4.1 2.9 9 4.4 14 4.4c13.4 0 24.3-10.9 24.3-24.3V48c0-26.5-21.5-48-48-48H48C21.5 0 0 21.5 0 48z"/></svg>            </template>
            <template x-if="!bookmarked">
                <svg aria-hidden="true" class="bfa bfa-regular inline font-normal size-[18px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M0 48C0 21.5 21.5 0 48 0l0 48 0 393.4 130.1-92.9c8.3-6 19.6-6 27.9 0L336 441.4 336 48 48 48 48 0 336 0c26.5 0 48 21.5 48 48l0 440c0 9-5 17.2-13 21.3s-17.6 3.4-24.9-1.8L192 397.5 37.9 507.5c-7.3 5.2-16.9 5.9-24.9 1.8S0 497 0 488L0 48z"/></svg>            </template>
            </button>
</div>

            </div>
        </div>
    
    
    <div class="px-3">
        <div 
    class="flex flex-row col justify-between mb-1 text-xs leading-4 font-bold text-cairn-main mb-0.5"
>
    <span class="grow">
                    <svg aria-hidden="true" class="bfa bfa-regular inline me-1 align-text-bottom w-[13px] h-[13px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M0 96C0 60.7 28.7 32 64 32l132.1 0c19.1 0 37.4 7.6 50.9 21.1L289.9 96 448 96c35.3 0 64 28.7 64 64l0 256c0 35.3-28.7 64-64 64L64 480c-35.3 0-64-28.7-64-64L0 96zM64 80c-8.8 0-16 7.2-16 16l0 320c0 8.8 7.2 16 16 16l384 0c8.8 0 16-7.2 16-16l0-256c0-8.8-7.2-16-16-16l-161.4 0c-10.6 0-20.8-4.2-28.3-11.7L213.1 87c-4.5-4.5-10.6-7-17-7L64 80z"/></svg>                Dossier
    </span>
    </div>
        <h3 class="font-bold text-base font-serif leading-5 my-1">
    L’acquisition du langage
</h3>
    </div>

    
            <div class="mt-auto pt-1 px-3 pb-3">
            <ul class="font-serif font-bold leading-5 mb-1">
            <li class="inline-block">
                                    
                        
                            <span class="font-normal"></span>
                        
            <a
            x-alt-clipboard="730849"
        class="underline text-cairn-main hover:text-cairn-dark font-medium inline !font-bold z-[1] relative" href="https://shs.cairn.info/publications-de-kevin-hiridjee--730849?lang=fr" data-livewire-navigate="data-livewire-navigate">Kevin Hiridjee</a>
        </li>
            </ul>
        </div>
    
</div>
</li>                                    <li x-ref="carouselItem10" x-intersect.full="onIntersectEnter(10)" prefetch="grabbable" class="shrink-0 py-0.5 px-2.5   snap-start scroll-ml-0.5 basis-3/4 sm:basis-1/2 md:basis-1/3 lg:basis-1/4">
    <div class="bg-white hover:bg-concrete-50 text-shark-950 block no-underline relative shadow-halo-sm rounded-xl flex flex-col h-full flex flex-col">

    
            <a
            x-alt-clipboard="CRNDOSS_220_0001"
        class="underline text-cairn-main hover:text-cairn-dark font-medium absolute inset-0 z-[1] focus:outline-none focus:ring-2 focus:ring-cairn-main focus:ring-inset rounded-xl text-transparent overflow-hidden" href="https://shs.cairn.info/dossier-utopies-ou-barbarie-page-1?lang=fr" data-livewire-navigate="data-livewire-navigate" aria-label="Utopies ou barbarie"></a>    
    
            <div
            class="rounded-t-xl mb-3 h-40"
        >
            <img
                loading="lazy" class="h-full w-full rounded-t-md object-cover" src="https://shs.cairn.info/numero/CRNDOSS_220/cover/thumbnail?lang=fr" alt="Couverture de CRNDOSS_220"
            >
            <div class="flex items-center justify-center absolute top-2 right-2 z-[1] bg-white/90 shadow-md rounded-md w-9 h-9 text-cairn-main">
            <div
    x-data="bookmarkButton(
        false,
        'article',
        'CRNDOSS_220_0001',
        false,
        null
    )"
>
    <button
        type="button"
        role="button"
        tabindex="0"
        aria-haspopup="dialog"
        :aria-label="bookmarked
            ? JSON.parse('\u0022Retirer de la liste de lecture\u0022')            : JSON.parse('\u0022Ajouter \\u00e0 la liste de lecture\u0022')"
        :aria-pressed="bookmarked"
        class="group text-cairn-main"
        x-on:click="$dispatch('openModal', {
            component: 'modals.article-add-to-listes-lectures',
            arguments: { itemId: 'CRNDOSS_220_0001' }
        })"
    >     
                    <template x-if="bookmarked">
                <svg aria-hidden="true" class="bfa bfa-solid inline font-normal size-[18px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M0 48V487.7C0 501.1 10.9 512 24.3 512c5 0 9.9-1.5 14-4.4L192 400 345.7 507.6c4.1 2.9 9 4.4 14 4.4c13.4 0 24.3-10.9 24.3-24.3V48c0-26.5-21.5-48-48-48H48C21.5 0 0 21.5 0 48z"/></svg>            </template>
            <template x-if="!bookmarked">
                <svg aria-hidden="true" class="bfa bfa-regular inline font-normal size-[18px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M0 48C0 21.5 21.5 0 48 0l0 48 0 393.4 130.1-92.9c8.3-6 19.6-6 27.9 0L336 441.4 336 48 48 48 48 0 336 0c26.5 0 48 21.5 48 48l0 440c0 9-5 17.2-13 21.3s-17.6 3.4-24.9-1.8L192 397.5 37.9 507.5c-7.3 5.2-16.9 5.9-24.9 1.8S0 497 0 488L0 48z"/></svg>            </template>
            </button>
</div>

            </div>
        </div>
    
    
    <div class="px-3">
        <div 
    class="flex flex-row col justify-between mb-1 text-xs leading-4 font-bold text-cairn-main mb-0.5"
>
    <span class="grow">
                    <svg aria-hidden="true" class="bfa bfa-regular inline me-1 align-text-bottom w-[13px] h-[13px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M0 96C0 60.7 28.7 32 64 32l132.1 0c19.1 0 37.4 7.6 50.9 21.1L289.9 96 448 96c35.3 0 64 28.7 64 64l0 256c0 35.3-28.7 64-64 64L64 480c-35.3 0-64-28.7-64-64L0 96zM64 80c-8.8 0-16 7.2-16 16l0 320c0 8.8 7.2 16 16 16l384 0c8.8 0 16-7.2 16-16l0-256c0-8.8-7.2-16-16-16l-161.4 0c-10.6 0-20.8-4.2-28.3-11.7L213.1 87c-4.5-4.5-10.6-7-17-7L64 80z"/></svg>                Dossier
    </span>
    </div>
        <h3 class="font-bold text-base font-serif leading-5 my-1">
    Utopies ou barbarie
</h3>
    </div>

    
            <div class="mt-auto pt-1 px-3 pb-3">
            <ul class="font-serif font-bold leading-5 mb-1">
            <li class="inline-block">
                                    
                        
                            <span class="font-normal"></span>
                        
            <a
            x-alt-clipboard="736444"
        class="underline text-cairn-main hover:text-cairn-dark font-medium inline !font-bold z-[1] relative" href="https://shs.cairn.info/publications-de-guillermo-paniagua-farel--736444?lang=fr" data-livewire-navigate="data-livewire-navigate">Guillermo Paniagua Farel</a>
        </li>
            </ul>
        </div>
    
</div>
</li>                                    <li x-ref="carouselItem11" x-intersect.full="onIntersectEnter(11)" prefetch="grabbable" class="shrink-0 py-0.5 px-2.5   snap-start scroll-ml-0.5 basis-3/4 sm:basis-1/2 md:basis-1/3 lg:basis-1/4">
    <div class="bg-white hover:bg-concrete-50 text-shark-950 block no-underline relative shadow-halo-sm rounded-xl flex flex-col h-full flex flex-col">

    
            <a
            x-alt-clipboard="CRNDOSS_229_0001"
        class="underline text-cairn-main hover:text-cairn-dark font-medium absolute inset-0 z-[1] focus:outline-none focus:ring-2 focus:ring-cairn-main focus:ring-inset rounded-xl text-transparent overflow-hidden" href="https://droit.cairn.info/dossier-blocages-parlementaires-sous-Ve-republique-page-1?lang=fr" aria-label="Les blocages parlementaires sous la Ve République"></a>    
    
            <div
            class="rounded-t-xl mb-3 h-40"
        >
            <img
                loading="lazy" class="h-full w-full rounded-t-md object-cover" src="https://shs.cairn.info/numero/CRNDOSS_229/cover/thumbnail?lang=fr" alt="Couverture de CRNDOSS_229"
            >
            <div class="flex items-center justify-center absolute top-2 right-2 z-[1] bg-white/90 shadow-md rounded-md w-9 h-9 text-cairn-main">
            <div
    x-data="bookmarkButton(
        false,
        'article',
        'CRNDOSS_229_0001',
        false,
        null
    )"
>
    <button
        type="button"
        role="button"
        tabindex="0"
        aria-haspopup="dialog"
        :aria-label="bookmarked
            ? JSON.parse('\u0022Retirer de la liste de lecture\u0022')            : JSON.parse('\u0022Ajouter \\u00e0 la liste de lecture\u0022')"
        :aria-pressed="bookmarked"
        class="group text-cairn-main"
        x-on:click="$dispatch('openModal', {
            component: 'modals.article-add-to-listes-lectures',
            arguments: { itemId: 'CRNDOSS_229_0001' }
        })"
    >     
                    <template x-if="bookmarked">
                <svg aria-hidden="true" class="bfa bfa-solid inline font-normal size-[18px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M0 48V487.7C0 501.1 10.9 512 24.3 512c5 0 9.9-1.5 14-4.4L192 400 345.7 507.6c4.1 2.9 9 4.4 14 4.4c13.4 0 24.3-10.9 24.3-24.3V48c0-26.5-21.5-48-48-48H48C21.5 0 0 21.5 0 48z"/></svg>            </template>
            <template x-if="!bookmarked">
                <svg aria-hidden="true" class="bfa bfa-regular inline font-normal size-[18px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M0 48C0 21.5 21.5 0 48 0l0 48 0 393.4 130.1-92.9c8.3-6 19.6-6 27.9 0L336 441.4 336 48 48 48 48 0 336 0c26.5 0 48 21.5 48 48l0 440c0 9-5 17.2-13 21.3s-17.6 3.4-24.9-1.8L192 397.5 37.9 507.5c-7.3 5.2-16.9 5.9-24.9 1.8S0 497 0 488L0 48z"/></svg>            </template>
            </button>
</div>

            </div>
        </div>
    
    
    <div class="px-3">
        <div 
    class="flex flex-row col justify-between mb-1 text-xs leading-4 font-bold text-cairn-main mb-0.5"
>
    <span class="grow">
                    <svg aria-hidden="true" class="bfa bfa-regular inline me-1 align-text-bottom w-[13px] h-[13px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M0 96C0 60.7 28.7 32 64 32l132.1 0c19.1 0 37.4 7.6 50.9 21.1L289.9 96 448 96c35.3 0 64 28.7 64 64l0 256c0 35.3-28.7 64-64 64L64 480c-35.3 0-64-28.7-64-64L0 96zM64 80c-8.8 0-16 7.2-16 16l0 320c0 8.8 7.2 16 16 16l384 0c8.8 0 16-7.2 16-16l0-256c0-8.8-7.2-16-16-16l-161.4 0c-10.6 0-20.8-4.2-28.3-11.7L213.1 87c-4.5-4.5-10.6-7-17-7L64 80z"/></svg>                Dossier
    </span>
    </div>
        <h3 class="font-bold text-base font-serif leading-5 my-1">
    Les blocages parlementaires sous la V<sup>e</sup> République
</h3>
    </div>

    
            <div class="mt-auto pt-1 px-3 pb-3">
            <ul class="font-serif font-bold leading-5 mb-1">
            <li class="inline-block">
                                    
                        
                            <span class="font-normal"></span>
                        
            <a
            x-alt-clipboard="839757"
        class="underline text-cairn-main hover:text-cairn-dark font-medium inline !font-bold z-[1] relative" href="https://shs.cairn.info/publications-de-melissa-boi--839757?lang=fr" data-livewire-navigate="data-livewire-navigate">Mélissa Boï</a>
        </li>
            </ul>
        </div>
    
</div>
</li>                                    <li x-ref="carouselItem12" x-intersect.full="onIntersectEnter(12)" prefetch="grabbable" class="shrink-0 py-0.5 px-2.5   snap-start scroll-ml-0.5 basis-3/4 sm:basis-1/2 md:basis-1/3 lg:basis-1/4">
    <div class="bg-white hover:bg-concrete-50 text-shark-950 block no-underline relative shadow-halo-sm rounded-xl flex flex-col h-full flex flex-col">

    
            <a
            x-alt-clipboard="CRNDOSS_230_0001"
        class="underline text-cairn-main hover:text-cairn-dark font-medium absolute inset-0 z-[1] focus:outline-none focus:ring-2 focus:ring-cairn-main focus:ring-inset rounded-xl text-transparent overflow-hidden" href="https://stm.cairn.info/dossier-les-effets-sanitaires-de-la-pollution-atmospherique-page-1?lang=fr" aria-label="Les effets sanitaires de la pollution atmosphérique"></a>    
    
            <div
            class="rounded-t-xl mb-3 h-40"
        >
            <img
                loading="lazy" class="h-full w-full rounded-t-md object-cover" src="https://shs.cairn.info/numero/CRNDOSS_230/cover/thumbnail?lang=fr" alt="Couverture de CRNDOSS_230"
            >
            <div class="flex items-center justify-center absolute top-2 right-2 z-[1] bg-white/90 shadow-md rounded-md w-9 h-9 text-cairn-main">
            <div
    x-data="bookmarkButton(
        false,
        'article',
        'CRNDOSS_230_0001',
        false,
        null
    )"
>
    <button
        type="button"
        role="button"
        tabindex="0"
        aria-haspopup="dialog"
        :aria-label="bookmarked
            ? JSON.parse('\u0022Retirer de la liste de lecture\u0022')            : JSON.parse('\u0022Ajouter \\u00e0 la liste de lecture\u0022')"
        :aria-pressed="bookmarked"
        class="group text-cairn-main"
        x-on:click="$dispatch('openModal', {
            component: 'modals.article-add-to-listes-lectures',
            arguments: { itemId: 'CRNDOSS_230_0001' }
        })"
    >     
                    <template x-if="bookmarked">
                <svg aria-hidden="true" class="bfa bfa-solid inline font-normal size-[18px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M0 48V487.7C0 501.1 10.9 512 24.3 512c5 0 9.9-1.5 14-4.4L192 400 345.7 507.6c4.1 2.9 9 4.4 14 4.4c13.4 0 24.3-10.9 24.3-24.3V48c0-26.5-21.5-48-48-48H48C21.5 0 0 21.5 0 48z"/></svg>            </template>
            <template x-if="!bookmarked">
                <svg aria-hidden="true" class="bfa bfa-regular inline font-normal size-[18px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M0 48C0 21.5 21.5 0 48 0l0 48 0 393.4 130.1-92.9c8.3-6 19.6-6 27.9 0L336 441.4 336 48 48 48 48 0 336 0c26.5 0 48 21.5 48 48l0 440c0 9-5 17.2-13 21.3s-17.6 3.4-24.9-1.8L192 397.5 37.9 507.5c-7.3 5.2-16.9 5.9-24.9 1.8S0 497 0 488L0 48z"/></svg>            </template>
            </button>
</div>

            </div>
        </div>
    
    
    <div class="px-3">
        <div 
    class="flex flex-row col justify-between mb-1 text-xs leading-4 font-bold text-cairn-main mb-0.5"
>
    <span class="grow">
                    <svg aria-hidden="true" class="bfa bfa-regular inline me-1 align-text-bottom w-[13px] h-[13px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M0 96C0 60.7 28.7 32 64 32l132.1 0c19.1 0 37.4 7.6 50.9 21.1L289.9 96 448 96c35.3 0 64 28.7 64 64l0 256c0 35.3-28.7 64-64 64L64 480c-35.3 0-64-28.7-64-64L0 96zM64 80c-8.8 0-16 7.2-16 16l0 320c0 8.8 7.2 16 16 16l384 0c8.8 0 16-7.2 16-16l0-256c0-8.8-7.2-16-16-16l-161.4 0c-10.6 0-20.8-4.2-28.3-11.7L213.1 87c-4.5-4.5-10.6-7-17-7L64 80z"/></svg>                Dossier
    </span>
    </div>
        <h3 class="font-bold text-base font-serif leading-5 my-1">
    Les effets sanitaires de la pollution atmosphérique
</h3>
    </div>

    
            <div class="mt-auto pt-1 px-3 pb-3">
            <ul class="font-serif font-bold leading-5 mb-1">
            <li class="inline-block">
                                    
                        
                            <span class="font-normal"></span>
                        
            <a
            x-alt-clipboard="49734"
        class="underline text-cairn-main hover:text-cairn-dark font-medium inline !font-bold z-[1] relative" href="https://shs.cairn.info/publications-de-olivier-postel-vinay--49734?lang=fr" data-livewire-navigate="data-livewire-navigate">Olivier Postel-Vinay</a>
        </li>
            </ul>
        </div>
    
</div>
</li>                                    <li x-ref="carouselItem13" x-intersect.full="onIntersectEnter(13)" prefetch="grabbable" class="shrink-0 py-0.5 px-2.5   snap-start scroll-ml-0.5 basis-3/4 sm:basis-1/2 md:basis-1/3 lg:basis-1/4">
    <div class="bg-white hover:bg-concrete-50 text-shark-950 block no-underline relative shadow-halo-sm rounded-xl flex flex-col h-full flex flex-col">

    
            <a
            x-alt-clipboard="CRNDOSS_232_0001"
        class="underline text-cairn-main hover:text-cairn-dark font-medium absolute inset-0 z-[1] focus:outline-none focus:ring-2 focus:ring-cairn-main focus:ring-inset rounded-xl text-transparent overflow-hidden" href="https://shs.cairn.info/dossier-corps-et-psyche-unis-et-indissociables-page-1?lang=fr" data-livewire-navigate="data-livewire-navigate" aria-label="Corps et psyché, unis et indissociables"></a>    
    
            <div
            class="rounded-t-xl mb-3 h-40"
        >
            <img
                loading="lazy" class="h-full w-full rounded-t-md object-cover" src="https://shs.cairn.info/numero/CRNDOSS_232/cover/thumbnail?lang=fr" alt="Couverture de CRNDOSS_232"
            >
            <div class="flex items-center justify-center absolute top-2 right-2 z-[1] bg-white/90 shadow-md rounded-md w-9 h-9 text-cairn-main">
            <div
    x-data="bookmarkButton(
        false,
        'article',
        'CRNDOSS_232_0001',
        false,
        null
    )"
>
    <button
        type="button"
        role="button"
        tabindex="0"
        aria-haspopup="dialog"
        :aria-label="bookmarked
            ? JSON.parse('\u0022Retirer de la liste de lecture\u0022')            : JSON.parse('\u0022Ajouter \\u00e0 la liste de lecture\u0022')"
        :aria-pressed="bookmarked"
        class="group text-cairn-main"
        x-on:click="$dispatch('openModal', {
            component: 'modals.article-add-to-listes-lectures',
            arguments: { itemId: 'CRNDOSS_232_0001' }
        })"
    >     
                    <template x-if="bookmarked">
                <svg aria-hidden="true" class="bfa bfa-solid inline font-normal size-[18px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M0 48V487.7C0 501.1 10.9 512 24.3 512c5 0 9.9-1.5 14-4.4L192 400 345.7 507.6c4.1 2.9 9 4.4 14 4.4c13.4 0 24.3-10.9 24.3-24.3V48c0-26.5-21.5-48-48-48H48C21.5 0 0 21.5 0 48z"/></svg>            </template>
            <template x-if="!bookmarked">
                <svg aria-hidden="true" class="bfa bfa-regular inline font-normal size-[18px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M0 48C0 21.5 21.5 0 48 0l0 48 0 393.4 130.1-92.9c8.3-6 19.6-6 27.9 0L336 441.4 336 48 48 48 48 0 336 0c26.5 0 48 21.5 48 48l0 440c0 9-5 17.2-13 21.3s-17.6 3.4-24.9-1.8L192 397.5 37.9 507.5c-7.3 5.2-16.9 5.9-24.9 1.8S0 497 0 488L0 48z"/></svg>            </template>
            </button>
</div>

            </div>
        </div>
    
    
    <div class="px-3">
        <div 
    class="flex flex-row col justify-between mb-1 text-xs leading-4 font-bold text-cairn-main mb-0.5"
>
    <span class="grow">
                    <svg aria-hidden="true" class="bfa bfa-regular inline me-1 align-text-bottom w-[13px] h-[13px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M0 96C0 60.7 28.7 32 64 32l132.1 0c19.1 0 37.4 7.6 50.9 21.1L289.9 96 448 96c35.3 0 64 28.7 64 64l0 256c0 35.3-28.7 64-64 64L64 480c-35.3 0-64-28.7-64-64L0 96zM64 80c-8.8 0-16 7.2-16 16l0 320c0 8.8 7.2 16 16 16l384 0c8.8 0 16-7.2 16-16l0-256c0-8.8-7.2-16-16-16l-161.4 0c-10.6 0-20.8-4.2-28.3-11.7L213.1 87c-4.5-4.5-10.6-7-17-7L64 80z"/></svg>                Dossier
    </span>
    </div>
        <h3 class="font-bold text-base font-serif leading-5 my-1">
    Corps et psyché, unis et indissociables
</h3>
    </div>

    
            <div class="mt-auto pt-1 px-3 pb-3">
            <ul class="font-serif font-bold leading-5 mb-1">
            <li class="inline-block">
                                    
                        
                            <span class="font-normal"></span>
                        
            <a
            x-alt-clipboard="879262"
        class="underline text-cairn-main hover:text-cairn-dark font-medium inline !font-bold z-[1] relative" href="https://shs.cairn.info/publications-de-alexandra-licu--879262?lang=fr" data-livewire-navigate="data-livewire-navigate">Alexandra Licu</a>,
        </li>
                    <li class="inline-block">
                                    
                        
                        
            <a
            x-alt-clipboard="895636"
        class="underline text-cairn-main hover:text-cairn-dark font-medium inline !font-bold z-[1] relative" href="https://shs.cairn.info/publications-de-anne-claire-gremion-vincent--895636?lang=fr" data-livewire-navigate="data-livewire-navigate">Anne-Claire Gremion Vincent</a>
        </li>
                    <li class="inline-block">
                                        <span class="font-normal">et</span>
                        
                        
                        
            <a
            x-alt-clipboard="753689"
        class="underline text-cairn-main hover:text-cairn-dark font-medium inline !font-bold z-[1] relative" href="https://shs.cairn.info/publications-de-steve-vilhem--753689?lang=fr" data-livewire-navigate="data-livewire-navigate">Steve Vilhem</a>
        </li>
            </ul>
        </div>
    
</div>
</li>                                    <li x-ref="carouselItem14" x-intersect.full="onIntersectEnter(14)" prefetch="grabbable" class="shrink-0 py-0.5 px-2.5   snap-start scroll-ml-0.5 basis-3/4 sm:basis-1/2 md:basis-1/3 lg:basis-1/4">
    <div class="bg-white hover:bg-concrete-50 text-shark-950 block no-underline relative shadow-halo-sm rounded-xl flex flex-col h-full flex flex-col">

    
            <a
            x-alt-clipboard="CRNDOSS_217_0001"
        class="underline text-cairn-main hover:text-cairn-dark font-medium absolute inset-0 z-[1] focus:outline-none focus:ring-2 focus:ring-cairn-main focus:ring-inset rounded-xl text-transparent overflow-hidden" href="https://droit.cairn.info/dossier-innovation-frugale-page-1?lang=fr" aria-label="L’innovation frugale"></a>    
    
            <div
            class="rounded-t-xl mb-3 h-40"
        >
            <img
                loading="lazy" class="h-full w-full rounded-t-md object-cover" src="https://shs.cairn.info/numero/CRNDOSS_217/cover/thumbnail?lang=fr" alt="Couverture de CRNDOSS_217"
            >
            <div class="flex items-center justify-center absolute top-2 right-2 z-[1] bg-white/90 shadow-md rounded-md w-9 h-9 text-cairn-main">
            <div
    x-data="bookmarkButton(
        false,
        'article',
        'CRNDOSS_217_0001',
        false,
        null
    )"
>
    <button
        type="button"
        role="button"
        tabindex="0"
        aria-haspopup="dialog"
        :aria-label="bookmarked
            ? JSON.parse('\u0022Retirer de la liste de lecture\u0022')            : JSON.parse('\u0022Ajouter \\u00e0 la liste de lecture\u0022')"
        :aria-pressed="bookmarked"
        class="group text-cairn-main"
        x-on:click="$dispatch('openModal', {
            component: 'modals.article-add-to-listes-lectures',
            arguments: { itemId: 'CRNDOSS_217_0001' }
        })"
    >     
                    <template x-if="bookmarked">
                <svg aria-hidden="true" class="bfa bfa-solid inline font-normal size-[18px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M0 48V487.7C0 501.1 10.9 512 24.3 512c5 0 9.9-1.5 14-4.4L192 400 345.7 507.6c4.1 2.9 9 4.4 14 4.4c13.4 0 24.3-10.9 24.3-24.3V48c0-26.5-21.5-48-48-48H48C21.5 0 0 21.5 0 48z"/></svg>            </template>
            <template x-if="!bookmarked">
                <svg aria-hidden="true" class="bfa bfa-regular inline font-normal size-[18px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M0 48C0 21.5 21.5 0 48 0l0 48 0 393.4 130.1-92.9c8.3-6 19.6-6 27.9 0L336 441.4 336 48 48 48 48 0 336 0c26.5 0 48 21.5 48 48l0 440c0 9-5 17.2-13 21.3s-17.6 3.4-24.9-1.8L192 397.5 37.9 507.5c-7.3 5.2-16.9 5.9-24.9 1.8S0 497 0 488L0 48z"/></svg>            </template>
            </button>
</div>

            </div>
        </div>
    
    
    <div class="px-3">
        <div 
    class="flex flex-row col justify-between mb-1 text-xs leading-4 font-bold text-cairn-main mb-0.5"
>
    <span class="grow">
                    <svg aria-hidden="true" class="bfa bfa-regular inline me-1 align-text-bottom w-[13px] h-[13px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M0 96C0 60.7 28.7 32 64 32l132.1 0c19.1 0 37.4 7.6 50.9 21.1L289.9 96 448 96c35.3 0 64 28.7 64 64l0 256c0 35.3-28.7 64-64 64L64 480c-35.3 0-64-28.7-64-64L0 96zM64 80c-8.8 0-16 7.2-16 16l0 320c0 8.8 7.2 16 16 16l384 0c8.8 0 16-7.2 16-16l0-256c0-8.8-7.2-16-16-16l-161.4 0c-10.6 0-20.8-4.2-28.3-11.7L213.1 87c-4.5-4.5-10.6-7-17-7L64 80z"/></svg>                Dossier
    </span>
    </div>
        <h3 class="font-bold text-base font-serif leading-5 my-1">
    L’innovation frugale
</h3>
    </div>

    
            <div class="mt-auto pt-1 px-3 pb-3">
            <ul class="font-serif font-bold leading-5 mb-1">
            <li class="inline-block">
                                    
                        
                            <span class="font-normal"></span>
                        
            <a
            x-alt-clipboard="839757"
        class="underline text-cairn-main hover:text-cairn-dark font-medium inline !font-bold z-[1] relative" href="https://shs.cairn.info/publications-de-melissa-boi--839757?lang=fr" data-livewire-navigate="data-livewire-navigate">Mélissa Boï</a>
        </li>
                    <li class="inline-block">
                                        <span class="font-normal">et</span>
                        
                        
                        
            <a
            x-alt-clipboard="730849"
        class="underline text-cairn-main hover:text-cairn-dark font-medium inline !font-bold z-[1] relative" href="https://shs.cairn.info/publications-de-kevin-hiridjee--730849?lang=fr" data-livewire-navigate="data-livewire-navigate">Kevin Hiridjee</a>
        </li>
            </ul>
        </div>
    
</div>
</li>                                    <li x-ref="carouselItem15" x-intersect.full="onIntersectEnter(15)" prefetch="grabbable" class="shrink-0 py-0.5 px-2.5   snap-start scroll-ml-0.5 basis-3/4 sm:basis-1/2 md:basis-1/3 lg:basis-1/4">
    <div class="bg-white hover:bg-concrete-50 text-shark-950 block no-underline relative shadow-halo-sm rounded-xl flex flex-col h-full flex flex-col">

    
            <a
            x-alt-clipboard="CRNDOSS__0001"
        class="underline text-cairn-main hover:text-cairn-dark font-medium absolute inset-0 z-[1] focus:outline-none focus:ring-2 focus:ring-cairn-main focus:ring-inset rounded-xl text-transparent overflow-hidden" href="https://shs.cairn.info/dossier-ecofeminisme-du-genre-et-des-regenerations-page-1?lang=fr" data-livewire-navigate="data-livewire-navigate" aria-label="Écoféminisme : du genre et des régénérations"></a>    
    
            <div
            class="rounded-t-xl mb-3 h-40"
        >
            <img
                loading="lazy" class="h-full w-full rounded-t-md object-cover" src="https://shs.cairn.info/numero/CRNDOSS_222/cover/thumbnail?lang=fr" alt="Couverture de CRNDOSS_222"
            >
            <div class="flex items-center justify-center absolute top-2 right-2 z-[1] bg-white/90 shadow-md rounded-md w-9 h-9 text-cairn-main">
            <div
    x-data="bookmarkButton(
        false,
        'article',
        'CRNDOSS__0001',
        false,
        null
    )"
>
    <button
        type="button"
        role="button"
        tabindex="0"
        aria-haspopup="dialog"
        :aria-label="bookmarked
            ? JSON.parse('\u0022Retirer de la liste de lecture\u0022')            : JSON.parse('\u0022Ajouter \\u00e0 la liste de lecture\u0022')"
        :aria-pressed="bookmarked"
        class="group text-cairn-main"
        x-on:click="$dispatch('openModal', {
            component: 'modals.article-add-to-listes-lectures',
            arguments: { itemId: 'CRNDOSS__0001' }
        })"
    >     
                    <template x-if="bookmarked">
                <svg aria-hidden="true" class="bfa bfa-solid inline font-normal size-[18px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M0 48V487.7C0 501.1 10.9 512 24.3 512c5 0 9.9-1.5 14-4.4L192 400 345.7 507.6c4.1 2.9 9 4.4 14 4.4c13.4 0 24.3-10.9 24.3-24.3V48c0-26.5-21.5-48-48-48H48C21.5 0 0 21.5 0 48z"/></svg>            </template>
            <template x-if="!bookmarked">
                <svg aria-hidden="true" class="bfa bfa-regular inline font-normal size-[18px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M0 48C0 21.5 21.5 0 48 0l0 48 0 393.4 130.1-92.9c8.3-6 19.6-6 27.9 0L336 441.4 336 48 48 48 48 0 336 0c26.5 0 48 21.5 48 48l0 440c0 9-5 17.2-13 21.3s-17.6 3.4-24.9-1.8L192 397.5 37.9 507.5c-7.3 5.2-16.9 5.9-24.9 1.8S0 497 0 488L0 48z"/></svg>            </template>
            </button>
</div>

            </div>
        </div>
    
    
    <div class="px-3">
        <div 
    class="flex flex-row col justify-between mb-1 text-xs leading-4 font-bold text-cairn-main mb-0.5"
>
    <span class="grow">
                    <svg aria-hidden="true" class="bfa bfa-regular inline me-1 align-text-bottom w-[13px] h-[13px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M0 96C0 60.7 28.7 32 64 32l132.1 0c19.1 0 37.4 7.6 50.9 21.1L289.9 96 448 96c35.3 0 64 28.7 64 64l0 256c0 35.3-28.7 64-64 64L64 480c-35.3 0-64-28.7-64-64L0 96zM64 80c-8.8 0-16 7.2-16 16l0 320c0 8.8 7.2 16 16 16l384 0c8.8 0 16-7.2 16-16l0-256c0-8.8-7.2-16-16-16l-161.4 0c-10.6 0-20.8-4.2-28.3-11.7L213.1 87c-4.5-4.5-10.6-7-17-7L64 80z"/></svg>                Dossier
    </span>
    </div>
        <h3 class="font-bold text-base font-serif leading-5 my-1">
    Écoféminisme : du genre et des régénérations
</h3>
    </div>

    
            <div class="mt-auto pt-1 px-3 pb-3">
            <ul class="font-serif font-bold leading-5 mb-1">
            <li class="inline-block">
                                    
                        
                            <span class="font-normal"></span>
                        
            <a
            x-alt-clipboard="879211"
        class="underline text-cairn-main hover:text-cairn-dark font-medium inline !font-bold z-[1] relative" href="https://shs.cairn.info/publications-de-richard-dubois--879211?lang=fr" data-livewire-navigate="data-livewire-navigate">Richard Dubois</a>
        </li>
            </ul>
        </div>
    
</div>
</li>                                    <li x-ref="carouselItem16" x-intersect.full="onIntersectEnter(16)" prefetch="grabbable" class="shrink-0 py-0.5 px-2.5   snap-start scroll-ml-0.5 basis-3/4 sm:basis-1/2 md:basis-1/3 lg:basis-1/4">
    <div class="bg-white hover:bg-concrete-50 text-shark-950 block no-underline relative shadow-halo-sm rounded-xl flex flex-col h-full flex flex-col">

    
            <a
            x-alt-clipboard="CRNDOSS_231_0001"
        class="underline text-cairn-main hover:text-cairn-dark font-medium absolute inset-0 z-[1] focus:outline-none focus:ring-2 focus:ring-cairn-main focus:ring-inset rounded-xl text-transparent overflow-hidden" href="https://shs.cairn.info/dossier-femmes-et-sport-lhistoire-de-conquetes-page-1?lang=fr" data-livewire-navigate="data-livewire-navigate" aria-label="Femmes et sport : l’histoire de conquêtes"></a>    
    
            <div
            class="rounded-t-xl mb-3 h-40"
        >
            <img
                loading="lazy" class="h-full w-full rounded-t-md object-cover" src="https://shs.cairn.info/numero/CRNDOSS_231/cover/thumbnail?lang=fr" alt="Couverture de CRNDOSS_231"
            >
            <div class="flex items-center justify-center absolute top-2 right-2 z-[1] bg-white/90 shadow-md rounded-md w-9 h-9 text-cairn-main">
            <div
    x-data="bookmarkButton(
        false,
        'article',
        'CRNDOSS_231_0001',
        false,
        null
    )"
>
    <button
        type="button"
        role="button"
        tabindex="0"
        aria-haspopup="dialog"
        :aria-label="bookmarked
            ? JSON.parse('\u0022Retirer de la liste de lecture\u0022')            : JSON.parse('\u0022Ajouter \\u00e0 la liste de lecture\u0022')"
        :aria-pressed="bookmarked"
        class="group text-cairn-main"
        x-on:click="$dispatch('openModal', {
            component: 'modals.article-add-to-listes-lectures',
            arguments: { itemId: 'CRNDOSS_231_0001' }
        })"
    >     
                    <template x-if="bookmarked">
                <svg aria-hidden="true" class="bfa bfa-solid inline font-normal size-[18px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M0 48V487.7C0 501.1 10.9 512 24.3 512c5 0 9.9-1.5 14-4.4L192 400 345.7 507.6c4.1 2.9 9 4.4 14 4.4c13.4 0 24.3-10.9 24.3-24.3V48c0-26.5-21.5-48-48-48H48C21.5 0 0 21.5 0 48z"/></svg>            </template>
            <template x-if="!bookmarked">
                <svg aria-hidden="true" class="bfa bfa-regular inline font-normal size-[18px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M0 48C0 21.5 21.5 0 48 0l0 48 0 393.4 130.1-92.9c8.3-6 19.6-6 27.9 0L336 441.4 336 48 48 48 48 0 336 0c26.5 0 48 21.5 48 48l0 440c0 9-5 17.2-13 21.3s-17.6 3.4-24.9-1.8L192 397.5 37.9 507.5c-7.3 5.2-16.9 5.9-24.9 1.8S0 497 0 488L0 48z"/></svg>            </template>
            </button>
</div>

            </div>
        </div>
    
    
    <div class="px-3">
        <div 
    class="flex flex-row col justify-between mb-1 text-xs leading-4 font-bold text-cairn-main mb-0.5"
>
    <span class="grow">
                    <svg aria-hidden="true" class="bfa bfa-regular inline me-1 align-text-bottom w-[13px] h-[13px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M0 96C0 60.7 28.7 32 64 32l132.1 0c19.1 0 37.4 7.6 50.9 21.1L289.9 96 448 96c35.3 0 64 28.7 64 64l0 256c0 35.3-28.7 64-64 64L64 480c-35.3 0-64-28.7-64-64L0 96zM64 80c-8.8 0-16 7.2-16 16l0 320c0 8.8 7.2 16 16 16l384 0c8.8 0 16-7.2 16-16l0-256c0-8.8-7.2-16-16-16l-161.4 0c-10.6 0-20.8-4.2-28.3-11.7L213.1 87c-4.5-4.5-10.6-7-17-7L64 80z"/></svg>                Dossier
    </span>
    </div>
        <h3 class="font-bold text-base font-serif leading-5 my-1">
    Femmes et sport : l’histoire de conquêtes
</h3>
    </div>

    
            <div class="mt-auto pt-1 px-3 pb-3">
            <ul class="font-serif font-bold leading-5 mb-1">
            <li class="inline-block">
                                    
                        
                            <span class="font-normal"></span>
                        
            <a
            x-alt-clipboard="71504"
        class="underline text-cairn-main hover:text-cairn-dark font-medium inline !font-bold z-[1] relative" href="https://shs.cairn.info/publications-de-julie-gaucher--71504?lang=fr" data-livewire-navigate="data-livewire-navigate">Julie Gaucher</a>
        </li>
            </ul>
        </div>
    
</div>
</li>                                    <li x-ref="carouselItem17" x-intersect.full="onIntersectEnter(17)" prefetch="grabbable" class="shrink-0 py-0.5 px-2.5   snap-start scroll-ml-0.5 basis-3/4 sm:basis-1/2 md:basis-1/3 lg:basis-1/4">
    <div class="bg-white hover:bg-concrete-50 text-shark-950 block no-underline relative shadow-halo-sm rounded-xl flex flex-col h-full flex flex-col">

    
            <a
            x-alt-clipboard="CRNDOSS_218_0001"
        class="underline text-cairn-main hover:text-cairn-dark font-medium absolute inset-0 z-[1] focus:outline-none focus:ring-2 focus:ring-cairn-main focus:ring-inset rounded-xl text-transparent overflow-hidden" href="https://droit.cairn.info/dossier-favoriser-linclusvite-au-travail-page-1?lang=fr" aria-label="Favoriser l’inclusivité au travail"></a>    
    
            <div
            class="rounded-t-xl mb-3 h-40"
        >
            <img
                loading="lazy" class="h-full w-full rounded-t-md object-cover" src="https://shs.cairn.info/numero/CRNDOSS_218/cover/thumbnail?lang=fr" alt="Couverture de CRNDOSS_218"
            >
            <div class="flex items-center justify-center absolute top-2 right-2 z-[1] bg-white/90 shadow-md rounded-md w-9 h-9 text-cairn-main">
            <div
    x-data="bookmarkButton(
        false,
        'article',
        'CRNDOSS_218_0001',
        false,
        null
    )"
>
    <button
        type="button"
        role="button"
        tabindex="0"
        aria-haspopup="dialog"
        :aria-label="bookmarked
            ? JSON.parse('\u0022Retirer de la liste de lecture\u0022')            : JSON.parse('\u0022Ajouter \\u00e0 la liste de lecture\u0022')"
        :aria-pressed="bookmarked"
        class="group text-cairn-main"
        x-on:click="$dispatch('openModal', {
            component: 'modals.article-add-to-listes-lectures',
            arguments: { itemId: 'CRNDOSS_218_0001' }
        })"
    >     
                    <template x-if="bookmarked">
                <svg aria-hidden="true" class="bfa bfa-solid inline font-normal size-[18px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M0 48V487.7C0 501.1 10.9 512 24.3 512c5 0 9.9-1.5 14-4.4L192 400 345.7 507.6c4.1 2.9 9 4.4 14 4.4c13.4 0 24.3-10.9 24.3-24.3V48c0-26.5-21.5-48-48-48H48C21.5 0 0 21.5 0 48z"/></svg>            </template>
            <template x-if="!bookmarked">
                <svg aria-hidden="true" class="bfa bfa-regular inline font-normal size-[18px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M0 48C0 21.5 21.5 0 48 0l0 48 0 393.4 130.1-92.9c8.3-6 19.6-6 27.9 0L336 441.4 336 48 48 48 48 0 336 0c26.5 0 48 21.5 48 48l0 440c0 9-5 17.2-13 21.3s-17.6 3.4-24.9-1.8L192 397.5 37.9 507.5c-7.3 5.2-16.9 5.9-24.9 1.8S0 497 0 488L0 48z"/></svg>            </template>
            </button>
</div>

            </div>
        </div>
    
    
    <div class="px-3">
        <div 
    class="flex flex-row col justify-between mb-1 text-xs leading-4 font-bold text-cairn-main mb-0.5"
>
    <span class="grow">
                    <svg aria-hidden="true" class="bfa bfa-regular inline me-1 align-text-bottom w-[13px] h-[13px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M0 96C0 60.7 28.7 32 64 32l132.1 0c19.1 0 37.4 7.6 50.9 21.1L289.9 96 448 96c35.3 0 64 28.7 64 64l0 256c0 35.3-28.7 64-64 64L64 480c-35.3 0-64-28.7-64-64L0 96zM64 80c-8.8 0-16 7.2-16 16l0 320c0 8.8 7.2 16 16 16l384 0c8.8 0 16-7.2 16-16l0-256c0-8.8-7.2-16-16-16l-161.4 0c-10.6 0-20.8-4.2-28.3-11.7L213.1 87c-4.5-4.5-10.6-7-17-7L64 80z"/></svg>                Dossier
    </span>
    </div>
        <h3 class="font-bold text-base font-serif leading-5 my-1">
    Favoriser l’inclusivité au travail
</h3>
    </div>

    
            <div class="mt-auto pt-1 px-3 pb-3">
            <ul class="font-serif font-bold leading-5 mb-1">
            <li class="inline-block">
                                    
                        
                            <span class="font-normal"></span>
                        
            <a
            x-alt-clipboard="839757"
        class="underline text-cairn-main hover:text-cairn-dark font-medium inline !font-bold z-[1] relative" href="https://shs.cairn.info/publications-de-melissa-boi--839757?lang=fr" data-livewire-navigate="data-livewire-navigate">Mélissa Boï</a>
        </li>
            </ul>
        </div>
    
</div>
</li>                                    <li x-ref="carouselItem18" x-intersect.full="onIntersectEnter(18)" prefetch="grabbable" class="shrink-0 py-0.5 px-2.5   snap-start scroll-ml-0.5 basis-3/4 sm:basis-1/2 md:basis-1/3 lg:basis-1/4">
    <div class="bg-white hover:bg-concrete-50 text-shark-950 block no-underline relative shadow-halo-sm rounded-xl flex flex-col h-full flex flex-col">

    
            <a
            x-alt-clipboard="CRNDOSS_214_0001"
        class="underline text-cairn-main hover:text-cairn-dark font-medium absolute inset-0 z-[1] focus:outline-none focus:ring-2 focus:ring-cairn-main focus:ring-inset rounded-xl text-transparent overflow-hidden" href="https://shs.cairn.info/dossier-la-technique-penser-limpense-page-1?lang=fr" data-livewire-navigate="data-livewire-navigate" aria-label="La technique : penser l’impensé"></a>    
    
            <div
            class="rounded-t-xl mb-3 h-40"
        >
            <img
                loading="lazy" class="h-full w-full rounded-t-md object-cover" src="https://shs.cairn.info/numero/CRNDOSS_214/cover/thumbnail?lang=fr" alt="Couverture de CRNDOSS_214"
            >
            <div class="flex items-center justify-center absolute top-2 right-2 z-[1] bg-white/90 shadow-md rounded-md w-9 h-9 text-cairn-main">
            <div
    x-data="bookmarkButton(
        false,
        'article',
        'CRNDOSS_214_0001',
        false,
        null
    )"
>
    <button
        type="button"
        role="button"
        tabindex="0"
        aria-haspopup="dialog"
        :aria-label="bookmarked
            ? JSON.parse('\u0022Retirer de la liste de lecture\u0022')            : JSON.parse('\u0022Ajouter \\u00e0 la liste de lecture\u0022')"
        :aria-pressed="bookmarked"
        class="group text-cairn-main"
        x-on:click="$dispatch('openModal', {
            component: 'modals.article-add-to-listes-lectures',
            arguments: { itemId: 'CRNDOSS_214_0001' }
        })"
    >     
                    <template x-if="bookmarked">
                <svg aria-hidden="true" class="bfa bfa-solid inline font-normal size-[18px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M0 48V487.7C0 501.1 10.9 512 24.3 512c5 0 9.9-1.5 14-4.4L192 400 345.7 507.6c4.1 2.9 9 4.4 14 4.4c13.4 0 24.3-10.9 24.3-24.3V48c0-26.5-21.5-48-48-48H48C21.5 0 0 21.5 0 48z"/></svg>            </template>
            <template x-if="!bookmarked">
                <svg aria-hidden="true" class="bfa bfa-regular inline font-normal size-[18px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M0 48C0 21.5 21.5 0 48 0l0 48 0 393.4 130.1-92.9c8.3-6 19.6-6 27.9 0L336 441.4 336 48 48 48 48 0 336 0c26.5 0 48 21.5 48 48l0 440c0 9-5 17.2-13 21.3s-17.6 3.4-24.9-1.8L192 397.5 37.9 507.5c-7.3 5.2-16.9 5.9-24.9 1.8S0 497 0 488L0 48z"/></svg>            </template>
            </button>
</div>

            </div>
        </div>
    
    
    <div class="px-3">
        <div 
    class="flex flex-row col justify-between mb-1 text-xs leading-4 font-bold text-cairn-main mb-0.5"
>
    <span class="grow">
                    <svg aria-hidden="true" class="bfa bfa-regular inline me-1 align-text-bottom w-[13px] h-[13px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M0 96C0 60.7 28.7 32 64 32l132.1 0c19.1 0 37.4 7.6 50.9 21.1L289.9 96 448 96c35.3 0 64 28.7 64 64l0 256c0 35.3-28.7 64-64 64L64 480c-35.3 0-64-28.7-64-64L0 96zM64 80c-8.8 0-16 7.2-16 16l0 320c0 8.8 7.2 16 16 16l384 0c8.8 0 16-7.2 16-16l0-256c0-8.8-7.2-16-16-16l-161.4 0c-10.6 0-20.8-4.2-28.3-11.7L213.1 87c-4.5-4.5-10.6-7-17-7L64 80z"/></svg>                Dossier
    </span>
    </div>
        <h3 class="font-bold text-base font-serif leading-5 my-1">
    La technique : penser l’impensé
</h3>
    </div>

    
            <div class="mt-auto pt-1 px-3 pb-3">
            <ul class="font-serif font-bold leading-5 mb-1">
            <li class="inline-block">
                                    
                        
                            <span class="font-normal"></span>
                        
            <a
            x-alt-clipboard="736444"
        class="underline text-cairn-main hover:text-cairn-dark font-medium inline !font-bold z-[1] relative" href="https://shs.cairn.info/publications-de-guillermo-paniagua-farel--736444?lang=fr" data-livewire-navigate="data-livewire-navigate">Guillermo Paniagua Farel</a>
        </li>
            </ul>
        </div>
    
</div>
</li>                                    <li x-ref="carouselItem19" x-intersect.full="onIntersectEnter(19)" prefetch="grabbable" class="shrink-0 py-0.5   ps-2.5 snap-start scroll-ml-0.5 basis-3/4 sm:basis-1/2 md:basis-1/3 lg:basis-1/4">
    <div class="bg-white hover:bg-concrete-50 text-shark-950 block no-underline relative shadow-halo-sm rounded-xl flex flex-col h-full flex flex-col">

    
            <a
            x-alt-clipboard="CRNDOSS_228_0001"
        class="underline text-cairn-main hover:text-cairn-dark font-medium absolute inset-0 z-[1] focus:outline-none focus:ring-2 focus:ring-cairn-main focus:ring-inset rounded-xl text-transparent overflow-hidden" href="https://shs.cairn.info/dossier-dossiers-cairn-la-plainte-au-fondement-du-soin-page-1?lang=fr" data-livewire-navigate="data-livewire-navigate" aria-label="La plainte, au fondement du soin ?"></a>    
    
            <div
            class="rounded-t-xl mb-3 h-40"
        >
            <img
                loading="lazy" class="h-full w-full rounded-t-md object-cover" src="https://shs.cairn.info/numero/CRNDOSS_228/cover/thumbnail?lang=fr" alt="Couverture de CRNDOSS_228"
            >
            <div class="flex items-center justify-center absolute top-2 right-2 z-[1] bg-white/90 shadow-md rounded-md w-9 h-9 text-cairn-main">
            <div
    x-data="bookmarkButton(
        false,
        'article',
        'CRNDOSS_228_0001',
        false,
        null
    )"
>
    <button
        type="button"
        role="button"
        tabindex="0"
        aria-haspopup="dialog"
        :aria-label="bookmarked
            ? JSON.parse('\u0022Retirer de la liste de lecture\u0022')            : JSON.parse('\u0022Ajouter \\u00e0 la liste de lecture\u0022')"
        :aria-pressed="bookmarked"
        class="group text-cairn-main"
        x-on:click="$dispatch('openModal', {
            component: 'modals.article-add-to-listes-lectures',
            arguments: { itemId: 'CRNDOSS_228_0001' }
        })"
    >     
                    <template x-if="bookmarked">
                <svg aria-hidden="true" class="bfa bfa-solid inline font-normal size-[18px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M0 48V487.7C0 501.1 10.9 512 24.3 512c5 0 9.9-1.5 14-4.4L192 400 345.7 507.6c4.1 2.9 9 4.4 14 4.4c13.4 0 24.3-10.9 24.3-24.3V48c0-26.5-21.5-48-48-48H48C21.5 0 0 21.5 0 48z"/></svg>            </template>
            <template x-if="!bookmarked">
                <svg aria-hidden="true" class="bfa bfa-regular inline font-normal size-[18px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M0 48C0 21.5 21.5 0 48 0l0 48 0 393.4 130.1-92.9c8.3-6 19.6-6 27.9 0L336 441.4 336 48 48 48 48 0 336 0c26.5 0 48 21.5 48 48l0 440c0 9-5 17.2-13 21.3s-17.6 3.4-24.9-1.8L192 397.5 37.9 507.5c-7.3 5.2-16.9 5.9-24.9 1.8S0 497 0 488L0 48z"/></svg>            </template>
            </button>
</div>

            </div>
        </div>
    
    
    <div class="px-3">
        <div 
    class="flex flex-row col justify-between mb-1 text-xs leading-4 font-bold text-cairn-main mb-0.5"
>
    <span class="grow">
                    <svg aria-hidden="true" class="bfa bfa-regular inline me-1 align-text-bottom w-[13px] h-[13px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M0 96C0 60.7 28.7 32 64 32l132.1 0c19.1 0 37.4 7.6 50.9 21.1L289.9 96 448 96c35.3 0 64 28.7 64 64l0 256c0 35.3-28.7 64-64 64L64 480c-35.3 0-64-28.7-64-64L0 96zM64 80c-8.8 0-16 7.2-16 16l0 320c0 8.8 7.2 16 16 16l384 0c8.8 0 16-7.2 16-16l0-256c0-8.8-7.2-16-16-16l-161.4 0c-10.6 0-20.8-4.2-28.3-11.7L213.1 87c-4.5-4.5-10.6-7-17-7L64 80z"/></svg>                Dossier
    </span>
    </div>
        <h3 class="font-bold text-base font-serif leading-5 my-1">
    La plainte, au fondement du soin ?
</h3>
    </div>

    
            <div class="mt-auto pt-1 px-3 pb-3">
            <ul class="font-serif font-bold leading-5 mb-1">
            <li class="inline-block">
                                    
                        
                            <span class="font-normal"></span>
                        
            <a
            x-alt-clipboard="893374"
        class="underline text-cairn-main hover:text-cairn-dark font-medium inline !font-bold z-[1] relative" href="https://shs.cairn.info/publications-de-kevin-pourchez--893374?lang=fr" data-livewire-navigate="data-livewire-navigate">Kevin Pourchez</a>
        </li>
                    <li class="inline-block">
                                        <span class="font-normal">et</span>
                        
                        
                        
            <a
            x-alt-clipboard="753689"
        class="underline text-cairn-main hover:text-cairn-dark font-medium inline !font-bold z-[1] relative" href="https://shs.cairn.info/publications-de-steve-vilhem--753689?lang=fr" data-livewire-navigate="data-livewire-navigate">Steve Vilhem</a>
        </li>
            </ul>
        </div>
    
</div>
</li>                            </ul>
        </div>
        
                    <div class="absolute inset-y-0 -right-10 hidden items-center lg:flex">
                <button 
                    type="button"
                    class="group" 
                    @click="goToNextPage"
                    aria-label="Publications suivantes"
                >
                    <span aria-hidden="true" class="fa-stack fa-1x text-cairn-main">
    <svg style="
                                --fa-primary-color: rgb(var(--cairn-main));
                                --fa-secondary-hover-color: rgb(var(--cairn-main));
                                --fa-secondary-opacity: 1.0;
                            ;" aria-hidden="true" class="bfa bfa-duotone inline fa-stack-2x h-full text-white" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><defs><style>.fa-secondary{opacity:.4}</style></defs><path class="fa-secondary" d="M512 256A256 256 0 1 1 0 256a256 256 0 1 1 512 0zM200 152c0 6.1 2.3 12.3 7 17l87 87-87 87c-4.7 4.7-7 10.8-7 17s2.3 12.3 7 17s10.8 7 17 7s12.3-2.3 17-7L345 273c4.7-4.7 7-10.8 7-17s-2.3-12.3-7-17L241 135c-4.7-4.7-10.8-7-17-7s-12.3 2.3-17 7s-7 10.8-7 17z"/><path class="fa-primary" d="M345 239c9.4 9.4 9.4 24.6 0 33.9L241 377c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l87-87-87-87c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0L345 239z"/></svg>    <svg aria-hidden="true" class="bfa bfa-light inline fa-stack-1x h-full" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M256 32a224 224 0 1 1 0 448 224 224 0 1 1 0-448zm0 480A256 256 0 1 0 256 0a256 256 0 1 0 0 512z"/></svg>    
</span>
                </button>
            </div>
            </div>
    
    
    <p class="text-gray-500 italic mt-2 md:hidden text-right flex items-center justify-end gap-1" aria-hidden="true">
        Faites glisser horizontalement pour voir d’autres éléments.        <svg aria-hidden="true" class="bfa bfa-light inline w-[18px] h-[18px] text-xs" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M456 128c13.3 0 24 10.7 24 24s-10.7 24-24 24l-144 0-40 0 0-32c0-5.5-.6-10.8-1.6-16L456 128zM240 176s0 0 0 0l0 32s0 0 0 0l0 24c0 13.2-10.7 24-24 24c0 0 0 0 0 0c-13.3 0-24-10.7-24-24l0-56c0-8.8-7.2-16-16-16s-16 7.2-16 16l0 56c0 15.7 6.4 29.8 16.8 40c-10.4 10.2-16.8 24.3-16.8 40c0 13.8 5 26.4 13.2 36.1C160.3 358.4 152 374.2 152 392c0 8.6 1.9 16.7 5.4 24C87.9 414.6 32 357.8 32 288l0-64C32 153.3 89.3 96 160 96l32 0c26.5 0 48 21.5 48 48l0 32zm32 32l40 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-31.9 0c0 0 0 0-.1 0l-13.4 0c3.5-7.3 5.4-15.4 5.4-24l0-24zm90.6 0l93.4 0c30.9 0 56-25.1 56-56s-25.1-56-56-56L256 96c-14.6-19.4-37.8-32-64-32l-32 0C71.6 64 0 135.6 0 224l0 64c0 88.4 71.6 160 160 160l48 0 32 0 24 0c30.9 0 56-25.1 56-56c0-12.1-3.8-23.3-10.4-32.5C325.5 349.6 336 332 336 312c0-9.7-2.5-18.8-6.8-26.7C351.7 278 368 256.9 368 232c0-8.6-1.9-16.7-5.4-24zM240 288l40 0c13.2 0 24 10.8 24 24c0 13.3-10.7 24-24 24l-16 0-48 0c-13.3 0-24-10.7-24-24s10.7-24 24-24c0 0 0 0 0 0l24 0zm0 128l-32 0c-13.3 0-24-10.7-24-24s10.7-24 24-24l8 0 48 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-24 0z"/></svg>    </p>
    
    
            <ul 
            class="flex justify-center gap-1 text-alto-200 mt-2.5 hidden lg:flex"
            role="tablist"
            aria-label="Navigation par pages du carousel"
        >
                            <li role="presentation">
                    <button 
                        type="button"
                        role="tab"
                        id="tab-0"
                        x-ref="tab0"
                        aria-controls="slide-0"
                        :aria-selected="currentPage === 0 ? 'true' : 'false'"
                        :tabindex="currentPage === 0 ? 0 : -1"
                        @click="goToPage(0)"
                        @keydown.arrow-right.prevent="$focus.focus($refs['tab1'] || $refs.tab0)"
                        @keydown.arrow-left.prevent="$focus.focus($refs['tab-1'] || $refs['tab' + (Math.ceil(countItems/itemsPerPage)-1)])"
                        aria-label="Aller à la diapositive 1"
                    >
                        <svg aria-hidden="true" :class="{ 'text-cairn-main': currentPage === 0 }" class="bfa bfa-solid inline w-[10px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512z"/></svg>                    </button>
                </li>
                            <li role="presentation">
                    <button 
                        type="button"
                        role="tab"
                        id="tab-1"
                        x-ref="tab1"
                        aria-controls="slide-1"
                        :aria-selected="currentPage === 1 ? 'true' : 'false'"
                        :tabindex="currentPage === 1 ? 0 : -1"
                        @click="goToPage(1)"
                        @keydown.arrow-right.prevent="$focus.focus($refs['tab2'] || $refs.tab0)"
                        @keydown.arrow-left.prevent="$focus.focus($refs['tab0'] || $refs['tab' + (Math.ceil(countItems/itemsPerPage)-1)])"
                        aria-label="Aller à la diapositive 2"
                    >
                        <svg aria-hidden="true" :class="{ 'text-cairn-main': currentPage === 1 }" class="bfa bfa-solid inline w-[10px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512z"/></svg>                    </button>
                </li>
                            <li role="presentation">
                    <button 
                        type="button"
                        role="tab"
                        id="tab-2"
                        x-ref="tab2"
                        aria-controls="slide-2"
                        :aria-selected="currentPage === 2 ? 'true' : 'false'"
                        :tabindex="currentPage === 2 ? 0 : -1"
                        @click="goToPage(2)"
                        @keydown.arrow-right.prevent="$focus.focus($refs['tab3'] || $refs.tab0)"
                        @keydown.arrow-left.prevent="$focus.focus($refs['tab1'] || $refs['tab' + (Math.ceil(countItems/itemsPerPage)-1)])"
                        aria-label="Aller à la diapositive 3"
                    >
                        <svg aria-hidden="true" :class="{ 'text-cairn-main': currentPage === 2 }" class="bfa bfa-solid inline w-[10px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512z"/></svg>                    </button>
                </li>
                            <li role="presentation">
                    <button 
                        type="button"
                        role="tab"
                        id="tab-3"
                        x-ref="tab3"
                        aria-controls="slide-3"
                        :aria-selected="currentPage === 3 ? 'true' : 'false'"
                        :tabindex="currentPage === 3 ? 0 : -1"
                        @click="goToPage(3)"
                        @keydown.arrow-right.prevent="$focus.focus($refs['tab4'] || $refs.tab0)"
                        @keydown.arrow-left.prevent="$focus.focus($refs['tab2'] || $refs['tab' + (Math.ceil(countItems/itemsPerPage)-1)])"
                        aria-label="Aller à la diapositive 4"
                    >
                        <svg aria-hidden="true" :class="{ 'text-cairn-main': currentPage === 3 }" class="bfa bfa-solid inline w-[10px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512z"/></svg>                    </button>
                </li>
                            <li role="presentation">
                    <button 
                        type="button"
                        role="tab"
                        id="tab-4"
                        x-ref="tab4"
                        aria-controls="slide-4"
                        :aria-selected="currentPage === 4 ? 'true' : 'false'"
                        :tabindex="currentPage === 4 ? 0 : -1"
                        @click="goToPage(4)"
                        @keydown.arrow-right.prevent="$focus.focus($refs['tab5'] || $refs.tab0)"
                        @keydown.arrow-left.prevent="$focus.focus($refs['tab3'] || $refs['tab' + (Math.ceil(countItems/itemsPerPage)-1)])"
                        aria-label="Aller à la diapositive 5"
                    >
                        <svg aria-hidden="true" :class="{ 'text-cairn-main': currentPage === 4 }" class="bfa bfa-solid inline w-[10px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512z"/></svg>                    </button>
                </li>
                    </ul>
    </div>

                    <a
        class="underline text-cairn-main hover:text-cairn-dark font-medium md:hidden flex justify-end items-center gap-2" href="https://shs.cairn.info/dossiers?lang=fr" wire:navigate="" aria-label="Voir tous les dossiers">Tous les dossiers                        <svg aria-hidden="true" class="bfa bfa-light inline w-[1em] h-[1em]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M443.3 267.3c6.2-6.2 6.2-16.4 0-22.6l-176-176c-6.2-6.2-16.4-6.2-22.6 0s-6.2 16.4 0 22.6L393.4 240 16 240c-8.8 0-16 7.2-16 16s7.2 16 16 16l377.4 0L244.7 420.7c-6.2 6.2-6.2 16.4 0 22.6s16.4 6.2 22.6 0l176-176z"/></svg></a>            </section>
</div>
</div>
        </main>

        
                    <footer role="contentinfo">
                                    <nav aria-label="Navigation par domaines" class="flex flex-col gap-2 md:hidden bg-cairn-dark px-4 pt-6 pb-8">
    <h2 class="font-bold text-xl !text-base text-white !font-medium py-2">
    Domaines
</h2>
            <a
        class="underline text-cairn-main hover:text-cairn-dark font-medium flex items-center no-underline p-3 rounded-xl hover:bg-concrete-50 !bg-concrete-50 bg-white text-cutty-sark-500" href="https://shs.cairn.info?lang=fr" wire:navigate=""><svg xmlns="http://www.w3.org/2000/svg" style="fill: currentColor;" viewBox="0 0 20 12.92" class="h-[27px]">
    <defs>
        <!-- <style>.cls-1{fill:currentColor;}</style> -->
    </defs>
    <g id="Calque_1-2">
        <g>
            <polygon class="cls-1" points="13.5 3.59 10.66 6.46 13.5 9.33 16.34 6.46 13.5 3.59"/>
            <polygon class="cls-1" points="7.12 10.01 9.95 12.88 12.79 10.01 9.95 7.13 7.12 10.01"/>
            <polygon class="cls-1" points="12.79 2.87 9.95 0 7.11 2.87 9.95 5.74 12.79 2.87"/>
            <polygon class="cls-1" points="6.4 3.59 3.56 6.46 6.4 9.33 9.24 6.46 6.4 3.59"/>
            <polygon class="cls-1" points="0 10.03 2.84 12.9 5.67 10.03 2.84 7.16 0 10.03"/>
            <rect class="cls-1" height="4.06" transform="translate(-2.09 15.05) rotate(-45)" width="4.06" x="15.1" y="8.02"/>
        </g>
    </g>
</svg>
            <p class="font-medium leading-5 ms-3.5">
                Sciences Humaines et Sociales            </p></a>            <a
        class="underline text-cairn-main hover:text-cairn-dark font-medium flex items-center no-underline p-3 rounded-xl hover:bg-concrete-50 bg-white text-purple-heart-800" href="https://stm.cairn.info?lang=fr"><svg xmlns="http://www.w3.org/2000/svg" style="fill: currentColor;" viewBox="0 0 20 12.92" class="h-[27px]">
    <defs>
        <!-- <style>.cls-1{fill:currentColor;}</style> -->
    </defs>
    <g id="Calque_1-2">
        <g>
            <polygon class="cls-1" points="13.5 3.59 10.66 6.46 13.5 9.33 16.34 6.46 13.5 3.59"/>
            <polygon class="cls-1" points="7.12 10.01 9.95 12.88 12.79 10.01 9.95 7.13 7.12 10.01"/>
            <polygon class="cls-1" points="12.79 2.87 9.95 0 7.11 2.87 9.95 5.74 12.79 2.87"/>
            <polygon class="cls-1" points="6.4 3.59 3.56 6.46 6.4 9.33 9.24 6.46 6.4 3.59"/>
            <polygon class="cls-1" points="0 10.03 2.84 12.9 5.67 10.03 2.84 7.16 0 10.03"/>
            <rect class="cls-1" height="4.06" transform="translate(-2.09 15.05) rotate(-45)" width="4.06" x="15.1" y="8.02"/>
        </g>
    </g>
</svg>
            <p class="font-medium leading-5 ms-3.5">
                Sciences, Techniques et Médecine            </p></a>            <a
        class="underline text-cairn-main hover:text-cairn-dark font-medium flex items-center no-underline p-3 rounded-xl hover:bg-concrete-50 bg-white text-maroon-900" href="https://droit.cairn.info?lang=fr"><svg xmlns="http://www.w3.org/2000/svg" style="fill: currentColor;" viewBox="0 0 20 12.92" class="h-[27px]">
    <defs>
        <!-- <style>.cls-1{fill:currentColor;}</style> -->
    </defs>
    <g id="Calque_1-2">
        <g>
            <polygon class="cls-1" points="13.5 3.59 10.66 6.46 13.5 9.33 16.34 6.46 13.5 3.59"/>
            <polygon class="cls-1" points="7.12 10.01 9.95 12.88 12.79 10.01 9.95 7.13 7.12 10.01"/>
            <polygon class="cls-1" points="12.79 2.87 9.95 0 7.11 2.87 9.95 5.74 12.79 2.87"/>
            <polygon class="cls-1" points="6.4 3.59 3.56 6.46 6.4 9.33 9.24 6.46 6.4 3.59"/>
            <polygon class="cls-1" points="0 10.03 2.84 12.9 5.67 10.03 2.84 7.16 0 10.03"/>
            <rect class="cls-1" height="4.06" transform="translate(-2.09 15.05) rotate(-45)" width="4.06" x="15.1" y="8.02"/>
        </g>
    </g>
</svg>
            <p class="font-medium leading-5 ms-3.5">
                Droit et Administration            </p></a>    </nav>
                    <div class="bg-cod-gray-950 font-medium py-5 lg:py-12">
    <div class="max-w-[1200px] mx-auto bg-white px-5 !bg-cod-gray-950 text-white px-4">
    <div class="grid grid-cols-2 gap-8 mb-10 sm:grid-cols-3 lg:grid-cols-12 lg:gap-4 lg:mb-24 lg:justify-start">
            <div class="text-left col-span-2 sm:col-span-1 lg:col-span-3">
                <img
                    src="https://shs.cairn.info/build/assets/cairn-negatif-DhObs80T.png"
                    srcset="https://shs.cairn.info/build/assets/cairn-negatif-DhObs80T.png 2x,
                            https://shs.cairn.info/build/assets/cairn-negatif-DhObs80T.png 3x,
                            https://shs.cairn.info/build/assets/cairn-negatif-DhObs80T.png 4x"
                    alt="Logo Cairn.info"
                    class="w-52 mx-0 mb-10 lg:mb-0 lg:mx-0"
                >
                <p class="mt-4 font-medium leading-5 text-silver-400 mx-0 lg:mt-10 lg:w-52">
                    Cairn.info, plateforme de référence pour les publications scientifiques francophones, vise à favoriser la découverte d’une recherche de qualité tout en cultivant l’indépendance et la diversité des acteurs de l’écosystème du savoir.                </p>
            </div>

            <!-- Raccourcis -->
            <div class="order-1 sm:order-none lg:col-span-2">
                <p class="text-silver-400 font-medium font-base mb-6 leading-6">
    Raccourcis
</p>
                <ul>
                    <li>
    <a
        class="underline text-cairn-main hover:text-cairn-dark font-medium no-underline leading-5 !font-bold !text-white hover:text-silver-300 text-lg" href="https://shs.cairn.info/publications?lang=fr&amp;tab=revues" wire:navigate="">Revues</a></li>
                    <li>
    <a
        class="underline text-cairn-main hover:text-cairn-dark font-medium no-underline leading-5 !font-bold !text-white hover:text-silver-300 text-lg" href="https://shs.cairn.info/publications?lang=fr&amp;tab=ouvrages" wire:navigate="">Ouvrages</a></li>
                    <li>
    <a
        class="underline text-cairn-main hover:text-cairn-dark font-medium no-underline leading-5 !font-bold !text-white hover:text-silver-300 text-lg" href="https://shs.cairn.info/publications?lang=fr&amp;tab=poches" wire:navigate="">Que sais-je ? / Repères</a></li>
                    <li>
    <a
        class="underline text-cairn-main hover:text-cairn-dark font-medium no-underline leading-5 !font-bold !text-white hover:text-silver-300 text-lg" href="https://shs.cairn.info/publications?lang=fr&amp;tab=magazines" wire:navigate="">Magazines</a></li>
                    <li>
    <a
        class="underline text-cairn-main hover:text-cairn-dark font-medium no-underline leading-5 !font-bold !text-white hover:text-silver-300 text-lg" href="https://shs.cairn.info/rencontres?lang=fr" wire:navigate="">Rencontres</a></li>
                    <li>
    <a
        class="underline text-cairn-main hover:text-cairn-dark font-medium no-underline leading-5 !font-bold !text-white hover:text-silver-300 text-lg" href="https://shs.cairn.info/dossiers?lang=fr" wire:navigate="">Dossiers</a></li>
                    <li>
    <a
        class="underline text-cairn-main hover:text-cairn-dark font-medium no-underline leading-5 !font-bold !text-white hover:text-silver-300 text-lg" href="https://shs.cairn.info/listes-lectures?lang=fr" wire:navigate="">Listes de lectures</a></li>
                    <li>
    <a
        class="underline text-cairn-main hover:text-cairn-dark font-medium no-underline leading-5 !font-bold !text-white hover:text-silver-300 text-lg" href="https://shs.cairn.info/editeurs?lang=fr" wire:navigate="">Éditeurs</a></li>
                </ul>
            </div>

            <!-- Domaines -->
            <div class="hidden sm:inline-block lg:col-span-3">
                <p class="text-silver-400 font-medium font-base mb-6 leading-6">
    Domaines
</p>
                <ul>
                    <li>
    <a
        class="underline text-cairn-main hover:text-cairn-dark font-medium no-underline leading-5 !font-bold !text-white hover:text-silver-300 text-lg" href="https://shs.cairn.info?lang=fr" wire:navigate="">Sciences Humaines et Sociales</a></li>
                    <li>
    <a
        class="underline text-cairn-main hover:text-cairn-dark font-medium no-underline leading-5 !font-bold !text-white hover:text-silver-300 text-lg" href="https://stm.cairn.info?lang=fr">Sciences, Techniques et Médecine</a></li>
                    <li>
    <a
        class="underline text-cairn-main hover:text-cairn-dark font-medium no-underline leading-5 !font-bold !text-white hover:text-silver-300 text-lg" href="https://droit.cairn.info?lang=fr">Droit et Administration</a></li>
                </ul>
            </div>

            <!-- Cairn.info -->
            <div class="order-2 sm:order-none lg:col-span-2">
                <p class="text-silver-400 font-medium font-base mb-6 leading-6">
    Cairn.info
</p>
                <ul>
                                            <li>
    <a
        class="underline text-cairn-main hover:text-cairn-dark font-medium no-underline leading-5 !font-bold !text-white hover:text-silver-300 text-lg" href="https://shs.cairn.info/auth/signin?lang=fr" wire:navigate="">Connexion</a></li>
                                        <li>
    <a
        class="underline text-cairn-main hover:text-cairn-dark font-medium no-underline leading-5 !font-bold !text-white hover:text-silver-300 text-lg" href="https://shs.cairn.info/cairn-pro?lang=fr" wire:navigate="">Cairn Pro</a></li>
                    <li>
    <a
        class="no-underline leading-5 font-bold text-white text-lg hover:text-silver-300" href="https://apropos.cairn.info/fr"
    >
        À propos
    </a>
</li>
                    <li>
    <a
        class="no-underline leading-5 font-bold text-white text-lg hover:text-silver-300" href="https://shs.cairn.info/contact?lang=fr"
    >
        Contact
    </a>
</li>
                    <li>
    <a
        class="no-underline leading-5 font-bold text-white text-lg hover:text-silver-300" href="https://aide.cairn.info/"
    >
        Aide
    </a>
</li>
                </ul>
            </div>

            <!-- Langue -->
            <div class="order-3 sm:order-none lg:col-span-2">
                <p class="text-silver-400 font-medium font-base mb-6 leading-6">
    Langues
</p>
                <ul>
                    <li>
    <a
        class="underline text-cairn-main hover:text-cairn-dark font-medium no-underline leading-5 !font-bold !text-white hover:text-silver-300 text-lg" href="https://shs.cairn.info?lang=fr" wire:navigate="" lang="fr">Français</a></li>
                    <li>
    <a
        class="underline text-cairn-main hover:text-cairn-dark font-medium no-underline leading-5 !font-bold !text-white hover:text-silver-300 text-lg" href="https://shs.cairn.info?lang=en" wire:navigate="" lang="en">English</a></li>
                    <li>
    <a
        class="underline text-cairn-main hover:text-cairn-dark font-medium no-underline leading-5 !font-bold !text-white hover:text-silver-300 text-lg" href="https://shs.cairn.info?lang=es" wire:navigate="" lang="es">Español</a></li>
                                    </ul>
            </div>

            <!-- Réseaux sociaux -->
            <div class="order-4 lg:order-7 lg:col-span-7 lg:justify-end lg:mt-16 sm:col-span-2">
                <p class="text-silver-400 font-medium font-base mb-6 leading-6">
    Retrouvez Cairn.info sur
</p>
                <ul class="grid grid-cols-3 gap-2.5 justify-items-center sm:flex sm:flex-wrap sm:justify-start">
                    <li>
    <a
        class="no-underline leading-5 font-bold text-white text-lg hover:text-silver-300 me-4 flex items-center justify-center w-[24px] h-[24px]" href="https://www.facebook.com/cairninfo" title="Facebook"
    >
        <svg aria-hidden="true" class="bfa bfa-brands inline w-[21px] h-[21px] align-middle" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M512 256C512 114.6 397.4 0 256 0S0 114.6 0 256C0 376 82.7 476.8 194.2 504.5V334.2H141.4V256h52.8V222.3c0-87.1 39.4-127.5 125-127.5c16.2 0 44.2 3.2 55.7 6.4V172c-6-.6-16.5-1-29.6-1c-42 0-58.2 15.9-58.2 57.2V256h83.6l-14.4 78.2H287V510.1C413.8 494.8 512 386.9 512 256h0z"/></svg>
    </a>
</li>
                    <li>
    <a
        class="no-underline leading-5 font-bold text-white text-lg hover:text-silver-300 me-4 flex items-center justify-center w-[24px] h-[24px]" href="https://bsky.app/profile/cairninfo.bsky.social" title="Bluesky"
    >
        <svg aria-hidden="true" class="bfa bfa-brands inline w-[21px] h-[21px] align-middle" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M407.8 294.7c-3.3-.4-6.7-.8-10-1.3c3.4 .4 6.7 .9 10 1.3zM288 227.1C261.9 176.4 190.9 81.9 124.9 35.3C61.6-9.4 37.5-1.7 21.6 5.5C3.3 13.8 0 41.9 0 58.4S9.1 194 15 213.9c19.5 65.7 89.1 87.9 153.2 80.7c3.3-.5 6.6-.9 10-1.4c-3.3 .5-6.6 1-10 1.4C74.3 308.6-9.1 342.8 100.3 464.5C220.6 589.1 265.1 437.8 288 361.1c22.9 76.7 49.2 222.5 185.6 103.4c102.4-103.4 28.1-156-65.8-169.9c-3.3-.4-6.7-.8-10-1.3c3.4 .4 6.7 .9 10 1.3c64.1 7.1 133.6-15.1 153.2-80.7C566.9 194 576 75 576 58.4s-3.3-44.7-21.6-52.9c-15.8-7.1-40-14.9-103.2 29.8C385.1 81.9 314.1 176.4 288 227.1z"/></svg>
    </a>
</li>
                    <li>
    <a
        class="no-underline leading-5 font-bold text-white text-lg hover:text-silver-300 me-4 flex items-center justify-center w-[24px] h-[24px]" href="https://www.linkedin.com/company/cairn-info" title="Linkedin"
    >
        <svg aria-hidden="true" class="bfa bfa-brands inline w-[21px] h-[21px] align-middle" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z"/></svg>
    </a>
</li>
                    <li>
    <a
        class="no-underline leading-5 font-bold text-white text-lg hover:text-silver-300 me-4 flex items-center justify-center w-[24px] h-[24px]" href="https://www.instagram.com/cairn.info/" title="Instagram"
    >
        <svg aria-hidden="true" class="bfa bfa-brands inline w-[21px] h-[21px] align-middle" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"/></svg>
    </a>
</li>
                    <li>
    <a
        class="no-underline leading-5 font-bold text-white text-lg hover:text-silver-300 me-4 flex items-center justify-center w-[24px] h-[24px]" href="https://www.youtube.com/@cairninfoshs" title="Youtube"
    >
        <svg aria-hidden="true" class="bfa bfa-brands inline w-[21px] h-[21px] align-middle" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z"/></svg>
    </a>
</li>
                    <li>
    <a
        class="no-underline leading-5 font-bold text-white text-lg hover:text-silver-300 me-4 flex items-center justify-center w-[24px] h-[24px]" href="https://podcasts.apple.com/fr/podcast/le-temps-dune-rencontre/id1761381631" title="Apple Podcasts"
    >
        <svg aria-hidden="true" class="bfa bfa-brands inline w-[21px] h-[21px] align-middle" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M318.7 268.7c-.2-36.7 16.4-64.4 50-84.8-18.8-26.9-47.2-41.7-84.7-44.6-35.5-2.8-74.3 20.7-88.5 20.7-15 0-49.4-19.7-76.4-19.7C63.3 141.2 4 184.8 4 273.5q0 39.3 14.4 81.2c12.8 36.7 59 126.7 107.2 125.2 25.2-.6 43-17.9 75.8-17.9 31.8 0 48.3 17.9 76.4 17.9 48.6-.7 90.4-82.5 102.6-119.3-65.2-30.7-61.7-90-61.7-91.9zm-56.6-164.2c27.3-32.4 24.8-61.9 24-72.5-24.1 1.4-52 16.4-67.9 34.9-17.5 19.8-27.8 44.3-25.6 71.9 26.1 2 49.9-11.4 69.5-34.3z"/></svg>
    </a>
</li>
                    <li>
    <a
        class="no-underline leading-5 font-bold text-white text-lg hover:text-silver-300 me-4 flex items-center justify-center w-[24px] h-[24px]" href="https://open.spotify.com/show/62JEeg91JUaUfxwwoRHTuO" title="Spotify"
    >
        <svg aria-hidden="true" class="bfa bfa-brands inline w-[21px] h-[21px] align-middle" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M248 8C111.1 8 0 119.1 0 256s111.1 248 248 248 248-111.1 248-248S384.9 8 248 8zm100.7 364.9c-4.2 0-6.8-1.3-10.7-3.6-62.4-37.6-135-39.2-206.7-24.5-3.9 1-9 2.6-11.9 2.6-9.7 0-15.8-7.7-15.8-15.8 0-10.3 6.1-15.2 13.6-16.8 81.9-18.1 165.6-16.5 237 26.2 6.1 3.9 9.7 7.4 9.7 16.5s-7.1 15.4-15.2 15.4zm26.9-65.6c-5.2 0-8.7-2.3-12.3-4.2-62.5-37-155.7-51.9-238.6-29.4-4.8 1.3-7.4 2.6-11.9 2.6-10.7 0-19.4-8.7-19.4-19.4s5.2-17.8 15.5-20.7c27.8-7.8 56.2-13.6 97.8-13.6 64.9 0 127.6 16.1 177 45.5 8.1 4.8 11.3 11 11.3 19.7-.1 10.8-8.5 19.5-19.4 19.5zm31-76.2c-5.2 0-8.4-1.3-12.9-3.9-71.2-42.5-198.5-52.7-280.9-29.7-3.6 1-8.1 2.6-12.9 2.6-13.2 0-23.3-10.3-23.3-23.6 0-13.6 8.4-21.3 17.4-23.9 35.2-10.3 74.6-15.2 117.5-15.2 73 0 149.5 15.2 205.4 47.8 7.8 4.5 12.9 10.7 12.9 22.6 0 13.6-11 23.3-23.2 23.3z"/></svg>
    </a>
</li>
                    <li>
    <a
        class="no-underline leading-5 font-bold text-white text-lg hover:text-silver-300 me-4 flex items-center justify-center w-[24px] h-[24px]" href="https://www.deezer.com/en/show/1001138461" title="Deezer"
    >
        <svg aria-hidden="true" class="bfa bfa-brands inline w-[21px] h-[21px] align-middle" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M451.46,244.71H576V172H451.46Zm0-173.89v72.67H576V70.82Zm0,275.06H576V273.2H451.46ZM0,447.09H124.54V374.42H0Zm150.47,0H275V374.42H150.47Zm150.52,0H425.53V374.42H301Zm150.47,0H576V374.42H451.46ZM301,345.88H425.53V273.2H301Zm-150.52,0H275V273.2H150.47Zm0-101.17H275V172H150.47Z"/></svg>
    </a>
</li>
                    <li>
    <a
        class="underline text-cairn-main hover:text-cairn-dark font-medium no-underline leading-5 !font-bold !text-white hover:text-silver-300 text-lg me-4 flex items-center justify-center w-[24px] h-[24px]" href="https://shs.cairn.info/rss?lang=fr" wire:navigate="" title="RSS"><svg aria-hidden="true" class="bfa bfa-solid inline w-[21px] h-[21px] align-middle" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M0 64C0 46.3 14.3 32 32 32c229.8 0 416 186.2 416 416c0 17.7-14.3 32-32 32s-32-14.3-32-32C384 253.6 226.4 96 32 96C14.3 96 0 81.7 0 64zM0 416a64 64 0 1 1 128 0A64 64 0 1 1 0 416zM32 160c159.1 0 288 128.9 288 288c0 17.7-14.3 32-32 32s-32-14.3-32-32c0-123.7-100.3-224-224-224c-17.7 0-32-14.3-32-32s14.3-32 32-32z"/></svg></a></li>
                </ul>
            </div>

            <!-- Avec le soutien -->
            <div class="order-5 lg:order-6 lg:col-span-5 lg:mt-16 sm:order-none">
                <p class="text-silver-400 font-medium font-base mb-6 leading-6">
    Avec le soutien de
</p>
                <ul class="flex space-x-4">
                    <li>
    <a
        class="no-underline leading-5 font-bold text-white text-lg hover:text-silver-300" href="http://www.centrenationaldulivre.fr/" target="_blank"
    >
        <img
                            src="https://shs.cairn.info/build/assets/logo-cnl-blanc-CisQgL-i.png"
                            alt="Logo CNL (Centre national du livre)"
                            class="w-[100px] lg:mx-0"
                        />
    </a>
</li>
                    <li>
    <a
        class="no-underline leading-5 font-bold text-white text-lg hover:text-silver-300" href="https://www.cfcopies.com/" target="_blank"
    >
        <img
                            src="https://shs.cairn.info/build/assets/logo-cfc-blanc-DOCc7xNh.png"
                            alt="Logo CFC (Centre français d&#039;exploitation du droit de copie)"
                            class="w-[150px] lg:mx-0"
                        />
    </a>
</li>
                </ul>
            </div>
        </div>
</div>

    <div class="border-t border-t-silver-400 pt-4">
        <div class="max-w-[1200px] mx-auto bg-white px-5 !bg-cod-gray-950 text-white px-4 flex flex-col justify-between gap-2 lg:flex-row lg:text-left">
    <ul class="flex flex-wrap leading-5 lg:flex-row lg:justify-start">
                <li>
    <a
        class="underline text-cairn-main hover:text-cairn-dark font-medium no-underline leading-5 text-silver-400 hover:text-silver-200 after:content-['\00a0|\00a0']" href="https://shs.cairn.info/cgu?lang=fr" wire:navigate="">Conditions d’utilisation</a></li>
                <li>
    <a
        class="underline text-cairn-main hover:text-cairn-dark font-medium no-underline leading-5 text-silver-400 hover:text-silver-200 after:content-['\00a0|\00a0']" href="https://shs.cairn.info/cgv?lang=fr" wire:navigate="">Conditions de vente</a></li>
                <li>
    <a
        class="underline text-cairn-main hover:text-cairn-dark font-medium no-underline leading-5 text-silver-400 hover:text-silver-200 after:content-['\00a0|\00a0']" href="https://shs.cairn.info/privacy?lang=fr" wire:navigate="">Politique de confidentialité</a></li>
                                    <li>
    <a
        class="underline text-cairn-main hover:text-cairn-dark font-medium no-underline leading-5 text-silver-400 hover:text-silver-200 after:content-['\00a0|\00a0']" href="#" onclick="openAxeptioCookies(); return false;">Gestion des cookies</a></li>
                                <li>
    <a
        class="underline text-cairn-main hover:text-cairn-dark font-medium no-underline leading-5 text-silver-400 hover:text-silver-200 hover:underline" href="https://shs.cairn.info/accessibilite?lang=fr" wire:navigate="">Accessibilité : partiellement conforme</a></li>
            </ul>
            <ul class="flex flex-wrap leading-5 lg:flex-row lg:justify-start">
                <li>
                    <button class="font-medium no-underline text-silver-400 hover:text-silver-200" onClick="Livewire.dispatch('openAccesDistant')">
                        Accès institutions                    </button>
                </li>
            </ul>
</div>
    </div>
</div>
<div class="bg-white">
    <div class="max-w-[1200px] mx-auto bg-white px-5 px-4">
    <p class="py-1.5 text-[13px] leading-5 text-dove-gray-500 text-center lg:text-left">
            
                                                    142.250.33.39
                                    </p>
</div>
</div>
                            </footer>
        
        <div role="status" id="toaster" x-data="toasterHub([], JSON.parse('{\u0022alignment\u0022:\u0022top\u0022,\u0022duration\u0022:3000,\u0022replace\u0022:false,\u0022suppress\u0022:false}'))" class="fixed z-50 p-4 w-full flex flex-col pointer-events-none sm:p-6 top-0 items-center">
    <template x-for="toast in toasts" :key="toast.id">
        <div x-show="toast.isVisible"
             x-init="$nextTick(() => toast.show($el))"
                          x-transition:enter-start="-translate-y-12 opacity-0"
             x-transition:enter-end="translate-y-0 opacity-100"
                          x-transition:leave-end="opacity-0 scale-90"
             class="relative duration-300 transform transition ease-in-out max-w-xs w-full pointer-events-auto text-center"
             :class="toast.select({ error: 'text-white', info: 'text-black', success: 'text-white', warning: 'text-white' })"
        >
            <i x-text="toast.message"
               class="inline-block select-none not-italic px-6 py-3 rounded shadow-lg text-md w-full mb-3"
               :class="toast.select({ error: 'bg-red-500', info: 'bg-gray-200', success: 'bg-cairn-main', warning: 'bg-orange-500' })"
            ></i>

                        <button @click="toast.dispose()" aria-label="close" class="absolute right-0 p-2 focus:outline-none rtl:right-auto rtl:left-0 top-0">
                <svg class="h-4 w-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
                    <path fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd"></path>
                </svg>
            </button>
                    </div>
    </template>
</div>

                    <div wire:snapshot="{&quot;data&quot;:{&quot;institutions&quot;:[[],{&quot;class&quot;:&quot;Illuminate\\Support\\Collection&quot;,&quot;s&quot;:&quot;clctn&quot;}],&quot;isShow&quot;:false},&quot;memo&quot;:{&quot;id&quot;:&quot;brchn2exxsZKbbc7LxND&quot;,&quot;name&quot;:&quot;ui.acces-distant&quot;,&quot;path&quot;:&quot;\/&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[&quot;0-1&quot;],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;fr&quot;},&quot;checksum&quot;:&quot;e111ca84e2281f06322e0b67f6221074f5115139455970c1f186d49b038fb365&quot;}" wire:effects="{&quot;scripts&quot;:{&quot;0-1&quot;:&quot;&lt;script&gt;\nAlpine.data(&#039;UI_AccesDistant&#039;, () =&gt; {\n    &#039;use strict&#039;;\n\n    return {\n        searchTerm: &#039;&#039;,\n        allInstitutions: [],\n        get institutions() {\n            const term = fingerprintize(this.searchTerm);\n            if (!term) return this.allInstitutions;\n            return this.allInstitutions.filter((inst) =&gt; {\n                if (inst.fingerprintPays.includes(term)) return true;\n                if (inst.fingerprintRegion.includes(term)) return true;\n                return inst.fingerprintName.includes(term);\n            });\n        },\n        init() {\n            $wire.watch(&#039;institutions&#039;, async (institutions) =&gt; {\n                await $nextTick();\n                const cache = {};\n\n                this.allInstitutions = institutions.map((proxyInst) =&gt; {\n                    \/\/ D\u00e9proxification de l&#039;objet\n                    const inst = Object.assign({}, proxyInst);\n                    inst.ssocas = proxyInst.ssocas.map((sso) =&gt; Object.assign({}, sso)) || [];\n\n                    const pays = inst.pays || &#039;&#039;;\n                    const region = inst.region || &#039;&#039;;\n                    if (!cache.hasOwnProperty(pays)) cache[pays] = fingerprintize(pays);\n                    if (!cache.hasOwnProperty(region)) cache[region] = fingerprintize(region);\n                    inst.fingerprintName = fingerprintize(inst.nom);\n                    inst.fingerprintPays = cache[pays];\n                    inst.fingerprintRegion = cache[region];\n\n                    return inst;\n                });\n            });\n        },\n        onClickAccess(idSso, ev) {\n            const origUrl = &#039;https:\\\/\\\/shs.cairn.info&#039;;\n            $wire.redirectToAccesDistant(idSso, origUrl);\n        },\n    };\n});\n&lt;\/script&gt;\n    &quot;},&quot;listeners&quot;:[&quot;openAccesDistant&quot;]}" wire:id="brchn2exxsZKbbc7LxND" x-data="UI_AccesDistant">
    <div class="fixed top-0 right-0 bottom-0 transform transition-transform bg-shark-950 md:w-[650px] sm:w-full z-30 translate-x-full">
        <div class="h-48 pl-10 mb-4">
            <div>
                <div class="flex justify-between items-start p-3 pb-0">
                    <div class="flex-1"></div>
                    <button wire:click="closeAccesDistant">
                         <span aria-hidden="true" class="fa-stack fa-1x text-concrete-100 hover:text-alto-200">
    <svg aria-hidden="true" class="bfa bfa-solid inline fa-stack-2x w-8" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512z"/></svg>    <svg aria-hidden="true" class="bfa bfa-solid inline fa-stack-1x text-ship-gray-900 w-3.5 h-5" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z"/></svg>    
</span>
                    </button>
                </div>
                <h2 class="font-bold text-xl !text-4xl text-white font-light font-sans">
    Accès institutions
</h2>
            </div>
            <div class="flex items-end space-x-4 mt-11">
                            </div>
        </div>
        <div class="bg-white p-10 text-cutty-sark-500 border rounded-t-25px rounded-r-25px h-full overflow-y-auto">
            <p class="mb-2 font-bold text-lg">
                Rechercher            </p>

            <div
    class="relative" x-model.debounce="searchTerm"
    >
    <input
        class="block w-full font-medium text-shark-950 leading-5 outline outline-1 outline-alto-200 focus:outline-cairn-main focus:outline-2 hover:outline-2 rounded-3xl ps-4 pe-10 py-2 bg-transparent peer outline-dove-gray-500" id="input-6a24055a07336" placeholder="" type="text" aria-invalid="false"
            >

    
            <button
            class="absolute inset-y-0 -end-[1px]"
            aria-label="Lancer la recherche"
            type="submit"
        >
                            <span aria-hidden="true" class="fa-stack fa-1x text-cairn-main">
    <svg aria-hidden="true" class="bfa bfa-solid inline fa-stack-2x h-[31px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512z"/></svg>    <svg aria-hidden="true" class="bfa bfa-regular inline fa-stack-1x text-white h-[16px]" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M368 208A160 160 0 1 0 48 208a160 160 0 1 0 320 0zM337.1 371.1C301.7 399.2 256.8 416 208 416C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208c0 48.8-16.8 93.7-44.9 129.1L505 471c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0L337.1 371.1z"/></svg>    
</span>
                    </button>
    
    <label
        class="px-2 font-sans text-fuscous-gray-700 cursor-text text-base leading-5 truncate transition-all absolute start-2 bg-white peer-placeholder-shown:top-1.5 peer-placeholder-shown:text-base peer-placeholder-shown:start-2 peer-focus:start-2 peer-focus:-top-2.5 peer-focus:bg-white peer-focus:text-xs -top-3 text-xs max-sm:max-w-[calc(100%-3rem)]"
        for="input-6a24055a07336"
    >Pays, région ou institution</label>
    </div>
            <h3 class="font-bold text-xl mt-8">
    Toutes les institutions
</h3>
            <hr class="mt-10 mb-11 border-alto-200 mb-2 mt-2" />
            <template x-for="institution in institutions">
                <div>
                    <div class="flex items-center justify-between my-2">
                        <span class="font-bold" x-text="institution.nom"></span>
                        <ul class="text-end">
                            <template x-for="ssocas in institution.ssocas">
                                <li>
                                    <a
                                        :href="ssocas.endpoint"
                                        class="underline text-sm"
                                        x-text="institution.ssocas.length === 1 ? JSON.parse('\u0022Acc\\u00e8s institutions\u0022') : ssocas.libelle"
                                        @click.prevent="onClickAccess(ssocas.id, $event)"
                                    ></a>
                                </li>
                            </template>
                        </ul>
                    </div>
                    <hr class="mt-10 mb-11 border-alto-200 mb-2 mt-2" />
                </div>
            </template>
        </div>
    </div>

    <div wire:click="closeAccesDistant" class="hidden"></div>
</div>

                <div wire:snapshot="{&quot;data&quot;:{&quot;activeComponent&quot;:null,&quot;components&quot;:[[],{&quot;s&quot;:&quot;arr&quot;}]},&quot;memo&quot;:{&quot;id&quot;:&quot;1rkIUYHbYZ5UKu5y0Ef6&quot;,&quot;name&quot;:&quot;livewire-ui-modal&quot;,&quot;path&quot;:&quot;\/&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;fr&quot;},&quot;checksum&quot;:&quot;b1ecb4f6d656d370fb4b5ff3b43ecc4bea99f34110269a92bb9962f2fd7b3bb5&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;openModal&quot;,&quot;destroyComponent&quot;]}" wire:id="1rkIUYHbYZ5UKu5y0Ef6">
    <!--[if BLOCK]><![endif]-->        <script>(()=>{var t,e={646:()=>{function t(t){return function(t){if(Array.isArray(t))return e(t)}(t)||function(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}(t)||function(t,o){if(t){if("string"==typeof t)return e(t,o);var n={}.toString.call(t).slice(8,-1);return"Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n?Array.from(t):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?e(t,o):void 0}}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function e(t,e){(null==e||e>t.length)&&(e=t.length);for(var o=0,n=Array(e);o<e;o++)n[o]=t[o];return n}window.LivewireUIModal=function(){return{show:!1,showActiveComponent:!0,activeComponent:!1,componentHistory:[],modalWidth:null,listeners:[],getActiveComponentModalAttribute:function(t){if(void 0!==this.$wire.get("components")[this.activeComponent])return this.$wire.get("components")[this.activeComponent].modalAttributes[t]},closeModalOnEscape:function(t){if(!1!==this.getActiveComponentModalAttribute("closeOnEscape")&&this.closingModal("closingModalOnEscape")){var e=!0===this.getActiveComponentModalAttribute("closeOnEscapeIsForceful");this.closeModal(e)}},closeModalOnClickAway:function(t){!1!==this.getActiveComponentModalAttribute("closeOnClickAway")&&this.closingModal("closingModalOnClickAway")&&this.closeModal(!0)},closingModal:function(t){var e=this.$wire.get("components")[this.activeComponent].name,o={id:this.activeComponent,closing:!0};return Livewire.dispatchTo(e,t,o),o.closing},closeModal:function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0],e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,o=arguments.length>2&&void 0!==arguments[2]&&arguments[2];if(!1!==this.show){if(!0===this.getActiveComponentModalAttribute("dispatchCloseEvent")){var n=this.$wire.get("components")[this.activeComponent].name;Livewire.dispatch("modalClosed",{name:n})}if(!0===this.getActiveComponentModalAttribute("destroyOnClose")&&Livewire.dispatch("destroyComponent",{id:this.activeComponent}),e>0)for(var i=0;i<e;i++){if(o){var s=this.componentHistory[this.componentHistory.length-1];Livewire.dispatch("destroyComponent",{id:s})}this.componentHistory.pop()}var r=this.componentHistory.pop();r&&!t&&r?this.setActiveModalComponent(r,!0):this.setShowPropertyTo(!1)}},setActiveModalComponent:function(t){var e=this,o=arguments.length>1&&void 0!==arguments[1]&&arguments[1];if(this.setShowPropertyTo(!0),this.activeComponent!==t){!1!==this.activeComponent&&!1===o&&this.componentHistory.push(this.activeComponent);var n=50;!1===this.activeComponent?(this.activeComponent=t,this.showActiveComponent=!0,this.modalWidth=this.getActiveComponentModalAttribute("maxWidthClass")):(this.showActiveComponent=!1,n=400,setTimeout((function(){e.activeComponent=t,e.showActiveComponent=!0,e.modalWidth=e.getActiveComponentModalAttribute("maxWidthClass")}),300)),this.$nextTick((function(){var o,i=null===(o=e.$refs[t])||void 0===o?void 0:o.querySelector("[autofocus]");i&&setTimeout((function(){i.focus()}),n)}))}},focusables:function(){return t(this.$el.querySelectorAll("a, button, input:not([type='hidden']), textarea, select, details, [tabindex]:not([tabindex='-1'])")).filter((function(t){return!t.hasAttribute("disabled")}))},firstFocusable:function(){return this.focusables()[0]},lastFocusable:function(){return this.focusables().slice(-1)[0]},nextFocusable:function(){return this.focusables()[this.nextFocusableIndex()]||this.firstFocusable()},prevFocusable:function(){return this.focusables()[this.prevFocusableIndex()]||this.lastFocusable()},nextFocusableIndex:function(){return(this.focusables().indexOf(document.activeElement)+1)%(this.focusables().length+1)},prevFocusableIndex:function(){return Math.max(0,this.focusables().indexOf(document.activeElement))-1},setShowPropertyTo:function(t){var e=this;this.show=t,t?document.body.classList.add("overflow-y-hidden"):(document.body.classList.remove("overflow-y-hidden"),setTimeout((function(){e.activeComponent=!1,e.$wire.resetState()}),300))},init:function(){var t=this;this.modalWidth=this.getActiveComponentModalAttribute("maxWidthClass"),this.listeners.push(Livewire.on("closeModal",(function(e){var o,n,i;t.closeModal(null!==(o=null==e?void 0:e.force)&&void 0!==o&&o,null!==(n=null==e?void 0:e.skipPreviousModals)&&void 0!==n?n:0,null!==(i=null==e?void 0:e.destroySkipped)&&void 0!==i&&i)}))),this.listeners.push(Livewire.on("activeModalComponentChanged",(function(e){var o=e.id;t.setActiveModalComponent(o)})))},destroy:function(){this.listeners.forEach((function(t){t()}))}}}},761:()=>{}},o={};function n(t){var i=o[t];if(void 0!==i)return i.exports;var s=o[t]={exports:{}};return e[t](s,s.exports,n),s.exports}n.m=e,t=[],n.O=(e,o,i,s)=>{if(!o){var r=1/0;for(u=0;u<t.length;u++){for(var[o,i,s]=t[u],a=!0,c=0;c<o.length;c++)(!1&s||r>=s)&&Object.keys(n.O).every((t=>n.O[t](o[c])))?o.splice(c--,1):(a=!1,s<r&&(r=s));if(a){t.splice(u--,1);var l=i();void 0!==l&&(e=l)}}return e}s=s||0;for(var u=t.length;u>0&&t[u-1][2]>s;u--)t[u]=t[u-1];t[u]=[o,i,s]},n.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e),(()=>{var t={931:0,994:0};n.O.j=e=>0===t[e];var e=(e,o)=>{var i,s,[r,a,c]=o,l=0;if(r.some((e=>0!==t[e]))){for(i in a)n.o(a,i)&&(n.m[i]=a[i]);if(c)var u=c(n)}for(e&&e(o);l<r.length;l++)s=r[l],n.o(t,s)&&t[s]&&t[s][0](),t[s]=0;return n.O(u)},o=self.webpackChunk=self.webpackChunk||[];o.forEach(e.bind(null,0)),o.push=e.bind(null,o.push.bind(o))})(),n.O(void 0,[994],(()=>n(646)));var i=n.O(void 0,[994],(()=>n(761)));i=n.O(i)})();</script>
    <!--[if ENDBLOCK]><![endif]-->
    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->

    <div
            x-data="LivewireUIModal()"
            x-on:close.stop="setShowPropertyTo(false)"
            x-on:keydown.escape.window="setShowPropertyTo(false)"
            x-show="show"
            class="fixed inset-0 z-10 overflow-y-auto"
            style="display: none;"
    >
        <div class="flex items-end justify-center min-h-screen px-4 pt-4 pb-10 text-center sm:block sm:p-0">
            <div
                    x-show="show"
                    x-on:click="closeModalOnClickAway()"
                    x-transition:enter="ease-out duration-300"
                    x-transition:enter-start="opacity-0"
                    x-transition:enter-end="opacity-100"
                    x-transition:leave="ease-in duration-200"
                    x-transition:leave-start="opacity-100"
                    x-transition:leave-end="opacity-0"
                    class="fixed inset-0 transition-all transform"
            >
                <div class="absolute inset-0 bg-black opacity-50"></div>
            </div>

            <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">&#8203;</span>

            <div
                role="dialog"
                aria-modal="true"
                aria-labelledby="modalTitle"
                aria-describedby="modalDesc"
                x-show="show && showActiveComponent"
                x-transition:enter="ease-out duration-300"
                x-transition:enter-start="opacity-0 sm:translate-y-4 sm:scale-95"
                x-transition:enter-end="opacity-100 sm:translate-y-0 sm:scale-100"
                x-transition:leave="ease-in duration-200"
                x-transition:leave-start="opacity-100 sm:translate-y-0 sm:scale-100"
                x-transition:leave-end="opacity-0 sm:translate-y-4 sm:scale-95"
                x-bind:class="modalWidth"
                x-trap.noscroll.inert="show && showActiveComponent"
                class="w-full bg-white rounded-20px text-left overflow-hidden shadow-xl transition-all p-5 inline-block transform absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 sm:static sm:top-auto sm:left-auto sm:translate-x-0 sm:translate-y-0 sm:align-middle sm:my-8"
            >
                <!--[if BLOCK]><![endif]-->                <!--[if ENDBLOCK]><![endif]-->
            </div>
        </div>
    </div>
</div>
                <script data-navigate-once="true">window.livewireScriptConfig = {"csrf":"s4hRlm4BVh7fbVoKmfPPYDB0KjM8VgtObmAW8cYV","uri":"\/livewire\/update","progressBar":"","nonce":""};</script>

        <script>
            document.documentElement.style.scrollPaddingTop = 'var(--scroll-after-banner)';
        </script>

        
                    <!-- tiers.imagino -->
<script>
    window.imaginoData = {
        page: JSON.parse('{\u0022route\u0022:\u0022home\u0022,\u0022site:lang\u0022:\u0022fr\u0022,\u0022site:domain\u0022:\u0022shs\u0022,\u0022component\u0022:\u0022pages.home-page\u0022}'),
        currentUrl: 'https:\/\/shs.cairn.info',
    };
</script>

<script data-navigate-once>
    window.addEventListener('load', function() {
        'use strict';

        const IMAGINO_SCRIPT_ID = 'imagino-script';
        const IMAGINO_CONSENT_NAME = 'imagino';

        async function createScriptTagImagino(onLoad) {
            return new Promise((resolve) => {
                if (document.getElementById(IMAGINO_SCRIPT_ID)) return resolve();
                const script = document.createElement("script");
                script.onload = () => resolve();
                script.type = "text/javascript";
                script.async = true;
                script.src = "https://6b2fcd62.tag.imagino.com/public/api.js?apiKey=jzGfZRelQDCsB8cfBfIWoA==";
                script.id = IMAGINO_SCRIPT_ID;
                document.body.appendChild(script);
            });
        }

        function removeImagino() {
            if (window.imaginoTag) delete window.imaginoTag;
            const script = document.getElementById(IMAGINO_SCRIPT_ID);
            if (!script) return;
            script.parentNode.removeChild(script);
        }

        function callImagino() {
            if (!window.imaginoTag) return;
            const tracker = window.imaginoTag.getTracker();
            tracker.identify(null);
            tracker.identify(window.imaginoData.page.idUser);
            tracker.page(
                window.imaginoData.currentUrl,
                window.imaginoData.page,
            );
        }

        window.consents.registerAndCall(async (hasConsentImagino) => {
            if (!hasConsentImagino) return removeImagino();
            await createScriptTagImagino();
            callImagino();
        }, IMAGINO_CONSENT_NAME);

        document.addEventListener('livewire:navigated', async () => {
            if (!await window.consents.get(IMAGINO_CONSENT_NAME)) return;
            callImagino();
        });
    });
</script>
<!-- tiers.imagino -->
        
                    <script data-navigate-once>
    window.axeptioSettings = {
        clientId: '678a402e2d9015d562c49758',
        cookiesVersion:                 "cairn.info-fr-EU"
        ,
        userCookiesDomain: "cairn.info"
    };
</script>

<script
    id="axeptio"
    src="https://static.axept.io/sdk.js"
    type="text/javascript"
    data-navigate-once
></script>
        
                    <script type="text/javascript" data-type="application/javascript" data-navigate-once>
    (function() {
        'use strict';

        const HELPSCOUT_SCRIPT_ID = 'helpscout-beacon-script';
        const HELPSCOUT_CONSENT_NAME = 'helpscout';

        
        window.Beacon = function(method, options, data) {
            window.Beacon.readyQueue.push({
                method: method,
                options: options,
                data: data
            });
        };
        // Initialisation d’une file d’attente vide
        window.Beacon.readyQueue = [];
        window.domHelpscoutScript = null;

        function initHelpscout() {

            function injectBeaconScript() {
                if (window.domHelpscoutScript) return;

                const script = document.createElement("script");
                script.type = "text/javascript";
                script.async = true;
                script.src = "https://beacon-v2.helpscout.net";
                script.id = HELPSCOUT_SCRIPT_ID;
                window.domHelpscoutScript = script;

                document.body.appendChild(script);
            }

            // Si le document est déjà complètement chargé, injection immédiate du script
            if (document.readyState === "complete") {
                return injectBeaconScript();
            }
            // Sinon, attendre la fin du chargement de la page
            if (window.attachEvent) {
                // Compatibilité Internet Explorer <= 8
                window.attachEvent("onload", injectBeaconScript);
            } else {
                // Navigateurs modernes
                window.addEventListener("load", injectBeaconScript, false);
            }
        }


        
        const helpscoutKey = '47bdae06-bbc4-484c-9e7c-01489e1a8fc2';

        document.addEventListener('livewire:navigating', () => {
            Beacon('destroy');
        });
        document.addEventListener('livewire:navigated', () => {
            window.consents.registerAndCall((hasConsentHelpscout) => {
                if (!hasConsentHelpscout) {
                    Beacon('destroy');
                    return;
                }
                initHelpscout();
                window.Beacon('init', helpscoutKey);
            }, HELPSCOUT_CONSENT_NAME);
        });
    })();
</script>
        
                    <script>
    window.pooolEngageFilters = JSON.parse('[\u0022site:domain:shs\u0022,\u0022site:lang:fr\u0022,\u0022route:home\u0022,\u0022user:idUser:null\u0022,\u0022licence:idLicence:null\u0022,\u0022user:acces:sophia:0\u0022,\u0022institution:idInstitution:null\u0022]');
    window.pooolVariables = [];
</script>

<style>
    .p3-outlet { z-index: 9999 !important; }
</style>

<script type="text/javascript" data-type="application/javascript" data-navigate-once>
    window.addEventListener('load', function() {
        'use strict';

        
        const POOOL_CONSENT_NAME = 'poool';
        const POOOL_KEY = 'vyd2r5NTT7vWNa8xQutRczHIvpQD3m7KnYmT66dLoFvb4h9S75laHSVpcRABiTPn';
        
        const ACCESS_SCRIPT_ID = 'poool-access-script';
        const ACCESS_QUERY_TARGET = '.poool-access-target';
        const ACCESS_QUERY_CONTENT = '.poool-access-content';
        
        const ENGAGE_SCRIPT_ID = 'poool-engage-script';

        
        async function createScriptTagAccess(onLoad) {
            return new Promise((resolve) => {
                if (document.getElementById(ACCESS_SCRIPT_ID)) return resolve();
                const script = document.createElement("script");
                script.onload = () => resolve();
                script.type = "text/javascript";
                script.async = true;
                script.src = "https://assets.poool.fr/access.min.js";
                script.id = ACCESS_SCRIPT_ID;
                document.body.appendChild(script);
            });
        }
        async function createScriptTagEngage(onLoad) {
            return new Promise((resolve) => {
                if (document.getElementById(ENGAGE_SCRIPT_ID)) return resolve();
                const script = document.createElement("script");
                script.onload = () => resolve();
                script.type = "text/javascript";
                script.async = true;
                script.src = "https://assets.poool.fr/engage.min.js";
                script.id = ENGAGE_SCRIPT_ID;
                document.body.appendChild(script);
            });
        }

        
        function callAccess() {
            if (!window.Access) return;
            if (!document.querySelector(ACCESS_QUERY_TARGET)) return;
            window.Access
                .init(POOOL_KEY)
                .config({
                                        cookies_enabled: true,
                })
                .variables(window.pooolVariables)
                .createPaywall({
                    target: ACCESS_QUERY_TARGET,
                    content: ACCESS_QUERY_CONTENT,
                    mode: 'excerpt',
                    percent: 99,
                    pageType: 'premium',
                })
                .on('error', (error, event) => {
                    document.querySelector('.poool-access-target').style.display = 'none';
                    event.forceRelease();
                });
        }

        function callEngage() {
            if (!window.Engage) return;
            window.Engage
                .init(POOOL_KEY)
                .config({
                                    })
                .variables(window.pooolVariables)
                .autoCreate({
                    filters: window.pooolEngageFilters,
                });
        }

        
        function removeAccess() {
            
        }

        function removeEngage() {
            
        }

        
        window.consents.registerAndCall(async (hasConsentPoool) => {
            if (!hasConsentPoool) return removeAccess();
            await createScriptTagAccess();
            callAccess();
            await createScriptTagEngage();
            callEngage();
        }, POOOL_CONSENT_NAME);

        
        document.addEventListener('livewire:navigated', async () => {
            if (!await window.consents.get(POOOL_CONSENT_NAME)) return;
            callAccess();
            callEngage();
        });
    });
</script>
        
            </body>
</html>
