
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-gb" lang="en-gb" dir="ltr" >

<!-- Mirrored from www.cerist.dz/index.php/en/medias-multimedias-en/photo-library/135-photos-2013/1084-cinquiemes-journees-d-etude-sur-les-bibliotheques-universitaires-algeriennes-jebu-13-du-29-au-30-mai-2013-au-cerist-2 by HTTrack Website Copier/3.x [XR&CO'2014], Wed, 29 Jul 2026 21:20:17 GMT -->
<!-- Added by HTTrack --><meta http-equiv="content-type" content="text/html;charset=utf-8" /><!-- /Added by HTTrack -->
<head>
<script  type="text/css">
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'','http://www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-40872059-1', 'auto');
  ga('send', 'pageview');

</script>
    <base  />
	<meta http-equiv="content-type" content="text/html; charset=utf-8" />
	<meta name="keywords" content="CERIST, SNDL, PNST , informatique,réseaux, .dz , ARN , recherche scientifique,CERISTNEWS,
مركز البحث في الإعلام العلمي و التقني ,
الإعلام العلمي و التقني , سيريست , مركز بحث , شبكة البحث الجزائرية , الشبكات,
نظم المعلومات ,  الإعلام الآلي , أمن المعلومات ,النظام الوطني للتوثيق على الأنترنيت , أسماء النطاقات ,
تكنولوجيات الإعلام والإتصال , " />
	<meta name="description" content="Centre de recherche sur l'information scientifique et technique,Le centre est chargé de la réalisation des programmes de recherche scientifique et de développement technologique dans le domaine de l'information scientifique et technique." />
	<meta name="generator" content="Joomla! - Open Source Content Management" />
	<title>Cinquièmes Journées d’Étude sur les Bibliothèques Universitaires Algériennes JEBU’13 du 29 au 30 mai 2013 au CERIST (2) - CERIST</title>
	<link href="../../../../../templates/tpl_theme14/favicon.ico" rel="shortcut icon" type="image/vnd.microsoft.icon" />
	<link href="../../../component/search/index60fc.html?Itemid=706&amp;catid=135&amp;id=1084&amp;format=opensearch" rel="search" title="Search CERIST" type="application/opensearchdescription+xml" />
	<link href="../../../../../plugins/content/sigplus/css/sigplus.min.css" rel="stylesheet" type="text/css" />
	<link href="../../../../../plugins/content/sigplus/engines/boxplus/popup/css/boxplus.min.css" rel="stylesheet" type="text/css" />
	<link href="../../../../../plugins/content/sigplus/engines/boxplus/popup/css/boxplus.lightsquare.css" rel="stylesheet" type="text/css" title="boxplus-lightsquare" />
	<link href="../../../../../plugins/content/sigplus/engines/boxplus/slider/css/boxplus.paging.min.css" rel="stylesheet" type="text/css" />
	<link href="../../../../../plugins/content/sigplus/engines/boxplus/slider/css/boxplus.slider.min.css" rel="stylesheet" type="text/css" />
	<link href="../../../../../media/mod_rssocial/css/rssocial.css" rel="stylesheet" type="text/css" />
	<link href="../../../../../media/mod_rssocial/css/rssocial-anim.css" rel="stylesheet" type="text/css" />
	<link href="../../../../../media/mod_rssocial/css/rssocial-font.css" rel="stylesheet" type="text/css" />
	<style type="text/css">
.rssocial-sharing-facebook-container-right{ width: 124px; height: 20px; }#rssocial-123 .rssocial-icons li { font-size: 24px; }#rssocial-123 .rssocial-caption a { font-size: 14px; }#rssocial-123 .rssocial-icons-bg .rssocial-link { color: rgb(255, 255, 255); }#rssocial-123 .rssocial-icons-bg .rssocial-link { background-color: rgba(0, 0, 0, 0.75); }#rssocial-123 .rssocial-icons-bg .rssocial-link:hover { background-color: rgba(0, 0, 0, 0.5); }#rssocial-123 .rssocial-icons .rssocial-caption a { color: rgb(255, 255, 255); }#rssocial-123 .rssocial-icons .rssocial-caption { background-color: rgba(0, 0, 0, 0.75); }#rssocial-123 .rssocial-icons .rssocial-caption:hover { background-color: rgba(0, 0, 0, 0.5); }div.mod_search63 input[type="search"]{ width:auto; }
	</style>
	<script src="../../../../../media/jui/js/jquery.min0710.js?31206f2ba39cfb75ff204c0937e56e20" type="text/javascript"></script>
	<script src="../../../../../media/jui/js/jquery-noconflict0710.js?31206f2ba39cfb75ff204c0937e56e20" type="text/javascript"></script>
	<script src="../../../../../media/jui/js/jquery-migrate.min0710.js?31206f2ba39cfb75ff204c0937e56e20" type="text/javascript"></script>
	<script src="../../../../../plugins/content/sigplus/engines/boxplus/popup/js/boxplus.min.js" type="text/javascript"></script>
	<script src="../../../../../plugins/content/sigplus/engines/boxplus/lang/boxplus.lang.min.js" type="text/javascript"></script>
	<script src="../../../../../plugins/content/sigplus/engines/boxplus/slider/js/boxplus.slider.min.js" type="text/javascript"></script>
	<script src="../../../../../media/system/js/caption0710.js?31206f2ba39cfb75ff204c0937e56e20" type="text/javascript"></script>
	<script src="../../../../../media/jui/js/bootstrap.min0710.js?31206f2ba39cfb75ff204c0937e56e20" type="text/javascript"></script>
	<script src="../../../../../media/mod_rssocial/js/rssocial.js" type="text/javascript"></script>
	<script src="https://platform.tumblr.com/v1/share.js" type="text/javascript"></script>
	<script src="../../../../../media/mod_rssocial/js/jquery-migrate.js" type="text/javascript"></script>
	<script src="../../../../../media/mod_rssocial/js/jquery-noconflict.js" type="text/javascript"></script>
	<!--[if lt IE 9]><script src="/media/system/js/html5fallback.js?31206f2ba39cfb75ff204c0937e56e20" type="text/javascript"></script><![endif]-->
	<script type="text/javascript">
if (typeof(__jQuery__) == "undefined") { var __jQuery__ = jQuery; }__jQuery__(document).ready(function() {
__jQuery__("#sigplus_bb2c5b2db5a89249363101621a87ff76").boxplusGallery(__jQuery__.extend({}, { rtl:false, theme: "lightsquare", title: function (anchor) { var t = __jQuery__("#" + __jQuery__("img", anchor).attr("id") + "_caption"); return t.size() ? t.html() : __jQuery__("img", anchor).attr("alt"); }, description: function (anchor) { var s = __jQuery__("#" + __jQuery__("img", anchor).attr("id") + "_summary"); return s.size() ? s.html() : anchor.attr("title"); }, slideshow: 0, download: function (anchor) { var d = __jQuery__("#" + __jQuery__("img", anchor).attr("id") + "_metadata a[rel=download]"); return d.size() ? d.attr("href") : ""; }, metadata: function (anchor) { var m = __jQuery__("#" + __jQuery__("img", anchor).attr("id") + "_iptc"); return m.size() ? m : ""; }  })); __jQuery__.boxplusLanguage("en", "GB");
__jQuery__("#sigplus_bb2c5b2db5a89249363101621a87ff76 ul:first").boxplusSlider(__jQuery__.extend({}, { rtl:false, rowCount:1, columnCount:3, orientation:"horizontal", navigation:"bottom", showButtons:true, showLinks:true, showPageCounter:true, showOverlayButtons:false, duration:800, delay:0 })); __jQuery__.boxplusLanguage("en", "GB");
});
jQuery(window).on('load',  function() {
				new JCaption('img.caption');
			});RSSocial.captionEqualWidth();RSSocial.showOnClick('inline', 'right', '123', 'icons', '0', '0', '2');RSSocial.setListWidth('123', '0');RSSocial.floatingResize('123', 'inline', 'right');
	</script>
	<meta http-equiv="Content-Style-Type" content="text/css" />
	<!--[if lt IE 8]><link rel="stylesheet" href="/plugins/content/sigplus/css/sigplus.ie7.css" type="text/css" /><![endif]-->
	<!--[if lt IE 9]><link rel="stylesheet" href="/plugins/content/sigplus/css/sigplus.ie8.css" type="text/css" /><![endif]-->
	<!--[if lt IE 9]><link rel="stylesheet" href="/plugins/content/sigplus/engines/boxplus/popup/css/boxplus.ie8.css" type="text/css" /><![endif]-->
	<!--[if lt IE 8]><link rel="stylesheet" href="/plugins/content/sigplus/engines/boxplus/popup/css/boxplus.ie7.css" type="text/css" /><![endif]-->
	<!--[if lt IE 9]><link rel="stylesheet" href="/plugins/content/sigplus/engines/boxplus/popup/css/boxplus.lightsquare.ie8.css" type="text/css" title="boxplus-lightsquare" /><![endif]-->

    <link rel="stylesheet" href="../../../../../templates/system/css/system.css" type="text/css" />
    <link rel="stylesheet" href="../../../../../templates/system/css/general.css" type="text/css" />
        		<link rel="stylesheet" href="../../../../../templates/tpl_theme14/css/default.css" type="text/css" />
                <link rel="stylesheet" href="../../../../../templates/tpl_theme14/css/template.css" type="text/css" />
	    <link rel="stylesheet" href="../../../../../templates/tpl_theme14/css/fonts/fonts.css" type="text/css" />
            <meta name="viewport" content="width=device-width; initial-scale=1.0" />
        <link rel="stylesheet" href="../../../../../templates/tpl_theme14/css/mobile.css" type="text/css" />
        <!--[if lte IE 8]>
  	<style type="text/css">
  	.pagenav a,.readmore a,.button,#bannermodule > div.inner,#nav > div.inner,#nav > div.inner ul.menu ul,#slideshow > div.inner,#modulestop > div.inner,#left > div.inner,#center > div.inner,#right > div.inner,#modulesbottommod1 > div.inner,#modulesbottommod2 > div.inner,#modulesbottommod3 > div.inner,#modulesbottommod4 > div.inner,#modulesbottommod5 > div.inner { behavior: url(/templates/tpl_theme14/pie.htc) }
  	</style>
  	<![endif]-->


</head>
<body>
<div id="wrapper">
	<div class="container-fluid inner">
	<div id="banner">
		<div class="inner clearfix">
			<div id="bannerlogo" class="logobloc">
				<div class="inner clearfix">
											<img src="../../../../../templates/tpl_theme14/images/logo.png" width="216px" height="53px" alt="CERIST ,Centre de recherche sur l information scientifique et technique" />
														</div>
			</div>
						<div id="bannermodule" class="logobloc">
				<div class="inner clearfix">
							<div class="moduletable">
						

<div class="custom"  >
	<p class="MsoNormal" style="margin-bottom: .0001pt; text-align: right;" align="right"><span lang="EN-US" style="font-size: 8.0pt; line-height: 115%; mso-ansi-language: EN-US;"><span style="color: white;"><b><span style="color: #39497f;"><span style="color: white;"> </span></span></b></span></span><b><span style="color: white;"><span style="color: #39497f;"><span style="color: white;"><span style="font-size: 10.6666669845581px; line-height: 12.2666664123535px;">|</span></span></span></span><span style="font-size: 8pt; line-height: 115%;"><span style="color: white;"><span style="color: #39497f;"><span style="color: white;"> </span></span></span></span><a style="font-size: 8pt; line-height: 115%;" title="MESRS" href="https://www.mesrs.dz/" target="_blank"><span style="color: white;"><span style="color: #39497f;"><span style="color: white;">MESRS</span></span></span></a><span style="font-size: 8pt; line-height: 115%;"><span style="color: white;"><span style="color: #39497f;"><span style="color: white;"> | </span></span></span></span><a style="font-size: 8pt; line-height: 115%;" title="DGRSDT" href="http://www.dgrsdt.dz/" target="_blank"><span style="color: white;"><span style="color: #39497f;"><span style="color: white;">DGRSDT</span></span></span></a></b><span style="font-size: 8pt; line-height: 115%;"><b><span style="color: white;"><span style="color: #39497f;"><span style="color: white;"> </span></span></span><a href="../../../../../index.html" target="_blank"><span style="color: white;"><span style="color: #39497f;"><span style="color: white;">| CERIST</span></span></span></a></b></span></p>
<h2 align="center"><strong><span style="font-family: monospace; font-style: normal; font-variant: normal; color: black; word-spacing: 0px; letter-spacing: normal; text-transform: none; text-indent: 0px; line-height: normal; float: none;"><span style="color: #3861a6; font-size: x-large;"><span style="color: #3861a6;"><span style="color: white;"><span style="color: white;"><span style="color: #39497f;"><span style="color: white;">RESEARCH CENTRE FOR SCIENTIFIC AND TECHNICAL INFORMATION </span></span></span></span></span></span></span></strong></h2></div>
		</div>
	
				</div>
			</div>
					</div>
	<div id="bannerlogo1">
		<div class="inner clearfix">
					<div class="moduletable">
						

<div class="custom"  >
	<p><strong><a href="../../../../ar/index.html">العربية</a>|<a href="../../../index.html">English</a>|<a href="../../../../fr/index.html">Français </a></strong></p></div>
		</div>
	
		</div>
	</div>
	
	</div>
		<div id="nav">
		<div class="inner clearfix">
			<ul class="nav menu mod-list">
<li class="item-479 default"><a href="../../../index.html" >Home</a></li><li class="item-483"><a href="../../../about-us-en-3.html" >About US</a></li><li class="item-490"><a href="../../../rechercheetdevelop-en.html" >R &amp; D  </a></li><li class="item-491"><a href="../../../service-en.html" >Services</a></li><li class="item-492"><a href="../../../scientific-production.html" >Scientific Production</a></li><li class="item-879"><a href="http://webtv.cerist.dz/" target="_blank" rel="noopener noreferrer">WebTV</a></li><li class="item-493"><a href="../../../contact-fr-2.html" >Contact</a></li></ul>
<div class="search mod_search63">
	<form action="https://www.cerist.dz/index.php/en/medias-multimedias-en/photo-library" method="post" class="form-inline" role="search">
		<label for="mod-search-searchword63" class="element-invisible">Search ...</label> <input name="searchword" id="mod-search-searchword63" maxlength="200"  class="inputbox search-query input-medium" type="search" size="20" placeholder="Search ..." />		<input type="hidden" name="task" value="search" />
		<input type="hidden" name="option" value="com_search" />
		<input type="hidden" name="Itemid" value="706" />
	</form>
</div>

		</div>
	</div>
	
	

		<div id="slideshow">
		<div class="inner clearfix">
					<nav class="moduletable">
						<div aria-label="Fil de navigation en" role="navigation">
	<ul itemscope itemtype="https://schema.org/BreadcrumbList" class="breadcrumb">
					<li class="active">
				<span class="divider icon-location"></span>
			</li>
		
						<li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
											<a itemprop="item" href="../../../index.html" class="pathway"><span itemprop="name">Home</span></a>
					
											<span class="divider">
							<img src="../../../../../media/system/images/arrow.png" alt="" />						</span>
										<meta itemprop="position" content="1">
				</li>
							<li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
											<a itemprop="item" href="../../../medias-multimedias-en.html" class="pathway"><span itemprop="name">Medias &amp; multimedias </span></a>
					
											<span class="divider">
							<img src="../../../../../media/system/images/arrow.png" alt="" />						</span>
										<meta itemprop="position" content="2">
				</li>
							<li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
											<a itemprop="item" href="../../photo-library.html" class="pathway"><span itemprop="name">Photo library</span></a>
					
											<span class="divider">
							<img src="../../../../../media/system/images/arrow.png" alt="" />						</span>
										<meta itemprop="position" content="3">
				</li>
							<li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
											<a itemprop="item" href="../135-photos-2013.html" class="pathway"><span itemprop="name">Photos 2013</span></a>
					
											<span class="divider">
							<img src="../../../../../media/system/images/arrow.png" alt="" />						</span>
										<meta itemprop="position" content="4">
				</li>
							<li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem" class="active">
					<span itemprop="name">
						Cinquièmes Journées d’Étude sur les Bibliothèques Universitaires Algériennes JEBU’13 du 29 au 30 mai 2013 au CERIST (2)					</span>
					<meta itemprop="position" content="5">
				</li>
				</ul>
</div>
		</nav>
	
		</div>
	</div>
		<div id="maincontent">
		<div class="inner clearfix">
		
			<div id="main" class="column main  ">
				<div class="inner clearfix">
							<div id="center" class="column center ">
								<div class="inner">
											<div id="system-message-container">
	</div>

											<div class="item-page" itemscope itemtype="https://schema.org/Article">
	<meta itemprop="inLanguage" content="en-GB" />
		<div class="page-header">
		<h1> Photo library </h1>
	</div>
	
		
			<div class="page-header">
		<h2 itemprop="headline">
			Cinquièmes Journées d’Étude sur les Bibliothèques Universitaires Algériennes JEBU’13 du 29 au 30 mai 2013 au CERIST (2)		</h2>
							</div>
							
<div class="icons">
	
					<div class="btn-group pull-right">
				<button class="btn dropdown-toggle" type="button" id="dropdownMenuButton-1084" aria-label="User tools"
				data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
					<span class="icon-cog" aria-hidden="true"></span>
					<span class="caret" aria-hidden="true"></span>
				</button>
								<ul class="dropdown-menu" aria-labelledby="dropdownMenuButton-1084">
											<li class="print-icon"> <a href="1084-cinquiemes-journees-d-etude-sur-les-bibliotheques-universitaires-algeriennes-jebu-13-du-29-au-30-mai-2013-au-cerist-2.3?tmpl=component&amp;print=1" title="Print article < Cinquièmes Journées d’Étude sur les Bibliothèques Universitaires Algériennes JEBU’13 du 29 au 30 mai 2013 au CERIST (2) >" onclick="window.open(this.href,'win2','status=no,toolbar=no,scrollbars=yes,titlebar=no,menubar=no,resizable=yes,width=640,height=480,directories=no,location=no'); return false;" rel="nofollow">			<span class="icon-print" aria-hidden="true"></span>
		Print	</a> </li>
																			</ul>
			</div>
		
	</div>
			
		
	
	
		
								<div itemprop="articleBody">
		<p><div id="sigplus_bb2c5b2db5a89249363101621a87ff76" class="sigplus-gallery sigplus-center"><ul style="visibility:hidden;"><li><a href="../../../../../images/jebu2013/IMG_2973.jpg" rel="boxplus-sigplus_bb2c5b2db5a89249363101621a87ff76"><img id="sigplus_bb2c5b2db5a89249363101621a87ff76_img0000" width="200" height="133" src="../../../../../cache/thumbs/11453de3c882b13d98c1792f350139d1.jpg" longdesc="../../../../../cache/preview/0479e0dfa6afac1497833edda3b7559d.jpg" alt=""/></a></li><li><a href="../../../../../images/jebu2013/IMG_2975.jpg" rel="boxplus-sigplus_bb2c5b2db5a89249363101621a87ff76"><img id="sigplus_bb2c5b2db5a89249363101621a87ff76_img0001" width="200" height="133" src="../../../../../cache/thumbs/fdf46bff12ec00005b74cbc64ec40a36.jpg" longdesc="../../../../../cache/preview/18c7b29f3894682ccb3f37f0751b7467.jpg" alt=""/></a></li><li><a href="../../../../../images/jebu2013/IMG_2976.jpg" rel="boxplus-sigplus_bb2c5b2db5a89249363101621a87ff76"><img id="sigplus_bb2c5b2db5a89249363101621a87ff76_img0002" width="200" height="133" src="../../../../../cache/thumbs/81deffca6d6eb525a189c74d48aa3236.jpg" longdesc="../../../../../cache/preview/f41a0448a9b33439b578fbf1d31d7e52.jpg" alt=""/></a></li><li><a href="../../../../../images/jebu2013/IMG_2977.jpg" rel="boxplus-sigplus_bb2c5b2db5a89249363101621a87ff76"><img id="sigplus_bb2c5b2db5a89249363101621a87ff76_img0003" width="200" height="133" src="../../../../../cache/thumbs/17ac98f2c2d4f021aadc0944e73bb326.jpg" longdesc="../../../../../cache/preview/ff2abd1daea0210e48e29af33ae06260.jpg" alt=""/></a></li><li><a href="../../../../../images/jebu2013/IMG_2978.jpg" rel="boxplus-sigplus_bb2c5b2db5a89249363101621a87ff76"><img id="sigplus_bb2c5b2db5a89249363101621a87ff76_img0004" width="200" height="133" src="../../../../../cache/thumbs/7fcf15a1aa196359a6be27a7fb24c5b2.jpg" longdesc="../../../../../cache/preview/f1994f14ecb24ea6a9763e2000536297.jpg" alt=""/></a></li><li><a href="../../../../../images/jebu2013/IMG_2979.jpg" rel="boxplus-sigplus_bb2c5b2db5a89249363101621a87ff76"><img id="sigplus_bb2c5b2db5a89249363101621a87ff76_img0005" width="200" height="133" src="../../../../../cache/thumbs/914c8307f8655280d23d30176f861abf.jpg" longdesc="../../../../../cache/preview/c15d2c94e3379713ffcf05c86e59a7f8.jpg" alt=""/></a></li><li><a href="../../../../../images/jebu2013/IMG_2980.jpg" rel="boxplus-sigplus_bb2c5b2db5a89249363101621a87ff76"><img id="sigplus_bb2c5b2db5a89249363101621a87ff76_img0006" width="200" height="133" src="../../../../../cache/thumbs/4a6c8d85af7d4f960e04eb906bebb6f8.jpg" longdesc="../../../../../cache/preview/662952a5628adb80dff59f8de06f29ec.jpg" alt=""/></a></li><li><a href="../../../../../images/jebu2013/IMG_2981.jpg" rel="boxplus-sigplus_bb2c5b2db5a89249363101621a87ff76"><img id="sigplus_bb2c5b2db5a89249363101621a87ff76_img0007" width="200" height="133" src="../../../../../cache/thumbs/676be7d25baa6c5ddc973014c19f371c.jpg" longdesc="../../../../../cache/preview/3f13f108cfbbefad8c2954b938886fda.jpg" alt=""/></a></li><li><a href="../../../../../images/jebu2013/IMG_2982.jpg" rel="boxplus-sigplus_bb2c5b2db5a89249363101621a87ff76"><img id="sigplus_bb2c5b2db5a89249363101621a87ff76_img0008" width="200" height="133" src="../../../../../cache/thumbs/b06dbcbf769779d556af6c5bb39fdea0.jpg" longdesc="../../../../../cache/preview/adf1970681d4a5f0a048ba8e69c55d61.jpg" alt=""/></a></li><li><a href="../../../../../images/jebu2013/IMG_2983.jpg" rel="boxplus-sigplus_bb2c5b2db5a89249363101621a87ff76"><img id="sigplus_bb2c5b2db5a89249363101621a87ff76_img0009" width="200" height="133" src="../../../../../cache/thumbs/d6593062308aff92c540983bee01ee37.jpg" longdesc="../../../../../cache/preview/2de560368aff7144e1d3d0c2fa45e8da.jpg" alt=""/></a></li><li><a href="../../../../../images/jebu2013/IMG_2988.jpg" rel="boxplus-sigplus_bb2c5b2db5a89249363101621a87ff76"><img id="sigplus_bb2c5b2db5a89249363101621a87ff76_img0010" width="200" height="133" src="../../../../../cache/thumbs/148966ddd22d874c7ab0dd8ab9cb2013.jpg" longdesc="../../../../../cache/preview/6229457d7f3bc697cb14b2197b2ca427.jpg" alt=""/></a></li><li><a href="../../../../../images/jebu2013/IMG_2989.jpg" rel="boxplus-sigplus_bb2c5b2db5a89249363101621a87ff76"><img id="sigplus_bb2c5b2db5a89249363101621a87ff76_img0011" width="200" height="133" src="../../../../../cache/thumbs/901bc8bb590c368ed132bab2b8fdefb5.jpg" longdesc="../../../../../cache/preview/787a76deb3e5fecf8db3a6696352a346.jpg" alt=""/></a></li><li><a href="../../../../../images/jebu2013/IMG_2990.jpg" rel="boxplus-sigplus_bb2c5b2db5a89249363101621a87ff76"><img id="sigplus_bb2c5b2db5a89249363101621a87ff76_img0012" width="200" height="133" src="../../../../../cache/thumbs/eedd61d4161aa05d51d7aa88dfd7c518.jpg" longdesc="../../../../../cache/preview/bab60a839dad460210c4309c36b0ebe1.jpg" alt=""/></a></li><li><a href="../../../../../images/jebu2013/IMG_2991.jpg" rel="boxplus-sigplus_bb2c5b2db5a89249363101621a87ff76"><img id="sigplus_bb2c5b2db5a89249363101621a87ff76_img0013" width="200" height="133" src="../../../../../cache/thumbs/cc7ce919363cc37f59c0ff9910acdca0.jpg" longdesc="../../../../../cache/preview/bc3fc4374e8d5f1fb41ad8f8ab6327a7.jpg" alt=""/></a></li><li><a href="../../../../../images/jebu2013/IMG_2992.jpg" rel="boxplus-sigplus_bb2c5b2db5a89249363101621a87ff76"><img id="sigplus_bb2c5b2db5a89249363101621a87ff76_img0014" width="200" height="133" src="../../../../../cache/thumbs/0dbd9344e1459922f437c96ca74c1922.jpg" longdesc="../../../../../cache/preview/e01355a330396c6583e558b97b4af2f4.jpg" alt=""/></a></li><li><a href="../../../../../images/jebu2013/IMG_2993.jpg" rel="boxplus-sigplus_bb2c5b2db5a89249363101621a87ff76"><img id="sigplus_bb2c5b2db5a89249363101621a87ff76_img0015" width="200" height="133" src="../../../../../cache/thumbs/f122974f0042badce566d47f19032da8.jpg" longdesc="../../../../../cache/preview/219e4991c6f2814063a9b0c6bf3d9409.jpg" alt=""/></a></li><li><a href="../../../../../images/jebu2013/IMG_2994.jpg" rel="boxplus-sigplus_bb2c5b2db5a89249363101621a87ff76"><img id="sigplus_bb2c5b2db5a89249363101621a87ff76_img0016" width="200" height="133" src="../../../../../cache/thumbs/dfcb974ca8dc617c610e59ee6d147c02.jpg" longdesc="../../../../../cache/preview/6d774a2d3e326ae528dd57aed4a5021b.jpg" alt=""/></a></li><li><a href="../../../../../images/jebu2013/IMG_2996.jpg" rel="boxplus-sigplus_bb2c5b2db5a89249363101621a87ff76"><img id="sigplus_bb2c5b2db5a89249363101621a87ff76_img0017" width="200" height="133" src="../../../../../cache/thumbs/c57406dfa2ff413ccf06c0b678b1a54d.jpg" longdesc="../../../../../cache/preview/5dcd5fd8fe2037022f6a188ee65b8f4e.jpg" alt=""/></a></li><li><a href="../../../../../images/jebu2013/IMG_2997.jpg" rel="boxplus-sigplus_bb2c5b2db5a89249363101621a87ff76"><img id="sigplus_bb2c5b2db5a89249363101621a87ff76_img0018" width="133" height="200" src="../../../../../cache/thumbs/e2c119dad85c4881ab8da74a7f774535.jpg" longdesc="../../../../../cache/preview/38c4e4f07c047ca943c0a02f182debd4.jpg" alt=""/></a></li><li><a href="../../../../../images/jebu2013/IMG_3005.jpg" rel="boxplus-sigplus_bb2c5b2db5a89249363101621a87ff76"><img id="sigplus_bb2c5b2db5a89249363101621a87ff76_img0019" width="200" height="133" src="../../../../../cache/thumbs/74a5264a1f21e793219bbf341f1d564f.jpg" longdesc="../../../../../cache/preview/f022d0ffc0f40e28f0c914e9dcafc8be.jpg" alt=""/></a></li><li><a href="../../../../../images/jebu2013/IMG_3006.jpg" rel="boxplus-sigplus_bb2c5b2db5a89249363101621a87ff76"><img id="sigplus_bb2c5b2db5a89249363101621a87ff76_img0020" width="200" height="133" src="../../../../../cache/thumbs/d8d2c82c1c6d9b354c147553c1d7f32a.jpg" longdesc="../../../../../cache/preview/0f4d70bbdd464c037040a029210451d9.jpg" alt=""/></a></li><li><a href="../../../../../images/jebu2013/IMG_3007.jpg" rel="boxplus-sigplus_bb2c5b2db5a89249363101621a87ff76"><img id="sigplus_bb2c5b2db5a89249363101621a87ff76_img0021" width="200" height="133" src="../../../../../cache/thumbs/ef78e6657790b03488b150e9b3dc0917.jpg" longdesc="../../../../../cache/preview/20a29a6eac24fd0134dd0ffe6a5eda7d.jpg" alt=""/></a></li><li><a href="../../../../../images/jebu2013/IMG_3008.jpg" rel="boxplus-sigplus_bb2c5b2db5a89249363101621a87ff76"><img id="sigplus_bb2c5b2db5a89249363101621a87ff76_img0022" width="200" height="133" src="../../../../../cache/thumbs/ed67ff9ab3b43c313594c21f381edef0.jpg" longdesc="../../../../../cache/preview/381ec4cb6f850964274b1334cd43ce23.jpg" alt=""/></a></li><li><a href="../../../../../images/jebu2013/IMG_3009.jpg" rel="boxplus-sigplus_bb2c5b2db5a89249363101621a87ff76"><img id="sigplus_bb2c5b2db5a89249363101621a87ff76_img0023" width="200" height="133" src="../../../../../cache/thumbs/eb763cd4405092d4b4445c8716a5c60f.jpg" longdesc="../../../../../cache/preview/d7b633bc7a3eaecf094669eea36512ea.jpg" alt=""/></a></li><li><a href="../../../../../images/jebu2013/IMG_3010.jpg" rel="boxplus-sigplus_bb2c5b2db5a89249363101621a87ff76"><img id="sigplus_bb2c5b2db5a89249363101621a87ff76_img0024" width="133" height="200" src="../../../../../cache/thumbs/f60aeacbe817177bdb46dc8ed958f410.jpg" longdesc="../../../../../cache/preview/6f824094f0e0a9189351f0b7213fca5a.jpg" alt=""/></a></li><li><a href="../../../../../images/jebu2013/IMG_3014.jpg" rel="boxplus-sigplus_bb2c5b2db5a89249363101621a87ff76"><img id="sigplus_bb2c5b2db5a89249363101621a87ff76_img0025" width="200" height="133" src="../../../../../cache/thumbs/6d73ba94d7d0a2454e40d897bb67215a.jpg" longdesc="../../../../../cache/preview/c65494904828edb497561890177cdd91.jpg" alt=""/></a></li><li><a href="../../../../../images/jebu2013/IMG_3015.jpg" rel="boxplus-sigplus_bb2c5b2db5a89249363101621a87ff76"><img id="sigplus_bb2c5b2db5a89249363101621a87ff76_img0026" width="200" height="133" src="../../../../../cache/thumbs/8ad077aec250713139374b645b0b86af.jpg" longdesc="../../../../../cache/preview/a7a372ccc25a3a1159c3f399fb1cf08d.jpg" alt=""/></a></li><li><a href="../../../../../images/jebu2013/IMG_3018.jpg" rel="boxplus-sigplus_bb2c5b2db5a89249363101621a87ff76"><img id="sigplus_bb2c5b2db5a89249363101621a87ff76_img0027" width="200" height="133" src="../../../../../cache/thumbs/a758f8aa0954c0431cc52a2f0ee1278d.jpg" longdesc="../../../../../cache/preview/c819cde851a4902677c6e143cad46b7e.jpg" alt=""/></a></li><li><a href="../../../../../images/jebu2013/IMG_3019.jpg" rel="boxplus-sigplus_bb2c5b2db5a89249363101621a87ff76"><img id="sigplus_bb2c5b2db5a89249363101621a87ff76_img0028" width="133" height="200" src="../../../../../cache/thumbs/d1b8f825ddfaa9c7d868b8300c171df0.jpg" longdesc="../../../../../cache/preview/c62b66f976c48650b69b60c4f7064d36.jpg" alt=""/></a></li><li><a href="../../../../../images/jebu2013/IMG_3021.jpg" rel="boxplus-sigplus_bb2c5b2db5a89249363101621a87ff76"><img id="sigplus_bb2c5b2db5a89249363101621a87ff76_img0029" width="133" height="200" src="../../../../../cache/thumbs/2f4c904817e1245bf0d4f904bf3c93f4.jpg" longdesc="../../../../../cache/preview/51f0695f02120f9193a5b9ecea1be060.jpg" alt=""/></a></li><li><a href="../../../../../images/jebu2013/IMG_3022.jpg" rel="boxplus-sigplus_bb2c5b2db5a89249363101621a87ff76"><img id="sigplus_bb2c5b2db5a89249363101621a87ff76_img0030" width="133" height="200" src="../../../../../cache/thumbs/708ef4ed8f4bac19f695129c12e40712.jpg" longdesc="../../../../../cache/preview/048f9806db8b8a30e2fdec0f1ff62f0a.jpg" alt=""/></a></li><li><a href="../../../../../images/jebu2013/IMG_3025.jpg" rel="boxplus-sigplus_bb2c5b2db5a89249363101621a87ff76"><img id="sigplus_bb2c5b2db5a89249363101621a87ff76_img0031" width="200" height="133" src="../../../../../cache/thumbs/f542e8c1a2bc7dfdf1bdb83d0057a28d.jpg" longdesc="../../../../../cache/preview/7ed211f35a545117f37178bb1b8f5538.jpg" alt=""/></a></li><li><a href="../../../../../images/jebu2013/IMG_3034.jpg" rel="boxplus-sigplus_bb2c5b2db5a89249363101621a87ff76"><img id="sigplus_bb2c5b2db5a89249363101621a87ff76_img0032" width="200" height="133" src="../../../../../cache/thumbs/c253209ff762c51905120c32d50b7cb6.jpg" longdesc="../../../../../cache/preview/591cedf79a9ed05bbd13f07b630eb74c.jpg" alt=""/></a></li><li><a href="../../../../../images/jebu2013/IMG_3057.jpg" rel="boxplus-sigplus_bb2c5b2db5a89249363101621a87ff76"><img id="sigplus_bb2c5b2db5a89249363101621a87ff76_img0033" width="200" height="133" src="../../../../../cache/thumbs/36a70ba4f028e0df6179b2d01cb3374d.jpg" longdesc="../../../../../cache/preview/bef077bfa28c52316ca17e809fa37713.jpg" alt=""/></a></li><li><a href="../../../../../images/jebu2013/IMG_3059.jpg" rel="boxplus-sigplus_bb2c5b2db5a89249363101621a87ff76"><img id="sigplus_bb2c5b2db5a89249363101621a87ff76_img0034" width="200" height="133" src="../../../../../cache/thumbs/55492ca802b5b73678638a5bb27f0543.jpg" longdesc="../../../../../cache/preview/3ffda5ed906db3e451453823d9826606.jpg" alt=""/></a></li><li><a href="../../../../../images/jebu2013/IMG_3061.jpg" rel="boxplus-sigplus_bb2c5b2db5a89249363101621a87ff76"><img id="sigplus_bb2c5b2db5a89249363101621a87ff76_img0035" width="200" height="133" src="../../../../../cache/thumbs/ded4bd5476dbde38708bc2da7cf9ab2c.jpg" longdesc="../../../../../cache/preview/486c48d787772a16008551b77ecbbd5d.jpg" alt=""/></a></li><li><a href="../../../../../images/jebu2013/IMG_3062.jpg" rel="boxplus-sigplus_bb2c5b2db5a89249363101621a87ff76"><img id="sigplus_bb2c5b2db5a89249363101621a87ff76_img0036" width="200" height="133" src="../../../../../cache/thumbs/7027f447826b81e6d63848eac300c2e0.jpg" longdesc="../../../../../cache/preview/257a77dd869dba259e4e5dc6809b506f.jpg" alt=""/></a></li><li><a href="../../../../../images/jebu2013/IMG_3063.jpg" rel="boxplus-sigplus_bb2c5b2db5a89249363101621a87ff76"><img id="sigplus_bb2c5b2db5a89249363101621a87ff76_img0037" width="200" height="133" src="../../../../../cache/thumbs/ee7dd079ceb55c8acbce9d55708662ae.jpg" longdesc="../../../../../cache/preview/6f6d849c829fb517f4b46e750c65ef91.jpg" alt=""/></a></li><li><a href="../../../../../images/jebu2013/IMG_3065.jpg" rel="boxplus-sigplus_bb2c5b2db5a89249363101621a87ff76"><img id="sigplus_bb2c5b2db5a89249363101621a87ff76_img0038" width="133" height="200" src="../../../../../cache/thumbs/008b9d75bf0947c2dab1abb086bb34a3.jpg" longdesc="../../../../../cache/preview/b79297856668109144c17000e18f165e.jpg" alt=""/></a></li><li><a href="../../../../../images/jebu2013/IMG_3066.jpg" rel="boxplus-sigplus_bb2c5b2db5a89249363101621a87ff76"><img id="sigplus_bb2c5b2db5a89249363101621a87ff76_img0039" width="200" height="133" src="../../../../../cache/thumbs/827a9e32f1ce2b4dcd53c9ede0c1e3f8.jpg" longdesc="../../../../../cache/preview/922d68ac6f4255a72e9531df9b28c812.jpg" alt=""/></a></li><li><a href="../../../../../images/jebu2013/IMG_3072.jpg" rel="boxplus-sigplus_bb2c5b2db5a89249363101621a87ff76"><img id="sigplus_bb2c5b2db5a89249363101621a87ff76_img0040" width="200" height="133" src="../../../../../cache/thumbs/4afd166a315b02378c2cdceb5968e8b2.jpg" longdesc="../../../../../cache/preview/2125c28572fed2858e541640ec62a221.jpg" alt=""/></a></li><li><a href="../../../../../images/jebu2013/IMG_3073.jpg" rel="boxplus-sigplus_bb2c5b2db5a89249363101621a87ff76"><img id="sigplus_bb2c5b2db5a89249363101621a87ff76_img0041" width="200" height="133" src="../../../../../cache/thumbs/a23624a533a4f0ae0f0db63ce3444f96.jpg" longdesc="../../../../../cache/preview/c8087bcfac12bee8043a178a5a203bd6.jpg" alt=""/></a></li><li><a href="../../../../../images/jebu2013/IMG_3074.jpg" rel="boxplus-sigplus_bb2c5b2db5a89249363101621a87ff76"><img id="sigplus_bb2c5b2db5a89249363101621a87ff76_img0042" width="133" height="200" src="../../../../../cache/thumbs/68a719d0ac9d99d29493e76ab706d2ba.jpg" longdesc="../../../../../cache/preview/6da05e042e8edc5421fb61aa822fedd1.jpg" alt=""/></a></li><li><a href="../../../../../images/jebu2013/IMG_3075.jpg" rel="boxplus-sigplus_bb2c5b2db5a89249363101621a87ff76"><img id="sigplus_bb2c5b2db5a89249363101621a87ff76_img0043" width="133" height="200" src="../../../../../cache/thumbs/e0a1c934eb55bfc9ce5c765c1523ce87.jpg" longdesc="../../../../../cache/preview/849b94550bf581c8fce1d6af8e06da52.jpg" alt=""/></a></li><li><a href="../../../../../images/jebu2013/IMG_3076.jpg" rel="boxplus-sigplus_bb2c5b2db5a89249363101621a87ff76"><img id="sigplus_bb2c5b2db5a89249363101621a87ff76_img0044" width="133" height="200" src="../../../../../cache/thumbs/75d2f8b575bad115c207b549cadf0ce3.jpg" longdesc="../../../../../cache/preview/e4703a643262f483f91737c78994d296.jpg" alt=""/></a></li><li><a href="../../../../../images/jebu2013/IMG_3078.jpg" rel="boxplus-sigplus_bb2c5b2db5a89249363101621a87ff76"><img id="sigplus_bb2c5b2db5a89249363101621a87ff76_img0045" width="133" height="200" src="../../../../../cache/thumbs/83e8b59d98cae812b460946b499b765b.jpg" longdesc="../../../../../cache/preview/07b687bee7ae47fdf2f8771d6787b656.jpg" alt=""/></a></li><li><a href="../../../../../images/jebu2013/IMG_3079.jpg" rel="boxplus-sigplus_bb2c5b2db5a89249363101621a87ff76"><img id="sigplus_bb2c5b2db5a89249363101621a87ff76_img0046" width="133" height="200" src="../../../../../cache/thumbs/d514b22b51d8763f39179a1510187fad.jpg" longdesc="../../../../../cache/preview/7529fed22fc25c88007d21e55a9ef453.jpg" alt=""/></a></li><li><a href="../../../../../images/jebu2013/IMG_3084.jpg" rel="boxplus-sigplus_bb2c5b2db5a89249363101621a87ff76"><img id="sigplus_bb2c5b2db5a89249363101621a87ff76_img0047" width="200" height="133" src="../../../../../cache/thumbs/fd2cbd1242ff948187b0d262d62bf010.jpg" longdesc="../../../../../cache/preview/64f3e05181338fc1ad05cb8913903529.jpg" alt=""/></a></li><li><a href="../../../../../images/jebu2013/IMG_3087.jpg" rel="boxplus-sigplus_bb2c5b2db5a89249363101621a87ff76"><img id="sigplus_bb2c5b2db5a89249363101621a87ff76_img0048" width="200" height="133" src="../../../../../cache/thumbs/ff7354ac30c31ea115c04a86ac8edf40.jpg" longdesc="../../../../../cache/preview/536345c4053b9e0b170423f7237f8d35.jpg" alt=""/></a></li><li><a href="../../../../../images/jebu2013/IMG_3092.jpg" rel="boxplus-sigplus_bb2c5b2db5a89249363101621a87ff76"><img id="sigplus_bb2c5b2db5a89249363101621a87ff76_img0049" width="133" height="200" src="../../../../../cache/thumbs/c47044e0861699a8451e451ce4674b00.jpg" longdesc="../../../../../cache/preview/f904a7539f52a5c046d45738b8c2b27c.jpg" alt=""/></a></li><li><a href="../../../../../images/jebu2013/IMG_3094.jpg" rel="boxplus-sigplus_bb2c5b2db5a89249363101621a87ff76"><img id="sigplus_bb2c5b2db5a89249363101621a87ff76_img0050" width="200" height="133" src="../../../../../cache/thumbs/14c783ce69b075ef43dcedc357c2e4aa.jpg" longdesc="../../../../../cache/preview/2bc481f5c12d0ea0ede79fc8f6466369.jpg" alt=""/></a></li><li><a href="../../../../../images/jebu2013/IMG_3098.jpg" rel="boxplus-sigplus_bb2c5b2db5a89249363101621a87ff76"><img id="sigplus_bb2c5b2db5a89249363101621a87ff76_img0051" width="200" height="133" src="../../../../../cache/thumbs/6d2f9f8e32fcc3baf4775180188266f3.jpg" longdesc="../../../../../cache/preview/afc146db4fa331d0ad8aef30f82a93cd.jpg" alt=""/></a></li><li><a href="../../../../../images/jebu2013/IMG_3099.jpg" rel="boxplus-sigplus_bb2c5b2db5a89249363101621a87ff76"><img id="sigplus_bb2c5b2db5a89249363101621a87ff76_img0052" width="200" height="133" src="../../../../../cache/thumbs/2eb0f6b054bba05ec973769a24ac9dfb.jpg" longdesc="../../../../../cache/preview/45b5241f444d7268744da1eb21d1a365.jpg" alt=""/></a></li><li><a href="../../../../../images/jebu2013/IMG_3104.jpg" rel="boxplus-sigplus_bb2c5b2db5a89249363101621a87ff76"><img id="sigplus_bb2c5b2db5a89249363101621a87ff76_img0053" width="200" height="133" src="../../../../../cache/thumbs/935e20a22b00e2c044ddd809d8dbd77f.jpg" longdesc="../../../../../cache/preview/4ae83f31418c1ed8d1fa67b8e09f7dd9.jpg" alt=""/></a></li><li><a href="../../../../../images/jebu2013/IMG_3106.jpg" rel="boxplus-sigplus_bb2c5b2db5a89249363101621a87ff76"><img id="sigplus_bb2c5b2db5a89249363101621a87ff76_img0054" width="133" height="200" src="../../../../../cache/thumbs/8cb11f8aec7c65c0ff3fa8486209ced6.jpg" longdesc="../../../../../cache/preview/2ed79e5bccb04c03aba4f8fa0cced62f.jpg" alt=""/></a></li><li><a href="../../../../../images/jebu2013/IMG_3107.jpg" rel="boxplus-sigplus_bb2c5b2db5a89249363101621a87ff76"><img id="sigplus_bb2c5b2db5a89249363101621a87ff76_img0055" width="133" height="200" src="../../../../../cache/thumbs/7e11af5fc40bf18ff0680ed294f0214b.jpg" longdesc="../../../../../cache/preview/732fa060d75bdea8c0dff27ce332c60b.jpg" alt=""/></a></li><li><a href="../../../../../images/jebu2013/IMG_3108.jpg" rel="boxplus-sigplus_bb2c5b2db5a89249363101621a87ff76"><img id="sigplus_bb2c5b2db5a89249363101621a87ff76_img0056" width="200" height="133" src="../../../../../cache/thumbs/9b483c84f0e0b9b6041c1dafebce0988.jpg" longdesc="../../../../../cache/preview/bfe459c19f9948332e56b26363471ae9.jpg" alt=""/></a></li><li><a href="../../../../../images/jebu2013/IMG_3110.jpg" rel="boxplus-sigplus_bb2c5b2db5a89249363101621a87ff76"><img id="sigplus_bb2c5b2db5a89249363101621a87ff76_img0057" width="200" height="133" src="../../../../../cache/thumbs/811a88de03c4d803e2c137a48ac5bbda.jpg" longdesc="../../../../../cache/preview/1a08929d713ba5ba59a4d6a26b94dad0.jpg" alt=""/></a></li><li><a href="../../../../../images/jebu2013/IMG_3111.jpg" rel="boxplus-sigplus_bb2c5b2db5a89249363101621a87ff76"><img id="sigplus_bb2c5b2db5a89249363101621a87ff76_img0058" width="200" height="133" src="../../../../../cache/thumbs/e7b2c873ca76bbf738b863ee4d27dae0.jpg" longdesc="../../../../../cache/preview/a366d46bb34256a4e90c3c8074ac7a4a.jpg" alt=""/></a></li><li><a href="../../../../../images/jebu2013/IMG_3114.jpg" rel="boxplus-sigplus_bb2c5b2db5a89249363101621a87ff76"><img id="sigplus_bb2c5b2db5a89249363101621a87ff76_img0059" width="200" height="133" src="../../../../../cache/thumbs/4481393fdc08ec218d20f3fe06a16db4.jpg" longdesc="../../../../../cache/preview/6c267b2e6f5535d83d59c52214f92a47.jpg" alt=""/></a></li><li><a href="../../../../../images/jebu2013/IMG_3143.jpg" rel="boxplus-sigplus_bb2c5b2db5a89249363101621a87ff76"><img id="sigplus_bb2c5b2db5a89249363101621a87ff76_img0060" width="200" height="133" src="../../../../../cache/thumbs/be480a4788604196340ef2d1d3327d99.jpg" longdesc="../../../../../cache/preview/33314f1cc766d6fbb32cbb854dc4a837.jpg" alt=""/></a></li><li><a href="../../../../../images/jebu2013/IMG_3144.jpg" rel="boxplus-sigplus_bb2c5b2db5a89249363101621a87ff76"><img id="sigplus_bb2c5b2db5a89249363101621a87ff76_img0061" width="200" height="133" src="../../../../../cache/thumbs/e7b45b1757cae0fc9f863dd0a9d2db89.jpg" longdesc="../../../../../cache/preview/f89b617878d27952d175b0757f939e59.jpg" alt=""/></a></li><li><a href="../../../../../images/jebu2013/IMG_3145.jpg" rel="boxplus-sigplus_bb2c5b2db5a89249363101621a87ff76"><img id="sigplus_bb2c5b2db5a89249363101621a87ff76_img0062" width="200" height="133" src="../../../../../cache/thumbs/ab96a77de1d2399ff7dc671619dde6cb.jpg" longdesc="../../../../../cache/preview/f350f45ce2301bf87b214061b4a1d191.jpg" alt=""/></a></li><li><a href="../../../../../images/jebu2013/IMG_3146.jpg" rel="boxplus-sigplus_bb2c5b2db5a89249363101621a87ff76"><img id="sigplus_bb2c5b2db5a89249363101621a87ff76_img0063" width="200" height="133" src="../../../../../cache/thumbs/e0a31a291219e6fd1a7ef9eda8deadea.jpg" longdesc="../../../../../cache/preview/40da5b0fc23172d4da0c1670135e8442.jpg" alt=""/></a></li><li><a href="../../../../../images/jebu2013/IMG_3147.jpg" rel="boxplus-sigplus_bb2c5b2db5a89249363101621a87ff76"><img id="sigplus_bb2c5b2db5a89249363101621a87ff76_img0064" width="200" height="133" src="../../../../../cache/thumbs/2d1e8bc08927f813ad6a256eeed04052.jpg" longdesc="../../../../../cache/preview/f2702c0bbd78caf88208274ef2dfdb1c.jpg" alt=""/></a></li></ul></div></p>	</div>

	
							</div>

								</div>
							</div>
														<div id="right" class="column column2">
								<div class="inner clearfix">
											<div class="moduletable">
						

<div class="custom"  >
	<h2 style="line-height: 15.8079996109009px;">Our Services</h2>
<ul style="font-family: Tahoma, Helvetica, Arial, sans-serif; font-size: 12.1599998474121px; line-height: 15.8079996109009px;">
<li><a title="domaine-dz" href="../../../our-services/331-domaine-dz.html">Register undern .dz domain name  </a></li>
<li><a href="../../../our-services/326-enregistrez-votre-nom-de-domaine-sous.html">Register under <strong><span dir="RTL" lang="AR-SA" style="font-size: 7.5pt; line-height: 115%; font-family: Tahoma, sans-serif; color: black; background-image: initial; background-attachment: initial; background-size: initial; background-origin: initial; background-clip: initial; background-position: initial; background-repeat: initial;">لجزائر</span></strong><strong><span style="font-size: 7.5pt; line-height: 115%; font-family: Tahoma, sans-serif; color: black; background-image: initial; background-attachment: initial; background-size: initial; background-origin: initial; background-clip: initial; background-position: initial; background-repeat: initial;"> .</span></strong> domain name</a></li>
<li><a title="ARN" href="../../../our-services/327-arn.html">Join the ARN network</a></li>
<li><a title="issn" href="../../../our-services/328-centre-national-algerien-de-l-issn.html">Apply for an  ISSN</a></li>
<li><a title="pnst" href="../../../our-services/329-signalez-vos-sujets-de-these-en-cours.html">Notify your ongoning research projects</a></li>
<li><a title="manifestation " href="../../../our-services/330-signalez-vos-manifestations-scientifiques.html">Submit a scientific manifestation</a></li>
</ul></div>
		</div>
	
								</div>
							</div>
							
				</div>
			</div>
			<div class="clr"></div>
		</div>
	</div>
		<div id="modulesbottom">
		<div class="inner clearfix n4">
						<div id="modulesbottommod1" class="flexiblemodule ">
				<div class="inner clearfix">
							<div class="moduletable">
						

<div class="custom"  >
	<h2><span style="color: #00ccff;"><span style="color: white;"><span style="color: black;"><span style="color: #39497f;"><span style="color: white;"><span style="color: white;"><span style="color: white;"><span style="color: black;"><span style="color: white;">Trainings  </span></span></span></span></span></span></span></span></span></h2>
<p><span style="color: black;"><span style="color: white;"><span style="color: white;"><span style="color: white;"><span style="color: black;"><span style="color: white;"> </span></span></span></span></span></span></p>
<p><strong><a title="ntic,informatique ,réseautique" href="../../../formations-en/376-formations-qualifiantes.html"><span style="color: #00ccff;"><span style="color: white;"><span style="color: black;"><span style="color: #036c9e;"><span style="color: white;"><span style="color: white;"><span style="color: white;"><span style="color: black;"><b><span style="color: white;">Skills training</span></b></span></span></span></span></span></span></span><span style="color: black;"><span style="color: #036c9e;"><span style="color: white;"><span style="color: white;"><span style="color: white;"><span style="color: black;"><span style="color: white;"><b> </b></span></span></span></span></span></span></span></span></a></strong></p>
<p><span style="color: black;"><span style="color: #036c9e;"><span style="color: white;"><span style="color: white;"><span style="color: white;"><span style="color: black;"><span style="color: white;">[computer science, networking, NTIC, information science]</span></span></span></span></span></span></span></p>
<p><span style="color: black;"><span style="color: white;"><span style="color: white;"><span style="color: white;"><span style="color: black;"><span style="color: white;"> </span></span></span></span></span></span></p>
<p><a title="Formation  diplômantes" href="../../../formations-en/375-formations-diplomantes.html"><span style="color: white;"><b><span style="color: white;"><span style="color: black;"><span style="color: white;">Trainings leading to qualification </span></span></span></b></span></a></p>
<p><a title="PGS/IST" href="http://formation.cerist.dz/fdsysinfo.php" target="_blank"><span style="color: #00ccff;"><span style="color: white;"><span style="color: black;"><span style="color: #036c9e;"><span style="color: white;"><span style="color: white;"><span style="color: white;"><span style="color: black;"><span style="color: white;">PGS/IST</span></span></span></span></span></span></span></span></span></a><span style="color: white;"><span style="color: black;"><span style="color: #036c9e;"><span style="color: white;"><span style="color: white;"><span style="color: white;"><span style="color: black;"><span style="color: white;">, </span></span></span></span></span></span></span></span><a title="PGS/SI" href="http://formation.cerist.dz/fdsecinfo.php" target="_blank"><span style="color: #00ccff;"><span style="color: white;"><span style="color: black;"><span style="color: #036c9e;"><span style="color: white;"><span style="color: white;"><span style="color: white;"><span style="color: black;"><span style="color: white;">PGS/SI</span></span></span></span></span></span></span></span></span></a></p>
<p><span style="color: white;"><span style="color: white;"><span style="color: black;"><span style="color: black;"> </span></span></span></span></p>
<p><span style="color: white;"><span style="color: black;"><span style="color: black;"> </span></span></span></p>
<p><span style="color: black;"> </span></p>
<p> </p>
<p> </p></div>
		</div>
	
				</div>
			</div>
									<div id="modulesbottommod2" class="flexiblemodule ">
				<div class="inner clearfix">
							<div class="moduletable">
						

<div class="custom"  >
	<h2><span style="color: white;"><span style="color: black;"><span style="color: white;"> </span></span></span><span style="color: #00ccff;"><span style="color: white;"><span style="color: black;"><span style="color: #39497f;"><span style="color: white;">Products and software</span></span></span></span></span></h2>
<p><a title="SYNGEB" href="../../../products-and-software/884-syngeb.html"><span style="color: #00ccff;"><span style="color: white;"><span style="color: black;"><span style="color: #036c9e;"><span style="color: white;">SYNGEB</span></span></span></span></span></a></p>
<p><a title="Al manhal" href="../../../produits-logiciels-en-2/880-al-manhal.html"><span style="color: #00ccff;"><span style="color: white;"><span style="color: black;"><span style="color: #036c9e;"><span style="color: white;">Al manhal</span></span></span></span></span></a></p>
<p><a title="Gescol" href="../../../products-and-software/882-gescol.html"><span style="color: #00ccff;"><span style="color: white;"><span style="color: black;"><span style="color: #036c9e;"><span style="color: white;">GESCOL</span></span></span></span></span></a></p>
<p><a title="Miftah" href="../../../products-and-software/894-miftah.html"><span style="color: #00ccff;"><span style="color: white;"><span style="color: black;"><span style="color: #036c9e;"><span style="color: white;">MIFTAAH</span></span></span></span></span></a></p>
<p><span style="color: white;"><span style="color: black;"><span style="color: #036c9e;"><span style="color: white;">ReMute</span></span></span></span></p>
<p><a title="ClasSeman" href="../../../products-and-software/883-classeman.html"><span style="color: white;"><span style="color: black;"><span style="color: #036c9e;"><span style="color: white;">ClasSeman</span></span></span></span></a></p>
<p><a title="ProFilter" href="../../../products-and-software/893-profilter.html"><span style="color: white;"><span style="color: black;"><span style="color: #036c9e;"><span style="color: white;">ProFilter</span></span></span></span></a></p>
<p><a title="PMR" href="../../../products-and-software/885-pmr.html"><span style="color: white;"><span style="color: black;"><span style="color: #036c9e;"><span style="color: white;">PMR</span></span></span></span></a></p>
<p><a title="EL-MOUGHITH" href="../../../products-and-software/881-el-moughith.html"><span style="color: white;"><span style="color: black;"><span style="color: #036c9e;"><span style="color: white;">EL-MOUGHITH</span></span></span></span></a></p>
<p> </p>
<p> </p>
<p> </p></div>
		</div>
	
				</div>
			</div>
									<div id="modulesbottommod3" class="flexiblemodule ">
				<div class="inner clearfix">
							<div class="moduletable">
						

<div class="custom"  >
	<h2><span style="color: #00ccff;"><span style="color: white;"><span style="color: white;"><span style="color: black;"><span style="color: #39497f;"><span style="color: white;">Medias &amp; multimedias</span></span></span></span></span></span></h2>
<p><a title="RIST" href="../../rist-en.html"><span style="color: white;"><span style="color: black;"><span style="color: #036c9e;"><span style="color: white;">RIST</span></span></span></span></a></p>
<p><a title="CERISTNEWS" href="../../bulletins-d-information-interne-en.html"><span style="color: white;"><span style="color: black;"><span style="color: #036c9e;"><span style="color: white;">CERISTNEWS</span></span></span></span></a></p>
<p><a title="WEBTV " href="http://webtv.cerist.dz/" target="_blank" rel="noopener noreferrer"><span style="color: white;"><span style="color: black;"><span style="color: #036c9e;"><span style="color: white;">WEBTV </span></span></span></span></a></p>
<p><span style="color: #00ccff;"><span style="color: white;"><span style="color: white;"><span style="color: black;"><span style="color: #036c9e;"><span style="color: white;">Video library</span></span></span></span></span></span></p>
<p><a title="Photothèque" href="../../photo-library.html"><span style="color: white;"><span style="color: black;"><span style="color: #036c9e;"><span style="color: white;">Photo library</span></span></span></span></a></p>
<p><a href="../../cerist-en-livret-en.html"><span style="color: white;"><span style="color: black;"><span style="color: #036c9e;"><span style="color: white;">Booklet</span></span></span></span></a></p>
<p><a href="../../revue-de-presse-en.html"><span style="color: white;">Press review</span></a></p>
<p><a title="Conseils Sécurité" href="../../conseil-securite-en.html"><span style="color: white;">Information Security Advice  </span></a></p>
<p><a style="color: #0000cc; text-decoration: underline; font-size: 12.16px;" title="Recueil de textes de coopération " href="../../1152-recueil-de-textes-de-cooperation-en.html"><span style="color: white;">Recueil de textes de coopération</span></a></p>
<p> </p>
<p> </p>
<p> </p></div>
		</div>
	
				</div>
			</div>
									<div id="modulesbottommod4" class="flexiblemodule ">
				<div class="inner clearfix">
							<div class="moduletable">
						

<div class="custom"  >
	<h2><span style="color: white;"><span style="color: white;"><span style="color: black;"><span style="color: #39497f;"><span style="color: white;">Portals</span></span></span></span></span></h2>
<p><a title="ARN" href="../../../portails-2/325-arn.html"><span style="color: white;"><span style="color: black;"><span style="color: #036c9e;"><span style="color: white;">ARN</span></span></span></span></a></p>
<p><a title="PNCI " href="../../../portails-2/1112-pnci-en.html"><span style="color: white;"><span style="color: black;"><span style="color: #036c9e;"><span style="color: white;">PNCI</span></span></span></span></a></p>
<p><a title="PNST " href="../../../portails-2/324-pnst.html"><span style="color: white;"><span style="color: black;"><span style="color: #036c9e;"><span style="color: white;">PNST </span></span></span></span></a></p>
<p><a title="SNDL" href="../../../portails-2/809-sndl.html"><span style="color: white;"><span style="color: black;"><span style="color: #036c9e;"><span style="color: white;">SNDL</span></span></span></span></a></p>
<p><a href="../../../portails-2/323-nic-dz.html"><span style="color: white;"><span style="color: white;"><span style="color: black;"><span style="color: #036c9e;"><span style="color: white;">NIC-DZ</span></span></span></span><span style="color: white;"><span style="color: black;"><span style="color: #036c9e;"><span style="color: white;"> </span></span></span></span></span></a></p>
<p><a title="WebTV " href="http://webtv.cerist.dz/" target="_blank" rel="noopener noreferrer"><span style="color: white;"><span style="color: black;"><span style="color: #036c9e;"><span style="color: white;">WebTV </span></span></span></span></a></p>
<p><a title="Wissal " href="../../../portails-2/321-wissal.html"><span style="color: white;"><span style="color: black;"><span style="color: #036c9e;"><span style="color: white;">Wissal </span></span></span></span></a></p>
<p><a title="Freesoft " href="../../../portails-2/320-freesoft.html"><span style="color: white;"><span style="color: black;"><span style="color: #036c9e;"><span style="color: white;">Freesoft </span></span></span></span></a></p>
<p><a href="../../../portails-2/318-webreview.html"><span style="color: white;"><span style="color: white;"><span style="color: black;"><span style="color: #036c9e;"><span style="color: white;">WebReview</span></span></span></span><span style="color: white;"><span style="color: black;"><span style="color: #036c9e;"><span style="color: white;"> </span></span></span></span></span></a></p>
<p><a title="CERIST DL " href="../../../portails-2/322-cerist-dl.html"><span style="color: white;"><span style="color: black;"><span style="color: #036c9e;"><span style="color: white;">CERIST DL </span></span></span></span></a></p>
<p><a title="BiblioUniv " href="../../../portails-2/319-bibliouniv.html"><span style="color: white;"><span style="color: black;"><span style="color: #036c9e;"><span style="color: white;">BiblioUniv </span></span></span></span></a></p>
<p><a title="RBdz " href="../../../portails-2/317-rbdz.html"><span style="color: white;"><span style="color: black;"><span style="color: #036c9e;"><span style="color: white;">RBdz </span></span></span></span></a></p>
<p><a title="CCDZ " href="../../../portails-2/807-ccdz.html"><span style="color: white;"><span style="color: black;"><span style="color: #036c9e;"><span style="color: white;">CCDZ </span></span></span></span></a></p></div>
		</div>
	
				</div>
			</div>
									<div class="clr"></div>
		</div>
	</div>
	
		<div id="footer">
		<div class="inner clearfix">
					<div class="moduletable">
						<!--[if lt IE 9]><script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script><script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script><![endif]-->
<link rel="stylesheet" href="../../../../../modules/mod_jf_creativelinkeffects/css/styles.css" type="text/css" media="screen"/>

<link rel="stylesheet" href="../../../../../modules/mod_jf_creativelinkeffects/css/demo.css" type="text/css" media="screen"/>
<link rel="stylesheet" href="../../../../../modules/mod_jf_creativelinkeffects/css/component.css" type="text/css" media="screen"/>

<link rel="stylesheet" href="../../../../fr/index.html" type="text/css" media="screen"/>
<link href="http://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet" type="text/css">
<style>

#gruemenu.grue_235 { background: #1A3867; }
#gruemenu.grue_235 ul li a, #gruemenu.grue_235 #menu-button {font-family: 'Open Sans', Arial, Helvetica, sans-serif ;}
#gruemenu.grue_235 > ul > li > a { color: #ffffff; text-transform:uppercase}
#gruemenu.grue_235 > ul > li:hover > a,
#gruemenu.grue_235 > ul > li > a:hover,
#gruemenu.grue_235 > ul > li.active > a {color: #d1e3fb; background: #11243d;}
#gruemenu.grue_235 ul ul li:hover > a,
#gruemenu.grue_235 ul ul li.active > a {color: #d1e3fb; background: #11243d;}
#gruemenu.grue_235 > ul > li.has-sub > a::after {border-top-color: #ffffff; }
#gruemenu.grue_235 > ul > li.has-sub.active > a::after,
#gruemenu.grue_235 > ul > li.has-sub:hover > a {border-top-color: #d1e3fb;}
#gruemenu.grue_235 > ul > li > ul::after { border-bottom-color: #1A3867}
#gruemenu.grue_235 ul ul ul::after {border-right-color:  #1A3867 }

#gruemenu.grue_235 ul ul li a {color: #d1e3fb; background: #1A3867;}
#gruemenu.grue_235 ul ul li:hover > a,
#gruemenu.grue_235 ul ul li.active > a {color: #d1e3fb;background:#11243d;}
#gruemenu.grue_235 ul ul li.has-sub > a::after {border-left-color: #d1e3fb; }

#gruemenu.grue_235 ul ul li.has-sub.active > a::after,
#gruemenu.grue_235 ul ul li.has-sub:hover > a::after {border-left-color:#d1e3fb; }

#gruemenu.grue_235 #menu-button { color: #ffffff; }

#gruemenu.grue_235 {-webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px;  border-radius: 3px;}
#gruemenu.grue_235 ul li:first-child > a  { border-top-left-radius: 3px; border-bottom-left-radius: 3px;}
#gruemenu.grue_235 ul ul li:first-child > a { border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-left-radius: 0px; border-bottom-right-radius: px;}
#gruemenu.grue_235 ul ul li:last-child > a {border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px;}

#gruemenu.grue_235 #menu-button::after {border-top: 2px solid #ffffff; border-bottom: 2px solid #ffffff; }
#gruemenu.grue_235 #menu-button::before {border-top: 2px solid #ffffff; }






.cl-effect-1 a::before,
.cl-effect-1 a::after {
	display: inline-block;
	opacity: 0;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.2s;
	-moz-transition: -moz-transform 0.3s, opacity 0.2s;
	transition: transform 0.3s, opacity 0.2s;
}

.cl-effect-1 a::before {
	margin-right: 10px;
	content: '[';
	-webkit-transform: translateX(20px);
	-moz-transform: translateX(20px);
	transform: translateX(20px);
}

.cl-effect-1 a::after {
	margin-left: 10px;
	content: ']';
	-webkit-transform: translateX(-20px);
	-moz-transform: translateX(-20px);
	transform: translateX(-20px);
}

.cl-effect-1 a:hover::before,
.cl-effect-1 a:hover::after,
.cl-effect-1 a:focus::before,
.cl-effect-1 a:focus::after {
	opacity: 1;
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	transform: translateX(0px);
}

.cl-effect-2 a {
	line-height: 44px;
	-webkit-perspective: 1000px;
	-moz-perspective: 1000px;
	perspective: 1000px;
}

.cl-effect-2 a span {
	position: relative;
	display: inline-block;
	padding: 0 14px;
	background: #2195de;
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	transition: transform 0.3s;
	-webkit-transform-origin: 50% 0;
	-moz-transform-origin: 50% 0;
	transform-origin: 50% 0;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.csstransforms3d .cl-effect-2 a span::before {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: 100%;
	background: #0965a0;
	content: attr(data-hover);
	-webkit-transition: background 0.3s;
	-moz-transition: background 0.3s;
	transition: background 0.3s;
	-webkit-transform: rotateX(-90deg);
	-moz-transform: rotateX(-90deg);
	transform: rotateX(-90deg);
	-webkit-transform-origin: 50% 0;
	-moz-transform-origin: 50% 0;
	transform-origin: 50% 0;
}

.cl-effect-2 a:hover span,
.cl-effect-2 a:focus span {
	-webkit-transform: rotateX(90deg) translateY(-22px);
	-moz-transform: rotateX(90deg) translateY(-22px);
	transform: rotateX(90deg) translateY(-22px);
}

.csstransforms3d .cl-effect-2 a:hover span::before,
.csstransforms3d .cl-effect-2 a:focus span::before {
	background: #28a2ee;	
}


.cl-effect-3 a {
	padding: 8px 0;
}

.cl-effect-3 a::after {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: 4px;
	background: rgba(0,0,0,0.1);
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
	-moz-transition: opacity 0.3s, -moz-transform 0.3s;
	transition: opacity 0.3s, transform 0.3s;
	-webkit-transform: translateY(10px);
	-moz-transform: translateY(10px);
	transform: translateY(10px);
}

.cl-effect-3 a:hover::after,
.cl-effect-3 a:focus::after {
	opacity: 1;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transform: translateY(0px);
}


.cl-effect-4 a {
	padding: 0 0 10px;
}

.cl-effect-4 a::after {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: 1px;
	background: #fff;
	content: '';
	opacity: 0;
	-webkit-transition: height 0.3s, opacity 0.3s, -webkit-transform 0.3s;
	-moz-transition: height 0.3s, opacity 0.3s, -moz-transform 0.3s;
	transition: height 0.3s, opacity 0.3s, transform 0.3s;
	-webkit-transform: translateY(-10px);
	-moz-transform: translateY(-10px);
	transform: translateY(-10px);
}

.cl-effect-4 a:hover::after,
.cl-effect-4 a:focus::after {
	height: 5px;
	opacity: 1;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transform: translateY(0px);
}


.cl-effect-5 a {
	overflow: hidden;
	padding: 0 4px;
	height: 1em;
}

.cl-effect-5 a span {
	position: relative;
	display: inline-block;
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	transition: transform 0.3s;
}

.cl-effect-5 a span::before {
	position: absolute;
	top: 100%;
	content: attr(data-hover);
	font-weight: 700;
	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

.cl-effect-5 a:hover span,
.cl-effect-5 a:focus span {
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	transform: translateY(-100%);
}


.cl-effect-6 a {
	margin: 0 10px;
	padding: 10px 20px;
}

.cl-effect-6 a::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 2px;
	background: #fff;
	content: '';
	-webkit-transition: top 0.3s;
	-moz-transition: top 0.3s;
	transition: top 0.3s;
}

.cl-effect-6 a::after {
	position: absolute;
	top: 0;
	left: 0;
	width: 2px;
	height: 2px;
	background: #fff;
	content: '';
	-webkit-transition: height 0.3s;
	-moz-transition: height 0.3s;
	transition: height 0.3s;
}

.cl-effect-6 a:hover::before {
	top: 100%;
	opacity: 1;
}

.cl-effect-6 a:hover::after {
	height: 100%;
} 


.cl-effect-7 a {
	padding: 12px 10px 10px;
	color: #566473;
	text-shadow: none;
	font-weight: 700;
}

.cl-effect-7 a::before,
.cl-effect-7 a::after {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: 3px;
	background: #566473;
	content: '';
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	transition: transform 0.3s;
	-webkit-transform: scale(0.85);
	-moz-transform: scale(0.85);
	transform: scale(0.85);
}

.cl-effect-7 a::after {
	opacity: 0;
	-webkit-transition: top 0.3s, opacity 0.3s, -webkit-transform 0.3s;
	-moz-transition: top 0.3s, opacity 0.3s, -moz-transform 0.3s;
	transition: top 0.3s, opacity 0.3s, transform 0.3s;
}

.cl-effect-7 a:hover::before,
.cl-effect-7 a:hover::after,
.cl-effect-7 a:focus::before,
.cl-effect-7 a:focus::after {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	transform: scale(1);
}

.cl-effect-7 a:hover::after,
.cl-effect-7 a:focus::after {
	top: 0%;
	opacity: 1;
}


.cl-effect-8 a {
	padding: 10px 20px;
}

.cl-effect-8 a::before,
.cl-effect-8 a::after  {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 3px solid #354856;
	content: '';
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	-moz-transition: -moz-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
}

.cl-effect-8 a::after  {
	border-color: #fff;
	opacity: 0;
	-webkit-transform: translateY(-7px) translateX(6px);
	-moz-transform: translateY(-7px) translateX(6px);
	transform: translateY(-7px) translateX(6px);
}

.cl-effect-8 a:hover::before,
.cl-effect-8 a:focus::before {
	opacity: 0;
	-webkit-transform: translateY(5px) translateX(-5px);
	-moz-transform: translateY(5px) translateX(-5px);
	transform: translateY(5px) translateX(-5px);
}

.cl-effect-8 a:hover::after,
.cl-effect-8 a:focus::after  {
	opacity: 1;
	-webkit-transform: translateY(0px) translateX(0px);
	-moz-transform: translateY(0px) translateX(0px);
	transform: translateY(0px) translateX(0px);
}

.cl-effect-9 a {
	margin: 0 20px;
	padding: 18px 20px;
}

.cl-effect-9 a::before,
.cl-effect-9 a::after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background: #fff;
	content: '';
	opacity: 0.2;
	-webkit-transition: opacity 0.3s, height 0.3s;
	-moz-transition: opacity 0.3s, height 0.3s;
	transition: opacity 0.3s, height 0.3s;
}

.cl-effect-9 a::after {
	top: 100%;
	opacity: 0;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	-moz-transition: -moz-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
	-webkit-transform: translateY(-10px);
	-moz-transform: translateY(-10px);
	transform: translateY(-10px);
}

.cl-effect-9 a span:first-child {
	z-index: 2;
	display: block;
	font-weight: 300;
}

.cl-effect-9 a span:last-child {
	z-index: 1;
	display: block;
	padding: 8px 0 0 0;
	color: rgba(0,0,0,0.4);
	text-shadow: none;
	text-transform: none;
	font-style: italic;
	font-size: 0.75em;
	font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif;
	opacity: 0;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	-moz-transition: -moz-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	transform: translateY(-100%);
}

.cl-effect-9 a:hover::before,
.cl-effect-9 a:focus::before {
	height: 6px;
}

.cl-effect-9 a:hover::before,
.cl-effect-9 a:hover::after,
.cl-effect-9 a:focus::before,
.cl-effect-9 a:focus::after {
	opacity: 1;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transform: translateY(0px);
}

.cl-effect-9 a:hover span:last-child,
.cl-effect-9 a:focus span:last-child {
	opacity: 1;
	-webkit-transform: translateY(0%);
	-moz-transform: translateY(0%);
	transform: translateY(0%);
}


.cl-effect-10  {
	position: relative;
	z-index: 1;
}

.cl-effect-10 a {
	overflow: hidden;
	margin: 0 15px;
}

.cl-effect-10 a span {
	display: block;
	padding: 10px 20px;
	background: #0f7c67;
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	transition: transform 0.3s;
}

.cl-effect-10 a::before {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	padding: 10px 20px;
	width: 100%;
	height: 100%;
	background: #fff;
	color: #0f7c67;
	content: attr(data-hover);
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	transition: transform 0.3s;
	-webkit-transform: translateX(-25%);
}

.cl-effect-10 a:hover span,
.cl-effect-10 a:focus span {
	-webkit-transform: translateX(100%);
	-moz-transform: translateX(100%);
	transform: translateX(100%);
}

.cl-effect-10 a:hover::before,
.cl-effect-10 a:focus::before {
	-webkit-transform: translateX(0%);
	-moz-transform: translateX(0%);
	transform: translateX(0%);
}


.cl-effect-11 a {
	padding: 10px 0;
	border-top: 2px solid #0972b4;
	color: #0972b4;
	text-shadow: none;
} 

.cl-effect-11 a::before {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	padding: 10px 0;
	max-width: 0;
	border-bottom: 2px solid #fff;
	color: #fff;
	content: attr(data-hover);
	-webkit-transition: max-width 0.5s;
	-moz-transition: max-width 0.5s;
	transition: max-width 0.5s;
}

.cl-effect-11 a:hover::before,
.cl-effect-11 a:focus::before {
	max-width: 100%;
}


.cl-effect-12 a::before,
.cl-effect-12 a::after {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100px;
	height: 100px;
	border: 2px solid rgba(0,0,0,0.1);
	border-radius: 50%;
	content: '';
	opacity: 0;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	-moz-transition: -moz-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
	-webkit-transform: translateX(-50%) translateY(-50%) scale(0.2);
	-moz-transform: translateX(-50%) translateY(-50%) scale(0.2);
	transform: translateX(-50%) translateY(-50%) scale(0.2);
}

.cl-effect-12 a::after {
	width: 90px;
	height: 90px;
	border-width: 6px;
	-webkit-transform: translateX(-50%) translateY(-50%) scale(0.8);
	-moz-transform: translateX(-50%) translateY(-50%) scale(0.8);
	transform: translateX(-50%) translateY(-50%) scale(0.8);
}

.cl-effect-12 a:hover::before,
.cl-effect-12 a:hover::after,
.cl-effect-12 a:focus::before,
.cl-effect-12 a:focus::after {
	opacity: 1;
	-webkit-transform: translateX(-50%) translateY(-50%) scale(1);
	-moz-transform: translateX(-50%) translateY(-50%) scale(1);
	transform: translateX(-50%) translateY(-50%) scale(1);
}


.cl-effect-13 a {
	-webkit-transition: color 0.3s;
	-moz-transition: color 0.3s;
	transition: color 0.3s;
}

.cl-effect-13 a::before {
	position: absolute;
	top: 100%;
	left: 50%;
	color: transparent;
	content: '•';
	text-shadow: 0 0 transparent;
	font-size: 1.2em;
	-webkit-transition: text-shadow 0.3s, color 0.3s;
	-moz-transition: text-shadow 0.3s, color 0.3s;
	transition: text-shadow 0.3s, color 0.3s;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	transform: translateX(-50%);
	pointer-events: none;
}

.cl-effect-13 a:hover::before,
.cl-effect-13 a:focus::before {
	color: #fff;
	text-shadow: 10px 0 #fff, -10px 0 #fff;
}

.cl-effect-13 a:hover,
.cl-effect-13 a:focus {
	color: #ba7700;
}


.cl-effect-14 a {
	padding: 0 20px;
	height: 45px;
	line-height: 45px;
}

.cl-effect-14 a::before,
.cl-effect-14 a::after {
	position: absolute;
	width: 45px;
	height: 2px;
	background: #fff;
	content: '';
	opacity: 0.2;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	pointer-events: none;
}

.cl-effect-14 a::before {
	top: 0;
	left: 0;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	transform: rotate(90deg);
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	transform-origin: 0 0;
}

.cl-effect-14 a::after {
	right: 0;
	bottom: 0;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	transform: rotate(90deg);
	-webkit-transform-origin: 100% 0;
	-moz-transform-origin: 100% 0;
	transform-origin: 100% 0;
}

.cl-effect-14 a:hover::before,
.cl-effect-14 a:hover::after,
.cl-effect-14 a:focus::before,
.cl-effect-14 a:focus::after {
	opacity: 1;
}

.cl-effect-14 a:hover::before,
.cl-effect-14 a:focus::before {
	left: 50%;
	-webkit-transform: rotate(0deg) translateX(-50%);
	-moz-transform: rotate(0deg) translateX(-50%);
	transform: rotate(0deg) translateX(-50%);
}

.cl-effect-14 a:hover::after,
.cl-effect-14 a:focus::after {
	right: 50%;
	-webkit-transform: rotate(0deg) translateX(50%);
	-moz-transform: rotate(0deg) translateX(50%);
	transform: rotate(0deg) translateX(50%);
}


.cl-effect-15 a {
	color: rgba(0,0,0,0.2);
	font-weight: 700;
	text-shadow: none;
}

.cl-effect-15 a::before {
	color: #fff;
	content: attr(data-hover);
	position: absolute;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	-moz-transition: -moz-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
}

.cl-effect-15 a:hover::before,
.cl-effect-15 a:focus::before {
	-webkit-transform: scale(0.9);
	-moz-transform: scale(0.9);
	transform: scale(0.9);
	opacity: 0;
}


.cl-effect-16 a {
	color: #6f8686;
	text-shadow: 0 0 1px rgba(111,134,134,0.3);
}

.cl-effect-16 a::before {
	color: #fff;
	content: attr(data-hover);
	position: absolute;
	opacity: 0;
	text-shadow: 0 0 1px rgba(255,255,255,0.3);
	-webkit-transform: scale(1.1) translateX(10px) translateY(-10px) rotate(4deg);
	-moz-transform: scale(1.1) translateX(10px) translateY(-10px) rotate(4deg);
	transform: scale(1.1) translateX(10px) translateY(-10px) rotate(4deg);
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	-moz-transition: -moz-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
	pointer-events: none;
}

.cl-effect-16 a:hover::before,
.cl-effect-16 a:focus::before {
	-webkit-transform: scale(1) translateX(0px) translateY(0px) rotate(0deg);
	-moz-transform: scale(1) translateX(0px) translateY(0px) rotate(0deg);
	transform: scale(1) translateX(0px) translateY(0px) rotate(0deg);
	opacity: 1;
}


.cl-effect-17 a {
	color: #10649b;
	text-shadow: none;
	padding: 10px 0;
}

.cl-effect-17 a::before {
	color: #fff;
	text-shadow: 0 0 1px rgba(255,255,255,0.3);
	content: attr(data-hover);
	position: absolute;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	-moz-transition: -moz-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
	pointer-events: none;
}

.cl-effect-17 a::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 2px;
	background: #fff;
	opacity: 0;
	-webkit-transform: translateY(5px);
	-moz-transform: translateY(5px);
	transform: translateY(5px);
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	-moz-transition: -moz-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
	pointer-events: none;
}

.cl-effect-17 a:hover::before,
.cl-effect-17 a:focus::before {
	opacity: 0;
	-webkit-transform: translateY(-2px);
	-moz-transform: translateY(-2px);
	transform: translateY(-2px);
}

.cl-effect-17 a:hover::after,
.cl-effect-17 a:focus::after {
	opacity: 1;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transform: translateY(0px);
}


.cl-effect-18 {
	position: relative;
	z-index: 1;
}

.cl-effect-18 a {
	padding: 0 5px;
	color: #b4770d;
	font-weight: 700;
	-webkit-transition: color 0.3s;
	-moz-transition: color 0.3s;
	transition: color 0.3s;
}

.cl-effect-18 a::before,
.cl-effect-18 a::after {
	position: absolute;
	width: 100%;
	left: 0;
	top: 50%;
	height: 2px;
	margin-top: -1px;
	background: #b4770d;
	content: '';
	z-index: -1;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	-moz-transition: -moz-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
	pointer-events: none;
}

.cl-effect-18 a::before {
	-webkit-transform: translateY(-20px);
	-moz-transform: translateY(-20px);
	transform: translateY(-20px);
}

.cl-effect-18 a::after {
	-webkit-transform: translateY(20px);
	-moz-transform: translateY(20px);
	transform: translateY(20px);
}

.cl-effect-18 a:hover,
.cl-effect-18 a:focus {
	color: #fff;
}

.cl-effect-18 a:hover::before,
.cl-effect-18 a:hover::after,
.cl-effect-18 a:focus::before,
.cl-effect-18 a:focus::after {
	opacity: 0.7;
}

.cl-effect-18 a:hover::before,
.cl-effect-18 a:focus::before {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg);
}

.cl-effect-18 a:hover::after,
.cl-effect-18 a:focus::after {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	transform: rotate(-45deg);
}


.cl-effect-19 a {
	line-height: 2em;
	margin: 15px;
	-webkit-perspective: 800px;
	-moz-perspective: 800px;
	perspective: 800px;
	width: 200px;
}

.cl-effect-19 a span {
	position: relative;
	display: inline-block;
	width: 100%;
	padding: 0 14px;
	background: #e35041;
	-webkit-transition: -webkit-transform 0.4s, background 0.4s;
	-moz-transition: -moz-transform 0.4s, background 0.4s;
	transition: transform 0.4s, background 0.4s;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform-origin: 50% 50% -100px;
	-moz-transform-origin: 50% 50% -100px;
	transform-origin: 50% 50% -100px;
}

.csstransforms3d .cl-effect-19 a span::before {
	position: absolute;
	top: 0;
	left: 100%;
	width: 100%;
	height: 100%;
	background: #b53a2d;
	content: attr(data-hover);
	-webkit-transition: background 0.4s;
	-moz-transition: background 0.4s;
	transition: background 0.4s;
	-webkit-transform: rotateY(90deg);
	-moz-transform: rotateY(90deg);
	transform: rotateY(90deg);
	-webkit-transform-origin: 0 50%;
	-moz-transform-origin: 0 50%;
	transform-origin: 0 50%;
	pointer-events: none;
}

.cl-effect-19 a:hover span,
.cl-effect-19 a:focus span {
	background: #b53a2d;
	-webkit-transform: rotateY(-90deg);
	-moz-transform: rotateY(-90deg);
	transform: rotateY(-90deg);
}

.csstransforms3d .cl-effect-19 a:hover span::before,
.csstransforms3d .cl-effect-19 a:focus span::before {
	background: #ef5e50;	
}


.cl-effect-20 a {
	line-height: 2em;
	-webkit-perspective: 800px;
	-moz-perspective: 800px;
	perspective: 800px;
}

.cl-effect-20 a span {
	position: relative;
	display: inline-block;
	padding: 3px 15px 0;
	background: #587285;
	box-shadow: inset 0 3px #2f4351;
	-webkit-transition: background 0.6s;
	-moz-transition: background 0.6s;
	transition: background 0.6s;
	-webkit-transform-origin: 50% 0;
	-moz-transform-origin: 50% 0;
	transform-origin: 50% 0;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform-origin: 0% 50%;
	-moz-transform-origin: 0% 50%;
	transform-origin: 0% 50%;
}

.cl-effect-20 a span::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	color: #2f4351;
	content: attr(data-hover);
	-webkit-transform: rotateX(270deg);
	-moz-transform: rotateX(270deg);
	transform: rotateX(270deg);
	-webkit-transition: -webkit-transform 0.6s;
	-moz-transition: -moz-transform 0.6s;
	transition: transform 0.6s;
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	transform-origin: 0 0;
	pointer-events: none;
}

.cl-effect-20 a:hover span,
.cl-effect-20 a:focus span {
	background: #2f4351;
}

.cl-effect-20 a:hover span::before,
.cl-effect-20 a:focus span::before {
	-webkit-transform: rotateX(10deg);	
	-moz-transform: rotateX(10deg);
	transform: rotateX(10deg);
}

m'
.cl-effect-21 a {
	padding: 10px;
	color: #237546;
	font-weight: 700;
	text-shadow: none;
	-webkit-transition: color 0.3s;
	-moz-transition: color 0.3s;
	transition: color 0.3s;
}

.cl-effect-21 a::before,
.cl-effect-21 a::after {
	position: absolute;
	left: 0;
	width: 100%;
	height: 2px;
	background: #fff;
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
	-moz-transition: opacity 0.3s, -moz-transform 0.3s;
	transition: opacity 0.3s, transform 0.3s;
	-webkit-transform: translateY(-10px);
	-moz-transform: translateY(-10px);
	transform: translateY(-10px);
}

.cl-effect-21 a::before {
	top: 0;
	-webkit-transform: translateY(-10px);
	-moz-transform: translateY(-10px);
	transform: translateY(-10px);
}

.cl-effect-21 a::after {
	bottom: 0;
	-webkit-transform: translateY(10px);
	-moz-transform: translateY(10px);
	transform: translateY(10px);
}

.cl-effect-21 a:hover,
.cl-effect-21 a:focus {
	color: #fff;
}

.cl-effect-21 a:hover::before,
.cl-effect-21 a:focus::before,
.cl-effect-21 a:hover::after,
.cl-effect-21 a:focus::after {
	opacity: 1;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transform: translateY(0px);
}




</style>

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.pack.js"></script>
<script type="text/javascript">
( function( jQuery ) {
jQuery( document ).ready(function() {
jQuery('.grue_235').prepend('<div id="menu-button">Menu bas</div>');
	jQuery('.grue_235 #menu-button').on('click', function(){
		var menu = jQuery(this).next('ul');
		if (menu.hasClass('open')) {
			menu.removeClass('open');
		}
		else {
			menu.addClass('open');
		}
	});
});
} )( jQuery );
</script>
<title>#gruemenu.grue</title>
<div id="gruemenu" class="cl-effect-9 grue_235 ">
<ul >
<li class="item-877"><a href="../../../charte-graphique.html" >Charte graphique</a></li></ul>
</div>

		</div>
			<div class="moduletable">
						<!--[if lt IE 9]><script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script><script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script><![endif]-->
<link rel="stylesheet" href="../../../../../modules/mod_jf_creativelinkeffects/css/styles.css" type="text/css" media="screen"/>

<link rel="stylesheet" href="../../../../../modules/mod_jf_creativelinkeffects/css/demo.css" type="text/css" media="screen"/>
<link rel="stylesheet" href="../../../../../modules/mod_jf_creativelinkeffects/css/component.css" type="text/css" media="screen"/>

<link rel="stylesheet" href="../../../../fr/index.html" type="text/css" media="screen"/>
<link href="http://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet" type="text/css">
<style>

#gruemenu.grue_240 { background: #1A3867; }
#gruemenu.grue_240 ul li a, #gruemenu.grue_240 #menu-button {font-family: 'Open Sans', Arial, Helvetica, sans-serif ;}
#gruemenu.grue_240 > ul > li > a { color: #ffffff; text-transform:uppercase}
#gruemenu.grue_240 > ul > li:hover > a,
#gruemenu.grue_240 > ul > li > a:hover,
#gruemenu.grue_240 > ul > li.active > a {color: #d1e3fb; background: #11243d;}
#gruemenu.grue_240 ul ul li:hover > a,
#gruemenu.grue_240 ul ul li.active > a {color: #d1e3fb; background: #11243d;}
#gruemenu.grue_240 > ul > li.has-sub > a::after {border-top-color: #ffffff; }
#gruemenu.grue_240 > ul > li.has-sub.active > a::after,
#gruemenu.grue_240 > ul > li.has-sub:hover > a {border-top-color: #d1e3fb;}
#gruemenu.grue_240 > ul > li > ul::after { border-bottom-color: #1A3867}
#gruemenu.grue_240 ul ul ul::after {border-right-color:  #1A3867 }

#gruemenu.grue_240 ul ul li a {color: #d1e3fb; background: #1A3867;}
#gruemenu.grue_240 ul ul li:hover > a,
#gruemenu.grue_240 ul ul li.active > a {color: #d1e3fb;background:#11243d;}
#gruemenu.grue_240 ul ul li.has-sub > a::after {border-left-color: #d1e3fb; }

#gruemenu.grue_240 ul ul li.has-sub.active > a::after,
#gruemenu.grue_240 ul ul li.has-sub:hover > a::after {border-left-color:#d1e3fb; }

#gruemenu.grue_240 #menu-button { color: #ffffff; }

#gruemenu.grue_240 {-webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px;  border-radius: 3px;}
#gruemenu.grue_240 ul li:first-child > a  { border-top-left-radius: 3px; border-bottom-left-radius: 3px;}
#gruemenu.grue_240 ul ul li:first-child > a { border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-left-radius: 0px; border-bottom-right-radius: px;}
#gruemenu.grue_240 ul ul li:last-child > a {border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px;}

#gruemenu.grue_240 #menu-button::after {border-top: 2px solid #ffffff; border-bottom: 2px solid #ffffff; }
#gruemenu.grue_240 #menu-button::before {border-top: 2px solid #ffffff; }






.cl-effect-1 a::before,
.cl-effect-1 a::after {
	display: inline-block;
	opacity: 0;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.2s;
	-moz-transition: -moz-transform 0.3s, opacity 0.2s;
	transition: transform 0.3s, opacity 0.2s;
}

.cl-effect-1 a::before {
	margin-right: 10px;
	content: '[';
	-webkit-transform: translateX(20px);
	-moz-transform: translateX(20px);
	transform: translateX(20px);
}

.cl-effect-1 a::after {
	margin-left: 10px;
	content: ']';
	-webkit-transform: translateX(-20px);
	-moz-transform: translateX(-20px);
	transform: translateX(-20px);
}

.cl-effect-1 a:hover::before,
.cl-effect-1 a:hover::after,
.cl-effect-1 a:focus::before,
.cl-effect-1 a:focus::after {
	opacity: 1;
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	transform: translateX(0px);
}

.cl-effect-2 a {
	line-height: 44px;
	-webkit-perspective: 1000px;
	-moz-perspective: 1000px;
	perspective: 1000px;
}

.cl-effect-2 a span {
	position: relative;
	display: inline-block;
	padding: 0 14px;
	background: #2195de;
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	transition: transform 0.3s;
	-webkit-transform-origin: 50% 0;
	-moz-transform-origin: 50% 0;
	transform-origin: 50% 0;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.csstransforms3d .cl-effect-2 a span::before {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: 100%;
	background: #0965a0;
	content: attr(data-hover);
	-webkit-transition: background 0.3s;
	-moz-transition: background 0.3s;
	transition: background 0.3s;
	-webkit-transform: rotateX(-90deg);
	-moz-transform: rotateX(-90deg);
	transform: rotateX(-90deg);
	-webkit-transform-origin: 50% 0;
	-moz-transform-origin: 50% 0;
	transform-origin: 50% 0;
}

.cl-effect-2 a:hover span,
.cl-effect-2 a:focus span {
	-webkit-transform: rotateX(90deg) translateY(-22px);
	-moz-transform: rotateX(90deg) translateY(-22px);
	transform: rotateX(90deg) translateY(-22px);
}

.csstransforms3d .cl-effect-2 a:hover span::before,
.csstransforms3d .cl-effect-2 a:focus span::before {
	background: #28a2ee;	
}


.cl-effect-3 a {
	padding: 8px 0;
}

.cl-effect-3 a::after {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: 4px;
	background: rgba(0,0,0,0.1);
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
	-moz-transition: opacity 0.3s, -moz-transform 0.3s;
	transition: opacity 0.3s, transform 0.3s;
	-webkit-transform: translateY(10px);
	-moz-transform: translateY(10px);
	transform: translateY(10px);
}

.cl-effect-3 a:hover::after,
.cl-effect-3 a:focus::after {
	opacity: 1;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transform: translateY(0px);
}


.cl-effect-4 a {
	padding: 0 0 10px;
}

.cl-effect-4 a::after {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: 1px;
	background: #fff;
	content: '';
	opacity: 0;
	-webkit-transition: height 0.3s, opacity 0.3s, -webkit-transform 0.3s;
	-moz-transition: height 0.3s, opacity 0.3s, -moz-transform 0.3s;
	transition: height 0.3s, opacity 0.3s, transform 0.3s;
	-webkit-transform: translateY(-10px);
	-moz-transform: translateY(-10px);
	transform: translateY(-10px);
}

.cl-effect-4 a:hover::after,
.cl-effect-4 a:focus::after {
	height: 5px;
	opacity: 1;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transform: translateY(0px);
}


.cl-effect-5 a {
	overflow: hidden;
	padding: 0 4px;
	height: 1em;
}

.cl-effect-5 a span {
	position: relative;
	display: inline-block;
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	transition: transform 0.3s;
}

.cl-effect-5 a span::before {
	position: absolute;
	top: 100%;
	content: attr(data-hover);
	font-weight: 700;
	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

.cl-effect-5 a:hover span,
.cl-effect-5 a:focus span {
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	transform: translateY(-100%);
}


.cl-effect-6 a {
	margin: 0 10px;
	padding: 10px 20px;
}

.cl-effect-6 a::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 2px;
	background: #fff;
	content: '';
	-webkit-transition: top 0.3s;
	-moz-transition: top 0.3s;
	transition: top 0.3s;
}

.cl-effect-6 a::after {
	position: absolute;
	top: 0;
	left: 0;
	width: 2px;
	height: 2px;
	background: #fff;
	content: '';
	-webkit-transition: height 0.3s;
	-moz-transition: height 0.3s;
	transition: height 0.3s;
}

.cl-effect-6 a:hover::before {
	top: 100%;
	opacity: 1;
}

.cl-effect-6 a:hover::after {
	height: 100%;
} 


.cl-effect-7 a {
	padding: 12px 10px 10px;
	color: #566473;
	text-shadow: none;
	font-weight: 700;
}

.cl-effect-7 a::before,
.cl-effect-7 a::after {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: 3px;
	background: #566473;
	content: '';
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	transition: transform 0.3s;
	-webkit-transform: scale(0.85);
	-moz-transform: scale(0.85);
	transform: scale(0.85);
}

.cl-effect-7 a::after {
	opacity: 0;
	-webkit-transition: top 0.3s, opacity 0.3s, -webkit-transform 0.3s;
	-moz-transition: top 0.3s, opacity 0.3s, -moz-transform 0.3s;
	transition: top 0.3s, opacity 0.3s, transform 0.3s;
}

.cl-effect-7 a:hover::before,
.cl-effect-7 a:hover::after,
.cl-effect-7 a:focus::before,
.cl-effect-7 a:focus::after {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	transform: scale(1);
}

.cl-effect-7 a:hover::after,
.cl-effect-7 a:focus::after {
	top: 0%;
	opacity: 1;
}


.cl-effect-8 a {
	padding: 10px 20px;
}

.cl-effect-8 a::before,
.cl-effect-8 a::after  {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 3px solid #354856;
	content: '';
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	-moz-transition: -moz-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
}

.cl-effect-8 a::after  {
	border-color: #fff;
	opacity: 0;
	-webkit-transform: translateY(-7px) translateX(6px);
	-moz-transform: translateY(-7px) translateX(6px);
	transform: translateY(-7px) translateX(6px);
}

.cl-effect-8 a:hover::before,
.cl-effect-8 a:focus::before {
	opacity: 0;
	-webkit-transform: translateY(5px) translateX(-5px);
	-moz-transform: translateY(5px) translateX(-5px);
	transform: translateY(5px) translateX(-5px);
}

.cl-effect-8 a:hover::after,
.cl-effect-8 a:focus::after  {
	opacity: 1;
	-webkit-transform: translateY(0px) translateX(0px);
	-moz-transform: translateY(0px) translateX(0px);
	transform: translateY(0px) translateX(0px);
}

.cl-effect-9 a {
	margin: 0 20px;
	padding: 18px 20px;
}

.cl-effect-9 a::before,
.cl-effect-9 a::after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background: #fff;
	content: '';
	opacity: 0.2;
	-webkit-transition: opacity 0.3s, height 0.3s;
	-moz-transition: opacity 0.3s, height 0.3s;
	transition: opacity 0.3s, height 0.3s;
}

.cl-effect-9 a::after {
	top: 100%;
	opacity: 0;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	-moz-transition: -moz-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
	-webkit-transform: translateY(-10px);
	-moz-transform: translateY(-10px);
	transform: translateY(-10px);
}

.cl-effect-9 a span:first-child {
	z-index: 2;
	display: block;
	font-weight: 300;
}

.cl-effect-9 a span:last-child {
	z-index: 1;
	display: block;
	padding: 8px 0 0 0;
	color: rgba(0,0,0,0.4);
	text-shadow: none;
	text-transform: none;
	font-style: italic;
	font-size: 0.75em;
	font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif;
	opacity: 0;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	-moz-transition: -moz-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	transform: translateY(-100%);
}

.cl-effect-9 a:hover::before,
.cl-effect-9 a:focus::before {
	height: 6px;
}

.cl-effect-9 a:hover::before,
.cl-effect-9 a:hover::after,
.cl-effect-9 a:focus::before,
.cl-effect-9 a:focus::after {
	opacity: 1;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transform: translateY(0px);
}

.cl-effect-9 a:hover span:last-child,
.cl-effect-9 a:focus span:last-child {
	opacity: 1;
	-webkit-transform: translateY(0%);
	-moz-transform: translateY(0%);
	transform: translateY(0%);
}


.cl-effect-10  {
	position: relative;
	z-index: 1;
}

.cl-effect-10 a {
	overflow: hidden;
	margin: 0 15px;
}

.cl-effect-10 a span {
	display: block;
	padding: 10px 20px;
	background: #0f7c67;
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	transition: transform 0.3s;
}

.cl-effect-10 a::before {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	padding: 10px 20px;
	width: 100%;
	height: 100%;
	background: #fff;
	color: #0f7c67;
	content: attr(data-hover);
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	transition: transform 0.3s;
	-webkit-transform: translateX(-25%);
}

.cl-effect-10 a:hover span,
.cl-effect-10 a:focus span {
	-webkit-transform: translateX(100%);
	-moz-transform: translateX(100%);
	transform: translateX(100%);
}

.cl-effect-10 a:hover::before,
.cl-effect-10 a:focus::before {
	-webkit-transform: translateX(0%);
	-moz-transform: translateX(0%);
	transform: translateX(0%);
}


.cl-effect-11 a {
	padding: 10px 0;
	border-top: 2px solid #0972b4;
	color: #0972b4;
	text-shadow: none;
} 

.cl-effect-11 a::before {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	padding: 10px 0;
	max-width: 0;
	border-bottom: 2px solid #fff;
	color: #fff;
	content: attr(data-hover);
	-webkit-transition: max-width 0.5s;
	-moz-transition: max-width 0.5s;
	transition: max-width 0.5s;
}

.cl-effect-11 a:hover::before,
.cl-effect-11 a:focus::before {
	max-width: 100%;
}


.cl-effect-12 a::before,
.cl-effect-12 a::after {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100px;
	height: 100px;
	border: 2px solid rgba(0,0,0,0.1);
	border-radius: 50%;
	content: '';
	opacity: 0;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	-moz-transition: -moz-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
	-webkit-transform: translateX(-50%) translateY(-50%) scale(0.2);
	-moz-transform: translateX(-50%) translateY(-50%) scale(0.2);
	transform: translateX(-50%) translateY(-50%) scale(0.2);
}

.cl-effect-12 a::after {
	width: 90px;
	height: 90px;
	border-width: 6px;
	-webkit-transform: translateX(-50%) translateY(-50%) scale(0.8);
	-moz-transform: translateX(-50%) translateY(-50%) scale(0.8);
	transform: translateX(-50%) translateY(-50%) scale(0.8);
}

.cl-effect-12 a:hover::before,
.cl-effect-12 a:hover::after,
.cl-effect-12 a:focus::before,
.cl-effect-12 a:focus::after {
	opacity: 1;
	-webkit-transform: translateX(-50%) translateY(-50%) scale(1);
	-moz-transform: translateX(-50%) translateY(-50%) scale(1);
	transform: translateX(-50%) translateY(-50%) scale(1);
}


.cl-effect-13 a {
	-webkit-transition: color 0.3s;
	-moz-transition: color 0.3s;
	transition: color 0.3s;
}

.cl-effect-13 a::before {
	position: absolute;
	top: 100%;
	left: 50%;
	color: transparent;
	content: '•';
	text-shadow: 0 0 transparent;
	font-size: 1.2em;
	-webkit-transition: text-shadow 0.3s, color 0.3s;
	-moz-transition: text-shadow 0.3s, color 0.3s;
	transition: text-shadow 0.3s, color 0.3s;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	transform: translateX(-50%);
	pointer-events: none;
}

.cl-effect-13 a:hover::before,
.cl-effect-13 a:focus::before {
	color: #fff;
	text-shadow: 10px 0 #fff, -10px 0 #fff;
}

.cl-effect-13 a:hover,
.cl-effect-13 a:focus {
	color: #ba7700;
}


.cl-effect-14 a {
	padding: 0 20px;
	height: 45px;
	line-height: 45px;
}

.cl-effect-14 a::before,
.cl-effect-14 a::after {
	position: absolute;
	width: 45px;
	height: 2px;
	background: #fff;
	content: '';
	opacity: 0.2;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	pointer-events: none;
}

.cl-effect-14 a::before {
	top: 0;
	left: 0;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	transform: rotate(90deg);
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	transform-origin: 0 0;
}

.cl-effect-14 a::after {
	right: 0;
	bottom: 0;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	transform: rotate(90deg);
	-webkit-transform-origin: 100% 0;
	-moz-transform-origin: 100% 0;
	transform-origin: 100% 0;
}

.cl-effect-14 a:hover::before,
.cl-effect-14 a:hover::after,
.cl-effect-14 a:focus::before,
.cl-effect-14 a:focus::after {
	opacity: 1;
}

.cl-effect-14 a:hover::before,
.cl-effect-14 a:focus::before {
	left: 50%;
	-webkit-transform: rotate(0deg) translateX(-50%);
	-moz-transform: rotate(0deg) translateX(-50%);
	transform: rotate(0deg) translateX(-50%);
}

.cl-effect-14 a:hover::after,
.cl-effect-14 a:focus::after {
	right: 50%;
	-webkit-transform: rotate(0deg) translateX(50%);
	-moz-transform: rotate(0deg) translateX(50%);
	transform: rotate(0deg) translateX(50%);
}


.cl-effect-15 a {
	color: rgba(0,0,0,0.2);
	font-weight: 700;
	text-shadow: none;
}

.cl-effect-15 a::before {
	color: #fff;
	content: attr(data-hover);
	position: absolute;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	-moz-transition: -moz-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
}

.cl-effect-15 a:hover::before,
.cl-effect-15 a:focus::before {
	-webkit-transform: scale(0.9);
	-moz-transform: scale(0.9);
	transform: scale(0.9);
	opacity: 0;
}


.cl-effect-16 a {
	color: #6f8686;
	text-shadow: 0 0 1px rgba(111,134,134,0.3);
}

.cl-effect-16 a::before {
	color: #fff;
	content: attr(data-hover);
	position: absolute;
	opacity: 0;
	text-shadow: 0 0 1px rgba(255,255,255,0.3);
	-webkit-transform: scale(1.1) translateX(10px) translateY(-10px) rotate(4deg);
	-moz-transform: scale(1.1) translateX(10px) translateY(-10px) rotate(4deg);
	transform: scale(1.1) translateX(10px) translateY(-10px) rotate(4deg);
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	-moz-transition: -moz-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
	pointer-events: none;
}

.cl-effect-16 a:hover::before,
.cl-effect-16 a:focus::before {
	-webkit-transform: scale(1) translateX(0px) translateY(0px) rotate(0deg);
	-moz-transform: scale(1) translateX(0px) translateY(0px) rotate(0deg);
	transform: scale(1) translateX(0px) translateY(0px) rotate(0deg);
	opacity: 1;
}


.cl-effect-17 a {
	color: #10649b;
	text-shadow: none;
	padding: 10px 0;
}

.cl-effect-17 a::before {
	color: #fff;
	text-shadow: 0 0 1px rgba(255,255,255,0.3);
	content: attr(data-hover);
	position: absolute;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	-moz-transition: -moz-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
	pointer-events: none;
}

.cl-effect-17 a::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 2px;
	background: #fff;
	opacity: 0;
	-webkit-transform: translateY(5px);
	-moz-transform: translateY(5px);
	transform: translateY(5px);
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	-moz-transition: -moz-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
	pointer-events: none;
}

.cl-effect-17 a:hover::before,
.cl-effect-17 a:focus::before {
	opacity: 0;
	-webkit-transform: translateY(-2px);
	-moz-transform: translateY(-2px);
	transform: translateY(-2px);
}

.cl-effect-17 a:hover::after,
.cl-effect-17 a:focus::after {
	opacity: 1;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transform: translateY(0px);
}


.cl-effect-18 {
	position: relative;
	z-index: 1;
}

.cl-effect-18 a {
	padding: 0 5px;
	color: #b4770d;
	font-weight: 700;
	-webkit-transition: color 0.3s;
	-moz-transition: color 0.3s;
	transition: color 0.3s;
}

.cl-effect-18 a::before,
.cl-effect-18 a::after {
	position: absolute;
	width: 100%;
	left: 0;
	top: 50%;
	height: 2px;
	margin-top: -1px;
	background: #b4770d;
	content: '';
	z-index: -1;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	-moz-transition: -moz-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
	pointer-events: none;
}

.cl-effect-18 a::before {
	-webkit-transform: translateY(-20px);
	-moz-transform: translateY(-20px);
	transform: translateY(-20px);
}

.cl-effect-18 a::after {
	-webkit-transform: translateY(20px);
	-moz-transform: translateY(20px);
	transform: translateY(20px);
}

.cl-effect-18 a:hover,
.cl-effect-18 a:focus {
	color: #fff;
}

.cl-effect-18 a:hover::before,
.cl-effect-18 a:hover::after,
.cl-effect-18 a:focus::before,
.cl-effect-18 a:focus::after {
	opacity: 0.7;
}

.cl-effect-18 a:hover::before,
.cl-effect-18 a:focus::before {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg);
}

.cl-effect-18 a:hover::after,
.cl-effect-18 a:focus::after {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	transform: rotate(-45deg);
}


.cl-effect-19 a {
	line-height: 2em;
	margin: 15px;
	-webkit-perspective: 800px;
	-moz-perspective: 800px;
	perspective: 800px;
	width: 200px;
}

.cl-effect-19 a span {
	position: relative;
	display: inline-block;
	width: 100%;
	padding: 0 14px;
	background: #e35041;
	-webkit-transition: -webkit-transform 0.4s, background 0.4s;
	-moz-transition: -moz-transform 0.4s, background 0.4s;
	transition: transform 0.4s, background 0.4s;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform-origin: 50% 50% -100px;
	-moz-transform-origin: 50% 50% -100px;
	transform-origin: 50% 50% -100px;
}

.csstransforms3d .cl-effect-19 a span::before {
	position: absolute;
	top: 0;
	left: 100%;
	width: 100%;
	height: 100%;
	background: #b53a2d;
	content: attr(data-hover);
	-webkit-transition: background 0.4s;
	-moz-transition: background 0.4s;
	transition: background 0.4s;
	-webkit-transform: rotateY(90deg);
	-moz-transform: rotateY(90deg);
	transform: rotateY(90deg);
	-webkit-transform-origin: 0 50%;
	-moz-transform-origin: 0 50%;
	transform-origin: 0 50%;
	pointer-events: none;
}

.cl-effect-19 a:hover span,
.cl-effect-19 a:focus span {
	background: #b53a2d;
	-webkit-transform: rotateY(-90deg);
	-moz-transform: rotateY(-90deg);
	transform: rotateY(-90deg);
}

.csstransforms3d .cl-effect-19 a:hover span::before,
.csstransforms3d .cl-effect-19 a:focus span::before {
	background: #ef5e50;	
}


.cl-effect-20 a {
	line-height: 2em;
	-webkit-perspective: 800px;
	-moz-perspective: 800px;
	perspective: 800px;
}

.cl-effect-20 a span {
	position: relative;
	display: inline-block;
	padding: 3px 15px 0;
	background: #587285;
	box-shadow: inset 0 3px #2f4351;
	-webkit-transition: background 0.6s;
	-moz-transition: background 0.6s;
	transition: background 0.6s;
	-webkit-transform-origin: 50% 0;
	-moz-transform-origin: 50% 0;
	transform-origin: 50% 0;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform-origin: 0% 50%;
	-moz-transform-origin: 0% 50%;
	transform-origin: 0% 50%;
}

.cl-effect-20 a span::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	color: #2f4351;
	content: attr(data-hover);
	-webkit-transform: rotateX(270deg);
	-moz-transform: rotateX(270deg);
	transform: rotateX(270deg);
	-webkit-transition: -webkit-transform 0.6s;
	-moz-transition: -moz-transform 0.6s;
	transition: transform 0.6s;
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	transform-origin: 0 0;
	pointer-events: none;
}

.cl-effect-20 a:hover span,
.cl-effect-20 a:focus span {
	background: #2f4351;
}

.cl-effect-20 a:hover span::before,
.cl-effect-20 a:focus span::before {
	-webkit-transform: rotateX(10deg);	
	-moz-transform: rotateX(10deg);
	transform: rotateX(10deg);
}

m'
.cl-effect-21 a {
	padding: 10px;
	color: #237546;
	font-weight: 700;
	text-shadow: none;
	-webkit-transition: color 0.3s;
	-moz-transition: color 0.3s;
	transition: color 0.3s;
}

.cl-effect-21 a::before,
.cl-effect-21 a::after {
	position: absolute;
	left: 0;
	width: 100%;
	height: 2px;
	background: #fff;
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
	-moz-transition: opacity 0.3s, -moz-transform 0.3s;
	transition: opacity 0.3s, transform 0.3s;
	-webkit-transform: translateY(-10px);
	-moz-transform: translateY(-10px);
	transform: translateY(-10px);
}

.cl-effect-21 a::before {
	top: 0;
	-webkit-transform: translateY(-10px);
	-moz-transform: translateY(-10px);
	transform: translateY(-10px);
}

.cl-effect-21 a::after {
	bottom: 0;
	-webkit-transform: translateY(10px);
	-moz-transform: translateY(10px);
	transform: translateY(10px);
}

.cl-effect-21 a:hover,
.cl-effect-21 a:focus {
	color: #fff;
}

.cl-effect-21 a:hover::before,
.cl-effect-21 a:focus::before,
.cl-effect-21 a:hover::after,
.cl-effect-21 a:focus::after {
	opacity: 1;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transform: translateY(0px);
}




</style>

<script type="text/javascript">
( function( jQuery ) {
jQuery( document ).ready(function() {
jQuery('.grue_240').prepend('<div id="menu-button">Menu footer</div>');
	jQuery('.grue_240 #menu-button').on('click', function(){
		var menu = jQuery(this).next('ul');
		if (menu.hasClass('open')) {
			menu.removeClass('open');
		}
		else {
			menu.addClass('open');
		}
	});
});
} )( jQuery );
</script>
<title>#gruemenu.grue</title>
<div id="gruemenu" class="cl-effect-9 grue_240 ">
<ul >
<li class="item-636"><a href="../../../homepage-7.html" >Home</a></li><li class="item-637"><a href="../../../nos-chercheurs-3.html" >Researchers Directory</a></li><li class="item-638"><a href="../../../site-map.html" >Site Map</a></li><li class="item-639"><a href="../../../weblinks-4.html" >Useful links </a></li><li class="item-640"><a href="http://mail.cerist.dz/" target="_blank" >Mail</a></li><li class="item-641"><a href="../../../find-us.html" >Find us</a></li></ul>
</div>

		</div>
			<div class="moduletable">
						<div id="rssocial-123" class="rssocial-container rssocial-icons rssocial-inline rssocial-right rssocial-icons-bottom-spacing ">
		
	<ul id="rssocial-ul-123" class="rssocial-icons rssocial-icons-bg">
		<li>
		<a id="rssocial-facebook-icon" class="rssocial-link push" target="_blank" href="https://www.facebook.com/ceristalgeria">
			<span class="rssocial-icon rssocial-icon-facebook"></span>
		</a>
			</li>
	<li>
		<a id="rssocial-twitter-icon" class="rssocial-link push" target="_blank" href="https://twitter.com/ceristdz">
			<span class="rssocial-icon rssocial-icon-twitter"></span>
		</a>
			
	</li>
	</ul>
</div>
<div class="rssocial-clear"></div>
		</div>
	
		</div>
	</div>
	

    </div>
</div>





</body>

<!-- Mirrored from www.cerist.dz/index.php/en/medias-multimedias-en/photo-library/135-photos-2013/1084-cinquiemes-journees-d-etude-sur-les-bibliotheques-universitaires-algeriennes-jebu-13-du-29-au-30-mai-2013-au-cerist-2 by HTTrack Website Copier/3.x [XR&CO'2014], Wed, 29 Jul 2026 21:20:18 GMT -->
</html>