PageSourceSearch

https://mediatheque-stjouin-bruneval.fr/list-user-selection

html mediatheque-stjouin-bruneval.fr collected 2026-10-07 15:17:34 UTC 84,271 bytes, 1,553 lines download raw bytes

1
2
3<!DOCTYPE html>
4<html lang="fr">
5<head>
6      <meta name="viewport" content="width=device-width, initial-scale=1">
7<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
8<meta http-equiv="Pragma" content="no-cache" />
9<meta http-equiv="Expires" content="-1" />
10  <title>Mes Sélections</title>
11            
12  
13        
14    
15    
16      
17  
18    <meta charset="utf-8" />
19<link rel="canonical" href="https://mediatheque-stjouin-bruneval.fr/list-user-selection" />
20<meta name="news_keywords" content="Bibliotheque, Mediatheque, Catalogue, ligne, portail, documentaire, espace adherent, famille, emprunts, reservation, livres" />
21<meta name="description" content="Bienvenue sur le catalogue en ligne de la L&#039;ESCALE Médiathèque - établissement municipal de SAINT JOUIN-BRUNEVAL" />
22<meta name="abstract" content="Bienvenue sur le catalogue en ligne de la L&#039;ESCALE Médiathèque - établissement municipal de SAINT JOUIN-BRUNEVAL" />
23<meta name="keywords" content="Bibliotheque, Mediatheque, Catalogue, ligne, portail, documentaire, espace adherent, famille, emprunts, reservation, livres" />
24<meta name="Generator" content="Drupal 9 (https://www.drupal.org)" />
25<meta name="MobileOptimized" content="width" />
26<meta name="HandheldFriendly" content="true" />
27<meta name="viewport" content="width=device-width, initial-scale=1.0" />
28<link rel="icon" href="/sites/mediatheque-stjouin-bruneval.fr/files/CoLibris.png" type="image/vnd.microsoft.icon" />
29</head-placeholder>
30      <link rel="stylesheet" media="all" href="/sites/mediatheque-stjouin-bruneval.fr/files/css/css_diYT2rYI-irpIiqdlT8--dRBY1yNO1L3uVo9LLbkrnA.css" />
31<link rel="stylesheet" media="all" href="https://unpkg.com/[email protected]/dist/orejime.css" />
32<link rel="stylesheet" media="all" href="/sites/mediatheque-stjouin-bruneval.fr/files/css/css_vW590W00xo4MYYLxRq-dyIvdPRnONVvJ7fXkCfrp3eY.css" />
33<link rel="stylesheet" media="all" href="/sites/mediatheque-stjouin-bruneval.fr/files/css/css_j6ZjU0Uw2CdbiQ0eMGr6fjrVFHXgJ2VPPfRsMTYQq-o.css" />
34</css-placeholder>
35        <!-- Font Awesome Maj PBR 11 et RBL avril 2025 -->
36        
37        </js-placeholder>
38                                                            <style media="all">
39                                                                    @font-face {
40                    font-family: Roboto;
41                    src: url(/themes/lsOpac/fonts/googleFont/Roboto.ttf);
42                }
43                          
44                                                                    @font-face {
45                    font-family: MPLUSRounded;
46                    src: url(/themes/lsOpac/fonts/googleFont/MPLUSRounded.ttf);
47                }
48                          
49                                                  
50
51            :root{
52                            --lsOpac-link-color:#fbb217;               --lsOpac-link-hover-color:#ffe454;               
53                          --md-primary-color:#47c3e7;               --md-primary-color-lighter:#62CCEA;               --md-primary-color-darker:#3CA5C4;               --md-primary-color-lighter-extended:#DAF3FA; 
54              --md-primary-text-color: #FFFFFF;               --md-primary-text-color-inverted: #000000;               --md-primary-lighter-extended-text-color: #000000; 
55
56              --md-secondary-color:#47c3e7;               --md-secondary-color-lighter:#62CCEA;               --md-secondary-color-darker:#3CA5C4;               --md-secondary-color-lighter-extended:#DAF3FA; 
57              --md-secondary-text-color: #FFFFFF;               --md-secondary-text-color-inverted: #000000;               --md-secondary-lighter-extended-text-color: #000000; 
58
59              --md-text-color:#333333; 
60
61              --md-button-primary-color: #47c3e7;               --md-button-primary-lighter: #62CCEA;               --md-button-primary-darker: #3CA5C4;               --md-button-primary-text-color: #FFFFFF; 
62              --md-button-secondary-color: #fbb217;               --md-button-secondary-lighter: #FBBD39;               --md-button-secondary-darker: #D59713;               --md-button-secondary-text-color: #FFFFFF; 
63
64              --md-link-primary-color: #fbb217;               --md-link-primary-lighter: #FBBD39;               --md-link-primary-colorover: #D59713;               --md-link-primary-text-color: #FFFFFF; 
65              --md-link-secondary-color: #fbb217;               --md-link-secondary-lighter: #FBBD39;               --md-link-secondary-colorover: #D59713;               --md-link-secondary-text-color: #FFFFFF; 
66            
67                            --lsOpac-button-bg:#47c3e7;               --lsOpac-button-text-color:#ffffff;               --lsOpac-button-radius:10px;               --lsOpac-button-height:0.5rem;               --lsOpac-button-width:0.5rem;               --lsOpac-button-border-color:#cc4125;               --lsOpac-button-border-width:0px;               --lsOpac-active-button-bg:#2b758b;               --lsOpac-active-button-text-color:#ffffff;               
68                            --lsOpac-block-border-width:3px;              --lsOpac-block-header-bg:#47c3e7;               --lsOpac-block-header-color:#ffffff;               --lsOpac-block-header-border:  none ;
69              --lsOpac-block-header-border-color:#413c7a;               --lsOpac-block-header-border-width:0px;               --lsOpac-block-header-border-bottom-width: 0px;
70              --lsOpac-block-header-height: 5.7rem;
71              --lsOpac-block-content-radius-top: 0px;
72              --lsOpac-block-content-bg:#ffffff;               --lsOpac-block-content-color:#000000;               --lsOpac-block-content-border:  none ;
73              --lsOpac-block-content-border-color:#413c7a;               --lsOpac-block-content-border-width:0px;               --lsOpac-block-content-border-top-width: 0px;
74              --lsOpac-block-side-bar-bg:#47c3e7;               --lsOpac-block-side-bar-height: 4rem;
75              
76                            --lsOpac-tags-bg:#fbb217;               --lsOpac-tags-color:#ffffff;               
77                            --lsOpac-page-header-bg:#e5efdf;               --lsOpac-page-header-text-color:#000000;
78              --lsOpac-page-header-color:#8ec44a; 
79              --lsOpac-page-site-info-bgcolor: #fbb217;               --lsOpac-page-site-info-bgcolor-lighter: #FBBD39;               --lsOpac-page-site-info-bgcolor-darker: #D59713;               --lsOpac-page-site-info-text-color: #FFFFFF; 
80              --lsOpac-page-header-height:calc(7rem + 2rem);               --lsOpac-page-header-y-position:%;               --lsOpac-page-header-img-position:;               --lsOpac-page-header-img-size:; 
81              --lsOpac-page-bg:#ffffff;               --lsOpac-page-color:#000000; 
82              --lsOpac-page-footer-bg:#e5efdf;               --lsOpac-page-footer-color:#8ec44a;               
83                            --lsOpac-other-shadow: var(--shadow1);
84              --lsOpac-other-content-border-radius:10px;               --lsOpac-other-content-border-style: solid;               --lsOpac-other-content-border-width: 3px; 
85              --lsOpac-other-popup-bg:;               --lsOpac-other-popup-color:; 
86              --lsOpac-other-text-slogan-family:;               --lsOpac-other-text-slogan-style:normal;               --lsOpac-other-text-slogan-size:px;               --lsOpac-other-text-slogan-color:#ffffff; 
87              --lsOpac-other-text-title-family:MPLUSRounded;               --lsOpac-other-text-title-style:normal; 
88              --lsOpac-other-text-family:Roboto;               --lsOpac-other-text-style:normal;               --lsOpac-other-text-size:;               --lsOpac-ok-color: #4CAF50;
89              --lsOpac-not-ok-color: #f44336;
90              --lsOpac-not-ok-background-color: #fde8e8;
91
92              --lsOpac-admin-color: #fff;
93              --lsOpac-admin-background: #fbb217;
94
95              --ls-bx-info-bar-height: 2.25rem;
96
97              --ls-high-contrast-page: #000000;
98              --ls-low-contrast-page: rgb(0 0 0 / 10%);
99
100              --ls-high-contrast-page-header: #000000;
101              --ls-low-contrast-page-header: rgb(0 0 0 / 10%);
102
103              --ls-high-contrast-page-footer: #000000;
104              --ls-low-contrast-page-footer: rgb(0 0 0 / 10%);
105
106              --ls-high-contrast-block-body: #000000;
107              --ls-low-contrast-block-body: rgb(0 0 0 / 10%);
108
109              --ls-high-contrast-block-header: #ffffff;
110              --ls-low-contrast-block-header: rgb(255 255 255 / 10%);
111
112              --ls-high-contrast-button: #ffffff;
113              --ls-low-contrast-button: rgb(255 255 255 / 10%);
114
115              --ls-high-contrast-tag: #ffffff;
116              --ls-low-contrast-tag: rgb(255 255 255 / 10%);
117
118              --ls-form-background-color: #dfdfdf80;
119	            --ls-form-border-color: #c5c5c580;
120
121              --ls-advanced-search-color: #000000;
122              --ls-opac-visited-nodes-opacity: 0.2;
123                          }
124
125
126            footer h1, footer h2, footer h3, footer h4, footer h5, footer h6 {
127              color:         #8ec44a
128    ;
129              text-overflow: ellipsis;
130            }
131
132            footer .button {
133              -webkit-transition-duration: 0.8s; /* Safari */
134              transition-duration: 0.8s;
135              border-radius: 25px;
136              padding: 8px;
137              display: inline-block;
138              background-color: rgba(71, 195, 231, 0.5);
139              color:         #ffffff
140    ;
141            
142              border-color:         #cc4125
143    ;
144            }
145
146
147
148          </style>
149
150
151                
152
153        </head>
154
155<body class="path-list-user-selection ls-flex ls-flex-direction-column" style="height:100vh;overflow: hidden;">
156
157<div id="opac_cutom_message_popup" class="w3-card animated slideInLeft ui-corner-all ui-front" style="position:fixed;top:35px;right:2%;z-index: 1500;display:none;font-size: 18px;border-radius: 10px">
158  <div id="opac_cutom_message_popup_color_statut" class="w3-container w3-cell w3-blue" style="border-radius:10px">
159    <span  id="opac_cutom_message_popup_message" class="w3-container w3-black w3-cell" style="padding:20px;margin-left:25%"></span>
160  </div>
161</div>
162
163
164
165
166<script type="text/javascript">
167    accessibilitytoolbar_custom = {
168        // MANDATORY : ID of the target container which will include the link. If not null, activate the display in link mode. The link will be added as the last element of the target container. idLinkModeContainer : "id_target_container",
169        idLinkModeContainer: "opac-accessibility-div",
170        cssLinkModeClassName: "cbg-active-small",
171    };
172</script>
vendor: 1 bytes, line 172
172
173<script type="text/javascript"
174        src="/libraries/orange-confort-plus/js/toolbar.min.js">
175</script>
175
176
177
178<div class="ls-bx-black-screen ls-js-bx-black-screen"></div>
179
180
181
182    <style>
183        .md-user-grid-container {
184            display: grid;
185            grid-template-columns: repeat(3, 1fr);
186            gap: 15px;
187            width: 100%;
188        }
189
190        .md-user-icon-text-link-grid {
191            display: grid;
192            grid-template-rows: auto auto;
193            justify-items: center;
194            text-decoration: none;
195            padding: 10px;
196            border: 1px solid #ddd;
197            border-radius: 5px;
198            transition: all 0.3s ease;
199        }
200
201        .md-user-icon-text-link-grid:hover {
202            transform: translateY(-2px);
203            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
204        }
205
206        .md-user-icon-text-link-grid i {
207            font-size: 24px;
208            margin-bottom: 8px;
209        }
210
211        .md-user-icon-text-link-grid span {
212            text-align: center;
213        }
214    </style>
215
216
217
218
219
220
221
222
223
224
225
226    
227
228<div id="ls-user-menu"
229     class="ls-bx-sidebar-right ls-flex ls-js-black-screen-target ls-padding-rem05 ls-flex-direction-column ls-gap-rem1"
230     style="background-color:var(--lsOpac-page-bg);">
231    <div class="ls-flex ls-flex-direction-column ls-flex-1 ls-max-height ls-max-width ls-paddingBottom-rem1 ls-paddingTop-rem1">
232
233        <div class="ls-flex ls-flex-justify-space-between md-primary-colors ls-flex-align-center ls-paddingRight-rem1 ls-paddingLeft-rem1 ls-marginBottom-rem1">
234            <h3>Bonjour visiteur</h3>
235            <span class=" " style="cursor:pointer"
236                  onclick="$('#ls-user-menu').removeClass('ls-active');disableBlackScreen();">
237            <i class="fak fa-circle-arrow-right fa-2x"></i>
238          </span>
239        </div>
240                    <div class="ls-flex-1 ls-flex ls-flex-direction-column ls-gap-rem05 ls-box-scrollable-y">
241                <div class="ls-js-message-login ls-bx-min-fit-content"></div>
242
243                <h3 class="ls-flex ls-flex-align-center ls-gap-rem05">Connectez-vous
244                    <hr class="ls-flex-1">
245                </h3>
246                <div class="ls-bx-min-fit-content">
247                    <form class="user-login-form" data-drupal-selector="user-login-form" action="/list-user-selection" method="post" id="user-login-form" accept-charset="UTF-8">
248  
249    <style>
250    </style>
251
252
253
254
255
256<div class="ls-bx-min-fit-content">
257  <section class="ls-padding-rem1">
258      <form>
259          <section class="ls-flex ls-flex-direction-column ls-gap-rem1">
260                            <div class="">
261                  <div class="js-form-item form-item js-form-type-textfield form-item-name js-form-item-name">
262      <label for="edit-name" class="js-form-required form-required">Nom d'utilisateur</label>
263        <input autocorrect="none" autocapitalize="none" spellcheck="false" autofocus="autofocus" class="ls-input ls-max-width  form-text required" placeholder="Votre Identifiant" data-drupal-selector="edit-name" type="text" id="edit-name" name="name" value="" size="60" maxlength="60" required="required" aria-required="true" />
264
265        </div>
266
267              </div>
268              <div class="">
269                <label>Votre mot de passe</label>
270                <div class="ls-input-with-icon-wrapper">
271                  <input class="ls-input ls-max-width required" placeholder="Votre mot de passe" data-drupal-selector="edit-pass" type="password" id="edit-pass" name="pass" size="60" maxlength="128" required="required" aria-required="true">
272                  <div class="ls-input-icon-container">
273                    <a onclick = "eye_show_hide(this);" href="javascript:void(0)"><i class="far fa-eye"></i></a>
274                  </div>
275                </div>
276              </div>
277            <div class="">
278              
279                
280
281	<div class="ls-flex ls-flex-justify-center ls-flex-align-center form-actions" data-drupal-selector="edit-actions" id="edit-actions">
282		<input class="md-btn md-btn-primary button js-form-submit form-submit" data-drupal-selector="edit-submit" type="submit" id="edit-submit" name="op" value="Connectez-vous" />
283
284	</div>
285
286
287                
288                <input autocomplete="off" data-drupal-selector="form-7lop-yyjt-zqkpgxy-i4xqpenyzgeqnrqenl9zmxg6u" type="hidden" name="form_build_id" value="form-7LoP_YYJt_zQkPGxY_i4xqPEnYzgEqNrqeNl9zmxg6U" />
289
290                <input data-drupal-selector="edit-user-login-form" type="hidden" name="form_id" value="user_login_form" />
291
292                
293            </div>
294            
295          </section>
296      </form>
297
298      
299              <div class="ls-flex ls-flex-align-center ls-flex-direction-column">
300          <div class="ls-flex ls-flex-align-center ls-gap-rem1" style="width:50%"><hr class="ls-flex-1">OU<hr class="ls-flex-1"></div>
301          <a class="md-btn md-btn-primary-reverse"
302             data-target="#sidebar-modal"
303             data-modal-header='{"link_datas":"/ls-modal/header-modal-sidebar-default", "method":"GET", "template_param":{"param": {"titre": "Préinscription", "class": "text-center"}}}'
304             data-modal-body='{"link_datas":"/opac_manage_content/preinscription-form-template", "method":"GET"}'
305             data-modal-footer='{"link_datas":"/opac_manage_content/get-default-modal-form-footer", "method":"GET", "template_param":{"param": {"callback": "callbackUserPreinscription", "callbackParam"
305: {"scrollableSelector": ".modal-body", "callbackSucces": "close_modal", "paramCallbackSucces": "classic-modal"}, "class": "", "id":"validate_preinscription_form", "text":"Valider"}}}'
306             data-modal-after='{"function":"initFormUserPreinscription"}'
307             data-modal-close='{"function":"closeFormUserPreinscription"}'>Inscrivez-vous</a>
308        </div>
309      
310  </section>
311
312        <div class="md-info-banner">
313          <i class="md-info-banner-icon fas fa-circle-question" aria-hidden="true"></i>
314          <div class="md-info-banner-text">
315              Pour une première connexion, recupérez vos identifiants auprès de votre
316              <strong>Médiathèque/Bibliothèque.</strong>
317          </div>
318      </div>
319  </div>
320
321
322
323</form>
324
325                </div>
326
327                <h3 class="ls-flex ls-flex-align-center ls-gap-rem05">Votre espace visiteur
328                    <hr class="ls-flex-1">
329                </h3>
330
331                <div class="md-user-grid-container">
332                    <a href="/list-user-selection" class="md-btn md-btn-primary md-user-icon-text-link-grid"
333                       title="Ma Sélection">
334                        <i class="fak fa-selection fa-2x" aria-hidden="true"></i>
335                        <Span>Ma sélection</Span>
336                    </a>
337                </div>
338                
339            </div>
340        
341    </div>
342
343    <hr class="ls-max-width">
344    <div class="ls-max-width ls-flex ">
345        <a href="/list-faq" class="md-btn md-btn-primary-reverse" title="Aide">
346            <span class="far fa-circle-question"></span> Aide
347        </a>
348            </div>
349</div>
350
351<div class="ls-flex ls-flex-1">     <div class="ls-flex ls-flex-direction-column ls-flex-1">
352    <div id="top-bar-region">
353          
354
355<div  id="block-bandeaudinformation">
356      <div class="ls-bx-info-bar">
357    <div class="ls-flex ls-flex-align-center ls-gap-rem1 ls-overflow-hidden">
358        <div class="ls-tx-site-name ls-flex-shrink-0">L&#039;ESCALE Médiathèque - établissement municipal de SAINT JOUIN-BRUNEVAL</div>
359            </div>
360    <div class="ls-flex ls-bx-info-bar-right-side-wrapper ls-flex-shrink-0">
361        <a class="ls-bx-info-bar-button" href="/list-faq"><i class="fak fa-cercle-question"></i><span class="ls-hide-xl-smaller">FAQ</span></a>
362                            
363            <a class="ls-bx-info-bar-button not-catalogue-modal-link" style="cursor:pointer"
364               data-target="#sidebar-modal"
365               data-modal-header='{"link_datas":"/ls-modal/header-modal-sidebar-default", "method":"GET", "template_param":{"param": {"titre": "Contactez-nous", "class": "text-center"}}}'
366               data-modal-body='{"link_datas":"/opac-manage-content/user-contact-form-template", "method":"GET"}'
367               data-modal-footer='{"link_datas":"/opac_manage_content/get-default-modal-form-footer", "method":"GET", "template_param":{"param": {"callback": "callbackUserContact", "callbackParam": {"scrollableSelector": ".modal-body", "callbackSucces": "close_modal", "paramCallbackSucces": "classic-modal"}, "class": "", "id":"validate_user_contact_form", "text":"Envoyer votre demande"}}}'
368               data-modal-after='{"function":"initFormUserContact"}'
369               data-modal-close='{"function":"closeFormUserContact"}'>
370                Contactez-nous !
371            </a>
372                <div class="ls-bx-info-bar-button-special-shape">
373            <a href="javascript:void(0);" id="opac_accesibility_link" class="ls-btn-accessibilite">
374                <i class="fa-regular fa-eye"></i>
375            </a>
376        </div>
377    </div>
378</div>
379  </div>
380
381
382    </div>
383    <div class="ls-flex-1 ls-box-scrollable-y" id="ls-page-wrapper" style="overflow-x:hidden">
384      
385        <div class="dialog-off-canvas-main-canvas ls-flex ls-flex-direction-column ls-relative" style="min-height:100%" data-off-canvas-main-canvas>
386    <article class="opac-page-wrapper ">
387  
388<div class="ls-bx-header-page d-none d-lg-block ">
389  <div class="row nopadding ">
390    <div class="ls-hide padding w3-right caps" id="opac-accessibility-div" style="">
391
392</div>
393
394  </div>
395  <div class="header-nav ls-padding-rem1 ls-flex" style="height: var(--lsOpac-page-header-height)">
396    <div class="ls-flex ls-max-width ls-flex-justify-space-between ls-gap-rem1 ls-flex-1">
397                        
398 <div class="ls-hbox-12 ls-main-logo-wrapper" >
399
400    <a href="/" class="ls-hbox-12 ls-main-logo-link">
401        <img class="opac-main-logo ls-hbox-12" src="/sites/mediatheque-stjouin-bruneval.fr/files/Logo%2520SJB%2520CMJN.jpg">
402    </a>
403</div>
404
405
406            <div class="ls-flex ls-flex-direction-column ls-flex-justify-center"  style="width:60%">
407        <div id="menu" class="ls-flex ls-flex-justify-center ls-flex-direction-column collapse ls-gap-rem1" >    <nav role="navigation" aria-labelledby="block-menugeneral-menu" id="block-menugeneral">
408            
409  <h2 class="visually-hidden" id="block-menugeneral-menu">Menu Général</h2>
410  
411
412        
413
414
415
416                    <ul class="ls-main-menu">
417                                            
418                                            <li   class=" " >
419                                            <a href="/" data-drupal-link-system-path="&lt;front&gt;">Accueil</a>
420                                                                    </li>
421                                    
422                                                    <li   >
423                                            <a href="/opac-new-search/recherche?qtype=animation" title="Actualités, animations" data-drupal-link-query="{&quot;qtype&quot;:&quot;animation&quot;}" data-drupal-link-system-path="opac-new-search/recherche">Actualités</a>
424                                                                                            <ul class="ls-main-menu ls-sub-menu" style="background-color: #e5efdf">
425                                            
426                                            <li   class=" " >
427                                            <a href="/opac-new-search/recherche?qtype=animation" data-drupal-link-query="{&quot;qtype&quot;:&quot;animation&quot;}" data-drupal-link-system-path="opac-new-search/recherche">Animation(s)</a>
428                                                        </li>
429                                    
430                                            <li   class=" " >
431                                            <a href="/opac-new-search/recherche?qtype=article" data-drupal-link-query="{&quot;qtype&quot;:&quot;article&quot;}" data-drupal-link-system-path="opac-new-search/recherche">Articles</a>
432                                                        </li>
433        </ul>
434  
435              </li>
436                                    
437                                                    <li   >
438                                            <a href="/opac-new-search/recherche?qtype=notice" data-drupal-link-query="{&quot;qtype&quot;:&quot;notice&quot;}" data-drupal-link-system-path="opac-new-search/recherche">Catalogue</a>
439                                                                                            <ul class="ls-main-menu ls-sub-menu" style="background-color: #e5efdf">
440                                            
441                                            <li   class=" " >
442                                            <a href="/opac-new-search/recherche?qtype=notice" data-drupal-link-query="{&quot;qtype&quot;:&quot;notice&quot;}" data-drupal-link-system-path="opac-new-search/recherche">Recherche</a>
443                                                        </li>
444                                    
445                                            <li   class=" " >
446                                            <a href="/new-search-advanced-form" data-drupal-link-system-path="new-search-advanced-form">Recherche Avancée</a>
447                                                        </li>
448                                    
449                                            <li   class=" " >
450                                            <a href="/opac-new-search/recherche?qtype=notice&amp;qfacet%5Bnotic_new_facet%5D=Nouveaut%C3%A9" title="Les nouveautés" data-drupal-link-query="{&quot;qfacet&quot;:{&quot;notic_new_facet&quot;:&quot;Nouveaut\u00e9&quot;},&quot;qtype&quot;:&quot;notice&quot;}" data-drupal-link-system-path="opac-new-search/recherche">Nouveautés</a>
451                                                        </li>
452                                    
453                                                    <li   >
454                              <a href="/list-selection-multiple">Sélections <i class="ls-opac-icon-angle-right"></i></a>
455                                                        <ul class="ls-main-menu ls-sub-menu" style="background-color: #e5efdf">
456                                            
457                                            <li   class=" " >
458                                            <a href="/opac-new-search/recherche?qtype=notice&amp;qfacet%5Bnotic_recomm_facet%5D=Coup%20de%20coeur" data-drupal-link-query="{&quot;qfacet&quot;:{&quot;notic_recomm_facet&quot;:&quot;Coup de coeur&quot;},&quot;qtype&quot;:&quot;notice&quot;}" data-drupal-link-system-path="opac-new-search/recherche">Coups de coeur</a>
459                                                        </li>
460                                    
461                                            <li   class=" " >
462                                            <a href="/list-selection-multiple" data-drupal-link-system-path="list-selection-multiple">Sélection bibliothèque</a>
463                                                        </li>
464        </ul>
465  
466              </li>
467                                    
468                                            <li   class=" " >
469                                            <a href="/opac-new-search/recherche?qtype=commande" data-drupal-link-query="{&quot;qtype&quot;:&quot;commande&quot;}" data-drupal-link-system-path="opac-new-search/recherche">Bientôt en rayon</a>
470                                                        </li>
471                                    
472                                            <li   class=" " >
473                                            <a href="/opac-new-search/recherche?qtype=suggestion_lecteur" data-drupal-link-query="{&quot;qtype&quot;:&quot;suggestion_lecteur&quot;}" data-drupal-link-system-path="opac-new-search/recherche">Suggestions</a>
474                                                        </li>
475        </ul>
476  
477              </li>
478                                    
479                                                    <li   >
480                                            <a href="/opac-new-search/recherche?qtype=biblio&amp;display_layout=list&amp;page_index=0&amp;display_mode=biblio" title="Horaires, adresses" data-drupal-link-query="{&quot;display_layout&quot;:&quot;list&quot;,&quot;display_mode&quot;:&quot;biblio&quot;,&quot;page_index&quot;:&quot;0&quot;,&quot;qtype&quot;:&quot;biblio&quot;}" data-drupal-link-system-path="opac-new-search/recherche">Infos Pratiques</a>
481                                                                                            <ul class="ls-main-menu ls-sub-menu" style="background-color: #e5efdf">
482                                            
483                                            <li   class=" " >
484                                            <a href="/opac-new-search/recherche?qtype=biblio&amp;display_layout=list&amp;page_index=0&amp;display_mode=biblio" data-drupal-link-query="{&quot;display_layout&quot;:&quot;list&quot;,&quot;display_mode&quot;:&quot;biblio&quot;,&quot;page_index&quot;:&quot;0&quot;,&quot;qtype&quot;:&quot;biblio&quot;}" data-drupal-link-system-path="opac-new-search/recherche">Bibliothèques</a>
485                                                        </li>
486                                    
487                                            <li   class=" " >
488                                            <a href="/opac-new-search/recherche?qtype=communique" data-drupal-link-query="{&quot;qtype&quot;:&quot;communique&quot;}" data-drupal-link-system-path="opac-new-search/recherche">Communiqués</a>
489                                                        </li>
490                                    
491                                            <li   class=" " >
492                                            <a href="/opac/les-rendez-vous" data-drupal-link-system-path="opac/les-rendez-vous">Rendez-vous</a>
493                                                        </li>
494                                    
495                                            <li   class=" " >
496                                            <a href="/opac-new-search/recherche?qtype=sitotheque" title="Sites conseillés" data-drupal-link-query="{&quot;qtype&quot;:&quot;sitotheque&quot;}" data-drupal-link-system-path="opac-new-search/recherche">Sitothèque</a>
497                                                        </li>
498        </ul>
499  
500              </li>
501        </ul>
502  
503
504  </nav>
505
506
507<div  class="views-exposed-form" data-drupal-selector="views-exposed-form-opac-simple-search-simple-search" id="block-blocnewsearch">
508      <form action="/opac-new-search/recherche" method="get" id="views-exposed-form-opac-simple-search-simple-search" accept-charset="UTF-8">
509  
510
511
512<div class="ls-bx-search-bar-wrapper">
513    
514          <div class="ls-custom-select" tabindex="1">
515                  <input name="qtype" value="All" type="radio" class="opac-new-search-bar-qtype-All"  checked />
516          <label for="opac-new-search-bar-qtype-All">Tout</label>
517                  <input name="qtype" value="notice" type="radio" class="opac-new-search-bar-qtype-notice" />
518          <label for="opac-new-search-bar-qtype-notice">Catalogue</label>
519                  <input name="qtype" value="animation" type="radio" class="opac-new-search-bar-qtype-animation" />
520          <label for="opac-new-search-bar-qtype-animation">Animation</label>
521                  <input name="qtype" value="article" type="radio" class="opac-new-search-bar-qtype-article" />
522          <label for="opac-new-search-bar-qtype-article">Article</label>
523                  <input name="qtype" value="communique" type="radio" class="opac-new-search-bar-qtype-communique" />
524          <label for="opac-new-search-bar-qtype-communique">Actualité</label>
525                  <input name="qtype" value="sitotheque" type="radio" class="opac-new-search-bar-qtype-sitotheque" />
526          <label for="opac-new-search-bar-qtype-sitotheque">Site Internet conseillé</label>
527                  <input name="qtype" value="suggestion_lecteur" type="radio" class="opac-new-search-bar-qtype-suggestion_lecteur" />
528          <label for="opac-new-search-bar-qtype-suggestion_lecteur">Suggestion de nos lecteurs</label>
529                <div onclick="redirectToPath('/new-search-advanced-form')" class="ls-select-link" >Recherche avancée</div>
530      </div>
531        <input name="qf" value="" type="search" placeholder="Que recherchez-vous?"
532                   data-autocomplete-path="/opac-search-autocomplete?search_api_autocomplete_search=opac_simple_search&display=simple_search&&filter=qf"
533                   data-search-api-autocomplete-search="opac_simple_search" data-drupal-selector="edit-qf"
534                   class="ls-bx-search-bar-input form-autocomplete ui-autocomplete-input ">
535    <a href="javascript:void(0);" onclick="start_listening();"
536       class="opac-search-micro-link text-center ls-padding-rem05 ls-hide"
537       data-placement="top" data-toggle="popover" title="Commande vocale"
538       data-content="Cliquer pour utiliser la navigation avec la voix" data-trigger="hover"
539    >
540        <span class="fak fa-microphone" style="--fa-primary-color: ;--fa-secondary-color: ;--fa-secondary-opacity: 0.8;--fa-primary-opacity: 1.0"></span>
541    </a>
542    <a href="javascript:void(0);" onclick="submit_search();" class="ls-bx-search-bar-button"
543       data-placement="top" data-toggle="popover" title="Lancer la recherche"
544       data-content="Cliquer pour lancer la recherche" data-trigger="hover">
545        Rechercher
546    </a>
547</div>
548
549<script src="//cdnjs.cloudflare.com/ajax/libs/annyang/2.6.0/annyang.min.js"></script>
549
550
551
552
553<script>
554    if (annyang) {
555        var AllWord = function(tag){
556            display_speech_text(tag);
557        }
558        var SearchDoc = function (tag) {
559            write_in_search_input(tag);
560            var uri = '/opac-new-search/recherche?qf=' + tag;
561            window.location.href = uri;
562        };
563
564                var DisplayHome = function () {
565            window.location.href = '/';
566        }
567
568        var UserLogin = function () {
569            document.getElementById("opac_user_connexion_link").click();
570        }
571
572        var UserLogout = function () {
573            window.location.href = '/user/logout';
574        }
575
576        var SaveMyHistorySearch = function () {
577            document.getElementById("opac_save_history_search_link").click();
578        }
579
580        var DisplayHistorySearch = function () {
581            document.getElementById("opac_link_history_search").click();
582        }
583        var DisplayRefresh = function () {
584            window.location.reload();
585        }
586
587        var DisplayMySelections = function () {
588            window.location.href = '/list-user-selection';
589        }
590
591        var DisplaySelections = function () {
592            window.location.href = '/list-selection-multiple';
593        }
594        var DisplayCommandes = function () {
595            window.location.href = '/opac-new-search/recherche?qtype=commande';
596        }
597        var DisplaySuggestions = function () {
598            window.location.href = '/opac-new-search/recherche?qtype=suggestion_lecteur';
599        }
600
601        var DisplayCommunique = function () {
602            window.location.href = '/opac-new-search/recherche?qtype=communique';
603        }
604        var DisplaySitotheque = function () {
605            window.location.href = '/opac-new-search/recherche?qtype=sitotheque';
606        }
607        var DisplayFAQ = function () {
608            window.location.href = '/list-faq';
609        }
610        var DisplayHeartContent = function () {
611            window.location.href = '/opac-new-search/recherche?qtype=notice&qfacet[notic_recomm_facet]=Coup de coeur';
612        }
613        var DisplayAnimations = function () {
614            window.location.href = '/opac-new-search/recherche?qtype=animation';
615        }
616
617        var DisplayBiblio = function () {
618            window.location.href = '/opac-new-search/recherche?qtype=biblio';
619        }
620
621        var DisplayNouveautes = function () {
622            window.location.href = '/opac-new-search/recherche?qtype=notice&qfacet[notic_new_facet]=Nouveauté';
623        }
624
625        var SearchTypdo = function (tag) {
626            tag = tag.toLowerCase();
627            switch (tag) {
628                case 'audio':
629                case 'audios':
630                    window.location.href = '/opac-new-search/recherche?qtype=notice&qadvanced=[{"field":"typdo_idx","qf":"Audio"}]';
631                    break;
632                case 'vidéo':
633                case 'vidéos':
634                    window.location.href = '/opac-new-search/recherche?qtype=notice&qadvanced=[{"field":"typdo_idx","qf":"Video"}]';
635                    break;
636                case 'textuel':
637                case 'textuels':
638                case 'imprimé':
639                case 'imprimés':
640                    window.location.href = '/opac-new-search/recherche?qtype=notice&qadvanced=[{"field":"typdo_idx","qf":"Textuel"}]';
641                    break;
642                case 'informatique':
643                case 'informatiques':
644                    window.location.href = '/opac-new-search/recherche?qtype=notice&qadvanced=[{"field":"typdo_idx","qf":"Informatique"}]';
645                    break;
646            }
647        }
648
649        var SearchAut = function (aut) {
650            var uri = '/opac-new-search/recherche?qtype=notice&qadvanced=[{"field":"notic_auteur","qf":"'+aut+'"}]';
651            window.location.href = uri;
652        }
653
654        var ConfigTheme = function()
655        {
656            var uri = '/admin/appearance/settings/lsOpac';
657            window.location.href = uri;
658        }
659        var ConfigComments = function()
660        {
661            var uri = '/admin/content/comment';
662            window.location.href = uri;
663        }
664        var ConfigFiles = function()
665        {
666            var uri = '/filebrowser';
667            window.location.href = uri;
668        }
669        var  ConfigSite = function()
670        {
671            var uri = '/profile-admin';
672            window.location.href = uri;
673        }
674        var  ConfigOpac = function()
675        {
676            document.getElementById("config_opac_link").click();
677        }
678
679                var commands = {
680            // annyang will capture anything after a splat (*) and pass it to the function.
681            // e.g. saying "Show me Batman and Robin" is the same as calling showFlickr('Batman and Robin');
682            'Chercher *tag': SearchDoc,
683            'Trouver les documents de *aut': SearchAut,
684            'Trouver les documents *tag': SearchTypdo,
685
686            'afficher les nouveautés': DisplayNouveautes,
687            
688                            'Afficher les infos de la bibliothèque': DisplayBiblio,
689                'Afficher les informations de la bibliothèque': DisplayBiblio,
690                            
691                            'Afficher les Animations': DisplayAnimations,
692                'Afficher les evenements ': DisplayAnimations,
693                            
694            'Afficher les coups de coeur': DisplayHeartContent,
695            
696                            'Afficher les communiqués': DisplayCommunique,
697                            
698                            'Afficher les sites partenaires': DisplaySitotheque,
699                            
700
701            'Afficher les questions fréquentes': DisplayFAQ,
702            
703                            'Afficher les suggestions': DisplaySuggestions,
704                            
705            'Afficher les prochaines acquisitions': DisplayCommandes,
706            
707            'Afficher les sélections de la bibliothèque': DisplaySelections,
708            
709            'Afficher mes sélections': DisplayMySelections,
710            
711
712            
713            'Afficher mon historique de recherche': DisplayHistorySearch,
714            "Me déconnecter": UserLogout,
715            "Me connecter": UserLogin,
716            'actualiser ': DisplayRefresh,
717            'actualiser la page': DisplayRefresh,
718            'Afficher la page d\'accueil': DisplayHome,
719            'Retourner sur la page d\'accueil': DisplayHome,
720            'Enregistrer ma recherche': SaveMyHistorySearch,
721
722            // ajouter une commande pour la page en cours
723                        // administration
724
725            
726        };
727        // capture phrase
728        annyang.addCallback('result', function(phrases) {
729            display_speech_text(phrases[0]);
730        });
731        // Add our commands to annyang
732        annyang.addCommands(commands);
733
734        annyang.setLanguage('fr-FR');
735    } else {
736        console.log('annyang non chargé');
737    }
738</script>
738
739
740</form>
741
742  </div>
743
744</div>
745      </div>
746      <div class="ls-flex ls-flex-align-center">
747            
748
749<div  id="block-linkuserblock">
750      
751<div class="d-none d-lg-block padding">
752    <div>
753      <div class="ls-login-wrapper ls-flex">
754        <a class="ls-login-button ls-flex ls-flex-align-center"
755           href="javascript:void(0);"
756           onclick="openUserPanel()"
757           data-toggle="dropdown" data-display="static" aria-haspopup="true"
758           aria-expanded="false">
759          <div class="ls-login-icon ls-flex ls-flex-align-center ls-flex-justify-center">
760            <span class="fak fa-utilisateur"></span>
761          </div>
762        </a>
763      </div>
764    </div>
765</div>
766
767  </div>
768
769
770      </div>
771    </div>
772  </div>
773</div><div class="ls-bx-header-page d-lg-none pin-style header-nav">
774  <div class="ls-flex ls-gap-rem1 ls-max-width ls-flex-align-center ls-flex-justify-space-between" style="height:10vh;padding-left:1rem;padding-right:1rem;">
775    <div class="">
776          
777
778<div  id="block-responsivemenumobileicon" class="responsive-menu-toggle-wrapper responsive-menu-toggle">
779      <a id="toggle-icon" class="toggle responsive-menu-toggle-icon" title="Menu" href="#off-canvas">
780  <span class="icon"></span><span class="label">Menu</span>
781</a>
782  </div>
783
784
785    </div>
786    <div class="ls-flex-1 ls-flex ls-flex-justify-center ls-hbox-12">
787                        
788 <div class="ls-hbox-12 ls-main-logo-wrapper" >
789
790    <a href="/" class="ls-hbox-12 ls-main-logo-link">
791        <img class="opac-main-logo ls-hbox-12" src="/sites/mediatheque-stjouin-bruneval.fr/files/Logo%2520SJB%2520CMJN.jpg">
792    </a>
793</div>
794
795
796          </div>
797    <div class="">
798      <a href="javascript:void(0)" aria-label="Rechercher" class="padding-top pull-right" data-toggle="collapse" data-target="#search-div"> <i class="fal fa-fw fa-2x fa-search " style="color:var(--lsOpac-page-header-text-color)"></i></a>
799                    <a href="/user/login" aria-label="Compte utilisateur" class="padding-top padding-left pull-right" > <i class="fal fa-fw fa-2x fa-user " style="color:var(--lsOpac-page-header-text-color)"></i></a>
800          </div>
801  </div>
802  <div class="ls-max-width ls-flex-1">
803    <div id="search-div" class="ls-md-box-12 collapse">
804          
805
806<div  class="views-exposed-form" data-drupal-selector="views-exposed-form-opac-simple-search-simple-search" id="block-formulaireexposeopac-simple-searchsimple-search">
807      <form action="/opac-new-search/recherche" method="get" id="views-exposed-form-opac-simple-search-simple-search" accept-charset="UTF-8">
808  
809
810
811<div class="ls-bx-search-bar-wrapper">
812    
813          <div class="ls-custom-select" tabindex="1">
814                  <input name="qtype" value="All" type="radio" class="opac-new-search-bar-qtype-All"  checked />
815          <label for="opac-new-search-bar-qtype-All">Tout</label>
816                  <input name="qtype" value="notice" type="radio" class="opac-new-search-bar-qtype-notice" />
817          <label for="opac-new-search-bar-qtype-notice">Catalogue</label>
818                  <input name="qtype" value="animation" type="radio" class="opac-new-search-bar-qtype-animation" />
819          <label for="opac-new-search-bar-qtype-animation">Animation</label>
820                  <input name="qtype" value="article" type="radio" class="opac-new-search-bar-qtype-article" />
821          <label for="opac-new-search-bar-qtype-article">Article</label>
822                  <input name="qtype" value="communique" type="radio" class="opac-new-search-bar-qtype-communique" />
823          <label for="opac-new-search-bar-qtype-communique">Actualité</label>
824                  <input name="qtype" value="sitotheque" type="radio" class="opac-new-search-bar-qtype-sitotheque" />
825          <label for="opac-new-search-bar-qtype-sitotheque">Site Internet conseillé</label>
826                  <input name="qtype" value="suggestion_lecteur" type="radio" class="opac-new-search-bar-qtype-suggestion_lecteur" />
827          <label for="opac-new-search-bar-qtype-suggestion_lecteur">Suggestion de nos lecteurs</label>
828                <div onclick="redirectToPath('/new-search-advanced-form')" class="ls-select-link" >Recherche avancée</div>
829      </div>
830        <input name="qf" value="" type="search" placeholder="Que recherchez-vous?"
831                   data-autocomplete-path="/opac-search-autocomplete?search_api_autocomplete_search=opac_simple_search&display=simple_search&&filter=qf"
832                   data-search-api-autocomplete-search="opac_simple_search" data-drupal-selector="edit-qf"
833                   class="ls-bx-search-bar-input form-autocomplete ui-autocomplete-input ">
834    <a href="javascript:void(0);" onclick="start_listening();"
835       class="opac-search-micro-link text-center ls-padding-rem05 ls-hide"
836       data-placement="top" data-toggle="popover" title="Commande vocale"
837       data-content="Cliquer pour utiliser la navigation avec la voix" data-trigger="hover"
838    >
839        <span class="fak fa-microphone" style="--fa-primary-color: ;--fa-secondary-color: ;--fa-secondary-opacity: 0.8;--fa-primary-opacity: 1.0"></span>
840    </a>
841    <a href="javascript:void(0);" onclick="submit_search();" class="ls-bx-search-bar-button"
842       data-placement="top" data-toggle="popover" title="Lancer la recherche"
843       data-content="Cliquer pour lancer la recherche" data-trigger="hover">
844        Rechercher
845    </a>
846</div>
847
848<script src="//cdnjs.cloudflare.com/ajax/libs/annyang/2.6.0/annyang.min.js"></script>
848
849
850
851
852<script>
853    if (annyang) {
854        var AllWord = function(tag){
855            display_speech_text(tag);
856        }
857        var SearchDoc = function (tag) {
858            write_in_search_input(tag);
859            var uri = '/opac-new-search/recherche?qf=' + tag;
860            window.location.href = uri;
861        };
862
863                var DisplayHome = function () {
864            window.location.href = '/';
865        }
866
867        var UserLogin = function () {
868            document.getElementById("opac_user_connexion_link").click();
869        }
870
871        var UserLogout = function () {
872            window.location.href = '/user/logout';
873        }
874
875        var SaveMyHistorySearch = function () {
876            document.getElementById("opac_save_history_search_link").click();
877        }
878
879        var DisplayHistorySearch = function () {
880            document.getElementById("opac_link_history_search").click();
881        }
882        var DisplayRefresh = function () {
883            window.location.reload();
884        }
885
886        var DisplayMySelections = function () {
887            window.location.href = '/list-user-selection';
888        }
889
890        var DisplaySelections = function () {
891            window.location.href = '/list-selection-multiple';
892        }
893        var DisplayCommandes = function () {
894            window.location.href = '/opac-new-search/recherche?qtype=commande';
895        }
896        var DisplaySuggestions = function () {
897            window.location.href = '/opac-new-search/recherche?qtype=suggestion_lecteur';
898        }
899
900        var DisplayCommunique = function () {
901            window.location.href = '/opac-new-search/recherche?qtype=communique';
902        }
903        var DisplaySitotheque = function () {
904            window.location.href = '/opac-new-search/recherche?qtype=sitotheque';
905        }
906        var DisplayFAQ = function () {
907            window.location.href = '/list-faq';
908        }
909        var DisplayHeartContent = function () {
910            window.location.href = '/opac-new-search/recherche?qtype=notice&qfacet[notic_recomm_facet]=Coup de coeur';
911        }
912        var DisplayAnimations = function () {
913            window.location.href = '/opac-new-search/recherche?qtype=animation';
914        }
915
916        var DisplayBiblio = function () {
917            window.location.href = '/opac-new-search/recherche?qtype=biblio';
918        }
919
920        var DisplayNouveautes = function () {
921            window.location.href = '/opac-new-search/recherche?qtype=notice&qfacet[notic_new_facet]=Nouveauté';
922        }
923
924        var SearchTypdo = function (tag) {
925            tag = tag.toLowerCase();
926            switch (tag) {
927                case 'audio':
928                case 'audios':
929                    window.location.href = '/opac-new-search/recherche?qtype=notice&qadvanced=[{"field":"typdo_idx","qf":"Audio"}]';
930                    break;
931                case 'vidéo':
932                case 'vidéos':
933                    window.location.href = '/opac-new-search/recherche?qtype=notice&qadvanced=[{"field":"typdo_idx","qf":"Video"}]';
934                    break;
935                case 'textuel':
936                case 'textuels':
937                case 'imprimé':
938                case 'imprimés':
939                    window.location.href = '/opac-new-search/recherche?qtype=notice&qadvanced=[{"field":"typdo_idx","qf":"Textuel"}]';
940                    break;
941                case 'informatique':
942                case 'informatiques':
943                    window.location.href = '/opac-new-search/recherche?qtype=notice&qadvanced=[{"field":"typdo_idx","qf":"Informatique"}]';
944                    break;
945            }
946        }
947
948        var SearchAut = function (aut) {
949            var uri = '/opac-new-search/recherche?qtype=notice&qadvanced=[{"field":"notic_auteur","qf":"'+aut+'"}]';
950            window.location.href = uri;
951        }
952
953        var ConfigTheme = function()
954        {
955            var uri = '/admin/appearance/settings/lsOpac';
956            window.location.href = uri;
957        }
958        var ConfigComments = function()
959        {
960            var uri = '/admin/content/comment';
961            window.location.href = uri;
962        }
963        var ConfigFiles = function()
964        {
965            var uri = '/filebrowser';
966            window.location.href = uri;
967        }
968        var  ConfigSite = function()
969        {
970            var uri = '/profile-admin';
971            window.location.href = uri;
972        }
973        var  ConfigOpac = function()
974        {
975            document.getElementById("config_opac_link").click();
976        }
977
978                var commands = {
979            // annyang will capture anything after a splat (*) and pass it to the function.
980            // e.g. saying "Show me Batman and Robin" is the same as calling showFlickr('Batman and Robin');
981            'Chercher *tag': SearchDoc,
982            'Trouver les documents de *aut': SearchAut,
983            'Trouver les documents *tag': SearchTypdo,
984
985            'afficher les nouveautés': DisplayNouveautes,
986            
987                            'Afficher les infos de la bibliothèque': DisplayBiblio,
988                'Afficher les informations de la bibliothèque': DisplayBiblio,
989                            
990                            'Afficher les Animations': DisplayAnimations,
991                'Afficher les evenements ': DisplayAnimations,
992                            
993            'Afficher les coups de coeur': DisplayHeartContent,
994            
995                            'Afficher les communiqués': DisplayCommunique,
996                            
997                            'Afficher les sites partenaires': DisplaySitotheque,
998                            
999
1000            'Afficher les questions fréquentes': DisplayFAQ,
1001            
1002                            'Afficher les suggestions': DisplaySuggestions,
1003                            
1004            'Afficher les prochaines acquisitions': DisplayCommandes,
1005            
1006            'Afficher les sélections de la bibliothèque': DisplaySelections,
1007            
1008            'Afficher mes sélections': DisplayMySelections,
1009            
1010
1011            
1012            'Afficher mon historique de recherche': DisplayHistorySearch,
1013            "Me déconnecter": UserLogout,
1014            "Me connecter": UserLogin,
1015            'actualiser ': DisplayRefresh,
1016            'actualiser la page': DisplayRefresh,
1017            'Afficher la page d\'accueil': DisplayHome,
1018            'Retourner sur la page d\'accueil': DisplayHome,
1019            'Enregistrer ma recherche': SaveMyHistorySearch,
1020
1021            // ajouter une commande pour la page en cours
1022                        // administration
1023
1024            
1025        };
1026        // capture phrase
1027        annyang.addCallback('result', function(phrases) {
1028            display_speech_text(phrases[0]);
1029        });
1030        // Add our commands to annyang
1031        annyang.addCommands(commands);
1032
1033        annyang.setLanguage('fr-FR');
1034    } else {
1035        console.log('annyang non chargé');
1036    }
1037</script>
1037
1038
1039</form>
1040
1041  </div>
1042
1043
1044    </div>
1045  </div>
1046</div><div class="header-nav">
1047  <div class="" id="myBar" style="width:0;height:0px;background-color: #8ec44a;position: fixed; z-index: 10000; top: 0px;"></div>
1048</div>
1049
1050<!-- end navigation -->
1051<script>
1052  // When the user scrolls the page, execute myFunction
1053  window.onscroll = function() {myFunction()};
1054  function myFunction() {
1055    var winScroll = document.body.scrollTop || document.documentElement.scrollTop;
1056    var height = document.documentElement.scrollHeight - document.documentElement.clientHeight;
1057    var scrolled = (winScroll / height) * 100;
1058    document.getElementById("myBar").style.width = scrolled + "%";
1059    document.getElementById("myBar").style.height = '10px';
1060  }
1061</script>
1061  
1062  
1063<div id="opac_cutom_message_popup" class="w3-card animated slideInLeft ui-corner-all ui-front" style="position:fixed;top:35px;right:2%;z-index: 1500;display:none;font-size: 18px;border-radius: 10px">
1064  <div id="opac_cutom_message_popup_color_statut" class="w3-container w3-cell w3-blue" style="border-radius:10px">
1065    <span  id="opac_cutom_message_popup_message" class="w3-container w3-black w3-cell" style="padding:20px;margin-left:25%"></span>
1066  </div>
1067</div>
1068  
1069  <section class="ls-page-wrapper-section ls-flex-1 ls-bx-header-space-top">
1070        
1071
1072<div  id="block-lsopac-breadcrumbs">
1073      <div class="ls-max-width ls-padding-rem05">
1074  <div class="ls-breadcrumb">
1075                      <a href="/">Accueil</a>
1076                <a class="ls-active">Mes Sélections</a>
1077  </div>
1078</div>
1079
1080
1081  </div>
1082
1083
1084    <div class="ls-text-center ls-max-width ls-padding-rem05 ls-flex ls-flex-justify-center ls-flex-align-center">
1085    <h1>Mes Sélections</h1>
1086</div>    <div class=" ">
1087      <div>
1088        
1089            
1090
1091<div  id="block-lsopac-content">
1092      
1093  </div>
1094
1095
1096      </div>
1097    </div>
1098          <div class="padding cbg-button region-page-private-message" style="display:none;position:fixed;bottom:40%;right:30%;z-index: 20000;max-height:250px;">
1099            
1100
1101      </div>
1102      </section>
1103  <!-- end section -->
1104
1105  <footer class="ls-paddingBottom-rem1 ls-paddingTop-rem1" style="background-color: #e5efdf;color:#8ec44a">
1106  <div class="ls-max-width">
1107    
1108  </div>
1109  <div class="ls-max-width" >
1110      <div class="ls-flex ls-flex-wrap" style="margin-left:10vw;margin-right:10vw;">
1111                                                  
1112                                                                
1113                        <div class="ls-lg-flexbox-3 ls-md-flexbox-6 ls-flexbox-12">
1114                      
1115
1116<div  id="block-blocinfobibfooter">
1117      <div class="ls-padding-rem1">
1118  
1119    <h2 class="ls-text-center">Nos coordonnées</h2>
1120          <div class="ls-flex ls-flex-1 ls-flex-justify-center">
1121        <adress class="ls-flex ls-flex-direction-column">
1122          <div class="ls-flex ls-flex-1 ls-gap-rem1">
1123            <div class="ls-flex-1">
1124                                          <img class="opac-main-logo" src="/sites/mediatheque-stjouin-bruneval.fr/files/Logo%2520SJB%2520CMJN.jpg">
1125            </div>
1126            <div class="ls-flex ls-flex-direction-column ls-flex-justify-center">
1127                            <div class="ls-text-center" style="cursor: pointer;display: inline-flex" onclick="window.location.href='/biblio/escale-mediatheque-etablissement-municipal-de-saint-jouinZmQ1ZjI5ZmMtMjQ2OS00MWI1LWI1NzctYjliOTdlNGFlNmNl'" >L'ESCALE Médiathèque - établissement municipal de SAINT JOUIN-BRUNEVAL</div>
1128                              <a href="tel:0235131018" class="" data-placement="bottom" data-toggle="popover" title="Téléphoner" data-html="true" data-content="Appeler:<br> L'ESCALE Médiathèque - établissement municipal de SAINT JOUIN-BRUNEVAL" data-trigger="hover" >0235131018</a>
1129                                            <a href="mailto:[email protected]" data-placement="bottom" data-toggle="popover" title="Courriel" data-html="true" data-content="Envoyer un mail à:<br> L'ESCALE Médiathèque - établissement municipal de SAINT JOUIN-BRUNEVAL" data-trigger="hover"  >[email protected]</a>
1130                          </div>
1131          </div>
1132          <hr class="full" style="width:100%;height:2px;">
1133                      <div class="ls-flex ls-flex-direction-column">
1134                              10bis, rue Charles de Gaulle<br>
1135                                                          76280
1136                                            ST JOUIN-BRUNEVAL<br>
1137                          </div>
1138                  </adress>
1139      </div>
1140      </div>
1141
1142  </div>
1143
1144
1145<div  id="block-liensverslesreseauxsociaux">
1146      <div class="ls-flex ls-flex-justify-center ls-flex-align-center ls-max-width ls-padding-rem1 ls-gap-rem1 ">
1147      <div class="ls-social-embed-button">
1148      <a href="https://www.facebook.com/profile.php?id=100065062180787" target=”_blank”>
1149        <img alt="Logo Facebook" src="/modules/custom/opac_social_embed/assets/images/facebook-icon.png" style="max-height: 3rem;">
1150      </a>
1151    </div>
1152  
1153      <div class="ls-social-embed-button">
1154      <a href="https://twitter.com/CSigb" target=”_blank”>
1155        <img alt="Logo Twotter" src="/modules/custom/opac_social_embed/assets/images/twitter-icon.png" style="max-height: 3rem;">
1156      </a>
1157    </div>
1158  
1159  </div>
1160  </div>
1161
1162
1163              </div>
1164              <!-- end col -->
1165                                  <div class="ls-lg-flexbox-3 ls-md-flexbox-6 ls-flexbox-12">
1166                      
1167
1168<div  id="block-last-content">
1169      
1170
1171<section class="ls-flex ls-flex-1 ls-padding-rem1">
1172  <div class="opac-ajax-block-container ls-flex ls-flex-1 ls-flex-direction-column" onload="load_ajax_block(this);">
1173    <span class="ls-hide opac-ajax-block-type">opac_last_content_block</span>
1174    <span class="ls-hide opac-ajax-block-uuid"></span>
1175    <span class="ls-hide opac-ajax-block-variant">opac_front-panels_variant-0</span>
1176    <span class="ls-hide opac-ajax-block-tpl">opac_content/others/opac-last-content-block-content.html.twig</span>
1177    <span class="ls-hide opac-ajax-block-data"
1178          data-config="{&quot;id&quot;:&quot;opac_content_last_content&quot;,&quot;label&quot;:&quot;Derni\u00e8res nouveaut\u00e9s&quot;,&quot;label_display&quot;:&quot;0&quot;,&quot;provider&quot;:&quot;opac_content&quot;,&quot;opac_last_content_type&quot;:&quot;nouveaute&quot;,&quot;opac_last_content_limit&quot;:&quot;3&quot;,&quot;opac_last_content_display&quot;:&quot;teaser&quot;}"
1179    ></span>
1180
1181        <div class="ls-flex ls-flex-1 ls-flex-direction-column ls-loading">
1182
1183    </div>
1184
1185  </div>
1186</section>
1187  </div>
1188
1189
1190              </div>
1191              <!-- end col -->
1192          
1193                        <div class="ls-lg-flexbox-3 ls-md-flexbox-6 ls-flexbox-12">
1194                      
1195
1196<div  id="block-blocdesdernierscontenus">
1197      
1198
1199<section class="ls-flex ls-flex-1 ls-padding-rem1">
1200  <div class="opac-ajax-block-container ls-flex ls-flex-1 ls-flex-direction-column" onload="load_ajax_block(this);">
1201    <span class="ls-hide opac-ajax-block-type">opac_last_content_block</span>
1202    <span class="ls-hide opac-ajax-block-uuid"></span>
1203    <span class="ls-hide opac-ajax-block-variant">opac_front-panels_variant-0</span>
1204    <span class="ls-hide opac-ajax-block-tpl">opac_content/others/opac-last-content-block-content.html.twig</span>
1205    <span class="ls-hide opac-ajax-block-data"
1206          data-config="{&quot;id&quot;:&quot;opac_content_last_content&quot;,&quot;label&quot;:&quot;Derni\u00e8res animations&quot;,&quot;label_display&quot;:&quot;0&quot;,&quot;provider&quot;:&quot;opac_content&quot;,&quot;opac_last_content_type&quot;:&quot;animation&quot;,&quot;opac_last_content_limit&quot;:&quot;3&quot;,&quot;opac_last_content_display&quot;:&quot;teaser&quot;}"
1207    ></span>
1208
1209        <div class="ls-flex ls-flex-1 ls-flex-direction-column ls-loading">
1210
1211    </div>
1212
1213  </div>
1214</section>
1215  </div>
1216
1217
1218              </div>
1219              <!-- end col -->
1220          
1221                        <div class="ls-lg-box-3 ls-md-box-6 ls-sm-box-12">
1222                      
1223
1224<div  id="block-blocbibandco">
1225      <div class="md-footer-section">
1226    <h3>Application BibAndCo&reg;</h3>
1227    <p class="ls-flex ls-flex-align-center ls-gap-rem05">
1228        <img class="" src="/modules/custom/opac_content/images/BibAndCo.png" style="max-height: 50px">
1229        Votre bibliothèque/médiathèque avec vous, partout, tout le temps.
1230    </p>
1231    <p class="ls-flex ls-flex-align-center ls-gap-rem05">
1232        <img class="ls-flex-1" src="/modules/custom/opac_content/images/play-store-badge-transparent.png"
1233             style="width:auto;max-width:150px;cursor:pointer"
1234             onclick="window.open('https://play.google.com/store/apps/details?id=com.colibrisnatif','__blank')">
1235        <img class="ls-flex-1" src="/modules/custom/opac_content/images/app-store-badge-transparent.png"
1236             style="width:auto;max-width:150px;cursor:pointer"
1237             onclick="window.open('https://apps.apple.com/fr/app/bibandco/id1529471570','__blank')">
1238    </p>
1239</div>
1240
1241  </div>
1242
1243
1244<div  id="block-blocaddabonnement">
1245      
1246<div class="ls-padding-rem1">
1247  <div class="ls-flex ls-flex-direction-column">
1248    <h2 class="ls-text-center">Notifications</h2>
1249    <div class="ls-text-center">Pour rester informés, souscrivez à nos emails de notifications.</div>
1250    <div class="ls-flex ls-flex-1 ls-flex-justify-center ls-padding-rem1">
1251      <span>
1252        
1253        <a class="ls-button-normal-size ls-button-style not-catalogue-modal-link" style="cursor:pointer"
1254           data-target="#sidebar-modal"
1255           data-modal-header='{"link_datas":"/ls-modal/header-modal-sidebar-default", "method":"GET", "template_param":{"param": {"titre": "Rejoignez notre c
1255ommunauté de lecteurs !", "class": "text-center"}}}'
1256           data-modal-body='{"link_datas":"/opac-manage-content/user-abonnement-form-template", "method":"GET"}'
1257           data-modal-footer='{"link_datas":"/opac_manage_content/get-default-modal-form-footer", "method":"GET", "template_param":{"param": {"callback": "callbackUserAbonnement", "callbackParam": {"scrollableSelector": ".modal-body", "callbackSucces": "close_modal", "paramCallbackSucces": "classic-modal"}, "class": "", "id":"validate_print_selection_form", "text":"S′inscrire maintenant"}}}'
1258           data-modal-after='{"function":"initFormUserAbonnement"}'
1259           data-modal-close='{"function":"closeFormUserAbonnement"}'>
1260          Abonnement / Résiliation
1261        </a>
1262      </span>
1263    </div>
1264  </div>
1265</div>
1266  </div>
1267
1268
1269              </div>
1270              <!-- end col -->
1271          
1272      </div>
1273      <p class="clearfix margin-bottom2"></p>
1274      <div class="ls-centered">
1275              
1276
1277<div  id="block-blocmentions">
1278      <div class="padding margin-top margin-bottom small-font center">
1279      <a href="https://www.colibris.net/mediasphere" target="_blank">MediaSphere®</a> - Portail CoLibris® - Copyright© 2026 - LOGIQ Systèmes. Tous droits réservés - <a href="/opac-manage-data-protection">Protection des données</a> - <a href="/opac-manage-mentions-legales">Mentions légales</a>
1280</div>
1281
1282  </div>
1283
1284
1285      </div>
1286  </div>
1287</footer>
1288  <!-- end footer -->
1289  <!--Start of Tawk.to Script-->
1290    <!--End of Tawk.to Script-->
1291</article>
1292
1293  </div>
1294
1295      <div class="off-canvas-wrapper"><div id="off-canvas">
1296              <ul>
1297              <li class="menu-item--c8f3d429-cad3-4848-b770-4715362b482a menu-name--custom-menu">
1298        <a href="/" data-drupal-link-system-path="&lt;front&gt;">Accueil</a>
1299              </li>
1300          <li class="menu-item--_c2659d5-f421-48d3-9d32-e3ca6b27e985 menu-name--custom-menu">
1301        <a href="/opac-new-search/recherche?qtype=animation" title="Actualités, animations" data-drupal-link-query="{&quot;qtype&quot;:&quot;animation&quot;}" data-drupal-link-system-path="opac-new-search/recherche">Actualités</a>
1302                                <ul>
1303              <li class="menu-item--bf8a8588-f95d-4a0f-87c9-54e0a0810652 menu-name--custom-menu">
1304        <a href="/opac-new-search/recherche?qtype=animation" data-drupal-link-query="{&quot;qtype&quot;:&quot;animation&quot;}" data-drupal-link-system-path="opac-new-search/recherche">Animation(s)</a>
1305              </li>
1306          <li class="menu-item--_ef87c17-4526-4e0b-a64b-3cc649411db1 menu-name--custom-menu">
1307        <a href="/opac-new-search/recherche?qtype=article" data-drupal-link-query="{&quot;qtype&quot;:&quot;article&quot;}" data-drupal-link-system-path="opac-new-search/recherche">Articles</a>
1308              </li>
1309        </ul>
1310  
1311              </li>
1312          <li class="menu-item--f6739b17-9601-4983-bb7e-8e5217ea4d51 menu-name--custom-menu">
1313        <a href="/opac-new-search/recherche?qtype=notice" data-drupal-link-query="{&quot;qtype&quot;:&quot;notice&quot;}" data-drupal-link-system-path="opac-new-search/recherche">Catalogue</a>
1314                                <ul>
1315              <li class="menu-item--_fa75b01-140b-432d-8758-83e9aa8cbe7e menu-name--custom-menu">
1316        <a href="/opac-new-search/recherche?qtype=notice" data-drupal-link-query="{&quot;qtype&quot;:&quot;notice&quot;}" data-drupal-link-system-path="opac-new-search/recherche">Recherche</a>
1317              </li>
1318          <li class="menu-item--_9e49f6b-c608-4de6-9da2-ab862d078924 menu-name--custom-menu">
1319        <a href="/new-search-advanced-form" data-drupal-link-system-path="new-search-advanced-form">Recherche Avancée</a>
1320              </li>
1321          <li class="menu-item--_f0c09fc-5854-430c-befc-3e5ec3651e58 menu-name--custom-menu">
1322        <a href="/opac-new-search/recherche?qtype=notice&amp;qfacet%5Bnotic_new_facet%5D=Nouveaut%C3%A9" title="Les nouveautés" data-drupal-link-query="{&quot;qfacet&quot;:{&quot;notic_new_facet&quot;:&quot;Nouveaut\u00e9&quot;},&quot;qtype&quot;:&quot;notice&quot;}" data-drupal-link-system-path="opac-new-search/recherche">Nouveautés</a>
1323              </li>
1324          <li class="menu-item--_5f0d1ab-fa95-455a-92b5-582c9b35aaf8 menu-name--custom-menu">
1325        <a href="/list-selection-multiple" data-drupal-link-system-path="list-selection-multiple">Sélections</a>
1326                                <ul>
1327              <li class="menu-item--b497160d-1fba-4077-8fb4-bca87ac09eac menu-name--custom-menu">
1328        <a href="/opac-new-search/recherche?qtype=notice&amp;qfacet%5Bnotic_recomm_facet%5D=Coup%20de%20coeur" data-drupal-link-query="{&quot;qfacet&quot;:{&quot;notic_recomm_facet&quot;:&quot;Coup de coeur&quot;},&quot;qtype&quot;:&quot;notice&quot;}" data-drupal-link-system-path="opac-new-search/recherche">Coups de coeur</a>
1329              </li>
1330          <li class="menu-item--_39b0b7b-fdb0-4dbc-901b-bc34ec38ebee menu-name--custom-menu">
1331        <a href="/list-selection-multiple" data-drupal-link-system-path="list-selection-multiple">Sélection bibliothèque</a>
1332              </li>
1333        </ul>
1334  
1335              </li>
1336          <li class="menu-item--a3c9f698-931c-47aa-94f2-8dd485c1144c menu-name--custom-menu">
1337        <a href="/opac-new-search/recherche?qtype=commande" data-drupal-link-query="{&quot;qtype&quot;:&quot;commande&quot;}" data-drupal-link-system-path="opac-new-search/recherche">Bientôt en rayon</a>
1338              </li>
1339          <li class="menu-item--a65f28fc-7a47-4647-93f1-23f76b719583 menu-name--custom-menu">
1340        <a href="/opac-new-search/recherche?qtype=suggestion_lecteur" data-drupal-link-query="{&quot;qtype&quot;:&quot;suggestion_lecteur&quot;}" data-drupal-link-system-path="opac-new-search/recherche">Suggestions</a>
1341              </li>
1342        </ul>
1343  
1344              </li>
1345          <li class="menu-item--fbc1b7f2-21d6-45b5-bf46-bf656715ce59 menu-name--custom-menu">
1346        <a href="/opac-new-search/recherche?qtype=biblio&amp;display_layout=list&amp;page_index=0&amp;display_mode=biblio" title="Horaires, adresses" data-drupal-link-query="{&quot;display_layout&quot;:&quot;list&quot;,&quot;display_mode&quot;:&quot;biblio&quot;,&quot;page_index&quot;:&quot;0&quot;,&quot;qtype&quot;:&quot;biblio&quot;}" data-drupal-link-system-path="opac-new-search/recherche">Infos Pratiques</a>
1347                                <ul>
1348              <li class="menu-item--_cffc81e-4457-4e87-80a5-290fb2874bb3 menu-name--custom-menu">
1349        <a href="/opac-new-search/recherche?qtype=biblio&amp;display_layout=list&amp;page_index=0&amp;display_mode=biblio" data-drupal-link-query="{&quot;display_layout&quot;:&quot;list&quot;,&quot;display_mode&quot;:&quot;biblio&quot;,&quot;page_index&quot;:&quot;0&quot;,&quot;qtype&quot;:&quot;biblio&quot;}" data-drupal-link-system-path="opac-new-search/recherche">Bibliothèques</a>
1350              </li>
1351          <li class="menu-item--_b9cf5cd-c4dd-4186-831d-c775df3a404e menu-name--custom-menu">
1352        <a href="/opac-new-search/recherche?qtype=communique" data-drupal-link-query="{&quot;qtype&quot;:&quot;communique&quot;}" data-drupal-link-system-path="opac-new-search/recherche">Communiqués</a>
1353              </li>
1354          <li class="menu-item--_7237d81-d220-4004-bbca-f23a9d8d8383 menu-name--custom-menu">
1355        <a href="/opac/les-rendez-vous" data-drupal-link-system-path="opac/les-rendez-vous">Rendez-vous</a>
1356              </li>
1357          <li class="menu-item--d9e14e2f-2345-4f09-a7b9-3b6c384d6033 menu-name--custom-menu">
1358        <a href="/opac-new-search/recherche?qtype=sitotheque" title="Sites conseillés" data-drupal-link-query="{&quot;qtype&quot;:&quot;sitotheque&quot;}" data-drupal-link-system-path="opac-new-search/recherche">Sitothèque</a>
1359              </li>
1360        </ul>
1361  
1362              </li>
1363          <li class="menu-item--user-search-history menu-name--account">
1364        <a href="/opac_search/search-history-list" data-drupal-link-system-path="opac_search/search-history-list">Historique</a>
1365              </li>
1366          <li class="menu-item--user-selection menu-name--account">
1367        <a href="/list-user-selection" data-drupal-link-system-path="list-user-selection">Ma sélection</a>
1368              </li>
1369          <li class="menu-item--profile menu-name--account">
1370        <a href="/moncompte" data-drupal-link-system-path="moncompte">Mon compte</a>
1371              </li>
1372          <li class="menu-item--logout menu-name--account">
1373        <a href="/user/login" data-drupal-link-system-path="user/login">Se connecter</a>
1374              </li>
1375        </ul>
1376  
1377
1378</div></div>
1379      <!-- page up -->
1380      <a href="javascript:void(0)" aria-hidden="true"
1381        class="fas fa-fw fa-arrow-circle-up ls-js-scrollup ls-btn-scrollup ls-hide" title="Haut de page"></a>
1382      <!-- end scroll to top of the page-->
1383    </div>
1384  </div>
1385</div>
1386
1387
1388
1389<script type="application/json" data-drupal-selector="drupal-settings-json">{"path":{"baseUrl":"\/","scriptPath":null,"pathPrefix":"","currentPath":"list-user-selection","currentPathIsAdmin":false,"isFront":false,"currentLanguage":"fr","currentQuery":{"q":"list-user-selection"}},"pluralDelimiter":"\u0003","suppressDeprecationErrors":true,"ajaxPageState":{"libraries":"aura_gdpr\/orejime,aura_gdpr\/orejime_post_load,lsOpac\/lsOpac-lib,ls_modal\/not_catalogue_custom_modal,opac_abonnement\/hcaptcha,opac_global_template\/opac_global_template_all_style,opac_manage_content\/user_global_lib,opac_new_search\/new_history_search,opac_search\/delete-search-history-js,opac_search\/search_js,opac_user\/user_lib,opac_user\/user_login_lib,responsive_menu\/responsive_menu.bootstrap,responsive_menu\/responsive_menu.breakpoint,responsive_menu\/responsive_menu.config,responsive_menu\/responsive_menu.mmenu,responsive_menu\/responsive_menu.styling,system\/base","theme":"lsOpac","theme_token":null},"ajaxTrustedUrl":{"\/opac-new-search\/recherche":true},"responsive_menu":{"position":"left","theme":"theme-light","pagedim":"pagedim","modifyViewport":true,"use_bootstrap":true,"breakpoint":"(min-width: 960px)","drag":false},"aura_gdpr":{"orejime_config":{"cookieExpiresAfterDays":7,"privacyPolicy":"\/politique-des-cookies"}},"user":{"uid":0,"permissionsHash":"7901092f4f7206acff8576ab0cff6403ecb0b4147ac337f2a34373258bb20b45"}}</script>
vendor: 1 bytes, line 1389
1389
1390<script src="/core/assets/vendor/jquery/jquery.min.js?v=3.6.3"></script>
vendor: 1 bytes, line 1390
1390
1391<script src="/core/misc/polyfills/nodelist.foreach.js?v=9.5.3"></script>
vendor: 1 bytes, line 1391
1391
1392<script src="/core/misc/polyfills/element.matches.js?v=9.5.3"></script>
vendor: 1 bytes, line 1392
1392
1393<script src="/core/misc/polyfills/object.assign.js?v=9.5.3"></script>
vendor: 1 bytes, line 1393
1393
1394<script src="/core/assets/vendor/css-escape/css.escape.js?v=1.5.1"></script>
vendor: 1 bytes, line 1394
1394
1395<script src="/core/assets/vendor/es6-promise/es6-promise.auto.min.js?v=4.2.8"></script>
vendor: 1 bytes, line 1395
1395
1396<script src="/core/assets/vendor/once/once.min.js?v=1.0.1"></script>
vendor: 1 bytes, line 1396
1396
1397<script src="/core/assets/vendor/jquery-once/jquery.once.min.js?v=2.2.3"></script>
vendor: 1 bytes, line 1397
1397
1398<script src="/core/misc/drupalSettingsLoader.js?v=9.5.3"></script>
vendor: 1 bytes, line 1398
1398
1399<script src="/sites/mediatheque-stjouin-bruneval.fr/files/languages/fr_Pm4wQtuOlZ-VUNObiYN55tljdfWZkxJnEE39oIuEP0E.js?tmisji"></script>
vendor: 1 bytes, line 1399
1399
1400<script src="/core/misc/drupal.js?v=9.5.3"></script>
vendor: 1 bytes, line 1400
1400
1401<script src="/core/misc/drupal.init.js?v=9.5.3"></script>
vendor: 1 bytes, line 1401
1401
1402<script src="/core/assets/vendor/jquery.ui/ui/widget-min.js?v=9.5.3"></script>
vendor: 1 bytes, line 1402
1402
1403<script src="/core/assets/vendor/jquery.ui/ui/version-min.js?v=9.5.3"></script>
vendor: 1 bytes, line 1403
1403
1404<script src="/core/assets/vendor/jquery.ui/ui/data-min.js?v=9.5.3"></script>
vendor: 1 bytes, line 1404
1404
1405<script src="/core/assets/vendor/jquery.ui/ui/disable-selection-min.js?v=9.5.3"></script>
vendor: 1 bytes, line 1405
1405
1406<script src="/core/assets/vendor/jquery.ui/ui/focusable-min.js?v=9.5.3"></script>
vendor: 1 bytes, line 1406
1406
1407<script src="/core/assets/vendor/jquery.ui/ui/form-min.js?v=9.5.3"></script>
vendor: 1 bytes, line 1407
1407
1408<script src="/core/assets/vendor/jquery.ui/ui/ie-min.js?v=9.5.3"></script>
vendor: 1 bytes, line 1408
1408
1409<script src="/core/assets/vendor/jquery.ui/ui/jquery-patch-min.js?v=9.5.3"></script>
vendor: 1 bytes, line 1409
1409
1410<script src="/core/assets/vendor/jquery.ui/ui/keycode-min.js?v=9.5.3"></script>
vendor: 1 bytes, line 1410
1410
1411<script src="/core/assets/vendor/jquery.ui/ui/plugin-min.js?v=9.5.3"></script>
vendor: 1 bytes, line 1411
1411
1412<script src="/core/assets/vendor/jquery.ui/ui/safe-active-element-min.js?v=9.5.3"></script>
vendor: 1 bytes, line 1412
1412
1413<script src="/core/assets/vendor/jquery.ui/ui/safe-blur-min.js?v=9.5.3"></script>
vendor: 1 bytes, line 1413
1413
1414<script src="/core/assets/vendor/jquery.ui/ui/scroll-parent-min.js?v=9.5.3"></script>
vendor: 1 bytes, line 1414
1414
1415<script src="/core/assets/vendor/jquery.ui/ui/unique-id-min.js?v=9.5.3"></script>
vendor: 1 bytes, line 1415
1415
1416<script src="/core/assets/vendor/jquery.ui/ui/widgets/autocomplete-min.js?v=9.5.3"></script>
vendor: 1 bytes, line 1416
1416
1417<script src="/core/assets/vendor/jquery.ui/ui/labels-min.js?v=9.5.3"></script>
vendor: 1 bytes, line 1417
1417
1418<script src="/core/assets/vendor/jquery.ui/ui/widgets/menu-min.js?v=9.5.3"></script>
vendor: 1 bytes, line 1418
1418
1419<script src="/core/assets/vendor/tabbable/index.umd.min.js?v=5.3.3"></script>
vendor: 1 bytes, line 1419
1419
1420<script src="/core/misc/autocomplete.js?v=9.5.3"></script>
vendor: 1 bytes, line 1420
1420
1421<script src="/core/misc/progress.js?v=9.5.3"></script>
vendor: 1 bytes, line 1421
1421
1422<script src="/core/misc/jquery.once.bc.js?v=9.5.3"></script>
vendor: 1 bytes, line 1422
1422
1423<script src="/core/assets/vendor/loadjs/loadjs.min.js?v=4.2.0"></script>
vendor: 1 bytes, line 1423
1423
1424<script src="/core/misc/ajax.js?v=9.5.3"></script>
vendor: 1 bytes, line 1424
1424
1425<script src="/modules/custom/opac_content/assets/js/message-ajax.js?v=1"></script>
vendor: 1 bytes, line 1425
1425
1426<script src="/modules/custom/opac_manage_content/js/opac_manage_content_generique_callback.js?v=1"></script>
vendor: 1 bytes, line 1426
1426
1427<script src="/modules/custom/ls_custom_form/js/custom-form.js?v=1"></script>
vendor: 1 bytes, line 1427
1427
1428<script src="/modules/custom/opac_manage_content/js/delete-node.js?v=1"></script>
vendor: 1 bytes, line 1428
1428
1429<script src="/modules/custom/ls_custom_form/js/form-multiple.js?v=1"></script>
vendor: 1 bytes, line 1429
1429
1430<script src="/modules/custom/opac_manage_content/js/Modal/form-multiple-modal-footer.js?v=1"></script>
vendor: 1 bytes, line 1430
1430
1431<script src="/modules/custom/opac_manage_content/js/Modal/form-multiple-modal-header.js?v=1"></script>
vendor: 1 bytes, line 1431
1431
1432<script src="/modules/custom/opac_manage_content/js/Form/test-form-multiple.js?v=1"></script>
vendor: 1 bytes, line 1432
1432
1433<script src="/modules/custom/ls_custom_form/js/custom-form-linked-notic-selection.js?v=1"></script>
vendor: 1 bytes, line 1433
1433
1434<script src="/modules/custom/opac_manage_content/js/Modal/form-multiple-tab-modal-header.js?v=1"></script>
vendor: 1 bytes, line 1434
1434
1435<script src="/libraries/ckeditor_4.16.1/ckeditor/ckeditor.js?v=1"></script>
vendor: 1 bytes, line 1435
1435
1436<script src="/modules/custom/ls_custom_form/js/custom_form_ckeditor.js?v=1"></script>
vendor: 1 bytes, line 1436
1436
1437<script src="/modules/custom/opac_manage_content/js/Contents/Appointment/user-add-rdv-form.js?v=1"></script>
vendor: 1 bytes, line 1437
1437
1438<script src="/modules/custom/opac_manage_content/js/user-share-content-form.js?v=1"></script>
vendor: 1 bytes, line 1438
1438
1439<script src="/modules/custom/opac_manage_content/js/Contents/Reservation/user-cancel-resa-form.js?v=1"></script>
vendor: 1 bytes, line 1439
1439
1440<script src="/modules/custom/opac_manage_content/js/Contents/Reservation/user-add-resa-form.js?v=1"></script>
vendor: 1 bytes, line 1440
1440
1441<script src="/modules/custom/opac_manage_content/js/Contents/Selection/user-selection-remove-doc-form.js?v=1"></script>
vendor: 1 bytes, line 1441
1441
1442<script src="/modules/custom/opac_manage_content/js/Contents/Selection/user-selection-add-doc-form.js?v=1"></script>
vendor: 1 bytes, line 1442
1442
1443<script src="/modules/custom/opac_manage_content/js/Contents/Selection/user-selection-form.js?v=1"></script>
vendor: 1 bytes, line 1443
1443
1444<script src="/modules/custom/ls_custom_form/js/custom-form-toggle-field.js?v=1"></script>
vendor: 1 bytes, line 1444
1444
1445<script src="/modules/custom/opac_manage_content/js/Contents/Selection/print-selection-form.js?v=1"></script>
vendor: 1 bytes, line 1445
1445
1446<script src="/modules/custom/opac_manage_content/js/Contents/Abonnement/user-abonnement-form.js?v=1"></script>
vendor: 1 bytes, line 1446
1446
1447<script src="/modules/custom/opac_manage_content/js/Contents/Suggestion/user-suggestion-form.js?v=1"></script>
vendor: 1 bytes, line 1447
1447
1448<script src="/modules/custom/opac_manage_content/js/Contents/Reservation/user-basket-resa-form.js?v=1"></script>
vendor: 1 bytes, line 1448
1448
1449<script src="/modules/custom/opac_manage_content/js/Contents/Reservation/user-basket-add-notice-form.js?v=1"></script>
vendor: 1 bytes, line 1449
1449
1450<script src="/modules/custom/opac_manage_content/js/Others/user-etat-civil-form.js?v=1"></script>
vendor: 1 bytes, line 1450
1450
1451<script src="/modules/contrib/imce/js/imce.input.js?v=9.5.3"></script>
vendor: 1 bytes, line 1451
1451
1452<script src="/modules/custom/opac_manage_content/js/Contents/Animation/auth-animation-rdv-form.js?v=1"></script>
vendor: 1 bytes, line 1452
1452
1453<script src="/modules/custom/opac_manage_content/js/Others/user-contact-form.js?v=1"></script>
vendor: 1 bytes, line 1453
1453
1454<script src="/modules/custom/opac_manage_content/js/Others/user-preinscription-form.js?v=1"></script>
vendor: 1 bytes, line 1454
1454
1455<script src="/modules/custom/opac_manage_content/js/Contents/Reservation/user-resa-rdv-form-multiple.js?v=1"></script>
vendor: 1 bytes, line 1455
1455
1456<script src="/modules/custom/ls_modal/js/not-catalogue-custom-modal.js?v=1"></script>
vendor: 1 bytes, line 1456
1456
1457<script src="/libraries/mmenu/dist/mmenu.js?v=9.5.3"></script>
vendor: 1 bytes, line 1457
1457
1458<script src="/modules/contrib/responsive_menu/js/responsive_menu.config.js?v=9.5.3"></script>
vendor: 1 bytes, line 1458
1458
1459<script src="/modules/contrib/responsive_menu/js/responsive_menu.bootstrap.js?v=9.5.3"></script>
vendor: 1 bytes, line 1459
1459
1460<script src="/modules/custom/aura_gdpr/js/orejime_config.js?tmisji"></script>
vendor: 1 bytes, line 1460
1460
1461<script src="https://unpkg.com/[email protected]/dist/orejime.js"></script>
vendor: 1 bytes, line 1461
1461
1462<script src="/modules/custom/aura_gdpr/js/orejime_post_load.js?tmisji"></script>
vendor: 1 bytes, line 1462
1462
1463<script src="/modules/custom/opac_new_search/js/new-history-search.js?v=1"></script>
vendor: 1 bytes, line 1463
1463
1464<script src="/modules/custom/opac_user/js/tab.js?v=1"></script>
vendor: 1 bytes, line 1464
1464
1465<script src="/modules/custom/opac_user/js/user-tabs.js?v=1"></script>
vendor: 1 bytes, line 1465
1465
1466<script src="/modules/custom/opac_user/js/login.js?v=1"></script>
vendor: 1 bytes, line 1466
1466
1467<script src="/core/misc/jquery.tabbable.shim.js?v=9.5.3"></script>
vendor: 1 bytes, line 1467
1467
1468<script src="/core/assets/vendor/jquery-form/jquery.form.min.js?v=4.3.0"></script>
vendor: 1 bytes, line 1468
1468
1469<script src="/core/misc/debounce.js?v=9.5.3"></script>
vendor: 1 bytes, line 1469
1469
1470<script src="/core/misc/announce.js?v=9.5.3"></script>
vendor: 1 bytes, line 1470
1470
1471<script src="/core/misc/message.js?v=9.5.3"></script>
vendor: 1 bytes, line 1471
1471
1472<script src="/modules/custom/opac_manage/js/html-tabs.js?v=1"></script>
vendor: 1 bytes, line 1472
1472
1473<script src="/modules/custom/opac_mailer/js/opac-mailer-global.js?v=1"></script>
vendor: 1 bytes, line 1473
1473
1474<script src="/themes/lsOpac/js/owlcarousel/owl.carousel.js?v=9.5.3"></script>
vendor: 1 bytes, line 1474
1474
1475<script src="/themes/lsOpac/js/owlcarousel/owl.carousel.min.js?v=9.5.3"></script>
vendor: 1 bytes, line 1475
1475
1476<script src="/modules/custom/opac_content/js/content/suggestion/opac-content-suggestion.js?v=1"></script>
vendor: 1 bytes, line 1476
1476
1477<script src="/themes/lsOpac/js/custom/ls-flix-owl-carousel.js?v=9.5.3"></script>
vendor: 1 bytes, line 1477
1477
1478<script src="/core/misc/position.js?v=9.5.3"></script>
vendor: 1 bytes, line 1478
1478
1479<script src="/modules/contrib/search_api_autocomplete/js/search_api_autocomplete.js?tmisji"></script>
vendor: 1 bytes, line 1479
1479
1480<script src="/themes/lsOpac/js/custom/md-carousel.js?v=9.5.3"></script>
vendor: 1 bytes, line 1480
1480
1481<script src="/themes/lsOpac/js/animations/js/animations.min.js?v=9.5.3"></script>
vendor: 1 bytes, line 1481
1481
1482<script src="/themes/lsOpac/js/popper/popper.min.js?v=9.5.3"></script>
vendor: 1 bytes, line 1482
1482
1483<script src="/themes/lsOpac/js/bootstrap/bootstrap.min.js?v=9.5.3"></script>
vendor: 1 bytes, line 1483
1483
1484<script src="/themes/lsOpac/js/megamenu/js/main.js?v=9.5.3"></script>
vendor: 1 bytes, line 1484
1484
1485<script src="/themes/lsOpac/js/hslider/jquery.scrollslider.js?v=9.5.3"></script>
vendor: 1 bytes, line 1485
1485
1486<script src="/themes/lsOpac/js/masonry.pkgd.min.js?v=9.5.3"></script>
vendor: 1 bytes, line 1486
1486
1487<script src="/themes/lsOpac/js/progressbar/pbar.js?v=9.5.3"></script>
vendor: 1 bytes, line 1487
1487
1488<script src="/themes/lsOpac/js/update.js?v=9.5.3"></script>
vendor: 1 bytes, line 1488
1488
1489<script src="/themes/lsOpac/js/spectrum/spectrum.js?v=9.5.3"></script>
vendor: 1 bytes, line 1489
1489
1490<script src="/themes/lsOpac/js/color_field/config.js?v=9.5.3"></script>
vendor: 1 bytes, line 1490
1490
1491<script src="/themes/lsOpac/js/custom/voice-reader.js?v=9.5.3"></script>
vendor: 1 bytes, line 1491
1491
1492<script src="/themes/lsOpac/js/custom/custom-js.js?v=9.5.3"></script>
vendor: 1 bytes, line 1492
1492
1493<script src="/themes/lsOpac/js/custom/custom-slider.js?v=9.5.3"></script>
vendor: 1 bytes, line 1493
1493
1494<script src="/themes/lsOpac/js/custom/ls-accordion.js?v=9.5.3"></script>
vendor: 1 bytes, line 1494
1494
1495<script src="/themes/lsOpac/js/custom/ls-redirection.js?v=9.5.3"></script>
vendor: 1 bytes, line 1495
1495
1496<script src="/themes/lsOpac/js/custom/ls-slider.js?v=9.5.3"></script>
vendor: 1 bytes, line 1496
1496
1497<script src="/themes/lsOpac/js/fontawsome/brands.js?v=9.5.3"></script>
vendor: 1 bytes, line 1497
1497
1498<script src="/themes/lsOpac/js/fontawsome/regular.js?v=9.5.3"></script>
vendor: 1 bytes, line 1498
1498
1499<script src="/themes/lsOpac/js/fontawsome/solid.js?v=9.5.3"></script>
vendor: 1 bytes, line 1499
1499
1500<script src="/themes/lsOpac/js/fontawsome/light.js?v=9.5.3"></script>
vendor: 1 bytes, line 1500
1500
1501<script src="/themes/lsOpac/js/fontawsome/duotone.js?v=9.5.3"></script>
vendor: 1 bytes, line 1501
1501
1502<script src="/themes/lsOpac/js/fontawsome/custom-icons-duotone.js?v=9.5.3"></script>
vendor: 1 bytes, line 1502
1502
1503<script src="/themes/lsOpac/js/fontawsome/custom-icons.js?v=9.5.3"></script>
vendor: 1 bytes, line 1503
1503
1504<script src="/themes/lsOpac/js/fontawsome/fontawesome.js?v=9.5.3"></script>
vendor: 1 bytes, line 1504
1504
1505<script src="/themes/lsOpac/js/lazyload.js?v=9.5.3"></script>
vendor: 1 bytes, line 1505
1505
1506<script src="/themes/lsOpac/js/Inputmask-5.x/dist/jquery.inputmask.min.js?v=9.5.3"></script>
vendor: 1 bytes, line 1506
1506
1507<script src="https://hcaptcha.com/1/api.js"></script>
vendor: 1 bytes, line 1507
1507
1508<script src="/modules/custom/opac_search/js/search-js.js?v=1"></script>
vendor: 1 bytes, line 1508
1508
1509<script src="/modules/custom/opac_search/js/ds-history-js.js?v=1"></script>
1509
1510</js-bottom-placeholder>
1511<script>
1512
1513    
1514  
1515
1516</script>
1516
1517
1518
1519
1520<div class="opac-listen-search-interface ui-dialog ui-corner-all ui-widget ui-widget-content ui-front ls-hide"
1521     style="position:fixed;top:0px;left:0;right:0;min-width:100%;z-index: 1010;min-height:200px;">
1522    <div class="ls-flex ls-flex-direction-column ls-max-width">
1523        <div class="ls-flex ls-max-width ls-flex-justify-end" style="padding-right: 1rem">
1524            <a class="" href="javascript:void(0);" onclick="hide_show_by_class('opac-listen-search-interface');"><span class="fak fa-cercle-refus"></span></a>
1525        </div>
1526        <div class="ls-flex ls-padding-rem1 ls-flex-wrap">
1527            <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
1528                <div class="padding opac-listen-search-interface-text-container">
1529                    <div class="ls-flex ls-flex-direction-column ls-padding-rem1 ls-gap-rem1" style="background-color: var(--lsOpac-block-header-bg);color: var(--lsOpac-block-header-color);border-radius: var(--lsOpac-other-content-border-radius); border-color: var(--lsOpac-block-header-border-color); border-width: var(--lsOpac-block-header-border-width)">
1530                        <h2 class="" style="white-space: normal;">Exemple de commandes vocales</h2>
1531                        <div style="white-space: normal;"><span class="cbg-tag">Chercher</span> * Les misérables * </div>
1532                        <div style="white-space: normal;"><span class="cbg-tag">Trouver les documents de </span> * Victor HUGO *</div>
1533                    </div>
1534                </div>
1535            </div>
1536            <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12 ls-flex ls-flex-justify-center ls-flex-align-center ls-gap-rem1">
1537                <div class="ls-flex ls-flex-align-center ls-flex-direction-column ls-gap-rem1">
1538                    <a href="javascript:void(0);" class="animated fadeIn opac-listen-search-micro-link ls-flex ls-flex-align-center ls-flex-justify-center" onclick="start_listening();" style="animation-iteration-count: 4;animation-duration: 2s;height:5rem;width:5rem;border-radius: 50%;opacity: 0.7;background-color: #2b758b;color:#ffffff"><br><span class="fak fa-microphone" style="font-size: 2rem"></span></a>
1539                    <span class="ls-hide opac-search-decompte-container ls-flex ls-flex-justify-center ls-flex-align-center" style="border-radius:50%;height:3rem;width:3rem;background-color: red;color: white">5</span>
1540                </div>
1541                <div class="padding">
1542                    <h2 class="ls-hide opac-listen-search-interface-text-write" style="white-space: normal;"></h2>
1543                </div>
1544            </div>
1545                    </div>
1546    </div>
1547</div></body>
1548
1549
1550
1551</html>
1552
1553

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