View Html Online - Source code for: https://www.sanctuary.fr/

<!DOCTYPE html> <html xmlns:og="http://ogp.me/ns#" lang="fr"> <head> <script type="application/javascript" src="https://do69ll745l27z.cloudfront.net/scripts/master/sanctuary.js" async></script> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> <meta name="apple-mobile-web-app-capable" content="yes"> <title>Sanctuary</title> <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon"> <link rel="icon" href="/favicon.ico" type="image/x-icon">  <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap"> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.0.0-beta/css/bootstrap.min.css" integrity="sha384-/Y6pD6FV/Vv2HJnA6t+vslU6fwYXjCFtcEpHbNJ0lyAFsXTsjBbfaDjzALeQsN6M" crossorigin="anonymous"> <link rel="stylesheet" href="/public/template/4.1.2/plugins/animate/animate.min.css"> <link rel="stylesheet" href="/public/template/4.1.2/plugins/summernote/summernote-bs4.css"> <link rel="stylesheet" href="/public/plugins/owl-carousel/assets/owl.carousel.min.css"> <link rel="stylesheet" href="/public/plugins/owl-carousel/assets/owl.theme.default.min.css"> <link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/themes/smoothness/jquery-ui.css"> <link rel="stylesheet" href="/public/template/4.1.2/plugins/select2/css/select2.min.css"> <link rel="stylesheet" href="/public/template/4.1.2/plugins/flatpickr/flatpickr.min.css"> <link rel="stylesheet" href="/public/template/4.1.2/plugins/switchery/switchery.min.css"> <link rel="stylesheet" href="/public/plugins/jQuery-File-Upload-9.19.1/css/jquery.fileupload.css">  <link rel="stylesheet" href="/public/template/4.1.2/css/theme.min.css"> <link rel="stylesheet" href="/public/template/custom.css?ver=3.1.5"> <link rel="manifest" href="/public/js/manifest.json?ver=1.0.4"> <link rel="apple-touch-icon" sizes="180x180" href="/public/js/icons/icon-180x180.png"> <link href="/public/js/icons/iphone5_splash.png" media="(device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image" /> <link href="/public/js/icons/iphone6_splash.png" media="(device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image" /> <link href="/public/js/icons/iphoneplus_splash.png" media="(device-width: 621px) and (device-height: 1104px) and (-webkit-device-pixel-ratio: 3)" rel="apple-touch-startup-image" /> <link href="/public/js/icons/iphonex_splash.png" media="(device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3)" rel="apple-touch-startup-image" /> <link href="/public/js/icons/iphonexr_splash.png" media="(device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image" /> <link href="/public/js/icons/iphonexsmax_splash.png" media="(device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3)" rel="apple-touch-startup-image" /> <link href="/public/js/icons/ipad_splash.png" media="(device-width: 768px) and (device-height: 1024px) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image" /> <link href="/public/js/icons/ipadpro1_splash.png" media="(device-width: 834px) and (device-height: 1112px) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image" /> <link href="/public/js/icons/ipadpro3_splash.png" media="(device-width: 834px) and (device-height: 1194px) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image" /> <link href="/public/js/icons/ipadpro2_splash.png" media="(device-width: 1024px) and (device-height: 1366px) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image" /> <script>var sas_loading_failed = 0;</script> <script src="https://do69ll745l27z.cloudfront.net/adblock_detector.js" onerror="sas_loading_failed = 1;"></script> <script type="application/javascript"> if (!sas_loading_failed) { console.log('SAS available'); } </script> <script type="application/javascript" src="//ced.sascdn.com/tag/104/smart.js" onerror="cgOnSmartError()" async></script> <script type="application/javascript"> if (window.matchMedia('(display-mode: standalone)').matches || window.navigator.standalone || document.referrer.includes('android-app://') || sessionStorage.getItem('app')=='true') var cgpageId = 1572355; else if(top.document.location.pathname === '/') var cgpageId = 1004843; else var cgpageId = 1004844; var sas = sas || {}; sas.cmd = sas.cmd || []; sas.cmd.push(function() { sas.setup({ networkid: 104, domain: "//www.smartadserver.com", async: true }); }); sas.cmd.push(function() { sas.call("onecall", { siteId: 214495, pageId: cgpageId, formatId: "920,922,1391,19176,21999,32325,41464,48059,928,31712,32033,19175", target: '' }); }); </script>  <script async src="https://www.googletagmanager.com/gtag/js?id=G-KDJSZKFWQ4"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-KDJSZKFWQ4'); </script> </head> <body class="fixed-header">  <header id="header"> <div class="container desktop-menu"> <div class="navbar-backdrop"> <div class="navbar"> <div class="navbar-left" style="width:100%;display:block;"> <a class="navbar-toggle"><i class="fa fa-bars"></i></a> <a href="/" class="logo"><img src="/public/img/logo.png" alt="Sanctuary"></a> <a href="/" class="logo-small"><img src="/public/img/logo_small.png" alt="Sanctuary"></a> <div class="navbar-middle-content"> <div class="navbar-middle navbar-search"> <form method="post" id="form_recherche" action="/index.php?page=recherche-resultats"> <input type="text" class="form-control" placeholder="Rechercher..." id="recherche" name="recherche"> </form> </div> <div class="navbar-middle-btn"> <a class="btn btn-secondary" href="/index.php?page=decouvrir">Découvrir</a> <a class="btn btn-primary" href="/login/">Entrer ma collection</a> </div> </div> <div class="nav navbar-right"> <ul> <li class="hidden-xs-down"><a href="/login/">Se connecter</a></li> <li class="hidden-xs-down"><a href="/register/">S'inscrire</a></li> <li id="search-icon"><a data-toggle="search"><i class="fa fa-search"></i></a></li> </ul> </div> </div> <div class="navbar-left navbar-left-menu"> <nav class="nav"> <ul> <li class="has-dropdown"> <a href="/?univers=1">Manga</a> <ul> <li><a href="/index.php?page=decouvrir&univers=1">Découvrir</a></li> <li><a href="/index.php?page=article-list&univers=1">Actu</a></li> <li><a href="/index.php?page=critiques&univers=1">Critiques</a></li> <li><a href="/index.php?page=sorties&univers=1">Mangas à paraître</a></li> <li><a href="/index.php?page=sorties-episodes&univers=1">Planning diffusion animes</a></li> <li><a href="/index.php?page=lectures-list&univers=1">Lectures en ligne</a></li> <li><a href="/index.php?page=videos-list&univers=1">Vidéos</a></li> </ul> </li> <li class="has-dropdown"> <a href="/?univers=3">Comics</a> <ul> <li><a href="/index.php?page=decouvrir&univers=3">Découvrir</a></li> <li><a href="/index.php?page=article-list&univers=3">Actu</a></li> <li><a href="/index.php?page=critiques&univers=3">Critiques</a></li> <li><a href="/index.php?page=sorties&univers=3">A paraître</a></li> <li><a href="/index.php?page=lectures-list&univers=3">Lectures en ligne</a></li> <li><a href="/index.php?page=videos-list&univers=3">Vidéos</a></li> <li><a href="/index.php?page=ggcomics">Podcast GG COMICS</a></li> </ul> </li> <li class="has-dropdown"> <a href="/?univers=2">BD</a> <ul> <li><a href="/index.php?page=decouvrir&univers=2">Découvrir</a></li> <li><a href="/index.php?page=article-list&univers=2">Actu</a></li> <li><a href="/index.php?page=critiques&univers=2">Critiques</a></li> <li><a href="/index.php?page=sorties&univers=2">A paraître</a></li> <li><a href="/index.php?page=lectures-list&univers=2">Lectures en ligne</a></li> <li><a href="/index.php?page=videos-list&univers=2">Vidéos</a></li> </ul> </li> <li class="has-dropdown"> <a href="/?univers=4">Ciné/série</a> <ul> <li><a href="/index.php?page=decouvrir&univers=4">Découvrir</a></li> <li><a href="/index.php?page=article-list&univers=4">Actu</a></li> <li><a href="/index.php?page=sorties-cine&univers=4">Sorties cinéma</a></li> <li><a href="/index.php?page=sorties-episodes&univers=4">Planning diffusion séries</a></li> <li><a href="/index.php?page=critiques&univers=4">Critiques</a></li> <li><a href="/index.php?page=sorties&univers=4">DVD/Blu-ray à paraître</a></li> <li><a href="/index.php?page=videos-list&univers=4">Vidéos</a></li> </ul> </li> <li class="has-dropdown"> <a href="/?univers=5">Jeux de société</a> <ul> <li><a href="/index.php?page=decouvrir&univers=5">Découvrir</a></li> </ul> </li> <li> <a href="/index.php?page=quizz-liste">Quizz</a> </li> <li> <a href="/index.php?page=vente">Achat/vente</a> </li> <li class="mobile-hidden"> <a href="/index.php?page=collections">Top Collections</a> </li> <li> <a href="https://forum.sanctuary.fr/">Forum</a> </li> <li class="m-b-20"> <span class="nav-item social-icons"> <span class="fa-stack"> <a href="https://www.facebook.com/MangaSanctuary"> <i class="fas fa-circle fa-stack-2x" style="color:#FFFFFF;"></i> <i class="fab fa-facebook-f fa-stack-1x"></i> </a> </span> <span class="fa-stack"> <a href="https://twitter.com/MangaSanctuary"> <i class="fas fa-circle fa-stack-2x" style="color:#FFFFFF;"></i> <i class="fab fa-twitter fa-stack-1x"></i> </a> </span> <span class="fa-stack"> <a href="https://www.instagram.com/sanctuaryfr/"> <i class="fas fa-circle fa-stack-2x" style="color:#FFFFFF;"></i> <i class="fab fa-instagram fa-stack-1x"></i> </a> </span> <span class="fa-stack"> <a href="https://www.youtube.com/channel/UC-xUt-vzP6FyeugakV3nWFA"> <i class="fas fa-circle fa-stack-2x" style="color:#FFFFFF;"></i> <i class="fab fa-youtube fa-stack-1x"></i> </a> </span> </span> </li>  </ul> </nav> </div> </div> </div> </div> <div class="hamburger-menu p-b-30"> <input id="menu__toggle" type="checkbox" /> <label class=" menu__btn" for="menu__toggle" style=" z-index: 161;"> <span></span> </label> <div id="return-button" onclick="window.history.back();" style="font-size: 30px;position: fixed;top: 10px;left: 60px;display:none;"><i class="fa-solid fa-arrow-left"></i></div> <div class="navbar"> <div class="navbar-left" style="width:100%;display:block;"> </div> </div> <ul class="menu__box p-b-30" style="overflow:scroll;"> <div class="row m-0" style="padding: 10px;width: 98%;margin-left: 1% !important;border-radius: 1px;position: sticky;top: 0;padding-top: 55px;background-color: #101011;"> <div style="width:30%" class=" d-flex align-items-center justify-content-center"> <div style="margin-left: 1%;height:65px;width:65px;background-color:yellow;border-radius:50%;"> <img src="" style="width:100%;height:100%;object-fit:cover;border-radius:50%"> </div> </div> <div style="width:50%;padding-left: 3%;color:#FFFFFF;line-height: 65px;"> </div> <div style="width:20%;padding-left: 3%;color:#FFFFFF"> <a class=" menu__item d-flex align-items-center p-0" style="padding: 0.6rem 0rem 0.6rem 1rem !important;" href="/index.php?page=user-profile&subpage=messagerie"> <i style="color:#FCFCFC;" class="fas fa-comment-alt p-r-10"></i> </a> <a class=" menu__item d-flex align-items-center p-0" style="padding: 0.6rem 0rem 0.6rem 1rem !important;" href="/index.php?page=user-profile&subpage=infos"> <i style="color:#FCFCFC;" class="fas fa-cog p-r-10"></i> </a> </div> </div> <hr style="width:90%;border-top:0.5px solid #707070; margin-bottom: 0.5rem; margin-top: 0.5rem;" /> <div class=" row w-100 m-0 d-flex flex-row justify-content-around" style="position: sticky;top: 142px;background-color: #101011;"> <p class="m-0" style="color:#DCDCDC">Univers : </p> <select class="h-50 w-50" style="border-radius: 25px; padding: 0.2rem;"name="univers" id="univers-select"> <option value="0">Tous</option> <option value="1">Manga</option> <option value="2">BDs</option> <option value="3">Comics</option> <option value="4">Cinéma</option> <option value="5">Jeux</option> </select> </div> <hr class="m-b-2" style="width:90%;border-top:0.5px solid #707070;margin-top: 8px;"/> <div id="menu-webapp-items" class="row w-100 m-0"> <li class="w-100"> <a class=" menu__item d-flex align-items-center p-0" style="padding: 0.6rem 0rem 0.6rem 1rem !important;" href="/index.php?page=article-list&univers=1"> <i style="color:#FCFCFC;" class="far fa-newspaper p-r-10"></i> <p class="m-0" style="font-size:16px;color:#FCFCFC;">Actualités</p> <span style="position: absolute;right: 15px;color: #FFFFFF;"><i class="fa-solid fa-chevron-right"></i></span> </a> <div id="menu-actu" class="align-items-center" style="margin-left: 10px;color:#FFFFFF;"> </div> </li> <li class="w-100"> <a class=" menu__item d-flex align-items-center p-0" style="padding: 0.6rem 0rem 0.6rem 1rem !important;" href="/index.php?page=critiques&univers=1"> <i style="color:#FCFCFC;" class="far fa-edit p-r-10"></i> <p class="m-0" style="font-size:16px;color:#FCFCFC;">Critiques</p> <span style="position: absolute;right: 15px;color: #FFFFFF;"><i class="fa-solid fa-chevron-right"></i></span> </a> <div id="menu-critiques" class="align-items-center" style="margin-left: 10px;color:#FFFFFF;"> </div>  </li>  </div> <hr style="width:90%;border-top:0.5px solid #707070; margin-bottom: 1rem; margin-top: 1rem;" /> <div class="row w-100 m-0" style="position:relative;"> <div> <li class="w-100"> <a href="/index.php?page=boutiques-partenaires"> <span class=" menu__item d-flex align-items-center p-0" style="padding: 0.6rem 0rem 0.6rem 1rem !important;" href="#"> <i style="color:#FCFCFC;" class="fa-solid fa-store p-r-10"></i> <p class="m-0" style="font-size:16px;color:#FCFCFC;">Boutiques partenaires</p> </span> </a> </li> <li class="w-100"> <div style="font-size:12px;font-weight:normal;width:100%;padding: 5px 14px;color:#FFFFFF;">Achetez dans une boutique près de chez vous</div> </li> </div> </div> <hr style="width:90%;border-top:0.5px solid #707070; margin-bottom: 0.5rem; margin-top: 0.5rem;" /> <div class="row w-100 m-0 align-items-center " style="padding-left:1rem;"> <i style="color: #DCDCDC" class="far fa-handshake"></i> <p class="m-0" style="margin-left:2% !important;color:#DCDCDC">Réseaux sociaux</p> </div> <div class="row w-100 m-0 mt-2 justify-content-around d-flex flex-row pl-3 pr-3 m-b-20"> <li><a class=" menu__item d-flex align-items-center p-0" style=" padding-left: 1.5rem;" href="https://www.facebook.com/MangaSanctuary"> <div class="d-flex justify-content-center align-items-center" style="height:40px;width:40px;background-color:white;border-radius:50%"><i style="color: #F3902C !important;" class="fab fa-facebook-f"></i> </div> </a></li> <li><a class="menu__item d-flex align-items-center p-0" style=" padding-left: 1.5rem;" href="https://twitter.com/MangaSanctuary"> <div class="d-flex justify-content-center align-items-center" style="height:40px;width:40px;background-color:white;border-radius:50%"><i style="color:#F3902C;" class="fab fa-twitter"></i> </div> </a></li> <li><a class="menu__item d-flex align-items-center p-0" style=" padding-left: 1.5rem;" href="https://www.instagram.com/sanctuaryfr/"> <div class="d-flex justify-content-center align-items-center" style="height:40px;width:40px;background-color:white;border-radius:50%"><i style="color:#F3902C;" class="fab fa-instagram"></i> </div> </a></li> <li><a class="menu__item d-flex align-items-center p-0" style=" padding-left: 1.5rem;" href="https://www.youtube.com/channel/UC-xUt-vzP6FyeugakV3nWFA"> <div class="d-flex justify-content-center align-items-center" style="height:40px;width:40px;background-color:white;border-radius:50%"><i style="color:#F3902C;" class="fab fa-youtube"></i> </div> </a></li> </div> <a href="/index.php?page=login&action=deco"> <div class="row w-100 m-0 d-flex flex-column align-items-center justify-content-center m-t-3" style="bottom: 1rem;"> <div class="btn d-flex flex-row" style="width:80%;justify-content: center;height: 2.5rem;border: 1px solid #F3902C;color: #F3902C;"> <i class="fas fa-sign-out-alt p-r-10"></i> <p>DECONNEXION</p> </div> </div> </a> <div id="menu-univers-bg" style="opacity: 0.2;z-index: -1;position: absolute;top: 245px;left: 50%;transform: translate(-25%, 0);"> </div> </ul> </div> </header> <style> #menu__toggle { opacity: 0; display:none; } #menu__toggle:checked+.menu__btn>span { transform: rotate(45deg); } #menu__toggle:checked+.menu__btn>span::before { top: 0; transform: rotate(0deg); } #menu__toggle:checked+.menu__btn>span::after { top: 0; transform: rotate(90deg); } #menu__toggle:checked~.menu__box { left: 0 !important; } .menu__btn { position: fixed; top: 31px; left: 15px; width: 26px; height: 26px; cursor: pointer; z-index: 1; } .menu__btn>span, .menu__btn>span::before, .menu__btn>span::after { display: block; position: absolute; width: 100%; height: 2px; background-color: #FFFFFF; transition-duration: .25s; } .menu__btn>span::before { content: ''; top: -8px; } .menu__btn>span::after { content: ''; top: 8px; } .menu__box { display: inherit; height: 100%; position: fixed; top: 0; left: -100%; width: 85%; border-radius: 0px 1rem 1rem 0px; z-index: 160; margin: 0; list-style: none; background-color: #101011; box-shadow: 2px 2px 6px rgba(0, 0, 0, .4); transition-duration: .25s; } .menu__item { display: block; padding: 9px 24px; color: #333; font-family: 'Roboto', sans-serif; font-size: 20px; font-weight: 600; text-decoration: none; transition-duration: .25s; } .menu__item:hover { background-color: #CFD8DC; } </style> <div id="menu-collection"class="menu-collection-global"> <div style="position:fixed;width:100%;z-index:15;text-align:center;bottom: 0;height: 63px;background-color: rgb(72, 72, 72,0.5);"><a style="width: 158px;white-space: break-spaces;margin-top: 3px;padding: 7px 10px; margin-top: -10px;" href="/login/" class="btn btn-primary">Inscris-toi pour entrer ta collection !</a></div> <ul class="sous-menu-collection" style="float:left;margin:0;"> <li ><a href="/index.php?page=user-profile&subpage=collection"><i class="fa fa-database"></i> <span class="sous-menu-collection-titre">Collec</span></a></li> <li ><a href="/index.php?page=user-profile&subpage=collection-shopping"><i class="fa-solid fa-clipboard-list"></i> <span class="sous-menu-collection-titre">Shop. list</span></a></li> <li ><a href="/index.php?page=user-profile&subpage=collection-planning"><i class="fa fa-calendar"></i> <span class="sous-menu-collection-titre">Planning</span></a></li> <li ><a href="/index.php?page=user-profile&subpage=collection-animes-suivis"><i class="far fa-play-circle"></i> <span class="sous-menu-collection-titre">Animes</span></a></li> <li ><a href="/index.php?page=user-profile&subpage=collection-decouvrir"><i class="far fa-grin-stars"></i> <span class="sous-menu-collection-titre">Découvrir</span></a></li> <li ><a href="/index.php?page=user-profile&subpage=collection-envies"><i class="far fa-star"></i> <span class="sous-menu-collection-titre">Envies</span></a></li>  <div id="form-ajout-collec"> <i class="fa fa-plus"></i> </div> <div id="form-recherche-new" style="top:-140px;"> <i class="fas fa-search"></i> </div> </ul> <div id="recherche-choix" style="display:none; position: fixed; z-index: 12; bottom: 0; top: 60px; background-color: #484848; margin-left: 0; margin-right: 0; margin-bottom: 0; width: 100%; color: #FFFFFF; padding-left: 0; padding-top:20px; height: 100%; text-align:center; background-color: rgb(72, 72, 72,0.9);"> <h2 style="width:100%;color: #FFFFFF;">Recherche</h2> <a href="https://www.sanctuary.fr/index.php?page=recherche-scan"> <div id="collection-ajout-scan" style="display: block; padding: 30px; background-color: cadetblue; margin: 30px;"> <div style="text-align:center;width:100%;font-size:24px;">Scan</div> <i class="fas fa-barcode" style="font-size:48px;"></i> </div> </a> <span> <div id="collection-ajout-saisie" style="display: block; padding: 30px; background-color: cadetblue; margin: 30px;"> <div style="width:100%;font-size:24px;">Saisie</div> <i class="far fa-keyboard" style="font-size:48px;"></i> </div> </span> <div class="close" style="font-size:36px;color:#FFFFFF;width:100%;display:block;padding:10px;"><i class="fas fa-times"></i></div> </div> <div id="form-recherche-full" style="display:none; position: fixed; z-index: 14; bottom: 0; top: 40px; background-color: #484848; margin-left: 0; margin-right: 0; margin-bottom: 0; width: 100%; color: #FFFFFF; padding-left: 0; padding-top:20px; height: 100%; text-align:center; background-color: rgb(72, 72, 72,0.9); overflow: scroll;"> <form method="post" style="padding:5px;position: fixed;z-index: 5;width: 100%;" id="form_recherche" action="/index.php?page=recherche-resultats"> <input type="text" class="form-control ui-autocomplete-input" placeholder="Rechercher..." id="recherche-full" name="recherche" autocomplete="off"> </form> <div class="close" style="font-size: 36px;display: block;padding: 10px;position: fixed;z-index: 5;right: 5px;top: 57px;"><i class="fas fa-times"></i></div> <div id="resultats" class="m-t-60 p-b-50"></div> </div> <div id="collection-ajout-choix" style="display:none; position: fixed; z-index: 12; bottom: 0; top: 60px; background-color: #484848; margin-left: 0; margin-right: 0; margin-bottom: 0; width: 100%; color: #FFFFFF; padding-left: 0; padding-top:20px; height: 100%; text-align:center; background-color: rgb(72, 72, 72,0.9);"> <h2 id="titre-ajout-collec" style="width:100%;color: #FFFFFF;">Ajouter à votre collection</h2> <a id="link-scan" href="https://www.sanctuary.fr/index.php?page=user-profile&subpage=collection-ajout-scan&id="> <div id="collection-ajout-scan" style="display: block; padding: 30px; background-color: cadetblue; margin: 30px;"> <div style="text-align:center;width:100%;font-size:24px;">Scan</div> <i class="fas fa-barcode" style="font-size:48px;"></i> </div> </a> <a id="link-saisie" href="/index.php?page=user-profile&subpage=collection-ajout&id="> <div id="collection-ajout-saisie" style="display: block; padding: 30px; background-color: cadetblue; margin: 30px;"> <div style="width:100%;font-size:24px;">Saisie</div> <i class="far fa-keyboard" style="font-size:48px;"></i> </div> </a> <div class="close" style="font-size:36px;color:#FFFFFF;width:100%;display:block;padding:10px;"><i class="fas fa-times"></i></div> </div> </div>  <div id="hab"> </div> <div class="content"> <div id="main-content"> <div id="main-content-submenu"> </div> <div id="main-content-body"> <section class="hero m-b-10" style="background-image: url('img/hero/hero.jpg');"> <div class="overlay" style="overflow:hidden;"> <div class="row"> <div class="col-lg-1 bg-top" style="height:150px;overflow:hidden;padding:0;"> <a href="/fiche/27681/" title="Moi, Chloé"><img src="https://img.sanctuary.fr/fiche/300/27681.jpg" style="height:100%;max-width:none"></a> </div> <div class="col-lg-1 bg-top" style="height:150px;overflow:hidden;padding:0;"> <a href="/fiche/5733/" title="The Top Secret"><img src="https://img.sanctuary.fr/fiche/300/5733.jpg" style="height:100%;max-width:none"></a> </div> <div class="col-lg-1 bg-top" style="height:150px;overflow:hidden;padding:0;"> <a href="/fiche/11460/" title="Hôzuki-san Chi no Aneki"><img src="https://img.sanctuary.fr/fiche/300/11460.jpg" style="height:100%;max-width:none"></a> </div> <div class="col-lg-1 bg-top" style="height:150px;overflow:hidden;padding:0;"> <a href="/fiche/67753/" title="Toutes les morts de Laila Starr"><img src="https://img.sanctuary.fr/fiche/300/67753.jpg" style="height:100%;max-width:none"></a> </div> <div class="col-lg-1 bg-top" style="height:150px;overflow:hidden;padding:0;"> <a href="/fiche/13687/" title="Tasogare Otome x Amnesia 8,5"><img src="https://img.sanctuary.fr/fiche/300/13687.jpg" style="height:100%;max-width:none"></a> </div> <div class="col-lg-1 bg-top" style="height:150px;overflow:hidden;padding:0;"> <a href="/fiche/31288/" title="Psycho Park"><img src="https://img.sanctuary.fr/fiche/300/31288.jpg" style="height:100%;max-width:none"></a> </div> <div class="col-lg-1 bg-top" style="height:150px;overflow:hidden;padding:0;"> <a href="/fiche/38258/" title="Expendables 4: Unité spéciale"><img src="https://img.sanctuary.fr/fiche/300/38258.jpg" style="height:100%;max-width:none"></a> </div> <div class="col-lg-1 bg-top" style="height:150px;overflow:hidden;padding:0;"> <a href="/fiche/40719/" title="Monstres !"><img src="https://img.sanctuary.fr/fiche/300/40719.jpg" style="height:100%;max-width:none"></a> </div> <div class="col-lg-1 bg-top" style="height:150px;overflow:hidden;padding:0;"> <a href="/fiche/71319/" title="Le vendeur du magasin de vélos"><img src="https://img.sanctuary.fr/fiche/300/71319.jpg" style="height:100%;max-width:none"></a> </div> <div class="col-lg-1 bg-top" style="height:150px;overflow:hidden;padding:0;"> <a href="/fiche/21707/" title="L'Aube rouge"><img src="https://img.sanctuary.fr/fiche/300/21707.jpg" style="height:100%;max-width:none"></a> </div> <div class="col-lg-1 bg-top" style="height:150px;overflow:hidden;padding:0;"> <a href="/fiche/16847/" title="Heat"><img src="https://img.sanctuary.fr/fiche/300/16847.jpg" style="height:100%;max-width:none"></a> </div> <div class="col-lg-1 bg-top" style="height:150px;overflow:hidden;padding:0;"> <a href="/fiche/30359/" title="Womoks"><img src="https://img.sanctuary.fr/fiche/300/30359.jpg" style="height:100%;max-width:none"></a> </div> <div class="col-lg-1 bg-top" style="height:150px;overflow:hidden;padding:0;"> <a href="/fiche/64731/" title="Nevertheless, (drama)"><img src="https://img.sanctuary.fr/fiche/300/64731.jpg" style="height:100%;max-width:none"></a> </div> <div class="col-lg-1 bg-top" style="height:150px;overflow:hidden;padding:0;"> <a href="/fiche/68524/" title="A Walk Through Hell"><img src="https://img.sanctuary.fr/fiche/300/68524.jpg" style="height:100%;max-width:none"></a> </div> <div class="col-lg-1 bg-top" style="height:150px;overflow:hidden;padding:0;"> <a href="/fiche/10150/" title="Blue spring ride"><img src="https://img.sanctuary.fr/fiche/300/10150.jpg" style="height:100%;max-width:none"></a> </div> <div class="col-lg-1 bg-top" style="height:150px;overflow:hidden;padding:0;"> <a href="/fiche/17563/" title="La tour infernale"><img src="https://img.sanctuary.fr/fiche/300/17563.jpg" style="height:100%;max-width:none"></a> </div> <div class="col-lg-1 bg-top" style="height:150px;overflow:hidden;padding:0;"> <a href="/fiche/16489/" title="La Proposition"><img src="https://img.sanctuary.fr/fiche/300/16489.jpg" style="height:100%;max-width:none"></a> </div> <div class="col-lg-1 bg-top" style="height:150px;overflow:hidden;padding:0;"> <a href="/fiche/50303/" title="Daredevil Par Mark Waid / Chris Samnee"><img src="https://img.sanctuary.fr/fiche/300/50303.jpg" style="height:100%;max-width:none"></a> </div> <div class="col-lg-1 bg-top" style="height:150px;overflow:hidden;padding:0;"> <a href="/fiche/59263/" title="GIGN La BD"><img src="https://img.sanctuary.fr/fiche/300/59263.jpg" style="height:100%;max-width:none"></a> </div> <div class="col-lg-1 bg-top" style="height:150px;overflow:hidden;padding:0;"> <a href="/fiche/18208/" title="Jeux interdits"><img src="https://img.sanctuary.fr/fiche/300/18208.jpg" style="height:100%;max-width:none"></a> </div> <div class="col-lg-1 bg-top" style="height:150px;overflow:hidden;padding:0;"> <a href="/fiche/57283/" title="Carcassonne"><img src="https://img.sanctuary.fr/fiche/300/57283.jpg" style="height:100%;max-width:none"></a> </div> <div class="col-lg-1 bg-top" style="height:150px;overflow:hidden;padding:0;"> <a href="/fiche/28857/" title="Dwarf"><img src="https://img.sanctuary.fr/fiche/300/28857.jpg" style="height:100%;max-width:none"></a> </div> <div class="col-lg-1 bg-top" style="height:150px;overflow:hidden;padding:0;"> <a href="/fiche/40469/" title="Les Sentinelles de l'air"><img src="https://img.sanctuary.fr/fiche/300/40469.jpg" style="height:100%;max-width:none"></a> </div> <div class="col-lg-1 bg-top" style="height:150px;overflow:hidden;padding:0;"> <a href="/fiche/59650/" title="La Petite Faiseuse de Livres"><img src="https://img.sanctuary.fr/fiche/300/59650.jpg" style="height:100%;max-width:none"></a> </div> <div class="col-lg-1 bg-top" style="height:150px;overflow:hidden;padding:0;"> <a href="/fiche/72176/" title="One half of a married couple"><img src="https://img.sanctuary.fr/fiche/300/72176.jpg" style="height:100%;max-width:none"></a> </div> <div class="col-lg-1 bg-top" style="height:150px;overflow:hidden;padding:0;"> <a href="/fiche/62144/" title="Once & future"><img src="https://img.sanctuary.fr/fiche/300/62144.jpg" style="height:100%;max-width:none"></a> </div> <div class="col-lg-1 bg-top" style="height:150px;overflow:hidden;padding:0;"> <a href="/fiche/28787/" title="Mourir au paradis"><img src="https://img.sanctuary.fr/fiche/300/28787.jpg" style="height:100%;max-width:none"></a> </div> <div class="col-lg-1 bg-top" style="height:150px;overflow:hidden;padding:0;"> <a href="/fiche/35607/" title="W.I.T.C.H. - Saison 2"><img src="https://img.sanctuary.fr/fiche/300/35607.jpg" style="height:100%;max-width:none"></a> </div> <div class="col-lg-1 bg-top" style="height:150px;overflow:hidden;padding:0;"> <a href="/fiche/59872/" title="Stephen King's Doctor Sleep"><img src="https://img.sanctuary.fr/fiche/300/59872.jpg" style="height:100%;max-width:none"></a> </div> <div class="col-lg-1 bg-top" style="height:150px;overflow:hidden;padding:0;"> <a href="/fiche/13681/" title="Jojo's Bizarre Adventure - Stone Ocean"><img src="https://img.sanctuary.fr/fiche/300/13681.jpg" style="height:100%;max-width:none"></a> </div> <div class="col-lg-1 bg-top" style="height:150px;overflow:hidden;padding:0;"> <a href="/fiche/22574/" title="Vendredi 13: Meurtres en 3 Dimensions"><img src="https://img.sanctuary.fr/fiche/300/22574.jpg" style="height:100%;max-width:none"></a> </div> <div class="col-lg-1 bg-top" style="height:150px;overflow:hidden;padding:0;"> <a href="/fiche/16719/" title="Star Wars : Episode VI - Le Retour du Jedi"><img src="https://img.sanctuary.fr/fiche/300/16719.jpg" style="height:100%;max-width:none"></a> </div> <div class="col-lg-1 bg-top" style="height:150px;overflow:hidden;padding:0;"> <a href="/fiche/20686/" title="Battle warrior"><img src="https://img.sanctuary.fr/fiche/300/20686.jpg" style="height:100%;max-width:none"></a> </div> <div class="col-lg-1 bg-top" style="height:150px;overflow:hidden;padding:0;"> <a href="/fiche/68698/" title="Batman / Catwoman"><img src="https://img.sanctuary.fr/fiche/300/68698.jpg" style="height:100%;max-width:none"></a> </div> <div class="col-lg-1 bg-top" style="height:150px;overflow:hidden;padding:0;"> <a href="/fiche/27346/" title="Snoopy"><img src="https://img.sanctuary.fr/fiche/300/27346.jpg" style="height:100%;max-width:none"></a> </div> <div class="col-lg-1 bg-top" style="height:150px;overflow:hidden;padding:0;"> <a href="/fiche/20897/" title="La Course aux maris"><img src="https://img.sanctuary.fr/fiche/300/20897.jpg" style="height:100%;max-width:none"></a> </div> <div class="col-lg-1 bg-top" style="height:150px;overflow:hidden;padding:0;"> <a href="/fiche/10768/" title="Sôkai no Seiki - Ôji to Shôjo to Kaientai"><img src="https://img.sanctuary.fr/fiche/300/10768.jpg" style="height:100%;max-width:none"></a> </div> <div class="col-lg-1 bg-top" style="height:150px;overflow:hidden;padding:0;"> <a href="/fiche/65740/" title="Beast's storm"><img src="https://img.sanctuary.fr/fiche/300/65740.jpg" style="height:100%;max-width:none"></a> </div> <div class="col-lg-1 bg-top" style="height:150px;overflow:hidden;padding:0;"> <a href="/fiche/36509/" title="Alyssa"><img src="https://img.sanctuary.fr/fiche/300/36509.jpg" style="height:100%;max-width:none"></a> </div> <div class="col-lg-1 bg-top" style="height:150px;overflow:hidden;padding:0;"> <a href="/fiche/36880/" title="L'Ordre des Gardiens"><img src="https://img.sanctuary.fr/fiche/300/36880.jpg" style="height:100%;max-width:none"></a> </div> <div class="col-lg-1 bg-top" style="height:150px;overflow:hidden;padding:0;"> <a href="/fiche/31293/" title="Falkenberg"><img src="https://img.sanctuary.fr/fiche/300/31293.jpg" style="height:100%;max-width:none"></a> </div> <div class="col-lg-1 bg-top" style="height:150px;overflow:hidden;padding:0;"> <a href="/fiche/4530/" title="Le Tombeau des Lucioles - Live"><img src="https://img.sanctuary.fr/fiche/300/4530.jpg" style="height:100%;max-width:none"></a> </div> <div class="col-lg-1 bg-top" style="height:150px;overflow:hidden;padding:0;"> <a href="/fiche/10064/" title="2001 Nights Stories"><img src="https://img.sanctuary.fr/fiche/300/10064.jpg" style="height:100%;max-width:none"></a> </div> <div class="col-lg-1 bg-top" style="height:150px;overflow:hidden;padding:0;"> <a href="/fiche/71742/" title="Au coeur des solitudes"><img src="https://img.sanctuary.fr/fiche/300/71742.jpg" style="height:100%;max-width:none"></a> </div> <div class="col-lg-1 bg-top" style="height:150px;overflow:hidden;padding:0;"> <a href="/fiche/66212/" title="Hirano to Kagiura"><img src="https://img.sanctuary.fr/fiche/300/66212.jpg" style="height:100%;max-width:none"></a> </div> <div class="col-lg-1 bg-top" style="height:150px;overflow:hidden;padding:0;"> <a href="/fiche/54894/" title="Kick-Ass - The New Girl"><img src="https://img.sanctuary.fr/fiche/300/54894.jpg" style="height:100%;max-width:none"></a> </div> <div class="col-lg-1 bg-top" style="height:150px;overflow:hidden;padding:0;"> <a href="/fiche/25870/" title="Le merveilleux pays d'Oz"><img src="https://img.sanctuary.fr/fiche/300/25870.jpg" style="height:100%;max-width:none"></a> </div> </div> </div> <div class="container" style="width:auto;"> <div class="hero-block"> <h2 class="hero-title">Pas encore membre ? Rejoignez le Sanctuaire !</h2> <p>Fan de manga, BD, comics, ciné, séries TV, jeux de société ?<br>Gérez votre collection, notez, commentez, critiquez, découvrez.</p> <a class="btn btn-primary btn-lg btn-shadow btn-md btn-rounded" href="/register/" role="button">Inscription</a> <a class="btn btn-default btn-lg btn-shadow btn-md btn-rounded" href="/login/" role="button">Connexion</a> </div> </div> </section> <section class="hero hero-profile" style="justify-content: center; background-position: 10% 40%;"> <div id="carousel-fade" class="carousel slide fade articles" data-ride="carousel" style="width:100%;"> <ol class="carousel-indicators"> <li data-target="#carousel-fade" data-slide-to="0" class="active"></li> <li data-target="#carousel-fade" data-slide-to="1" class=""></li> <li data-target="#carousel-fade" data-slide-to="2" class=""></li> <li data-target="#carousel-fade" data-slide-to="3" class=""></li> <li data-target="#carousel-fade" data-slide-to="4" class=""></li> <li data-target="#carousel-fade" data-slide-to="5" class=""></li> <li data-target="#carousel-fade" data-slide-to="6" class=""></li> <li data-target="#carousel-fade" data-slide-to="7" class=""></li> <li data-target="#carousel-fade" data-slide-to="8" class=""></li> <li data-target="#carousel-fade" data-slide-to="9" class=""></li> <li data-target="#carousel-fade" data-slide-to="10" class=""></li> <li data-target="#carousel-fade" data-slide-to="11" class=""></li> </ol> <div class="carousel-inner"> <div class="carousel-item active" style="overflow:hidden;background:no-repeat url(https://img.sanctuary.fr/thumbs_news_fb/42627.jpg);background-size:cover;background-position:10% 40%;"> <a href="/article/42627/"> <div class="carousel-overlay"></div> <div class="carousel-caption"> <div> <h2 class="carousel-title">Retour vers le passé : Godzilla vs Mothra (1992)</h2> </div> </div> </a> </div> <div class="carousel-item" style="overflow:hidden;background:no-repeat url(https://img.sanctuary.fr/thumbs_news_fb/42626.jpg);background-size:cover;background-position:10% 40%;"> <a href="/article/42626/"> <div class="carousel-overlay"></div> <div class="carousel-caption"> <div> <h2 class="carousel-title">Retour vers le passé : Godzilla vs King Ghidorah (1991)</h2> </div> </div> </a> </div> <div class="carousel-item" style="overflow:hidden;background:no-repeat url(https://img.sanctuary.fr/thumbs_news_fb/42625.jpg);background-size:cover;background-position:10% 40%;"> <a href="/article/42625/"> <div class="carousel-overlay"></div> <div class="carousel-caption"> <div> <h2 class="carousel-title">TUMATXA : L'EMISSION ! - EPISODE 26 : La colline du Rider qui reste assis</h2> </div> </div> </a> </div> <div class="carousel-item" style="overflow:hidden;background:no-repeat url(https://img.sanctuary.fr/thumbs_news_fb/42624.jpg);background-size:cover;background-position:10% 40%;"> <a href="/article/42624/"> <div class="carousel-overlay"></div> <div class="carousel-caption"> <div> <h2 class="carousel-title">Soirées TV : La Semaine BD</h2> </div> </div> </a> </div> <div class="carousel-item" style="overflow:hidden;background:no-repeat url(https://img.sanctuary.fr/thumbs_news_fb/42623.jpg);background-size:cover;background-position:10% 40%;"> <a href="/article/42623/"> <div class="carousel-overlay"></div> <div class="carousel-caption"> <div> <h2 class="carousel-title">Une édition luxe limitée pour Chiisakobe en précommande chez le Lézard Noir</h2> </div> </div> </a> </div> <div class="carousel-item" style="overflow:hidden;background:no-repeat url(https://img.sanctuary.fr/thumbs_news_fb/42610.jpg);background-size:cover;background-position:10% 40%;"> <a href="/article/42610/"> <div class="carousel-overlay"></div> <div class="carousel-caption"> <div> <h2 class="carousel-title">Interview Leila Leiz [Paris Fan Festival 2024]</h2> <p>Découvrez notre interview de Leila Leiz réalisée au Paris Fan Festival 2024</p> </div> </div> </a> </div> <div class="carousel-item" style="overflow:hidden;background:no-repeat url(https://img.sanctuary.fr/thumbs_news_fb/42609.jpg);background-size:cover;background-position:10% 40%;"> <a href="/article/42609/"> <div class="carousel-overlay"></div> <div class="carousel-caption"> <div> <h2 class="carousel-title">Retour vers le passé : Godzilla vs Biollante (1989)</h2> </div> </div> </a> </div> <div class="carousel-item" style="overflow:hidden;background:no-repeat url(https://img.sanctuary.fr/thumbs_news_fb/42608.jpg);background-size:cover;background-position:10% 40%;"> <a href="/article/42608/"> <div class="carousel-overlay"></div> <div class="carousel-caption"> <div> <h2 class="carousel-title">Soirées TV : La Semaine BD</h2> </div> </div> </a> </div> <div class="carousel-item" style="overflow:hidden;background:no-repeat url(https://img.sanctuary.fr/thumbs_news_fb/42604.jpg);background-size:cover;background-position:10% 40%;"> <a href="/article/42604/"> <div class="carousel-overlay"></div> <div class="carousel-caption"> <div> <h2 class="carousel-title">Les GG Comics 83 : L'univers Ultimate</h2> </div> </div> </a> </div> <div class="carousel-item" style="overflow:hidden;background:no-repeat url(https://img.sanctuary.fr/thumbs_news_fb/42600.jpg);background-size:cover;background-position:10% 40%;"> <a href="/article/42600/"> <div class="carousel-overlay"></div> <div class="carousel-caption"> <div> <h2 class="carousel-title">Retour vers le passé : Le Manoir du Chat Fantôme (1958)</h2> </div> </div> </a> </div> <div class="carousel-item" style="overflow:hidden;background:no-repeat url(https://img.sanctuary.fr/thumbs_news_fb/42599.jpg);background-size:cover;background-position:10% 40%;"> <a href="/article/42599/"> <div class="carousel-overlay"></div> <div class="carousel-caption"> <div> <h2 class="carousel-title">Retour vers le passé : Le Retour de Godzilla (1984)</h2> </div> </div> </a> </div> <div class="carousel-item" style="overflow:hidden;background:no-repeat url(https://img.sanctuary.fr/thumbs_news_fb/42598.jpg);background-size:cover;background-position:10% 40%;"> <a href="/article/42598/"> <div class="carousel-overlay"></div> <div class="carousel-caption"> <div> <h2 class="carousel-title">TUMATXA : L'EMISSION ! - EPISODE 25 : Le doux aliéné de pierre qui tue !!</h2> </div> </div> </a> </div> </div> <a class="carousel-control-prev" href="#carousel-fade" role="button" data-slide="prev"> <span class="carousel-control-prev-icon" aria-hidden="true"></span> <span class="sr-only">Previous</span> </a> <a class="carousel-control-next" href="#carousel-fade" role="button" data-slide="next"> <span class="carousel-control-next-icon" aria-hidden="true"></span> <span class="sr-only">Next</span> </a> </div> </section> <section class="p-b-0 p-t-0 m-t-10"> <div class="container"> <div class="row row-5"> <div class="owl-carousel owl-theme owl-loaded owl-drag actu"> <div class="item"> <div class="card card-video"> <div class="card-img" style="height:150px;"> <a href="/article/42630/"> <img src="https://img.sanctuary.fr/thumbs_news_fb/42630.jpg" class="card-img-top" alt="Les critiques manga du staff - semaine du 12/05/2024 au 19/05/2024"> </a> </div> <div class="card-block"> <h4 class="card-title"><a href="/article/42630/">Les critiques manga du staff - semaine du 12/05/2024 au 19/05/2024</a></h4> <div class="card-meta"> <span><i class="fa fa-clock-o"></i> dim. 19 mai 2024</span> <span><i class="fas fa-eye fa-fw"></i> 76 lectures</span> </div> </div> </div> </div> <div class="item"> <div class="card card-video"> <div class="card-img" style="height:150px;"> <a href="/article/42629/"> <img src="https://img.sanctuary.fr/thumbs_news_fb/42629.jpg" class="card-img-top" alt="Les critiques Comics du staff - semaine du 12/05/2024 au 19/05/2024"> </a> </div> <div class="card-block"> <h4 class="card-title"><a href="/article/42629/">Les critiques Comics du staff - semaine du 12/05/2024 au 19/05/2024</a></h4> <div class="card-meta"> <span><i class="fa fa-clock-o"></i> dim. 19 mai 2024</span> <span><i class="fas fa-eye fa-fw"></i> 129 lectures</span> </div> </div> </div> </div> <div class="item"> <div class="card card-video"> <div class="card-img" style="height:150px;"> <a href="/article/42628/"> <img src="https://img.sanctuary.fr/thumbs_news_fb/42628.jpg" class="card-img-top" alt="Récap des vidéos de la semaine"> </a> </div> <div class="card-block"> <h4 class="card-title"><a href="/article/42628/">Récap des vidéos de la semaine</a></h4> <div class="card-meta"> <span><i class="fa fa-clock-o"></i> dim. 19 mai 2024</span> <span><i class="fas fa-eye fa-fw"></i> 85 lectures</span> </div> </div> </div> </div> <div class="item"> <div class="card card-video"> <div class="card-img" style="height:150px;"> <a href="/article/42627/"> <img src="https://img.sanctuary.fr/thumbs_news_fb/42627.jpg" class="card-img-top" alt="Retour vers le passé : Godzilla vs Mothra (1992)"> </a> </div> <div class="card-block"> <h4 class="card-title"><a href="/article/42627/">Retour vers le passé : Godzilla vs Mothra (1992)</a></h4> <div class="card-meta"> <span><i class="fa fa-clock-o"></i> ven. 17 mai 2024</span> <span><i class="fas fa-eye fa-fw"></i> 415 lectures</span> </div> </div> </div> </div> <div class="item"> <div class="card card-video"> <div class="card-img" style="height:150px;"> <a href="/article/42626/"> <img src="https://img.sanctuary.fr/thumbs_news_fb/42626.jpg" class="card-img-top" alt="Retour vers le passé : Godzilla vs King Ghidorah (1991)"> </a> </div> <div class="card-block"> <h4 class="card-title"><a href="/article/42626/">Retour vers le passé : Godzilla vs King Ghidorah (1991)</a></h4> <div class="card-meta"> <span><i class="fa fa-clock-o"></i> ven. 17 mai 2024</span> <span><i class="fas fa-eye fa-fw"></i> 404 lectures</span> </div> </div> </div> </div> <div class="item"> <div class="card card-video"> <div class="card-img" style="height:150px;"> <a href="/article/42625/"> <img src="https://img.sanctuary.fr/thumbs_news_fb/42625.jpg" class="card-img-top" alt="TUMATXA : L'EMISSION ! - EPISODE 26 : La colline du Rider qui reste assis"> </a> </div> <div class="card-block"> <h4 class="card-title"><a href="/article/42625/">TUMATXA : L'EMISSION ! - EPISODE 26 : La colline du Rider qui reste assis</a></h4> <div class="card-meta"> <span><i class="fa fa-clock-o"></i> ven. 17 mai 2024</span> <span><i class="fas fa-eye fa-fw"></i> 130 lectures</span> </div> </div> </div> </div> <div class="item"> <div class="card card-video"> <div class="card-img" style="height:150px;"> <a href="/article/42624/"> <img src="https://img.sanctuary.fr/thumbs_news_fb/42624.jpg" class="card-img-top" alt="Soirées TV : La Semaine BD"> </a> </div> <div class="card-block"> <h4 class="card-title"><a href="/article/42624/">Soirées TV : La Semaine BD</a></h4> <div class="card-meta"> <span><i class="fa fa-clock-o"></i> ven. 17 mai 2024</span> <span><i class="fas fa-eye fa-fw"></i> 125 lectures</span> </div> </div> </div> </div> <div class="item"> <div class="card card-video"> <div class="card-img" style="height:150px;"> <a href="/article/42623/"> <img src="https://img.sanctuary.fr/thumbs_news_fb/42623.jpg" class="card-img-top" alt="Une édition luxe limitée pour Chiisakobe en précommande chez le Lézard Noir"> </a> </div> <div class="card-block"> <h4 class="card-title"><a href="/article/42623/">Une édition luxe limitée pour Chiisakobe en précommande chez le Lézard Noir</a></h4> <div class="card-meta"> <span><i class="fa fa-clock-o"></i> ven. 17 mai 2024</span> <span><i class="fas fa-eye fa-fw"></i> 610 lectures</span> </div> </div> </div> </div> <div class="item"> <div class="card card-video"> <div class="card-img" style="height:150px;"> <a href="/article/42622/"> <img src="https://img.sanctuary.fr/thumbs_news_fb/42622.jpg" class="card-img-top" alt="Séries les plus attendues au 17/05/2024"> </a> </div> <div class="card-block"> <h4 class="card-title"><a href="/article/42622/">Séries les plus attendues au 17/05/2024</a></h4> <div class="card-meta"> <span><i class="fa fa-clock-o"></i> ven. 17 mai 2024</span> <span><i class="fas fa-eye fa-fw"></i> 384 lectures</span> </div> </div> </div> </div> <div class="item"> <div class="card card-video"> <div class="card-img" style="height:150px;"> <a href="/article/42621/"> <img src="https://img.sanctuary.fr/thumbs_news_fb/42621.jpg" class="card-img-top" alt="Sorties comics du 17/05/2024"> </a> </div> <div class="card-block"> <h4 class="card-title"><a href="/article/42621/">Sorties comics du 17/05/2024</a></h4> <div class="card-meta"> <span><i class="fa fa-clock-o"></i> ven. 17 mai 2024</span> <span><i class="fas fa-eye fa-fw"></i> 60 lectures</span> </div> </div> </div> </div> <div class="item"> <div class="card card-video"> <div class="card-img" style="height:150px;"> <a href="/article/42620/"> <img src="https://img.sanctuary.fr/thumbs_news_fb/42620.jpg" class="card-img-top" alt="Sorties BD du 17/05/2024"> </a> </div> <div class="card-block"> <h4 class="card-title"><a href="/article/42620/">Sorties BD du 17/05/2024</a></h4> <div class="card-meta"> <span><i class="fa fa-clock-o"></i> ven. 17 mai 2024</span> <span><i class="fas fa-eye fa-fw"></i> 65 lectures</span> </div> </div> </div> </div> <div class="item"> <div class="card card-video"> <div class="card-img" style="height:150px;"> <a href="/article/42619/"> <img src="https://img.sanctuary.fr/thumbs_news_fb/42619.jpg" class="card-img-top" alt="Sorties manga du 17/05/2024"> </a> </div> <div class="card-block"> <h4 class="card-title"><a href="/article/42619/">Sorties manga du 17/05/2024</a></h4> <div class="card-meta"> <span><i class="fa fa-clock-o"></i> ven. 17 mai 2024</span> <span><i class="fas fa-eye fa-fw"></i> 480 lectures</span> </div> </div> </div> </div> </div> </div> </div> </section> <div class="text-center"><a href="/index.php?page=article-list&univers=0" class="btn btn-primary btn-shadow btn-rounded btn-effect btn-lg m-b-20">Toute l'actu</a></div> <div id="cgdiv_920"> <div id="sas_920"></div> <script type="application/javascript"> sas.cmd.push(function() { sas.render("920"); // Format : Bannière ATF (728x90/970x250) }); </script> </div> <section class="toolbar toolbar-links" data-fixed="true"> <div class="container" id="perso"> <a class="btn btn-secondary personnaliser-accueil"><i class="fa fa-cog"></i> Personnaliser l'accueil</a> </div> </section> <section class="p-y-30"> <div class="container"> <div class="row"> <div class="col-lg-8" id="collection-accueil"> <section class="p-0"> <section class="hero hero-game" style="background-image: url('https://img.sanctuary.fr/objet/origin/418237.jpg');min-height:auto;margin-bottom:20px;"> <div class="overlay"></div> <div class="col-lg-12" style="z-index:3;"> <div class="post post-review" style="width:100%;border:0;color:#FFFFFF;padding:20px;margin:0;"> <div style="overflow: visible;right: 20px;top: 20px;position: absolute;width: auto;z-index:5;"> <div style="font-size:20px;color:#000000;height:60px;width:60px;" href="review-post.html" class="chart easypiechart" data-percent="100" data-scale-color="#e3e3e3"><span style="background-color: lightgray;border-radius: 50%;width: 40px;height: 40px;line-height: 40px;">10</span></div> </div> <div class="post-thumbnail"> <a href="/avis/148721/"> <img src="https://img.sanctuary.fr/objet/300/418237.jpg" alt="Frieren T.12"> </a> </div> <div class="post-block"> <h2 class="hero-title" style="color:#FFFFFF;"><a href="/avis/148721/">Frieren T.12</a></h2> <div class="post-meta"> <span><i class="fa fa-clock-o"></i> jeu. 16 mai 2024 par <a href="/index.php?page=user-profile&subpage=accueil&id=43869">juju</a></span> <span><a href="/avis/148721/#comments"><i class="fa fa-comment-o"></i> 2 commentaires</a></span> </div> <p>Résumé : Frieren, Fern et Stark s'apprêtent à quitter le haut-plateau du nord pour entrer sur les terres de l'Empire, au niveau du col de Kino. Seulement, depuis que Weise a repris vie, voyageurs ...</p> <p><a class="lien_suite" href="/avis/148721/">Lire la critique de Frieren T.12</a></p> </div> </div> </div> </section> <div class="heading"> <p>Autres critiques du staff</p> </div> <div style="margin-top:50px;z-index:3;position:relative;" id="critiques-staff"> <div class="owl-carousel owl-theme owl-loaded owl-drag"> <div class="item"> <div class="card 3"> <div class="card-img" style="height:150px;"> <a href="/avis/148760/"> <img src="https://img.sanctuary.fr/objet/150/417361.jpg" style="width:100%;" class="card-img-top" style="height:200px;"> </a> </div> <div class="card-block" style="padding:10px;"> <div class="card-meta m-b-0" style="font-weight:100;font-size:11px;text-align:center;">Caricature</div> </div> <div style="overflow: visible;left: 50%;top: 100px;transform: translate(-50%, -50%);position: absolute;width: auto;"> <div style="font-size:20px;color:#484848;height:60px;width:60px;" href="review-post.html" class="chart easypiechart" data-percent="70" data-scale-color="#e3e3e3"><span style="background-color: lightgray;border-radius: 50%;width: 40px;height: 40px;line-height: 40px;">7</span></div> </div> </div> </div> <div class="item"> <div class="card 3"> <div class="card-img" style="height:150px;"> <a href="/avis/148753/"> <img src="https://img.sanctuary.fr/objet/150/117815.jpg" style="width:100%;" class="card-img-top" style="height:200px;"> </a> </div> <div class="card-block" style="padding:10px;"> <div class="card-meta m-b-0" style="font-weight:100;font-size:11px;text-align:center;">Daredevil #278</div> </div> <div style="overflow: visible;left: 50%;top: 100px;transform: translate(-50%, -50%);position: absolute;width: auto;"> <div style="font-size:20px;color:#484848;height:60px;width:60px;" href="review-post.html" class="chart easypiechart" data-percent="80" data-scale-color="#e3e3e3"><span style="background-color: lightgray;border-radius: 50%;width: 40px;height: 40px;line-height: 40px;">8</span></div> </div> </div> </div> <div class="item"> <div class="card 3"> <div class="card-img" style="height:150px;"> <a href="/avis/148749/"> <img src="https://img.sanctuary.fr/objet/150/117811.jpg" style="width:100%;" class="card-img-top" style="height:200px;"> </a> </div> <div class="card-block" style="padding:10px;"> <div class="card-meta m-b-0" style="font-weight:100;font-size:11px;text-align:center;">Daredevil #274</div> </div> <div style="overflow: visible;left: 50%;top: 100px;transform: translate(-50%, -50%);position: absolute;width: auto;"> <div style="font-size:20px;color:#484848;height:60px;width:60px;" href="review-post.html" class="chart easypiechart" data-percent="80" data-scale-color="#e3e3e3"><span style="background-color: lightgray;border-radius: 50%;width: 40px;height: 40px;line-height: 40px;">8</span></div> </div> </div> </div> <div class="item"> <div class="card 3"> <div class="card-img" style="height:150px;"> <a href="/avis/148743/"> <img src="https://img.sanctuary.fr/objet/150/117808.jpg" style="width:100%;" class="card-img-top" style="height:200px;"> </a> </div> <div class="card-block" style="padding:10px;"> <div class="card-meta m-b-0" style="font-weight:100;font-size:11px;text-align:center;">Daredevil #271</div> </div> <div style="overflow: visible;left: 50%;top: 100px;transform: translate(-50%, -50%);position: absolute;width: auto;"> <div style="font-size:20px;color:#484848;height:60px;width:60px;" href="review-post.html" class="chart easypiechart" data-percent="80" data-scale-color="#e3e3e3"><span style="background-color: lightgray;border-radius: 50%;width: 40px;height: 40px;line-height: 40px;">8</span></div> </div> </div> </div> <div class="item"> <div class="card 2"> <div class="card-img" style="height:150px;"> <a href="/avis/148742/"> <img src="https://img.sanctuary.fr/objet/150/416992.jpg" style="width:100%;" class="card-img-top" style="height:200px;"> </a> </div> <div class="card-block" style="padding:10px;"> <div class="card-meta m-b-0" style="font-weight:100;font-size:11px;text-align:center;">Poltron Minet #2</div> </div> <div style="overflow: visible;left: 50%;top: 100px;transform: translate(-50%, -50%);position: absolute;width: auto;"> <div style="font-size:20px;color:#484848;height:60px;width:60px;" href="review-post.html" class="chart easypiechart" data-percent="90" data-scale-color="#e3e3e3"><span style="background-color: lightgray;border-radius: 50%;width: 40px;height: 40px;line-height: 40px;">9</span></div> </div> </div> </div> <div class="item"> <div class="card 2"> <div class="card-img" style="height:150px;"> <a href="/avis/148741/"> <img src="https://img.sanctuary.fr/objet/150/421498.jpg" style="width:100%;" class="card-img-top" style="height:200px;"> </a> </div> <div class="card-block" style="padding:10px;"> <div class="card-meta m-b-0" style="font-weight:100;font-size:11px;text-align:center;">SangDragon</div> </div> <div style="overflow: visible;left: 50%;top: 100px;transform: translate(-50%, -50%);position: absolute;width: auto;"> <div style="font-size:20px;color:#484848;height:60px;width:60px;" href="review-post.html" class="chart easypiechart" data-percent="70" data-scale-color="#e3e3e3"><span style="background-color: lightgray;border-radius: 50%;width: 40px;height: 40px;line-height: 40px;">7</span></div> </div> </div> </div> <div class="item"> <div class="card 2"> <div class="card-img" style="height:150px;"> <a href="/avis/148740/"> <img src="https://img.sanctuary.fr/objet/150/421926.jpg" style="width:100%;" class="card-img-top" style="height:200px;"> </a> </div> <div class="card-block" style="padding:10px;"> <div class="card-meta m-b-0" style="font-weight:100;font-size:11px;text-align:center;">Femme Vie Li...</div> </div> <div style="overflow: visible;left: 50%;top: 100px;transform: translate(-50%, -50%);position: absolute;width: auto;"> <div style="font-size:20px;color:#484848;height:60px;width:60px;" href="review-post.html" class="chart easypiechart" data-percent="70" data-scale-color="#e3e3e3"><span style="background-color: lightgray;border-radius: 50%;width: 40px;height: 40px;line-height: 40px;">7</span></div> </div> </div> </div> <div class="item"> <div class="card 2"> <div class="card-img" style="height:150px;"> <a href="/avis/148738/"> <img src="https://img.sanctuary.fr/objet/150/421753.jpg" style="width:100%;" class="card-img-top" style="height:200px;"> </a> </div> <div class="card-block" style="padding:10px;"> <div class="card-meta m-b-0" style="font-weight:100;font-size:11px;text-align:center;">Lore Olympus #6</div> </div> <div style="overflow: visible;left: 50%;top: 100px;transform: translate(-50%, -50%);position: absolute;width: auto;"> <div style="font-size:20px;color:#484848;height:60px;width:60px;" href="review-post.html" class="chart easypiechart" data-percent="100" data-scale-color="#e3e3e3"><span style="background-color: lightgray;border-radius: 50%;width: 40px;height: 40px;line-height: 40px;">10</span></div> </div> </div> </div> <div class="item"> <div class="card 1"> <div class="card-img" style="height:150px;"> <a href="/avis/148735/"> <img src="https://img.sanctuary.fr/objet/150/413690.jpg" style="width:100%;" class="card-img-top" style="height:200px;"> </a> </div> <div class="card-block" style="padding:10px;"> <div class="card-meta m-b-0" style="font-weight:100;font-size:11px;text-align:center;">Naruto : Sas... #1</div> </div> <div style="overflow: visible;left: 50%;top: 100px;transform: translate(-50%, -50%);position: absolute;width: auto;"> <div style="font-size:20px;color:#484848;height:60px;width:60px;" href="review-post.html" class="chart easypiechart" data-percent="70" data-scale-color="#e3e3e3"><span style="background-color: lightgray;border-radius: 50%;width: 40px;height: 40px;line-height: 40px;">7</span></div> </div> </div> </div> <div class="item"> <div class="card 1"> <div class="card-img" style="height:150px;"> <a href="/avis/148733/"> <img src="https://img.sanctuary.fr/objet/150/418247.jpg" style="width:100%;" class="card-img-top" style="height:200px;"> </a> </div> <div class="card-block" style="padding:10px;"> <div class="card-meta m-b-0" style="font-weight:100;font-size:11px;text-align:center;">Le Palais de... #2</div> </div> <div style="overflow: visible;left: 50%;top: 100px;transform: translate(-50%, -50%);position: absolute;width: auto;"> <div style="font-size:20px;color:#484848;height:60px;width:60px;" href="review-post.html" class="chart easypiechart" data-percent="60" data-scale-color="#e3e3e3"><span style="background-color: lightgray;border-radius: 50%;width: 40px;height: 40px;line-height: 40px;">6</span></div> </div> </div> </div> <div class="item"> <div class="card 2"> <div class="card-img" style="height:150px;"> <a href="/avis/148727/"> <img src="https://img.sanctuary.fr/objet/150/416997.jpg" style="width:100%;" class="card-img-top" style="height:200px;"> </a> </div> <div class="card-block" style="padding:10px;"> <div class="card-meta m-b-0" style="font-weight:100;font-size:11px;text-align:center;">L'Énorme Enq...</div> </div> <div style="overflow: visible;left: 50%;top: 100px;transform: translate(-50%, -50%);position: absolute;width: auto;"> <div style="font-size:20px;color:#484848;height:60px;width:60px;" href="review-post.html" class="chart easypiechart" data-percent="40" data-scale-color="#e3e3e3"><span style="background-color: lightgray;border-radius: 50%;width: 40px;height: 40px;line-height: 40px;">4</span></div> </div> </div> </div> <div class="item"> <div class="card 2"> <div class="card-img" style="height:150px;"> <a href="/avis/148726/"> <img src="https://img.sanctuary.fr/objet/150/415925.jpg" style="width:100%;" class="card-img-top" style="height:200px;"> </a> </div> <div class="card-block" style="padding:10px;"> <div class="card-meta m-b-0" style="font-weight:100;font-size:11px;text-align:center;">les ailes du... #1</div> </div> <div style="overflow: visible;left: 50%;top: 100px;transform: translate(-50%, -50%);position: absolute;width: auto;"> <div style="font-size:20px;color:#484848;height:60px;width:60px;" href="review-post.html" class="chart easypiechart" data-percent="40" data-scale-color="#e3e3e3"><span style="background-color: lightgray;border-radius: 50%;width: 40px;height: 40px;line-height: 40px;">4</span></div> </div> </div> </div> <div class="item"> <div class="card 2"> <div class="card-img" style="height:150px;"> <a href="/avis/148725/"> <img src="https://img.sanctuary.fr/objet/150/421076.jpg" style="width:100%;" class="card-img-top" style="height:200px;"> </a> </div> <div class="card-block" style="padding:10px;"> <div class="card-meta m-b-0" style="font-weight:100;font-size:11px;text-align:center;">Nouvelle Chine</div> </div> <div style="overflow: visible;left: 50%;top: 100px;transform: translate(-50%, -50%);position: absolute;width: auto;"> <div style="font-size:20px;color:#484848;height:60px;width:60px;" href="review-post.html" class="chart easypiechart" data-percent="70" data-scale-color="#e3e3e3"><span style="background-color: lightgray;border-radius: 50%;width: 40px;height: 40px;line-height: 40px;">7</span></div> </div> </div> </div> <div class="item"> <div class="card 2"> <div class="card-img" style="height:150px;"> <a href="/avis/148724/"> <img src="https://img.sanctuary.fr/objet/150/418685.jpg" style="width:100%;" class="card-img-top" style="height:200px;"> </a> </div> <div class="card-block" style="padding:10px;"> <div class="card-meta m-b-0" style="font-weight:100;font-size:11px;text-align:center;">New Cherbour... #5</div> </div> <div style="overflow: visible;left: 50%;top: 100px;transform: translate(-50%, -50%);position: absolute;width: auto;"> <div style="font-size:20px;color:#484848;height:60px;width:60px;" href="review-post.html" class="chart easypiechart" data-percent="70" data-scale-color="#e3e3e3"><span style="background-color: lightgray;border-radius: 50%;width: 40px;height: 40px;line-height: 40px;">7</span></div> </div> </div> </div> <div class="item"> <div class="card 2"> <div class="card-img" style="height:150px;"> <a href="/avis/148723/"> <img src="https://img.sanctuary.fr/objet/150/418643.jpg" style="width:100%;" class="card-img-top" style="height:200px;"> </a> </div> <div class="card-block" style="padding:10px;"> <div class="card-meta m-b-0" style="font-weight:100;font-size:11px;text-align:center;">Habemus Bastard #1</div> </div> <div style="overflow: visible;left: 50%;top: 100px;transform: translate(-50%, -50%);position: absolute;width: auto;"> <div style="font-size:20px;color:#484848;height:60px;width:60px;" href="review-post.html" class="chart easypiechart" data-percent="80" data-scale-color="#e3e3e3"><span style="background-color: lightgray;border-radius: 50%;width: 40px;height: 40px;line-height: 40px;">8</span></div> </div> </div> </div> <div class="item"> <div class="card 1"> <div class="card-img" style="height:150px;"> <a href="/avis/148721/"> <img src="https://img.sanctuary.fr/objet/150/418237.jpg" style="width:100%;" class="card-img-top" style="height:200px;"> </a> </div> <div class="card-block" style="padding:10px;"> <div class="card-meta m-b-0" style="font-weight:100;font-size:11px;text-align:center;">Frieren #12</div> </div> <div style="overflow: visible;left: 50%;top: 100px;transform: translate(-50%, -50%);position: absolute;width: auto;"> <div style="font-size:20px;color:#484848;height:60px;width:60px;" href="review-post.html" class="chart easypiechart" data-percent="100" data-scale-color="#e3e3e3"><span style="background-color: lightgray;border-radius: 50%;width: 40px;height: 40px;line-height: 40px;">10</span></div> </div> </div> </div> <div class="item"> <div class="card 1"> <div class="card-img" style="height:150px;"> <a href="/avis/148715/"> <img src="https://img.sanctuary.fr/objet/150/417459.jpg" style="width:100%;" class="card-img-top" style="height:200px;"> </a> </div> <div class="card-block" style="padding:10px;"> <div class="card-meta m-b-0" style="font-weight:100;font-size:11px;text-align:center;">Luca, vétéri... #1</div> </div> <div style="overflow: visible;left: 50%;top: 100px;transform: translate(-50%, -50%);position: absolute;width: auto;"> <div style="font-size:20px;color:#484848;height:60px;width:60px;" href="review-post.html" class="chart easypiechart" data-percent="70" data-scale-color="#e3e3e3"><span style="background-color: lightgray;border-radius: 50%;width: 40px;height: 40px;line-height: 40px;">7</span></div> </div> </div> </div> <div class="item"> <div class="card 2"> <div class="card-img" style="height:150px;"> <a href="/avis/148714/"> <img src="https://img.sanctuary.fr/objet/150/421720.jpg" style="width:100%;" class="card-img-top" style="height:200px;"> </a> </div> <div class="card-block" style="padding:10px;"> <div class="card-meta m-b-0" style="font-weight:100;font-size:11px;text-align:center;">Vertigéo</div> </div> <div style="overflow: visible;left: 50%;top: 100px;transform: translate(-50%, -50%);position: absolute;width: auto;"> <div style="font-size:20px;color:#484848;height:60px;width:60px;" href="review-post.html" class="chart easypiechart" data-percent="80" data-scale-color="#e3e3e3"><span style="background-color: lightgray;border-radius: 50%;width: 40px;height: 40px;line-height: 40px;">8</span></div> </div> </div> </div> <div class="item"> <div class="card 2"> <div class="card-img" style="height:150px;"> <a href="/avis/148713/"> <img src="https://img.sanctuary.fr/objet/150/421719.jpg" style="width:100%;" class="card-img-top" style="height:200px;"> </a> </div> <div class="card-block" style="padding:10px;"> <div class="card-meta m-b-0" style="font-weight:100;font-size:11px;text-align:center;">Alan Turing</div> </div> <div style="overflow: visible;left: 50%;top: 100px;transform: translate(-50%, -50%);position: absolute;width: auto;"> <div style="font-size:20px;color:#484848;height:60px;width:60px;" href="review-post.html" class="chart easypiechart" data-percent="70" data-scale-color="#e3e3e3"><span style="background-color: lightgray;border-radius: 50%;width: 40px;height: 40px;line-height: 40px;">7</span></div> </div> </div> </div> <div class="item"> <div class="card 1"> <div class="card-img" style="height:150px;"> <a href="/avis/148711/"> <img src="https://img.sanctuary.fr/objet/150/417974.jpg" style="width:100%;" class="card-img-top" style="height:200px;"> </a> </div> <div class="card-block" style="padding:10px;"> <div class="card-meta m-b-0" style="font-weight:100;font-size:11px;text-align:center;">Les Promeneu... #5</div> </div> <div style="overflow: visible;left: 50%;top: 100px;transform: translate(-50%, -50%);position: absolute;width: auto;"> <div style="font-size:20px;color:#484848;height:60px;width:60px;" href="review-post.html" class="chart easypiechart" data-percent="70" data-scale-color="#e3e3e3"><span style="background-color: lightgray;border-radius: 50%;width: 40px;height: 40px;line-height: 40px;">7</span></div> </div> </div> </div> <div class="item"> <div class="card 1"> <div class="card-img" style="height:150px;"> <a href="/avis/148710/"> <img src="https://img.sanctuary.fr/objet/150/416594.jpg" style="width:100%;" class="card-img-top" style="height:200px;"> </a> </div> <div class="card-block" style="padding:10px;"> <div class="card-meta m-b-0" style="font-weight:100;font-size:11px;text-align:center;">Higo no kami... #2</div> </div> <div style="overflow: visible;left: 50%;top: 100px;transform: translate(-50%, -50%);position: absolute;width: auto;"> <div style="font-size:20px;color:#484848;height:60px;width:60px;" href="review-post.html" class="chart easypiechart" data-percent="50" data-scale-color="#e3e3e3"><span style="background-color: lightgray;border-radius: 50%;width: 40px;height: 40px;line-height: 40px;">5</span></div> </div> </div> </div> <div class="item"> <div class="card 1"> <div class="card-img" style="height:150px;"> <a href="/avis/148708/"> <img src="https://img.sanctuary.fr/objet/150/415237.jpg" style="width:100%;" class="card-img-top" style="height:200px;"> </a> </div> <div class="card-block" style="padding:10px;"> <div class="card-meta m-b-0" style="font-weight:100;font-size:11px;text-align:center;">Studio Cabana #1</div> </div> <div style="overflow: visible;left: 50%;top: 100px;transform: translate(-50%, -50%);position: absolute;width: auto;"> <div style="font-size:20px;color:#484848;height:60px;width:60px;" href="review-post.html" class="chart easypiechart" data-percent="60" data-scale-color="#e3e3e3"><span style="background-color: lightgray;border-radius: 50%;width: 40px;height: 40px;line-height: 40px;">6</span></div> </div> </div> </div> <div class="item"> <div class="card 1"> <div class="card-img" style="height:150px;"> <a href="/avis/148707/"> <img src="https://img.sanctuary.fr/objet/150/415379.jpg" style="width:100%;" class="card-img-top" style="height:200px;"> </a> </div> <div class="card-block" style="padding:10px;"> <div class="card-meta m-b-0" style="font-weight:100;font-size:11px;text-align:center;">Land #3</div> </div> <div style="overflow: visible;left: 50%;top: 100px;transform: translate(-50%, -50%);position: absolute;width: auto;"> <div style="font-size:20px;color:#484848;height:60px;width:60px;" href="review-post.html" class="chart easypiechart" data-percent="90" data-scale-color="#e3e3e3"><span style="background-color: lightgray;border-radius: 50%;width: 40px;height: 40px;line-height: 40px;">9</span></div> </div> </div> </div> <div class="item"> <div class="card 3"> <div class="card-img" style="height:150px;"> <a href="/avis/142079/"> <img src="https://img.sanctuary.fr/objet/150/117807.jpg" style="width:100%;" class="card-img-top" style="height:200px;"> </a> </div> <div class="card-block" style="padding:10px;"> <div class="card-meta m-b-0" style="font-weight:100;font-size:11px;text-align:center;">Daredevil #270</div> </div> <div style="overflow: visible;left: 50%;top: 100px;transform: translate(-50%, -50%);position: absolute;width: auto;"> <div style="font-size:20px;color:#484848;height:60px;width:60px;" href="review-post.html" class="chart easypiechart" data-percent="80" data-scale-color="#e3e3e3"><span style="background-color: lightgray;border-radius: 50%;width: 40px;height: 40px;line-height: 40px;">8</span></div> </div> </div> </div> <div class="item"> <div class="card 3"> <div class="card-img" style="height:150px;"> <a href="/avis/148702/"> <img src="https://img.sanctuary.fr/objet/150/117806.jpg" style="width:100%;" class="card-img-top" style="height:200px;"> </a> </div> <div class="card-block" style="padding:10px;"> <div class="card-meta m-b-0" style="font-weight:100;font-size:11px;text-align:center;">Daredevil #269</div> </div> <div style="overflow: visible;left: 50%;top: 100px;transform: translate(-50%, -50%);position: absolute;width: auto;"> <div style="font-size:20px;color:#484848;height:60px;width:60px;" href="review-post.html" class="chart easypiechart" data-percent="70" data-scale-color="#e3e3e3"><span style="background-color: lightgray;border-radius: 50%;width: 40px;height: 40px;line-height: 40px;">7</span></div> </div> </div> </div> <div class="item"> <div class="card 1"> <div class="card-img" style="height:150px;"> <a href="/avis/148660/"> <img src="https://img.sanctuary.fr/objet/150/342678.jpg" style="width:100%;" class="card-img-top" style="height:200px;"> </a> </div> <div class="card-block" style="padding:10px;"> <div class="card-meta m-b-0" style="font-weight:100;font-size:11px;text-align:center;">Ares Le Sold... #6</div> </div> <div style="overflow: visible;left: 50%;top: 100px;transform: translate(-50%, -50%);position: absolute;width: auto;"> <div style="font-size:20px;color:#484848;height:60px;width:60px;" href="review-post.html" class="chart easypiechart" data-percent="90" data-scale-color="#e3e3e3"><span style="background-color: lightgray;border-radius: 50%;width: 40px;height: 40px;line-height: 40px;">9</span></div> </div> </div> </div> <div class="item"> <div class="card 1"> <div class="card-img" style="height:150px;"> <a href="/avis/148656/"> <img src="https://img.sanctuary.fr/objet/150/417475.jpg" style="width:100%;" class="card-img-top" style="height:200px;"> </a> </div> <div class="card-block" style="padding:10px;"> <div class="card-meta m-b-0" style="font-weight:100;font-size:11px;text-align:center;">Le professeu... #1</div> </div> <div style="overflow: visible;left: 50%;top: 100px;transform: translate(-50%, -50%);position: absolute;width: auto;"> <div style="font-size:20px;color:#484848;height:60px;width:60px;" href="review-post.html" class="chart easypiechart" data-percent="80" data-scale-color="#e3e3e3"><span style="background-color: lightgray;border-radius: 50%;width: 40px;height: 40px;line-height: 40px;">8</span></div> </div> </div> </div> <div class="item"> <div class="card 3"> <div class="card-img" style="height:150px;"> <a href="/avis/148650/"> <img src="https://img.sanctuary.fr/objet/150/117804.jpg" style="width:100%;" class="card-img-top" style="height:200px;"> </a> </div> <div class="card-block" style="padding:10px;"> <div class="card-meta m-b-0" style="font-weight:100;font-size:11px;text-align:center;">Daredevil #267</div> </div> <div style="overflow: visible;left: 50%;top: 100px;transform: translate(-50%, -50%);position: absolute;width: auto;"> <div style="font-size:20px;color:#484848;height:60px;width:60px;" href="review-post.html" class="chart easypiechart" data-percent="80" data-scale-color="#e3e3e3"><span style="background-color: lightgray;border-radius: 50%;width: 40px;height: 40px;line-height: 40px;">8</span></div> </div> </div> </div> <div class="item"> <div class="card 1"> <div class="card-img" style="height:150px;"> <a href="/avis/148627/"> <img src="https://img.sanctuary.fr/fiche/150/67494.jpg" style="width:100%;" class="card-img-top" style="height:200px;"> </a> </div> <div class="card-block" style="padding:10px;"> <div class="card-meta m-b-0" style="font-weight:100;font-size:11px;text-align:center;">Bienvenue ch...</div> </div> <div style="overflow: visible;left: 50%;top: 100px;transform: translate(-50%, -50%);position: absolute;width: auto;"> <div style="font-size:20px;color:#484848;height:60px;width:60px;" href="review-post.html" class="chart easypiechart" data-percent="70" data-scale-color="#e3e3e3"><span style="background-color: lightgray;border-radius: 50%;width: 40px;height: 40px;line-height: 40px;">7</span></div> </div> </div> </div> <div class="item"> <div class="card 3"> <div class="card-img" style="height:150px;"> <a href="/avis/148620/"> <img src="https://img.sanctuary.fr/objet/150/421510.jpg" style="width:100%;" class="card-img-top" style="height:200px;"> </a> </div> <div class="card-block" style="padding:10px;"> <div class="card-meta m-b-0" style="font-weight:100;font-size:11px;text-align:center;">Les légendes... #2</div> </div> <div style="overflow: visible;left: 50%;top: 100px;transform: translate(-50%, -50%);position: absolute;width: auto;"> <div style="font-size:20px;color:#484848;height:60px;width:60px;" href="review-post.html" class="chart easypiechart" data-percent="80" data-scale-color="#e3e3e3"><span style="background-color: lightgray;border-radius: 50%;width: 40px;height: 40px;line-height: 40px;">8</span></div> </div> </div> </div> <div class="item"> <div class="card 3"> <div class="card-img" style="height:150px;"> <a href="/avis/148615/"> <img src="https://img.sanctuary.fr/objet/150/420283.jpg" style="width:100%;" class="card-img-top" style="height:200px;"> </a> </div> <div class="card-block" style="padding:10px;"> <div class="card-meta m-b-0" style="font-weight:100;font-size:11px;text-align:center;">Marvel-verse...</div> </div> <div style="overflow: visible;left: 50%;top: 100px;transform: translate(-50%, -50%);position: absolute;width: auto;"> <div style="font-size:20px;color:#484848;height:60px;width:60px;" href="review-post.html" class="chart easypiechart" data-percent="60" data-scale-color="#e3e3e3"><span style="background-color: lightgray;border-radius: 50%;width: 40px;height: 40px;line-height: 40px;">6</span></div> </div> </div> </div> <div class="item"> <div class="card 1"> <div class="card-img" style="height:150px;"> <a href="/avis/148612/"> <img src="https://img.sanctuary.fr/objet/150/417198.jpg" style="width:100%;" class="card-img-top" style="height:200px;"> </a> </div> <div class="card-block" style="padding:10px;"> <div class="card-meta m-b-0" style="font-weight:100;font-size:11px;text-align:center;">Reflection #1</div> </div> <div style="overflow: visible;left: 50%;top: 100px;transform: translate(-50%, -50%);position: absolute;width: auto;"> <div style="font-size:20px;color:#484848;height:60px;width:60px;" href="review-post.html" class="chart easypiechart" data-percent="70" data-scale-color="#e3e3e3"><span style="background-color: lightgray;border-radius: 50%;width: 40px;height: 40px;line-height: 40px;">7</span></div> </div> </div> </div> <div class="item"> <div class="card 1"> <div class="card-img" style="height:150px;"> <a href="/avis/148608/"> <img src="https://img.sanctuary.fr/objet/150/415978.jpg" style="width:100%;" class="card-img-top" style="height:200px;"> </a> </div> <div class="card-block" style="padding:10px;"> <div class="card-meta m-b-0" style="font-weight:100;font-size:11px;text-align:center;">Le goût des ... #2</div> </div> <div style="overflow: visible;left: 50%;top: 100px;transform: translate(-50%, -50%);position: absolute;width: auto;"> <div style="font-size:20px;color:#484848;height:60px;width:60px;" href="review-post.html" class="chart easypiechart" data-percent="70" data-scale-color="#e3e3e3"><span style="background-color: lightgray;border-radius: 50%;width: 40px;height: 40px;line-height: 40px;">7</span></div> </div> </div> </div> <div class="item"> <div class="card 1"> <div class="card-img" style="height:150px;"> <a href="/avis/148607/"> <img src="https://img.sanctuary.fr/objet/150/418421.jpg" style="width:100%;" class="card-img-top" style="height:200px;"> </a> </div> <div class="card-block" style="padding:10px;"> <div class="card-meta m-b-0" style="font-weight:100;font-size:11px;text-align:center;">Un second au... #3</div> </div> <div style="overflow: visible;left: 50%;top: 100px;transform: translate(-50%, -50%);position: absolute;width: auto;"> <div style="font-size:20px;color:#484848;height:60px;width:60px;" href="review-post.html" class="chart easypiechart" data-percent="70" data-scale-color="#e3e3e3"><span style="background-color: lightgray;border-radius: 50%;width: 40px;height: 40px;line-height: 40px;">7</span></div> </div> </div> </div> <div class="item"> <div class="card 3"> <div class="card-img" style="height:150px;"> <a href="/avis/148593/"> <img src="https://img.sanctuary.fr/objet/150/117803.jpg" style="width:100%;" class="card-img-top" style="height:200px;"> </a> </div> <div class="card-block" style="padding:10px;"> <div class="card-meta m-b-0" style="font-weight:100;font-size:11px;text-align:center;">Daredevil #266</div> </div> <div style="overflow: visible;left: 50%;top: 100px;transform: translate(-50%, -50%);position: absolute;width: auto;"> <div style="font-size:20px;color:#484848;height:60px;width:60px;" href="review-post.html" class="chart easypiechart" data-percent="80" data-scale-color="#e3e3e3"><span style="background-color: lightgray;border-radius: 50%;width: 40px;height: 40px;line-height: 40px;">8</span></div> </div> </div> </div> <div class="item"> <div class="card 1"> <div class="card-img" style="height:150px;"> <a href="/avis/148592/"> <img src="https://img.sanctuary.fr/objet/150/329959.jpg" style="width:100%;" class="card-img-top" style="height:200px;"> </a> </div> <div class="card-block" style="padding:10px;"> <div class="card-meta m-b-0" style="font-weight:100;font-size:11px;text-align:center;">Jizo</div> </div> <div style="overflow: visible;left: 50%;top: 100px;transform: translate(-50%, -50%);position: absolute;width: auto;"> <div style="font-size:20px;color:#484848;height:60px;width:60px;" href="review-post.html" class="chart easypiechart" data-percent="80" data-scale-color="#e3e3e3"><span style="background-color: lightgray;border-radius: 50%;width: 40px;height: 40px;line-height: 40px;">8</span></div> </div> </div> </div> <div class="item"> <div class="card 3"> <div class="card-img" style="height:150px;"> <a href="/avis/148589/"> <img src="https://img.sanctuary.fr/objet/150/117799.jpg" style="width:100%;" class="card-img-top" style="height:200px;"> </a> </div> <div class="card-block" style="padding:10px;"> <div class="card-meta m-b-0" style="font-weight:100;font-size:11px;text-align:center;">Daredevil #262</div> </div> <div style="overflow: visible;left: 50%;top: 100px;transform: translate(-50%, -50%);position: absolute;width: auto;"> <div style="font-size:20px;color:#484848;height:60px;width:60px;" href="review-post.html" class="chart easypiechart" data-percent="80" data-scale-color="#e3e3e3"><span style="background-color: lightgray;border-radius: 50%;width: 40px;height: 40px;line-height: 40px;">8</span></div> </div> </div> </div> <div class="item"> <div class="card 1"> <div class="card-img" style="height:150px;"> <a href="/avis/148587/"> <img src="https://img.sanctuary.fr/objet/150/420042.jpg" style="width:100%;" class="card-img-top" style="height:200px;"> </a> </div> <div class="card-block" style="padding:10px;"> <div class="card-meta m-b-0" style="font-weight:100;font-size:11px;text-align:center;">Crimson Hero #17</div> </div> <div style="overflow: visible;left: 50%;top: 100px;transform: translate(-50%, -50%);position: absolute;width: auto;"> <div style="font-size:20px;color:#484848;height:60px;width:60px;" href="review-post.html" class="chart easypiechart" data-percent="70" data-scale-color="#e3e3e3"><span style="background-color: lightgray;border-radius: 50%;width: 40px;height: 40px;line-height: 40px;">7</span></div> </div> </div> </div> <div class="item"> <div class="card 1"> <div class="card-img" style="height:150px;"> <a href="/avis/148586/"> <img src="https://img.sanctuary.fr/objet/150/420041.jpg" style="width:100%;" class="card-img-top" style="height:200px;"> </a> </div> <div class="card-block" style="padding:10px;"> <div class="card-meta m-b-0" style="font-weight:100;font-size:11px;text-align:center;">Crimson Hero #16</div> </div> <div style="overflow: visible;left: 50%;top: 100px;transform: translate(-50%, -50%);position: absolute;width: auto;"> <div style="font-size:20px;color:#484848;height:60px;width:60px;" href="review-post.html" class="chart easypiechart" data-percent="80" data-scale-color="#e3e3e3"><span style="background-color: lightgray;border-radius: 50%;width: 40px;height: 40px;line-height: 40px;">8</span></div> </div> </div> </div> <div class="item"> <div class="card 1"> <div class="card-img" style="height:150px;"> <a href="/avis/148585/"> <img src="https://img.sanctuary.fr/objet/150/420040.jpg" style="width:100%;" class="card-img-top" style="height:200px;"> </a> </div> <div class="card-block" style="padding:10px;"> <div class="card-meta m-b-0" style="font-weight:100;font-size:11px;text-align:center;">Crimson Hero #15</div> </div> <div style="overflow: visible;left: 50%;top: 100px;transform: translate(-50%, -50%);position: absolute;width: auto;"> <div style="font-size:20px;color:#484848;height:60px;width:60px;" href="review-post.html" class="chart easypiechart" data-percent="70" data-scale-color="#e3e3e3"><span style="background-color: lightgray;border-radius: 50%;width: 40px;height: 40px;line-height: 40px;">7</span></div> </div> </div> </div> <div class="item"> <div class="card 1"> <div class="card-img" style="height:150px;"> <a href="/avis/148581/"> <img src="https://img.sanctuary.fr/objet/150/415554.jpg" style="width:100%;" class="card-img-top" style="height:200px;"> </a> </div> <div class="card-block" style="padding:10px;"> <div class="card-meta m-b-0" style="font-weight:100;font-size:11px;text-align:center;">Le Roi des Bugs #1</div> </div> <div style="overflow: visible;left: 50%;top: 100px;transform: translate(-50%, -50%);position: absolute;width: auto;"> <div style="font-size:20px;color:#484848;height:60px;width:60px;" href="review-post.html" class="chart easypiechart" data-percent="60" data-scale-color="#e3e3e3"><span style="background-color: lightgray;border-radius: 50%;width: 40px;height: 40px;line-height: 40px;">6</span></div> </div> </div> </div> <div class="item"> <div class="card 1"> <div class="card-img" style="height:150px;"> <a href="/avis/148579/"> <img src="https://img.sanctuary.fr/objet/150/419149.jpg" style="width:100%;" class="card-img-top" style="height:200px;"> </a> </div> <div class="card-block" style="padding:10px;"> <div class="card-meta m-b-0" style="font-weight:100;font-size:11px;text-align:center;">STUNTS : The... #1</div> </div> <div style="overflow: visible;left: 50%;top: 100px;transform: translate(-50%, -50%);position: absolute;width: auto;"> <div style="font-size:20px;color:#484848;height:60px;width:60px;" href="review-post.html" class="chart easypiechart" data-percent="70" data-scale-color="#e3e3e3"><span style="background-color: lightgray;border-radius: 50%;width: 40px;height: 40px;line-height: 40px;">7</span></div> </div> </div> </div> <div class="item"> <div class="card 1"> <div class="card-img" style="height:150px;"> <a href="/avis/148578/"> <img src="https://img.sanctuary.fr/objet/150/342677.jpg" style="width:100%;" class="card-img-top" style="height:200px;"> </a> </div> <div class="card-block" style="padding:10px;"> <div class="card-meta m-b-0" style="font-weight:100;font-size:11px;text-align:center;">Ares Le Sold... #5</div> </div> <div style="overflow: visible;left: 50%;top: 100px;transform: translate(-50%, -50%);position: absolute;width: auto;"> <div style="font-size:20px;color:#484848;height:60px;width:60px;" href="review-post.html" class="chart easypiechart" data-percent="80" data-scale-color="#e3e3e3"><span style="background-color: lightgray;border-radius: 50%;width: 40px;height: 40px;line-height: 40px;">8</span></div> </div> </div> </div> <div class="item"> <div class="card 1"> <div class="card-img" style="height:150px;"> <a href="/avis/148569/"> <img src="https://img.sanctuary.fr/objet/150/417990.jpg" style="width:100%;" class="card-img-top" style="height:200px;"> </a> </div> <div class="card-block" style="padding:10px;"> <div class="card-meta m-b-0" style="font-weight:100;font-size:11px;text-align:center;">Pino #1</div> </div> <div style="overflow: visible;left: 50%;top: 100px;transform: translate(-50%, -50%);position: absolute;width: auto;"> <div style="font-size:20px;color:#484848;height:60px;width:60px;" href="review-post.html" class="chart easypiechart" data-percent="100" data-scale-color="#e3e3e3"><span style="background-color: lightgray;border-radius: 50%;width: 40px;height: 40px;line-height: 40px;">10</span></div> </div> </div> </div> <div class="item"> <div class="card 1"> <div class="card-img" style="height:150px;"> <a href="/avis/148575/"> <img src="https://img.sanctuary.fr/objet/150/418362.jpg" style="width:100%;" class="card-img-top" style="height:200px;"> </a> </div> <div class="card-block" style="padding:10px;"> <div class="card-meta m-b-0" style="font-weight:100;font-size:11px;text-align:center;">Blue Giant E... #4</div> </div> <div style="overflow: visible;left: 50%;top: 100px;transform: translate(-50%, -50%);position: absolute;width: auto;"> <div style="font-size:20px;color:#484848;height:60px;width:60px;" href="review-post.html" class="chart easypiechart" data-percent="80" data-scale-color="#e3e3e3"><span style="background-color: lightgray;border-radius: 50%;width: 40px;height: 40px;line-height: 40px;">8</span></div> </div> </div> </div> <div class="item"> <div class="card 1"> <div class="card-img" style="height:150px;"> <a href="/avis/148574/"> <img src="https://img.sanctuary.fr/objet/150/418398.jpg" style="width:100%;" class="card-img-top" style="height:200px;"> </a> </div> <div class="card-block" style="padding:10px;"> <div class="card-meta m-b-0" style="font-weight:100;font-size:11px;text-align:center;">Blooming Girls #6</div> </div> <div style="overflow: visible;left: 50%;top: 100px;transform: translate(-50%, -50%);position: absolute;width: auto;"> <div style="font-size:20px;color:#484848;height:60px;width:60px;" href="review-post.html" class="chart easypiechart" data-percent="70" data-scale-color="#e3e3e3"><span style="background-color: lightgray;border-radius: 50%;width: 40px;height: 40px;line-height: 40px;">7</span></div> </div> </div> </div> <div class="item"> <div class="card 1"> <div class="card-img" style="height:150px;"> <a href="/avis/148572/"> <img src="https://img.sanctuary.fr/objet/150/418397.jpg" style="width:100%;" class="card-img-top" style="height:200px;"> </a> </div> <div class="card-block" style="padding:10px;"> <div class="card-meta m-b-0" style="font-weight:100;font-size:11px;text-align:center;">Blooming Girls #5</div> </div> <div style="overflow: visible;left: 50%;top: 100px;transform: translate(-50%, -50%);position: absolute;width: auto;"> <div style="font-size:20px;color:#484848;height:60px;width:60px;" href="review-post.html" class="chart easypiechart" data-percent="60" data-scale-color="#e3e3e3"><span style="background-color: lightgray;border-radius: 50%;width: 40px;height: 40px;line-height: 40px;">6</span></div> </div> </div> </div> <div class="item"> <div class="card 2"> <div class="card-img" style="height:150px;"> <a href="/avis/148571/"> <img src="https://img.sanctuary.fr/objet/150/418030.jpg" style="width:100%;" class="card-img-top" style="height:200px;"> </a> </div> <div class="card-block" style="padding:10px;"> <div class="card-meta m-b-0" style="font-weight:100;font-size:11px;text-align:center;">Caledonia #1</div> </div> <div style="overflow: visible;left: 50%;top: 100px;transform: translate(-50%, -50%);position: absolute;width: auto;"> <div style="font-size:20px;color:#484848;height:60px;width:60px;" href="review-post.html" class="chart easypiechart" data-percent="90" data-scale-color="#e3e3e3"><span style="background-color: lightgray;border-radius: 50%;width: 40px;height: 40px;line-height: 40px;">9</span></div> </div> </div> </div> <div class="item"> <div class="card 1"> <div class="card-img" style="height:150px;"> <a href="/avis/148566/"> <img src="https://img.sanctuary.fr/objet/150/342676.jpg" style="width:100%;" class="card-img-top" style="height:200px;"> </a> </div> <div class="card-block" style="padding:10px;"> <div class="card-meta m-b-0" style="font-weight:100;font-size:11px;text-align:center;">Ares Le Sold... #4</div> </div> <div style="overflow: visible;left: 50%;top: 100px;transform: translate(-50%, -50%);position: absolute;width: auto;"> <div style="font-size:20px;color:#484848;height:60px;width:60px;" href="review-post.html" class="chart easypiechart" data-percent="90" data-scale-color="#e3e3e3"><span style="background-color: lightgray;border-radius: 50%;width: 40px;height: 40px;line-height: 40px;">9</span></div> </div> </div> </div> <div class="item"> <div class="card 3"> <div class="card-img" style="height:150px;"> <a href="/avis/148564/"> <img src="https://img.sanctuary.fr/objet/150/117798.jpg" style="width:100%;" class="card-img-top" style="height:200px;"> </a> </div> <div class="card-block" style="padding:10px;"> <div class="card-meta m-b-0" style="font-weight:100;font-size:11px;text-align:center;">Daredevil #261</div> </div> <div style="overflow: visible;left: 50%;top: 100px;transform: translate(-50%, -50%);position: absolute;width: auto;"> <div style="font-size:20px;color:#484848;height:60px;width:60px;" href="review-post.html" class="chart easypiechart" data-percent="80" data-scale-color="#e3e3e3"><span style="background-color: lightgray;border-radius: 50%;width: 40px;height: 40px;line-height: 40px;">8</span></div> </div> </div> </div> </div> </div> </section> <h6 class="subtitle">Dernières notes des membres</h6> <div style="margin-top:50px;z-index:3;position:relative;" id="critiques-staff"> <div class="owl-carousel owl-theme owl-loaded owl-drag"> <div class="item"> <div class="card 1"> <div class="card-img" style="height:150px;"> <a href="/fiche/71088/"> <img src="https://img.sanctuary.fr/fiche/300/71088.jpg" style="width:100%;" class="card-img-top" style="height:200px;"> </a> </div> <div class="card-block" style="padding:10px;"> <div class="card-meta m-b-0" style="font-weight:100;font-size:11px;text-align:center;">Une Fille At...</div> </div> <div style="overflow: visible;left: 50%;top: 100px;transform: translate(-50%, -50%);position: absolute;width: auto;"> <div style="font-size:20px;color:#484848;height:60px;width:60px;" class="chart easypiechart" data-percent="60" data-scale-color="#e3e3e3"><span style="background-color: lightgray;border-radius: 50%;width: 40px;height: 40px;line-height: 40px;">6</span></div> </div> </div> </div> <div class="item"> <div class="card 1"> <div class="card-img" style="height:150px;"> <a href="/fiche/9632/"> <img src="https://img.sanctuary.fr/fiche/300/9632.jpg" style="width:100%;" class="card-img-top" style="height:200px;"> </a> </div> <div class="card-block" style="padding:10px;"> <div class="card-meta m-b-0" style="font-weight:100;font-size:11px;text-align:center;">Trinity Seven</div> </div> <div style="overflow: visible;left: 50%;top: 100px;transform: translate(-50%, -50%);position: absolute;width: auto;"> <div style="font-size:20px;color:#484848;height:60px;width:60px;" class="chart easypiechart" data-percent="80" data-scale-color="#e3e3e3"><span style="background-color: lightgray;border-radius: 50%;width: 40px;height: 40px;line-height: 40px;">8</span></div> </div> </div> </div> <div class="item"> <div class="card 1"> <div class="card-img" style="height:150px;"> <a href="/fiche/68433/"> <img src="https://img.sanctuary.fr/fiche/300/68433.jpg" style="width:100%;" class="card-img-top" style="height:200px;"> </a> </div> <div class="card-block" style="padding:10px;"> <div class="card-meta m-b-0" style="font-weight:100;font-size:11px;text-align:center;">Box</div> </div> <div style="overflow: visible;left: 50%;top: 100px;transform: translate(-50%, -50%);position: absolute;width: auto;"> <div style="font-size:20px;color:#484848;height:60px;width:60px;" class="chart easypiechart" data-percent="80" data-scale-color="#e3e3e3"><span style="background-color: lightgray;border-radius: 50%;width: 40px;height: 40px;line-height: 40px;">8</span></div> </div> </div> </div> <div class="item"> <div class="card 1"> <div class="card-img" style="height:150px;"> <a href="/fiche/72014/"> <img src="https://img.sanctuary.fr/fiche/300/72014.jpg" style="width:100%;" class="card-img-top" style="height:200px;"> </a> </div> <div class="card-block" style="padding:10px;"> <div class="card-meta m-b-0" style="font-weight:100;font-size:11px;text-align:center;">Thunder 3</div> </div> <div style="overflow: visible;left: 50%;top: 100px;transform: translate(-50%, -50%);position: absolute;width: auto;"> <div style="font-size:20px;color:#484848;height:60px;width:60px;" class="chart easypiechart" data-percent="70" data-scale-color="#e3e3e3"><span style="background-color: lightgray;border-radius: 50%;width: 40px;height: 40px;line-height: 40px;">7</span></div> </div> </div> </div> <div class="item"> <div class="card 1"> <div class="card-img" style="height:150px;"> <a href="/fiche/61153/"> <img src="https://img.sanctuary.fr/fiche/300/61153.jpg" style="width:100%;" class="card-img-top" style="height:200px;"> </a> </div> <div class="card-block" style="padding:10px;"> <div class="card-meta m-b-0" style="font-weight:100;font-size:11px;text-align:center;">Blue Lock</div> </div> <div style="overflow: visible;left: 50%;top: 100px;transform: translate(-50%, -50%);position: absolute;width: auto;"> <div style="font-size:20px;color:#484848;height:60px;width:60px;" class="chart easypiechart" data-percent="60" data-scale-color="#e3e3e3"><span style="background-color: lightgray;border-radius: 50%;width: 40px;height: 40px;line-height: 40px;">6</span></div> </div> </div> </div> <div class="item"> <div class="card 3"> <div class="card-img" style="height:150px;"> <a href="/objet/417361/"> <img src="https://img.sanctuary.fr/objet/300/417361.jpg" style="width:100%;" class="card-img-top" style="height:200px;"> </a> </div> <div class="card-block" style="padding:10px;"> <div class="card-meta m-b-0" style="font-weight:100;font-size:11px;text-align:center;">Caricature</div> </div> <div style="overflow: visible;left: 50%;top: 100px;transform: translate(-50%, -50%);position: absolute;width: auto;"> <div style="font-size:20px;color:#484848;height:60px;width:60px;" class="chart easypiechart" data-percent="70" data-scale-color="#e3e3e3"><span style="background-color: lightgray;border-radius: 50%;width: 40px;height: 40px;line-height: 40px;">7</span></div> </div> </div> </div> <div class="item"> <div class="card 1"> <div class="card-img" style="height:150px;"> <a href="/fiche/69578/"> <img src="https://img.sanctuary.fr/fiche/300/69578.jpg" style="width:100%;" class="card-img-top" style="height:200px;"> </a> </div> <div class="card-block" style="padding:10px;"> <div class="card-meta m-b-0" style="font-weight:100;font-size:11px;text-align:center;">Terukan Boys</div> </div> <div style="overflow: visible;left: 50%;top: 100px;transform: translate(-50%, -50%);position: absolute;width: auto;"> <div style="font-size:20px;color:#484848;height:60px;width:60px;" class="chart easypiechart" data-percent="70" data-scale-color="#e3e3e3"><span style="background-color: lightgray;border-radius: 50%;width: 40px;height: 40px;line-height: 40px;">7</span></div> </div> </div> </div> <div class="item"> <div class="card 1"> <div class="card-img" style="height:150px;"> <a href="/fiche/64504/"> <img src="https://img.sanctuary.fr/fiche/300/64504.jpg" style="width:100%;" class="card-img-top" style="height:200px;"> </a> </div> <div class="card-block" style="padding:10px;"> <div class="card-meta m-b-0" style="font-weight:100;font-size:11px;text-align:center;">Saotome</div> </div> <div style="overflow: visible;left: 50%;top: 100px;transform: translate(-50%, -50%);position: absolute;width: auto;"> <div style="font-size:20px;color:#484848;height:60px;width:60px;" class="chart easypiechart" data-percent="70" data-scale-color="#e3e3e3"><span style="background-color: lightgray;border-radius: 50%;width: 40px;height: 40px;line-height: 40px;">7</span></div> </div> </div> </div> <div class="item"> <div class="card 1"> <div class="card-img" style="height:150px;"> <a href="/fiche/59818/"> <img src="https://img.sanctuary.fr/fiche/300/59818.jpg" style="width:100%;" class="card-img-top" style="height:200px;"> </a> </div> <div class="card-block" style="padding:10px;"> <div class="card-meta m-b-0" style="font-weight:100;font-size:11px;text-align:center;">Nyankees</div> </div> <div style="overflow: visible;left: 50%;top: 100px;transform: translate(-50%, -50%);position: absolute;width: auto;"> <div style="font-size:20px;color:#484848;height:60px;width:60px;" class="chart easypiechart" data-percent="90" data-scale-color="#e3e3e3"><span style="background-color: lightgray;border-radius: 50%;width: 40px;height: 40px;line-height: 40px;">9</span></div> </div> </div> </div> <div class="item"> <div class="card 1"> <div class="card-img" style="height:150px;"> <a href="/fiche/63769/"> <img src="https://img.sanctuary.fr/fiche/300/63769.jpg" style="width:100%;" class="card-img-top" style="height:200px;"> </a> </div> <div class="card-block" style="padding:10px;"> <div class="card-meta m-b-0" style="font-weight:100;font-size:11px;text-align:center;">Le Conte des...</div> </div> <div style="overflow: visible;left: 50%;top: 100px;transform: translate(-50%, -50%);position: absolute;width: auto;"> <div style="font-size:20px;color:#484848;height:60px;width:60px;" class="chart easypiechart" data-percent="80" data-scale-color="#e3e3e3"><span style="background-color: lightgray;border-radius: 50%;width: 40px;height: 40px;line-height: 40px;">8</span></div> </div> </div> </div> <div class="item"> <div class="card 1"> <div class="card-img" style="height:150px;"> <a href="/fiche/65870/"> <img src="https://img.sanctuary.fr/fiche/300/65870.jpg" style="width:100%;" class="card-img-top" style="height:200px;"> </a> </div> <div class="card-block" style="padding:10px;"> <div class="card-meta m-b-0" style="font-weight:100;font-size:11px;text-align:center;">Appare ranman !</div> </div> <div style="overflow: visible;left: 50%;top: 100px;transform: translate(-50%, -50%);position: absolute;width: auto;"> <div style="font-size:20px;color:#484848;height:60px;width:60px;" class="chart easypiechart" data-percent="60" data-scale-color="#e3e3e3"><span style="background-color: lightgray;border-radius: 50%;width: 40px;height: 40px;line-height: 40px;">6</span></div> </div> </div> </div> <div class="item"> <div class="card 3"> <div class="card-img" style="height:150px;"> <a href="/fiche/70269/"> <img src="https://img.sanctuary.fr/fiche/300/70269.jpg" style="width:100%;" class="card-img-top" style="height:200px;"> </a> </div> <div class="card-block" style="padding:10px;"> <div class="card-meta m-b-0" style="font-weight:100;font-size:11px;text-align:center;">Batman - the...</div> </div> <div style="overflow: visible;left: 50%;top: 100px;transform: translate(-50%, -50%);position: absolute;width: auto;"> <div style="font-size:20px;color:#484848;height:60px;width:60px;" class="chart easypiechart" data-percent="80" data-scale-color="#e3e3e3"><span style="background-color: lightgray;border-radius: 50%;width: 40px;height: 40px;line-height: 40px;">8</span></div> </div> </div> </div> <div class="item"> <div class="card 3"> <div class="card-img" style="height:150px;"> <a href="/objet/399258/"> <img src="https://img.sanctuary.fr/objet/300/399258.jpg" style="width:100%;" class="card-img-top" style="height:200px;"> </a> </div> <div class="card-block" style="padding:10px;"> <div class="card-meta m-b-0" style="font-weight:100;font-size:11px;text-align:center;">Batman - the...</div> </div> <div style="overflow: visible;left: 50%;top: 100px;transform: translate(-50%, -50%);position: absolute;width: auto;"> <div style="font-size:20px;color:#484848;height:60px;width:60px;" class="chart easypiechart" data-percent="80" data-scale-color="#e3e3e3"><span style="background-color: lightgray;border-radius: 50%;width: 40px;height: 40px;line-height: 40px;">8</span></div> </div> </div> </div> <div class="item"> <div class="card 3"> <div class="card-img" style="height:150px;"> <a href="/fiche/45552/"> <img src="https://img.sanctuary.fr/fiche/300/45552.jpg" style="width:100%;" class="card-img-top" style="height:200px;"> </a> </div> <div class="card-block" style="padding:10px;"> <div class="card-meta m-b-0" style="font-weight:100;font-size:11px;text-align:center;">Spawn / Batman</div> </div> <div style="overflow: visible;left: 50%;top: 100px;transform: translate(-50%, -50%);position: absolute;width: auto;"> <div style="font-size:20px;color:#484848;height:60px;width:60px;" class="chart easypiechart" data-percent="50" data-scale-color="#e3e3e3"><span style="background-color: lightgray;border-radius: 50%;width: 40px;height: 40px;line-height: 40px;">5</span></div> </div> </div> </div> <div class="item"> <div class="card 3"> <div class="card-img" style="height:150px;"> <a href="/objet/412037/"> <img src="https://img.sanctuary.fr/objet/300/412037.jpg" style="width:100%;" class="card-img-top" style="height:200px;"> </a> </div> <div class="card-block" style="padding:10px;"> <div class="card-meta m-b-0" style="font-weight:100;font-size:11px;text-align:center;">Spawn / Batman</div> </div> <div style="overflow: visible;left: 50%;top: 100px;transform: translate(-50%, -50%);position: absolute;width: auto;"> <div style="font-size:20px;color:#484848;height:60px;width:60px;" class="chart easypiechart" data-percent="50" data-scale-color="#e3e3e3"><span style="background-color: lightgray;border-radius: 50%;width: 40px;height: 40px;line-height: 40px;">5</span></div> </div> </div> </div> <div class="item"> <div class="card 1"> <div class="card-img" style="height:150px;"> <a href="/fiche/8819/"> <img src="https://img.sanctuary.fr/fiche/300/8819.jpg" style="width:100%;" class="card-img-top" style="height:200px;"> </a> </div> <div class="card-block" style="padding:10px;"> <div class="card-meta m-b-0" style="font-weight:100;font-size:11px;text-align:center;">Emerald et a...</div> </div> <div style="overflow: visible;left: 50%;top: 100px;transform: translate(-50%, -50%);position: absolute;width: auto;"> <div style="font-size:20px;color:#484848;height:60px;width:60px;" class="chart easypiechart" data-percent="70" data-scale-color="#e3e3e3"><span style="background-color: lightgray;border-radius: 50%;width: 40px;height: 40px;line-height: 40px;">7</span></div> </div> </div> </div> <div class="item"> <div class="card 3"> <div class="card-img" style="height:150px;"> <a href="/fiche/44903/"> <img src="https://img.sanctuary.fr/fiche/300/44903.jpg" style="width:100%;" class="card-img-top" style="height:200px;"> </a> </div> <div class="card-block" style="padding:10px;"> <div class="card-meta m-b-0" style="font-weight:100;font-size:11px;text-align:center;">Batman / Hun...</div> </div> <div style="overflow: visible;left: 50%;top: 100px;transform: translate(-50%, -50%);position: absolute;width: auto;"> <div style="font-size:20px;color:#484848;height:60px;width:60px;" class="chart easypiechart" data-percent="80" data-scale-color="#e3e3e3"><span style="background-color: lightgray;border-radius: 50%;width: 40px;height: 40px;line-height: 40px;">8</span></div> </div> </div> </div> <div class="item"> <div class="card 99"> <div class="card-img" style="height:150px;"> <a href="/objet/415833/"> <img src="https://img.sanctuary.fr/objet/300/415833.jpg" style="width:100%;" class="card-img-top" style="height:200px;"> </a> </div> <div class="card-block" style="padding:10px;"> <div class="card-meta m-b-0" style="font-weight:100;font-size:11px;text-align:center;">###NON CLASS...</div> </div> <div style="overflow: visible;left: 50%;top: 100px;transform: translate(-50%, -50%);position: absolute;width: auto;"> <div style="font-size:20px;color:#484848;height:60px;width:60px;" class="chart easypiechart" data-percent="100" data-scale-color="#e3e3e3"><span style="background-color: lightgray;border-radius: 50%;width: 40px;height: 40px;line-height: 40px;">10</span></div> </div> </div> </div> <div class="item"> <div class="card 1"> <div class="card-img" style="height:150px;"> <a href="/fiche/72055/"> <img src="https://img.sanctuary.fr/fiche/300/72055.jpg" style="width:100%;" class="card-img-top" style="height:200px;"> </a> </div> <div class="card-block" style="padding:10px;"> <div class="card-meta m-b-0" style="font-weight:100;font-size:11px;text-align:center;">Les Cauchema...</div> </div> <div style="overflow: visible;left: 50%;top: 100px;transform: translate(-50%, -50%);position: absolute;width: auto;"> <div style="font-size:20px;color:#484848;height:60px;width:60px;" class="chart easypiechart" data-percent="70" data-scale-color="#e3e3e3"><span style="background-color: lightgray;border-radius: 50%;width: 40px;height: 40px;line-height: 40px;">7</span></div> </div> </div> </div> <div class="item"> <div class="card 1"> <div class="card-img" style="height:150px;"> <a href="/fiche/4930/"> <img src="https://img.sanctuary.fr/fiche/300/4930.jpg" style="width:100%;" class="card-img-top" style="height:200px;"> </a> </div> <div class="card-block" style="padding:10px;"> <div class="card-meta m-b-0" style="font-weight:100;font-size:11px;text-align:center;">Le Quartier ...</div> </div> <div style="overflow: visible;left: 50%;top: 100px;transform: translate(-50%, -50%);position: absolute;width: auto;"> <div style="font-size:20px;color:#484848;height:60px;width:60px;" class="chart easypiechart" data-percent="60" data-scale-color="#e3e3e3"><span style="background-color: lightgray;border-radius: 50%;width: 40px;height: 40px;line-height: 40px;">6</span></div> </div> </div> </div> <div class="item"> <div class="card 1"> <div class="card-img" style="height:150px;"> <a href="/fiche/13692/"> <img src="/public/img/adulte.png" style="width:100%;" class="card-img-top" style="height:200px;"> </a> </div> <div class="card-block" style="padding:10px;"> <div class="card-meta m-b-0" style="font-weight:100;font-size:11px;text-align:center;">How Good was...</div> </div> <div style="overflow: visible;left: 50%;top: 100px;transform: translate(-50%, -50%);position: absolute;width: auto;"> <div style="font-size:20px;color:#484848;height:60px;width:60px;" class="chart easypiechart" data-percent="60" data-scale-color="#e3e3e3"><span style="background-color: lightgray;border-radius: 50%;width: 40px;height: 40px;line-height: 40px;">6</span></div> </div> </div> </div> <div class="item"> <div class="card 1"> <div class="card-img" style="height:150px;"> <a href="/fiche/71053/"> <img src="/public/img/adulte.png" style="width:100%;" class="card-img-top" style="height:200px;"> </a> </div> <div class="card-block" style="padding:10px;"> <div class="card-meta m-b-0" style="font-weight:100;font-size:11px;text-align:center;">Leçons parti...</div> </div> <div style="overflow: visible;left: 50%;top: 100px;transform: translate(-50%, -50%);position: absolute;width: auto;"> <div style="font-size:20px;color:#484848;height:60px;width:60px;" class="chart easypiechart" data-percent="70" data-scale-color="#e3e3e3"><span style="background-color: lightgray;border-radius: 50%;width: 40px;height: 40px;line-height: 40px;">7</span></div> </div> </div> </div> <div class="item"> <div class="card 99"> <div class="card-img" style="height:150px;"> <a href="/objet/405952/"> <img src="https://img.sanctuary.fr/objet/300/405952.jpg" style="width:100%;" class="card-img-top" style="height:200px;"> </a> </div> <div class="card-block" style="padding:10px;"> <div class="card-meta m-b-0" style="font-weight:100;font-size:11px;text-align:center;">###NON CLASS...</div> </div> <div style="overflow: visible;left: 50%;top: 100px;transform: translate(-50%, -50%);position: absolute;width: auto;"> <div style="font-size:20px;color:#484848;height:60px;width:60px;" class="chart easypiechart" data-percent="60" data-scale-color="#e3e3e3"><span style="background-color: lightgray;border-radius: 50%;width: 40px;height: 40px;line-height: 40px;">6</span></div> </div> </div> </div> <div class="item"> <div class="card 2"> <div class="card-img" style="height:150px;"> <a href="/objet/349074/"> <img src="https://img.sanctuary.fr/objet/300/349074.jpg" style="width:100%;" class="card-img-top" style="height:200px;"> </a> </div> <div class="card-block" style="padding:10px;"> <div class="card-meta m-b-0" style="font-weight:100;font-size:11px;text-align:center;">Saint-Elme #1</div> </div> <div style="overflow: visible;left: 50%;top: 100px;transform: translate(-50%, -50%);position: absolute;width: auto;"> <div style="font-size:20px;color:#484848;height:60px;width:60px;" class="chart easypiechart" data-percent="70" data-scale-color="#e3e3e3"><span style="background-color: lightgray;border-radius: 50%;width: 40px;height: 40px;line-height: 40px;">7</span></div> </div> </div> </div> <div class="item"> <div class="card 3"> <div class="card-img" style="height:150px;"> <a href="/objet/95633/"> <img src="https://img.sanctuary.fr/objet/300/95633.jpg" style="width:100%;" class="card-img-top" style="height:200px;"> </a> </div> <div class="card-block" style="padding:10px;"> <div class="card-meta m-b-0" style="font-weight:100;font-size:11px;text-align:center;">Maus</div> </div> <div style="overflow: visible;left: 50%;top: 100px;transform: translate(-50%, -50%);position: absolute;width: auto;"> <div style="font-size:20px;color:#484848;height:60px;width:60px;" class="chart easypiechart" data-percent="60" data-scale-color="#e3e3e3"><span style="background-color: lightgray;border-radius: 50%;width: 40px;height: 40px;line-height: 40px;">6</span></div> </div> </div> </div> <div class="item"> <div class="card 3"> <div class="card-img" style="height:150px;"> <a href="/fiche/24358/"> <img src="https://img.sanctuary.fr/fiche/300/24358.jpg" style="width:100%;" class="card-img-top" style="height:200px;"> </a> </div> <div class="card-block" style="padding:10px;"> <div class="card-meta m-b-0" style="font-weight:100;font-size:11px;text-align:center;">Maus</div> </div> <div style="overflow: visible;left: 50%;top: 100px;transform: translate(-50%, -50%);position: absolute;width: auto;"> <div style="font-size:20px;color:#484848;height:60px;width:60px;" class="chart easypiechart" data-percent="60" data-scale-color="#e3e3e3"><span style="background-color: lightgray;border-radius: 50%;width: 40px;height: 40px;line-height: 40px;">6</span></div> </div> </div> </div> <div class="item"> <div class="card 1"> <div class="card-img" style="height:150px;"> <a href="/objet/415260/"> <img src="https://img.sanctuary.fr/objet/300/415260.jpg" style="width:100%;" class="card-img-top" style="height:200px;"> </a> </div> <div class="card-block" style="padding:10px;"> <div class="card-meta m-b-0" style="font-weight:100;font-size:11px;text-align:center;">My Hero Acad...</div> </div> <div style="overflow: visible;left: 50%;top: 100px;transform: translate(-50%, -50%);position: absolute;width: auto;"> <div style="font-size:20px;color:#484848;height:60px;width:60px;" class="chart easypiechart" data-percent="70" data-scale-color="#e3e3e3"><span style="background-color: lightgray;border-radius: 50%;width: 40px;height: 40px;line-height: 40px;">7</span></div> </div> </div> </div> <div class="item"> <div class="card 1"> <div class="card-img" style="height:150px;"> <a href="/objet/409759/"> <img src="https://img.sanctuary.fr/objet/300/409759.jpg" style="width:100%;" class="card-img-top" style="height:200px;"> </a> </div> <div class="card-block" style="padding:10px;"> <div class="card-meta m-b-0" style="font-weight:100;font-size:11px;text-align:center;">My Hero Acad...</div> </div> <div style="overflow: visible;left: 50%;top: 100px;transform: translate(-50%, -50%);position: absolute;width: auto;"> <div style="font-size:20px;color:#484848;height:60px;width:60px;" class="chart easypiechart" data-percent="80" data-scale-color="#e3e3e3"><span style="background-color: lightgray;border-radius: 50%;width: 40px;height: 40px;line-height: 40px;">8</span></div> </div> </div> </div> <div class="item"> <div class="card 1"> <div class="card-img" style="height:150px;"> <a href="/objet/406225/"> <img src="https://img.sanctuary.fr/objet/300/406225.jpg" style="width:100%;" class="card-img-top" style="height:200px;"> </a> </div> <div class="card-block" style="padding:10px;"> <div class="card-meta m-b-0" style="font-weight:100;font-size:11px;text-align:center;">My Hero Acad...</div> </div> <div style="overflow: visible;left: 50%;top: 100px;transform: translate(-50%, -50%);position: absolute;width: auto;"> <div style="font-size:20px;color:#484848;height:60px;width:60px;" class="chart easypiechart" data-percent="80" data-scale-color="#e3e3e3"><span style="background-color: lightgray;border-radius: 50%;width: 40px;height: 40px;line-height: 40px;">8</span></div> </div> </div> </div> <div class="item"> <div class="card 3"> <div class="card-img" style="height:150px;"> <a href="/fiche/63404/"> <img src="https://img.sanctuary.fr/fiche/300/63404.jpg" style="width:100%;" class="card-img-top" style="height:200px;"> </a> </div> <div class="card-block" style="padding:10px;"> <div class="card-meta m-b-0" style="font-weight:100;font-size:11px;text-align:center;">Wanda & La V...</div> </div> <div style="overflow: visible;left: 50%;top: 100px;transform: translate(-50%, -50%);position: absolute;width: auto;"> <div style="font-size:20px;color:#484848;height:60px;width:60px;" class="chart easypiechart" data-percent="80" data-scale-color="#e3e3e3"><span style="background-color: lightgray;border-radius: 50%;width: 40px;height: 40px;line-height: 40px;">8</span></div> </div> </div> </div> <div class="item"> <div class="card 3"> <div class="card-img" style="height:150px;"> <a href="/objet/117815/"> <img src="https://img.sanctuary.fr/objet/300/117815.jpg" style="width:100%;" class="card-img-top" style="height:200px;"> </a> </div> <div class="card-block" style="padding:10px;"> <div class="card-meta m-b-0" style="font-weight:100;font-size:11px;text-align:center;">Daredevil #278</div> </div> <div style="overflow: visible;left: 50%;top: 100px;transform: translate(-50%, -50%);position: absolute;width: auto;"> <div style="font-size:20px;color:#484848;height:60px;width:60px;" class="chart easypiechart" data-percent="80" data-scale-color="#e3e3e3"><span style="background-color: lightgray;border-radius: 50%;width: 40px;height: 40px;line-height: 40px;">8</span></div> </div> </div> </div> <div class="item"> <div class="card 3"> <div class="card-img" style="height:150px;"> <a href="/objet/340612/"> <img src="https://img.sanctuary.fr/objet/300/340612.jpg" style="width:100%;" class="card-img-top" style="height:200px;"> </a> </div> <div class="card-block" style="padding:10px;"> <div class="card-meta m-b-0" style="font-weight:100;font-size:11px;text-align:center;">Wanda & La V...</div> </div> <div style="overflow: visible;left: 50%;top: 100px;transform: translate(-50%, -50%);position: absolute;width: auto;"> <div style="font-size:20px;color:#484848;height:60px;width:60px;" class="chart easypiechart" data-percent="60" data-scale-color="#e3e3e3"><span style="background-color: lightgray;border-radius: 50%;width: 40px;height: 40px;line-height: 40px;">6</span></div> </div> </div> </div> <div class="item"> <div class="card 3"> <div class="card-img" style="height:150px;"> <a href="/objet/117811/"> <img src="https://img.sanctuary.fr/objet/300/117811.jpg" style="width:100%;" class="card-img-top" style="height:200px;"> </a> </div> <div class="card-block" style="padding:10px;"> <div class="card-meta m-b-0" style="font-weight:100;font-size:11px;text-align:center;">Daredevil #274</div> </div> <div style="overflow: visible;left: 50%;top: 100px;transform: translate(-50%, -50%);position: absolute;width: auto;"> <div style="font-size:20px;color:#484848;height:60px;width:60px;" class="chart easypiechart" data-percent="80" data-scale-color="#e3e3e3"><span style="background-color: lightgray;border-radius: 50%;width: 40px;height: 40px;line-height: 40px;">8</span></div> </div> </div> </div> <div class="item"> <div class="card 1"> <div class="card-img" style="height:150px;"> <a href="/fiche/114/"> <img src="https://img.sanctuary.fr/fiche/300/114.jpg" style="width:100%;" class="card-img-top" style="height:200px;"> </a> </div> <div class="card-block" style="padding:10px;"> <div class="card-meta m-b-0" style="font-weight:100;font-size:11px;text-align:center;">.Hack// Le B...</div> </div> <div style="overflow: visible;left: 50%;top: 100px;transform: translate(-50%, -50%);position: absolute;width: auto;"> <div style="font-size:20px;color:#484848;height:60px;width:60px;" class="chart easypiechart" data-percent="100" data-scale-color="#e3e3e3"><span style="background-color: lightgray;border-radius: 50%;width: 40px;height: 40px;line-height: 40px;">10</span></div> </div> </div> </div> <div class="item"> <div class="card 3"> <div class="card-img" style="height:150px;"> <a href="/objet/117808/"> <img src="https://img.sanctuary.fr/objet/300/117808.jpg" style="width:100%;" class="card-img-top" style="height:200px;"> </a> </div> <div class="card-block" style="padding:10px;"> <div class="card-meta m-b-0" style="font-weight:100;font-size:11px;text-align:center;">Daredevil #271</div> </div> <div style="overflow: visible;left: 50%;top: 100px;transform: translate(-50%, -50%);position: absolute;width: auto;"> <div style="font-size:20px;color:#484848;height:60px;width:60px;" class="chart easypiechart" data-percent="80" data-scale-color="#e3e3e3"><span style="background-color: lightgray;border-radius: 50%;width: 40px;height: 40px;line-height: 40px;">8</span></div> </div> </div> </div> <div class="item"> <div class="card 2"> <div class="card-img" style="height:150px;"> <a href="/objet/416992/"> <img src="https://img.sanctuary.fr/objet/300/416992.jpg" style="width:100%;" class="card-img-top" style="height:200px;"> </a> </div> <div class="card-block" style="padding:10px;"> <div class="card-meta m-b-0" style="font-weight:100;font-size:11px;text-align:center;">Poltron Mine...</div> </div> <div style="overflow: visible;left: 50%;top: 100px;transform: translate(-50%, -50%);position: absolute;width: auto;"> <div style="font-size:20px;color:#484848;height:60px;width:60px;" class="chart easypiechart" data-percent="90" data-scale-color="#e3e3e3"><span style="background-color: lightgray;border-radius: 50%;width: 40px;height: 40px;line-height: 40px;">9</span></div> </div> </div> </div> <div class="item"> <div class="card 2"> <div class="card-img" style="height:150px;"> <a href="/fiche/73686/"> <img src="https://img.sanctuary.fr/fiche/300/73686.jpg" style="width:100%;" class="card-img-top" style="height:200px;"> </a> </div> <div class="card-block" style="padding:10px;"> <div class="card-meta m-b-0" style="font-weight:100;font-size:11px;text-align:center;">SangDragon</div> </div> <div style="overflow: visible;left: 50%;top: 100px;transform: translate(-50%, -50%);position: absolute;width: auto;"> <div style="font-size:20px;color:#484848;height:60px;width:60px;" class="chart easypiechart" data-percent="70" data-scale-color="#e3e3e3"><span style="background-color: lightgray;border-radius: 50%;width: 40px;height: 40px;line-height: 40px;">7</span></div> </div> </div> </div> <div class="item"> <div class="card 2"> <div class="card-img" style="height:150px;"> <a href="/objet/421498/"> <img src="https://img.sanctuary.fr/objet/300/421498.jpg" style="width:100%;" class="card-img-top" style="height:200px;"> </a> </div> <div class="card-block" style="padding:10px;"> <div class="card-meta m-b-0" style="font-weight:100;font-size:11px;text-align:center;">SangDragon</div> </div> <div style="overflow: visible;left: 50%;top: 100px;transform: translate(-50%, -50%);position: absolute;width: auto;"> <div style="font-size:20px;color:#484848;height:60px;width:60px;" class="chart easypiechart" data-percent="70" data-scale-color="#e3e3e3"><span style="background-color: lightgray;border-radius: 50%;width: 40px;height: 40px;line-height: 40px;">7</span></div> </div> </div> </div> <div class="item"> <div class="card 2"> <div class="card-img" style="height:150px;"> <a href="/fiche/73737/"> <img src="https://img.sanctuary.fr/fiche/300/73737.jpg" style="width:100%;" class="card-img-top" style="height:200px;"> </a> </div> <div class="card-block" style="padding:10px;"> <div class="card-meta m-b-0" style="font-weight:100;font-size:11px;text-align:center;">Femme Vie Li...</div> </div> <div style="overflow: visible;left: 50%;top: 100px;transform: translate(-50%, -50%);position: absolute;width: auto;"> <div style="font-size:20px;color:#484848;height:60px;width:60px;" class="chart easypiechart" data-percent="70" data-scale-color="#e3e3e3"><span style="background-color: lightgray;border-radius: 50%;width: 40px;height: 40px;line-height: 40px;">7</span></div> </div> </div> </div> <div class="item"> <div class="card 2"> <div class="card-img" style="height:150px;"> <a href="/objet/421926/"> <img src="https://img.sanctuary.fr/objet/300/421926.jpg" style="width:100%;" class="card-img-top" style="height:200px;"> </a> </div> <div class="card-block" style="padding:10px;"> <div class="card-meta m-b-0" style="font-weight:100;font-size:11px;text-align:center;">Femme Vie Li...</div> </div> <div style="overflow: visible;left: 50%;top: 100px;transform: translate(-50%, -50%);position: absolute;width: auto;"> <div style="font-size:20px;color:#484848;height:60px;width:60px;" class="chart easypiechart" data-percent="70" data-scale-color="#e3e3e3"><span style="background-color: lightgray;border-radius: 50%;width: 40px;height: 40px;line-height: 40px;">7</span></div> </div> </div> </div> <div class="item"> <div class="card 1"> <div class="card-img" style="height:150px;"> <a href="/objet/411276/"> <img src="https://img.sanctuary.fr/objet/300/411276.jpg" style="width:100%;" class="card-img-top" style="height:200px;"> </a> </div> <div class="card-block" style="padding:10px;"> <div class="card-meta m-b-0" style="font-weight:100;font-size:11px;text-align:center;">Les Cauchema...</div> </div> <div style="overflow: visible;left: 50%;top: 100px;transform: translate(-50%, -50%);position: absolute;width: auto;"> <div style="font-size:20px;color:#484848;height:60px;width:60px;" class="chart easypiechart" data-percent="80" data-scale-color="#e3e3e3"><span style="background-color: lightgray;border-radius: 50%;width: 40px;height: 40px;line-height: 40px;">8</span></div> </div> </div> </div> <div class="item"> <div class="card 1"> <div class="card-img" style="height:150px;"> <a href="/fiche/72506/"> <img src="https://img.sanctuary.fr/fiche/300/72506.jpg" style="width:100%;" class="card-img-top" style="height:200px;"> </a> </div> <div class="card-block" style="padding:10px;"> <div class="card-meta m-b-0" style="font-weight:100;font-size:11px;text-align:center;">Pomme Mécani...</div> </div> <div style="overflow: visible;left: 50%;top: 100px;transform: translate(-50%, -50%);position: absolute;width: auto;"> <div style="font-size:20px;color:#484848;height:60px;width:60px;" class="chart easypiechart" data-percent="70" data-scale-color="#e3e3e3"><span style="background-color: lightgray;border-radius: 50%;width: 40px;height: 40px;line-height: 40px;">7</span></div> </div> </div> </div> <div class="item"> <div class="card 1"> <div class="card-img" style="height:150px;"> <a href="/fiche/2196/"> <img src="https://img.sanctuary.fr/fiche/300/2196.jpg" style="width:100%;" class="card-img-top" style="height:200px;"> </a> </div> <div class="card-block" style="padding:10px;"> <div class="card-meta m-b-0" style="font-weight:100;font-size:11px;text-align:center;">Gyo</div> </div> <div style="overflow: visible;left: 50%;top: 100px;transform: translate(-50%, -50%);position: absolute;width: auto;"> <div style="font-size:20px;color:#484848;height:60px;width:60px;" class="chart easypiechart" data-percent="80" data-scale-color="#e3e3e3"><span style="background-color: lightgray;border-radius: 50%;width: 40px;height: 40px;line-height: 40px;">8</span></div> </div> </div> </div> <div class="item"> <div class="card 1"> <div class="card-img" style="height:150px;"> <a href="/fiche/63590/"> <img src="https://img.sanctuary.fr/fiche/300/63590.jpg" style="width:100%;" class="card-img-top" style="height:200px;"> </a> </div> <div class="card-block" style="padding:10px;"> <div class="card-meta m-b-0" style="font-weight:100;font-size:11px;text-align:center;">Gôketsuji ic...</div> </div> <div style="overflow: visible;left: 50%;top: 100px;transform: translate(-50%, -50%);position: absolute;width: auto;"> <div style="font-size:20px;color:#484848;height:60px;width:60px;" class="chart easypiechart" data-percent="30" data-scale-color="#e3e3e3"><span style="background-color: lightgray;border-radius: 50%;width: 40px;height: 40px;line-height: 40px;">3</span></div> </div> </div> </div> <div class="item"> <div class="card 3"> <div class="card-img" style="height:150px;"> <a href="/objet/421459/"> <img src="https://img.sanctuary.fr/objet/300/421459.jpg" style="width:100%;" class="card-img-top" style="height:200px;"> </a> </div> <div class="card-block" style="padding:10px;"> <div class="card-meta m-b-0" style="font-weight:100;font-size:11px;text-align:center;">Star Wars: V...</div> </div> <div style="overflow: visible;left: 50%;top: 100px;transform: translate(-50%, -50%);position: absolute;width: auto;"> <div style="font-size:20px;color:#484848;height:60px;width:60px;" class="chart easypiechart" data-percent="60" data-scale-color="#e3e3e3"><span style="background-color: lightgray;border-radius: 50%;width: 40px;height: 40px;line-height: 40px;">6</span></div> </div> </div> </div> <div class="item"> <div class="card 1"> <div class="card-img" style="height:150px;"> <a href="/fiche/73241/"> <img src="https://img.sanctuary.fr/fiche/300/73241.jpg" style="width:100%;" class="card-img-top" style="height:200px;"> </a> </div> <div class="card-block" style="padding:10px;"> <div class="card-meta m-b-0" style="font-weight:100;font-size:11px;text-align:center;">Et plus si a...</div> </div> <div style="overflow: visible;left: 50%;top: 100px;transform: translate(-50%, -50%);position: absolute;width: auto;"> <div style="font-size:20px;color:#484848;height:60px;width:60px;" class="chart easypiechart" data-percent="20" data-scale-color="#e3e3e3"><span style="background-color: lightgray;border-radius: 50%;width: 40px;height: 40px;line-height: 40px;">2</span></div> </div> </div> </div> <div class="item"> <div class="card 1"> <div class="card-img" style="height:150px;"> <a href="/objet/50215/"> <img src="https://img.sanctuary.fr/objet/300/50215.jpg" style="width:100%;" class="card-img-top" style="height:200px;"> </a> </div> <div class="card-block" style="padding:10px;"> <div class="card-meta m-b-0" style="font-weight:100;font-size:11px;text-align:center;">Kimagure Ora...</div> </div> <div style="overflow: visible;left: 50%;top: 100px;transform: translate(-50%, -50%);position: absolute;width: auto;"> <div style="font-size:20px;color:#484848;height:60px;width:60px;" class="chart easypiechart" data-percent="90" data-scale-color="#e3e3e3"><span style="background-color: lightgray;border-radius: 50%;width: 40px;height: 40px;line-height: 40px;">9</span></div> </div> </div> </div> <div class="item"> <div class="card 1"> <div class="card-img" style="height:150px;"> <a href="/objet/50214/"> <img src="https://img.sanctuary.fr/objet/300/50214.jpg" style="width:100%;" class="card-img-top" style="height:200px;"> </a> </div> <div class="card-block" style="padding:10px;"> <div class="card-meta m-b-0" style="font-weight:100;font-size:11px;text-align:center;">Kimagure Ora...</div> </div> <div style="overflow: visible;left: 50%;top: 100px;transform: translate(-50%, -50%);position: absolute;width: auto;"> <div style="font-size:20px;color:#484848;height:60px;width:60px;" class="chart easypiechart" data-percent="90" data-scale-color="#e3e3e3"><span style="background-color: lightgray;border-radius: 50%;width: 40px;height: 40px;line-height: 40px;">9</span></div> </div> </div> </div> <div class="item"> <div class="card 1"> <div class="card-img" style="height:150px;"> <a href="/objet/47841/"> <img src="https://img.sanctuary.fr/objet/300/47841.jpg" style="width:100%;" class="card-img-top" style="height:200px;"> </a> </div> <div class="card-block" style="padding:10px;"> <div class="card-meta m-b-0" style="font-weight:100;font-size:11px;text-align:center;">Kimagure Ora...</div> </div> <div style="overflow: visible;left: 50%;top: 100px;transform: translate(-50%, -50%);position: absolute;width: auto;"> <div style="font-size:20px;color:#484848;height:60px;width:60px;" class="chart easypiechart" data-percent="90" data-scale-color="#e3e3e3"><span style="background-color: lightgray;border-radius: 50%;width: 40px;height: 40px;line-height: 40px;">9</span></div> </div> </div> </div> <div class="item"> <div class="card 3"> <div class="card-img" style="height:150px;"> <a href="/fiche/61697/"> <img src="https://img.sanctuary.fr/fiche/300/61697.jpg" style="width:100%;" class="card-img-top" style="height:200px;"> </a> </div> <div class="card-block" style="padding:10px;"> <div class="card-meta m-b-0" style="font-weight:100;font-size:11px;text-align:center;">Harleen</div> </div> <div style="overflow: visible;left: 50%;top: 100px;transform: translate(-50%, -50%);position: absolute;width: auto;"> <div style="font-size:20px;color:#484848;height:60px;width:60px;" class="chart easypiechart" data-percent="80" data-scale-color="#e3e3e3"><span style="background-color: lightgray;border-radius: 50%;width: 40px;height: 40px;line-height: 40px;">8</span></div> </div> </div> </div> </div> </div> <h6 class="subtitle">Les membres en discutent</h6> <div class="row"> <div class="post post-md col-lg-6"> <div class="post-thumbnail" style="width:75px;"> <a href="/index.php?page=fiche-discu-detail&id=1293"><img src="https://img.sanctuary.fr/fiche/150/15255.jpg" alt=""></a> </div> <div class="post-block"> <h2 class="post-title"><a href="/index.php?page=fiche-discu-detail&id=1293">Gewalt T.1 - Simple</a></h2> <div class="post-meta"> <a href="/fiche/15255/">Gewalt</a> </div> <div class="post-meta"> <span><i class="fa fa-clock-o"></i>par <a href="/index.php?page=user-profile&subpage=accueil&id=5194">Team Sanctuary</a></span> <span><i class="fa fa-comment-o"></i> 2 réponses</span> </div> </div> </div> <div class="post post-md col-lg-6"> <div class="post-thumbnail" style="width:75px;"> <a href="/index.php?page=fiche-discu-detail&id=3985"><img src="https://img.sanctuary.fr/fiche/150/23372.jpg" alt=""></a> </div> <div class="post-block"> <h2 class="post-title"><a href="/index.php?page=fiche-discu-detail&id=3985">Great!</a></h2> <div class="post-meta"> <a href="/fiche/23372/">Daredevil - Guerre et Amour</a> </div> <div class="post-meta"> <span><i class="fa fa-clock-o"></i>par <a href="/index.php?page=user-profile&subpage=accueil&id=183813">mariakenneth</a></span> <span><i class="fa fa-comment-o"></i> 0 réponses</span> </div> </div> </div> <div class="post post-md col-lg-6"> <div class="post-thumbnail" style="width:75px;"> <a href="/index.php?page=fiche-discu-detail&id=3945"><img src="https://img.sanctuary.fr/fiche/150/12717.jpg" alt=""></a> </div> <div class="post-block"> <h2 class="post-title"><a href="/index.php?page=fiche-discu-detail&id=3945">Geometry Dash Lite</a></h2> <div class="post-meta"> <a href="/fiche/12717/">Orange</a> </div> <div class="post-meta"> <span><i class="fa fa-clock-o"></i>par <a href="/index.php?page=user-profile&subpage=accueil&id=177377">projectileattach</a></span> <span><i class="fa fa-comment-o"></i> 12 réponses</span> </div> </div> </div> <div class="post post-md col-lg-6"> <div class="post-thumbnail" style="width:75px;"> <a href="/index.php?page=fiche-discu-detail&id=3942"><img src="https://img.sanctuary.fr/fiche/150/11177.jpg" alt=""></a> </div> <div class="post-block"> <h2 class="post-title"><a href="/index.php?page=fiche-discu-detail&id=3942">Top software to sort messy English words into complete sentences</a></h2> <div class="post-meta"> <a href="/fiche/11177/">The Arms Peddler</a> </div> <div class="post-meta"> <span><i class="fa fa-clock-o"></i>par <a href="/index.php?page=user-profile&subpage=accueil&id=177500">entertwenty</a></span> <span><i class="fa fa-comment-o"></i> 22 réponses</span> </div> </div> </div> <div class="post post-md col-lg-6"> <div class="post-thumbnail" style="width:75px;"> <a href="/index.php?page=fiche-discu-detail&id=3889"><img src="https://img.sanctuary.fr/fiche/150/11177.jpg" alt=""></a> </div> <div class="post-block"> <h2 class="post-title"><a href="/index.php?page=fiche-discu-detail&id=3889">Arrêt brutal ? !</a></h2> <div class="post-meta"> <a href="/fiche/11177/">The Arms Peddler</a> </div> <div class="post-meta"> <span><i class="fa fa-clock-o"></i>par <a href="/index.php?page=user-profile&subpage=accueil&id=23833">angel_666</a></span> <span><i class="fa fa-comment-o"></i> 75 réponses</span> </div> </div> </div> <div class="post post-md col-lg-6"> <div class="post-thumbnail" style="width:75px;"> <a href="/index.php?page=fiche-discu-detail&id=3984"><img src="https://img.sanctuary.fr/fiche/150/39066.jpg" alt=""></a> </div> <div class="post-block"> <h2 class="post-title"><a href="/index.php?page=fiche-discu-detail&id=3984">movie</a></h2> <div class="post-meta"> <a href="/fiche/39066/">Save The Last Dance 2</a> </div> <div class="post-meta"> <span><i class="fa fa-clock-o"></i>par <a href="/index.php?page=user-profile&subpage=accueil&id=184671">Billie34</a></span> <span><i class="fa fa-comment-o"></i> 0 réponses</span> </div> </div> </div> <div class="post post-md col-lg-6"> <div class="post-thumbnail" style="width:75px;"> <a href="/index.php?page=fiche-discu-detail&id=3983"><img src="https://img.sanctuary.fr/fiche/150/10193.jpg" alt=""></a> </div> <div class="post-block"> <h2 class="post-title"><a href="/index.php?page=fiche-discu-detail&id=3983">How to start?</a></h2> <div class="post-meta"> <a href="/fiche/10193/">Welcome to Hotel Williams Child Bird</a> </div> <div class="post-meta"> <span><i class="fa fa-clock-o"></i>par <a href="/index.php?page=user-profile&subpage=accueil&id=184642">todew</a></span> <span><i class="fa fa-comment-o"></i> 0 réponses</span> </div> </div> </div> <div class="post post-md col-lg-6"> <div class="post-thumbnail" style="width:75px;"> <a href="/index.php?page=fiche-discu-detail&id=3982"><img src="https://img.sanctuary.fr/fiche/150/11177.jpg" alt=""></a> </div> <div class="post-block"> <h2 class="post-title"><a href="/index.php?page=fiche-discu-detail&id=3982">Board game: Potion Explosion</a></h2> <div class="post-meta"> <a href="/fiche/11177/">The Arms Peddler</a> </div> <div class="post-meta"> <span><i class="fa fa-clock-o"></i>par <a href="/index.php?page=user-profile&subpage=accueil&id=178437">blabling2</a></span> <span><i class="fa fa-comment-o"></i> 0 réponses</span> </div> </div> </div> </div> <h6 class="subtitle">Derniers ajouts à la base de données</h6> <div style="margin-top:50px;z-index:3;position:relative;" id="critiques-staff"> <div class="owl-carousel owl-theme owl-loaded owl-drag"> <div class="item"> <div class="card "> <div class="card-img" style="height:150px;"> <a href="/objet/421938/"> <img src="https://img.sanctuary.fr/objet/300/421938.jpg" style="width:100%;" class="card-img-top" style="height:200px;"> </a> </div> <div class="card-block" style="padding:10px;"> <div class="card-meta m-b-0" style="font-weight:100;font-size:11px;text-align:center;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;">###NON CLASSE### T.0</div> </div> </div> </div> <div class="item"> <div class="card "> <div class="card-img" style="height:150px;"> <a href="/objet/421937/"> <img src="https://img.sanctuary.fr/objet/300/421937.jpg" style="width:100%;" class="card-img-top" style="height:200px;"> </a> </div> <div class="card-block" style="padding:10px;"> <div class="card-meta m-b-0" style="font-weight:100;font-size:11px;text-align:center;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;">###NON CLASSE### T.0</div> </div> </div> </div> <div class="item"> <div class="card "> <div class="card-img" style="height:150px;"> <a href="/objet/421936/"> <img src="https://img.sanctuary.fr/objet/300/421936.jpg" style="width:100%;" class="card-img-top" style="height:200px;"> </a> </div> <div class="card-block" style="padding:10px;"> <div class="card-meta m-b-0" style="font-weight:100;font-size:11px;text-align:center;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;">Michel Vaillant - Nouvelle saison T.13</div> </div> </div> </div> <div class="item"> <div class="card "> <div class="card-img" style="height:150px;"> <a href="/objet/421935/"> <img src="https://img.sanctuary.fr/objet/300/421935.jpg" style="width:100%;" class="card-img-top" style="height:200px;"> </a> </div> <div class="card-block" style="padding:10px;"> <div class="card-meta m-b-0" style="font-weight:100;font-size:11px;text-align:center;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;">###NON CLASSE### T.0</div> </div> </div> </div> <div class="item"> <div class="card "> <div class="card-img" style="height:150px;"> <a href="/objet/421934/"> <img src="https://img.sanctuary.fr/objet/300/421934.jpg" style="width:100%;" class="card-img-top" style="height:200px;"> </a> </div> <div class="card-block" style="padding:10px;"> <div class="card-meta m-b-0" style="font-weight:100;font-size:11px;text-align:center;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;">Hooky T.2</div> </div> </div> </div> <div class="item"> <div class="card "> <div class="card-img" style="height:150px;"> <a href="/objet/421933/"> <img src="/public/img/visuel_defaut.png" style="width:100%;" class="card-img-top" style="height:200px;"> </a> </div> <div class="card-block" style="padding:10px;"> <div class="card-meta m-b-0" style="font-weight:100;font-size:11px;text-align:center;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;">Les mondes d'Aldébaran - Bellatrix T.2</div> </div> </div> </div> <div class="item"> <div class="card "> <div class="card-img" style="height:150px;"> <a href="/objet/421932/"> <img src="https://img.sanctuary.fr/objet/300/421932.jpg" style="width:100%;" class="card-img-top" style="height:200px;"> </a> </div> <div class="card-block" style="padding:10px;"> <div class="card-meta m-b-0" style="font-weight:100;font-size:11px;text-align:center;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;">Cendre et hazel T.5</div> </div> </div> </div> <div class="item"> <div class="card "> <div class="card-img" style="height:150px;"> <a href="/objet/421931/"> <img src="/public/img/visuel_defaut.png" style="width:100%;" class="card-img-top" style="height:200px;"> </a> </div> <div class="card-block" style="padding:10px;"> <div class="card-meta m-b-0" style="font-weight:100;font-size:11px;text-align:center;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;">Cyberforce T.3</div> </div> </div> </div> <div class="item"> <div class="card "> <div class="card-img" style="height:150px;"> <a href="/objet/421930/"> <img src="https://img.sanctuary.fr/objet/300/421930.jpg" style="width:100%;" class="card-img-top" style="height:200px;"> </a> </div> <div class="card-block" style="padding:10px;"> <div class="card-meta m-b-0" style="font-weight:100;font-size:11px;text-align:center;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;">Silver Coin T.3</div> </div> </div> </div> <div class="item"> <div class="card "> <div class="card-img" style="height:150px;"> <a href="/objet/421928/"> <img src="https://img.sanctuary.fr/objet/300/421928.jpg" style="width:100%;" class="card-img-top" style="height:200px;"> </a> </div> <div class="card-block" style="padding:10px;"> <div class="card-meta m-b-0" style="font-weight:100;font-size:11px;text-align:center;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;">Fuuto PI T.8</div> </div> </div> </div> <div class="item"> <div class="card "> <div class="card-img" style="height:150px;"> <a href="/objet/421929/"> <img src="https://img.sanctuary.fr/objet/300/421929.jpg" style="width:100%;" class="card-img-top" style="height:200px;"> </a> </div> <div class="card-block" style="padding:10px;"> <div class="card-meta m-b-0" style="font-weight:100;font-size:11px;text-align:center;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;">###NON CLASSE### T.0</div> </div> </div> </div> <div class="item"> <div class="card "> <div class="card-img" style="height:150px;"> <a href="/objet/421927/"> <img src="https://img.sanctuary.fr/objet/300/421927.jpg" style="width:100%;" class="card-img-top" style="height:200px;"> </a> </div> <div class="card-block" style="padding:10px;"> <div class="card-meta m-b-0" style="font-weight:100;font-size:11px;text-align:center;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;">###NON CLASSE### T.0</div> </div> </div> </div> </div> <div class="text-center"> <a href="/index.php?page=contribution"><span class="btn btn-success">Proposer une oeuvre ou un objet</span></a> </div> </div> </div> <div class="col-lg-4"> <div id="cgdiv_922"> <div id="sas_922"></div> <script type="application/javascript"> sas.cmd.push(function() { sas.render("922"); // Format : Sidebar ATF (300x250/300x600) }); </script> </div> <div class="widget widget-tabs m-t-30"> <ul class="nav nav-tabs" role="tablist"> <li class="nav-item"><a class="nav-link active" href="#comment" aria-controls="comments" role="tab" data-toggle="tab"><i class="fa fa-comment-o"></i> Commentaires</a></li> </ul> <div class="tab-content"> <div role="tabpanel" class="tab-pane active" id="comment"> <ul class="widget-comments"> <li> <div><a href="/index.php?page=user-profile&subpage=accueil&id=125443"><img src="/public/img/user-avatar/thumbnail/125443.jpg" alt=""></a></div> <div><a href="/avis/144989/"><b>keiji84 : </b> Complètement d'accord avec la critique. Ce tome 5 était encore meilleur que les autres.</a> <div style="font-size:12px;margin-top:5px;"> dans <b><a href="/avis/144989/" style="font-size:12px;">Critique The Brave wish revenging 5</a></b></div> </div> </li> <li> <div><a href="/index.php?page=user-profile&subpage=accueil&id=184837"><img src="/public/img/default_avatar50.gif" alt=""></a></div> <div><a href="/article/41650/"><b>nifag : </b> </a> <div style="font-size:12px;margin-top:5px;"> dans <b><a href="/article/41650/" style="font-size:12px;">Japan Expo 2023 : Le compte rendu</a></b></div> </div> </li> <li> <div><a href="/index.php?page=user-profile&subpage=accueil&id=184837"><img src="/public/img/default_avatar50.gif" alt=""></a></div> <div><a href="/article/41650/"><b>nifag : </b> Japan Expo 2023 was a spectacular event that drew thousands of fans to Paris from July 13 to 16. ...</a> <div style="font-size:12px;margin-top:5px;"> dans <b><a href="/article/41650/" style="font-size:12px;">Japan Expo 2023 : Le compte rendu</a></b></div> </div> </li> <li> <div><a href="/index.php?page=user-profile&subpage=accueil&id=184837"><img src="/public/img/default_avatar50.gif" alt=""></a></div> <div><a href="/article/41650/"><b>nifag : </b> Japan Expo 2023 was a spectacular event that drew thousands of fans to Paris from July 13 to 16. ...</a> <div style="font-size:12px;margin-top:5px;"> dans <b><a href="/article/41650/" style="font-size:12px;">Japan Expo 2023 : Le compte rendu</a></b></div> </div> </li> <li> <div><a href="/index.php?page=user-profile&subpage=accueil&id=184837"><img src="/public/img/default_avatar50.gif" alt=""></a></div> <div><a href="/article/41650/"><b>nifag : </b> Japan Expo 2023, held in Paris, was a vibrant celebration of Japanese culture, anime, manga, cosp...</a> <div style="font-size:12px;margin-top:5px;"> dans <b><a href="/article/41650/" style="font-size:12px;">Japan Expo 2023 : Le compte rendu</a></b></div> </div> </li> <li> <div><a href="/index.php?page=user-profile&subpage=accueil&id=184832"><img src="/public/img/default_avatar50.gif" alt=""></a></div> <div><a href="/avis/143862/"><b>sapisa3579 : </b> This is no ordinary waffle. [waffle]( is a highly entertaining game for all players who love word...</a> <div style="font-size:12px;margin-top:5px;"> dans <b><a href="/avis/143862/" style="font-size:12px;">Critique Baoh</a></b></div> </div> </li> <li> <div><a href="/index.php?page=user-profile&subpage=accueil&id=184832"><img src="/public/img/default_avatar50.gif" alt=""></a></div> <div><a href="/avis/143862/"><b>sapisa3579 : </b> This is no ordinary waffle. [url= is a highly entertaining game for all players who love word gue...</a> <div style="font-size:12px;margin-top:5px;"> dans <b><a href="/avis/143862/" style="font-size:12px;">Critique Baoh</a></b></div> </div> </li> <li> <div><a href="/index.php?page=user-profile&subpage=accueil&id=184832"><img src="/public/img/default_avatar50.gif" alt=""></a></div> <div><a href="/avis/143862/"><b>sapisa3579 : </b> This is no ordinary waffle. waffle is a highly entertaining game for all players who love word gu...</a> <div style="font-size:12px;margin-top:5px;"> dans <b><a href="/avis/143862/" style="font-size:12px;">Critique Baoh</a></b></div> </div> </li> <li> <div><a href="/index.php?page=user-profile&subpage=accueil&id=184827"><img src="/public/img/default_avatar50.gif" alt=""></a></div> <div><a href="/fiche/73584/"><b>lyly19 : </b> DC Power 2024 is a great story for lovers of the superhero genre, with a delicate combination of ...</a> <div style="font-size:12px;margin-top:5px;"> dans <b><a href="/fiche/73584/" style="font-size:12px;">DC Power 2024</a></b></div> </div> </li> <li> <div><a href="/index.php?page=user-profile&subpage=accueil&id=43869"><img src="/public/img/user-avatar/thumbnail/43869.jpg" alt=""></a></div> <div><a href="/avis/148721/"><b>juju : </b> ^^</a> <div style="font-size:12px;margin-top:5px;"> dans <b><a href="/avis/148721/" style="font-size:12px;">Critique Frieren 12</a></b></div> </div> </li> <li> <div><a href="/index.php?page=user-profile&subpage=accueil&id=184698"><img src="/public/img/user-avatar/thumbnail/184698.jpg" alt=""></a></div> <div><a href="/avis/148721/"><b>PhoenixDu43 : </b> Merci pour Ton partage ; --) Mais moi j'en suis encore au T1! ah Belle journée ++</a> <div style="font-size:12px;margin-top:5px;"> dans <b><a href="/avis/148721/" style="font-size:12px;">Critique Frieren 12</a></b></div> </div> </li> <li> <div><a href="/index.php?page=user-profile&subpage=accueil&id=184698"><img src="/public/img/user-avatar/thumbnail/184698.jpg" alt=""></a></div> <div><a href="/avis/148708/"><b>PhoenixDu43 : </b> Je viens de faire "Midnight Devil" et les plans à 3 j'en ai vu assez x) (même si Shô disparait un...</a> <div style="font-size:12px;margin-top:5px;"> dans <b><a href="/avis/148708/" style="font-size:12px;">Critique Studio Cabana 1</a></b></div> </div> </li> </ul> </div> </div> </div> </div> </div> </div> </section>  </div> </div> </div> <div id="hab"> <div id="sas_1391"></div> <script type="text/javascript"> sas.cmd.push(function() { sas.render("1391"); // Format : Habillage }); </script> </div> <div id="cgdiv_19175"> <div id="sas_19175"></div> <script type="application/javascript"> sas.cmd.push(function() { sas.render("19175"); // Format : Bannière BTF }); </script> </div>  <footer id="footer"> <div class="container"> <div class="row"> <div class="col-sm-12 col-md-5"> <h4 class="footer-title">A propos de Sanctuary</h4> <p>Le réseau Sanctuary regroupe des sites thématiques autour des Manga, BD, Comics, Cinéma, Séries TV.</p> Vous pouvez gérer vos collections grâce à un outil 100% gratuit. <p>Les sites du réseau Sanctuary sont des sites d'information et d'actualité. Merci de ne pas nous contacter pour obtenir du scantrad (scan d'ouvrages par chapitre), du fansub ou des adresses de sites de streaming illégaux.</p> </div> <div class="col-sm-12 col-md-3"> <h4 class="footer-title">Univers</h4> <div class="row"> <div class="col"> <ul> <li><a href="#">Manga</a></li> <li><a href="#">BD</a></li> <li><a href="#">Comics</a></li> <li><a href="#">Cinéma/séries TV</a></li> </ul> </div>  </div> </div> <div class="col-sm-12 col-md-4"> <h4 class="footer-title">Inscrivez-vous, c'est gratuit !</h4> <p>Créez votre compte dès maintenant pour gérer votre collection, noter, critiquer, commenter et découvrir de nouvelles oeuvres !</p> <div class="input-group m-t-25"> <span class="input-group-btn"> <a class="btn btn-primary" href="https://www.sanctuary.fr/register/">Je m'inscris</a> </span> </div> </div> </div> <div class="footer-bottom"> <div class="footer-social"> <a href="https://www.facebook.com/MangaSanctuary" target="_blank" data-toggle="tooltip" title="facebook"><i class="fa fa-facebook"></i></a> <a href="https://twitter.com/MangaSanctuary" target="_blank" data-toggle="tooltip" title="twitter"><i class="fa fa-twitter"></i></a> <a href="https://www.youtube.com/channel/UC-xUt-vzP6FyeugakV3nWFA" target="_blank" data-toggle="tooltip" title="youtube"><i class="fa fa-youtube"></i></a> </div> <p>Copyright © 2017 <a href="https://www.sanctuary.fr" target="_blank">Sanctuary</a>. Tous droits réservés.</p> </div> </div> </footer>   <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <script src="/public/template/4.1.2/plugins/popper/popper.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script> <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.0.0-beta/js/bootstrap.min.js" integrity="sha384-h0AbiXch4ZDo7tp9hKZ4TsHbi047NrKGLO3SEJAg45jXxnGIfYzk4Si90RDIqNm1" crossorigin="anonymous"></script> <script src="/public/template/4.1.2/plugins/lightbox/lightbox.js"></script>  <script src="/public/template/4.1.2/js/theme.min.js"></script>  <script src="/public/template/4.1.2/plugins/summernote/summernote-bs4.min.js"></script> <script src="/public/plugins/fittext/jquery.fittext.js"></script> <script src="/public/template/4.1.2/plugins/sticky/jquery.sticky.js"></script> <script src="/public/plugins/owl-carousel/owl.carousel.min.js"></script> <script src="/public/template/4.1.2/plugins/select2/js/select2.min.js"></script> <script src="/public/template/4.1.2/plugins/flatpickr/flatpickr.min.js"></script> <script src="/public/template/4.1.2/plugins/switchery/switchery.min.js"></script> <script src="/public/template/4.1.2/plugins/notification/notification.js"></script> <script src="/public/plugins/jQuery-File-Upload-9.19.1/js/vendor/jquery.ui.widget.js"></script> <script src="/public/plugins/jQuery-File-Upload-9.19.1/js/jquery.iframe-transport.js"></script> <script src="/public/plugins/jQuery-File-Upload-9.19.1/js/jquery.fileupload.js"></script> <script src="/public/plugins/jquery.elastic-master/jquery.elastic.min.js"></script> <script src="https://kit.fontawesome.com/46e37cea27.js" crossorigin="anonymous"></script> <script src="/public/js/notifications.js?ver=1.0.1"></script> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-PCKXR3Z');</script> <script src="/public/template/4.1.2/plugins/easypiechart/jquery.easing.1.3.js"></script> <script src="/public/template/4.1.2/plugins/easypiechart/jquery.easypiechart.min.js"></script> <script type="text/javascript"> var progress=0; var nb_collec=50; var fin_collec=0; var in_app=0; //<![CDATA[ $(document).ready(function() { // easyPieChart $('.chart').easyPieChart({ barColor: function (percent) { return (percent < 40 ? '#cb3935' : percent < 70 ? '#f0ad4e' : '#5cb85c'); }, trackColor: '#e3e3e3', lineWidth: '5', size: '60', easing: 'easeOutBounce', animate:{ duration: 2000 }, onStep: function(from, to, percent) { $(this.el).find('span').text(Math.round(percent)); } }); $('.manquants-titre, .collec-visuel').click(function(){ var edition_id=$(this).parent().attr('id'); var objets=$('#objets-' + edition_id).attr('value'); if($('.objets-' + edition_id).length=='0'){ $.ajax({ type: 'POST', url: '/core/ajax/affichage.php', data : {objets:objets,action:'collec_objets_edition',user_id:''}, beforeSend: function(){ }, complete: function(){ }, success: function(text){ $('.bloc-' + edition_id).append('<div class="objets-' + edition_id + '" style="clear:both;display:none;width:100%;margin-top:10px;padding:5px;background-color:#e8e8e8;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);">' + text + '</div>'); $('.objets-' + edition_id).show(300); $('.objets-' + edition_id).css('display','block'); $('.objet').popover({ content: '<img src="/public//img/ajax-loader.gif">', trigger: 'manual', html: true, container: '#collection' }).on('mouseenter click', function () { $('.popover').remove(); var _this = this; $(this).popover('show'); $('.popover').on('mouseleave', function () { if($(window).width()>600){ $(_this).popover('hide'); } }); }).on('mouseleave', function () { var _this = this; setTimeout(function () { if (!$('.popover:hover').length) { if($(window).width()>600){ $(_this).popover('hide'); } } }, 300); }); $('.collec-ligne').on('show.bs.popover','.objet', function(){ var element_id=$(this).attr('objet_id'); var univers=$(this).parent().parent().attr('univers'); var id_fiche=$(this).parent().parent().attr('fiche'); var element=this; var action=$(element).attr('action'); temptimer=setTimeout(function(){ $.ajax({ type: 'POST', url: '/core/ajax/affichage.php', data : {element_id:element_id,action:action,site:univers,id_fiche:id_fiche}, beforeSend: function(){ }, complete: function(){ }, success: function(text){ $('.popover-body').html(text); } }); }, 500); }); } }); } else{ if($('.objets-' + edition_id).is(':visible')){ $('.objets-' + edition_id).hide(300); } else{ $('.objets-' + edition_id).show(300); } } }) $(document).ready(function(){ $('.collec-visuel, .collec-note').popover({ content: '<img src="/public//img/ajax-loader.gif">', trigger: 'manual', html: true, placement: 'bottom', container: '#collection' }).on('mouseenter', function () { $('.popover').remove(); var _this = this; $(this).popover('show'); $('.popover').on('mouseleave', function () { if($(window).width()>600){ $(_this).popover('hide'); } }); }).on('mouseleave', function () { var _this = this; setTimeout(function () { if (!$('.popover:hover').length) { if($(window).width()>600){ $(_this).popover('hide'); } } }, 300); }); $('.post-thumbnail, .collec-note').on('show.bs.popover', function(){ var element_id=$(this).parent().attr('id'); var univers=$(this).parent().attr('univers'); var element=this; var action=$(element).attr('action'); var id_fiche=$(this).parent().attr('fiche'); temptimer=setTimeout(function(){ $.ajax({ type: 'POST', url: '/core/ajax/affichage.php', data : {element_id:element_id,action:action,site:univers,id_fiche:id_fiche}, beforeSend: function(){ }, complete: function(){ }, success: function(text){ $('.popover-body').html(text); } }); }, 500); }); }); $('.rating, body').on('click','.etoile',function(){document.location.href='https://www.sanctuary.fr/login/';}); $('#collection').on('click','.collection,.shopping',function(){ $('#texte-confirmation').html('Il faut être membre de Sanctuary pour gérer sa collection.<br><br><a href="https://www.sanctuary.fr/login/" class="btn btn-primary">Se connecter</a> <a href="https://www.sanctuary.fr/register/" class="btn btn-blue-gray">S\'inscrire</a>'); $('#confirmation').modal('show'); }); $('#perso').on('click','#perso-accueil',function(){ var univers=''; var data='action=filtrage_accueil&page=accueil'; $('.filtre_univers input:checked').each(function(){ univers+=$(this).attr('univers'); }); if(univers!=''){ data+='&univers=' + univers; } $('.filtre_encart input:checked').each(function(){ data+='&' + $(this).attr('name') + '=' + $(this).val(); }); $.ajax({ type: 'POST', url: '/core/ajax/actions.php', data: data, beforeSend: function(){ }, complete: function(r){ }, success: function(text){ document.location='/'; } }); }) $('.actu').owlCarousel({ margin:10, nav:true, navText: ['<i class="fa fa-chevron-left"></i>','<i class="fa fa-chevron-right"></i>'], dots:false, startPosition:0, responsive:{ 0:{ items:2 }, 600:{ items:3 }, 1000:{ items:5 } } }) $('#critiques-staff .owl-carousel,#critiques-membres .owl-carousel').owlCarousel({ margin:10, nav:true, navText: ['<i class="fa fa-chevron-left"></i>','<i class="fa fa-chevron-right"></i>'], dots:false, startPosition:0, responsive:{ 0:{ items:2 }, 600:{ items:3 }, 1000:{ items:5 } } }) $('.personnaliser-accueil').click(function(){ $.ajax({ type: 'POST', url: '/core/ajax/affichage.php', data : {action:'personnaliser_affichage',page:'accueil'}, beforeSend: function(){ }, complete: function(){ }, success: function(text){ $('#perso').append(text); $('#modal-perso-affichage').modal(); } }); }) $('body').on('hidden.bs.modal','#perso .modal', function () { $('#perso .modal').remove(); }); $('#recherche').autocomplete({ source : '/core/inc/recherche.php', minLength : 1, delay: 500, classes: { 'ui-autocomplete': 'autocomplete_col3' }, select: function( event, ui ) { if(ui.item.url!=''){ window.location.href = ui.item.url; } else{ event.preventDefault(); } }, search: function(e,ui){ $(this).data('ui-autocomplete').menu.bindings = $(); } }).data('ui-autocomplete')._renderItem = function( ul, item ) { var style=''; $('#loading').remove(); if(item.editeur!=''){ item.editeur='(' + item.editeur + ')'; } if(item.annee=='0'){ item.annee=''; } if(item.nature=='tout'){ bloc_resultat='<div>' + item.label + '</div>'; } else{ if(item.type=='contrib'){ bloc_resultat='<div><div><h4><a>' + item.label + ' <span style="font-size:10px;">' + item.editeur + '</span></h4></div></div>'; } else{ bloc_resultat='<div><div><div style="height:67px;width:50px;overflow:hidden;"><img style="width:60px;" src="' + item.imgsrc + '" /></div></a></div><div><h4><a>' + item.label + ' <span style="font-size:10px;">' + item.editeur + '</span></h4><span class="badge_sm badge-outline-warning" style="font-size:11px;">'+ item.type +'</span> <span>'+ item.annee +'</span></div></div>'; } } return $( '<a href="' + item.url + '" style="display:block;height:100%;"><li' + style + '></li></a>' ) .data( 'item.autocomplete', item ) .append( bloc_resultat ) .appendTo( ul ); }; var width=350; $('#recherche').data('ui-autocomplete').menu.element.css('min-width', width); $('#recherche').data('ui-autocomplete').menu.element.css('max-width', width); $('#search-icon a').click(function(){ $('#recherche').focus(); }); $('.dropdown-notification').click(function(){ element=$(this); $.ajax({ type: 'POST', url: '/core/ajax/actions.php', data: 'action=notif_lues', beforeSend: function(){ }, complete: function(){ }, success: function(text){ $(element).find('.badge-danger').remove(); } }); }); $('.panier-bdf-listing').click(function(){ console.log('listing'); var action='panier_listing'; $.ajax({ type: 'POST', url: '/core/ajax/affichage.php', data: {action:action}, beforeSend: function(){ }, complete: function(r){ }, success: function(panier){ $('#main-content').append(panier); $('#modal-panier').modal(); } }); }); $('body').on('click','.panier-supprimer',function(){ var ean=$(this).parent().parent().attr('ean'); var panier_id=$(this).parent().parent().attr('panier_id'); var action=$(this).attr('action'); var force=1; $.ajax({ type: 'POST', url: '/core/ajax/actions.php', data: {ean:ean,action:action,panier_id:panier_id,force:force}, beforeSend: function(){ }, complete: function(r){ }, success: function(retour){ if(retour!=0){ var totaux=retour.split(';'); console.log(totaux[1]); $('.modal div[ean= ' + ean + ']').remove(); $('#panier-nb, .panier-bdf-listing .badge').text(totaux[0]); $('#panier-prix').text(totaux[1]); $('#panier-port').text(totaux[2]); } } }); }); $('.panier').click(function(){ var ean=$(this).attr('ean') + ';' + $(this).attr('objet'); var action=$(this).attr('action'); var force=1; $.ajax({ type: 'POST', url: '/core/ajax/actions.php', data : {ean:ean,action:action,force:force}, beforeSend: function(){ console.log('before'); }, complete: function(){ console.log('complete'); }, success: function(panier){ console.log(panier); $('body').append(panier); $('#modal-panier').modal(); $('#panier-bdf-listing .badge').text($('#panier-nb').text()); } }); }); $('#univers-select').change(function(){ $('#menu-webapp-items a').each(function(index,value){ var link=$(this).attr('href'); var pos=link.indexOf('&univers='); if(pos!=-1){ link=link.substr(0,pos); if($('#univers-select').val()!=0){ link=link + '&univers=' + $('#univers-select').val(); } $(this).attr('href',link); } if($('#univers-select').val()!=0){ $('#menu-univers-bg').html('<img src="/public/img/univers-bg-' + $('#univers-select').val() + '.png" style="width: fit-content;">'); } else{ $('#menu-univers-bg').html(''); } recupCacheAccueil(); }); localStorage.setItem('univers_defaut', $('#univers-select').val()); }); if(window.location.href.includes('&app=true')){ sessionStorage.setItem('app', 'true'); } univers_defaut=localStorage.getItem('univers_defaut'); if(univers_defaut!==null){ $('#univers-select').val(univers_defaut); $('#menu-webapp-items a').each(function(index,value){ var link=$(this).attr('href'); var pos=link.indexOf('&univers='); if(pos!=-1){ link=link.substr(0,pos); if($('#univers-select').val()!=0){ link=link + '&univers=' + $('#univers-select').val(); } $(this).attr('href',link); if($('#univers-select').val()!=0){ $('#menu-univers-bg').html('<img src="/public/img/univers-bg-' + $('#univers-select').val() + '.png" style="width: fit-content;">'); } } }); } if($( window ).width()<600){ function recupCacheAccueil(){ var univers_menu=$('#univers-select').val(); $.ajax({ type: 'POST', url: '/core/ajax/affichage.php', data: {action:'cache_accueil',univers:univers_menu}, success: function(data){ data=JSON.parse(data); console.log(data); var actu_contenu=''; var critiques_staff=''; $(data.actu).each(function(index,value){ actu_contenu+='<li style="margin-bottom:5px;"><a href="' + value.url + '"><div style="display: inline-block;width: 25%;height:50px;overflow:hidden;padding: 5px;"><img src="' + value.url_img_thumb + '"></div><div style="display: inline-block;width: 75%;vertical-align: top;"><div style="display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;max-height: 50px;">' + value.titre + '</div></div></a></li>'; }); var nb_critiques=0; $.each(data.critiques,function(index,value){ if(nb_critiques>10){ return false; } var classe=''; if(value.note<4){ classe='badge-danger'; } else if(value.note<=6){ classe='badge-warning'; } else{ classe='badge-success'; } critiques_staff+='<li style="width:30%;display:inline-block;overflow: hidden;vertical-align:top;"><a href="' + value.url_avis + '"><div style="overflow:hidden;padding: 5px;height:100%;position:relative;"><img src="' + value.url_couv + '" style="height:100%;"><span class="' + classe + '" style="position:absolute;font-size:20px;opacity:0.7;color:#FFFFFF;font-weight:bold;top:35px;left: 50%!important;transform: translate(-50%, 0);border-radius:30px;width:30px;height:30px;text-align: center;">' + value.note + '</span></div></a></li>'; nb_critiques++; }); $('#menu-critiques').html('<ul style="padding:0 5px 0 0;height: 120px;white-space: nowrap;overflow: auto;width: 100%;">' + critiques_staff + '</ul>'); $('#menu-actu').html('<ul style="padding:0 5px 0 0;height: 185px;overflow: scroll;">' + actu_contenu + '</ul>'); } }) } recupCacheAccueil(); } if (((window.matchMedia('(display-mode: standalone)').matches) || (window.matchMedia('(display-mode: fullscreen)').matches) || (window.navigator.standalone) || document.referrer.includes('android-app://') || sessionStorage.getItem('app')=='true' || screen.height-document.documentElement.clientHeight < 100) && $(window).width()<600) { in_app=1; if ('scrollRestoration' in history) { history.scrollRestoration = 'manual'; } sas.cmd.push(function() { sas.render('928'); // Format : Interstitiel }); var page_act=window.location.href; var search_last_univers=page_act.lastIndexOf('&univers='); if(search_last_univers!=-1){ page_act=page_act.substring(0, search_last_univers); } var pages_scripts=[page_act]; var last_url=''; window.history.pushState(window.location.href, '', window.location.href); window.addEventListener('popstate', function(e) { //alert($('#form-recherche-full:visible').length>0); if($('#form-recherche-full:visible').length>0){ $('#form-recherche-full').hide(); window.history.pushState(window.location.href, '', window.location.href); return false; } else if($('#recherche-choix:visible').length>0){ $('#recherche-choix').hide(); window.history.pushState(window.location.href, '', window.location.href); return false; } else if($('#collection-ajout-choix:visible').length>0){ $('#collection-ajout-choix').hide(); window.history.pushState(window.location.href, '', window.location.href); return false; } else if($('.actions-collection-encart:visible').length>0){ $('.actions-collection-encart').remove(); window.history.pushState(window.location.href, '', window.location.href); return false; } else{ openPage(window.location.href); } }); var offline=0; $('body').on('click','a',function(){ if($('.modal:visible').length>0){ $('.modal').hide(); $('body').removeClass('modal-open'); $('.modal-backdrop').hide(); } if(navigator.onLine){ offline=0; } else{ offline=1; //alert('offline'); } console.log('offline => ' + offline); if(offline==0){ if($(this).hasClass('lightbox-prev') || $(this).hasClass('lightbox-next')){ } else{ var url=$(this).attr('href'); if(url!='#' && url.indexOf('https://')==-1 && url.indexOf('page=login')==-1 && window.location.href.indexOf('subpage=collection-ajout-scan')==-1 && window.location.href.indexOf('page=recherche-scan')==-1 && url.indexOf('acheter.php?part=')==-1 && url.indexOf('tracking.php?mav_id=')==-1){ url='https://www.sanctuary.fr' + url; openPage(url,$(this)); window.history.pushState(url, '', url); return false; } else{ if(url=='#'){ //return false; } } } } }); function openPage(url,element){ var page=url; var titre=$(this).attr('titre'); var submenu=0; var include_js=1; var element_id=''; url_data = new URL(page); var url_params=[]; var is_objet=false; var is_fiche=false; var is_login=false; var search_last_univers=url.lastIndexOf('&univers='); var search_hashtag=url.lastIndexOf('#'); var planning_periode=''; var univers_defaut=localStorage.getItem('univers_defaut'); url_params['page'] = url_data.searchParams.get('page'); url_params['subpage'] = url_data.searchParams.get('subpage'); //url_params['id'] = url_data.searchParams.get('id'); var subpage=url_params['subpage']; progress=0; nb_collec=50; fin_collec=0; if(page.indexOf('/objet/')!=-1){ is_objet=true; page='/objet/'; } if(page.indexOf('/fiche/')!=-1){ is_fiche=true; page='/fiche/'; } if(page.indexOf('/user/')!=-1){ is_login=true; page='/user/'; } if(page.indexOf('&subpage=collection-planning')!=-1){ planning_periode=sessionStorage.getItem('planning-periode'); if(planning_periode===null){ planning_periode=''; } console.log(planning_periode); } if(search_last_univers!=-1){ page=url.substring(0, search_last_univers); } if(url.lastIndexOf('&id=')!=-1){ page=url.substring(0, url.lastIndexOf('&id=')); } if(search_hashtag!=-1){ page=url.substring(0, search_hashtag); } if(pages_scripts.includes(page)){ include_js=0; } else{ pages_scripts.push(page); } if($('#sous-menu-collection-sub').length && ($(this).parent().parent().attr('id')=='sous-menu-collection-sub' | $(this).parents().parent().hasClass('sous-menu-collection'))){ submenu=1; } $.ajax({ type: 'GET', url: '/core/ajax/nav.php', data: {page:url,submenu:submenu,include_js:include_js,planning_periode:planning_periode,univers_defaut:univers_defaut}, beforeSend: function(){ if($('.webapp-close').length){ $('.webapp-close').trigger('click'); } if($('#collection-ajout-choix').length){ $('.close').trigger('click'); } if($('body').hasClass('navbar-open')){ $('body').removeClass('navbar-open'); } if($('.has-dropdown').hasClass('open')){ $('.navbar-right .has-dropdown ul').hide(); } if($('.hamburger-menu #menu__toggle:checked').length){ $('.hamburger-menu #menu__toggle:checked').trigger('click'); } if(is_fiche===true || is_objet===true || url.indexOf('page=boutique&')!=-1 || url.indexOf('page=fiche-edition-objets')!=-1 || url.indexOf('/avis/')!=-1){ $('.content').css('background-color','#242629!important'); $('#return-button').show(); } else{ $('.content').css('background-color','#FFFFFF!important'); $('#return-button').hide(); } if(submenu==1){ if(page.indexOf('start=')=='-1'){ /* $('#main-content-body').hide(); $('#main-content-body').html(''); */ $('#sous-menu-collection-sub li').removeClass('active'); } } else{ if(page.indexOf('start=')=='-1'){ $('#spacer').remove(); /* $('#main-content').hide(); $('#main-content').html(''); */ $('#menu-collection ul li').removeClass('active'); } } $(element).parent().addClass('active'); $('.content').append('<div id="loading-webapp" style="background-color:rgba(72,72,72,0.5);"><div><div class="lds-dual-ring"></div></div></div>'); }, fail: function(r){ $('#loading-webapp').remove(); }, complete: function(r){ $('#loading-webapp').remove(); }, success: function(data){ var data_collec=data; window.scrollTo(0, 0); $('#loading-webapp').remove(); if(is_fiche==true | is_objet==true | is_login==true){ $('#spacer').remove(); } var data_page=$($.parseHTML('<div>' + data + '</div>')); var main_content = $(data_page).find('#main-content'); if(main_content.length>0){ data=$(main_content).html(); } var js_include = $(data_page).find('#js-include'); if(include_js==1 && js_include.length>0){ data=data + $(js_include).html(); } if(page.indexOf('start=')!='-1'){ } else{ if(submenu==1){ $('#main-content-body').html(data).show(); } else{ $('#main-content').html(data).show(); } } if(url.indexOf('#')!='-1'){ var hashValue = window.location.hash.substr(1); $('#sous-menu-collection-sub>li').removeClass('active'); $('#sous-menu-collection-sub>#' + hashValue).addClass('active'); $('#sous-menu-collection-sub').show(); } else if(url_params['subpage']!='collection-apercu' && url_params['subpage']!='collection' && url_params['subpage']!='collection-animes-suivis'){ $('.sous-menu-collection-sub-animes,.sous-menu-collection-sub-general').hide(); } else{ if(url_params['subpage']=='collection'){ $('.sous-menu-collection-sub-general>li').removeClass('active'); $('.sous-menu-collection-sub-general>#smccollection').addClass('active'); $('.sous-menu-collection-sub-animes').hide(); $('.sous-menu-collection-sub-general').show(); } else if(url_params['subpage']=='collection-apercu'){ $('.sous-menu-collection-sub-general>li').removeClass('active'); $('.sous-menu-collection-sub-general>#smcapercu').addClass('active'); $('.sous-menu-collection-sub-animes').hide(); $('.sous-menu-collection-sub-general').show(); } else if(url_params['subpage']=='collection-animes-suivis'){ $('.sous-menu-collection-sub-animes>li').removeClass('active'); $('.sous-menu-collection-sub-animes>#smcplanning').addClass('active'); $('.sous-menu-collection-sub-general').hide(); $('.sous-menu-collection-sub-animes').show(); } } if($('.sous-menu-collection-sub-animes:visible,.sous-menu-collection-sub-general:visible').length){ $('#main-content').css('margin-top','43px'); } else{ $('#main-content').css('margin-top','0'); } if(url_params['subpage']=='collection-shopping'){ type_ajout=2; titre_ajout_collec='Ajouter à votre shopping list'; } else if(url_params['subpage']=='collection'){ type_ajout=1; titre_ajout_collec='Ajouter à votre collection'; } else if(url_params['subpage']=='collection-lus'){ type_ajout=3; titre_ajout_collec='Ajouter à vos livres lus'; } else{ titre_ajout_collec='Ajouter à votre collection'; } $('#link-scan').attr('href','https://www.sanctuary.fr/index.php?page=user-profile&subpage=collection-ajout-scan&id=&type=' + type_ajout); $('#link-saisie').attr('href','/index.php?page=user-profile&subpage=collection-ajout&id=&type=' + type_ajout); $('#titre-ajout-collec').text(titre_ajout_collec); page_act=page; if(page.endsWith('start=0')){ //data_collec = $($.parseHTML('<div>' + data + '</div>')); $('#collection-contenu').html(data_collec); } $('#main-content .collec-stats .chart').easyPieChart({ barColor: function (percent) { return (percent < 40 ? '#cb3935' : percent < 70 ? '#f0ad4e' : '#5cb85c'); }, trackColor: '#e3e3e3', lineWidth: '5', size: '110', easing: 'easeOutBounce', animate:{ duration: 2000 }, onStep: function(from, to, percent) { $(this.el).find('span').text(Math.round(percent)); } }); } }); }} if(in_app==1){ console.log('in-app-note'); var app_first_visit=localStorage.getItem('app-first-visit'); var app_note_click=localStorage.getItem('app-note-click'); var app_tuto=localStorage.getItem('app-tuto'); var delay_note=604800000; console.log('app first visit => ' + app_first_visit); if(app_first_visit!==null && app_note_click===null){ if(Date.now()-app_first_visit>delay_note){ const userAgent = navigator.userAgent; console.log('user-agent =>' + navigator.userAgent); var store_note_link=''; if(/android/i.test(userAgent)){ store_note_link='https://play.google.com/store/apps/details?id=fr.sanctuary.www.twa&gl=FR'; } if(/iPad|iPhone|iPod/i.test(userAgent)){ store_note_link='https://apps.apple.com/fr/app/sanctuary-collec/id1612621802'; } $('body').append('<div class="modal-webapp msg-note-store" style="display:none;margin:150px 20px 0 20px;padding:20px 20px;text-align:center;height:fit-content;width:auto;border-radius:10px;background-color: rgba(72, 72, 72,0.9);"><div>Vous aimez notre application ? Prenez un instant pour la noter et nous laisser un commentaire</div><div style="margin:0 auto;padding-top:20px;"><span class="btn btn-secondary msg-note-store-close">Plus tard</span> <a href="' + store_note_link + '" target="_blank" class="btn btn-success msg-note-store-link">Noter maintenant</a></div></div>'); setTimeout(function(){ $('.msg-note-store').fadeIn(1000); },5000); } } else{ localStorage.setItem('app-first-visit', Date.now()); } } if(app_tuto===null){ $('body').append('<div class="modal-webapp webapp-tuto" style="display:none;margin:0;padding:20px 20px;text-align:center;height:auto;width:100%;border-radius:10px;background-color: rgba(72, 72, 72,0.9);z-index:1041;top:0;"><div class="owl-carousel"><img src="/core/inc/webapp/tuto/Screen 0.jpg"><img src="/core/inc/webapp/tuto/Screen 1.jpg"><img src="/core/inc/webapp/tuto/Screen 2.jpg"><img src="/core/inc/webapp/tuto/Screen 3.jpg"><img src="/core/inc/webapp/tuto/Screen 4.1.jpg"><img src="/core/inc/webapp/tuto/Screen 5.jpg"><img src="/core/inc/webapp/tuto/Screen 6.jpg"></div><div class="m-t-20"><span class="btn btn-secondary app-tuto-close">Non merci je connais déjà !</span></div><span class="app-tuto-close webapp-close" style="right:15px;left:unset;"><i class="fas fa-times"></i></span></div>'); setTimeout(function(){ $('.webapp-tuto>.owl-carousel').owlCarousel({ margin:10, nav:true, dots:false, navText: ['<span class="carousel-control-prev" style="font-size: 32px;"><i class="fa fa-chevron-left"></i></span>','<span class="carousel-control-next" style="font-size: 32px;"><i class="fa fa-chevron-right"></i></span>'], startPosition:0, responsive:{ 0:{ items:1 }, 600:{ items:4 }, 1000:{ items:8 } } }); //$('.webapp-tuto .disabled').css('display','none'); $('.webapp-tuto').fadeIn(1000); },1000); localStorage.setItem('app-tuto', 1); } $('body').on('click','.app-tuto-close',function(){ $('.webapp-tuto').remove(); }) $('body').on('click','.msg-note-store-close',function(){ $('.msg-note-store').remove(); localStorage.setItem('app-first-visit', Date.now()); }) $('body').on('click','.msg-note-store-link',function(){ localStorage.setItem('app-note-click', 1); $('.msg-note-store').remove(); }) if($('#hab').html().length>10){ $('#spacer').remove(); $('#hab').css('margin-top','43px'); } var type_ajout=''; $('.menu-collection-global #form-ajout-collec').click(function(){ if($('#collection-animes-suivis').length){ var action='animes_liste'; var hit_now=''; var hit_last=''; $('.modal-webapp').remove(); $.ajax({ type: 'POST', url: '/core/ajax/affichage.php', data: {action:action}, beforeSend: function(){ $('body').css('overflow','hidden'); $('body').append('<div class="modal-webapp"><input type="text" class="form-control ui-autocomplete-input" placeholder="Rechercher..." id="recherche-animes" name="recherche" autocomplete="off" style="padding:5px;position:fixed;z-index: 15;"><div id="liste-animes" style="margin-top:50px;"></div></div><div class="webapp-close"><i class="fas fa-long-arrow-alt-left"></div>'); }, complete: function(r){ }, success: function(data){ $('#recherche-animes').keyup(function(){ var recherche=$(this).val(); $.ajax({ type: 'GET', url: '/core/inc/recherche-animes.php', data: {term:recherche}, beforeSend: function(){ }, complete: function(r){ }, success: function(data_rech){ $('.modal-webapp #liste-animes').html(data_rech); } }); }); $('.modal-webapp #liste-animes').append(data); } }) } else if($('#collection-envies').length){ var action='envies_liste'; var hit_now=''; var hit_last=''; $('.modal-webapp').remove(); $.ajax({ type: 'POST', url: '/core/ajax/affichage.php', data: {action:action}, beforeSend: function(){ $('body').css('overflow','hidden'); $('body').append('<div class="modal-webapp"><input type="text" class="form-control ui-autocomplete-input" placeholder="Rechercher..." id="recherche-envies" name="recherche" autocomplete="off" style="padding:5px;position:fixed;z-index: 15;"><div id="liste-envies" style="margin-top:50px;"></div></div><div class="webapp-close"><i class="fas fa-long-arrow-alt-left"></div>'); }, complete: function(r){ }, success: function(data){ $('#recherche-envies').keyup(function(){ var recherche=$(this).val(); $.ajax({ type: 'GET', url: '/core/inc/recherche-envies.php', data: {term:recherche}, beforeSend: function(){ }, complete: function(r){ }, success: function(data_rech){ $('.modal-webapp #liste-envies').html(data_rech); } }); }); $('.modal-webapp #liste-envies').append(data); } }) } else{ $('#collection-ajout-choix').show(); $('#hab').hide(); } }) $('#form-recherche-new').click(function(){ $('#recherche-choix').show(); $('#hab,#barre-collection').hide(); }); $('#collection-ajout-choix .close').click(function(){ $('#collection-ajout-choix').hide(); $('#hab,#barre-collection').show(); }); $('#recherche-choix .close').click(function(){ $('#recherche-choix').hide(); $('#hab,#barre-collection').show(); }); $('#form-recherche-full .close').click(function(){ $('#form-recherche-full').hide(); $('#hab,#barre-collection').show(); }); $('#collection-ajout-saisie').click(function(){ $('#form-recherche-full').show(); $('#recherche-full').focus(); $('#recherche-choix').hide(); if($('#resultats>div').length==0){ $.ajax({ type: 'POST', url: '/core/ajax/affichage.php', data: {action:'fiches_populaires'}, beforeSend: function(){ }, complete: function(r){ }, success: function(data){ $('#resultats').append(data); } }); } }); var progress_search=0; var currentRequest=''; if($('#recherche-full').length){ $('#recherche-full').keyup(function(){ var recherche=$(this).val(); if(progress_search==1){ currentRequest.abort(); } if(recherche.length>0){ currentRequest =$.ajax({ type: 'GET', url: '/core/inc/recherche-webapp.php', data: {term:recherche}, beforeSend: function(){ progress_search=1; if($('#loading-webapp').length==0){ $('.content').append('<div id="loading-webapp"><div><div class="lds-dual-ring"></div></div></div>'); } }, complete: function(r){ }, success: function(data_rech){ $('#loading-webapp').remove(); $('#form-recherche-full #resultats').html(data_rech); progress_search=0; } }); } else{ $('#loading-webapp').remove(); $('#resultats').html(''); progress_search=0; } }); } var action='popup_actu'; var univers=''; setTimeout(function(){ $.ajax({ type: 'POST', url: '/core/ajax/affichage.php', data: {action:action,univers:univers}, beforeSend: function(){ }, complete: function(r){ }, success: function(popup){ $('body').append(popup); $('#popup_actu').slideDown(1000); } }); }, 5000); $('body').on('click','#popup_actu span i',function(){ $('#popup_actu').slideUp(1000,function(){ $(this).remove(); }); }); if ('serviceWorker' in navigator) { navigator.serviceWorker.getRegistrations() .then(function(registrations) { for(let registration of registrations) { if(registration.active.scriptURL == 'https://www.sanctuary.fr/sw.js'){ console.log(registration.unregister()); } } }); } if ('serviceWorker' in navigator) { window.addEventListener('load', function() { navigator.serviceWorker.register('/sw.js') .then((reg) => { // registration worked console.log('Enregistrement réussi'); }).catch((error) => { // registration failed console.log('Erreur : ' + error); }); }); } $(".dropdown-notification .fa-bell").click(function(){ askPermission(); }); window.setTimeout(function() { askPermission(); }, 5000); }); </script> <div id="cgdiv_928"> <div id="sas_928"></div> <script type="application/javascript"> console.log("user-collection false"); sas.cmd.push(function() { sas.render("928"); // Format : Bannière ATF (728x90/970x250) }); </script> </div> <div id="amzn-assoc-ad-a6442027-e801-49ff-b14a-ee837869acfd"></div><script async src="//z-na.amazon-adsystem.com/widgets/onejs?MarketPlace=US&adInstanceId=a6442027-e801-49ff-b14a-ee837869acfd"></script> </body> </html>

Latest requests

#	Url	Date
1	https://www.sanctuary.fr/	2024-05-19 12:53:30
2	https://consent.youtube.com/ml?con…	2024-05-19 12:53:26
3	https://perfectdoc.ru/	2024-05-19 12:53:23
4	https://socialnetworkadsinfo.com/	2024-05-19 12:53:22
5	https://denisj655brh3.verybigblog.…	2024-05-19 12:53:18
6	https://thebolditalic.com/?gi=8ff1…	2024-05-19 12:53:14
7	https://thebolditalic.com/?gi=9d24…	2024-05-19 12:53:14
8	https://thebolditalic.com/?gi=1650…	2024-05-19 12:53:13
9	https://thebolditalic.com/?gi=0c75…	2024-05-19 12:53:13
10	https://thebolditalic.com/?gi=9943…	2024-05-19 12:53:12
11	https://thebolditalic.com/?gi=a3d4…	2024-05-19 12:53:11
12	https://thebolditalic.com/?gi=d488…	2024-05-19 12:53:10
13	https://thebolditalic.com/?gi=4354…	2024-05-19 12:53:09
14	https://thebolditalic.com/?gi=ef67…	2024-05-19 12:53:09
15	https://thebolditalic.com/?gi=565d…	2024-05-19 12:53:08
16	https://thebolditalic.com/?gi=33c8…	2024-05-19 12:53:07
17	https://thebolditalic.com/?gi=4641…	2024-05-19 12:53:06
18	https://thebolditalic.com/?gi=c200…	2024-05-19 12:53:05
19	https://thebolditalic.com/?gi=c99b…	2024-05-19 12:53:05
20	https://thebolditalic.com/?gi=37cf…	2024-05-19 12:53:03