<!DOCTYPE html>
<html xmlns:og="http://ogp.me/ns#" lang="fr">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
	    <title>Sanctuary</title>
		<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">
	<link rel="icon" href="/favicon.ico" type="image/x-icon">
	<!-- vendor css -->
	<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/font-awesome/4.7.0/css/font-awesome.min.css" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
	<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">	
	
	<!-- theme css -->
	<link rel="stylesheet" href="/public/template/4.1.2/css/theme.min.css">
	<link rel="stylesheet" href="/public/template/custom.css">
<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');
}else{
    sas_snippets = {"csync": "1"};
    sas_tmstp = Math.round(Math.random() * 10000000000);
    sas_pageid='214495/1016222';  // sanctuary.fr/adblock
    sas_formatid = 1391; // Format : Habillage
    scriptUrl = 'http://www.smartadserver.com/call/pubj/' + sas_pageid + '/' + sas_formatid + '/S/' + sas_tmstp + '/?';
    scriptUrl = '/pub/bg.php?u=' + btoa(scriptUrl);
    document.write('<scr'+'ipt src="'+scriptUrl+'"></scr'+'ipt>');
}
</script>
<script type="application/javascript" src="//ced.sascdn.com/tag/104/smart.js" onerror="cgOnSmartError()" async></script>
<script type="application/javascript">
    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: document.location.pathname === '/' ? 1004843 : 1004844,
            formatId: "920,922,1391,19176,21999,32325,41464,48059,928,31712,32033,19175",
            target: ''
        });
    });
</script>
	
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-325535-14"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'UA-325535-14');
</script>
</head>
<body class="fixed-header">
  <!-- header -->
  <header id="header">
    <div class="container">
      <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>
                  <a href="/index.php?page=collections">Top Collections</a>
                </li>
				<li>
                  <a href="https://forum.sanctuary.fr/">Forum</a>
                </li>
				<!--
				<li class="has-dropdown">
                  <a href="index.html">Jeux vidéos</a>
                  <ul>
                    <li><a href="#">Découvrir</a></li>
                    <li><a href="/index.php?page=article-list&univers=5">Actu</a></li>
                    <li><a href="/index.php?page=critiques&univers=5">Critiques</a></li>
                    <li><a href="/index.php?page=sorties&univers=5">A paraître</a></li>
                    <li><a href="#">Vidéos</a></li>
                  </ul>
                </li>
				<li class="has-dropdown">
                  <a href="index.html">Jeux de société</a>
                  <ul>
                    <li><a href="#">Découvrir</a></li>
                    <li><a href="/index.php?page=article-list&univers=6">Actu</a></li>
                    <li><a href="/index.php?page=critiques&univers=6">Critiques</a></li>
                    <li><a href="/index.php?page=sorties&univers=6">A paraître</a></li>
                    <li><a href="#">Vidéos</a></li>
                  </ul>
                </li>
				<li class="has-dropdown">
                  <a href="index.html">Romans</a>
                  <ul>
                    <li><a href="#">Découvrir</a></li>
                    <li><a href="/index.php?page=article-list&univers=7">Actu</a></li>
                    <li><a href="/index.php?page=critiques&univers=7">Critiques</a></li>
                    <li><a href="/index.php?page=sorties&univers=7">A paraître</a></li>
                    <li><a href="#">Vidéos</a></li>
                  </ul>
                </li>
				-->
              </ul>
            </nav>
		</div>
        </div>
      </div>
    </div>
  </header>
  <!-- /header -->
							
<!-- End: Header --><div id="hab">

</div>
<div class="content">
		<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/32445/" title="Malicorne"><img src="https://img.sanctuary.fr/fiche/300/32445.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/28345/" title="Aristide broie du noir"><img src="https://img.sanctuary.fr/fiche/300/28345.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/59978/" title="Préférence système"><img src="https://img.sanctuary.fr/fiche/300/59978.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/27720/" title="Barney et la note bleue"><img src="https://img.sanctuary.fr/fiche/300/27720.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/41079/" title="L'homme montagne"><img src="https://img.sanctuary.fr/fiche/300/41079.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/61984/" title="Miss Charity"><img src="https://img.sanctuary.fr/fiche/300/61984.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/28017/" title="Mon pépé est un fantôme"><img src="https://img.sanctuary.fr/fiche/300/28017.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/56432/" title="La Mort de Superman"><img src="https://img.sanctuary.fr/fiche/300/56432.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/26815/" title="Reign"><img src="https://img.sanctuary.fr/fiche/300/26815.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/54486/" title="Marvel Season One"><img src="https://img.sanctuary.fr/fiche/300/54486.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/29243/" title="Jim Morrison, poète du chaos"><img src="https://img.sanctuary.fr/fiche/300/29243.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/23835/" title="Fray"><img src="https://img.sanctuary.fr/fiche/300/23835.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/23179/" title="Freddy - Les Griffes de la Nuit"><img src="https://img.sanctuary.fr/fiche/300/23179.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/18813/" title="Les croisés de l'espace"><img src="https://img.sanctuary.fr/fiche/300/18813.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/18344/" title="Sparrow"><img src="https://img.sanctuary.fr/fiche/300/18344.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/32578/" title="Encyclopédie de Masse"><img src="https://img.sanctuary.fr/fiche/300/32578.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/52924/" title="Teito Hatsukoi Shinjyu"><img src="https://img.sanctuary.fr/fiche/300/52924.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/14104/" title="Cuticle Tantei Inaba"><img src="https://img.sanctuary.fr/fiche/300/14104.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/63203/" title="Le discours de la panthère"><img src="https://img.sanctuary.fr/fiche/300/63203.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/60991/" title="Instinct"><img src="https://img.sanctuary.fr/fiche/300/60991.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/56100/" title="Love Fragrance"><img src="https://img.sanctuary.fr/fiche/300/56100.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/51407/" title="Hulk - La Séparation"><img src="https://img.sanctuary.fr/fiche/300/51407.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/30064/" title="De briques et de sang"><img src="https://img.sanctuary.fr/fiche/300/30064.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/29838/" title="Le capitaine écarlate"><img src="https://img.sanctuary.fr/fiche/300/29838.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/57873/" title="Batawaf"><img src="https://img.sanctuary.fr/fiche/300/57873.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/54877/" title="X-Men Par Morrison"><img src="https://img.sanctuary.fr/fiche/300/54877.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/59521/" title="Unlock! : Secret Adventures"><img src="https://img.sanctuary.fr/fiche/300/59521.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/49144/" title="Une soeur"><img src="https://img.sanctuary.fr/fiche/300/49144.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/36967/" title="Une fiancée pas comme les autres"><img src="https://img.sanctuary.fr/fiche/300/36967.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/24019/" title="The Goon"><img src="https://img.sanctuary.fr/fiche/300/24019.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/26947/" title="L'âge des corbeaux"><img src="https://img.sanctuary.fr/fiche/300/26947.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/23151/" title="Superman - Superfiction"><img src="https://img.sanctuary.fr/fiche/300/23151.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/19380/" title="Hurricane Carter"><img src="https://img.sanctuary.fr/fiche/300/19380.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/23013/" title="Super Conan Spécial"><img src="https://img.sanctuary.fr/fiche/300/23013.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/48557/" title="Private Eye"><img src="https://img.sanctuary.fr/fiche/300/48557.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/62984/" title="A Sign of Affection"><img src="https://img.sanctuary.fr/fiche/300/62984.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/19826/" title="Les trois frères"><img src="https://img.sanctuary.fr/fiche/300/19826.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/28135/" title="Ex-patria"><img src="https://img.sanctuary.fr/fiche/300/28135.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/27549/" title="Je veux le prince charmant"><img src="https://img.sanctuary.fr/fiche/300/27549.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/59847/" title="Les grandes grandes vacances"><img src="https://img.sanctuary.fr/fiche/300/59847.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/30227/" title="Age de raison (l')"><img src="https://img.sanctuary.fr/fiche/300/30227.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/47694/" title="Kill or Be Killed"><img src="https://img.sanctuary.fr/fiche/300/47694.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/44388/" title="L'Irrésistible"><img src="https://img.sanctuary.fr/fiche/300/44388.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/38898.jpg);background-size:cover;background-position:10% 40%;">
		  <a href="/article/38898/">
            <div class="carousel-overlay"></div>
            <div class="carousel-caption">
              <div>
                <h2 class="carousel-title">Retour vers le passé :  Leviathan (1989)</h2>
                              </div>
            </div>
		  </a>
          </div>
				  <div class="carousel-item" style="overflow:hidden;background:no-repeat url(https://img.sanctuary.fr/thumbs_news_fb/38897.jpg);background-size:cover;background-position:10% 40%;">
		  <a href="/article/38897/">
            <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/38896.jpg);background-size:cover;background-position:10% 40%;">
		  <a href="/article/38896/">
            <div class="carousel-overlay"></div>
            <div class="carousel-caption">
              <div>
                <h2 class="carousel-title">Retour vers le passé :  L'Incroyable Alligator (1980)</h2>
                              </div>
            </div>
		  </a>
          </div>
				  <div class="carousel-item" style="overflow:hidden;background:no-repeat url(https://img.sanctuary.fr/thumbs_news_fb/38895.jpg);background-size:cover;background-position:10% 40%;">
		  <a href="/article/38895/">
            <div class="carousel-overlay"></div>
            <div class="carousel-caption">
              <div>
                <h2 class="carousel-title">Bande-annonce : Morbius</h2>
                              </div>
            </div>
		  </a>
          </div>
				  <div class="carousel-item" style="overflow:hidden;background:no-repeat url(https://img.sanctuary.fr/thumbs_news_fb/38894.jpg);background-size:cover;background-position:10% 40%;">
		  <a href="/article/38894/">
            <div class="carousel-overlay"></div>
            <div class="carousel-caption">
              <div>
                <h2 class="carousel-title">Retour vers le passé :  House II (1987)</h2>
                              </div>
            </div>
		  </a>
          </div>
				  <div class="carousel-item" style="overflow:hidden;background:no-repeat url(https://img.sanctuary.fr/thumbs_news_fb/38893.jpg);background-size:cover;background-position:10% 40%;">
		  <a href="/article/38893/">
            <div class="carousel-overlay"></div>
            <div class="carousel-caption">
              <div>
                <h2 class="carousel-title">Actu V.O. :  Encore des tie-in Devil's Reign chez Marvel</h2>
                              </div>
            </div>
		  </a>
          </div>
				  <div class="carousel-item" style="overflow:hidden;background:no-repeat url(https://img.sanctuary.fr/thumbs_news_fb/38892.jpg);background-size:cover;background-position:10% 40%;">
		  <a href="/article/38892/">
            <div class="carousel-overlay"></div>
            <div class="carousel-caption">
              <div>
                <h2 class="carousel-title">Retour vers le passé :  Le Chevalier du Monde Perdu (1984)</h2>
                              </div>
            </div>
		  </a>
          </div>
				  <div class="carousel-item" style="overflow:hidden;background:no-repeat url(https://img.sanctuary.fr/thumbs_news_fb/38870.jpg);background-size:cover;background-position:10% 40%;">
		  <a href="/article/38870/">
            <div class="carousel-overlay"></div>
            <div class="carousel-caption">
              <div>
                <h2 class="carousel-title">Retour vers le passé :  Vendredi 13 (1980)</h2>
                              </div>
            </div>
		  </a>
          </div>
				  <div class="carousel-item" style="overflow:hidden;background:no-repeat url(https://img.sanctuary.fr/thumbs_news_fb/38869.jpg);background-size:cover;background-position:10% 40%;">
		  <a href="/article/38869/">
            <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/38868.jpg);background-size:cover;background-position:10% 40%;">
		  <a href="/article/38868/">
            <div class="carousel-overlay"></div>
            <div class="carousel-caption">
              <div>
                <h2 class="carousel-title">Retour vers le passé :  Mary Poppins (1964)</h2>
                              </div>
            </div>
		  </a>
          </div>
				  <div class="carousel-item" style="overflow:hidden;background:no-repeat url(https://img.sanctuary.fr/thumbs_news_fb/38867.jpg);background-size:cover;background-position:10% 40%;">
		  <a href="/article/38867/">
            <div class="carousel-overlay"></div>
            <div class="carousel-caption">
              <div>
                <h2 class="carousel-title">Actu V.O. :  Ghost Rider</h2>
                              </div>
            </div>
		  </a>
          </div>
				  <div class="carousel-item" style="overflow:hidden;background:no-repeat url(https://img.sanctuary.fr/thumbs_news_fb/38866.jpg);background-size:cover;background-position:10% 40%;">
		  <a href="/article/38866/">
            <div class="carousel-overlay"></div>
            <div class="carousel-caption">
              <div>
                <h2 class="carousel-title">Retour vers le passé :  Magic (1978)</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/38922/">
              <img src="https://img.sanctuary.fr/thumbs_news_fb/38922.jpg" class="card-img-top" alt="Sortie du dernier tome de Purgatory Girl ! ">
            </a>
            </div>
            <div class="card-block">
              <h4 class="card-title"><a href="/article/38922/">Sortie du dernier tome de Purgatory Girl ! </a></h4>
              <div class="card-meta">
                <span><i class="fa fa-clock-o"></i> mer. 10 nov. 2021</span>
                <span>0 commentaire</span>
              </div>
            </div>
          </div>
        </div>
		        <div class="item">
          <div class="card card-video">
            <div class="card-img" style="height:150px;">
              <a href="/article/38921/">
              <img src="https://img.sanctuary.fr/thumbs_news_fb/38921.jpg" class="card-img-top" alt="Les épisodes d'animes en streaming du 10/11/2021">
            </a>
            </div>
            <div class="card-block">
              <h4 class="card-title"><a href="/article/38921/">Les épisodes d'animes en streaming du 10/11/2021</a></h4>
              <div class="card-meta">
                <span><i class="fa fa-clock-o"></i> mer. 10 nov. 2021</span>
                <span>0 commentaire</span>
              </div>
            </div>
          </div>
        </div>
		        <div class="item">
          <div class="card card-video">
            <div class="card-img" style="height:150px;">
              <a href="/article/38920/">
              <img src="https://img.sanctuary.fr/thumbs_news_fb/38920.jpg" class="card-img-top" alt="Sorties manga du 10/11/2021">
            </a>
            </div>
            <div class="card-block">
              <h4 class="card-title"><a href="/article/38920/">Sorties manga du 10/11/2021</a></h4>
              <div class="card-meta">
                <span><i class="fa fa-clock-o"></i> mer. 10 nov. 2021</span>
                <span>4 commentaires</span>
              </div>
            </div>
          </div>
        </div>
		        <div class="item">
          <div class="card card-video">
            <div class="card-img" style="height:150px;">
              <a href="/article/38919/">
              <img src="https://img.sanctuary.fr/thumbs_news_fb/38919.jpg" class="card-img-top" alt="Sorties comics du 10/11/2021">
            </a>
            </div>
            <div class="card-block">
              <h4 class="card-title"><a href="/article/38919/">Sorties comics du 10/11/2021</a></h4>
              <div class="card-meta">
                <span><i class="fa fa-clock-o"></i> mer. 10 nov. 2021</span>
                <span>0 commentaire</span>
              </div>
            </div>
          </div>
        </div>
		        <div class="item">
          <div class="card card-video">
            <div class="card-img" style="height:150px;">
              <a href="/article/38918/">
              <img src="https://img.sanctuary.fr/thumbs_news_fb/38918.jpg" class="card-img-top" alt="Sorties BD du 10/11/2021">
            </a>
            </div>
            <div class="card-block">
              <h4 class="card-title"><a href="/article/38918/">Sorties BD du 10/11/2021</a></h4>
              <div class="card-meta">
                <span><i class="fa fa-clock-o"></i> mer. 10 nov. 2021</span>
                <span>0 commentaire</span>
              </div>
            </div>
          </div>
        </div>
		        <div class="item">
          <div class="card card-video">
            <div class="card-img" style="height:150px;">
              <a href="/article/38917/">
              <img src="https://img.sanctuary.fr/thumbs_news_fb/38917.jpg" class="card-img-top" alt="Plusieurs séries en coffrets prestige chez Kazé Manga pour les fêtes ! ">
            </a>
            </div>
            <div class="card-block">
              <h4 class="card-title"><a href="/article/38917/">Plusieurs séries en coffrets prestige chez Kazé Manga pour les fêtes ! </a></h4>
              <div class="card-meta">
                <span><i class="fa fa-clock-o"></i> mar.  9 nov. 2021</span>
                <span>5 commentaires</span>
              </div>
            </div>
          </div>
        </div>
		        <div class="item">
          <div class="card card-video">
            <div class="card-img" style="height:150px;">
              <a href="/article/38916/">
              <img src="https://img.sanctuary.fr/thumbs_news_fb/38916.jpg" class="card-img-top" alt="Les épisodes d'animes en streaming du 09/11/2021">
            </a>
            </div>
            <div class="card-block">
              <h4 class="card-title"><a href="/article/38916/">Les épisodes d'animes en streaming du 09/11/2021</a></h4>
              <div class="card-meta">
                <span><i class="fa fa-clock-o"></i> mar.  9 nov. 2021</span>
                <span>0 commentaire</span>
              </div>
            </div>
          </div>
        </div>
		        <div class="item">
          <div class="card card-video">
            <div class="card-img" style="height:150px;">
              <a href="/article/38915/">
              <img src="https://img.sanctuary.fr/thumbs_news_fb/38915.jpg" class="card-img-top" alt="Les épisodes d'animes en streaming du 08/11/2021">
            </a>
            </div>
            <div class="card-block">
              <h4 class="card-title"><a href="/article/38915/">Les épisodes d'animes en streaming du 08/11/2021</a></h4>
              <div class="card-meta">
                <span><i class="fa fa-clock-o"></i> lun.  8 nov. 2021</span>
                <span>0 commentaire</span>
              </div>
            </div>
          </div>
        </div>
		        <div class="item">
          <div class="card card-video">
            <div class="card-img" style="height:150px;">
              <a href="/article/38914/">
              <img src="https://img.sanctuary.fr/thumbs_news_fb/38914.jpg" class="card-img-top" alt="Top des ventes de manga au Japon du 25/10/2021 au 31/10/2021">
            </a>
            </div>
            <div class="card-block">
              <h4 class="card-title"><a href="/article/38914/">Top des ventes de manga au Japon du 25/10/2021 au 31/10/2021</a></h4>
              <div class="card-meta">
                <span><i class="fa fa-clock-o"></i> lun.  8 nov. 2021</span>
                <span>0 commentaire</span>
              </div>
            </div>
          </div>
        </div>
		        <div class="item">
          <div class="card card-video">
            <div class="card-img" style="height:150px;">
              <a href="/article/38912/">
              <img src="https://img.sanctuary.fr/thumbs_news_fb/38912.jpg" class="card-img-top" alt="Deux films de la saga Neon Genesis Evangelion sur grand écran ! ">
            </a>
            </div>
            <div class="card-block">
              <h4 class="card-title"><a href="/article/38912/">Deux films de la saga Neon Genesis Evangelion sur grand écran ! </a></h4>
              <div class="card-meta">
                <span><i class="fa fa-clock-o"></i> lun.  8 nov. 2021</span>
                <span>0 commentaire</span>
              </div>
            </div>
          </div>
        </div>
		        <div class="item">
          <div class="card card-video">
            <div class="card-img" style="height:150px;">
              <a href="/article/38911/">
              <img src="https://img.sanctuary.fr/thumbs_news_fb/38911.jpg" class="card-img-top" alt="Top MS hebdo du 01/11/2021 au 07/11/2021">
            </a>
            </div>
            <div class="card-block">
              <h4 class="card-title"><a href="/article/38911/">Top MS hebdo du 01/11/2021 au 07/11/2021</a></h4>
              <div class="card-meta">
                <span><i class="fa fa-clock-o"></i> lun.  8 nov. 2021</span>
                <span>0 commentaire</span>
              </div>
            </div>
          </div>
        </div>
		        <div class="item">
          <div class="card card-video">
            <div class="card-img" style="height:150px;">
              <a href="/article/38910/">
              <img src="https://img.sanctuary.fr/thumbs_news_fb/38910.jpg" class="card-img-top" alt="Top COMICS hebdo du 01/11/2021 au 07/11/2021">
            </a>
            </div>
            <div class="card-block">
              <h4 class="card-title"><a href="/article/38910/">Top COMICS hebdo du 01/11/2021 au 07/11/2021</a></h4>
              <div class="card-meta">
                <span><i class="fa fa-clock-o"></i> lun.  8 nov. 2021</span>
                <span>0 commentaire</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">		
	
		
	<section class="p-0">
	<section class="hero hero-game" style="background-image: url('https://img.sanctuary.fr/objet/origin/346364.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="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 class="post-thumbnail">
				  <a href="/avis/138598/">
				  <img src="https://img.sanctuary.fr/objet/300/346364.jpg" alt="Suikoden III T.1">
				</a>
				</div>
				<div class="post-block">
				  <h2 class="hero-title" style="color:#FFFFFF;"><a href="/avis/138598/">Suikoden III T.1</a></h2>
				  <div class="post-meta">
					<span><i class="fa fa-clock-o"></i> mar.  9 nov. 2021 par <a href="/index.php?page=user-profile&subpage=accueil&id=19052">Auray</a></span>
					<span><a href="/avis/138598/#comments"><i class="fa fa-comment-o"></i> 0 commentaire</a></span>
				  </div>
				  <p>C'est au début des années deux mille que j'ai joué pour la première fois à la série Suikoden. Le deuxième opus est d'ailleurs de loin mon préféré pour l'instant. Cette période sur Playstati...</p>
				  <p><a class="lien_suite" href="/avis/138598/">Lire la critique de Suikoden III T.1</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 2">
			<div class="card-img" style="height:150px;">
			<a href="/avis/138610/">
			<img src="https://img.sanctuary.fr/objet/150/348475.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 mondes d... #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 2">
			<div class="card-img" style="height:150px;">
			<a href="/avis/138609/">
			<img src="https://img.sanctuary.fr/objet/150/351005.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;">Maud et les ... #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 2">
			<div class="card-img" style="height:150px;">
			<a href="/avis/138605/">
			<img src="https://img.sanctuary.fr/objet/150/348846.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;">La baleine 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;" 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/138603/">
			<img src="https://img.sanctuary.fr/objet/150/347958.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;">Ookami Rise #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/138598/">
			<img src="https://img.sanctuary.fr/objet/150/346364.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;">Suikoden III #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/138594/">
			<img src="https://img.sanctuary.fr/objet/150/346116.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;">Beck #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/138529/">
			<img src="https://img.sanctuary.fr/objet/150/273003.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;">Red Eyes Swo... #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="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/138591/">
			<img src="https://img.sanctuary.fr/objet/150/278665.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;">Red Eyes Swo... #13</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/138589/">
			<img src="https://img.sanctuary.fr/objet/150/347248.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;">Bâtard #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 2">
			<div class="card-img" style="height:150px;">
			<a href="/avis/138588/">
			<img src="https://img.sanctuary.fr/objet/150/351007.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;">Arcana #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/138587/">
			<img src="https://img.sanctuary.fr/objet/150/348761.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;">Lanfeust de ... #9</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/138586/">
			<img src="https://img.sanctuary.fr/objet/150/345453.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;">Darryl Ouvre... #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/138585/">
			<img src="https://img.sanctuary.fr/objet/150/347137.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;">La Commode 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;" 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/138584/">
			<img src="https://img.sanctuary.fr/objet/150/351006.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;">Mages #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/138570/">
			<img src="https://img.sanctuary.fr/objet/150/346798.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;">The Heroic L... #14</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/138568/">
			<img src="https://img.sanctuary.fr/objet/150/332633.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;">Macadam shoo...</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 3">
			<div class="card-img" style="height:150px;">
			<a href="/avis/138567/">
			<img src="https://img.sanctuary.fr/objet/150/347532.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;">Bloodshot #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="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/138566/">
			<img src="https://img.sanctuary.fr/objet/150/348986.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;">Hérauts #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 2">
			<div class="card-img" style="height:150px;">
			<a href="/avis/138565/">
			<img src="https://img.sanctuary.fr/objet/150/350985.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;">Harry Houdini #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/138564/">
			<img src="https://img.sanctuary.fr/objet/150/350984.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;">N.E.O. #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>
		</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/40992/">
			<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 monstre 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="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/6222/">
			<img src="https://img.sanctuary.fr/fiche/300/6222.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;">Nijigahara H...</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/341620/">
			<img src="https://img.sanctuary.fr/objet/300/341620.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;">Skilled Fast #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="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/65511/">
			<img src="https://img.sanctuary.fr/fiche/300/65511.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;">Share</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/65555/">
			<img src="https://img.sanctuary.fr/fiche/300/65555.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;">Wakusei Closet</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/65166/">
			<img src="https://img.sanctuary.fr/fiche/300/65166.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;">Mon amie 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/65505/">
			<img src="https://img.sanctuary.fr/fiche/300/65505.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 Sorcière...</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/64478/">
			<img src="https://img.sanctuary.fr/fiche/300/64478.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 Fées, Le...</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/60492/">
			<img src="https://img.sanctuary.fr/fiche/300/60492.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;">Mieruko-Chan...</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/43297/">
			<img src="https://img.sanctuary.fr/fiche/300/43297.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;">Kasane – La ...</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>
		</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=2453"><img src="https://img.sanctuary.fr/fiche/150/1092.jpg" alt=""></a>
            </div>
            <div class="post-block">
              <h2 class="post-title"><a href="/index.php?page=fiche-discu-detail&id=2453">Couverture</a></h2>
			  <div class="post-meta">
			  <a href="/fiche/1092/">Black Lagoon</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=13441">kalas</a></span>
                <span><i class="fa fa-comment-o"></i> 5 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=3927"><img src="https://img.sanctuary.fr/fiche/150/63392.jpg" alt=""></a>
            </div>
            <div class="post-block">
              <h2 class="post-title"><a href="/index.php?page=fiche-discu-detail&id=3927">Anime</a></h2>
			  <div class="post-meta">
			  <a href="/fiche/63392/">Mashle</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> 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=3838"><img src="https://img.sanctuary.fr/fiche/150/46671.jpg" alt=""></a>
            </div>
            <div class="post-block">
              <h2 class="post-title"><a href="/index.php?page=fiche-discu-detail&id=3838">regarder episodes</a></h2>
			  <div class="post-meta">
			  <a href="/fiche/46671/">Captain Tsubasa (2018)</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=132273">troubliu</a></span>
                <span><i class="fa fa-comment-o"></i> 3 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=3925"><img src="https://img.sanctuary.fr/fiche/150/64519.jpg" alt=""></a>
            </div>
            <div class="post-block">
              <h2 class="post-title"><a href="/index.php?page=fiche-discu-detail&id=3925">episode</a></h2>
			  <div class="post-meta">
			  <a href="/fiche/64519/">Ni Chang (drama)</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=159927">ae123</a></span>
                <span><i class="fa fa-comment-o"></i> 1 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=3848"><img src="https://img.sanctuary.fr/fiche/150/55882.jpg" alt=""></a>
            </div>
            <div class="post-block">
              <h2 class="post-title"><a href="/index.php?page=fiche-discu-detail&id=3848">volume 5 collector (magasins E. LECLERC)</a></h2>
			  <div class="post-meta">
			  <a href="/fiche/55882/">Hell's Paradise</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=39071">Shadow1802</a></span>
                <span><i class="fa fa-comment-o"></i> 17 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=3923"><img src="https://img.sanctuary.fr/fiche/150/62284.jpg" alt=""></a>
            </div>
            <div class="post-block">
              <h2 class="post-title"><a href="/index.php?page=fiche-discu-detail&id=3923">drama love scenery</a></h2>
			  <div class="post-meta">
			  <a href="/fiche/62284/">Love Scenery (drama)</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=159747">izanami</a></span>
                <span><i class="fa fa-comment-o"></i> 1 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=3926"><img src="https://img.sanctuary.fr/fiche/150/7497.jpg" alt=""></a>
            </div>
            <div class="post-block">
              <h2 class="post-title"><a href="/index.php?page=fiche-discu-detail&id=3926">A quand une sortie en France ?</a></h2>
			  <div class="post-meta">
			  <a href="/fiche/7497/">Ushio to Tora</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> 1 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=3924"><img src="https://img.sanctuary.fr/fiche/150/465.jpg" alt=""></a>
            </div>
            <div class="post-block">
              <h2 class="post-title"><a href="/index.php?page=fiche-discu-detail&id=3924">edition j'ai lu</a></h2>
			  <div class="post-meta">
			  <a href="/fiche/465/">City Hunter</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=37088">Fatichan</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/351283/">
			<img src="https://img.sanctuary.fr/objet/300/351283.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;">I (don't) want you to give me up</div>
			</div>
			</div>
			</div>
					
			<div class="item">
			<div class="card ">
			<div class="card-img" style="height:150px;">
			<a href="/objet/351282/">
			<img src="https://img.sanctuary.fr/objet/300/351282.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;">Tameiki Sex Limonade</div>
			</div>
			</div>
			</div>
					
			<div class="item">
			<div class="card ">
			<div class="card-img" style="height:150px;">
			<a href="/objet/351281/">
			<img src="https://img.sanctuary.fr/objet/300/351281.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;">Ai Subeki Sadist</div>
			</div>
			</div>
			</div>
					
			<div class="item">
			<div class="card ">
			<div class="card-img" style="height:150px;">
			<a href="/objet/351280/">
			<img src="https://img.sanctuary.fr/objet/300/351280.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;">First Kiss wo Kurae</div>
			</div>
			</div>
			</div>
					
			<div class="item">
			<div class="card ">
			<div class="card-img" style="height:150px;">
			<a href="/objet/351279/">
			<img src="https://img.sanctuary.fr/objet/300/351279.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;">3-kai Mawatte Suki to Ie</div>
			</div>
			</div>
			</div>
					
			<div class="item">
			<div class="card ">
			<div class="card-img" style="height:150px;">
			<a href="/objet/351278/">
			<img src="https://img.sanctuary.fr/objet/300/351278.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;">Jagaaan T.13</div>
			</div>
			</div>
			</div>
					
			<div class="item">
			<div class="card ">
			<div class="card-img" style="height:150px;">
			<a href="/objet/351277/">
			<img src="https://img.sanctuary.fr/objet/300/351277.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;">Jagaaan T.12</div>
			</div>
			</div>
			</div>
					
			<div class="item">
			<div class="card ">
			<div class="card-img" style="height:150px;">
			<a href="/objet/351276/">
			<img src="https://img.sanctuary.fr/objet/300/351276.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;">Jagaaan T.11</div>
			</div>
			</div>
			</div>
					
			<div class="item">
			<div class="card ">
			<div class="card-img" style="height:150px;">
			<a href="/objet/351275/">
			<img src="https://img.sanctuary.fr/objet/300/351275.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;">Jagaaan T.10</div>
			</div>
			</div>
			</div>
					
			<div class="item">
			<div class="card ">
			<div class="card-img" style="height:150px;">
			<a href="/objet/351274/">
			<img src="https://img.sanctuary.fr/objet/300/351274.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;">Jagaaan T.9</div>
			</div>
			</div>
			</div>
					
			<div class="item">
			<div class="card ">
			<div class="card-img" style="height:150px;">
			<a href="/objet/351273/">
			<img src="https://img.sanctuary.fr/objet/300/351273.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;">Jagaaan T.8</div>
			</div>
			</div>
			</div>
					
			<div class="item">
			<div class="card ">
			<div class="card-img" style="height:150px;">
			<a href="/objet/351272/">
			<img src="https://img.sanctuary.fr/objet/300/351272.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;">Jagaaan T.7</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=80980"><img src="/public/img/user-avatar/thumbnail/80980.jpg" alt=""></a></div>
                      <div><a href="/article/38920/"><b>Tal67 : </b> Bambi, Bambi, Bambi, Search And Destroy :D</a>
						<div style="font-size:12px;margin-top:5px;"> dans <b><a href="/article/38920/" style="font-size:12px;">Sorties manga du 10/11/2021</a></b></div>
					  </div>
                    </li>
				                      <li>
                      <div><a href="/index.php?page=user-profile&subpage=accueil&id=54697"><img src="/public/img/user-avatar/thumbnail/54697.gif" alt=""></a></div>
                      <div><a href="/article/38917/"><b>rom7 : </b> Sur manga-news l'info est arrivé avant et il y avait les prix, infos, visuels ... </a>
						<div style="font-size:12px;margin-top:5px;"> dans <b><a href="/article/38917/" style="font-size:12px;">Plusieurs séries en coffrets prestige chez Kazé Manga pour les fêtes ! </a></b></div>
					  </div>
                    </li>
				                      <li>
                      <div><a href="/index.php?page=user-profile&subpage=accueil&id=7006"><img src="/public/img/user-avatar/thumbnail/7006.gif" alt=""></a></div>
                      <div><a href="/article/38908/"><b>FrEaK : </b> Hall trop petit, billets 2020 toujours valables et billets 2021 vendus en plus.
Et après on s'ét...</a>
						<div style="font-size:12px;margin-top:5px;"> dans <b><a href="/article/38908/" style="font-size:12px;">Le Paris Manga & Sci-Fi Show victime de son succès ! </a></b></div>
					  </div>
                    </li>
				                      <li>
                      <div><a href="/index.php?page=user-profile&subpage=accueil&id=7006"><img src="/public/img/user-avatar/thumbnail/7006.gif" alt=""></a></div>
                      <div><a href="/article/38920/"><b>FrEaK : </b> Dragon Ball Super T.15
Goblin Slayer T.11
Hinomaru sumô T.23
L'Atelier des Sorciers T.9
Père ...</a>
						<div style="font-size:12px;margin-top:5px;"> dans <b><a href="/article/38920/" style="font-size:12px;">Sorties manga du 10/11/2021</a></b></div>
					  </div>
                    </li>
				                      <li>
                      <div><a href="/index.php?page=user-profile&subpage=accueil&id=7006"><img src="/public/img/user-avatar/thumbnail/7006.gif" alt=""></a></div>
                      <div><a href="/article/38917/"><b>FrEaK : </b> "À noter enfin qu’un coffret avec les trois premiers tomes de Mashle est sorti le 10 novembre."
L...</a>
						<div style="font-size:12px;margin-top:5px;"> dans <b><a href="/article/38917/" style="font-size:12px;">Plusieurs séries en coffrets prestige chez Kazé Manga pour les fêtes ! </a></b></div>
					  </div>
                    </li>
				                      <li>
                      <div><a href="/index.php?page=user-profile&subpage=accueil&id=7006"><img src="/public/img/user-avatar/thumbnail/7006.gif" alt=""></a></div>
                      <div><a href="/article/38917/"><b>FrEaK : </b> Bestiarius, si je ne les avais pas déjà, je tenterais direct en grand format !</a>
						<div style="font-size:12px;margin-top:5px;"> dans <b><a href="/article/38917/" style="font-size:12px;">Plusieurs séries en coffrets prestige chez Kazé Manga pour les fêtes ! </a></b></div>
					  </div>
                    </li>
				                      <li>
                      <div><a href="/index.php?page=user-profile&subpage=accueil&id=7006"><img src="/public/img/user-avatar/thumbnail/7006.gif" alt=""></a></div>
                      <div><a href="/article/38881/"><b>FrEaK : </b> Décidément, je ne devrais pas m'avancer autant sur cette série, 2 boulettes de suite, je vais arr...</a>
						<div style="font-size:12px;margin-top:5px;"> dans <b><a href="/article/38881/" style="font-size:12px;">Sorties manga du 03/11/2021</a></b></div>
					  </div>
                    </li>
				                      <li>
                      <div><a href="/index.php?page=user-profile&subpage=accueil&id=7006"><img src="/public/img/user-avatar/thumbnail/7006.gif" alt=""></a></div>
                      <div><a href="/article/38886/"><b>FrEaK : </b> @Xeno-emna : pas de quoi ;o)</a>
						<div style="font-size:12px;margin-top:5px;"> dans <b><a href="/article/38886/" style="font-size:12px;">Déouvrez le premier tome de l'horrifique Denjin N</a></b></div>
					  </div>
                    </li>
				                      <li>
                      <div><a href="/index.php?page=user-profile&subpage=accueil&id=94095"><img src="/public/img/user-avatar/thumbnail/94095.jpg" alt=""></a></div>
                      <div><a href="/article/38920/"><b>rindain : </b> 008 : APPRENTI ESPION T.4, DEAD TUBE T.16, GOBLIN SLAYER T.11, KAGUYA-SAMA : LOVE IS WAR T.6, L'A...</a>
						<div style="font-size:12px;margin-top:5px;"> dans <b><a href="/article/38920/" style="font-size:12px;">Sorties manga du 10/11/2021</a></b></div>
					  </div>
                    </li>
				                      <li>
                      <div><a href="/index.php?page=user-profile&subpage=accueil&id=82626"><img src="/public/img/default_avatar50.gif" alt=""></a></div>
                      <div><a href="/article/38917/"><b>SirCornflakes : </b> Je pense qu'on doit pouvoir trouver ça sur ke net, mais j'avoue que la news est un peu light sur ...</a>
						<div style="font-size:12px;margin-top:5px;"> dans <b><a href="/article/38917/" style="font-size:12px;">Plusieurs séries en coffrets prestige chez Kazé Manga pour les fêtes ! </a></b></div>
					  </div>
                    </li>
				                      <li>
                      <div><a href="/index.php?page=user-profile&subpage=accueil&id=133902"><img src="/public/img/user-avatar/thumbnail/133902.jpg" alt=""></a></div>
                      <div><a href="/avis/138300/"><b>MassLunar : </b> Je viens de le lire, j'ignorais que c'était un petit spin-off à un roman. C'est pas précisé dans ...</a>
						<div style="font-size:12px;margin-top:5px;"> dans <b><a href="/avis/138300/" style="font-size:12px;">Critique La baleine blanche des mers mortes </a></b></div>
					  </div>
                    </li>
				                      <li>
                      <div><a href="/index.php?page=user-profile&subpage=accueil&id=90892"><img src="/public/img/default_avatar50.gif" alt=""></a></div>
                      <div><a href="/article/38920/"><b>thunder.eagle : </b> Spy x family , tokyo Revengers, city hunter et quelques autre tomes de mon cote a prendre </a>
						<div style="font-size:12px;margin-top:5px;"> dans <b><a href="/article/38920/" style="font-size:12px;">Sorties manga du 10/11/2021</a></b></div>
					  </div>
                    </li>
				                    </ul>
                </div>
              </div>
            </div>
			
		</div>
				
      </div>
    </div>
  </section>
  
  <!-- /main -->
</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 -->
	<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 class="col">
							<ul>
								<li><a href="#">Livres</a></li>
								<li><a href="#">Jeux vidéos</a></li>
								<li><a href="#">Jeux de société</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 &copy; 2017 <a href="https://www.sanctuary.fr" target="_blank">Sanctuary</a>. Tous droits réservés.</p>
			</div>
		</div>
	</footer>
	<!-- /footer -->


	<!-- vendor js -->
		<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>
	<!-- theme js -->
	<script src="/public/template/4.1.2/js/theme.min.js"></script>
	<!-- plugin js -->
	<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>(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">
//<![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:1
        },
        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=$(this).attr('action');
		$.ajax({
		   type: 'POST',
		   url: '/core/ajax/affichage.php',
		   data: {action:action},
			   beforeSend: function(){
			   },
		   
			   complete: function(r){
			   },
		   
			   success: function(panier){
			   $('body').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());
	   }
   });
})

	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 button span',function(){
	$('#popup_actu').slideUp(1000,function(){ $(this).remove(); });
	});
	});

 //]]>


 </script>
<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>