integ/index.html
author veltr
Mon, 06 May 2013 18:38:13 +0200
changeset 65 b13a409f01dc
parent 0 ca1b8c0fbe35
permissions -rw-r--r--
Some refactoring

<!doctype html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"><![endif]-->
<!--[if IE 7]>	<html class="no-js lt-ie9 lt-ie8" lang="en"><![endif]-->
<!--[if IE 8]><html class="no-js lt-ie9" lang="en"><![endif]-->
<!--[if IE 9]><html class="no-js ie9" lang="en"><![endif]-->
<!--[if gt IE 9]><!--> <html class="no-js" lang="en"><!--<![endif]-->
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<title>Cinegift</title>
<meta name="description" content="" />
<meta name="viewport" content="width=980" />
<link rel="stylesheet" href="css/reset.css" />
<link rel="stylesheet" href="css/default.css" />
<link rel="stylesheet" href="css/styles.css" />

<!-- Custom scrollbars CSS -->
<link href="css/jquery.mCustomScrollbar.css" rel="stylesheet" type="text/css" />
<script src="js/libs/modernizr-2.5.3.min.js"></script>

</head>

<body>
<!--[if lt IE 9]><p class=chromeframe>Your browser is <em>ancient!</em> <a href="http://browsehappy.com/">Upgrade to a different browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">install Google Chrome Frame</a> to experience this site.</p><![endif]-->
<header>
	<h1><img src="img/logo.png" alt="AlloCiné LAB" class="logo" /></h1>
	<nav>
		<ul>
			<li><a href="social.html">Social</a></li>
			<li class="current"><a href="index.html">Discover</a></li>
			<li><a href="#">Profile</a></li>
		</ul>
	</nav>
	
	<section class="connect">

		<div class="connected_profiles">
			<span>Angelo Chiacchio</span> 
			<img src="img/profil.jpg" alt="photo de profil" />
		</div><!-- /connected_profiles -->

		<span class="logout">loggout</span>

	</section>
	<!-- /connect -->
</header>
<div role="main">
	<section class="central">
		<div id="filters" class="filters">
			<div id="searchZone">
				<form class="filters_search">
					<input type="text"  />
					<div class="search_dropdown">
						<ul>
							<li><a href="#" class="picto_01"><strong>Will</strong> Hunting</a></li>
							<li><a href="#" class="picto_02"><strong>Will</strong> Ferrel</a></li>
							<li><a href="#" class="picto_02"><strong>Will</strong> Smith</a></li>
							<li><a href="#" class="more">Autres résultats</a></li>
						</ul>
					</div>
					<i>OK</i>
				</form>
				<div class="tags">
					<a href="#">Action</a>
					<a href="#">Sci-fi</a>
					<a href="#">2000</a>
					<a href="#">American</a>
					<a href="#">Johnny Depp</a>
				</div>
			</div>
			<!-- /searchZone -->
			<div class="facettes">
				<div class="adCntnr" >
					<div class="acco2">
						<div class="expand"><a title="expand/collapse" href="#" style="display: block;">Genres</a></div>
						<div class="collapse">
							<div class="accCntnt">
								<ul>
									<li><a href="#">Guerre<span>18</span></a></li>
									<li><a href="#">Horreur<span>12</span></a></li>
									<li><a href="#">Romance<span>22</span></a></li>
									<li><a href="#">Thriller<span>7</span></a></li>
								</ul>
							</div>
						</div>
					
						<div class="expand"><a title="expand/collapse" href="#" style="display: block;">Nationalities</a></div>
						<div class="collapse">
							<div class="accCntnt">
								<ul>
									<li><a href="#">American</a></li>
									<li><a href="#">British</a></li>
									<li><a href="#">French</a></li>
									<li><a href="#">German</a></li>
								</ul>
							</div>
						</div>
						
						<div class="expand"><a title="expand/collapse" href="#" style="display: block;">Periods</a></div>
						<div class="collapse">
							<div class="accCntnt">
								<ul>
									<li><a href="#">1960 - 1970</a></li>
									<li><a href="#">1970 - 1980</a></li>
									<li><a href="#">1980 - 1990</a></li>
									<li><a href="#">1990 - 2000</a></li>
									<li><a href="#">2000 - 2010</a></li>
									<li><a href="#">From 2010</a></li>
								</ul>
							</div>
						</div>
						
						<div class="expand"><a title="expand/collapse" href="#" style="display: block;">Stars</a></div>
						<div class="collapse">
							<div class="accCntnt">
								<ul>
									<li><a href="#">Tom Hanks</a></li>
									<li><a href="#">Brad Pitt</a></li>
									<li><a href="#">Brad Pitt</a></li>
									<li><a href="#">Brad Pitt</a></li>
									<li><a href="#">Brad Pitt</a></li>
									<li><a href="#">Brad Pitt</a></li>
									<li><a href="#">Brad Pitt</a></li>
									<li><a href="#">Brad Pitt</a></li>
									<li><a href="#">Brad Pitt</a></li>
									<li><a href="#">Brad Pitt</a></li>
									<li><a href="#">Brad Pitt</a></li>
									<li><a href="#">Brad Pitt</a></li>
									<li><a href="#">Brad Pitt</a></li>
									<li><a href="#">Brad Pitt</a></li>
									<li><a href="#">Brad Pitt</a></li>
									<li><a href="#">Charlize Theron</a></li>
									<li><a href="#">Charlize Theron</a></li>
									<li><a href="#">Charlize Theron</a></li>
									<li><a href="#">Charlize Theron</a></li>
									<li><a href="#">Charlize Theron</a></li>
									<li><a href="#">Charlize Theron</a></li>
									<li><a href="#">Charlize Theron</a></li>
									<li><a href="#">Charlize Theron</a></li>
									
									<li><a href="#">Ryan Gosling</a></li>
									<li><a href="#">Ryan Gosling</a></li>
									<li><a href="#">Ryan Gosling</a></li>
									<li><a href="#">Ryan Gosling</a></li>
									<li><a href="#">Ryan Gosling</a></li>
									<li><a href="#">Ryan Gosling</a></li>
									<li><a href="#">Ryan Gosling</a></li>
									<li><a href="#">Ryan Gosling</a></li>
									<li><a href="#">Ryan Gosling</a></li>
									<li><a href="#">Ryan Gosling</a></li>
									<li><a href="#">Ryan Gosling</a></li>
									<li><a href="#">Ryan Gosling</a></li>
									
								</ul>
								<a href="#" class="seeAll">See all...</a>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!-- /facettes -->
		</div>
		<!-- /filters -->
		<div id="results" class="results">
			<ul class="film_list clearfix">
				<li>
					<div>
						<img width="160" height="213" src="http://images.allocine.fr/r_160_213/medias/nmedia/18/83/93/95/19803697.jpg" alt="" />
						<div class="overlay_area" >
							<span class="mini_thumb play_btn"><span>Play</span></span>
							<span class="mini_thumb info_btn"><span>Info</span></span>
							<div class="tooltip_info" >
								<p class="film_title" >Drive</p>
								<ul>
									<li><span class="flag flag_us" >US</span></li>
									<li><span class="flag flag_fr" >FR</span></li>
									<li><span class="flag flag_it" >IT</span></li>
									<li class="year" >2011</li>
								</ul>
								<p class="award" ><i></i> Cannes</p>
								<p><span class="title_info" >Réalisé par</span><strong>Terrence Malik</strong></p>
								<p><span class="title_info" >Avec</span>Brad Pitt, Cate Blanchett, <strong>Julia Ormond,</strong> ...</p>
								<p><span class="title_info" >Genre</span>Drame, <strong>Fantastique,</strong> Romance</p>
								<span class="arrow_tooltip" ></span>
							</div>
							<p>à partir de<strong>2,99€</strong></p>
							
							<div class="item_rating sya">
								<div class="rate">
									<div class="picto_rating rate_cancel load_target hidden j_rate_cancel"></div>
									<div class="rating_module blue load_target">
										<div class="rated_g_l star" data-val="0.5">
											<div class="rate_tooltip">0.5 : Nul<div class="arrow_b"></div></div>
										</div>
										<div class="rated_g_r star" data-val="1">
											<div class="rate_tooltip">1.0 : Très mauvais<div class="arrow_b"></div></div>
										</div>
										<div class="rated_g_l star" data-val="1.5">
											<div class="rate_tooltip">1.5 : Mauvais<div class="arrow_b"></div></div>
										</div>
										<div class="rated_off_r star" data-val="2">
											<div class="rate_tooltip">2.0 : Pas terrible<div class="arrow_b"></div></div>
										</div>
										<div class="rated_off_l star" data-val="2.5">
											<div class="rate_tooltip">2.5 : Moyen<div class="arrow_b"></div></div>
										</div>
										<div class="rated_off_r star" data-val="3">
											<div class="rate_tooltip">3.0 : Pas mal<div class="arrow_b"></div></div>
										</div>
										<div class="rated_off_l star" data-val="3.5">
											<div class="rate_tooltip">3.5 : Bien<div class="arrow_b"></div></div>
										</div>
										<div class="rated_off_r star" data-val="4">
											<div class="rate_tooltip">4.0 : Très bien<div class="arrow_b"></div></div>
										</div>
										<div class="rated_off_l star" data-val="4.5">
											<div class="rate_tooltip">4.5 : Excellent<div class="arrow_b"></div></div>
										</div>
										<div class="rated_off_r star" data-val="5">
											<div class="rate_tooltip">5.0 : Chef d'œuvre<div class="arrow_b"></div></div>
										</div>
									</div>
									<div class="loader"><div class="j_saving loading_item"><img class="vam" src="http://images.allocine.fr/skin/loader_green.gif"></div></div>
								</div>
							</div>
							<div class="btn_thumbs">
								<span class="btn_thumb btn_yes"><span>Oui</span></span>
								<span class="btn_thumb btn_no"><span>Non</span></span>
							</div>
							
						</div>
						<span class="others_infos movie_yes"></span>
					</div>
					<a href="#" title="Drive" >Drive</a>
				</li>
				<li>
					<div>
						<img src="http://images.allocine.fr/r_160_213/medias/nmedia/18/86/68/30/20093574.jpg" alt="" />
						<div class="overlay_area" >
							<span class="mini_thumb play_btn"><span>Play</span></span>
							<span class="mini_thumb info_btn"><span>Info</span></span>
							<p>à partir de<strong>2,99€</strong></p>
							<div class="item_rating sya">
								<div class="rate">
									<div class="picto_rating rate_cancel load_target hidden j_rate_cancel"></div>
									<div class="rating_module blue load_target">
										<div class="rated_b_l star" data-val="0.5">
											<div class="rate_tooltip">0.5 : Nul<div class="arrow_b"></div></div>
										</div>
										<div class="rated_b_r star" data-val="1">
											<div class="rate_tooltip">1.0 : Très mauvais<div class="arrow_b"></div></div>
										</div>
										<div class="rated_b_l star" data-val="1.5">
											<div class="rate_tooltip">1.5 : Mauvais<div class="arrow_b"></div></div>
										</div>
										<div class="rated_b_r star" data-val="2">
											<div class="rate_tooltip">2.0 : Pas terrible<div class="arrow_b"></div></div>
										</div>
										<div class="rated_b_l star" data-val="2.5">
											<div class="rate_tooltip">2.5 : Moyen<div class="arrow_b"></div></div>
										</div>
										<div class="rated_b_r star" data-val="3">
											<div class="rate_tooltip">3.0 : Pas mal<div class="arrow_b"></div></div>
										</div>
										<div class="rated_b_l star" data-val="3.5">
											<div class="rate_tooltip">3.5 : Bien<div class="arrow_b"></div></div>
										</div>
										<div class="rated_off_r star" data-val="4">
											<div class="rate_tooltip">4.0 : Très bien<div class="arrow_b"></div></div>
										</div>
										<div class="rated_off_l star" data-val="4.5">
											<div class="rate_tooltip">4.5 : Excellent<div class="arrow_b"></div></div>
										</div>
										<div class="rated_off_r star" data-val="5">
											<div class="rate_tooltip">5.0 : Chef d'œuvre<div class="arrow_b"></div></div>
										</div>
									</div>
									<div class="loader"><div class="j_saving loading_item"><img class="vam" src="http://images.allocine.fr/skin/loader_green.gif"></div></div>
								</div>
							</div>
							
							<div class="btn_thumbs">
								<span class="btn_thumb btn_yes"><span>Oui</span></span>
								<span class="btn_thumb btn_no"><span>Non</span></span>
							</div>
						</div>
						<span class="others_infos movie_note">4</span>
					</div>
					<a href="#" title="Drive" >l'Age de glace 4</a>
				</li>
				<li>
					<div>
						<img src="http://images.allocine.fr/r_160_213/medias/nmedia/18/83/19/35/20158079.jpg" alt="" />
						<div class="overlay_area" >
							<span class="mini_thumb play_btn"><span>Play</span></span>
							<span class="mini_thumb info_btn"><span>Info</span></span>
							<p>à partir de<strong>2,99€</strong></p>
							<div class="item_rating sya">
								<div class="rate">
									<div class="picto_rating rate_cancel load_target hidden j_rate_cancel"></div>
									<div class="rating_module blue load_target">
										<div class="rated_b_l star" data-val="0.5">
											<div class="rate_tooltip">0.5 : Nul<div class="arrow_b"></div></div>
										</div>
										<div class="rated_b_r star" data-val="1">
											<div class="rate_tooltip">1.0 : Très mauvais<div class="arrow_b"></div></div>
										</div>
										<div class="rated_b_l star" data-val="1.5">
											<div class="rate_tooltip">1.5 : Mauvais<div class="arrow_b"></div></div>
										</div>
										<div class="rated_b_r star" data-val="2">
											<div class="rate_tooltip">2.0 : Pas terrible<div class="arrow_b"></div></div>
										</div>
										<div class="rated_b_l star" data-val="2.5">
											<div class="rate_tooltip">2.5 : Moyen<div class="arrow_b"></div></div>
										</div>
										<div class="rated_g_r star" data-val="3">
											<div class="rate_tooltip">3.0 : Pas mal<div class="arrow_b"></div></div>
										</div>
										<div class="rated_g_l star" data-val="3.5">
											<div class="rate_tooltip">3.5 : Bien<div class="arrow_b"></div></div>
										</div>
										<div class="rated_g_r star" data-val="4">
											<div class="rate_tooltip">4.0 : Très bien<div class="arrow_b"></div></div>
										</div>
										<div class="rated_off_l star" data-val="4.5">
											<div class="rate_tooltip">4.5 : Excellent<div class="arrow_b"></div></div>
										</div>
										<div class="rated_off_r star" data-val="5">
											<div class="rate_tooltip">5.0 : Chef d'œuvre<div class="arrow_b"></div></div>
										</div>
									</div>
									<div class="loader"><div class="j_saving loading_item"><img class="vam" src="http://images.allocine.fr/skin/loader_green.gif"></div></div>
								</div>
							</div>
							
							<div class="btn_thumbs">
								<span class="btn_thumb btn_yes"><span>Oui</span></span>
								<span class="btn_thumb btn_no"><span>Non</span></span>
							</div>
						</div>
						<span class="others_infos movie_note">3.5</span>
					</div>
					<a href="#" title="l'Age de glace 4" >Spider-Man</a>
				</li>
				<li>
					<div>
						<img src="http://images.allocine.fr/r_160_213/medias/nmedia/18/89/65/55/20063546.jpg" alt="" />
						<div class="overlay_area" >
							<span class="mini_thumb play_btn"><span>Play</span></span>
							<span class="mini_thumb info_btn"><span>Info</span></span>
							<p>à partir de<strong>2,99€</strong></p>
							<div class="item_rating sya">
								<div class="rate">
									<div class="picto_rating rate_cancel load_target hidden j_rate_cancel"></div>
									<div class="rating_module blue load_target">
										<div class="rated_b_l star" data-val="0.5">
											<div class="rate_tooltip">0.5 : Nul<div class="arrow_b"></div></div>
										</div>
										<div class="rated_b_r star" data-val="1">
											<div class="rate_tooltip">1.0 : Très mauvais<div class="arrow_b"></div></div>
										</div>
										<div class="rated_b_l star" data-val="1.5">
											<div class="rate_tooltip">1.5 : Mauvais<div class="arrow_b"></div></div>
										</div>
										<div class="rated_b_r star" data-val="2">
											<div class="rate_tooltip">2.0 : Pas terrible<div class="arrow_b"></div></div>
										</div>
										<div class="rated_b_l star" data-val="2.5">
											<div class="rate_tooltip">2.5 : Moyen<div class="arrow_b"></div></div>
										</div>
										<div class="rated_g_r star" data-val="3">
											<div class="rate_tooltip">3.0 : Pas mal<div class="arrow_b"></div></div>
										</div>
										<div class="rated_g_l star" data-val="3.5">
											<div class="rate_tooltip">3.5 : Bien<div class="arrow_b"></div></div>
										</div>
										<div class="rated_g_r star" data-val="4">
											<div class="rate_tooltip">4.0 : Très bien<div class="arrow_b"></div></div>
										</div>
										<div class="rated_off_l star" data-val="4.5">
											<div class="rate_tooltip">4.5 : Excellent<div class="arrow_b"></div></div>
										</div>
										<div class="rated_off_r star" data-val="5">
											<div class="rate_tooltip">5.0 : Chef d'œuvre<div class="arrow_b"></div></div>
										</div>
									</div>
									<div class="loader"><div class="j_saving loading_item"><img class="vam" src="http://images.allocine.fr/skin/loader_green.gif"></div></div>
								</div>
							</div>
							
							<div class="btn_thumbs">
								<span class="btn_thumb btn_yes"><span>Oui</span></span>
								<span class="btn_thumb btn_no"><span>Non</span></span>
							</div>
						</div>
						<span class="others_infos movie_rated"></span>
					</div>
					<a href="#" title="Drive" >Madagascar 3</a>
				</li>
				<li>
					<div>
						<img src="http://images.allocine.fr/r_160_213/medias/nmedia/18/89/84/59/20104459.jpg" alt="" />
						<div class="overlay_area" >
							<span class="mini_thumb play_btn"><span>Play</span></span>
							<span class="mini_thumb info_btn"><span>Info</span></span>
							<div class="tooltip_info" >
								<p class="film_title" >To Rome with love To Rome with love</p>
								<ul>
									<li><span class="flag flag_us" >US</span></li>
									<li><span class="flag flag_fr" >FR</span></li>
									<li><span class="flag flag_it" >IT</span></li>
									<li class="year" >2011</li>
								</ul>
								<p class="award" ><i></i> Cannes</p>
								<p><span class="title_info" >Réalisé par</span><strong>Terrence Malik</strong></p>
								<p><span class="title_info" >Avec</span>Brad Pitt, Cate Blanchett, <strong>Julia Ormond,</strong> ...</p>
								<p><span class="title_info" >Genre</span>Drame, <strong>Fantastique,</strong> Romance</p>
								<span class="arrow_tooltip" ></span>
							</div>
							<p>à partir de<strong>2,99€</strong></p>
							<div class="item_rating sya">
								<div class="rate">
									<div class="picto_rating rate_cancel load_target hidden j_rate_cancel"></div>
									<div class="rating_module blue load_target">
										<div class="rated_b_l star" data-val="0.5">
											<div class="rate_tooltip">0.5 : Nul<div class="arrow_b"></div></div>
										</div>
										<div class="rated_b_r star" data-val="1">
											<div class="rate_tooltip">1.0 : Très mauvais<div class="arrow_b"></div></div>
										</div>
										<div class="rated_b_l star" data-val="1.5">
											<div class="rate_tooltip">1.5 : Mauvais<div class="arrow_b"></div></div>
										</div>
										<div class="rated_b_r star" data-val="2">
											<div class="rate_tooltip">2.0 : Pas terrible<div class="arrow_b"></div></div>
										</div>
										<div class="rated_b_l star" data-val="2.5">
											<div class="rate_tooltip">2.5 : Moyen<div class="arrow_b"></div></div>
										</div>
										<div class="rated_g_r star" data-val="3">
											<div class="rate_tooltip">3.0 : Pas mal<div class="arrow_b"></div></div>
										</div>
										<div class="rated_g_l star" data-val="3.5">
											<div class="rate_tooltip">3.5 : Bien<div class="arrow_b"></div></div>
										</div>
										<div class="rated_g_r star" data-val="4">
											<div class="rate_tooltip">4.0 : Très bien<div class="arrow_b"></div></div>
										</div>
										<div class="rated_off_l star" data-val="4.5">
											<div class="rate_tooltip">4.5 : Excellent<div class="arrow_b"></div></div>
										</div>
										<div class="rated_off_r star" data-val="5">
											<div class="rate_tooltip">5.0 : Chef d'œuvre<div class="arrow_b"></div></div>
										</div>
									</div>
									<div class="loader"><div class="j_saving loading_item"><img class="vam" src="http://images.allocine.fr/skin/loader_green.gif"></div></div>
								</div>
							</div>
							
							<div class="btn_thumbs">
								<span class="btn_thumb btn_yes"><span>Oui</span></span>
								<span class="btn_thumb btn_no"><span>Non</span></span>
							</div>
						</div>
						
					</div>
					<a href="#" title="To Rome with love" >To Rome with love</a>
				</li>
				<li>
					<div>
						<img src="http://images.allocine.fr/r_160_213/medias/nmedia/18/90/43/00/20096205.jpg" alt="" />
						<div class="overlay_area" >
							<span class="mini_thumb play_btn"><span>Play</span></span>
							<span class="mini_thumb info_btn"><span>Info</span></span>
							<div class="tooltip_info" >
								<p class="film_title" >Ma bonne étoile</p>
								<ul>
									<li><span class="flag flag_us" >US</span></li>
									<li><span class="flag flag_fr" >FR</span></li>
									<li><span class="flag flag_it" >IT</span></li>
									<li class="year" >2011</li>
								</ul>
								<p class="award" ><i></i> Cannes</p>
								<p><span class="title_info" >Réalisé par</span><strong>Terrence Malik</strong></p>
								<p><span class="title_info" >Avec</span>Brad Pitt, Cate Blanchett, <strong>Julia Ormond,</strong> ...</p>
								<p><span class="title_info" >Genre</span>Drame, <strong>Fantastique,</strong> Romance</p>
								<span class="arrow_tooltip" ></span>
							</div>
							<p>à partir de<strong>2,99€</strong></p>
							<div class="item_rating sya">
								<div class="rate">
									<div class="picto_rating rate_cancel load_target hidden j_rate_cancel"></div>
									<div class="rating_module blue load_target">
										<div class="rated_b_l star" data-val="0.5">
											<div class="rate_tooltip">0.5 : Nul<div class="arrow_b"></div></div>
										</div>
										<div class="rated_b_r star" data-val="1">
											<div class="rate_tooltip">1.0 : Très mauvais<div class="arrow_b"></div></div>
										</div>
										<div class="rated_b_l star" data-val="1.5">
											<div class="rate_tooltip">1.5 : Mauvais<div class="arrow_b"></div></div>
										</div>
										<div class="rated_b_r star" data-val="2">
											<div class="rate_tooltip">2.0 : Pas terrible<div class="arrow_b"></div></div>
										</div>
										<div class="rated_b_l star" data-val="2.5">
											<div class="rate_tooltip">2.5 : Moyen<div class="arrow_b"></div></div>
										</div>
										<div class="rated_g_r star" data-val="3">
											<div class="rate_tooltip">3.0 : Pas mal<div class="arrow_b"></div></div>
										</div>
										<div class="rated_g_l star" data-val="3.5">
											<div class="rate_tooltip">3.5 : Bien<div class="arrow_b"></div></div>
										</div>
										<div class="rated_g_r star" data-val="4">
											<div class="rate_tooltip">4.0 : Très bien<div class="arrow_b"></div></div>
										</div>
										<div class="rated_off_l star" data-val="4.5">
											<div class="rate_tooltip">4.5 : Excellent<div class="arrow_b"></div></div>
										</div>
										<div class="rated_off_r star" data-val="5">
											<div class="rate_tooltip">5.0 : Chef d'œuvre<div class="arrow_b"></div></div>
										</div>
									</div>
									<div class="loader"><div class="j_saving loading_item"><img class="vam" src="http://images.allocine.fr/skin/loader_green.gif"></div></div>
								</div>
							</div>
							
							<div class="btn_thumbs">
								<span class="btn_thumb btn_yes"><span>Oui</span></span>
								<span class="btn_thumb btn_no"><span>Non</span></span>
							</div>
						</div>
						
					</div>
					<a href="#" title="Ma bonne étoile" >Ma bonne étoile</a>
				</li>
				<li>
					<div>
						<img src="http://images.allocine.fr/r_160_213/medias/nmedia/18/82/31/84/20079900.jpg" alt="" />
						<div class="overlay_area" >
							<span class="mini_thumb play_btn"><span>Play</span></span>
							<span class="mini_thumb info_btn"><span>Info</span></span>
							<div class="tooltip_info" >
								<p class="film_title" >Forrest Gump</p>
								<ul>
									<li><span class="flag flag_us" >US</span></li>
									<li><span class="flag flag_fr" >FR</span></li>
									<li><span class="flag flag_it" >IT</span></li>
									<li class="year" >2011</li>
								</ul>
								<p class="award" ><i></i> Cannes</p>
								<p><span class="title_info" >Réalisé par</span><strong>Terrence Malik</strong></p>
								<p><span class="title_info" >Avec</span>Brad Pitt, Cate Blanchett, <strong>Julia Ormond,</strong> ...</p>
								<p><span class="title_info" >Genre</span>Drame, <strong>Fantastique,</strong> Romance</p>
								<span class="arrow_tooltip" ></span>
							</div>
							<p>à partir de<strong>2,99€</strong></p>
							<div class="item_rating sya">
								<div class="rate">
									<div class="picto_rating rate_cancel load_target hidden j_rate_cancel"></div>
									<div class="rating_module blue load_target">
										<div class="rated_b_l star" data-val="0.5">
											<div class="rate_tooltip">0.5 : Nul<div class="arrow_b"></div></div>
										</div>
										<div class="rated_b_r star" data-val="1">
											<div class="rate_tooltip">1.0 : Très mauvais<div class="arrow_b"></div></div>
										</div>
										<div class="rated_b_l star" data-val="1.5">
											<div class="rate_tooltip">1.5 : Mauvais<div class="arrow_b"></div></div>
										</div>
										<div class="rated_b_r star" data-val="2">
											<div class="rate_tooltip">2.0 : Pas terrible<div class="arrow_b"></div></div>
										</div>
										<div class="rated_b_l star" data-val="2.5">
											<div class="rate_tooltip">2.5 : Moyen<div class="arrow_b"></div></div>
										</div>
										<div class="rated_g_r star" data-val="3">
											<div class="rate_tooltip">3.0 : Pas mal<div class="arrow_b"></div></div>
										</div>
										<div class="rated_g_l star" data-val="3.5">
											<div class="rate_tooltip">3.5 : Bien<div class="arrow_b"></div></div>
										</div>
										<div class="rated_g_r star" data-val="4">
											<div class="rate_tooltip">4.0 : Très bien<div class="arrow_b"></div></div>
										</div>
										<div class="rated_off_l star" data-val="4.5">
											<div class="rate_tooltip">4.5 : Excellent<div class="arrow_b"></div></div>
										</div>
										<div class="rated_off_r star" data-val="5">
											<div class="rate_tooltip">5.0 : Chef d'œuvre<div class="arrow_b"></div></div>
										</div>
									</div>
									<div class="loader"><div class="j_saving loading_item"><img class="vam" src="http://images.allocine.fr/skin/loader_green.gif"></div></div>
								</div>
							</div>
							
							<div class="btn_thumbs">
								<span class="btn_thumb btn_yes"><span>Oui</span></span>
								<span class="btn_thumb btn_no"><span>Non</span></span>
							</div>
						</div>
						
					</div>
					<a href="#" title="Drive" >Starbuck</a>
				</li>
				<li>
					<div>
						<img width="160" height="213" src="http://images.allocine.fr/r_160_213/medias/nmedia/18/82/69/17/19806656.jpg" alt="" />
						<div class="overlay_area" >
							<span class="mini_thumb play_btn"><span>Play</span></span>
							<span class="mini_thumb info_btn"><span>Info</span></span>
							<p>à partir de<strong>2,99€</strong></p>
							<div class="item_rating sya">
								<div class="rate">
									<div class="picto_rating rate_cancel load_target hidden j_rate_cancel"></div>
									<div class="rating_module blue load_target">
										<div class="rated_b_l star" data-val="0.5">
											<div class="rate_tooltip">0.5 : Nul<div class="arrow_b"></div></div>
										</div>
										<div class="rated_b_r star" data-val="1">
											<div class="rate_tooltip">1.0 : Très mauvais<div class="arrow_b"></div></div>
										</div>
										<div class="rated_b_l star" data-val="1.5">
											<div class="rate_tooltip">1.5 : Mauvais<div class="arrow_b"></div></div>
										</div>
										<div class="rated_b_r star" data-val="2">
											<div class="rate_tooltip">2.0 : Pas terrible<div class="arrow_b"></div></div>
										</div>
										<div class="rated_b_l star" data-val="2.5">
											<div class="rate_tooltip">2.5 : Moyen<div class="arrow_b"></div></div>
										</div>
										<div class="rated_g_r star" data-val="3">
											<div class="rate_tooltip">3.0 : Pas mal<div class="arrow_b"></div></div>
										</div>
										<div class="rated_g_l star" data-val="3.5">
											<div class="rate_tooltip">3.5 : Bien<div class="arrow_b"></div></div>
										</div>
										<div class="rated_g_r star" data-val="4">
											<div class="rate_tooltip">4.0 : Très bien<div class="arrow_b"></div></div>
										</div>
										<div class="rated_off_l star" data-val="4.5">
											<div class="rate_tooltip">4.5 : Excellent<div class="arrow_b"></div></div>
										</div>
										<div class="rated_off_r star" data-val="5">
											<div class="rate_tooltip">5.0 : Chef d'œuvre<div class="arrow_b"></div></div>
										</div>
									</div>
									<div class="loader"><div class="j_saving loading_item"><img class="vam" src="http://images.allocine.fr/skin/loader_green.gif"></div></div>
								</div>
							</div>
							
							<div class="btn_thumbs">
								<span class="btn_thumb btn_yes"><span>Oui</span></span>
								<span class="btn_thumb btn_no"><span>Non</span></span>
							</div>
						</div>
						
					</div>
					<a href="#" title="Drive" >Intouchables</a>
				</li>
				<li>
					<div>
						<img src="http://images.allocine.fr/r_160_213/medias/nmedia/18/67/90/93/19057560.jpg" alt="" />
						<div class="overlay_area" >
							<span class="mini_thumb play_btn"><span>Play</span></span>
							<span class="mini_thumb info_btn"><span>Info</span></span>
							<p>à partir de<strong>2,99€</strong></p>
							<div class="item_rating sya">
								<div class="rate">
									<div class="picto_rating rate_cancel load_target hidden j_rate_cancel"></div>
									<div class="rating_module blue load_target">
										<div class="rated_b_l star" data-val="0.5">
											<div class="rate_tooltip">0.5 : Nul<div class="arrow_b"></div></div>
										</div>
										<div class="rated_b_r star" data-val="1">
											<div class="rate_tooltip">1.0 : Très mauvais<div class="arrow_b"></div></div>
										</div>
										<div class="rated_b_l star" data-val="1.5">
											<div class="rate_tooltip">1.5 : Mauvais<div class="arrow_b"></div></div>
										</div>
										<div class="rated_b_r star" data-val="2">
											<div class="rate_tooltip">2.0 : Pas terrible<div class="arrow_b"></div></div>
										</div>
										<div class="rated_b_l star" data-val="2.5">
											<div class="rate_tooltip">2.5 : Moyen<div class="arrow_b"></div></div>
										</div>
										<div class="rated_g_r star" data-val="3">
											<div class="rate_tooltip">3.0 : Pas mal<div class="arrow_b"></div></div>
										</div>
										<div class="rated_g_l star" data-val="3.5">
											<div class="rate_tooltip">3.5 : Bien<div class="arrow_b"></div></div>
										</div>
										<div class="rated_g_r star" data-val="4">
											<div class="rate_tooltip">4.0 : Très bien<div class="arrow_b"></div></div>
										</div>
										<div class="rated_off_l star" data-val="4.5">
											<div class="rate_tooltip">4.5 : Excellent<div class="arrow_b"></div></div>
										</div>
										<div class="rated_off_r star" data-val="5">
											<div class="rate_tooltip">5.0 : Chef d'œuvre<div class="arrow_b"></div></div>
										</div>
									</div>
									<div class="loader"><div class="j_saving loading_item"><img class="vam" src="http://images.allocine.fr/skin/loader_green.gif"></div></div>
								</div>
							</div>
							
							<div class="btn_thumbs">
								<span class="btn_thumb btn_yes"><span>Oui</span></span>
								<span class="btn_thumb btn_no"><span>Non</span></span>
							</div>
						</div>
						<span class="others_infos movie_no"></span>
					</div>
					<a href="#" title="Drive" >Gran Torino</a>
				</li>
				<li>
					<div>
						<img width="160" height="213" src="http://images.allocine.fr/r_160_213/medias/nmedia/18/85/31/58/20042068.jpg" alt="" />
						<div class="overlay_area" >
							<span class="mini_thumb play_btn"><span>Play</span></span>
							<span class="mini_thumb info_btn"><span>Info</span></span>
							<p>à partir de<strong>2,99€</strong></p>
							<div class="item_rating sya">
								<div class="rate">
									<div class="picto_rating rate_cancel load_target hidden j_rate_cancel"></div>
									<div style="display:none;" class="rating_module blue load_target">
										<div class="rated_b_l star" data-val="0.5">
											<div class="rate_tooltip">0.5 : Nul<div class="arrow_b"></div></div>
										</div>
										<div class="rated_b_r star" data-val="1">
											<div class="rate_tooltip">1.0 : Très mauvais<div class="arrow_b"></div></div>
										</div>
										<div class="rated_b_l star" data-val="1.5">
											<div class="rate_tooltip">1.5 : Mauvais<div class="arrow_b"></div></div>
										</div>
										<div class="rated_b_r star" data-val="2">
											<div class="rate_tooltip">2.0 : Pas terrible<div class="arrow_b"></div></div>
										</div>
										<div class="rated_b_l star" data-val="2.5">
											<div class="rate_tooltip">2.5 : Moyen<div class="arrow_b"></div></div>
										</div>
										<div class="rated_g_r star" data-val="3">
											<div class="rate_tooltip">3.0 : Pas mal<div class="arrow_b"></div></div>
										</div>
										<div class="rated_g_l star" data-val="3.5">
											<div class="rate_tooltip">3.5 : Bien<div class="arrow_b"></div></div>
										</div>
										<div class="rated_g_r star" data-val="4">
											<div class="rate_tooltip">4.0 : Très bien<div class="arrow_b"></div></div>
										</div>
										<div class="rated_off_l star" data-val="4.5">
											<div class="rate_tooltip">4.5 : Excellent<div class="arrow_b"></div></div>
										</div>
										<div class="rated_off_r star" data-val="5">
											<div class="rate_tooltip">5.0 : Chef d'œuvre<div class="arrow_b"></div></div>
										</div>
									</div>
									<div style="display:none;" class="loader"><div class="j_saving loading_item"><img class="vam" src="http://images.allocine.fr/skin/loader_green.gif"></div></div>
									<div class="saved">Enregistré</div>
								</div>
							</div>
							
							<div class="btn_thumbs">
								<span class="btn_thumb btn_yes"><span>Oui</span></span>
								<span class="btn_thumb btn_no"><span>Non</span></span>
							</div>
						</div>
						
					</div>
					<a href="#" title="Drive" >Avengers</a>
				</li>
				<li>
					<div>
						<img src="http://images.allocine.fr/r_160_213/medias/nmedia/18/63/30/77/18686566.jpg" alt="" />
						<div class="overlay_area" >
							<span class="mini_thumb play_btn"><span>Play</span></span>
							<span class="mini_thumb info_btn"><span>Info</span></span>
							<p>à partir de<strong>2,99€</strong></p>
							<div class="item_rating sya">
								<div class="rate">
									<div class="picto_rating rate_cancel load_target hidden j_rate_cancel"></div>
									<div class="rating_module blue load_target">
										<div class="rated_b_l star" data-val="0.5">
											<div class="rate_tooltip">0.5 : Nul<div class="arrow_b"></div></div>
										</div>
										<div class="rated_b_r star" data-val="1">
											<div class="rate_tooltip">1.0 : Très mauvais<div class="arrow_b"></div></div>
										</div>
										<div class="rated_b_l star" data-val="1.5">
											<div class="rate_tooltip">1.5 : Mauvais<div class="arrow_b"></div></div>
										</div>
										<div class="rated_b_r star" data-val="2">
											<div class="rate_tooltip">2.0 : Pas terrible<div class="arrow_b"></div></div>
										</div>
										<div class="rated_b_l star" data-val="2.5">
											<div class="rate_tooltip">2.5 : Moyen<div class="arrow_b"></div></div>
										</div>
										<div class="rated_g_r star" data-val="3">
											<div class="rate_tooltip">3.0 : Pas mal<div class="arrow_b"></div></div>
										</div>
										<div class="rated_g_l star" data-val="3.5">
											<div class="rate_tooltip">3.5 : Bien<div class="arrow_b"></div></div>
										</div>
										<div class="rated_g_r star" data-val="4">
											<div class="rate_tooltip">4.0 : Très bien<div class="arrow_b"></div></div>
										</div>
										<div class="rated_off_l star" data-val="4.5">
											<div class="rate_tooltip">4.5 : Excellent<div class="arrow_b"></div></div>
										</div>
										<div class="rated_off_r star" data-val="5">
											<div class="rate_tooltip">5.0 : Chef d'œuvre<div class="arrow_b"></div></div>
										</div>
									</div>
									<div class="loader"><div class="j_saving loading_item"><img class="vam" src="http://images.allocine.fr/skin/loader_green.gif"></div></div>
								</div>
							</div>
							
							<div class="btn_thumbs">
								<span class="btn_thumb btn_yes"><span>Oui</span></span>
								<span class="btn_thumb btn_no"><span>Non</span></span>
							</div>
						</div>
						
					</div>
					<a href="#" title="Drive" >Forrest Gump</a>
				</li>
				<li>
					<div>
						<img src="http://images.allocine.fr/r_160_213/medias/nmedia/18/83/93/95/19803697.jpg" alt="" />
						<div class="overlay_area" >
							<span class="mini_thumb play_btn"><span>Play</span></span>
							<span class="mini_thumb info_btn"><span>Info</span></span>
							<p>à partir de<strong>2,99€</strong></p>
							<div class="item_rating sya">
								<div class="rate">
									<div class="picto_rating rate_cancel load_target hidden j_rate_cancel"></div>
									<div class="rating_module blue load_target">
										<div class="rated_b_l star" data-val="0.5">
											<div class="rate_tooltip">0.5 : Nul<div class="arrow_b"></div></div>
										</div>
										<div class="rated_b_r star" data-val="1">
											<div class="rate_tooltip">1.0 : Très mauvais<div class="arrow_b"></div></div>
										</div>
										<div class="rated_b_l star" data-val="1.5">
											<div class="rate_tooltip">1.5 : Mauvais<div class="arrow_b"></div></div>
										</div>
										<div class="rated_b_r star" data-val="2">
											<div class="rate_tooltip">2.0 : Pas terrible<div class="arrow_b"></div></div>
										</div>
										<div class="rated_b_l star" data-val="2.5">
											<div class="rate_tooltip">2.5 : Moyen<div class="arrow_b"></div></div>
										</div>
										<div class="rated_g_r star" data-val="3">
											<div class="rate_tooltip">3.0 : Pas mal<div class="arrow_b"></div></div>
										</div>
										<div class="rated_g_l star" data-val="3.5">
											<div class="rate_tooltip">3.5 : Bien<div class="arrow_b"></div></div>
										</div>
										<div class="rated_g_r star" data-val="4">
											<div class="rate_tooltip">4.0 : Très bien<div class="arrow_b"></div></div>
										</div>
										<div class="rated_off_l star" data-val="4.5">
											<div class="rate_tooltip">4.5 : Excellent<div class="arrow_b"></div></div>
										</div>
										<div class="rated_off_r star" data-val="5">
											<div class="rate_tooltip">5.0 : Chef d'œuvre<div class="arrow_b"></div></div>
										</div>
									</div>
									<div class="loader"><div class="j_saving loading_item"><img class="vam" src="http://images.allocine.fr/skin/loader_green.gif"></div></div>
								</div>
							</div>
							
							<div class="btn_thumbs">
								<span class="btn_thumb btn_yes"><span>Oui</span></span>
								<span class="btn_thumb btn_no"><span>Non</span></span>
							</div>
						</div>
						
					</div>
					<a href="#" title="Drive" >L'étrange histoire de Benjamin Button</a>
				</li>
				<li>
					<div>
						<img src="http://images.allocine.fr/r_160_213/medias/nmedia/18/83/93/95/19803697.jpg" alt="" />
						<div class="overlay_area" >
							<span class="mini_thumb play_btn"><span>Play</span></span>
							<span class="mini_thumb info_btn"><span>Info</span></span>
							<p>à partir de<strong>2,99€</strong></p>
							<div class="item_rating sya">
								<div class="rate">
									<div class="picto_rating rate_cancel load_target hidden j_rate_cancel"></div>
									<div class="rating_module blue load_target">
										<div class="rated_b_l star" data-val="0.5">
											<div class="rate_tooltip">0.5 : Nul<div class="arrow_b"></div></div>
										</div>
										<div class="rated_b_r star" data-val="1">
											<div class="rate_tooltip">1.0 : Très mauvais<div class="arrow_b"></div></div>
										</div>
										<div class="rated_b_l star" data-val="1.5">
											<div class="rate_tooltip">1.5 : Mauvais<div class="arrow_b"></div></div>
										</div>
										<div class="rated_b_r star" data-val="2">
											<div class="rate_tooltip">2.0 : Pas terrible<div class="arrow_b"></div></div>
										</div>
										<div class="rated_b_l star" data-val="2.5">
											<div class="rate_tooltip">2.5 : Moyen<div class="arrow_b"></div></div>
										</div>
										<div class="rated_g_r star" data-val="3">
											<div class="rate_tooltip">3.0 : Pas mal<div class="arrow_b"></div></div>
										</div>
										<div class="rated_g_l star" data-val="3.5">
											<div class="rate_tooltip">3.5 : Bien<div class="arrow_b"></div></div>
										</div>
										<div class="rated_g_r star" data-val="4">
											<div class="rate_tooltip">4.0 : Très bien<div class="arrow_b"></div></div>
										</div>
										<div class="rated_off_l star" data-val="4.5">
											<div class="rate_tooltip">4.5 : Excellent<div class="arrow_b"></div></div>
										</div>
										<div class="rated_off_r star" data-val="5">
											<div class="rate_tooltip">5.0 : Chef d'œuvre<div class="arrow_b"></div></div>
										</div>
									</div>
									<div class="loader"><div class="j_saving loading_item"><img class="vam" src="http://images.allocine.fr/skin/loader_green.gif"></div></div>
								</div>
							</div>
							
							<div class="btn_thumbs">
								<span class="btn_thumb btn_yes"><span>Oui</span></span>
								<span class="btn_thumb btn_no"><span>Non</span></span>
							</div>
						</div>
						
					</div>
					<a href="#" title="Drive" >Drive</a>
				</li>
				<li>
					<div>
						<img src="http://images.allocine.fr/r_160_213/medias/nmedia/18/83/93/95/19803697.jpg" alt="" />
						<div class="overlay_area" >
							<span class="mini_thumb play_btn"><span>Play</span></span>
							<span class="mini_thumb info_btn"><span>Info</span></span>
							<p>à partir de<strong>2,99€</strong></p>
							<div class="item_rating sya">
								<div class="rate">
									<div class="picto_rating rate_cancel load_target hidden j_rate_cancel"></div>
									<div class="rating_module blue load_target">
										<div class="rated_b_l star" data-val="0.5">
											<div class="rate_tooltip">0.5 : Nul<div class="arrow_b"></div></div>
										</div>
										<div class="rated_b_r star" data-val="1">
											<div class="rate_tooltip">1.0 : Très mauvais<div class="arrow_b"></div></div>
										</div>
										<div class="rated_b_l star" data-val="1.5">
											<div class="rate_tooltip">1.5 : Mauvais<div class="arrow_b"></div></div>
										</div>
										<div class="rated_b_r star" data-val="2">
											<div class="rate_tooltip">2.0 : Pas terrible<div class="arrow_b"></div></div>
										</div>
										<div class="rated_b_l star" data-val="2.5">
											<div class="rate_tooltip">2.5 : Moyen<div class="arrow_b"></div></div>
										</div>
										<div class="rated_g_r star" data-val="3">
											<div class="rate_tooltip">3.0 : Pas mal<div class="arrow_b"></div></div>
										</div>
										<div class="rated_g_l star" data-val="3.5">
											<div class="rate_tooltip">3.5 : Bien<div class="arrow_b"></div></div>
										</div>
										<div class="rated_g_r star" data-val="4">
											<div class="rate_tooltip">4.0 : Très bien<div class="arrow_b"></div></div>
										</div>
										<div class="rated_off_l star" data-val="4.5">
											<div class="rate_tooltip">4.5 : Excellent<div class="arrow_b"></div></div>
										</div>
										<div class="rated_off_r star" data-val="5">
											<div class="rate_tooltip">5.0 : Chef d'œuvre<div class="arrow_b"></div></div>
										</div>
									</div>
									<div class="loader"><div class="j_saving loading_item"><img class="vam" src="http://images.allocine.fr/skin/loader_green.gif"></div></div>
								</div>
							</div>
							
							<div class="btn_thumbs">
								<span class="btn_thumb btn_yes"><span>Oui</span></span>
								<span class="btn_thumb btn_no"><span>Non</span></span>
							</div>
						</div>
						
					</div>
					<a href="#" title="Drive" >Drive</a>
				</li>
				<li>
					<div>
						<img src="http://images.allocine.fr/r_160_213/medias/nmedia/18/83/93/95/19803697.jpg" alt="" />
						<div class="overlay_area" >
							<span class="mini_thumb play_btn"><span>Play</span></span>
							<span class="mini_thumb info_btn"><span>Info</span></span>
							<p>à partir de<strong>2,99€</strong></p>
							<div class="item_rating sya">
								<div class="rate">
									<div class="picto_rating rate_cancel load_target hidden j_rate_cancel"></div>
									<div class="rating_module blue load_target">
										<div class="rated_b_l star" data-val="0.5">
											<div class="rate_tooltip">0.5 : Nul<div class="arrow_b"></div></div>
										</div>
										<div class="rated_b_r star" data-val="1">
											<div class="rate_tooltip">1.0 : Très mauvais<div class="arrow_b"></div></div>
										</div>
										<div class="rated_b_l star" data-val="1.5">
											<div class="rate_tooltip">1.5 : Mauvais<div class="arrow_b"></div></div>
										</div>
										<div class="rated_b_r star" data-val="2">
											<div class="rate_tooltip">2.0 : Pas terrible<div class="arrow_b"></div></div>
										</div>
										<div class="rated_b_l star" data-val="2.5">
											<div class="rate_tooltip">2.5 : Moyen<div class="arrow_b"></div></div>
										</div>
										<div class="rated_g_r star" data-val="3">
											<div class="rate_tooltip">3.0 : Pas mal<div class="arrow_b"></div></div>
										</div>
										<div class="rated_g_l star" data-val="3.5">
											<div class="rate_tooltip">3.5 : Bien<div class="arrow_b"></div></div>
										</div>
										<div class="rated_g_r star" data-val="4">
											<div class="rate_tooltip">4.0 : Très bien<div class="arrow_b"></div></div>
										</div>
										<div class="rated_off_l star" data-val="4.5">
											<div class="rate_tooltip">4.5 : Excellent<div class="arrow_b"></div></div>
										</div>
										<div class="rated_off_r star" data-val="5">
											<div class="rate_tooltip">5.0 : Chef d'œuvre<div class="arrow_b"></div></div>
										</div>
									</div>
									<div class="loader"><div class="j_saving loading_item"><img class="vam" src="http://images.allocine.fr/skin/loader_green.gif"></div></div>
								</div>
							</div>
							
							<div class="btn_thumbs">
								<span class="btn_thumb btn_yes"><span>Oui</span></span>
								<span class="btn_thumb btn_no"><span>Non</span></span>
							</div>
						</div>
						
					</div>
					<a href="#" title="Drive" >Drive</a>
				</li>
				<li>
					<div>
						<img src="http://images.allocine.fr/r_160_213/medias/nmedia/18/83/93/95/19803697.jpg" alt="" />
						<div class="overlay_area" >
							<span class="mini_thumb play_btn"><span>Play</span></span>
							<span class="mini_thumb info_btn"><span>Info</span></span>
							<p>à partir de<strong>2,99€</strong></p>
							<div class="item_rating sya">
								<div class="rate">
									<div class="picto_rating rate_cancel load_target hidden j_rate_cancel"></div>
									<div class="rating_module blue load_target">
										<div class="rated_b_l star" data-val="0.5">
											<div class="rate_tooltip">0.5 : Nul<div class="arrow_b"></div></div>
										</div>
										<div class="rated_b_r star" data-val="1">
											<div class="rate_tooltip">1.0 : Très mauvais<div class="arrow_b"></div></div>
										</div>
										<div class="rated_b_l star" data-val="1.5">
											<div class="rate_tooltip">1.5 : Mauvais<div class="arrow_b"></div></div>
										</div>
										<div class="rated_b_r star" data-val="2">
											<div class="rate_tooltip">2.0 : Pas terrible<div class="arrow_b"></div></div>
										</div>
										<div class="rated_b_l star" data-val="2.5">
											<div class="rate_tooltip">2.5 : Moyen<div class="arrow_b"></div></div>
										</div>
										<div class="rated_g_r star" data-val="3">
											<div class="rate_tooltip">3.0 : Pas mal<div class="arrow_b"></div></div>
										</div>
										<div class="rated_g_l star" data-val="3.5">
											<div class="rate_tooltip">3.5 : Bien<div class="arrow_b"></div></div>
										</div>
										<div class="rated_g_r star" data-val="4">
											<div class="rate_tooltip">4.0 : Très bien<div class="arrow_b"></div></div>
										</div>
										<div class="rated_off_l star" data-val="4.5">
											<div class="rate_tooltip">4.5 : Excellent<div class="arrow_b"></div></div>
										</div>
										<div class="rated_off_r star" data-val="5">
											<div class="rate_tooltip">5.0 : Chef d'œuvre<div class="arrow_b"></div></div>
										</div>
									</div>
									<div class="loader"><div class="j_saving loading_item"><img class="vam" src="http://images.allocine.fr/skin/loader_green.gif"></div></div>
								</div>
							</div>
							
							<div class="btn_thumbs">
								<span class="btn_thumb btn_yes"><span>Oui</span></span>
								<span class="btn_thumb btn_no"><span>Non</span></span>
							</div>
						</div>
						
					</div>
					<a href="#" title="Drive" >Drive</a>
				</li>
				<li>
					<div>
						<img src="http://images.allocine.fr/r_160_213/medias/nmedia/18/83/93/95/19803697.jpg" alt="" />
						<div class="overlay_area" >
							<span class="mini_thumb play_btn"><span>Play</span></span>
							<span class="mini_thumb info_btn"><span>Info</span></span>
							<p>à partir de<strong>2,99€</strong></p>
							<div class="item_rating sya">
								<div class="rate">
									<div class="picto_rating rate_cancel load_target hidden j_rate_cancel"></div>
									<div class="rating_module blue load_target">
										<div class="rated_b_l star" data-val="0.5">
											<div class="rate_tooltip">0.5 : Nul<div class="arrow_b"></div></div>
										</div>
										<div class="rated_b_r star" data-val="1">
											<div class="rate_tooltip">1.0 : Très mauvais<div class="arrow_b"></div></div>
										</div>
										<div class="rated_b_l star" data-val="1.5">
											<div class="rate_tooltip">1.5 : Mauvais<div class="arrow_b"></div></div>
										</div>
										<div class="rated_b_r star" data-val="2">
											<div class="rate_tooltip">2.0 : Pas terrible<div class="arrow_b"></div></div>
										</div>
										<div class="rated_b_l star" data-val="2.5">
											<div class="rate_tooltip">2.5 : Moyen<div class="arrow_b"></div></div>
										</div>
										<div class="rated_g_r star" data-val="3">
											<div class="rate_tooltip">3.0 : Pas mal<div class="arrow_b"></div></div>
										</div>
										<div class="rated_g_l star" data-val="3.5">
											<div class="rate_tooltip">3.5 : Bien<div class="arrow_b"></div></div>
										</div>
										<div class="rated_g_r star" data-val="4">
											<div class="rate_tooltip">4.0 : Très bien<div class="arrow_b"></div></div>
										</div>
										<div class="rated_off_l star" data-val="4.5">
											<div class="rate_tooltip">4.5 : Excellent<div class="arrow_b"></div></div>
										</div>
										<div class="rated_off_r star" data-val="5">
											<div class="rate_tooltip">5.0 : Chef d'œuvre<div class="arrow_b"></div></div>
										</div>
									</div>
									<div class="loader"><div class="j_saving loading_item"><img class="vam" src="http://images.allocine.fr/skin/loader_green.gif"></div></div>
								</div>
							</div>
							
							<div class="btn_thumbs">
								<span class="btn_thumb btn_yes"><span>Oui</span></span>
								<span class="btn_thumb btn_no"><span>Non</span></span>
							</div>
						</div>
						
					</div>
					<a href="#" title="Drive" >Drive</a>
				</li>
				<li>
					<div>
						<img src="http://images.allocine.fr/r_160_213/medias/nmedia/18/83/93/95/19803697.jpg" alt="" />
						<div class="overlay_area" >
							<span class="mini_thumb play_btn"><span>Play</span></span>
							<span class="mini_thumb info_btn"><span>Info</span></span>
							<p>à partir de<strong>2,99€</strong></p>
							<div class="item_rating sya">
								<div class="rate">
									<div class="picto_rating rate_cancel load_target hidden j_rate_cancel"></div>
									<div class="rating_module blue load_target">
										<div class="rated_b_l star" data-val="0.5">
											<div class="rate_tooltip">0.5 : Nul<div class="arrow_b"></div></div>
										</div>
										<div class="rated_b_r star" data-val="1">
											<div class="rate_tooltip">1.0 : Très mauvais<div class="arrow_b"></div></div>
										</div>
										<div class="rated_b_l star" data-val="1.5">
											<div class="rate_tooltip">1.5 : Mauvais<div class="arrow_b"></div></div>
										</div>
										<div class="rated_b_r star" data-val="2">
											<div class="rate_tooltip">2.0 : Pas terrible<div class="arrow_b"></div></div>
										</div>
										<div class="rated_b_l star" data-val="2.5">
											<div class="rate_tooltip">2.5 : Moyen<div class="arrow_b"></div></div>
										</div>
										<div class="rated_g_r star" data-val="3">
											<div class="rate_tooltip">3.0 : Pas mal<div class="arrow_b"></div></div>
										</div>
										<div class="rated_g_l star" data-val="3.5">
											<div class="rate_tooltip">3.5 : Bien<div class="arrow_b"></div></div>
										</div>
										<div class="rated_g_r star" data-val="4">
											<div class="rate_tooltip">4.0 : Très bien<div class="arrow_b"></div></div>
										</div>
										<div class="rated_off_l star" data-val="4.5">
											<div class="rate_tooltip">4.5 : Excellent<div class="arrow_b"></div></div>
										</div>
										<div class="rated_off_r star" data-val="5">
											<div class="rate_tooltip">5.0 : Chef d'œuvre<div class="arrow_b"></div></div>
										</div>
									</div>
									<div class="loader"><div class="j_saving loading_item"><img class="vam" src="http://images.allocine.fr/skin/loader_green.gif"></div></div>
								</div>
							</div>
							
							<div class="btn_thumbs">
								<span class="btn_thumb btn_yes"><span>Oui</span></span>
								<span class="btn_thumb btn_no"><span>Non</span></span>
							</div>
						</div>
						
					</div>
					<a href="#" title="Drive" >Drive</a>
				</li>
				<li>
					<div>
						<img src="http://images.allocine.fr/r_160_213/medias/nmedia/18/83/93/95/19803697.jpg" alt="" />
						<div class="overlay_area" >
							<span class="mini_thumb play_btn"><span>Play</span></span>
							<span class="mini_thumb info_btn"><span>Info</span></span>
							<p>à partir de<strong>2,99€</strong></p>
							<div class="item_rating sya">
								<div class="rate">
									<div class="picto_rating rate_cancel load_target hidden j_rate_cancel"></div>
									<div class="rating_module blue load_target">
										<div class="rated_b_l star" data-val="0.5">
											<div class="rate_tooltip">0.5 : Nul<div class="arrow_b"></div></div>
										</div>
										<div class="rated_b_r star" data-val="1">
											<div class="rate_tooltip">1.0 : Très mauvais<div class="arrow_b"></div></div>
										</div>
										<div class="rated_b_l star" data-val="1.5">
											<div class="rate_tooltip">1.5 : Mauvais<div class="arrow_b"></div></div>
										</div>
										<div class="rated_b_r star" data-val="2">
											<div class="rate_tooltip">2.0 : Pas terrible<div class="arrow_b"></div></div>
										</div>
										<div class="rated_b_l star" data-val="2.5">
											<div class="rate_tooltip">2.5 : Moyen<div class="arrow_b"></div></div>
										</div>
										<div class="rated_g_r star" data-val="3">
											<div class="rate_tooltip">3.0 : Pas mal<div class="arrow_b"></div></div>
										</div>
										<div class="rated_g_l star" data-val="3.5">
											<div class="rate_tooltip">3.5 : Bien<div class="arrow_b"></div></div>
										</div>
										<div class="rated_g_r star" data-val="4">
											<div class="rate_tooltip">4.0 : Très bien<div class="arrow_b"></div></div>
										</div>
										<div class="rated_off_l star" data-val="4.5">
											<div class="rate_tooltip">4.5 : Excellent<div class="arrow_b"></div></div>
										</div>
										<div class="rated_off_r star" data-val="5">
											<div class="rate_tooltip">5.0 : Chef d'œuvre<div class="arrow_b"></div></div>
										</div>
									</div>
									<div class="loader"><div class="j_saving loading_item"><img class="vam" src="http://images.allocine.fr/skin/loader_green.gif"></div></div>
								</div>
							</div>
							
							<div class="btn_thumbs">
								<span class="btn_thumb btn_yes"><span>Oui</span></span>
								<span class="btn_thumb btn_no"><span>Non</span></span>
							</div>
						</div>
						
					</div>
					<a href="#" title="Drive" >Drive</a>
				</li>
				<li>
					<div>
						<img src="http://images.allocine.fr/r_160_213/medias/nmedia/18/83/93/95/19803697.jpg" alt="" />
						<div class="overlay_area" >
							<span class="mini_thumb play_btn"><span>Play</span></span>
							<span class="mini_thumb info_btn"><span>Info</span></span>
							<p>à partir de<strong>2,99€</strong></p>
							<div class="item_rating sya">
								<div class="rate">
									<div class="picto_rating rate_cancel load_target hidden j_rate_cancel"></div>
									<div class="rating_module blue load_target">
										<div class="rated_b_l star" data-val="0.5">
											<div class="rate_tooltip">0.5 : Nul<div class="arrow_b"></div></div>
										</div>
										<div class="rated_b_r star" data-val="1">
											<div class="rate_tooltip">1.0 : Très mauvais<div class="arrow_b"></div></div>
										</div>
										<div class="rated_b_l star" data-val="1.5">
											<div class="rate_tooltip">1.5 : Mauvais<div class="arrow_b"></div></div>
										</div>
										<div class="rated_b_r star" data-val="2">
											<div class="rate_tooltip">2.0 : Pas terrible<div class="arrow_b"></div></div>
										</div>
										<div class="rated_b_l star" data-val="2.5">
											<div class="rate_tooltip">2.5 : Moyen<div class="arrow_b"></div></div>
										</div>
										<div class="rated_g_r star" data-val="3">
											<div class="rate_tooltip">3.0 : Pas mal<div class="arrow_b"></div></div>
										</div>
										<div class="rated_g_l star" data-val="3.5">
											<div class="rate_tooltip">3.5 : Bien<div class="arrow_b"></div></div>
										</div>
										<div class="rated_g_r star" data-val="4">
											<div class="rate_tooltip">4.0 : Très bien<div class="arrow_b"></div></div>
										</div>
										<div class="rated_off_l star" data-val="4.5">
											<div class="rate_tooltip">4.5 : Excellent<div class="arrow_b"></div></div>
										</div>
										<div class="rated_off_r star" data-val="5">
											<div class="rate_tooltip">5.0 : Chef d'œuvre<div class="arrow_b"></div></div>
										</div>
									</div>
									<div class="loader"><div class="j_saving loading_item"><img class="vam" src="http://images.allocine.fr/skin/loader_green.gif"></div></div>
								</div>
							</div>
							
							<div class="btn_thumbs">
								<span class="btn_thumb btn_yes"><span>Oui</span></span>
								<span class="btn_thumb btn_no"><span>Non</span></span>
							</div>
						</div>
						
					</div>
					<a href="#" title="Drive" >Drive</a>
				</li>
				<li>
					<div>
						<img src="http://images.allocine.fr/r_160_213/medias/nmedia/18/83/93/95/19803697.jpg" alt="" />
						<div class="overlay_area" >
							<span class="mini_thumb play_btn"><span>Play</span></span>
							<span class="mini_thumb info_btn"><span>Info</span></span>
							<p>à partir de<strong>2,99€</strong></p>
							<div class="item_rating sya">
								<div class="rate">
									<div class="picto_rating rate_cancel load_target hidden j_rate_cancel"></div>
									<div class="rating_module blue load_target">
										<div class="rated_b_l star" data-val="0.5">
											<div class="rate_tooltip">0.5 : Nul<div class="arrow_b"></div></div>
										</div>
										<div class="rated_b_r star" data-val="1">
											<div class="rate_tooltip">1.0 : Très mauvais<div class="arrow_b"></div></div>
										</div>
										<div class="rated_b_l star" data-val="1.5">
											<div class="rate_tooltip">1.5 : Mauvais<div class="arrow_b"></div></div>
										</div>
										<div class="rated_b_r star" data-val="2">
											<div class="rate_tooltip">2.0 : Pas terrible<div class="arrow_b"></div></div>
										</div>
										<div class="rated_b_l star" data-val="2.5">
											<div class="rate_tooltip">2.5 : Moyen<div class="arrow_b"></div></div>
										</div>
										<div class="rated_g_r star" data-val="3">
											<div class="rate_tooltip">3.0 : Pas mal<div class="arrow_b"></div></div>
										</div>
										<div class="rated_g_l star" data-val="3.5">
											<div class="rate_tooltip">3.5 : Bien<div class="arrow_b"></div></div>
										</div>
										<div class="rated_g_r star" data-val="4">
											<div class="rate_tooltip">4.0 : Très bien<div class="arrow_b"></div></div>
										</div>
										<div class="rated_off_l star" data-val="4.5">
											<div class="rate_tooltip">4.5 : Excellent<div class="arrow_b"></div></div>
										</div>
										<div class="rated_off_r star" data-val="5">
											<div class="rate_tooltip">5.0 : Chef d'œuvre<div class="arrow_b"></div></div>
										</div>
									</div>
									<div class="loader"><div class="j_saving loading_item"><img class="vam" src="http://images.allocine.fr/skin/loader_green.gif"></div></div>
								</div>
							</div>
							
							<div class="btn_thumbs">
								<span class="btn_thumb btn_yes"><span>Oui</span></span>
								<span class="btn_thumb btn_no"><span>Non</span></span>
							</div>
						</div>
						
					</div>
					<a href="#" title="Drive" >Drive</a>
				</li>
				<li>
					<div>
						<img width="160" height="213" src="http://images.allocine.fr/r_160_213/medias/nmedia/18/83/93/95/19803697.jpg" alt="" />
						<div class="overlay_area" >
							<span class="mini_thumb play_btn"><span>Play</span></span>
							<span class="mini_thumb info_btn"><span>Info</span></span>
							<p>à partir de<strong>2,99€</strong></p>
							<div class="item_rating sya">
								<div class="rate">
									<div class="picto_rating rate_cancel load_target hidden j_rate_cancel"></div>
									<div class="rating_module blue load_target">
										<div class="rated_b_l star" data-val="0.5">
											<div class="rate_tooltip">0.5 : Nul<div class="arrow_b"></div></div>
										</div>
										<div class="rated_b_r star" data-val="1">
											<div class="rate_tooltip">1.0 : Très mauvais<div class="arrow_b"></div></div>
										</div>
										<div class="rated_b_l star" data-val="1.5">
											<div class="rate_tooltip">1.5 : Mauvais<div class="arrow_b"></div></div>
										</div>
										<div class="rated_b_r star" data-val="2">
											<div class="rate_tooltip">2.0 : Pas terrible<div class="arrow_b"></div></div>
										</div>
										<div class="rated_b_l star" data-val="2.5">
											<div class="rate_tooltip">2.5 : Moyen<div class="arrow_b"></div></div>
										</div>
										<div class="rated_g_r star" data-val="3">
											<div class="rate_tooltip">3.0 : Pas mal<div class="arrow_b"></div></div>
										</div>
										<div class="rated_g_l star" data-val="3.5">
											<div class="rate_tooltip">3.5 : Bien<div class="arrow_b"></div></div>
										</div>
										<div class="rated_g_r star" data-val="4">
											<div class="rate_tooltip">4.0 : Très bien<div class="arrow_b"></div></div>
										</div>
										<div class="rated_off_l star" data-val="4.5">
											<div class="rate_tooltip">4.5 : Excellent<div class="arrow_b"></div></div>
										</div>
										<div class="rated_off_r star" data-val="5">
											<div class="rate_tooltip">5.0 : Chef d'œuvre<div class="arrow_b"></div></div>
										</div>
									</div>
									<div class="loader"><div class="j_saving loading_item"><img class="vam" src="http://images.allocine.fr/skin/loader_green.gif"></div></div>
								</div>
							</div>
							
							<div class="btn_thumbs">
								<span class="btn_thumb btn_yes"><span>Oui</span></span>
								<span class="btn_thumb btn_no"><span>Non</span></span>
							</div>
						</div>
						
					</div>
					<a href="#" title="Drive" >Drive</a>
				</li>

			</ul>
			<!-- /film_list -->
			<div class="spinner"><img src="img/spinner.gif" alt="" /></div><!-- /spinner -->
			<div class="bottom_line"><p>Venez découvrir votre recommandation complète dès demain!</p></div><!-- /spinner -->
		</div>
		<!-- /results -->

		<div id="interest-modal-content">
			<div class="likeTopText" >
				<p><strong>Vous avez bien noté <span>"Chantons sous la pluie"</span></strong></p>
				<p>Dites nous pourquoi pour que nous puissions vous conseiller au mieux</p>
			</div>
			<div class="clearfix" >
				<div class="whyNot">
					<a href="#">
						<span class="item_disk_big">
							<img src="img/picto_genres_big_01.png" alt="" />
						</span>
						<span>J'aime le genre</span>
						<strong>Comédies dramatiques</strong>
					</a>
				</div>
				<div class="whyNot">
					<a href="#">
						<span class="item_disk_big item_disk_blue">
							<span class="">SKIP</span>
						</span>
						<span>Rien en particulier,</span>
						<strong>J'aime juste ce film</strong>
					</a>
				</div>
			</div>
		</div>
		<!-- /interest-modal-content -->
		<div id="not-interest-modal-content">
			<div class="likeTopText" >
				<p><strong><span>"Chantons sous la pluie"</span> ne vous intéresse pas</strong></p>
				<p>Dites nous pourquoi pour que nous puissions vous conseiller au mieux</p>
			</div>
			<div class="clearfix" >
				<div class="whyNot">
					<a href="#">
						<span class="item_disk_big">
							<img src="img/picto_genres_big_01.png" alt="" />
						</span>
						<span>Je n'aime pas le genre</span>
						<strong>Action</strong>
					</a>
				</div>
				<div class="whyNot">
					<a href="#">
						<span class="item_disk_big item_disk_blue">
							<span class="">SKIP</span>
						</span>
						<span>Rien de personnel,</span>
						<strong>C'est juste ce film</strong>
					</a>
				</div>
			</div>
		</div>
		<!-- /not-interest-modal-content -->

	</section>
	<!-- /central -->
</div>
<!-- /main -->
<footer>
		<span class="column_button" ><span>Search</span></span>
		<!--div class="filters_trigger">
			<form id="footer_search" class="filters_search ">
				<input type="text" />
				<i>OK</i>
			</form>
			
			<span>Filters</span>
			<ul>
				<li><span>ON</span></li>
				<li class="current"><span>OFF</span></li>
			</ul>
		</div--><!-- /filters_trigger -->

		<nav>
			<ul>
				<li class="current"><a href="#">Recommandation</a></li>
				<li><a href="#">Avec mes notes</a></li>
				<li><a href="#">Collections</a></li>
				<li><a href="#">Tout Allociné</a></li>
				<li><a href="#">Speednoter</a></li>
			</ul>
		</nav>
		<a href="#" class="logofoot" ><img src="img/logo-footer.png" alt="Cinégift" /></a>
</footer>

<script src="js/libs/jquery-1.7.1.min.js"></script>
<script src="js/libs/jquery-ui-1.8.21.custom.min.js"></script>

<script type='text/javascript' src='js/jquery.simplemodal.js'></script>
<script type="text/javascript" src="js/jquery.jcarousel.min.js"></script>
<!-- mousewheel plugin -->
<script src="js/jquery.mousewheel.min.js"></script>
<!-- custom scrollbars plugin -->
<script src="js/jquery.mCustomScrollbar.js"></script>

<script src="js/script.js"></script>

</body>
</html>