<!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 class="">
<!--[if lt IE 7]><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="#">Discover</a></li>
<li class="current"><a href="#">Speednoter</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="results" class="results d_block">
<h2>Speednoter</h2>
<div class="breaker"></div>
<!-- SPEEDNOTER -->
<!-- --------------------- -->
<div class="myAC_speednoter big-rating">
<div class="j_entity_container hide"> <span data-entity="{ "reftype" : "", "cref" : "" }" class="tt_r26 j_entity"> </span> </div>
<div class="w-speednoter"> </div>
<div class="hide" id="tmp_rating_save"> </div>
<div class="hide" id="speednoter_staticrating_male">
<div>
<div class="starsratelabel">Ma note : </div>
<div class="star-rating starZero"><a style="margin-left: 0px; " title="0">0</a></div>
<div class="flyingstarsform">
<div class="star-rating-control">
<div style="width: 8px; " class="star-rating"><a style="margin-left: 0px; " title="0,5">0,5</a></div>
<div style="width: 8px; " class="star-rating star-margin"><a style="margin-left: -8px; " title="1">1</a></div>
<div style="width: 8px; " class="star-rating"><a style="margin-left: 0px; " title="1,5">1,5</a></div>
<div style="width: 8px; " class="star-rating star-margin"><a style="margin-left: -8px; " title="2">2</a></div>
<div style="width: 8px; " class="star-rating"><a style="margin-left: 0px; " title="2,5">2,5</a></div>
<div style="width: 8px; " class="star-rating star-margin"><a style="margin-left: -8px; " title="3">3</a></div>
<div style="width: 8px; " class="star-rating"><a style="margin-left: 0px; " title="3,5">3,5</a></div>
<div style="width: 8px; " class="star-rating star-margin"><a style="margin-left: -8px; " title="4">4</a></div>
<div style="width: 8px; " class="star-rating"><a style="margin-left: 0px; " title="4,5">4,5</a></div>
<div style="width: 8px; " class="star-rating star-margin"><a style="margin-left: -8px; " title="5">5</a></div>
</div>
</div>
<div class="fm_rating_currentrate-class"></div>
<div class="fm_rating_wanttosee_class"></div>
<div class="fm_rating_notinterested_class"></div>
<div class="rating-cancel icoredcross"><a title="Effacer ma note"></a></div>
<div class="spacer"></div>
</div>
<div class="spacer"></div>
</div>
<div class="hide" id="speednoter_staticrating_female">
<div class="femaleparentobject"><!-- femaleparentobject -->
<div>
<div class="starsratelabel">Ma note : </div>
<div class="star-rating starZero"><a style="margin-left: 0px; " title="0">0</a></div>
<div class="flyingstarsform">
<div class="star-rating-control">
<div style="width: 8px; " class="star-rating"><a style="margin-left: 0px; " title="0,5">0,5</a></div>
<div style="width: 8px; " class="star-rating star-margin"><a style="margin-left: -8px; " title="1">1</a></div>
<div style="width: 8px; " class="star-rating"><a style="margin-left: 0px; " title="1,5">1,5</a></div>
<div style="width: 8px; " class="star-rating star-margin"><a style="margin-left: -8px; " title="2">2</a></div>
<div style="width: 8px; " class="star-rating"><a style="margin-left: 0px; " title="2,5">2,5</a></div>
<div style="width: 8px; " class="star-rating star-margin"><a style="margin-left: -8px; " title="3">3</a></div>
<div style="width: 8px; " class="star-rating"><a style="margin-left: 0px; " title="3,5">3,5</a></div>
<div style="width: 8px; " class="star-rating star-margin"><a style="margin-left: -8px; " title="4">4</a></div>
<div style="width: 8px; " class="star-rating"><a style="margin-left: 0px; " title="4,5">4,5</a></div>
<div style="width: 8px; " class="star-rating star-margin"><a style="margin-left: -8px; " title="5">5</a></div>
</div>
</div>
<div class="fm_rating_currentrate-class"></div>
<div class="fm_rating_wanttosee_class"></div>
<div class="fm_rating_notinterested_class"></div>
<div class="rating-cancel icoredcross"><a title="Effacer ma note"></a></div>
<div class="spacer"></div>
</div>
</div>
<div class="spacer"></div>
</div>
<div class="speednoter ">
<div style="z-index:+1; background-color: #FFF; position: absolute; width: 100%; height: 250px; opacity: 0.9; filter:Alpha(Opacity=90);" class="hide" id="speednoter_txt_nomoreitems">
<div style="position: absolute; top: 40%; width: 100%; align: center; vertical-align: middle; text-align: center;"> Il n'y a plus de fiches à afficher.<br>
Veuillez rafraichir votre navigateur. </div>
</div>
<div style="z-index:+1; background-color: #FFF; position: absolute; width: 940px; height: 250px; opacity: 0.9; filter:Alpha(Opacity=90);" class="hide" id="speednoter_loader">
<div style="position: absolute; top: 40%; left: 45%; width: 100%; align: center; vertical-align: middle;"> <img alt="" style="width:32px; height:32px;" src="http://images.allocine.fr/commons/ajax-loader.gif"> </div>
</div>
<div id="speednotertabs_00"> <a href="#" class=""></a> <a href="#" class=""></a> <a href="#" class=""></a> <a href="#" class="current"></a> <a href="#"></a> <a href="#"></a> <a href="#"></a> <a href="#"></a> <a href="#"></a> <a href="#"></a> <a href="#"></a> <a href="#"></a> <a href="#"></a> <a href="#"></a> <a href="#"></a> <a href="#"></a> <a href="#"></a> <a href="#"></a> <a href="#"></a> <a href="#"></a> </div>
<div id="speednoterprevbtn_00" class="navprevbtn"><a><img width="0" height="0" src="http://images.allocine.fr/commons/empty.gif" alt=" " class="ico"></a></div>
<div id="speednoter_00" class="speednotercontent">
<div id="speednoter_content_3" class="slide" style="display: block;">
<!--infos content-->
<div id="speednoter_content_html_3">
<div class="picturezone"><img title="Prison Break" alt="Prison Break" src="http://fr.web.img1.acsta.net/r_160_x/medias/nmedia/18/85/25/52/19779382.jpg"></div>
<!-- picturezone -->
<div class="contentzone">
<h3 class="serieTV" >Prison Break <span>(2002)</span></h3>
<!--h3>Prison Break</h3-->
<p>Directed By <strong>Martin Scorcese</strong></p>
<p>With <strong>Dominic Purcell, Wentworth Miller, Sarah Wayne Callies,Michael Rapaport, Amaury Nolasco</strong></p>
<p>Michael Scofield s'engage dans une véritable lutte contre la montre : son frère Lincoln est dans le couloir de la mort, en attente de son exécution. Persuadé de son innocence mais à court de solutions, Michael décide de se faire incarcérer à son tour dans le pénitencier d'état de Fox River pour organiser leur évasion...</p>
<!-- !! Existing template --> <!-- !! /Existing template -->
<div class="spacer"></div>
</div>
<!-- /contenzone --><!-- /morezone --></div>
<!--rating content-->
<div class="speednoterstarsratezone">
<div id="speednoter_target_3">
<div data-rating="{"savedShowingTime":100}" class="sya w-opinion w-rating w-interest" id="j_entity_rating">
<div id="j_entity_rating_html" class="">
<div class="rate ">
<p class="lighten_hl label">My opinion</p>
<div class="picto_rating rate_cancel load_target hidden j_rate_cancel"></div>
<div class="picto_rating rate_null_on load_target hide">
<div class="rate_tooltip">0 : Pourri
<div class="arrow_b"></div>
</div>
</div>
<div class="rating_module load_target">
<div class="star rated_b_l">
<div class="rate_tooltip">0.5 : Nul
<div class="arrow_b"></div>
</div>
</div>
<div class="star rated_b_r">
<div class="rate_tooltip">1.0 : Très mauvais
<div class="arrow_b"></div>
</div>
</div>
<div class="star rated_b_l">
<div class="rate_tooltip">1.5 : Mauvais
<div class="arrow_b"></div>
</div>
</div>
<div class="rated_b_r star">
<div class="rate_tooltip">2.0 : Pas terrible
<div class="arrow_b"></div>
</div>
</div>
<div class="rated_b_l star">
<div class="rate_tooltip">2.5 : Moyen
<div class="arrow_b"></div>
</div>
</div>
<div class="rated_off_r star">
<div class="rate_tooltip">3.0 : Pas mal
<div class="arrow_b"></div>
</div>
</div>
<div class="rated_off_l star">
<div class="rate_tooltip">3.5 : Bien
<div class="arrow_b"></div>
</div>
</div>
<div class="rated_off_r star">
<div class="rate_tooltip">4.0 : Très bien
<div class="arrow_b"></div>
</div>
</div>
<div class="rated_off_l star">
<div class="rate_tooltip">4.5 : Excellent
<div class="arrow_b"></div>
</div>
</div>
<div class="rated_off_r star">
<div class="rate_tooltip">5.0 : Chef d'œuvre
<div class="arrow_b"></div>
</div>
</div>
</div>
<!--/rating_module-->
<div class="loader">
<div class="j_saving loading_item"><img alt="" src="http://images.allocine.fr/skin/loader_green.gif" class="vam">En cours...</div>
<div class="lighten align_c j_saved loaded_item">Enregistré</div>
</div>
</div>
<!--/rate-->
</div>
<div class="fl margin_30l">
<span title="" class="button btn06"><span class="thumb">Oui</span></span> <span title="" class="button btn07"><span class="thumb">Non</span></span>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="speednoternextbtn_00" class="navnextbtn"><a> <img width="0" height="0" src="http://images.allocine.fr/commons/empty.gif" alt=" " class="ico"></a></div>
</div>
<!-- /speednoter -->
</div>
<!-- /SPEEDNOTER -->
<!-- ---------------------- -->
<p class="align_c">
<span class="stillToRate" >Still <span> 9 </span> to rate </span>
<a href="#" class="btn_see uppercase my_reco">See my recommandations</a>
</p>
</div>
<!-- /results -->
<div id="basic-modal-content3" class="align_c">
<div class="tt_03 align_l margin_20b">Get Started</div>
<p class="align_l fs18">
Allociné still lacks some rating of yours in order to get a good idea of your taste and being able to provide you with a recommendation of movies and series.
</p>
<p class="margin_40t margin_60b fs18 bold">
Please rate at least
<span class="item_disk_big margin_10h">
<span class="">4</span>
</span>
movies
</p>
<a href="#" class="btn_see uppercase">START RATING NOW</a>
</div>
<!-- /modal2 -->
</section>
<!-- /central -->
</div>
<!-- /main -->
<footer>
<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>
<script>
openNodal();
//call this function when a user note a movie...
//youhouNumber();
//call this function to show "see my recommandations" button
//activateSeeRecommandations();
</script>
</body>
</html>