https://www.mediatheque.ville-montlouis-loire.fr/opac/user/login

Submitted URL:
https://www.mediatheque.ville-montlouis-loire.fr/opac/user/login
Report Finished:
LinkText
https://fr-fr.facebook.com/pages/category/Library/M%C3%A9diath%C3%A8que-St%C3%A9phane-Hessel-549974318366152/
https://policies.google.com/privacy View the official website
https://matomo.org/faq/general/faq_146/ View the official website
https://confort-plus.orange.com/help/help_fr.html#privacy View the official website
https://www.dailymotion.com/legal/privacy View the official website

JavaScript Variables · 77 found

NameType
0object
1object
2object
onbeforetoggleobject
documentPictureInPictureobject
onscrollendobject
Applicationobject
dumpfunction
$function
jQueryfunction

Console log messages · 8 found

TypeCategoryLog
warningdom
URL
https://www.mediatheque.ville-montlouis-loire.fr/opac/user/login
Text
[DOM] Found 2 elements with non-unique id #btn-help: (More info: https://goo.gl/9p2vKq) %o %o
warningdom
URL
https://www.mediatheque.ville-montlouis-loire.fr/opac/user/login
Text
[DOM] Found 2 elements with non-unique id #fast-search-input: (More info: https://goo.gl/9p2vKq) %o %o
warningdom
URL
https://www.mediatheque.ville-montlouis-loire.fr/opac/user/login
Text
[DOM] Found 2 elements with non-unique id #fast-search-news: (More info: https://goo.gl/9p2vKq) %o %o
verbosedom
URL
https://www.mediatheque.ville-montlouis-loire.fr/opac/user/login
Text
[DOM] Input elements should have autocomplete attributes (suggested: "current-password"): (More info: https://goo.gl/9p2vKq) %o
debugother
URL
https://www.mediatheque.ville-montlouis-loire.fr/resources/cache-script.js?v=14112024
Text
Dynamic loader: Loading (/resources/js/consents.js)
debugother
URL
https://www.mediatheque.ville-montlouis-loire.fr/resources/cache-script.js?v=14112024
Text
Dynamic loader: Loading (/vendors/tarteaucitron.js/tarteaucitron.js)
debugother
URL
https://www.mediatheque.ville-montlouis-loire.fr/resources/cache-script.js?v=14112024
Text
Dynamic loader: Loaded (/resources/js/consents.js)
debugother
URL
https://www.mediatheque.ville-montlouis-loire.fr/resources/cache-script.js?v=14112024
Text
Dynamic loader: Loaded (/vendors/tarteaucitron.js/tarteaucitron.js)

HTML

<!DOCTYPE html><html lang="fr"><head><meta http-equiv="origin-trial" content="A/kargTFyk8MR5ueravczef/wIlTkbVk1qXQesp39nV+xNECPdLBVeYffxrM8TmZT6RArWGQVCJ0LRivD7glcAUAAACQeyJvcmlnaW4iOiJodHRwczovL2dvb2dsZS5jb206NDQzIiwiZmVhdHVyZSI6IkRpc2FibGVUaGlyZFBhcnR5U3RvcmFnZVBhcnRpdGlvbmluZzIiLCJleHBpcnkiOjE3NDIzNDIzOTksImlzU3ViZG9tYWluIjp0cnVlLCJpc1RoaXJkUGFydHkiOnRydWV9">
    <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Connexion abonné</title>
            

    <link rel="shortcut icon" type="image/png" href="https://www.mediatheque.ville-montlouis-loire.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://www.mediatheque.ville-montlouis-loire.fr/vendors/bootstrap/smartmenus-1.1.0/css/sm-core-css.css">
    <link rel="stylesheet" type="text/css" href="https://www.mediatheque.ville-montlouis-loire.fr/vendors/bootstrap/smartmenus-1.1.0/css/jquery.smartmenus.bootstrap.css">
    <link rel="stylesheet" type="text/css" href="https://www.mediatheque.ville-montlouis-loire.fr/vendors/bootstrap/bootstrap-sidebar/dist/css/sidebar.css">
    <link rel="stylesheet" type="text/css" href="https://www.mediatheque.ville-montlouis-loire.fr/vendors/bootstrap/bootstrap-datetimepicker-master/build/css/bootstrap-datetimepicker.min.css">
    <link rel="stylesheet" type="text/css" href="https://www.mediatheque.ville-montlouis-loire.fr/vendors/bootstrap/bootstrap-colorpicker/dist/css/bootstrap-colorpicker.min.css">
    <link rel="stylesheet" type="text/css" href="https://www.mediatheque.ville-montlouis-loire.fr/vendors/jquery/raty/jquery.raty.css">
    <link rel="stylesheet" type="text/css" href="https://www.mediatheque.ville-montlouis-loire.fr/resources/css/style.css?v=2.19" media="screen">
    <link rel="stylesheet" type="text/css" href="https://www.mediatheque.ville-montlouis-loire.fr/resources/css/view.css?v=2.19" media="screen">
    <link rel="stylesheet" type="text/css" href="https://www.mediatheque.ville-montlouis-loire.fr/resources/css/searchresultspage.css?v=2.19" media="screen">
    <link rel="stylesheet" type="text/css" href="https://www.mediatheque.ville-montlouis-loire.fr/resources/css/defaultimages.css?v=2.19" media="screen">
    <link rel="stylesheet" type="text/css" href="https://www.mediatheque.ville-montlouis-loire.fr/resources/css/waitinglist.css?v=2.19" media="screen">
    <link rel="stylesheet" type="text/css" href="https://www.mediatheque.ville-montlouis-loire.fr/resources/css/materialicons.css" media="screen">
    <link rel="stylesheet" type="text/css" href="https://www.mediatheque.ville-montlouis-loire.fr/resources/css/snowtheme.css" media="screen">
    <link rel="stylesheet" type="text/css" href="https://www.mediatheque.ville-montlouis-loire.fr/resources/css/neutretheme.css" media="screen">
    <link rel="stylesheet" href="https://www.mediatheque.ville-montlouis-loire.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://www.mediatheque.ville-montlouis-loire.fr/vendors/fontawesome-pro-5.13.0-web/css/all.css">
    <link rel="stylesheet" href="https://www.mediatheque.ville-montlouis-loire.fr/vendors/fontawesome-pro-custom/fontawesome-pro-custom.css">

    <link rel="stylesheet" href="https://www.mediatheque.ville-montlouis-loire.fr/vendors/jquery/tagsort-master/tagsort.css">
    <link rel="stylesheet" type="text/css" href="https://www.mediatheque.ville-montlouis-loire.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://www.mediatheque.ville-montlouis-loire.fr/vendors/DataTables/dataTables.min.css">


    <link rel="stylesheet" type="text/css" href="https://www.mediatheque.ville-montlouis-loire.fr/vendors/DataTables/autoFill-2-0-7.css">
    <link rel="stylesheet" type="text/css" href="https://www.mediatheque.ville-montlouis-loire.fr/vendors/DataTables/buttons-3-0-2.css">
    <link rel="stylesheet" type="text/css" href="https://www.mediatheque.ville-montlouis-loire.fr/vendors/DataTables/colReorder-2-0-2.css">
    <link rel="stylesheet" type="text/css" href="https://www.mediatheque.ville-montlouis-loire.fr/vendors/DataTables/fixedColumns-5-0-0.css">
    <link rel="stylesheet" type="text/css" href="https://www.mediatheque.ville-montlouis-loire.fr/vendors/DataTables/fixedHeader-4-0-1.css">
    <link rel="stylesheet" type="text/css" href="https://www.mediatheque.ville-montlouis-loire.fr/vendors/DataTables/keyTables-2-12-0.css">
    <link rel="stylesheet" type="text/css" href="https://www.mediatheque.ville-montlouis-loire.fr/vendors/DataTables/responsive-3-0-2.css">
    <link rel="stylesheet" type="text/css" href="https://www.mediatheque.ville-montlouis-loire.fr/vendors/DataTables/rowGroup-1-5-0.css">
    <link rel="stylesheet" type="text/css" href="https://www.mediatheque.ville-montlouis-loire.fr/vendors/DataTables/rowReorder-1-5-0.css">
    <link rel="stylesheet" type="text/css" href="https://www.mediatheque.ville-montlouis-loire.fr/vendors/DataTables/scroller-2-4-2.css">
    <link rel="stylesheet" type="text/css" href="https://www.mediatheque.ville-montlouis-loire.fr/vendors/DataTables/searchBuilder-1-7-1.css">
    <link rel="stylesheet" type="text/css" href="https://www.mediatheque.ville-montlouis-loire.fr/vendors/DataTables/searchPanes-2-3-1.css">
    <link rel="stylesheet" type="text/css" href="https://www.mediatheque.ville-montlouis-loire.fr/vendors/DataTables/select-2-0-2.css">
    <link rel="stylesheet" type="text/css" href="https://www.mediatheque.ville-montlouis-loire.fr/vendors/DataTables/stateRestore-1-4-1.css">


            <link rel="stylesheet" type="text/css" media="screen" href="https://www.mediatheque.ville-montlouis-loire.fr/theme/model/modern/style.css?v=2.19">
        <link href="https://www.mediatheque.ville-montlouis-loire.fr/vendors/decalog/opac/css/style.css?v=2.19" media="screen" rel="stylesheet" type="text/css">
<link href="https://www.mediatheque.ville-montlouis-loire.fr/vendors/gallery/css/blueimp-gallery.min.css" media="screen" rel="stylesheet" type="text/css">
<link href="https://www.mediatheque.ville-montlouis-loire.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://www.mediatheque.ville-montlouis-loire.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>
                nav.catalog-navigation, nav.criteria-nav, #navbar-collapse-menu {
   background-color: #FFF;
}
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 : #080a0b !important ;	
}
#fast-search-input {
border: 1px solid  #080a0b ! important;
}
.btn-search {
border-color :   #080a0b;
}
.btn-search {
border: 1px solid  #080a0b ! important;
}
.nav.navbar-nav.col-xs-12{
background-color: #80d4ca;
}
#navbar-collapse-menu .nav.navbar-nav > li > a {
font-weight: bold;
}
.dp-node-form .thumbnail {
background-color: #e6e6e6;
}
.node-item-content .form-vertical input[type="submit"] {
background-color : #2a7b71 !important;
}
aside .thumbnail :not(.btn) {
    background-color: #e6e6e6;
}
.nav-tabs > li.active > a, .nav-tabs > li > a:hover {
    border-bottom: solid 3px #80d4ca !important;
}
.node-slide-thumb
.node-slide-teaser 
{
display : none;
}
.carousel-control {
display: none;
}
#page {
background-color: #fff;
}
.zoom div img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.zoom div:hover img {
	-webkit-transform: scale(1.3);
	transform: scale(1.3);
}
body nav.navbar.navbar-default.catalog-navigation .navbar-nav li.dp-menu .fa {
    color: #000 !important;
}
.facets-navigation .btn-link .fa {
    color: #000 !important;
}
.node-item a, .btn-link .fa {
color: #000 !important;
}
#aside-toggle {
    background-color: #80d4ca;
}
.text-left {
    text-align: center;
font-size: 1.8rem;
}
.dp-default.dp-default-manager.dp-default-manager-index .container-fluid ul li a {
    color: #000 !important;
}
.dp-default-manager #navbar-collapse-menu .nav.navbar-nav > li > a {
color: white !important;
}
.col-lg-4.col-md-4.col-sm-6.col-xs-6.nav-actions {
color:#080a0b !important;
}
.row.criteria-nav.navbar.navbar-default .navbar-brand,
nav.navbar.navbar-default .text-muted {
color: #080a0b !important;
}
.row.criteria-nav.navbar.navbar-default .btn-link {	
color: #080a0b !important;
}
.pagination > li > a {
color:#080a0b;
background-color: #fff !important;
}
.pagination > li.active > a {
color: #fff !important;
background-color: #80d4ca !important;
}
body #facetsdata a {
color: #080a0b !important;
}
body #facetsdata a:hover {
color: #080a0b !important;
  font-weight: bold;
}
.panel-body a{
    color: #000;
}
.badge {
    color: #fff;
    background-color: #2a7b71;
}
.facets-navigation .facets-filters h4.filter-title {
    border-bottom: 2px solid #80d4ca;
}
 .delete-all-filter a { 
    background: #80d4ca !important;
}
.fas.fa.fa-times {
    color: #80d4ca !important;
}  
.btn-available.available {
    border: none;
    background: #c9d32b;
    color: #fff;
}
.btn.btn-primary.btn-reservation {
    background-color: #7c7c7c;
}
.btn-available.available-see {
    border: none;
    background: #ab3245;
    color: #fff;
}
#ribbon_nouveaute svg {
    fill: #ab3245;
}
SPAN.green {
    color: #c9d32b;
}
.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: #080a0b!important;
}
.slide-notice.tab-content a,
.tableau-dispo a, #tableau-infos a,
.col-md-8 .nav-tabs > li > a,
.author a,
.panel-card-infos a {
color: #7c7c7c!important;
}
.slide-notice.tab-content a:hover,
.tableau-dispo a, #tableau-infos a:hover,
.col-md-8 .nav-tabs > li > a:hover,
.author a:hover,
.panel-card-infos a:hover {
color: #080a0b!important;
}
.media-heading {
    color: #080a0b;
}
.btn-link {
    color: #080a0b;
}
.btn-link:hover {
    color: #2a7b71;
}
.btn-info {
    color: #fff;
    background-color: #2a7b71;
}
#submit_comment {
background-color: #7c7c7c !important;
}
div.caption.center-block.text-center {
background-color : #e6e6e6 !important;
}
#user-account-sidebar.opened {
background-color : #e6e6e6;
}
.text-muted {
    display: none;
}
.btn.btn-link.btn-small.btn-info.btn-filter-date-desc {
    background-color: #e6e6e6;
}
.btn.btn-link.btn-small.btn-info.btn-filter-date-asc {
    background-color: #e6e6e6;
}
.btn.btn-link.btn-small.btn-info.btn-filter-za {
    background-color: #e6e6e6;
}
.btn.btn-link.btn-small.btn-info.btn-filter-az {
    background-color: #e6e6e6 !important;
}
.dp-opac-user-login .well-large .btn, .dp-default-user-login .well-large .btn {
    background-color : #7c7c7c !important;
}
.btn.btn-primary.btn-sm {
    background-color: #7c7c7c;
}
.breadcrumb a {
color: #2a7b71!important;
}	
#agenda-calendar .calendar-form .btn-primary[data-calendar-nav="next"] {
    background-color: #80d4ca !important;
}
#agenda-calendar .calendar-form .btn-primary[data-calendar-nav="prev"] {
   background-color: #80d4ca !important;
}
h1{
  display:none !important;
}
a.btn-back-to-top .fas.fa.fa-chevron-up.fa-2x {
    color: #80d4ca !important;
}
h2,.thumbnail.caption{
color: #2a7b71 !important;
}
.notice .btn-link .fa-long-arrow-left{
  color:#2a7b71 !important;
}
.notice .btn-link .fa-long-arrow-left:hover {
  color:#000 !important;
}
a, .btn-link:hover, .btn-link:focus, .btn-link:visited {
    color: #2a7b71;
}
a:hover, a:focus, a:visited, .btn-link:hover, .btn-link:focus, .btn-link:visited {
    text-decoration: none;
    color: #000;
}
.btn.btn-primary {
    border-color: none!important;
    color: #ffffff !important;
    background-color: #80d4ca !important;
}
.btn.btn-primary:hover {
    border-color: none!important;
    color: #ffffff !important;
    background-color: #48c1b3 !important;
}
#cancel {
    background: #7c7c7c!important;
    color: #fff;
}
#cancel:hover {
    background: #666666 !important;
    color: #fff;
}
.dp-opac-user-login .well-large .btn.btn-default {
    border-color: none!important;
    color: #ffffff !important;
    background-color: #7c7c7c !important;
}
.dp-opac-user-login .well-large .btn.btn-default:hover {
    border-color: none!important;
    color: #fff !important;
    background-color: #666666!important;
}
.dp-opac-user-login .well-large .btn.btn-link {
    border-color: none !important;
    color: #7c7c7c!important;
    background-color: #fff!important;
}
.dp-opac-user-login .well-large .btn.btn-link:hover {
    border-color: none !important;
    color: #000 !important;
    background-color: #fff !important;
}
.dp-default-user-login .well-large .btn.btn-default {
    background: #7c7c7c!important;
  color:#fff !important;
}
.dp-default-user-login .well-large .btn.btn-default:hover {
    background: #666666 !important;
  color:#fff !important;
}
.search-inputs-wrapper .siteStrFilters {
border: none !important;
}
@media (min-width:420px) {
.col-lg-7.col-md-12.col-sm-12.col-xs-12.bg-nav-inverse {
    margin-top: 49px;
}
.navbar-right {
    margin-top: 33px;
}
}
.notice.row,
.catalog-page .row.criteria-nav.navbar.navbar-default,
.navbar.navbar-default.catalog-navigation.desktop.hidden-xs {
    margin: 0;
}
#navbar-collapse-menu {
    padding: 0;
}
SPAN.orange {
    color: red;
}            </style>        <style>
                footer span {
    font-size: 1.4rem! important;
}            </style>            
    <script type="text/javascript" async="" charset="utf-8" src="https://www.gstatic.com/recaptcha/releases/-ZG7BC9TxCVEbzIO2m429usb/recaptcha__en.js" crossorigin="anonymous" integrity="sha384-gaZtYaI7oJHEOo1YO6VuoCE4iZ5fMV9mYHP0BHf+r2ttABnpWWCIkgI6ItNW4ZdO"></script><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://www.mediatheque.ville-montlouis-loire.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://www.mediatheque.ville-montlouis-loire.fr/vendors/DataTables/dataTables.min.js"></script>


    <script type="text/javascript" charset="utf8" src="https://www.mediatheque.ville-montlouis-loire.fr/vendors/DataTables/autoFill-2-0-7.js"></script>
    <script type="text/javascript" charset="utf8" src="https://www.mediatheque.ville-montlouis-loire.fr/vendors/DataTables/buttons-3-0-2.js"></script>
    <script type="text/javascript" charset="utf8" src="https://www.mediatheque.ville-montlouis-loire.fr/vendors/DataTables/colVis-3-0-2.js"></script>
    <script type="text/javascript" charset="utf8" src="https://www.mediatheque.ville-montlouis-loire.fr/vendors/DataTables/print-3-0-2.js"></script>
    <script type="text/javascript" charset="utf8" src="https://www.mediatheque.ville-montlouis-loire.fr/vendors/DataTables/html5-3-0-2.js"></script>
    <script type="text/javascript" charset="utf8" src="https://www.mediatheque.ville-montlouis-loire.fr/vendors/DataTables/colReorder-2-0-2.js"></script>
    <script type="text/javascript" charset="utf8" src="https://www.mediatheque.ville-montlouis-loire.fr/vendors/DataTables/datatime-1-5-2.js"></script>
    <script type="text/javascript" charset="utf8" src="https://www.mediatheque.ville-montlouis-loire.fr/vendors/DataTables/fixedColumns-5-0-0.js"></script>
    <script type="text/javascript" charset="utf8" src="https://www.mediatheque.ville-montlouis-loire.fr/vendors/DataTables/fixedHeader-4-0-1.js"></script>
    <script type="text/javascript" charset="utf8" src="https://www.mediatheque.ville-montlouis-loire.fr/vendors/DataTables/keyTables-2-12-0.js"></script>
    <script type="text/javascript" charset="utf8" src="https://www.mediatheque.ville-montlouis-loire.fr/vendors/DataTables/responsive-3-0-2.js"></script>
    <script type="text/javascript" charset="utf8" src="https://www.mediatheque.ville-montlouis-loire.fr/vendors/DataTables/rowGroup-1-5-0.js"></script>
    <script type="text/javascript" charset="utf8" src="https://www.mediatheque.ville-montlouis-loire.fr/vendors/DataTables/rowReorder-1-5-0.js"></script>
    <script type="text/javascript" charset="utf8" src="https://www.mediatheque.ville-montlouis-loire.fr/vendors/DataTables/scroller-2-4-2.js"></script>
    <script type="text/javascript" charset="utf8" src="https://www.mediatheque.ville-montlouis-loire.fr/vendors/DataTables/searchBuilder-1-7-1.js"></script>
    <script type="text/javascript" charset="utf8" src="https://www.mediatheque.ville-montlouis-loire.fr/vendors/DataTables/searchPanes-2-3-1.js"></script>
    <script type="text/javascript" charset="utf8" src="https://www.mediatheque.ville-montlouis-loire.fr/vendors/DataTables/select-2-0-2.js"></script>
    <script type="text/javascript" charset="utf8" src="https://www.mediatheque.ville-montlouis-loire.fr/vendors/DataTables/stateRestore-1-4-1.js"></script>

    <script type="text/javascript" charset="utf8" src="https://www.mediatheque.ville-montlouis-loire.fr/vendors/DataTables/JSZip-2.5.0/jszip.js"></script>
    <script type="text/javascript" charset="utf8" src="https://www.mediatheque.ville-montlouis-loire.fr/vendors/DataTables/pdfmake-0.1.36/pdfmake.js"></script>
    <script type="text/javascript" charset="utf8" src="https://www.mediatheque.ville-montlouis-loire.fr/vendors/DataTables/pdfmake-0.1.36/vfs_fonts.js"></script>
    <script type="text/javascript" charset="utf8" src="https://www.mediatheque.ville-montlouis-loire.fr/vendors/decalog/opac/js/youtubeplayer.js"></script>
    <script type="text/javascript" charset="utf8" src="https://www.mediatheque.ville-montlouis-loire.fr/resources/js/defaultimages.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://www.mediatheque.ville-montlouis-loire.fr/vendors/DataTables/languages/fr_FR.json'
                }
            });
            try {
                $('[data-tooltip="tooltip"]').tooltip();
            } catch (e) {
                console.log(e);
            }
        });
    </script>
    <script type="text/javascript" src="/resources/js/consents.js"></script><script type="text/javascript" src="/vendors/tarteaucitron.js/tarteaucitron.js"></script><link rel="stylesheet" type="text/css" href="/vendors/tarteaucitron.js/css/tarteaucitron.css?v=20210422"><script id="" async="" src="/vendors/tarteaucitron.js/lang/tarteaucitron.en.js?v=20210422"></script><script id="" async="" src="/vendors/tarteaucitron.js/tarteaucitron.services.js?v=20210422"></script><script id="" async="" src="https://statistiques.bibenligne.fr/piwik.js" defer="true"></script></head>

<body class="dp-opac dp-opac-user dp-opac-user-login "><div id="headers">
    <header class="container-fluid">
    </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://www.mediatheque.ville-montlouis-loire.fr/"><img class="img-responsive" src="https://www.mediatheque.ville-montlouis-loire.fr/data/www.mediatheque.ville-montlouis-loire.fr/application/layout/logo.png" alt="MONTLOUIS SUR LOIRE"></a>
        </div>
        <div class="collapse navbar-collapse sidebar-collapse">
            <ul class="nav navbar-nav sidebar-nav" data-smartmenus-id="17315996871858228">
                        <li class="dp-menu dp-menu-home">

        <!-- 
    block_type :  / 
    template_id : -->
<div class="btn_action">
  



  
  
</div>

        <a href="
                /" title="Accueil">
            <span class="dp-menu-icon">Accueil</span>
                    </a>

        
    </li>
        <li class="dp-menu dp-menu-200419">

        <!-- 
    block_type :  / 
    template_id : -->
<div class="btn_action">
  



  
  
</div>

        <a href="
                /infos-pratiques" title="Informations pratiques">
            <span class="dp-menu-icon">Informations pratiques</span>
                    </a>

        
    </li>
        <li class="dp-menu dp-menu-200429">

        <!-- 
    block_type :  / 
    template_id : -->
<div class="btn_action">
  



  
  
</div>

        <a href="
                https://www.mediatheque.ville-montlouis-loire.fr/opac/catalog/search?allfields%5B%5D=&amp;filtername=allfields" target="_blank" title="Catalogue">
            <span class="dp-menu-icon">Catalogue</span>
                    </a>

        
    </li>
        <li class="dp-menu dp-menu-200442">

        <!-- 
    block_type :  / 
    template_id : -->
<div class="btn_action">
  



  
  
</div>

        <a href="
                /au-programme" title="Animations">
            <span class="dp-menu-icon">Animations</span>
                    </a>

        
    </li>
        <li class="dp-menu dp-menu-200448">

        <!-- 
    block_type :  / 
    template_id : -->
<div class="btn_action">
  



  
  
</div>

        <a href="
                /numerique" title="Numérique">
            <span class="dp-menu-icon">Numérique</span>
                    </a>

        
    </li>
        <li class="dp-menu dp-menu-211965">

        <!-- 
    block_type :  / 
    template_id : -->
<div class="btn_action">
  



  
  
</div>

        <a href="
                /les-coups-de-coeur" title="Les coups de cœur ">
            <span class="dp-menu-icon">Les coups de cœur </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">
              <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://www.mediatheque.ville-montlouis-loire.fr/">
        <img class="img-responsive" src="https://www.mediatheque.ville-montlouis-loire.fr/data/www.mediatheque.ville-montlouis-loire.fr/application/layout/logo.png" alt="MONTLOUIS SUR LOIRE">      </a>
    </div>
    <ul class="nav navbar-nav navbar-right visible-sm visible-md" data-smartmenus-id="17315996871893608">
      <li>
  <a href="https://www.mediatheque.ville-montlouis-loire.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 id="low-vision"></li>

<!-- Lowvision button is inserted here on screens which resolution is above 768px-->


<li class="bg-nav-inverse">
      <a href="https://www.mediatheque.ville-montlouis-loire.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://www.mediatheque.ville-montlouis-loire.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 ui-autocomplete-input" 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>
              </div>
              <div class="input-group-btn" id="fast-search-actions">
                <button class="btn btn-link btn-search" data-toggle="tooltip" title="" data-placement="bottom" id="fast-search-btn-search" data-original-title="Lancer la recherche">
                  <i class="far fa fa-search"></i>
                </button>
                                  <button id="fast-search-news" type="button" class="btn btn-link btn-search dropdown-toggle hidden-xs" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                    <i class="fas fa fa-caret-down"></i>
                  </button>
                  <ul id="fast-search-news-dropdown" class="dropdown-menu dropdown-menu hidden-xs">
                    <li>
                      <button class="btn btn-link" type="submit">Rechercher partout</button>
                    </li>
                    <li>
                      <button class="btn btn-link" type="submit" name="specificField[]" value="newitem:&quot;T&quot;">Rechercher dans les nouveautés</button>
                    </li>
                  </ul>
                
                                                      <a class="btn btn-link" href="https://www.mediatheque.ville-montlouis-loire.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="" data-placement="bottom" type="button" data-original-title="Consulter l'aide de la recherche">
                    <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" data-smartmenus-id="17315996871906272">
          <li>
  <a href="https://www.mediatheque.ville-montlouis-loire.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>

<!-- Lowvision button is inserted here on screens which resolution is above 768px-->


<li class="bg-nav-inverse">
      <a href="https://www.mediatheque.ville-montlouis-loire.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" data-smartmenus-id="17315996871911494">
              <li class="dp-menu dp-menu-home">

        <!-- 
    block_type :  / 
    template_id : -->
<div class="btn_action">
  



  
  
</div>

        <a href="
                /" title="Accueil">
            <span class="dp-menu-icon">Accueil</span>
                    </a>

        
    </li>
        <li class="dp-menu dp-menu-200419">

        <!-- 
    block_type :  / 
    template_id : -->
<div class="btn_action">
  



  
  
</div>

        <a href="
                /infos-pratiques" title="Informations pratiques">
            <span class="dp-menu-icon">Informations pratiques</span>
                    </a>

        
    </li>
        <li class="dp-menu dp-menu-200429">

        <!-- 
    block_type :  / 
    template_id : -->
<div class="btn_action">
  



  
  
</div>

        <a href="
                https://www.mediatheque.ville-montlouis-loire.fr/opac/catalog/search?allfields%5B%5D=&amp;filtername=allfields" target="_blank" title="Catalogue">
            <span class="dp-menu-icon">Catalogue</span>
                    </a>

        
    </li>
        <li class="dp-menu dp-menu-200442">

        <!-- 
    block_type :  / 
    template_id : -->
<div class="btn_action">
  



  
  
</div>

        <a href="
                /au-programme" title="Animations">
            <span class="dp-menu-icon">Animations</span>
                    </a>

        
    </li>
        <li class="dp-menu dp-menu-200448">

        <!-- 
    block_type :  / 
    template_id : -->
<div class="btn_action">
  



  
  
</div>

        <a href="
                /numerique" title="Numérique">
            <span class="dp-menu-icon">Numérique</span>
                    </a>

        
    </li>
        <li class="dp-menu dp-menu-211965">

        <!-- 
    block_type :  / 
    template_id : -->
<div class="btn_action">
  



  
  
</div>

        <a href="
                /les-coups-de-coeur" title="Les coups de cœur ">
            <span class="dp-menu-icon">Les coups de cœur </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://www.mediatheque.ville-montlouis-loire.fr/">
        <img class="img-responsive" src="https://www.mediatheque.ville-montlouis-loire.fr/data/www.mediatheque.ville-montlouis-loire.fr/application/layout/logo.png" alt="MONTLOUIS SUR LOIRE">      </a>
              <a href="https://www.mediatheque.ville-montlouis-loire.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://www.mediatheque.ville-montlouis-loire.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://www.mediatheque.ville-montlouis-loire.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>

                              </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="" data-placement="bottom" type="submit" data-original-title="Lancer la recherche">
                  <i class="fas fa fa-search"></i>
                </button>
                                  <button id="fast-search-news" type="button" class="btn btn-link btn-search dropdown-toggle hidden-xs" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                    <i class="fas fa fa-caret-down"></i>
                  </button>
                  <ul id="fast-search-news-dropdown" class="dropdown-menu dropdown-menu hidden-xs">
                    <li>
                      <button class="btn btn-link" type="submit">Rechercher partout</button>
                    </li>
                    <li>
                      <button class="btn btn-link" type="submit" name="specificField[]" value="newitem:&quot;T&quot;">Rechercher dans les nouveautés</button>
                    </li>
                  </ul>
                                                                      <a class="btn btn-link" href="https://www.mediatheque.ville-montlouis-loire.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="" data-placement="bottom" type="button" data-original-title="Consulter l'aide de la recherche">
                    <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" data-smartmenus-id="1731599687192826">
              <li class="dp-menu dp-menu-home">

        <!-- 
    block_type :  / 
    template_id : -->
<div class="btn_action">
  



  
  
</div>

        <a href="
                /" title="Accueil">
            <span class="dp-menu-icon">Accueil</span>
                    </a>

        
    </li>
        <li class="dp-menu dp-menu-200419">

        <!-- 
    block_type :  / 
    template_id : -->
<div class="btn_action">
  



  
  
</div>

        <a href="
                /infos-pratiques" title="Informations pratiques">
            <span class="dp-menu-icon">Informations pratiques</span>
                    </a>

        
    </li>
        <li class="dp-menu dp-menu-200429">

        <!-- 
    block_type :  / 
    template_id : -->
<div class="btn_action">
  



  
  
</div>

        <a href="
                https://www.mediatheque.ville-montlouis-loire.fr/opac/catalog/search?allfields%5B%5D=&amp;filtername=allfields" target="_blank" title="Catalogue">
            <span class="dp-menu-icon">Catalogue</span>
                    </a>

        
    </li>
        <li class="dp-menu dp-menu-200442">

        <!-- 
    block_type :  / 
    template_id : -->
<div class="btn_action">
  



  
  
</div>

        <a href="
                /au-programme" title="Animations">
            <span class="dp-menu-icon">Animations</span>
                    </a>

        
    </li>
        <li class="dp-menu dp-menu-200448">

        <!-- 
    block_type :  / 
    template_id : -->
<div class="btn_action">
  



  
  
</div>

        <a href="
                /numerique" title="Numérique">
            <span class="dp-menu-icon">Numérique</span>
                    </a>

        
    </li>
        <li class="dp-menu dp-menu-211965">

        <!-- 
    block_type :  / 
    template_id : -->
<div class="btn_action">
  



  
  
</div>

        <a href="
                /les-coups-de-coeur" title="Les coups de cœur ">
            <span class="dp-menu-icon">Les coups de cœur </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":"2184","did":"1024","name":"Public","types":"news"},{"lid":"2186","did":"1024","name":"Type d'animations","types":"news"},{"lid":"2276","did":"1024","name":"Acc\u00e8s","types":"news"}];
    // 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 id="page" class="container login-page">
  <h2><i class="fas fa fa-user"></i> Connexion abonné</h2>
  <!-- France Connect -->
    <!-- Connexion -->
  <div class="thumbnail" id="1629327822">
    <!-- Compte abonné + Connexion en tant que gestionnaire + mot de passe oublié -->
    <div class="account">
      <h3>
                  Se connecter avec mon compte abonné              </h3>
      <div class="caption">
        
        
        <form class="form-vertical" enctype="application/x-www-form-urlencoded" action="" method="post">
<div class="form-group"><label for="username" class="required">Identifiant</label>
<div class="input-group" style=""><span class="input-group-addon"><i class="fas fa fa-user fa-fw"></i></span><input type="text" value="" id="username" class="form-control  " placeholder="" name="username"><span class="input-group-btn"><button type="button" class="btn btn-default popover-dismiss" data-container="body" data-toggle="popover" data-content="Votre identifiant peut être votre numéro de compte abonné, votre nom d'utilisateur ou votre adresse e-mail." title="" data-original-title="Aide">
            <i class="fas fa fa-question-circle fa-fw"></i>
        </button></span></div></div>
<div class="form-group"><label for="password" class="required">Mot de passe</label>
<div class="input-group" style=""><span class="input-group-addon"><i class="fas fa fa-lock fa-fw"></i></span><input type="password" value="" id="password" class="form-control  " placeholder="" name="password"><span class="input-group-btn"><button type="button" class="btn btn-default popover-dismiss show-hide-password" onclick="togglePasswordField(this)" data-container="body" data-toggle="popover" data-content="Cliquez pour afficher ou cacher votre mot de passe." title="" data-original-title="Information">
            <i class="fas fa fa-eye fa-fw"></i>
        </button></span></div></div>

<input type="hidden" name="oidc_sub" value="" id="oidc_sub"><div id="g-recaptcha"><div style="width: 304px; height: 78px;"><div><iframe title="reCAPTCHA" width="304" height="78" role="presentation" name="a-ns30lzg58g3m" frameborder="0" scrolling="no" sandbox="allow-forms allow-popups allow-same-origin allow-scripts allow-top-navigation allow-modals allow-popups-to-escape-sandbox allow-storage-access-by-user-activation" src="https://www.google.com/recaptcha/api2/anchor?ar=1&amp;k=6Le_E1wUAAAAADm6KpCc8slda2OM3HPY0OE4n73m&amp;co=aHR0cHM6Ly93d3cubWVkaWF0aGVxdWUudmlsbGUtbW9udGxvdWlzLWxvaXJlLmZyOjQ0Mw..&amp;hl=en&amp;v=-ZG7BC9TxCVEbzIO2m429usb&amp;size=normal&amp;cb=d4ve8nxmkfmj"></iframe></div><textarea id="g-recaptcha-response" name="g-recaptcha-response" class="g-recaptcha-response" style="width: 250px; height: 40px; border: 1px solid rgb(193, 193, 193); margin: 10px 25px; padding: 0px; resize: none; display: none;"></textarea></div><iframe style="display: none;"></iframe></div>
<div class="form-group"><input type="hidden" id="g-recaptcha-response" name="g-recaptcha-response">
                <input type="hidden" name="action" value="validate_captcha"></div>

<input type="submit" name="send" id="send" value="Se connecter" class="btn btn-primary">

<input type="submit" name="cancel" id="cancel" value="Annuler" class="btn btn-default">

<input type="hidden" name="referer" value="" id="referer"></form>      </div>
                        <div class="well well-large">
            <a href="https://www.mediatheque.ville-montlouis-loire.fr/opac/user/lostpassword" class="btn btn-default">Mot de passe oublié ?</a>
            <a href="https://www.mediatheque.ville-montlouis-loire.fr/user/login?referer=" class="btn btn-link pull-right">
              <i class="fas fa fa-cogs"></i> <small>Je suis un gestionnaire</small>
            </a>
          </div>
                  </div>
    <!-- Autres types de compte : desktop -->
                </div>
  <!-- Autres types de compte : mobile -->
        </div>


      <script>
      document.getElementById('send').disabled=true;
      var onloadCaptchaCallback = function() {
          $("#oidc_sub").after('<div id="g-recaptcha"></div>');
          grecaptcha.render('g-recaptcha', {
              'sitekey' : "6Le_E1wUAAAAADm6KpCc8slda2OM3HPY0OE4n73m"
          });
          document.getElementById('send').disabled=false;
      };

      $("form").submit(function() {
        $(this).find("input[name='g-recaptcha-response']").remove();
      });
    </script>
    <script src="https://www.google.com/recaptcha/api.js?onload=onloadCaptchaCallback&amp;render=explicit" async="" defer="">
    </script>
  
        <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>        <!-- public\layout\blocks\footer.phtml -->
<footer class="footer position-relative">
        <div class="row three-col">
<div class="col-md-4 col-1">
<p style="text-align:right"><br>
<span style="color:#ffffff"><span style="color:#ffffff"><strong>Mardi : </strong>14h&nbsp;- 19h&nbsp;&nbsp;<br>
<strong>Mercredi :&nbsp;</strong>10h - 18h&nbsp;<br>
<strong>Vendredi : </strong>14h&nbsp;- 19h&nbsp;&nbsp;<br>
<strong>Samedi :&nbsp;</strong>10h - 13h et 14h -18h&nbsp;&nbsp;</span></span></p>
</div>

<p>&nbsp;</p>

<div class="col-md-4 col-2">
<p style="text-align:center"><span style="color:#ffffff">6 Rue Jean-Jacques Rousseau,<br>
37270 Montlouis-sur-Loire<br>
02 47 45 00 42</span></p>
</div>

<div class="col-md-4 col-3">
<p><a href="https://fr-fr.facebook.com/pages/category/Library/M%C3%A9diath%C3%A8que-St%C3%A9phane-Hessel-549974318366152/" target="_blank"><img alt="Logo facebook" class="img-responsive center-block" height="83" src="https://www.mediatheque.ville-montlouis-loire.fr/vendors/richfilemanager/connectors/php/filemanager.php?mode=readfile&amp;path=%2FMISE_EN_PAGE%2Flogo_facebook_blanc.png&amp;time=1604658033836" style="float:left" width="83"></a></p>

<p>&nbsp;</p>
</div>
</div>

<p style="text-align: center;"><a href="https://www.mediatheque.ville-montlouis-loire.fr/mentions-legales" target="_self"><span style="color:#66cccc;">&nbsp;Crédits et mentions légales</span></a><span style="color:#66cccc;">&nbsp;–</span><a href="https://www.mediatheque.ville-montlouis-loire.fr/accessibilite-et-aide-a-la-navigation"><span style="color:#66cccc;">&nbsp;Accessibilité et aide à la navigation</span></a></p>
        <div class="container">
                <div class="row">
                  <div class="col-md-12 text-center">
                    <span id="version">
                        © Decalog 2024 | 2.26.37
                        <br>
                        <!-- <a href="http://www.decalog.net/fr/portail-documentaire/" target="_blank">Développement Conception et Hébergement par Decalog</a> -->
                    </span>
                </div>
                  <div class="col-md-12 text-center">
                      <small class="footer-links">
                          <a href="https://www.mediatheque.ville-montlouis-loire.fr/sitemap">Plan du site</a>
                      </small>
                  </div>
                <div class="col-md-12 text-center">
                    <small class="footer-links">
                        <a href="2.26.37
"></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="text/javascript" src="https://www.mediatheque.ville-montlouis-loire.fr/resources/cache-script.js?v=14112024"></script>

<script type="text/javascript" src="https://www.mediatheque.ville-montlouis-loire.fr/vendors/decalog/opac/js/script.js?v=2.19"></script>
    <script type="text/javascript" src="https://www.mediatheque.ville-montlouis-loire.fr/theme/model/modern/script.js?v=2.19"></script>

    <script type="text/javascript" src="https://www.mediatheque.ville-montlouis-loire.fr/theme/pattern/snow/script.js?v=2.19"></script>


<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->


<!-- #Form validation alert# -->
<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>

    <!-- #Google analytics# -->
    <script>
       onConsentsLoaded(function () {
            tarteaucitron.user.gtagUa = 'UA-42051465-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>

    <!-- #piwik analytics# -->
    <script type="text/javascript">
    onConsentsLoaded(function () {
        tarteaucitron.user.matomoHost = 'https://statistiques.bibenligne.fr/';
        tarteaucitron.user.matomoId = '3845';
        (tarteaucitron.job = tarteaucitron.job || []).push('matomo');
    });
</script>
<!-- #Orange-Confort-plus# -->
<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>





<ul id="ui-id-1" tabindex="0" class="ui-menu ui-widget ui-widget-content ui-autocomplete ui-front" style="display: none;"></ul><div role="status" aria-live="assertive" aria-relevant="additions" class="ui-helper-hidden-accessible"></div><div id="tarteaucitronRoot" class="tarteaucitronBeforeVisible"><div id="tarteaucitronPremium"></div><button type="button" id="tarteaucitronBack" aria-label="Close"></button><div id="tarteaucitron" role="dialog" aria-labelledby="dialogTitle">   <button type="button" id="tarteaucitronClosePanel">       Close   </button>   <div id="tarteaucitronServices">      <div class="tarteaucitronLine tarteaucitronMainLine" id="tarteaucitronMainLineOffset">         <span class="tarteaucitronH1" role="heading" aria-level="1" id="dialogTitle">Cookies management panel</span>         <div id="tarteaucitronInfo">         By allowing these third party services, you accept their cookies and the use of tracking technologies necessary for their proper functioning.         </div>         <div class="tarteaucitronName">            <span class="tarteaucitronH2" role="heading" aria-level="2">Preference for all services</span>         </div>         <div class="tarteaucitronAsk" id="tarteaucitronScrollbarAdjust">            <button type="button" id="tarteaucitronAllAllowed" class="tarteaucitronAllow">               <span class="tarteaucitronCheck"></span> Allow all cookies            </button>             <button type="button" id="tarteaucitronAllDenied" class="tarteaucitronDeny">               <span class="tarteaucitronCross"></span> Deny all cookies            </button>         </div>      </div>      <div class="tarteaucitronBorder">         <div class="clear"></div><ul><li id="tarteaucitronServicesTitle_mandatory"><div class="tarteaucitronTitle">   <button type="button" tabindex="-1"><span class="tarteaucitronPlus"></span> Mandatory cookies</button></div><ul id="tarteaucitronServices_mandatory"><li class="tarteaucitronLine">   <div class="tarteaucitronName">       <span class="tarteaucitronH3" role="heading" aria-level="3">This site uses cookies necessary for its proper functioning which cannot be deactivated.</span>       <span class="tarteaucitronListCookies"></span><br>   </div>   <div class="tarteaucitronAsk">       <button type="button" class="tarteaucitronAllow" tabindex="-1" disabled="">           <span class="tarteaucitronCheck"></span> Allow       </button>        <button type="button" class="tarteaucitronDeny" style="visibility:hidden" tabindex="-1">           <span class="tarteaucitronCross"></span> Deny       </button>    </div></li></ul></li>         <li id="tarteaucitronServicesTitle_api" class="tarteaucitronHidden">            <div class="tarteaucitronTitle">               <button type="button" class="catToggleBtn" data-cat="tarteaucitronDetailsapi" data-index="0"><span class="tarteaucitronPlus"></span> APIs</button>            </div>            <div id="tarteaucitronDetailsapi" class="tarteaucitronDetails tarteaucitronInfoBox">               APIs are used to load scripts: geolocation, search engines, translations, ...            </div>         <ul id="tarteaucitronServices_api"></ul></li>         <li id="tarteaucitronServicesTitle_ads" class="tarteaucitronHidden">            <div class="tarteaucitronTitle">               <button type="button" class="catToggleBtn" data-cat="tarteaucitronDetailsads" data-index="1"><span class="tarteaucitronPlus"></span> Advertising network</button>            </div>            <div id="tarteaucitronDetailsads" class="tarteaucitronDetails tarteaucitronInfoBox">               Ad networks can generate revenue by selling advertising space on the site.            </div>         <ul id="tarteaucitronServices_ads"></ul></li>         <li id="tarteaucitronServicesTitle_analytic" class="tarteaucitronHidden" style="display: block;">            <div class="tarteaucitronTitle">               <button type="button" class="catToggleBtn" data-cat="tarteaucitronDetailsanalytic" data-index="2"><span class="tarteaucitronPlus"></span> Audience measurement</button>            </div>            <div id="tarteaucitronDetailsanalytic" class="tarteaucitronDetails tarteaucitronInfoBox">               The audience measurement services used to generate useful statistics attendance to improve the site.            </div>         <ul id="tarteaucitronServices_analytic"><li id="gtagLine" class="tarteaucitronLine">   <div class="tarteaucitronName">       <span class="tarteaucitronH3" role="heading" aria-level="3">Google Analytics (gtag.js) (<span id="tacCurrentStatusgtag">disallowed</span>)</span>       <span id="tacCLgtag" class="tarteaucitronListCookies">This service can install 10 cookies.</span><br>       <a href="/readme" target="_blank" rel="noreferrer noopener nofollow" title="Cookie detail for Google Analytics (gtag.js) on our site (new window)" class="tarteaucitronReadmoreInfo">           Read more       </a>       <span class="tarteaucitronReadmoreSeparator"> - </span>       <a href="https://policies.google.com/privacy" target="_blank" rel="noreferrer noopener" title="Google Analytics (gtag.js) (new window)" class="tarteaucitronReadmoreOfficial">           View the official website       </a>   </div>   <div class="tarteaucitronAsk">       <button type="button" id="gtagAllowed" class="tarteaucitronAllow">           <span class="tarteaucitronCheck"></span> Allow       </button>        <button type="button" id="gtagDenied" class="tarteaucitronDeny">           <span class="tarteaucitronCross"></span> Deny       </button>   </div></li><li id="matomoLine" class="tarteaucitronLine tarteaucitronIsAllowed">   <div class="tarteaucitronName">       <span class="tarteaucitronH3" role="heading" aria-level="3">Matomo (privacy by design) (<span id="tacCurrentStatusmatomo">allowed</span>)</span>       <span id="tacCLmatomo" class="tarteaucitronListCookies">This service has installed 2 cookies.</span><br>       <a href="/readme" target="_blank" rel="noreferrer noopener nofollow" title="Cookie detail for Matomo (privacy by design) on our site (new window)" class="tarteaucitronReadmoreInfo">           Read more       </a>       <span class="tarteaucitronReadmoreSeparator"> - </span>       <a href="https://matomo.org/faq/general/faq_146/" target="_blank" rel="noreferrer noopener" title="Matomo (privacy by design) (new window)" class="tarteaucitronReadmoreOfficial">           View the official website       </a>   </div>   <div class="tarteaucitronAsk">       <button type="button" id="matomoAllowed" class="tarteaucitronAllow">           <span class="tarteaucitronCheck"></span> Allow       </button>        <button type="button" id="matomoDenied" class="tarteaucitronDeny">           <span class="tarteaucitronCross"></span> Deny       </button>   </div></li></ul></li>         <li id="tarteaucitronServicesTitle_comment" class="tarteaucitronHidden">            <div class="tarteaucitronTitle">               <button type="button" class="catToggleBtn" data-cat="tarteaucitronDetailscomment" data-index="3"><span class="tarteaucitronPlus"></span> Comments</button>            </div>            <div id="tarteaucitronDetailscomment" class="tarteaucitronDetails tarteaucitronInfoBox">               Comments managers facilitate the filing of comments and fight against spam.            </div>         <ul id="tarteaucitronServices_comment"></ul></li>         <li id="tarteaucitronServicesTitle_other" class="tarteaucitronHidden" style="display: block;">            <div class="tarteaucitronTitle">               <button type="button" class="catToggleBtn" data-cat="tarteaucitronDetailsother" data-index="4"><span class="tarteaucitronPlus"></span> Other</button>            </div>            <div id="tarteaucitronDetailsother" class="tarteaucitronDetails tarteaucitronInfoBox">               Services to display web content.            </div>         <ul id="tarteaucitronServices_other"><li id="orangeconfortplusLine" class="tarteaucitronLine">   <div class="tarteaucitronName">       <span class="tarteaucitronH3" role="heading" aria-level="3">Orange Confort+ (<span id="tacCurrentStatusorangeconfortplus">disallowed</span>)</span>       <span id="tacCLorangeconfortplus" class="tarteaucitronListCookies">This service can install 2 cookies.</span><br>       <a href="/readme" target="_blank" rel="noreferrer noopener nofollow" title="Cookie detail for Orange Confort+ on our site (new window)" class="tarteaucitronReadmoreInfo">           Read more       </a>       <span class="tarteaucitronReadmoreSeparator"> - </span>       <a href="https://confort-plus.orange.com/help/help_fr.html#privacy" target="_blank" rel="noreferrer noopener" title="Orange Confort+ (new window)" class="tarteaucitronReadmoreOfficial">           View the official website       </a>   </div>   <div class="tarteaucitronAsk">       <button type="button" id="orangeconfortplusAllowed" class="tarteaucitronAllow">           <span class="tarteaucitronCheck"></span> Allow       </button>        <button type="button" id="orangeconfortplusDenied" class="tarteaucitronDeny">           <span class="tarteaucitronCross"></span> Deny       </button>   </div></li></ul></li>         <li id="tarteaucitronServicesTitle_social" class="tarteaucitronHidden">            <div class="tarteaucitronTitle">               <button type="button" class="catToggleBtn" data-cat="tarteaucitronDetailssocial" data-index="5"><span class="tarteaucitronPlus"></span> Social networks</button>            </div>            <div id="tarteaucitronDetailssocial" class="tarteaucitronDetails tarteaucitronInfoBox">               Social networks can improve the usability of the site and help to promote it via the shares.            </div>         <ul id="tarteaucitronServices_social"></ul></li>         <li id="tarteaucitronServicesTitle_support" class="tarteaucitronHidden">            <div class="tarteaucitronTitle">               <button type="button" class="catToggleBtn" data-cat="tarteaucitronDetailssupport" data-index="6"><span class="tarteaucitronPlus"></span> Support</button>            </div>            <div id="tarteaucitronDetailssupport" class="tarteaucitronDetails tarteaucitronInfoBox">               Support services allow you to get in touch with the site team and help to improve it.            </div>         <ul id="tarteaucitronServices_support"></ul></li>         <li id="tarteaucitronServicesTitle_video" class="tarteaucitronHidden" style="display: block;">            <div class="tarteaucitronTitle">               <button type="button" class="catToggleBtn" data-cat="tarteaucitronDetailsvideo" data-index="7"><span class="tarteaucitronPlus"></span> Videos</button>            </div>            <div id="tarteaucitronDetailsvideo" class="tarteaucitronDetails tarteaucitronInfoBox">               Video sharing services help to add rich media on the site and increase its visibility.            </div>         <ul id="tarteaucitronServices_video"><li id="dailymotionLine" class="tarteaucitronLine">   <div class="tarteaucitronName">       <span class="tarteaucitronH3" role="heading" aria-level="3">Dailymotion (<span id="tacCurrentStatusdailymotion">disallowed</span>)</span>       <span id="tacCLdailymotion" class="tarteaucitronListCookies">This service can install 5 cookies.</span><br>       <a href="/readme" target="_blank" rel="noreferrer noopener nofollow" title="Cookie detail for Dailymotion on our site (new window)" class="tarteaucitronReadmoreInfo">           Read more       </a>       <span class="tarteaucitronReadmoreSeparator"> - </span>       <a href="https://www.dailymotion.com/legal/privacy" target="_blank" rel="noreferrer noopener" title="Dailymotion (new window)" class="tarteaucitronReadmoreOfficial">           View the official website       </a>   </div>   <div class="tarteaucitronAsk">       <button type="button" id="dailymotionAllowed" class="tarteaucitronAllow">           <span class="tarteaucitronCheck"></span> Allow       </button>        <button type="button" id="dailymotionDenied" class="tarteaucitronDeny">           <span class="tarteaucitronCross"></span> Deny       </button>   </div></li><li id="youtubeLine" class="tarteaucitronLine">   <div class="tarteaucitronName">       <span class="tarteaucitronH3" role="heading" aria-level="3">YouTube (<span id="tacCurrentStatusyoutube">disallowed</span>)</span>       <span id="tacCLyoutube" class="tarteaucitronListCookies">This service can install 4 cookies.</span><br>       <a href="/readme" target="_blank" rel="noreferrer noopener nofollow" title="Cookie detail for YouTube on our site (new window)" class="tarteaucitronReadmoreInfo">           Read more       </a>       <span class="tarteaucitronReadmoreSeparator"> - </span>       <a href="https://policies.google.com/privacy" target="_blank" rel="noreferrer noopener" title="YouTube (new window)" class="tarteaucitronReadmoreOfficial">           View the official website       </a>   </div>   <div class="tarteaucitronAsk">       <button type="button" id="youtubeAllowed" class="tarteaucitronAllow">           <span class="tarteaucitronCheck"></span> Allow       </button>        <button type="button" id="youtubeDenied" class="tarteaucitronDeny">           <span class="tarteaucitronCross"></span> Deny       </button>   </div></li><li id="youtubeplaylistLine" class="tarteaucitronLine">   <div class="tarteaucitronName">       <span class="tarteaucitronH3" role="heading" aria-level="3">YouTube (playlist) (<span id="tacCurrentStatusyoutubeplaylist">disallowed</span>)</span>       <span id="tacCLyoutubeplaylist" class="tarteaucitronListCookies">This service can install 4 cookies.</span><br>       <a href="/readme" target="_blank" rel="noreferrer noopener nofollow" title="Cookie detail for YouTube (playlist) on our site (new window)" class="tarteaucitronReadmoreInfo">           Read more       </a>       <span class="tarteaucitronReadmoreSeparator"> - </span>       <a href="https://policies.google.com/privacy" target="_blank" rel="noreferrer noopener" title="YouTube (playlist) (new window)" class="tarteaucitronReadmoreOfficial">           View the official website       </a>   </div>   <div class="tarteaucitronAsk">       <button type="button" id="youtubeplaylistAllowed" class="tarteaucitronAllow">           <span class="tarteaucitronCheck"></span> Allow       </button>        <button type="button" id="youtubeplaylistDenied" class="tarteaucitronDeny">           <span class="tarteaucitronCross"></span> Deny       </button>   </div></li></ul></li>             <li id="tarteaucitronNoServicesTitle" class="tarteaucitronLine" style="display: none;">This website does not use any cookie requiring your consent.</li>         </ul>         <div class="tarteaucitronHidden tarteaucitron-spacer-20" id="tarteaucitronScrollbarChild"></div>       </div>   </div></div><div tabindex="-1" id="tarteaucitronAlertBig" class="tarteaucitronAlertBigBottom" style="display: block; opacity: 1;">   <span id="tarteaucitronDisclaimerAlert">       This site uses cookies and gives you control over what you want to activate   </span>   <button type="button" class="tarteaucitronCTAButton tarteaucitronAllow" id="tarteaucitronPersonalize2">       <span class="tarteaucitronCheck"></span> OK, accept all   </button>   <button type="button" class="tarteaucitronCTAButton tarteaucitronDeny" id="tarteaucitronAllDenied2">       <span class="tarteaucitronCross"></span> Deny all cookies   </button>   <button type="button" id="tarteaucitronCloseAlert">       Personalize   </button></div><div id="tarteaucitronPercentage" style="display: block;"></div><div id="tarteaucitronIcon" class="tarteaucitronIconBottomRight" style="display: none;">   <button type="button" id="tarteaucitronManager">       <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAGA0lEQVRoge1a207bWBRdBtJwLYZhKDMVmlSK1LxNkPo+ZH6g8B6p5AuALwC+APoFoVLeoT8whPeRSt+CZKmZVu3AiIsRlEtCktGyjy8xzuXYhvahS0JJHJ/4rLP3XnuffcAPfGdQ7mM6jRLSAF4BxqsbewB2lRS2o35mpEQaJcwCyANIdLi1DGBNSWEzqmdHRqRRwjqAJclhtExOSUEP+/xIiDRKhhUWfL7ShTtBuJnqcw+/z4Ql0xNmMEwSSz4kuNIzSgpjSsqYJP/GeE185wYJroedRyiLNEpGLLzzrHSuk+83SgbxvOcyyRaDziWsRVZkSRDinpzPbwVGWIucuohsKynMS47fAQyls/BMSRmKJo3AFhG5wm2N1wF+Zs3zebbFfR0RxrXcJHQlgH+LMW616pR/WiIMEXfW3mtzXyeEGWsjKot8c4TOI98L+iKaR5PS6IUk88RLAO9F8UjrbYoYMOosNavpfmODIiwRXRR/G3ohaWVo1RU/c30jV8ab2mV8qVGzHWBOLyTLZiWs5Rolg/C3ySOi0tXP/k4aEwOwSBKPJs7Rp16ABJTe+p1xVX0It/owqqdDEMRoqd3RFxqDPh20Ig6VEPVC0i5RSCD+6wl6HlW7GksSlUMV11/GrUs5NasFLusDE9ELSVphXemtJwaT/8JyIRvxNNCfBmIiNdR04LII3DSrbe0yjqvyJF/ppptqVlt+MCLCEh/oOkPPP6N38Mb5cnQBGFsEqmXg5j3QMwoMzwGnr4HYbybBq13gZAOom/FO63zdf2qQArCsZrUN2TlJy69eSDKYV+6Q4MpP75ivHzPA53ngaBW4eGuSOt0A/lsGPmXMz0+3TFJcTfFbPfFbfnwlhON+iQhlWmA82CQ4ocQ7c6KcfL3DHuls0yT6Sx4YnLXJDCQOIRRv5yGIJBgP8Sdisj2qubpc5UGJmo+W49ifVmzL8HcpGhQPvZCUKiCliIhEN0tr2OCqHuSA8gwQ/92MkU7gxEmeVqGrTTgpxPXbUrtGWYus0I9thRIraagRQUIDf7Qn4yZhKRiFQIyhfMfUr3yblokVWSJ6k8xSnc7eNN/RjowfCYiFoDUFer1S3gW6JiJ8Nt30EMbEhU+vzSIztuRYjRLsR8IHLjlf7HZ+MrWWEXxNmbvapt4jGSqZRYSkGUetSNTPzHsui5YMQ2ajJUNks6mw4wT54Ok2ShnzzIPCUGshzawCRKy5FqvrTZe0RWzQGvw79m67XZjKmxJrLsICjtZa55gxXy+6F4sYsEtxTqhXdRTLC8ulSDaWoCLsolfN+8YUhOsJV709H7Cudr0LlVEtzqBcN+shEyThdR941OnAbF8pirKJqXyupTRTtQSReiVmXW1j7oBErB0d9xM2WEd5J9ZKYtuR4WKwwBSoORbpGrJ5ZI9lt71irJmGX1px0JYE26uNErawr2zfIcP4OHEKXm66PA3wjpCNEfpJunI4muifPjKvsFCkGjExTq63yxMJsZNMYF/J4HmDC5A3Yq36jy0ClePHVhwuu/b1HSFlEfHD5ZtD1bEK44Qu1mWys6tbWmZyPWckzlPTGiRw/XHCuk+q4Rek+mVrVL/UppwrdDEGNV2kpyuhccgc5Oxm9vWnn+19vJrVpLor0kTUrGacMplb1CfOFyTD4o9uNrHqr2Z+ZMSp1c2XcVSORnh9Q81q3k599ETgkNnjg0nGzi10K7rX+bZpHbrblPcY5A4Zxk2xcjzCvTpd9027Aa0QtouyyrKFRR6D/04DwkFGvHPXM3Qda/Jb4nPgI7hQLVM1q5HIBt2MzQNa57Z1DiiLAGa5Mi+O4Sz3Mpp6laPHO6InII3ITnX1QtI+EOX+m9ZxleOZ/j9PiuKoLi3aqXPuEoSye/Vhkm+LalbLtHhMS0R6zu7aZ3vP2jOjL7QVv4McxhcDnZIelAQibGIbULOapf3PuE1Vs9qeaOTdkVKr00gCQiw4NlBzDvf1Lxx+uP5r3Dgv5KQZRzWn+GRwz8jmDS8itUg7iB6vLuJCF5Uty4A9mVKkFR6MiJDachST/oHvHgD+B4SoUIitpF05AAAAAElFTkSuQmCC" alt="Cookies" title="Cookies">   </button></div></div><div style="background-color: rgb(255, 255, 255); border: 1px solid rgb(204, 204, 204); box-shadow: rgba(0, 0, 0, 0.2) 2px 2px 3px; position: absolute; transition: visibility 0s linear 0.3s, opacity 0.3s linear 0s; opacity: 0; visibility: hidden; z-index: 2000000000; left: 0px; top: -10000px;"><div style="width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; z-index: 2000000000; background-color: rgb(255, 255, 255); opacity: 0.05;"></div><div class="g-recaptcha-bubble-arrow" style="border: 11px solid transparent; width: 0px; height: 0px; position: absolute; pointer-events: none; margin-top: -11px; z-index: 2000000000;"></div><div class="g-recaptcha-bubble-arrow" style="border: 10px solid transparent; width: 0px; height: 0px; position: absolute; pointer-events: none; margin-top: -10px; z-index: 2000000000;"></div><div style="z-index: 2000000000; position: relative;"><iframe title="recaptcha challenge expires in two minutes" name="c-ns30lzg58g3m" frameborder="0" scrolling="no" sandbox="allow-forms allow-popups allow-same-origin allow-scripts allow-top-navigation allow-modals allow-popups-to-escape-sandbox allow-storage-access-by-user-activation" src="https://www.google.com/recaptcha/api2/bframe?hl=en&amp;v=-ZG7BC9TxCVEbzIO2m429usb&amp;k=6Le_E1wUAAAAADm6KpCc8slda2OM3HPY0OE4n73m" style="width: 100%; height: 100%;"></iframe></div></div></body></html>