CINXE.COM

<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <link type="image/vnd.microsoft.icon" href="/var/static-content/picture/favicon.png" rel="shortcut icon"><link rel="icon" href="/var/static-content/picture/favicon.png" /> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="width=device-width, initial-scale=1">  <title>Phototh猫que Institut Pasteur</title> <meta name="description" content=""> <meta name="author" content="">  <link href="/themes/legacy/css/legacy.min.css" rel="stylesheet" /> <link href="/themes/legacy/css/legacy-theme.min.css" rel="stylesheet" />  <link rel="stylesheet" href="/themes/legacy/splash/css/global.css?t=05-02-2025" /> <script src="/themes/legacy/js/legacy.js" defer type="text/javascript"></script> <script src="/themes/legacy/splash/js/global.js?t=05-02-2025" defer></script> <style>:root{ /* CORRECTION TYPO */ --primary-color: #000000; --primary-color-filter: invert(30%) sepia(0%) saturate(0%) hue-rotate(134deg) brightness(91%) contrast(98%); --primary-color-filter-inversed: ; --primary-color-text: #000; --secondary_color_text: #000; --secondary-color: #fff; --btn-inactive: invert(0%) sepia(100%) saturate(17%) hue-rotate(330deg) brightness(87%) contrast(100%);; --btn-active: invert(0%) sepia(100%) saturate(17%) hue-rotate(330deg) brightness(87%) contrast(100%);; --panel-primary-color: #fff; --panel-second-color-active: #f6f6f6; --panel-hover-color: #000000; --title-panel: #000000; --icon-title-inactive: invert(30%) sepia(0%) saturate(0%) hue-rotate(134deg) brightness(91%) contrast(98%);; --icon-title-active: invert(100%) sepia(12%) saturate(7500%) hue-rotate(179deg) brightness(110%) contrast(110%);; --btn-size-color-active: invert(73%) sepia(0%) saturate(11%) hue-rotate(140deg) brightness(93%) contrast(94%); --btn-size-color-inactive: invert(100%) sepia(70%) saturate(0%) hue-rotate(148deg) brightness(108%) contrast(100%); --btn-theater-active: invert(100%) sepia(0%) saturate(7494%) hue-rotate(306deg) brightness(102%) contrast(101%); --btn-theater-inactive: invert(0%) sepia(100%) saturate(17%) hue-rotate(330deg) brightness(87%) contrast(100%);; } body { background:white; } header a { color:#DDD; } header a:hover, header a:focus { color:#777; } header .navbar .dropdown-menu>.active>a { color:white; background:#434343; } /* dropdown */ .dropdown.tri.open .dropdown-toggle{ background:#fff; } .dropdown.tri.open .dropdown-toggle *{ color:#000; } .dropdown.tri .dropdown-menu .active a{ color:#fff; background:var(--primary-color); } .dropdown.tri .dropdown-menu a{ color:#000; background:#fff; } .dropdown.tri .dropdown-menu a:hover, .dropdown.tri .dropdown-menu a:focus{ color:#000; background:gray; } /* /dropdown */ body>.container { background:white; color:#666; } body>.container a { color: #999; } body>.container a:hover, body>.container a:focus { color:#434343; } footer { color:#767676; background: var(--primary-color); } footer a { color:#ffffff; } footer a:focus, footer a:hover { color:#97999B; } /* Tooltip */ /***********/ .result-container .grid-container .tile .grid-tooltip { background:#FFF; color:#000; } .result-container .grid-container .tile.tooltip-visible { border-color:#FFF; } .result-container .grid-container .tile .grid-tooltip a { color:#000000; } a { color:#000000; } a:focus, a:hover { color:#000000; opacity: 0.9; } .rebound{ color:#000000!important; } .rebound:focus, .rebound:hover { color:#000000!important; opacity: 0.9; } .result-container .grid-container .tile .grid-tooltip a:hover, .result-container .grid-container .tile .grid-tooltip a:focus { color:#97999B; } /* Theatre */ /***********/ .theater-container .panel-container { background:#a7145a; color:#000; } .theater-container .panel-container a { color:#434343; } .theater-container .panel-container a:hover, .theater-container .panel-container a:focus { color:#434343; } /* Pagination */ /**************/ ul.pagination { border-radius:4px; } .pagination > li > a, .pagination > li > span { color:#434343; background:#FFF; border-color:#eeeeee; } .pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover { color:#FFF; background:#434343; border-color:#434343; } .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover { z-index:0; color:#FFF; background:#434343; border-color:#434343; } /* Onglets de l'arbo */ /*********************/ #sidebar-container ul.nav-tabs > li > a, #sidebar-container ul.nav-tabs.nav-justified > li > a { color:#434343; background:none; border:0; border-radius:0 0 0 0; border-color:none; } #sidebar-container ul.nav-tabs > li > a:hover, #sidebar-container ul.nav-tabs > li > a:focus, #sidebar-container ul.nav-tabs > li.active > a, #sidebar-container ul.nav-tabs > li.active > a:hover, #sidebar-container ul.nav-tabs > li.active > a:focus, #sidebar-container ul.nav-tabs.nav-justified > li > a:hover, #sidebar-container ul.nav-tabs.nav-justified > li > a:focus, #sidebar-container ul.nav-tabs.nav-justified > li.active > a, #sidebar-container ul.nav-tabs.nav-justified > li.active > a:hover, #sidebar-container ul.nav-tabs.nav-justified > li.active > a:focus { color:#434343; background:none; border-color:none; } /* Arborescence */ /****************/ #sidebar-container .list-group-container>.list-group:first-child>.list-group-item:first-child { border-top-left-radius:6px; border-top-right-radius:6px; } #sidebar-container .list-group-container>.list-group>.list-group-item:last-child { border-bottom-left-radius:0px; border-bottom-right-radius:0px; } #sidebar-container .list-group-item, #sidebar-container .list-group.multi-level .list-group-item li.list-group-item { border-color:#434343; margin-bottom: 0; } #sidebar-container .list-group-item, #sidebar-container .list-group-item > a, #sidebar-container .list-group-item > span, #sidebar-container .list-group .list-group-item.active .list-group-item, #sidebar-container .list-group .list-group-item.active .list-group-item > a, #sidebar-container .list-group .list-group-item.active .list-group-item > span { color:#fff; background:#00789c; } #sidebar-container .list-group-item span.badge, #sidebar-container .list-group .list-group-item.active .list-group-item > span.badge { color:#00789c; background:#fff; } #sidebar-container .list-group-item:hover, #sidebar-container .list-group-item:focus, #sidebar-container .list-group-item:hover > a, #sidebar-container .list-group-item:focus > a, #sidebar-container .list-group-item:hover > span, #sidebar-container .list-group-item:focus > span, #sidebar-container .list-group .list-group-item.active .list-group-item:hover, #sidebar-container .list-group .list-group-item.active .list-group-item:focus, #sidebar-container .list-group .list-group-item.active .list-group-item:hover > a, #sidebar-container .list-group .list-group-item.active .list-group-item:focus > a, #sidebar-container .list-group .list-group-item.active .list-group-item:hover > span, #sidebar-container .list-group .list-group-item.active .list-group-item:focus > span { color:#fff; background:#434343; } #sidebar-container .list-group-item:hover span.badge, #sidebar-container .list-group-item:focus span.badge, #sidebar-container .list-group .list-group-item.active .list-group-item:hover > span.badge, #sidebar-container .list-group .list-group-item.active .list-group-item:focus > span.badge { color:#fff; background:#434343; } #sidebar-container .list-group-item.active, #sidebar-container .list-group-item:hover.active, #sidebar-container .list-group-item:focus.active, #sidebar-container .list-group-item.active > a, #sidebar-container .list-group-item:hover.active > a, #sidebar-container .list-group-item:focus.active > a, #sidebar-container .list-group-item.active > span #sidebar-container .list-group-item:hover.active > span #sidebar-container .list-group-item:focus.active > span { color:#fff; background:#434343; /*text-shadow:0px -1px 0px #fff;*/ text-shadow:none; } #sidebar-container .list-group-item.active>.badge, #sidebar-container .list-group-item:hover.active>.badge, #sidebar-container .list-group-item:focus.active>.badge, #sidebar-container .list-group-item:hover .list-group-item.active>.badge { color:#434343; background:#fff; } #sidebar-container .list-group-title, #sidebar-container .list-group-title:hover, #sidebar-container .list-group-title span, #sidebar-container .list-group-title:hover span { color:#fff; background:#00789c; } .tree-arrow .icon_chevron_down ,.tree-arrow .icon_chevron_right{ filter:; } /* Title */ /****************/ .text-block h3 { color: #97999B; font-family: ; } .modal-title { color: #97999B; font-family: ; } .brand-title { color:#97999B; font-family: ; } .persotitle { color:#97999B; font-family: ; } .persotitleresult { color:#97999B; font-family: ; text-shadow: 1px 1px #fff; } .modal-title { color:#97999B; font-family: ; } /* Other */ /****************/ .modal-footer .btn-primary { background: #fff; } #login-guest { background:#fff; } .grid-container .tile .caption div { color: white; } .grid-container.always-show-caption .tile .caption { /*background:transparent;*/ } #advanced-search-container button { background:#fff; color:#fff; } .file-preview .button-download, .file-preview .button-add-to-selection, .file-preview .button-add-to-cart { background-color: #fff; margin: 5px; padding: 10px; text-align: center; } .file-preview .button-download a, .file-preview .button-add-to-selection a, .file-preview .button-add-to-cart a,.file-preview .button-download a:hover, .file-preview .button-add-to-selection a:hover, .file-preview .button-add-to-cart a:hover { color: #fff; } .modal .modal-footer .btn-primary { background:#fff; border-color:#fff; } .cart-empty, .cart-export, .cart-share, .selection-export, .selection-share, .selection-delete ,.selection-delete:hover, .selection-delete:focus ,.selection-empty ,.selection-empty:focus ,.selection-empty:hover, .cart-empty:hover, .cart-export:hover, .cart-share:hover, .selection-export:hover, .selection-share:hover, .cart-empty:focus, .cart-export:focus, .cart-share:focus, .selection-export:focus, .selection-share:focus, .cart-order, .cart-order:hover { background:#fff; border-color:#fff; color:#fff; border-top-right-radius:4px; border-bottom-right-radius:4px; border-top-left-radius:4px; border-bottom-left-radius:4px; } .theater-container .panel-container .button-download { background:#fff; color:white; } .theater-container .panel-container .button-add-to-selection, .theater-container .panel-container .button-download-pj, .theater-container .panel-container .button-add-to-cart , .theater-container .panel-container .button-remove-from-selection { background:#fff; color:white; } .modal-footer .btn-primary { background:#fff; } header .cart a, header .cart a:focus, header .cart a:hover { color: var(--primary-color); } #login-guest { background: var(--primary-color); } .text-block h3 { color: var(--primary-color); } .perso_search_bugger { background-color: #fff; } /****************/ /* Fil d'ariane */ /****************/ .gellule_ariane_child{ background-color:#fff; } .gellule_ariane_child, .gellule_ariane_child a{ color:#000; } .gellule_ariane_child:hover, .gellule_ariane_child:focus-within, .gellule_ariane_child:hover a, .gellule_ariane_child:focus a, .gellule_ariane_child a:hover, .gellule_ariane_child a:focus { background-color:#fff; color:#000; } /****************/ /*********/ /* Panel */ /*********/ .panel-nav .active.nmephoto, .panel-nav .active.mnephoto, .list-group.tree-keyword.multi-level .list-group-item, .list-group.history .list-group-item, #btn-history-favorie, #sidebar-container-keyword .list-group-item.selection-item,#sidebar-container-keyword .list-group-item.list-group-title, #sidebar-container-keyword{ background-color:#fff; } .title_panel{ color:#fff; border-color:#fff; } .panel-nav .nmephoto, .panel-nav .mnephoto, #sidebar-container-keyword .form-control { background-color:#f3f3f3; } .gui_radiobuttonselector_disabled, .gui_typeselector_disabled div{ background-color:rgba(248,248,255,0.8); } /* Bare de rechecrhe */ .Search_bar form .inner-form .input-field.second-wrap .btn-search, .Search_bar form .inner-form .input-field.second-wrap .advanced-search, .Search_bar form .inner-form .input-field.second-wrap .btn-search-in-result{ background: var(--primary-color); color: #fff; } a ,a:hover,a:focus{ color:#000; } .glyphicon-star:before , .glyphicon-star-empty:before { color:#434343; } /*Page utilisateur */ .header-bandeau h2, .actual-pseudo.glyphicon-user{ color:#000; } .modif-cancel:hover, .modif-cancel, .modif-valid, .modif-valid:hover{ background-color:#000; } .name_user{ color:#000; } .fcontrol .modif-cancel,.fcontrol .modif-valid{ color:#fff; } .general-bgcolor-primary-ephoto{ background-color:#000000; } .general-bgcolor-secondary-ephoto{ background-color:#fff; } .general-color-primary-ephoto{ color:#000; } .general-color-secondary-ephoto *{ color:#000; } .panel-color-primary-ephoto:hover *,.panel-color-primary-ephoto:focus *{ color:#000; } .panel-color-secondary-ephoto:hover *:hover,.panel-color-secondary-ephoto:focus *:focus{ color:#fff; } .panel-bgcolor-primary-ephoto{ background-color:#fff; } .panel-bgcolor-secondary-ephoto{ background-color:#f3f3f3; } .panel-color-primary-ephoto,.panel-color-primary-ephoto *{ color:#fff; } .panel-color-secondary-ephoto *{ color:#fff; } .btn-reset{ color:#000; background-color:#fff; } .btn-reset:hover,.btn-reset:focus{ color:#000; background-color:#fff; } .icon_small_size, .icon_small_size:hover, .icon_medium_size, .icon_medium_size:hover, .icon_large_size, .icon_large_size:hover, .icon_detailed_size, .icon_detailed_size:hover{ filter:var(--btn-active); } .active .icon_small_size, .icon_small_size:hover, .active .icon_medium_size, .icon_medium_size:hover, .active .icon_large_size, .icon_large_size:hover, .active .icon_detailed_size, .icon_detailed_size:hover{ filter:var(--btn-inactive) } .icon_panel{ filter:var(--btn-inactive); } .active .icon_panel{ filter:var(--btn-active); } /* couleur du zoom */ .rangeslider,.rangeslider__handle{ color:#000; background-color:#000; } .rangeslidertitle{ color:#000; } .grid-container .tile .tile-image-container-selected, .tile-image-container-selected{ border:1px solid !important; border-color:#000000 !important; } /*ICON */ .btn_signal{ filter:invert(73%) sepia(0%) saturate(11%) hue-rotate(140deg) brightness(93%) contrast(94%); } .size-detailed .button-signal a:before , .size-detailed .button-download a:before, .size-detailed .button-download-pj a:before, .size-detailed .button-add-to-cart a.add:before, .size-detailed .button-add-to-cart a.remove:before, .size-detailed .button-add-to-selection > a:before { cursor:pointer; filter:invert(73%) sepia(0%) saturate(11%) hue-rotate(140deg) brightness(93%) contrast(94%); } .size-detailed .button-signal a:before:hover , .size-detailed .button-download a:hover:before, .size-detailed .button-download-pj a:hover:before, .size-detailed .button-add-to-cart a.add:hover:before, .size-detailed .button-add-to-cart a.remove:hover:before, .size-detailed .button-add-to-selection > a:hover:before { filter:invert(29%) sepia(0%) saturate(1346%) hue-rotate(170deg) brightness(93%) contrast(87%); } .size-detailed .button-add-to-cart a.remove::before{ filter:invert(100%); } .size-detailed .button-add-to-cart a.remove:hover:before{ filter:invert(0%); } .theater .btn_signal, .theater .button-download-pj a:before, .theater .button-download a:before, .theater .button-add-to-cart a:before, .theater .button-add-to-cart a.add:before, .theater .button-add-to-selection .selection-add:before { filter:invert(0%); } .theater .btn_signal:hover, .theater .button-download-pj a:hover:before, .theater .button-download a:hover:before, .theater .button-add-to-cart a:hover:before, .theater .button-add-to-cart a.add:hover:before, .theater .button-add-to-selection .selection-add:hover:before{ filter:invert(0%); } .theater .button-add-to-cart a.remove::before{ filter:invert(50%); } .theater .button-add-to-cart a.remove::before::hover{ filter:invert(00%); } .theater-container .panel-container .button-lightbox a{ color:#fff; } .theater-container .panel-container .button-lightbox:hover a .text-description{ color:#fff; } .button-add-to-selection.open .dropdown-menu a{ color:var(--primary-color); } .button-add-to-selection.open .dropdown-menu{ border:1px solid var(--primary-color); } .grid-tooltip .button-signal a:before, .grid-tooltip .button-download-pj a:before, .grid-tooltip .button-download a:before, .grid-tooltip .button-add-to-cart a:before, .grid-tooltip .button-add-to-cart a.add:before, .grid-tooltip .button-add-to-selection .selection-add:before { filter:var(--primary-color-filter); } .grid-tooltip .button-signal a:before:hover, .grid-tooltip .button-download-pj a:hover:before, .grid-tooltip .button-download a:hover:before, .grid-tooltip .button-add-to-cart a:hover:before, .grid-tooltip .button-add-to-cart a.add:hover:before, .grid-tooltip .button-add-to-selection .selection-add:hover:before { filter:invert(0%) sepia(5%) saturate(6487%) hue-rotate(285deg) brightness(149%) contrast(73%); } .grid-tooltip .button-add-to-cart a.remove::before{ filter:invert(50%); } .grid-tooltip .button-add-to-cart a.remove:hover:before{ filter:invert(100%); } </style><link rel="stylesheet" href="/themes/legacy/user_control/css/0.8/master.css" /><script> localStorage.setItem("language", "fr_FR " );</script><link rel="stylesheet" href="/libs/dialog/dialog.css" /> </head> <body> <link href="/themes/legacy/user_control/css/0.8/header_new.css" rel="stylesheet" /><script src="/themes/legacy/user_control/new_Header/new_header.js" defer type="text/javascript"></script><script src="/libs/user_control/js/AsynchronousSearch.js" type="text/javascript"></script><link rel="stylesheet" href="/libs/dateRange/dateRange.css" /><script src="/libs/dateRange/dateRange.js?t=1"></script><div class="header_main_container mode_loged"><div onclick="disableLeftPannel()" id="leftPannelDarkBG" class="leftPannelDarkBG leftPannelDarkBGHidden"></div><div id="smallScreenLeftPannel" class="smallScreenLeftPannel leftPanHidden"><div id="leftPannelMain"><div class="icon_close_thick icon_custom closeLeftPannelButton" onclick="disableLeftPannel()"></div><div style="margin-top: 70px; margin-left: 10px;" ></div><div class="menumobile" style=" margin-left: 10px;"><span style="cursor: default; font-size: 18px; padding: 3px 10px;" title="Fran莽ais"><b>Fran莽ais</b></span><a class="header_dropdown_item" href="/locale/p/change-language?language=en_US" title="English">English</a></div></div></div><div class="header_main_subcontainer"><div class="header_main_left"><a id="logodestop" href="/"><img src="/var/static-content/picture/logo.png"></a></div><div class="header_welcome_message"> Bienvenue dans la phototh猫que</div><div class="header_main_right"><a id="logomobile" href="/"><img src="/var/static-content/picture/logo.png"></a><div class="header_btn lang"><div class="header_dropdown"> <button class="header_btn" onclick="toggle_opened_class(event, 1, null, this)"> <div style="font-weight:bold">FR</div> <div id="menu-user-chevron" class="icon_chevron_down icon_w12 icon_custom"></div> </button> <div class="header_dropdown_options" aria-labelledby="dropdownMenuButton"> <a class="header_dropdown_item" href="/locale/p/change-language?language=en_US" title="English">en</a> </div> </div></div></div></div></div> <div class="connection-content">  <div class="slideshow-container"> <ul class="cb-slideshow"> <li><div class="carrousel-item active " id="carrousel_item_0" style="background-image:url(/var/static-content/sliders/slider1.jpg)" ></div></li><li><div class="carrousel-item inactive desable " id="carrousel_item_1" style="background-image:url(/var/static-content/sliders/slider2.jpg)" ></div></li><li><div class="carrousel-item inactive desable " id="carrousel_item_2" style="background-image:url(/var/static-content/sliders/slider3.jpg)" ></div></li></ul> <script> var carrousel_items = document.getElementsByClassName("carrousel-item"); var carrousel_active = 0; var slideShowIndex = 0; function carrousel_next(){ if (carrousel_active == carrousel_items.length-1) { var next=0; } else{ var next=carrousel_active+1; } carrousel_items[next].classList.add("active"); carrousel_items[next].classList.remove("desable"); carrousel_items[next].classList.remove("inactive"); carrousel_items[carrousel_active].classList.add("inactive"); carrousel_items[carrousel_active].classList.remove("active"); carrousel_active=next; } function change_carrousel(){ if(carrousel_items.length>1){ carrousel_next(); setTimeout(change_carrousel, 5000); } } setTimeout(change_carrousel, 5000); </script> </div><div class="content-container content-container-right"><div class="rect-form"><div class="under-title"><h4>Se connecter</h4></div><a href="javascript:ZGVjcnlwdHBhcmFt('bcra-pbaarpg-ffb')" class="btn-hover">Connexion Institut Pasteur (SSO)</a><button class="btn-hover" onclick="toggle_connection_box();">Se connecter avec un identifiant<div id="connexion_box_arrow" class="arrow hid"><img class="btn_svg_icon" style="height:13px;" src="/libs/user_control/img/icon_chevron_right.svg"></div></button><div style="max-height:0px;min-height:0px;" id="connection_box_container" class="hiden"><div class=" ligthBox_iframe" id="ligthBox_iframe" role="menu"><iframe id="splash-screen-login-iframe" src="https://ext-institut-pasteur.ephoto.fr/index.php?forceHome=legacy_box&lang=fr_FR&api=e1blw9uovf80w-000000-131-5.17.0&lang=fr_FR" width="320" height="185" border="0" allowtransparency="true" scrolling="no" frameborder="0"></iframe></div><script type="text/javascript">/** * Ajoute un 茅couteur d'茅v茅nement 脿 un objet du DOM * Compatible avec IE8 * @param obj * @param eventName * @param listener */ var addListener = function(obj, eventName, listener) { if (obj.addEventListener) { obj.addEventListener(eventName, listener, false); } else { obj.attachEvent('on' + eventName, function(){ listener.apply( obj, arguments ) }); } }; addListener(window, 'message', function(e) { if (e.data === 'connected') { // Affichage de l'animation de connexion var loadingMessage = document.getElementById('loading-message'); // Retrait de la classe 'hidden' loadingMessage.className = 'transparent'; setTimeout(function() { // Retrait de la classe 'transparent' loadingMessage.className = ''; // Redirection vers le process de gestion de l'authentification window.location = '/auth/p/login?unlog=1'; }, 100); } });</script>  <div id="loading-message" class="hidden transparent"> <div class="content"> <div class="icon_loading_whell"></div> <p class="message"> Chargement en cours</p> </div> </div></div><div class="login_rect_divider"></div><div style="margin-bottom:10px;width: fit-content;margin: 10px auto;"><h4>Vous n'avez pas de compte ?</h4></div><button onclick="toggle_modal('signup-modal')" class="btn-hover"><div class="btn-hover-text">Cr茅er un compte</div></button><a href="/auth/p/login-guest" class="btn-hover"> Acc猫s public</a></div></div> </div>  <footer class="footer"><div class="footer_links_container"> <a href="/static?1560428911 ">CGU</a> <a href="/static?1718186572 ">A propos</a><a href="mailto:phototheque@pasteur.fr">Contact</a></div></footer><script src="/libs/dialog/dialog.js" type="text/javascript"></script><script type="text/javascript"> var dialog = new Dialog(); dialog.init();</script><script src="/themes/legacy/js/jquery-3.6.min.js" type="text/javascript"></script><div class="modal fade" id="signup-modal"> <div class="modal_dark_bg" onclick="toggle_modal('signup-modal', false)"></div> <div class="modal-dialog" onclick="(e)=>{e.stopPropagation();}"> <div class="modal-content"> <div class="modal-header"> <h4 class="modal-title" id="signup-modal-title">Cr茅er un compte</h4> <button type="button" class="close" onclick="toggle_modal('signup-modal', false)"> <img src="./themes/legacy/splash/img/close.svg" /> </button> </div> <div class="modal-body"> <form action="/auth/p/signup" method="get" id="signup-form"> <p class="bg-danger text-danger hidden" id="signup-form-error"></p> <div class="form-group required"><label for="signup-last-name" class="control-label"> Nom</label><input type="text" name="last-name" id="signup-last-name" class="form-control" required/></div><div class="form-group required"><label for="signup-first-name" class="control-label"> Pr茅nom</label><input type="text" name="first-name" id="signup-first-name" class="form-control" required/></div><div class="form-group "><label for="signup-email" class="control-label"> Email</label><input type="text" name="email" id="signup-email" class="form-control" /></div> <div class="captcha_container"> <img src="securimage/v/securimage_show?sid=6d004c084fbd19ae28341dcd6146ebcf" id="signup-captcha-image" /> <div href="#" class='ask_for_new_captcha' onClick="var a = document.getElementById('signup-captcha-image'); a.src = a.src + 's';"> <img style="width:20px" src="./themes/legacy/splash/img/refresh.svg"> Demander un autre code</div> </div> <div class="form-group required"> <label for="signup-captcha" class="control-label"> Recopier le code</label> <input type="text" name="captcha" id="signup-captcha" class="form-control required" value="" required/> </div> <p class="text-muted"> * Champs obligatoires</p> <div class="submit_buttonset"> <div style="width:180px;height: fit-content;" id="create_account_button" class="btn-hover-invert" onclick="toggle_modal('signup-modal', false)"> Annuler</div> <button class="btn-hover" type="button" onclick="signupSubmit();" > Envoyer </button> </div> </form> </div> </div> </div> </div> <style type="text/css"> #signup-form-error { padding:12px; } .has-error input, .has-error { color :red; } </style> <script> let __traductions = { '@vous_etes_sur_le_point_de_vider_votre_album_voulez_vous_continuer': " Vous \u00eates sur le point de vider votre album, voulez vous continuer ?", '@vous_etes_sur_le_point_de_supprimer_la_selection_voulez_vous_continuer': " Vous \u00eates sur le point de supprimer la s\u00e9lection, voulez-vous continuer ?", '@cette_selection_est_vide': " Cet album est vide", '@le_fichier_a_ete_ajoute_a_la_selection_selection_title': "Le fichier a \u00e9t\u00e9 ajout\u00e9 au panier", '@creer_une_nouvelle_selection': " Cr\u00e9er un nouvel album", '@fermer': "Annuler", '@Annuler': "Annuler", '@chargement': " Chargement", '@recevoir_la_selection_par_email_message': "Le lien de t\u00e9l\u00e9chargement de votre s\u00e9lection vous sera envoy\u00e9 par mail d\u00e8s qu'il sera pr\u00eat.", '@envoi_effectue': " Envoi effectu\u00e9", '@un_champs_obligatoire_n_est_pas_renseigne': "Un champs obligatoire n'est pas renseign\u00e9", '@votre_signalement_a_ete_pris_en_compte': " Votre signalement a \u00e9t\u00e9 pris en compte", '@une_erreur_est_survenue_pendant_le_signalement': "Une erreur est survenu pendant le signalement", '@vos_fichiers_ont_ete_ajoutes_a_votre_album': "[[vos_fichiers_ont_ete_ajoutes_a_votre_album]]", '@ok': "Continuer", }; function prntTrd(value){ var trad = __traductions[value]; if(trad == null)trad = value; return trad; }; window.addEventListener('click', function(e){ if(document.querySelector('.dropdown-print') != undefined){ if(e.target.class!= '.dropdown-print'){ document.querySelector('.dropdown-print').remove() } } }) </script><script type="text/javascript">/** * Ajoute un 茅couteur d'茅v茅nement 脿 un objet du DOM * Compatible avec IE8 * @param obj * @param eventName * @param listener */ var addListener = function(obj, eventName, listener) { if (obj.addEventListener) { obj.addEventListener(eventName, listener, false); } else { obj.attachEvent('on' + eventName, function(){ listener.apply( obj, arguments ) }); } }; addListener(window, 'message', function(e) { if (e.data === 'connected') { // Affichage de l'animation de connexion var loadingMessage = document.getElementById('loading-message'); // Retrait de la classe 'hidden' loadingMessage.className = 'transparent'; setTimeout(function() { // Retrait de la classe 'transparent' loadingMessage.className = ''; // Redirection vers le process de gestion de l'authentification window.location = '/auth/p/login?unlog=1'; }, 100); } });</script><script type="text/javascript"> const validateEmail = (email) => { return String(email) .toLowerCase() .match( /^(([^<>()[\]\.,;:\s@"]+(\.[^<>()[\]\.,;:\s@"]+)*)|.(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/ ); }; var signupSubmit = function() { // R茅cup茅ration des valeurs du formulaire var values = {}; var $inputs = $("#signup-form input, option:selected, textarea"); for (var i=0; i < $inputs.length; i++) { var $input = $inputs.eq(i); values[$input.attr("name")] = $input.val(); } // pour g茅rer les required var el="signup-form"; var form = (typeof el === "string" ? document.getElementById(el) : el), data=[], key=0, keyl, currentValue=null, error_required = false; el; for(key=0, keyl=form.elements.length; key<keyl; key++){ el=form.elements[key]; if(el.id !="" && document.getElementById(el.id) != null){ el.parentNode.classList.add("has-success"); el.parentNode.classList.remove("has-error") if(el.required && !validateEmail(el.value) && el.type=="email" ){ error_required=true; el.parentNode.classList.remove("has-success") el.parentNode.classList.add("has-error"); } else if(el.required && !el.checked && el.type=="checkbox" ){ error_required=true; el.parentNode.classList.remove("has-success") el.parentNode.classList.add("has-error"); } else { if(el.required && el.value==""){ error_required=true; el.parentNode.classList.remove("has-success") el.parentNode.classList.add("has-error"); } } } } if( error_required ){ return } // V茅rification des valeurs $.ajax({ url : "/auth/ajax/signup-check", data : values, success : function(result) { //result = JSON.parse(result) // Affichage du formulaire en succ猫s $("#signup-form .form-group").removeClass("has-error").addClass("has-success"); $("#signup-form-error").addClass("hidden"); if (result.valid === true) { // Affichage de l'茅cran de chargement var $loading = $("#loading-message"); $loading.find("p.message").text("Enregistrement en cours"); $loading.removeClass("hidden"); $loading.removeClass("transparent"); // Soumission du formulaire $("#signup-form").submit(); } else { try{ JSON.parse(result) result = JSON.parse(result) // Affichage des messages d'erreur if (result.message != "") { $("#signup-form-error").removeClass("hidden"); $("#signup-form-error").html(result.message); } // Surbrillance des champs en erreur for (var i=0; i < result.errorFields.length; i++) { var errorField = result.errorFields[i]; var $input = $("#signup-form input[name=" + errorField +"]"); var $formGroup = $input.parents(".form-group"); $formGroup.removeClass("has-success"); $formGroup.addClass("has-error"); } } catch{ // Affichage des messages d'erreur if (result.message != "") { $("#signup-form-error").removeClass("hidden"); $("#signup-form-error").html(result.message); } // Surbrillance des champs en erreur for (var i=0; i < result.errorFields.length; i++) { var errorField = result.errorFields[i]; var $input = $("#signup-form input[name=" + errorField +"]"); var $formGroup = $input.parents(".form-group"); $formGroup.removeClass("has-success"); $formGroup.addClass("has-error"); } } } } }); };</script><link href="/themes/legacy/user_control/css/0.8/slideshow.css" rel="stylesheet" /></footer> <script language="JavaScript" type="text/javascript"> /* Encryption function */ function encodeparam(mailString) { var mapArray = []; var elements = "abcdefghijklmnopqrstuvwxyz"; var outp = ""; for (i = 0; i < elements.length; i++) { var x = elements.charAt(i); var y = elements.charAt((i + 13) % 26); mapArray[x] = y; mapArray[x.toUpperCase()] = y.toUpperCase(); } for (i = 0; i < mailString.length; i++) { var c = mailString.charAt(i) outp += (c >= 'A' && c <= 'z' || c >= 'a' && c <= '\\' ? mapArray [c] : c) } return outp; } /* Concatenating and redirection mailstring function */ function ZGVjcnlwdHBhcmFt(encString) { var addressString = "?"+encodeparam(encString)+"=1"; document.location.href = addressString; } </script> </body> </html>