
<!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/217-manifestations-scientifiques-du-cerist-en/2013/766-cinquiemes-journees-d-etude-sur-les-bibliotheques-universitaires-algeriennes-jebu-13-du-29-au-30-mai-2013-au-cerist by HTTrack Website Copier/3.x [XR&CO'2014], Wed, 29 Jul 2026 18:15:40 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>The Fifth Study Days on Algerian University Libraries JEBU' 13   - CERIST</title>
	<link href="../../../../templates/tpl_theme14/favicon.ico" rel="shortcut icon" type="image/vnd.microsoft.icon" />
	<link href="../../component/search/index3d50.html?Itemid=479&amp;catid=217&amp;id=766&amp;format=opensearch" rel="search" title="Search CERIST" type="application/opensearchdescription+xml" />
	<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" />
	<link href="../../../../modules/mod_bt_contentslider/tmpl/css/btcontentslider.css" rel="stylesheet" type="text/css" />
	<link href="../../../../modules/mod_jmslideshow/assets/css/mod_jmslideshow_default.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); }#btcontentslider133 .bt_handles_num{top: 0px !important;right: 5px !important}
		@media screen and (max-width: 480px){.bt-cs .bt-row{width:100%!important;}}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="../../../../media/system/js/caption0710.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>
	<script src="../../../../modules/mod_bt_contentslider/tmpl/js/slides.js" type="text/javascript"></script>
	<script src="../../../../modules/mod_bt_contentslider/tmpl/js/default.js" type="text/javascript"></script>
	<script src="../../../../modules/mod_bt_contentslider/tmpl/js/jquery.easing.1.3.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">
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>

    <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 current active"><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/" 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="479" />
	</form>
</div>

		</div>
	</div>
	
	

		<div id="modulestop">
		<div class="inner clearfix n2">
						<div id="modulestopmod1" class="flexiblemodule ">
				<div class="inner clearfix">
							<div class="moduletable">
						<script type="text/javascript">
var jQueryScriptOutputted = false;
function JMInitJQuery() {    
  if (typeof(jQuery) == 'undefined') {   
    if (! jQueryScriptOutputted) {
      jQueryScriptOutputted = true;
      document.write("<scr" + "ipt type=\"text/javascript\" src=\"http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js\"></scr" + "ipt>");
    }
    setTimeout("JMInitJQuery()", 50);
  }         
}
JMInitJQuery();
</script>
<script type="text/javascript" src="../../../../modules/mod_jmslideshow/assets/js/jquery.cycle2.js"></script><script type="text/javascript" src="../../../../modules/mod_jmslideshow/assets/js/jquery.cycle2.swipe.js"></script><script type="text/javascript" src="../../../../modules/mod_jmslideshow/assets/js/responsive.js"></script><script type="text/javascript" src="../../../../modules/mod_jmslideshow/assets/js/ios6fix.js"></script><style type="text/css">
  #jmslideshow-195{
          width: 100%;
      }
  #jmslideshow-195 img{
    width: 100%; 
    height: auto;
    max-height: 652px;
  }
</style>
<!--[if lte IE 8]>
<style type="text/css">#jmslideshow-195 .jmslide-item{background:none !important;}</style>
<![endif]-->
<div id="jmslideshow-195"
     class="cycle-slideshow jmslideshow"
     data-cycle-fx="fadeout"
     data-cycle-pause-on-hover="false"
     data-cycle-speed="500"
     data-cycle-timeout="5000"
     data-cycle-swipe="true"
            data-cycle-prev="#jmslideshow-195 .cycle-prev" 
       data-cycle-next="#jmslideshow-195 .cycle-next" 
          data-cycle-slides="> div.jmslide-item"
                >
     
                	      <div class="jmslide-item">
	       <a href="../../portails-2/1112-pnci-en.html"> <img title="/media/mod_jmslideshow/100x65_pnciang.jpg" class="jmslide-img" src="../../../../media/mod_jmslideshow/652x279_fill_pnciang.jpg"/></a>
	        	          <div  class="slideshow-content" style="width:300px; top:30px;left:30px">
	            	            	            <p><a href="../../portails-2/1112-pnci-en.html">Read more +</a></p>	          </div>
	               
	      </div>
                  	      <div class="jmslide-item">
	       <a href="../../portails-2/322-cerist-dl.html"> <img title="/media/mod_jmslideshow/100x65_DL2015anglais.jpg" class="jmslide-img" src="../../../../media/mod_jmslideshow/652x279_fill_DL2015anglais.jpg"/></a>
	        	          <div  class="slideshow-content" style="width:300px; top:30px;left:30px">
	            	            	            <p><a href="../../portails-2/322-cerist-dl.html">Read more +</a></p>	          </div>
	               
	      </div>
                  	      <div class="jmslide-item">
	       <a href="../../portails-2/320-freesoft.html"> <img title="/media/mod_jmslideshow/100x65_WEBTV2anglais.jpg" class="jmslide-img" src="../../../../media/mod_jmslideshow/652x279_fill_WEBTV2anglais.jpg"/></a>
	        	          <div  class="slideshow-content" style="width:300px; top:30px;left:30px">
	            	            	            <p><a href="../../portails-2/320-freesoft.html">Read more +</a></p>	          </div>
	               
	      </div>
                  	      <div class="jmslide-item">
	       <a href="../../portails-2/809-sndl.html"> <img title="/media/mod_jmslideshow/100x65_sndl2015anglais.jpg" class="jmslide-img" src="../../../../media/mod_jmslideshow/652x279_fill_sndl2015anglais.jpg"/></a>
	        	          <div  class="slideshow-content" style="width:300px; top:30px;left:30px">
	            	            	            <p><a href="../../portails-2/809-sndl.html">Read more +</a></p>	          </div>
	               
	      </div>
                  	      <div class="jmslide-item">
	       <a href="../../portails-2/321-wissal.html"> <img title="/media/mod_jmslideshow/100x65_WISSALanglais.jpg" class="jmslide-img" src="../../../../media/mod_jmslideshow/652x279_fill_WISSALanglais.jpg"/></a>
	        	          <div  class="slideshow-content" style="width:300px; top:30px;left:30px">
	            	            	            <p><a href="../../portails-2/321-wissal.html">Read more +</a></p>	          </div>
	               
	      </div>
                  	      <div class="jmslide-item">
	       <a href="../../portails-2/325-arn.html"> <img title="/media/mod_jmslideshow/100x65_ARNang1.jpg" class="jmslide-img" src="../../../../media/mod_jmslideshow/652x279_fill_ARNang1.jpg"/></a>
	        	          <div  class="slideshow-content" style="width:300px; top:30px;left:30px">
	            	            	            <p><a href="../../portails-2/325-arn.html">Read more +</a></p>	          </div>
	               
	      </div>
                  	      <div class="jmslide-item">
	       <a href="../../portails-2/319-bibliouniv.html"> <img title="/media/mod_jmslideshow/100x65_BIBLIOUNIVang.jpg" class="jmslide-img" src="../../../../media/mod_jmslideshow/652x279_fill_BIBLIOUNIVang.jpg"/></a>
	        	          <div  class="slideshow-content" style="width:300px; top:30px;left:30px">
	            	            	            <p><a href="../../portails-2/319-bibliouniv.html">Read more +</a></p>	          </div>
	               
	      </div>
                  	      <div class="jmslide-item">
	       <a href="../../portails-2/318-webreview.html"> <img title="/media/mod_jmslideshow/100x65_WEBREVIEWang.jpg" class="jmslide-img" src="../../../../media/mod_jmslideshow/652x279_fill_WEBREVIEWang.jpg"/></a>
	        	          <div  class="slideshow-content" style="width:300px; top:30px;left:30px">
	            	            	            <p><a href="../../portails-2/318-webreview.html">Read more +</a></p>	          </div>
	               
	      </div>
                  	      <div class="jmslide-item">
	       <a href="../../../../index.html"> <img title="/media/mod_jmslideshow/100x65_ISTEMAGanglais.jpg" class="jmslide-img" src="../../../../media/mod_jmslideshow/652x279_fill_ISTEMAGanglais.jpg"/></a>
	        	          <div  class="slideshow-content" style="width:300px; top:30px;left:30px">
	            	            	            <p><a href="../../../../index.html">Read more +</a></p>	          </div>
	               
	      </div>
                
    <div class="cycle-pager " style="left:30px;bottom:30px"></div>
   
        <a href="#" class="cycle-prev"><span>Prev</span></a>
    <a href="#" class="cycle-next"><span>Next</span></a> 
  </div>		</div>
	
				</div>
			</div>
												<div id="modulestopmod3" class="flexiblemodule ">
				<div class="inner clearfix">
							<div class="moduletable">
							<h3>News </h3>
						<div id="btcontentslider133" style="display:none;width:auto" class="bt-cs">
			<div class="slides_container" style="width:auto;">

			<div class="slide" style="width:auto">
					<div class="bt-row bt-row-first"  style="width:50%" >
				<div class="bt-inner">
								
										<a class="bt-title" target="_parent"
						title="Consultation No. 5/CERIST/2026 for the selection of an Internet Service Provider for a managed anti-DDoS protection service"
						href="../../news-en/1766-consultation-no-5-cerist-2026-for-the-selection-of-an-internet-service-provider-for-a-managed-anti-ddos-protection-service.html"> Consultation No. 5/CERIST/2026 for the selection of an... </a><br />
															
										<div class="bt-introtext">
					CERIST is launching a consultation  to select an Internet Service Provider for a managed anti-DDoS p...					</div>
					
										<p class="readmore">
						<a target="_parent"
							title="Consultation No. 5/CERIST/2026 for the selection of an Internet Service Provider for a managed anti-DDoS protection service"
							href="../../news-en/1766-consultation-no-5-cerist-2026-for-the-selection-of-an-internet-service-provider-for-a-managed-anti-ddos-protection-service.html"> Read more						</a>
					</p>
					
				</div>
				<!--end bt-inner -->
			</div>
			<!--end bt-row -->
									<div class="bt-row bt-row-last"  style="width:50%" >
				<div class="bt-inner">
								
										<a class="bt-title" target="_parent"
						title="The list of successful candidates in the qualification-based examinations for recruitment to the Research Support Staff Corps, State Engineer rank"
						href="../../news-en/1764-the-list-of-successful-candidates-in-the-qualification-based-examinations-for-recruitment-to-the-research-support-staff-corps-state-engineer-rank.html"> The list of successful candidates in the qualification-based... </a><br />
															
										<div class="bt-introtext">
					The Research Center for Scientific and Technical Information announces  the list of successful candi...					</div>
					
										<p class="readmore">
						<a target="_parent"
							title="The list of successful candidates in the qualification-based examinations for recruitment to the Research Support Staff Corps, State Engineer rank"
							href="../../news-en/1764-the-list-of-successful-candidates-in-the-qualification-based-examinations-for-recruitment-to-the-research-support-staff-corps-state-engineer-rank.html"> Read more						</a>
					</p>
					
				</div>
				<!--end bt-inner -->
			</div>
			<!--end bt-row -->
									<div style="clear: both;"></div>

		</div>
		<!--end bt-main-item page	-->
				<div class="slide" style="width:auto">
					<div class="bt-row bt-row-first"  style="width:50%" >
				<div class="bt-inner">
								
										<a class="bt-title" target="_parent"
						title="The list of successful candidates for the position of Senior Researcher B"
						href="../../news-en/1761-the-list-of-successful-candidates-for-the-position-of-senior-researcher-b.html"> The list of successful candidates for the position... </a><br />
															
										<div class="bt-introtext">
					Announcement of the list of successful candidates for the position of Senior Researcher B at the Res...					</div>
					
										<p class="readmore">
						<a target="_parent"
							title="The list of successful candidates for the position of Senior Researcher B"
							href="../../news-en/1761-the-list-of-successful-candidates-for-the-position-of-senior-researcher-b.html"> Read more						</a>
					</p>
					
				</div>
				<!--end bt-inner -->
			</div>
			<!--end bt-row -->
									<div class="bt-row bt-row-last"  style="width:50%" >
				<div class="bt-inner">
								
										<a class="bt-title" target="_parent"
						title="Consultation N° 004/CERIST/2026  for the supply, installation, and commissioning of a Backup/Restore solution under a framework agreement"
						href="../../news-en/1757-consultation-n-004-cerist-2026-for-the-supply-installation-and-commissioning-of-a-backup-restore-solution-under-a-framework-agreement.html"> Consultation N° 004/CERIST/2026  for the supply, installation,... </a><br />
															
										<div class="bt-introtext">
					CERIST is launching a letter or consultation for the supply, installation, and commissioning of a Ba...					</div>
					
										<p class="readmore">
						<a target="_parent"
							title="Consultation N° 004/CERIST/2026  for the supply, installation, and commissioning of a Backup/Restore solution under a framework agreement"
							href="../../news-en/1757-consultation-n-004-cerist-2026-for-the-supply-installation-and-commissioning-of-a-backup-restore-solution-under-a-framework-agreement.html"> Read more						</a>
					</p>
					
				</div>
				<!--end bt-inner -->
			</div>
			<!--end bt-row -->
									<div style="clear: both;"></div>

		</div>
		<!--end bt-main-item page	-->
				<div class="slide" style="width:auto">
					<div class="bt-row bt-row-first"  style="width:50%" >
				<div class="bt-inner">
								
										<a class="bt-title" target="_parent"
						title=" Second Edition of the Aljazair Builders Program 2026 "
						href="../../news-en/1753-second-edition-of-the-aljazair-builders-program-2026.html">  Second Edition of the Aljazair Builders Program... </a><br />
															
										<div class="bt-introtext">
					Applications are now open for the second edition of the Aljazair Builders program.
Following the su...					</div>
					
										<p class="readmore">
						<a target="_parent"
							title=" Second Edition of the Aljazair Builders Program 2026 "
							href="../../news-en/1753-second-edition-of-the-aljazair-builders-program-2026.html"> Read more						</a>
					</p>
					
				</div>
				<!--end bt-inner -->
			</div>
			<!--end bt-row -->
									<div class="bt-row bt-row-last"  style="width:50%" >
				<div class="bt-inner">
								
										<a class="bt-title" target="_parent"
						title="consultation N° 003/CERIST/2026 for the acquisition of supplies and mechanical parts for the electric vehicle project"
						href="../../news-en/1749-consultation-n-003-cerist-2026-for-the-acquisition-of-supplies-and-mechanical-parts-for-the-electric-vehicle-project.html"> consultation N° 003/CERIST/2026 for the acquisition of supplies... </a><br />
															
										<div class="bt-introtext">
					As part of the research project at our Embedded Systems Research Unit of Chlef, CERIST is launching ...					</div>
					
										<p class="readmore">
						<a target="_parent"
							title="consultation N° 003/CERIST/2026 for the acquisition of supplies and mechanical parts for the electric vehicle project"
							href="../../news-en/1749-consultation-n-003-cerist-2026-for-the-acquisition-of-supplies-and-mechanical-parts-for-the-electric-vehicle-project.html"> Read more						</a>
					</p>
					
				</div>
				<!--end bt-inner -->
			</div>
			<!--end bt-row -->
									<div style="clear: both;"></div>

		</div>
		<!--end bt-main-item page	-->
				<div class="slide" style="width:auto">
					<div class="bt-row bt-row-first"  style="width:50%" >
				<div class="bt-inner">
								
										<a class="bt-title" target="_parent"
						title="Call for Consultation No.: 02/ CERIST  /2026 For the provision of cybersecurity managed services (audit, continuous monitoring, and security incident response)."
						href="../../news-en/1742-call-for-consultation-no-02-cerist-2026-for-the-provision-of-cybersecurity-managed-services-audit-continuous-monitoring-and-security-incident-response.html"> Call for Consultation No.: 02/ CERIST  /2026... </a><br />
															
										<div class="bt-introtext">
					CERIST is launching a consultation for the acquisition of managed cybersecurity services (audit, con...					</div>
					
										<p class="readmore">
						<a target="_parent"
							title="Call for Consultation No.: 02/ CERIST  /2026 For the provision of cybersecurity managed services (audit, continuous monitoring, and security incident response)."
							href="../../news-en/1742-call-for-consultation-no-02-cerist-2026-for-the-provision-of-cybersecurity-managed-services-audit-continuous-monitoring-and-security-incident-response.html"> Read more						</a>
					</p>
					
				</div>
				<!--end bt-inner -->
			</div>
			<!--end bt-row -->
									<div class="bt-row bt-row-last"  style="width:50%" >
				<div class="bt-inner">
								
										<a class="bt-title" target="_parent"
						title="5th International Conference on Embedded and Distributed Systems (EDiS’2026)"
						href="../../news-en/1737-5th-international-conference-on-embedded-and-distributed-systems-edis-2026.html"> 5th International Conference on Embedded and Distributed Systems... </a><br />
															
										<div class="bt-introtext">
					The LAPECI Laboratory (Laboratory of Parallel Architectures, Embedded and High-Performance Computing...					</div>
					
										<p class="readmore">
						<a target="_parent"
							title="5th International Conference on Embedded and Distributed Systems (EDiS’2026)"
							href="../../news-en/1737-5th-international-conference-on-embedded-and-distributed-systems-edis-2026.html"> Read more						</a>
					</p>
					
				</div>
				<!--end bt-inner -->
			</div>
			<!--end bt-row -->
									<div style="clear: both;"></div>

		</div>
		<!--end bt-main-item page	-->
				<div class="slide" style="width:auto">
					<div class="bt-row bt-row-first"  style="width:50%" >
				<div class="bt-inner">
								
										<a class="bt-title" target="_parent"
						title="Notice of provisional award of Consultation No. 16/CERIST/2025"
						href="../../news-en/1728-notice-of-provisional-award-of-consultation-no-16-cerist-2025.html"> Notice of provisional award of Consultation No. 16/CERIST/2025... </a><br />
															
										<div class="bt-introtext">
					The Research Center for Scientific and Technical Information informs all bidders who participated in...					</div>
					
										<p class="readmore">
						<a target="_parent"
							title="Notice of provisional award of Consultation No. 16/CERIST/2025"
							href="../../news-en/1728-notice-of-provisional-award-of-consultation-no-16-cerist-2025.html"> Read more						</a>
					</p>
					
				</div>
				<!--end bt-inner -->
			</div>
			<!--end bt-row -->
									<div class="bt-row bt-row-last"  style="width:50%" >
				<div class="bt-inner">
								
										<a class="bt-title" target="_parent"
						title="Notice of provisional award of Consultation No. 15/CERIST/2025"
						href="../../news-en/1727-notice-of-provisional-award-of-consultation-no-15-cerist-2025.html"> Notice of provisional award of Consultation No. 15/CERIST/2025... </a><br />
															
										<div class="bt-introtext">
					The Research Center for Scientific and Technical Information informs all bidders who participated in...					</div>
					
										<p class="readmore">
						<a target="_parent"
							title="Notice of provisional award of Consultation No. 15/CERIST/2025"
							href="../../news-en/1727-notice-of-provisional-award-of-consultation-no-15-cerist-2025.html"> Read more						</a>
					</p>
					
				</div>
				<!--end bt-inner -->
			</div>
			<!--end bt-row -->
									<div style="clear: both;"></div>

		</div>
		<!--end bt-main-item page	-->
				<div class="slide" style="width:auto">
					<div class="bt-row bt-row-first"  style="width:50%" >
				<div class="bt-inner">
								
										<a class="bt-title" target="_parent"
						title="Recruitment Call "
						href="../../news-en/1674-recruitment-call-2.html"> Recruitment Call  </a><br />
															
										<div class="bt-introtext">
					The Research Center for Scientific and Technical Information launches a recruitment call for the 202...					</div>
					
										<p class="readmore">
						<a target="_parent"
							title="Recruitment Call "
							href="../../news-en/1674-recruitment-call-2.html"> Read more						</a>
					</p>
					
				</div>
				<!--end bt-inner -->
			</div>
			<!--end bt-row -->
									<div class="bt-row bt-row-last"  style="width:50%" >
				<div class="bt-inner">
								
										<a class="bt-title" target="_parent"
						title="Call for Papers: Special Issue on AI-Driven Advances in Information Retrieval and Recommendation Systems"
						href="../../news-en/1658-call-for-papers-special-issue-on-ai-driven-advances-in-information-retrieval-and-recommendation-systems.html"> Call for Papers: Special Issue on AI-Driven Advances... </a><br />
															
										<div class="bt-introtext">
					Information Processing at the Digital Age Journal (Previously Revue de l’Information Scientifique et...					</div>
					
										<p class="readmore">
						<a target="_parent"
							title="Call for Papers: Special Issue on AI-Driven Advances in Information Retrieval and Recommendation Systems"
							href="../../news-en/1658-call-for-papers-special-issue-on-ai-driven-advances-in-information-retrieval-and-recommendation-systems.html"> Read more						</a>
					</p>
					
				</div>
				<!--end bt-inner -->
			</div>
			<!--end bt-row -->
									<div style="clear: both;"></div>

		</div>
		<!--end bt-main-item page	-->
			</div>
</div>
<!--end bt-container -->
<div style="clear: both;"></div>

<script type="text/javascript">	
	if(typeof(btcModuleIds)=='undefined'){var btcModuleIds = new Array();var btcModuleOpts = new Array();}
	btcModuleIds.push(133);
	btcModuleOpts.push({
			slideEasing : 'easeInQuad',
			fadeEasing : 'easeInQuad',
			effect: 'slide,slide',
			preloadImage: 'https://www.cerist.dz//modules/mod_bt_contentslider/tmpl/images/loading.gif',
			generatePagination: true,
			play: 5000,						
			hoverPause: true,	
			slideSpeed : 500,
			autoHeight:true,
			fadeSpeed : 500,
			equalHeight:true,
			width: 'auto',
			height: 279,
			pause: 100,
			preload: true,
			paginationClass: 'bt_handles_num',
			generateNextPrev:false,
			prependPagination:true,
			touchScreen:0	});
</script>

		</div>
	
				</div>
			</div>
												<div class="clr"></div>
		</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">
		<h2 itemprop="headline">
			The Fifth Study Days on Algerian University Libraries JEBU' 13  		</h2>
							</div>
					
		
	
	
		
								<div itemprop="articleBody">
		<p class="MsoNormal">CERIST organizes the Fifth Study Days on Algerian University Libraries (JEBU'13) under the theme of: Documentary policy, training and acquisition policy, which will be held on 29th and 30th May 2013 in Ben Aknoun, Algiers.</p>
<p class="MsoNormal"> </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="../../medias-multimedias-en/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="../../medias-multimedias-en/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="../../medias-multimedias-en/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="../../medias-multimedias-en/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="../../medias-multimedias-en/revue-de-presse-en.html"><span style="color: white;">Press review</span></a></p>
<p><a title="Conseils Sécurité" href="../../medias-multimedias-en/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="../../medias-multimedias-en/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/217-manifestations-scientifiques-du-cerist-en/2013/766-cinquiemes-journees-d-etude-sur-les-bibliotheques-universitaires-algeriennes-jebu-13-du-29-au-30-mai-2013-au-cerist by HTTrack Website Copier/3.x [XR&CO'2014], Wed, 29 Jul 2026 18:15:40 GMT -->
</html>