CINXE.COM

Médiathèques Sète Agglopôle

<!DOCTYPE html> <html lang="fr"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Médiathèques Sète Agglopôle</title> <meta name="description" content="Portail du réseau des médiathèques de Sète Agglopôle Méditerranée . Catalogues et services des 6 établissements de la communauté d'agglomération du bassin de Thau. " /> <meta property="og:title" content="Médiathèques Sète Agglopôle" /> <meta property="og:type" content="website" /> <meta property="og:site_name" content="mediatheques.agglopole.fr" /> <meta property="og:locale" content="fr" /> <meta property="og:url" content="http://mediatheques.agglopole.fr/node/content/nid/117997" /> <meta name="twitter:card" content="summary" /> <meta name="twitter:site" content="@mediatheques.agglopole.fr" /> <meta name="twitter:domain" content="http://mediatheques.agglopole.fr" /> <link rel="shortcut icon" type="image/png" href="https://mediatheques.agglopole.fr/resources/images/favicon.png"> <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css" crossorigin="anonymous"> <link rel="stylesheet" type="text/css" href="https://mediatheques.agglopole.fr/vendors/bootstrap/smartmenus-1.1.0/css/sm-core-css.css" /> <link rel="stylesheet" type="text/css" href="https://mediatheques.agglopole.fr/vendors/bootstrap/smartmenus-1.1.0/css/jquery.smartmenus.bootstrap.css" /> <link rel="stylesheet" type="text/css" href="https://mediatheques.agglopole.fr/vendors/bootstrap/bootstrap-sidebar/dist/css/sidebar.css" /> <link rel="stylesheet" type="text/css" href="https://mediatheques.agglopole.fr/vendors/bootstrap/bootstrap-datetimepicker-master/build/css/bootstrap-datetimepicker.min.css" /> <link rel="stylesheet" type="text/css" href="https://mediatheques.agglopole.fr/vendors/bootstrap/bootstrap-colorpicker/dist/css/bootstrap-colorpicker.min.css" /> <link rel="stylesheet" type="text/css" href="https://mediatheques.agglopole.fr/vendors/jquery/raty/jquery.raty.css" /> <link rel="stylesheet" type="text/css" href="https://mediatheques.agglopole.fr/resources/css/style.css?v=2.19" media="screen" /> <link rel="stylesheet" type="text/css" href="https://mediatheques.agglopole.fr/resources/css/view.css?v=2.19" media="screen" /> <link rel="stylesheet" type="text/css" href="https://mediatheques.agglopole.fr/resources/css/searchresultspage.css?v=2.19" media="screen" /> <link rel="stylesheet" type="text/css" href="https://mediatheques.agglopole.fr/resources/css/defaultimages.css?v=2.19" media="screen" /> <link rel="stylesheet" type="text/css" href="https://mediatheques.agglopole.fr/resources/css/waitinglist.css?v=2.19" media="screen" /> <link rel="stylesheet" type="text/css" href="https://mediatheques.agglopole.fr/resources/css/materialicons.css" media="screen" /> <link rel="stylesheet" type="text/css" href="https://mediatheques.agglopole.fr/resources/css/snowtheme.css" media="screen" /> <link rel="stylesheet" type="text/css" href="https://mediatheques.agglopole.fr/resources/css/neutretheme.css" media="screen" /> <link rel="stylesheet" href="https://mediatheques.agglopole.fr/vendors/flag-icon/css/flag-icon.min.css" /> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"> <link rel="stylesheet" href="https://mediatheques.agglopole.fr/vendors/fontawesome-pro-5.13.0-web/css/all.css"> <link rel="stylesheet" href="https://mediatheques.agglopole.fr/vendors/fontawesome-pro-custom/fontawesome-pro-custom.css"> <link rel="stylesheet" href="https://mediatheques.agglopole.fr/vendors/jquery/tagsort-master/tagsort.css"> <link rel="stylesheet" type="text/css" href="https://mediatheques.agglopole.fr/vendors/bootstrap/bootstrap-vertical-tabs/bootstrap.vertical-tabs.min.css" /> <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css" /> <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.theme.default.min.css" /> <link rel="stylesheet" type="text/css" href="https://mediatheques.agglopole.fr/vendors/DataTables/dataTables.min.css"> <link rel="stylesheet" type="text/css" href="https://mediatheques.agglopole.fr/vendors/DataTables/autoFill-2-0-7.css"> <link rel="stylesheet" type="text/css" href="https://mediatheques.agglopole.fr/vendors/DataTables/buttons-3-0-2.css"> <link rel="stylesheet" type="text/css" href="https://mediatheques.agglopole.fr/vendors/DataTables/colReorder-2-0-2.css"> <link rel="stylesheet" type="text/css" href="https://mediatheques.agglopole.fr/vendors/DataTables/fixedColumns-5-0-0.css"> <link rel="stylesheet" type="text/css" href="https://mediatheques.agglopole.fr/vendors/DataTables/fixedHeader-4-0-1.css"> <link rel="stylesheet" type="text/css" href="https://mediatheques.agglopole.fr/vendors/DataTables/keyTables-2-12-0.css"> <link rel="stylesheet" type="text/css" href="https://mediatheques.agglopole.fr/vendors/DataTables/responsive-3-0-2.css"> <link rel="stylesheet" type="text/css" href="https://mediatheques.agglopole.fr/vendors/DataTables/rowGroup-1-5-0.css"> <link rel="stylesheet" type="text/css" href="https://mediatheques.agglopole.fr/vendors/DataTables/rowReorder-1-5-0.css"> <link rel="stylesheet" type="text/css" href="https://mediatheques.agglopole.fr/vendors/DataTables/scroller-2-4-2.css"> <link rel="stylesheet" type="text/css" href="https://mediatheques.agglopole.fr/vendors/DataTables/searchBuilder-1-7-1.css"> <link rel="stylesheet" type="text/css" href="https://mediatheques.agglopole.fr/vendors/DataTables/searchPanes-2-3-1.css"> <link rel="stylesheet" type="text/css" href="https://mediatheques.agglopole.fr/vendors/DataTables/select-2-0-2.css"> <link rel="stylesheet" type="text/css" href="https://mediatheques.agglopole.fr/vendors/DataTables/stateRestore-1-4-1.css"> <link rel="stylesheet" type="text/css" media="screen" href="https://mediatheques.agglopole.fr/theme/model/modern/style.css?v=2.19" /> <link href="https://mediatheques.agglopole.fr/vendors/decalog/opac/css/style.css?v=2.19" media="screen" rel="stylesheet" type="text/css" > <link href="https://mediatheques.agglopole.fr/vendors/gallery/css/blueimp-gallery.min.css" media="screen" rel="stylesheet" type="text/css" > <link href="https://mediatheques.agglopole.fr/vendors/decalog/opac/css/print.css?v=2.19" media="print" rel="stylesheet" type="text/css" > <link rel="stylesheet" type="text/css" media="screen" href="https://mediatheques.agglopole.fr/theme/pattern/snow/style.css?v=2.19" /> <style> .template-element-hover { background-color: #3e78ae33 !important; } .template-element-hover:not(.template-element-stylized) { border: solid 1px #3e78ae !important; } .dropdown-menu .fa-square, .dropdown-menu .fa-check-square { color: #105ba2 !important; margin-right: 5px; } .template-selected-zone .template-clickable-zone { background-color: #3e78ae !important; color: white !important; border-color: white !important; transition: background-color 0.3s ease; } .form-summary .form-summary-question { color: #3e78ae; font-weight: bold; padding-bottom: 15px; } .form-summary .form-summary-text .form-summary-submission, .form-summary .form-summary-textarea .form-summary-submission { background-color: #3e78ae; color: #FFFFFF; padding: 5px 8px; border-radius: 5px; margin-bottom: 10px; display: inline-block; } .alert-custom { background-color: #bfdcf8 !important; color: #333333; border-color: #93bbe5; } .container .form-banner { margin: 25px -15px; } .form-banner { background-image: linear-gradient(to top right, #bfdcf8dd 20%, #bfdcf8aa 100%); color: #333333; padding: 25px 45px; margin: 25px -45px; } .form-banner .form-banner-info .form-stat-number { font-size: 2em; } .form-banner .form-banner-info .form-stat-criteria { font-size: 1.5em; } </style> <style> body nav.navbar.navbar-default.catalog-navigation .fa, .navbar-link, .catalog-navigation small, nav.navbar.navbar-default.catalog-navigation .nav > li.bg-nav-inverse > a, .navbar-default .btn-link, nav.navbar.navbar-default #searchbar .material-icons { color : #000000 !important ; } .nav.navbar-nav.col-xs-12{ background-color: #2c4680 !important; } #fast-search-input::placeholder { color: #000000; opacity: 1; } #fast-search-input::-webkit-input-placeholder { color: #000000; } #fast-search-input::-moz-placeholder { color: #000000; } #fast-search-input:-ms-input-placeholder { color: #000000; } #fast-search-input:-moz-placeholder { color: #000000; } #fast-search-input { color : #000000 ; } #fast-search-input { border-color: #000 !important; } /*couleur de fond de page*/ #page { background-color: #fff; } /*Augmentation taille text onglets*/ .nav-tabs { font-size: 15px; font-weight: bold; } .col-main{ padding : 10px; } dp-node-126516 aside .node-item .thumbnail{ background-color: #f9f1e5; } nav.catalog-navigation, nav.criteria-nav, #navbar-collapse-menu { background-color: #fff; } /* Mise en forme bordures tableau d'articles 2 et 3 colonnes */ /*.node-item-content .col-md-4, .node-item-content .col-md-6{ border: 5px groove rgba(128,128,128,0.1); border-radius: 5px 5px 5px 5px; }*/ li.dp-menu { color: #fff!important; /* couleur police menu */ } #navbar-collapse-menu .nav.navbar-nav > li > a { font-weight: bold; } body nav.navbar.navbar-default { background-color: #FFFFFF ; /* couleur menu nav */ } #form_100623 .form-group .form-control { border-radius: 0; } h1 { text-align: center; } .carousel-overlay { background: none !important; } /*.carousel-link { display: none; }*/ #fullCarousel li.active { background-color: #3E78AE !important; border: 1px solid #3E78AE !important; } .sidebar-navbar .sidebar-header.navbar-header > .navbar-brand { color: #3E78AE !important; } aside .dp-node-selection .thumbnail { background-color: #e2e2e2 !important; border: 2px; } @media (max-width: 768px) .navbar-nav .dropdown-menu > li > a { color: #523232 !important; } /* -------------------- Mise en page MID----------------------*/ #node-166693 a{ color: white; } /* -------------------- Mise en page ressources numérique ----------------------*/ .sectionNum { text-align: center; font-size: .8em; } .ligneArticlesNum { text-align: center; } .articleNum { margin: 0 auto; height: auto; } .articleNumCadre { margin: 5px; text-align: center; max-width: 370px; background-color: #f1f1f3; border: 1px solid #b4b4b4; display: inline-block; } .imageRessource { text-align: center; padding: 20px 0 5px 0; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; } .articleNumDescription { min-height: 115px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; } .articleNum div:hover .imageRessource { -webkit-transform: scale(1.1); transform: scale(1.1); } /* ------------------------------------------------------------------------------------*/ body, html { background-color: #fff; height: 100%; background-color: #fff; } #fast-search-input { border: 1px solid black; } .col-lg-7.col-md-12.col-sm-12.col-xs-12.bg-nav-inverse { margin-top: 49px; } .navbar-right { margin-top: 33px; } .search-inputs-wrapper .siteStrFilters .btn-link { font-size: 12px; color: #FFF !important; width: 100%; background-color:#2c4680; font-weight: 600; padding: .2em; } .search-inputs-wrapper .siteStrFilters .btn-link:hover { font-size: 12px; color: #FFF !important; width: 100%; background-color:#64b6d4; font-weight: 600; padding: .2em; } #fast-search-input::placeholder { color: #808080 !important;circle font-weight: bold; } .node-region-aside .thumbnail { box-shadow: 3px 3px 10px rgba(0,0,0,0.2); } .nav-tabs > li.active > a, .nav-tabs > li > a:hover { border-bottom: solid 3px #2c4680 !important; } .nav-tabs > li.active > a, .nav-tabs > li > a{ border-bottom: solid 3px #2c4680 !important; } .node-item a { color: #2c4680 !important; } .carousel { height : 300px; border-bottom: solid 7px #64b6d4 !important; } .row.criteria-nav.navbar.navbar-default .navbar-brand, nav.navbar.navbar-default .text-muted { color: #2c4680 !important; } .col-lg-4.col-md-4.col-sm-6.col-xs-6.nav-actions { color: #2c4680 !important; } .pagination > li > a { color: #2c4680; background-color: #fff !important; } .pagination > li.active > a { color: #fff !important; background-color: #2c4680 !important; } #aside-toggle { background-color: #2c4680 !important; } body #facetsdata a { color: #2c4680 !important; } body #facetsdata a:hover { color: #2c4680!important; font-weight: bold; } .facets-navigation .facets-filters h4.filter-title { border-color: #2c4680; } .panel-body a{ color: #2c4680; } .row.criteria-nav.navbar.navbar-default .btn-link { color: #2c4680 !important; } .badge { color: #fff; background-color: #64b6d4; } .btn-primary { color: #fff; background-color: #2c4680; } .btn-available.available { border: none; background: #819e2a; color: #fff; } .btn-available.available-see { border: none; background: #ee882c; color: #fff; } .result-list .wish-like .inner-btn-share, .result-list .btn-share .inner-btn-share, .notice .wish-like .inner-btn-share, .notice .btn-share .inner-btn-share { color: #2c4680 !important; } .active a { color: #2c4680 !important; } .dp-default.dp-default-manager.dp-default-manager-index .container-fluid ul li a { color: #2c4680 !important; } .dp-default-manager #navbar-collapse-menu .nav.navbar-nav > li > a { color: white !important; } .list-unstyled a { color: #000066 !important; } .btn.btn-link.btn-small.btn-info.btn-filter-date-desc { background-color: #808080; } .btn.btn-link.btn-small.btn-info.btn-filter-date-asc { background-color: #808080; } .btn.btn-link.btn-small.btn-info.btn-filter-za { background-color: #808080; } .btn.btn-link.btn-small.btn-info.btn-filter-az { background-color:#808080 !important; } #user-account-sidebar.opened { background-color : #2c4680; } .search-inputs-wrapper .siteStrFilters { border: 1px solid #2c4680; } a.btn-back-to-top .fas.fa.fa-chevron-up.fa-2x { color: #2c4680 !important; } .text-muted { display: none; } h1 { display: none; } /*Masque les traits sous les titres*/ #page-content-wrapper hr { display: none; } .node-item-published { display:none; } </style> <style> p{ color: #000; } .loan-actions a { color: #fff !important; } h1 { display: block; } .node-region-body .form-vertical { background-color: #FAEBD7; } .navbar-toggle { background-color: #2C4680; } #node-245206 h3{ display: none; } /* ------------------------------------------- */ /* Détails du compte abonné */ #user-account-sidebar .account-details > a{ color: #fff; } #user-account-sidebar .text-info{/* Couleur des infos text des prêts */ color: #FAEBD7; } /* ------------------------------------------- */ /* Fixer le sommaire en fixe (sans scroll du body) */ .node-278153, .node-185802{ position: fixed; top: 0; } /* ------------------------------------------- */ /* Encadrer un DIV */ .cadreDiv{ border: 1px solid black; padding: 5px; /* background-color: #F1F1F3; */ background-color: #E8F0FE; } /* ------------------------------------------- */ /* Mise en page specifique à la page du tremplin Résonnances */ #node-268455, #node-268448 { /*background-image:url(https://mediatheques.agglopole.fr/vendors/richfilemanager/connectors/php/filemanager.php?path=/Images/Commun/Animation_recurrentes/Resonances/R%C3%A9sonances_-_Background-01.png&mode=readfile); */ background-image:url(https://mediatheques.agglopole.fr/vendors/richfilemanager/connectors/php/filemanager.php?path=/Images/Commun/Animation_recurrentes/Resonances/R%C3%A9sonances_-_Background-04.jpg&mode=readfile); /*background-image:url(https://mediatheques.agglopole.fr/vendors/richfilemanager/connectors/php/filemanager.php?path=/Images/Commun/Animation_recurrentes/Resonances/R%C3%A9sonances_-_Background-dark.jpg&mode=readfile);*/ background-size: cover; background-color : #dfdcd7; /* -webkit-text-stroke: 0.02em black; */ } #node-268455 h3{ display: none; } #node-268455 img{ text-align:center; margin:auto; display:flex; } #node-268437 h1{ display: none; } /* -------------------------------------------------------------------------------- */ .image-zoom { transition: 0.4s; } .image-zoom:hover { transform: scale(1.2); } /*---------------------Articles fixés à gauche---------------------*/ @media (min-width:1200px) { /*Pour fixer un article sur la gauche*/ /*Le numéro après node correspond au numéro de l'article*/ /*Pour connaitre ce numéro, il faut éditer l'article en question et regarder dans la barre d'adresse*/ /*Attention à bien mettre une virgule après .thumbnail entre chaque article (sauf le dernier)*/ #node-278153 .thumbnail, #node-185802 .thumbnail { position: fixed; right: 74vw; left: 15px; box-shadow: inset 0px 0px 5px 0px rgb(0 0 0); /*encadrement du menu*/ } } /*Pour faire en sorte d'avoir une barre de défilement sur les articles fixés à gauche */ /*Le numéro après node correspond au numéro de l'article*/ /*Pour connaitre ce numéro, il faut éditer l'article en question et regarder dans la barre d'adresse*/ /*Attention à bien mettre une virgule après .thumbnail pour chaque article (sauf le dernier)*/ @media (min-width: 1200px) and (max-width:1366px) { #node-278153 .thumbnail, #node-185802 .thumbnail { overflow-y: scroll; height: 53vh; } } /*Mise en forme des articles fixés à gauche*/ /*Le numéro après node correspond au numéro de l'article*/ /*Pour connaitre ce numéro, il faut éditer l'article en question et regarder dans la barre d'adresse*/ /*Attention à bien mettre une virgule après .thumbnail pour chaque article (sauf le dernier)*/ /*Enlève les puces sur les listes*/ #node-278153 .node-item-teaser li, #node-185802 .node-item-teaser li { list-style: none; } /*Aligne les titres sur la gauche de l'article*/ #node-278153 .node-item-teaser ul:not(.node-item-teaser ul li ul), #node-185802 .node-item-teaser ul:not(.node-item-teaser ul li ul) { padding-left: 0; } /*Met en gras et en plus grand les titres (mais pas les sous titres)*/ #node-278153 .node-item-teaser ul li a:not(ul li ul li a), #node-185802 .node-item-teaser ul li a:not(ul li ul li a) { font-weight: 600; font-size: 1.2em; } /*Pour décoller le titre de l'article du reste*/ #node-278153 h2, #node-185802 h2 { margin-bottom: 1em; } </style> <script> var Application = { baseUrl: function() { return ''; }, lang: function() { return $('html').attr('lang'); } }; function dump(obj) { var out = ''; for (var i in obj) { out += i + ": " + obj[i] + "\n"; } alert(out); } </script> <script src="https://mediatheques.agglopole.fr/vendors/jquery/jquery-3.7.1.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script> <script type="text/javascript" charset="utf8" src="https://mediatheques.agglopole.fr/vendors/DataTables/dataTables.min.js"></script> <script type="text/javascript" charset="utf8" src="https://mediatheques.agglopole.fr/vendors/DataTables/autoFill-2-0-7.js"></script> <script type="text/javascript" charset="utf8" src="https://mediatheques.agglopole.fr/vendors/DataTables/buttons-3-0-2.js"></script> <script type="text/javascript" charset="utf8" src="https://mediatheques.agglopole.fr/vendors/DataTables/colVis-3-0-2.js"></script> <script type="text/javascript" charset="utf8" src="https://mediatheques.agglopole.fr/vendors/DataTables/print-3-0-2.js"></script> <script type="text/javascript" charset="utf8" src="https://mediatheques.agglopole.fr/vendors/DataTables/html5-3-0-2.js"></script> <script type="text/javascript" charset="utf8" src="https://mediatheques.agglopole.fr/vendors/DataTables/colReorder-2-0-2.js"></script> <script type="text/javascript" charset="utf8" src="https://mediatheques.agglopole.fr/vendors/DataTables/datatime-1-5-2.js"></script> <script type="text/javascript" charset="utf8" src="https://mediatheques.agglopole.fr/vendors/DataTables/fixedColumns-5-0-0.js"></script> <script type="text/javascript" charset="utf8" src="https://mediatheques.agglopole.fr/vendors/DataTables/fixedHeader-4-0-1.js"></script> <script type="text/javascript" charset="utf8" src="https://mediatheques.agglopole.fr/vendors/DataTables/keyTables-2-12-0.js"></script> <script type="text/javascript" charset="utf8" src="https://mediatheques.agglopole.fr/vendors/DataTables/responsive-3-0-2.js"></script> <script type="text/javascript" charset="utf8" src="https://mediatheques.agglopole.fr/vendors/DataTables/rowGroup-1-5-0.js"></script> <script type="text/javascript" charset="utf8" src="https://mediatheques.agglopole.fr/vendors/DataTables/rowReorder-1-5-0.js"></script> <script type="text/javascript" charset="utf8" src="https://mediatheques.agglopole.fr/vendors/DataTables/scroller-2-4-2.js"></script> <script type="text/javascript" charset="utf8" src="https://mediatheques.agglopole.fr/vendors/DataTables/searchBuilder-1-7-1.js"></script> <script type="text/javascript" charset="utf8" src="https://mediatheques.agglopole.fr/vendors/DataTables/searchPanes-2-3-1.js"></script> <script type="text/javascript" charset="utf8" src="https://mediatheques.agglopole.fr/vendors/DataTables/select-2-0-2.js"></script> <script type="text/javascript" charset="utf8" src="https://mediatheques.agglopole.fr/vendors/DataTables/stateRestore-1-4-1.js"></script> <script type="text/javascript" charset="utf8" src="https://mediatheques.agglopole.fr/vendors/DataTables/JSZip-2.5.0/jszip.js"></script> <script type="text/javascript" charset="utf8" src="https://mediatheques.agglopole.fr/vendors/DataTables/pdfmake-0.1.36/pdfmake.js"></script> <script type="text/javascript" charset="utf8" src="https://mediatheques.agglopole.fr/vendors/DataTables/pdfmake-0.1.36/vfs_fonts.js"></script> <script type="text/javascript" charset="utf8" src="https://mediatheques.agglopole.fr/vendors/decalog/opac/js/youtubeplayer.js"></script> <script type="text/javascript" charset="utf8" src="https://mediatheques.agglopole.fr/resources/js/defaultimages.js"></script> <script type="text/javascript" charset="utf8" src="https://mediatheques.agglopole.fr/resources/js/lowvisionbutton.js"></script> <script type="text/javascript" src="/vendors/decalog/opac/js/form.js"></script> <script> $(document).ready(function() { $.extend($.fn.dataTable.defaults, { paging: false, dom: 'Bt', buttons: [{ extend: 'copy', text: 'Copier' }, 'excel', 'pdf' ], language: { url: 'https://mediatheques.agglopole.fr/vendors/DataTables/languages/fr_FR.json' } }); try { $('[data-tooltip="tooltip"]').tooltip(); } catch (e) { console.log(e); } }); </script> <script type="application/ld+json"> { "@context": "https:\/\/schema.org", "@type": "Store", "@id": "https:\/\/mediatheques.agglopole.fr\/", "name": "M\u00e9diath\u00e8ques S\u00e8te Agglop\u00f4le", "image": "https:\/\/mediatheques.agglopole.fr\/data\/mediatheques.agglopole.fr\/application\/layout\/logo.png", "url": "https:\/\/mediatheques.agglopole.fr\/", "department": [ { "@type": "Store", "name": "Andr\u00e9 Malraux (S\u00e8te - \u00cele de Thau)", "image": "https:\/\/mediatheques.agglopole.fr\/data\/mediatheques.agglopole.fr\/application\/layout\/logo.png", "url": "https:\/\/mediatheques.agglopole.fr\/opac\/subdomain\/details\/sdid\/5755854010635207250", "telephone": "04 67 51 51 07 ", "address": { "@type": "PostalAddress", "streetAddress": "525 Boulevard Pierre Mend\u00e8s France", "addressLocality": "S\u00e8te", "postalCode": "34200", "addressCountry": "France" }, "openingHoursSpecification": [ { "@type": "OpeningHoursSpecification", "dayOfWeek": "Monday", "opens": "09:00", "closes": "12:30" }, { "@type": "OpeningHoursSpecification", "dayOfWeek": "Tuesday", "opens": "14:00", "closes": "18:00" }, { "@type": "OpeningHoursSpecification", "dayOfWeek": "Wednesday", "opens": "10:00", "closes": "17:00" }, { "@type": "OpeningHoursSpecification", "dayOfWeek": "Thursday", "opens": "09:00", "closes": "12:30" }, { "@type": "OpeningHoursSpecification", "dayOfWeek": "Friday", "opens": "14:00", "closes": "18:00" }, { "@type": "OpeningHoursSpecification", "dayOfWeek": "Saturday", "opens": "10:00", "closes": "12:30" }, { "@type": "OpeningHoursSpecification", "dayOfWeek": "Saturday", "opens": "14:00", "closes": "17:00" } ] }, { "@type": "Store", "name": "Andr\u00e9e Chedid (M\u00e8ze)", "image": "https:\/\/mediatheques.agglopole.fr\/data\/mediatheques.agglopole.fr\/application\/layout\/logo.png", "url": "https:\/\/mediatheques.agglopole.fr\/opac\/subdomain\/details\/sdid\/7933479349391077363", "telephone": "04 67 43 71 84", "address": { "@type": "PostalAddress", "streetAddress": "17 Place de l'Ancien Hospice", "addressLocality": "M\u00e8ze", "postalCode": "34140", "addressCountry": "France" }, "openingHoursSpecification": [ { "@type": "OpeningHoursSpecification", "dayOfWeek": "Tuesday", "opens": "14:00", "closes": "18:00" }, { "@type": "OpeningHoursSpecification", "dayOfWeek": "Wednesday", "opens": "09:00", "closes": "12:30" }, { "@type": "OpeningHoursSpecification", "dayOfWeek": "Wednesday", "opens": "14:00", "closes": "18:00" }, { "@type": "OpeningHoursSpecification", "dayOfWeek": "Thursday", "opens": "09:00", "closes": "12:30" }, { "@type": "OpeningHoursSpecification", "dayOfWeek": "Friday", "opens": "09:00", "closes": "12:30" }, { "@type": "OpeningHoursSpecification", "dayOfWeek": "Friday", "opens": "14:00", "closes": "18:00" }, { "@type": "OpeningHoursSpecification", "dayOfWeek": "Saturday", "opens": "09:00", "closes": "12:30" }, { "@type": "OpeningHoursSpecification", "dayOfWeek": "Saturday", "opens": "14:00", "closes": "17:00" } ] }, { "@type": "Store", "name": "Balaruc-les-Bains", "image": "https:\/\/mediatheques.agglopole.fr\/data\/mediatheques.agglopole.fr\/application\/layout\/logo.png", "url": "https:\/\/mediatheques.agglopole.fr\/opac\/subdomain\/details\/sdid\/6600884898673670010", "telephone": "04 67 43 23 45", "address": { "@type": "PostalAddress", "streetAddress": "R\u00e9sidence S\u00e9vign\u00e9 Thermal", "addressLocality": "Balaruc-les-Bains", "postalCode": "34540", "addressCountry": "France" }, "openingHoursSpecification": [ { "@type": "OpeningHoursSpecification", "dayOfWeek": "Tuesday", "opens": "09:00", "closes": "12:30" }, { "@type": "OpeningHoursSpecification", "dayOfWeek": "Tuesday", "opens": "14:00", "closes": "17:00" }, { "@type": "OpeningHoursSpecification", "dayOfWeek": "Wednesday", "opens": "09:00", "closes": "12:30" }, { "@type": "OpeningHoursSpecification", "dayOfWeek": "Wednesday", "opens": "14:00", "closes": "18:00" }, { "@type": "OpeningHoursSpecification", "dayOfWeek": "Friday", "opens": "09:00", "closes": "12:30" }, { "@type": "OpeningHoursSpecification", "dayOfWeek": "Friday", "opens": "14:00", "closes": "17:00" }, { "@type": "OpeningHoursSpecification", "dayOfWeek": "Saturday", "opens": "10:00", "closes": "12:30" }, { "@type": "OpeningHoursSpecification", "dayOfWeek": "Saturday", "opens": "14:00", "closes": "17:00" } ] }, { "@type": "Store", "name": "Fran\u00e7ois Mitterrand (S\u00e8te - Centre)", "image": "https:\/\/mediatheques.agglopole.fr\/data\/mediatheques.agglopole.fr\/application\/layout\/logo.png", "url": "https:\/\/mediatheques.agglopole.fr\/opac\/subdomain\/details\/sdid\/7234652678804262220", "telephone": "04 67 46 05 06", "address": { "@type": "PostalAddress", "streetAddress": "Bd Danielle Casanova", "addressLocality": "S\u00e8te", "postalCode": "34200", "addressCountry": "France" }, "openingHoursSpecification": [ { "@type": "OpeningHoursSpecification", "dayOfWeek": "Tuesday", "opens": "10:00", "closes": "12:30" }, { "@type": "OpeningHoursSpecification", "dayOfWeek": "Tuesday", "opens": "14:00", "closes": "18:00" }, { "@type": "OpeningHoursSpecification", "dayOfWeek": "Wednesday", "opens": "10:00", "closes": "18:00" }, { "@type": "OpeningHoursSpecification", "dayOfWeek": "Thursday", "opens": "10:00", "closes": "12:30" }, { "@type": "OpeningHoursSpecification", "dayOfWeek": "Thursday", "opens": "14:00", "closes": "18:00" }, { "@type": "OpeningHoursSpecification", "dayOfWeek": "Friday", "opens": "14:00", "closes": "19:00" }, { "@type": "OpeningHoursSpecification", "dayOfWeek": "Saturday", "opens": "10:00", "closes": "18:00" } ] }, { "@type": "Store", "name": "La Fabrique (Marseillan)", "image": "https:\/\/mediatheques.agglopole.fr\/data\/mediatheques.agglopole.fr\/application\/layout\/logo.png", "url": "https:\/\/mediatheques.agglopole.fr\/opac\/subdomain\/details\/sdid\/7082857511591435989", "telephone": "04 67 01 73 14", "address": { "@type": "PostalAddress", "streetAddress": "Place du 14 Juillet", "addressLocality": "Marseillan", "postalCode": "34340", "addressCountry": "France" }, "openingHoursSpecification": [ { "@type": "OpeningHoursSpecification", "dayOfWeek": "Tuesday", "opens": "09:30", "closes": "12:30" }, { "@type": "OpeningHoursSpecification", "dayOfWeek": "Tuesday", "opens": "14:00", "closes": "18:30" }, { "@type": "OpeningHoursSpecification", "dayOfWeek": "Wednesday", "opens": "09:30", "closes": "12:30" }, { "@type": "OpeningHoursSpecification", "dayOfWeek": "Wednesday", "opens": "14:00", "closes": "18:30" }, { "@type": "OpeningHoursSpecification", "dayOfWeek": "Friday", "opens": "09:30", "closes": "12:30" }, { "@type": "OpeningHoursSpecification", "dayOfWeek": "Friday", "opens": "14:00", "closes": "18:30" }, { "@type": "OpeningHoursSpecification", "dayOfWeek": "Saturday", "opens": "09:30", "closes": "12:30" }, { "@type": "OpeningHoursSpecification", "dayOfWeek": "Saturday", "opens": "14:00", "closes": "17:00" } ] }, { "@type": "Store", "name": "Montaigne (Frontignan)", "image": "https:\/\/mediatheques.agglopole.fr\/data\/mediatheques.agglopole.fr\/application\/layout\/logo.png", "url": "https:\/\/mediatheques.agglopole.fr\/opac\/subdomain\/details\/sdid\/6820780456778395363", "telephone": "04 99 57 85 00", "address": { "@type": "PostalAddress", "streetAddress": "1, place du Contr'un", "addressLocality": "Frontignan", "postalCode": "34110", "addressCountry": "France" }, "openingHoursSpecification": [ { "@type": "OpeningHoursSpecification", "dayOfWeek": "Tuesday", "opens": "10:00", "closes": "12:00" }, { "@type": "OpeningHoursSpecification", "dayOfWeek": "Tuesday", "opens": "14:00", "closes": "19:00" }, { "@type": "OpeningHoursSpecification", "dayOfWeek": "Wednesday", "opens": "10:00", "closes": "18:00" }, { "@type": "OpeningHoursSpecification", "dayOfWeek": "Thursday", "opens": "10:00", "closes": "13:00" }, { "@type": "OpeningHoursSpecification", "dayOfWeek": "Friday", "opens": "14:00", "closes": "19:00" }, { "@type": "OpeningHoursSpecification", "dayOfWeek": "Saturday", "opens": "10:00", "closes": "17:00" } ] } ] } </script> </head> <body class="dp-default dp-default-node dp-default-node-content dp-default-node-home dp-default dp-default-index dp-default-index-index dp-default-index-index-117997"> <div id="headers"> <header class="container-fluid"> <p><meta name="google-site-verification" content="9DpUaHw_9Mr3Lsh0Hv_vv30rT9H0H2yLON8cE64TubE" /></p> </header> <div id="app-banner"></div> </div> <div id="wrapper"> <div class="overlay"></div> <nav class="navbar sidebar-navbar navbar-fixed-top" id="sidebar-wrapper" role="navigation"> <div class="navbar-header sidebar-header"> <a class="navbar-brand" href="https://mediatheques.agglopole.fr/"><img class="img-responsive" src="https://mediatheques.agglopole.fr/data/mediatheques.agglopole.fr/application/layout/logo.png" alt="Médiathèques de Sète agglopôle méditerranée"/></a> </div> <div class="collapse navbar-collapse sidebar-collapse"> <ul class="nav navbar-nav sidebar-nav"> <li class="dp-menu dp-menu-home"> <div class="btn_action"> </div> <a href=" /" title="Accueil" > <span class="dp-menu-icon">Accueil</span> </a> </li> <li class="dp-menu dp-menu-118021"> <div class="btn_action"> </div> <a href=" /au-programme" title="Les rendez-vous" > <span class="dp-menu-icon">Les rendez-vous</span> <span class="caret"></span> </a> <ul class="dropdown-menu"> <li class="item-menu dp-menu dp-menu-119935"> <div class="btn_action"> </div> <a href="/montaigne" title="Montaigne (Frontignan)" > Montaigne (Frontignan) </a> </li> <li class="item-menu dp-menu dp-menu-119937"> <div class="btn_action"> </div> <a href="/la-fabrique" title="La Fabrique (Marseillan)" > La Fabrique (Marseillan) </a> </li> <li class="item-menu dp-menu dp-menu-149972"> <div class="btn_action"> </div> <a href="/meze" title="Chedid (M&egrave;ze)" > Chedid (M&egrave;ze) </a> </li> <li class="item-menu dp-menu dp-menu-119936"> <div class="btn_action"> </div> <a href="/malraux-sete" title="Malraux (S&egrave;te - &Icirc;le de Thau)" > Malraux (S&egrave;te - &Icirc;le de Thau) </a> </li> <li class="item-menu dp-menu dp-menu-119934"> <div class="btn_action"> </div> <a href="/mitterrand" title="Mitterrand (S&egrave;te - Centre)" > Mitterrand (S&egrave;te - Centre) </a> </li> <li class="item-menu dp-menu dp-menu-424703"> <div class="btn_action"> </div> <a href="/balaruc-les" title="Balaruc-les-Bains" > Balaruc-les-Bains </a> </li> </ul> </li> <li class="dp-menu dp-menu-118014"> <div class="btn_action"> </div> <a style="cursor:context-menu;" href=" #" title="Nos s&eacute;lections" > <span class="dp-menu-icon">Nos s&eacute;lections</span> <span class="caret"></span> </a> <ul class="dropdown-menu"> <li class="item-menu dp-menu dp-menu-156104"> <div class="btn_action"> </div> <a href="/lirocafe" title="Lirocaf&eacute;" > Lirocaf&eacute; </a> </li> <li class="item-menu dp-menu dp-menu-156084"> <div class="btn_action"> </div> <a href="/lirobebe" title="LirOb&eacute;b&eacute;" > LirOb&eacute;b&eacute; </a> </li> <li class="item-menu dp-menu dp-menu-182613"> <div class="btn_action"> </div> <a href="/coups-coeur" title="Nos coups de c&oelig;ur" > Nos coups de c&oelig;ur </a> </li> <li class="item-menu dp-menu dp-menu-198182"> <div class="btn_action"> </div> <a href="/nouveautes" title="Nouveaut&eacute;s" > Nouveaut&eacute;s </a> </li> <li class="item-menu dp-menu dp-menu-219497"> <div class="btn_action"> </div> <a href="/selection-jeux" title="Jeux &agrave; emprunter" > Jeux &agrave; emprunter </a> </li> <li class="item-menu dp-menu dp-menu-276889"> <div class="btn_action"> </div> <a href="/lire-autrement" title="Lire autrement" > Lire autrement </a> </li> <li class="item-menu dp-menu dp-menu-310284"> <div class="btn_action"> </div> <a href="/dons-gueorguieff" title="Don M. Gueorguieff" > Don M. Gueorguieff </a> </li> </ul> </li> <li class="dp-menu dp-menu-141299"> <div class="btn_action"> </div> <a style="cursor:context-menu;" href=" #" title="Patrimoine" > <span class="dp-menu-icon">Patrimoine</span> <span class="caret"></span> </a> <ul class="dropdown-menu"> <li class="item-menu dp-menu dp-menu-118017"> <div class="btn_action"> </div> <a href="/fonds-local-et-patrimonial" title="Fonds local et patrimonial" > Fonds local et patrimonial </a> </li> <li class="item-menu dp-menu dp-menu-119959"> <div class="btn_action"> </div> <a href="/presse-ancienne" title="Presse ancienne" > Presse ancienne </a> </li> </ul> </li> <li class="dp-menu dp-menu-166692"> <div class="btn_action"> </div> <a style="cursor:context-menu;" href=" #" title="Nos partenaires" > <span class="dp-menu-icon">Nos partenaires</span> <span class="caret"></span> </a> <ul class="dropdown-menu"> <li class="item-menu dp-menu dp-menu-168236"> <div class="btn_action"> </div> <a href="https://patrimoine.agglopole.fr/musee-villa-loupian/" target="_blank" title="Centre de documentation arch&eacute;ologique - Villa Loupian" > Centre de documentation arch&eacute;ologique - Villa Loupian </a> </li> <li class="item-menu dp-menu dp-menu-337197"> <div class="btn_action"> </div> <a href="/beaux-arts" title="Ecole des beaux-arts de S&egrave;te" > Ecole des beaux-arts de S&egrave;te </a> </li> </ul> </li> <li class="dp-menu dp-menu-118027"> <div class="btn_action"> </div> <a href=" /numerique" title="Num&eacute;rique" > <span class="dp-menu-icon">Num&eacute;rique</span> </a> </li> <li class="dp-menu dp-menu-119961"> <div class="btn_action"> </div> <a style="cursor:context-menu;" href=" #" title="Services" > <span class="dp-menu-icon">Services</span> <span class="caret"></span> </a> <ul class="dropdown-menu"> <li class="item-menu dp-menu dp-menu-120436"> <div class="btn_action"> </div> <a href="/presse" title="Presse" > Presse </a> </li> <li class="item-menu dp-menu dp-menu-119970"> <div class="btn_action"> </div> <a href="/multimedia" title="Multim&eacute;dia" > Multim&eacute;dia </a> </li> <li class="item-menu dp-menu dp-menu-119967"> <div class="btn_action"> </div> <a href="/jeux" title="Jeux" > Jeux <span class="caret"></span> </a> <ul class="dropdown-menu"> <li class="item-menu dp-menu dp-menu-120546"> <div class="btn_action"> </div> <a href="/jeux-video" title="Jeux vid&eacute;o" > Jeux vid&eacute;o </a> </li> <li class="item-menu dp-menu dp-menu-120506"> <div class="btn_action"> </div> <a href="/ludotheque-et-jeux-de-societe" title=" Jeux" > Jeux </a> </li> <li class="item-menu dp-menu dp-menu-121039"> <div class="btn_action"> </div> <a href="/jeu-musical" title="Jeu Musical" > Jeu Musical </a> </li> </ul> </li> <li class="item-menu dp-menu dp-menu-119971"> <div class="btn_action"> </div> <a href="/scolaire" title="Pour les classes" > Pour les classes </a> </li> <li class="item-menu dp-menu dp-menu-119972"> <div class="btn_action"> </div> <a href="/petite-enfance" title="Petite enfance" > Petite enfance </a> </li> <li class="item-menu dp-menu dp-menu-119968"> <div class="btn_action"> </div> <a href="/portage" title="Portage &agrave; domicile" > Portage &agrave; domicile </a> </li> </ul> </li> <li class="dp-menu dp-menu-117998"> <div class="btn_action"> </div> <a style="cursor:context-menu;" href=" #" title="Pratique" > <span class="dp-menu-icon">Pratique</span> <span class="caret"></span> </a> <ul class="dropdown-menu"> <li class="item-menu dp-menu dp-menu-141245"> <div class="btn_action"> </div> <a href="/compte-abonne" title="Compte abonn&eacute;" > Compte abonn&eacute; </a> </li> <li class="item-menu dp-menu dp-menu-119973"> <div class="btn_action"> </div> <a href="/inscription-et-tarifs" title="Inscriptions et tarifs" > Inscriptions et tarifs </a> </li> <li class="item-menu dp-menu dp-menu-141217"> <div class="btn_action"> </div> <a href="/emprunt" title="Modalit&eacute;s d&#039;emprunt" > Modalit&eacute;s d&#039;emprunt </a> </li> <li class="item-menu dp-menu dp-menu-239216"> <div class="btn_action"> </div> <a href="/pnb" title="PNB - Pr&ecirc;t Num&eacute;rique en Biblioth&egrave;que" > PNB - Pr&ecirc;t Num&eacute;rique en Biblioth&egrave;que </a> </li> </ul> </li> <li class="dp-menu dp-menu-119947"> <div class="btn_action"> </div> <a href=" /horaires" title="Horaires - Acc&egrave;s" > <span class="dp-menu-icon">Horaires - Acc&egrave;s</span> </a> </li> </ul> </div> </nav> <button type="button" id="test" class="hamburger is-closed" data-toggle="offcanvas"> <span class="hamb-top"></span> <span class="hamb-middle"></span> <span class="hamb-bottom"></span> <span class="hamburger-text">Menu</span> </button> <div id="page-content-wrapper"> <div class="container-fluid"> </div><div class="container-fluid"> <nav class="navbar navbar-default catalog-navigation desktop hidden-xs" role="navigation"> <div class="col-lg-3 col-md-12 col-sm-12 col-xs-12 catalog-navigation-top"> <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-collapse-menu"> <span class="sr-only">opac menu</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a class="navbar-brand" href="https://mediatheques.agglopole.fr/"> <img class="img-responsive" src="https://mediatheques.agglopole.fr/data/mediatheques.agglopole.fr/application/layout/logo.png" alt="Médiathèques de Sète agglopôle méditerranée"/> </a> </div> <ul class="nav navbar-nav navbar-right visible-sm visible-md"> <li> <a href="https://mediatheques.agglopole.fr/opac/selection" class="navbar-link" title="Accéder à mes listes d'envies"> <i class="fa fak fa-list-wish fa-list-ul"></i> </a> </li> <li class="bg-nav-inverse"> <a href="https://mediatheques.agglopole.fr/opac/user/login" class="d-flex align-items-center"> <i class="fas fa fa-user-circle mr-3"></i> <span>Mon compte</span> </a> </li> </ul> </div> <div class="col-lg-9 col-md-12 col-sm-12 col-xs-12"> <div class="navbar-collapse collapse row" id="searchbar"> <div class="col-lg-7 col-md-12 col-sm-12 col-xs-12 bg-nav-inverse"> <form method="GET" action="https://mediatheques.agglopole.fr/opac/catalog/search" class="navbar-form" role="search"> <div class="form-group"> <div class="input-group"> <div class="input-group-btn search-inputs-wrapper"> <input id="fast-search-input" type="text" class="form-control" autocomplete="off" data-searchfield="allfields" title="Rechercher dans le catalogue" aria-label="Rechercher dans le catalogue" placeholder="Rechercher dans le catalogue ..." name="allfields[]" value=""> <div class="siteStrFilters"> <div class="btn-selection-criteria"> <button id="fast-search-select" type="button" class="btn btn-link dropdown-toggle btn-selection hidden-xs" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <span id="filtreChange">Tous critères</span> <span class="caret"></span> </button> <ul id="fast-search-dropdown" class="dropdown-menu dropdown-menu hidden-xs"> <li><a class="selection-criteria-link" href="javascript:;" translation="Tous critères" name="allfields">Tous critères</a></li> <li role="separator" class="divider"></li> <li><a class="selection-criteria-link" href="javascript:;" translation="Par titre, auteur, sujet" name="titleauthortopic">Titre, auteur, sujet</a></li> <li><a class="selection-criteria-link" href="javascript:;" translation="Par titre" name="title">Titre</a></li> <li><a class="selection-criteria-link" href="javascript:;" translation="Par auteur" name="author">Auteur</a></li> <li><a class="selection-criteria-link" href="javascript:;" translation="Par sujet" name="topic">Sujet</a></li> <li><a class="selection-criteria-link" href="javascript:;" translation="Par collection" name="edcoll">Collection</a></li> <li><a class="selection-criteria-link" href="javascript:;" translation="Par série" name="series">Série</a></li> </ul> </div> <input id="criteriaSelectedInput" type="hidden" name="filtername" value="allfields" /> <div class="btn-selection-site"> <button type="button" class="btn btn-link dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <span id='siteSelected'>Sur tous les sites du réseau</span> <span class="caret"></span> </button> <ul class="dropdown-menu"> <li><a class="selection-site-link" href="javascript:;" name="Sur tous les sites du réseau" url="">Sur tous les sites du réseau</a></li> <li role="separator" class="divider"></li> <li> <a class="selection-site-link infoListStyle" href="javascript:;" name="Sur Centre de documentation archéologique" url="siteStr:&quot;Centre de documentation archéologique&quot;">Centre de documentation archéologique</a> </li> <li> <a class="selection-site-link infoListStyle" href="javascript:;" name="Sur Centre photographique documentaire" url="siteStr:&quot;Centre photographique documentaire&quot;">Centre photographique documentaire</a> </li> <li> <a class="selection-site-link infoListStyle" href="javascript:;" name="Sur Ecole des Beaux-Arts de Sète" url="siteStr:&quot;Ecole des Beaux-Arts de Sète&quot;">Ecole des Beaux-Arts de Sète</a> </li> <li> <a class="selection-site-link infoListStyle" href="javascript:;" name="Sur En chantier - Balaruc-les-Bains" url="siteStr:&quot;En chantier - Balaruc-les-Bains&quot;">En chantier - Balaruc-les-Bains</a> </li> <li> <a class="selection-site-link infoListStyle" href="javascript:;" name="Sur Médiathèque André Malraux (Sète - Île de Thau)" url="siteStr:&quot;Médiathèque André Malraux (Sète - Île de Thau)&quot;">Médiathèque André Malraux (Sète - Île de Thau)</a> </li> <li> <a class="selection-site-link infoListStyle" href="javascript:;" name="Sur Médiathèque Andrée Chedid (Mèze)" url="siteStr:&quot;Médiathèque Andrée Chedid (Mèze)&quot;">Médiathèque Andrée Chedid (Mèze)</a> </li> <li> <a class="selection-site-link infoListStyle" href="javascript:;" name="Sur Médiathèque François Mitterrand (Sète - Centre)" url="siteStr:&quot;Médiathèque François Mitterrand (Sète - Centre)&quot;">Médiathèque François Mitterrand (Sète - Centre)</a> </li> <li> <a class="selection-site-link infoListStyle" href="javascript:;" name="Sur Médiathèque La Fabrique (Marseillan)" url="siteStr:&quot;Médiathèque La Fabrique (Marseillan)&quot;">Médiathèque La Fabrique (Marseillan)</a> </li> <li> <a class="selection-site-link infoListStyle" href="javascript:;" name="Sur Médiathèque Montaigne (Frontignan)" url="siteStr:&quot;Médiathèque Montaigne (Frontignan)&quot;">Médiathèque Montaigne (Frontignan)</a> </li> <li> <a class="selection-site-link infoListStyle" href="javascript:;" name="Sur Médiathèque de Balaruc-les-Bains" url="siteStr:&quot;Médiathèque de Balaruc-les-Bains&quot;">Médiathèque de Balaruc-les-Bains</a> </li> </ul> </div> <input id="siteSelectedInput" type="hidden" name="specificField[]" value="" disabled /> </div> </div> <div class="input-group-btn" id="fast-search-actions"> <button class="btn btn-link btn-search" data-toggle="tooltip" title="Lancer la recherche" data-placement="bottom" id="fast-search-btn-search"> <i class="far fa fa-search"></i> </button> <a class="btn btn-link" href="https://mediatheques.agglopole.fr/opac/catalog/search?advancedsearch=1"> <i class="far fa fa-search-plus"></i><span class="hidden-xs hidden-sm hidden-md"> Recherche avancée</span> </a> <button id="btn-help" class="btn btn-link btn-help hidden-xs" data-toggle="tooltip" title="Consulter l'aide de la recherche" data-placement="bottom" type="button"> <i class="far fa fa-question-circle"></i> </button> </div> </div> </div> </form> </div> <div class="col-lg-5 hidden-sm hidden-md col-xs-12"> <ul class="nav navbar-nav navbar-right"> <li> <a href="https://mediatheques.agglopole.fr/opac/selection" class="navbar-link" title="Accéder à mes listes d'envies"> <i class="fa fak fa-list-wish fa-list-ul"></i> </a> </li> <li class="bg-nav-inverse"> <a href="https://mediatheques.agglopole.fr/opac/user/login" class="d-flex align-items-center"> <i class="fas fa fa-user-circle mr-3"></i> <span>Mon compte</span> </a> </li> </ul> </div> </div> </div> <div class="collapse navbar-collapse" id="navbar-collapse-menu"> <ul class="nav navbar-nav col-xs-12"> <li class="dp-menu dp-menu-home"> <div class="btn_action"> </div> <a href=" /" title="Accueil" > <span class="dp-menu-icon">Accueil</span> </a> </li> <li class="dp-menu dp-menu-118021"> <div class="btn_action"> </div> <a href=" /au-programme" title="Les rendez-vous" > <span class="dp-menu-icon">Les rendez-vous</span> <span class="caret"></span> </a> <ul class="dropdown-menu"> <li class="item-menu dp-menu dp-menu-119935"> <div class="btn_action"> </div> <a href="/montaigne" title="Montaigne (Frontignan)" > Montaigne (Frontignan) </a> </li> <li class="item-menu dp-menu dp-menu-119937"> <div class="btn_action"> </div> <a href="/la-fabrique" title="La Fabrique (Marseillan)" > La Fabrique (Marseillan) </a> </li> <li class="item-menu dp-menu dp-menu-149972"> <div class="btn_action"> </div> <a href="/meze" title="Chedid (M&egrave;ze)" > Chedid (M&egrave;ze) </a> </li> <li class="item-menu dp-menu dp-menu-119936"> <div class="btn_action"> </div> <a href="/malraux-sete" title="Malraux (S&egrave;te - &Icirc;le de Thau)" > Malraux (S&egrave;te - &Icirc;le de Thau) </a> </li> <li class="item-menu dp-menu dp-menu-119934"> <div class="btn_action"> </div> <a href="/mitterrand" title="Mitterrand (S&egrave;te - Centre)" > Mitterrand (S&egrave;te - Centre) </a> </li> <li class="item-menu dp-menu dp-menu-424703"> <div class="btn_action"> </div> <a href="/balaruc-les" title="Balaruc-les-Bains" > Balaruc-les-Bains </a> </li> </ul> </li> <li class="dp-menu dp-menu-118014"> <div class="btn_action"> </div> <a style="cursor:context-menu;" href=" #" title="Nos s&eacute;lections" > <span class="dp-menu-icon">Nos s&eacute;lections</span> <span class="caret"></span> </a> <ul class="dropdown-menu"> <li class="item-menu dp-menu dp-menu-156104"> <div class="btn_action"> </div> <a href="/lirocafe" title="Lirocaf&eacute;" > Lirocaf&eacute; </a> </li> <li class="item-menu dp-menu dp-menu-156084"> <div class="btn_action"> </div> <a href="/lirobebe" title="LirOb&eacute;b&eacute;" > LirOb&eacute;b&eacute; </a> </li> <li class="item-menu dp-menu dp-menu-182613"> <div class="btn_action"> </div> <a href="/coups-coeur" title="Nos coups de c&oelig;ur" > Nos coups de c&oelig;ur </a> </li> <li class="item-menu dp-menu dp-menu-198182"> <div class="btn_action"> </div> <a href="/nouveautes" title="Nouveaut&eacute;s" > Nouveaut&eacute;s </a> </li> <li class="item-menu dp-menu dp-menu-219497"> <div class="btn_action"> </div> <a href="/selection-jeux" title="Jeux &agrave; emprunter" > Jeux &agrave; emprunter </a> </li> <li class="item-menu dp-menu dp-menu-276889"> <div class="btn_action"> </div> <a href="/lire-autrement" title="Lire autrement" > Lire autrement </a> </li> <li class="item-menu dp-menu dp-menu-310284"> <div class="btn_action"> </div> <a href="/dons-gueorguieff" title="Don M. Gueorguieff" > Don M. Gueorguieff </a> </li> </ul> </li> <li class="dp-menu dp-menu-141299"> <div class="btn_action"> </div> <a style="cursor:context-menu;" href=" #" title="Patrimoine" > <span class="dp-menu-icon">Patrimoine</span> <span class="caret"></span> </a> <ul class="dropdown-menu"> <li class="item-menu dp-menu dp-menu-118017"> <div class="btn_action"> </div> <a href="/fonds-local-et-patrimonial" title="Fonds local et patrimonial" > Fonds local et patrimonial </a> </li> <li class="item-menu dp-menu dp-menu-119959"> <div class="btn_action"> </div> <a href="/presse-ancienne" title="Presse ancienne" > Presse ancienne </a> </li> </ul> </li> <li class="dp-menu dp-menu-166692"> <div class="btn_action"> </div> <a style="cursor:context-menu;" href=" #" title="Nos partenaires" > <span class="dp-menu-icon">Nos partenaires</span> <span class="caret"></span> </a> <ul class="dropdown-menu"> <li class="item-menu dp-menu dp-menu-168236"> <div class="btn_action"> </div> <a href="https://patrimoine.agglopole.fr/musee-villa-loupian/" target="_blank" title="Centre de documentation arch&eacute;ologique - Villa Loupian" > Centre de documentation arch&eacute;ologique - Villa Loupian </a> </li> <li class="item-menu dp-menu dp-menu-337197"> <div class="btn_action"> </div> <a href="/beaux-arts" title="Ecole des beaux-arts de S&egrave;te" > Ecole des beaux-arts de S&egrave;te </a> </li> </ul> </li> <li class="dp-menu dp-menu-118027"> <div class="btn_action"> </div> <a href=" /numerique" title="Num&eacute;rique" > <span class="dp-menu-icon">Num&eacute;rique</span> </a> </li> <li class="dp-menu dp-menu-119961"> <div class="btn_action"> </div> <a style="cursor:context-menu;" href=" #" title="Services" > <span class="dp-menu-icon">Services</span> <span class="caret"></span> </a> <ul class="dropdown-menu"> <li class="item-menu dp-menu dp-menu-120436"> <div class="btn_action"> </div> <a href="/presse" title="Presse" > Presse </a> </li> <li class="item-menu dp-menu dp-menu-119970"> <div class="btn_action"> </div> <a href="/multimedia" title="Multim&eacute;dia" > Multim&eacute;dia </a> </li> <li class="item-menu dp-menu dp-menu-119967"> <div class="btn_action"> </div> <a href="/jeux" title="Jeux" > Jeux <span class="caret"></span> </a> <ul class="dropdown-menu"> <li class="item-menu dp-menu dp-menu-120546"> <div class="btn_action"> </div> <a href="/jeux-video" title="Jeux vid&eacute;o" > Jeux vid&eacute;o </a> </li> <li class="item-menu dp-menu dp-menu-120506"> <div class="btn_action"> </div> <a href="/ludotheque-et-jeux-de-societe" title=" Jeux" > Jeux </a> </li> <li class="item-menu dp-menu dp-menu-121039"> <div class="btn_action"> </div> <a href="/jeu-musical" title="Jeu Musical" > Jeu Musical </a> </li> </ul> </li> <li class="item-menu dp-menu dp-menu-119971"> <div class="btn_action"> </div> <a href="/scolaire" title="Pour les classes" > Pour les classes </a> </li> <li class="item-menu dp-menu dp-menu-119972"> <div class="btn_action"> </div> <a href="/petite-enfance" title="Petite enfance" > Petite enfance </a> </li> <li class="item-menu dp-menu dp-menu-119968"> <div class="btn_action"> </div> <a href="/portage" title="Portage &agrave; domicile" > Portage &agrave; domicile </a> </li> </ul> </li> <li class="dp-menu dp-menu-117998"> <div class="btn_action"> </div> <a style="cursor:context-menu;" href=" #" title="Pratique" > <span class="dp-menu-icon">Pratique</span> <span class="caret"></span> </a> <ul class="dropdown-menu"> <li class="item-menu dp-menu dp-menu-141245"> <div class="btn_action"> </div> <a href="/compte-abonne" title="Compte abonn&eacute;" > Compte abonn&eacute; </a> </li> <li class="item-menu dp-menu dp-menu-119973"> <div class="btn_action"> </div> <a href="/inscription-et-tarifs" title="Inscriptions et tarifs" > Inscriptions et tarifs </a> </li> <li class="item-menu dp-menu dp-menu-141217"> <div class="btn_action"> </div> <a href="/emprunt" title="Modalit&eacute;s d&#039;emprunt" > Modalit&eacute;s d&#039;emprunt </a> </li> <li class="item-menu dp-menu dp-menu-239216"> <div class="btn_action"> </div> <a href="/pnb" title="PNB - Pr&ecirc;t Num&eacute;rique en Biblioth&egrave;que" > PNB - Pr&ecirc;t Num&eacute;rique en Biblioth&egrave;que </a> </li> </ul> </li> <li class="dp-menu dp-menu-119947"> <div class="btn_action"> </div> <a href=" /horaires" title="Horaires - Acc&egrave;s" > <span class="dp-menu-icon">Horaires - Acc&egrave;s</span> </a> </li> </ul> </div> </nav> <nav class="navbar navbar-default catalog-navigation visible-xs mobile" role="navigation"> <div class="col-lg-3 col-md-12 col-sm-12 col-xs-12 catalog-navigation-top"> <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-collapse-menu1"> <span class="sr-only">opac menu</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a class="navbar-brand" href="https://mediatheques.agglopole.fr/"> <img class="img-responsive" src="https://mediatheques.agglopole.fr/data/mediatheques.agglopole.fr/application/layout/logo.png" alt="Médiathèques de Sète agglopôle méditerranée"/> </a> <a href="https://mediatheques.agglopole.fr/opac/selection" class="navbar-link" title="Accéder à mes listes d'envies"> <i class="fa fak fa-list-wish"></i> </a> <a href="https://mediatheques.agglopole.fr/opac/user/login"> <i class="fas fa fa-user-circle"></i> </a> </div> </div> <div class="col-lg-9 col-md-12 col-sm-12 col-xs-12"> <div class="navbar-collapse collapse row" id="searchbar"> <div class="col-lg-7 col-md-12 col-sm-12 col-xs-12 bg-nav-inverse"> <form method="GET" action="https://mediatheques.agglopole.fr/opac/catalog/search" class="navbar-form" role="search"> <div class="form-group"> <div class="input-group"> <div id="fast-search-filters" class="input-group-btn hidden-xs"> <script> function changeFilter(lib) { $('#filtreChange').text(lib); } </script> <button id="fast-search-select" type="button" class="btn btn-link dropdown-toggle btn-selection hidden-xs" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <span id="filtreChange"> </span> <span class="caret"></span> </button> <ul id="fast-search-dropdown" class="dropdown-menu dropdown-menu hidden-xs"> <li><a href='javascript:changeFilter(" Titre, auteur, sujet ");' translation="Titre, auteur, sujet" name="titleauthortopic[]">Titre, auteur, sujet</a></li> <li><a href='javascript:changeFilter(" Titre ");' translation="Titre" name="title[]">Titre</a></li> <li role="separator" class="divider"></li> <li><a href='javascript:changeFilter(" Auteur ");' translation="Auteur" name="author[]">Auteur</a></li> <li><a href='javascript:changeFilter(" Sujet ");' translation="Sujet" name="topic[]">Sujet</a></li> <li><a href='javascript:changeFilter(" Collection ");' translation="Collection" name="edcoll[]">Collection</a></li> <li><a href='javascript:changeFilter(" Série ");' translation="Série" name="series[]">Série</a></li> </ul> </div> <input id="fast-search-input" type="text" class="form-control" autocomplete="off" data-searchfield="allfields" title="Rechercher dans le catalogue" aria-label="Rechercher dans le catalogue" placeholder="Rechercher dans le catalogue ..." value="" name="allfields[]"> <div class="input-group-btn" id="fast-search-actions"> <button class="btn btn-link btn-search" data-toggle="tooltip" title="Lancer la recherche" data-placement="bottom" type="submit"> <i class="fas fa fa-search"></i> </button> <a class="btn btn-link" href="https://mediatheques.agglopole.fr/opac/catalog/search?advancedsearch=1"> <i class="far fa fa-search-plus"></i><span class="hidden-xs hidden-sm"> Recherche avancée</span> </a> <button id="btn-help" class="btn btn-link btn-help hidden-xs" data-toggle="tooltip" title="Consulter l'aide de la recherche" data-placement="bottom" type="button"> <i class="far fa fa-question-circle"></i> </button> </div> </div> </div> </form> </div> </div> </div> <div class="collapse navbar-collapse" id="navbar-collapse-menu1"> <ul class="nav navbar-nav col-xs-12"> <li class="dp-menu dp-menu-home"> <div class="btn_action"> </div> <a href=" /" title="Accueil" > <span class="dp-menu-icon">Accueil</span> </a> </li> <li class="dp-menu dp-menu-118021"> <div class="btn_action"> </div> <a href=" /au-programme" title="Les rendez-vous" > <span class="dp-menu-icon">Les rendez-vous</span> <span class="caret"></span> </a> <ul class="dropdown-menu"> <li class="item-menu dp-menu dp-menu-119935"> <div class="btn_action"> </div> <a href="/montaigne" title="Montaigne (Frontignan)" > Montaigne (Frontignan) </a> </li> <li class="item-menu dp-menu dp-menu-119937"> <div class="btn_action"> </div> <a href="/la-fabrique" title="La Fabrique (Marseillan)" > La Fabrique (Marseillan) </a> </li> <li class="item-menu dp-menu dp-menu-149972"> <div class="btn_action"> </div> <a href="/meze" title="Chedid (M&egrave;ze)" > Chedid (M&egrave;ze) </a> </li> <li class="item-menu dp-menu dp-menu-119936"> <div class="btn_action"> </div> <a href="/malraux-sete" title="Malraux (S&egrave;te - &Icirc;le de Thau)" > Malraux (S&egrave;te - &Icirc;le de Thau) </a> </li> <li class="item-menu dp-menu dp-menu-119934"> <div class="btn_action"> </div> <a href="/mitterrand" title="Mitterrand (S&egrave;te - Centre)" > Mitterrand (S&egrave;te - Centre) </a> </li> <li class="item-menu dp-menu dp-menu-424703"> <div class="btn_action"> </div> <a href="/balaruc-les" title="Balaruc-les-Bains" > Balaruc-les-Bains </a> </li> </ul> </li> <li class="dp-menu dp-menu-118014"> <div class="btn_action"> </div> <a style="cursor:context-menu;" href=" #" title="Nos s&eacute;lections" > <span class="dp-menu-icon">Nos s&eacute;lections</span> <span class="caret"></span> </a> <ul class="dropdown-menu"> <li class="item-menu dp-menu dp-menu-156104"> <div class="btn_action"> </div> <a href="/lirocafe" title="Lirocaf&eacute;" > Lirocaf&eacute; </a> </li> <li class="item-menu dp-menu dp-menu-156084"> <div class="btn_action"> </div> <a href="/lirobebe" title="LirOb&eacute;b&eacute;" > LirOb&eacute;b&eacute; </a> </li> <li class="item-menu dp-menu dp-menu-182613"> <div class="btn_action"> </div> <a href="/coups-coeur" title="Nos coups de c&oelig;ur" > Nos coups de c&oelig;ur </a> </li> <li class="item-menu dp-menu dp-menu-198182"> <div class="btn_action"> </div> <a href="/nouveautes" title="Nouveaut&eacute;s" > Nouveaut&eacute;s </a> </li> <li class="item-menu dp-menu dp-menu-219497"> <div class="btn_action"> </div> <a href="/selection-jeux" title="Jeux &agrave; emprunter" > Jeux &agrave; emprunter </a> </li> <li class="item-menu dp-menu dp-menu-276889"> <div class="btn_action"> </div> <a href="/lire-autrement" title="Lire autrement" > Lire autrement </a> </li> <li class="item-menu dp-menu dp-menu-310284"> <div class="btn_action"> </div> <a href="/dons-gueorguieff" title="Don M. Gueorguieff" > Don M. Gueorguieff </a> </li> </ul> </li> <li class="dp-menu dp-menu-141299"> <div class="btn_action"> </div> <a style="cursor:context-menu;" href=" #" title="Patrimoine" > <span class="dp-menu-icon">Patrimoine</span> <span class="caret"></span> </a> <ul class="dropdown-menu"> <li class="item-menu dp-menu dp-menu-118017"> <div class="btn_action"> </div> <a href="/fonds-local-et-patrimonial" title="Fonds local et patrimonial" > Fonds local et patrimonial </a> </li> <li class="item-menu dp-menu dp-menu-119959"> <div class="btn_action"> </div> <a href="/presse-ancienne" title="Presse ancienne" > Presse ancienne </a> </li> </ul> </li> <li class="dp-menu dp-menu-166692"> <div class="btn_action"> </div> <a style="cursor:context-menu;" href=" #" title="Nos partenaires" > <span class="dp-menu-icon">Nos partenaires</span> <span class="caret"></span> </a> <ul class="dropdown-menu"> <li class="item-menu dp-menu dp-menu-168236"> <div class="btn_action"> </div> <a href="https://patrimoine.agglopole.fr/musee-villa-loupian/" target="_blank" title="Centre de documentation arch&eacute;ologique - Villa Loupian" > Centre de documentation arch&eacute;ologique - Villa Loupian </a> </li> <li class="item-menu dp-menu dp-menu-337197"> <div class="btn_action"> </div> <a href="/beaux-arts" title="Ecole des beaux-arts de S&egrave;te" > Ecole des beaux-arts de S&egrave;te </a> </li> </ul> </li> <li class="dp-menu dp-menu-118027"> <div class="btn_action"> </div> <a href=" /numerique" title="Num&eacute;rique" > <span class="dp-menu-icon">Num&eacute;rique</span> </a> </li> <li class="dp-menu dp-menu-119961"> <div class="btn_action"> </div> <a style="cursor:context-menu;" href=" #" title="Services" > <span class="dp-menu-icon">Services</span> <span class="caret"></span> </a> <ul class="dropdown-menu"> <li class="item-menu dp-menu dp-menu-120436"> <div class="btn_action"> </div> <a href="/presse" title="Presse" > Presse </a> </li> <li class="item-menu dp-menu dp-menu-119970"> <div class="btn_action"> </div> <a href="/multimedia" title="Multim&eacute;dia" > Multim&eacute;dia </a> </li> <li class="item-menu dp-menu dp-menu-119967"> <div class="btn_action"> </div> <a href="/jeux" title="Jeux" > Jeux <span class="caret"></span> </a> <ul class="dropdown-menu"> <li class="item-menu dp-menu dp-menu-120546"> <div class="btn_action"> </div> <a href="/jeux-video" title="Jeux vid&eacute;o" > Jeux vid&eacute;o </a> </li> <li class="item-menu dp-menu dp-menu-120506"> <div class="btn_action"> </div> <a href="/ludotheque-et-jeux-de-societe" title=" Jeux" > Jeux </a> </li> <li class="item-menu dp-menu dp-menu-121039"> <div class="btn_action"> </div> <a href="/jeu-musical" title="Jeu Musical" > Jeu Musical </a> </li> </ul> </li> <li class="item-menu dp-menu dp-menu-119971"> <div class="btn_action"> </div> <a href="/scolaire" title="Pour les classes" > Pour les classes </a> </li> <li class="item-menu dp-menu dp-menu-119972"> <div class="btn_action"> </div> <a href="/petite-enfance" title="Petite enfance" > Petite enfance </a> </li> <li class="item-menu dp-menu dp-menu-119968"> <div class="btn_action"> </div> <a href="/portage" title="Portage &agrave; domicile" > Portage &agrave; domicile </a> </li> </ul> </li> <li class="dp-menu dp-menu-117998"> <div class="btn_action"> </div> <a style="cursor:context-menu;" href=" #" title="Pratique" > <span class="dp-menu-icon">Pratique</span> <span class="caret"></span> </a> <ul class="dropdown-menu"> <li class="item-menu dp-menu dp-menu-141245"> <div class="btn_action"> </div> <a href="/compte-abonne" title="Compte abonn&eacute;" > Compte abonn&eacute; </a> </li> <li class="item-menu dp-menu dp-menu-119973"> <div class="btn_action"> </div> <a href="/inscription-et-tarifs" title="Inscriptions et tarifs" > Inscriptions et tarifs </a> </li> <li class="item-menu dp-menu dp-menu-141217"> <div class="btn_action"> </div> <a href="/emprunt" title="Modalit&eacute;s d&#039;emprunt" > Modalit&eacute;s d&#039;emprunt </a> </li> <li class="item-menu dp-menu dp-menu-239216"> <div class="btn_action"> </div> <a href="/pnb" title="PNB - Pr&ecirc;t Num&eacute;rique en Biblioth&egrave;que" > PNB - Pr&ecirc;t Num&eacute;rique en Biblioth&egrave;que </a> </li> </ul> </li> <li class="dp-menu dp-menu-119947"> <div class="btn_action"> </div> <a href=" /horaires" title="Horaires - Acc&egrave;s" > <span class="dp-menu-icon">Horaires - Acc&egrave;s</span> </a> </li> </ul> </div> </nav> <script type="text/javascript" src="/vendors/decalog/opac/js/calendar.js"></script> <script type="text/javascript" src="/vendors/decalog/opac/js/heart.js"></script> <script type="text/javascript" src="/vendors/decalog/opac/js/tools.js"></script> <script> $(document).ready(function() { /* var $catalogNav = $('.catalog-navigation'); if ($catalogNav.hasClass('navigation-fixed')) { var navHeight = $catalogNav.outerHeight(); $catalogNav.parent().css('padding-bottom', navHeight + 'px'); $('.hamburger').css('position', 'fixed'); } */ /* Add and move the lowvision button where it should be depending on the screen size (yes, the HTML structure is different depending on the screeen size and can't be changed because of the personnalized CSS !) */ /* Tablet size and small desktop screens size */ if ($(window).width() > 768 && $(window).width() < 1200) { $('.catalog-navigation.desktop .catalog-navigation-top ul.navbar-right > li:first-child').after('<li id="low-vision"></li>'); } /* Desktop size */ if ($(window).width() > 1200) { $('.catalog-navigation.desktop #searchbar ul.navbar-right > li:first-child').after('<li id="low-vision"></li>'); } $(window).resize(function() { /* Tablet size and small desktop screens size */ if ($(window).width() > 768 && $(window).width() < 1200) { $('.catalog-navigation.desktop .catalog-navigation-top ul.navbar-right > li:first-child').after($('#low-vision')); } /* Desktop size */ if ($(window).width() > 1200) { $('.catalog-navigation.desktop #searchbar ul.navbar-right > li:first-child').after($('#low-vision')); } }); $('.catalog-navigation.desktop #searchbar ul.navbar-right > li:first-child').after($('#low-vision')); setTimeout(function() { $('#uci_link').attr('title', 'Mode malvoyant'); }, 5000 ); $("#btn-help").click(function() { bootbox.dialog({ title: '<i class="fas fa fa-pencil"></i> Aide', message: 'Pour trouver un livre, une revue, ... vous pouvez rechercher un titre, un auteur, un éditeur, un sujet, une collection...<br>Recherche d\'une expression : vous pouvez utiliser des guillemets autour de vos termes de recherche. Exemple : \"Seconde guerre mondiale\".<br><br>Recherche avec des opérateurs booléens : vous pouvez utiliser ET, OU, SAUF (écrits en majuscules) entre des mots ou des expressions.<br><br>Exemple : volcan OU éruption<br>Si vous ne tapez rien, ET est activé par défaut.<br>Exemple : séisme Haïti = séisme ET Haïti.<br><br>Recherche avec la troncature : vous pouvez utiliser une * pour chercher sur la racine d\'un mot. Exemple : atom* cherche atome, atomes, atomique…<br>' }); }); $("#fast-search-btn-search").click(function(e) { if (varTimeOut != null) { clearTimeout(varTimeOut); } }); $('.titleListStyle').css({ 'padding-left': '1.5em', 'color': 'black', 'font-weight': 'bold' }); $('a.titleListStyle').parent().hover(function() { $(this).css('background-color', '#f2f2f2'); }, function() { $(this).css('background-color', 'transparent'); }); $('.list-unstyled .infoListStyle').css({ 'color': 'black', 'padding-left': '4em' }).parent().hover(function() { $(this).css('background-color', '#f2f2f2'); }, function() { $(this).css('background-color', 'transparent'); });/* Call function */ addComponentToViewfilter(); toDisableMaxCountIfPaginationIsCero(); activationDeactivationFilters(); }); function addComponentToViewfilter() {/* Get tags list */ let nameTags = [{"lid":"893","did":"678","name":"Localisation","types":"article\nnews\nfiles\nwebsite\nfeed\nselection"},{"lid":"894","did":"678","name":"Public","types":"article\nnews\nselection"},{"lid":"896","did":"678","name":"Type d'animations","types":"news\nwebsite"}];/* Add each component exemple( radio button, select ) inside SortableDraggable component */ $.map(nameTags, function(value, key) { let valuetrim = value.name.replace(/\s/g, ''); valuetrim = remove_accents(valuetrim); let valueWithoutCaracter = valuetrim.replace(/[^a-zA-Z0-9]/g, '');/* Recovery all class .item-sortable inside tag */ let $_divcontainer = $('.' + valueWithoutCaracter + '_' + value.lid + '> .item-sortable'); $('input#' + valueWithoutCaracter + '_' + value.lid + '_status-1').closest('.form-group').css({ 'width': '200px', 'display': 'inline-block', 'margin': '10px' }) .detach() .appendTo($_divcontainer); $('#' + valueWithoutCaracter + '_' + value.lid + '_value').closest('.form-group').css({ 'width': '200px', 'display': 'inline-block', 'margin': '10px' }) .detach() .appendTo($_divcontainer); $('input#' + valueWithoutCaracter + '_' + value.lid + '_expo-1').closest('.form-group').css({ 'width': '200px', 'display': 'inline-block', 'margin': '10px' }) .detach() .appendTo($_divcontainer); $('#' + valueWithoutCaracter + '_' + value.lid + '_display').closest('.form-group').css({ 'width': '200px', 'display': 'inline-block', 'margin': '10px' }) .detach() .appendTo($_divcontainer);/* Addition of a control class for the radio buttons to be used for batch activation and deactivation */ $('input#' + valueWithoutCaracter + '_' + value.lid + '_status-1').addClass('actived_status-1'); $('input#' + valueWithoutCaracter + '_' + value.lid + '_status-0').addClass('deactivated_status-2 '); $('input#' + valueWithoutCaracter + '_' + value.lid + '_expo-1').addClass('actived_expo-1'); $('input#' + valueWithoutCaracter + '_' + value.lid + '_expo-0').addClass('deactivated_expo-2');/* If status filter is disabled then disable /value/expo and display filter */ $('#' + valueWithoutCaracter + '_' + value.lid + '_status-0').on('click', function() { $('#' + valueWithoutCaracter + '_' + value.lid + '_expo-1').prop('disabled', true); $('#' + valueWithoutCaracter + '_' + value.lid + '_expo-0').prop('checked', true); }); $('#' + valueWithoutCaracter + '_' + value.lid + '_status-1').on('click', function() { $('#' + valueWithoutCaracter + '_' + value.lid + '_expo-1').prop('disabled', false); $('#' + valueWithoutCaracter + '_' + value.lid + '_expo-1').prop('checked', true); }); }); } function remove_accents(strAccents) { let diacriticsMap = removeAccents(); var returnStr = ''; if (strAccents) { for (var i = 0; i < strAccents.length; i++) { if (diacriticsMap[strAccents[i]]) { returnStr += diacriticsMap[strAccents[i]]; } else { returnStr += strAccents[i]; } } } return returnStr; } function toDisableMaxCountIfPaginationIsCero() { if ($('#paging-1').val() === '1') { $("#max_count option[label='Tous les types de contenu sélectionnés seront affichés']").hide(); } $('#paging-1').on('click', function() { $("#max_count option[label='Tous les types de contenu sélectionnés seront affichés']").hide(); $("#max_count option[label='Tous les types de contenu sélectionnés seront affichés']").prop('selected', false); }); if ($('#paging-0').is(':checked')) { $("#max_count option[label='Tous les types de contenu sélectionnés seront affichés']").show(); } $('#paging-0').on('click', function() { $("#max_count option[label='Tous les types de contenu sélectionnés seront affichés']").show(); $("#max_count option[label='Tous les types de contenu sélectionnés seront affichés']").prop('selected', true); }); } function activationDeactivationFilters() { $('#activefilter').on('click', function() { if ($('#activefilter').is(":checked")) { $('.actived_status-1').prop('checked', true); $('.actived_expo-1').prop('checked', true); } else { $('.deactivated_status-2').prop('checked', true); $('.deactivated_expo-2').prop('checked', true); } }); } </script></div> <section class="node-region-header hidden-xs"> <div id="full-carousel" class="carousel slide" data-ride="carousel"> <ol class="carousel-indicators"> <li data-target="#full-carousel" data-slide-to="0" ></li> <li data-target="#full-carousel" data-slide-to="1" ></li> <li data-target="#full-carousel" data-slide-to="2" ></li> <li data-target="#full-carousel" data-slide-to="3" ></li> </ol> <div class="carousel-inner" role="listbox"> <div class="item active" data-url="https://www.calameo.com/read/00411956898ecc61aed0e?page=1" > <div class="fill" style="background-image:url('https://mediatheques.agglopole.fr/data/mediatheques.agglopole.fr/application/node/445206/thumb.jpg');"></div> <div class="carousel-caption"> <small> <div class="btn_action"> </div> </small> <a class="carousel-link"> </a> </div> </div> <div class="item" data-url="https://mediatheques.agglopole.fr/opac/catalog/search?type%5B%5D=allfields&lookfor%5B%5D=&bool%5B%5D=AND&type%5B%5D=title&lookfor%5B%5D=&multifilter%5BhasNumericalItem%5D%5B%5D=T&publishDateType=equal&publishDate=&multifilter%5Bformat%5D%5B%5D=Texte&adv=t" > <div class="fill" style="background-image:url('https://mediatheques.agglopole.fr/data/mediatheques.agglopole.fr/application/node/131532/thumb.jpg');"></div> <div class="carousel-caption"> <small> <div class="btn_action"> </div> </small> <a class="carousel-link"> </a> </div> </div> <div class="item" > <div class="fill" style="background-image:url('https://mediatheques.agglopole.fr/data/mediatheques.agglopole.fr/application/node/173340/thumb.jpg');"></div> <div class="carousel-caption"> <small> <div class="btn_action"> </div> </small> <a class="carousel-link"> </a> </div> </div> <div class="item" data-url="https://mediatheques.agglopole.fr/compte-abonne#BibEnPoche" > <div class="fill" style="background-image:url('https://mediatheques.agglopole.fr/data/mediatheques.agglopole.fr/application/node/326528/thumb.jpg');"></div> <div class="carousel-caption"> <small> <div class="btn_action"> </div> </small> <a class="carousel-link"> </a> </div> </div> </div> <a class="left carousel-control" href="#full-carousel" data-slide="prev" role="button"> <i class="fas fa fa-chevron-left" aria-hidden="true"></i> <span class="sr-only">Previous</span> </a> <a class="right carousel-control" href="#full-carousel" data-slide="next" role="button"> <i class="fas fa fa-chevron-right" aria-hidden="true"></i> <span class="sr-only">Next</span> </a> </div> <script> $(document).ready(function () { $('#full-carousel .carousel-inner .item[data-url]') .click(function (evt) { if (!evt.target.closest('.carousel-caption .btn-link')) { window.open($(this).attr("data-url")); } }) .css('cursor','pointer') ; }); </script> </section> <div id="page" class="container-fluid"> <div class="row mx-5 mt-5"> <aside class="node-region-aside col-md-3"> <div class="node-list-scope-this"> <div id="node-150153" class="dp-node dp-node-article dp-node-150153 clearfix node-item node-article node-item-tagged" data-item-tags=""> <div class="thumbnail aside"> <div class="btn_action"> </div> <div class="caption"> <h2>Carte du réseau</h2> <div class="node-item-published"> </div> <hr> <div id="1963984960" class="node-item-content node-item-content-"> <div class="evenement-item-created node-item-created"> </div> <div class="node-item-teaser"> <div class="map-container"> <p><iframe frameborder="0" height="360" marginheight="0" marginwidth="0" src="https://www.google.com/maps/d/u/0/embed?mid=1j3SRoXOhLsKPaK7-T51Mo9Z7dt_DWQcO" width="480"></iframe></p> </div> <style type="text/css">.map-container { width: 100%; } .map-container iframe{ width: 100%; display: block; /*pointer-events: none;*/ /* position: relative; IE needs a position other than static */ } .map-container iframe.clicked{ pointer-events: auto; } </style> </div> </div> </div> </div> </div> </div> <script>/* Correctif pour Cycle 2 */ $(document).ready(function() { function imgLoaded(imgSelector) { return $(imgSelector).prop("complete") && $(imgSelector).prop("naturalWidth") !== 0; } var interval = setInterval(function() { var $imagesLoader = $('.feed-item-img'); var nbi = -1; $imagesLoader.each(function(i) { if (imgLoaded($(this))) { if (nbi == -1) { nbi = 1; } else { nbi++; } } }).promise().done(function() { if (nbi === $imagesLoader.length) { window.dispatchEvent(new Event('resize')); clearInterval(interval); } }); }, 500); }); </script> </aside><section class="node-region-body col-md-6"> <div id="node-117997" class="clearfix node-item"> <h1>Accueil</h1> <div class="node-item-published"> </div> <hr /> <div class="clearfix"> <div class="btn_action"> </div> </div> <div class="node-header-description"> </div> </div> <div id="node-region-tab" class="node-item node-region-tab-1229308089"> <div class="block-rss-feed-117997 center-block text-right"> <a class="btn btn-link rss-feed-link" data-clipboard-text="https://mediatheques.agglopole.fr/node/rss/nid/117997/type/article/region/tab/rss.xml"> <i class="fas fa fa-rss"></i> </a> </div> <div class="clear"></div> <div class="node-list node-list-article"> <div id="node-445203" class="dp-node dp-node-article dp-node-445203 clearfix node-item node-article node-item-tagged" data-item-tags=""> <div class="btn_action"> </div> <div class="clear"></div> <h3>Festival "Mois du doc 2024"</h3> <div class="node-item-published"> Publié le Mardi 05 Novembre 2024 à 09h22 </div> <hr> <div id="1826103271" class="node-item-content node-item-content-"> <div class="evenement-item-created node-item-created"> </div> <div class="node-item-teaser"> <p>Nous vous proposons une s&eacute;lection de projection autour du sous-th&egrave;me &ldquo;le voyage, le mouvement&rdquo; pour la 25&egrave;me &eacute;dition du festival du film documentaire Le Mois du doc. Depuis des g&eacute;n&eacute;rations les hommes, les animaux se d&eacute;placent, voyagent sont en mouvement. Se d&eacute;placer est un moyen de survivre, de subvenir &agrave; ses besoins, mais aussi un mode de vie. Toutefois, l&#39;&eacute;quilibre des uns peut d&eacute;stabiliser la vie des autres ou les fragiliser. C&#39;est pourquoi, les enjeux environnementaux et soci&eacute;taux d&#39;aujourd&#39;hui testent notre capacit&eacute; &agrave; construire un &quot;vivre ensemble&quot;. Le mouvement n&#39;insuffle t-il pas la vie, n&#39;est-il pas perp&eacute;tuel, et n&#39;invite t-il pas au voyage ?</p> <p>Du 22 au 30 novembre 2024</p> <p>M&eacute;diath&egrave;que Mitterrand, M&eacute;diath&egrave;que Montaigne</p> <p>Voir le programme :</p> <div style="text-align:center;"> <div style="margin:8px 0px 4px;"><a href="https://www.calameo.com/books/00411956898ecc61aed0e" target="_blank">Mois Du Doc 2024</a></div> <iframe allowfullscreen="" allowtransparency="" frameborder="0" height="300" scrolling="no" src="//v.calameo.com/?bkcode=00411956898ecc61aed0e&amp;mode=mini" style="margin:0 auto;" width="480"></iframe> <div style="margin:4px 0px 8px;">&nbsp;</div> </div> </div> </div> </div> <div id="node-414880" class="dp-node dp-node-article dp-node-414880 clearfix node-item node-article node-item-tagged" data-item-tags=""> <div class="btn_action"> </div> <div class="clear"></div> <h3>Kiosque des médiathèques (Mireval) </h3> <div class="node-item-published"> Publié le Lundi 18 Mars 2024 à 11h58 </div> <hr> <div id="48652238" class="node-item-content node-item-content-"> <div class="evenement-item-created node-item-created"> </div> <div class="node-item-thumb"><img src="https://mediatheques.agglopole.fr/data/mediatheques.agglopole.fr/application/node/414880/thumb.jpg?v=1732785848"/></div> <div class="node-item-teaser"> Le kiosque des m&eacute;diath&egrave;ques&nbsp;est maintenant disponible dans la commune de Mireval !&nbsp; Ce&nbsp;dispositif unique dans la r&eacute;gion situ&eacute;&nbsp;au Chemin des Amouri&eacute;s&nbsp;permet&nbsp;aux abonn&eacute;s des m&eacute;diath&egrave;ques de r&eacute;cup&eacute;rer leur r&eacute;servations (6 r&eacute;servations maximum simultan&eacute;es) aupr&egrave;s de ce distributeur... </div> <div class="node-item-readmore"> <a href="https://mediatheques.agglopole.fr/node/content/nid/414880"> <i class="fas fa fa-link"></i> Lire la suite </a> </div> </div> </div> <div id="node-413256" class="dp-node dp-node-article dp-node-413256 clearfix node-item node-article node-item-tagged" data-item-tags=""> <div class="btn_action"> </div> <div class="clear"></div> <h3>Nouveau ! Podcasts littéraires "Des livres et moi"</h3> <div class="node-item-published"> Publié le Mardi 05 Mars 2024 à 16h29 </div> <hr> <div id="923631965" class="node-item-content node-item-content-"> <div class="evenement-item-created node-item-created"> </div> <div class="node-item-thumb"><img src="https://mediatheques.agglopole.fr/data/mediatheques.agglopole.fr/application/node/413256/thumb.jpg?v=1709652917"/></div> <div class="node-item-teaser"> <h2>Mangas,bandes dessin&eacute;es, romans...Les &eacute;l&egrave;ves du Coll&egrave;ge Victor Hugo &agrave; S&egrave;te vous parlent de leurs coups de coeurs litt&eacute;raires.</h2> <p>Pour retrouver tous leurs podcasts, c&#39;est par ici !&nbsp;</p> <p><a href="https://mediatheques.agglopole.fr/podcasts">Podcasts &quot;Des livres et moi&quot;</a></p> </div> </div> </div> <div id="node-386745" class="dp-node dp-node-article dp-node-386745 clearfix node-item node-article node-item-tagged" data-item-tags=""> <div class="btn_action"> </div> <div class="clear"></div> <h3>La médiathèque depuis chez vous ! </h3> <div class="node-item-published"> Publié le Jeudi 04 Janvier 2024 à 12h42 </div> <hr> <div id="1187640758" class="node-item-content node-item-content-"> <div class="evenement-item-created node-item-created"> </div> <div class="node-item-thumb"><img src="https://mediatheques.agglopole.fr/data/mediatheques.agglopole.fr/application/node/386745/thumb.jpg?v=1730816649"/></div> <div class="node-item-teaser"> <div style="text-align:start; margin-bottom:10px">&nbsp;</div> <div style="text-align:start; margin-bottom:10px"><font color="#000000" face="Open Sans, sans-serif, serif, EmojiFont"><span style="font-size: 14px;">Votre m&eacute;diath&egrave;que est ferm&eacute;e ? Pas envie de sortir ?&nbsp;<br /> <br /> D&eacute;couvrez&nbsp;notre offre de films, presse, auto-formation et livres en ligne.&nbsp;</span></font></div> <div style="text-align:start; margin-bottom:10px"><font color="#000000" face="Open Sans, sans-serif, serif, EmojiFont"><span style="font-size: 14px;">Comment ?&nbsp;</span></font></div> <div style="text-align:start; margin-bottom:10px"><font color="#000000" face="Open Sans, sans-serif, serif, EmojiFont"><span style="font-size: 14px;">En vous connectant &agrave; votre compte lecteur <a href="https://mediatheques.agglopole.fr/opac/user/login" target="_blank">en cliquant ici </a>puis en vous rendant sur la page num&eacute;rique <a href="https://mediatheques.agglopole.fr/numerique" target="_blank">en cliquant l&agrave;</a>.&nbsp;</span></font></div> <div style="text-align:start; margin-bottom:10px"><em><font color="#000000" face="Open Sans, sans-serif, serif, EmojiFont"><span style="font-size: 14px;">Sous r&eacute;serve d&#39;avoir une carte de biblioth&egrave;que &agrave; jour.&nbsp;</span></font></em></div> <div style="text-align:start; margin-bottom:10px">&nbsp;</div> <p>&nbsp;</p> </div> </div> </div> </div> <script>/* Correctif pour Cycle 2 */ $(document).ready(function() { function imgLoaded(imgSelector) { return $(imgSelector).prop("complete") && $(imgSelector).prop("naturalWidth") !== 0; } var interval = setInterval(function() { var $imagesLoader = $('.feed-item-img'); var nbi = -1; $imagesLoader.each(function(i) { if (imgLoaded($(this))) { if (nbi == -1) { nbi = 1; } else { nbi++; } } }).promise().done(function() { if (nbi === $imagesLoader.length) { window.dispatchEvent(new Event('resize')); clearInterval(interval); } }); }, 500); }); </script> </div> </section> <aside class="node-region-aside col-md-3"> <div class="node-list-scope-this"> <div id="node-237548" class="dp-node dp-node-article dp-node-237548 clearfix node-item node-article node-item-tagged" data-item-tags=""> <div class="thumbnail aside"> <div class="btn_action"> </div> <div class="caption"> <h2>Suivez-nous</h2> <div class="node-item-published"> </div> <hr> <div id="1620981194" class="node-item-content node-item-content-"> <div class="evenement-item-created node-item-created"> </div> <div class="node-item-teaser"> <div class="row three-col"> <div class="col-md-4 col-1"> <p style="text-align:center"><a href="https://www.facebook.com/mediathequesSeteagglopole" target="_blank"><img alt="facebook" class="img-responsive center-block" height="64" src="https://mediatheques.agglopole.fr/vendors/richfilemanager/connectors/php/filemanager.php?mode=readfile&amp;path=%2FImages%2FCommun%2FSocial%2Ff_logo_RGB-Blue_1024.png&amp;time=1620209133278" width="64" /></a></p> </div> <div class="col-md-4 col-2"> <p style="text-align:center"><a href="https://www.youtube.com/channel/UCspotrP4TFfF7d4G_QewM4g" target="_blank"><img alt="Youtube" class="img-responsive center-block" height="64" src="https://mediatheques.agglopole.fr/vendors/richfilemanager/connectors/php/filemanager.php?mode=readfile&amp;path=%2FImages%2FCommun%2FSocial%2Fyoutube_social_circle_red.png&amp;time=1620209240931" width="64" /></a></p> </div> <div class="col-md-4 col-3"> <p style="text-align:center"><a href="https://www.instagram.com/mediatheques_seteagglopole/?hl=fr" target="_blank"><img alt="Instagram" class="img-responsive center-block" height="64" src="https://mediatheques.agglopole.fr/vendors/richfilemanager/connectors/php/filemanager.php?mode=readfile&amp;path=%2FImages%2FCommun%2FSocial%2FInstagram_Glyph_Gradient_RGB.png&amp;time=1620209346354" width="64" /></a></p> </div> </div> </div> </div> </div> </div> </div> <div id="node-312698" class="dp-node dp-node-article dp-node-312698 clearfix node-item node-article node-item-tagged" data-item-tags=""> <div class="thumbnail aside"> <div class="btn_action"> </div> <div class="caption"> <h2>Service de navette</h2> <div class="node-item-published"> Publié le Mercredi 09 Novembre 2022 à 15h50 </div> <hr> <div id="281772565" class="node-item-content node-item-content-"> <div class="evenement-item-created node-item-created"> </div> <div class="node-item-teaser"> <p><font color="#000000"><b><img alt="" class="img-responsive" height="203" src="https://mediatheques.agglopole.fr/vendors/richfilemanager/connectors/php/filemanager.php?mode=readfile&amp;path=%2FImages%2Ffacto_SAM.jpg&amp;time=1686828952489" width="270" />&nbsp;</b></font></p> <p style="text-align: justify;"><font color="#000000"><b>Vos documents disponibles sous 24h</b></font></p> <p style="text-align: justify;"><span style="color:#000000;">Le service de navette des six m&eacute;diath&egrave;ques du r&eacute;seau de&nbsp;</span><a href="https://www.facebook.com/seteagglopolemediterranee/?__cft__[0]=AZWcNDr1H7izpioMXJ9AU0X29_Q0sqP6DCE0GQ9RHbB7_wgY-dg-d0mqkHZSReZLgYa18kapUmb-smzKT6L8LxZbSO_RnWeEYYzN6eH6h0ttaY19bhVSiIMjPRaX9Wi3IY-O63kHeo1Qu5Qhq6V1iBrN9SPNo7Luj0qm8XciTDJE_Uh24FPzGu47HvbCVzHAlWDbrj1vHVxTnqz3qt-BUieZ&amp;__tn__=kK-R" role="link" tabindex="0"><span style="color:#000000;">S&egrave;te agglop&ocirc;le</span></a><span style="color:#000000;"> vous permet d&rsquo;acc&eacute;der &agrave; plus de 220.000 documents sous 24h sur l&rsquo;ensemble des structures gr&acirc;ce &agrave; un catalogue commun et une navette quotidienne.</span></p> <p style="text-align: justify;"><span style="color:#000000;">Ainsi,&nbsp;il est possible de r&eacute;server un livre de la m&eacute;diath&egrave;que Malraux &agrave; la m&eacute;diath&egrave;que Mitterrand, de le r&eacute;cup&eacute;rer &agrave; la m&eacute;diath&egrave;que Montaigne, et de le rendre &agrave; la m&eacute;diath&egrave;que Andr&eacute;e Chedid, &agrave; La Fabrique ou encore &agrave; Balaruc-les-bains !</span></p> <p style="text-align: justify;"><span style="color:#000000;">Pour effectuer vos r&eacute;servations et consulter le catalogue commun, rendez-vous sur notre site internet, sur l&#39;application mobile Bib en poche, ou encore directement aupr&egrave;s d&#39;un(e) m&eacute;diath&eacute;caire.</span></p> </div> </div> </div> </div> </div> <div id="node-185196" class="dp-node dp-node-article dp-node-185196 clearfix node-item node-article node-item-tagged" data-item-tags=""> <div class="thumbnail aside"> <div class="btn_action"> </div> <div class="caption"> <h2>Profitez de nos ressources en ligne accessibles pour tous ! </h2> <div class="node-item-published"> </div> <hr> <div id="208923899" class="node-item-content node-item-content-"> <div class="evenement-item-created node-item-created"> </div> <div class="node-item-teaser"> <div class="row two-col"> <div class="col-md-6 col-1"> <p><img alt="" class="img-responsive center-block" height="708" src="https://mediatheques.agglopole.fr/vendors/richfilemanager/connectors/php/filemanager.php?mode=readfile&amp;path=%2FImages%2Fm%C3%A9dia_enligne_sept20.png&amp;time=1686829109535" width="500" /></p> <p>&nbsp;</p> </div> <div class="col-md-6 col-2"> <p><img alt="" class="img-responsive center-block" height="700" src="https://mediatheques.agglopole.fr/vendors/richfilemanager/connectors/php/filemanager.php?mode=readfile&amp;path=%2FImages%2FCommun%2Fmedia_en_ligne_jan21.png&amp;time=1610724169589" width="494" /></p> <p>&nbsp;</p> </div> </div> <p><span style="color:#000000">Acc&eacute;dez aux services en ligne en cliquant</span><a href="https://mediatheques.agglopole.fr/numerique" target="_blank"><span style="color:#3498db"> ici</span></a></p> </div> </div> </div> </div> </div> <div id="node-219000" class="dp-node dp-node-article dp-node-219000 clearfix node-item node-article node-item-tagged" data-item-tags=""> <div class="thumbnail aside"> <div class="btn_action"> </div> <div class="caption"> <h2>Réserver un document</h2> <div class="node-item-published"> </div> <hr> <div id="93340192" class="node-item-content node-item-content-"> <div class="evenement-item-created node-item-created"> </div> <div class="node-item-teaser"> <p><span style="color:#000000;">D&eacute;couvrez notre tutoriel pour r&eacute;server un document depuis votre compte lecteur.</span></p> <div class="embeddedContent oembed-provider- oembed-provider-youtube" data-align="left" data-maxheight="315" data-maxwidth="560" data-oembed="https://www.youtube.com/watch?v=mFHJ1Hc7Xjw&amp;feature=youtu.be" data-oembed_provider="youtube" data-resizetype="responsive" style="float: left;"><div allowfullscreen="true" allowscriptaccess="always" frameborder="0" height="315" scrolling="no" width="383.5959885386819" class="youtube_player" videoID="mFHJ1Hc7Xjw?wmode=transparent&amp;jqoemcache=cGB2g"></div></div> </div> </div> </div> </div> </div> </div> <script>/* Correctif pour Cycle 2 */ $(document).ready(function() { function imgLoaded(imgSelector) { return $(imgSelector).prop("complete") && $(imgSelector).prop("naturalWidth") !== 0; } var interval = setInterval(function() { var $imagesLoader = $('.feed-item-img'); var nbi = -1; $imagesLoader.each(function(i) { if (imgLoaded($(this))) { if (nbi == -1) { nbi = 1; } else { nbi++; } } }).promise().done(function() { if (nbi === $imagesLoader.length) { window.dispatchEvent(new Event('resize')); clearInterval(interval); } }); }, 500); }); </script> </aside> <script> $(document).ready(function() { if ($(window).width() <= 1024) { $('div.row.mx-5.mt-5').removeClass('content_general') } else { $('div.row.mx-5.mt-5').removeClass('content_general') } }); </script> </div> </div> <section class="node-region-footer"> <div class="container-fluid"> <div class="node-list"> </div></div></section> <style> /* Start icone debug (+,-) */ .fa-plus:before { content: "\f067"; } .fa-minus:before { content: "\f068"; } /* End icone debug (+,-) */ </style> <script type="text/javascript" src="/vendors/decalog/opac/js/debug.js"></script> <footer class="footer position-relative"> <div class="row three-col" style="width: 400px; text-align : center; margin : 0 auto;"> <div class="col-md-4 col-1"> <p><a href="https://www.youtube.com/channel/UCspotrP4TFfF7d4G_QewM4g" target="_blank"><img alt="YT" class="img-responsive center-block" height="16" src="https://mediatheques.agglopole.fr/vendors/richfilemanager/connectors/php/filemanager.php?mode=readfile&amp;path=%2FImages%2FCommun%2FSocial%2Fyoutube_social_icon_wth.png&amp;time=1620216525363" width="16" /></a></p> </div> <div class="col-md-4 col-2"> <p><a href="https://www.facebook.com/mediathequesSeteagglopole" target="_blank"><img alt="fb" class="img-responsive center-block" height="16" src="https://mediatheques.agglopole.fr/vendors/richfilemanager/connectors/php/filemanager.php?mode=readfile&amp;path=%2FImages%2FCommun%2FSocial%2Ff_logo_RGB-White_1024.png&amp;time=1620216392328" width="16" /></a></p> </div> <div class="col-md-4 col-3"> <p><a href="https://www.instagram.com/mediatheques_seteagglopole/?hl=fr" target="_blank"><img alt="insta" class="img-responsive center-block" height="16" src="https://mediatheques.agglopole.fr/vendors/richfilemanager/connectors/php/filemanager.php?mode=readfile&amp;path=%2FImages%2FCommun%2FSocial%2FInstagram_glyph-logo_May2016_wth.png&amp;time=1620216478207" width="16" /></a></p> </div> </div> <p style="text-align: center;">&nbsp;<a href="https://mediatheques.agglopole.fr/contactez-nous" onclick="window.open(this.href, 'formulaireDeContact', 'resizable=yes,status=no,location=no,toolbar=no,menubar=no,fullscreen=no,scrollbars=yes,dependent=no'); return false;" style="font-size: 1.5rem;">Contactez-nous</a></p> <p style="text-align: center;"><a href="https://mediatheques.agglopole.fr/mentions-legales">Mentions l&eacute;gales</a>&nbsp; &nbsp;-&nbsp; &nbsp;<a href="https://mediatheques.agglopole.fr/aide-accessibilite">Aide et accessibilit&eacute;</a></p> <p style="text-align: center;">&nbsp;</p> <script type="text/javascript"> function set_favicon() { var link = document.querySelector("link[rel*='icon']") || document.createElement('link'); link.type = 'image/x-icon'; link.rel = 'shortcut icon'; link.href = 'https://mediatheques.agglopole.fr/vendors/richfilemanager/connectors/php/filemanager.php?mode=readfile&path=%2FLogos%2Flogo_sete.png&time=1643726428932'; document.getElementsByTagName('head')[0].appendChild(link); } set_favicon(); </script> <div class="container"> <div class="row"> <div class="col-md-12 text-center"> <span id="version"> © Decalog 2024 | 2.27.2 <br /> </span> </div> <div class="col-md-12 text-center"> <small class="footer-links"> <a href="https://mediatheques.agglopole.fr/sitemap">Plan du site</a> </small> </div> <div class="col-md-12 text-center"> <small class="footer-links"> <a href="2.27.2 "></a> </small> </div> </div> <a href="/opac/subdomain/infos" style="display: none">Infos pratiques</a> </div> </footer> </div> <a href="#" class="btn-back-to-top" title="Revenir en haut de page"> <i class="fas fa fa-chevron-up fa-2x"></i> </a> </div> <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "WebSite", "url": "https://mediatheques.agglopole.fr/", "potentialAction": { "@type": "SearchAction", "target": "https://mediatheques.agglopole.fr/opac/catalog/search?allfields[]={search_term_string}", "query-input": "required name=search_term_string" } } </script> <script type="text/javascript" src="https://mediatheques.agglopole.fr/resources/cache-script.js?v=02122024"></script> <script type="text/javascript" src="https://mediatheques.agglopole.fr/vendors/decalog/opac/js/script.js?v=2.19"></script> <script type="text/javascript" src="https://mediatheques.agglopole.fr/theme/model/modern/script.js?v=2.19"></script> <script type="text/javascript" src="https://mediatheques.agglopole.fr/theme/pattern/snow/script.js?v=2.19"></script> <script type="text/javascript"> $(document).ready(function () { $("#cancel").click(function (e) { bootbox.confirm("Confirmez-vous l'annulation de toutes les modifications en cours ?", function (result) { if (result) { $("#cancel").parents('form:first').append('<input type="hidden" name="cancel" value="1"/>'); $("#cancel").parents('form:first').submit(); } }); e.preventDefault(); return false; }); $("#delete").click(function (e) { e.preventDefault(); if (($(this).attr('data-apiid') !== '') && ($(this).attr('data-apiid') !== undefined) && ($(this).attr('data-nid') !== '') && ($(this).attr('data-type') === 'news')){/* On regarde si dépendances */ $.ajax({ url: "/event/gethasinscription", type: "POST", data: { "apiid": $(this).attr('data-apiid') }, success: function(data) { if (data.hasconfirmed === 1) { bootbox.confirm("Confirmez-vous la suppression définitive de cet élément ?<hr class=\"confirm\"><small>Des inscriptions ont été enregistrées pour cet événement et seront de ce fait supprimées.</small>", function (result) { if (result) { $("#delete").parents('form:first').append('<input type="hidden" name="delete" value="1"/>'); $("#delete").parents('form:first').submit(); } }); } else { bootbox.confirm("Confirmez-vous la suppression définitive de cet élément ?", function (result) { if (result) { $("#delete").parents('form:first').append('<input type="hidden" name="delete" value="1"/>'); $("#delete").parents('form:first').submit(); } }); } }, error: function (data) { console.log('error', data); } }); } else { bootbox.confirm("Confirmez-vous la suppression définitive de cet élément ?", function (result) { if (result) { $("#delete").parents('form:first').append('<input type="hidden" name="delete" value="1"/>'); $("#delete").parents('form:first').submit(); } }); } return false; }); var clipboard = new Clipboard('.rss-feed-link'); clipboard.on('success', function (e) { $(e.trigger).tooltip({ placement: 'auto', title: 'Lien copié dans votre presse-papier', delay: {"show": 500, "hide": 2000} }); $(e.trigger).tooltip('show'); }); clipboard.on('error', function (e) { $(e.trigger).tooltip({ placement: 'auto', title: 'Impossible de copier ce lien dans votre presse-papier', delay: {"show": 500, "hide": 2000} }); $(e.trigger).tooltip('show'); }); }); </script> <script> onConsentsLoaded(function () { tarteaucitron.user.gtagUa = 'UA-132892994-1'; (tarteaucitron.job = tarteaucitron.job || []).push('gtag'); (tarteaucitron.job = tarteaucitron.job || []).push('youtube'); (tarteaucitron.job = tarteaucitron.job || []).push('youtubeplaylist'); (tarteaucitron.job = tarteaucitron.job || []).push('dailymotion'); }); </script> <script type="text/javascript"> onConsentsLoaded(function () { tarteaucitron.user.matomoHost = 'https://statistiques.bibenligne.fr/'; tarteaucitron.user.matomoId = '3494'; (tarteaucitron.job = tarteaucitron.job || []).push('matomo'); }); </script> <script type="text/javascript"> onConsentsLoaded(function () { tarteaucitron.user.orangeconfortplusScript = '/vendors/Orange-Confort-plus-master/js/toolbar.js'; tarteaucitron.user.orangeconfortplusOptions = { idLinkModeContainer : "low-vision", cssLinkModeClassName : "far fa fa-eye-slash low-vision-button", }; (tarteaucitron.job = tarteaucitron.job || []).push('orangeconfortplus'); (tarteaucitron.job = tarteaucitron.job || []).push('youtube'); (tarteaucitron.job = tarteaucitron.job || []).push('youtubeplaylist'); (tarteaucitron.job = tarteaucitron.job || []).push('dailymotion'); }); </script> <script>onConsentsLoaded(function () { (tarteaucitron.job = tarteaucitron.job || []).push('youtube'); });</script></body> </html>

Pages: 1 2 3 4 5 6 7 8 9 10